/* CSS du menu horizontal, bieler batiste */

.menu{
    margin:0;
    padding:0;
	float:right;
	}
.menu ul{
    display:block;
	float: left;
	margin:0!important;
	margin-top:34px !important!;
	margin-top:30px;
	_margin-left:-130px;
    padding:0;
	position:absolute;
    }	
.menu li ul{
	visibility:hidden;
	margin-top: -2px;
    }
					
.menu li li ul{
   position:absolute;
    margin-left:130px !important;
    margin-top:-16px !important;
	
    }
    
.menu li{
	display:inline;
	display/**/:block;
	float:none;
	float/**/:left;
	margin:0;
	font-family: verdana;
	font-size: 10px;
    }
    
.menu li li{
    display:block;
	/margin-left:-130px;
	-margin-left:0;
    float:none;
	list-style-type: none;
    }
	
	
/* correct a little IE bug */
* html .menu li li{
    display:inline;
    }
	
* html .menu ul{
    position:absolute;
	margin-left:-100px;
    margin-top:35px;
	
	}

.menu ul li a{
	text-align:left;
	background-color: #6699CC;
	color:#000;
	display:block;
	width:123px;
	text-decoration:none;
	padding: 2px;
	
    }
    
.menu ul li a:hover{
	background-color: #004985;
	color: #FFFFFF;		
    }	
	
	#menu ul li ul li a{
	/margin-left:130px;
	_margin-left:0px;
	text-align:left;
	background-color: #6699CC;
	color:#000;
	display:block;
	width:123px;
	text-decoration:none;
	padding: 2px;
	
	
    }
	
#menu ul li ul li a:hover{
	background-color: #004985;
	color: #FFFFFF;		
    } 	
						
.menu2{
	margin:0;
	padding:0px;
	float:left;
	}										
	
	
.menu2 ul{
	display:block;
	
	float:left;
	
	font-family: verdana;
	font-size: 12px;
	margin-left:0px !important!;
	margin-left:-35px;
	/* pour internet explorer6 */_margin-left:0px;
	list-style-type: none;
	}
	
.menu2 ul li {
	text-align:left;
	color:#0066CC;
	display:block;
	width:135px;
	text-decoration:none;
	font-weight: bold;	
	padding: 4px;
	
	
	}
	
		
.menu2 ul li a{
	font-weight: normal;
	text-align:left;
	color:#000;
	display:block;
	background-color: #D1DBE9;
	width:135px;
	text-decoration:none;
	padding: 4px;
	}
		
.menu2 ul li a:hover{
					background-color: #003374;
					color: #FFFFFF;		
					}	
								  
											.menu3{
												margin-left:-35px;
												padding:0px;
												
												}

					
											.menu3 li{
											display:block;
											display/**/:block;
											float:left;
											float/**/:left;
											padding:2px;
											font-family: verdana;
											font-size: 12px;
											list-style-type: none;
											}
    

					
					
											.menu3 ul li a{
											text-align:left;
											color:#000;
											display:block;
											background-color: #CCCCCC;
											text-decoration:none;
											padding: 2px;
											
											}
					
											.menu3 ul li a:hover{
											background-color: #004985;
											color: #FFFFFF;		
											}
    
/* for a mozilla better display with key nav */
.menu a:focus{
    background-color: #66CCFF;
}


body {
	padding: 2px;
	fontcolor: #000;
		
}

.contenu {
	width:970px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	vertical-align: top;
	text-align: justify;
}
#contenu2 {
	width:970px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify; 
}

#contenu2 a:link {
	text-decoration: none;
	color: #0066CC;
}

#contenu2 a:hover {
	text-decoration: underline;
}

#contenu2 a:visited {
	text-decoration: none;
	color: #808080;
}

#lien {
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: justify; 
}

#lien a:link {
	text-decoration: none;
	color: #0066CC;
}

#lien a:hover {
	text-decoration: underline;
}

#lien a:visited {
	text-decoration: none;
	color: #333333;
}



.contenuhandi {
	width:970px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify; 
	}

#contenuhandi {
	width:970px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 14px;
	text-align: justify; 
}

#contenuhandi a:link {
	text-decoration: underline;
	color: #000000;
}


.imgmenu {
	margin-top: -2px;
	margin-left: 1px;		
}

.img {
	margin-top: 3px;
	margin-left: 1px;		
}
.gueulerouge1 {
	float: left;
	margin-top: 2px;
	margin-left: 175px;	
}
.gueulerouge2 {
	float: left;
	margin-top: 2px;
	margin-left: 300px;	
}
.gueulerouge3 {
	float: left;
	margin-top: 2px;
	margin-left: 425px;
}

