/* CSS Document */

body {
	background: transparent url('/media/images/fond_home.jpg') top center no-repeat;
	background-color: #918f91;
	margin: 0;
	padding: 0;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-weight: normal;
	text-decoration: none;
}

p {
margin: 7px 0px 0px 0px;
}

/*div#Wrapper {
	width: 955px;
	margin: 0px auto;
	height: 600px;
}*/

div#Voeux_2009 {
	width: 840px;
	margin: 10% auto;
	height: 600px;
}

div.clear {
clear: both;
}

a.img_link img{
border: none;
}

p.nomarge_up {
margin-top: 0px;
}

div#Logo {
	width: 955px;
	height: 77px;
	margin: 0px auto;
	padding: 0;
	text-align: right;
}

div#Menu {
	position: relative;
	width: 100%;
	height: 25px;
	margin: 0;
	padding: 0;
	z-index: 0;
}

div#BackgroundMainMenu {
	/*background: transparent url('media/images/fond_menu_top.gif') top left repeat-x;*/
	background-color: #232023;
	width: 100%;
	height: 25px;
	padding: 0;
	margin: 0;
	/* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
	  soit c'est un div positionné et dimensionné comme dans cet exemple.*/
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -10000;
}

div#ContentMainMenu {
	width: 955px;
	height: 25px;
	padding: 0;
	margin: 0px auto;
	z-index: 2;
	font-weight: bold;
}

ul#MainMenu {
	margin: 0;
	padding: 0;
	height: 25px;
	color: #FFF;
}

ul#MainMenu li{
	list-style: none;
	float: left;
	text-transform: uppercase;
	line-height: 25px;
	height: 25px;
	margin: 0;
	padding: 0;
}

a.MainMenuLink {
	display: block;
	padding: 0px 15px;
	text-decoration: none;
	color: #FFF;
}

a.MainMenuLink span.MenuPlus {
	color: #BBBCBD;
	font-weight: bold;
}

a.MainMenuLink:hover{
	color: #343233;
	background: transparent url('/media/images/fond_menu_top_active.gif') top left repeat-x;
}

a.MainMenuLink:hover span.MenuPlus, span.MenuPlusOn{
	color: #C21740;
}

a.MainMenuLinkOn {
	display: block;
	padding: 0px 15px;
	text-decoration: none;
	color: #343233;
	background: transparent url('/media/images/fond_menu_top_active.gif') top left repeat-x;
}


ul#MainMenu li.sep {
	line-height: 25px;
	padding: 0;
	margin: 0;
	width: 1px;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	opacity: 0.4;
}

ul#MainMenu li.sep img {
	margin: 0;
	padding: 0;
}

div#ContentWrapper {
	width: 915px;
	margin: 0px auto;
	height: 415px;
	padding: 20px;
	position: relative;
}

div#homeContent {
	width: 955px;
	margin : 0px auto 20px auto;
	position : relative;
}

div#flashTop{
	text-align: center;
}

div#flashBottom{
	text-align: center;
}

div#ContentSubMenu {
	padding: 40px 20px 0px 0px; /* 40 */
	height: 40px;
	margin-top: 180px;
}

html>body div#ContentSubMenu {
	margin-top: 160px;
}


div#Content {
	width: 100%;
	height: 180px; /* 320 */
	padding : 0px;
	margin  : 0px;
}


div#ContentLeft {
	background-color: #ffffff;
	width: 605px;
	height: 150px; /* 290 */
	padding: 15px;
	margin : 0px;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
	opacity: 0.8;
	float : left;
	position: absolute;
	
}

div#ContentLeft_contain {
position : absolute;
top  : 260px; /*-182px;*/
left :  20px;
width: 605px;
height: 150px; /* 290 */
padding: 15px;
float : left;
}

/* MAJ Contacts.html (Damien) */

div#ContentLeft_containContact {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 605px;
	height: 390px;
	padding: 15px;
	background-color: #ffffff;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
	opacity: 0.8;
}

div#ContentLeft_containContactReponse {
	position: absolute;
	top: 20px;
	left: 20px;
	width: 605px;
	height: 150px;
	padding: 15px;
	background-color: #ffffff;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
	opacity: 0.8;
}

div#ContentLeft_containContact input , div#ContentLeft_containContact textarea {
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
} 
/* FIN MAJ Contacts.html (Damien) */

div#ContentLeft_contain_Left {
	font-size: 11px;
	float: left;
	height: 150px;
	width: 475px; /* 485 */
	padding: 0px 10px 0px 0px;
}

div#ContentLeft_contain_Left2 {
	font-size: 11px;
	float: left;
	height: 200px;
	width: 250px; /* 485 */
	padding-right: 10px;
}

div#ContentLeft_contain_Right {
	float: right;
	height: 200px;
	width: 120px;
}

div#ContentLeft_contain_Left_schemas{
	font-size: 11px;
	float: left;
	height: 200px;
	width: 300px; /* 485 */
	padding-right: 10px;
}

