/*html {height:100%;}*/
.mobile, .mobile_portfolio {display:none;}
.screen {display:block;height:100%;}
body,#body-modulo  {background:#efefef;height:100%;margin:0px;padding:0px;min-height:100%;}
#back { background:url(../images/layout/bg.jpg) 0px  250px repeat-x;min-height:100%;margin: 0 auto -58px;}
#back2 { background: url(../images/layout/bg-head.png) 50% 0% no-repeat;margin:0px;padding:0px;min-height:100%;}
#back3 {min-height: 100%;height: auto !important;height: 100%;}
* {outline:none;}
#conteneur {width:988px; margin:0 auto; padding: 0 auto;min-height: 100%;}
#conteneur-pp, .push {	height: 38px;/* .push must be the same height as .footer */}

/*.adresse {background:url(../images/layout/adresseweb.png) 187px 0 no-repeat;}
.info {background:url(../images/layout/info.png) 234px 0 no-repeat;}
.version {background:url(../images/layout/version.png) 143px 0 no-repeat;}
*/
#entete {background:url(../images/layout/banniere.jpg) 0% 35px no-repeat;height:248px;overflow:hidden;}
#entete.main {background:url(../images/layout/banniere.jpg) 0% 35px no-repeat; }
#entete.monsieur {background:url(../images/layout/banniere-monsieur.jpg) 0% 35px no-repeat; }
#entete.portable {background:url(../images/layout/banniere-portable.jpg) 0% 35px no-repeat; }


#preload {display:none;}

#logo {width:344px;float:left;margin-top:1px;}
#logo a:hover{width:344px;*clear:both;}
#logo a {height:129px; width:344px; background-image:url(../images/layout/logo_vision3w.png); display:block;}


#logo h1 {text-indent:-1000000px;}

#infoHead {float:right; width:644px; position:relative;}

