/* CSS Document */

body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color: #d5d5de;
	background-image: url(images/fond.jpg);
	background-repeat: repeat-x;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.8em;
	color:#434f51;
}
#contenu {
	position:absolute;
	left:50%;
	width:760px;
	margin:0 0 0 -380px;;
}
#logo{
	background:url(images/logo.jpg) no-repeat;
	width:250px;
	height:139px;
}
#logo h1{
	text-indent:-5000px;
	position:absolute;
	margin:0;
	padding:0;
}
#logo a{
	text-indent:-5000px;
	position:absolute;
	display:block;
	width:250px;
	height:100px;
}
#logo #flash{
	position:absolute;
	top:100px;
	width:250px;
	height:39px;
}

#logoNav{
	background:url(images/logo-nav.jpg) no-repeat;
	width:250px;
	height:139px;
}
#logoNav h1{
	text-indent:-5000px;
	position:absolute;
	margin:0;
	padding:0;
}
#logoNav a{
	text-indent:-5000px;
	position:absolute;
	display:block;
	width:250px;
	height:100px;
}
#logoNav #flash{
	position:absolute;
	top:100px;
	width:250px;
	height:39px;
}
#menuTop{
	position:absolute;
	left:250px;
	top:0px;
	margin:0;
	padding:0;
	width:510px;
	list-style:none;
}
#menuTop li{float:left;}
#menuTop li a{
	display:block;
	float:left;
	width:102px;
	text-decoration:none;
	font-weight:bold;
	color:#FFFFFF;
	height:29px;
	padding:50px 0 0 0;
	font-size:0.9em;
	line-height:12px;
	text-align:center;
}
#menuTop li a:hover{
	border-bottom:4px solid #780d61;
	color:#e0c7e0;
}
a#presentation{
	background:url(images/btn-presentation.jpg) no-repeat top;
}
a#presentation:hover{
	background:url(images/btn-presentation.jpg) no-repeat bottom;
}
a#metiers{
	background:url(images/btn-metiers.jpg) no-repeat top;
}
a#metiers:hover{
	background:url(images/btn-metiers.jpg) no-repeat bottom;
}
a#services{
	background:url(images/btn-services.jpg) no-repeat top;
}
a#services:hover{
	background:url(images/btn-services.jpg) no-repeat bottom;
}
a#activites{
	background:url(images/btn-activites.jpg) no-repeat top;
}
a#activites:hover{
	background:url(images/btn-activites.jpg) no-repeat bottom;
}
a#contact{
	background:url(images/btn-contact.jpg) no-repeat top;
}
a#contact:hover{
	background:url(images/btn-contact.jpg) no-repeat bottom;
}
#titreNews{
	position:absolute;
	top:93px;
	left:250px;
	background:url(images/titre-news.jpg) no-repeat;
	width:496px;
	height:46px;
	margin:0;
	padding:0;
	text-indent:-5000px;
}
#titrePresentation{
	position:absolute;
	top:93px;
	left:250px;
	background:url(images/titre-presentation.jpg) no-repeat;
	width:510px;
	height:46px;
	margin:0;
	padding:0;
	text-indent:-5000px;
}
#titreMetiers{
	position:absolute;
	top:93px;
	left:250px;
	background:url(images/titre-metiers.jpg) no-repeat;
	width:510px;
	height:46px;
	margin:0;
	padding:0;
	text-indent:-5000px;
}
#titreServices{
	position:absolute;
	top:93px;
	left:250px;
	background:url(images/titre-services.jpg) no-repeat;
	width:510px;
	height:46px;
	margin:0;
	padding:0;
	text-indent:-5000px;
}
#titreActivites{
	position:absolute;
	top:93px;
	left:250px;
	background:url(images/titre-activites.jpg) no-repeat;
	width:510px;
	height:46px;
	margin:0;
	padding:0;
	text-indent:-5000px;
}
#titreContact{
	position:absolute;
	top:93px;
	left:250px;
	background:url(images/titre-contact.jpg) no-repeat;
	width:510px;
	height:46px;
	margin:0;
	padding:0;
	text-indent:-5000px;
}
#titreActualites{
	position:absolute;
	top:93px;
	left:250px;
	background:url(images/titre-actualites.jpg) no-repeat;
	width:496px;
	height:46px;
	margin:0;
	padding:0;
	text-indent:-5000px;
}