div#ContentLeft_contain_Right_schemas {
	float: right;
	height:150px;
	width: 200px;
	padding:10px;
}


div#ContentRightRed {
	background-color: #C21740;
	width: 240px;
	height: 290px;
	padding: 15px 20px;
	float: right;
}

div#ContentRightWhite {
	/*margin-top: 82px;*/
	width: 240px;
	height: 160px; /* 200 290 */
	padding: 0px 20px 20px 0px; /* 15 20 */
	float: right;
}

div#ContentRightWhite p {
	margin: 0 0 12px 0;
}

a.ContentRightWhiteOn {
	padding: 0px 4px 0px 0px;
	color: #C21740;
	font-size: 14px; /* 28 */
	font-weight: bold;
	text-decoration: none;
	letter-spacing:-1px;
	line-height: 12px;
}
a.ContentRightWhiteOff{
	padding: 0px 4px 0px 0px;
	color: #535153;
	font-size: 14px; /* 28 */
	font-weight: bold;
	letter-spacing:-1px;
	text-decoration: none;
	line-height: 12px;
}
a.SSContentRightWhiteOn {
	padding: 0px 0px 0px 10px;
	color: #C21740;
	font-size: 12px; /* 28 */
	font-weight: none;
	text-decoration: none;
	letter-spacing:-1px;
	line-height: 8px;
}
a.SSContentRightWhiteOff{
	padding: 0px 0px 0px 10px;
	color: #535153;
	font-size: 12px; /* 28 */
	font-weight: none;
	letter-spacing:-1px;
	text-decoration: none;
	line-height: 8px;
}

div#Footer {
	position: relative;
	width: 100%;
	height: 20px;
	margin: 0;
	padding: 0;
	z-index: 0;
}

div#BackgroundFooterMenu {
	background-color: #232023;
	text-align: right;
	width: 100%;
	height: 20px;
	padding: 0;
	margin: 0;
	/* Pour IE, il faut absolument mettre une largeur, alors soit width=100%,
	  soit c'est un div positionné et dimensionné comme dans cet exemple.*/
	filter:alpha(opacity=30);
	-moz-opacity:0.3;
	opacity: 0.3;
	position: absolute;
	top: 0;
	left: 0;
	z-index: -10000;
}

div#ContentFooterMenu {
	width: 955px;
	height: 20px;
	padding: 0;
	margin: 0px auto;
	z-index: 2;
	font-weight: bold;
}

ul#FooterMenu {
	float: right;
	margin: 0;
	padding: 0;
	padding-right: 20px;
	height: 20px;
	color: #FFF;
}

ul#FooterMenu li{
	list-style: none;
	float: left;
	text-transform: uppercase;
	line-height: 20px;
	height: 20px;
	padding: 0;
	margin: 0;
}

a.FooterMenuLink {
	display: block;
	padding: 0px 15px;
	text-decoration: none;
	color: #FFF;
}

a.FooterMenuLink span.MenuPlus {
	color: #BBBCBD;
	font-weight: bold;
}

a.FooterMenuLink:hover {
	color: #343233;
	background: transparent url('/media/images/fond_menu_top_active.gif') top left repeat-x;
}

a.FooterMenuLink:hover span.MenuPlus {
	color: #C21740;
}

a.FooterMenuLinkOn {
	display: block;
	padding: 0px 15px;
	text-decoration: none;
	color: #343233;
	background: transparent url('/media/images/fond_menu_top_active.gif') top left repeat-x;
}

ul#FooterMenu li.sep {
	line-height: 20px;
	padding: 0;
	margin: 0;
	width: 1px;
	height: 20px;
	overflow: hidden;
}

ul#FooterMenu li.sep img {
	margin: 0;
	padding: 0;
}

ul#SubMenu {
	list-style: none;
	padding: 0;
	margin: 0;
}

ul#SubMenu li {
	display: inline;
}

a.SubMenuLink {
	padding: 0px 4px;
	font-size: 11px;
	color: #000;
	text-decoration: none;
}

a.SubMenuLink:hover {
	color: #C21740;
}

span.SubMenuActive {
	padding: 0px 4px;
	color: #C21740;
	font-size: 22px;
	/*font-weight: bold;*/
	
}

ul#SubMenu li.first span.SubMenuActive {
	padding: 0px 4px 0px 0px;
}

ul#SubMenu li.first a.SubMenuLink {
	padding: 0px 4px 0px 0px;
}

span.TitreRouge {
	font-size: 18px;
	color: #C21740;

}

span.SousTitreRouge {
	font-size: 11px;
	font-weight: bold;
	color: #000000;
}
span.adresse {
text-align:left
}

.t11b {
	font-size:11px;
	font-weight: bold;
}

a.liens {
	font-size:11px;
	color: #C21740;
	text-decoration: none;
}

a.liens:hover {
	font-weight: bold;
}

.liens-plus {
	font-weight: bold;
}


/*Site Map*/
div#Content_Map {
	width: 100%;
	height: 500px; /* 320 */
}


