/* MAIN ------------------------------------------------------------*/
/* PROGRAMMER PAR PATRICK CLAVEAU */
/* ECKINOX MÉDIA */

/* =General-----------------------------------------------------------------------------*/
p{margin: 0;padding: 0;}
blockquote{}
ul{margin: 0;padding: 0; list-style: none;}
.clear{ /* Class for clearing floats */clear:both;}
img{ /* Remove border around linked images */border: 0;}

/* =Typography-----------------------------------------------------------------------------*/
body{ background:#b3b6bb url(../../img/bg_body.gif) top left repeat-x; margin:0; padding:0; font-family:Verdana, Geneva, sans-serif; font-size:11px; color:#000; text-align:justify; }
html, body{height: 100%;}

/* =Headings-----------------------------------------------------------------------------*/
H1{ font-family:Verdana, Geneva, sans-serif; font-size:22px; font-weight:bold; margin:0; padding:0;}
H2{ font-family:Verdana, Geneva, sans-serif; font-size:8px; font-weight:bold; color:#505050; margin:0; padding:0;}
H3{ font-family:Verdana, Geneva, sans-serif; font-size:28px; font-weight:bold; color:#636363; margin:0; padding:0; text-align:center; margin-bottom:10px;}
H4{ font-family:Verdana, Geneva, sans-serif; font-size:14px; font-weight:bold; color:#000; margin:0; padding:0;}

.newsDate{color:#999; font-size:10px}
a.newstitle{color:#24b5f1; font-size:12px;}


/* =Link-----------------------------------------------------------------------------*/
a {color: #9f2369; text-decoration:none;}
a:hover {text-decoration: none;}
/* =MainMenu-----------------------------------------------------------------------------*/
/* =Frame-----------------------------------------------------------------------------*/
#backgroundY_Repeat{background:transparent url(../../img/bg_background_repeat_y.jpg) top repeat-y; margin:auto;}
#background{background:transparent url(../../img/bg_background.jpg) top no-repeat;}

#wrap{ width:934px; margin:auto; padding:11px 11px 11px 11px; background:transparent url(../../img/bg_wrap.gif) top left repeat-x;}
#wrap #header{ width:934px; height:178px; background:transparent url(../../img/bg_header.jpg) bottom left no-repeat; margin-bottom:6px;}
#wrap #header #helpMenu{ height:15px; width:100%; float:right; text-align:right; color:#9f9f9f; border-bottom: 1px dotted #666; padding-bottom:4px;}
#wrap #header #helpMenu a{color:#666; text-transform: uppercase; padding:2px 15px;  border-right: #666 solid 1px;}
#wrap #header #helpMenu a:hover{background-color:#727272; color:#FFF; text-decoration:none; text-transform: uppercase;}
#wrap #mainMenu{ width:934px; height:33px; background:#FFF url(../../img/bg_mainMenu.gif) top left no-repeat; margin-bottom:6px; padding-top:8px;}
#wrap #mainMenu li { height:25px; float:left;}
#wrap #mainMenu li a{ width:123px; height:25px; display:block; text-align:center; line-height:25px; font-size:12px; color:#FFF; text-decoration:none; border-left:#13465f 1px solid; border-right:#499cc4 1px solid;}
#wrap #mainMenu li a:hover{ background-color:#499cc4; font-weight:bold;}
#wrap #mainMenu li a.wide{ width:182px; }

#wrap #pubZone{ width:934px; height:243px; margin-bottom:20px; }
#banner{ width:641px; height:243px; background:#fff url(../../img/bg_banner.jpg) left top no-repeat; float:left;}




#wrap #contentDiv{ width:934px; padding-bottom:77px; display:block; }

#wrap #contentDiv #ligneVert{ width:934px; background:transparent url(../../img/bg_content.gif) repeat-y; margin-bottom:20px;}

#wrap #contentDiv #leftCol{ width:646px; float:left; background:none; margin-bottom:25px; }

#wrap #contentDiv #leftCol #banner{ width:641px; height:243px; background:#fff url(../../img/bg_banner.jpg) left top no-repeat; margin-bottom:25px;}
#wrap #contentDiv #leftCol #contenu{ width:601px; padding: 0 25px 0 20px; float:left; background:none; margin-bottom:25px; }

#wrap #contentDiv #leftCol li{ background:transparent url(../../img/dot.jpg) top left no-repeat; padding-left:10px;}


#wrap #contentDiv #rightCol{ width:281px;  float:right; background:none; margin-bottom:25px; }
#wrap #contentDiv #rightCol a.pub1{ width:161px; height:97px; background:#FFF url(../../img/carre_centreville.jpg); margin-bottom:9px; display:block; padding:10px 20px 10px 100px; font-size:12px; color:#094358;}
#wrap #contentDiv #rightCol a.pub2{ width:281px; height:117px; background:#FFF url(../../img/bg_place_artistes.jpg); display:block; margin-bottom:10px;}
#wrap #contentDiv #rightCol a.btnFacebook{ width:281px; height:77px; background:#FFF url(../../img/btnFacebook.gif) top left no-repeat; display:block; margin-bottom:10px;}
#wrap #contentDiv #rightCol a.btnFacebook:hover{ background-position:left bottom;}

#wrap #contentDiv #rightCol a:hover{ text-decoration:none;}

#wrap #contentDiv #rightCol #contenu{padding:0 20px; }
#wrap #contentDiv #rightCol #contenu #sondage{ background: #f1eddf url(../../img/bg_poll_bottom.gif) bottom no-repeat; }
#wrap #contentDiv #rightCol #contenu #sondage #sondageTop{ background: transparent url(../../img/bg_poll_top.gif) top no-repeat; padding:10px 15px 15px 15px; }

#wrap #contentDiv #zoneConcours{ width:894px; height:173px; padding-left:20px; padding-right: 20px; padding-top:20px; background:transparent url(../../img/bg_zoneconcours.gif) repeat-x; display:inline-block; margin-bottom:10px; color:#FFF; font-size:12px }

#wrap #contentDiv #zonePartners{ width:934px; }
#wrap #contentDiv #zonePartners a{ float:left; margin:0 3px 15px 2px; }

#footer{ background:#545658 url(../../img/bg_footer.gif) center top repeat-y; height:77px; margin-top:-77px; text-align:center; color:#fff; line-height:18px; }
#footer a{ color:#FFF }
#footer #menu{ padding-top:12px; }
#footer #menu a{ padding:0 10px 0 10px; color:#fff; }
#footer #menu a:hover{ padding:0 10px 0 10px; color:#fff; text-decoration:underline; }

/* CLEAR FIX*/
.clearfix:after {content: ".";	display: block;	height: 0;	clear: both;	visibility: hidden;}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix { height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


div.block_alb_photo {display:block; padding:20px 0;}
div.block_alb_photo h4{ background:#fff url(../../img/btn_desc.gif) right top no-repeat; margin:0 0px 15px 0; line-height:28px; width:600px; border-bottom:1px solid #20aff0; padding-bottom:3px;}
div.block_alb_photo h4 a {color:#20aff0; text-decoration:none; width:600px; display:block;    }
div.block_alb_photo div.block_alb_photo_ctn {display:block; margin:10px 0 0;}
div.block_alb_photo div.block_alb_photo_ctn a.mb{ float:left; margin:0 7px 10px 5px; }
div.block_alb_photo div.block_alb_photo_ctn a.mb img{ padding:3px; background:#fff; border:1px solid #20aff0; }
div.block_alb_photo div.block_alb_photo_ctn a.mb:hover img{ background:#20aff0; border:1px solid #20aff0; }


#wrap #contentDiv #rightCol a.btn_vote { display:block; margin:14px 0 0; padding:0 2px 2px; width:62px; height:23px; background:#336d89; border:1px #fff solid; font-weight:bold; font-size:11px; line-height:23px; color:#fff; text-align:center; }
#wrap #contentDiv #rightCol img { display:block; background:#B5A084; color:#B5A084; line-height:10px; }






#calendrierWrap{ background: #036fbf; border-top: 1px #ffffff solid; padding:5px 1px px 1px; text-align:center; color:#FFFFFF;}
#calendrier{ background: #c2dcf0; border:1px #fff solid; padding:5px 9px 5px 9px; margin-top:5px;color:#666; font-size:10px; text-align:center;} 


#legendeWrap{ margin:0; padding:0; color:#5c4e3c;}
#legendeWrap h3{ display:block; margin:0; background:#656868; height:35px; color:#fff; font-size:12px; text-decoration:none; display:block; text-align:center; padding: 0; line-height:35px;} 
#legendeWrap a{ display:block; background:#656868; height:35px; color:#fff; font-size:10px; text-decoration:none; display:block; text-align:center; padding: 0; line-height:35px;} 
#legendeWrap a: hover{ background:#666; height:15px; color:#fff; font-size:10px; text-decoration: underline; display:block;} 
#legendeWrap li ul{ display: none; background:#FFFFFF; position: relative; width:150px; height: 75px; border: 1px #666 solid; top: 10; left: 15px; display: none; z-index: 20;  } 
#legendeWrap li:hover ul { display: block; } 

td a:hover{ font-weight:normal; cursor:help;}
td a:hover div.tipsOver{ display:block;position:absolute; }
td a:hover div.tipsOver div{border:1px #006699 solid; background:#fff; padding:3px;width:125px;}

td a div.tipsOver{ display:none; color:#fff; }
td a{ font-weight:normal; color:#272622; }
td.cellWidth{ padding:2px 10px 2px 10px;}
#legendeWrap a div.titler{ height:36px; cursor:help; overflow:hidden; }
#legendeWrap a div.box{ display:none; }
#legendeWrap a:hover{ font-weight:bold; }
#legendeWrap a:hover div.box{ display:block; position:absolute; border:1px solid #656868; background:#fff; padding:3px; width:211px; color:#003366; margin-left:8px; }
#legendeWrap a:hover div.box div.line_box{ line-height:16px; }
#legendeWrap a:hover div.box span.block_color{ display:block; position:absolute; width:10px; height:10px; color:#003366; margin:3px; }
*html #legendeWrap a:hover div.box{ margin-left:-82px; margin-top:5px; }
*+html #legendeWrap a:hover div.box{ margin-left:-82px; }