*{
	margin:0;
	padding:0;
}


#test{
	background:url(../gifs/body.jpg) no-repeat top center #F8F7F2;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	padding-top:14px}

.agrandir{
	clear:both;
	width:150px;
	color:#000;
	font-size:14px;
	font-size:12px;
	position:absolute;
	top:307px;
	right:65px;
	text-align:right
}

	
	
#loupe{
	color:#000;
	float:right
}

#loupe a{
color:#000;

}

#bandeau{
	position:absolute;
	background:#666666;
	width:100%;
	height:15px;
	top:0;
	left:0;
	z-index:30;}	


#container {
	width:1000px; /* à modifier*/
	margin:0 auto; /* à modifier*/
	position:relative;
	padding-top:284px;
}

#header {
	height:288px; /* à modifier*/
	position:absolute;
	top:0;
	left:0;
	width:1000px;
	z-index:40;
}

#content {
	width:100%;
	

	
}


#fondHaut{
	float:right;
	padding-right:52px;
	width:696px} 
	
#fondBas{
	float:right;
	width:696px;
	height:25px;
	overflow:hidden}	


#colonne_gauche {
	width:235px;
	height:608px;
	float:left !important
}


#menuGauche{
	background:url(../gifs/menuGauche.jpg) no-repeat;
	width:234px;
	height:310px;
	margin-left:16px;
	padding-top:61px;
	}
	
	
.menu a{
	text-decoration:none;
	color:#FFFFFF;
	display:block;
	font-size:16px;
	font-weight:bold;
	padding:10px 0 10px 33px;
	border-bottom:1px solid #fff}

.menu a:hover, .menu .selected{
	background:url(../gifs/puce_blanche.gif) no-repeat 15px 15px }

.sous-menu{
	border-bottom:1px solid #fff}

.sousmenu1 a{
	text-decoration:none;
	color:#FFFFFF;}

.sousmenu1 a {
	text-decoration:none;
	font-size:12px;
	padding:0 0 0 35px;
	margin:0 0 0 15px;
	color:#fff;
	display:block;
	line-height:25px;
	
}

.sousmenu1 a:hover , .sousmenu1 a.selected {
	background:url(../gifs/puce_blanche.gif) no-repeat 20px 8px

}

#actu-news{
	background:url(../gifs/news_actu.jpg) no-repeat;
	width:235px;
	height:122px;
	margin-left:15px;
	}
	
#actu{	
	padding:20px 0 0 70px;
	height:52px	
}
	
#actu a {
	text-decoration:none;
	color:#000000;
	font-size:14px;
	font-weight:bold;
	
	}
	

.link a{
	display:block;
	text-decoration:none;
	color:#000;
	font-size:14px;
	font-weight:bold;
	padding-left:70px;
	}
		
#plan{
	background:url(../gifs/plan.jpg) no-repeat;
	width:235px;
	height:115px;
	margin-left:15px;
	}
.titre_plan{
	color:#000000;
	font-size:17px;
	font-weight:bold;
	padding:11px 0  0 20px}
	
.lien_plan a{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	float:right;
	padding:62px 14px}	

.lien_plan img{border:none}
#colonne_centre {
	width:696px; /* à modifier*/
	height:auto; 
	-height:300px;
	min-height:300px;/* à modifier*/
	float:right;
	padding-right:52px;
	border:1px solid #CCCCCC;
	background:#FFFFFF
}



.bienvenue{
	text-align:justify;
	color:#000;
	clear:both;
	padding:35px 0 36px 60px;
	width:623px;
	
	}
	
