/*   Charte :

Gris-foncé : #4A4A49
Gris-intermédiaire : #6A6969
Gris-clair : #9C9B9B
Rouge fonçé : #932826 // #81241f
rouge clair : #CC1719 // #bf2a24
*/


*{margin : 0 ; padding : 0 ; font-family : 'Segoe UI',"Segoe WPC",Helvetica, Arial, "Arial Unicode MS", Sans-Serif;  font-style : normal ;font-size : 1em;}
a, a:link, a:visited{font-style : normal ; text-decoration: none ; font-weight :normal; font-weight : bold; color : #555555 ;}
a:hover{ color : #333333 ;}
.spacer{clear : both;}
img {border : none;}
ol{padding-left : 25px;}
li{list-style-type : none;}
html{
	/*background-color : #cccccc; */
	width : 100% ;
	min-width : 1024px;
	background: linear-gradient(#dddddd 0px,transparent 800px)
}
body{position : relative;}
div#contenant{max-width : 1024px;margin : auto;}
header{
}
h1{color: #6A6969;}
	h1.titrepage{font-size : 2em;}
	h1 a, h1 a:link, h1 a:visited,h2 a, h2 a:link, h2 a:visited,h3 a, h3 a:link, h3 a:visited{color:#9C9B9B;}
	h1 a:hover, h2 a:hover, h3 a:hover{ color : #333333 ;}
h2{font-size : 1.5em;color: #6A6969;}
h2 ul li {
    list-style-type: none;
    display: inline-block;
    padding-left: 5%;
    padding-right: 5%;
    position: relative;
    z-index: 5;
    margin-bottom: 10px;
}
h3{font-size : 1.3em; color :#6A6969;padding: 10px 0px 0px 0px; margin-left: 6%;}
	header #banniere{display : block; height : 180px;}
		#titrePage{display : block ; height : 93px ; font-size : 1.5em ; font-weight : bold ; text-align : left ; vertical-align : center ; font-style : italic ; padding : 50px 0 0 40px ; color : #9C9B9B;}
			.dsi{ font-weight : bold ;font-style : inherit;}
			.dsifr{color : #bf2a24; font-style : inherit;}
			.sousTitre{font-style : italic ;}
		nav#menu{
			width : 100%;
			height : 37px ;
			bottom : 0;
			margin : 0 ; 
			padding : 0 ;
		}
			nav#menu ul.upperMenu{
				margin : 0 ; 
				padding : 0;
				display : block ;
			}
			nav#menu .upperMenu li{
				display : block ;
				width : 150px;
				height : 30px ;
				float : left ;
				padding : 7px 0 0 0 ;
				margin: 0 ;
				text-align : center;
			}
			nav#menu ul.socialMenu, nav#pied-page ul.socialMenu{
				margin : 0 ; 
				padding : 0;
				display : block ;
			}
			nav#menu .socialMenu li, nav#pied-page .socialMenu li{
				display : block ;
				width : 35px;
				height : 30px ;
				float : right ;
				padding :  0 ;
				margin: 0 ;
				text-align : center;
			}
				nav#menu li a,nav#menu li a:link,nav#menu li a:visited{color : #bf2a24; display : block;-webkit-border-radius: 2px;-moz-border-radius: 2px;border-radius: 2px;}
				nav#menu li.Selected a,nav#menu li.Selected a:link,nav#menu li.Selected a:visited{color : #9C9B9B}
				nav#menu li:hover{}
				nav#menu li a:hover{font-weight : bold ;color : #9C9B9B}
	header #logo{height : 180px;}
.col1{width : 23%; padding : 0 1.5% ; margin : 0; float : left;}
.col2{width : 71%; margin : 0 2% 0 0; padding : 0; float : right;}
.col3{width : 33%; padding : 0 1.5% ; margin : 0; float : left;}
.col4{width : 61%; margin : 0 2% 0 0; padding : 0; float : right;}
.col5{width : 47%; padding : 0 1.5% ; margin : 0; float : left;}
.col6{width : 47%; margin : 0 2% 0 0; padding : 0; float : right;}
.colUnique{width : 96%; margin : 0 2%; padding : 0; clear : both;}
ul.coche {margin : 0 0 10px 15px ; padding : 0 0 0 10px ;}
ul.coche li {margin : 0 0 0 5px ; padding : 0 ; font-style: normal; font-weight: normal; text-align: left; list-style-image : url(../images/puce.png) ; }
.bouton{
	height : 35px; 
	width : 180px; 
	margin : 5px 0 5px 0;
	font-weight : bold;
	font-size : 1.1em;
	color: #4A4A49;
	-webkit-border-radius: 4px;
	-moz-border-radius: 4px;
	border-radius: 4px;
}
.bouton:hover{cursor : pointer;}
	div.contenu{
		width : 1024px;
		margin : auto ;
		margin-bottom : 10px;
		padding-bottom : 90px;
		clear : both;
	}
	.table{clear : both; overflow: auto; position : relative; margin-bottom: 50px; display: inline-table;}
	#contenu-texte{height: auto;background-color : #F8F7F7;margin-top : 10px;margin-bottom : 40px;color : #4A4A49;font-size : .9em;}
		#contenu-texte h1, #contenu-texte h2{padding : 10px 10px 0 10px;}
		#contenu-texte p{padding : 0 10px 10px 10px;}
	#contenu-form{padding-top : 30px; margin-bottom : 80px ; }
		#contenu-form input[type='submit']{cursor : pointer;}
	#humain{ position : absolute; bottom : 0; vertical-align : bottom;}
		#humain img{ position : absolute; bottom : 0;}
	#glossaire{
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background-color : #9C9B9B;
		position : relative;
		overflow : hidden;
		margin-top : 20px;
	}
		#glossaire h2, #news h2, #annonce h2, #adresse h2{
			display : block;
			font-size : .9em;
			text-align : center;
			color : #ffffff;
			-webkit-border-top-left-radius: 7px;
			-moz-border-radius-topleft: 7px;
			border-top-left-radius: 7px;
			-webkit-border-top-right-radius: 7px;
			-moz-border-radius-topright: 7px;
			border-top-right-radius: 7px;
			padding : 2px 0;
			background-color : #BCBBBB;
			font-style : italic ;
			min-height : 19px;
		}
		#glossaire .contenu-glossaire{
			min-height : 100px;
			max-height : 150px;
			margin : 10px;
			padding : 0;
			background-color : #F8F7F7;
			position : relative;
			color : #4A4A49 ; 
			overflow : auto;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			/*text-align:right;*/
		}
		#glossaire ul{padding : 10px 0; }
		#glossaire li{
			padding : 2px 7px;
			/*color : #ffffff;*/
			color : #4A4A49 ; 
			font-size : .7em;
			font-style : italic ;
			line-height : 13px;
		}
		#glossaire .bas-glossaire, #news .bas-news, #annonce .bas-annonce, #adresse .bas-adresse{
			position : relative;
			bottom : 0;
			height : 15px;
			
			-webkit-border-bottom-left-radius: 7px;
			-moz-border-radius-bottomleft: 7px;
			border-bottom-left-radius: 7px;
			-webkit-border-bottom-right-radius: 7px;
			-moz-border-radius-bottomright: 7px;
			border-bottom-right-radius: 7px;
			background-image:linear-gradient(to left,#81241f,#bf2a24,#81241f);
		}
	#adresse{
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background-color : #9C9B9B;
		position : relative;
		overflow : hidden;
		height: auto;
	}
		#adresse .contenu-adresse{
			margin : 10px;
			padding : 0;
			background-color : #F8F7F7;
			position : relative;
			color : #4A4A49 ; 
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
			min-height : auto;
			/*text-align:right;*/
		}
		#adresse h3{	display : block;text-align : center; color: #4A4A49;}
		#adresse h3 span.ville{font-size : .6em; font-weight : normal;}
		#adresse p{padding : 1px 5px ; color: #4A4A49;text-align : center;}
		#adresse p input{
			height : 35px; 
			width : 180px; 
			margin : 5px 0 5px 0;
			font-weight : bold;
			color: #4A4A49;
			-webkit-border-radius: 4px;
			-moz-border-radius: 4px;
			border-radius: 4px;
		}
		#adresse p input:hover{cursor : pointer;}
	#carousel{height : 250px; overflow : hidden;}
		#carousel img{width : 100%;}
		#carousel ul li{}
	#news{
		margin-top : 15px;
		padding-bottom : 1px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background-color : #9C9B9B;
		position : relative;
	}
		#news .contenu-news{
			min-height : 100px;
			max-height : 150px;
			margin : 10px;
			padding : 5px;
			background-color : #F8F7F7;
			overflow : auto;
			position : relative;
			color : #4A4A49 ; 
			font-size : .7em;
			/*text-align:right;*/
		}
		#news .contenu-news a,#news .contenu-news a:visited{color:#ff0000;float:right;}
		#news .contenu-news a:hover{color:#4A4A49;}
		#news .contenu-news h3{clear : both; font-size : 1em;}
	#annonce{
		margin-top : 15px;
		padding-bottom : 1px;
		-webkit-border-radius: 7px;
		-moz-border-radius: 7px;
		border-radius: 7px;
		background-color : #9C9B9B;
		position : relative;
	}
		#annonce .contenu-annonce{
			margin : 10px;
			position : relative;
			font-size : .7em;
			height : 150px;
			overflow : auto;
		}
		#annonce .contenu-annonce p{
			background-color : #F8F7F7;
			padding : 5px;
			margin-bottom : 10px;
			color : #4A4A49 ;
		}
		
	
	.col2.annonce h2{margin : auto; text-align:center; margin-bottom : 10px;}
	.col2.annonce .paragraphe {}
	.col2.annonce .centre {margin : auto;text-align:center;}
	.col2.annonce .rouge {color : #ff0000;}
	.col2.annonce ul {margin : 0 0 10px 15px ; padding : 0 0 0 10px ;}
	.col2.annonce li {margin : 0 0 0 5px ; padding : 0 ; font-style: normal; font-weight: normal; text-align: left; list-style-image : url(../images/puce.png) ; }
	
	footer{width : 1024px; background-image :  url("../images/footer.png"); padding-top : 110px;position : absolute; bottom : 0; background-repeat : no-repeat; }
		footer p {color : white;font-size : .55em;}
		footer #pied-page {padding-top : 60px; font-size : .8em;}
			footer #pied-page ul{padding-left : 50px;}
			footer #pied-page li{
				display : block ;
				width : 130px;
				height : 30px ;
				float : left ;
				color : #ffffff;
			}
			footer #pied-page li.xiti{text-align : right;}
			footer #pied-page a:link, footer #pied-page a:visited {font-weight : bold;color : #ffffff;}
			footer #pied-page a:hover{color : #4A4A49;}
			footer #pied-page li.Selected a,footer #pied-page li.Selected a:link,footer #pied-page li.Selected a:visited{color : #9C9B9B;}



