/* CSS Document */

body {
	font: small/1.6em verdana, sans-serif;
	margin: 0;
	padding: 0;
	color: #444;
	background: #dddddd url(images3/fond.gif) repeat-x;
		line-height: normal;
}
div#header_top {
	   position:relative;
	   z-index:1;
	   /*left:0px;
	   top:0px;*/
    	   height: 30px;
    	   width:100%;
    	   margin: 0px;
    	   padding: 0px;
    	   background:url(images3/header_top.gif) no-repeat;
}

div#header_photo {
	position:absolue;
	z-index:1;
	height: 98px;
	width:100%;
	margin: 0px;
	padding: 0px;
	background:url(images3/logo.jpg) no-repeat;
/*background:url(images/ban1.jpg) no-repeat;
	background-position: 50% 50%;*/
}

div#header_bas {
	   position:relative; 
	   z-index:1;
	   left:0px;
	   top:0px;
    	   height: 52px;
    	   width:100%;
    	   margin: 0px;
    	   padding: 0px;
    	   background:url(images3/header_bas.gif) no-repeat;
}
div#header_bas img {
	text-align: center;
}
div#top {
	   position:relative;
	   z-index:2;
	   left:0px;
	   top:0px;
	   background-color:#444444;
    	   height: 25px; 
    	   width:100%;
    	   margin: 0px;
    	   padding: 0px;
    	   background-image:url(images3/top.gif);
}


div#colonne1 {
           position:relative;
	 	 	left:20px;
			right:20px;
			top:0px;
    	   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
   	  		font-size: 11px;
    	   text-align: left;
    	   height: auto;
    	   border-right:1px solid #444444;
		   min-height:1450px;
    	   padding-top: 15px;
    	   padding-left: 0px;
    	   padding-right: 0px;
			/*background: url(images3/fond3.jpg) no-repeat;
			background-position:left bottom;*/
    	   float: left;
		   width: 250px;
  voice-family: "\"}\"";
  voice-family:inherit;
  width: 230px;
}
html>body div#colonne1 {
  width: 230px;
	   }

div#colonne2 {
           position:relative;
	   left: 19px;
	   top:0px;
    	   font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
    	   font-size: 70%;
    	   color: #808080;
    	   width:510px; /*570px;*/
    	   height: 100%;
		   min-height:1450px;
    	   margin: 0px 0px 0px 0px;
    	   border-left:1px solid #444444;
    	   /*border-right:1px solid #444444;*/
    	   padding: 0px;
		   /*background-color:#FFCCFF;*/
			background: url(images3/aleatoire.jpg); /* no-repeat;*/
			background-position:75% center;
			background-repeat: no-repeat;
			background-attachment:fixed;
    	   float:left;
    	   }
.page {
	color: #990000;
	}
.titre_rubrique {
	     font-size:13px;
	     margin-top:20px;
	     width:460px;
	     margin-bottom:10px;
	     margin-left:40px;
	     background-color:#898989;
	     background-image:url(images3/fleche_rouge.gif);
	     background-repeat: no-repeat;
	     color:#FFFFFF;
	     text-align:right;
	     }
.titre_ABA {
	     font-size:20px;
	    /* margin-left:40px;*/
		height: 30px;
	     color:#FFFFFF;
}
.titre_article {
	     font-size:13px;
	     margin-top:10px;
	     width:460px;
	     margin-bottom:10px;
	     margin-left:40px;
	     background-color:#898989;
	     background-image:url(images3/fleche_rouge.gif);
	     background-repeat: no-repeat;
	     color:#FFFFFF;
	     text-align:right;
	     }
.titre_alaligne {
	margin-left: -20px;
	left:0px;
	     }
.soustitre_rubrique {
	     font-size:13px;
	     margin-top:50px;
	     width:420px;
	     
	     margin-bottom:10px;
	     margin-left:80px;
	     background-color:#003366;
	     background-image:url(images3/fleche_rouge2.gif);
	     background-repeat: no-repeat;
	     color:#FFFFFF;
	     text-align:right;
	     }
.soustitre_rubrique2 {
	     font-size:13px;
	     margin-top:10px;
	     width:420px;
	     margin-bottom:10px;
	     margin-left:80px;
	     background-color:#003366;
	     background-image:url(images3/fleche_rouge2.gif);
	     background-repeat: no-repeat;
	     color:#FFFFFF;
	     text-align:right;
	     }
.dateheure {
	     font-size:10px;
	     margin-top:20px;
	     color:#FFFFFF;
	     text-align:left;
		}
