body { background-color:#fff; font-family: Verdana, Helvetica, sans-serif;font-size: 11px; color:#0c1b4e; margin:0;
    padding:0px 0 0 0; text-align:center;
/*scrollbar-face-color: #FFFFFF;scrollbar-shadow-color: #f2f2f2;
scrollbar-track-color: #f2f2f2; scrollbar-3dlight-color: #f2f2f2;
scrollbar-highlight-color: #0c1b4e;scrollbar-darkshadow-color: #0c1b4e;*/
}

ul, li, form, .navig, #navigation, body div {border:0; margin:0; padding:0}


#page{padding: 0;border:1px solid #0c1b4e; margin:0 auto; width: 1000px; text-align:left;background-color:#FFFFFF }

/*########## NAVIGATION ##########*/
.navig {clear:both; width:100%; }
.menu1{background-color:#0c1b4e;}
.menu2{background-color:#ffffff;}

.ulmenu1, .ulmenu2{width:750px; list-style-type:none;margin-left:30px;display:block; float:left;}
.ulmenu1 li, .ulmenu2 li{margin:0 10px 0 0; width:130px; float:left; text-align:center; width:130px; text-align:center}

.ulmenu1 li{height:20px; border-top:1px  solid #0c1b4e; border-left:1px solid #0c1b4e; border-right:1px solid #0c1b4e;border-bottom:1px  solid #0c1b4e;}
.ulmenu1 li a{width:130px; line-height:20px; display:block; background-color:#96b226; font-variant:small-caps; 
    font-family: Trebuchet,Verdana, Arial, Helvetica, sans-serif; font-size:14px; font-weight:normal; text-decoration:none; color:#FFFFFF; }
.ulmenu1 li a:hover{text-decoration:none; background-color:#d4e83d}
.ulmenu1 a.catselected{background-color:#d4e83d;color:#0c1b4e;border-top:1px  solid #d4e83d; font-weight:bold;}

.ulmenu2 {height:36px; }
.ulmenu2 li{height:36px;}
.ulmenu2 .catselected{background-image: url(images/fond2.jpg); background-repeat:no-repeat; background-position:center;border-top:1px solid #d4e83d;}

.menu1 .Bt { text-align:right; background-color:#0c1b4e;display:block; float:right; margin: 0 10px 0 0;}
.menu1 .Bt li{width:19px; height:19px; border:0; display:block; float:left;margin:0 2px 0 0;}
.menu1 .Bt li a{width:19px; height:19px; border:0;display:block; float:left;}
.menu1 .Bt li a:hover{}


/*########## SOUS NAVIGATION : GAUCHE ##########*/
#gauche{ width:150px}
#gauche div{ width:140px;font-size: 10px; border:1px solid #0c1b4e; padding:2px; margin: 0 0 10px 0; background-color:#f6fad8}
#gauche #ssnav ul, #gauche .ssnavNewsletter ul,#gauche .ssnav ul {border:0; padding:0; margin:0; width:100%}
#gauche #ssnav li, #gauche .ssnavNewsletter li, #gauche .ssnav li {list-style-type:none; background-image:none;border:0; padding:0; margin:1px 0 0 0; }
#gauche #ssnav li a, #gauche .ssnavNewsletter li a, #gauche .ssnav li a{font-size: 11px; text-decoration: none; display:block; width:100%; height:15px;border:0;color:#0c1b4e }
#gauche #ssnav li a:hover, #gauche .ssnav li a:hover{color:#ffffff;text-decoration:none; background-color:#96b226 }
#gauche #ssnav li a.selected{background-color:#96b226;border:0 }

#gauche h1 {font-size: 12px; color:#FFFFFF; font-weight:bold; width:100%; background-color:#0c1b4e; text-align:center; letter-spacing:0; margin: 0 0 6px 0; }	
#gauche #ssnav h1, #gauche .ssnavNewsletter h1{margin: 0;}



/*########## TEXTE ##########*/
h1, h2, h3, h4 {margin: 0 0 10px 0; padding:0; border:0; font-family: Trebuchet MS,Verdana, Arial, Helvetica, sans-serif;}
h1 {font-size: 22px; color:#96b226; font-weight:bold; letter-spacing:-1px;}	
h2 {font-size: 14px; color:#192284; font-weight:bold;}		
h3 {font-size: 13px; color:#192284; font-weight:bold; margin: 8px 0 4px 0;}	
h4 {font-size: 12px; color:#192284; font-weight:bold; margin: 8px 0 4px 0;}
h5{font-size: 12px; color: #96b226; font-weight:bold; margin: 8px 0 4px 0}

p{margin: 0 0 8px 0; padding:0; border:0;}
.petit{font-size: 10px;}

.soulignevert{border-bottom:1px solid #96b226;}
.soulignebleu{border-bottom:1px solid #192284;}
.center{ text-align:center}

.clear{clear:both}
.floatright{display:block; float:right}
.floatleft{display:block; float:left}
.bloc{display:block}

.textcenter{text-align:center;}
.textleft{ text-align:left;}
.textright{ text-align:right;}

.noborder{border:0}
.valigntop{ vertical-align:top}

.margintop15{margin-top:15px}
.margintop50{margin-top:50px}

.cadrevert{display:table; border:1px solid #96b226; width: 100%;}
.textvert{color: #96b226;}
.padd2{padding:2px}



/*########## CONTENU ##########*/
#content{padding-top:20px; clear:both; }
#content td{padding:5px 5px 10px 5px; }
#content table td{padding:0; }
#content a:link {color:#0c1b4e; text-decoration:none; border-bottom:1px solid #96b226 }
#content a:visited {color:#0c1b4e;text-decoration:none; border-bottom:1px solid #96b226}
#content a:hover{color:#ffffff;text-decoration:none; background-color:#96b226 }
/*#content a:active {color:#0c1b4e;text-decoration:none}
#content a:focus {color:#0c1b4e;text-decoration:underline}*/

#content a.nobg:hover{ background:none}
#content a.noborder:visited{ border:0}



#content a:link img{color:#0c1b4e; text-decoration:none; border-bottom:0 }
#content a:hover img{text-decoration:none; background-color: Transparent}

#content ul{list-style-type: none; padding: 0; border:0;margin:0 0 8px 20px;}
#content li {background-image:url(images/puce1.gif); background-repeat: no-repeat; background-position: 0 .6em; padding-left: 1em;margin:3px 0 0 0; }

#content ul ul li {background-image:url(images/puce2.gif); background-repeat: no-repeat; background-position: 0 .6em; padding-left: 1em;margin:4px 0 0 0; }
#content ul ul ul li {background-image:url(images/puce3.gif); background-repeat: no-repeat; background-position: 0 .6em; padding-left: 1em;margin:4px 0 0 0; }

#position{margin-bottom:10px; font-size:10px; color:#96b226}
#position a:link {color:#96b226; text-decoration:underline;background-color:#FFFFFF; border:0  }
#position a:hover{}
#position a:visited, #position a:active, #position a:focus {color:#96b226;text-decoration:underline;background-color:#FFFFFF; border:0 }




#centre2col{width:850px; text-align:justify;}
#centre3col{width:580px; text-align:justify;}

.actu{border:0; padding:0px; margin:10px 0 0 0; width:100%; }
.actuover{border:0; padding:5px; margin:10px 0 0 0; width:100%; border-left:1px solid #d3dc27; }
.actu h3 {font-size: 15px; color:#FFFFFF; font-weight:normal; margin: 0 0 5px 0; padding:0 0 0 3px;letter-spacing:-1px; background-color:#96b226; border-left:18px solid #0c1b4e}	
.actu h5 {font-size: 15px; color:#FFFFFF; font-weight:normal; margin: 0 0 5px 0; padding:0 0 0 3px;letter-spacing:-1px; background-color:#0c1b4e; border-left:18px solid #96b226}	

.actu h6 {font-size: 12px; color:#192284; font-weight:normal; margin: 0 0 5px 0; padding:0; }		

.actu a:link {color:#0c1b4e; text-decoration:none; border-bottom:1px solid #96b226 }
.actu a:visited {color:#0c1b4e;text-decoration:none; border-bottom:1px solid #96b226}
.actu a:hover{color:#ffffff;text-decoration:none; background-color:#96b226 }
.actu a:active {color:#0c1b4e;text-decoration:none}
.actu a:focus {color:#0c1b4e;text-decoration:underline}

/*.actu h5 {font-size: 15px; color:#96b226; font-weight:normal; margin: 0 0 5px 0; padding:0;letter-spacing:-1px; }	
.actu h6 {font-size: 12px; color:#192284; font-weight:normal; margin: 0 0 5px 0; padding:0; }	*/	


/*########## DROITE ##########*/
#droite {width:270px; }
#droite div{ width:260px;font-size: 10px; border:1px solid #d1db25; padding:2px;background-color:#f6fad8}
#droite h1 {font-size: 12px; color:#FFFFFF; font-weight:bold; width:100%; background-color:#96b226; text-align:center; letter-spacing:0;  }	
#droite h2 {font-size: 11px; color:#0c1b4e; font-weight:bold;margin: 0 0 4px 0; }		
#droite h3 {font-size: 11px;margin: 0 0 6px 0;}	
#droite h4 {font-size: 11px;margin: 0 0 6px 0;}	
#droite ul{margin:0 0 8px 4px; }


/*########## ENTETE et PIED de page ##########*/
#entete{width: 1000px; border:0; margin:0 auto; padding:0;text-align: right; color:#96b226; font-size:10px;
    font-style:italic; vertical-align:bottom; height:28px; margin-top:5px;}

.pied{border:0; margin:0; padding:0;text-align:center; color:#96b226}
.pied a:link {color:#96b226; text-decoration:none }
.pied a:visited {color:#96b226;text-decoration:none}
.pied a:hover{color:#192284;text-decoration:none; }
.pied a:active {color:#96b226;text-decoration:none}
.pied a:focus {color:#96b226;text-decoration:none}

.talon{width: 1000px; border:0; margin:5px auto; padding:0;text-align: left; color:#999; font-size:9px; text-align:center}
.talon a{color:#999; text-decoration:underline }


.photo{border:1px solid #96b226; padding:0; margin:0}
.photogauche{display:block; float:left ;border:1px solid #96b226; padding:0; margin:0 5px 5px 0}
.photodroite{display:block; float:right ;border:1px solid #96b226; padding:0; margin:0 0 5px 5px}
.rouge{color:#cc0000}
.champ { background-color: #FFFFFF; border: 1px solid #96b226; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.champ_erreur { background-color: #a00000; border: 1px #534d48 solid; color:#FFFFFF; font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }
.champfocus{border:1px solid #facb58; border-top:1px solid #dda927; border-bottom:1px solid #ffd979;
	color:#407c58;font-family: Verdana, Arial, Helvetica, sans-serif; font-size:10px;}


#content .tablo{border:1px solid #0c1b4e; border-collapse:collapse;}
#content .tablo th{border:1px solid #98c32d; background-color:#dbecb1; color:#98c32d;padding:5px}
#content .tablo td{border:1px solid #dbecb1; padding:3px}
#content table.textcenter td{text-align:center}


#content a.normal:link {text-decoration:none ; border:0}
#content a.normal:hover{text-decoration:none; }



.petit{ font-size:9px}
.grand{ font-size:12px}


#fanzine{list-style-type:none}
#fanzine li{height:150px;display: block; float:left; background-image:none;text-align:center}



#diapoliste{}
#diapoliste ul{width:100%; list-style-type:none }
#diapoliste li{border:0; padding:2px; margin:0 5px 5px 0;width:240px; float:left; height:200px; border:1px solid #dddddd; background-image:none; text-align:center}



/*########## GALERIE PHOTO ##########*/
#diaporama{padding: 0;border:1px solid #0c1b4e; margin:0 auto; margin-top:10px; width: 820px; text-align:left;background-color:#FFFFFF }

#diaporama h1 {font-size: 18px; color:#96b226; font-weight:bold; letter-spacing:-1px;margin: 0;}	
#diaporama h2 {font-size: 12px; color:#192284; font-weight:bold;margin: 0;}		

#diaporama a:link {color:#96b226; text-decoration:none }
#diaporama a:visited {color:#96b226;text-decoration:none}
#diaporama a:hover{color:#192284;text-decoration:none; }
#diaporama a:active {color:#96b226;text-decoration:none}
#diaporama a:focus {color:#96b226;text-decoration:none}



/*##### div MINIATURE #####*/
#Miniatures {width:100%; border:none; clear:both; height:90px; overflow-x: scroll; overflow-y: hidden; }
#Miniatures ul{background-color: #f2f2f2;width:100%; height:65px}
#Miniatures li{display:block; float:left; margin:4px; border:1px solid #d4e83d; text-align:center;width:60px; vertical-align:middle}
/*#Miniatures li a{display:block; width:60px; height:60px; line-height:60px; vertical-align:middle}
#Miniatures li a:hover{ background-color:#d4e83d}*/
#Miniatures li img{border:0; cursor:pointer;}
#Miniatures li.selected{ background-color:#d4e83d}

#nb{ width:147px; height:118; background-image:url(images/fond.jpg); background-repeat:no-repeat; padding:2px ; margin:2px 0 0 0; border:0; text-align:right;}


#Ta {margin:0; background-color:#f1f7e0}
#Ta_header{border-collapse:collapse;}
#Ta_tablebody {border:0; border-collapse:collapse; padding:2px}

.Ta th {font-weight:bold;padding: 1px; line-height:20px; background-color:#dbecb1; color:#0b0f3e;border:0;}
.Ta th a {text-decoration: none; margin-right: 10px;color:#0b0f3e}
.Ta th a img {border: 0;}
.Ta tr.alternate{}
.Ta tr.selected {background-color: #dbecb1;}
.Ta tr.rowover {background-color: #dbecb1;}
.Ta td{text-align: left;border: 1px solid #ffffff;}
.Ta td.rowselector {background-color: #dbecb1;}
.Ta th a:hover{text-decoration:underline}


/*##### ONGLETS #####*/
.onglets{float:left; width:100%; background:#FFFFFF url("images/onglet_bg.gif") repeat-x bottom;
  	line-height:normal; margin:0; padding:0; list-style-type: none;}
.onglets ul { margin:0; padding:10px 10px 0; list-style:none; border-bottom: 1px solid #1c7ce3}
.onglets li { float:left; background:url("images/onglet_left.gif") no-repeat left top ; margin:0; padding:0 0 0 9px;}
.onglets a { float:left; display:block; background:url("images/onglet_right.gif") no-repeat right top ; padding:5px 15px 4px 6px;
  text-decoration:none; color:#fa9609;font: normal 11px verdana, arial, sans-serif; font-weight: bold; }
/* Commented Backslash Hack
   hides rule from IE5-Mac \*/
.onglets a {float:none;}
/* End IE5-Mac hack */
.onglets a:hover {color:#fab907;}
.onglets .active {background-image:url("images/onglet_lefton.gif");}
.onglets .active a {background-image:url("images/onglet_righton.gif"); color:#e56200; padding-bottom:5px; }
.onglets .active a:hover {color:#ee9a00;}
.ongletscontenu{border-right: #e98933 1px solid; border-left: #e98933 1px solid; border-bottom: #e98933 1px solid;
	clear: both; padding: 20px 10px 10px 10px;}

.ongletscontenu div{display:none; clear: both;}
.ongletscontenu #div1{display:block;}
.ongletscontenu div div{display:block; padding: 0 5px 10px 5px; margin: 0 0 10px 0; clear: both;}	

#meteo{font-size: 9px; color: #0b0f3e; width:140px; text-align:left; position:relative; margin-top:5px; }
#iframe{width:130px;}


/*##### RECHERCHE GOOGLE #####*/
table.search-control .gsc-control {width : 100%;}
td.left {width : 500px;padding-right : 20px;}
td {vertical-align : top;}

/* Disable built in search forms */
.gsc-control form.gsc-search-box {display : none;}
.gsc-search-box {width:200px;}
.gsc-search-box .gsc-input{width:100px;}

/* restrict global search form width */
#searchForm {width : 500px;}

/* disable twiddle and size selectors for left column */
#leftSearchControl .gsc-twiddle {background-image : none; }
#leftSearchControl .gsc-resultsHeader .gsc-title {padding-left : 0px;font-weight : bold;font-size : 12px;display : none;}
#leftSearchControl .gsc-resultsHeader div.gsc-results-selector {display : none;}
#leftSearchControl .gsc-resultsRoot {padding-top : 6px; }

/* long form visible urls should be on */
.gsc-webResult {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#666; margin:0; padding:0}
.gsc-webResult div.gs-visibleUrl-long {display : block;color:#96b226}
.gsc-webResult div.gs-visibleUrl-short {display : none;color:#96b226;}
.gsc-webResult div.gs-title a{color:#96b226; text-decoration:none;font-size : 12px;}  
.gsc-webResult div.gs-title a b{color:#96b226;text-decoration:none;font-size : 12px;}  
 div.cse-overlay-bg{z-index:100000}
 div.cse-overlay{z-index:100001}