div#ContentLeft_Map {
	background-color: #ffffff;
	width: 880px;
	height: 385px; /* 290 */
	padding: 15px;
	float: left;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
	opacity: 0.8;
}

div#txt_full {
	font-size: 11px;
	float: left;
	height: 385px;
	width: 100%; /* 485 */
}

a.liens_Map {
font-size:10px;
color: #000000;
text-decoration: none;
}

a.liens_Map:hover {
color: #C21740;
font-weight:bold;
}

a.liens_Map_titre {
font-size:11px;
color: #000000;
text-decoration: none;
font-weight:bold;
}

a.liens_Map_titre:hover {
color: #C21740;
font-weight:bold;
font-size:11px;
}

/*Etudes de cas*/

/*CA*/
.left_CA {
	font-size: 11px;
	float: left;
	height: 200px;
	width: 273px; /* 485 */
	padding-right: 10px;
}

.CA {
	float: right;
	height: 200px;
	width:322px;
}

/*CA*/

div#ContentSubMenu_Cas {
	padding: 40px 20px 0px 0px; /* 40 */
	height: 40px;
	margin-top: 100px;
}

html>body div#ContentSubMenu_Cas {
	margin-top: 80px;
}

div#Content_Cas {
	width: 100%;
	height: 300px; /* 320 */
	border: 1px solid red;
}

div#ContentLeft_Cas {
	background-color: #ffffff;
	width: 605px;
	height: 210px; /* 290 */
	padding: 15px;
	float: left;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
	opacity: 0.8;
}

div#ContentLeft_contain_Cas {
	position: absolute;
	top: 200px; /* 115 */
	left: 20px;
	width: 605px;
	height: 150px; /* 290 */
	padding: 15px;
}

div#ContentLeft_contain_Left_Cas {
	font-size: 11px;
	float: left;
	height: 200px;
	width:280px; /* 485 */
	padding-right: 10px;
}

div#Full_image {
	float: left;
	height: 150px;
	width:100%; /* 485 */
}
div#ContentRightWhite_Cas {
	/*margin-top: 82px;*/
	width: 240px;
	height: 165px; /* 200 290 */
	padding: 30px 20px 20px 0px; /* 15 20 */
	float: right;
}

div#ContentLeft_contain_Right_Cas {
	float: right;
	height: 100%;
	width: 300px;
}

div#txt_New_clients {
	font-size: 11px;
	float: left;
	height: 200px;
	width:340px; /* 485 */
}

div#txt_Only {
	font-size: 11px;
	float: left;
	height: 180px;
	width:100%px; /* 575 */

}

div#Right_New_clients {
	float: right;
	height:141px;
	width: 236px;
}
div#flechesnotxt {
	float: right;
	height:30px;
	width: 100px;
	padding: 189px 0px 0px 0px; /* 15 20 */
}
div#fleches {
	float: right;
	height:30px;
	width: 100px;
}

/*Fin études de cas*/

/*Clients*/

div#ContentSubMenu_Clients {
	padding: 40px 20px 0px 0px; /* 40 */
	height: 40px;
	margin-top: 40px;
}

html>body div#ContentSubMenu_Clients {
	margin-top: 20px;
}

div#ContentLeft_Clients {
	background-color: #ffffff;
	width: 605px;
	height: 270px; /* 290 */
	padding: 15px;
	float: left;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
	opacity: 0.8;
}

div#ContentLeft_contain_Clients {
	position: absolute;
	top: 140px; /* 115 */
	left: 20px;
	width: 605px;
	height: 150px; /* 290 */
	padding: 15px;
}

div#ContentRightWhite_Clients{
	/*margin-top: 82px;*/
	width: 240px;
	height: 165px; /* 200 290 */
	padding: 30px 20px 20px 0px; /* 15 20 */
	float: right;
}

div#ContentLeft_contain_Right_Cas {
	float: right;
	height: 270px;
	width: 300px;
}

/*Clients*/

/*Plan*/

div#ContentSubMenu_Plan {
	padding: 40px 20px 0px 0px; /* 40 */
	height: 40px;
	margin-top: 40px;
}

html>body div#ContentSubMenu_Plan {
	margin-top: 20px;
}


div#ContentLeft_Plan {
	background-color: #ffffff;
	width: 605px;
	height: 260px; /* 290 */
	padding: 15px;
	float: left;
	filter:alpha(opacity=70);
	-moz-opacity:0.8;
	opacity: 0.8;
	border: 1px solid red;
}

div#ContentLeft_contain_Plan {
	position: absolute;
	top: 140px; /* 115 */
	left: 20px;
	width:605px;
	height:270px; /* 290 */
	padding: 15px;
}

div#ContentLeft_contain_Left_Plan {
	font-size: 11px;
	float: left;
	height: 270px;
	width:200px; /* 485 */
	padding-right:10px;
}


div#ContentLeft_contain_Right_Plan {
	height: 267px;
	width: 318px;
	float:right;
}