/*** Normalized ***/

/*-- global container ------------------------------------------------------*/

/* largeur */
#container,
.container,
#key_visual,
#visuels,
#footerf1,
#desc_f {
    width: 1080px;
}

#left_column { width :180px; float:left; vertical-align:top;}
#right_column { position:static; overflow:hidden; vertical-align: top; }

#container {
    text-align: left;
}
#container, .container {
    position: relative;
    padding: 0 0 0 0;
    margin: auto;
}

/*--- the main container is devided in sub containers ----------------------*/

#sub_container2 {
    margin: 0;
    padding: 0;
    padding: 10px;
}

#content_container {
    overflow: hidden;
    margin: 0;
    padding: 0 10px;
}

/*--- header ---------------------------------------------------------------*/

#header {
    position: relative;
    padding: 0;
    margin: 0;
}
.full_header {
    /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+10,cccccc+85 */
    background: #ffd905; /* Old browsers */
    background: -moz-linear-gradient(top,  #ffffff 10%, #cccccc 85%); /* FF3.6-15 */
    background: -webkit-linear-gradient(top,  #ffffff 10%,#cccccc 85%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(to bottom,  #ffffff 10%,#cccccc 85%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#cccccc',GradientType=0 ); /* IE6-9 */
}

/*--- key visual -----------------------------------------------------------*/

#key_visual {
    position: absolute;
    top: 26px;
    left: 0px;
    min-height: 10px;
}

/*--- logo -----------------------------------------------------------------*/

#logo,
#logom {
    position: absolute;
	z-index:1;
    top: 75px;
    left: 30px;
}
#logo img { width:160px; }

#logo .phone,
#logom .phone {
	display:block;
	font-family: Arial, Helvetica, sans-serif;
	color:#0f4791;
	font-size:21.5px;
	font-weight:bold;
}

/* mobile */
#mobile_header,
#mobile_menu { display:none; }

#logom {
    top: 8px;
    left: 45px;
}
#logom img { width:86px; }

#mobile_header .phone,
#mobile_header .phone a {
	color:#fff;
}
#mobile_header .phone {
	position:absolute;
	right:20px;
	bottom:5px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:bold;
	font-size:20px;
}
.ques {
	display:block;
	font-size:13px;
	color:#ffd905;
	text-align:right;
	padding-top:4px;
	line-height:1;
}


/*--- main navigation ------------------------------------------------------*/

#main_nav_list {
    margin: 0;
    padding: 0;
    list-style-type: none;
}

#main_nav_list li {
    margin: 0;
    padding: 0;
}

/*----------------------------------------------------------------------------
  default-styles for html-elements
----------------------------------------------------------------------------*/

/*--- body -----------------------------------------------------------------*/

body#main_body {
    margin: 0;
    padding: 0;
    font-size: x-small;
    /* IE5 Win */

    font-size: small;
    text-align: center;
}

/*--- paragraph ------------------------------------------------------------*/

.content {
    margin: 5px 0 20px 0;
    padding: 0;
    line-height: 1.3;
}

.content p {
    line-height: 1.3;
}

/*--- tables ---------------------------------------------------------------*/

.content td {
    padding: 3px 3px 3px 3px;
}

/*--- forms ----------------------------------------------------------------*/
/*
.content button {
    background-color: #8d8d8d;
    border-style: solid;
    border-width: 2px;
    border-color: #d6d7d7;
}

.content fieldset {
    padding: 15px;
    border-style: solid;
    border-width: 1px;
}

.content input {
    border-style: solid;
    border-width: 1px;
}

.content textarea {
    border-style: solid;
    border-width: 1px;
}
*/
/*--------------------------------------------------------------------------*/

/*** Normalized ***/


/*-- main container --------------------------------------------------------*/

#container {
    background-color: #ffffff;
    background-repeat: repeat-y;
}

/*--- body -----------------------------------------------------------------*/

#bg_main_nav_container {
    height: 26px;
	line-height: 26px;
    /* background: transparent url(../img/bgMenu.gif); / * kyxar */
	/* http://www.rea-instrumentation.com/colorschemes/colorscheme8/images/static/bgMenu.gif */
    background-color:#003273;
    position: relative;
	color:#fff;
	font-size:85%;
	text-align:center;
	margin:0;
}
#bg_main_nav_container a
{
	color:#fff;
	text-decoration:none;
}
#bg_main_nav_container a:hover
{
	color:#FFCC00;
}
#bg_main_nav_container a strong {
    font-weight:normal;
}
/*--- paragraph ------------------------------------------------------------*/

.content {
    color: #014a92;
}

.content p {
    color: #014a92;
}

/*--- headings -------------------------------------------------------------*/
/*
.content h1 {
    color: #014a92;
}

.content h2 {
    color: #014a92;
}

.content h3 {
    color: #014a92;
}
*/
/*--- links ----------------------------------------------------------------*/
/*
.content a:link {
    color: #014a92;
}

.content a:visited {
    color: #014a92;
}

.content a:hover {
    color: #014a92;
}

.content a:active {
    color: #014a92;
}
*/
/*--- tables ---------------------------------------------------------------*/

.content table {
    border-color: #014a92;
}

.content th {
    color: #ffffff;
    background-color: #014a92;
    padding: 3px 2px 3px 2px;
}

.content tr.odd {
    color: #014a92;
    background-color: #ffffff;
    padding: 3px 2px 3px 2px;
}

.content tr {
    color: #014a92;
    padding: 3px 2px 3px 2px;
}

.content tr.even {
    color: #014a92;
    background-color: #eeeeee;
    padding: 3px 2px 3px 2px;
}
.table {
	width:100%;
}
.table th { text-align:center; padding:5px 20px; }
.table td { text-align:right;  padding:5px 55px 5px 20px; }
.table .odd td { border-right:1px solid #eee; }
.table .even td { border-right:1px solid #fff; }

/*--- forms ----------------------------------------------------------------*/
/*
.content input {
    background-color: #ffffff;
    border-color: #014a92;
    color: #014a92;
}

.content textarea {
    background-color: #ffffff;
    border-color: #014a92;
    color: #014a92;
}

.content fieldset {
    border-color: #014a92;
}

.content legend {
    color: #014a92;
}

.content label {
    color: #014a92;
}
*/
/*--------------------------------------------------------------------------*/



















/*********** STYLE GENERAL *********/

html
{
	font-size:100%;
	/* pour hauteur 100% */
	/*min-height: 100%;  hauteur 100% */
	/*height: 100%;  hauteur 100% 
	background:url(../img/fond.jpg) no-repeat center top #fff;*/
	/*background-color:#62a2e4;  indispensable force la hauteur 100% */
}


body {
    color: #014a92;
	font-family: 'Raleway', tahoma, sans-serif;
	background: #85b5e3; /* Old browsers */
	background: -moz-linear-gradient(top,  #85b5e3 0%, #4e81b3 10%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85b5e3), color-stop(10%,#4e81b3)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #85b5e3 0%,#4e81b3 10%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #85b5e3 0%,#4e81b3 10%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #85b5e3 0%,#4e81b3 10%); /* IE10+ */
	background: linear-gradient(to bottom,  #85b5e3 0%,#4e81b3 10%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b5e3', endColorstr='#4e81b3',GradientType=0 ); /* IE6-9 */
}

/*** Style générique ***/
.fixed { position:fixed; }
.relative { position:relative; }
.absolute { position:absolute; }
.static { position:static; overflow:hidden; }

.inline { display:inline; }
.inlineblock { display:inline-block; }
.block { display:block; }

.floatleft { float:left; }
.floatright { float:right; }
.floatnone { float:none; }

.textleft {	text-align:left; }
.textright { text-align:right; }
.textcenter { text-align:center; }
.textjustify { text-align:justify; }

.width80 { width:80%; }
.width60 { width:60%; }
.width45 { width:45%; }
.width47 { width:47%; }
.width40 { width:40%; }
.width35 { width:35%; }
.width25 { width:25%; }

.margin0 { margin:0; }
.marginauto { margin:auto; }

.marginright { margin-right:1em; }
.marginleft { margin-left:1.5em; }

.marginbottom { margin-bottom:2em; }
.margintop { margin-top:2em; }
.margintop-2 { margin-top:-2em; }

.vmiddle { vertical-align:middle; }
.vtop { vertical-align:top; }
.vbottom { vertical-align:bottom; }

.big { font-size:120%; }
.mini { font-size:80%; }
.fontsize60 { font-size:60%; }
.fontsize70 { font-size:70%; }
.fontsize80 { font-size:80%; }
.fontsize85 { font-size:85%; }
.fontsize90 { font-size:90%; }
.fontsize110 { font-size:110%; }
.fontsize120 { font-size:120%; }
.fontsize130 { font-size:130%; }
.fontsize140 { font-size:140%; }
.fontsize150 { font-size:150%; }

.link2,
#content_container .link2 { text-decoration:underline; }

.link:hover,
.link:focus,
#content_container .link2:hover,
#content_container .link2:focus { text-decoration:none; }

.color1, .color1 a,
#content_container .color1 { color:#cc0000; }
.color2, .color2 a,
#content_container .article .color2 p, 
#content_container .article .color2 p a { color:#014a92; }
.color3, .color3 a,
body #content_container .article p .color3,
body #content_container .article a.color3 {  color:#d02c00; }
.color4, .color4 a,
body #content_container .article p .color4,
body #content_container .article a.color4 { color:#494C55; }
.color5, .color5 a {  }

.line20 { line-height : 20px; margin:0; padding:5px 0!important;}

.lowercase { text-transform:lowercase; }
.uppercase { text-transform:uppercase; }

.transition,
.content,
#container,
.container,
#header,
#key_visual,
#visuels,
#footerf1,
#desc_f,
.mvl-head:after,
.bloc_info:after,
.smhcont {
	-o-transition: all .2s ease-in;
	-webkit-transition: all .2s ease-in;
	-moz-transition: all .2s ease-in;
	transition: all .2s ease-in;
}

body .none { display:none; }

/* `Clear Floated Elements */
.wrap,
.clear,
.line,
.row 
{
	clear:both;
}

/* http://sonspring.com/journal/clearing-floats */

.clear
{
	clear: both;
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
/* http://www.yuiblog.com/blog/2010/09/27/clearfix-reloaded-overflowhidden-demystified */

.clearfix:before, .clearfix:after
{
	content: '.';
	display: block;
	overflow: hidden;
	visibility: hidden;
	width: 0;
	height: 0;
}
.clearfix:after { clear: both; }

/*
  The following zoom:1 rule is specifically for IE6 + IE7.
  Move to separate stylesheet if invalid CSS is a problem.
*/
.ie6 .clearfix, .ie7 .clearfix { zoom: 1; }


.sep {

    position:relative;
	border-top:1px dotted #ddd;
    height: 0;
    margin: 1em 0em 1em 0em;
}


/* kyxar */
a
{
	 -o-transition: background-color .3s ease-in, color .3s ease-in, border .3s ease-in;
	-webkit-transition: background-color .3s ease-in, color .3s ease-in, border .3s ease-in;
	-moz-transition: background-color .3s ease-in, color .3s ease-in, border .3s ease-in;
	transition: background-color .3s ease-in, color .3s ease-in, border .3s ease-in;
	cursor: pointer;
}
img
{
	border:0;
}
.uppercase
{
	text-transform:uppercase;
}
#key_visual span
{
	display:none;
	text-indent:-5000px;
}

dl { font-family: arial,verdana,sans-serif; }

/*
#footer_text a {
  font-family: 'Raleway',Tahoma,sans-serif;
  font-style: normal;
  font-weight: normal;
  color: #014a92;
  text-decoration:none; white-space: nowrap;
}
#footer_text img {
	border:0;
}*/
    
/*
#slogan {
  font-family: arial,verdana,sans-serif;
  font-style: normal;
  font-size: 16px;
  font-weight: bold;
  text-decoration: none;
  color: #014a92;
}
*/
/*
#main_nav_list a.main_nav_active_item {
  background: url(../img/n1activeitem.gif) no-repeat;
  font-family: arial, verdana, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
}
#main_nav_list a.main_nav_item {
  background: url(../img/n1.gif) no-repeat;
  font-family: arial, verdana, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
}
#main_nav_list a.main_nav_item:hover {
  background: url(../img/n1hover.gif) no-repeat;
  font-family: arial, verdana, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
}
*/
/*
.sub_nav_list a.sub_nav_active_item {
  background: url(../img/subnav1active.gif) no-repeat;
  font-family: arial, verdana, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
}
.sub_nav_list a.sub_nav_item {
  background: url(../img/subnav1.gif) no-repeat;
  font-family: arial, verdana, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
}
.sub_nav_list a.sub_nav_item:hover {
  background: url(../img/subnav1hover.gif) no-repeat;
  font-family: arial, verdana, sans-serif;
  font-style: normal;
  font-size: 11px;
  font-weight: normal;
  text-decoration: none;
  color: #ffffff;
}
*/
#content_container h1, .titre {
  font-family: 'Raleway', Tahoma, verdana, sans-serif;
  font-style: normal;
  font-size: 26px;
  font-weight: normal;
  text-decoration: none;
  color: #014a92;
  text-transform:uppercase;
  line-height:1;
}
#content_container h1.tb, .titre.tb { margin-bottom:3px; }

#content_container h2, .stitre {
  font-family: 'Raleway', Tahoma, verdana, sans-serif;
  font-style: normal;
  font-size: 18px;
  font-weight: 600;
  text-decoration: none;
  color: #014a92;
  margin:1em 0 1em 0;
  line-height:1.2;
}
#content_container .chapeau {
	margin-top:3px;
	font-weight:normal;
}

#content_container h3, .sstitre {
  font-family: 'Raleway', Tahoma, verdana, sans-serif;
  font-style: normal;
  font-size: 14px;
  font-weight: bold;
  text-decoration: none;
  color: #014a92;
}
#reference h3 { font-size:11px; }

#content_container, #content_container p {
  font-family: 'Raleway', Tahoma,sans-serif;
  font-style: normal;
  font-size: 13px;
  font-weight: normal;
  text-decoration: none;
  color: #014a92;
}
#content_container a {
  font-family: arial, verdana, tahoma, sans-serif;
  font-style: normal;
  font-size: 100%;
  font-weight: normal;
  text-decoration: none;
  color: #014a92;
}
#content_container a.link:hover,
#content_container a.link:focus {
  text-decoration:underline;
}
/*
#footer_text {
  font-family: 'Raleway', Tahoma,sans-serif;
  font-style: normal;
  font-size: 9px;
  font-weight: normal;
  text-decoration: none;
  color: #014a92;
}
*/
/* ----------- */
/* --- CMS --- */
/* ----------- */