#support_box {
	position:absolute;
	right:25px;
	top: 3px;
	width: 260px;
	background: rgb(20,23,23); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(20,23,23,1) 0%, rgba(20,23,23,1) 49%, rgba(29,39,40,1) 51%, rgba(20,23,23,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(20,23,23,1)), color-stop(49%,rgba(20,23,23,1)), color-stop(51%,rgba(29,39,40,1)), color-stop(100%,rgba(20,23,23,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(20,23,23,1) 0%,rgba(20,23,23,1) 49%,rgba(29,39,40,1) 51%,rgba(20,23,23,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(20,23,23,1) 0%,rgba(20,23,23,1) 49%,rgba(29,39,40,1) 51%,rgba(20,23,23,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(20,23,23,1) 0%,rgba(20,23,23,1) 49%,rgba(29,39,40,1) 51%,rgba(20,23,23,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(20,23,23,1) 0%,rgba(20,23,23,1) 49%,rgba(29,39,40,1) 51%,rgba(20,23,23,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141717', endColorstr='#141717',GradientType=0 ); /* IE6-9 */
	-webkit-border-radius: 2px;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#support_box p {
	color: #b5c9cf;
	font-family:"Play",Arial, serif;
	font-size: 13px;
	padding: 6px 8px;
	float:left;
}
#support_box a {
	display:block;
	float:left;
	margin: 4px 0;	
	padding: 0px 8px 0 9px;
	border-left: 1px solid #556669;
	border-right: 1px solid #000000;
}
#support_box a:hover {	
}
#support_box a.first {
	border-left: none;
}
/*#connexion {display:block;float:left;width:380px; padding-top:7px; margin-left:40px;}

#connexion_slide {
	float:right;
 	position: relative;
	overflow: hidden;
	height: 30px;
	width: 280px;
	font-size:10px;
}
#connexion_slide #connexion_form {
  position: absolute;
  right: -280px;
  top: 0;
}
#connexion_slide #connexion_form input {
	width:100px;
	height: 20px;
	color: #666;
	margin-right: 10px;
}

#connexion #connect_link {float: right;}

#connexion #connect_link input[type=button], input[type=submit] {
	display: block;
	background: rgb(84,94,94); 
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4MyUiIHN0b3AtY29sb3I9IiM1NDVlNWUiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjMzIzYTNhIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top, rgba(84,94,94,1) 83%, rgba(50,58,58,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(83%,rgba(84,94,94,1)), color-stop(100%,rgba(50,58,58,1)));
	background: -webkit-linear-gradient(top, rgba(84,94,94,1) 83%,rgba(50,58,58,1) 100%);
	background: -o-linear-gradient(top, rgba(84,94,94,1) 83%,rgba(50,58,58,1) 100%);
	background: -ms-linear-gradient(top, rgba(84,94,94,1) 83%,rgba(50,58,58,1) 100%);
	background: linear-gradient(top, rgba(84,94,94,1) 83%,rgba(50,58,58,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#545e5e', endColorstr='#323a3a',GradientType=0 );
	padding: 3px 8px 19px 8px;
	border: 0;
	text-decoration:none;
	color:#FFF;
	-moz-border-radius: 2px;
	border-radius: 2px;
}
#connexion #connect_link a {
	display:block;
	background: #545e5e;
	padding: 3px 8px 3px 8px;
	border: 0;
	text-decoration:none;
	color:#FFF;
}
#connexion #connect_link a:hover {
	background: #626c6d;
}
#connexion #connect_link input[type=button]:hover, input[type=submit]:hover {
	background: rgb(98,108,109);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSI4NCUiIHN0b3AtY29sb3I9IiM2MjZjNmQiIHN0b3Atb3BhY2l0eT0iMSIvPgogICAgPHN0b3Agb2Zmc2V0PSIxMDAlIiBzdG9wLWNvbG9yPSIjNDQ0ZDRmIiBzdG9wLW9wYWNpdHk9IjEiLz4KICA8L2xpbmVhckdyYWRpZW50PgogIDxyZWN0IHg9IjAiIHk9IjAiIHdpZHRoPSIxIiBoZWlnaHQ9IjEiIGZpbGw9InVybCgjZ3JhZC11Y2dnLWdlbmVyYXRlZCkiIC8+Cjwvc3ZnPg==);
	background: -moz-linear-gradient(top,  rgba(98,108,109,1) 84%, rgba(68,77,79,1) 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(84%,rgba(98,108,109,1)), color-stop(100%,rgba(68,77,79,1)));
	background: -webkit-linear-gradient(top,  rgba(98,108,109,1) 84%,rgba(68,77,79,1) 100%);
	background: -o-linear-gradient(top,  rgba(98,108,109,1) 84%,rgba(68,77,79,1) 100%);
	background: -ms-linear-gradient(top,  rgba(98,108,109,1) 84%,rgba(68,77,79,1) 100%);
	background: linear-gradient(top,  rgba(98,108,109,1) 84%,rgba(68,77,79,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#626c6d', endColorstr='#444d4f',GradientType=0 );
	-moz-box-shadow: 0px 1px 2px #888;
	-webkit-box-shadow: 0px 1px 2px #888;
	box-shadow: 0px 1px 2px #888;
}
#connexion #connect_link input[type=button]:active, input[type=submit]:active {
	background: rgb(68,77,79);
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0NGQ0ZiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjE2JSIgc3RvcC1jb2xvcj0iIzYyNmM2ZCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);
	background: -moz-linear-gradient(top,  rgba(68,77,79,1) 0%, rgba(98,108,109,1) 16%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(68,77,79,1)), color-stop(16%,rgba(98,108,109,1)));
	background: -webkit-linear-gradient(top,  rgba(68,77,79,1) 0%,rgba(98,108,109,1) 16%);
	background: -o-linear-gradient(top,  rgba(68,77,79,1) 0%,rgba(98,108,109,1) 16%);
	background: -ms-linear-gradient(top,  rgba(68,77,79,1) 0%,rgba(98,108,109,1) 16%);
	background: linear-gradient(top,  rgba(68,77,79,1) 0%,rgba(98,108,109,1) 16%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#444d4f', endColorstr='#626c6d',GradientType=0 );
	-moz-box-shadow: 0px 0px 0px #888;
	-webkit-box-shadow: 0px 0px 0px #888;
	box-shadow: 0px 0px 0px #888;
}*/

#accueil {display:block;float:left;width:35px; padding-top:10px; margin-left:10px;}

#email {display:block;float:left;width:94px; padding-top:10px; margin-right:30px;}

#rss {display:block;float:left;width:20px;padding-top:5px;}

.stabilisateur.sep {height:0px;}

#corp {background:url(../images/layout/shadow_top.png) 0px 0px no-repeat;}

#imageRotation1 { width:695px;padding:0px;height:275px;margin:0px;overflow:hidden;display:block;padding-top:0px;border:1px solid #efefef; border-radius:10px;box-shadow: 1px 1px 10px #999999;}

#splash {margin:0px;padding:0px;padding-top:10px;position:relative;width:972px;padding-top:20px;}
.ecriture { width:208px; height:300px; margin-left:0px;float:left;margin-right:35px;}
#splash img {border:none;}
.ecriture {position:relative; padding:10px;background:url(../images/layout/ecriture.png) no-repeat;}
.ecriture h1 {font-family:"Play",Arial, serif; font-size:24px; color:#333333; text-shadow:0px 1px 0px #ffffff;}
.ecriture .lienSuite {position:absolute; bottom:50px; left:-5px; background:url(../images/layout/suiteAcc.png); width:228px; height:41px;}
.ecriture .lienSuite a {font-family:"Play",Arial, serif;color:#ffffff; text-shadow:0px 1px 0px #333333; text-align:right; font-size:14px; font-weight:bold; text-decoration:none;display:block;padding-right:20px;padding-top:3px;}
.ecriture .paragraphe p {font-size:14px;letter-spacing:-0.2px; line-height:18px;}
.nouvelle {clear:both; margin-top:0px; margin-left:0px;background:url(../images/layout/accNews.png) -10px 0px; width:990px; height:236px; overflow:hidden; display:block;margin-bottom:20px;}
.nouvelle .news {position:relative;float:left; padding:20px;width:190px;margin-left:6px; float:left;height:220px;}
.nouvelle .news h2 {font-family:"Play",Arial, serif; font-size:18px; color:#333333; text-shadow:0px 1px 0px #ffffff;padding:0px;margin:0px;padding-top:20px;}
.nouvelle .news .lienSuite a {background:url(../images/layout/savoirplus.png) no-repeat; width:84px; height:20px; display:block;position:absolute; right:10px; bottom:35px;}
#contCarre {position:absolute; right:-5px; top:-20px;}
/*#mural {
	padding: 13px;
	clear: both;
	margin-top: 15px;
	background: url(../images/layout/encadrer-mural.png);
	width: 362px;
	height: 142px;
	float: left;
	margin-right: 18px;
	margin-left: 3px;
	}*/
#mural {padding:13px; margin-top:15px; border: 1px solid #ecebeb; width:300px; height:142px;float:left;margin-right:0px;margin-left:3px;}
#mural img {border:none;}
#login {padding:23px 50px; margin-top:15px; border: 1px solid #ecebeb; width:215px; height:122px;float:left;margin-right:0px;margin-left:3px;}
#login h3 {
	font-family:"Play",Arial, serif;
	font-size:14px;
	color: #303938;
	margin-bottom: 10px;	
}
#login input[type=text], #login input[type=password]{
	background: rgb(48,56,57); /* Old browsers */
	background: -moz-linear-gradient(top,  rgba(48,56,57,1) 77%, rgba(29,39,40,1) 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(77%,rgba(48,56,57,1)), color-stop(100%,rgba(29,39,40,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(48,56,57,1) 77%,rgba(29,39,40,1) 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(48,56,57,1) 77%,rgba(29,39,40,1) 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(48,56,57,1) 77%,rgba(29,39,40,1) 100%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(48,56,57,1) 77%,rgba(29,39,40,1) 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#303839', endColorstr='#1d2728',GradientType=0 ); /* IE6-9 */
	width: 213px;
	height:24px;
	border: 0;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin:1px 0;
	color: #fff;
	font-family:"Play",Arial, serif;
	font-size:14px;
}
#login input[type=submit]{
	background: #626c6d;
	-moz-box-shadow: inset 0px 0px 5px #454c4d;
	-webkit-box-shadow: inset 0px 0px 5px #454c4d;
	box-shadow: inset 0px 0px 5px #454c4d;
	height: 28px;
	border: 0;
	-moz-border-radius: 2px;
	border-radius: 2px;
	margin:2px 0;
	padding: 0 15px;
	color: #fff;
	float:right;
}
#login input[type=submit]:hover{
background: #778283;
}
#login input[type=submit]:active{
	background:#51595a;
}
#conseiller {padding:13px; margin-top:15px; border: 1px solid #ecebeb; width:280px; height:142px;float:left;margin-right:0px;margin-left:3px; margin-bottom:50px;}
#encadrer-joindre {margin-top:15px;float:left; background:url(../images/layout/encadrer-joindre.png); width:528px; height:135px;font-weight:bold;padding:35px 0px 0px 30px;margin-bottom:50px;}
#encadrer-joindre span.besoinsupport{font-size:20px;}
#encadrer-joindre span.contactez{font-size:28px;display:block;float:left;padding-top:10px;}
#encadrer-joindre span.raquo{font-size:72px;padding-left:10px;display:block; float:left;line-height:28px;padding-top:7px;}
#encadrer-joindre a {font-family:"Play",arial;color:#333333;text-shadow:0px 1px 0px #ffffff; text-decoration:none;}
#encadrer-joindre a:hover {color:#000000;}

#colgauche {width:248px; height:465px; float:left;margin-top:6px;margin-right:35px;}
#coldroite {float:left;padding-bottom:60px;padding-top:20px;}
#coldroite.deuxColonnes {width:650px;}
#coldroite.uneColonne {width:925px;padding-left:30px;padding-right:30px;}

#conteneur-pp { margin: 0 auto; padding: 0 auto;background:url(../images/layout/back.png) bottom left;height:auto;padding-top:10px;}
#positionPP {width:988px; margin: 0 auto; padding: 0 auto;}
#conteneur-pp a {text-decoration:none;}
#menuBas {margin-top:-10px;}
#passez-action {position:absolute; background:url(../images/layout/passez-action.png); width:226px; height:61px; top:-44px;lefT:-10px;}
#passez-action a {width:226px; height:61px;display:block;border:none;}
#logoFiliale {padding-top:0px;margin-top:0px;display:block;width:260px;margin:0 auto; padding: 0 auto;}
#logoFiliale a {text-decoration:none;display:block; float:left;}
#logoFiliale a img{border:none;display:block; margin-top:0px;float:left;}
#logoFiliale a.imgCtrl {}
#logoFiliale a.imgTi {margin-left:-7px;}
#logoFiliale a.imgVision {margin-left:-2px;}
.copyright {clear:both;;margin:0px;padding:0px;text-align:center; color:#b5b5b5; font-family:"Play",arial;padding-right:0px;padding-top:20px;padding-bottom:17px;font-size:12px;}
.copyright a {color:#c04b26;text-decoration:underline;}

#ficheprojet {clear:both;width:100%; }

#fiche-projet h1 {width:auto;margin-left:-283px;margin-bottom:20px;}
#fiche-projet h1 span {font-size:12px; font-family:'Arial';line-height:25px; font-style:italic;display:inline;width:auto;float:none;}
#fiche-projet {clear:both;}

/*.textthumb {position:absolute;bottom:0px;left:0px;background:#333333;;opacity:0.8;filter:alpha(opacity=80)}*/
.englobeurImageFlash {background:#ffffff;-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;width:570px;height:353px;padding-top:6px; overflow:hidden;}
.bottomImage {background-image: linear-gradient(bottom, rgb(235,235,235) 13%, rgb(255,255,255) 79%);
background-image: -o-linear-gradient(bottom, rgb(235,235,235) 13%, rgb(255,255,255) 79%);
background-image: -moz-linear-gradient(bottom, rgb(235,235,235) 13%, rgb(255,255,255) 79%);
background-image: -webkit-linear-gradient(bottom, rgb(235,235,235) 13%, rgb(255,255,255) 79%);
background-image: -ms-linear-gradient(bottom, rgb(235,235,235) 13%, rgb(255,255,255) 79%);
background-image: -webkit-gradient(
	linear,
	left bottom,
	left top,
	color-stop(0.13, rgb(235,235,235)),
	color-stop(0.79, rgb(255,255,255))
);-moz-box-shadow: 0 0 5px #888;
-webkit-box-shadow: 0 0 5px#888;
box-shadow: 0 0 5px #888;width:570px;height:52px;margin-left:25px;margin-top:10px;;padding-top:0px; margin-bottom:50px;margin-left:0px;}
.bottomImage .calculer a{background:url(../images/layout/calculer.png);width:156px; height:52px; display:block;float:left;margin-left:13px;}
.bottomImage .demandeInfo a{background:url(../images/layout/demandeInfo.png);width:149px; height:52px; display:block;float:left;margin-left:13px;}
.bottomImage .consulter a{background:url(../images/layout/consulter.png);width:118px; height:52px; display:block;float:left;margin-left:13px;}
.titreProjet a{width:570px;display:bock;float:left;padding-top:0px;}

.titreProjet span a {color:#c04b26;}
.titreProjet span a:hover {color:#c04b26;}
.lienProjet {width:120px;float:right;text-align:right;padding-right:5px;padding-top:15px;}
.fb-like {float:left;width:80px;padding-top:10px;padding-top:20px;margin-left:13px;}
.loadImagePortfolio {background:url(../images/layout/ajax-loader.gif) 35% 50% no-repeat;display:block; height:345px; width:550px; overflow:hidden;margin-left:4px;}
.englobeurGauche {float:left;margin-left:-283px;}
.infobulle { padding:0px 0px 0px 30px; width:309px; position:relative;float:left;}
.becBulle {background:url(../images/layout/becBulle.png); width:15px; height:37px; display:block; left:-14px; top: 50%;margin-top:-9px;position:absolute;}




/*********NEIGE**************/
/*
@keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-moz-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}

@-webkit-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 50% {background-color:transparent;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px; background-color:transparent;}
}

@-ms-keyframes snow {
0% {background-position: 0px 0px, 0px 0px, 0px 0px;}
 100% {background-position: 500px 1000px, 400px 400px, 300px 300px;}
}


#back3 {
	height:100%;
	background-image: url(../images/layout/snow.png), url(../images/layout/snow3.png), url(../images/layout/snow2.png);

	-webkit-animation: snow 20s linear infinite;
	-moz-animation: snow 20s linear infinite;
	-ms-animation: snow 20s linear infinite;
	animation: snow 20s linear infinite;
}
*/
/*********************/
#appelez-moi label{width:200px;float:left;display:block;clear:both; font-size:14px;margin-bottom:5px;}
#appelez-moi input {height:24px; line-height:24px; border-radius:2px;  
	-moz-box-shadow:    inset 0 0 10px #cacaca;
   -webkit-box-shadow: inset 0 0 10px #cacaca;
   box-shadow:         inset 0 0 10px #cacaca;
   width:200px; display:block; float:left;margin-bottom:5px;
}
#appelez-moi input:focus {-moz-box-shadow:    inset 0 0 10px #ffffff;
   -webkit-box-shadow: inset 0 0 10px #ffffff;
   box-shadow:         inset 0 0 10px #ffffff;}
#appelez-moi textarea {height:100px;width:200px; line-height:24px; border-radius:2px;  
	-moz-box-shadow:    inset 0 0 10px #cacaca;
   -webkit-box-shadow: inset 0 0 10px #cacaca;
   box-shadow:         inset 0 0 10px #cacaca;
   display:block; float:left;margin-bottom:5px;
}

#appelez-moi textarea:focus {-moz-box-shadow:    inset 0 0 10px #ffffff;
   -webkit-box-shadow: inset 0 0 10px #ffffff;
   box-shadow:         inset 0 0 10px #ffffff;}

#appelez-moi input#Envoyer {-moz-box-shadow:none;
   -webkit-box-shadow: none;
   box-shadow:         none;
   clear:both;margin-left:200px;margin-top:10px;cursor:pointer;} 




#conteneurListe {
	
	position: relative;
	
}
.conteneurElement {
	float: left;
	margin: 5px;
	
	background: #fff;
	padding: 8px;
	position: relative;
	box-shadow: 0 1px 3px rgba(0,0,0,0.1);
}
.conteneurElement a,
.conteneurElement a img {
	display: block;
	position: relative;
	border:none;
}
.conteneurElement a {
	overflow: hidden;
}
.conteneurElement a div.textthumb {
	position: absolute;
	background: #333;
	background: rgba(75,75,75,0.8);
	width: 100%;
	height: 100%;
	z-index:9999;	
}
.conteneurElement a div.textthumb span {
	display: block;
	padding: 10px 0;
	margin: 40px 20px 20px 20px;
	text-transform: uppercase;
	font-weight: normal;
	color: rgba(255,255,255,0.9);
	text-shadow: 1px 1px 1px rgba(0,0,0,0.2);
	border-bottom: 1px solid rgba(255,255,255,0.5);
	box-shadow: 0 1px 0 rgba(0,0,0,0.1), 0 -10px 0 rgba(255,255,255,0.3);text-align:center;
}

.addthis_toolbox {position:absolute;left:50%; top:9px;}


/*********************/
#body-modulo #top-itg {display:none;}
#bg-itg {width:100%; height:100%; background:#efefef;font-family:"Open Sans",Arial;}
#top-itg  {display:block;position:absolute; top:0px; lefT:0px;width: 100%; height: 5px; background-color: #00264c; background-image: -webkit-linear-gradient(left, #00264c 27%, #1784c1 39%, #1784c1 60%, #00264c 75%); background-image: -moz-linear-gradient(left, #00264c 27%, #1784c1 39%, #1784c1 60%, #00264c 75%); background-image: -o-linear-gradient(left, #00264c 27%, #1784c1 39%, #1784c1 60%, #00264c 75%); background-image: -ms-linear-gradient(left, #00264c 27%, #1784c1 39%, #1784c1 60%, #00264c 75%); background-image: linear-gradient(to right, #00264c 27%, #1784c1 39%, #1784c1 60%, #00264c 75%);}
.col1, .col2, .col3 {margin-top:3%;float:left; width: 20%;margin-left:2%;margin-right:2%;display:block;}
.col2.progident {width:20%;margin: 0 auto;float:none;}
.col1 {margin-left:16%;}
.col3 {margin-right:15%;}
.int {background:url(../images/layout/itg/bgcol.png);border-top:none;border:1px solid #e9e9e9; height:100%;}
.entete1 {background:#efefef; height:60px; width:100%; display:block}

.int {border-top:9px solid #00264c;}
.col2 .int {border-top:9px solid #1784c1;}
.col3 .int {border-top:9px solid #F15C22;}


.col1 .entete1 {background:#efefef/* url(../images/layout/itg/ctrl.png) no-repeat; background-position:50% 50%; background-size:68% auto;;*/;font-family:"Open Sans",Arial;text-align:center; font-size:30px;font-weight:100;color:#00264c;}
.col2 .entete1 {background:#efefef /*url(../images/layout/itg/progident.png) no-repeat; background-position:50% 50%; background-size:71% auto;;*/;font-family:"Open Sans",Arial;text-align:center; font-size:30px;font-weight:100; color:#1784c1;}
.col3 .entete1 {background:#efefef /*url(../images/layout/itg/vision3w.png) no-repeat;  background-position:50% 50%; background-size:75% auto;;*/;font-family:"Open Sans",Arial;text-align:center; font-size:30px;font-weight:100;color:#F15C22;}

.int ul {list-style-type:none;width:100%; margin:0px; padding:0px;}
.int ul li {width:100%;list-style-type:none;margin:0px; padding:0px;}
.int ul li a {display:block;padding:5%;padding-left:10%;width:85%;font-size:16px; text-decoration:none;text-transform:uppercase; border-top:1px solid #e1e1e1; border-bottom:1pox solid #fff;list-style-type:none;}
.int ul li:first-child a {border-top:none;}
.int .separateur {height:1px; background:#fff; clear:both; border-top:1px solid #e1e1e1;}

ul li a {color:#00264C}
ul li a:hover {color:#fff;background:#00264C;transition:all 0.4s;opacity:0.9;}

.col2 ul li a {color:#1784c1}
.col2 ul li a:hover {color:#fff;background:#1784c1;transition:all 0.4s;opacity:0.9;}
.col3 ul li a {color:#F15C22}
.col3 ul li a:hover {color:#fff;background:#F15C22;transition:all 0.4s;opacity:0.9;}

#logoitg {width:20%; height:100px;display:block;background:#efefef url(../images/layout/itg/ctrl.png) no-repeat; background-position:50% 50%; background-size:68% auto;  margin : 0 auto; margin-top:2%;}
.ctrl #logoitg {background:#efefef url(../images/layout/itg/ctrl.png) no-repeat; background-position:50% 50%; background-size:68% auto;  margin : 0 auto; margin-top:2%;}
.vision3w #logoitg {background:#efefef url(../images/layout/itg/ctrl.png) no-repeat; background-position:50% 50%; background-size:68% auto;  margin : 0 auto; margin-top:2%;}
 #logoitg.progident  {background:#efefef url(../images/layout/itg/100CTRL_PROGIDENT_COUL.svg) no-repeat; background-position:50% 50%; background-size:68% auto;  margin : 0 auto; margin-top:2%;}
.progident #logoitg {background:none;height:30px;}
.corpitg {background:#fff; border:1px solid #e1e1e1; border-radius:3px; width:75%; margin:30px auto 60px;padding:20px;}
.corpitg h1{font-family:"Open Sans", Arial;}
#retour a{float:right; background:#fff; padding:10px 35px; color:#333; text-decoration:none;border:1px solid #e1e1e1;border-right:none;border-radius:3px;margin-top:30px;}

/********************/
#menuHaut {background:white; height:35px;width:100%; display:block;text-align:Center;position:fixed;bottom:0px;border-top:1px solid #ddd;}
#menuHaut div {display:block;float:left;width:30%;height:25px; overflow:hidden;position:absolute;bottom:10px;background:White;}
#menuHaut span.titreMenuHaut {font-size:16px;line-height:34px;}
#menuHaut div.opt-ctrl {margin-left:3%;border-top:9px solid #00264c;}
#menuHaut div.opt-progident {left:34%;border-top:9px solid #1784c1;}
#menuHaut div.opt-v3w {left:65%;border-top:9px solid #f15c22;}

#menuHaut div.opt-ctrl span.titreMenuHaut {color:#00264c}
#menuHaut div.opt-progident span.titreMenuHaut {color:#1784c1}
#menuHaut div.opt-v3w span.titreMenuHaut {color:#f15c22}

#menuHaut ul {margin:0px;padding:0px;}
#menuHaut ul li {width:100%;list-style-type:none;margin:0px; padding:0px;}
#menuHaut ul li a {display:block;padding:5%;width:90%;font-size:16px; text-decoration:none;text-transform:uppercase; border-top:1px solid #e1e1e1; border-bottom:1pox solid #fff;list-style-type:none;}
#menuHaut ul li:first-child a {border-top:none;}

#menuHaut div.opt-ctrl ul li a {color:#00264C}
#menuHaut div.opt-ctrl ul li a:hover {color:#fff;background:#00264C;transition:all 0.4s;opacity:0.9;}
#menuHaut div.opt-progident ul li a {color:#1784c1}
#menuHaut div.opt-progident ul li a:hover {color:#fff;background:#1784c1;transition:all 0.4s;opacity:0.9;}
#menuHaut div.opt-v3w ul li a {color:#F15C22}
#menuHaut div.opt-v3w ul li a:hover {color:#fff;background:#F15C22;transition:all 0.4s;opacity:0.9;}


#logorecherche {background:url(../images/layout/itg/ctrlprogidentv3w.png); background-size:100% auto; background-repeat:no-repeat; background-position:50% 100%;display:block;padding-top:0px;width:43%;height:130px;margin: 0 auto; padding : 0 auto;margin-bottom:10px;}

.rechercheitg {width:100%;padding-bottom:100px;padding-top:2 0px}
#frmRechercheItg {width:100%;}
.boxrecherche {opacity: 1;font-family:"Open Sans",Arial;width:50%; margin:0 auto; padding : 0 auto;padding:2%;border:1px solid transparent;}
.boxrecherche.active {background:url(../images/layout/itg/bgcol.png);border:1px solid #e9e9e9;}
.boxrecherche.inactive {backgriund:none; border:none;}
.boxrecherche:hover {opacity:1;transition:0.2s;}

.boxrecherche span.num {font-family:"Play",Arial;display:block;font-size:120px; text-shadow:1px 0px 1px #fff;color:#929292;line-height:100px; text-align:right; float:left; padding:0px;margin:0px;width: 20%;padding-right:5%;}
.boxrecherche.inactive span.num {color:#929292}
.boxrecherche.active span.num {color:#333}

.boxrecherche span.titreNum {width:60%; display:block; float:left; font-size:20px;color:#929292;padding:2%;}
.boxrecherche.inactive span.titreNum {color:#929292}
.boxrecherche.active span.titreNum {color:#333}

.boxrecherche select {width:60%;height:30px; font-size:20px; color:#929292;font-family:"Open Sans",Arial;margin-left:1.6%; }
.boxrecherche.active select {color:#333;}
.boxrecherche.inactive select {color:#929292;}

.boxrecherche p a{text-decoration:none;margin-top:10px;display:block;float:right;width:70%;font-size:20px; color:#929292;font-family:"Open Sans",Arial;margin-right:1.6%; background:white; padding:10px;border:1px solid #e9e9e9;color:#333;}
.boxrecherche p a:hover {background:#333; color:#fff;}