body{text-align:center;color:#000;font:0.8em Arial,sans-serif;background:#fff url(/interface/bladaV3/background.png) repeat-x left top;margin:0;padding:0;}
div#conteneur{width:980px;text-align:left;margin:0 auto;padding:0; background:url(/interface/bladaV3/fond-centre.png) repeat-y left top; height:100%;}

/* Entete */
div#entete{height:29px;font:normal 0.9em/20px Arial,sans-serif;color:#2f302f;background:url(/interface/bladaV3/top.png) repeat-x left top;margin:0;padding:0;}
div#entete p#user{float:left;margin:0;padding:5px;}
div#entete p#evitement{float:right;font-size:0.8em;margin:0;padding:5px;}
div#entete a{text-decoration:underline;color:#2f302f;}
div#entete a:hover{color:#000;}

/* Banniere */
div#header{width:980px;height:144px;background:#fff url(/interface/bladaV3/banniere-int.jpg) no-repeat left top;margin:0;padding:0;}
body#accueil div#header{background:#fff url(/interface/bladaV3/banniere.jpg) no-repeat left top;}
div#header h1{z-index:10;margin:0;padding:0;}
div#header h1 a{display:block;float:right;width:190px;height:60px;margin:0;padding:0;}
div#header h1 a span{display:none;}
div#header div#stitre{font:normal 1.2em Arial,sans-serif;font-variant:small-caps;color:#43719b;padding:124px 0 0 10px;}
div#header div#sinfos{position:absolute;width:960px;text-align:right;font:normal 1em Arial,sans-serif;color:#43719b;margin:75px 0 0;}
body#admin div#header{height:60px; background:url(/interface/bladaV3/banniere.jpg) no-repeat left -7px;}
body#admin div#header div#stitre, body#admin div#header div#sinfos {display:none;}

/* Banniere - Cadre membre */
#cdmembre{background:#a1c0de;border:solid 1px #43719b;position:absolute;top:29px;display:none;width:173px;height:130px;margin:0;padding:5px;}
#cdmembre p{text-align:left;color:#162e63;font:italic 1em Arial,sans-serif;margin:0;padding:4px 10px;}
#cdmembre a{color:#162e63;font:italic 0.9em Arial,sans-serif;}
#cdmembre a:hover{color:#e20411;}
#cdmembre input{border:solid 1px silver;font:1em Verdana,sans-serif;vertical-align:middle;color:#2f302f;margin:0;padding:2px;}
#cdmembre input.ok{border:solid 1px silver;font:1em Verdana,sans-serif;margin:0;padding:2px;}

/* Menu principal */
ul#menu{height:29px;background:url(/interface/bladaV3/menu.png) repeat-x left top;list-style:none;margin:0;padding:0;}
#menu li{float:left;position:relative;display:block;margin:0;padding:7px 0 5px 22px;}
#menu a{color:#fff;text-decoration:none;font:bold 1em Verdana,sans-serif;}
#menu li#nav2 ul{width:140px;margin-left:-46px;}
#menu li#nav3 ul{width:160px;margin-left:-33px;}
#menu li#nav4 ul{width:160px;margin-left:-37px;}
#menu li#nav5 ul{width:120px;margin-left:-18px;}
#menu li#nav6 ul{width:175px;margin-left:-26px;}
#menu li#nav7 ul{width:120px;margin-left:-41px;}
#menu li ul{left:-999em;position:absolute;text-align:center;z-index:10;background:#b4cfeb;border:1px solid #43719b;margin:0;padding:18px 0 0;}
#menu li:hover ul,#menu li a:hover ul,#menu li.sfhover ul{left:auto;margin:0 auto;}
#menu li ul li:first-child{margin-top:-18px;}
#menu li ul li{float:none;background:#b4cfeb;color:#162e63;display:block;height:20px;width:100%;margin:0;padding:0;}
#menu li ul li:hover{background:url(/interface/bladaV3/menu.png) repeat-x left top;}
#menu li ul li a{font:normal 0.9em/20px helvetica,sans-serif;height:20px;text-align:center;text-decoration:none;display:block;color:#162e63;margin:0;padding:0;}
#menu li:hover,#menu li a:hover,#menu li:focus,body#accueil li#nav1 a.pr,body#sorties li#nav2 a.pr,body#associations li#nav3 a.pr,body#entreprises li#nav4 a.pr,body#chroniques li#nav5 a.pr,body#courrier li#nav6 a.pr,body#liens li#nav7 a.pr,body#vire li#nav8 a.pr{color:#abe479;}

/* Menu principal - Recherche  */
#menu li#recherche{margin:0;padding:5px 8px 0 10px;}
#recherche form{margin:0;padding:0;}
#recherche input{border:solid 1px silver;font:0.9em Verdana,sans-serif;vertical-align:middle;color:#b6c9dc;margin:0;padding:1px; width:130px;}
#recherche input.ok{font:0.8em Verdana,sans-serif; color:#43719b; width:30px;}

/* Lateral */
#centre{width:980px; padding-bottom:0px; border-top:solid 3px #fff;}
div#lateral1{float:left;width:185px;font:normal 0.8em Tahoma,sans-serif;margin:-12px 0 0 0;padding:0 0 10px;}
div#lateral2{float:left;width:185px;font:normal 0.8em Tahoma,sans-serif;color:#fff;margin:0 0 0 0;padding:0 0 10px;}
body#admin div#lateral2{display:none;}
#lateral1 h2,#lateral2 h2{background:#fff;color:#43719b;font:bold 1.3em Verdana,sans-serif;text-align:center;margin:10px 0 5px;padding:5px 0;}
#lateral1 ul,#lateral2 ul{list-style:none;margin:0;padding:5px 10px;}
#lateral1 li,#lateral2 li{font:normal 1.1em Tahoma,sans-serif;padding:3px 0;}
#lateral1 a{font-size:1.1em;color:#162e63;}
#lateral2 a{font-size:1.1em;color:#fff;}
#lateral1 a:hover{color:#bf0439;}
#lateral2 a:hover{color:#abe479;}
.cadre_pub_sky{background:#fff;height:320px;text-align:center;width:171px;margin:3px auto -7px;padding:8px 4px;}

/* Contenu */
div#contenu{float:left;width:570px;background:#fff;text-align:left;margin:0; padding:15px 20px 15px; }
body#admin div#contenu{float:right;width:753px;background:#fff;text-align:left;border-right:1px solid #5484b0;margin:0;padding:15px 20px 15px;}

/* Pagination */
#pagination li{border:0;font:bold 0.9em Arial,sans-serif;list-style:none;margin:0;padding:0;float:right;}
#pagination a:link,#pagination a:visited{color:#0e509e;border:solid 1px #9aafe5;display:block;text-decoration:none;padding:5px 6px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;
 -o-border-radius: 5px;  border-radius: 5px; }
#pagination a:hover{border:solid 1px #0e509e;}
#pagination .off{border:solid 1px #dedede;color:#888;display:block;padding:5px 6px; -moz-border-radius: 5px;  -webkit-border-radius: 5px;
 -o-border-radius: 5px;  border-radius: 5px;}