#fiche {
margin-top : 0;
}

#content_container .cms h1, #content_container .article h1 {
  color: #004d86;
  text-transform:none;
}

#content_container .cms ul{
  margin-top : 50px;
}

#content_container .cms ul li{
	margin:0;
	display : block;
	width : 270px;
	height : 180px;
	float : left;
	background : #ffffff;
	border : 1px solid #c3c3c3;
	margin-right : 20px;
	margin-bottom : 20px;
	position:relative;
}

#content_container .cms ul li a{
	display : block;
	width : 100%;
	height : 100%;
	overflow:hidden;
}

#content_container .cms ul li .lisimg {
vertical-align : middle;
line-height:20px;
color : #2D2D2D;
}

#content_container .cms ul li .lisimg p{
vertical-align : middle;
line-height:20px;
font-size : 18px;
margin-top : 50px;
color : #2D2D2D;
font-weight : 700;
}

#content_container .cms ul li .lisimg img{
	margin : 15px 10px;
	float : left;
	vertical-align : middle;
}

#content_container .cms ul li .lisimg h2{
	color:#3c3c3c;
	font-size : 11px;
	font-weight:normal;
	padding-top : 35px;
	padding-right:10px;
	line-height:1.2;
    text-align: left;
}

#content_container .cms ul li .listitre{
	position:absolute;
	bottom : 0;
	left : 0;
	width : 100%;
	height : 50px;
	
	line-height : 50px;
	color : #fff;
	padding-left : 10px;
	font-size:130%;
	font-weight:normal;
	letter-spacing:0.5px;    
    background: rgba(5, 50, 120, 0.95);
}

#content_container .cms ul li a:hover .listitre{
	background: rgba(0, 0, 0, 0.8);
	
	-webkit-transition: background .3s ease-in-out;
	-moz-transition: background .3s ease-in-out;
	-o-transition: background .3s ease-in-out;
	-ms-transition: background .3s ease-in-out;
	transition: background .3s ease-in-out;
}

#content_container .article #fichedesc{
	color: #494C55;
	border-bottom : 1px solid #C0C0C0;
}

#content_container .article p{
	/*padding : 20px 0;*/
	color: #494C55;
}

#content_container #fichedesc p.line20 em{
	color: #004d86;
}

#content_container .article #imgfichedescript{
	float : left;
	width : 350px;
	margin : 20px 0;
	padding-right : 30px;
}

#content_container .article .imgfichezoom{
	float : left;
	width : 230px;
	height : 280px;
	margin : 20px 0;
	background : #ffffff;
	border : 1px solid #c3c3c3;
	position:relative;
}

.imgfichezoom li{
	overflow:hidden;
}

#content_container .article .imgfichevign{
	float:left;
}

#content_container .article .imgfichezoom a{
	display:block;
	width : 100%;
	height : 100%;
}

#content_container .article .imgfichezoom img{
	max-width : 230px;
	max-height : 278px;
	margin : auto;
	display:block;
}

#content_container .article ul li, #content_container .article  ul {
	list-style-type : none;
	margin : 0;
}

#content_container .article .fiche-tech,
#content_container .fiche-tech,
.fiche-tech {
	display:block;
	width : 190px;
	height : 50px;
	background : #454d5c;
	color: #cfcfcf;
	padding : 10px;
	position:relative;
	line-height:30px;
	font-size : 18px;
	margin-top:20px;
	margin-bottom:20px;
}
.content_news .fiche-tech,
#content_container .fiche-tech { width:250px; }
#content_container .article .fiche-tech:hover,
#content_container .article .fiche-tech:focus,
#content_container .fiche-tech:hover,
#content_container .fiche-tech:focus,
.fiche-tech:hover,
.fiche-tech:focus {
	background : #333;
	color: #fff;
}

#content_container .article .fiche-tech span,
#content_container .fiche-tech span,
.fiche-tech span {
	display:block;
	position:absolute;
	top : 0;
	right : 20px;
	background: url(../img/picto.pdf.png) no-repeat;
	width : 40px;
	height : 49px;
}

#imgfiche a.pdf,
.pdf {
display:block;
float:right;
color:#454D5C;
}

#imgfiche a.pdf:hover,
.pdf:hover{
background:#454D5C url(../img/picto/pdf.gif) no-repeat 5px 0.1em;
}

#content_container .article .tags {
	margin-top:20px;
}
#content_container .article .tags h3 {
	font-size:12px;
	text-transform:uppercase;
	background-color:#eee;
	padding:3px 10px;
	margin-bottom:5px;
}

#content_container .article .tags p {
	font-size:10px;
	padding-left:0;
	margin-top:5px;
}
#content_container .article .tags p a,
#content_container .article .tags p span {
	display:inline-block;
	padding:1px 5px;
	margin:1px;
	color: #014a92;
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.1);
	border-radius:2px;
}
#content_container .article .tags p a:hover,
#content_container .article .tags p a:focus {
	background-color:#014a92;
	color:#fff;
	border:1px solid rgba(0,0,0,0.1);
}


/* breadcrumb */

#breadcrumb { margin-bottom:25px; margin-top:20px; }
#breadcrumb, #breadcrumb a { color: #014a92; }

#breadcrumb a {
	display:inline-block;
	padding:1px 5px;
	margin:1px;
	color: #014a92;
	background-color:#fff;
	border:1px solid rgba(0,0,0,0.1);
	border-radius:2px;
}
#breadcrumb a:hover,
#breadcrumb a:focus {
	background-color:#f3f3f3;
	color:#014a92;
	border:1px solid rgba(0,0,0,0.1);
}

/* fond bloc */
.fond1
{
	padding:20px 20px;
	background-color:#e3e3e3;
    box-shadow: 5px 5px 0 0 rgba(0,0,0,0.05);
}
.fond2
{
	padding:20px 20px;
	background-color:#ffd905;
    box-shadow: 5px 5px 0 0 rgba(0,0,0,0.05);
}

.reactivite .txt1 { display:block; font-size:300%; font-weight:300; }
.reactivite .txt2 { display:block; font-size:160%; font-weight:normal; line-height:1.1; }

/* btn */
.btn-devis-content {
    position:relative;
    z-index:1;
}
.btn-devis-content {
    position:absolute;
    display:block;
    right:0;
    top:0;
    text-align:center;
}

.btn-devis {
    /*position:absolute;
    display:block;
    right:0;
    top:0;
    text-align:center;*/
    background-color:#ffd905;
    color:#014a92;
    border-left:1px solid #ffd905;
    border-bottom:1px solid #ffd905;
    padding:8px 15px 10px 15px;
    line-height:1;
    border-radius: 0 0 0 20px;
}
.btn-devis .text1,
.btn-devis .text2 {
    display:block;
    line-height:0.9;
}
.btn-devis .text1 { font-size:250%; font-weight:normal; }
.btn-devis .text2 { font-size:185%; font-weight:700; }

.btn-devis:hover,
.btn-devis:focus {
    background-color:#fff;
    color:#014a92;
    border-left:1px solid #014a92;
    border-bottom:1px solid #014a92;
    padding:13px 20px 15px 20px;
}
.contact-rapide {
    position:absolute;
    display:block;
    right:0;
    bottom:0;
}



/* NEWS */

.news_content #breadcrumb { margin:30px 0 -20px 10px; }

#news
{
}
.newsdate
{
	float:right;
	font-size:90%;
	padding:0 5px;
	color:#51799C;
}
.newsimg
{
	float: left;
	margin-right: 20px; /* bug de 3px dans ie 6 avec les flottant modif dasn ie.css */
	width:200px;
}
.newscontent
{
	position:static; /* indispensable */
	overflow: hidden; /* établi un contexte de formatage qui l'empeche de glisser sous les colonne 1 et 2 */
	text-align:justify;
}
.newsimg img
{
	width:200px;
}
.sep
{
	margin:2em 0 2em 0;
	border-top:1px dashed #ccc;
}