ul.coche li {margin : 0 0 0 5px ; padding : 0 ; font-style: normal; font-weight: normal; text-align: left; list-style-image : url(./images/puce.png) ; }
.col2.annonce ul {margin : 0 0 10px 15px ; padding : 0 0 0 10px ;}


.code-deontologique {
	font-style: italic !important;
}

.button-postule {
	text-align: center;
	margin-top: 35px;
	position: relative;
	z-index: 2;
}

.button-lien {
	background: #f0f0f0;
	padding-right: 23px;
	padding-left: 23px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 2px;
	border: solid 1px gray;
	position: relative;
	font-weight: 500 !important;
	color: #bf2a24 !important;
}

.button-offre-demploi {
	background: #f0f0f0;
	padding-right: 23px;
	padding-left: 23px;
	padding-top: 5px;
	padding-bottom: 5px;
	border-radius: 2px;
	border: solid 1px gray;
	position: relative;
	font-weight: 500 !important;
	color: #bf2a24 !important;
}

div.colUnique ul.villes li{
	list-style-type : none;
	display : inline-block;
	margin-left : 5%;
	font-weight: bold;
	font-size: x-large;
	text-align: center;
	margin-top: 20px;
}

div.colUnique ul.termes-impt li{
	list-style-type : none;
	font-size: medium;
	margin-top: 5px;
}

