/* --- main ---*/
html{
	font-size: 100%;
	font-family: Arial;
	height: 100%;
}

body{
	font-size: 0.625em;
	background: url("../images/bg_global.png");
	color: #FFF;
	border-top: 1px solid #000;
	height: 100%;
}

a{
	color: #FFF;
	text-decoration: none;
}

h1{
	color: #87c020;
	text-transform: uppercase;
	font-size: 23px;
	margin-bottom: 25px;
	
}

h2{
	text-transform: uppercase;
	font-size: 14px;
	margin-bottom: 10px;
}

h3{
	
	text-transform: uppercase;
	font-size: 17px;
	margin-bottom: 13px;
}

.clClear{
	clear: both;
	border: 0px;
}

.greyBox{
	border-bottom: 1px solid #313030;
	border-top: 1px solid #313030;
	background-color: #1e1d1d;
	padding: 5px;
	text-transform: uppercase;
}

.downloadPDF{
	background : url(../images/pdf-icon.png) no-repeat top left;
	padding-left : 20px;
	line-height: 2.2em;
	display : block;
}


/* --- menu --- */
#mainMenu{
	width: 100%;
	height: 90px;
	position: fixed;
	background: url("../images/bg_global.png") 0 -1px;
	z-index: 12;
	top:-1px;
}
#mainLogo{
	margin: 20px 0 0 30px;
}

#mainLang{
	width: 120px;
	height: 20px;
	position: absolute;
	right: 10px;
	top: 10px;
	font-size: 1.2em;
	border-bottom: 1px dotted #313030;
	text-align: left;
	padding-left: 5px;
}
#mainLang .selected{
	color: #97c821;
}
#mainSearch{
	float:right;
	margin: 50px 10px 0 10px;
}
.mainSearchInput{
	width: 150px;
	font-size: 1.2em;
	color: #292929;
	border: 1px solid #292929;
	padding: 5px;
}
.mainSearchSend{
	width: 30px;
	height: 25px;
	background: url("../images/arrowGreen.gif") center center no-repeat;
	border: none;
	cursor: pointer;
}
#menu li.backLava {
	border-bottom:  3px solid #97c821;

	position: absolute;
}
#mainMenu #menu{
	font: 12px Arial;
	position:absolute;
	/*width:550px;*/
	top:31px;
	/*right: 180px;*/
	right: 210px;
	padding:2px;
	overflow: hidden;
}
#mainMenu #menu li{
	float: left;
	list-style: none;
}
#mainMenu #menu li a{
	display: block;
	padding: 20px 12px;
	text-transform: uppercase;
	text-decoration: none;
	text-align: center;
	z-index: 10;
	display: block;
	position: relative;
	margin: auto 0;	
}


/*
#mainSearch{
	position: absolute;
	right: 10px;
	top: 50px;
}
.mainSearchInput{
	width: 150px;
	font-size: 1.2em;
	color: #292929;
	border: 1px solid #292929;
	padding: 5px;
}
.mainSearchSend{
	width: 30px;
	height: 25px;
	background: url("../images/arrowGreen.gif") center center no-repeat;
	border: none;
	cursor: pointer;
}

#mainMenu ul{
	font-size: 1.2em;
	list-style-type: none;
	position:  absolute;
	right: 220px;
	top: 38px;
}
#mainMenu ul li{
	float: left;
}
#mainMenu ul li a{
	display: block;
	padding: 18px 20px;
	text-transform: uppercase;
}
#mainMenu ul li a.over{
	border-bottom:  3px solid #97c821;
}
#mainMenu ul li a:hover{
	border-bottom:  3px solid #97c821;
} */
/* --- Make Your Choice --- */
#makeYourChoice{
	width: 100%;
	background: #1e1d1d;
	border-bottom: 1px solid #313030;
	border-top: 1px solid #313030;
	margin-top: 90px;
	padding: 10px 0;
	position: fixed;
	filter : alpha(opacity=1);
    opacity : 1;
    z-index: 11;
    top: -1px;
}
#arrowMYC{
	padding: 15px;
	background: url("../images/arrowGreen.gif") center 10px no-repeat;
}
#titleMYC{
	color: #FFF;
	font-size: 1.2em;
	padding: 0 10px;
}
#subMYC{
	z-index: 100;
}
#subMYC a{
	margin: 0 10px;
	font-size: 1.1em;
	padding: 7px 0;
	text-transform: uppercase;
}
#subMYC a:hover{
	border-bottom:  2px solid #97c821;
}
#subMYC a.subOver{
	border-bottom:  2px solid #97c821;
}
#makeYourChoice ul{
	margin: 20px;
	list-style-type: none;
	width: 200px;
}