/**** PARTIE ACTU  ***/

.main_news_section {
	margin:40px 10px 10px 10px;
	padding : 10px;
	background : #e3e3e3;
	position:relative;
}

.main_news_section .stitre {
	font-size : 18px;
	color : #373b44;
	margin:0 60px 20px 0;
}

.news_section .stitre a {
	font-size : 18px;
	color : #373b44;
	margin:20px 0 0 0;
}

.main_news_section .sstitre, .news_section .sstitre {
	font-size : 15px;
	color : #373b44;
}

.news_section .stitre a:hover,  .news_section .sstitre a:focus,
.news_section .sstitre a:hover, .news_section .sstitre a:focus
{
	color: #014A92;
}


.main_news_section .date, .news_section .date {
	font-size : 11px;
	color : #004a8d;
	position:absolute;
	top : 10px;
	right : 10px;
	font-style:italic;
}

.content_news p {
	font-size : 14px;
	color : #373b44;
}

.news_section {
	margin:40px 10px 10px 10px;
	padding : 10px;
	background : #f4f4f4;
	position:relative;
}

.news_section:hover {
	background : #e3e3e3;
}

.img_news {
width : 200px;
float : left;
margin-right : 20px;
}

.news_content{
position:static;
overflow:hidden;
}

/* navigation pied */
.navig
{
	/* position:relative;  bug ie6.css */
	float:right;
	list-style:none;
	margin:1em 0;
	font-size:90%;
}
.navig li
{
	text-align:right;
	margin:0.5em 0.8em;
	display:inline;
}
.navig a  
{
	/* zoom:1;  bug ie6.css */
	background:url(../img/picto/puce.gif) no-repeat left 0.4em;
	padding-left:11px;
}
.navig .top a,
.navig .bottom a,
.navig .left a,
.navig .right a
.navig .print a
{
	background:url(../img/picto/top.gif) no-repeat left 0.55em;
	padding-left:11px;
}
.navig .bottom a
{
	background:url(../img/picto/bottom.gif) no-repeat left 0.55em;
}
.navig .left a,
.navig .right a
{
	background:url(../img/picto/left.gif) no-repeat left 0.6em;
	padding-left:10px;
}
.navig .right a
{
	background:url(../img/picto/right.gif) no-repeat right 0.6em;
	padding-right:10px;
	padding-left:0;
}
.navig .print a
{
	background:url(../img/picto/print.gif) no-repeat left 0.35em;
	padding-left:14px;
}
.navig .pdf a
{
	display:inline-block;
	background:url(../img/picto/pdf.gif) no-repeat left 0.1em;
	padding:2px 0 2px 22px;
}



/* kyxar */

/* reference */
.clear
{
	clear:both;
}
.masque
{
	display:none;
	text-indent:-5000px;
}
.big, #content_container .big { font-size:120%; }

#content_container .pdf, .pdf { background:url(../img/picto/pdf.gif) no-repeat 5px 0.1em; padding:3px 10px 3px 25px; }
#content_container .pdf:hover, .pdf:hover { background-color:#c00; color:#fff; }

#content_container ul li { list-style-type:square; }

#reference
{
	border:0;
	margin:2em 0 0.2em 0;
	padding:1px;
	/*font-size:12px;*/
}
#content_container #reference h3
{
	margin:0.5em 0 0.2em 0;
	padding:1px;
}
#content_container #reference h3 a
{
	font-size:100%;
	font-weight:bold;
	text-decoration:none;
	color:#FF3300;
}
#content_container #reference ul,
#content_container #reference ul li
{
	list-style:none;
	margin:0;
	padding:0;
}
#content_container #reference ul li
{
	display:inline;
	font-size:85%;
}
#content_container #reference ul li a,
#content_container #reference ul li > span
{
	display:inline-block;
	width:84px;
	text-decoration:none;
	padding:1px;
    font-family: arial,verdana,tahoma,sans-serif;
}
#content_container #reference ul li a:hover,
#content_container #reference ul li > span:hover
{
	color:#fc0;
	background-color:#014A92;
}

#content_container #reference ul .current,
#content_container #reference ul .current:hover
{
	color:#fc0;
	background-color:#014A92;
	font-weight:bold;
}



/*** popup zoom ****/

/*** popup zoom ****/
#pagezoom
{ /* config zoom.php */
	margin: 0px;
	text-align:center;
}
#pagezoom .titrezoom
{
	display:block;
	margin-top:0.5em;
	letter-spacing: 1px;
	font-size: 14px;
	font-weight: bold;
	text-align:center;
	color:#fff;
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	
}
#pagezoom .imgzoom img
{
	border:#eee 1px solid;
	background-color:#ccc;
	padding:5px;
    max-width: 100%;
}

#pagezoom #menu1Container
{ /* page zoom */
	position:relative;
}
#planzoom
{
	position:relative;
	margin:50px auto;
	text-align:left;
	width:80%;
}
#pagezoom #mots
{
	width:95%
}

/**** ZOOM *****/
#pagezoom .tablepagezoom { float:left; margin-right:2em; width:40%; }



.kyxar a:hover
{
	color: #fff;
}