#illustration{
	background:url(images/illustration.jpg) no-repeat;
	width:746px;
	height:181px;
}
#zoneActu{
	width:285px;
	height:175px;
	margin:0 0 0 455px;
	padding:0;
}
#bienvenue{
	background:url(images/titre-bienvenue.jpg) no-repeat;
	width:746px;
	height:39px;
	margin:0;
	padding:0;
	text-indent:-5000px;
}
#texteAccueil{
	position:absolute;
	top:370px;
	left: 320px;
	width:425px;
	padding:0;
	margin:0;
	text-align:justify;
	font-size:0.9em;
	line-height:1.2em;
}
#carte{
	width:310px;
}
#carte h3{
	background:url(images/titre-agences.jpg) no-repeat ;
	width:295px;
	height:24px;
	margin:5px 0 0 15px;
	padding:0;
	text-indent:-5000px;
}
#carte #fondCarte{
	background:url(images/carte-france.jpg) no-repeat;
	height:160px;
	padding:0;
	margin:0
}
#carte #fondCarte p{
	margin:0 0 0 160px;
	font-size:0.9em;
	padding:15px 0 0 0;
}
#carte #fondCarte p span{
	color:#941778;
	font-weight:bold;
	font-size:1em;
}
#carte #fondCarte p a{
	color:#434f51;
	text-decoration:none;
}
#carte #fondCarte p a:hover{
	color:#941778;
	text-decoration:underline;
}

#footer{
	clear:both;
	background:url(images/footer.jpg)  repeat-x;
	height:15px;
	margin:10px 15px 0 15px; 
	padding:5px;
	width:720px;
	text-align:right;
}
#footer a{
	font-size:0.8em;
	color:#434f51;
	text-decoration:none;
}
#footer a:hover{
	font-size:0.8em;
	color:#941778;
	text-decoration:underline;
}
/******************** NAVIGATION **********************/
#pageNavigation{
	float:left;
	width:730px;
	margin:15px 15px 10px; 15px; 
}
#colGauche{width:410px; float:left; margin:0 5px;}

p.activites { float:left; padding:0; margin:0; color:#048ed9; font-weight:bold; text-decoration:none; font-size:13px; width:240px; line-height:24px;}



#colDroite{width:300px; float:left; margin:0 5px;}
#colCentre{width:730px; float:left; margin:0 5px;}

#colCentre ul {float:left; width:680px; margin:0 0 0px 50px; padding:0; list-style:none; height:60px;}
#colCentre li {float:left; color:#048ed9; font-weight:bold; display:block; font-size:13px; width:315px; list-style:none; height:20px;}
#colCentre li a {color:#048ed9; font-weight:bold; text-decoration:none; font-size:13px; width:315px;}
#colCentre li a:hover {color:#048ed9; font-weight:bold; text-decoration:underline; font-size:13px; width:315px;}

.sousTitre{margin:5px 0 10px 0; padding:10px 2px 0 2px; font-size:14px; font-weight:bold; color:#840f6b; border-bottom:1px dotted #575757;}
.texte{margin:0; padding:0; clear:both; text-align:justify;}
a.hautPage {padding:0; margin:0; font-size:10px;color:#434f51; text-decoration:none; text-align:right; float:right;}

.date{color:#FFF; width:90px; font-size:0.9em; font-weight:bold;float:left; padding:2px; background:#0592df; margin:5px 0 0 0; }
.txtDate{width:312px; margin:5px 0 0 0; padding:0;float:left;padding:2px;}
.parte{ font-size:11px; line-height:20px;color:#840f6b;}
.listePuce{ font-size:12px; line-height:20px;color:#840f6b;}
.accroche{margin:10px 30px; font-size:13px;}
/******************************************************/



/******************** Actualites **********************/
.titreActu {
	padding:0 15px 0 0;
	margin:0;
	color:#e0c7e0;
	font-size:11px;
	font-weight:bold;
}
.txtActu {
	padding:3px 15px 3px 0;
	margin:0;
	color:#ffffff;
	font-size:11px;
	text-align:justify;
}
.enteteActu {
	padding:3px 15px 3px 0;
	margin:0;
	color:#941778;
	font-weight:bold;
	font-size:12px;
	text-align:justify;
}
.contenuActu {
	padding:3px 0px 3px 0;
	margin:0;
	color:#333333;
	font-size:12px;
	text-align:justify;
}
a.pdf {
	padding:0;
	margin:0;
	color:#941778;
	font-size:12px;
	text-decoration:underline;
	font-weight:bold;
}

/******************************************************/

/************ formulaire contact **************/
fieldset {
	border:none;
	margin:30px 0 0 60px;
	padding:0;
}
.champFrom {
	margin:0;
	vertical-align:top;
	padding:0 0 5px 0;
	width:600px;
}
label{
	display: inline ;
	float: left ;
	width: 230px ;
	font-weight:bold;
	margin:0 5px 0 0;
	color:#840f6b;	
}
label.avecBord{border-bottom:1px solid #840f6b;}
.mentionOb{font-size:9px;}
.blocContact{ float:left; width:357px; padding:0 0 10px 0; margin:0;}
#zoneForm .largeur{ width:355px; color:#840f6b; background:#f3f3f6; border:1px solid #c4c4d0; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.autre{ width:150px; color:#205a95; background:#e4f4fc; border:1px solid #a9d4e4; padding:2px; font-family:Arial, Helvetica, sans-serif; font-size:12px;}
.btnInput{ margin:5px 0 0 40px;}

span.message {
	color:#892570;
	font-weight:bold;
	text-align:center;
}	
/***********************************************/