/* CSS Document */
*{
	margin:0;
	padding:0;

}
body{
	font-family:Arial, Helvetica, sans-serif;
	font-size:100%;
}
ul{
	list-style:none;
}

#global{
	width:100%;	
}
.contenu{
	width:1000px;
	margin:0 auto;
}
a:hover{
	color:#c75a14!important;
}
@media screen and (max-width: 1500px){
	.contenu{
	width:1000px;
	margin:0 auto;
	}
}
@media screen and (max-width: 1200px){
	.contenu{
	width:90%;
	margin:0 auto;
	}
}
@media screen and (max-width: 990px){
	.contenu{
		width:95%;
		margin:0 auto;
	}
}
@media screen and (max-width: 900px){
	.contenu{
		width:98%;
		margin:0 auto;
	}
}
img{
	max-width:100%;
	
}
/*---- HEADER ----------------*/
#fil_orange{
	height:5px;
	width:100%;
	background-color:#ee813c;
}
#header{
	margin:9px 0;
	height:90px;
}
ul#menu{
	float:left;
	margin:40px 15px 0 0;
}
ul#menu li{
	display:inline;	
	padding:3px 10px;
	border-left:solid 1px #8d9396;
}
#logo{
	float:left;
	margin-right:6.63265306122449%;/*65px*//*980px*/
	width:14.59183673469388%;/*143*//*980*/
}

ul#menu li.last-child{
		border-right:solid 1px #8d9396;
}
#gplus_head{
	float:right;
	padding:30px 5% 0 0;
	width:7.142857142857143%;/*70*//*980*/

}
ul#menu li a{
		text-decoration:none;
		font-family: 'Carrois Gothic', sans-serif;
		color:#8d9396;
		font-size:0.90em;
	}
@media screen and (min-width: 1350px){
	ul#menu li a{
		font-size:1.125em;
	}
}
@media screen and (max-width: 850px){
	ul#menu li a{
		font-size:0.8em;
	}
}
@media screen and (max-width: 850px){
	#logo{
		float:none;
		margin:0 auto;/*65px*//*980px*/
		width:123px;/*143*//*980*/
		position:relative;
	}
	ul#menu{
	float:none;
	margin:20px 0;
	text-align:center;
}
	#gplus_head{
		display:none;
	}
	.mob1{
		clear:both;
	    margin:50px;
	}
}
@media screen and (max-width: 520px){

	ul#menu {
		float:left;
		width:100%;
	}
	ul#menu li{
		clear:left;
		float:left;
		width:36%;
	
	}
	ul#menu li.last-child{
		border-right:none;
	}
	ul#menu li.gauche{
		clear:right;
		float:right;
		border-left:none;
		border-right:solid 1px #8d9396;
	
	}
	ul#menu a{
		display:block;
	
	}

}

/*----------------------------------FOOTER---------------------------------------------*/
#gplus_foot{
	float:left;
	margin:30px 10px 0 0;
}
ul#menu-foot{
	float:left;
	margin-top:30px
}
ul#menu-foot li{
	display:inline;	
	padding:3px 10px;
	border-left:solid 1px #8d9396;
}
ul#menu-foot li.last-child{
		border-right:solid 1px #8d9396;
}
ul#menu-foot li a{
	text-decoration:none;
	font-family: 'Carrois Gothic', sans-serif;
	color:#8d9396;
	font-size:0.93em; /*15 px*/ /*16px*/
}
@media screen and (max-width: 1100px){
	div#footer{
		display:none;
	}
}

div#contenu3{
	height:205px;
}
div#contenu3 div#actualite-index-fond{
	float:left;
	background:#e1dcdc;
	width:45.61224489795918%;/*447px*//*980*/
	height:152px;
	margin:30px 1.836734693877551% 0 0;/*18px*//*980*/
}
div#contenu3 div#actualite-index{
	width:93%;/*425*//*447*/
	height:132px;
	margin:10px 2.237136465324385% ;/*10*//*447*/
	background:#FFF;
	padding:0 2%;
}
div#contenu3 div#metier-index{
	margin:30px 3px 0 0;
	float:left;
	width:37.95918367346939%;/*372*//*980px*/
	height:152px;
	background:#e1dcdc;
}
div#contenu3 div#metier-image{
	float:left;
	width:13.97959183673469%;/*137*//*980*/
	height:152px;
	margin-top:30px;
}
@media screen and (max-width: 850px){
	div#contenu3 div#actualite-index-fond{
		width:95%;/*447px*//*980*/
		height:152px;
		margin:30px 1.836734693877551% 0 0;/*18px*//*980*/
	}
	div#contenu3 div#metier-index{
	width:95%;/*372*//*980px*/	
	}
	div#contenu3 div#metier-image{
		display:none;
	}
	div#contenu3 div#actualite-index-fond p{
		font-size:0.95em;
	}
}