/*** SIGNATURE KYXAR ***/
.kyxar,
.kyxar a { color: #8FE1FF;}

.kyxar {
	position: absolute;
	z-index:10;
	white-space: nowrap;
	right:15px;
	padding: 10px 0px 3px 0px;
	line-height : 25px;
	font-size: 9px;
}

.kyxar a {
	font-size: 9px;
	text-decoration: none;
	letter-spacing: 1px;
	position:relative;
}

.kyxar a:hover {
	color: #fff;
}
.kyxar a .none {
	position:absolute;
	bottom:13px;
	right:0;
	height:0;
	overflow:hidden;
}
.kyxar a .none span {
	display:inline-block;
	background-color:rgba(255,255,255,0.1);
	border-radius:3px;
	padding:5px 10px;
	line-height:1;
	font-weight:300;
	font-size: 8px;
}
.kyxar a:hover .none,
.kyxar a:focus .none {
	height:28px;
}




/*** presentation img produit ***/
.listeproduit
{
	text-align:center;
	margin-bottom:0.5em;
}

.listeproduit a
{
	display:inline-block;
	margin:0em 0.2em;
	border-bottom:3px solid #fff;
}
.listeproduit a:hover
{
	border-bottom:3px solid #ccc;
}
.listeproduit a span
{
	display:inline-block;
	font-size:90%;
}


/********* MARQUES **********/
#marques
{
	margin:0;
}
#marques dd
{
	margin:0;
}

#marques a
{
	display:inline-block;
	width:130px;
	text-decoration:none;
	padding:1px 2px 1px 3px;
	color: #373b44;
	/*background-color:#ccc;*/
}
#marques a:hover
{
	color:#fc0;
	background-color:#014A92;
}

#marques dd .current,
#marques dd .current:hover
{
	color:#fc0;
	background-color:#014A92;
	font-weight:bold;
}





/*** VISUEL ****/
#visuels
{
    position: realative;
    top: 0;
    left: 0;
	/*width:780px; main.css */
	/*height:200px;*/
}
#visuels ul,
#visuels ul li
{
	margin:0;
	padding:0;
	list-style:none;
}
#visuels,
#visuels ul,
#visuels ul li,
.bx-wrapper
{
	/*min-height:200px;
	overflow:hidden;*/
}
/*********** CAROUSEL **************/
.bx-wrapper .bx-viewport {
	-moz-box-shadow:none;
	-webkit-box-shadow:none;
	box-shadow:none;
	border:none;
	left:auto;
	background:none;
}
.slideshow br { display:none; }

/* PAGER */
.bx-wrapper .bx-pager {	padding-top: 10px; }


#visuels, .bx-wrapper { background-color:#eee; margin:auto; } /**/
/*.slideshow li img { width:1px; height:1px; }  IMPORTANT affiche de petit visuel pour eviter affichage disgracieux  */

.bx-wrapper .bx-controls-direction .bx-prev, .bx-wrapper .bx-controls-direction .bx-next { 
	position:absolute; top:50%; margin-top:-70px; width:30px; height:120px; 
	background-image:url(../img/fleche.nav.carousel.png); background-repeat:none; text-indent:-5000px; overflow:hidden; }
.bx-wrapper .bx-controls-direction .bx-prev { left:-35px; background-position: left bottom; }
.bx-wrapper .bx-controls-direction .bx-next { right:-35px; background-position: right bottom; }
.bx-wrapper .bx-controls-direction .bx-prev:hover { background-position: left top; }
.bx-wrapper .bx-controls-direction .bx-next:hover { background-position: right top; }

/* pager */
.bx-wrapper .bx-pager { position:absolute; bottom:0; right:0; margin:0.2em 0.5em; text-align:right; }
/* font-size:0; pour bug ie 7 */

.bx-wrapper .bx-pager.bx-default-pager a { text-indent: 9999px; margin: 0 2px; overflow:hidden; }


.bx-wrapper .bx-pager.bx-default-pager a:hover {  background-color:#bf0013; } /* tout les -12px */
.bx-wrapper .bx-pager.bx-default-pager a.active, .bx-wrapper .bx-pager.bx-default-pager a.active:hover { background-color:#009bd6; } /* tout les -12px */
.pager { position:relative; }


/* titre visuel */
.tvisu,
a .tvisu 
{
	color:#014A92;
	text-decoration:none;
	cursor:pointer;
	
	 -o-transition: background-color .3s ease-in, color .3s ease-in, border .3s ease-in;
	-webkit-transition: background-color .3s ease-in, color .3s ease-in, border .3s ease-in;
	-moz-transition: background-color .3s ease-in, color .3s ease-in, border .3s ease-in;
	transition: background-color .3s ease-in, color .3s ease-in, border .3s ease-in;
	
}
a:hover .tvisu 
{
	color:#0092cf;
}
.tvisu
{
	position:absolute;
	z-index:1;
	left:0px;
	bottom:0px;
	font-weight:bold;
	font-size:100%;
	/*width:100%;*/
	padding:6px 20px 6px 20px;
	background-color:#fff;/**/
	background-color:rgba(255,255,255,0.4);/**/
	
	line-height:1.2em;
}

/*#v01 .tvisu
{
	position:absolute;
	z-index:1;
	left:195px;
	bottom:85px;
	font-size:100%;
	width:auto;
	padding:0;
	background:none;
	line-height:normal;
}*/


/*** Question tel ***/

.bloc_info #untel
{
	margin-right:5px;
	margin-top:15px;
	color:#3C3C3C;
	text-align:center;
	font-size:150%;
	/*border:1px solid #e00;*/
}
.bloc_info .tel01 { color:#3C3C3C; font-weight:bold;}
.bloc_info .tel04 { color:#FFD905; font-weight:bold;}
.bloc_info .tel02 a { font-weight:normal; font-size:110%; }
.bloc_info .tel03 { font-weight:normal; }
.bloc_info .tel03 a { color:#3C3C3C; text-decoration:none; font-size:90%; font-weight:normal; }
.bloc_info .tel03 a:hover { color:#fff; text-decoration:none; }



/******* PIED PAGE ********/

/******* RASSURANCE ********/
.rassurance { background-color:#ffd905; /* e9e9e9 */ }

.rassurance .container { /*background-color:#fff;*/ }
.rassurance .item {
    
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.rassurance ul {
    margin:2em -10px;
}

.rassurance .item {
    position:relative;
    width:25%;
    float:left;
    margin:auto;
    padding-right:10px;
    padding-left:10px;
    text-align:center;
    text-shadow: 0 1px 1px rgba(255,255,255,0.2);
}
.rassurance .blocr {
    position: relative;
    display:block;
    padding:10px 10px 5px 10px;
    color:#053278;
    background-color:rgba(255,255,255,0.3);
    min-height:240px;
    margin-bottom:20px;
    border-radius:0px;
    /*border:1px solid rgba(255,255,255,0);*/
    
     -o-transition: all .2s ease-in;
    -webkit-transition: all .2s ease-in;
    -moz-transition: all .2s ease-in;
    transition: all .2s ease-in;

}
.rassurance .blocr:hover,
.rassurance .blocr:focus {
    background-color:rgba(255,255,255,0.05);
    box-shadow: 0 0 0 6px rgba(255,255,255,0.3);
}
.rassurance .blocr:hover .picto,
.rassurance .blocr:focus .picto {
    -webkit-transform: scale(1.1);
    -moz-transform: scale(1.1);
    -ms-transform: scale(1.1);
    -o-transform: scale(1.1);
    transform: scale(1.1);
    
    -ms-transform-origin: 50% 50% 0;
	-webkit-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
}


.rassurance .picto {
    position: relative;
    text-align:center;
    display:block;
    font-size:130px;
    min-height:132px;
    
     -o-transition: all 0.1s ease-in;
	-webkit-transition: all 0.1s ease-in;
	-moz-transition: all 0.1s ease-in;
	transition: all 0.1s ease-in;
    
    -webkit-transform: translateZ(0);
    -moz-transform: translateZ(0);
    -ms-transform: translateZ(0);
    -o-transform: translateZ(0);
    transform: translateZ(0);
 }
.rassurance .sep {
    border-top:1px solid rgba(5, 50, 120, 0.2);
    margin:1.3em auto 1em auto;
}
.rassurance .blocr .text1,
.rassurance .blocr .text2,
.rassurance .sep {
    display:block;
    text-align:center;
}
.rassurance .blocr .text1 {
    font-size:140%;
    text-transform:uppercase;
    font-weight:700;
}
.rassurance .blocr .text2 {
    font-size:110%;
    font-weight:400;
}

/* col */
.rassurance.col { background-color:transparent; /* e9e9e9 */ }
.rassurance.col ul { margin:auto; }
.rassurance.col .item {
    width:auto;
    float:none;
    margin:auto;
    padding-right:0;
    padding-left:4px;
}
.rassurance.col .blocr {
    border:1px solid rgba(5, 50, 120, 0.2);
}
.rassurance.col .blocr:hover,
.rassurance.col .blocr:focus {
    box-shadow: 5px 5px 0 0px rgba(5, 50, 120, 0.08);
    border:1px solid rgba(5, 50, 120, 0.4);
}



/*******   FOOTER  ********/
/* Style pied page */
#footerf1
{ 
	position:relative;
	margin:0 auto;
	text-align:left;
	color: #fff;
	/* width:780px; main.css */
	
	font-size:95%;
	
	border-top:1px dotted #053278;
	/*border-bottom:1px solid #012050;*/
	
	zoom:1;
	
	background-color: #03398e; /**** indispensable pour les menus deroulant ie **** */
	
	background-image: -ms-linear-gradient(top, #013f9f 20%, #053278 100%);  
	background-image: -moz-linear-gradient(top, #014a92 20%, #053278 100%);  
	background-image: -o-linear-gradient(top, #013f9f 20%, #053278 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #013f9f), color-stop(1, #053278) ); 
	background-image: -webkit-linear-gradient(top, #013f9f 20%, #053278 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013f9f', endColorstr='#053278',GradientType=0 ); /* IE6-9 */
	background-image: linear-gradient(top, #013f9f 20%, #053278 100%); 
}
#footerf2
{
	
	/*padding:1px;  annule marge */
	border-top:1px dotted #2c6ac9;
	/*border-bottom:1px solid #1d519f;*/
}
#footer2 { 
	
	/*padding:15px 10px 15px 10px;*/
	font-size: 90%;
	text-align:left;
	margin-left:4em;
	/*min-height:190px;*/
	
}
#footer2 h4,
#footer2 .titre
{
	font-size: 100%;
	font-weight:bold;
	text-transform:uppercase;
	margin: 1em 0 0.7em 5px;
	line-height:1.6;
}
#footer2 h4,
#footer2 h4 a,
#footer2 h4 a:hover,
#footer2 h4 a:focus,
#footer2 .titre,
#footer2 .titre a,
#footer2 .titre a:hover,
#footer2 .titre a:focus
{
	color: #ffd905;
	background:none;
	padding:0;
}
#footer2 ul,
#footer2 li
{
	margin:0;
	padding:0;
	list-style:none;
}
#footer2 li
{
	margin:2px 0;
}
#footer2 a {
	color: #8fe1ff;
	text-decoration: none;
	display:block;
	padding:3px 10px 3px 6px;
	
	-moz-border-radius:1px; 
	-webkit-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px; 
}
#footer2 ul a:before {
	content: '';
	display:inline-block;
	margin-right:6px;
	margin-bottom:1px;
	vertical-align:middle;
	width:4px;
	height:4px;
	background-color:#fff;
}
#footer2 a:hover, #footer2 a:focus {
	color:#fff;
	background-color:#119fd3;
	/*background-position: 5px -26px;*/
}
#footer2 .current a, #footer2 .current a:hover
{
	color: #022d58;
	background-color:#ffd905; /**/
	/*background-position: 5px -10px;*/
}
#footer2 ul .current a:before,
#footer2 ul .current a:hover:before { background-color:#676767; }


.blocfooter
{
	float:left;
	min-width:100px;/* 13% */
	margin:2em 3em 2em 3em;
	/*background-color:#009900;*/
}
.sepfooter
{
	float:left;
	width:0;
	height:300px;
	border-right:1px dotted #2c6ac9;
	border-right:1px dotted rgba(48, 114, 215, 0.8);
	border-left:1px dotted #01132f;
	border-left:1px dotted rgba(1, 19, 47, 0.9);/**/
}


/**** MENU ***/

#mvh{
position:relative;
z-index:3;
/*background : url(../img/bg.mvh.jpg) top left repeat-x;*/
background-color:#003273;
box-shadow:inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2); /*inset bordure interieur */
min-height : 40px;
}

#mvh ul#mvhlist {
margin : 0;
padding : 0;
text-align : center;
min-height : 40px;
position:relative;
z-index : 3;
}

#mvh li, #mvh a{
font-size : 15px;
text-decoration : none;
line-height : 40px;
vertical-align : top;
}
#mvh li { position:relative; }

#mvh a{
color : #CEDAE8;
padding : 10px 25px;
height : 20px;
}

#mvh a:hover, #mvh .smhcont li a:hover{
color : #75BAFF;
}

#mvh li.current a{
color:white;
}

#mvh a .icon-chevron-down { display:inline-none; margin-right:4px; line-height:1; }
#mvh a:hover .icon-chevron-down:before,
#mvh a:focus .icon-chevron-down:before { content: "\e600"; }

/* hover */
#mvh ul li:hover .smhcont,
#mvh ul li:focus .smhcont {
	display: block;
	height:300px;
}

.smhcont {
	position:absolute;
    z-index:1;
	top:40px;
	left:0;
	height:0;
	min-width: 270px;
	overflow:hidden;
}

.smhcont ul {
	background-color: #003273;
    text-align:left;
}
.smhcont ul li {
    border-bottom: 1px solid rgba(255,255,255,0.2)
}

#mvh .smhcont li a{
    color : #CEDAE8;
    padding : 10px 20px;
    font-size : 13px;
}
#mvh .smhcont li.current{
    background:#00285d;
}

#mvh .smhcont li.current a{
color:white;
}

/* menu haut mobile */
#mmvh{
	position:relative;
	background-color:#5f6879;
	box-shadow:inset 0px 3px 3px 0px rgba(0, 0, 0, 0.2); /*inset bordure interieur */
	min-height : 40px;
}
#mmvh .inlineblock { display:block; }

#mmvh ul { margin:auto; }
#mmvh > ul > li { margin:auto; border-bottom:1px solid rgba(255, 255, 255, 0.1); }
#mmvh a {
	display:block;
	font-size : 17px;
	font-weight:normal;
	text-decoration : none;
	vertical-align : top;
	color : #CEDAE8;
	padding : 15px 25px;
	position:relative;
	cursor: pointer;
}

#mmvh a:hover,
#mmvh .smhcont li a:hover{
	color : #75BAFF;
	cursor:pointer;
}

#mmvh li.current > a{
	color:white;
	background-color: #434a55;
	cursor:pointer;
}

#mmvh .msmhcont {
	position:relative;
	top:auto;
	left:0;
	height:0;
	min-width: 200px;
	overflow:hidden;
	background-color:#515967;
}
#mmvh .msmhcont > ul > li { margin:auto; border-top:1px solid rgba(255, 255, 255, 0.1); }
#mmvh .msmhcont ul li a { padding-left:40px; }
/* hover */
#mmvh ul li:hover .msmhcont,
#mmvh ul li:focus .msmhcont {
	display: block;
	height:auto;
}
#mmvh .msmhcont li.current a{
	color:#fff;
	background-color:#454c58;
}


#mmvh a .icon-chevron-down { display:inline-none; margin-right:6px; line-height:1; }
#mmvh a:hover .icon-chevron-down:before,
#mmvh a:focus .icon-chevron-down:before { content: "\e600"; }



/*** menu colonne */
.mvl-contain {
width : auto;
position:relative;
margin-top : 19px;
}

.mvl-head {
width: auto;
min-height : 30px;
text-align : center;
vertical-align:middle;
position:relative;
z-index:2;
margin:auto 4px;
/*
background: #e5a308;
background: -moz-linear-gradient(top,  #e5a308 0%, #dac714 100%); 
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5a308), color-stop(100%,#dac714));
background: -webkit-linear-gradient(top,  #e5a308 0%,#dac714 100%);
background: -o-linear-gradient(top,  #e5a308 0%,#dac714 100%);
background: -ms-linear-gradient(top,  #e5a308 0%,#dac714 100%);
background: linear-gradient(to bottom,  #e5a308 0%,#dac714 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a308', endColorstr='#dac714',GradientType=0 );
*/
background:#ffd905;

-moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.08);
-webkit-box-shadow:  4px 4px 0px rgba(0, 0, 0, 0.085);
box-shadow:  4px 4px 0px rgba(0, 0, 0, 0.08);

}
.mvl-head:after {
	position: absolute;
	content: " ";
	pointer-events: none;
	height: 0;
	width: 0;
	top: 100%;
	left: 86%;
	border: solid transparent;
	border-color: rgba(218, 199, 20, 0);
	border-top-color: #ffd905;
	border-width: 14px 12px 0px 12px;
	margin-left: -12px;
}
.mvl-contain:hover .titre { background-position: left center; }
.mvl-contain:hover .mvl-head:after { left: 80%; }

