@charset "utf-8";
/* CSS Document */

@font-face {
    font-family: 'kautivabold_italic';
    src: url('fonts/KAUTIVA BOLD ITALIC-webfont.eot');
    src: url('fonts/KAUTIVA BOLD ITALIC-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/KAUTIVA BOLD ITALIC-webfont.woff2') format('woff2'),
         url('fonts/KAUTIVA BOLD ITALIC-webfont.woff') format('woff'),
         url('fonts/KAUTIVA BOLD ITALIC-webfont.ttf') format('truetype'),
         url('fonts/KAUTIVA BOLD ITALIC-webfont.svg#kautivabold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kautivabold';
    src: url('fonts/KAUTIVA BOLD-webfont.eot');
    src: url('fonts/KAUTIVA BOLD-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/KAUTIVA BOLD-webfont.woff2') format('woff2'),
         url('fonts/KAUTIVA BOLD-webfont.woff') format('woff'),
         url('fonts/KAUTIVA BOLD-webfont.ttf') format('truetype'),
         url('fonts/KAUTIVA BOLD-webfont.svg#kautivabold') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kautivaitalic';
    src: url('fonts/KAUTIVA ITALIC-webfont.eot');
    src: url('fonts/KAUTIVA ITALIC-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/KAUTIVA ITALIC-webfont.woff2') format('woff2'),
         url('fonts/KAUTIVA ITALIC-webfont.woff') format('woff'),
         url('fonts/KAUTIVA ITALIC-webfont.ttf') format('truetype'),
         url('fonts/KAUTIVA ITALIC-webfont.svg#kautivaitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}




@font-face {
    font-family: 'kautivaregular';
    src: url('fonts/KAUTIVA-webfont.eot');
    src: url('fonts/KAUTIVA-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/KAUTIVA-webfont.woff2') format('woff2'),
         url('fonts/KAUTIVA-webfont.woff') format('woff'),
         url('fonts/KAUTIVA-webfont.ttf') format('truetype'),
         url('fonts/KAUTIVA-webfont.svg#kautivaregular') format('svg');
    font-weight: normal;
    font-style: normal;

}

a{
	text-decoration:none;
	color:inherit;
}

.fin_float{
	clear:both;
}

#super_header_conteneur{
	width:100%;
	height:auto;
	background-color:#788385;
}

#super_header{
	width:1145px;
	height:25px;
	text-align:right;
	color:#fff;
	font-size:11px;
	margin:0 auto;
	font-family:"Open Sans", Sans-serif;
	font-weight:300;
	line-height:25px;
}

#super_header a{
	font-family:"Open Sans", Sans-serif;
	font-weight:300;
	line-height:25px;
	font-size:11px;
	margin-right:20px;
}

#super_header a:hover{
	text-decoration:underline;
}

#header{
	width: 1105px;
	height: 125px;
	margin: 0 auto;
	padding: 20px 20px  5px 20px;
	position: relative;
}

#div_logo{
	float:left;
	height:120px;
	width:445px;
}
#contact_header{
	width: 340px;
	height: 90px;
	float: right;
	margin-top: 15px;
	text-align: right;
	font-size: 15px;
	font-weight: 200;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.7em;
}

#div_menu{
	width: 1145px;
	height: 50px;
	margin: 0 auto;
	background-color: #0166fe;
}



#banniere{
	width: 1145px;
	height: 423px;
	margin: 0 auto;
	margin-bottom: 50px;
}

#titre_solution{
	width: 1145px;
	height: 100px;
	margin: 0 auto;
	font-family: "Open Sans", Sans-serif;
	color: #0166fe;
	font-size: 36px;
	text-align: center;
	line-height: 1.1em;
}

#conteneur_img_solution{
	height: 189px;
	width: auto;
	background-image: url(images/fond_solution.jpg);
	padding: 10px 0;
	background-repeat: no-repeat;
	background-position: center top;
}
#img_solution{
	height: 189px;
	width: 1000px;
	margin: 0 auto;
}

