/* -------------------------------------------- */
/* ---------- main ------------- */
/* -------------------------------------------- */

html,body{
	font-family: 'Open Sans', sans-serif;
	margin:0px;
	padding:0px;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
	color:#6a5b4f;
    height: 100%;
}

a {
    text-decoration: none !important;
}


/*
	==============================================
	menu	==============================
	==============================================
*/

#mainmenu{
	z-index:10;
	font-family:verdana;
	letter-spacing:1px;
	line-height:35px;
	height:100%;
	position:fixed;
	top:0px;
	left:0px;
	text-align:center;
}
#burgermenu{
    -moz-transform: scale(0.5);
    -webkit-transform: scale(0.5);
    transform: scale(0.5); 
}
.menubg{
	background-color:#ffffff;
}
.menutext{
	color:#ffffff;
}

.menuline{
	height:2px;
	background-color:#ffffff;
	width:20px;
}
.menutext .menuline{
	background-color:#ffffff;	
}

.hideleftmenu a{
	opacity:0.5;
}
.hideleftmenu div{
	display:none;
}


.menulist{
	margin-top:1px;
	font-size:14px;
	font-weight:700;
	text-transform: uppercase;
	color:#ffffff;
	background-color:#8b6c42;
	width:180px;
	padding:20px;
	padding-bottom:15px;
	padding-right:0px;
	min-width:220px;
	line-height:16px;
}

.menulist div{
	cursor: pointer;
	padding-bottom:5px;
}
.menulist div:hover{
	padding-left:10px;
}

.menulist div.select{
	text-decoration: underline;
}

/*
.whitebg{
		 background-color: #ffffff;
        -webkit-transition: background-color 200ms linear;
        -moz-transition: background-color 200ms linear;
        -o-transition: background-color 200ms linear;
        -ms-transition: background-color 200ms linear;
        transition: background-color 200ms linear;
}
*/


/*
	==============================================
	home	======================================
	==============================================
*/

.animimg {
    transition: transform 9s;
    transform: scale(1.1);
}
.homepunchline{
	position:absolute;
	top:52px;
	right:45px;
	color:#ffffff;
	font-size:57px;
	font-family:agencyfb_Regular;
}
.homeslidecontent{
	z-index:3;
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.1);
}


/*
	==============================================
	rischette	==============================
	==============================================
*/


.banner{
	background-color:#8b6c42;
	padding:40px;
	color:#ffffff;
	font-size:14px;
	line-height:24px;
	text-align: center;
}

.maxwidth{
	margin:auto;
	width:100%;
	max-width:960px;
}
.maxwidth2{
	margin:auto;
	width:100%;
	max-width:1120px;
}

h1{
	padding-top:40px;
	margin-top:0px;
	margin-bottom:0px;
	color:#996633;
	font-size:36px;
	text-transform:uppercase;
	font-weight: 800;
}
.h1line{
	background-color:#996633;
	height:5px;
	width:35px;
	margin-top:5px;
	margin-bottom:40px;
}

.contentpadding{
	padding-left:10px;
	padding-right:10px;
}

/*	nosvaleurs	============================	*/
.nosvaleurobject{
	min-height:430px;
}
.equipeobject{
	min-height:700px;
}
.w25{
	float:left;
	width:25%;
}

.w_padd{
	position:relative;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:20px;
}

.valeurlayer{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:rgba(255,255,255,0.75);
}

.nosvaleurimgtitle{
	font-size:24px;
	color:#996633;
	font-weight:700;
	text-transform: uppercase;
}

.valeurtitle{
	font-size: 16px;
	color:#000000;
	margin-top:20px;
	margin-bottom:20px;
}
.valeurdesc{
	font-size:13px;
	color:#000000;
}
.valeurline{
	width:100%;
	height:1px;
	background-color:#996633;
}

/*	competences	============================	*/
.droitmenu{
	float:left;
	width:25%;
	color:#ffffff;
	text-transform:uppercase;
	font-size:14px;
	line-height:40px;
}
.droitcontent{
	float:left;
	width:75%;
	color:#ffffff;
	font-size:14px;
	padding-left:100px;
	height:300px;
}
.droitcontent h2{
	text-transform: uppercase;
	color:#ffffff;
	font-size:24px;
	font-weight:700;
	margin-top:-5px;
	margin-bottom:20px;
	padding-top:0px;
}

.droitmenu .selected{
	font-weight:800;
	text-indent: 10px;
/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,000000+100&0+36,0.15+100 */
background: -moz-linear-gradient(left, rgba(125,185,232,0) 0%, rgba(80,118,148,0) 36%, rgba(0,0,0,0.15) 100%); /* FF3.6-15 */
background: -webkit-linear-gradient(left, rgba(125,185,232,0) 0%,rgba(80,118,148,0) 36%,rgba(0,0,0,0.15) 100%); /* Chrome10-25,Safari5.1-6 */
background: linear-gradient(to right, rgba(125,185,232,0) 0%,rgba(80,118,148,0) 36%,rgba(0,0,0,0.15) 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#26000000',GradientType=1 ); /* IE6-9 */
}

.competencesmenu{
	cursor:pointer;
}
.competencesmenu:hover{
	text-indent: 10px;	
}

/*	publication	============================	*/
.publication{
	position: relative;
	background-color: #decdb6;
	color:#ffffff;
	height:220px;
	padding:20px;
	font-size:14px;
	line-height:16px;
}
.pubtitle{
	text-transform: uppercase;
	font-weight:700;
}
.docs{
	background-color: #996633;	
}

/*	equipe	============================	*/

.equipemain{
	float:left;
	width:66.6666666666%;
	height:470px;
	background-color:#996633;
	color:#ffffff;
	padding:20px;
}
.equipename{
	font-size:24px;
	font-weight:700;
	text-transform: uppercase;
}
.equipetitle2{
	font-size:24px;
	color:#996633;
	font-weight:700;
	text-transform: uppercase;
}

/*	contact	============================	*/
#contact-map{
	height:460px;
}

.w33{
	width:33.3333333333%;
	float:left;
}
.contactf{
	text-align: center;
}

.bullet{
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	cursor:pointer;
	margin:3px;
	float:left;
	width:8px;
	height:8px;
	background-color:rgba(255,255,255,0.5);
}

.bullet.select{
	background-color:rgba(139,108,66,0.5);
}