@charset "utf-8";
/* CSS Document */
body {
	font: 100%;
	margin: 0;
	padding: 0;
	color: #808080;
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	background-color:#fff;
	position:relative;
}

/* general styles */

h1, h2, h3 {
    margin: 0;
	padding: 0px;
}

ul {
    margin: 0;
    padding: 10px;
}
li {
    background-repeat: no-repeat;
    list-style-type: none;
}
p {
    margin: 0;
    margin-bottom: 7px;
}
a {
    text-decoration: none;
    color: #F49231;
}

a:hover{
    color: #595959;
}

a:active, a:focus{
   outline:none;
}

img  {
    border: none;
}

table {
    margin: 0;
    padding: 0;
    empty-cells: show;
    border-collapse: collapse;
    width: 100%;
}
td {
    margin: 0;
    padding: 0;
    border:0;
    vertical-align: top;
}
form {
    margin: 0;
    padding: 0;
    border-collapse: collapse;
    empty-cells: show;
}
input, select, textarea {
    color: #333;
    font-size: 14px;
    font-family: Arial, sans-serif;
}
.exergue {
    font-weight: bold;
}
.note {
    font-style: italic;
}
.obg{
	color:#e8093a;
}


/* Alignements */
.imgleft {
    float: left;
    margin-right: 12px;
}
.imgright {
    float: right;
    margin-left: 12px;
}
.imgcenter {
    text-align:center;
    margin: 0 auto;
	display:block;
}
.imgbottom {
	vertical-align:bottom;
}
.imgmiddle {
    vertical-align:middle;
    line-height:0px;
    font-size:0px;
    margin:0;
    padding:0;
}
.cellfloat_left {
    float: left;
    display: inline;
}
.cellfloat_right {
    float: right;
    display: inline;
}
.clearfloat {
    clear: both;
    line-height: 0px;
    height: 0px;
    margin: 0;
}
.separateur{
	width:100%;
	height:1px;
	float:left;
}
.center {
    text-align: center !important;
}
.left {
    text-align: left !important;
}
.right {
    text-align: right !important;
}

