.auth {
  width: 350px;
  margin: auto;
  margin-top: 50px;
  margin-bottom: 40px;
}

.auth fieldset {
  padding-left: 16px;
  padding-bottom: 20px;
  background-color: #f7f7f7;

  border: 0px;

  -moz-box-shadow: 0px 2px 3px #999999;
  -webkit-box-shadow: 0px 2px 3px #999999;
  box-shadow: 0px 2px 2px #999999;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
  zoom: 1; 

  -moz-border-radius: 10px 10px / 10px 10px;
  -webkit-border-radius: 10px 10px / 10px 10px;
  -khtml-border-radius: 10px 10px / 10px 10px;
  border-radius: 10px 10px / 10px 10px;
}

.auth fieldset legend {
  display: none;
}

.auth fieldset label.obligatoire {
  line-height: 30px;
  padding-left: 0px;
  padding-bottom: 10px;

  font-family: verdana, arial;
  font-size: 14px;
  font-weight: bold;
  color: #666666;
}

.auth fieldset input {
  width: 300px;
  height: 25px;

  font-family: verdana, arial;
  font-size: 16px;
  font-weight: bold;
  color: #666666;
  letter-spacing: 1px;
}

#contenu #texte .auth fieldset a.bouton {
  display: block;
  width: 120px;
  height: 25px;
  line-height: 25px;
  float: right;

  margin-top: 20px;
  margin-right: 10px;

  background-color: #999999;

  color: #ffffff;
  text-align: center;
  text-decoration: none;
  
  border: 1px solid #ffffff;

  -moz-box-shadow: 0px 2px 3px #999999;
  -webkit-box-shadow: 0px 2px 3px #999999;
  box-shadow: 0px 2px 2px #999999;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
  zoom: 1; 

  -moz-border-radius: 5px 5px / 5px 5px;
  -webkit-border-radius: 5px 5px / 5px 5px;
  -khtml-border-radius: 5px 5px / 5px 5px;
  border-radius: 5px 5px / 5px 5px;
}


.compte {
  padding-bottom: 20px;
}

.compte fieldset {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 15px;
  padding-left: 16px;
  padding-bottom: 20px;
  background-color: #f7f7f7;

  border: 0px;

  -moz-box-shadow: 0px 2px 3px #999999;
  -webkit-box-shadow: 0px 2px 3px #999999;
  box-shadow: 0px 2px 2px #999999;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
  zoom: 1; 

  -moz-border-radius: 10px 10px / 10px 10px;
  -webkit-border-radius: 10px 10px / 10px 10px;
  -khtml-border-radius: 10px 10px / 10px 10px;
  border-radius: 10px 10px / 10px 10px;

}

.compte fieldset label {
  display: block;
  width: 20%;
  margin-right: 5px;
  line-height: 20px;
  float: left;

}

.compte fieldset label.obligatoire {
  font-weight: bold; 
}

.compte fieldset input {
  width: 25%;
  height: 15px;
  margin-right: 15px;
  margin-bottom: 5px;
  float: left; 
}

.compte fieldset div.espacement_form {
  clear: both;
  height: 15px;
}

#contenu #texte .compte fieldset a.bouton {
  display: block;
  width: 120px;
  height: 25px;
  line-height: 25px;
  float: left;

  margin-top: 20px;
  margin-right: 10px;

  background-color: #999999;

  color: #ffffff;
  text-align: center;
  text-decoration: none;
  
  border: 1px solid #ffffff;

  -moz-box-shadow: 0px 2px 3px #999999;
  -webkit-box-shadow: 0px 2px 3px #999999;
  box-shadow: 0px 2px 2px #999999;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
  zoom: 1; 

  -moz-border-radius: 5px 5px / 5px 5px;
  -webkit-border-radius: 5px 5px / 5px 5px;
  -khtml-border-radius: 5px 5px / 5px 5px;
  border-radius: 5px 5px / 5px 5px;
}


div.information {
  width: 75%;
  margin: 15px auto;
  padding: 10px;
	border: 1px solid #dddddd;

  font-weight: bold;
  font-style: italic;
}



.compte_modif {
  padding-bottom: 20px;
}

.compte_modif fieldset {
  margin-left: 20px;
  margin-right: 20px;
  padding-top: 15px;
  padding-left: 16px;
  padding-bottom: 20px;
  background-color: #f7f7f7;

  border: 0px;

  -moz-box-shadow: 0px 2px 3px #999999;
  -webkit-box-shadow: 0px 2px 3px #999999;
  box-shadow: 0px 2px 2px #999999;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
  zoom: 1; 

  -moz-border-radius: 10px 10px / 10px 10px;
  -webkit-border-radius: 10px 10px / 10px 10px;
  -khtml-border-radius: 10px 10px / 10px 10px;
  border-radius: 10px 10px / 10px 10px;

}

.compte_modif fieldset label {
  display: block;
  width: 20%;
  margin-right: 5px;
  line-height: 20px;
  float: left;

}

.compte_modif fieldset label.obligatoire {
  font-weight: bold; 
}

.compte_modif fieldset input {
  width: 25%;
  height: 15px;
  margin-right: 15px;
  margin-bottom: 5px;
  float: left; 
}

.compte_modif fieldset div.espacement_form {
  clear: both;
  height: 15px;
}

#contenu #texte .compte_modif fieldset a.bouton {
  display: block;
  width: 120px;
  height: 25px;
  line-height: 25px;
  float: left;

  margin-top: 20px;
  margin-right: 10px;

  background-color: #999999;

  color: #ffffff;
  text-align: center;
  text-decoration: none;
  
  border: 1px solid #ffffff;

  -moz-box-shadow: 0px 2px 3px #999999;
  -webkit-box-shadow: 0px 2px 3px #999999;
  box-shadow: 0px 2px 2px #999999;
  filter:progid:DXImageTransform.Microsoft.Shadow(color='#999999', Direction=135, Strength=3);
  zoom: 1; 

  -moz-border-radius: 5px 5px / 5px 5px;
  -webkit-border-radius: 5px 5px / 5px 5px;
  -khtml-border-radius: 5px 5px / 5px 5px;
  border-radius: 5px 5px / 5px 5px;
}