.titre_edito {
	     font-size:13px;
	     margin-top:15px;
	     width:210px;
	     margin-bottom:0px;
	     
	     background-color:#898989;
	     background-image:url(images3/fleche_grise.gif);
	     background-repeat: no-repeat;
	     color:#FFFFFF;
	     text-align:right;
	     }
.texte_edito {
	    font-size:10px;
	     width:210px;
	     border-bottom:0px solid #444444;
	     background-color:#E9E9E9;
	     color:#444444;
	     }
.versboard {
	     font-size:10px;
		 position: relative;
		 float: right;
	     color:#444444;
		 text-align: right;
	     }
.bref {
	    background-color:#E9E9E9;
	     width:410px;
	     border-top:2px solid #FFFFFF;
	     font-weight:bold;
	     color:#444444;
	     }
.bref2 {
	    background-color:#E9E9E9;
	     width:210px;
	     border-top:2px solid #FFFFFF;
	     
	     color:#444444;
	     }
.texte_chapo {
	    font-size:10px;
	     width:210px;
	     border-bottom:0px solid #444444;
	
	     color:#444444;
	     }
.site_syndic {
	    font-size:11px;
	     width:210px;
	     border-bottom:0px solid #444444;
	     background-color:#E9E9E9;
	     color:#444444;
	     text-align:center;
	     }
.cadre_texte_article_home {
	    	    font-size:10px;
	     	    border-bottom:1px solid #444444;
	     	    color:#444444;
	     	    width:420px;
	     	    margin-left:40px;
	     	    padding:0px;
	     }
.cadresans_texte_article_home {
	    	    font-size:10px;
	     	    border-bottom:0px solid #444444;
	     	    color:#444444;
	     	    width:420px;
	     	    margin-left:20px;
				}
	     
.cadresans_texte_article_home2 {
	    	    font-size:10px;
	     	    border-bottom:0px solid #444444;
	     	    color:#444444;
	     	    width:420px;
	     	    margin-left:20px;
	     }
		 
.texte_comment{
	font-size:10px;
	color:#666666;
	font-style: italic;
		}
.texte_forum {
	    	    font-size:10px;
	     	    border:0px solid #444444;
	     	    color:#444444;
	     	    font-size:12px;
		    width:420px;
		    margin:10px;
	     	    margin-right:0px;
	     	    margin-left:40px;
	     	    text-align:justify;
	     	    background-color:#E9E9E9;
	     }
texte_formulaire {
	    	    font-size:11px;
	     	    border:0px solid #444444;
	     	    color:#444444;
	     	    font-size:12px;
		    width:420px;
		    margin:10px;
	     	    margin-right:0px;
	     	    margin-left:40px;
	     	    text-align:left;
	     	    background-color:#E9E9E9;
	     }	
.texte_article_home, .texte_article_home_ligne {	    	    
		    width:420px
		    margin:10px;
	      	margin-right:0px;
	     	margin-left:40px;
	     	color: black;
	     	font-weight:bold;
	     }
.texte_article_home2 {
			float:right;
		    width:180px;
		    margin:10px;
	     	    margin-right:0px;
	     	    margin-left:0px;
				margin-top:-94px;
				text-align:right;
	     }
.texte_article_home2g {
		    width:420px;
		    margin:10px;
	     	    margin-right:0px;
	     	    margin-left:40px;
    /* border-bottom: 1px solid #444444;*/
	     }
.texte_article {
	    	    font-size:12px;
		   width:420px;
		    margin:10px;
	     	    margin-right:0px;
	     	    margin-left:40px;
	     	    text-align:justify;
	     }
	     
.texte_mots_cles {
	    	    font-size:12px;
		    width:420px;
		    background:#E9E9E9;
		    border-bottom:1px solid #FFF;
	     	    margin-right:0px;
	     	    margin-left:40px;
	     	    text-align:left;
	     }
.zone1 {float:left;width:200px;}

.zone2 {float:left;}

.descriptif_article {
	    	    font-size:12px;
		    width:460px;
		    margin:10px;
	     	    margin-right:0px;
	     	    margin-left:0px;
	     	    
	     	    text-align:justify;
	     	    font-weight:bold;
	     }
.signature {
	    	    padding-top:2px;
                    font-size:11px;
		    width:420px;
		    margin-top:10px;
	     	    margin-right:0px;
	     	    margin-left:40px;
	     	    color:#444444;
	     	    border-top:1px solid #444444;
	     	    text-align:right;
			 }
