/* ********** Css Weenid  ***********
   * http://www.weenid.com            
   * Copyright (c) 2011, Weenid
   ********************************** */

/* Imports */
@import url("reset.css");

/*  HTML5 - Compatibilite ie
 * **************************** */
header, hgroup, section, footer, aside, nav, article { 
	display: block; 
}

/*  Global    
 * ****************** */
a { outline : none; color:#000; }
strong { font-weight:bold; }                               
.imgLeft { float:left; }
.imgRight { float:right; }
.center { display:block; text-align:center; }
.clearboth { clear:both; }
img { border:0; } 
/* ::-moz-selection{ background: #FF5E99; color:#fff; text-shadow: none; }  */
/* ::Selection { background:#FF5E99; color:#fff; text-shadow: none; }  */

/*  Page    
 * ****************** */
html { background: #efefef url(../../../img/bg.jpg) left top repeat; }
body { 
	font-size:12px; 
	line-height: 1.5em;
	font-size: 1.2em;
	vertical-align:baseline;
	font-family: Arial,Helvetica,sans-serif;
	color:#555555;
	position: relative;
}
header #headercontent, nav, #recherche, #footerBottom, #footerNav { margin:auto; width:940px; }
header #headercontent, nav, #pageContent { position: relative; }

/*  Header    
 * ****************** */
header { background: url(../../../img/bg_header.jpg) repeat-x; height: 145px; width: 100%; }
header #conteneur { background: url("../../../img/bg_header_top.jpg") no-repeat scroll center 0 transparent; height: 135px; margin: auto; position: relative; }
header h1  { color: #9C9C9C; font-family: Arial,Helvetica,sans-serif; font-size: 12px; font-weight: normal; margin: auto; text-align: left; width: 940px; letter-spacing: 0.2px; }
header #logo { position:absolute; top:50px; left:0; }
header #referencer { position: absolute; right: 0; top: 60px; background: url("../../../img/referencer_un_site.png") no-repeat scroll 0 0 transparent; height: 37px; overflow: hidden; text-indent: -3000px; width: 204px; display:block; }
header #referencer:hover { background-position:0px -42px; }

/*  Navigation    
 * ****************** */
nav { background: url("../../../img/bg_nav.jpg") no-repeat 0 0 transparent; height:37px; border-bottom: 3px solid #F2F2F2; }
nav ul li { float: left; list-style: none outside none; margin: 0; padding: 0 3px; }
nav ul li a { color: #FFF; display: block; font-family: Arial,Helvetica,sans-serif; font-size: 13px; margin: 8px 2px; padding: 2px 7px; text-decoration: none; }
nav ul li a:hover { background-color:#505357; -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; color: #FFF; }
nav a#home, nav a#home:hover { background: url("../../../img/ico_home.jpg") no-repeat 11px 2px transparent; display: block; overflow: hidden; text-indent: -6000px; width: 22px; }
nav .sep, #recherche { background: url("../../../img/separateur.jpg") no-repeat 0 0 transparent; }
nav .sep { height: 37px; width: 2px; }
#recherche { position:absolute; height: 37px; position: absolute; right: 0; width: 200px; padding-left:16px; }
#recherche #recherche_req {   border-color: #5F6469; border-style: none none solid; border-width: 0 0 1px; color: #606368; height: 23px; padding-left: 7px; position: absolute; right: 40px; top: 7px; width: 155px; }
#recherche #recherche_send {  background: url("http://www.publicite-gratuite.fr/img/btn_rechercher.jpg") no-repeat scroll 0 0 transparent; border: 0 none; cursor: pointer; height: 25px; padding: 0; position: absolute; right: 10px; top: 7px; width: 29px; }
	
/*  Content    
 * ****************** */
#pageContent { background: none repeat scroll 0 0 #FFFFFF; border-color: #494949; -moz-border-radius:0 0 5px 5px; -webkit-border-radius:0 0 5px 5px; -khtml-border-radius:0 0 5px 5px; border-style: none solid solid; border-width: 0 0 4px; box-shadow: 0 0 3px #E7E7E7; margin: auto; padding: 20px; width: 900px; min-height: 850px;}
#pageContent p { color: #000000; line-height: 20px; text-align: justify; }
#pageContent, #pageContent p, #pageContent p a { font-family: Arial,Helvetica,sans-serif; font-size: 13px; }
#pageContent p a { color: #b0004b; text-decoration:none }
#pageContent p a:hover { text-decoration:underline }

#pageContent span#nbSites { color:#222222; font-size: 17px; position: absolute; right: 19px; text-align: right; top: 8px; }
#pageContent span#nbSites em { color:#b0004b; }
#pageContent #presentationPub { margin-bottom:20px; width: 900px; }
#suivezLeGuide { display:block; margin: 32px auto 7px; }


/*  Content Left   
 * ****************** */
#colLeft { width: 630px; display: inline; float: left; }
#colLeft .stitle { background: url("../../../img/bg_stitle.jpg") no-repeat scroll -23px 20px transparent; margin: 0 0 7px -27px; padding: 0 0 7px 27px; position: relative; }
#colLeft .stitle h3 { border-bottom: 1px solid #EEEEEE; color: #898D81; font-size: 1.3em; font-weight: normal; height: 18px; letter-spacing: 0.4px; padding-bottom: 12px; }
#colLeft .stitle h3 em { color:#000; font-weight:bold; }
#colLeft .stitle #rss { background: url("../../../img/rss.png") no-repeat scroll 0 7px transparent; overflow: hidden; position: absolute; right: 0; text-indent: 2000px; top: 0; width: 16px; }
#colLeft .article { position: relative; width: 100%; overflow: hidden; margin-bottom: 10px;  padding-bottom: 2px; border-bottom: 1px solid #eee;}
#colLeft .article .post-txt { float: right; overflow: hidden; position:relative; min-height: 155px; }
#colLeft .article .post-title { margin-bottom: 5px; }
#colLeft .article .post-title h2 a { text-decoration:none }
#colLeft .article .post-image { display: inline; float: left; overflow: hidden; }
#colLeft .article .post-image span { background: url("../../../img/bigPicture.png") no-repeat scroll 0 0 transparent; height: 260px; left: 0; position: absolute; top: 0; width: 332px; }
#colLeft .article .post-image img { margin-left:6px; margin-top: 5px; }
#colLeft .firstArticle { height: 262px }
#colLeft .firstArticle .post-title h2 { font-size:18px; margin-top: -5px; }
#colLeft .firstArticle .post-txt { width: 285px; min-height: 155px; }
#colLeft .firstArticle .post-image { width: 330px; }
#colLeft .firstArticle .post-txt .post-content { height:180px; overflow:hidden; }

#colLeft .articleLt .post-title h2 { font-size:14px; }
#colLeft .articleLt .post-txt { width: 430px; min-height: 155px; }
#colLeft .articleLt .post-image { width: 185px; }
#colLeft .articleLt .post-txt .post-content { height:80px; overflow:hidden; }


#colLeft .articleInterne { position: relative; width: 100%; overflow: hidden; margin-bottom: 5px;  padding-bottom: 2px; }
#colLeft .articleInterne .post-txt { float: right; overflow: hidden; }
#colLeft .articleInterne .post-title { margin-bottom: 5px; }
#colLeft .articleInterne .post-title h2 a { text-decoration:none }
#colLeft .articleInterne .post-image { display: inline; float: left; overflow: hidden; }
#colLeft .articleInterne .post-image span { background: url("../../../img/bigPicture.png") no-repeat scroll 0 0 transparent; height: 260px; left: 0; position: absolute; top: 0; width: 332px; }
#colLeft .articleInterne .post-image img { margin-left:6px; margin-top: 5px; }
#colLeft .articleInterne .post-title h2 { font-size:18px; margin-top: -5px; }
#colLeft .articleInterne .post-txt { width: 285px; }
#colLeft .articleInterne .post-image { width: 330px; }


/*  Content Right   
 * ****************** */
#colRight {
    width: 245px;
    display: inline;
    float: right;
}
#colRight h3 {  border-bottom: 1px solid #EEEEEE;
    color: #162D37;
    font-size: 12px;
    height: 25px;
    margin-bottom: 10px;
    text-transform: uppercase; }

#rssTwitter { height: 40px; line-height: 20px; margin: 13px 0 6px; width: 230px; padding-left: 10px; }
#rssTwitter .rss_widget, #rssTwitter .twitter_widget { float:left; padding:0px 10px; }
#rssTwitter .details { width:90px; }
#rssTwitter span.icon { float:left; margin:5px 10px 0 0; }
#rssTwitter span.count { font-size:21px; }
#rssTwitter span.desc { font-size: 11px; }
#rssTwitter span.count, 
#rssTwitter span.desc { float:left; font-family:Georgia, "Times New Roman", serif; }
#rssTwitter a span.count, #rssTwitter a span.desc { float:left; text-decoration:none  }
#rssTwitter a span.desc { color:#888888; }
#rssTwitter a span.count, #rssTwitter a:hover span.desc { color:#444444; }

#colRight #descRubrique, #colRight #descNewsletter { color: #000000; padding: 10px; min-height:30px; }
#colRight #descRubrique { background-color: #F5FBFF; border: 1px solid #ECF5FB; }
#colRight #descNewsletter { background-color: #fff5f5; border: 1px solid #fff0f0; margin-top: 10px; }
#colRight #descRubrique p, #colRight #descNewsletter p { font-size: 12px; line-height: 16px; }
#pageContent #colRight .rubHome { background: url("../../../img/rubHome.jpg") no-repeat scroll 14px 14px #F5FBFF; padding: 10px 10px 10px 58px; }
#pageContent #colRight .rubNews { background: url("../../../img/rubNews.jpg") no-repeat scroll 14px 11px #fff5f5; padding: 10px 10px 10px 58px; }
#pageContent #colRight .rubOmbre { background: url("../../../img/ombre_rubRight.jpg") no-repeat scroll 0 0 transparent; height: 5px; margin-bottom: 5px; margin-left: 5px; }

#colRight #descNewsletter form { margin-left:-45px; }
#colRight #descNewsletter span { background-color: #f0e1e1; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px;  display: inline-block; padding: 4px; margin:15px 0 5px; }
#colRight #descNewsletter input#newsletter_req { border: 1px solid #e6d2d2; color: #454F53; font-family: Arial,sans-serif; padding: 6px; width: 185px; font-size: 12px; }

#colRight ul#catPub { margin-bottom: 7px; }
#colRight ul#catPub li { height:25px; background:url(../../../img/ico_categorie.jpg) no-repeat; padding-top: 5px; padding-left: 36px; margin-top: 6px; }
#colRight ul#catPub li a { font-family:Arial, Helvetica, sans-serif; font-weight:bold; font-size:13px; text-decoration:none; }
#colRight ul#catPub li a#active { color:#B0004B }
#colRight ul#catPub li a:hover { color:#B0004B }
#colRight ul#catPub li#actu { background-position:0 1px; }
#colRight ul#catPub li#commerces { background-position:0 -39px; }
#colRight ul#catPub li#boutique { background-position:0 -75px; }
#colRight ul#catPub li#informatique { background-position:0 -110px; }
#colRight ul#catPub li#annuaires { background-position:0 -147px; }
#colRight ul#catPub li#blogs { background-position:0 -181px; }
#colRight ul#catPub li#arts { background-position:0 -218px; }
#colRight ul#catPub li#loisirs { background-position:0 -253px; }
#colRight ul#catPub li#animaux { background-position:0 -286px; }
#colRight ul#catPub li#sante { background-position:0 -321px; }
#colRight ul#catPub li#adultes { background-position:0 -355px; }
#colRight ul#catPub li#actu:hover, #colRight ul#catPub li#actuOn { background-position:0 -401px; }
#colRight ul#catPub li#commerces:hover, #colRight ul#catPub li#commercesOn { background-position:0 -441px; }
#colRight ul#catPub li#boutique:hover, #colRight ul#catPub li#boutiqueOn { background-position:0 -477px; }
#colRight ul#catPub li#informatique:hover, #colRight ul#catPub li#informatiqueOn { background-position:0 -512px; }
#colRight ul#catPub li#annuaires:hover, #colRight ul#catPub li#annuairesOn { background-position:0 -549px; }
#colRight ul#catPub li#blogs:hover, #colRight ul#catPub li#blogsOn { background-position:0 -583px; }
#colRight ul#catPub li#arts:hover, #colRight ul#catPub li#artsOn { background-position:0 -620px; }
#colRight ul#catPub li#loisirs:hover, #colRight ul#catPub li#loisirsOn { background-position:0 -655px; }
#colRight ul#catPub li#animaux:hover, #colRight ul#catPub li#animauxOn { background-position:0 -688px; }
#colRight ul#catPub li#sante:hover, #colRight ul#catPub li#santeOn { background-position:0 -723px; }
#colRight ul#catPub li#adultes:hover, #colRight ul#catPub li#adultesOn { background-position:0 -757px; }

/* Tag */
#colRight ul#catTag li { float: left; height: 22px; margin: 1px 3px; }
#colRight ul#catTag li a { text-decoration:none; font-family:Arial, Helvetica, sans-serif; color:#333; }
#colRight ul#catTag li a:hover { text-decoration:underline; color:#000 }
#colRight ul#catTag li a.zoom1 { font-size:11px; }
#colRight ul#catTag li a.zoom2 { font-size:13px; }
#colRight ul#catTag li a.zoom3 { font-size:15px; }
#colRight ul#catTag li a.zoom4 { font-size:17px; }

/*-- Inscription --*/
#newsletter-form { padding:0 !important; margin:0; display:block; position:relative; overflow:hidden; }
.emwrapper { background:url(../../../img/line.png) left top repeat; margin:10px 0; padding:3px; }
.embox { background:#FFF url(../../../img/email_16.png) 4px 50% no-repeat; }
.embox input { font-size:11px; }
.emwrapper .embox .newsletter-input { background:none; width:58%; float:left; dislplay:inline-block; color:#333; padding:0; margin:6px 0 0 26px; border:none; font-size:11.5px !important; }
.newsletter-button,
.newsletter-button:focus { width:30%; float:right; color:#FFF; font-weight:bold; background-color:#3E85B1; background-image:url("../../../img/bg_btn_ref.png"); background-position:top left; background-repeat:repeat-x; margin:0; padding:5px; border:none; border: 1px solid #067EBD; }
.newsletter-input:focus,
.newsletter-input:hover { border:none; }
.newsletter-button:hover { border:1px solid #6badd6; background-color:#4395c6 !important; cursor:pointer;}

/* Btn */
a.buttonref { font-size:11px; line-height:1.4em; display:inline-block; text-decoration:none; padding:4px; background-image:url("../../../img/bg-bleu.png") !important; background-position: top left; background-repeat:repeat; -moz-border-radius:4px; -webkit-border-radius:4px; border-radius:4px; margin:5px 0 10px 21px; }
a.buttonref > span { background-color: #3e85b1 !important; border: 1px solid #067EBD; color: #FFFFFF; text-shadow: 0 -1px 0 #067EBD; background-image: url("../../../img/bg_btn_ref.png") !important; background-position: left top; background-repeat: repeat-x; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; box-shadow: 0 1px 0 #FFFFFF; display: inline-block !important; font-size: 15px; padding: 7px 18px 7px 12px !important; white-space: nowrap; letter-spacing: 0.1px; }
a.buttonref span em { display: block; float: left; font-size: 21px; margin-right: 10px; }
a.buttonref:hover > span {	border:1px solid #6badd6; background-color:#4395c6 !important; cursor:pointer;}

/* breadcrumb.tpl */
#colLeft .stitle h3 a, #colLeft .stitle h3 { color: #898D81; font-size: 14px; font-weight: normal; height: 18px; letter-spacing: 0.4px; padding-bottom: 12px; text-decoration:none }
#colLeft .stitle h3#homeTitle { font-size: 17px; }
#colLeft .stitle h3 em a { color:#000; font-weight:bold; }

.selectCode { background:#ddd url(images/pxchoix.png) repeat-x bottom; border:1px solid #bbb; border-bottom:0; margin-top:20px; }
.selectCode div { float:left; border:1px solid #bbb; border-top:0; border-left:0; padding:11px; cursor:pointer; }
.selectCode div u { display:block; padding:8px 0 9px 0; }
.selectCode .active { background:#f9f9f9; border-bottom:1px solid #f9f9f9; }
.contentCode { background:#f9f9f9; border:1px solid #bbb; border-top:0; }
.contentCode textarea { font-size: 11px; margin: 15px; padding-top: 12px; text-align: center; width:595px; }
.contentCodeo { border:1px solid #bbb; }
.contentCodeo hr { border-color:#ddd; }
.contentCodeo img { float:left; margin:15px 0 15px 15px; }
.contentCodeo textarea { width:685px; float:right; }

ul#trieLettre { height: 23px; margin: 0 4px 12px; }
ul#trieLettre li { float:left; margin:0 3.7px;  }
ul#trieLettre li a#active, ul#trieLettre li a:hover { background:#f4f4f3; -moz-border-radius: 3px; -webkit-border-radius: 3px; border-radius: 3px; }
ul#trieLettre li a { padding: 5px 8px; text-decoration:none; display:block; }
ul#trieLettre li a:hover { font-weight:bold; }

.selectCode div{ height:42px; }
.selectCode div#ctxt a{ display: block; padding-top: 8px; }

/*  Partage    
 * ****************** */
.partage-content { position: absolute; left: 240px; bottom: 15px; left: 0; bottom: 0;  line-height: 0.8em; }
.partage-content ul li { display: inline; float: left; margin: 0 5px 0 0; }
#colLeft .firstArticle .partage-content { width: 285px; }
#colLeft .articleLt .partage-content{ width: 415px; }
.partage-content a { line-height: 1.2em; }
 
/*  Navigation    
 * ****************** */
.wp-pagenavi { width: 100%; overflow: auto; padding: 20px 0; color: #21231e; font-size:12px; }
.wp-pagenavi .pages { padding: 0 10px 0 0; }
.wp-pagenavi .extend { padding: 0 5px 0 0; font-weight: bold; }
.wp-pagenavi a,
.wp-pagenavi span.current { margin: 0 4px 0 0; padding: 5px 7px; color: #3e403c; font-weight: bold; background-color: #eee; text-decoration:none; font-size:12px; }
.wp-pagenavi span.current,
.wp-pagenavi a:hover { color: #fff; background-color: #3E85B1; }
.wp-pagenavi a.precedent { padding-left: 15px; }
.wp-pagenavi a.suivant { padding-right: 15px; }
.wp-pagenavi span.disabled { display: none; }

#contactAnnuaire { background: url("../../../img/selected-menu-bg.jpg") repeat-x transparent; height: 30px; color: #9C9C9C; display: block; font-size: 13px; font-weight: normal; padding: 0 15px 0; position: absolute; right: 0; text-shadow: 0 1px 0 #000000; top: 0; }
#contactAnnuaire:hover { color: #F3F3F3; }
.fluxrssList { padding-top: 10px;}
.fluxrssList li { list-style:none; margin-bottom:9px; background: url("../../../dot1.gif") no-repeat scroll -1px 2px transparent; padding-left:18px; }
.fluxrssList li a { color:#404040 }
.fluxrssList li a:hover { color:#000; text-decoration:underline; }
.validationMessage { color: #B32A2A; display: inline; font-size: 11px; font-weight: bold; margin-left: 11px; }
#colLeft #verifTextarea .validationMessage { display:block; margin-left:0px; }
#formajout .error .soumettre_input, #formajout .error .soumettre_textarea { border:1px solid #B32A2A; }
#btn_retour { background: url("../../../img/btn_sprite.jpg") repeat scroll 0 241px transparent; border: 1px solid #C3C4C4; color: #000000; margin-bottom: 25px; 
-moz-border-radius: 4px; -webkit-border-radius: 4px; border-radius: 4px; cursor: pointer; font-size: 13px; letter-spacing: 0.4px; padding: 4px 15px; text-decoration: none; }
#plusOne{ margin-top: 8px; position: absolute; right: 70px; top: 0; line-height: 0px; height: 30px; }
.fav a { margin-right:2px; }
#rssTwitter2 { height: 29px; line-height: 20px; margin-bottom: 0; margin-top: 10px; padding-left: 10px; width: 230px; }

/* Btn audit */
a.buttonaudit { background: url("http://www.publicite-gratuite.fr/img/btn_audit_global.jpg") left top no-repeat; display: inline-block;
 font-size: 11.6px; letter-spacing: 0.4px; line-height: 1.4em; margin: 5px 0; text-align:justify; padding: 13px 31px 13px 57px; text-decoration: none; }
a.buttonaudit strong { color:#31688a; }
a.buttonaudit:hover { opacity:0.8; }
#referencerVotreSite { left: 437px; position: absolute; top: 30px; }

@font-face { font-family: 'MuseoSlab500'; src: url('/font/museo_slab_500-webfont.eot'); src: url('/font/museo_slab_500-webfont.eot?iefix') format('eot'), url('/font/museo_slab_500-webfont.woff') format('woff'), url('/font/museo_slab_500-webfont.ttf') format('truetype'), url('/font/museo_slab_500-webfont.svg#webfontJ7sQbH5Y') format('svg'); font-style: normal; font-weight: normal; }

/*  Footer
 * ****************** */
footer {  padding-top:15px; margin-top:30px; background: #202427; height:80px }
footer #footerNav { background:#2c2f2f; color: #545454; font-size: 11px; font-style: italic; height: 35px; text-shadow: 0 1px 0 rgba(0, 0, 0, 0.6); -moz-border-radius: 2px; -webkit-border-radius: 2px; border-radius: 2px; position:relative;  }
footer #footerNav ul {	margin-bottom: 0; margin-left: 17px; margin-top: 12px; padding: 0; width: 800px; float:left;  }
footer #footerNav ul li a { float:left; display:block; color:#7f7f7f; padding:0 5px 0 5px; }
footer #footerNav li span, footer #footerNav li { float:left;	display:block; }
footer #footerNav a:hover, footer #footerNav a#activefooter{ color:#cccccc; }
footer #footerNav #back_to_top{ float:right; margin:5px 0 0 0; }
footer #footerNav #back_to_top a span { float:left; display:block; width:62px; color:#7F7F7F }
footer #footerNav #back_to_top a span.arrow { background:url(../../../img/back_to_top.png) no-repeat; width:12px; height:10px; margin:10px 25px 0 0; }
footer #footerNav #back_to_top a:hover span.arrow { background-position:-12px 0; }
footer #footerNav p { color: #FFF; font-size: 11.5px; position: relative; }
footer #footerNav p a { color: #FFF; font-weight:bold; text-decoration:none; }
footer #footerNav p a:hover { color:#fe65a7; }
footer #footerNav p#copyright, footer #footerNav p#siteby { position: absolute; top: 44px; font-style:normal; }
footer #footerNav p#copyright { color: #EEEEEE; left: 0px; }
footer #footerNav p#siteby { right: 27px; }