body{
	margin:0;
	font-family:'Crimson Text',sans-serif;
}
.foot{
	clear:both;
}
.oblique{
	transform: skewX(-20deg);
	-webkit-transform: skewX(-20deg);
	-moz-transform: skewX(-20deg);
	-ms-transform: skewX(-20deg);
	-o-transform: skewX(-20deg);
}
.no_oblique{
	transform: skewX(20deg);
	-webkit-transform: skewX(20deg);
	-moz-transform: skewX(20deg);
	-ms-transform: skewX(20deg);
	-o-transform: skewX(20deg);
}
header{
	position:fixed;
	top:0px;
	left:0px;
	height:80px;
	width:100%;
	background-color:rgba(0,0,0,0.8);
	z-index:10;
	overflow:hidden;
}
header .lang{
	position:absolute;
	top:25px;
	right:20px;
	background-color:white;
	height:30px;
}
a{
	text-decoration:none;
}
header .menu_mobile{
	display:none;
	cursor:pointer;
}
.menu_mobile_content{
	display:none;
}
header .logo{
	height:80px;
	margin-top:0px;
	margin-left:0px;
	background-color:white;
	width:300px;
	display:inline-block;
	vertical-align:top;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	box-shadow:0px 0px 40px rgba(0,0,0,1);
}
header .logo img{
	height:80px;
}
header ul{
	display:inline-block;
	vertical-align:top;
	padding:0;
	margin:0;
	font-size:0;
}
header ul li{
	display:inline-block;
	height:60px;
	line-height:60px;
	padding-left:30px;
	padding-right:30px;
	cursor:pointer;
	font-size:14px;
	font-weight:bold;
	color:rgba(255,255,255,1);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-left:10px;
	margin-top:10px;
}
header ul li:hover{
	background-color:rgba(165,5,55,1);
	color:white;
}
.top{
	position:relative;
	height:100%;
	width:100%;
	background-image:url(../img/fond3.jpg);
	background-position:top;
	background-repeat:no-repeat;
	background-size:cover;
}
.top .back{
	position:relative;
	height:100%;
	width:100%;
	background-image:url(../img/fond2.png);
	background-color:rgba(0,0,0,0.1);
	background-size:3px;
	opacity:0.4;
}
.top .title{
	position:absolute;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:1;
	text-align:center;
	width:100%;
	opacity:1;
	top:50%;
	color:white;
}
.top .title h1{
	font-size:60px;
	display:inline-block;
	border-bottom:10px dotted rgba(200,170,105,1);
	padding-bottom:20px;
	text-shadow:5px 5px 10px rgba(0,0,0,0.7);
	-webkit-text-shadow:5px 5px 10px rgba(0,0,0,0.7);
	-moz-text-shadow:5px 5px 10px rgba(0,0,0,0.7);
	-ms-text-shadow:5px 5px 10px rgba(0,0,0,0.7);
	-o-text-shadow:5px 5px 10px rgba(0,0,0,0.7);
}
.top .title h2{
	margin:0;
	font-size:30px;
	text-shadow:5px 5px 10px rgba(0,0,0,0.7);
	-webkit-text-shadow:5px 5px 10px rgba(0,0,0,0.7);
	-moz-text-shadow:5px 5px 10px rgba(0,0,0,0.7);
	-ms-text-shadow:5px 5px 10px rgba(0,0,0,0.7);
	-o-text-shadow:5px 5px 10px rgba(0,0,0,0.7);
}
.top .plus{
	position:absolute;
	bottom:10px;
	left:50%;
	width:200px;
	margin-left:-100px;
	left:50%;
	height:60px;
	line-height:60px;
	color:white;
	font-weight:bold;
	background-color:rgba(0,0,0,1);
	text-align:center;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	cursor:pointer;
}
.top-page{
	height:300px;
}
.top-page .title{
	margin-top:30px;
}
.contenaire{
	font-family:sans-serif;
}
.contenaire h1{
	font-family:'Crimson Text',sans-serif;
	text-align:center;
	margin:40px;
	padding:0;
	font-size:40px;
}
.contenaire .h2{
	font-family:'Crimson Text',sans-serif;
	text-align:center;
	margin:30px;
}
.contenaire .h2 h2{
	display:inline-block;
	background-color:rgba(165,5,55,1);
	color:white;
	padding:10px;
	padding-left:30px;
	padding-right:30px;
	font-size:22px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin:0;
}
.contenaire .h2 h2 span{
	display:inline-block;
}
.contenaire p{
	margin-left:80px;
	margin-right:80px;
	padding-top:20px;
	padding-bottom:20px;
	color:rgb(100,100,100);
}
.sous_contenaire{
	background-color:rgba(165,5,55,1);
	padding-top:1px;
	padding-bottom:1px;
}
.sous_contenaire h1{
	color:white;
}
.sous_contenaire .h2 h2{
	background-color:white;
	color:rgba(165,5,55,1);
}
.sous_contenaire p{
	color:rgba(255,255,255,0.9);
}
.contenaire .poles{
	margin-left:80px;
	margin-right:80px;
	font-size:0px;
	margin-bottom:40px;
}
.contenaire .poles .element{
	width:50%;
	height:350px;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
.contenaire .poles .element .content{
	background-color:rgb(240,240,240);
	position:absolute;
	margin:0;
	background-position:center;
	background-repeat:no-repeat;
	background-size:cover;
}
.contenaire .poles .element .c1{
	top:0px;
	left:0px;
	bottom:2px;
	right:0px;
	background-image:url(../img/pole_affaires.jpg);
}
.contenaire .poles .element .c2{
	top:0px;
	left:0px;
	bottom:0px;
	right:0px;
	background-image:url(../img/pole_social.jpg);
}
.contenaire .poles .element .c3{
	top:0px;
	left:3px;
	bottom:0px;
	right:0px;
	background-image:url(../img/pole_penal.jpg);
}
.contenaire .poles .element .back{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:rgba(0,0,0,0.3);
}
.contenaire .poles .element .title{
	position:absolute;
	top:50%;
	left:0px;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:1;
	text-align:center;
	width:100%;
}
.contenaire .poles .element h3{
	font-size:40px;
	color:white;
	font-family:'Crimson Text',sans-serif;
	margin:0;
	margin-bottom:20px;
}
.contenaire .poles .element .plus{
	font-size:30px;
	color:white;
	padding:20px;
	padding-top:10px;
	padding-bottom:10px;
	background-color:rgba(0,0,0,0.7);
	display:inline-block;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	color:rgba(255,255,255,0.8);
	cursor:pointer;
}
.contenaire .poles .element .infos{
	position:absolute;
	top:0px;
	left:0px;
	height:100%;
	width:100%;
	background-color:rgba(165,5,55,0.8);
	z-index:1;
	opacity:0;
	display:none;
	transition:opacity 0.3s;
	-webkit-transition:opacity 0.3s;
	-moz-transition:opacity 0.3s;
	cursor:pointer;
}
.contenaire .poles .element .infos div{
	position:absolute;
	top:50%;
	left:5%;
	transform:translateY(-50%);
	-webkit-transform:translateY(-50%);
	-moz-transform:translateY(-50%);
	-ms-transform:translateY(-50%);
	-o-transform:translateY(-50%);
	z-index:1;
	text-align:justify;
	width:90%;
	font-size:16px;
	color:white;
}
.pole_infos_selec{
	position:fixed !important;
	top:0px !important;
	left:0px !important;
	height:100% !important;
	width:100% !important;
	z-index:11 !important;
	display:block !important;
	opacity:1 !important;
}
.contenaire .photo{
	height:200px;
	width:200px;
	background-color:rgba(255,255,255,0.8);
	margin:40px auto;
	border-radius:500px;
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	overflow:hidden;
}
.contenaire .photo div{
	height:100%;
	width:100%;
	background-image:url(../img/profil.jpg);
	background-position:center;
	background-size:cover;
}
.contenaire .h3_1{
	text-align:center;
	margin:20px auto;
	color:white;
	font-size:30px;
	font-family:'Crimson Text',sans-serif;
}
.actualites{
	font-size:0px;
	padding-bottom:40px;
}
.actualites .actu{
	width:33.33%;
	display:inline-block;
	position:relative;
	vertical-align:top;
}
.actualites .actu .content{
	position:relative;
	margin-top:20px;
	margin-left:20px;
	margin-bottom:20px;
	margin-right:20px;
	background-color:rgb(240,240,240);
	overflow:hidden;
	border-radius:20px;
	-webkit-border-radius:20px;
	-moz-border-radius:20px;
}
.actualites .actu .content .photo-fond{
	height:300px;
	background-position:center;
	background-size:cover;
	position:relative;
}
.actualites .actu .content .photo-fond div{
	position:absolute;
	bottom:0px;
	left:0px;
	right:0px;
	margin:0;
	padding:20px;
	color:white;
	font-size:25px;
	background-image:linear-gradient(rgba(0,0,0,0),rgba(0,0,0,1));
}
.actualites .actu .content .desc{
	padding:20px;
	font-size:16px;
	color:black;
}
.actualites .actu .content .file{
	font-size:16px;
	padding:10px;
	background-color:rgba(165,5,55,1);
	color:white;
	display:block;
	width:200px;
	text-align:center;
	margin:20px auto;
	margin-top:0px;
	border-radius:100px;
	-webkit-border-radius:100px;
	-moz-border-radius:100px;
}
.actualites .actu .content .file:hover{
	opacity:0.8;
}
.contenaire .activites{
	min-height:300px;
	margin:40px 80px;
}
.contenaire .activites .activite{
	text-align:center;
}
.contenaire .activites .activite div{
	height:50px;
	font-size:18px;
	line-height:50px;
	display:inline-block;
	padding-left:30px;
	padding-right:30px;
	margin-left:15px;
	margin-right:15px;
	color:rgba(200,170,105,1);
	border:2px solid rgba(200,170,105,1);
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	cursor:pointer;
}
.contenaire .activites .activite .selected{
	color:white;
	border:2px solid rgba(200,170,105,1);
	background-color:rgba(200,170,105,1);
}
.contenaire .activites .content{
	background-color:rgb(240,240,240);
	padding:20px;
	margin-top:40px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	display:none;
}
.contenaire .activites .content h4{
	margin:0;
	font-size:18px;
	font-family:'Crimson Text',sans-serif;
}
.contenaire .activites .content p{
	margin:0;
	font-size:16px;
}
.contenaire .contact{
	position:relative;
	margin-top:20px;
}
.contenaire .contact .map{
	position:absolute;
	top:0px;
	right:450px;
	left:0px;
	bottom:0px;
	margin:0;
	background-color:white;
	border-top-right-radius:20px;
	-webkit-border-top-right-radius:20px;
	-moz-border-top-right-radius:20px;
}
.contenaire .contact .form_contact{
	float:right;
	min-height:500px;
	width:450px;
}
.contenaire .contact .form_contact form{
	margin:40px 40px;
}
.contenaire .contact .form_contact form input,.contenaire .contact .form_contact form select{
	height:50px;
	width:100%;
	padding-left:10px;
	border:none;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	margin-bottom:20px;
	font-size:16px;
	background-color:rgb(240,240,240);
	appearance:none;
	-webkit-appearance:none;
	-moz-appearance:none;
}
.contenaire .contact .form_contact form input[type='submit']{
	margin-top:40px;
	border:2px solid rgba(165,5,55,1);
	background-color:white;
	color:rgba(165,5,55,1);
	font-weight:bold;
	cursor:pointer;
}
.contenaire .contact .form_contact form textarea{
	width:100%;
	height:200px;
	padding:10px;
	font-size:16px;
	font-family:sans-serif;
	max-width:100%;
	min-width:100%;
	min-height:200px;
	border-radius:5px;
	-webkit-border-radius:5px;
	-moz-border-radius:5px;
	background-color:rgb(240,240,240);
	border:none;
}
.page{
	margin:60px auto;
	min-height:100%;
	padding:20px;
}
.page h1{
	margin:20px;
	padding:0;
	text-align:center;
	font-size:40px;
	margin-bottom:40px;
}
.page p{
	font-size:18px;
}
footer{
	background-color:black;
	padding:20px;
	text-align:center;
	color:white;
}
footer h1{
	margin:0px;
	font-size:16px;
	margin-bottom:10px;
}
footer a{
	color:rgba(255,255,255,0.8);
	font-family:sans-serif;
	font-size:14px;
}
footer img{
	height:40px;
	margin:20px 20px;
	margin-top:none;
	border-radius:50px;
	-webkit-border-radius:50px;
	-moz-border-radius:50px;
}
#irdv{
	cursor:pointer;
}
.iframe{
	position:fixed;
	top:0px;
	left:0px;
	right:0px;
	bottom:0px;
	margin:0;
	z-index:11;
	overflow:hidden;
	background-color: white;
	z-index: 10;
}
.iframe .close{
	height: 60px;
	line-height: 60px;
	text-align: center;
	cursor: pointer;
	background-color: rgba(165,5,55,1);
	color: white;
}
.iframe .content{
	position: absolute;
	top: 60px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	margin: 0;
}
.iframe iframe{
	height: 100%;
	width: 100%;
	border: none;
}
.page .informations{
	text-align:center;
	margin-bottom:60px;
}
.page .informations .content{
	display:inline-block;
	vertical-align:top;
	width:300px;
	margin-left:20px;
	margin-right:20px;
	background-color:rgb(245,245,245);
	padding-bottom:20px;
	border-radius:10px;
	-webkit-border-radius:10px;
	-moz-border-radius:10px;
}
.page .informations .content img{
	height:200px;
	margin-top:20px;
	border-radius:500px;
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
}
.page .informations .content h2{
	font-weight:normal;
	font-size:25px;
}
.page .informations a{
	color:black;
	text-decoration:none;
}
.mentions-legales{
	background-color:rgb(245,245,245);
	width:500px;
	margin:40px auto;
	padding:20px;
}
.all_actus{
	border:2px solid rgba(165,5,55,1);
	color:rgba(165,5,55,1);
	padding:15px;
	display:block;
	width:250px;
	margin:40px auto;
	text-align:center;
	border-radius:500px;
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	font-weight:bold;
	margin-top:0px;
}
.all_actus{
	border:2px solid rgba(165,5,55,1);
	color:rgba(165,5,55,1);
	padding:15px;
	display:block;
	width:250px;
	margin:40px auto;
	text-align:center;
	border-radius:500px;
	-webkit-border-radius:500px;
	-moz-border-radius:500px;
	font-weight:bold;
	margin-top:0px;
}
.espace-client{
	position: fixed;
	bottom: 0px;
	left: 0px;
	background-color: rgba(165,5,55,1);
	color: white;
	padding: 10px 20px;
	font-size: 16px;
	font-family:sans-serif;
	cursor: pointer;
	border-top-right-radius: 10px;
	-webkit-border-top-right-radius: 10px;
	-moz-border-top-right-radius: 10px;
	box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	-webkit-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
	-moz-box-shadow: 0px 0px 20px rgba(0,0,0,0.2);
}
.espace-client img{
	height: 40px;
	vertical-align: middle;
	margin-right: 20px;
	filter: invert(1);
	-webkit-filter: invert(1);
	-moz-filter: invert(1);
	-ms-filter: invert(1);
	-o-filter: invert(1);
}