html, body {
	padding: 0px;
	margin: 0px;
	background: #f3f3f3;
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 12px;
	color: #333333;
	line-height: 18px;

}

img {border: 0px;}
.header2-heading {
	margin: 0 auto;
	padding: 0 0 0 206px;
	background-image: url(../img/header2-bg.gif);
	background-repeat: repeat-y;
	height: 53px;
	border-bottom: solid 1px #FFFFFF;
}
div.main {position: relative; width: 975px;}
div.header {position: relative; width: 975px; height: 100px; border-bottom: 1px solid #fff; background: #e4e4e4; z-index:2000;}
div.logo {position: absolute; width: 167px; top: 0px; left: 7px;}
div.middle {width: 968px; padding-left: 7px; background: #bcbfc3; border-bottom: 1px solid #fff;}
div.middleInner {width: 975px; background: #bcbfc3; border-bottom: 1px solid #fff; padding: 0px;}

div.middleInner-new {width: 774px; background: #F3F3F3; border-bottom: 1px solid #fff; padding: 55px 0 40px 201px; line-height: 18px;}

.slogan {
	margin: 0 auto;
	padding: 0;
	background-color: #e4e4e4;
	height: 53px;
	border-bottom: solid 1px #FFFFFF;
}
div.sloganInner {width: 975px; height: 53px; border-bottom: 1px solid #fff; background: url(../img/top-prob-ex-or.gif) center left no-repeat #e4e4e4;}

div.text {width: 100%; padding: 0px;}
div.odd {float: left; width: 30%;}
div.even {float: right; width: 70%;}
div.footerText {clear: both; visibility: hidden; width: 100%; height: 1px;font-size: 11px;color: #7f8082;}


div.left {position: relative; width: 270px; padding: 40px 0 0 95px; line-height: 18px; float: left;}
div.right {position: relative; width: 580px; padding: 40px 0 143px 30px; line-height: 18px; float: right;}
div.content {margin: 0 auto; padding:0; width: 975px; background-image: url(../img/home-mainvis-bg.gif); background-repeat: repeat-y; border-bottom: 1px solid #fff;}

div.content-1 {margin: 0 auto; padding:0; height: 53px;}

div.content-2 {margin: 0 auto; padding:0; width: 975px;}

div.content-2a {margin: 0 auto; padding:0 0 0 91px; float: left; width: 310px;}

div.content-2b {margin: 0 auto; padding:0; float: right; width: 570px;}

div.content-2b-1 {
	margin: 0 auto;
	padding:0;
	float: left;
	width: 150px;
	padding-top: 10px;
}

div.content-2b-2 {
	padding:0;
	float: left;
	width: 390px;
	margin: 0 auto;
	padding-top: 10px;
}

div.content-3 {margin: 0 auto; padding:0; height: 81px;}

.spacer {clear: both;}

div.leftInner {
	position: relative;
	width: 415px;
	padding: 40px 15px 0 207px;
	line-height: 18px;
	float: left;
	text-align: justify;
}
div.rightInner {
	position: relative;
	width: 285px;
	float: right;
	padding: 90px 25px 50px 25px;
}
div.rightInner-new {
	position: relative;
	width: 315px;
	float: right;
	padding: 40px 25px 0 25px;
	line-height: 18px;
}
div.contentInner {position: relative; width: 975px; background: url(../img/left_bg_inner.jpg) repeat-y top right #f0f0f0; border-bottom: 1px solid #fff;}

.menuBox {
	width: 245px;
	padding: 0px 70px 0px 70px;
	height: 15px;
	background: url(../img/buttons/bg.gif) bottom left repeat-x;
	background-position: 0 11px;
}

.menuBox-new {width: 330px; padding: 0px 30px 0px 30px; height: 15px; background: url(../img/buttons/bg.gif) bottom left repeat-x; background-position: 0 11px;}

.container#first {display: block;}
.container#second {display: none;}
.container#third {display: none;}
.container#fourth {display: none;}
div.footer {position: relative; width: 965px; height: 25px; background: #e7e7e7; padding-right: 10px; text-align: right; padding-top: 90px; font-size: 11px; color: #7f8082;}
div.footer a{padding-left: 0px; padding-right: 30px; font-size: 11px;color: #7f8082;}

h1 {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
	color: #434343;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}
h2 {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
	color: #434343;
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

div.menu a {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 11px;
	color: #7f8082;
	text-decoration: none;
	padding: 0 9px 0 9px;
}
div.menu a:hover {color: #69b0b9;}

a {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";	
	color: #333333;
	text-decoration: none;
}
a:hover {color: #69b0b9;}

/*----------------------------------------------------------------------------------------------------*/


.top-links {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration: none;
	height: 15px;
	margin-left: 200px;
	width: 745px;
}

.top-links a {
	color: #333333;
	text-decoration: none;
}

.top-links a:hover {
	color: #69B0B9;
	text-decoration: none;
}




	/* 
	General styles for this example page */
	#dhtmlgoodies_menu img{
		border:0px;
	}

	/* End general styles for this example page */
	/* General configuration CSS */
	
	#dhtmlgoodies_menu ul li ul{
		display:none;/* Needed to display ok in Opera */
	}
		
	#dhtmlgoodies_menu{
		visibility:hidden;
	}
	#dhtmlgoodies_menu ul{
		margin:0px;	/* No indent */
		padding:13px 7px 7px 7px;	/* No indent */
}
	#dhtmlgoodies_menu li{
		list-style-type:none;	/* No bullets */
		padding:0px 3px 7px 0;/* No indent */
}	
	#dhtmlgoodies_menu a{

		margin:0px;
		padding:0px;
	}
	/* End general configuration CSS */
	
	
	/* Cosmetic */
	
	/***********************************************************************
		CSS - MENU BLOCKS
	 	General rules for all menu blocks (group of sub items) 
	***********************************************************************/
	#dhtmlgoodies_menu ul{
	color: #000000;
	}
		
	#dhtmlgoodies_menu ul.menuBlock1{	/* Menu bar - main menu items */
	border:0;
	padding:4px 0 4px 0;
	overflow:visible;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	}
	#dhtmlgoodies_menu ul.menuBlock2{	/* Menu bar - main menu items */
		padding:0;
		top: 12px;
	}
	
	/***********************************************************************
		CSS - MENU ITEMS
	 	Here, you could assign rules to the menu items at different depths.
	***********************************************************************/
	/* General rules for all menu items */
	#dhtmlgoodies_menu a{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #333333;
	text-decoration:none;
	padding-left:9px;
	padding-right:9px;
	
	}

	#dhtmlgoodies_menu a:hover {
	color: #69B0B9;
	text-decoration: none;
	}	
	/*
	Main menu items 
	*/

	#dhtmlgoodies_menu .currentDepth1 {
		margin: 70px 0 0 0;
	}
	#dhtmlgoodies_menu .currentDepth1over {	/* Text rules */
		margin: 70px 0 0 0;
	}
	
	/* Sub menu depth 1 */
	#dhtmlgoodies_menu .currentDepth2 {
	padding: 4px 0 4px 4px;
	background-color: #EFEFEF;
	border-top: 1px solid #7e8083;
	width: 15em;
	}
	#dhtmlgoodies_menu .currentDepth2over {
	padding: 4px 0 4px 4px;
	background-color: #E4E4E4;
	border-top: 1px solid #7e8083;
	width: 15em;
}	
	#dhtmlgoodies_menu .currentDepth2over a {	/* Text rules */
	color: #69B0B9;
	text-decoration: none;
	width: 15em;
}	
	/* Sub menu depth 2 */
	#dhtmlgoodies_menu .currentDepth3 {
		padding: 0;
		background-color: #EFEFEF;
		border: 1px solid #cfcfcf;
		width: 17em;
		line-height: 1.8em;
	}
	#dhtmlgoodies_menu .currentDepth3over{
		padding: 0;
		background-color: #E4E4E4;
		border: 1px solid #cfcfcf;
		width: 17em;
		line-height: 1.8em;
	}
	/* Sub menu depth 3 */
	#dhtmlgoodies_menu .currentDepth4{
		padding: 4px 0 4px 4px;
		background-color: #EFEFEF;
		border: 1px solid #cfcfcf;
		width: 12em;
	}
	#dhtmlgoodies_menu .currentDepth4over{
		padding: 4px 0 4px 4px;
		background-color: #E4E4E4;
		border: 1px solid #cfcfcf;
		width: 12em;
	}	