/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(/commun/modeles/commun/structure/fonts/h3_FseZLI76g1To6meQ4zX-_kf6ByYO6CLYdB4HQE-Y.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 100;
  src: local('Lato Hairline'), local('Lato-Hairline'), url(/commun/modeles/commun/structure/fonts/ifRS04pY1nJBsu8-cUFUS-vvDin1pK8aKteLpeZ5c0A.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(/commun/modeles/commun/structure/fonts/IY9HZVvI1cMoAHxvl0w9LVKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 300;
  src: local('Lato Light'), local('Lato-Light'), url(/commun/modeles/commun/structure/fonts/22JRxvfANxSmnAhzbFH8PgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/commun/modeles/commun/structure/fonts/8qcEw_nrk_5HEcCpYdJu8BTbgVql8nDJpwnrE27mub0.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 400;
  src: local('Lato Regular'), local('Lato-Regular'), url(/commun/modeles/commun/structure/fonts/MDadn8DQ_3oT6kvnUq_2r_esZW2xOQ-xsNqO47m55DA.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url/commun/modeles/commun/structure/fonts/rZPI2gHXi8zxUjnybc2ZQFKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 700;
  src: local('Lato Bold'), local('Lato-Bold'), url(/commun/modeles/commun/structure/fonts/MgNNr5y1C_tIEuLEmicLmwLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}
/* latin-ext */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(/commun/modeles/commun/structure/fonts/t85RP2zhSdDjt5PhsT_SnlKPGs1ZzpMvnHX-7fPOuAc.woff2) format('woff2');
  unicode-range: U+0100-024F, U+1E00-1EFF, U+20A0-20AB, U+20AD-20CF, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
  font-family: 'Lato';
  font-style: normal;
  font-weight: 900;
  src: local('Lato Black'), local('Lato-Black'), url(/commun/modeles/commun/structure/fonts/lEjOv129Q3iN1tuqWOeRBgLUuEpTyoUstqEm5AMlJo4.woff2) format('woff2');
  unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2212, U+2215, U+E0FF, U+EFFD, U+F000;
}


.alaligne {
	clear: both;
	width: 100%;
	height: 1px;
	font-size: 1px;
}

.admin_calque {
	display: none;
	width: 100%;
	height: 100%;
	position: absolute;
	z-index: 2;
	top: 0px;
	left: 0px;
	
	background-color: #dddddd;
	opacity: 0.5;
  filter:alpha(opacity=50);	
	display:none !important;
}

.bouton_menu_modif {
	display: block;
	width: 25px;
	height: 25px;
	position: absolute;
	z-index: 4;
	top: 0px;
	left: 0px;
	
	display:none !important;
}

.bouton_menu_modif a img {
	border: 0px;
}

#cadre_boutons_connecte {
	width: auto;
	height: 30px;
	line-height: 30px;
	padding-left: 10px;
	padding-right: 10px;
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 5;
	background-color: #A1C935;
	border: 2px solid ;
}

#cadre_boutons_connecte .bandeau_bouton {
	display: block;
	height: 30px;
	line-height: 30px;
	float: left;
	width: auto;
	padding-left: 10px;
	padding-right: 10px;
}

#cadre_boutons_connecte a {
	display: block;
	height: 30px;
	line-height: 30px;
	background-repeat: no-repeat;
	background-position: left center;
	color: #ffffff;
	text-decoration: none;
}

#cadre_boutons_connecte a:hover {
	color: #fcd312;
}

#cadre_boutons_connecte a#bandeau_admin {
	padding-left: 22px;
	
}

#cadre_boutons_connecte a#bandeau_site {
	display: none;
}

#cadre_boutons_connecte a#bandeau_deconnexion {
	padding-left: 22px;
	
}

hr {
	border: 1px
}

#bandeau_print {
	display: none;
}









html {
	width: 100%;
	height: 100%;
	margin: auto;
}

body {
	margin: 0px auto;
	font-family: 'Lato', verdana, sans-serif;
	font-size: 12px;
	background-color:#fff;
	color:#585756;
}

.clear {
	margin:0 !important;
	padding:0 !important;
	clear:both !important;
	height:1px !important;
}


header > div, section > div, footer > div {
	width:calc(100% - 20px);
	max-width:1400px;
	margin: 0 auto;
	position:relative;
}	

header {
	padding:35px 0;
}

#logo {
	background-image:url(/commun/modeles/commun/structure/img/logo.png);
	display:block;
	width:284px;
	height:66px;
	border:0;
	float:left;
}

#menu_h {
	float:right;
	display:table;
	max-width:calc(100% - 300px);
	margin-top:42px;
}

#menu_h dl {
	display:table-cell;
	margin:0;
	text-transform:uppercase;
	position:relative;
}

#menu_h dl a {
	color:#585756;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	text-decoration:none;
	padding:0 10px;
	font-weight:700;
	font-size:14px;
	display:block;
	text-align:center;
}
#menu_h dl a:hover {
	color:#125082;
}

#menu_h dl dd a {
	font-size:11px;
	padding-top:6px;
	padding-bottom:6px;
}

#menu_h dl dd {
	display:none;
	margin:0;
	background-color:rgba(255,255,255,0.75);
	position:absolute;
	z-index:20;
	width:100%;
}

#menu_h dl dd ul {
	padding:8px 0;
	text-align:center;
	list-style:none;
}

#texte .colonne {
	width:calc(50% - 20px);
	float:left;
}
#texte .colonne_droite {
	float:right;
}

#section_contact {
	background-color:#eeefef;
}

#section_contact > div {
	max-width:1000px;
}

#section_contact p {
	float:left;
	color:#125082;
	text-transform:uppercase;
	font-size:15px;
	margin:0;
	padding:17px 0 0;
}

#section_contact #coordonnees {
	display:table;
	float:right;
}


.coordonnees{
	display: flex;
	align-items: center;
}

.facebook img{
	height: 33px;
}

#section_contact #coordonnees .email, #section_contact #coordonnees .telephone, #section_contact #coordonnees .facebook {
	display:table-cell;
	padding:9px 16px;
	border-left:3px solid #fff;
	font-size:15px;
	color:#000;
	padding-left:70px;
	background-image:url(/commun/modeles/commun/structure/img/sprite-pictos.png);
	background-repeat:no-repeat;
}
#section_contact #coordonnees .facebook {
	background-image: none;
	padding-left: 17px;
	height: 33px;
}
#section_contact #coordonnees .telephone {
	border-right:3px solid #fff;
	background-position:14px -559px;
}
#section_contact #coordonnees .email {
	background-position:14px -478px;
}

footer > div {
	max-width:1000px;
	padding:30px 0;
}

#baseline {
	float:left;
}

#baseline dl {
	margin:0;
	display:inline-block;
	margin-right:35px;
}
#baseline dl dt a {
	font-size:11px;
	text-transform:uppercase;
	text-decoration:none;
	color:#585756;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#baseline dl dt a:hover {
	color:#125082;
}

footer p { 
	font-size:11px;
	text-transform:uppercase;
	color:#125082;
	margin:0;
	float:right;
}
footer a {
	color:#125082;
}

#langue {
	position:absolute;
	top:-5px;
	right:10px;
}

#langue ul {
	padding:0;
	margin:0;
	list-style:none;
}

#langue ul li {
	display:inline-block;
}

#langue ul li a {
	display:block;
	margin-left:15px;
	height:25px;
	width:27px;
	background-image:url(/commun/modeles/commun/structure/img/sprite-pictos.png);
	background-repeat:no-repeat;
	border:0;
	text-indent:-99999px;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#langue ul li a:hover {
	opacity:0.8;
}

#langue ul li#langue_DE a {
	background-position:center -119px;
}
#langue ul li#langue_FR a {
	background-position:center -64px;
}
#langue ul li#langue_EN a {
	background-position:center -634px;
}