/* main container */
.container {
	width:100%;
	max-width:940px;
}
#container {
	min-height: 406px;
}
/* Top */
.top{
	width:100%;
	background-color:#595959;
}
.top_social{
	float:right;
	height:24px;
	width:auto;
	margin-top:9px;
	margin-bottom:16px;
	margin-left:10px;
	line-height:24px;
	font-size:18px;
	color:#FFF;
	font-family: 'Ubuntu Condensed', sans-serif;
}
.top_social img{
	margin-left:8px;
}
.top_social_first img{
	margin-left:2px;
}
.top_tel{
	float:right;
	width:302px;
	height:30px;
    text-align: right;
	margin-top:11px;
	margin-bottom:8px;
	padding-left:91px;
	font-size:16px;
	line-height:18px;
	font-weight:bold;
    color:#FFFFFF;
    padding-top:3px;
	/*color:#00904a;
	background-image: url(../images/bg_to_tel.png);
    background-position: top left;
    background-repeat: repeat-x;*/
}
.top_tel a{
    color:#FFFFFF;
    display: block;
    height: 30px;
	/*color:#00904a;*/
}
/* Menu */
.navbar-default{
	border:none;
	background:none;
	width:100%;
	margin-bottom:0;
	margin-top:16px;
	border-radius:0;
	z-index:1;
}
.navbar-collapse{
	width:100%;
	padding:0;
}
.navbar-nav{
	width:100%;
	padding:0;
}
.navbar-nav > li {
	height:auto;
	width:auto;
}
.navbar-nav > li > a{
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:18px;
	color:#595959;
	padding:0;
	vertical-align:middle;
	height:auto;
	width:auto;
	margin-left:18px;
	margin-right:17px;
	padding-bottom:6px;
}
.navbar-default .navbar-nav > li > a{
	color:#595959;
}
.navbar-nav > li:last-child  a{
	margin-right:0;
}
.navbar-nav > li:first-child a{
	margin-left:0;
}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:focus, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > li > a:focus, .navbar-default .navbar-nav > li > a:hover{
	background:none;
	color:#595959;
	border-bottom:2px solid #f3922f;
}
/* Header */
.header{
	height:188px;
	position: relative;
	padding:0;
	background-color:#f2f2f2;
}
.header_blc{
	width:100%;
	max-width:1280px;
	margin:0 auto;
	position:relative;
}
.header_img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:188px;
	z-index:1;
	background-image: url(../images/header_img.jpg);
    background-position: top center;
    background-repeat: no-repeat;
}
.header_degrad_img{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:188px;
	z-index:2;
	/*background-image: url(../images/degrad_image.png);
    background-position: top center;
    background-repeat: no-repeat;*/
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 33%, rgba(0,0,0,1) 130%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 33%,rgba(0,0,0,1) 130%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 33%,rgba(0,0,0,1) 130%);
}
.header_cont{
	width:100%;
	max-width:940px;
	height:188px;
	margin:0 auto;
	position:relative;
}
.logo{
	position:absolute;
	top:49px;
	left:15px;
	z-index:3;
}
.logo img{
	max-width:100%;
}
.header_rech, .header_rech2{
	position:absolute;
	top:150px;
	left:0;
	width:100%;
	text-align:center;
	z-index:3;
}
.header_rech2{
	top:125px;
}
.header_rech_title{
	width:100%;
	text-align:center;
	font-size:24px;
	font-weight:bold;
	color:#fff;
	padding-bottom:20px;
}
.header_rech_form{
	width:100%;
	max-width:462px;
	margin:0 auto;
	height:46px;
	background-color:#FFF;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.header_rech_txt{
	background:none;
	border:none;
	height:46px;
	line-height:46px;
	width:calc(100% - 51px);
	padding:0;
	margin:0;
	padding-left:10px;
	color:#7f7f7f;
	font-size:18px;
	font-family: 'Ubuntu Condensed', sans-serif;
	text-transform:uppercase;
	float:left;
}
.header_rech_btn{
	padding:0;
	margin:0;
	background:none;
	border:none;
	height:46px;
	width:46px;
	background-image: url(../images/rech_btn.png);
    background-position: center center;
    background-repeat: no-repeat;
}
/*Accueil*/
.picto_bloc{
	margin-top:40px;
	position:relative;
	text-align:center;
}
.picto_bloc img{
	display:inline;
	max-width:100%;
}
.picto_bloc_title{
	height:auto;
	width:100%;
	margin-top:25px;
	font-family: 'Ubuntu Condensed', sans-serif;
	font-size:18px;
	color:#595959;
}
.picto_bloc_title a{
	color:#595959;
	text-decoration:none;
}
.picto_bloc ul{
	padding:0;
	padding-top:18px;
	width:100%;
	height:auto;
}
.picto_bloc ul li{
	width:100%;
	max-width:286px;
	font-size:14px;
	color:#7f7f7f;
	line-height:21px;
	background-image: url(../images/ico_lst.jpg);
    background-position: left center;
    background-repeat: no-repeat;
	margin:0 auto;
}
.picto_bloc_barre{
	position:absolute;
	top:50px;
	right:-70px;
	width:140px;
	height:1px;
	border-top:1px solid #808080;
}
.home_actu{
	border-top:1px solid #e6e6e6;
	border-bottom:1ps solid #e6e6e6;
	background-color:#f2f2f2;
	width:100%;
	margin-top:34px;
}
.home_actu_title{
	background-image: url(../images/titre_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
	text-align:center;
	margin-top:40px;
	padding:0;
	width:calc(100% - 30px);
	margin-left:15px;
	margin-right:15px;
}
.home_actu_title span{
	color:#f49231;
	font-size:24px;
	font-family: 'Ubuntu Condensed', sans-serif;
	padding-left:37px;
	padding-right:37px;
	background-color:#f2f2f2;
	text-transform:uppercase;
}
.home_actu_blc{
	margin-top:32px;
}
.home_actu_blc_img{
	width:100%;
	height:auto;
	margin-bottom:22px;
}
.home_actu_blc_img img{
	max-width:100%;
}
.home_actu_blc_titre{
	width:100%;
	height:auto;
	color:#595959;
	font-size:18px;
	line-height:20px;
	font-family: 'Ubuntu Condensed', sans-serif;
	border-bottom:1px solid #808080;
	padding-bottom:4px;
	margin-bottom:14px;
}
.home_actu_blc_titre span{
	font-size:12px;
	color:#808080;
	font-family: 'Ubuntu', sans-serif;
}
.home_actu_blc_txt{
	width:100%;
	font-size:14px;
	color:#808080;
	line-height:20px;
}
.home_actu_btn{
	margin-top:34px;
	text-align:right;
}
.home_actu_btn a{
	display:inline-block;
	width:196px;
	height:28px;
	line-height:24px;
	border:2px solid #f49231;
	color:#f49231;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-right:26px;
	background-image: url(../images/btn_fl.jpg);
    background-position: right center;
    background-repeat: no-repeat;
	margin-bottom:50px;
}
.home_presta{
	height:auto;
	width:100%;
	margin-top:34px;
}
.home_presta_title{
	background-image: url(../images/titre_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
	text-align:center;
	/*margin-top:40px;*/
	padding:0;
	width:calc(100% - 30px);
	margin-left:15px;
	margin-right:15px;
}
.home_presta_title span{
	color:#f49231;
	font-size:24px;
	font-family: 'Ubuntu Condensed', sans-serif;
	padding-left:37px;
	padding-right:37px;
	background-color:#fff;
	text-transform:uppercase;
}
.home_presta_cont{
	padding:0;
	width:calc(100% - 30px);
	margin-left:15px;
	height:490px;
	margin-top:34px;
	background-image: url(../images/prestation_img.jpg);
    background-position: center center;
    background-repeat: no-repeat;
}
.home_presta_lst_g{
	position:absolute;
	left:0;
	top:0;
	width:125px;
	height:auto;
	margin:0;
	padding:0;
}
.home_presta_lst_g li{
	width:100%;
	text-align:right;
	height:40px;
}
.home_presta_lst_g li a{
	color:#595959;
	font-size:14px;
}
.home_presta_lst_d{
	position:absolute;
	right:0;
	top:40px;
	width:125px;
	height:auto;
	margin:0;
	padding:0;
}
.home_presta_lst_d li{
	width:100%;
	height:40px;
}
.home_presta_lst_d li a{
	color:#595959;
	font-size:14px;
}
/* breadcrumb*/
.breadcrumb{
	margin-top:46px;
	font-size:14px;
	color:#f49231;
	background:none;
	padding-top:0;
	padding-bottom:0;
}
.breadcrumb a{
	color:#f49231;
	text-decoration:underline;
}
/* Content */
.titre1, .titre2{
	background-image: url(../images/titre_bg.jpg);
    background-position: center center;
    background-repeat: no-repeat;
	text-align:center;
	padding:0;
	width:calc(100% - 30px);
	margin-left:15px;
	margin-right:15px;
	margin-bottom:25px;
}
.titre2{
	margin-bottom:0;
}
.titre1 h1, .titre2 h1{
	font-size:24px;
	color:#f49231;
	font-family: 'Ubuntu Condensed', sans-serif;
	padding-left:20px;
	padding-right:20px;
	background-color:#fff;
	text-transform:uppercase;
	display:inline;
}
.page_cont{
	width:100%;
	height:auto;
	font-size:14px;
	color:#7f7f7f;
	line-height:20px;
	text-align:justify;
}
.page_cont p{
	margin-bottom:35px;
	float:left;
	width:100%;
}
.page_cont img{
	max-width:100%;
	margin-bottom:5px;
}
/* Actualites*/
.actu_blc{
	margin-top:42px;
}
.actu_blc_img{
	height:auto;
	max-width:300px;
}
.actu_blc_img img{
	max-width:100%;
}
.actu_blc_cont{
	height:auto;
	width:calc(100% - 300px);
}
.actu_blc_titre{
	width:100%;
	height:auto;
	color:#595959;
	font-size:18px;
	line-height:20px;
	font-family: 'Ubuntu Condensed', sans-serif;
	border-bottom:1px solid #808080;
	padding-bottom:4px;
	margin-bottom:10px;
}
.actu_blc_titre a{
	color:#595959;
}
.actu_blc_titre span{
	font-size:12px;
	color:#808080;
	font-family: 'Ubuntu', sans-serif;
}
.actu_blc_txt{
	width:100%;
	font-size:14px;
	color:#808080;
	line-height:20px;
}
.actu_btn{
	margin-top:45px;
	text-align:center;
}
.actu_btn a{
	display:inline-block;
	width:229px;
	height:28px;
	line-height:24px;
	border:2px solid #f49231;
	color:#f49231;
	text-transform:uppercase;
	font-size:12px;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
}
.actu_date{
	text-align:center;
	font-size:12px;
	color:#808080;
	margin-bottom:22px;
}
.actu_cont{
	width:100%;
	height:auto;
	font-size:14px;
	color:#7f7f7f;
	line-height:20px;
	text-align:justify;
}
.actu_cont p{
	margin-bottom:20px;
}
.actu_img img{
	max-width:100%;
	margin-top:10px;
}
.actu_prec, .actu_suiv{
	margin-top:30px;
	font-size:14px;
}
.actu_prec a, .actu_suiv a{
	color:#ed9138;
}
.actu_suiv{
	text-align:right;
}
/*Prestations*/
.presta_btn{
	text-align:center;
}
.btn_real{
	display:inline-block;
	width:215px;
	height:32px;
	line-height:28px;
	border:2px solid #f49231;
	color:#f49231;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-right:36px;
	padding-left:6px;
	background-image: url(../images/btn_real.jpg);
    background-position: right center;
    background-repeat: no-repeat;
	margin-bottom:18px;
}
.btn_real:hover{
	color:#f49231;
}
.btn_devis{
	display:inline-block;
	width:175px;
	height:32px;
	line-height:28px;
	border:2px solid #f39330;
	background-color:#f39330;
	color:#fff;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-right:32px;
	padding-left:8px;
	margin-left:20px;
	margin-bottom:18px;
	background-image: url(../images/btn_devis.jpg);
    background-position: right center;
    background-repeat: no-repeat;
}
.btn_devis:hover{
	color:#fff;
}
.presta_blc{
	margin-top:15px;
	margin-bottom:25px;
}
.presta_blc_titre, .presta_blc_titre_mobile{
	font-size:18px;
	font-family: 'Ubuntu Condensed', sans-serif;
	margin-bottom:12px;
}
.presta_blc_titre a, .presta_blc_titre_mobile a{
	display:block;
	color:#595959;
	padding-bottom:6px;
	border-bottom:1px solid #808080;
}
.presta_blc_img{
	height:auto;
	max-width:210px;
}
.presta_blc_img img{
	max-width:100%;
}
.presta_blc_titre_mobile{
	display:none;
}
.presta_blc_txt{
	font-size:14px;
	color:#808080;
	line-height:20px;
	width:calc(100% - 210px);
}
.presta_admin{
	margin-bottom:20px;
	text-align:center;
}
.presta_admin_blc{
	margin-bottom:35px;
	min-height: 120px;
}
.presta_admin_blc_titre{
	font-size:18px;
	font-family: 'Ubuntu Condensed', sans-serif;
	margin-bottom:12px;
	display:block;
	color:#595959;
	padding-bottom:6px;
	border-bottom:1px solid #808080;
}
.presta_admin_blc_txt{
	font-size:14px;
	color:#7f7f7f;
	line-height:20px;
}
/* Realisations */
.realisation_blc{
	padding:0;
	padding-right:1px;
	padding-bottom:1px;
	height:158px;
}
.realisation_blc a {
	color: #ffffff;
}
.realisation_blc img{
	width:100%;
	height:100%;
	z-index:1;
}
.degrad_img2{
	position:absolute;
	top:0;
	bottom:1px;
	left:0;
	width:calc(100% - 1px);
	z-index:2;
	/*background-image: url(../images/degrad_image2.png);
    background-position: bottom center;
    background-repeat: no-repeat;
	background-size: 100% 100%;*/
	background: -moz-linear-gradient(top, rgba(255,255,255,0) 0%, rgba(0,0,0,1) 100%);
	background: -webkit-linear-gradient(top, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
	background: linear-gradient(to bottom, rgba(255,255,255,0) 0%,rgba(0,0,0,1) 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#00ffffff', endColorstr='#000000',GradientType=0 );
}
.realisation_blc_titre{
	position:absolute;
	left:10px;
	right:10px;
	bottom:36px;
	font-size:18px;
	font-family: 'Ubuntu Condensed', sans-serif;
	padding-bottom:3px;
	border-bottom:1px solid #fff;
	z-index:3;
}
.realisation_blc_nb_photo{
	position:absolute;
	left:10px;
	right:10px;
	bottom:13px;
	font-size:14px;
	font-family: 'Ubuntu Condensed', sans-serif;
	background-image: url(../images/ico_realisation.png);
    background-position: left center;
    background-repeat: no-repeat;
	padding-left:21px;
	z-index:3;
}
.realisation_blc_titre a, .realisation_blc_nb_photo a{
	color:#FFF;
}
.realisation_pagination{
	width:100%;
	margin-top:35px;
	margin-bottom:10px;
	text-align:center;
	float:left;
	color:#f49231;
	font-size:24px;
	font-family: 'Ubuntu Condensed', sans-serif;
}
.realisation_pagination a{
	color:#f49231;
	padding-left:25px;
	padding-right:25px;
	text-decoration:none;
}
.realisation_pagination a.actu_pag_sel{
	color:#808080;
}
.galerie_zoom{
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	z-index:90;
	background-color: rgba(0, 0, 0, 0.65);
}
.galerie_zoom_blc{
	margin-top:290px;
	padding:5px;
	width:100%;
	height:auto;
	background-color:#FFF;
	position:relative;
}
.galerie_zoom_img{
	float:left;
	width:630px;
	height:auto;
	position:relative;
}
.galerie_zoom_img img{
	max-width:100%;
}
.galerie_zoom_img_prc{
	position:absolute;
	top:0;
	left:0;
	width:30px;
	height:100%;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(../images/zoom_prec.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.galerie_zoom_img_suiv{
	position:absolute;
	top:0;
	right:0;
	width:30px;
	height:100%;
	background-color: rgba(0, 0, 0, 0.5);
	background-image: url(../images/zoom_suiv.png);
    background-position: center center;
    background-repeat: no-repeat;
}
.galerie_zoom_txt{
	float:left;
	width:268px;
	padding-left:10px;
	padding-right:5px;
	height:auto;
	position:relative;
	color:#737373;
	font-size:14px;
	font-family: 'Ubuntu Condensed', sans-serif;
	line-height:20px;
}
.galerie_zoom_ferm{
	position:absolute;
	right:10px;
	bottom:10px;
	font-size:14px;
	font-family: 'Ubuntu Condensed', sans-serif;
}
.galerie_zoom_ferm a{
	color:#737373;
}
/* Devis */
::-webkit-input-placeholder {
   color: #737373;
}
:-moz-placeholder { /* Firefox 18- */
   color: #737373;  
}
::-moz-placeholder {  /* Firefox 19+ */
   color: #737373;  
}
:-ms-input-placeholder {  
   color: #737373;  
}
.contact_title{
	font-size:18px;
	color:#595959;
	font-family: 'Ubuntu Condensed', sans-serif;
	border-bottom:1px solid #808080;
	padding-bottom:6px;
	margin-bottom:22px;
}
.contact_cont input[type="text"],.contact_cont input[type="tel"],.contact_cont input[type="email"],.contact_cont input[type="password"],  .contact_cont  select {
	margin:0;
	padding:0;
	margin-bottom:10px;
    margin-top:10px;
	padding-left:10px;
	background-color: #f2f2f2;
    border: 1px solid #cccccc;
    color: #737373;
    font-size: 14px;
	font-family: 'Ubuntu', sans-serif;
    height: 40px;
    line-height: 38px;
	width:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.contact_cont input[type="checkbox"]{
	margin-top:30px;
}
.contact_cont textarea{
	margin:0;
	padding:0;
	margin-bottom:10px;
    margin-top:10px;
	padding-left:10px;
	background-color: #f2f2f2;
    border: 1px solid #cccccc;
    color: #737373;
    font-size: 14px;
	font-family: 'Ubuntu', sans-serif;
    height: 80px;
    line-height: 38px;
	width:100%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
}
.btn_rad_txt{
	width:auto;
	float:left;
	color: #737373;
    font-size: 14px;
	font-family: 'Ubuntu', sans-serif;
}
.btn_rad{
	width:auto;
	float:left;
	color: #737373;
    font-size: 14px;
	font-family: 'Ubuntu', sans-serif;
	margin-left:5px;
	margin-bottom:20px;
}
.ch_obg, .ch_obg2, .ch_obg3{
	font-size:14px;
	color:#f39330;
	margin-top:20px;
}
.ch_obg2{
	display:none;
}
.zone_prj{
	height:140px !important;
}
.contact_blc1{
	padding-left:0;
	padding-right:0;
}
.contact_blc2{
	padding-left:0;
}
.contact_blc3{
	padding-right:0;
}
.contact_blc4{
	padding-left:0;
	padding-right:0;
	margin-top:30px;
}
.btn_telecharger{
	float:right;
	width:145px;
	height:32px;
	line-height:28px;
	border:2px solid #f49231;
	background-color:#fff;
	color:#f49231;
	text-transform:uppercase;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	padding-left:6px;
	background-image: url(../images/btn_telecharger.jpg);
    background-position: right center;
    background-repeat: no-repeat;
}
.blc_btn_env{
	text-align:center;
}
.btn_envoi{
	display:inline-block;
	width:216px;
	height:42px;
	line-height:38px;
	border:2px solid #f39330;
	background-color:#f39330;
	color:#fff;
	text-transform:uppercase;
	font-size:18px;
	font-weight:bold;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	border-radius: 3px;
	text-align:center;
	margin-top:30px;
	background-image: url(../images/btn_devis.jpg);
    background-position: right center;
    background-repeat: no-repeat;
}
/* Footer */
.footer{
	padding:0;
	margin-top:40px;
	min-height:113px;
	width:100%;
	background-color:#595959;
	background-image: url(../images/bg_footer.jpg);
    background-position:top left;
    background-repeat: repeat-x;	
}
.footer .row{
	position:relative;
}
.footer_logo{
}
.footer_social{
	min-height:24px;
    z-index: 333;
	position:absolute;
	top:15px;
	right:0;
	line-height:24px;
	font-size:14px;
	color:#595959;
	font-weight:bold;
	text-align:right;
}
.footer_social img{
	margin-left:8px;
}
.footer_menu{
	padding-top:76px;
	height:auto;
}
.footer_menu ul {
	padding:0;
	margin:0;
}
.footer_menu ul li{
	float:left;
}
.footer_menu ul li::after{
	content:"|";
	color:#fff;
	font-size:14px;
	font-weight:bold;
}
.footer_menu ul li:last-child:after{
	content:"";
}
.footer_menu ul li a{
	display:inline-block;
	color:#fff;
	font-size:14px;
	font-weight:bold;
	padding-left:10px;
	padding-right:10px;
}
.footer_menu ul li:first-child a{
	padding-left:0;
}
.footer_menu ul li::last-child a{
	padding-right:0;
}
.footer_creat{
	color:#fff;
	font-size:14px;
	font-weight:bold;
	line-height:24px;
	padding-top:74px;
	height:auto;
	text-align:right;
}
.footer_sep{
	height:1px;
	width:100%;
	float:left;
	display:none;
}

.error-message {
    color: #f49231;
    font-size: smaller;
}
/******************/
.separateur {
    width: 100%;
    height: 10px;
    display: block;
    border-bottom: 1px solid #808080;
    padding-bottom: 6px;
    margin-bottom: 22px;
}
/******************/
.cd-breadcrumb, .cd-multi-steps {
  width: 90%;
  max-width: 768px;
  padding: 0.5em 1em;
  margin: 1em auto;
  background-color: #edeff0;
  border-radius: .25em;
}
.cd-breadcrumb:after, .cd-multi-steps:after {
  content: "";
  display: table;
  clear: both;
}
.cd-breadcrumb li, .cd-multi-steps li {
  display: inline-block;
  float: left;
  margin: 0.5em 0;
}
.cd-breadcrumb li::after, .cd-multi-steps li::after {
  /* this is the separator between items */
  display: inline-block;
  content: '\00bb';
  margin: 0 .6em;
  color: #959fa5;
}
.cd-breadcrumb li:last-of-type::after, .cd-multi-steps li:last-of-type::after {
  /* hide separator after the last item */
  display: none;
}
.cd-breadcrumb li > *, .cd-multi-steps li > * {
  /* single step */
  display: inline-block;
  font-size: 1.4rem;
  /*color: #2c3f4c;*/
  color: #B5B5B5;
}
.cd-breadcrumb li.current > *, .cd-multi-steps li.current > * {
  /* selected step */
  color: #96c03d;
  font-weight: bold;
}
.no-touch .cd-breadcrumb a:hover, .no-touch .cd-multi-steps a:hover {
  /* steps already visited */
  color: #96c03d;
}
.cd-breadcrumb.custom-separator li::after, .cd-multi-steps.custom-separator li::after {
  /* replace the default arrow separator with a custom icon */
  content: '';
  height: 16px;
  width: 16px;
  background: url(../img/cd-custom-separator.svg) no-repeat center center;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li > *::before, .cd-multi-steps.custom-icons li > *::before {
  /* add a custom icon before each item */
  content: '';
  display: inline-block;
  height: 20px;
  width: 20px;
  margin-right: .4em;
  margin-top: -2px;
  background: url(../img/cd-custom-icons-01.svg) no-repeat 0 0;
  vertical-align: middle;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(2) > *::before {
  /* change custom icon using image sprites */
  background-position: -20px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(3) > *::before {
  background-position: -40px 0;
}
.cd-breadcrumb.custom-icons li:not(.current):nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li:not(.current):nth-of-type(4) > *::before {
  background-position: -60px 0;
}
.cd-breadcrumb.custom-icons li.current:first-of-type > *::before, .cd-multi-steps.custom-icons li.current:first-of-type > *::before {
  /* change custom icon for the current item */
  background-position: 0 -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(2) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(2) > *::before {
  background-position: -20px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(3) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(3) > *::before {
  background-position: -40px -20px;
}
.cd-breadcrumb.custom-icons li.current:nth-of-type(4) > *::before, .cd-multi-steps.custom-icons li.current:nth-of-type(4) > *::before {
  background-position: -60px -20px;
}
@media only screen and (min-width: 768px) {
  .cd-breadcrumb, .cd-multi-steps {
    padding: 0 1.2em;
  }
  .cd-breadcrumb li, .cd-multi-steps li {
    margin: 1.2em 0;
  }
  .cd-breadcrumb li::after, .cd-multi-steps li::after {
    margin: 0 1em;
  }
  .cd-breadcrumb li > *, .cd-multi-steps li > * {
    font-size: 1.6rem;
  }
}

/* -------------------------------- 

Triangle breadcrumb

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-breadcrumb.triangle {
    /* reset basic style */
    background-color: transparent;
    padding: 0;
  }
  .cd-breadcrumb.triangle li {
    position: relative;
    padding: 0;
    margin: 4px 4px 4px 0;
  }
  .cd-breadcrumb.triangle li:last-of-type {
    margin-right: 0;
  }
  .cd-breadcrumb.triangle li > * {
    position: relative;
    padding: 1em .8em 1em 2.5em;
    color: #2c3f4c;
    background-color: #edeff0;
    /* the border color is used to style its ::after pseudo-element */
    border-color: #edeff0;
  }
  .cd-breadcrumb.triangle li.current > * {
    /* selected step */
    color: #ffffff;
    background-color: #96c03d;
    border-color: #96c03d;
  }
  .cd-breadcrumb.triangle li:first-of-type > * {
    padding-left: 1.6em;
    border-radius: .25em 0 0 .25em;
  }
  .cd-breadcrumb.triangle li:last-of-type > * {
    padding-right: 1.6em;
    border-radius: 0 .25em .25em 0;
  }
  .no-touch .cd-breadcrumb.triangle a:hover {
    /* steps already visited */
    color: #ffffff;
    background-color: #2c3f4c;
    border-color: #2c3f4c;
  }
  .cd-breadcrumb.triangle li::after, .cd-breadcrumb.triangle li > *::after {
    /* 
    	li > *::after is the colored triangle after each item
    	li::after is the white separator between two items
    */
    content: '';
    position: absolute;
    top: 0;
    left: 100%;
    content: '';
    height: 0;
    width: 0;
    /* 48px is the height of the <a> element */
    border: 24px solid transparent;
    border-right-width: 0;
    border-left-width: 20px;
  }
  .cd-breadcrumb.triangle li::after {
    /* this is the white separator between two items */
    z-index: 1;
    -webkit-transform: translateX(4px);
    -moz-transform: translateX(4px);
    -ms-transform: translateX(4px);
    -o-transform: translateX(4px);
    transform: translateX(4px);
    border-left-color: #ffffff;
    /* reset style */
    margin: 0;
  }
  .cd-breadcrumb.triangle li > *::after {
    /* this is the colored triangle after each element */
    z-index: 2;
    border-left-color: inherit;
  }
  .cd-breadcrumb.triangle li:last-of-type::after, .cd-breadcrumb.triangle li:last-of-type > *::after {
    /* hide the triangle after the last step */
    display: none;
  }
  .cd-breadcrumb.triangle.custom-separator li::after {
    /* reset style */
    background-image: none;
  }
  .cd-breadcrumb.triangle.custom-icons li::after, .cd-breadcrumb.triangle.custom-icons li > *::after {
    /* 50px is the height of the <a> element */
    border-top-width: 25px;
    border-bottom-width: 25px;
  }

  @-moz-document url-prefix() {
    .cd-breadcrumb.triangle li::after,
    .cd-breadcrumb.triangle li > *::after {
      /* fix a bug on Firefix - tooth edge on css triangle */
      border-left-style: dashed;
    }
  }
}
/* -------------------------------- 

Custom icons hover effects - breadcrumb and multi-steps

-------------------------------- */
@media only screen and (min-width: 768px) {
  .no-touch .cd-breadcrumb.triangle.custom-icons li:first-of-type a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:first-of-type em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:first-of-type a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:first-of-type em::before {
    /* change custom icon using image sprites - hover effect or current item */
    background-position: 0 -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(2) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(2) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(2) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(2) em::before {
    background-position: -20px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(3) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(3) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(3) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(3) em::before {
    background-position: -40px -40px;
  }
  .no-touch .cd-breadcrumb.triangle.custom-icons li:nth-of-type(4) a:hover::before, .cd-breadcrumb.triangle.custom-icons li.current:nth-of-type(4) em::before, .no-touch .cd-multi-steps.text-center.custom-icons li:nth-of-type(4) a:hover::before, .cd-multi-steps.text-center.custom-icons li.current:nth-of-type(4) em::before {
    background-position: -60px -40px;
  }
}
/* -------------------------------- 

Multi steps indicator 

-------------------------------- */
@media only screen and (min-width: 768px) {
  .cd-multi-steps {
    /* reset style */
    background-color: transparent;
    padding: 0;
    text-align: center;
  }

  .cd-multi-steps li {
    position: relative;
    float: none;
    margin: 0.4em 40px 0.4em 0;
  }
  .cd-multi-steps li:last-of-type {
    margin-right: 0;
  }
  .cd-multi-steps li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    content: '';
    height: 4px;
    background: #edeff0;
    /* reset style */
    margin: 0;
  }
  .cd-multi-steps li.visited::after {
    background-color: #96c03d;
  }
  .cd-multi-steps li > *, .cd-multi-steps li.current > * {
    position: relative;
    color: #2c3f4c;
  }

  .cd-multi-steps.custom-separator li::after {
    /* reset style */
    height: 4px;
    background: #edeff0;
  }

  .cd-multi-steps.text-center li::after {
    width: 100%;
    top: 50%;
    left: 100%;
    -webkit-transform: translateY(-50%) translateX(-1px);
    -moz-transform: translateY(-50%) translateX(-1px);
    -ms-transform: translateY(-50%) translateX(-1px);
    -o-transform: translateY(-50%) translateX(-1px);
    transform: translateY(-50%) translateX(-1px);
  }
  .cd-multi-steps.text-center li > * {
    z-index: 1;
    padding: .6em 1em;
    border-radius: .25em;
    background-color: #edeff0;
    color: #aaaaaa;
  }
  .no-touch .cd-multi-steps.text-center a:hover {
    background-color: #2c3f4c;
  }
  .cd-multi-steps.text-center li.current > *, .cd-multi-steps.text-center li.visited > * {
    color: #ffffff;
    background-color: #96c03d;
  }
  .cd-multi-steps.text-center.custom-icons li.visited a::before {
    /* change the custom icon for the visited item - check icon */
    background-position: 0 -60px;
  }

  .cd-multi-steps.text-top li, .cd-multi-steps.text-bottom li {
    width: 80px;
    text-align: center;
  }
  .cd-multi-steps.text-top li::after, .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    position: absolute;
    left: 50%;
    /* 40px is the <li> right margin value */
    width: calc(100% + 40px);
  }
  .cd-multi-steps.text-top li > *::before, .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    content: '';
    position: absolute;
    z-index: 1;
    left: 50%;
    right: auto;
    -webkit-transform: translateX(-50%);
    -moz-transform: translateX(-50%);
    -ms-transform: translateX(-50%);
    -o-transform: translateX(-50%);
    transform: translateX(-50%);
    height: 12px;
    width: 12px;
    border-radius: 50%;
    background-color: #edeff0;
  }
  .cd-multi-steps.text-top li.visited > *::before,
  .cd-multi-steps.text-top li.current > *::before, .cd-multi-steps.text-bottom li.visited > *::before,
  .cd-multi-steps.text-bottom li.current > *::before {
    background-color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover, .no-touch .cd-multi-steps.text-bottom a:hover {
    color: #96c03d;
  }
  .no-touch .cd-multi-steps.text-top a:hover::before, .no-touch .cd-multi-steps.text-bottom a:hover::before {
    box-shadow: 0 0 0 3px rgba(150, 192, 61, 0.3);
  }

  .cd-multi-steps.text-top li::after {
    /* this is the line connecting 2 adjacent items */
    bottom: 4px;
  }
  .cd-multi-steps.text-top li > * {
    padding-bottom: 20px;
  }
  .cd-multi-steps.text-top li > *::before {
    /* this is the spot indicator */
    bottom: 0;
  }

  .cd-multi-steps.text-bottom li::after {
    /* this is the line connecting 2 adjacent items */
    top: 3px;
  }
  .cd-multi-steps.text-bottom li > * {
    padding-top: 20px;
  }
  .cd-multi-steps.text-bottom li > *::before {
    /* this is the spot indicator */
    top: 0;
  }
}
/* -------------------------------- 

Add a counter to the multi-steps indicator 

-------------------------------- */
.cd-multi-steps.count li {
  counter-increment: steps;
}

.cd-multi-steps.count li > *::before {
  content: counter(steps) " - ";
}

@media only screen and (min-width: 768px) {
  .cd-multi-steps.text-top.count li > *::before,
  .cd-multi-steps.text-bottom.count li > *::before {
    /* this is the spot indicator */
    content: counter(steps);
    height: 26px;
    width: 26px;
    line-height: 26px;
    font-size: 1.4rem;
    color: #ffffff;
  }

  .cd-multi-steps.text-top.count li:not(.current) em::before,
  .cd-multi-steps.text-bottom.count li:not(.current) em::before {
    /* steps not visited yet - counter color */
    color: #2c3f4c;
  }

  .cd-multi-steps.text-top.count li::after {
    bottom: 11px;
  }

  .cd-multi-steps.text-top.count li > * {
    padding-bottom: 34px;
  }

  .cd-multi-steps.text-bottom.count li::after {
    top: 11px;
  }

  .cd-multi-steps.text-bottom.count li > * {
    padding-top: 34px;
  }
}
/*************/
.datecloture{
    text-align: right;
}
.titreprojet{
    font-size: 1.3em;
}
.logout{
	font-size:14px;
	color:#f49231;
	background:none;
	padding-top:0;
	padding-bottom:0;
    text-align:right;
    margin-bottom: 20px;
}
@media only screen and (min-width: 767px) {
    .logout{
        margin-top:46px;
    }
}
/*************/