.mvl-head h2,
.mvl-head .titre {
padding : 18px 0;
margin:0;
color: #3c3c3c;
font-size : 16px;
font-weight : 600;
line-height:1;
text-transform:none;

background-image:url(../img/header.mvl2.png), url(../img/header.mvl2.png), url(../img/header.mvl2.png);
background-position: -150px center;
background-repeat:no-repeat;
}

#mvl{
	background-color: #03398e; /**** indispensable pour les menus deroulant ie **** */

    background-image: -ms-linear-gradient(top, #013f9f 20%, #053278 100%);  
    background-image: -moz-linear-gradient(top, #014a92 20%, #053278 100%);  
    background-image: -o-linear-gradient(top, #013f9f 20%, #053278 100%);
    background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #013f9f), color-stop(1, #053278) ); 
    background-image: -webkit-linear-gradient(top, #013f9f 20%, #053278 100%); 
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013f9f', endColorstr='#053278',GradientType=0 ); /* IE6-9 */
    background-image: linear-gradient(top, #013f9f 20%, #053278 100%); 
    
	-moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow:  4px 4px 0px rgba(0, 0, 0, 0.085);
	box-shadow:  4px 4px 0px rgba(0, 0, 0, 0.08);

    width : auto;
    top:0;
    margin:auto 10px;
    color:#fff;
    position:relative;
}

#mvl ul{
padding : 15px 0 0 0;
margin:0;
width : 100%;
}

#mvl li{
margin:0;
padding:0;
line-height : 25px;
border-bottom:1px solid rgba(255,255,255,0.15);
width : 100%;
font-size : 14px;
}

#mvl li, #mvl a{
color:rgba(255,255,255,0.9);
}

#mvl a{
padding : 5px 0 5px 10px;
width : auto;
min-height : 24px;
display:block;
}
#mvl a span {
    display: inline-block;
    line-height: 1.4;
    vertical-align:middle;
}

#mvl a:hover{
background: #119fd3;
color: #fff;
}

#mvl li.current a{
background: #053278;
color: #ffd905;
}

.bloc_info{
	width: auto;
	min-height : 130px;
	text-align : center;
	vertical-align:middle;
	position:relative;
	margin: 20px 4px;
	padding:10px 0 0 0;
	/*
	background: #e5a308;
	background: -moz-linear-gradient(top,  #e5a308 0%, #dac714 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#e5a308), color-stop(100%,#dac714));
	background: -webkit-linear-gradient(top,  #e5a308 0%,#dac714 100%);
	background: -o-linear-gradient(top,  #e5a308 0%,#dac714 100%);
	background: -ms-linear-gradient(top,  #e5a308 0%,#dac714 100%);
	background: linear-gradient(to bottom,  #e5b908 0%,#dac714 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#e5a308', endColorstr='#dac714',GradientType=0 );
    */
    background:#ffd905;
	
	-moz-box-shadow: 4px 4px 0px rgba(0, 0, 0, 0.08);
	-webkit-box-shadow:  4px 4px 0px rgba(0, 0, 0, 0.085);
	box-shadow:  4px 4px 0px rgba(0, 0, 0, 0.08);

}
.bloc_info_f {
	background-image:url(../img/header.mvl2.png),url(../img/header.mvl2.png),url(../img/header.mvl2.png);
	background-position: -150px center;
	background-repeat:no-repeat;
}
.bloc_info:after {
	position: absolute;
	content: " ";
	pointer-events: none;
	height: 0;
	width: 0;
	top: 100%;
	left: 86%;
	border: solid transparent;
	border-color: rgba(218, 199, 20, 0);
	border-top-color: #ffd905;
	border-width: 14px 12px 0px 12px;
	margin-left: -12px;
}
.bloc_info:hover .bloc_info_f { background-position: left center; }
.bloc_info:hover:after { left: 80%; }


.bloc_info p{
font-size : 20px;
padding:0;
margin:10px 0;
color: #3c3c3c;
line-height : 25px;
}

.bloc_info a{
font-size : 16px;
padding:1px 0;
margin:20px 0 0 0;
color: #3c3c3c;
line-height : 25px;
}

#menu, #menulist, #menulist li, #mvh li { margin:0; padding:0; list-style:none; }
#menu
{
	
	position:relative;
	margin:0 auto;
	text-align:left;
	color: #fff;
	width:auto;
	vertical-align:top;
    left: -1px;
    top: -1px;
    float: left;
    width: 170px;
	
	/*border-top:1px dotted #053278;
	border-bottom:1px solid #012050;*/
	
	zoom:1;
	
	background-color: #03398e; /**** indispensable pour les menus deroulant ie **** */
	
	background-image: -ms-linear-gradient(top, #053278 20%, #014a92 100%);  
	background-image: -moz-linear-gradient(top, #053278 20%, #014a92 100%);  
	background-image: -o-linear-gradient(top, #053278 20%, #014a92 100%);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #053278), color-stop(1, #014a92) ); 
	background-image: -webkit-linear-gradient(top, #053278 20%, #014a92 100%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#053278', endColorstr='#014a92',GradientType=0 ); /* IE6-9 */
	background-image: linear-gradient(top, #053278 20%, #014a92 100%); 
}

#menulist
{
	/*border-top:1px dotted #2c6ac9;*/
	font-family:Arial, Helvetica, sans-serif;
	
	font-size:85%;
	padding-left:0px;
	padding-right:0px;
	margin-top:0px;
}

#menu li
{
	margin:0px 0px;

	border-bottom:1px dotted #2c6ac9;
}
#menu a {
	color: #8fe1ff;
	/*font-weight:bold;*/
	text-decoration: none;
	display:block;
	padding:4px 10px 4px 16px;
	background:url(../img/picto.sm.png) no-repeat 8px -22px; /* decalage 16px */
	/*text-transform:lowercase;*/
	
	border-bottom:1px dotted #022358;

	-moz-border-radius:1px; 
	-webkit-border-radius:1px;
	-o-border-radius:1px;
	border-radius:1px; 
}
#menu a:hover, #menu a:focus {
	color:#fff;
	background-color:#119fd3;
	background-position: 8px -22px;/**/
	border-bottom:1px dotted #59e2ff;
}
#menu a.main_nav_active_item , #menu a.main_nav_active_item :hover
{
	color: #022d58;
	background-color:#e3e3e3; /* ffd905 */
	background-position: 8px -6px;/**/
	border-top:1px dotted #fff;
	border-bottom:1px dotted #fff;
}

/* mots */
#mots {
	/* width:780px; main.css */
	margin:auto;
	/*font-size:80%;*/
	text-align:justify;
	line-height:1.2;
}
#mots, #mots a,
#desc_f, #desc_f a {
	color: #014a92;
}
#desc_f a { text-decoration:underline; }
#desc_f a:hover, #desc_f a:focus { text-decoration:none; }
#desc_f { margin:auto; font-size:85%; }
#desc_h { margin:auto; font-size:120%; padding:40px; line-height:1.3; }
#desc_h .stitre { font-size:20px; }


/* formule m3/h et Normo m3/h */
.formule1,
.formule2 {
	display:inline-block;
	padding: 5px 20px;
	font-size:120%;
} 
.formule1 {
	background-color:#eee;
	border:1px solid #e0e0e0;
}

.b_content { display:inline-block; vertical-align:middle; margin:auto 5px; }
.b01, .b02 { 
	display:block;
	width:65px;
	text-align:center;
}
.b02 { border-top:1px solid #014a92; }





/***** CONTACT *****/

#formcontact, .formcontact
{
	/*position:relative;
	top:0;
	left:0;
	height:1%;*/
    border:none;
}
#titretd1, #titretd2
{
	width:12em;
}
.donnes1, .donnes2
{
	/*position:relative;*/
	margin:auto;
	margin-bottom:0.5em;
}
.donnes1
{ /* positionnement données form gauche */
	/* float:left; */
	left:0em;

}
.donnes2
{ /* positionnement données form droite */
	/* float:right; */
	right:0em;
	/*margin-right:-3em;*/
	/*padding-left:0.7em;*/
}


.donnes1 table, .donnes2 table
{
	/*margin:auto; /* margin:auto fait planté ie 6 dans certain cas */
}

#formcontact, .formcontact
{
	margin-left:0px;
	margin:auto;
}
#formcontact legend, .formcontact legend
{
	padding-left:0px;
	margin-bottom:0.5em;
}
#formcontact .txt_alert,
.formcontact .txt_alert
{ /* *obligatoire */
	color:#119fd3; /* bb0d1e */
	font-weight:bold;
}
#formcontact label, .formcontact label
{
	font-size:14px;
}
.submit
{
	width:300px;
	height:50px;
	display:inline-block;
	margin-right:12px;
    cursor:pointer;
    
    text-transform:uppercase;
    font-weight:300;
    font-size:140%;
    
    color:#fff;
    background-color:#119fd3;
    border:1px solid #119fd3;
    
}
.submit:hover
{
    color:#119fd3;
    background-color:#fff;
    border:1px solid #119fd3;
}

/* contact */

input.normal, input.focus,
textarea.normal, textarea.focus,
.submit, legend
{
	font-family: "Raleway", tahoma, Arial, Helvetica, sans-serif;
    width:300px;
	border-radius:1px;
	padding:7px 10px;
}

.checkboxform, .inputform
{ /* config txt dans .txt dans form plus bas*/
	line-height:2em;
	font-weight:bold;
}
.checkboxform span
{
	display:block;
	float:left;
	width:17em;
}
.inputform .spanform
{
	display:block;
	float:left;
	width:21em;
}



/****** FORMULAIRE ******/

form {
	margin:0;
}
select, textarea, input[type="text"], input[type="password"], 
.normal, input.case, select.normal, textarea.normal {		/*** configuration general ***/
	color: #119fd3;
	background-color: #fff;
	font-weight: normal;
	font-size:120%;
	
	 -o-transition: all .1s ease-in;
	-webkit-transition: all .1s ease-in;
	-moz-transition: all .1s ease-in;
	transition: all .1s ease-in;
}
input.case,
input[type=checkbox]  {		/*** configuration case a coché ***/
	background-color: transparent;
}

select:focus, textarea:focus, input[type="text"]:focus, input[type="password"]:focus,
.focus, .focus2, .focus3,
select.focus,
textarea.focus, textarea.focus2  {	/*** Mise en avant des champs en cours d'utilisation - onfocus="this.className='focus';" ***/
	background: #fff;
	/*color: #c00;*/
	border: #119fd3 1px solid;
	color:#119fd3;
	margin:auto;
	font-weight: normal;
	font-size:120%;
    box-shadow: 0 0 0 5px rgba(17,159,211,0.1)
}
select, textarea, input[type="text"], input[type="password"], 
.normal, .search, .fpart, .fpart2 {	/*** Retour à  l'état normal aprés l'utilisation - onblur="this.className='normal';" ***/
	font-weight: normal;
	margin:auto;
}
.normal, .focus {	/*** taille des champs ***/
	/*width: 180px;*/
}
select, textarea, input[type="text"], input[type="password"], .normal {	/*** bordure des champs ***/
	border: #a8aba3 1px solid;
}

select.normal, select.focus, .submit { /*** taille select ***/
	/*width: 187px;*/
}
textarea.normal, textarea.focus, textarea.focus2  /*** taille textarea ***/
{
	/*font-size:100%;*/
	font-family: "Raleway", tahoma, Arial, Helvetica, sans-serif;
	height:8em;
	overflow:auto; /* enleve la barre de défilement dans IE */
}





/***** CONTACT *****/

#contact_static #contenu header, .cms #contenu .container > header {
	margin : 30px 0;
}

#contact_static header p {
	font-size : 16px;
	line-height : 24px;
	color : #5a5a5a;
}