#menu_responsive {
	display:none;
	height:26px;
	width:38px;
	cursor:pointer;
	background-color:#125082;
	-moz-border-radius:2px;
	-webkit-border-radius:2px;
	border-radius:2px;
	margin-bottom:2px;
	float:right;
	margin-top:8px;
	margin-left:10px;
	color:#fff;
} 

.hamburger-inner, .hamburger-inner:before, .hamburger-inner:after {
	background-color:#fff;
}



header,
footer,
nav,
aside,
section,
article {
  display: block;
}

.admin_calque {
  display: none;
  width: 100%;
  height: 100%;
  position: absolute;
  z-index: 2;
  top: 0px;
  left: 0px;

  background-color: #dddddd;
  opacity: 0.5;
  filter:alpha(opacity=50);
}

.bouton_menu_modif {
  display: block;
  width: 25px;
  height: 25px;
  position: absolute;
  z-index: 4;
  top: 0px;
  left: 0px;
}

.bouton_menu_modif a img {
  border: 0px;
}

#cadre_boutons_connecte {
  width: 100%;
  height: 30px;
  line-height: 30px;
  padding-left: 150px;
  padding-right: 10px;
  position: fixed;

  z-index: 5;
  background-color: #54535E;
  border-bottom: 2px solid #E1E0E0;

  background-image: url(https://www.reckondrives.com/commun/modeles/defaut/img/petit-easydostart.gif);
  background-repeat: no-repeat;
  background-position: top left;
}

#cadre_boutons_connecte .bandeau_bouton {
  display: block;
  height: 30px;
  line-height: 30px;
  width: auto;
  float: left;
  padding-left: 10px;
  padding-right: 10px;
}

#cadre_boutons_connecte a {
  display: block;
  height: 30px;
  line-height: 30px;
  background-repeat: no-repeat;
  background-position: left center;

  font-size: 12px;
  color: #ffffff;
  text-decoration: none;
}

#cadre_boutons_connecte a:hover {
  color: #0494C0;
}

#cadre_boutons_connecte a#bandeau_admin {
}

#cadre_boutons_connecte a#bandeau_site {
  display: none;
}

#cadre_boutons_connecte a#bandeau_deconnexion {
}




#section_slider {
	position:relative;
}

#section_slider #fond_slider {
	display:block;
	//height:25vw;
	height:444px;
	position:absolute;
	top:50%;
	//margin-top:-10vw;
	margin-top:-222px;
	background-image:url(/commun/modeles/commun/structure/img/fond-slider.jpg);
	background-size:cover;
	width:100%;
	background-position:center;
}

#section_slider #slider {
	position:relative;
}

#section_slider #slider #bxslider {
	margin:0;
	position:relative;
	z-index:2;
}

.bx-wrapper {
	margin:0;
}

#section_slider #slider li {
	height:584px;
	background-size:cover;
	background-position:center;
}


#section_slider #slider #ombre_slider {
	display:block;
	width:calc(100% - 20px);
	max-width:1400px;
	margin: 0 auto;
	height:126px;
	background:url(/commun/modeles/commun/structure/img/ombre-slider.png);
	background-size:94% auto;
	background-position:center bottom;
	background-repeat:no-repeat;
	position:absolute;
	bottom:-56px;
	z-index:1;
}

.bx-controls {
	position:absolute;
	height:240px;
	top:50%;
	margin-top:-120px;
	width:100%;
}

.bx-controls .bx-prev, .bx-controls .bx-next {
	height:100%;
	width:240px;
	position:absolute;
	border:1px solid #fff;
	-moz-border-radius:240px;
	-webkit-border-radius:240px;
	border-radius:240px;
	text-indent:-99999px;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	z-index:10;
}

.bx-controls .bx-prev:before, .bx-controls .bx-next:before {
	content:'';
	display:block;
	width:24px;
	height:50px;
	background-image:url(/commun/modeles/commun/structure/img/sprite-pictos.png);
	position:absolute;
	top:50%;
	margin-top:-25px;
}
.bx-controls .bx-prev:before {
	left:15px;
	background-position:center -174px;
}
.bx-controls .bx-next:before {
	right:15px;
	background-position:center -256px;
}


.bx-controls .bx-prev:hover, .bx-controls .bx-next:hover {
	background-color:rgba(255,255,255,0.1);
}

.bx-controls .bx-prev {
	left:-120px;
}
.bx-controls .bx-next {
	right:-120px;
}

#section_slider #slider .contenu_slider {
	position:absolute;
	left:200px;
	top:40%;
}

#section_slider #slider .contenu_slider h2 {
	background-color:rgba(18,80,130, 0.8);
	padding:5px 100px;
	text-transform:uppercase;
	color:#fff;
	font-size:50px;
	line-height:50px;
	margin:0;
	font-weight:400;
	display:inline-block;
	float:left;
}
#section_slider #slider .contenu_slider h3 {
	background-color:rgba(255,255,255,0.8);
	padding:5px 15px;
	color:#4e4d4c;
	font-size:28px;
	line-height:28px;
	margin:8px 0 0 0;
	font-weight:400;
	display:inline-block;
	float:left;
	clear:both;
}
#section_slider #slider li a {
	height:100%;
	width:100%;
	display:block;
	position:absolute;
	top:0:
	left:0;
}

#contenu_accueil #texte {
	max-width:1000px;
	background-color:#eeefef;
	padding:40px 60px;
	font-size:16px;
	line-height:21px;
}

#contenu_accueil #texte .petit {
	font-size:13px;
}

#contenu_accueil #texte a, #contenu_interieur #texte a {
	color:#125082;
	text-decoration:none;
}
#contenu_accueil #texte a:hover, #contenu_interieur #texte a:hover {
	text-decoration:underline;
}

#contenu_accueil #texte h1, #section_produits h2.style_h1, #contenu_interieur h1, #produits_lies h2.style_h1 {
	margin:0 0 25px 0;
	font-size:25px;
	text-transform:uppercase;
	font-weight:300;
	text-align:center;
	letter-spacing:3px;
}
#section_produits h2.style_h1, #produits_lies h2.style_h1 {
	color:#fff;
}

#contenu_accueil #texte h1:before, #contenu_accueil #texte h1:after,
#section_produits h2.style_h1:before, #section_produits h2.style_h1:after,
#contenu_interieur h1:before, #contenu_interieur h1:after,
#produits_lies h2.style_h1:before, #produits_lies h2.style_h1:after {
	content:'';
	display:inline-block;
	height:6px;
	width:40px;
	background-color:#125082;
	position:relative;
	top:-6px;
	margin:0 15px;
}
#section_produits h2.style_h1:before, #section_produits h2.style_h1:after,
#produits_lies h2.style_h1:before, #produits_lies h2.style_h1:after {
	background-color:#373638;
	border:1px solid #585756;
}

#contenu_interieur h1 {
	background-color:#eeefef;
	padding:40px 0;
	margin:0;
}
#contenu_interieur h1.cache:after, #contenu_interieur h1.cache:before {
	display:none;
}
#contenu_interieur h1.cache {
	color:transparent;
	padding:0px;
	height: 0px;
}