#image{
	 width:146px;
	 height:222px;
	 float:right;
	 padding-left:15px;
	margin-right:15px;
	margin-bottom:8px;}
	
	
	h1{
	color:#000;
	padding-bottom:10px;
	font-size:22px;
	border-bottom:1px solid #000}
	
	
	h2{
	color:#000;
	font-size:18px;
	padding-top:10px;
	padding-bottom:10px;}
	
	
	h3{
	color:#000;
	padding-bottom:10px;
	padding-top:10px;
	font-size:16px}
	
	
	.puces{
	margin-left:25px;
	padding-bottom:10px;
	color:#000}

 .italic{
	font-style:italic;
	padding-top:15px}
	
.liens_decouvrez2 {
	float:right;
	width:149px;
	padding-right:10px;
	padding-top:10px
	}
.liens_decouvrez2 a{
	text-decoration:none;
	color:#000000;
	font-weight:bold;
	font-size:12px}		
	
.liens_decouvrez2 img {border:none}


.fil_ariane{
	padding-top:10px}

.fil_ariane a {
	text-decoration:none;
	color:#666666;
	font-size:12px;
	}		
	
.fil_ariane a:hover, .fil_ariane .selected{
	font-weight:bold;
	color:#4D79CF;}	


#footer {
	height:147px; /* à modifier*/
}



.titre_footer a{
text-decoration:none;
color:#000;
font-size:12px;
padding-left:0px;
font-weight:bold}
.titre_footer a:hover{ color:#666666;}

.liste_footer{
color:#000;
padding-left:25px
}

.liste_footer a{
font-size:11px;
text-decoration:none;
color:#000}
.liste_footer a:hover{ color:#666666}


#colonne1 {
	float:left;
	width:150px;
	padding-left:15px;
	margin-top:20px;
	height:123px;
	border-right:1px solid #000

}

#colonne2 {
	float:left;
	width:150px;
	padding-left:10px;
	margin-top:20px;
	height:123px;
	border-right:1px solid #000

}
#colonne3 {
	float:left;
	width:125px;
	padding-left:10px;
	margin-top:20px;
	height:123px;
	border-right:1px solid #000

}

#colonne4 {
	float:left;
	width:144px;
	padding-left:10px;
	margin-top:20px;
	height:123px;
	border-right:1px solid #000

}
#colonne5 {
	float:left;
	width:197px;
	padding-left:10px;
	margin-top:20px;
	height:123px;
	border-right:1px solid #000

}

#colonne6 {
	float:left;
	width:162px;
	padding-left:10px;
	margin-top:20px;
	height:144px;

}


.float_right {
	float:right;
}

.float_left {
	float:left;
}

.clear_both {
	clear:both;
}

#logo {
	width:252px; /* à modifier*/
	height:213px;
	float:left;
	padding:8px 0 0 10px
}

#logo img{border:none}


#baseline{
	width:394px; 
	height:190px !important;
	float:left;
	line-height:38px
	}


.prenom{
	width:375px;
	height:49px !important;
	line-height:49px;
	font-family:"Times New Roman", Times, serif;
	font-size:50px;
	padding-top:15px;
	padding-left:19px;
	color:#ffffff;
	text-shadow:1px 1px 1px #000000 ;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=125, Strength=2);   zoom: 1;}
	
		
	
.slogan{
	font-size:18px;
	font-weight:bold;
	-font-weight:lighter;
	color:#ffffff;
	padding-left:19px;
	font-style:italic;
	text-shadow:1px 1px 1px #000000 ;
	filter:progid:DXImageTransform.Microsoft.Shadow(color='#000000', Direction=128, Strength=1);   zoom: 1;}
	
	
#contact{
	width:250px;
	float:left;
	padding:8px 0 0 91px;
	color:#444444}
	
.adresse{
	font-size:16px;
	
	}	
	
.port{
	font-size:18px;
	font-weight:bold}
	
#btn_contact{
	padding:15px 0 0 72px}	
	
#btn_contact a {
	text-decoration:none;
	color:#FFFFFF;
	font-size:20px;
	font-weight:bold}		
	
	
#menuHaut{
	background:url(../gifs/menuHaut.jpg) no-repeat;
	width:529px;
	height:34px;
	float:right;
	padding:20px 0 0 15px}	
	
#menuHaut a{
	text-decoration:none;
	color:#003AAD;
	font-size:14px;
	font-weight:bold;
	padding:0 15px 0 9px;
	}	
	
	
#menuHaut a:hover, #menuHaut .selected {
	color:#444444
}	

#menu1 {
	text-decoration:none;
	color:#003AAD;
	font-size:14px;
	font-weight:bold;
	padding:0 10px 0 16px !important; }
	
	
#drapeaux{
	clear:both;
	width:500px;
	height:44px}	

#drapeaux img {border:none;}
	
	
#francais	{
	float:left;
	width:48px;
	height:45px;
	padding-left:25px}
	
#allemand{
	float:left;
	width:48px;
	height:45px;
	padding-left:2px}	
			
/********************************************************************* Exemple pour encart
*/