div.leftInnerNarrow {
	position: relative;
	width: 175px;
	padding: 40px 15px 0 207px;
	line-height: 18px;
	float: left;
}
div.rightInnerWide {
	position: relative;
	width: 525px;
	float: right;
	padding: 70px 15px 50px 30px;
}
div.contentInnerOdd {
	position: relative;
	width: 975px;
	background: url(../img/left_bg_inner-wide.jpg) repeat-y top right #f0f0f0;
	border-bottom: 1px solid #fff;
}
div.leftInnerMoreNarrow {
	position: relative;
	width: 550px;
	padding: 40px 15px 0 207px;
	line-height: 18px;
	float: left;
	text-align: justify;
}
div.rightInnerMoreWide {
	position: relative;
	width: 150px;
	float: right;
	padding: 40px 15px 50px 30px;
}
div.contentInnerOdd2 {
	position: relative;
	width: 975px;
	background: url(../img/left_bg_inner-wide2.jpg) repeat-y top right #f0f0f0;
	border-bottom: 1px solid #fff;
}
.pic {
	background-color: #E4E4E4;
	width: 125px;
	height: 150px;
}
.form {
	line-height: 12px;
	color: #333333;
	font-size: 12px;
}
.button {
	color: #434343;
	font-size: 9px;
	width: 175px;
	height: 17px;
	font-weight: bold;
}