#section_produits, #produits_lies {
	background-color:#125082;
	text-align:center;
	padding-bottom:40px;
}

#section_produits #produits, #produits_lies > div {
	max-width: 1000px;
	margin:0 auto;
	width:100%;
	padding:50px 0 0 0;
}

#section_produits #produits .un_produit, #produits_lies > div .un_produit {
	float:left;
	width:50%;
	text-align:center;
}
#produits_lies > div .un_produit {
	float:none;
	display:inline-block;
	width:calc(25% - 0.3em);
}

#section_produits #produits .un_produit > div, #produits_lies > div .un_produit > div {
	width:380px;
	height:380px;
	-moz-border-radius:380px;
	-webkit-border-radius:380px;
	border-radius:380px;
	border:1px solid #fff;
	display:inline-block;
	position:relative;
}
#produits_lies > div .un_produit > div {
	width:210px;
	height:210px;
}
#section_produits #produits .un_produit > div > div, #produits_lies > div .un_produit > div > div {
	height:88%;
	width:88%;
	background-size:cover;
	margin-top:6%;
	margin-left:6%;
	-moz-border-radius:380px;
	-webkit-border-radius:380px;
	border-radius:380px;
	position:relative;
	overflow:hidden;
}

@keyframes opacite0 {
  100% {
    opacity:0;
  }
}
@keyframes opacite50 {
  100% {
    opacity:0.5;
  }
}
@keyframes opacite100 {
  100% {
    opacity:1;
  }
}

#section_produits #produits .un_produit a, #produits_lies > div .un_produit a {
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
}
#section_produits #produits .un_produit a:before, #produits_lies > div .un_produit a:before {
	content:'';
	display:block;
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:100%;
	background-color:#125082;
	opacity:0;
	animation: opacite0 1s forwards;
}
#section_produits #produits .un_produit a:hover:before, #produits_lies > div .un_produit a:hover:before {
	animation: opacite50 1s forwards;
}
#section_produits #produits .un_produit a:after, #produits_lies > div .un_produit a:after {
	content:'';
	display:block;
	position:absolute;
	top:50%;
	left:50%;
	margin-top:-25px;
	margin-left:-25px;
	width:50px;
	height:50px;
	background-image:url(/commun/modeles/commun/structure/img/sprite-pictos.png);
	background-position:center -374px;
	animation: hoverproduit 1s forwards;
	opacity:0;
	animation: opacite0 1s forwards;
}
#section_produits #produits .un_produit a:hover:after, #produits_lies > div .un_produit a:hover:after {
	animation: opacite100 1s forwards;
}

#section_produits #produits .un_produit h3, #produits_lies > div .un_produit h3 {
	color:#fff;
	text-transform:uppercase;
	font-size:16px;
	margin:25px 0;
}
#produits_lies > div .un_produit h3 {
	margin:15px 0;
}

.bouton {
	background-color:#125082;
	color:#fff !important;
	padding:4px 10px;
	text-transform:uppercase;
	font-weight:300;
	font-size:15px;
	text-decoration:none !important;
	display:inline-block;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#section_produits .bouton, #mise_en_avant .bouton {
	background-color:#373638;
	border:1px solid #585756;
	padding:3px 20px;
}
.bouton:hover {
	opacity:0.8;
}

#section_actualites #actus {
	max-width:1000px;
	text-align:center;
	padding:80px 0;
}

#section_actualites #actus > div {
	display:table;
	width:100%;
}

#section_actualites #actus .mon_actu {
	display:table-cell;
	width:33%;
	vertical-align:top;
	border-right:2px solid #ada8a6;
	text-align:left;
	padding:0 30px 25px;
	position:relative;
}
#section_actualites #actus .mon_actu:first-child {
	border-left:2px solid #ada8a6;
}

#section_actualites #actus .mon_actu .bloc_image {
	height:110px;
	display:table-cell;
	vertical-align:middle;
	width:500px;
}

#section_actualites #actus .mon_actu img {
	display:block;
	margin:0 auto;
	max-width:100%;
	max-height:100%;
}

#section_actualites #actus .mon_actu h3 {
	font-size:17px;
	margin:15px 0 10px;
	text-transform:uppercase;
	color:#125082;
	font-weight:400;
}

#section_actualites #actus .mon_actu p {
	font-size:13px;
}

#section_actualites #actus .mon_actu a {
	position:absolute;
	bottom:0;
	left:30px;
}

.bandeau_fond {
	height:274px;
	width:100%;
	background-image:url(/commun/modeles/commun/structure/img/fond-slider.jpg);
	background-size:cover;
	position:absolute;
	background-position:center;
}

#contenu_interieur {
	position:relative;
	text-align:justify;
}

#contenu_interieur > div {
	position:relative;
	width:100%;
	max-width:1000px;
	margin:0 auto;
}

#contenu_interieur #ariane {
	font-size:13px;
	font-weight:300;
	position:absolute;
	top:10px;
	left:10px;
	text-align:left;
}
body{
	font-size: 14px;
}

#contenu_interieur #ariane:before {
	content:'';
	display:inline-block;
	float:left;
	height:4px;
	width:4px;
	-moz-border-radius:4px;
	-webkit-border-radius:4px;
	border-radius:4px;
	background-color:#125082;
	margin-top:7px;
	margin-right:4px;
}

#contenu_interieur #ariane > div {
	display:inline-block;
}

#contenu_interieur #ariane a {
	text-decoration:none;
	color:#585756;
}
#contenu_interieur #ariane a:hover {
	color:#000;
}

#contenu_interieur #bandeau_page img {
	width:100%;
	display:block;
}

#contenu_interieur #texte {
	padding-bottom:30px;
}

#contenu_interieur #texte .fond_gris {
	padding:20px 50px 30px;
	text-align:center;
	background-color:#eeefef;
	font-size:17px;
	font-weight:300;
	margin-bottom:30px;
}

#contenu_interieur #texte .fond_gris p {
	margin: 0 0 15px;
}

#contenu_interieur table {
	width:100%;
}

#contenu_interieur table.photos {
	border:0px !important;
	border-collapse:collapse !important;
	width:100% !important;
	color:#1a171b;
}
#contenu_interieur table.lignes {
	border:0px !important;
	border-collapse:collapse !important;
	width:100% !important;
}




#contenu_interieur table.photos thead, #contenu_interieur table.lignes thead {
	text-align:center;
}

#contenu_interieur table.photos thead th, #contenu_interieur table.lignes thead th {
	background-color:#125082;
	color:#fff !important;
	font-size:20px;
	text-align:center;
	padding:5px;
	border:6px solid #fff;
	border-top:0px;
}
#contenu_interieur table.photos tbody, #contenu_interieur table.lignes tbody {
	border:6px solid #fff;
}


#contenu_interieur table.lignes thead th {
	font-size:12px;
	font-weight: 500;

}

#contenu_interieur table.photos thead th, #contenu_interieur table.lignes thead th.size_th{
	width:165px;
}