div#contenu3 div#metier-index h3{
	font-family: 'Carrois Gothic', sans-serif;
	color:#416385;
	font-weight:normal;
	font-size:1.4375em;/*23px*//*16px*/
	padding:20px 5.376344086021505% 10px;/*20*//*372*/
}
div#contenu3 div#metier-index p{
	padding:0 2.688172043010753% 0 20px;/*10*//*372*/
}
div#savoir-plus-metier{
	width:33%;
	height:34px;
	margin:10px 0 0 5.376344086021505%;/*20*//*372*/
}
@media screen and (max-width: 1024px){
	div#savoir-plus-metier{
		width:35%;
}
}
@media screen and (max-width: 850px){
	div#contenu3 div#metier-index h3{
		font-size:1.1em;/*23px*//*16px*/
	}
	div#contenu3 div#metier-index p{
		font-size:1em;/*23px*//*16px*/
	}
	div#savoir-plus-metier{
		width:95%;
		margin:10px 0 25px 5.376344086021505%;/*20*//*372*/
		
}
}
@media screen and (max-width: 480px){
	div#contenu3 div#metier-index h3{
		font-size:1em;/*23px*//*16px*/
		padding:20px 5.376344086021505% 10px;/*20*//*372*/
	}
	div#contenu3 div#metier-index p{
		padding:0 2.688172043010753% 0 20px;/*10*//*372*/
		font-size:0.7812em;/*23px*//*16px*/
	}
	div#savoir-plus-metier{
		width:95%;
		margin:10px 0 25px 5.376344086021505%;/*20*//*372*/
		
}
}

div#fleche-gplus-foot{
	width:21px;
	height:24px;
	margin:0 0 0 22%;/*170*//*980*/
}
@media screen and (max-width: 1024px){
		div#fleche-gplus-foot{
			display:none;
	}
}
/*--------------------------------BANDEAU--------------------------------*/
div.global#bandeau-bleu{
	background:url(../images/index-metier/index-metier-3.gif) repeat-x;
	height:123px;
	/*overflow:hidden;*/
}
#home{
	width:22px;
	float:left;
	margin:39px 5px 0 0;
}
@media screen and (max-width: 850px){
	#home{
		display:none;
	}
}
#contenu1{
	position:relative;
}
#contenu1 div#fleche-navig-conseils{
	width:35px;
	position:absolute;
	top:-18px;
	left:26.5%;
}
#contenu1 div#fleche-navig-dev{
	width:35px;
	position:absolute;
	top:-18px;
	left:39%;
}
@media screen and (max-width: 850px){
	#contenu1 div#fleche-navig-conseils{
		left:30%;
	}
	#contenu1 div#fleche-navig-dev{
		left:44%;
	}
}
@media screen and (max-width: 520px){
	#contenu1 div#fleche-navig-conseils{
		display:none;
	}
	#contenu1 div#fleche-navig-dev{
		display:none;
	}
}
#h1-bandeau{
	font-family: 'Carrois Gothic', sans-serif;
	color:#FFF;
	font-weight:normal;
	font-size:2em;/*32px*//*16px*/
	padding:43px 0;
	float:left;
}

@media screen and (max-width: 1080px){
	#h1-bandeau{
		font-size:1.5em;/*32px*//*16px*/
		text-align:center;
		width:100%;
	}
	
}
@media screen and (max-width: 850px){
	#h1-bandeau{
		font-size:1.4em;/*32px*//*16px*/
		text-align:center;
		
	}
	div.global#bandeau-bleu{
		margin-top:50px;
	}
	
}
/*------------------------------------INTRODUCTION*-----------------------------------*/