#makeYourChoice ul li a{
	padding: 5px;
	display: block;
	font-size: 1.1em;
}
#makeYourChoice ul li a:hover{
	background: #595959;
}

/* --- content ---*/
#content{
	background: #000;
	padding-top: 80px;
	padding-bottom: 20px;
	margin-top: 100px;
	background: #000 url(../images/image_fond_polygone.jpg) no-repeat 980px 0px;
	min-height: 60%;
	z-index: 10;
	min-width: 1000px;
	
}

.simpleColumn{
	margin-left: 188px;		
}

.simpleColumn:after{
	content: ".";
	display: block;
	clear: both;
	height: 0px;
	visibility: hidden;
}

#content p,#content li,#content div{
	font-size: 13px;
	line-height: 18px;
}

#content .contentImg{
	float: left;
	margin-left: 20px;
}

.contentText{
	width: 400px;
	float: left;
}

/* --- Accueil --- */
#campagneAccueil{
	float: left;
	width: 520px;
	height: 300px;
}
#campagneAccueil li{
	float: left;
	margin: 5px;
}
.accueilInfo{
	width: 200px;
	height: 250px;
	float:  left;
	background:  #1d1d1d;
	position:  relative;
	border-top: 1px solid #303030;
	border-bottom:  1px solid #303030;
}
.accueilInfo h2,.accueilInfo h3,.accueilInfo .textGris{
	text-transform: uppercase;
	font-weight: normal;
}
.accueilInfo h2{
	font-size:  1.2em;
	margin-bottom:  0;
	padding: 10px 10px 0 10px;
}
.accueilInfo h3{
	font-size:  1em;
	padding: 5px 10px 10px 10px;

	border-bottom: 1px solid #303030;
}
.accueilInfo .textGris, .accueilInfo h3{
	color:  #525252;
}
.accueilInfo .textGris,.accueilInfo .textBlanc{
	padding: 0 10px;
}
.accueilInfo .linkCampagne{
	position:  absolute;
	bottom: 0;
	border-top:  1px solid #303030;
	width: 200px;
	padding: 10px 0 10px 0;
	text-align: right;
	text-transform: uppercase;
	font-size:  1em;
	background:  url("../images/arrowRight.jpg") no-repeat 180px center;
}
.accueilInfo .linkCampagne a{
	padding-right: 30px;
	color:  #525252;
}
.separationAccueil{
	width: 710px;
	margin:  0 0 10px 0;
	text-align: right;
	text-transform: uppercase;
	background:  url("../images/arrowRight.jpg") no-repeat 700px center #1d1d1d;
}
.separationAccueil a{
	padding-right: 20px;
}
.separationSimple{
	width: 800px;
	margin:  20px 0 10px 188px;
	text-align: right;
	text-transform: uppercase;
	background:  url("../images/arrowRight.jpg") no-repeat 790px center #1d1d1d;
}
.separationSimple a{
	padding-right: 20px;
}
.separationSimplePhilo{
	width: 600px;
	margin:  20px 0 30px 188px;
	text-align: right;
	text-transform: uppercase;
	background:  url("../images/arrowRight.jpg") no-repeat 590px center #1d1d1d;
}
.separationSimplePhilo a{
	padding-right: 20px;
}



/* --- Réalisations --- */
.yourChoice{
	float:left;
	width: 168px;
	padding-left: 10px;
	padding-right: 10px;
}

.yourChoice li a{
	
	font-size: 14px;
	color: #959494;
	line-height: 16px;
}

.yourChoice li{
	margin-bottom: 11px;
	padding-left: 20px;
	}

.yourChoice .titre{
	font-size: 14px;
	background:  #000 url(../images/bg_left_titre.png) no-repeat top left;
	text-transform: uppercase;	
	padding-left: 20px;
	margin-bottom: 10px;
}
#content .yourChoice .sousTitre{
	font-size: 12px;
	text-transform: uppercase;	
	padding-left: 20px;
	margin-bottom: 24px;
	color:  #87C020;
}

.dualColumn{
	float:left;
	padding-left: 40px;
	border-left: 1px dotted #313030;
	padding-bottom: 10px;
	width: 635px;
}