#contenu_interieur table.photos thead th:first-child, #contenu_interieur table.lignes thead th:first-child,
#contenu_interieur table.lignes.technique thead th .xl79{
	background-color:transparent;
}
#contenu_interieur table.photos thead td img {
	max-width:100%;
}

td.xl68{
	background-color: #ada8a6;
	color: white;
	border-bottom: 1px solid #fff;
}
#contenu_interieur table.photos thead th a, #contenu_interieur table.lignes thead th a {
	color:#fff !important;
	text-decoration:none;
}

#contenu_interieur table.photos p, #contenu_interieur table.lignes p {
	margin:0;
}

#contenu_interieur table.photos tbody th, #contenu_interieur table.lignes tbody th {
	text-align:left;
	padding:5px;
}
#contenu_interieur table.lignes.technique tbody th {
	border-bottom:1px solid #fff;
	background-color:#ada8a6;
	color:#fff;
}
#contenu_interieur table.lignes.technique tbody tr:hover {
	background-color:#125082;
	color:#fff;
}

#contenu_interieur table.photos tbody td {
	font-weight:700;
}

#contenu_interieur table.photos tbody td, #contenu_interieur table.lignes tbody td {
	text-align:center;
}


#contenu_interieur table.lignes tbody tr:nth-of-type(2n+1) {
	background-color:#eeefef;
}

#contenu_interieur .contenu_deroulant h2 {
	background-color:#125082;
	color:#fff;
	font-size:15px;
	margin:20px 0 2px 0;
	padding:6px 36px 6px 10px;
	cursor:pointer;
	position:relative;
	text-transform:uppercase;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
}
#contenu_interieur .contenu_deroulant h2:hover {
	background-color:#373638;
}
#contenu_interieur .contenu_deroulant h2:after {
	content:'+';
	display:block;
	position:absolute;
	right:10px;
	top:0;
	font-size:30px;
	line-height:27px;
}
#contenu_interieur .contenu_deroulant.ouvert h2:after {
	content:'-';
}
#contenu_interieur .contenu_deroulant > div {
	display:none;
	border:2px solid #ada8a6;
	padding:10px;
}
#contenu_interieur img, #contenu_interieur img a {
	border:0px;
}

#contenu_interieur .pictos_pdf {
	text-align:right;
	margin-top:15px;
}
#contenu_interieur .pictos_pdf img {
	margin-left:15px;
}
#contenu_interieur .pictos_pdf a {
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	display:inline-block;
}
#contenu_interieur .pictos_pdf a:hover {
	opacity:0.8;
}

#contenu_interieur img {
	max-width:100%;
}

#mise_en_avant {
	background-color:#125082;
	text-align:center;
	padding:35px 0;
}
#section_produits + #mise_en_avant {
	padding-top:0;
}
#mise_en_avant > div {
	max-width:1000px;
}
#mise_en_avant p {
	color:#fff;
	font-size:14px;
	margin:0 0 0 0;
}
#mise_en_avant a {
	margin-top:25px;
}

#contenu_interieur .fond_gris h1 {
	font-size:50px;
	font-weight:300;
	color:#125082;
	margin:0;
	text-align:left;
	padding:0;
}
#contenu_interieur .fond_gris h1:before, #contenu_interieur .fond_gris h1:after {
	display:none;
}
#contenu_interieur .fond_gris h2 {
	font-size:20px;
	margin:10px 0;
	text-transform:uppercase;
	text-align:left;
}

#contenu_interieur h2 {
	text-transform:uppercase;
	margin:10px 0;
}

#contenu_interieur h2.bleu {
	color:#125082;
}
#contenu_interieur .fond_gris h3 {
	font-size:17px;
	font-weight:300;
	margin:0;
	text-align:left;
}

#contenu_interieur table.caracteristiques {
	border-collapse:collapse !important;
	width:100% !important;
	border:0px !important;
	margin-top:50px;
	margin-bottom:30px;
}
#contenu_interieur table.caracteristiques tr {
	border-bottom:1px dotted #585756;
}
#contenu_interieur table.caracteristiques tr td {
	padding:3px 2px;
	display:inline-block;
	background-color:#eeefef;
	position:relative;
	top:7px;
	font-weight:700;
	font-size:14px;
}
#contenu_interieur table.caracteristiques tr td:first-child {
	text-align:left;
	float:left;
}
#contenu_interieur table.caracteristiques tr td:last-child {
	text-align:right;
	float:right;
}

#contenu_interieur .galleria-container {
	background-color:transparent;
}
#contenu_interieur .galleria-thumbnails-container {
	bottom:-130px;
}
#contenu_interieur .galleria-thumbnails-container, #contenu_interieur .galleria-thumbnails,
#contenu_interieur .galleria-thumbnails img, #contenu_interieur .galleria-thumbnails .galleria-image {
	height:130px !important;
}
#contenu_interieur .galleria-thumbnails img {
	width:auto !important;
}
galleria-thumbnails-list {
	text-align:center;
}
#contenu_interieur .galleria-thumbnails {
	display:inline-block;
}
#contenu_interieur .galleria-thumbnails .galleria-image {
	margin:0 20px;
}
#contenu_interieur .galleria-container {
	overflow:visible;
}

#contenu_interieur .galerie {
	margin-bottom:130px;
}

#contenu_interieur .galleria-image-nav, #contenu_interieur .galleria-counter {
	display:none !important;
}
#contenu_interieur .galleria-info {
	width:100%;
	top:auto;
	bottom:10px;
	left:0;
}
#contenu_interieur .galleria-info-text {
	display:block;
	text-transform:uppercase;
	color:#fff;
	background-color:#125082;
	text-align:center;
}
#contenu_interieur .galleria-info-link, #contenu_interieur galleria-info-close {
	display:none;
}
#contenu_interieur .galleria-info-title {
	margin-bottom:0;
}

.galleria-lightbox-shadow {
	background-color:transparent !important;
}
.galleria-lightbox-box .galleria-image {
	background-color:#fff;
}

#contenu_interieur table.download {
	border-collapse:separate;
	border-spacing:2px;
	border:1px solid #cccccb;
	width:100% !important;
	table-layout:fixed;
}

#contenu_interieur table.download tr td, #contenu_interieur table.download tr th {
	color:#373638;
	text-align:center;
	font-size:11px;
	font-weight:bold;
	padding:0;
}
#contenu_interieur table.download tr th {
	font-size:14px;
	background-color:#cccccb;
	padding:8px;
}

#contenu_interieur table.download a {
	display:block;
	background-color:#cccccb;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	padding:8px;
	text-decoration:none;
	color:#585756;
}
#contenu_interieur table.download a:hover {
	opacity:0.8;
}

#contenu_interieur table.features {
	border-collapse:separate;
	border:0px;
	width:100%;
}
#contenu_interieur table.features td {
	vertical-align:middle;
	padding:20px 0;
}

#contenu_interieur table.features td h3 {
	color:#373638;
}
#contenu_interieur table.features img {
	max-width:150px;
	margin: 0;
	height:auto !important;
}


.taille_10 {
  font-size: 10px;
}

.taille_14 {
  font-size: 14px;
}

.taille_16 {
  font-size: 16px;
}