#pagination li:first-child{float:left;margin-left:-20px;}

#social_icones {float:left;}
#social_icons div{float:left;margin-right:4px;}
#social_icons a:link,
#social_icons a:visited{display:block;width:28px;height:28px;text-decoration:none;}

div.gplus_icon {margin: 2px -10px 0px -27px;}
div.facebook_icon a:link,div.facebook_icon a:visited{background:url('/interface/bladaV3/icones/social_icons.png') no-repeat;background-position:0 -304px;}
div.twitter_icon a:link,div.twitter_icon a:visited{background:url('/interface/bladaV3/icones/social_icons.png') no-repeat;background-position:0 -342px; margin-right:30px;}

div.facebook_icon a:hover{background:url('/interface/bladaV3/icones/social_icons.png')no-repeat;background-position:0 -114px;}
div.twitter_icon a:hover{background:url('/interface/bladaV3/icones/social_icons.png')no-repeat;background-position:0 -152px;}

/* Headers */
#contenu h1{font:normal 1.4em 'Lucida sans', Verdana, sans-serif;text-align:center;color:#43719b;margin:2px 0 10px;padding:5px 10px;}
#contenu h1 small{font:normal 0.8em 'Lucida sans', Verdana, sans-serif;color:#d90505;}
#contenu h1.alert{font-size:10pt;color:#d90505;background:#f2bbbb;}
#contenu h2{font:bold 1.2em 'Lucida sans', Verdana, sans-serif;color:#d90505;text-align:left;border-left:10px solid #abe479;margin:10px 0 -8px;padding:0 0 0 8px;}
#contenu h2 a{font:bold 1em 'Lucida sans', Verdana, sans-serif;color:#d90505;text-decoration:none;}
#contenu h2 span{font:normal 0.8em Arial,sans-serif;color:#43719b;}
#contenu h2 span a{font:normal 1em Arial,sans-serif;color:#43719b;text-decoration:underline;}
body#accueil #contenu h2{border-left:10px solid #5484b0;margin:11px 0 -4px; font:normal 1.5em 'Walter Turncoat', Verdana, sans-serif; color:#d90505; text-decoration:none;line-height: 0.9em; text-transform:lowercase;}
body#accueil #contenu h2 a{font:normal 1em 'Walter Turncoat', Verdana, sans-serif; text-decoration:none; line-height: 1em; text-transform:lowercase;}
body#accueil #contenu h2 span{font:normal 0.6em Arial,sans-serif;color:#43719b;}

