/***************** Début du design */

::selection{
	color : white;
	background-color : #333;
}

::-moz-selection{
	color : white;
	background-color : #333;
}

::-webkit-selection{
	color : white;
	background-color : #333;
}

html{
	-webkit-font-smoothing: antialiased;
	width : 100%;
	height : 100%;
}

body{
	width : 100%;
	height : 100%;
	background : #fff;
	font-family : 'DIN', Arial, Verdana, sans-serif;
	font-size : 12px;
	color : #000;
	position : relative;
	
}

#wrapAll{
}


/**************************************************
********************* HEADER
**************************************************/
header{
	min-width : 1100px;
	background : url('../img/global/background_header.jpg') no-repeat top center #2d1609;
}

#header{
	width : 1080px;
	height : 141px;
	padding : 38px 10px 0 10px;
	margin : auto;
	position : relative;
}

#header_text{
	color : #9f9391;
	font-size : 23px;
	text-align : center;
	position  : absolute;
	top : 72px;
	right : 30px;
}

/**************************************************
********************* MENU
**************************************************/
nav{
	position : relative;
	z-index : 2;
}

#nav{
	width : 1100px;
	margin : auto;
}

#nav > ul > li > a, #nav > ul > li > p{
	display : block;
	width : 123px;
	height : 30px;
	padding : 6px 0 0 55px;
	background : url('../img/global/menu.png') no-repeat top left;
	font-family : 'DIN_Light', Arial, sans-serif;
	color : #361e12;
	font-size : 20px;
	line-height : 20px;
}

#nav > ul > li > p{
	cursor : default;
}

#nav > ul > li > a:hover, #nav > ul > li > p:hover{
	background-position : 0 -36px;
}

#nav > ul > li.highlightMenu > a, #nav > ul > li.highlightMenu > p{
	background-position : 0 -36px;
}

/**************************************************
********************* UNDER MENU
**************************************************/
#nav .children{
	background : #e6e7e8;
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
	position : absolute;
	width : 100%;
}

#nav .children li{
	font-size : 17px;
	text-align : center;
	border-top : 2px solid #fff;
}

#nav .children li:first-child{
	border : none;
}

#nav .children li a{
	display : block;
	padding : 5px 0 5px 45px;
	color : #361e12;
	background : url('../img/global/list_undermenu_normal.jpg') no-repeat left center #e6e7e8;
	background-position : 17px 50%;
	text-align : left;
}

#nav .children li a:hover{
	background : url('../img/global/list_undermenu_hover.jpg') no-repeat left center #62300f;
	background-position : 17px 50%;
	color : #e6e7e8;
}

#nav .children .end a{
	-webkit-border-bottom-right-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-moz-border-radius-bottomright: 5px;
	-moz-border-radius-bottomleft: 5px;
	border-bottom-right-radius: 5px;
	border-bottom-left-radius: 5px;
}

/**************************************************
********************* CONTENT
**************************************************/
#content{
	width : 1080px;
	padding : 0 10px;
	margin : auto;
	height : 620px;
	font-family : 'DIN_Alternate_Light', Arial, sans-serif;
	font-size : 15px;
	color : #6d6e70;
}

#content h1{
	color : #8D7E74;
	font-size : 29px;
	font-family : 'DIN'; Arial, sans-serif;
}

#content h2{
	color : #361E12;
	font-size : 15px;
	font-family : 'DIN'; Arial, sans-serif;
	font-weight : normal;
	margin : 0 0 8px 0;
}

#content p, #content li{
	line-height : 20px;
}

#content ul li{
	list-style-image : url('../img/global/list.jpg');
}

#content .leftColumn{
	float : left;
	text-align : justify;
}

#content .rightColumn{
	float : right;
	width : 380px;
	text-align : justify;
	margin : 0 125px 0 0;
}

#content .contentType1{
	padding : 115px 10px 0 10px;
	position : relative;
}

#content .contentType1 .wrapLeftColumn{
	width : 320px;
	margin : 32px 0 0 160px;	
}

#content .contentType1 h1{
	margin : 0 0 0 40px;
}