.taille_18 {
  font-size: 18px;
}

.taille_20 {
  font-size: 20px;
}

.taille_22 {
  font-size: 20px;
}

#texte ul {
	list-style:square;
}


.actus_consult {
	background-color:#eeefef;
	padding: 0 50px 70px;
}


#contenu_interieur .actus_consult .img_consult {
	float:left;
	max-width:200px;
}

#contenu_interieur .actus_consult h2.titre_consult, #contenu_interieur .actus_consult .resume_consult {
	padding-left:220px;
}

#contenu_interieur .actus_consult .resume_consult {
	font-style:italic;
}

#menu_v {
	display:table;
	width:100%;
	 background-color:#eeefef;
}

#menu_v dl {
	margin:0;
	display:table-cell;
	vertical-align:middle;
	width:10%;
	text-align:center;
	border-right:2px solid #eeefef;
	-moz-transition:all 0.3s ease;
	-webkit-transition:all 0.3s ease;
	transition:all 0.3s ease;
	//background-color:#ada8a6;
	background-color:#e4dfdd;
}
#menu_v dl:last-child {
	border-right:0;
}

#menu_v dl a {
	//color:#fff;
	color:#585756;
	text-decoration:none;
	font-size:14px;
	padding:15px 20px;
	display:block;
}
#menu_v dl:hover {
	//background-color:#585756;
	background-color:#d4cfcd;
}

#menu_v dl dt.premier-selected a, #menu_v dl dt.defaut-selected a, #menu_v dl dt.dernier-selected a {
	color: #125082;
}


a.bouton_retour {
	color:#125082;
	font-size: 20px;
	text-decoration: none;
	margin-top: 20px;
	font-weight: 600;
	display: block;
}

a.bouton_retour:before {
  content: '⇤';
}


.galleria-container {
  background-color: #ffffff;
  background-color: rgba(255,255,255,0.5);
}


#texte .galleria-container img {
  border: 0px;
  box-shadow: none;
}

.galleria-thumbnails .galleria-image {
  background-color: transparent;
  border: 0px;
}
 
#texte .galleria-container .galleria-image {
  background-color: transparent;
}
 
.galleria-thumbnails span.img {
  display: block;
  width: 10px;
  height: 10px;
  margin: 3px 2px;

  line-height: 30px;
  text-align: center;
  font-weight: bold;
  text-indent: 9999px;
  
  Background-color: #ffffff;
} 

.galleria-thumbnails .active span.img {
  display: block;
  width: 10px;
  height: 10px;
  margin: 3px 2px;

  line-height: 30px;
  text-align: center;
  font-weight: bold;
  color: #ffffff;
  text-indent: 9999px;

  background-color: #B32018;
}

.galleria-thumb-nav-left,
.galleria-thumb-nav-right {
  display: none;
  height: 40px;
  width: 23px;
  cursor: pointer;
  background-position: -495px 5px;
  position: absolute;

  left: 0pt;
  top: 0pt;
  z-index: 3;

  opacity: 1;

  background-color: #97B0C1;
}

.galleria-thumb-nav-right {
  background-position: -578px 5px;
  right: 0pt;
  
  left: auto;
}

.notouch .galleria-thumb-nav-left:hover, 
.notouch .galleria-thumb-nav-right:hover {
  opacity: 1;
  background-color: #2A93CB;
}

.galleria-counter {
  position: absolute;
  bottom: 10px;
  left: 10px;
  z-index: 1;

  background-color: #ffffff;
  width: 40px;
  height: 20px;
  padding-right: 5px;

  text-align: right;
  color: #ffffff;
  color: #000000;
  font-family: arial,sans-serif;
  font-style: normal;
  font-variant: normal;
  font-weight: normal;
  font-size: 11px;
  line-height: 20px;
  font-size-adjust: none;
  font-stretch: normal;
  -x-system-font: none;
}

.galleria-image-nav-left,
.galleria-image-nav-right {
  cursor: pointer;
  width: 50px;
  height: 124px;

  position: absolute;
  left: 10px;
  z-index: 2;

  background-position: 16px 46px;

  background-color: #000000;
  opacity: 0.4;
}

.galleria-image-nav-right {
  left: auto;
  right: 10px;
  background-position: -280px 46px;
  z-index: 2;
}

.notouch .galleria-image-nav-left:hover,
.notouch .galleria-image-nav-right:hover {
  opacity: 0.7;
}

.galleria-image {
  background-color: #efefef;
}


.pre_slider {
  margin-top: 20px;
  margin-left: 20px;
  margin-bottom: 20px;
  width:609px;
  height:490px;
}

.slider {
  position: relative;
  width:609px;
  height:457px;

  background-image: url(https://www.reckondrives.com/commun/modeles/commun/galerie/img/loading.gif);
  background-repeat: no-repeat;
  background-position: 50% 50%;
  
}

.slider img {
  position: absolute;
  top: 0px;
  left: 0px;
  display: none;
}

.slider_vignette .nivo-controlNav .nivo-control img {
  display: inline;
}

.slider a {
    border:0;
    display:block;
}

.nivoSlider {
  position:relative;
}

.nivoSlider img {
  position:absolute;
  top:0px;
  left:0px;
}

.nivoSlider a.nivo-imageLink {
  position:absolute;
  top:0px;
  left:0px;
  width:100%;
  height:100%;
  border:0;
  padding:0;
  margin:0;
  z-index:60;
  display:none;
}

.nivo-slice {
  display:block;
  position:absolute;
  z-index:50;
  height:100%;
}

.nivo-caption {
  position:absolute;
  left:0px;
  bottom:0px;
  background:#000;
  color:#fff;
  opacity:0.8; 
  width:100%;
  z-index:89;
}

.nivo-caption p {
  padding:5px;
  margin:0;
}

.nivo-caption a {
  display:inline !important;
}

.nivo-html-caption {
    display:none;
}

.nivo-directionNav a {
  display: block;
  width: 45px;
  height: 45px;

  position:absolute;
  top:45%;
  z-index:99;
  cursor:pointer;
  text-indent: -9999px;
}

.nivo-prevNav {
  left:0px;

  background-image: url(https://www.reckondrives.com/commun/modeles/commun/galerie/img/slide-precedent.png);
  background-repeat: repeat;
}

.nivo-nextNav {
  right:0px;

  background-image: url(https://www.reckondrives.com/commun/modeles/commun/galerie/img/slide-suivant.png);
  background-repeat: repeat;
}

.nivo-controlNav {
  position: absolute;
  bottom: -30px;
  left: 45%;
  margin-left: -50px;

  text-align: center;
}

.nivo-controlNav a {
  display: block;
  width: 20px;
  height: 20px;

  position: relative;
  z-index: 99;
  cursor: pointer;
  float: left;
  
  color: transparent;
  text-indent: -9999px;

  background-image: url(https://www.reckondrives.com/commun/modeles/commun/galerie/img/slide-off.gif);
  background-repeat: repeat;
}

.nivo-controlNav a.active {
  font-weight:bold;

  background-image: url(https://www.reckondrives.com/commun/modeles/commun/galerie/img/slide-on.gif);
  background-repeat: repeat;
}



@media screen and (max-width : 1645px) {

	.bx-controls .bx-prev {
	    left: -60px;
	}
	.bx-controls .bx-next {
	    right: -60px;
	}
	
}


@media screen and (max-width : 1525px) {

	.bx-controls .bx-prev {
	    left: -42px;
	}
	.bx-controls .bx-next {
	    right: -42px;
	}
	
	#section_slider #slider {
		width:calc(100% - 90px);
	}
	
	#section_slider #slider li {
		height:40vw;
	}
	
	#section_slider #fond_slider {
		height:28vw;
		margin-top:-14vw;
	}
	
	
	
}


@media screen and (max-width : 1250px) {
			
	#contenu_accueil #texte {
		width:calc(100% - 120px);
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}	
	
	#section_slider #slider .contenu_slider h2 {
		font-size:40px;
		line-height:40px;
		padding:5px 15px;
	}
	#section_slider #slider .contenu_slider h3 {
		font-size:20px;
		line-height:20px;
	}
		
}