#img_solution img{
	margin:0;
	display:block;
	float:left;
}

#bloc_description_solution_conteneur{
	height: auto;
	width: 1000px;
	margin: 0 auto;
	margin-bottom: 25px;
}

.bloc_description_solution{
	height: 200px;
	width: 215px;
	margin: 0;
	display: block;
	float: left;
	color: #6c6c6c;
	font-size: 12px;
	margin-left: 7px;
	font-family: "Open Sans", Sans-serif;
	text-align: justify;
	border-image: url(images/separateur_bloc.png) 0 0 0 0 stretch;
	margin-right: 7px;
	position: relative;
}

.titre_bloc_description_solution{
	width: 182px;
	height: 50px;
	color: #0166fe;
	padding: 10px 0;
	font-family: "Open Sans", Sans-serif;
	font-weight: 900;
	font-size: 20px;
	display: table-cell;
	vertical-align: middle;
	text-align: center;
	alignment-adjust: middle;
}

#conteneur_technique{
	width:auto;
	height:437px;
	background-image:url(images/fond_bleu.jpg);
	background-repeat:no-repeat;
	background-position:center top;
}

#support_technique{
	width:1000px;
	height:437px;
	margin:0 auto;
}

#texte_support_technique{
	width: 500px;
	height: auto;
	float: left;
	margin-left: 15px;
	margin-top: 95px;
}

#image_technique{
	width: 443px;
	height: 373px;
	float: right;
	margin-right: 15px;
	margin-top: 35px;
}

#titre_temoignage{
	width: 1000px;
	height: 100px;
	margin: 40px auto;
	font-family: "Open Sans", Sans-serif;
	color: #0166fe;
	font-size: 36px;
	text-align: center;
	line-height: 1.1em;
}

#conteneur_bloc_temoignage{
	width: 1000px;
	height: 270px;
	margin: 0 auto;
	padding-bottom: 30px;
}

.bloc_temoignage{
	width:405px;
	height:220px;
	float:left;
	margin-left:50px;
}

.bloc_temoignage > img{
	float: left;
	display: block;
	margin-right: 10px;
}

.texte_bloc_temoignage {
	float: left;
	width: 200px;
	height: auto;
	font-size: 12px;
	color: #81847D;
	font-family: "Open Sans", Sans-serif;
	position: relative;
	/* [disabled]font-style: italic; */
}

.texte_bloc_temoignage img{
	filter:saturate(4%);
	-moz-filter:saturate(4%);
	-webkit-filter:saturate(4%);
	-ms-filter:saturate(4%);
	-o-filter:saturate(4%);
}

#suite_temoignage{
	width: auto;
	height: auto;
	margin: 0 auto;
	margin-top: 30px;
	padding-left: 405px;
}


#conteneur_footer{
	width:auto;
	height:auto;
	background-color:#81847d;
}

#footer{
	width: 940px;
	height: 80px;
	margin: 0 auto;
	padding: 15px 30px;
	display: table;
	overflow: hidden;
}

.bloc_footer{
	display: table-cell;
	border-right: 1px solid #71736f;
	padding: 0 20px;
	color: #FFF;
	vertical-align:middle;
	font-family: "Open Sans", Sans-serif;
	text-align:center;
	font-weight:100
}

.bloc_footer:last-child{
	border:none;
}
#adresse_news{
	width:235px;
	height:25px;
	background-color:#5c5c5c;
	border:none;
	margin-top:10px;
	padding:0 5px;
	color:#fff;
	alignment-baseline:middle;
}

#conteneur_super_footer{
	width:auto;
	height:auto;
	background-color:#f7f8fa;
}

#super_footer{
	width:940px;
	height:50px;
	margin:0 auto;
	padding:10px 0px;
	text-align:center;
	color:#81847d;
	font-size:14px;
	font-family: "Open Sans", Sans-serif;
}


/*style concernant les pages interne*/