body#sorties #contenu h2{border-left:10px solid #d90505;color:#d90505;margin:20px 0;}
body#associations #contenu h2{border-left:10px solid #f8db42;color:#43719b;margin:20px 0 0;}
body#entreprises #contenu h2{border-left:10px solid #abe479;color:#43719b;margin:20px 0 0;}
#contenu h3{color:#d90505;font:bold 1.1em 'Lucida sans', Verdana, sans-serif;margin-bottom:-10px;text-align:left;}
#contenu h4{border-bottom:1px solid #0F337F;font:bold 8pt Verdana,sans-serif;padding-right:2px;color:#d90505;text-decoration:none;text-align:right;margin:10px 0 13px;}
#contenu h5{border-bottom:1px solid #0F337F;font:bold 9pt Verdana,sans-serif;color:#d90505;text-decoration:none;text-align:right;margin:25px 0 -7px;}
#contenu h6{font:bold 9pt Verdana,sans-serif;color:#d90505;text-decoration:none;text-align:right;margin:5px 0 0;}
#contenu p{text-align:left;padding:3px 0;}
#contenu p.lirelasuite{text-align:right;margin:-5px 0 0;}
#contenu p.enreponse{text-align:left;margin:0;}
#contenu p.lirelasuite a.js,#contenu p.enreponse a.js{text-decoration:underline;cursor:pointer;}
#contenu ul{padding-left:20px;margin-left:0;}
#ie6msg{display:none;}