@media screen and (max-width : 1170px) {
					
	#menu_h dl a {
		font-size:12px;
	}
		
}

@media screen and (max-width : 1100px) {
					
	#section_slider #slider .contenu_slider h2 {
		font-size:30px;
		line-height:30px;
		padding:5px 10px;
	}
	#section_slider #slider .contenu_slider h3 {
		font-size:16px;
		line-height:16px;
		padding:5px 10px;
	}

}


@media screen and (max-width : 1010px) {
	
	#contenu_interieur table.photos {
		width:99% !important;
	}
	#texte table {
		max-width:100% !important;
		width:100% !important;
	}
	#contenu_interieur table.features td {
		width:auto !important;
		padding:20px;
	}

	#contenu_interieur #texte {
		padding-left:5px;
		padding-right:5px;
	}

}

@media screen and (max-width : 1000px) {
	
	.bx-controls {
		height:70px;
		margin-top:-35px;
	}
	
	.bx-controls .bx-prev, .bx-controls .bx-next {
		width:70px;
	}	
	
	#section_slider #slider .contenu_slider {
		left:50px;
	}

	#contenu_accueil #texte {
		font-size:12px;
		padding:40px 30px 20px 30px;
	}
	#contenu_accueil #texte .petit {
	    font-size: 10px;
	}

	#texte .colonne {
	    width: calc(50% - 10px);
	}

	#menu_h dl a {
		padding:0 5px;
	}

	#texte img {
		max-width:100%;
		height:auto !important;
	}



}

@media screen and (max-width : 970px) {
	
	#baseline {
		float:none;
		margin:0 auto;
		text-align:center;
	}
	
	footer p {
		margin-top:15px;
		float:none;
		text-align:center;
		clear:both;
	}
	
}
	
@media screen and (max-width : 870px) {
	
	#produits_lies > div .un_produit > div {
	    height: 130px;
	    width: 130px;
	}

}

@media screen and (max-width : 870px) {
	
	#section_produits #produits .un_produit > div {
		height:280px;
		width:280px;
	}

	#menu_v dl a {
		padding:20px 5px;
	}

}

@media screen and (max-width : 850px) {
	
	header {
	    padding: 15px 0;
	}
	
	#logo {
		margin:5px 0;
		max-width:calc(100% - 120px);
		background-size:100% auto;
		background-position:center left;
		background-repeat:no-repeat;
	}

	#langue {
	    right: 90px;
	    top: 8px;
	}
	
	#menu_h {
		display:none;
		width:100%;
		max-width:100%;
		float:none;
		clear:both;
	}

	#menu_responsive {
		display:block;
	} 

	#menu_h dl {
		display:block;
		width:100%;
		border-bottom:1px solid #fff;
		position:relative;
	}
	#menu_h dl dt {
		position:relative;
	}
	#menu_h dl dt ul li {
		position:relative;
	}

	#menu_h dl dt a {
		padding:10px 40px 10px 10px;
		background-color:#eeefef;
	}

	#menu_h dl > span {
		position:absolute;
		right:0;
		top:0;
		padding:0 5px;
		color:#125082;
		line-height:32px;
		font-size:40px;
		cursor:pointer;
	}

	#menu_h dl dd {
		position:relative;
	} 

	#menu_h dl dd ul {
		padding:0;
	}
	#menu_h dl dd ul li a {
		background-color:#fff;
		border-bottom:1px solid #eeefef;
	}

	#section_slider #slider {
		width:100%;
	}	
	.bx-controls {
		height:60px;
	}
	.bx-controls .bx-prev, .bx-controls .bx-next {
		background-color:#125082;
		border:0px;
		opacity:0.5;
		width:60px;
	}
	.bx-controls .bx-prev:hover, .bx-controls .bx-next:hover {
		background-color:#125082;
		opacity:0.8;
	}
	.bx-controls .bx-prev {
		left:5px;
	}
	.bx-controls .bx-next {
		right:5px;
	}
	
	#section_slider #slider .contenu_slider {
		left:75px;
	}

	#contenu_accueil #texte {
		padding:40px 15px 15px 15px;
		width:100%;
	}
	#section_slider #slider #ombre_slider {
		width:100%;
		background-size:100%;
		height:7vw;
		bottom:-6vw;
	}

	#menu_h dd {
		position:relative;
	}

	#section_actualites #actus .mon_actu {
		padding: 0 10px 25px;
	}

	#section_actualites #actus {
		padding:40px 0;
	}

	#section_actualites #actus .mon_actu a {
		left:10px;
	}
	
	#section_contact p {
		font-size:12px;
	}

	#section_contact #coordonnees .email, #section_contact #coordonnees .telephone {
		padding: 20px 12px 20px 60px;
		font-size:12px;
	}

	#contenu_interieur .contenu_deroulant > div {
		overflow:scroll;
	}

	#texte .fond_gris .colonne {
		width:100%;
		float:none;
	}	

	#contenu_interieur #ariane {
		position:relative;
		background-color:#eeefef;
		top:0;
		left:0;
		padding:3px;
	}

}

@media screen and (max-width : 680px) {
	
	#section_contact #coordonnees {
	    float: none;
		width:100%;
		text-align:center;
		margin-top:15px;
	}

	#section_contact p {
		float:none;
		text-align:center;
	}

	#section_contact #coordonnees .email, #section_contact #coordonnees .telephone {
		display:inline-block;
	}

	#section_contact #coordonnees .email {
		border-left:0px;
	} 
	#section_contact #coordonnees .telephone {
		border-right:0px;
	}

}