#conteneur_interne{
	width: 1145px;
	height: auto;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 50px;
}

#chemin_fer{
	width::auto;
	height: 35px;
	line-height: 35px;
	font-size: 12px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	padding: 0 20px;
}

#contenu_interne{
	width: auto;
	height: auto;
	font-size: 14px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.6;
	text-transform: none;
}
#menu_vertical{
	width: 280px;
	min-height: 225px;
	height: auto;
	padding: 30px 30px;
	float: left;
	font-size: 14px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.8;
	text-transform: capitalize;
}

#titre_menu{
	width: auto;
	min-height: 40px;
	height: auto;
	font-size: 18px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

#menu_vertical a{
	font-size: 16px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	line-height: 33px;
	text-transform: none;
}

#menu_vertical a:hover{
	color:#0B75E5;
}

#texte_interne{
	width: 725px;
	min-height: 350px;
	height: auto;
	padding: 20px 30px;
	float: left;
	background: #ffffff;
	font-size: 14px;
	line-height: 1.8em;
	border-radius: 5px;
	border: 1px solid #e1e1e1;

	/*filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#ffffff", endColorstr="#f2f2f2"); /* Pour IE seulement et mode gradient à linear
	background: -webkit-gradient(linear, left top, left bottom, from(#ffffff), to(#f2f2f2));
	background: -webkit-linear-gradient(#ffffff, #f2f2f2);
	background: -moz-linear-gradient(#ffffff, #f2f2f2);
	background: -o-linear-gradient(#ffffff, #f2f2f2);
	background: -ms-linear-gradient(#ffffff, #f2f2f2);
	background: linear-gradient(#ffffff, #f2f2f2);*/
}

#menu_verticalc{
	width: 280px;
	min-height: 225px;
	height: auto;
	padding: 30px 10px 30px 30px;
	float: left;
	font-size: 14px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	line-height: 1.9em;
	text-transform: capitalize;
}

#titre_menu{
	width: 100%;
	min-height: 50px;
	height: auto;
	font-size: 24px;
	color: #0169B7;
	font-family: 'Open Sans', sans-serif;
	text-transform: uppercase;
}

#menu_verticalc a{
	font-size: 14px;
	color: #000000;
	font-family: 'Open Sans', sans-serif;
	line-height: 33px;
	text-transform: none;
}

#menu_verticalc a:hover{
	color:#0B75E5;
}

.interligne_18{	line-height: 1.8;}
.interligne_15{	line-height: 1.5;}
.justifier{text-align: justify;}

.div_smenu {
	height: auto;
	padding:8px;
	color:#666;
	line-height:1.5em;
	border-bottom:1px solid #e1e1e1;
}

#menu_vertical a:last-child .div_smenu{
	border:none;
}


.div_smenu:hover {
	height: auto;;
	/*border-bottom: 1px solid #EAEAEA;*/
	color: #0B75E5;
}

.div_smenu_selected {
	height: auto;
	border-bottom:1px solid #e1e1e1;
	color: #0B75E5;
	line-height:1.5em;
	padding:5px;
}

.bouton_cyan{
    width:auto;
	padding:3px 10px 3px 10px;
	border:1px solid transparent;
	float:left;
}

.bouton_cyan:hover{
	border:1px solid #00aeef;
}

#formulaire_contact td{
	font-size: 13px;
	color: #333;
	font-family:inherit;
}

#formulaire_contact td input{
	height:25px;
	margin-top:10px;
	margin-bottom:10px;
}

.texte_rouge{
	color:#F00;
}

.button1 {
                display: inline-block;
                zoom: 1; /* zoom and *display = ie7 hack for display:inline-block */
                *display: inline;
                vertical-align: baseline;
                margin: 0 2px;
                outline: none;
                cursor: pointer;
                text-align: center;
                text-decoration: none;
                font: 14px/100% Arial, Helvetica, sans-serif;
                padding: .5em 2em .55em;
                text-shadow: 0 1px 1px rgba(0,0,0,.3);
                -webkit-border-radius: .5em;
                -moz-border-radius: .5em;
                border-radius: .5em;
                -webkit-box-shadow: 0 1px 2px rgba(0,0,0,.2);
                -moz-box-shadow: 0 1px 2px rgba(0,0,0,.2);
                box-shadow: 0 1px 2px rgba(0,0,0,.2);
}



