/************************************************************/
/*							    */
/*		     FEUILLE DE STYLE TYPE		    */
/*		       V1.0 - 29/04/2002		    */
/*							    */
/************************************************************/
.cleaner{
	clear:both;
	font-size:1px;
	height:0px;
	line-height:0px;
	margin:0;
	padding:0;
	/*overflow:hidden;*/
}
.contenu-hp{
	position: absolute;
	left: 50%;
	z-index: 101;
	top: 40px;
	background-image:url(../img/commun/bg_logo_hp.jpg);
	background-repeat:no-repeat;
	height:560px;
}

.contenu-hp{
	margin-left: -475px;
	width:950px;
}
/* bando pub */
.bando-pub{
	width:490px;
	height:120px;
	margin:32px 0 0 460px;
	/*margin:32px 0 0 460px!important;
	margin:32px 0 0 230px;*/
}
/* menu general hp */
.contenu-menu{
	float:left;
	margin:51px 0 0 349px;
	/*margin:51px 0 0 349px!important;
	margin:49px 0 0 174px;*/
	width:252px;
}
.contenu-menu a.association{
	text-decoration:none;
	display:block;
	width:252px;
	height:33px;
	background-image:url(../img/home/bt_association_new.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.contenu-menu a.association:hover{
	background-position:0 -33px;
	text-decoration:none;
}
.contenu-menu a.actualite{
	text-decoration:none;
	display:block;
	width:252px;
	height:30px;
	background-image:url(../img/home/bt_actu_new.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.contenu-menu a.actualite:hover{
	background-position:0 -30px;
	text-decoration:none;
}
.contenu-menu a.contact{
	text-decoration:none;
	display:block;
	width:252px;
	height:30px;
	background-image:url(../img/home/bt_contact_new.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.contenu-menu a.contact:hover{
	background-position:0 -30px;
	text-decoration:none;
}
.contenu-menu a.archive{
	text-decoration:none;
	display:block;
	width:252px;
	height:30px;
	background-image:url(../img/home/bt_archi_new.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.contenu-menu a.archive:hover{
	background-position:0 -30px;
	text-decoration:none;
}
.contenu-menu a.trombi{
	text-decoration:none;
	display:block;
	width:252px;
	height:30px;
	background-image:url(../img/home/bt_trombi_new.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.contenu-menu a.trombi:hover{
	background-position:0 -30px;
	text-decoration:none;
}
.contenu-menu a.tuyaux{
	text-decoration:none;
	display:block;
	width:252px;
	height:31px;
	background-image:url(../img/home/bt_tuyaux_new.gif);
	background-repeat:no-repeat;
	background-position:0 0;
}
.contenu-menu a.tuyaux:hover{
	background-position:0 -31px;
	text-decoration:none;
}
/* contenu de defilement image */
.contenu-defil-img{
	float:left;
	margin:51px 0 0 0;
	width:349px;
}
/* contenu infos generation junior */
.info-gj{
	width:346px;
	height:155;
	background-image:url(../img/home/bg_actu_new.gif);
	background-repeat:repeat-x;
	border:2px solid #33CC66;
	margin:11px 0 0 600px;
	/*margin:11px 0 0 600px !important;
	margin:11px 0 0 300px;*/
}
/****************************************/
/*	    						        */
/*	       LIENS HYPERTEXTES	        */
/*	    			                    */
/****************************************/
a:visited 
	{
	text-decoration: none;
	}
a:active 
	{
	text-decoration: none;
	}
a:hover 
	{
	text-decoration: underline;
	}
a:link 
	{
	text-decoration: none;
	}
a:visited:hover 
	{
	text-decoration: underline;
	}
/************************************************/
a.lien-infos:visited, a.lien-infos:link  	
		{
	font-family:Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 10px;
	color:#006633;
	text-decoration: none;
		}
		
a.lien-infos:hover, a.lien-infos:visited:hover  	
		{
	font-family:Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	color:#009933;
	text-decoration: none;
		}
/************************************************/
a.lien-actif:visited, a.lien-actif:link  	
		{
	font-family:Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	color:#006633;
	text-decoration: none;
		}
		
a.lien-actif:hover, a.lien-actif:visited:hover  	
		{
	font-family:Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 11px;
	color:#009933;
	text-decoration: none;
		}		
/************************************************/
a.lien-blanc:visited, a.lien-blanc:link  	
		{
	font-family:Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: none;
		}
		
a.lien-blanc:hover, a.lien-blanc:visited:hover  	
		{
	font-family:Verdana, Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 12px;
	color:#FFFFFF;
	font-weight: bold;
	text-decoration: underline;
		}					
/************************************************/
a.lien-copyright:visited, a.lien-copyright:link  	
		{
	font-family:Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 10px;
	color:#FFFFFF;
	text-decoration: none;
		}
		
a.lien-copyright:hover, a.lien-copyright:visited:hover  	
		{
	font-family:Arial, Trebuchet MS, Helvetica, sans-serif;
	font-size: 10px;
	color:#055614;
	text-decoration: none;
		}
/********************************/
/*	   							*/
/*	      CONSTRUCTIONS	        */
/*	   						    */
/********************************/
table.table-etud-gris
	{
	background-color: #F2F4F4;
	}
/********************************/	
table.t-encart-gris
	{
	border: #CCCCCC 1px solid;
	background-color: #FFFFFF;
	}	
/********************************/	
table.table-contour-vert
	{
	border: #339933 1px solid;
	background-color: #FFFFFF;
	}			
/********************************/
td.separation-standard-bas
	{
	border-bottom: #CCD7D4 1px solid;
	}
/********************************/
td.separation-standard-haut
	{
	border-top: #CCD7D4 1px solid;
	}
/********************************/
td.separation-vert-haut
	{
	border-top: #006633 1px solid;
	}
/********************************/
td.separation-vert-bas
	{
	border-bottom: #006633 1px solid;
	}		
/********************************/
td.separation-standard-haut-menu-droit
	{
	border-top: #CCD7D4 1px solid;
	line-height: 22px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 10px;
	padding-left: 20px;
	}
/********************************/
td.separation-standard-haut-bas
	{
	border-top: #CCD7D4 1px solid;
	border-bottom: #CCD7D4 1px solid;
	}
/********************************/
td.td-menu-principale
    {
	font-family: Trebuchet MS, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
	background-color: #9FB2B0;	
	}	
/************************************************************/
/*							                                */
/*		          POLICE DE CARACTÈRES		                */
/*							                                */
/************************************************************/
.texte-10 	
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 10px;
		color: #000000;
		}

.texte-blanc-10 	
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 10px;
		color: #FFFFFF;
		}

.texte-11 		
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 11px;
		color: #000000;
		}
		
.texte-blanc-11 		
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 11px;
		color: #FFFFFF;
		}
		
.texte-gris-10 		
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 12px;
		color: #333333;
		}
				
.texte-gris-11 		
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 11px;
		color: #333333;
		}
		
.texte-12 		
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 12px;
		color: #000000;
		}
		
.titre-vert-10		
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #33CC33;
		}
						
.titre-vert-12		
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 12px;
		font-weight: bold;
		color: #33CC33;
		}

.titre-vert-14		
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #33CC33;
		}
		
