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

}
#responsive{display:none!important;}

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

#global{
	width:100%;	
}
.contenu{
	width:1100px;
	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:1000px;
	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;
	}
}
@media screen and (max-width: 500px){
	.img-actu{
		display:none;
	}
}

img{
	max-width:100%;
	
}
/*---- HEADER ----------------*/
#fil_orange{
	height:5px;
	width:100%;
	background-color:#ee813c;
}
#home{
	display:none;
}
#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 1% 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;
	}
	div#responsive{
		display:none;
	}
}
@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:20px 10px 0 0;
}
ul#menu-foot{
	float:left;
	margin-top:20px
}
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;
}
}
/*--------------------------------Contenu bandeau Orange  - BLEU -------------------------------*/
div.global#bandeau-orange{
	background:url(../images/index/index-04.gif) repeat-x;
	/*height:555px;*/
	overflow:hidden;
}
div.global#bandeau-bleu{
	background:url(../images/index-metier/index-metier-3.gif) repeat-x;
	/*height:555px;*/
	overflow:hidden;
}
#img-bandeau{
	width:12.04081632653061%;/*118*//*980*/
	margin:33px 1.83673469387755% 0 -3.836735%;
	float:left;
}
#img-bandeau.bleu{
	width:16.3265306122449%; /*160*//*980*/
}
@media screen and (max-width: 850px){

#img-bandeau{
	display:none;
}
}
#h1-bandeau{
	font-family: 'Carrois Gothic', sans-serif;
	color:#FFF;
	font-weight:normal;
	font-size:2em;/*32px*//*16px*/
	padding-top:48px;
	float:left;
}

@media screen and (max-width: 1080px){
	#h1-bandeau{
		font-size:1.5em;/*32px*//*16px*/
		
	}
	
}
@media screen and (max-width: 850px){
	#h1-bandeau{
		font-size:1.4em;/*32px*//*16px*/
		padding-top:48px;
		display:block;
		width:95%;
		text-align:center;
		margin-bottom:50px;
	}
	#h1-bandeau.bleu{
	padding-top:0;

}
}
#contenu1{
	/*height:555px;*/
	position:relative;
}
#texte_contenu{
	clear:both;
	float:left;
	width:38.87755102040816%;/*430px*//*980px*/
	/*margin-top:45px;*/
	margin:40px 0 0 3%;
}
/**********************************//* Actualite *//**********************************/
#texte_contenu_actu{
	clear:both;
	float:left;
	width:60%;
	/*margin-top:45px;*/
	margin:100px 0 0 6%;
}
/*************************************************************************************/
#texte_contenu.bleu{
	clear:both;
	float:left;
	width:39%;/*430px*//*980px*/
	margin:70px 0 0 6%;
}
ul#liste_contenu {
	list-style:url(../images/index/index-06.png);
	margin-left: 3.863636363636364%;/*17*//*430px*/
}
@media screen and (max-width: 850px){
#texte_contenu{
	width:97%;/*430px*//*980px*/
	margin:20px 10px;
}
#texte_contenu_actu{
	width:97%;/*430px*//*980px*/
	margin:20px 10px;
}
#texte_contenu.bleu{
	width:97%;/*430px*//*980px*/
	margin:20px 10px;
}
}
@media screen and (max-width: 1024px){
	#texte_contenu p{
		font-size:1.2em;
	}
	#texte_contenu h4.bleu{
		font-size:1.4em;
	}
	#texte_contenu2 {
		font-size:1em !important;
	}
	#texte_contenu ul li{
		font-size:1em;
	}
}
@media screen and (max-width: 850px){
	#texte_contenu p{
		text-align:center;
		font-size:1em;
	}
	#texte_contenu h4.bleu{
		font-size:1.2em;
		text-align:center;
	}
	#texte_contenu2 {
		font-size:0.8em;
	}
	#texte_contenu ul li{
		font-size:0.8em;
	}
	#texte_contenu ul {
		margin:0 auto;
		width:320px;
	}
	#texte_contenu p,h4 {
		margin:0 auto;
		width:320px;
	}
}
@media screen and (max-width: 480px){
	
	#texte_contenu ul {
		margin:0 auto;
		width:95%;
	}
	#texte_contenu p,h4 {
		margin:0 auto;
		width:95%;
	}
}