.margin-top-10 {
	margin-top: 10px;
}

.margin-left-2 {
	position: relative;
    left: 2%;
    top: 5px;
}

.p-button-lien {
	margin-top: 10px;
	padding-bottom: 20px !important;
	padding-top: 20px !important;
}

.line-height-25 {
	line-height: 25px;
}

.margin-top-titre {
	margin-top: 10px;
}

.bottom-20 {
	position: relative;
	bottom: 20px;
}

.p-size-adresses {
	font-size: 14.4px;
}

div.contenu-bouton {
	margin-top : 15px;
}

.contenu-texte-ml {
	margin-bottom: 85px;
}

.button-form {
	position: relative;
	z-index: 5;
	background: #f0f0f0;
    padding-right: 23px;
    padding-left: 23px;
    padding-top: 5px;
    padding-bottom: 5px;
    border-radius: 2px;
    border: solid 1px gray;
    font-style: normal;
    text-decoration: none;
    font-weight: 500 !important;
    color: #bf2a24 !important;
}

.center {
	margin: auto;
	text-align: center;
}

.br-width{
	display: none;
}

.cvLm {
	font-size: x-small;
	font-style: italic;
	padding: 5px;
}

.button-postule, .div-button-img {
	text-align: center;
	margin-top: 35px;
	position: relative;
	z-index: 2;
	border: none;
	background: none;
}

.boutons-img {
	height: 40px;
	cursor: pointer;
}

.boutons-img2 {
	height: 60px;
	cursor: pointer;
}

.boutons-img3 {
	height: 80px;
	cursor: pointer;
}

.mobile {display: none;}

.col2-2{width : 71%; margin : 0 2% 0 0; padding : 0; float : left;}

.margin-li li {
	margin: 5px;
	position: relative;
	left: 10px;
}

.barre-nav-lien {
	color: #CC1719 !important;
	font-weight: normal !important;
}

.barre-nav-lien:hover {
	color: #932826 !important;
}

ol.margin-li ol li {
	position: relative;
	left: 20px;
}

ol.margin-li ol {
	margin-bottom: 15px;
}

#navbar {
	margin-top: 20px;
	overflow: hidden;
	float: right;
	margin : 0;
	padding : 0 1.5% ;
	width : 23%;
}

.sticky {
	position: fixed;
	top: 0;
	right: 0;
	width: 100%;
}

.sticky+.col2-2 {
	padding-top: 60px;
}

.stylebouton {
	display: block;
	background: linear-gradient(#82241F, #BE2A24);
    border-radius: 50px;
    border: none;
    color: #eeeeee;
    text-align: center;
    font-size: initial;
    font-weight: lighter;
    padding: 1.5%;
    padding-right: 5%;
    padding-left: 5%;
    width: auto;
    margin: 15px;
    margin-left: auto;
    margin-right: auto;
}