.id_rubrique {
	    	    padding-top:20px;
	    	    padding-bottom:2px;
                    font-size:11px;
		    width:460px;
		
	     	    margin-right:0px;
	     	    margin-left:40px;
	     	    color:#444444;
	     	    border-bottom:1px solid #003366;
	     	    text-align:right;
			 }
.id_rubrique_sommaire {
	    	    padding-top:5px;
	    	    padding-bottom:5px;
                    font-size:11px;
		    width:460px;
		    margin-bottom:5px;
	     	    margin-right:0px;
	     	    margin-left:0px;
	     	    color:#444444;
	     	    border-bottom:1px solid #003366;
	     	    text-align:right;
			 }	     	
td.top1 {background-image:url(../elts_graphiques/new_top2.jpg);
       height: 205px;
    	   width:100%;background-color:#F1F2F3;}



.menu_top {
       	      margin-top:22px;
       margin-left:10px;
       margin-right:10px;
       padding-left:0px;
       background-color: #444444;
       width: 100px;
       height: 16px;
       float: left;
       display: block;

       font-size: 11px;
       font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
       vertical-align: middle;
       text-align:center;
	            	
       	       }
.menu_top a {
       	     background-color: #444444;
       margin: 0px;
       color: #FFFFFF;
       border-bottom:1px solid #000000;
       border-top:1px solid #000000;
       border-left:1px solid #000000;
       border-right:1px solid #000000;

       text-decoration: none;
       vertical-align: middle;
       width: 100px;
       height: 16px;
       display: block;
       }
.menu_top a:link {
       	     background-color: #444444;
       margin:0px;
       color: #FFFFFF;
       border-bottom:1px solid #000000;
       border-top:1px solid #000000;
       border-left:1px solid #000000;
       border-right:1px solid #000000;

       text-decoration: none;
       width: 100px;
       height: 16px;
       padding:0px;
       }
.menu_top a:hover {
       	     background-color: #003366;
       margin: 0px;
       color: #FFFFFF;
       border-bottom:1px solid #000000;
       border-top:1px solid #000000;
       border-left:1px solid #000000;
       border-right:1px solid #000000;

       text-decoration: none;
       width: 100px;
       height: 16px;
       }
.menu_top a:active {
       	     background-color: #003366;
       margin: 0px;
       color: #FFFFFF;
       border-bottom:1px solid #000000;
       border-top:1px solid #000000;
       border-left:1px solid #000000;
       border-right:1px solid #000000;

       text-decoration: none;
       width: 100px;
       height: 16px;
       }
       
       
.menu_droit {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	width:210px;
	margin-top:1px;
      }
.titre_logo {
		 position:relative;
	     font-size:13px;
	     margin-top:0px;
	     width:210px;
	     height:20px;
	     margin-bottom:20px;
	     top:40px;
	     left:780px;
	     background-color:#898989;
	     background-image:url(images3/fleche_grise.gif);
	     background-repeat: no-repeat;
	     color:#FFFFFF;
	     text-align:right;
	     }
.menu_logo {
	margin-top:1px;
	margin-bottom:5px;
	margin-left:40px;
      }
.logo{
	width:148px;
	height:50px; 
	border:1px solid #333333;
      }
.logo2{
	width:73px;
	height:50px; 
	border:1px solid #333333;
      }
.logo3{
	width:74px;
	height:50px; 
	margin-left:-5px;
	border:1px solid #333333;
      }
.menu_home {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	width:210px;
	margin-top:1px;
      }
.menu_gauche {
	font-size: 11px;
	font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	display: block;
	width:210px;
	margin-top:1px;
      }
.menu_droit a,.menu_home a {
       	     color: #444444;
	     display: block;
	     text-decoration: none;
	     background-color:#DDD;
	     text-align:right;
       	     border-bottom: 0px solid #D2232A;
       	     border-left: 0px solid #7E964C;
       	     border-right: 0px solid #7E964C;
       }
.menu_gauche a {
       	     color: #003366;
	     display: block;
	     text-decoration: none;
	     background-color:#fff;
	     text-align:left;
       	     border-bottom: 0px solid #D2232A;
       	     border-left: 0px solid #7E964C;
       	     border-right: 0px solid #7E964C;
       }
.menu_droit a:link, .menu_home a:link {
       	     color: #444444;display: block;
       	     text-decoration: none;background-color:#DDD;
       }
.menu_gauche a:link {
       	     color: #444444;display: block;
       	     text-decoration: none;background-color:#fff;
       }
.menu_droit a:hover, .menu_home a:hover {
       	     color: #FFFFFF;display: block;
       	     text-decoration: none;background-color:#003366;
       }
.menu_gauche a:hover{
       	     color: #FFFFFF;display: block;
       	     text-decoration: none;background-color:#003366;
       }
.menu_droit a:active, .menu_home a:active {
       	     color: #FFFFFF;display: block;
       	     text-decoration: none;background-color:#003366;
       }
.menu_gauche a:active{
       	     color: #FFFFFF;display: block;
       	     text-decoration: none;background-color:#003366;
       }
.grise {
	color:#EEEEEE;
	font-size:8px;
}
.gris {
	color:#BBB;
	font-size:8px;
}
.grisfonce{
	color:#345;
}
a {    	     color:#003366;
	     text-decoration: none;
	     }
a:link {color:#003366;
	     text-decoration: none;}
a:hover {background-color:#bbb;
	     color:#444444;}
a:active {background-color:#bbb;
	     color:#444444;}


.lien_photo a {
    	 color:#003366;
	     text-decoration: none;
	     }
.lien_photo a:link {color:#003366;
	     text-decoration: none;}
.lien_photo a:hover {background-color:#E9E9E9;
	     color:#444444;}
.lien_photo a:active {background-color:#E9E9E9;
	     color:#444444;}

td.footer {
	  background-color:#003366; /*#444444*/
	  font-size:10px;
	  color:#FFFFFF;
	  font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
	  text-align:center;
	  padding:5px;
	  }
.footer a {
       	     background-color: #003366; /*#444444*/
       
       color: #FFFFFF;
       
       }
.footer a:link {
       background-color: #003366; /*#444444*/
       color: #FFFFFF;
       
       }
.footer a:hover {
	background-color: #003366;
       color: #999999/*#D2232A;*/
       }
.footer a:active {
       	     color: #003366;
       	     background-color: #444444;
       }
.photos {float:left;margin-right:10px;height:auto;border: 1px solid #003366;padding:5px;background-color: #E9E9E9;}
.photosseule {float:left;margin-right:20px;height:auto;border: 1px solid #003366;padding:5px;background-color: #E9E9E9;}
.photo_galerie {float:left;margin-right:10px;margin-top:10px;height:auto;border: 1px solid #003366;padding:5px;background-color: #E9E9E9;}
.cols {float:right;margin-left:10px;margin-bottom:10px;width:180px;height:auto;border: 0px solid #003366;padding:5px;background-color: #E9E9E9;}
.photos_edito {float:left;margin-right:3px;height:auto;padding:3px 3px 3px 0px;}
.lien_epreuve_sommaire {
       	      font-size: 10px;
       	      font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
       	      display: block;
	      width:100%;
	      margin-top:1px;
	      padding-bottom:2px;      	
       	       }
.lien_epreuve_sommaire a, .lien_epreuve_sommaireR {
       	     color: #444444;
	     display: block;
	     text-decoration: none;
	     border-bottom: 1px solid #444444;
       	     border-left: 0px solid #7E964C;
       	     border-right: 0px solid #7E964C;
       }
.lien_epreuve_sommaireR {
       	    font-size: 12px;
			color: #g40b16;
}
.lien_epreuve_sommaire a:link {
       	     color: #444444;display: block;
       	     text-decoration: none;
       }
.lien_epreuve_sommaire a:hover {
       	     color: #FFFFFF;display: block;
       	     text-decoration: none;background-color:#003366;
       }
.lien_epreuve_sommaire a:active {
       	     color: #FFFFFF;display: block;
       	     text-decoration: none;background-color:#003366;
       }
table.spip {font-size:100%;width:100%;border-bottom: 1px solid #444444;
}

table.spip tr.row_first {
        border-bottom: 1px solid #444444;
}

table.spip tr.row_odd {
        border-bottom: 1px solid #444444;
}

table.spip tr.row_even {
        border-bottom: 1px solid #444444;
}

table.spip td {
        padding: 1px;
        text-align: left;
        vertical-align: center;
        
        border-top: 1px solid #444444;
}
.decal_texte {margin-left:37px;margin-right:2px;margin-bottom:2px;margin-top:2px;text-align:right;}
table.tableau_epreuve {font-size:100%;}
.liste_menu_deroul {
	text-decoration: none;
	background-color: #E9E9E9;
	width:100%;
	color: #666666;
	font-size:100%;
	
	}
.menu_deroul {
	    font-size:10px;
	     width:210px;
	     border-bottom:0px solid #444444;
	     
	     color:#444444;
	     }
.spip_logos {border:0px;}

.whoiswhoG{
	    font-size: 9px;
	    color:#444444;
		background-color: #D9D9D9;
	   z-index:110;
	   left:50px;
		position: relative; 
		padding: 10px; 
		margin-top: 10px; 
		margin-left: 30px; 
		width: 170px; 
		height:80px;
	     border-top:2px solid #FFFFFF;
	     border-right:2px solid #FFFFFF;
	     border-bottom:2px solid #BBBBBB;
	     border-left:2px solid #BBBBBB;
		float: left;
		}
.whoiswhoD{
	    font-size: 9px;
   	    color:#444444;
		left:-10px;
		background-color: #D9D9D9;
	   z-index:110;
		position: relative;
		padding: 10px;
		margin-top: 10px;
		width: 170px;
		height:80px;
		text-align: right;
	     border-top:2px solid #FFFFFF;
	     border-right:2px solid #FFFFFF;
	     border-bottom:2px solid #BBBBBB;
	     border-left:2px solid #BBBBBB;
		float: right;
		}
.survey, .surveyG{
	    font-size: 9px;
	/*background-color: #fff;*/
		position: relative; 
		padding-left: 3px; 
		padding-right: 1px; 
		margin-top: 5px; 
		margin-left: 3px; 
		width: 18%; 
		float: left;
		text-align: right;
		}
.surveyG{
		text-align: left;
		margin-top: 1px; 
		}		
.surveyform{
	    font-size:9px;
	/*background-color: #fff;*/
		position: relative; 
		padding-left: 2px; 
		padding-right: 1px; 
		margin-top: 1px; 
		margin-left: 1px; 
		width: 10%; 
		float: left;
		text-align: right;
		}
.surveyformlarge{
	    font-size:9px;
	/*background-color: #fff;*/
		position: relative; 
		padding-left: 7px; 
		padding-right: 1px; 
		margin-top: 1px; 
		margin-left: 10px; 
		width: 27%; 
		float: left;
		text-align: right;
		}
.surveybton {
	    font-size:9px;
	/*background-color: #fff;*/
		position: relative; 
		padding-left: 23px; 
		width: 11%; 
		float: left;
		}
.surveytitre{
	background-color: #D9D9D9;
		position: relative; 
		padding-left: 10px; 
		padding-right: 10px; 
		margin-top: 10px; 
		margin-left: 10px; 
		width: 26%; 
		float: left;
		text-align: center;
		}
.survey_alaligne {
		 clear: left;
		 text-align:left;
	     }
.survey_alaligne2 {
		position: relative;
		height:30px;
		 text-align:left;
	     border-bottom:1px solid #BBBBBB;
	     }
.survey_comment{
	font-size:9px;
	color:#666666;
	font-style: oblique;
	font-weight: bold;
		}
a#tooCool {
	position: absolute;
	left: 0;
	top: 0;
	display: block;
	height: 120px;
	width: 120px;
	background: url(images/tropcool.png) bottom right no-repeat;
	text-indent: -999em;
	text-decoration: none;
	float: left;
}
.droite{
	/*    font-size: 9px;
   	    color:#444444;
		left:-40px;
		background-color: #D9D9D9;
	   	z-index:110;
		position: relative;
		padding: 10px;
		margin-top: 10px;
		width: 170px;
		float: right;
		height:80px;*/
		text-align: right;
		}


/* ----------------------------------*/
 .photo_thb {
	position:absolute;
	left:1px;
	top:100px;
	width:492px;
	height:187px;
	color:#123;
 	float:left;
}
.photo_thb a {
	margin:0; 
	text-decoration:none;
}
.photo_thb a:hover{
	background-color:#444; /* black:  indispensable, sinon, pas de zoom */
}
 .photo_thb2 {
	position:absolute;
	left:1px;
	top:90px;
	width:492px;
	height:487px;
	color:#123;
 	float:left;
}

.photogrand, .photogrand1, .photogrand2 {
	position:absolute; 
	top:220px;
	left:44px;
	width:460; /*auto;*/
	height:339;  /*auto;*/
	border:1px solid gray;
}
.photogrand1 {
	top:280px;
}
.photogrand2 {
	top:340px;
}
.photo_thb2:hover {
        border-bottom: 10px solid #444444;
}

.texte_article_home_ligne{
	width:440px;
    border-bottom: 1px solid #444444;
}