ul#liste_contenu li {
	margin-top:10px
}
#img_contenu{
	float:right;
	width:53.46938775510204% ;/*524px*//*980*/
	margin-top:-34px;
	z-index:200;
}
#img_contenu.bleu{
	float: right;
	width: 66%;
	z-index: 200;
	margin-right: -145px;
	margin-top:4px;

}
@media screen and (max-width: 1500px){
	#img_contenu{
	float:left;
	width:53.46938775510204% ;/*524px*//*980*/
	margin:0;
	height:100%;
	z-index:200;
}
#img_contenu.bleu{
	margin-top:40px;
}
	#img_contenu img{
		vertical-align:bottom;
}
}
@media screen and (max-width: 850px){
	#img_contenu{
	float:none;
	width:280px;/*524px*//*980*/
	margin:0 auto;
	z-index:200;
} 	 
}
/*--------------------------------Contenu bandeau NOIR - VIOLET-------------------------------*/
div.global#bandeau-noir{
	background:#1a171b;
	height:400px;
	z-index:250;
}
div.global#bandeau-noir.violet{
	background:#272734;
}
@media screen and (max-width: 850px){	
	div.global#bandeau-noir{
		height:1200px;
		z-index:250;
	}
	div.global#bandeau-noir.violet{
		height:800px;
	}
}
div.global#bandeau-noir ul#support{
	height:400px;
	background:url(../images/index/index-12.gif) 0 40px no-repeat;
}
div.global#bandeau-noir ul#support.violet{
	background:url(../images/index-metier/index-metier-11.gif) 0 40px no-repeat;
	/*background:none;*/
}
@media screen and (max-width: 850px){
	div.global#bandeau-noir ul#support{
		height:1200px;
	}
}
div.global#bandeau-noir ul#support li{
	display:inline-block;
	width:32.6530612244898%;/*320px*//*980*/
	margin:0 0.2040816326530612%;/*2px*//*980px*/
	float:left;
	text-align:center;
	height:400px;
	position:relative;
}
div.global#bandeau-noir ul#support.violet li{
	width:49%;/*320px*//*980*/
}
div.global#bandeau-noir ul#support li div#fleche{
	width:34px;
	height:16px;
	margin:0 auto;
}
@media screen and (max-width: 850px){
	div.global#bandeau-noir ul#support li{
		width:100%;/*320px*//*980*/
	}
	div.global#bandeau-noir ul#support.violet li{
		width:100%;/*320px*//*980*/
		height:350px;
	}
	div.global#bandeau-noir ul#support.violet li.first-li{
		
		height:450px;
	}
	div.global#bandeau-noir ul#support li div#fleche{
		display:none;
	}
	div.global#bandeau-noir ul#support li div#fleche.first{
		display:block;
	}
}

div#image-support{
	width:114px;
	height:105px;
	margin:0 auto;
	position:relative;
}
div#image-support img{
	position: absolute;
	top: 20px;
	left: 1px;
}
div#image-support img.center{
	position: absolute;
	top: 16%;
	left: 27%;
}
div.global#bandeau-noir ul#support li h2{
	font-family: 'Carrois Gothic', sans-serif;
	color:#ee813c;
	font-weight:normal;
	font-size:1.4375em;/*23ox*//*16px*/
	padding:15px 0;
	
}
div.savoir-plus{
	width:42.5%;/*136px*//*320*/
	height:34px;
	position:absolute;
	left:28.4375%;/*91*//*320*/
	bottom:34px;
}
@media screen and (max-width: 850px){	
	div.savoir-plus{
		left:28.4375%;/*91*//*320*/
		bottom:55px;
	}
}

.metier-txt-droite{
	width:240px;/*241 - 490*/
	margin-left:30px;
	float:left;
	text-align:left;
}
.metier-txt-gauche{
	width:37.75510204081633%;/*185 - 490*/
	float:left;
	text-align:right;
}
@media screen and (max-width: 850px){
	.metier-txt-droite{
		width:240px;/*241 - 490*/
		margin:10px 15%;
		float:left;
		
	}
	.metier-txt-gauche{
		float:left;
		width:98%;/*241 - 490*/
		margin:0 auto;
		text-align:center;
		
	}
}
#liste-support{
	width:200px!important;	
}
#liste-support li{
	font-family: 'Carrois Gothic', sans-serif;
	color:#ee813c;
	font-weight:normal;
	font-size:0.875em;/*14*//*16px*/
	display:list-item!important;
	width:200px!important;
	height:20px!important;
	float:none!important;
	text-align:left!important;
	list-style:url(../images/index/index-06.png)!important;
}




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: 1500px){
	div#contenu3 div#actualite-index-fond{
		font-size:15px;	
	}
}
@media screen and (max-width: 960px){
	div#contenu3 div#actualite-index-fond{
		font-size:14px;	
	}
}
@media screen and (max-width: 960px){
	div#contenu3 div#metier-image{
		display:none;
	}
	div#contenu3 div#metier-index{
	width:50%;/*372*//*980px*/	
	}
}
@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:40%;
	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:50%;
		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;
	}
}
/***********************************//* 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;
}
/*--------------------------*/
#separateur{
	/*margin:2% auto;*/
	/*background-color:#FFFFFF;*/
	width:100%;
	overflow:hidden;
}
#center{
	text-align:center;
}
#actu_old
{
	background-color:#e1dcdc;
	margin: 10% auto;
	width:20%; 
	float:left;
	margin-left:4%;
}
@media screen and (max-width: 850px){
	#actu_old{
		width:80%;
	}
}
#margin_sommaire
{
	text-align:center;
	background-color:#ee813c;
}
#margin_titre
{
	margin:5%;
	/*text-align:center;*/
}
#margin_desc
{
	margin:0 7% 0 7%;
}
/**************************************************************************************************/

/*--------------------------------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-18-blanc{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1.15em;/*16px*//*16px*/
	color:#f1f0f0;
	font-weight:normal;
}
.Police-heveltica-25-orange{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1.5em;/*16px*//*16px*/
	color:#ee813c;
	font-weight:normal;
}
.Police-heveltica-28-gris-fonce{
	font-family: Helvetica,Arial, sans-serif;
	font-size:1.75em;/*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.875em;/*16px*//*16px*/
	color:#585555;
	font-weight:normal;
}