#content .contentType1 .design{
	position : absolute;
	top : 60px;
	left : -305px;
	width : 1392px;
	height : 468px;
	background : url('../img/global/deontologie.jpg') no-repeat top left;
	z-index : -1;
}

#content .contentType1 .design1{
	position : absolute;
	top : 60px;
	right : 78px;
	width : 913px;
	height : 500px;
	background : url('../img/global/equipe.jpg') no-repeat top left;
	z-index : -1;
}

#content .contentType1 .design2{
	position : absolute;
	top : 60px;
	left : -66px;
	width : 1152px;
	height : 467px;
	background : url('../img/global/partners.jpg') no-repeat top left;
	z-index : -1;
}

#content .contentType1 .design3{
	position : absolute;
	top : 60px;
	left : 0px;
	width : 1095px;
	height : 493px;
	background : url('../img/global/entreprises.jpg') no-repeat top left;
	z-index : -1;
}

#content .contentType1 .design4{
	position : absolute;
	top : 100px;
	left : -28px;
	width : 1117px;
	height : 390px;
	background : url('../img/global/particuliers.jpg') no-repeat top left;
	z-index : -1;
}

#content .contentType1 .design5{
	position : absolute;
	top : 140px;
	left : -210px;
	width : 1223px;
	height : 439px;
	background : url('../img/global/lesplus.jpg') no-repeat top left;
	z-index : -1;
}

#content .contentType1 .design6{
	position : absolute;
	top : 165px;
	left : 100px;
	width : 893px;
	height : 367px;
	background : url('../img/global/ethique.jpg') no-repeat top left;
	z-index : -1;
}

#content .contentType1 .design7{
	position : absolute;
	top : 75px;
	left : -10px;
	width : 1056px;
	height : 424px;
	background : url('../img/global/actu.jpg') no-repeat top left;
	z-index : -1;
}

#content .rightColumn.partners{
	text-align : left;
	width : 440px;
}

#content .partners ul{
	margin : 60px 0 0 0;
}

#content .partners ul:first-child{
	margin : 0;
}

#content .partners ul li{
	list-style : none;
	margin : 0 0 0 60px;
}

#content .partners ul li:first-child{
	margin : 0;
}

#content.partners p{
	line-height : 25px;
}

#content .plus{
	font-size : 43px;
	font-family : 'DIN_Alternate_Medium', Arial, sans-serif;
	
}


/**************************************************
********************* CONTACT
**************************************************/

#contactContent ul{
	text-align:center;
	list-style:none;
	position:absolute;
	height:100px;
	width:100%;
	top:50%;
	margin-top:-50px;
}
#wrapContactContent{
	height:100%;
}
#contactContent{
	height:100%;
	position:relative;
}
#contactContent ul li{
	list-style-image:none;
}

/**************************************************
********************* FOOTER
**************************************************/
footer{
	min-width : 1100px;
	border-top : 1px solid #8D7E74;
}

#footer{
	width : 1100px;
	padding : 8px 0 15px 0;
	margin : auto;
	position : relative;
}

#footer .links ul{
	text-align : center;
}

#footer .links ul li{
	vertical-align : middle;
	margin : 0 0 0 15px;
	font-size : 12px;
}

#footer .links ul li:first-child{
	margin : 0;
}

#footer .links ul li a{
	font-family: 'DIN_Alternate_Light', Arial, sans-serif;
	color : #6D6E70;
}


#footer .buttons{
	position : absolute;
	top : -90px;
	right : 60px;
}

#footer .buttons ul li{
	margin : 0 0 0 60px;
}

#footer .buttons ul li:first-child{
	margin : 0;
}

#footer .buttons ul li a{
	display : block;
	width : 113px;
	height : 55px;
	padding : 9px 11px 0 0;
	background : url('../img/global/bouton_acces.png') no-repeat top left;
	color : #26A9E0;
	font-size : 18px;
	text-align : center;
	font-weight : normal;
	font-family: 'DIN_Alternate_Light', Arial, sans-serif;
	line-height : 18px;
}