/* Courrier */
.entetecourrier{margin:0 0 25px;padding:8px 0 0 2px;}
.cadre_courrier{border:1px solid silver;font:normal 1em Arial,sans-serif;width:558px;margin:12px 0;padding:3px 5px;}
.cadre_courrier p{margin:6px 0;padding:0;}
.fen_citation{background:#dbfcb8;border:#5484b0 1px outset;font:normal 0.9em Arial,sans-serif;text-align:left;left:auto;position:absolute;top:auto;width:542px;display:none;padding:5px; z-index: 50;}
.lien_citation{cursor:pointer;text-decoration:underline;}
.lien_citation2{color:red;cursor:pointer;font-weight:700;text-decoration:underline;}

.cadre_pub_defaut{margin-bottom:10px;text-align:center;}
.cadre_pub_trait{border-bottom:#0F337F 1px solid;margin-bottom:10px;padding-bottom:5px;text-align:center;}
.cadre_pub_traith{border-top:#0F337F 1px solid;margin-top:25px;padding-top:15px;text-align:center; clear:both;}
.cadre_pub{border:1px solid silver; margin:0; padding:4px 0; text-align:center; width:568px;}

/* Annonces */
.info_recherche { font: italic 1.2em 'Indie Flower', arial, serif; padding:0; margin:-10px 0 0 0;}

.cadre_annonces{border:1px solid silver;font-family:Arial,sans-serif;width:558px;margin:12px 0;padding:3px 5px;}
.cadre_annonces_ligne{border-bottom:#0F337F 1px solid;font-size:10pt;width:100%;margin:0 0 10px;padding:0 0 10px;}
.cadre_annonces p{margin:6px 0;padding:0;}
.cadre_annonces_ligne p{margin:0;padding:0;}

.informations{text-align:center;color:#000;text-decoration:none;background:#f4efd6;border:1px solid #5484b0;margin:11px 0 20px;padding:15px 10px 30px 20px;}

img{border:0;}
hr{background:#0F337F;border:0;color:#0F337F;height:1px;margin:20px 0 0;}
acronym{cursor:help;}
.center{text-align:center;}
.repondre{margin-top:-3px;text-align:right;}
.legende{font-size:8pt;font-style:italic;}
.spacer{clear:both;}
.spacer2{clear:both;margin-bottom:0;}
.texte{text-align:justify;padding:5px;}
.Offre{background:#0c0;color:#fff;font-weight:700;padding:0 5px;}
.Demande{background:red;color:#fff;font-weight:700;padding:0 5px;}
.Demande2{background:#FFEBC1;color:#000;font-weight:700;padding:0 5px;}
.Grasvert{color:#396;font-weight:700;}
.Grasbleu{color:#42426f;font-weight:700;}
.Grasrouge{color:#e20411;font-weight:700;}
.float_photos{background:#ffffea;border:1px solid #9b9b9b;float:left;height:150px;text-align:center;width:180px;margin:10px 4px 5px;padding:10px 0px 10px 0px;}
.titre_photos{color:#000;font:normal 8pt Verdana, sans-serif;text-align:center; padding:0;}
.red{font-weight:700;color:#e20411;}
.blue{font-weight:700;color:#43719b;}
.imgdroite { float: right; padding-left: 10px;}
.imggauche { float: left; padding-right: 10px;}
#tooltip{position:absolute;	border:1px solid #333;background:#f7f5d1;padding:2px 5px;color:#333;display:none; max-width:300px; text-align:left;	}

.profil_icones{float:left;text-align:center;width:170px;margin:0;padding:35px 15px 35px 0px;}
.profil_titre_icones{border-bottom:solid 1px #0F337F;font:italic 10pt Verdana,sans-serif;text-align:center;margin:0 0 7px;padding:0 0 2px;}
.profil_titre_icones2{font:italic 10pt Verdana,sans-serif;text-align:center;margin:0;padding:0;}

/* Formulaire inscription */
#form_inscr{font-size:1em;margin:0;}
#form_inscr fieldset{background:#dae3ec;border:1px solid #44729c;text-align:left;margin:20px 0 0;padding:10px;}
#form_inscr legend{background:#44729c;color:#fff;font-size:0.9em;padding:5px 20px;}
#form_inscr label{padding:10px 0 0;}
#form_inscr input{background:#fff;border:1px solid #44729c;font:normal 1.2em Arial, sans-serif;margin:2px 0;padding:3px;}
#form_inscr textarea{background:#fff;border:1px solid #44729c;font:normal 9pt Arial, sans-serif;width:96%;margin:0 6px;padding:5px;}
#form_inscr .buttonok{background:#74d190;border:1px solid #44729c;color:#d90505;font-weight:700;margin:10px 0 20px;padding:3px;}
#form_inscr .infos{font:italic 9pt Verdana, sans-serif;text-align:center;margin:1px;padding:0;}
#form_inscr p{margin:4px 0;}

/* Formulaire annonces - courrier */
#form_ecrire{font-size:1em;margin:0;}
#form_ecrire fieldset{background:#dae3ec;border:1px solid #44729c;text-align:left;margin:20px 0 0;padding:10px;}
#form_ecrire legend{background:#44729c;color:#fff;font-size:0.9em;padding:5px 20px;}
#form_ecrire label{padding:10px 0 0;}
#form_ecrire input{background:#fff;border:1px solid #44729c;font:normal 1.2em Arial, sans-serif;margin:2px 0;padding:3px;}
#form_ecrire textarea{background:#fff;border:1px solid #44729c;font:normal 9pt Arial, sans-serif;width:97%;margin:0;padding:5px;}
#form_ecrire .buttonok{background:#74d190;border:1px solid #44729c;color:#d90505;font-weight:700;margin:10px 0 20px;padding:3px;}
#form_ecrire .infos{font:italic 9pt Verdana, sans-serif;text-align:center;margin:1px;padding:0;}
#form_ecrire p{margin:4px 0;}

/* Menu du bas */
ul#menu2{width:100%;clear:both;height:29px;background:url(/interface/bladaV3/menu.png) repeat-x left top;list-style:none;margin:3px 0 0;padding:0; border-top:solid 2px #fff;}
#menu2 li{float:left;margin:0;padding:7px 0 5px 30px;}
#menu2 a{color:#fff;text-decoration:none;font:normal 0.9em Verdana,sans-serif;}
#menu2 a:hover{color:#abe479;;}
#menu2 li.l1{padding:7px 10px 5px 20px;}
#menu2 li.l2{padding:7px 30px 5px 10px;}

/* Bas de page */
p#footer{text-align:center;color:#444;font:0.8em Verdana,sans-serif;margin:2px 0 0;padding:2px 0;}
p#footer a{color:#444;text-decoration:none;}
p#footer a:hover{color:#8E0B2F;}