.gueulerouge4 {
	float: left;
	margin-top: 2px;
	margin-left: 550px;
	
}

.recherche {
	float: left;
	margin-top: -20px;
	margin-left: 500px;
	
}

.gueulerouge5 {
	float: left;
	margin-top: 2px;
	margin-left: 675px;
}
.gueulerouge7 {
	float: left;
	margin-top: 2px;
	margin-left: 800px;
}
.gueulerouge8 {
	float: left;
	margin-top: 2px;
	margin-left: 800px;
}

.tableimg {
	float: right;
	padding-top: 3px;
	padding-left: 15px;
	}
	
.textcolgauche {
	padding-right: 10px;
	text-align: left;
	width: 180px;
	vertical-align: top;
	}
.tableauphone {
	text-align: left;
	width: 600px;
	vertical-align: top;
	font-style: normal;
	}

	
.geulerouge6 {
	float: left;
	padding-right: 10px;
	padding-top: 10px;
  }
  
#cotegauche {
	float: left;
	width: 200px;
	}
	
#cotedroit {
	float: right;
	width: 200px;
}

#cotemilieu {
	margin-left: 230px;
	margin-right: 220px;
}
.tableimgenfond {
	background-image: url(animations/campanile.jpg);
	background-position: right  100px;
	background-repeat: no-repeat;
}
.contenunojustify {
	width:970px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}
.tableimgfondtext {
	float: right;
	width:150px;
	background:#cccccc;
	padding:10px;
	font-size:10px;
	margin-left: 20px;
}

#crochet {
	float: left;
	padding-right:20px;
	background-color: #3399FF;
	width: 2px;
	
	}
	
.tableimggrisdroite {
	float: right;
	padding-top: 3px;
	padding-left: 15px;
	background-color:#E7E7E7;
	font-size:10px;
	width:180px;
	padding-right:15px;
	margin-left:40px;
	padding-right: 15px;	
}
.tableimggrisgauche {
	background-color:#E7E7E7;
	font-size:10px;
	width:160px;
	padding:5px;
	margin-right:10px;		
}
.tableimgencadre {
	float: right;
	font-size:12px;
	margin-left:40px;
	border-style: solid;
	border-color: #666666;
	border-width: 1px;
	padding: 10px;
	margin-bottom: 40px;
}
.nojustify {
	text-align: left;
	}
.mg {
	background-image: url(img-commun/cadre/bmilieu.gif);
	background-repeat: repeat-x;
}
.bg {
	background-image: url(img-commun/cadre/bg.gif);
}
.fond {
	background-image: url(img-commun/cadre/g.gif);
	background-repeat: repeat-y;
	padding: 20px;
}.pourvousaider {
	margin-bottom: -3px;
}
.tableipggriscentre {
	background-color:#E7E7E7;
	font-size:12px;
	margin-left: 10px;
	padding: 20px;
}
.contenu10 {
	width:970px;
	margin-left: auto;
	margin-right: auto;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	text-align: justify;
	vertical-align: top;
}
.tableimgblancdroite {
	float: right;
	padding-top: 3px;
	padding-left: 15px;
	font-size:10px;
	width:180px;
	padding-right:15px;
	margin-left:40px;
}
.tableimgrosegauche {
	background-color:#c00076;
	font-size:10px;
	width:160px;
	padding:5px;
	margin-right:10px;
}
.tableimgtel {
	float: right;
	padding-top: 3px;
	padding-left: 15px;
	padding-right: 300px;
	font-weight: bold;
}
.table2col {
	float: left;
	padding-right: 15px;
	width: 380px;
	padding-left: 20px;
	
}
.table3col {
	float: left;
	padding-right: 15px;
	width: 500px;
	padding-left: 20px;
}
.divcadre {
	font-size:12px;
	border-style: solid;
	border-color: #999999;
	border-width: 1px;
	padding: 10px;
	margin-bottom: 10px;
}
.tableimgfondgris {
	float: right;
	padding: 20px 20px 20px 20px;
	background-color: #E7E7E7;
}
.tablencadre {
	font-size:12px;
	
	border-style: solid;
	border-color: #0093D3;
	border-width: 1px;
	padding: 10px;
	margin-bottom: 10px;
}
.addthis {
	float: right;
	padding-top:  10px;
	padding-left: 15px;
	width:180px;
	margin-left:40px;
}