.dualColumn a {
	display: block;
	
	/*background: #595959;*/
}

.dualColumn a:hover {
	
}

.camp{
	padding: 0px 0px 18px;
	margin-bottom: 15px;
	border-bottom: 1px dotted #303030 ;
	clear: left;
	background: url('../images/moreInfo.jpg') no-repeat 620px 0px;
}

.camp a img{
	float: left;
	padding-right: 22px;
	}

.camp p{
	
	line-height: 17px;
	margin-left: 120px;
}
.dualHeader{
	border-bottom: 1px dotted #303030;
	padding-bottom: 15px;
}
#dualChoix{
	border-bottom: 1px dotted #303030;
	
	padding: 10px 0;
}
#dualImage{
	padding-top: 15px;
	position: relative;
	/*overflow:hidden;*/
}
.campThumb{
	float: left;
	width: 100px;
}
.campInfo{
	float: left;
	width: 500px;
	color:  #919191;
}

.campInfo span; .campInfo strong{
color:#86AB0E;	
}
.campInfo a{
	display: inline;
}
.campInfoMaj{
	text-transform: uppercase;
}
.campInfoBlanc{
	color:  #FFF;
}
#listeExp{
	width: 200px;
	border: 1px solid #303030;
	background: #1d1d1d;
	color: #fff;
	float: left;
}
.expSeul{
	width: 200px;
	border: 1px solid #303030;
	background: #1d1d1d;
	color: #fff;
	float: left;
	padding-left:3px;
	font-size: 12px;
}
#listeExp > option:hover{
	background: #FFF;
}
.hideME{
	display: none;
	position: absolute;
}
.hideME > ul > li{
	display: none;
	position: absolute;
	width: 640px;
	left: 0;
	top: 0;
}
.hideME > ul > li > a > img{
	position: relative;
	margin : 0 120px;
	width: 400px;
}
.hideME > ul > li > object{
	position: relative;
	margin : 0 50px;
}

#navImg{
	float: right;
}
#navImg span{
	padding : 2px 5px;
	margin:  0 5px;
	cursor: pointer;
	background: #303030;
	border-right: 1px solid #606060;
}
#navImg span:hover,#navImg span.over{
	border-bottom: 2px solid #87C020;
	background: #111;
}

/* --- footer --- */
#mainFooter{
	height: 77px;
	line-height:77px;
	clear: left;
}

#partners{
	float: right;
	margin-right: 15px;
	vertical-align: middle;
	height: 30px;
}

#partners li{
	float: left;
	margin-right: 20px;
	margin-top: 15px;
	
}

#footer_menu{
	margin-top: 10px;
	margin-left: 20px;
	float: left;
}

#footer_menu li{
	
	float: left;
	margin-right: 10px;
	font-size: 10px;
	text-transform: uppercase;
}

/* --- PEOPLE --- */
.contactInfo{
	 width: 230px;
	 float:left;
	
	 height: 260px;
}

.contactInvest{
	margin : 10px 0px;
	width : 260px;	
}
.contactInfo h2{
	padding: 10px;
}

.nav_prev,.nav_next{
	text-indent: -10000px;
	display: block;	
}

.nav_prev{
	background:  url(../images/prev.png) no-repeat center center;
}

.nav_next{
	background:  url(../images/next.png) no-repeat center center;
}

.contactImg{
	float:left;
}

#thumb {
	width:600px;
	margin: 20px 0 0 70px;
	
}						

#thumb > li {
	float:left;
	height: 90px;
} 

.contentSlideshow{
	width:720px;
	height: 290px;
	overflow: hidden;
	border-top:  1px dotted #313030;	
	margin: 20px 0 0 240px;
	padding-top:10px;
	
}

.contactMail{
	padding: 5px;	
	bottom: 5px;
	text-align: center;
	position: absolute;
	width: 230px;
}

/* PRESSE */
#thumbPresse{
	width: 700px;
}

#thumbPresse li{
	float: left;
	margin: 3px;
	height: 91px;
	width: 91px;	
}


/* CONTACT */

.contactHeader{
	margin-bottom: 20px;
	border-bottom:  1px dotted #313030;
	padding-bottom: 30px;
}

.contactHeader h3{
	font-size: 13px;
	padding-bottom: 5px;
	margin-left: 135px;
}

.contactHeader .contactAdresse{
	margin-left: 135px;
	
}