#contact_static .container > .item_50 {
	width : 449px;
	margin-right : 31px;
	margin-bottom : 50px;
}

#contact_static .container > .item_50.last {
	margin-right : 0px;
	margin-left : 31px;
}

#formcontact .item_100 {
	width : 100%;
	margin : 3px 0;
}

#formcontact .item_100 .item_100 {
	width : 352px;
	float : left;
}

#formcontact .item_100 .information {
	line-height : 18px;
}

#formcontact .information,
#formcontact label {
	font-size : 16px;
	font-weight:300;
	color : #a8aba3;
	line-height : 18px;
}
#formcontact .information {
	display : block;
	float : left;
	margin : 14px 0 5px 0;
	padding : 0 0 0 5px;
	width : 150px;
}
#formcontact .information.first { margin-top:5px; }
#formcontact .information.item2 { margin-left:10px; width : 70px; }

#formcontact .item_50 {
	width : 150px;
	margin : 3px 0;
}
#formcontact .item_33 {
	width : 33.333%;
	margin : 3px 0;
}


#formcontact .item_100 .item_50 {
	width : 170px;
}
#formcontact .item_100 .item_33 {
	width : auto;
    margin-right:30px;
}


#formcontact input,
#formcontact textarea,
#formcontact select {
	background : transparent;
	line-height : normal;
	font-size : 14px;
	width : 363px;
	box-sizing:content-box;
}
#formcontact input[type='checkbox'] { width:auto; }

#formcontact .item_50 input {
	width : 133px;
}


#formcontact .centered-height {
	position : relative;
}

/* Radio */
#formcontact input[type='radio'] {
	width : 18px;
	height : 18px;
	background : transparent;
	opacity : 0;
	visibility : hidden;
	margin : 0;
	position : absolute;
	top : 0;
	right : 0; 
}

#formcontact input + label .radio {
	width : 18px;
	height : 18px;
	display : block;
	position : absolute;
	top : 0;
	right : 0;
	border:1px solid #a8aba3;
	border-radius:50%;
}

#formcontact input:checked + label .radio:before {
	content:" ";
	width : 10px;
	height : 10px;
	display : block;
	position : absolute;
	z-index:1;
	top : 3px;
	right : 3px;
	border-radius:50%;
	background-color:#a8aba3;
}

#formcontact input[type='radio'] + label {
	padding-right : 25px;
	position : relative;
	display : inline-block;
	line-height : 18px;
}


/* Checkbox */
#formcontact input[type='checkbox'] {
	width : 18px;
	height : 18px;
	background : transparent;
	opacity : 0;
	visibility : hidden;
	margin : 0;
	position : absolute;
	top : 0;
	right : 0; 
}

#formcontact input + label .checkbox {
	width : 18px;
	height : 18px;
	display : block;
	position : absolute;
	top : 0;
	right : 0;
	border:1px solid #a8aba3;
	border-radius:0;
}

#formcontact input:checked + label .checkbox:before {
	content:" ";
	width : 3px;
	height : 12px;
	display : block;
	position : absolute;
	z-index:1;
	top : 2px;
	right : 5px;
	border-radius:0;
	background-color:#a8aba3;
    
    transform: rotate(45deg);
	-ms-transform: rotate(45deg);
	-webkit-transform: rotate(45deg);
    
    -ms-transform-origin: 50% 50% 0;
	-webkit-transform-origin: 50% 50% 0;
	transform-origin: 50% 50% 0;
}
#formcontact input:checked + label .checkbox:after {
	content:" ";
	width : 3px;
	height : 7px;
	display : block;
	position : absolute;
	z-index:1;
	bottom : 2px;
	right : 5px;
	border-radius:0;
	background-color:#a8aba3;
    
    transform: rotate(-45deg);
	-ms-transform: rotate(-45deg);
	-webkit-transform: rotate(-45deg);
    
    -ms-transform-origin: -70% 130% 0;
	-webkit-transform-origin: -70% 130% 0;
	transform-origin: -70% 130% 0;
}

#formcontact input[type='checkbox'] + label {
	padding-right : 30px;
	position : relative;
	display : inline-block;
	line-height : 18px;
}




/* submit */
#formcontact .submit_section {
	text-align : left;
}


#formcontact input[type="submit"],
.submit {
    margin-top:10px;
	width:386px;
	height:50px;
	display:inline-block;
	margin-right:12px;
    cursor:pointer;
    
    text-transform:uppercase;
    font-weight:300;
    font-size:140%;
    
    color:#fff;
    background-color:#119fd3;
    border:1px solid #119fd3;
    	
	 -o-transition: background .2s ease-in;
	-webkit-transition: background .2s ease-in;
	-moz-transition: background .2s ease-in;
	transition: background .2s ease-in;
}

#formcontact input[type="submit"]:hover,
#formcontact input[type="submit"]:focus,
.submit:hover,
.submit:focus {
    color:#119fd3;
    background-color:#fff;
    border:1px solid #119fd3;
}

p.information {
	font-size : 12px;
	font-style : italic;
	color : #a0a0a0;
}

#titretd1, #titretd2
{
	width:12em;
}

#formcontact, .formcontact
{
	margin-left:0px;
	margin:auto;
	margin-bottom : 30px;
    font-family: 'Raleway', tahoma, sans-serif;
}
#formcontact legend, .formcontact legend
{
	padding-left:0px;
	margin-bottom:0.5em;
}

.submit
{
	/*width:250px;
	height:46px;
	display:inline-block;
	margin-right:12px;*/
}
.submit:hover
{
	
}

/* contact */
.error_border,
[required],
:required {
    border: 1px solid #e44000;
}

input.normal, input.focus,
textarea.normal, textarea.focus,
select.normal, select.focus
{
	padding:6px 10px;
}

.checkboxform, .inputform
{ /* config txt dans .txt dans form plus bas*/
	line-height:2em;
	font-weight:bold;
}
.checkboxform span
{
	display:block;
	float:left;
	width:17em;
}
.inputform .spanform
{
	display:block;
	float:left;
	width:21em;
}

#map_canvas {
	height : 600px;
}

/****** FORMULAIRE ******/

form {
	margin:0;
}
select, textarea, input[type="text"], input[type="password"], input[type="tel"] {		/*** configuration general ***/
	color: #3a3e39;
	background-color: transparent;
	font-size:120%;
	font-weight : normal;
	border : 1px solid #a8aba3;
	
	 -o-transition: border .4s ease-in, background .4s ease-in, color .4s ease-in;
	-webkit-transition: border .4s ease-in, background .4s ease-in, color .4s ease-in;
	-moz-transition: border .4s ease-in, background .4s ease-in, color .4s ease-in;
	transition: border .4s ease-in, background .4s ease-in, color .4s ease-in;
}

textarea {
	height : 8em;
}

textarea.focus, input[type="text"].focus, input[type="password"].focus, input[type="tel"].focus,
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="tel"]:focus {
	border-color : #119fd3;
}


#contact_content .item_50.first {
	width:580px;
}


/**************** CMS RULES ***************/


.cms {
	text-align:justify;
	/*font-size:14px;*/
	line-height:1.3;
}
/*
.cms img {
	display : block;
}
*/
.item_25 {
	width : 25%;
	float : left;
	background : #f5f5f5;
	height : 330px;
	position:relative
}

.item_33 {
	width : 33.333%;
	float : left;
}

.item_50 {
	width : 50%;
	float : left;
}

.item_430 {
	width : 430px;
	float : left;
	margin-bottom : 50px;
}

.item_520 {
	width : 520px;
	float : left;
}











