@charset "utf-8";
/* CSS Document */
html, body {
margin: 0;
padding: 0;
background:#fff;
}
h1 {/* titre dans entete*/
font-family:Arial, Helvetica, sans-serif;
font-size:1.1em;
}
h2 { /* titre rubriques page */
font-family:Arial, Helvetica, sans-serif;
font-size: 1.0em;
text-align:left;
color:#660000;
margin:0;
margin-bottom:2px;
}
h3 { /* titre lettre */
font-family:Arial, Helvetica, sans-serif;
font-size: 1.0em;
text-align:center;
color:#330066;
margin:0;
margin-bottom:10px;
}
h4 { /* titre rubriques lettre */
font-family:Arial, Helvetica, sans-serif;
font-size: 100%;
text-align:left;
color:#660000;
margin:0;
margin-bottom:0px;
}


/* -----------------------links-------------------- */
a { text-decoration: none;}
a:link,  a:visited {color:#660000;}
a:hover {color: #330066;}
a:active{color: #660000;}

/* -------------------------------- elements communs ------------------------------- */

#body {
background:#fff;
width: 990px;
margin: auto;
}
#filariane {
width:980px;
height:2.0em;
margin-bottom: 10px;
}
	#filariane p {
	margin:0;
	color:#660000;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.9em;
	}
	#filariane a {
	text-decoration:underline;
	}
#footer {
width: 100%;
background:#fff;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size:0.6em;
border-top: solid #660000 2px;
}
	#footerContainer {
	width: 97.7%;
	color: #000;
	margin:auto;	
	margin-top:-10px;
	text-align:center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:0.6em;
	border-left: solid #990033 1px;
	border-right: solid #990033 1px;
	}

	#footer a:link,  #footer a:visited {
	color:#660000;
	}
	#footer a:hover {
	color:#330066;
	}
	#footer a:active{
	color: #660000;
	}
#formulaire {
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size:0.8em;
margin-right:30px;
}

#header {
width: 100%;
height:110px;
margin:0;
padding:0;
padding-bottom:2px;
color: #330066;
border-bottom: solid 2px #660000;
}
	#header_logoBaub {
	width:27%;
	float:left;
	margin-top:0px;
	margin-left: 0px;
	}
		#header_logoBaub p {
		position:relative;
		left:17%;
		bottom: -15px;
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.85em;
		color:#660000;
		text-align:left;
		}
	#header_logoAvec {
	width:20%;
	float:right;
	margin-top:0px;
	margin-right: 10px;
	}
		#header_logoAvec p {
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.85em;
		text-align:left;
		position:relative;
		left:23%;
		}
	#header_text {
	float:left;
	position:relative;
	left:10%;
	top:10px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:1.0em;
	line-height:1.6em;
	color:#660000;
	}
	#header_flash {
	float:right;
	position:relative;
	right:1%;
	top:20px;
	}

	#header a:link, #header a:visited {
	color: #660000;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	}
	#header a:hover {
	color:#330066;
	}
#main {
float:none;
margin-left: 10%;
width: 72.5%;
min-width: 40%;
padding-top: 0px;
padding-bottom: 50px;
background-image:url(../images/fond_main_3.jpg);
background-repeat:no-repeat;
background-position:0% 40%;
}
	td {
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	color:#330066;
	}

	#mainContainer {
	width: 94.0%;
	margin:auto;	
	margin-top:-4px;;	
	}
		#mainContainer p {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 0.9em;
		color:#330066;
		}
	#mainLogo {
	width: 50%;
	margin:auto;
	margin-top:20px;
	margin-bottom:-10px;	
	}
#main_accueil { /* pour animation flash*/
margin:auto;
width: 60%;
margin-top: 0px;
margin-bottom: -10px;
}
#main_contact { /* pour google map*/
float:right;
width: 70%;
margin-top: 0px;
}
#main_lettre { /* pour lettre mensuelle*/
width: 90%;
margin:auto;
margin-top: 0px;
margin-bottom: -10px;
}
	#main_lettre p{ 
	font-family:Arial, Helvetica, sans-serif;
	font-size: 0.8em;
	}

#topHead {
color:#fff;
height:5px;
}

/* ///////////////////////////////////////sidebars //////////////////////////////// */
	
#sidebar_r { /* barre droite*/
float:right;
width: 25%;
}
	#sidebar_rContainer {
	width: 91.0%;
	min-height:150px;
	margin:auto;	
	margin-top:10px;
	padding-top: 15px;
	text-align:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
	border: solid #660000 1px;
	}

		#sidebar_rContainer p {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 100%;
		}
		.fenetre_r { /*unité de base pour affichage dans les sidebars*/
		padding:0;
		margin:0px 4px;
		font-family:Arial, Helvetica, sans-serif;
		color: #000;
		font-size:80%;
		}
		
#sidebar_l { /* barre gauche dans contact*/
float:left;
width:25%;
color:#330066;
font-family:Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

/* ///////////////////////////////////fin sidebars //////////////////////////////// */

*/
.clear {clear: both; margin:0; height:0; font-size: 1px; line-height: 0px;}
.clearl {clear: left; margin:0; height:0; font-size: 1px; line-height: 0px;}
.clearr {clear: right; margin:0; height:0; font-size: 1px; line-height: 0px;}
.float {float: left; margin-right:5px;}
.floatr {float: right;}
.floatfl {position:relative;left:4px;bottom:1px;}
.lettre_log {margin:auto; text-align:left; padding-top:15px;padding-bottom:10px;}

/* //////////////////////////////  image map ////////////////////////////////////: */
#desc { 
position:relative;
top: 90px;
}
.sm #image_text {/* pour image map page clients*/
display: block;
float:right;
font-family:Arial, Helvetica, sans-serif;
font-size: 1.6em;
}
/* //////////////////////////////  fin image map /////////////////////////////////: */