#encart_content {
	background:#fff;
	overflow:hidden;
	width:100%;
}

#encart_content div {
	width:20%;
	height:100px;
	display:inline;
	margin:0 40px;	
}

#encart1 {
	background:url(../gifs/droit_travail.jpg) no-repeat;
	width:274px;
	height:246px;
	float:left;
	margin-left:60px;
	-margin-left:30px;
	padding-right:76px;
	margin-top:30px
}

.titre{
	font-size:18px;
	font-weight:bold;
	color:#000000;
	padding-left:119px;
	height:41px}
	
	
.txt{
	float:right;
	width:140px;
	padding-right:10px;
	font-size:12px}	
	
	
.liens_decouvrez {
	float:right;
	width:140px;
	padding-right:10px
	}
.liens_decouvrez a{
	color:#000000;
	font-weight:bold;
	font-size:12px}		
	
.liens_decouvrez img {border:none}	

#encart2 {
	background:url(../gifs/droit_commercial.jpg) no-repeat;
	width:274px;
	height:246px;
	float:left;
	margin-top:30px
}

#encart3 {
	background:#666;
}

/********************************************************************* CSS associé aux box d'inscription à la newsletter
*/
#newsletter_iframe {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
}



/********************************************************************* Contact
*/
 .demiGauche{
float:left;
width:378px;
font-size:12px;
color:#000;
padding-top:10px
}
.demiDroite{
float:right;
width:209px;
color:#000;
}




.liens a {
text-decoration:none;
color:#000000 !important;
float:right;
margin-bottom:10px;
font-size:15px;
font-weight:bold;}
.liens a:hover{
text-decoration:underline;
} 
a.liens {
color:#000000 !important;
}

 
 form.generateur label {
float:left;
font-size:13px;
line-height:22px;
margin:0;
padding:0 5px 0 0;
text-align:right;
width:150px;
display:block
}
 form.generateur .required{
 width:162px }
 
 
 form.generateur .optional{
 width:162px }
 
 form.generateur .submit {

padding-left:94px !important;}

#field_11{
width:180px
}

#field_1{width:180px}
#field_3{width:180px}
#field_4{width:180px}

#field_12{width:180px}
#field_13{width:180px}

.voir_plan a{
text-decoration:none;
color:#000;
font-size:17px;
text-decoration:underline;
}

.voir_plan a:hover{
text-decoration:underline;}

.element2{
font-size:22px}

.erreur{
color:#000 !important;
border:none !important;}


#field_8{
width:180px}



.actualite h2 a:hover {
	color:#666666 !important}
	
	
#recherche_actualite  {
	border:1px solid #999999;
	height:20px;
	padding:10px 0 10px 15px;
	background:#999 !important
}	


#news_rechercher {
background:url("../../ressources/img/rechercher.jpg") no-repeat scroll left center #ccc !important;
border:1px solid #7F9DB9;
height:19px;
padding:1px 0 0 25px;
vertical-align:top;
width:150px;
}
	
#listing_calendrier  {
background:none repeat scroll 0 0 #F1EFE2;
float:left;
margin-top:10px;
margin-left:55px !important;
-margin-left:35px !important;
padding:10px;
width:494px	!important
}

#container_actualite {
float:left;
padding:20px;
width:500px;
margin-left:45px !important;
-margin-left:25px !important
}


#actualite_detail {
float:left;
padding:20px;
width:500px;
margin-left:45px !important;
-margin-left:25px !important
}


.divGenerateurRequired{
	padding-bottom:10px !important}
	
/****************Modifications référencement********************/

.bold{
	font-weight:bold;
}

h2.absolu_h2{
	font-size:18px;
	font-weight:bold;
	position:absolute;
	top:305px;
	left:430px;
}
h2.absolu_h2_2{
	font-size:18px;
	font-weight:bold;
	position:absolute;
	top:305px;
	left:780px;
}

p.txt1{
	float:right;
	width:140px;
	padding-right:10px;
	font-size:12px;
	padding-top:41px;
}

p.style_h1{
	color:#000;
	padding-bottom:10px;
	font-size:22px;
	border-bottom:1px solid #000;
	display:inline;
	font-weight:bold;}

#div_h1{
	padding-bottom:10px;
}
#villes{
	margin-left:15px;
	width:1000px;
	text-align:center;
}