#intro-gauche{
	float:left;
	width:41%;
	margin:20px 2%;
	height:263px;
}
div#intro-gauche-dev{
	float:left;
	width:65.71%;/*644px 980px*/
	margin-right:2.87%;
}
#tablette-mobicis{
	width:65.93%;
	float:left;
	margin:0 17.035%;
}
@media screen and (max-width: 1050px){
	div#intro-gauche-dev{
		float:left;
		width:100%;/*644px 980px*/
		margin:0 auto;
	}
	#tablette-mobicis{
		width:70%;
		float:left;
		margin:0 15%;
	}
}
@media screen and (max-width: 520px){
	#tablette-mobicis{
		width:100%;
		float:left;
		margin:0 0;
	}
}
#intro-droite{
	float:left;
	width:31%;
	background:url(../images/conseils-metier/conseils-metier-01.gif) bottom left no-repeat;
	height:263px;
	margin:20px 0;
	padding-left:24%;
}
@media screen and (max-width: 1050px){
#intro-gauche p.intro-titre{
		font-size:1.35em;
	}
	p.intro-titre-dev{
		font-size:1.35em;
	}
	#intro-gauche p.intro-texte{
		font-size:1em;
	}
	#intro-droite p.intro-texte{
		font-size:1em!important;
	}
}
@media screen and (max-width: 850px){
	#intro-gauche{
		width:96%;
		margin:20px 2%;
		height:auto;
	}
	#intro-droite{
		width:96%;
		background:url(../images/conseils-metier/conseils-metier-01.gif) bottom left no-repeat;
		height:263px;
		margin:20px 2%;
		padding:0 0 150px 0;
	}
	#intro-gauche p.intro-titre{
		font-size:1.25em;
	}
	p.intro-titre-dev{
		font-size:1.25em;
	}
	#intro-gauche p.intro-texte{
		font-size:0.95em;
	}
	#intro-droite p.intro-texte{
		font-size:0.95em!important;
	}
	
}
#contactez-nous-intro{
	float:left;
	width:64.45182724252492%;
	margin-top:15px;
}

/*---------------------------------------------Contenus --------------------------------*/

/*-----------------------------bloc gauche----------------------------*/

div#bloc-gauche{
	float:left;
	width:65.71%;/*644px 980px*/
	margin-right:2.87%;
}
@media screen and (max-width: 1050px){
	div#bloc-gauche{
		float:left;
		width:100%;/*644px 980px*/
		margin:0 auto;
	}
}

	
p.titre-bleu{
	display:block;
	background:#7ca7d3;
	width:95%;
	padding:5px 2.5%;
	font-family: 'Carrois Gothic', sans-serif;
	color:#FFF;
	font-weight:normal;
	font-size:1.5625em;/*25px*//*16px*/
}
@media screen and (max-width: 1050px){
	p.titre-bleu.dev{
		font-size:1.3em;
	}
}
@media screen and (max-width: 850px){
	p.titre-bleu.dev{
		font-size:1.1em;
	}
}
div.contenu-bloc-gauche{
	float:left;
	width:50%;
	height:218px;
	border-bottom:#cbdced solid 1px;
}
div.contenu-bloc-gauche-dev{
	float:left;
	width:100%;
	height:auto;
}
div.contenu-bloc-gauche.last{
	border-top:#7ca7d3 solid 1px;
	border-bottom:none;
	height:175px;
}
@media screen and (max-width: 620px){
	div.contenu-bloc-gauche{
		width:100%;
		height:200px;
		border-bottom:none;
	}
	div.contenu-bloc-gauche.last{
		border-top:none;
		border-bottom:none;
		height:80px;
	}
	div.contenu-bloc-gauche p.Police-heveltica-22-orange{
		font-size:1.12em
	}
	div.contenu-bloc-gauche.last-child{
		margin-bottom:40px;
		height:150px;
	}
}

div.contenu-bloc-gauche p.check-orange{
	display:block;
	font-size:1.375em;
	color:#ee813c;
	padding-left:38px;
	margin-top:15px;
	background:url(../images/conseils-metier/conseils-metier-02.gif) 9px 0px no-repeat;
}
div.contenu-bloc-gauche p{
	padding:0 38px;
}
div.contenu-bloc-gauche-dev p{
	padding:0 38px;
	margin-top:10px;
}
div.contenu-bloc-gauche-dev p.check-orange{
	display:block;
	font-size:1.25em;
	color:#ee813c;
	padding-left:38px;
	margin-top:15px;
	background:url(../images/conseils-metier/conseils-metier-02.gif) 9px 0px no-repeat;
}
@media screen and (max-width: 1300px){
	div.contenu-bloc-gauche-dev p.check-orange{
		font-size:1.06em;
	}
}
ul#references{
	width:100%;
}
ul#references li{
	width:96%;
	background:#e1dcdc;
	padding:21px 2%;
	height:129px
}
ul#references li {
	margin-bottom:20px;	
}
ul#references li div.photo{
	margin-right:2%;
	width:29%;
	float:left;
}
@media screen and (max-width: 850px){
	ul#references li div.photo{
		margin:0 auto;
		width:60%;
		float:none;
	}
	ul#references li div.texte{
		width:60%;
		margin:0 auto;
		float:none;
	}
	ul#references li{
		width:96%;
		background:#e1dcdc;
		padding:21px 2%;
		height:auto;
	}
}
@media screen and (max-width: 520px){
	ul#references li div.photo{
		margin:0 auto;
		width:60%;
		float:none;
	}
	ul#references li div.texte{
		width:95%;
		margin:0 auto;
		float:none;
	}
}
ul#references li p.titre{
	font-family: 'Carrois Gothic', sans-serif;
	color:#ee813c;
	font-weight:normal;
	font-size:0.875em;/*14px*//*16px*/

}
ul#references li p{
	font-size:0.875em;/*14px*//*16px*/	
}

