@charset "UTF-8";
/* CSS Document */

body { margin:0; background: #FFF url(images/bg.png) 0 0 repeat-x; font-family: Arial;}

img {border: none;}

h1 { font-family: Arial; font-size:22px; margin-top:22px; line-height:25px;}

h2 { font-size: 18px; line-height:23px; }

h3 { margin:0 0 3px 0; padding:0; font-family: Arial; font-size:15px; font-weight:bold; }

h3.margin { margin:0 0 19px 0 !important; }


div#background{position: absolute; margin:0px; padding:0px; left:0px; right: 0px; z-index: 1; width: auto; height: auto; display:block;
}

div#erreur{display: none; width: 100%; height: 100%; background-image: url('images/bge.png'); position: absolute; z-index: 2;
}

div#erreur2{ font-size:12px; margin: 200px auto 0px auto; background-color: #e8f9ff; width: 400px; border: 2px solid #7da8c4; padding: 20px 20px 20px 20px;
}

div#erreur2 a { color: #005288; font-weight:bold; }


#wrapper { background: url(images/content-bg.jpg) center 115px no-repeat; }

/* bg differents */
.bgAccueil { background: url(images/content-bg-accueil.jpg) center 115px no-repeat !important; }
.bgEven { background: url(images/content-bg-evenements.jpg) center 115px no-repeat !important; }
.bgParticipation { background: url(images/content-bg-participation.jpg) center 115px no-repeat !important; }
.bgFrij { background: url(images/content-bg-frij.jpg) center 115px no-repeat !important; }
/*  */

#mainContainer {  padding: 8px 0 0 5px; width:928px; }

#logo {position:relative;top:0;left:-30px;}
#logo a {display: block}
#logo .logoImg {left:0}

#menuTopContainer {margin:10px 2px 3px 0; font-size:10px;float:right;text-align:right }
#menuTopContainer a { font-size: 10px; color: #020407; text-decoration: none; margin: 0 7px 0 7px;}
#menuTopContainer a.first {margin:0 7px 0 0}
#menuTopContainer a:hover {color: #69A633} 


#phoneTop {width: 100%;margin:15px 2px 0 0;text-align:right;color:#000;font-size:15px}
#phoneTop a {color:#000}

#toolboxContainer { width: 926px; height:40px; background: url(images/bg-toolboxmenu.png) 0 0 repeat-x; border-right: 1px solid #06568B; border-left: 1px solid #06568B;}

#toolboxContainer a { display:block; height:40px; float:left; z-index:10;}
#toolboxContainer img { float:left;}

#toolboxContainer a.evenements { background: url(images/btn-toolmenu-evenements.png) 0 0 no-repeat; width:117px;}
#toolboxContainer a.voie { background: url(images/btn-toolmenu-voie.png) 0 0 no-repeat; width:85px;}
#toolboxContainer a.frij { background: url(images/btn-toolmenu-frij.png) 0 0 no-repeat; width:67px;}
#toolboxContainer a.participation { background: url(images/btn-toolmenu-participation.png) 0 0 no-repeat; width:209px; }
#toolboxContainer a.membre { background: url(images/btn-toolmenu-membre.png) 0 0 no-repeat; width:166px; }
#toolboxContainer a.apropos { background: url(images/btn-toolmenu-apropos.png) 0 0 no-repeat; width:119px;}
#toolboxContainer a.partenaires { background: url(images/btn-toolmenu-partenaires.png) 0 0 no-repeat; width:151px;}


#toolboxContainer a:hover { background-position: 0 -40px !important; }

#subMenu { background: url(images/bg-submenu.png) 0 0 repeat-x; padding: 0 0 0 32px; border-right:1px solid #06568B; border-left:1px solid #06568B; min-height:47px;}
#subMenu a { color:#000; display:block; font-size:11px; padding:12px 50px 20px 0; background: url(images/img-submenu-over.png) -27px 0 no-repeat; float:left;}
#subMenu a:hover { background-position: 0 bottom; text-decoration:none; }


#centerContainer { background: url(images/bg-center.png) 0 0 repeat-x; border-right:1px solid #06568B; border-left:1px solid #06568B; padding: 50px 0 0 38px; } 

#leftCol { float:left; width:556px; margin:0 53px 0 0; font-size:11px; line-height:16px;}

#leftCol a { color: #005288; text-decoration:none; font-weight:bold;}

#leftCol img { margin:0 8px 0 0; }

#rightCol { float:left; }


.frontElementText { background: url(images/bg-frontelement.jpg) 0 0 no-repeat; padding: 0 25px 30px 23px;}

#footerContainer { border-right:1px solid #06568B; border-left:1px solid #06568B; font-size:10px; color:#FFF; background: url(images/bg-copyright.png) center bottom repeat-x;}

#footerContainer a { color:#FFF; text-decoration:none; margin:0 19px 0 0; }

.copyright {  padding:0 0 0 12px; float:left;}

.tagImedia { width:100%; padding:10px 0 9px 0;}


#calendrierContainer { padding: 10px 0 0 0; margin:0 0 10px 0; background: url(images/bg-calendrier.png) 0 103px no-repeat;}
#calendrierContainer a.fleche { color:#000;}

#calendrierNumbers { width:250px; background: #FFF; }


.mois { font-size:11px; font-weight:bold; }

#calendrierTbl { width:100%; }
#calendrierTbl td {font-size:13px; padding:3px; text-align: center;}

.greyDay { background: #E2E2E2; }
.blueDay { background: #538AAF; color: #FFF; }
.greenDay { background: #6FAE2D; color: #FFF; }


#sondageContainer { width:250px; background: #FFF; font-size: 12px; }
.pollText { padding:0 20px 0 20px; }
.pollText div {border:none !important;}

#sondageContainer div { padding:0 5px 0 10px !important; }

img.galeryportrait{width: 175px; height: 131px; border:none;
}

img.galerypaysage{width: 98px; height: 131px; border:none;
}

 a:link {color: #fff ; text-decoration: none ;}
 a:visited {color: #fff ; text-decoration: none ;}
 a:hover {color: #ff9900 ; text-decoration: none ; cursor: pointer;}
 a:active {color: #fff ; text-decoration: none ;}