/**** parametrage popin ****/
.cd-nav .cd-navigation-wrapper { background-color:#0f4791; }
.cd-nav-trigger { background-color: rgba(255, 217, 5,1);}
.cd-nav-trigger:hover,
.cd-nav-trigger:focus { background-color: rgba(255,255,255,1); }
.cd-nav-trigger .cd-nav-icon { background-color: #0f4791; }

#mots, #mots a, #desc_f, #desc_f a { color: #fff; }
.titre, .stitre { color:#ffd905; }


.cd-main {
	background: #407bb5; /* Old browsers */
	/* background: -moz-linear-gradient(top,  #85b5e3 0%, #4e81b3 10%); 
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#85b5e3), color-stop(10%,#4e81b3)); 
	background: -webkit-linear-gradient(top,  #85b5e3 0%,#4e81b3 10%); 
	background: -o-linear-gradient(top,  #85b5e3 0%,#4e81b3 10%); 
	background: -ms-linear-gradient(top,  #85b5e3 0%,#4e81b3 10%); 
	background: linear-gradient(to bottom,  #85b5e3 0%,#4e81b3 10%); 
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#85b5e3', endColorstr='#4e81b3',GradientType=0 ); */
}

/***** popin navigation *****/
html, body
{
	/* prevent horizontal scrolling */
	overflow-x: hidden;
}
*::after, *::before {
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  box-sizing: border-box;
}

.speed {
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}

.cd-main {
  /*position: relative;*/
  z-index: 21;
  /* fix bug on iOS */
  height: 100vh;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  /*padding: 200px 5%;*/
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  -moz-transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
  transition-timing-function: cubic-bezier(0.91, 0.01, 0.6, 0.99);
}
.navigation-is-open .cd-main {
  -webkit-transform: translateX(100%);
  -moz-transform: translateX(100%);
  -ms-transform: translateX(100%);
  -o-transform: translateX(100%);
  transform: translateX(100%);
}



.cd-nav {
  position: fixed;
  z-index: 20;
  top: 0;
  left: 0;
  height: 100%;
  width: 100%;
  visibility: hidden;
  -webkit-transition: visibility 0s 0.7s;
  -moz-transition: visibility 0s 0.7s;
  transition: visibility 0s 0.7s;
}
.cd-nav .cd-navigation-wrapper {
  text-align:left;
  /* all navigation content */
  height: 100%;
  overflow-y: auto;
  -webkit-overflow-scrolling: touch;
  padding: 40px 5% 40px 5%; /* calc(5% + 80px) */
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transform: translateX(-50%);
  -moz-transform: translateX(-50%);
  -ms-transform: translateX(-50%);
  -o-transform: translateX(-50%);
  transform: translateX(-50%);
  -webkit-transition: -webkit-transform 0.7s;
  -moz-transition: -moz-transform 0.7s;
  transition: transform 0.7s;
  -webkit-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.86, 0.01, 0.77, 0.78);
}
.navigation-is-open .cd-nav {
  visibility: visible;
  -webkit-transition: visibility 0s 0s;
  -moz-transition: visibility 0s 0s;
  transition: visibility 0s 0s;
}
.navigation-is-open .cd-nav .cd-navigation-wrapper {
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
  -webkit-transition: -webkit-transform 0.5s;
  -moz-transition: -moz-transform 0.5s;
  transition: transform 0.5s;
  -webkit-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  -moz-transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
  transition-timing-function: cubic-bezier(0.82, 0.01, 0.77, 0.78);
}


/* picto */

.cd-nav-trigger {
  display:inline-block;
  margin-bottom:2em;
  cursor:pointer;
  /*position: fixed;
  left: 5%;
  top: 50px;*/
  z-index: 50;
  height: 54px;
  width: 54px;
  border-radius: 50%;
  /* image replacement */
  overflow: hidden;
  text-indent: 100%;
  white-space: nowrap;
  -webkit-transition: -webkit-transform 0.5s, background-color .2s ease-in;
  -moz-transition: -moz-transform 0.5s, background-color .2s ease-in;
  transition: transform 0.5s, background-color .2s ease-in;
}
.cd-nav-trigger .cd-nav-icon {
  /* icon created in CSS */
  /* Hamburger */
  position: absolute;
  left: 50%;
  top: 50%;
  bottom: auto;
  right: auto;
  -webkit-transform: translateX(-50%) translateY(-50%);
  -moz-transform: translateX(-50%) translateY(-50%);
  -ms-transform: translateX(-50%) translateY(-50%);
  -o-transform: translateX(-50%) translateY(-50%);
  transform: translateX(-50%) translateY(-50%);
  width: 22px;
  height: 2px;
}
.cd-nav-trigger .cd-nav-icon::before,
.cd-nav-trigger .cd-nav-icon:after {
  /* Hamburger */
  /* upper and lower lines of the menu icon */
  content: '';
  position: absolute;
  top: 0;
  right: 0;
  width: 100%;
  height: 100%;
  background-color: inherit;
  /* Force Hardware Acceleration in WebKit */
  -webkit-transform: translateZ(0);
  -moz-transform: translateZ(0);
  -ms-transform: translateZ(0);
  -o-transform: translateZ(0);
  transform: translateZ(0);
  -webkit-backface-visibility: hidden;
  backface-visibility: hidden;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s, top 0.3s;
  -moz-transition: -moz-transform 0.5s, width 0.5s, top 0.3s;
  transition: transform 0.5s, width 0.5s, top 0.3s;
  /* Flèche */
  width: 50%;
}
.cd-nav-trigger .cd-nav-icon::before {
  /* Hamburger */
  -webkit-transform-origin: right top;
  -moz-transform-origin: right top;
  -ms-transform-origin: right top;
  -o-transform-origin: right top;
  transform-origin: right top;
  -webkit-transform: translateY(-6px);
  -moz-transform: translateY(-6px);
  -ms-transform: translateY(-6px);
  -o-transform: translateY(-6px);
  transform: translateY(-6px);
  /* Flèche */
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.cd-nav-trigger .cd-nav-icon::after {
  /* Hamburger */
  -webkit-transform-origin: right bottom;
  -moz-transform-origin: right bottom;
  -ms-transform-origin: right bottom;
  -o-transform-origin: right bottom;
  transform-origin: right bottom;
  -webkit-transform: translateY(6px);
  -moz-transform: translateY(6px);
  -ms-transform: translateY(6px);
  -o-transform: translateY(6px);
  transform: translateY(6px);
  
  /* Flèche */
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}

/*.no-touch .cd-nav-trigger:hover .cd-nav-icon::after,
.no-touch .cd-nav-trigger:focus .cd-nav-icon::after,
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before,
.no-touch .cd-nav-trigger:focus .cd-nav-icon::before {
   Flèche 
   width: 60%;
}*/

.no-touch .cd-nav-trigger:hover .cd-nav-icon::after {
  /* Hamburger */
  /*top: 2px;*/
}
.no-touch .cd-nav-trigger:hover .cd-nav-icon::before {
  /* Hamburger */
  /*top: -2px;*/
}
.cd-nav-trigger svg {
  position: absolute;
  top: 0;
  left: 0;
}
/*
.cd-nav-trigger circle {
   circle border animation 
  -webkit-transition: stroke-dashoffset 0.4s 0s;
  -moz-transition: stroke-dashoffset 0.4s 0s;
  transition: stroke-dashoffset 0.4s 0s;
}*/
.navigation-is-open .cd-nav-trigger {
  /* rotate trigger when navigation becomes visible */
  -webkit-transform: rotate(180deg);
  -moz-transform: rotate(180deg);
  -ms-transform: rotate(180deg);
  -o-transform: rotate(180deg);
  transform: rotate(180deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after,
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  /* animate arrow --> from hamburger to arrow */
  width: 50%;
  -webkit-transition: -webkit-transform 0.5s, width 0.5s;
  -moz-transition: -moz-transform 0.5s, width 0.5s;
  transition: transform 0.5s, width 0.5s;
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::before {
  -webkit-transform: rotate(45deg);
  -moz-transform: rotate(45deg);
  -ms-transform: rotate(45deg);
  -o-transform: rotate(45deg);
  transform: rotate(45deg);
}
.navigation-is-open .cd-nav-trigger .cd-nav-icon::after {
  -webkit-transform: rotate(-45deg);
  -moz-transform: rotate(-45deg);
  -ms-transform: rotate(-45deg);
  -o-transform: rotate(-45deg);
  transform: rotate(-45deg);
}
.no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::after, .no-touch .navigation-is-open .cd-nav-trigger:hover .cd-nav-icon::before {
  top: 0;
}
/*
.navigation-is-open .cd-nav-trigger circle {
  stroke-dashoffset: 0;
  -webkit-transition: stroke-dashoffset 0.4s 0.3s;
  -moz-transition: stroke-dashoffset 0.4s 0.3s;
  transition: stroke-dashoffset 0.4s 0.3s;
}
*/




/* no-js */

.no-js main {
  height: auto;
  overflow: visible;
}

.no-js .cd-nav {
  position: static;
  visibility: visible;
}
.no-js .cd-nav .cd-navigation-wrapper {
  height: auto;
  overflow: visible;
  padding: 100px 5%;
  -webkit-transform: translateX(0);
  -moz-transform: translateX(0);
  -ms-transform: translateX(0);
  -o-transform: translateX(0);
  transform: translateX(0);
}




/* MEDIA QUERY */

/*
4 break points dont les tailles sont les suivantes

    - Supérieur à 940px de large pour les écrans de bureau
    - Entre 768 et 939px de large pour les tablette en mode portrait
    - Moins de 767px de large pour les smartphones en mode paysage
    - Moins de 380px de large pour les smartphone en mode portrait
*/

/*
@-ms-viewport {
width: device-width;
}
*/

body:before { display:none; position:fixed; z-index:10; top:0; left:38%; opacity:0.8; padding:2px 10px; font-size:70%; color:#000; background-color:#eee; }
/* garder max-width: et pas max-width : car sinon repond.js ne fonctionne pas */


@media screen and (max-width: 767px) {
	body { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
	figure img { height:auto; margin:0; padding:0; max-width:100% !important; }
	body { font-size: 90%;}
	body:before { content:"@media (max-width : 767px)"; }
	
	/* Largeur élément général de la page */
	#container,
    .container,
	#header,
	#key_visual,
	#visuels,
	#footerf1,
	#desc_f {
		max-width:none;
		min-width:300px; /* inherit / 100% ie7 */
		width:auto;
	}
	/**** COLONNE ***/	
	#left_column { float:none; width :auto; }
	#right_column { float:none; position:static; overflow:hidden; }
	
	#container, .container { margin:auto; }
	#bg_main_nav_container, #left_column { display:none; }
	
	.margin_content { margin: auto 10px; }
	
	h1,
	.titre { font-size:25px; text-align:left; }
	h2,
	.stitre { font-size:20px; text-align:left; }
	h3,
	.sstitre { font-size:18px; text-align:left; }
	
	.fond1 { padding: 10px; }
	.width25 {  width: 45%; }
	
	
	#content_container p { font-size: 14px; line-height: 1.4;}
		
	/**** COLONNE ***/
	
	/********** BANDEAU ***********/
	#header {
		height: auto;
		margin: auto;
		position: relative;
	}
	
	#logo {  display:none; top: 10px; left: 5px; }
	#logo img { width:80px; }
	#logo .phone { font-size:10.5px; }
	.tvisu { font-size:60%; }

	/* breadcrumb */
	#breadcrumb a {
		padding:2px 8px;
		margin:3px 2px;
	}
	/********* MARQUES **********/
	#marques a { padding:3px 2px 3px 3px; margin:3px auto; }
	
	/*** Acces rapide Contenu haut page ***/
	
	#mobile_header {
		display:block;
		position:relative;
		z-index:3;
		min-height:50px;
		color:#fff;
		zoom:1;
        text-align:left;
		
		background-color: #03398e; /**** indispensable pour les menus deroulant ie **** */
		
		background-image: -ms-linear-gradient(top, #013f9f 20%, #053278 100%);  
		background-image: -moz-linear-gradient(top, #014a92 20%, #053278 100%);  
		background-image: -o-linear-gradient(top, #013f9f 20%, #053278 100%);
		background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0.20, #013f9f), color-stop(1, #053278) ); 
		background-image: -webkit-linear-gradient(top, #013f9f 20%, #053278 100%); 
		filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#013f9f', endColorstr='#053278',GradientType=0 ); /* IE6-9 */
		background-image: linear-gradient(top, #013f9f 20%, #053278 100%); 
	}
	.menu_title {
		display:inline-block;
		margin-top:15px;
		margin-left:10px;
		vertical-align:middle;
	}
	
	/* animated menu icon */
	.icon-menu_dyn,
	.icon-menu_dyn:before, .icon-menu_dyn:after {
		width: 1.6em;
		background: none repeat scroll 0 0 #fff;
		display: inline-block;
		height: 3px;
		transition: all 0.3s ease-in-out;
		vertical-align:middle;
		line-height:1;
	}
	.icon-menu_dyn {
		line-height : 37px;
		vertical-align : middle;
		position: relative;
	}
	.icon-menu_dyn:before, .icon-menu_dyn:after {
		content: "";
		left: 0;
		position: absolute;
		transform-origin: 0.401786em center 0;
	}
	.icon-menu_dyn:after {
		top: -0.55em;
	}
	.icon-menu_dyn:before {
		top: 0.55em;
	}
	
	/* close state */
	
	.extended .icon-menu_dyn:before {
		transform: rotate(45deg);
		-ms-transform: rotate(45deg);
		-webkit-transform: rotate(45deg);
		height : 4px;
	}
	
	.extended .icon-menu_dyn:after {
		transform: rotate(-45deg);
		-ms-transform: rotate(-45deg);
		-webkit-transform: rotate(-45deg);
		height : 4px;
	}
	
	.extended .icon-menu_dyn:before, .extended .icon-menu_dyn:after {
		top: 0;
		transform-origin: 50% 50% 0;
	}
	
	.extended .icon-menu_dyn {
		background: none repeat scroll 0 0 transparent;
	}
    
    /**** ZOOM *****/
    #pagezoom .tablepagezoom { float:none; width:100%; margin:auto; }
	
	/********** MENU ***********/
	/********** MENU HAUT ***********/
	#mvh { display:none; }

	/* Sous menu */

	/* hover */

	
	/* Menu footer */
	#footer2 { font-size: 120%; margin-left: 0; padding-bottom:1px; }
	#footer2 a { padding:8px 10px 8px 6px; }
	.blocfooter { float:none; margin: 2em 1em; }
	
	
	/*** mots footer ***/
	.sepfooter { display:none; }
	
	/* breadcrumb */
	.breadcrumb .breadcrumb_home,
	.breadcrumb .navigation-pipe { display:none; }
	.breadcrumb a { padding: 8px 6px; font-size:90%; }
	
	/*** flexbox */
	.flexblock {
		display: -webkit-box;      /* OLD - iOS 6-, Safari 3.1-6 */
		display: -moz-box;         /* OLD - Firefox 19- (buggy but mostly works) */
		display: -ms-flexbox;      /* TWEENER - IE 10 */
		display: -webkit-flex;     /* NEW - Chrome */
		display: -moz-flex;
		display: -ms-flex;
		display: flex;             /* NEW, Spec - Opera 12.1, Firefox 20+ */
	}
	
	.flexblock.column {
		 flex-direction: column;
		 -webkit-flex-direction: column;
		 -moz-flex-direction: column;
	}
	/* reorder header 
	#mobile_header {
		-webkit-box-ordinal-group: 1;  
		-moz-box-ordinal-group: 1;     
		-ms-flex-order: 1;     
		-webkit-order: 1;  
		order : 1;
	}
	#mvh {
		-webkit-box-ordinal-group: 2;  
		-moz-box-ordinal-group: 2;     
		-ms-flex-order: 2;     
		-webkit-order: 2;  
		order : 2;
	}
	
	#left_column {
		-webkit-box-ordinal-group: 3;  
		-moz-box-ordinal-group: 3;     
		-ms-flex-order: 3;     
		-webkit-order: 3;  
		order : 3;
	}
	
	#header {
		-webkit-box-ordinal-group: 4;  
		-moz-box-ordinal-group: 4;     
		-ms-flex-order: 4;     
		-webkit-order: 4;  
		order : 4;
	}
	
	#right_column {
		-webkit-box-ordinal-group: 5;  
		-moz-box-ordinal-group: 5;     
		-ms-flex-order: 5;     
		-webkit-order: 5;  
		order : 5;
	}*/

	/*********** CAROUSEL **************/
	.bx-controls { display:none; }
	#visuels { overflow:hidden; }
	
	/* footer */
    
    /******* RASSURANCE ********/
    .rassurance .item { width:50%; }
    .rassurance ul { margin-left:auto; margin-right:auto; }

	
	/********** MENU BAS ***********/
	
	/* reference */
	#content_container #reference ul li a {
    	width: 90px;
		padding:3px 1px;
		margin:4px auto;
	}

	
	/**** Fiche Produit */
	#content_container .article #imgfichedescript {
		float: none;
		padding-right: 0;
		width: auto;
	}
	#content_container .article .imgfichezoom {
		float: none;
		height: auto;
		width: auto;
	}
	#content_container .cms ul li{
		width : auto;
		float : none;
		margin-right : auto;
		margin-bottom : 20px;
	}
	#content_container .cms ul li .lisimg h2 { font-size: 14px; padding-top: 20px; }	
	
	/* table */
	.table {
		display: block;
		overflow-x: scroll;
		overflow-y: hidden;
	}
	
	/* news */
	.main_news_section .date, .news_section .date {
		position:relative;
		top : 0;
		right : 0;
	}
	.main_news_section .stitre { margin: auto auto 20px auto; }
	.img_news { float: none; margin-right: auto; width: auto; }
	
	#imgfiche a.pdf, .pdf {
		font-size: 150%;
		padding: 0px 10px 0px 25px;
	}
	
	
	/***** popin navigation *****/
	.cd-main {
	  /* fix bug on iOS */
	  height: 100vh;/**/
	  /* Force Hardware Acceleration in WebKit */
	  -webkit-transform: translateZ(0);
	  -moz-transform: translateZ(0);
	  -ms-transform: translateZ(0);
	  -o-transform: translateZ(0);
	  transform: translateZ(0);
	}
	#desc_h { padding: 0; }

    /* contact */
    #formcontact table { width:100%; }
    #formcontact td { display:block; }
    input.normal, input.focus,
    textarea.normal, textarea.focus,
    .submit, legend { width:280px; }
    
	
	/* contact */
	#contact_content .item_50.first { width: auto; float:none; }
	#formcontact .information { float:none; padding:0; }
	#formcontact .information.first { margin-bottom:20px; }
	#formcontact .item_50 { width: auto; }
	#formcontact .item_50 input,
	#formcontact input,
	#formcontact textarea,
	#formcontact select { width: 260px; }
	#formcontact .information.item2 { margin-left: 0; }
	#map_canvas { height: 400px; }
	
	#formcontact .item_100 { width: auto; }
	#formcontact input[type="submit"] { width:260px; }
	#formcontact label .civilite { display:inline-block; width:110px; }
	
    
    
    /* btn */
    .btn-devis-content {
        position:relative;
    }
    .btn-devis {
        position:relative;
        text-align:center;
        margin:auto 10px -1em 10px;
        border-radius: 0 0 20px 20px;
        border-right: 1px solid #ffd905;
    }
    .btn-devis .text1,
    .btn-devis .text2 {
        display:inline-block;
    }
    .btn-devis .text1 { font-size:200%; font-weight:normal; }
    .btn-devis .text2 { font-size:200%; font-weight:700; margin-left:0.2em; }
    
    .btn-devis:hover,
    .btn-devis:focus {
        padding: 8px 15px 10px;
        border-right: 1px solid #014a92;
    }
	
	
}
@media screen and (max-width: 400px) {
    /******* RASSURANCE ********/
    .rassurance ul { margin-left:auto; margin-right:auto; }
    .rassurance .picto { font-size: 70px; min-height: 72px; }
    .rassurance .blocr .text1 { font-size: 110%; }
    .rassurance .blocr .text2 { font-size: 80%; }
    .rassurance .blocr { min-height: 165px; }
    
    
    /* contact */
    #formcontact table { width:100%; }
    #formcontact td { display:block; }
    input.normal, input.focus,
    textarea.normal, textarea.focus,
    legend { width:100%; }
    
    .width47, .width40 { width:100%; }
}


/* ipad 2 , only screen and (max-device-width:991px)*/
@media screen and (min-width: 768px) and (max-width: 1166px) {
	body { -ms-text-size-adjust: none; -webkit-text-size-adjust: none; }
	figure img { max-width:100%; }
	body {  }
	body:before { content:"@media (min-width: 768px) and (max-width: 991px)"; }
	
	
	/* Largeur élément général de la page */
	#container,
    .container,
	#header,
	#key_visual,
	#visuels,
	#footerf1,
	#desc_f {

		/*max-width:none;
		min-width:100%;  inherit / 100% ie7 */
		width:768px;
	}
	/**** COLONNE ***/

	/********** BANDEAU ***********/
	/*--- logo -----------------------------------------------------------------*/
	
	/* mobile */
	#mobile_header,
	#mobile_menu { display:none !important; }
    
    /* breadcrumb */
    #breadcrumb,
    .news_content #breadcrumb { margin-right:9em; }
	
		
	/* Menu */
	#footer2 a { padding:8px 10px 8px 6px; }

	/* slider */
	
	/* catalogue */
	#content_container .cms ul li{
		width : 260px;
		margin-right : 5px;
	}
	#content_container .article #imgfichedescript{
		width : 315px;
		padding-right : 20px;
	}
    
    /*** menu colonne */
    #mvl li{ font-size : 11px; }
    
    /**** MENU ***/
    #mvh a { padding : 10px 10px; }

	
}