@media screen and (max-width : 630px) {
	
	#section_produits #produits .un_produit > div {
		height:180px;
		width:180px;
	}

	#section_produits #produits .un_produit h3, #produits_lies > div .un_produit h3 {
		font-size:14px;
	}

	#section_actualites #actus .mon_actu h3 {
		font-size:14px;
        text-align:center;
	}

	#section_actualites #actus .mon_actu p {
		font-size:12px;
        text-align:center
	}

    #section_actualites #actus .mon_actu a {

        position:relative;
        left: auto;
        right: auto;
        margin-top: 15px;
    }

 

    #section_actualites #actus .mon_actu {

        text-align:center;
    }

	#contenu_accueil #texte h1, #section_produits h2.style_h1, #contenu_interieur h1, #produits_lies h2.style_h1 {
		font-size:20px
	}

	#contenu_accueil #texte h1:before, #contenu_accueil #texte h1:after, #section_produits h2.style_h1:before, 
	#section_produits h2.style_h1:after, #contenu_interieur h1:before, #contenu_interieur h1:after, 
	#produits_lies h2.style_h1:before, #produits_lies h2.style_h1:after {
		top:-5px;
		height:4px;
	}


}

@media screen and (max-width : 580px) {
	
	#section_slider #slider .contenu_slider h2 {
	    font-size: 20px;
	    line-height: 20px;
	}

	#section_slider #slider .contenu_slider h3 {
	    font-size: 14px;
	    line-height: 14px;
		margin-top:2px;
	}


	#section_produits, #produits_lies {
	    padding-bottom: 25px;
	}

	#section_actualites #actus .mon_actu {
		display:block;
		width:100%;
		border-right: 0px solid #ada8a6;
		border-bottom: 2px solid #ada8a6;
		padding-bottom:35px;
		padding-top:10px;
		-moz-box-sizing:border-box;
		-webkit-box-sizing:border-box;
		box-sizing:border-box;
	}
	#section_actualites #actus .mon_actu:first-child {
		border-left: 0px solid #ada8a6;
		border-top: 2px solid #ada8a6;
	}

	#section_actualites #actus .mon_actu img {
		
		max-width:250px;
		margin:auto;
	}

	#section_actualites #actus .mon_actu a {
		bottom:10px;
	}

	#menu_v dl a {
		padding:10px;
	}
	#menu_v dl {
		display:block;
		width:100%;
		border-bottom:1px solid #eeefef;
		border-right:0px !important;
		border-left:0 !important;
	}
	
	#contenu_interieur #texte .fond_gris {
		font-size:13px;
		padding:10px 20px 20px;
	}

	#contenu_interieur table.photos thead th, #contenu_interieur table.lignes thead th {
		font-size:14px;
	}

	#produits_lies > div .un_produit {
	    width: calc(50% - 0.3em);
	}

	#contenu_interieur table.features td {
		padding:10px;
	}

	#contenu_interieur table.features img {
	    max-width: 100px;
	}

	#contenu_interieur .fond_gris h1 {
		font-size:40px;
	}
	#contenu_interieur .fond_gris h2 {
		font-size:15px;
	}
	#contenu_interieur .fond_gris h3 {
		font-size:14px;
	} 

}

@media screen and (max-width : 500px) {
			
	#texte .colonne {
		width:100%;
		float:none;
	}		

	.bx-controls .bx-prev, .bx-controls .bx-next {
		width:30px;
	}
	
	.bx-controls {
	    height: 30px;
	    margin-top: -15px;
	}
	
	.bx-controls .bx-prev:before, .bx-controls .bx-next:before {
	    height: 30px;
	    margin-top: -15px;
	    width: 24px;
	}
	
	.bx-controls .bx-prev:before {
		left:2px;
		background-size:20px auto;
		background-position: center -65px;
	}
	.bx-controls .bx-next:before {
		right:2px;
		background-size:20px auto;
		background-position: center -98px;
	}
	
	#section_slider #slider .contenu_slider {
	    left: 39px;
	}

	#contenu_accueil #texte h1, #section_produits h2.style_h1, #contenu_interieur h1, #produits_lies h2.style_h1 {
		font-size:16px;
	}
	#contenu_accueil #texte h1:before, #contenu_accueil #texte h1:after, 
	#section_produits h2.style_h1:before, #section_produits h2.style_h1:after, 
	#contenu_interieur h1:before, #contenu_interieur h1:after, 
	#produits_lies h2.style_h1:before, #produits_lies h2.style_h1:after {
		width:20px;
		margin:0 10px;
	}

	#section_produits #produits, #produits_lies > div {
		padding-top:30px;
	}

	#mise_en_avant p {
		font-size:12px;
	}

	#contenu_interieur table.caracteristiques {
		margin-top:20px;
		margin-bottom:20px;
	} 
	
	#contenu_interieur table.caracteristiques tr td {
		font-size:11px;
	}

	
	#contenu_interieur table.photos thead th, #contenu_interieur table.lignes thead th {
		border:2px solid #fff;
	}
	#contenu_interieur table.photos tbody, #contenu_interieur table.lignes tbody {
		border:2px solid #fff;
	}

	#contenu_interieur table.download tr th {
	    font-size: 11px;
	    padding: 3px;
	}

	#contenu_interieur table.photos {
	    overflow: scroll;
	    display: block;
	}

	#langue {
	    right: 80px;
	}

}


@media screen and (max-width : 420px) {
		
	#section_contact #coordonnees .email, #section_contact #coordonnees .telephone {
		border:0;
	}

	table {
		font-size:10px;
	}	
	
	#contenu_interieur table.photos thead th, #contenu_interieur table.lignes thead th {
		font-size:12px;
	}
	
	#contenu_interieur .contenu_deroulant > div {
		padding:5px;
	}

	#contenu_interieur .galleria-thumbnails-container, #contenu_interieur .galleria-thumbnails, #contenu_interieur .galleria-thumbnails img, #contenu_interieur .galleria-thumbnails .galleria-image {
		height:80px !important;
	}

	#contenu_interieur .galleria-thumbnails .galleria-image {
	    margin: 0 10px;
	}

	#contenu_interieur .galerie {
		margin-bottom:80px !important;
	}

	#contenu_interieur .galleria-thumbnails-container {
	    bottom: -80px;
	}


}

@media screen and (max-width : 400px) {	
			
	#section_slider #slider .contenu_slider h2 {
	    font-size: 14px;
	    line-height: 14px;
	}		

	#section_slider #slider .contenu_slider h3 {
	    font-size: 12px;
	    line-height: 12px;
	}

	#contenu_accueil #texte h1:before, #contenu_accueil #texte h1:after, 
	#section_produits h2.style_h1:before, #section_produits h2.style_h1:after, 
	#contenu_interieur h1:before, #contenu_interieur h1:after, 
	#produits_lies h2.style_h1:before, #produits_lies h2.style_h1:after {
		display:none;
	}

	#section_produits #produits .un_produit > div {
	    height: 110px;
	    width: 110px;
	}

	#section_produits #produits .un_produit h3, #produits_lies > div .un_produit h3 {
	    font-size: 12px;
	}

			
}


@media screen and (max-width : 350px) {
		
	#contenu_interieur table.features td {
	    display:block;
		max-width:100%;
	}

	#contenu_interieur .fond_gris h1 {
		font-size:28px;
	}
	#contenu_interieur .fond_gris h2 {
		font-size:14px;
	}
	#contenu_interieur .fond_gris h3 {
		font-size:13px;
	} 


}