/* @ import */

@import url(https://fonts.googleapis.com/css?family=Open+Sans:300,300i,400,400i,600,600i,700,700i,800,800i);

/*RESET UNIVERSEL */
html,body,div,span,object,iframe,h1,h2,h3,p,a,address,img,q,s,small,var,b,u,i,center,ol,ul,li,form,table,caption,tbody,tr,th,td,article,embed,footer,header,nav,video{margin:0;padding:0;border:0;font:inherit;font-size:100%;}
article,footer,header,nav{display:block}
body{line-height:1}ol,ul{list-style:none}q{quotes:none}
q:before,q:after{content:"";content:none}table{border-collapse:collapse;border-spacing:0}
/*GRID*/.clear{clear:both;display:block;overflow:hidden;visibility:hidden;width:0;height:0}

.mod{overflow:hidden}.clear{clear:both}.left,.start{float:left}img.left,img.start{margin-right:1em}.right,.end{float:right}img.right,img.end{margin-left:1em}img.left,img.right,img.start,img.end{margin-bottom:.5em}.center{margin-left:auto;margin-right:auto}

input::-moz-focus-inner{border:0;padding:0;margin-top:-1px;margin-bottom:-1px}a,address{text-decoration:inherit;color:inherit}
textarea ,input[type=text]
{
-webkit-box-sizing: border-box;
-moz-box-sizing: border-box;
box-sizing: border-box;
}

#form_1 table td{vertical-align:top;}

/* GENERAL */
html{background:}
html,body{font-family:Open Sans, sans-serif;font-size:15px;line-height:1.5;color:#fff}
a,address{color:inherit;text-decoration:inherit}

/*  CLASSES UTILES */
.lead{font-size:1.5em;}
small{font-size:80%}.small {font-size: .8571em;}
i,b {font-style: normal;font-weight: normal;}
.left {float: left;}img.left {margin-right: 1em;}.right {float: right;}img.right {margin-left: 1em;}img.left, img.right {margin-bottom: 5px;}
/* p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0 = small(10px),medium(20px),large(30px), zero or none(0) */.pas{padding:10px}
img.resize{max-width:100%;height:auto}

/* --- BUGS & CORRECTIONS--- */
table,td,th,tr,tbody,form { vertical-align: top;}
input::-moz-focus-inner { border: 0; padding: 0; margin-top:-1px; margin-bottom: -1px;}
html{background:;}
.clear {clear:both;}

/* --- LIENS --- */
a {color:inherit;}a:hover {color:inherit;}

/************************************************************  HEADER   ************************************************************ */

.topsite-container{position:relative;}
.header-container{position:relative;
background:;
}

.header{
position:relative;
width:960px; 
margin:0px auto 0px auto;
background-color:transparent; 
}
/*  :::::::::::::::::::::::::::::::::::::  LOGO & SLOGAN ::::::::::::::::::::::::::::::::::::: */
.logo-container{position:relative;}

/* .......  POSITION ET ESPACEMENT .......  */
.logo{
padding:10px 0 22px 50px;
margin: 0px;
}

/*   :::::::::::::::::::::::::::::::::::::  HEADER INFO 1   ::::::::::::::::::::::::::::::::::::: */
.header-infos-1{
/* fond uni */
background:;  
/* fond degradé */  
background-image: -moz-linear-gradient(top,  0%,  100%);
background-image: -o-linear-gradient(top,  0%,  100%);
background-image: -webkit-linear-gradient(top,  0%,  100%);
background-image: linear-gradient(top,  0%,  100%);

/* Border radius */
-moz-border-radius:5px;-ms-border-radius:5px;
-webkit-border-radius:5px;border-radius:5px;

/*  ....... MISE EN FORME TEXTE .......  */
font-family:Open Sans, sans-serif;
font-size:24px;
color:#231f20;
}

/*   :::::::::::::::::::::::::::::::::::::  HEADER INFO 2   ::::::::::::::::::::::::::::::::::::: */
.header-infos-2{

/* .......  POSITION  .......  */  
position:absolute;
padding:0px 0px 0px 7px;
margin:0px 0px 0px 0px;
  
/* ....... MISE EN FORME FOND  .......*/
background:;
/* Border radius */
-moz-border-radius:0px;-ms-border-radius:0px;
-webkit-border-radius:0px;border-radius:0px;

/* ....... MISE EN FORME TEXTE  .......*/  
font-family:Open Sans, sans-serif;
font-size:;
color:#fff;
}

/*  ........................  GENERAL MENU   ........................ */

.header-container .nav ul{z-index:50;margin:0;padding:0;list-style:none;}
.header-container .nav>ul{width:100%;}

/* ----- POSITION & ESPACEMENT ----- */

.header-container .nav{position:absolute;
top:20px;
right:0;
margin:0 auto;
}

/* menu en dégradé */
.header-container .nav>ul{background:-moz-linear-gradient(top,transparent 0,transparent 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(100%,transparent));background:-webkit-linear-gradient(top,transparent 0,transparent 100%);background:-o-linear-gradient(top,transparent 0,transparent 100%);background:-ms-linear-gradient(top,transparent 0,transparent 100%);background:linear-gradient(to bottom,transparent 0,transparent 100%)
}

/*   ----- FORME ET MISE EN FORME  -----  */

.header-container .nav>ul{text-align:right !important;}
.header-container .nav ul{-moz-border-radius:5px;-ms-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;}
.header-container .nav ul{
font-family:Open Sans, sans-serif;
text-transform:uppercase;
font-size:1.1em}

/* ........................  ITEMS DU MENU  ........................  */

.header-container .nav ul li a{display:block;height:100%;width:100%}
.header-container .nav>ul>li{display:block;display:inline-block;vertical-align:middle;margin:0 10px;padding:0 0px;position:relative;background:transparent;background:-moz-linear-gradient(top,transparent 0,transparent 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(100%,transparent));background:-webkit-linear-gradient(top,transparent 0,transparent 100%);background:-o-linear-gradient(top,transparent 0,transparent 100%);background:-ms-linear-gradient(top,transparent 0,transparent 100%);background:linear-gradient(to bottom,transparent 0,transparent 100%)}
.header-container .nav>ul>li>a{color:#fff;}
.header-container .nav>ul>li{color:#fff}
/* couleur au survol */
.header-container .nav ul>li:hover a,.header-container .nav ul>li.menu_active , .header-container .nav ul>li.menu_active a{
color:#fff}
/* bordure au survol */
.header-container .nav>ul>li{padding-bottom:0px}
.header-container .nav>ul>li:hover,.header-container .nav>ul>li.menu_active{
padding-bottom:0px; 
border-width:0 0 0px 0;
border-style:solid ; 
border-color:;
  /* couleur de fond au survol */
background:;
  /* degradé de fond au survol */background:-webkit-gradient(linear,left top,left bottom,color-stop(0,),color-stop(100%,));background:-webkit-linear-gradient(top, 0, 100%);background:-o-linear-gradient(top, 0, 100%);background:-ms-linear-gradient(top, 0, 100%);background:linear-gradient(to bottom, 0, 100%)}

.header-container .nav>ul>li:hover{color:#fff}

/*  ----- SEPARATION DES ITEMS ( images /bordures ) ----- */

.header-container .nav ul li:before{content:none;margin:none}.header-container  .nav * a,.header-container .nav * li{color:#fff}
.header-container .nav>ul>li:after{content:"";color:#fff;z-index:7000;position:absolute;top:0;left:100%;margin-left:-3px}
.header-container .nav>ul>li:last-child:after{content:none} 
.header-container .nav>ul>li:last-child , .nav>ul>li:hover:last-child , .header-container .nav>ul>li.menu_active:last-child{border-right:0} 

/*  ........................  SOUS NIVEAUX ........................  */

.header-container .nav ul ul{font-family:Open Sans, sans-serif;margin:0;padding:0;list-style:none;}
.header-container .nav ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left;font-size:90%}
.header-container .nav ul li ul{display:none;position:absolute;top:100%;left:0;text-align:left;font-size:90%}
.header-container .nav>ul>li:hover>ul{display:block}
.header-container .nav ul li ul li{display:block;height:auto !important;padding:0 10px;white-space:nowrap;position:relative}
.header-container .nav>ul>li:hover>ul>li:hover>ul{display:block}
.header-container .nav ul li ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left}
.header-container .nav>ul>li:hover>ul>li:hover>ul>li:hover>ul{display:block}
.header-container .nav ul li ul li ul li{display:block;height:auto}
.header-container .nav ul li ul{background-color:#fff}
.header-container .nav ul li ul li{background-color:#fff;color:#fff!important;}
.header-container .nav ul li ul li a  , .header-container .nav ul li.menu_active ul li a{color:#fff!important;}
.header-container .nav ul li ul li:hover, .header-container .nav>ul>li.menu_active ul li:hover, .header-container .nav ul>li.menu_active a ul li:hover{background-color:#fff;color:#fff !important;}

/* ::::::::::::::::::::::::::::::::::::: BASE DU MENU ::::::::::::::::::::::::::::::::::::: */
.navigation{width:100%;margin:0px auto 0px auto;}
.navigation .nav ul{z-index:50;margin:0;padding:0;list-style:none;}
.navigation .nav>ul{width:100%;height:51px;}

/*  ....... POSITION & ESPACEMENT ....... */

.navigation .nav{
width:960px;
margin:0 auto;
}

/* ....... FORME ET MISE EN FORME  ....... */
.navigation .nav ul{
font-family:Open Sans,sans-serif;
text-transform:uppercase;
font-size:16px;
}

/* Alignement*/
.navigation .nav>ul{text-align:center !important;}

/* border radius */
.navigation .nav ul
{-moz-border-radius:0px 0px 0px 0px ;-ms-border-radius:0px 0px 0px 0px ;-webkit-border-radius:0px 0px 0px 0px ;border-radius:0px 0px 0px 0px ;}

/* fond menu large*/ 
.navigation{
background:transparent;
background:-moz-linear-gradient(top,transparent 0,transparent 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,transparent),color-stop(100%,transparent));background:-webkit-linear-gradient(top,transparent 0,transparent 100%);background:-o-linear-gradient(top,transparent 0,transparent 100%);background:-ms-linear-gradient(top,transparent 0,transparent 100%);background:linear-gradient(to bottom,transparent 0,transparent 100%)
}

/* menu en dégradé */
.navigation .nav>ul{background:-moz-linear-gradient(top,#161616 0,#161616 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,#161616),color-stop(100%,#161616));background:-webkit-linear-gradient(top,#161616 0,#161616 100%);background:-o-linear-gradient(top,#161616 0,#161616 100%);background:-ms-linear-gradient(top,#161616 0,#161616 100%);background:linear-gradient(to bottom,#161616 0,#161616 100%)
}

/* ::::::::::::::::::::::::::::::::::::: ITEMS DU MENU  ::::::::::::::::::::::::::::::::::::: */

.navigation .nav ul li a{display:block;height:100%;width:100%}
.navigation .nav>ul>li{display:block;display:inline-block;vertical-align:middle;position:relative;}
.navigation .nav>ul>li{-webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease}

/* ....... MISE EN FORME & ESPACEMENT ...... */
.navigation .nav>ul>li{color:#fff;}
.navigation .nav>ul>li{
line-height:51px;
margin:0 15px;
padding:0 0px;
height:51px;
  
/* ....... COULEUR ET FOND ...... */
background:;
background:-moz-linear-gradient(top, 0, 100%);background:-webkit-gradient(linear,left top,left bottom,color-stop(0,),color-stop(100%,));background:-webkit-linear-gradient(top, 0, 100%);background:-o-linear-gradient(top, 0, 100%);background:-ms-linear-gradient(top, 0, 100%);background:linear-gradient(to bottom, 0, 100%)
}

/* ....... HOVER ET PAGE ACTIVE ...... */

.navigation .nav ul li:hover a , .navigation .nav ul li.menu_active:hover a{color:inherit !important}
.navigation .nav>ul>li:hover , .navigation .nav>ul>li.menu_active{background:;
background:-moz-linear-gradient(top, 0,
 100%);background:-webkit-gradient
(linear,left top,left bottom,color-stop(0,),
color-stop(100%,));background:-webkit-linear-gradient
(top, 0, 100%);
background:-o-linear-gradient(top, 0,
 100%);background:-ms-linear-gradient(top,
 0, 100%);
background:linear-gradient(to bottom, 0,
 100%);
  -webkit-transition:all 0ms ease;-moz-transition:all 0ms ease;-ms-transition:all 0ms ease;-o-transition:all 0ms ease;transition:all 0ms ease}
.navigation .nav>ul>li:hover{height:51px;color:#fff}

/* image hover */
.navigation>.nav>ul>li:hover , .navigation .nav>ul>li.menu_active{
background-image:;
background-position:top center;
background-repeat:no-repeat;
}
/* avant */
.navigation>.nav>ul>li:before{content:none;          /* "|"    ou  url(http://www.lours-blanc.fr/fichiers_site/a6107ide/contenu_pages/graphisme_global/defaut/image.png)*/margin:none;position:absolute;top:0px;left:0%;margin-right:-3px;z-index:7000;}
.navigation>.nav>ul>li:hover:before{color:#fff!important;}
.navigation .nav * a,.navigation .nav * li{color:#fff}
/* après */
.navigation .nav>ul>li:after{
content:none;
color:#fff;
position:absolute;top:0;left:100%;margin-left:-3px;z-index:7000;}
.navigation .nav>ul>li:last-child:after{content:none}
/* bordure */
.navigation .nav>ul>li:last-child{border-right:0}

/*  :::::::::::::::::::::::::::::::::::::  SOUS NIVEAU  :::::::::::::::::::::::::::::::::::::  */

.navigation .nav ul ul{font-family:Open Sans,sans-serif;margin:0;padding:0;list-style:none}
.navigation .nav ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left;font-size:90%}
.navigation .nav ul li ul{display:none;position:absolute;top:100%;left:0;text-align:left;font-size:90%}.navigation .nav>ul>li:hover>ul{display:block}
.navigation .nav ul li ul li{line-height:1.5em;display:block;height:auto !important;padding:0 10px;white-space:nowrap;position:relative}
.navigation .nav>ul>li:hover>ul>li:hover>ul{display:block}.navigation .nav ul li ul li ul li ul{display:none;position:absolute;top:0;left:100%;text-align:left}
.navigation .nav>ul>li:hover>ul>li:hover>ul>li:hover>ul{display:block}.navigation .nav ul li ul li ul li{display:block;height:auto}
.navigation .nav ul li ul{background-color:#161616;}
.navigation .nav ul li ul li{background-color:#161616;color:#fff !important;}
.navigation .nav ul li ul li:hover{background-color:#ff003a;color:#fff !important;}

/************************************************************* BANNIERE ************************************************************* */

.banniere-container{background:;margin:0px auto -2px auto;}
.banniere{width:960px;margin-left:auto;margin-right:auto;position:relative;}
.banniere img{width: 100%; height: auto;}
/* --- ZONE CONTENU (largeur d?ecran) --- */
.zone_contenu{
  background:transparent;
}
/* --- CONTENT (article et colonne)--- */
.content-wrapper{
  width:960px;
  margin:0px auto 0px auto;
  background:rgba(0,0,0,0.7);
  line-height:1.5;
  font-size:15px;
  border-radius:0px 0px 0px 0px ;
}

/* --- ARTICLE --- */
.article{
width:960px;float:left;min-height:400px;
background:transparent!important;
}
.article-content{
overflow:hidden;border-right:;
margin:0px 0px 0px 0px;
padding:23px 15px 15px 15px;
background:transparent;
border-radius:0px;
}

/*  ::::::::::::::::::::::::::::::::::::: TITRES  ::::::::::::::::::::::::::::::::::::: */

.h1,.h2,.h3,h1,h2,h3{margin:10px 0;text-rendering:optimizelegibility;font-smooth:always;-webkit-font-smoothing:antialiased;opacity:.999}
h1:first-child,.h1:first-child,h2:first-child,.h2:first-child,h3:first-child,.h3:first-child {margin-top: 0;}
h1 a, h2 a, h3 a { color: inherit !important;}

/*  ....... H1 ....... */  
h1,.h1{
font-family:Open Sans,sans-serif;
text-transform:uppercase;  
font-size:24px;
color:#ffffff;
font-weight:600;
line-height: 1.3;
margin:0px 0px 15px 0px;
padding:0px 0px 0px 0px;  
}
/*image devant h1*/
h1:before,.h1:before{content:none;    /* "-"    ou  url(http://www.lours-blanc.fr/fichiers_site/a6107ide/contenu_pages/graphisme_global/defaut/image.png)*/;margin-right:7px;}

/*  ....... H2 ....... */  
h2,.h2{
font-family:Open Sans,sans-serif;
text-transform:none;   
font-size:20px;
color:#ffffff;
font-weight:600;
line-height: 1.3;
margin:10px 0px 7px 0px;
padding:0px 0px 0px 0px;  
}

/*  ....... H3 ....... */  
h3,.h3{
font-family:Open Sans,sans-serif;
font-size:16px;
color:#ffffff;
text-transform:none; 
font-weight:600;
line-height: 1.3;
margin:7px 0px 5px 0px;
padding:0px 0px 0px 0px;  
}

/*  ::::::::::::::::::::::::::::::::::::: LIENS  ::::::::::::::::::::::::::::::::::::: */

.article a{
color:#ff003a;
text-decoration:none;
font-style:normal;
}

/*  ....... liens au survol ....... */ 
.article a:hover{color:#fff;}
/*  ....... liens image au survol ....... */ 
.article a:hover img{opacity:0.8;}

/*  ::::::::::::::::::::::::::::::::::::: PARAGRAPHE  ::::::::::::::::::::::::::::::::::::: */
.article p{margin:0px 0px 7px 0px}

/* --- LISTE  --- */
ol li{list-style-type:decimal;list-style-position: inside;}
ul{list-style-type:disc;margin-left:20px}
ul ul{list-style-type:circle;}
/* classe table */
.table tbody tr td,.table tbody tr th{padding-left:7px;}
.table tbody tr:hover td,.table tbody tr:hover th{background-color:#ff003a; color:#fff;}
table{vertical-align:top}

/* Apparence Générale */
.btn, input[type=submit]{
display: inline-block;
 margin:5px 5px 0 0; 
 padding:6px 12px; 
  text-transform:uppercase;
box-shadow:none !important;
 text-align: center; 
 text-shadow: none;
 font-size:14px;
 font-weight: bold !important;
 line-height: normal;
 vertical-align: middle;
 color:#fff !important; 
 border:0px solid #ccc;  
 border-color:rgba(0,0,0,0.1) rgba(0,0,0,0.1) rgba(0,0,0,0.25);
 background-color: #ff003a;background-image: -moz-linear-gradient(top,#ff003a,#ff003a);   background-image: -webkit-gradient(linear,0 0,0 100%,from(#ff003a), to(#ff003a) );   background-image: -webkit-linear-gradient(top,#ff003a,#ff003a);   background-image: -o-linear-gradient(top,#ff003a,#ff003a);   background-image: linear-gradient(to bottom,#ff003a,#ff003a);   background-repeat: repeat-x;   
 box-shadow: inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);   cursor: pointer;   *display: inline;   *zoom: 1;   *background-color:#ff003a;  filter:progid:DXImageTransform.Microsoft.gradient(enabled = false);  *border:0;  
 -webkit-border-radius:0px;  -moz-border-radius:0px;  border-radius:0px;  *margin-left:.3em;  -webkit-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 1px 0 rgba(255,255,255,.2),0 1px 2px rgba(0,0,0,.05)
}

input[type=submit]:first-letter{text-transform:uppercase;}

a.btn,a.btn:hover, input[type=submit] , .btn a{font-family:Open Sans,sans-serif;color:#fff!important;  font-style:normal!important;}
.btn:first-child, input[type=submit]:first-child{ *margin-left:0}
.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn a:hover,.btn[disabled], input[type=submit]:hover, input[type=submit]:focus, input[type=submit]:active, input[type=submit].active, input[type=submit].disabled{ color:#fff !important;  background-color:#ff003a;  *background-color:#d9d9d9}
.btn:active, .btn.active, input[type=submit]:active, input[type=submit].active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  background-color:#ccc 9}
.btn:hover, .btn:focus, input[type=submit]:hover, input[type=submit]:focus{ color:#fff !important;  text-decoration:none;  background-position:0 -15px;  -webkit-transition:background-position .1s linear;  -moz-transition:background-position .1s linear;  -o-transition:background-position .1s linear;  transition:background-position .1s linear;}
.btn:focus, input[type=submit]:focus{ outline:thin dotted #333;  outline:5px auto -webkit-focus-ring-color;  outline-offset:-2px}
.btn.active, .btn:active, input[type=submit]:active, input[type=submit].active{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
.btn.disabled, .btn[disabled], input[type=submit].disabled{ cursor:default;  background-image:none;  opacity:.65;  filter:alpha(opacity=65);  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none}

/* btn custom */
 input[type=submit]:active, input[type=submit].active{ background-color:#ccc 9; background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
 input[type=submit]:first-child{ *margin-left:0}
 input[type=submit]:focus{ outline:thin dotted #333;  outline:5px auto -webkit-focus-ring-color;  outline-offset:-2px}
,{ background-image:none;  outline:0;  -webkit-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  -moz-box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05);  box-shadow:inset 0 2px 4px rgba(0,0,0,.15),0 1px 2px rgba(0,0,0,.05)}
 input[type=submit].disabled{ cursor:default;  background-image:none;  opacity:.65;  filter:alpha(opacity=65);  -webkit-box-shadow:none;  -moz-box-shadow:none;  box-shadow:none}

/* --- Formulaires --- */
form input[type=text],form textarea,form input[type=password], form select{margin:2px 0 !important;padding:3px;-webkit-border-radius:0px;border-radius:0px;border:1px solid #c7c7c7;-webkit-box-shadow: none;box-shadow: none}
form input[type=text]:hover,form textarea:hover,form input[type=password]:hover, form select:hover{background:rgba(255,255,255,0.95);-webkit-transition:all .2s ease;-moz-transition:all .2s ease;-ms-transition:all .2s ease;-o-transition:all .2s ease;transition:all .2s ease;border:1px solid #c7c7c7;}
form input[type=text]:focus,form textarea:focus,form input[type=password]:focus, form select:focus{outline-color:#ffffff;background:rgba(255,255,255,0.85)}
form textarea {resize: none;}
.champs_necessaires{font-weight:700;color:#ffffff!important}
textarea,select,input[type=text]{-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;}

/* Affichage News */
.date {font-size:0.9em}
/*  ....... classe loca ....... */
 .mail{
font-size:16px;
text-align:left;
text-transform:uppercase;
font-family:Open Sans,sans-serif;  
padding:10px 10px;
width:; 
}

/*  ....... classe mail ....... */ 
.mail:before{
content:url(fichiers_site/a6107ide/contenu_pages/graphisme_global/defaut/icn_mail.png);
display:inline-block;
margin-right:10px;vertical-align:baseline;
}

/*  ::::::::::::::::::::::::::::::::::::: GENERAL ::::::::::::::::::::::::::::::::::::: */
.container_footer{
margin:0px auto 0px auto;
}

.footer{width:100%;margin:0 auto;background-color:#000000;}
 .footer-sub {-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box;
width:960px;
margin-left:auto;margin-right:auto;
padding:5px;
}
.footer{
 border-radius:0px;
}

/*  ::::::::::::::::::::::::::::::::::::: FOOTER CONTENU / COLONNE ::::::::::::::::::::::::::::::::::::: */

.footer-sub-container {background-color:#000000;padding:13px 0 15px 0;}
.footer-sub {background-color:transparent;}
.footer-sub {color:#f1f1f1;font-size:12px;}

/* --- LIENS --- */
.footer-sub a{color:#fff;}
.footer-sub a:hover{color:#bababa;}

/*  :::::::::::::::::::::::::::::::::::::  COMMENTAIRES  ::::::::::::::::::::::::::::::::::::: */

.com_detail_mess{position:relative;border-bottom:1px solid #ccc;padding-bottom:15px;margin-top:15px;}
.com_detail_mess_auteur{color:#ffffff;}
.com_page .btn a{color:#fff;}

/* ---------------------  Fancy box --------------------- */
div[id*="div_diapo_"] .fancybox-container {
overflow: hidden;display: inline-block;float: left;margin-left: 7px;
background: #fafafa;text-align: center;padding: 4px;border: 1px solid #ddd;margin-bottom: 7px;
/* Taille vignette  width: 150px;*/height:168px;width:168px;
}
div[id*="div_diapo_"] .fancybox-container a{display: block;overflow: hidden;width: 100%;height: 100%;}
/* Image taille entiere  .fancybox img {max-width: 100%;max-height:100%;}*/

div[id*="div_diapo_"]:after{  
  content: ".";font-size: 1px;color: #fff;display:block;clear: both;
}

div[id*="div_diapo_"]{overflow: hidden;}

.fancybox img { max-height: 100%;max-width: auto; height: 100%;width: auto;}

/* SLIDER  7 - Diaporama Actu */

ul,ol{list-style-position: inside;}
ul,ol,p{margin: 5px 0;padding: 0;}
.clear{clear: both;line-height: 1px;}
.description{color: #777;}

/* SLIDER 8 - PRODUIT */

.container {width: 660px;height: 200px;margin: 15px auto;overflow: visible;}

#container {
    position: absolute;width: 660px;height: 200px; margin: 0;overflow: hidden;
}

/*::::::: VIDEO RESPONSIVE :::::::*/

html{background:}
html{  background:  url(fichiers_site/a6107ide/contenu_pages/graphisme_global/background.jpg) ;}
html {-webkit-background-size: cover; -moz-background-size: cover;-o-background-size: cover; background-size: cover;background-attachment : fixed;background-position:top center;}
/*.header{height:170px;}*/
.header-infos-2{position: absolute;top: 0px;right: 0px;background:rgba(255,255,255,0.5);border-radius:0px;color:#231f20 !important;font-size:13px;width:215px;padding:10px 15px 13px 15px}
.header-infos-1{font-size:24px;font-weight:bold;text-transform:uppercase;color:#231f20 !important;position: absolute;top: 15px;right: 275px;width:225px;}

/*:::::::bouton imprimer::::::::::*/

.btn:hover, .btn:focus, .btn:active, .btn.active, .btn.disabled, .btn a:hover, .btn[disabled], input[type="submit"]:hover, input[type="submit"]:focus, input[type="submit"]:active, input.active[type="submit"], input.disabled[type="submit"]{
background:#e30029;
}
.navigation .nav ul{
font-weight:600;
}
.navigation > .nav > ul > li:hover > a, .navigation .nav > ul > li.menu_active > a{
border-bottom: 3px solid #ff003a ;
}
.navigation > .nav > ul > li:first-child{
margin-left:0;
}
.navigation > .nav > ul > li:last-child{
margin-right:0;
}
.navigation > .nav > ul > li > a{
border-bottom: 3px solid #161616 ;
}
.navigation{
margin-bottom:20px;
}
.navigation .nav ul li a {
    height: 95%;
}
.header-container{
border-top: 12px solid #161616 ;
}
.titre1{
color:#ff003a;
  font-size:18px;
  text-transform:uppercase;
  font-weight:600;
}
#live_402 input {
width:163px;
  height:20px;
  margin-left: -5px;
}
#live_402_tableau td span{
color:#19171c;
  font-weight:normal;
  font-size:13px;
}
#live_402_tableau_col2 {
    width: 35% !important;
    vertical-align: top;
}
#live_402_tableau_col1 {
    vertical-align: bottom;
}
#live_402 {
    margin-top: 10px;
}
#live_402 input[type="submit"]{
width: 96px !important;
height: inherit !important;
font-size: 14px !important;
text-transform: uppercase !important;
font-weight: bold !important;
border-radius: 0 !important;
padding: 9px 0 7px 0 !important;
margin: 7px 0 0 2px !important;
}
.contenu_bandeau_avantages{
margin:0 auto;
  width:960px;
  background:rgba(255,255,255,0.8);
  font-size:15px;
  color:#231f20;
  font-weight:bold;
  text-transform:uppercase;
  padding:12px 0 10px 0;
}
.contenu_bandeau_avantages td{
line-height:18px;
  vertical-align:middle;
}
.titre3{
font-weight:bold;
  font-size:22px;
  font-style:italic;
  margin-top:22px;
}
.btn1 {
    border-radius: 0 !important;
    font-weight: bold !important;
    text-transform: uppercase !important;
    margin: 3px 0 0 0 !important;
    padding: 8px 21px 6px 21px !important;
}
.titre4 a{
color:#161616 !important;
  font-size:18px;
  font-weight:bold;
  text-transform:uppercase;
}
.titre4{
background: #ffffff;
margin: 0;
width: 265px;
line-height: 20px;
padding: 0 15px 0 20px;
height: 55px;
display: table-cell;
vertical-align: middle;
  position:relative;
}
.titre4 a:hover{
color:#ff003a !important;
}
.footer-sub-container {
    margin-top: 20px;
}
#live_179 ul {
    margin: 5px 0px 9px 0 !important;
    font-size: 14px !important;
}

h1 {text-align:center;}
.titres:after{
content:"";
display: block;
width: 160px;
height: 2px;
background: #ff003a;
margin: 15px auto 15px auto;
}

/* --- ICONES --- */
.icn_plus:before {content:"+"}
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it’s slower:
[class*="icon-"] {
*/

#live_108
{
	clear:both;
}

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

#nav
{
	list-style: none; 
}

#nav ul 
{
	display:none;   
	padding: 0;
	margin:0;
	list-style: none;
    width:12em;
    z-index:99;
    position:relative;
    overflow:visible; 
	line-height:25px;
}

#nav a {
	text-decoration:none; 
	display:block;
	height:28px;/*20px*/
	vertical-align:middle;
}

#nav li { 
    margin:0;   
    position: relative; 
    float:left;
	width: 13em;/*12em*/
	background-color:#25a3c5;/*931B00*/
    border:solid 1px #000000;
    display:block;
    height:auto;
	text-align:center;
	border:2px solid #FFFFFF;
	line-height:28px;
}

#nav li a { 
	color:#FFFFFF;
}

#nav li a:hover
{
    background-color:#25a3c5;
}

#nav ul li{
background-color:#FFFFFF;
border-width:1px;
border-color:#AAAAAA;/*931B00*/

width:180px;
text-align:left;
vertical-align:middle;

}

#nav ul li a{
color:#000000;
border-width:1px 1px 0 0;
padding-left:10px;
}

#nav ul li:hover, #nav ul li a:hover{
background-color:#25a3c5;/*931B00*/
color:#FFFFFF;
border-width:1px;
}

#nav ul ul{
    display:none; 
    position:absolute; 
	margin-left:179px;
	margin-top:-29px;
}

#nav li:hover ul ul, #nav li:hover ul ul ul, #nav li:hover ul ul ul ul, #nav li:hover ul ul ul ul ul{
    display:none; 
}

#nav li:hover ul, #nav ul li:hover ul, #nav ul ul li:hover ul, #nav ul ul ul li:hover ul, #nav ul ul ul ul li:hover ul{
    display:block;
} 
form.css form
{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
  display: inline;
}

.classTextField		{ font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; }

/*
a {  text-decoration: none; color: #000000}
a:link {  text-decoration: none; color: #000000}
a:visited {  text-decoration: none; color: #000000}
a:hover {  TEXT-DECORATION: underline; color: #A7A0C1}
a:active {  text-decoration: none; color: #000000}
*/
.absolute {
	left: 2px;
	top: 0px;
	position: absolute;

}
.absolute {
	left: 2px;
	top: 0px;
	position: absolute;
} 
.over {        
				display:block; 
               position:absolute; 
               padding:5px;
               top:-4em; 
               left:120px; 
               width:15em; 
               border:2px outset #000000; 
               background-color:white; 
               color:#000000; 
               text-align: center; 
               font-family:verdana; 
               font-size:11px; 
               z-index:25;}

/* Bandeau cookies */
#cookie_legal_display{
font-family: helvetica,arial,sans-serif;
background: rgba(41,41,41,0.8);
margin: 1%;
padding: 0;
color: #FFFFFF;
font-size: 12px;
position: fixed;
width: 300px;
bottom: 0;
right:0;
z-index: 2000;
}
#cookie_legal_display .inner{
padding: 25px;
}
#cookie_legal_display p {margin: 0;line-height:1.4em!important;}
#cookie_legal_display p {margin: 0;line-height:1.4em!important;}
#cookie_legal_display .btn_cookie {
display: inline-block;
padding: 5px;
-webkit-border-radius: 3px;
border-radius: 3px;
cursor: pointer;
text-transform: uppercase;
color: inherit;
font-style: normal;
text-decoration: none;
background: #000;
color: #fff;
font-weight: bold;
margin-top:7px;
}
#cookie_legal_display .btn_cookie:hover{
opacity: 0.75;
}