.separationBasGauche{
	text-transform: uppercase;
	margin-bottom: 25px;
	margin-top: 15px;
	
}

.contactThumb li{
	float: left;
	margin-right: 50px;
}
.contactThumb li a{
	filter : alpha(opacity=30);
	-moz-opacity : 0.3;
	opacity : 0.3; 
}
.contactThumb li a:hover{
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1; 
}



.contactGooglemap{
	padding-left:20px;
	padding-left:134px;
	clear:both;
	margin-top:10px;
}

/* CLIENTS */

.clientThumb{
	width: 570px;
	margin-left: 70px;
}

.clientThumb #thumb{
	

}

.cThumb #thumb{
	

}

.clientThumb #thumb li{
	
	margin: 10px;
}

.clientImg,.clientInfo{
	float: left;
	
}

.clientImg{
	width: 400px;
}

.clientInfo{
	
	width: 260px;
	
}
.clientCampagne{
	text-align: right;
	padding-right:  30px;
	background:  url("../images/arrowRight.jpg") no-repeat 240px center #1d1d1d;
}

/* --- interview --- */
.interH2{
	border-bottom:  1px dotted #303030;
	padding: 30px 0 10px 0;
}
.interThumb{
	margin-left: 20px;
}
.interThumb li{
	margin: 5px;
	float: left;
}
.interVideo{
	margin-left: 45px;
	z-index: 1;
}
.interVideo object{
	z-index: 2;
}
.interDesc{
	float: left;
}
.imgInter{
	float: left;
	width: 100px;
}
.interFonce{
	filter : alpha(opacity=30);
	-moz-opacity : 0.3;
	opacity : 0.3; 
}
.interFonce:hover{
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1; 
}
#slideShow-slide{
	overflow: hidden; width: 660px; height: 290px; float: left;
}

.camp a{
 
}
.camp a:hover{
	filter : alpha(opacity=80);
	-moz-opacity : 0.8;
	opacity : 0.8; 
}
.goTop a{
	float: right;
	text-transform: lowercase;
	color: #444;
	font-size: 12px;
}
.goTop a:hover{
	color: #FFF;
}
.separationRealisation{
	background: url("../images/arrowLeft.jpg") no-repeat #1d1d1d 10px center;
}
.separationRealisation a{
	padding-left: 30px;
}
.bureauThumb{
	margin-left: 22px;
}
.bureauThumb #thumb li{
	padding-right: 10px;
}
.bureauThumb #thumb li a img{
	width: 74px;
}
#slideShow .contactInfo .contactMail{
	font-size: 11px;
}
.noJava{
	width: 600px;
	margin-left: 180px;
	border-bottom: 1px dotted #303030;
	padding-bottom: 10px;
}
.noJava li a{
	padding: 10px 0 10px 30px;
	background: url('../images/moreInfo.jpg') no-repeat left center;
	display:block;
}
.noJava li a:hover{
	background: url('../images/moreInfo.jpg') no-repeat left center #090909;
}
#content .noJava .titre{
	color: #97C821;
	font-size: 18px;
	border-bottom: 1px dotted #303030;
	padding: 10px 0;
	margin-bottom: 10px;
}
.tableTd{
	vertical-align: top;
}

/* --- search --- */

.searchTitle{

}
.searchMain{
	width: 700px;
	margin: 20px 0;

}
.searchMain li{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #303030;	
}
.searchMain a{
	background: url('../images/moreInfo.jpg') no-repeat right top;
	display:block;
	padding: 5px 0;
	filter : alpha(opacity=50);
	-moz-opacity : 0.5;
	opacity : 0.5; 
}
.searchMain a:hover{
	background: url('../images/moreInfo.jpg') no-repeat right top;
	display:block;
	padding: 5px 0;
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1; 
}
.searchMain li img{
	float: left;
}
.searchMain li div{
	float: left;
	margin-left: 20px;
	width: 590px;
}
.searchMain li h2{
	margin-bottom: 0px;
}
.searchMain .liClear{
	clear:both;
	font-size:1px;
	border:0px;
}