#img-carte-france{
	width:26%;
	float:left;
}
@media screen and (max-width: 1050px){

	p.texte-carte-dev{
		font-size:1.35em;
	}
}
@media screen and (max-width: 850px){
	p.texte-carte-dev{
		font-size:1.35em;
	}
}
/*-----------------------------bloc droite----------------------------*/
div#bloc-droite{
	float:left;
	width:31.42%;/*308px 980px*/
	background:#272734;
}
div#liste-droite{
	margin-bottom:80px;
}
@media screen and (max-width: 1050px){
	div#bloc-droite{
		float:left;
		width:100%;
		background:#272734;
	}
	div#liste-droite{
		margin-bottom:20px;
		width:50%;
		float:left;
	}
	div#liste-gauche{
		margin-bottom:20px;
		width:50%;
		float:left;
	}
	.img-bandeau img{
	display:none;
	}
}
@media screen and (max-width: 520px){
div#liste-droite{
		margin-bottom:20px;
		width:100%;
		float:none;
	}
	div#liste-gauche{
		margin-bottom:20px;
		width:100%;
		float:none;
	}
}
div#bloc-droite p.titre{
	font-family: 'Carrois Gothic', sans-serif;
	color:#FFF;
	font-weight:normal;
	font-size:1.5625em;/*14px*//*16px*/
	padding:20px 0 10px 20px;
}

div#bloc-droite ul{
	list-style:url(../images/index/index-06.png);
	margin: 0 0 0 35px;
}