@media screen and (min-width: 1167px) {
	body {  }
	body:before { content:"@media (min-width: 992px)"; }
	
	/* Largeur élément général de la page */
	/* largeur */
	#content_container,
	#colonne-large { margin: 20px 40px; }
	#breadcrumb { margin-left:40px; }
	
	/********** BANDEAU ***********/
	/*--- logo -----------------------------------------------------------------*/
	
	#logo { top: 100px; left: 40px; }
	#logo img { width:220px; }
	#logo .phone { font-size:29.5px; }
	.tvisu { font-size:120%; }
	
	/**** COLONNE ***/
	#left_column { width: 250px; }
	/* slider */
	
	/* footer */
	#footerf1 { font-size:120%; }	
	.blocfooter { min-width:24%; }
	.sepfooter { height: 280px;	}
	
	/* mobile */
	#mobile_header,
	#mobile_menu { display:none !important; }
    
    /******* RASSURANCE ********/
    .rassurance .blocr { min-height: 265px; }
    .rassurance .blocr .picto { font-size: 140px; }
    .rassurance .blocr .text1 { font-size: 180%; }
    .rassurance .blocr .text2 { font-size: 130%; }
    
    /* contact */
    input.normal, input.focus,
    textarea.normal, textarea.focus,
    legend { width:400px; }
	
	
}



/************************* PRINT ******************************/
@media print {
	
	body { font-size:80%; background:none #fff !important; color:#000 !important; }
	#container,
    .container,
	#header,
	#key_visual,
	#visuels,
	#footerf1,
	#desc_f { display:block !important; width:auto !important; border:0 !important; max-width:inherit; min-width:inherit; }
	#conteneur { margin:0; }
	
	/* Desactive les fond, shadow, text-shadow */
	*
	{
		background:none;
		background:none !important;
		filter: progid:DXImageTransform.Microsoft.gradient( enabled='false' );
		/*border:0 !important;*/
	
		-moz-box-shadow:none !important;
		-webkit-box-shadow:none !important;
		box-shadow:none !important;
		
		text-shadow:none !important;
	}
	
	/* affiche les bloc en hidden normalement pour version imprimable */
	#bloc { overflow:visible; }
	#visuels { overflow:hidden; }
	
	/*** MASQUE LES ELEMENTS DE NAVIGATION ***/
	#acces, #mh, #mb, #mots, .kyxar, #close, .navig, #colonne1, #colonne2, 
	#bg_main_nav_container, #mvh, #left_column, #breadcrumb, #footerf1, #footerf2, #desc_f, #visuels
	{ display:none !important; }

	/* Largeur élément général de la page */
	
	/**** COLONNE ***/
	
	/*** bandeau imprimable ***/
	#header { height:50px; }
	
	#logo {	position:absolute; top:0px; left:0px; }
	#logo img {	width:100px; }
	
	#logo .phone { font-size: 13.5px; }
	
	/* Largeur élément général de la page */


}