.titre-blanc-14 		
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 14px;
		font-weight: bold;
		color: #FFFFFF;
		}


.titre-blanc-18 	
		{
		font-family: verdana, Trebuchet MS, arial, sans-serif;
		font-size: 18px;
		font-weight: bold;
		color: #FFFFFF;
		}

.copyrights{
		font-family: Arial, Verdana, Helvetica, sans-serif;
		font-size: 10px;
		color: #999999;
		text-align:center;
		height:50px;
		line-height:50px;
		}
.copyrights a{
	text-decoration:none;
	color:#666666;
}
.copyrights a:hover{
	color:#000000;
}
/************************************************************/
/*							    */
/*		      ÉLÉMENTS FORMULAIRES		    */
/*							    */
/************************************************************/


.texte-form		
		{
		font-size: 11px;
		font-weight: bold;
		color: #000000;
		}

.message-ok
		{
		font-size: 10px;
		font-weight: bold;
		color: #339933;
		}

.message-erreur
		{
		font-size: 10px;
		font-weight: bold;
		color: #CC0000;
		}

.input-field 	
		{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	background-color: #F3FFE2;
	border: 1px solid #33CC33;
		}


.select-field 	
		{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		background-color: #F3FFE2;
		border-top: #33CC33 1px solid;
		border-left: #33CC33 1px solid;
		border-right: #33CC33 1px solid;
		border-bottom: #33CC33 1px solid;
		}


.textarea
		{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		border-top: #33CC33 1px solid;
		border-left: #33CC33 1px solid;
		border-right: #33CC33 1px solid;
		border-bottom: #33CC33 1px solid;
		background-color: #F3FFE2;
		}


.submit-button 	
		{
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #000000;
		border-top: #33CC33 1px solid;
		border-left: #33CC33 1px solid;
		border-right: #33CC33 1px solid;
		border-bottom: #33CC33 1px solid;
		background-color: #F3FFE2;
		}

/*******************/
/* BLOC TOURNANT*/
#bloc-tournant{
	position:relative;
	margin-top:5px;
	margin-bottom:5px;
	height:141px;
	padding:0 10px;
	
}		
		
/******** slide images *******/
#picture{
	width: 349px;
	height: 184px;
	position: relative;
}

#picture IMG{
	display: none;
	position: absolute;
	top: 0;
	left: 0;
}