/* management.php page only */

#content{

}

#millieu #content{
	margin:0 auto;
	padding-left: 20px;
}

#content a{
	color: #666666;
}

#content a:hover{

}

#content .testimonials{
	float: left;
	width: 95%;
	padding-right: 20px;

}


#content .puce_croix{
	display:block;
	font-size:11px;
	font-weight:bold;
	text-decoration: none;

}

#content .puce_croix:hover{
	text-decoration: none;
	color: #69b0b9;
}

.cache {
	display:none;
	padding-left: 0px;
	margin-bottom:10px;
}
.cache a:hover {
	color: #69b0b9;
}
div.rightInnerTop {
	position: relative;
	width: 285px;
	float: right;
	padding: 0px 25px 10px 25px;
}
.picBorder {
	border: 1px solid #7F8082;
}
div.rightInnerTopWider {
	position: relative;
	width: 285px;
	float: right;
	padding: 0px 15px 50px 30px;
}
.homeBox {
	border: 1pt solid #CCCCCC;
	padding: 15px;
	margin-bottom: 35px;
}
div.content-2c {
	float: left;
	width: 525px;
	border: 1px solid #CCCCCC;
	padding-left: 15px;
	padding-right: 15px;
	margin-bottom: 10px;
}
div.content-2b-3 {
	margin: 0 auto;
	padding:0px;
	float: left;
	width: 150px;
}
.flushLeft {
	text-align: left;
}
.caption {
	font-size: 11px;
	font-style: italic;
	line-height: 13px;
}
.separator {
	border-top: 1px solid #FFFFFF;
}
div.content-2b-3 {
	margin: 0 auto;
	padding:0;
	float: left;
	width: 150px;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.content-2b-4 {
	padding:0;
	float: left;
	width: 380px;
	margin: 0 auto;
	padding-top: 10px;
	padding-bottom: 10px;
}
div.content-2b-5 {
	padding:0;
	float: left;
	width: 380px;
	margin: 0 auto;
	padding-bottom: 10px;
	padding-left: 150px;
}
div.rightInnerNarrow {
	position: relative;
	width: 160px;
	float: right;
	padding: 60px 5px 0px 35px;
}
.rightNav {
	font-family: Arial, Helvetica, sans-serif, "Arial Narrow";
	font-size: 11px;
}
.rightNav a: link{
	font-size: 11px;

}
.rightNav a:hover {
	color: #69b0b9;
}
div.management1 {
	margin: 0 0 0 207px;
	padding:0;
	float: left;
	width: 170px;
	padding-top: 15px;
}

div.management2 {
	padding:0;
	float: left;
	width: 525px;
	margin: 0 auto;
	padding-top: 10px;
	text-align: justify;
}
div.contentInnerOdd3 {
	position: relative;
	width: 975px;
	background: url(../img/left_bg_inner-wide3.jpg) repeat-y top right #f0f0f0;
	border-bottom: 1px solid #fff;
}
.managementPic
 {
	border: 1px solid #FFFFFF;
}