.searchMainSmall{
	margin: 0 0 10px 0;
	color: #919191;
}
.searchMainSmall p{
	font-size:11px;
}
.searchMainSmall li{
	padding-bottom: 10px;
	margin-bottom: 20px;
	border-bottom: 1px dotted #303030;	
}
.searchMainSmall a{
	background: url('../images/moreInfo.jpg') no-repeat right top;
	display:block;
	padding: 5px 0;
	filter : alpha(opacity=50);
	-moz-opacity : 0.5;
	opacity : 0.5; 
}
.searchMainSmall a:hover{
	background: url('../images/moreInfo.jpg') no-repeat right top;
	display:block;
	padding: 5px 0;
	filter : alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1; 
}
.searchMainSmall li img{
	float: left;
}
.searchMainSmall li div{
	float: left;
	margin-left: 10px;
}
.searchMainSmall li h2{
	margin-bottom: 0px;
}
.searchMainSmall .liClear{
	clear:both;
	font-size:1px;
	border:0px;
}
#theSearch_search{
	background: #000;

}
.simpleColumn #theInfo .descHome p{
font-size: 11px;
line-height: 13px;
text-align:left;
margin-top: 5px;
}
.simpleColumn #theInfo .descHome span{
margin-bottom: 3px;
}
.simpleColumn #theInfo .descHome {
padding:5px;
display:block;
}

#content #accueilDesc{
	width: 700px;
	margin-bottom: 10px;
	
}
#content #accueilDesc p{
	font-size: 12px;
	text-align: left;
	color: #919191;
	
}
.putOnLeft{
	position: absolute;
	left:0;
	width : 178px;
}

/* NEW */
#content .accueilLeft{
	width: 350px;
	float:left;
	margin-right: 40px;
	padding-right: 40px;
	border-right: 1px dotted #666;
}
#content .accueilRight{
	width: 350px;
	float:left;


}
#content #new_accueilDesc{
	width: 350px;
	margin-bottom: 10px;

}

.simpleColumnAccueil{
	margin-left: 100px;		
}
.simpleColumnAccueil h1{

}

.simpleColumnAccueil h2{
	border-bottom: 1px dotted #666;
	padding-bottom: 10px;
	margin-bottom: 20px;
	width:730px;
	margin-top: 40px;

}

#new_campagneAccueil{
	width: 350px;
	height: 230px;

}
#new_campagneAccueil li{
	float: left;
	margin: 5px;
}
#new_campagneAccueil li a,#new_campagneAccueil li a img{
	padding: 0;
	margin:0;
	display:block;

}
#new_campagneAccueil li a{
	border-bottom: 3px solid #000;
}
#new_campagneAccueil li a:hover{
	border-bottom: 3px solid #87c020;
}

#thumbAccueil li{
	float:left;
	display:block;
	width: 91px;
	text-align:center;
}
.greyBoxAccueil{
	text-align:right;
	background: url("../images/arrowRight.jpg") no-repeat 330px center #1d1d1d;
	margin: 20px 0;
}
.greyBoxAccueil a{
	padding-right: 20px;
}
.greyBoxClients{
	text-align:right;
	background: url("../images/arrowRight.jpg") no-repeat 720px center #1d1d1d;
	margin: 20px 0;
	width: 730px;
}
.greyBoxClients a{
	padding-right: 20px;
}

/* CONTACT FORM */
#contact-form {
	float:right;
	width:500px;
}

#contact-form p {
	margin:10px 0;
	clear:both;
}

#contact-form p.left {
	float:left;
	width:200px;
	clear:none;
}

#contact-form p.error {
	color:#f16060;
}

#contact-form p label {
	display:block;
	line-height:22px;
	font-weight:bold;
	color:#959494;
}

#contact-form .text {
	background:#000;
	border:1px dotted #313030;
	/*-webkit-border-radius:5px;
	-moz-border-radius:5px;
	border-radius:5px;*/
	opacity:0.9;
	padding:3px;
	color:#fff;
	font-family:Arial, Helvetica, sans-serif;
	width:170px;
	outline:none;
}

#contact-form p.error .text {
	border-color:#f16060;
}

#contact-form p .text:focus {
	border-color:#97C821;
}

#contact-form p textarea.text {
	width:480px;
	height:80px;
	font-size:0.84em;
	font-family:Arial, Helvetica, sans-serif;
}

#contact-form p.submit {
	padding-bottom:30px;
}

#contact-form button.submit {
	border:none;
	font-weight:bold;
	color:#fff;
	background:url("../images/arrowGreen.gif") no-repeat right center;
	padding:0 24px 0 0;
	height:30px;
	line-height:30px;
	text-transform:uppercase;
	font-size:0.9em;
	cursor:pointer;
}

#contact-form button.submit:hover {
	padding-right:32px;
}

.clear {
	clear:both;
}