div#bloc-droite li{
	margin-top:20px;
}
.img-bandeau{
	width:100%;
	overflow:hidden;
}
.img-bandeau img{
	width:150%;
}
#bloc-gris-dev{
	width:90%;
	background:#e1dcdc;
	padding:20px 5% 30px;
	position:relative;
}
#bloc-gris-dev div.fleche-gris-dev{
	width:15px;
	position:absolute;
	top:200px;
	left:-15px;
}
#bloc-blanc-dev{
	width:90%;
	background:#FFF;
	padding:20px 5% 30px;
}
@media screen and (max-width: 1050px){
	#bloc-gris-dev, #bloc-blanc-dev{
		display:none;
	}
}
#bloc-blanc-dev div#img-btn-mobicis{
	width:89.66666666666667%/*269*//*300*/
}
/**********************************//* Actualite *//***********************************/
#texte_contenu_actu{																/**/
	clear:both;																		/**/
	float:left;																		/**/
	width:70%;																		/**/
	min-height:373px;																/**/
	/*margin-top:45px;*/															/**/	
	margin:5% 0 0 0;																/**/
}																					/**/
@media screen and (max-width: 850px){												/**/
	#texte_contenu_actu{															/**/
		width:100%;																	/**/
	}																				/**/
}																					/**/
@media screen and (max-width: 550px){												/**/
	#texte_contenu_actu{															/**/
		width:70%;																	/**/
		margin:15%;																	/**/
	}																				/**/
}																					/**/
#center{																			/**/
	text-align:center;																/**/
}																					/**/	
#margin_sommaire																	/**/
{																					/**/
	text-align:center;																/**/
	background-color:#ee813c;														/**/
}																					/**/
#margin_titre																		/**/
{																					/**/
	margin:5%;																		/**/
	/*text-align:center;*/															/**/
}																					/**/
#margin_desc																		/**/
{																					/**/
	margin:0 7% 0 7%;																/**/
}																					/**/
/*************//* Image page actualite *//*************/							/**/
#img_actu{																			/**/
	float:left;																		/**/
	margin:0 2% 1% 0;																/**/
	width:18.808777429467084639498432601881%;										/**/
	max-height:180px;																/**/
	overflow:hidden;																/**/
}																					/**/
#big_img_actu{																		/**/
	float:left;																		/**/
	margin:0 2% 1% 0;																/**/
	width:37,617554858934169278996865203762%;										/**/
	max-height:360px;																/**/
	overflow:hidden;																/**/
}																					/**/
/***************//* liste actualite *//***************/								/**/
#separateur{																		/**/
	/*margin:2% auto;*/																/**/
	/*background-color:#FFFFFF;*/													/**/
	width:100%;																		/**/
	overflow:hidden;																/**/
}																					/**/
#actu_old																			/**/
{																					/**/
	background-color:#e1dcdc;														/**/
	margin: 5% auto;																/**/
	width:25%; 																		/**/
	float:right;																	/**/
	/*margin-left:4%;*/																/**/
}																					/**/
@media screen and (max-width: 850px){												/**/
	#actu_old{																		/**/
		width:80%;																	/**/
		margin-top:0;																/**/
		margin-left:10%;														   	/**/
		float:left;																   	/**/
																				   	/**/
	}																				/**/
}																					/**/																	   			/**/
/**************************************************************************************/
/*--------------------------------POLICES -------------------------------*/
.Police-heveltica-14-antracite{
	font-family: Helvetica,Arial, sans-serif;
	font-size:0.875em;/*16px*//*16px*/
	color:#585555;
	font-weight:normal;
}
.Police-heveltica-16-antracite{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1em;/*16px*//*16px*/
	color:#585555;
	font-weight:normal;
}
.Police-heveltica-16-orange{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1em;/*16px*//*16px*/
	color:#ee813c;
	font-weight:normal;
}
.Police-heveltica-16-blanc{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1em;/*16px*//*16px*/
	color:#f1f0f0;
	font-weight:normal;
}
.Police-heveltica-19-antracite{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1.1875em;/*16px*//*16px*/
	color:#585555;
	font-weight:normal;
}
.Police-heveltica-19-orange{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1.1875em;/*16px*//*16px*/
	color:#ee813c;
	font-weight:normal;
}
.Police-heveltica-22-orange{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1.3755em;/*16px*//*16px*/
	color:#ee813c;
	font-weight:normal;
}

.Police-heveltica-25-orange{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1.5625em;/*16px*//*16px*/
	color:#ee813c;
	font-weight:normal;
}
.Police-heveltica-23-gris-fonce{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1.4375em;/*23px*//*16px*/
	color:#494849;
	font-weight:normal;
}
.Police-heveltica-28-gris-fonce{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1.6em;/*28px*//*16px*/
	color:#494849;
	font-weight:normal;
}
.Police-titre-actualite{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1em;/*16px*//*16px*/
	color:#ee813c;
	font-weight:normal;
}
.Police-actualite{
	font-family: Helvetica,Arial, sans-serif;
	font-size:0.800em;/*16px*//*16px*/
	color:#585555;
	font-weight:normal;
}
@media screen and (max-width: 1090px){
	.Police-actualite{
	font-family: Helvetica,Arial, sans-serif;
	font-size:0.750em;/*16px*//*16px*/
	color:#585555;
	font-weight:normal;
	}
}
@media screen and (max-width: 1090px){
	.Police-titre-actualite{
	font-family: Helvetica,Arial, sans-serif;
	font-size:0.9em;/*16px*//*16px*/
	color:#ee813c;
	font-weight:normal;
}
}
@media screen and (max-width: 850px){
	.Police-actualite{
	font-family: Helvetica,Arial, sans-serif;
	font-size:0.800em;/*16px*//*16px*/
	color:#585555;
	font-weight:normal;
	}
	.Police-titre-actualite{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1em;/*16px*//*16px*/
	color:#ee813c;
	font-weight:normal;
}
}
@media screen and (max-width: 370px){
	.Police-actualite{
	font-family: Helvetica,Arial, sans-serif;
	font-size:0.700em;/*16px*//*16px*/
	color:#585555;
	font-weight:normal;
	}
	.Police-titre-actualite{
	font-family: Helvetica,Arial, sans-serif;
	font-size:0.850em;/*16px*//*16px*/
	color:#ee813c;
	font-weight:normal;
	}
}

/*---- CookieChoices ---- */
#cookieChoiceInfo { font-size: 80%; }
#cookieChoiceInfo a { color: #ee813c; }
#cookieChoiceInfo a:hover {color: #c75a14; }