.medium {
                font-size: 12px;
                padding: .4em 1.5em .42em;
}
.small {
                font-size: 11px;
                padding: .2em 1em .275em;
}



/* color styles
---------------------------------------------- */



/* white */
.white {
                color: #606060;
                border: solid 1px #b7b7b7;
                background: #fff;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#ededed));
                background: -moz-linear-gradient(top,  #fff,  #ededed);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#ededed');
}
.white:hover {
                background: #ededed;
                background: -webkit-gradient(linear, left top, left bottom, from(#fff), to(#dcdcdc));
                background: -moz-linear-gradient(top,  #fff,  #dcdcdc);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff', endColorstr='#dcdcdc');
}
.white:active {
                color: #999;
                background: -webkit-gradient(linear, left top, left bottom, from(#ededed), to(#fff));
                background: -moz-linear-gradient(top,  #ededed,  #fff);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ededed', endColorstr='#ffffff');
}

/* orange */
.orange {
                color: #fef4e9;
                border: solid 1px #da7c0c;
                background: #f78d1d;
                background: -webkit-gradient(linear, left top, left bottom, from(#faa51a), to(#f47a20));
                background: -moz-linear-gradient(top,  #faa51a,  #f47a20);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#faa51a', endColorstr='#f47a20');
}
.orange:hover {
                background: #f47c20;
                background: -webkit-gradient(linear, left top, left bottom, from(#f88e11), to(#f06015));
                background: -moz-linear-gradient(top,  #f88e11,  #f06015);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f88e11', endColorstr='#f06015');
}
.orange:active {
                color: #fcd3a5;
                background: -webkit-gradient(linear, left top, left bottom, from(#f47a20), to(#faa51a));
                background: -moz-linear-gradient(top,  #f47a20,  #faa51a);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#f47a20', endColorstr='#faa51a');
}

/* red */
.red {
                color: #faddde;
                border: solid 1px #980c10;
                background: #d81b21;
                background: -webkit-gradient(linear, left top, left bottom, from(#ed1c24), to(#aa1317));
                background: -moz-linear-gradient(top,  #ed1c24,  #aa1317);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#ed1c24', endColorstr='#aa1317');
}
.red:hover {
                background: #b61318;
                background: -webkit-gradient(linear, left top, left bottom, from(#c9151b), to(#a11115));
                background: -moz-linear-gradient(top,  #c9151b,  #a11115);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#c9151b', endColorstr='#a11115');
}
.red:active {
                color: #de898c;
                background: -webkit-gradient(linear, left top, left bottom, from(#aa1317), to(#ed1c24));
                background: -moz-linear-gradient(top,  #aa1317,  #ed1c24);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#aa1317', endColorstr='#ed1c24');
}
.blue {
                color: #d9eef7;
                border: solid 1px #0076a3;
                background: #0095cd;
                background: -webkit-gradient(linear, left top, left bottom, from(#00adee), to(#0078a5));
                background: -moz-linear-gradient(top,  #00adee,  #0078a5);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#00adee', endColorstr='#0078a5');
}
.blue:hover {
                background: #007ead;
                background: -webkit-gradient(linear, left top, left bottom, from(#0095cc), to(#00678e));
                background: -moz-linear-gradient(top,  #0095cc,  #00678e);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0095cc', endColorstr='#00678e');
}
.blue:active {
                color: #80bed6;
                background: -webkit-gradient(linear, left top, left bottom, from(#0078a5), to(#00adee));
                background: -moz-linear-gradient(top,  #0078a5,  #00adee);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#0078a5', endColorstr='#00adee');
}

/* green */
.green {
                color: #e8f0de;
                border: solid 1px #538312;
                background: #64991e;
                background: -webkit-gradient(linear, left top, left bottom, from(#7db72f), to(#4e7d0e));
                background: -moz-linear-gradient(top,  #7db72f,  #4e7d0e);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#7db72f', endColorstr='#4e7d0e');
}
.green:hover {
                background: #538018;
                background: -webkit-gradient(linear, left top, left bottom, from(#6b9d28), to(#436b0c));
                background: -moz-linear-gradient(top,  #6b9d28,  #436b0c);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#6b9d28', endColorstr='#436b0c');
}
.green:active {
                color: #a9c08c;
                background: -webkit-gradient(linear, left top, left bottom, from(#4e7d0e), to(#7db72f));
                background: -moz-linear-gradient(top,  #4e7d0e,  #7db72f);
                filter:  progid:DXImageTransform.Microsoft.gradient(startColorstr='#4e7d0e', endColorstr='#7db72f');
}


.gradient {
	/* Legacy browsers */
	background: #4b9da1 url("gradient-bg.png") repeat-x center;
    -o-background-size: 100% 100%;
    -moz-background-size: 100% 100%;
    -webkit-background-size: 100% 100%;
    background-size: 100% 100%;
    /* Internet Explorer */
    *background: #4b9da1;
    background: #4b9da1\0/;
    filter: progid:DXImageTransform.Microsoft.gradient(gradientType=0, startColorstr=#FF72c3c7, endColorstr=#FF4b9da1);
    }

.titre_article{
	color: #0169B7;
	font-size: 24px;
}

.titre_rouge{
	color:#f00;
}

#objetc, #raison{
	width:660px;
}

#nomc, #villec, #emailc, #telephonec{
	width:320px;
}

#textec{
	width:660px;
	min-height:80px;
}

#opacite {

  background-color: rgba(0, 0, 0, 0.7);

  width:100%;

  height:100%;

  position:absolute;

  top:0px;

  left:0px;

  z-index:2000

}

#opacite2 {

  background-color: rgba(0, 0, 0, 0.7);

  width:100%;

  height:100%;

  position:absolute;

  top:0px;

  left:0px;

  z-index:20000

}



.rectangle_arrondi_gris {

	border: 5px solid #CCC;

	color: #000;

	padding: 10px;

	-webkit-border-radius: 5px;

	-moz-border-radius: 5px;

	border-radius: 5px;

	background-color:#fff;

}


 .bouton_jaune{
	 height:35px;
	 width:auto;
	 padding:5px 15px;
	 line-height:35px;
	 text-align:center;
	 background-color:#FC3;
	 border-radius:4px;
 }

 #button_email{
	 background-color:#5C5C5C;
	 height:25px;
	 text-align:center;
	 color:#E6E6E6;
	 border:none;
	 cursor:pointer;
 }


.ensavoir{
	display: block;
	height: 25px;
	line-height: 25px;
	text-align: center;
	color: #3A66FE;
	position: absolute;
	bottom: 0;
	right: 0px;
	font-family: 'Open Sans', sans-serif;
	font-size: 12px;
}


#conteneur_bloc_test{
	display:flex;
	justify-content:space-between;
	flex-wrap:wrap;
	margin-top:30px;
}

.bloc_elt_test{
	margin:10px 5px;
	display:inline-block;
	max-width:325px;
	position:relative;
}

/*.bloc_elt_test:after{
	position:absolute;
	content:'';
	display:block;
	width:0%;
	height:0%;
	background-color:rgba(0,0,0,0.70);
	transition:all cubic-bezier(0.5,0.5,1,1) 0.4s;
}

.bloc_elt_test:hover:after{
	width:100%;
	height:100%;
	transition:all cubic-bezier(0.25,0.1,0.25,1) 0.4s;
}*/

.nom_elt_test{
	font-size:16px;
	font-weight:bold;
}