@import url('library-css.css');

body{
	color: #58585a;
	font-family: Helvetica, Arial, sans-serif;
	font-size: 12px;
	background: #cccccc url(../images/bg-body.gif) top left repeat-x;
}

/* xxxxxxx TOOLBOX xxxxxx */

.table{
    display: table;
    width: 100%;
}
.table .col{
    display: table-cell;
    vertical-align: top;
}
.table .col.colleft{
    width: 150px;
}

/***********
TEXTES
*************/
a{
	color:#0099cc;
	text-decoration:underline;
}

a:hover{ color:#000000;}

a.btSuite{
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	text-decoration:none;
}

h1, h2, h3{
	font-family: 'Exo', sans-serif;
	font-weight:300;/*light*/
}

h1,.h1style{
	font-size:23px;
	border-bottom:#33ccff 1px solid;
	margin-bottom:20px;
	position:relative;
	font-family: "Exo",sans-serif;
	font-weight: 300;
}

h2{
	font-size:18px;
	margin-bottom:10px;
	clear:both;
	color:#000000;
}

h3{	
	text-transform:uppercase;
	font-weight:500;
	margin-bottom:8px;
}

p{ margin-bottom:15px; line-height:15px;}

/*Liste des projets en liens avec un produit*/
#content ul.listeLiens{
	list-style:none;
	padding-left:0;
}

#content ul.listeLiens li a{
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	text-decoration:none;
}

/***********
Outil de gestion des mise à jours texte > ne pas afficher le surlignage des textes
*************/
p span{
	background-color: transparent !important;
}

/***********
GENERAL
*************/

.btlien{
	background: url(../images/dot-vert70.png) repeat scroll left top transparent;
    color: #000;
    height: 100%;
    position: absolute;
    width: 100%;
	text-decoration:none;
	top:0;
	left:0;
}

.clear{ clear:both;}

.messageWarning{
	font-family: 'Exo';
    font-weight: 700;
}

#content ul.messageWarning{
	list-style:none;
	padding-left:0;
}
.warningHighlight{
	color:#F00;
}

#listeplan{
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	font-size:13px;
	text-transform:uppercase;
}

#listeplan ul{ margin-top:10px;}
#listeplan li{ margin-bottom:10px;}

/*Tooltip pour les liens*/
.tooltip{
	position: relative;
}

.tooltip-text{
	background-color:rgba(255, 255, 255, 0.9);
    border: 1px solid #A6A7A7;
    color: #000000;
    display: none;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    right: 105%;
    margin: 0;
    padding: 6px;
    position: absolute;
    top: 0px;
    white-space: nowrap;
    z-index: 2000;
	line-height: 11px;
}

/***********
Boutons filtre BLEU
*************/
.btbloc{
	background: url(../images/dot-vert70.png) repeat scroll left top transparent;
    color: #000;
    height: 100%;
    line-height: 18px;
    position: absolute;
    width: 100%;
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	font-size:12px;
	z-index:10;
	top:0;
	left:0;
}

.btbloc span{background:url(../images/picto-plus-noir.png) left center no-repeat;}

.btbloc span{
	background-position: center top;
    display: inline-block;
    margin-top: 70px;
    padding: 35px 0 25px 0;
    text-align: center;
    width: 100%;
}

.btbloc span.voirgamme{
	background-position: left center;
    display: inline-block;
    height: 100%;
    line-height: 61px;
    margin: 0 0 0 20px;
    padding: 0 0 0 40px;
    text-align: left;
    width: 100%;
}

a .btbloc{
	display: block;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}
a .btbloc span{
	margin-top: 30px;
	-webkit-transition: all 0.6s;
	-moz-transition: all 0.6s;
	-o-transition: all 0.6s;
	-ms-transition: all 0.6s;
	transition: all 0.6s;
}
a:hover .btbloc{
	opacity: 1;
}


#cadreInfos .btbloc span{
	margin:30px 0;
	font-size:17px;
}

.btbloc.telech span{
	background-image:url(../images/picto-fleche-noir.png); 
	margin:50px 0 0 0;
}

/***********
DEV POUR APERCU
*************/
#devbodyaccueil{
	position:absolute;
	z-index:-1000;
	width:1400px;
	height:1000px;
	background: url(../images/dev-img-diapo-accueil.jpg) center top repeat;
}

/***********
COULEURS
*************/
.gristxt{ color:#58585a;}
.grisclairtxt{ color:#666666;}
.grisclair{ color:#B9B9B9;}

.vertflashy{ background-color:#33ccff;}/*MISE A JOUR COULEUR : VERT = BLEU*/
.verttxt{ color:#0099cc;}/*MISE A JOUR COULEUR : VERT = BLEU*/


/***********
STRUCTURE GENERALE
*************/
#mainWrap{
	width:1000px;
	margin:auto;
	padding-bottom:300px;
    position: relative;
}

#wrapGlobal{/* overflow:hidden;*/}

.alignleft{ float:left; margin:0 10px 10px 0;}
.alignright{ float:right; margin:0 0 10px 10px;}

/***********
HEADER
*************/
#header{
	clear:both;
	position:relative;
	height: 143px;
}

#header .navigation{
	z-index:10;
    background-color: rgba(0, 0, 0, 0.7);
}

#fondmenus{
	position:absolute;
	width:755px;
	height:120px;
	left:245px;
	z-index:-1;
}

#illHaut img{ 
	margin-left: -200px;
    position: absolute;
    z-index: -1000;
}

#logo img{
	display:block;
	float:left;
}

#mainMenu{
	float:left;
	height:78px;
	width:755px;
}

#header .navigation li{
	float:left;
	text-align:center;
	padding:0 15px;
}

#mainMenu li{
	margin:45px 5px 0 5px;
}

#header .navigation li a{
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	color:#FFFFFF;
	text-decoration: none;
	font-size:12px;
	text-transform:uppercase;
	height:33px;
	display:inline-block;
}

#header .navigation li a:hover{ 
	color:#33ccff;
}

#header .navigation li a.active{ background:url(../images/fleche-blanche.gif) bottom center no-repeat;}

/* @CW modification 2020-02-17 */
.sous-main-menu-container{
	float:left;
	height:38px;
	width:755px;
	margin-top:4px;
	background: rgba(0, 0, 0, 0.7);
}
#sousMainMenu{
	background: transparent !important;
}
/* @CW modification 2020-02-17 */

#sousMainMenu li{ margin-top:10px;}

#header #sousMainMenu li a{ height:28px;}

.syndicateclairage{
    background-image: url("../images/syndicat-eclairage-logo.png");
    background-repeat: no-repeat;
    background-size: contain;
    width: 82px;
    height: 31px;
    display: block;
    position: absolute;
    right: 12px;
    top: 40px;
}

/* xxxxxxxxxxxx
Picto nouvel outil - lancement rubrique produit
xxxxxxxxxx */
#header li a.references-menu{
	position:relative;
}
#header li a.references-menu:before{
    display:inline-block;
    display: none;
	color:#000;
	padding:1px 3px 5px 3px;
	font-size: 11px;
	position:absolute;
	top:-25px;
	white-space:nowrap;
	font-weight:700;
	background:url(../images/picto-nouvel-outil.png) bottom center no-repeat;
	width: 100px;
	left: -26px;
}
#header:lang(fr) li a.references-menu:before{content: "Nouvel outil";}
#header:lang(en) li a.references-menu:before{content: "New tool";}
#header:lang(de) li a.references-menu:before{content: "neues Tool";}
#header:lang(it) li a.references-menu:before{content: "Nuovo attrezzo";}
#header:lang(es) li a.references-menu:before{
	content: "Nueva Herramienta";
	width: 125px;
	left: -39px;
}

/*ANIMATION*/
#header li a.references-menu:before{
    -moz-animation-name: DropNouveloutil;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -moz-animation-duration: 0.3s;

    -webkit-animation-name: DropNouveloutil;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 0.3s;

    animation-name: DropNouveloutil;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-duration: 0.3s;
}

@-moz-keyframes DropNouveloutil {
    0% {
        -moz-transform: translateY(-40px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes DropNouveloutil {
    0% {
        -webkit-transform: translateY(-40px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes DropNouveloutil {
    0% {
        transform: translateY(-40px);
    }
    100% {
        transform: translateY(0);
    }
}

/***********
CADRE INFOS = TIROIR
*************/
#cadreInfos{
	background:url(../images/dot-black70.png) top left repeat;
	position:absolute;
	width:400px;
	top:170px;
	right:0px;
	margin-bottom:40px;
}

#cadreInfos h2{
	font-size:32px;
	color:#33ccff;
	margin:30px 30px 30px 50px;
	line-height:37px;
}

#cadreInfos h3{
	color:#FFFFFF;
	font-size:14px;
	font-weight:500;
}
#cadreInfos h4 a{ text-decoration:none; color:#33ccff;}
#cadreInfos p{ color:#FFFFFF;}
#cadreInfos a.btSuite{ color:#FFF;}
#cadreInfos a:hover.btSuite{ color:#33ccff;}

#cadreInfos .box{
	border-top: #FFF 1px solid;
	padding:20px 30px 20px 50px;
	position:relative;
}

#cadreInfos .box .picto{
	position:absolute;
	left:-12px;
	top:63px;
	z-index:100;
}

#cadreInfos .box .couv{
	float:left;
	width:55px;
	height:60px;
	overflow:hidden;
	margin-right:20px;
}

#cadreInfos .box .couv img{
	height: 70px;
	width: auto;
}

/*cacher titre revue de presse*/
#cadreInfos .box.last h3,
#cadreInfos .box.last .picto{
	display:none;
}

/*bouton en haut à droite à l'intérieur du site*/

#btouvertureinfos{
	position:fixed;
	top:0px;
	right:0px;
	background:url(../images/dot-black70.png) top left repeat;
	height:64px;
	padding:7px;
}

#btouvertureinfos a{
	display:block;
	background:url(../images/btTirroir.png) top left no-repeat;
	width:18px;
	height:64px;
}

#btouvertureinfos a:hover, #btouvertureinfos a.active{ background-image:url(../images/btTirroir-roll.png);}


/***********
FOOTER
*************/
#footer{
	position:fixed;
	width:100%;
	background:url(../images/dot-black70.png) top left repeat;
	bottom:0;
	min-height:30px;
	z-index:10000;
}

#footer ul{ float: left;}

#footer ul li{
	float:left;
	padding:0 8px;
	line-height:30px;
}

#footer p{
	color: #FFFFFF;
    float: right;
    font-size: 11px;
    line-height: 30px;
    margin-bottom: 0;
    padding: 0 8px;
}

#blocContact{
	background-color:#33ccff;
	overflow:hidden;
	display:inline-block;
	color:#000000;
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
}

#blocContact a{ color:#000; text-decoration:none; text-transform:uppercase;}
#blocContact a:hover{color:#666666;}

#menuLangues a img{ border:2px solid transparent;}
#menuLangues a:hover img{ border:2px solid #33ccff;}

#menuSecondaire a{
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	color:#FFFFFF;
	text-decoration:none;
}
#menuSecondaire a:hover{color:#666666;}

a#accesreseau{
	font-size:13px;
	text-transform:uppercase;
	color:#33ccff;
}
a:hover#accesreseau{color:#666666;}

/***********
ACCUEIL
*************/
/*PAGINATION DIAPO*/
.paginDiapo{
	background:url(../images/dot-black70.png) top left repeat;
	position:absolute;
	padding:20px 60px;
	left:0px;
	top:400px;
	width:250px;
}

.paginDiapo a.btpag{
	display:block;
	width:19px;
	height:19px;
	position:absolute;
	top:40px;
}

.paginDiapo a.btPrec{
	background-image:url(../images/pag-left-big.png);
	left:20px;
}
.paginDiapo a:hover.btPrec{ background-image:url(../images/pag-left-big-roll.png);}

.paginDiapo a.btSuiv{
	background-image:url(../images/pag-right-big.png);
	right:20px;
}
.paginDiapo a:hover.btSuiv{ background-image:url(../images/pag-right-big-roll.png);}

.paginDiapo h2{
	color:#33ccff;
	font-size:23px;
	font-weight:300;
}

.paginDiapo p{ color:#FFFFFF;}

.paginDiapo a.btSuite{ color:#FFF;}
.paginDiapo a:hover.btSuite{ color:#33ccff;}


/***********
CONTENU
*************/
#wrapContent{
	background-color:#FFFFFF;
	-webkit-box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.2);
	margin-top:215px;
}

#content{
	padding:30px 50px;
	overflow: visible;
	width:900px;
}

/*clearfix sur content*/
#content:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
#content {
	display: inline-block;
}

#content ul{
	list-style:disc;
	padding-left:15px;
	margin-bottom:15px;
	line-height:15px;
}

/***********
COLONNES CONTENT
*************/
.colDroite{
	float:right;
	width:280px;
	margin-left:50px;
}

.colDroite img{ margin-bottom:10px;}


.colGauche{ overflow:hidden;}

.colgauchebig{
	width:264px;
	margin-right:50px;
	float:left;
}

.coldroitesmall{
	width:586px;
	float:left;
}

.colgauchesmall{
	width:228px;
	margin-right:50px;
	float:left;
}
.colgauchesmall .text, .colgauchesmall .projetDesc{
	/*font-family: 'Exo', sans-serif;*/
	height: 180px;
	overflow: auto;
	margin: 0 0 20px 0;
	padding: 0;
    border: 1px solid #ccc;
}

.coldroitebig{
	width:622px;
	float:left;
}

.coldroitebig .documents{
	margin-top: 12px;
	
}

.bloc-configies{
	overflow:visible;
	position:relative;
}

a.show-config-ies{
	display: block;
	text-decoration: none;
	padding: 10px;
	background-color:#E3F0F7;
	font-family: 'Exo', sans-serif;
	margin:8px 0;
	min-height:27px;
}

a:hover.show-config-ies, a.show-config-ies.active{
	background-color:#3CF;
	color:#fff;
}

a.show-config-ies.active:after{
	content:'';
	background: url(../images/fleche-ies-on.png) left center no-repeat;
	width:5px;
	height:9px;
	left:-5px;
	position:absolute;
	
	/*CENTRER EN HAUTEUR*/
	top:50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.show-config-ies:before{
	content: ".ies";
	border:1px #0099cc solid;
	padding:5px;
	float:right;
	-webkit-border-radius: 50%;
	border-radius: 50%;
}

a:hover.show-config-ies:before, a.show-config-ies.active:before{
	border-color:#fff;
}

/*Bouton IES pour produits balisage*/
.bloc-configies.disabled a.show-config-ies{
	background-color:#ececec;
	color:#888;
	/*cursor:default;
	pointer-events: none; pas compatible avec le :hover*/
}

.bloc-configies.disabled .show-config-ies:before{ border:1px #888 solid;}

.bloc-configies.disabled a.show-config-ies.active:after{ background:none;}

.bloc-configies.disabled a.show-config-ies span{
	display:none;
	
	background-color:rgba(255, 255, 255, 0.9);
    border: 1px solid #A6A7A7;
    color: #000000;
    font-family: Verdana,Arial;
    font-size: 10px;
    margin: 0;
    padding: 6px;
    position: absolute;
    top: 0;
    z-index: 2000;
    right: 0;
}

.bloc-configies.disabled a:hover.show-config-ies span{
	display:block;
}


/**/

.ies-select, .ies-submitc{
	margin-bottom:5px;
}

.ies-submitc{text-align:right;}

input.text.ies_longueur{ width:158px;}

.ies-select label{
	width: 120px;
	display: inline-block;
}

.ies-results{
	line-height:15px;
}

.iesfile a, .explainfile a, a.download-all-ies-zip{
	background: url(../images/picto-telechargement.png) 0 11px no-repeat;
	padding: 11px 0 6px 25px;
	display:block;
	text-decoration:none;
	font-family: 'Exo', sans-serif;
}

.iesfile a:hover, .explainfile a:hover{background-position: 0px -91px;}

.coldroitebig .documents h2{ margin-bottom:0;}

.coldroitebig .documents .items{
	/*background: url(/static/images/fiche-produits-elements-bg.png) #e3f0f7;*/
	/*border-top:1px solid #3CF;*/
}
.coldroitebig .documents .items a{
	text-decoration: none;
}
.coldroitebig .documents .items .item{
	width:100%;
}
.coldroitebig .documents .items .item .thumb{
	display: none;
	position: absolute;
	bottom: 19px;
	right:210px;
	z-index:100;
	top:0;
}

.coldroitebig .documents .items .item .thumb img{ 
	display:block;
	border: 2px #999 solid;
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}
.coldroitebig .documents .items .item a{
	/*display: inline-block;
	*/
	background: url(/static/images/download.png) 0 10px no-repeat;
	color: #058ec6;
	padding: 11px 0 6px 25px;
	display:block;
	margin:0 10px;
	position:relative;
}
.coldroitebig .documents .items .item a:hover{
	background-position: 0 -91px;
	color: #000;
}
.coldroitebig .documents .items .item a.seeallphotometrie{
	background: #33CCFF;
	padding: 0px 15px;
	margin:4px 0; 
	color: #fff;
}
.coldroitebig .documents .items .item a.seeallphotometrie:hover{
	background: #fff;
	color: #000;
}
.coldroitebig .documents .items .item a:hover .thumb{
	display: block;
}
.coldroitebig .documents .items{
	/*display: table;
	width: 100%;*/
}
.coldroitebig .documents .item.hide{
	display: none;
}
.coldroitebig .documents .items label{
	font-family: 'Exo', sans-serif;	
	text-transform: uppercase;
}
.coldroitebig .documents .items .itemsc{
	font-family: 'Exo', sans-serif;
}
.mentions-donnees-techniques{
	text-align: left;
	font-style: italic;
	clear:both;
	margin-top: 15px;
}

.download-all-products-catalog{
	position: relative;
	top: -4px;
	display: inline-block;
	background: url(/static/images/download.png) 0 3px no-repeat;
	padding: 4px 0 4px 25px;
	float: right;
    font-family: "Exo",sans-serif;
    font-weight: 500;
    text-decoration: none;
	margin-top:8px !important;
}

.coldroitebig .download-all-products-catalog{
	margin-top:0px !important;
	
}

.download-all-products-catalog:hover{
	background-position: 0 -98px;
	color: #000;
}


/***********
FIL D'ARIANE
*************/
#filariane{
	background-color:#FFFFFF;
	border:#cccccc 1px solid;
	padding:3px;
	overflow:hidden;
	font-size:11px;
}

a#bthome{
	display:block;
	width:14px;
	height:14px;
	background:url(../images/picto-home.gif) top left no-repeat;
}
a:hover#bthome{ background-image:url(../images/picto-home-roll.gif);}

#filariane ul li{
	float:left;
	line-height:14px;
	background: url(../images/fleche-ariane.gif) right center no-repeat;
	padding:5px 30px 5px 15px;
	color:#b9b9b9;
}

#filariane ul li.last{ background:none;}

/*Boutons de patage*/
.sharing_toolbox{
	width: 200px;
	float: right;
	height: 20px;
	margin-top: 2px;
	text-align: right;
	line-height: 20px;
}

.addthis_sharing_toolbox{ margin-left: 5px;}

/***********
PAGE SOCIETE
*************/
.BTboxbig{
	width:420px;
	background:#cfd0d2 url(../images/bg-degrade-gris1.jpg) top left repeat-x;
	border:#a6a7a7 1px solid;
	-webkit-box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.2);
	box-shadow:  0px 0px 8px 4px rgba(0, 0, 0, 0.2);
	float:left;
	position:relative;
	height:230px;
}

.BTboxbig .txt{ padding:30px;}

.BTboxbig.first{margin:0px 50px 50px 0px;}

.BTboxbig img{
	position:absolute;
	left:0;
	bottom:0;
}

.BTboxbig h2 a{
	text-decoration:none;
	color:#000;
}

/***********
PAGE HISTOIRE mars 2017
*************/
.content-anniveraise .col-left{
	width: 196px;
	float: left;
	margin-right: 50px;
}

.content-anniveraise .col-center{
	width: 654px;
	float: left;
	
	background: url(../images/dot-black70.png) repeat-y top center;
	padding-bottom: 50px;/*car margin-bottom:-50px des events*/
}

.content-anniveraise .col-center h1{
	font-style:italic;
	font-size: 12px;
	border: none;
	text-align: center;
}

.event{
	background-color: #ececec;
	padding: 20px;
	float: left;
	width: 247px;
	position: relative;
	clear: both;
	margin-bottom: -50px;
}

.event:nth-child(even){
	float:right;
}



.event .image img{
	width:247px;
	height: auto;
}

.event .image{
	margin-bottom: 15px;
}

.event .annee{
	font-family: 'Exo', sans-serif;
	font-weight:800;
	background-color: #fff;
	width: 45px;
	height: 45px;
	line-height: 45px;
	position: absolute;
	border: 1px #000 solid;
	text-align: center;
	display: block;
	-webkit-border-radius: 50% 50% 50% 50%;
	border-radius: 50% 50% 50% 50%;
	color: #000;
	font-size: 13px;
	top: 50%; /* poussé de la moitié de hauteur du référent */
	transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

.event:nth-child(2n+1) .annee:before,
.event:nth-child(2n) .annee:after{
	content: " ";
	display: table;
	width: 15px;
	height: 16px;
	background:#ececec url(../images/fleches-timeline.png) no-repeat top left;
	line-height: 0;
	position: absolute;
	left:-17px;
	top: 50%; /* poussé de la moitié de hauteur du référent */
	transform: translateY(-50%); /* tiré de la moitié de sa propre hauteur */
}

.event:nth-child(2n) .annee:after{
	background-position: 0 -16px;
	left: auto;
	right: -17px;
}

.event-titre{
	font-family: 'Exo', sans-serif;
	font-size: 16px;
}

.event .date-publication{
	font-size:11px;
	font-style: italic;
	line-height: 24px;
}

.event a{
	background-color:#555;
	color: #fff;
	float: right;
	display: block;
	padding: 5px 10px;
	text-decoration:none;
}

.event a:hover{
	background-color: #0099cc;
}

.event:nth-child(2n) .annee{
	left: -63px;
}

.event:nth-child(2n+1) .annee{
	right: -63px;
}

/***********
PAGES PRODUITS
*************/
.titletableau{
	background:url(../images/picto-tableau.gif) center left no-repeat;
	padding:5px 0 5px 25px;
}

.titlefocus{
	background: url(../images/picto-focus.gif)center left no-repeat;
	padding:5px 0 5px 25px;
}

#content ul.btBoxLignes {
	padding-left:0px;
	list-style:none;
}

.btBoxLignes li{
	background:url(../images/bg-degrade-gris2.jpg) top left repeat-x;
	border:#B9B9B9 1px solid;
	margin-bottom:10px;
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	overflow:hidden;
	position:relative;
	height:50px;
	
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	text-decoration:none;
	color:#000000;
}

.btBoxLignes li img{ position: absolute}
.btBoxLignes li .picto{ margin:5px 10px;}

.btBoxLignes li p{
	display:inline-block;
	vertical-align: middle;
	line-height: 14px;
	padding:0 5px 0 62px;
	margin-bottom:0;
	position: relative;
}

.btBoxLignes li a{
	color:#000;
	text-decoration:none;
	display: block; 
	height:100%; 
	line-height: 47px; 
	padding-right:10px;
}

.btBoxLignes li a .btbloc,
.BTboxbig a .btbloc{
	position: absolute;top: 0;left:0;width: 100%;height:100%;
	display: block;
	opacity: 0;
	z-index: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}
.btBoxLignes li a:hover .btbloc,
.btBoxLignes li.active a .btbloc,
.BTboxbig a:hover .btbloc{
	opacity: 1;
}
.BTboxbig a{
	text-decoration: none;
	color: #58585a;
}

/*recherche*/
.boxSearch form{ 
	background-color: #e4e4e5;
	padding:15px;
	margin-bottom:15px;
}

.boxSearch form:after{
	content:" ";
	display: table;
	clear: both;
}

.boxSearch form h3{
	color:#000;
	margin-bottom:0;
}

.boxSearch form .button{
	float:right;
}

.colgauchesmall .boxSearch h2{
	margin-top:0;
}

#content .boxSearch ul{
	list-style: none;
	padding: 0;
	margin:0;
}

.NOboxSearch{ 
	border:#B9B9B9 1px solid;
	padding:15px;
	margin-bottom:15px;
}

.suggestionsRecherche{
	font-size: 15px;
    font-weight: bold;
}

/***********
RESULTATS SUR 3 COLONNES DANS COLONNE DE DROITE LARGE > produits recherche & projet recherche
*************/
#content ul.troisBoxSearch{
	list-style:none;
	padding-left:0;
}

.troisBoxSearch li{
	width:192px;
	background:#c7c8c9 url(../images/bg-degrade-gris2.jpg) top left repeat-x;
	border:#A6A7A7 1px solid;
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	float:left;
	position:relative;
	min-height:240px;
	margin-left:20px;
	margin-bottom:20px;
}

.troisBoxSearch li.first{ margin-left:0;}

.troisBoxSearch li img{
	position:absolute;
	left:0;
	bottom:0;
}

.troisBoxSearch li .nom{
	margin-bottom:6px;
	padding:18px 20px 0;
	font-size:13px;
}

.troisBoxSearch li .enfants{
	padding:8px 10px 0 10px;
	font-weight:500;
	font-size:11px;
	position:absolute;
	right:0;
}

.troisBoxSearch li a{
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	text-decoration:none;
	color:#000000;
	display: inline-block;
}

/* Nouvel affichage */
.troisBoxSearch li a,
.troisBoxColSmall li a{
	position: absolute;
	top: 0;
	left:0;
	height: 100%;width:100%;
	display: block;
}

.surmesure{
	color:#fff;
	text-transform:uppercase;
	background-color:#00B4EB;
	display:inline-block;
	padding:1px 3px;
	font-family: 'Exo', sans-serif;
	font-size: 11px;
}

.pictos .surmesure{margin-bottom:8px;}

.troisBoxSearch li .surmesure{
	position:absolute;
	right:0;
	bottom:0;
	z-index: 2;
}

/***********
BOXES SUR 3 COLONNES DANS COLONNE DE DROITE SMALL > projets accueil
*************/
#content ul.troisBoxColSmall{
	list-style:none;
	padding-left:0;
}

.troisBoxColSmall li{
	width:180px;
	background:#c7c8c9 url(../images/bg-degrade-gris2.jpg) top left repeat-x;
	border:#A6A7A7 1px solid;
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	float:left;
	position:relative;
	min-height:190px;
	margin-left:20px;
	margin-bottom:20px;
	height: 200px;
}

.troisBoxColSmall li.first{ margin-left:0;}

.troisBoxColSmall #applisProj li img{
	position:absolute;
	left:0;
	top:0;
}

.troisBoxColSmall li .nom{ margin-bottom:0px;}
.troisBoxColSmall li .nom{
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	text-decoration:none;
	color:#000000;
	padding:20px;
	display: inline-block;
}

/***********
GRILLE D'AFFICHAGE/SELECTION DES GAMMES
*************/
#content #grilleGammes{
	background-color: #999;
	width:183px;
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	list-style:none;
	padding-left:0;
	overflow:hidden;
}

#grilleGammes li{
	
	float:left;
}

#grilleGammes li a{
	display:block;
	width:59px;
	height:61px;
	background-position:top left;
	background-repeat:no-repeat;
	border:#B9B9B9 1px solid;
}

.projFac{ background-image:url(../images/pictos-projecteur-facade.png);}
.projEncSol{ background-image:url(../images/pictos-proj-encastre-sol.png);}
.barreaux{ background-image:url(../images/pictos-barreaux.png);}
.baliMur{ background-image:url(../images/pictos-balise-murale.png);}
.balEncSol{ background-image:url(../images/pictos-balise-encastre-sol.png);}
.balSolSaill{ background-image:url(../images/pictos-balise-sol-saillie.png);}
.balMat{ background-image:url(../images/pictos-balise-mat.png);}
.mainCour{ background-image:url(../images/pictos-balise-main-courante.png);}
.immerg{ background-image:url(../images/pictos-balise-immergeable.png);}

#grilleGammes li a:hover{ background-position: left -122px;}

#grilleGammes li a.active{ background-position: left -61px;}

#content ul.gammesProd{
	list-style:none;
	padding-left:0;
	margin: 0 20px;
}
 
.gammesProd li{
	background: none repeat scroll 0 0 transparent;
    border: medium none;
    box-shadow: none;
    height: 24px;
    margin: 0 15px 5px 0;
    min-height: 24px;
    width: 22px;
    z-index: 100;
}

.gammesProd li img{ position:relative;}

/***********
PAGE FICHE PRODUIT/ PROJET
*************/
#titreDouble{
	position:relative;
	line-height:30px;
	color:#000000;
}

#titreDouble.fiche{padding-left:278px;}

.typeRub{
	font-size:15px;
	color:#666666;
	display:inline-block;
	margin-right:15px;
}

.retour{
	position:absolute;
	font-size:12px;
	line-height:38px;
	left:0;
	text-transform:uppercase;
	text-decoration:none;
	font-weight:500;
	font-family: "Exo",sans-serif;
}

.titre{
	line-height:30px;
	font-family: "Exo",sans-serif;
	border-bottom: 1px solid #3CF;
	margin-bottom: 20px;
	font-size:15px;
	font-weight:300;
}

.textnew li,.textnew p{
	margin-bottom:5px;
}

.newProd{
	background-color:#efd63b;
	border-radius:50%;
	width:25px;
	height:25px;
	display: inline-block;
	-webkit-box-shadow: 0 0 5px 1px #686868;
	box-shadow: 0 0 5px 1px #686868;
	color:#000;
	font-size:9px;
	line-height:25px;
	text-align:center;
	text-transform: uppercase;
	font-weight: bold;
	font-family: Helvetica, Arial, sans-serif;
}
.troisBoxSearch li .newProd{
	left: 156px;
	top: 88px;
	z-index: 5;
	position:absolute;
}

h1 .newProd{
	vertical-align: text-top;
	margin-left:10px;
}

h1 .dmm{
	font-size:12px;
	text-transform:uppercase;
	font-weight:500;
	vertical-align: text-top;
}

/*CHOIX OPTIQUE*/
.simulation{}
.optique-first-step{
	position: relative;
}
.optique{
	width:95px;
	height:95px;
	float:left;
	margin:10px;
	text-align:center;
}
.optique a{
	width:100%;
	height:100%;
	display:block;
}
.full-img-optique .img{display: none;}
.full-img-optique .img.active{display: block;}
.optique-first-step .optique{position: relative;display: none;}
.optique-first-step .optique.show{display: block;}
.optique-first-step .optique .full-img-optique{display: none;position: absolute;top: 0;left: 0px;z-index: 2}
.optique-first-step .optique.hover .full-img-optique{display: block;}

.optique .optique-link{
    -webkit-transition: all 0.4s;
    -moz-transition: all 0.4s;
    -o-transition: all 0.4s;
    -ms-transition: all 0.4s;
    transition: all 0.4s;
}
.optique.opacity .optique-link{
    opacity : 0.5;
}

.optique .optique-type span{
    background: #fff;
    display: block;
    padding: 5px;
}

.select-optique h2{
	text-align:center;
	margin-top:20px;
}

.choose-optique-selection{
	width:700px;
	margin:0 auto;
	display:table;
	border-spacing : 10px;
}

.choose-optique-selection a{
	display: table-cell;
	border:1px solid #3CF;
	padding:20px 10px 20px 95px;
	font-family: "Exo",sans-serif;
	text-transform:uppercase;
	background-repeat:no-repeat;
	background-position:10px center;
	text-decoration:none;
}

.choose-optique-selection a:nth-child(1){ width:34%; background-image:url(../images/optique-coor-polaire.gif);}
.choose-optique-selection a:nth-child(2){ width:33%; background-image:url(../images/optique-simulation.gif);}
.choose-optique-selection a:nth-child(3){ width:33%; background-image:url(../images/optique-situation.gif);}

.choose-optique-selection a.active{
	background-color:#09C;
	color:#fff;
}

.select-optique .titre{ border:none; font-weight:500;}

a.optique-link{text-decoration:none;}
a.optique-link span{
	font-family: "Exo",sans-serif;
	margin-top:5px;
	display:block;
}

.full-img-optique img{
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}

.select-optique .buttons{
	text-align:center;
	font-family: "Exo",sans-serif;
	font-size:14px;
	margin-top:30px;
}

.select-optique .buttons a{ text-decoration:none;}

.confirm-optique-link{
	background-color:#09C;
	padding:10px 15px;
	color:#fff;
	margin-right:15px;
}

a:hover.confirm-optique-link{
	background-color:#E3F0F7;
}

.optique-choose-comment{
	margin:0 50px;
	text-align:center;
	margin-top:15px;
}

.ies-optique-selected-label{
	font-weight:bold;
}

.iescomment{
	font-family: "Exo",sans-serif;
	font-weight:600;/*medium*/
	overflow:hidden;
}

.iescomment:before{
	-webkit-border-radius: 50%;
	border-radius: 50%;
	
	/*image svg*/
	/*background:#3CF url(../images/picto-important.svg) center center no-repeat;
	content:" ";*/
	
	/*icom texte*/
	content:"!";
	background-color:#3CF;
	
	width:28px;
	height:28px;
	float:left;
	margin:0 10px 10px 0;
	color:#fff;
	font-size:21px;
	text-align:center;
}

/***********
LEGENDE DES PICTOGRAMMES PRODUIT
*************/

#legendeProd{
	background:url(../images/dot-gris90.png) top left repeat;
	position:absolute;
	width:230px;
	top:390px;
	left:0px;
	margin:auto;
	padding:20px 20px 20px 50px;

}

#legendeProd h3{
	color: #000;
	text-align:right;
}

#content #legendeProd ul{
	line-height: none;
    list-style: none;
    margin-bottom: 0px;
    padding-left: 0px;
	clear:both;
	
}

#legendeProd ul li{
	margin:5px 8px;
	float: right;
	height:25px;
	position:relative;
}
.emplacement li,
.type li{
	display: inline-block;
	position:relative;
}

#legendeProd ul li.last{ clear:right;}

#grilleGammes li{position: relative;}
.linkwithtitle{	position: relative;}

#legendeProd ul li span, 
.type li span,
#grilleGammes li span,
.caracteristiques li span,
.emplacement li span,
.linkwithtitle span,
li span.title{
	/*background-color: #EFEFEF;*/
	background-color:rgba(255, 255, 255, 0.9);
    border: 1px solid #A6A7A7;
    color: #000000;
    display: none;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    right: 110%;
    margin: 0;
    padding: 6px;
    position: absolute;
    /*top: 26px;*/
    top: 0px;
    white-space: nowrap;
    z-index: 2000;
}

.boxSearch li span.title{
	left:100%;
	right: auto;
	text-align: left;
	text-transform: none;
}

.close{
	position:absolute;
	top:3px;
	right:3px;
	background:url(../images/picto-croix.png) center center no-repeat;
	width:10px;
	height:10px;
	display:block;
}

/*flux maxi*/
.fluxmaxi{
	font-family: "Exo",sans-serif;
	background:url(../images/pic-interogration-legende.svg) left center no-repeat;
	padding-left: 13px;
	margin-left: 0px;
	margin-top: 8px;
	background-size: 11px 11px;
}

.fluxmaxi div{
	display:inline;
}
/*ajustmeent légende fluxmaxi*/
.fluxmaxi span.title{
	white-space: normal !important;
	width:260px;
	text-align:right;
	text-transform: none;
}

/*picto ecodesign produit*/
.pictoecodesign{
	position: absolute;
	top: 23px;
	right: 0;
	width: 29px;
}

.pictoecodesign img{
	width: 100%;
	height: auto;
}
/***********
PAGINATION DES FICHES PRODUITS ET PROJET
*************/
#paginationFiches{
	position:absolute;
	right:0px;
	line-height:30px;
	width:50px;
	height:15px;
	top:12px;
}

#paginationFiches a.suivant, #paginationFiches a.precedent{
	width:15px;
	height:15px;
	display:block;
	float: right;
}
#paginationFiches a.suivant{background-image:url(../images/pag-right-s.gif);}
#paginationFiches a.precedent{ background-image:url(../images/pag-left-s.gif); margin-right:20px;}

#paginationFiches a:hover.suivant{background-image:url(../images/pag-right-s-roll.gif);}
#paginationFiches a:hover.precedent{ background-image:url(../images/pag-left-s-roll.gif);}

#paginationFiches span{
	background-color: #EFEFEF;
    font-size: 10px;
    font-weight: 500;
    height: 12px;
    line-height: 12px;
    position: absolute;
    right: 0;
    text-align: center;
    top: -18px;
    width: 130px;
}


/***********
PAGE PROJET
*************/
#resultProjet.troisBoxSearch li{ min-height:240px;}


/* AJOUT CW*/
#resultProjet.infinitescroll > li{
    display: block;
    opacity: 0;
    -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;
}
#resultProjet.infinitescroll > li.hidden{
    display: none;
    opacity: 0;
}
#resultProjet.infinitescroll > li.animate{
    opacity: 1;
}

#resultProd.infinitescroll > li{
    display: block;
    opacity: 0;
    -webkit-transition: all 0.4s ease;-moz-transition: all 0.4s ease;transition: all 0.4s ease;
}
#resultProd.infinitescroll > li.hidden{
    display: none;
    opacity: 0;
}
#resultProd.infinitescroll > li.animate{
    opacity: 1;
}


.troisBoxSearch li p{
	margin-bottom:0;
	padding:0 20px;
	color:#000000;
	font-size:11px;
}

.troisBoxSearch li p .type{
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	color:#666666;
}

#content ul#focusprojets{
	list-style:none;
	padding-left:0;
}

#focusprojets li{
	width:262px;
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	position:relative;
	margin-bottom:20px;
	overflow:hidden;
}

#focusprojets li img{
	float:left;
	border:#A6A7A7 1px solid;
	margin-right:15px;
}

#focusprojets li .nom{ 
	margin:15px 15px 15px 0;
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
}

/***********
PAGE FICHE PROJET
*************/
#cadreDiapo{
	background-color:#EFEFEF;
	padding:20px;
	text-align:center;
	position:relative;
}

#content ul#thumbProj{
	padding: 15px 0;
    padding-left: 0;
	clear:both;
	list-style:none;
}

#content ul.infosBase{
    padding-left: 0;
	list-style:none;
	margin-bottom:0;
}

#content ul.infosBase a{
	text-decoration:none;
}

.infosBase li{ 
	margin-bottom:10px;
	font-family: 'Exo', sans-serif;
	font-weight:500;
}

.infosBase .type,
.by-product span{
	font-family: 'Exo', sans-serif;
	font-weight:500;
	color:#666666;
	text-transform:uppercase;
	margin-bottom:0;
}

.by-product span{
	display:block;
	margin-bottom:10px;
}

#thumbProj li{
	float: left;
    margin-bottom: 15px;
    margin-right: 15px;
    width: 99px;
}

/***********
PAGINATION
*************/
#content ul.pager{
	margin: 15px 0;
    padding-left: 0;
	clear:both;
}

.pager li {
    display: inline;
    list-style-type: none;
    padding: 0.5em;
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	font-size:13px;
}
.pager-current {
    font-weight: bold;
}

.pager li a{
	text-decoration:none;
	padding:3px 5px;
}

.pager li a:hover{
	color:#FFF;
	background-color:#33ccff;
}



/***********
FORMULAIRE
*************/
#content form ul{
	list-style:none;
	padding-left:0;
}

#content form ul li{ margin-bottom:10px;}

/***********
ACTUALITÉS
*************/
#content ul#lesActus{
	list-style:none;
	padding-left:0
}

ul#lesActus li{
	border-bottom:#33ccff 1px solid;
	clear:both;
	overflow:hidden;
	padding:20px 0;
}

ul#lesActus li img{
	float:left;
	margin-right:50px;
	border:#B9B9B9 1px solid;
	margin-bottom:10px;
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}

ul#lesActus li .txt{ overflow:hidden;}

ul#lesActus h2{	font-weight:500;}

.date{
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	color:#000000;
}

/***********
REVUE PRESSE
*************/
#content ul#resultPresse{
	list-style:none;
	padding-left:0
}

#resultPresse li{
	width:284px;
	border:#A6A7A7 1px solid;
	overflow:hidden;
	float:left;
	margin:0 0 20px 20px;
}
	
#resultPresse li.first{ margin-left:0;}

#resultPresse .dateMois{
	clear:both;
	width:100%;
	border-top:none;
	border-left:none;
	border-right:none;
	background:none;
	min-height:inherit;
	margin-left:0;
	-webkit-box-shadow:  none;
    box-shadow: none;
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	font-size:14px;
	padding-bottom:15px;
	margin-bottom:15px;
}

#resultPresse li a.couv{
	display:block;
	width:120px;
	height:170px;
	border:#A6A7A7 1px solid;
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	float:left;
	margin:10px;
	position:relative;
}

#resultPresse li p,#resultPresse li h3{	margin:10px;}

#resultPresse li h3{ color:#0099cc;}

#resultPresse .btbloc span{
	background-image:url(../images/picto-fleche-noir.png); 
	margin:50px 0 0 0;
}

/***********
TABLEAU DE SYNTHESE PRODUIT
*************/

#synthProd{ width:100%;}

#synthProd td{
	border:#A6A7A7 1px solid;
	padding:5px;
	text-align:center;
	vertical-align:middle;
}

#synthProd th{border:#A6A7A7 1px solid;}
 
#synthProd th.picto{width:47px;}
#synthProd th.picto a{
	display:block;
	width:47px;
	height:50px;
	background-position: -7px -7px;
	background-repeat:no-repeat;
	overflow: hidden;
}

#synthProd th.picto a:hover{ background-position: -7px -129px;}
#synthProd th.picto a.active{ background-position: -7px -68px;}

#synthProd th.txt{ 
	font-family: 'Exo',sans-serif;
    font-weight: 500;
    height: 24px;
    line-height: 24px;
    padding: 0 5px;
}

#synthProd th.txt a{}

#synthProd td.txt{ text-align:left;}
#synthProd th.ref{ width:35px;}
#synthProd th.txt a.active{ }

#synthProd tr.even{}
#synthProd tr.odd{ background-color:#EFEFEF;}
#synthProd tr.selectLine{ background-color:#999999; color:#FFF; cursor:pointer;}

/***********
PAGE CONTACT
*************/
.btForm{
	position:absolute;
	top:-8px;
	right:0px;
}

.btForm a{
	background-color: #33ccff;
	color:#000;
	font-size:12px;
	text-decoration:none;
	font-weight:500;
	padding:0 5px;
}

.btForm a:hover{ color:#FFFFFF;}

#coordMap{
	border:#000000 1px solid;
	min-height:150px;
	position:relative;
	margin-bottom:20px;
	padding:20px;
}

#coordMap span.fleche{
	background:url(../images/fleche-cadre-noir.gif) top left no-repeat;
	width:16px;
	height:17px;
	position:absolute;
	top:20px;
	right:-15px;
}

#coordMap h4{
	font-family: 'Exo',sans-serif;
    font-weight: 500;
	color:#000000;
	margin-bottom:5px;
}
	
#coordMap h3{
	color:#0099cc;
	font-size:14px;
}

#coordMap p{ margin-bottom:10px;}

#coordSiege{ color:#000000;}

#blocMap,
#blocMappopin{
	position:relative;
	border:#A6A7A7 1px solid;
}


#blocMap div,
#blocMappopin div{ position: absolute;}

#blocMap div .point,
#blocMappopin div .point{
	display:inline-block;
	background:url(../images/point-vert.png) top left no-repeat;
	width:11px;
	height:11px;
}

#blocMap div .nom,
#blocMappopin div .nom{
	background-color: #33ccff;
    color: #000000;
    font-family: 'Exo',sans-serif;
    font-weight: 500;
    height: 25px;
    line-height: 25px;
    padding: 0 5px;
    text-align: center;
    top: -40px;
    left: 0px;
    z-index: 9999;
	white-space:nowrap;
	box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3);
	-webkit-box-shadow:0 0 3px 2px rgba(0, 0, 0, 0.3);
}

#blocMap div .nom .fleche,
#blocMappopin div .nom .fleche{
	background:url(../images/fleche-verte-bas.png) top center no-repeat;
    display: inline-block;
    height: 10px;
    width: 100%;
}

/*FRANCE*/
#blocMap #btFrance,
#blocMappopin #btFrance{ top:150px; left:97px;}
#blocMap #btFrance a,
#blocMappopin #btFrance a{
	background:url(../images/bt-loupe.png) top left no-repeat;
	width:25px;
	height:25px;
	display:block;
}



/*ALLEMAGNE*/
#blocMap #btAllemagne,
#blocMappopin #btAllemagne{ top:124px; left:141px;}
#blocMap #btAllemagne a,
#blocMappopin #btAllemagne a{
	background:url(../images/bt-loupe.png) top left no-repeat;
	width:25px;
	height:25px;
	display:block;
}

/*UK*/
#blocMap #btUk,
#blocMappopin #btUk{ top:108px; left:64px;}
#blocMap #btUk a,
#blocMappopin #btUk a{
	background:url(../images/bt-loupe.png) top left no-repeat;
	width:25px;
	height:25px;
	display:block;
}






#btMonde{top:340px; left:20px;}

#btMonde a{
	background:url(../images/map-contact-france-bt-retour.jpg) left top no-repeat;
	width:52px;
	height:52px;
	display:block;
}

#btMonde a:hover{ opacity:0.7;}
/*coordonnées*/
#uk{ top:115px; left:83px;}
#czechrep{ top:140px; left:175px;}
#atlantique{ top:207px; left:235px;}

/***********
PAGE FORMULAIRE DE CONTACT
*************/
#contactForm{
	border:1px solid #A6A7A7;
	overflow:hidden;
	font-family: 'Exo',sans-serif;
    font-weight: 500;
	text-transform:uppercase;
}

#contactForm ul{
	width:270px;
	margin:20px;
	float:left
}

input.text, input.email, input.password, textarea.uniform{ width:250px}

#contactForm p{
	clear:both;
	margin:0 20px 20px 20px;
	text-align:right;
}


/********************
AJOUT 24/04/2013
********************/
#content ul.menucategories{
	padding-left:0;
	overflow:hidden;
	
}

.menucategories li{
	float:left;
	list-style:none;
	margin-right:20px;
}

.menucategories li a{
	color: #000000;
    display: inline-block;
    font-family: 'Exo',sans-serif;
    font-size: 13px;
    font-weight: 500;
    height: 25px;
    text-decoration: none;
}

.menucategories li a:hover{background:url(../images/fleche-noire.gif) center bottom no-repeat;}

.menucategories li a.active{background:url(../images/fleche-noire.gif) center bottom no-repeat;}

#resultPresse li.fondbloc{ background-color:#ececec;}



.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

#cadreInfos .box .couv {
    float: left;
    height: 60px;
    margin-right: 20px;
    overflow: hidden;
    width: auto;
}

#cadreInfos .box .couv img{ margin-right:5px;}

.legendphoto{
	background: url("../images/dot-noir-transp.png") repeat scroll 0 0 transparent;
    bottom: 0;
    color: #FFFFFF;
    left: 0;
    padding: 5px;
    position: absolute;
	margin:20px;
	text-align:left;
	width: 572px;
	overflow:hidden;
	line-height:13px;
}

.legendphoto span{
	font-weight:bold;
	color:#0099CC;
}

.legendphoto a{ color:#33ccff;}
.legendphoto a:hover{ color:#0099cc;}

/* Legend pictos produits */
.catpictotitle {
    clear: both;
    font-family: "Exo",sans-serif;
    padding: 10px 10px 5px;
    text-align: right;
    color:#000;
    line-height: 1em;
}


/* Contact new*/
.coldroitecontactnew{
	width: 100%;
}
#contactForm .formcontactnew ul{
	width:258px;
	margin-top: 0;
}
#contactForm .formcontactnew ul.towcols{
	width:557px;
}
#contactForm .formcontactnew textarea{
	width:100%;
}

#rgpd-contact, #newsletter-contact{
    text-transform: none;
}

/* bloc search dans header */

/* @CW modification 2020-02-17 */
.search-tools{
	position: absolute;
	right: 11px;top:11px;
	z-index:205;
}

#header #search-top{
	background: #000;
	border:1px solid #33ccff;
	padding:0 23px 0 0;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;

	min-width: 150px;
	position: relative;
	height: 20px;
	float: right;
}
#header #search-top input{
	background: none;
	border:none;
	color : #3CF;
	font-size : 11px;
	width: 144px;
	padding-left:5px;
	-webkit-box-shadow:  none;
	box-shadow:  none;
	font-family: 'Exo', sans-serif;
	-webkit-transition: all 0.2s;
	-moz-transition: all 0.2s;
	-o-transition: all 0.2s;
	-ms-transition: all 0.2s;
	transition: all 0.2s;
}

#header #search-top.focus{
	background: #fff;
}
#header #search-top.focus input{
	width: 210px;
	color: #000;
}
#header #search-top-button{
	position: absolute;
	right: 4px;top:3px;
}

#header ::-webkit-input-placeholder { /* WebKit browsers */
	font-family: "Exo",sans-serif;
	color : #3CF;
	font-size : 11px;
}
#header :-moz-placeholder { /* Mozilla Firefox 4 to 18 */
	font-family: "Exo",sans-serif;
	color : #3CF;
	font-size : 11px;
   opacity:  1;
}
#header ::-moz-placeholder { /* Mozilla Firefox 19+ */
	font-family: "Exo",sans-serif;
	color : #3CF;
	font-size : 11px;
   opacity:  1;
}
#header :-ms-input-placeholder { /* Internet Explorer 10+ */
	font-family: "Exo",sans-serif;
	color : #3CF;
	font-size : 11px;
}


/* xxxxxxxxxxxx
Bouton acces direct produit
xxxxxxxxxx */
.search-top-product {
    position: relative;
}

a.search-top-product-btn {
    position: absolute;
    right: 0;
    display: inline-block;
    background-color: #33ccff ;
	
	font-size: 11px;
	padding: 0 5px;
	height: 22px;
	line-height: 22px;
	color: #000;
	font-family: 'Exo', sans-serif;
	text-decoration: none;
}

a:hover.search-top-product-btn{
    background-color: #fff ;
}

.search-top-product-container{
	width: 300px;
	position: relative;
	float: right;
	margin-right: 10px;
}
.search-top-product{
	position:relative;
}

.chosen-default{
	font-size: 10px;
}

.search-top-product-div{
	position:absolute;
	top: 0;right: 0;
	opacity: 0;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
	z-index: -1;
}
.search-top-product-div.on{
	z-index: 1;
	opacity: 1;
	display: block;
}

.chosen-container{
	font-size:12px;
}
.chosen-container-single .chosen-single span{
	font-family: 'Exo', sans-serif;
	color: #0099cc ;
}

.chosen-container .chosen-results{
	color: #58585a;
}

/*.chosen-search{
	width:100%;
}

#header .chosen-search input{
	background-color: #ececec;
	width:100%;
}

#header .chosen-search input:hover{
	background-color: #E3F0F7;
}
*/
.chosen-container .chosen-results li.highlighted{
	background-color: #0099cc;
}

/* Depuis l'index produit */  
.search-product-index{
	position: relative;
}
.search-product-index .search-top-product-btn{
	display: none;
}
.search-product-index .search-top-product-div{
	position: relative;
	z-index: 1;
	opacity: 1;
	display: block;
	}
/*Cause uniform passe après pour style le select*/
.search-top-product-div .selector{
	display: none;
}

.search-product-index .chosen-container-single a:hover.chosen-single span{
	color: #000;
}

.search-product-index .chosen-container-single .chosen-single span{
	font-size: 13px;
}

.chosen-container-active .chosen-single{
	border-color:#0099cc;
}

.search-product-index .chosen-container-single .chosen-single{
	height: 40px;
    line-height: 40px;
}

/*mise en forme texte mentions légales*/
#newsletter-contact .mentionslegales a{ text-transform:lowercase; font-style: italic;}

/* Autocomplete */
.ac_results {
	padding: 0px;
	border: 1px solid #8ccdfe;
	background-color: white;
	overflow: hidden;
	z-index: 99999;
	width: 100%;
}

.ac_results ul {
	width: 100%;
	list-style-position: outside;
	list-style: none;
	padding: 0;
	margin: 0;
}

.ac_results li {
	margin: 0px;
	padding: 2px 5px;
	cursor: default;
	display: block;
	font: menu;
	font-size: 12px;
	line-height: 16px;
	overflow: hidden;
}

.ac_loading {
	/*background: white url('indicator.gif') right center no-repeat;*/
}

.ac_odd {
	background-color: #eee;
}

.ac_over {
	background-color: #33ccff;
	color: white;
}


.linkedin{
	position: relative;
	margin-right: 10px; 
}


/* -------------------------
   START Nouvelle fiche produit */

.all-products{
	width:391px;
	float:left;
}

.all-products .one-variant{
	position: relative;
	float: left;
	width: 112px;height: 93px;
	overflow: visible;
	border:3px solid #c2c2c3;
	margin: 0 18px 18px 0;
	color: #000;
	font-family: "Exo",sans-serif;
	line-height:15px;
}
.all-products .one-variant.on{
	border:3px solid #00B4EB;
	color: #fff;
}

.all-products .one-variant.on:before{
	content:url(../images/fleche-product-on.gif);
	position:absolute;
	top: -15px;
	left: 48%;
}

.all-products .one-variant.last{
	margin-right: 0;
}
.all-products .one-variant span{
	position:absolute;
	display: block;
	bottom: 0;
	width: 100%;
	background: #c2c2c3;
}
.all-products .one-variant.on span{
	background: #00B4EB;
}

.all-products .one-variant.disabled{
	cursor: default;
	border-color:#f3f3f3;
}

.all-products .one-variant.disabled .opacity span{
	background-color:#c2c2c3;
}
.all-products .one-variant.disabled .opacity{
	opacity: 0.2;
}
.all-products .one-variant span.disabled{
	display: none;
	position: absolute;
	top: 0;
	height: 100%;
	left:0;
	width: 100%; 
	background: none;
	color: #555555;
	text-align: center;
	padding: 20px 0 0;
	font-size: 11px;
	line-height: 12px;
}
.all-products .one-variant.disabled span.disabled{
	display: block;
}

.all-products .one-variant span.hover{
	display: none;
	position: absolute;
	top: 0;
	/*height: 100%;*/
	left:0;
	width: 100%; 
	background: rgba(1,180,236,0.8);
	color: #000;
	text-align: center;
	padding: 20px 0 0;
	opacity: 1;
	}
.all-products .one-variant:hover span.hover{
	display: block;
}
.all-products .one-variant.disabled:hover span.hover{
	display: none;
}


.pictos{
	position: relative;
	float: right;
	width: 210px;
	min-height: 400px;
}

.pictos h2, .colgauchesmall h2, .coldroitebig h2{
	text-transform: uppercase;
	font-weight: 500;
	margin-bottom: 8px;
	font-size:12px;
	
}

.colgauchesmall h2,
.coldroitebig h2{
	margin-top:10px;
}

.coldroitebig .pictos h2{ margin-top:0;}

.pictos h2{
	background-color:#E3F0F7;
	padding:3px 10px;
}

.pictos h3{
	text-transform:none;
}

.type,.emplacement{margin-bottom: 8px;}

.multidomaine{
	font-weight:bold;
}
.catpicto-877{
	display: none;
}

.pictos .catpictotitle{
	padding: 0;
	text-align: left;
}
.pictos .caracteristiques ul{
	display: block;
	margin:0; padding: 0 !important;
	list-style: none;
	margin-bottom:10px !important;
}
.pictos .caracteristiques ul li{
	display: inline-block;
	position: relative;
}

.picto-variable{
	padding: 5px;
	border:#555 1px solid;
	font-weight:bold;
	color:#00B4EB;
	-webkit-border-radius: 0 0 5px 0;
	border-radius: 0 0 5px 0;
}

.picto-joules:before{
	content:"IK10";
	margin-right:3px;
}
.picto-joules:after{
	content:"J";
}

.picto-resistance:before{
	content:"IP";
}

/*LIEN PICTO/EXPERT*/
.caracteristiques li span.lienexpert{
	display: block;
	border:none;
	position: absolute;
	top:-2px;
	right:7px;
	padding:0;
	z-index:3000;
}

.caracteristiques li span.lienexpert a{
	background:url(../images/picto-link-lec-expert-pic.png) 0 0 no-repeat;
	width:10px;
	height:10px;
	display:block;
	cursor: pointer;
	position:absolute;
	
}

.caracteristiques li span.lienexpert a:hover{
	background-position: 0 -10px;
}

.caracteristiques li span.lienexpert a:hover:before{ 
	background: transparent url(../images/picto-link-lec-expert-picto-logo.png) left top no-repeat;
	width:51px;
	height:48px;
	top: -33px;
	right: -40px;
	display:block;
	content:' ';
	position:absolute;
}

/*CONFIGURATEUR*/

.bloc-configurateur{
	background: #eaeaea;
	border: 1px solid #919191;
	display: table;
	width: 100%;
	min-height:50px;
	margin-bottom:20px;
	font-family: 'Exo',sans-serif;
	padding: 5px;
	line-height: 19px;
}

.bloc-configurateur .col div:after{
	content: ' | ';
	margin: 0 5px;
}

.bloc-configurateur .col{
	vertical-align: middle;
	height: 100%;
	display:inline;
	margin-right: 0;
}

.bloc-configurateur .col.last{
	width: 150px;
	text-transform:uppercase;
	float: none;
	margin: 0;
	display: inline;
}
.bloc-configurateur a.back-to-criteres{
	background: none;
	border: none;
	padding: 0;
	display: inline;
	position: relative;
	text-decoration: none;
}

.optique a{
	height: auto;
}

.bloc-configurateur .vos-filtres{
	width: 150px;
	padding: 0;
	text-transform:uppercase;
	display: inline;
	float: none;
	margin: 0;
}

.bloc-configurateur div{
	display: inline;
	margin-right: 0;
	width: auto;
	padding: 0
		
}

.bloc-configurateur span{
	color: #000;
	display: inline-block;
	font-weight: 600;
}

.bloc-configurateur a span{
	color: #0099cc;
}

.bloc-configurateur a:hover span{
	color: #000;
}

.configurateur.indexproduct .raz-container{
	float: left;
	line-height:27px;
}

.configurateur input[type=text]{
	height: 16px;
	margin-top: 4px;
}

a.refreshlist{
	font-family: 'Exo', sans-serif;
	text-decoration:none;
}

a.refreshlist:before{
	content:'›› ';
}

#content .configurateur.indexproduct ul{
	padding: 0;
	margin:0;
	list-style: none;
}

/*.raz-container{
display:block !important;
}
*/


.sub-photos{
	display:inline-block;
	width:391px;
}
.sub-photos .comment{
	float: left;
	margin-top:10px;
	width:260px;
}

.sub-photos .comment p{
	margin-bottom:0;
	font-family: 'Exo', sans-serif;
}

.mainimg{
	float:left;
	width: 391px;
	height: 300px;
	line-height: 300px;
}

/*.coldroitebig .mainimg,*/.sub-photos a img{
	border: 1px solid #919191;
}

.sub-photos a{
	padding-top:10px;
}

.sub-photos a.active{
	background:url(../images/fleche-diapo-produit-on.gif) top center no-repeat;
}

.mainimg .download{
	display:block;
	width:19px;
	height:19px;
	position: absolute;
	bottom:-30px;
	right:0;
	background: url(../images/download.png) no-repeat scroll 0px 0px;
	margin-top:10px;
}

.mainimg a:hover.download{ background-position:0px -101px;}

.bloc-lecexpert{
	margin: 30px 0 15px 0;
	color: #fff;
	/*background:#33aed7 url(../images/bg-bloc-expert.gif) top center repeat-x;*/
	background-color:#E3F0F7;
	padding: 40px 15px 15px 15px ;
	font-family: "Exo",sans-serif;
	display:none;
	position:relative;
	min-height: 45px;
}
.bloc-lecexpert a{
	text-decoration: none;
	display:block;
}

.bloc-lecexpert .logo-expert{
	display: block;
	background: transparent url(../images/logo-lec-expert.png) left top no-repeat;
	width:66px;
	height:62px;
	/*float: right;
	margin-left: 5px;*/
	position:absolute;
	top: -24px;
	left: 82px;
}

.bloc-lecexpert .title-lecexpert{ display:none;}

/* Pour les lire plus des fiches produits */
.hasaccordeon a.lireplus{
	display: none;
}

.hasaccordeon .cache{
	display:none;
}

.hasaccordeon.accordeon .cache{ display:block;}

.accordeon.open a.lireplus span{ line-height:0px; padding:0;}

.cache{
	background:url(../images/fleche-lire-moins.gif) top center no-repeat;
	border-bottom: 1px solid #09C;
	height: 8px;
}

.accordeon{
	position: relative;
	overflow: hidden;
	max-height: 153px;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
}
.accordeon a.lireplus{
	display: block;
	position: absolute;
	bottom: 0;
	width: 100%;
	opacity: 1;
	padding:20px 0 0;
	background: #fff;
	background: rgba(255,255,255,0.5);
	color: #09C;
	text-decoration: none;
	-webkit-transition: all 0.4s;
	-moz-transition: all 0.4s;
	-o-transition: all 0.4s;
	-ms-transition: all 0.4s;
	transition: all 0.4s;
	/* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#7db9e8+0,ffffff+44&0+0,1+44 */
	background: -moz-linear-gradient(top,  rgba(125,185,232,0) 0%, rgba(255,255,255,1) 44%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(125,185,232,0)), color-stop(44%,rgba(255,255,255,1))); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(255,255,255,1) 44%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(255,255,255,1) 44%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  rgba(125,185,232,0) 0%,rgba(255,255,255,1) 44%); /* IE10+ */
	background: linear-gradient(to bottom,  rgba(125,185,232,0) 0%,rgba(255,255,255,1) 44%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#007db9e8', endColorstr='#ffffff',GradientType=0 ); /* IE6-9 */

}
.accordeon a.lireplus span{
	display: block;
	border-top: 1px solid #09C;
	text-align: center;
	background: #fff;
	background:url(../images/fleche-lire-plus.gif) center top no-repeat;
	padding:10px;
	font-family:'Exo',sans-serif;
	text-transform:uppercase;
}
.accordeon.open{
	max-height: 1000px;
	-webkit-transition: all 3s;
	-moz-transition: all 3s;
	-o-transition: all 3s;
	-ms-transition: all 3s;
	transition: all 3s;
	overflow: visible;
}
.accordeon.open a.lireplus{
	opacity: 0;
}



.optique-link img{display: none;}
.optique-link img.active{display: block;}

.table{
	display: table;
	width: 100%;
}
.table .col{
	display: table-cell;
	vertical-align: top;
}
.table .col img{
	width: 100%;
}
.table .col.vm{
	vertical-align: middle;
}

.show{
	display: block;
}
.hide{
	display: none;
}


/*Librairie jQuery FlexSlider v2.5.0 dans fichiers library-css.css*/

/*slider références avec pagination*/
.slider-references .flex-control-paging{
	display:block;
	z-index:500;
	top:365px;
	height: 15px;
}

.slider-references .flex-control-paging li a{ background-color:#B2B2B2;}

.slider-references .flex-control-paging li a.flex-active{ background-color:#fff;}

/* Fleches toujours affichées */
.flexslider .flex-direction-nav a {display: block;opacity: 1;}
.flexslider .flex-direction-nav a.flex-prev {left: 10px;}
.flexslider .flex-direction-nav a.flex-next {right: 10px;}

.links a.bloc{
	position: relative;
    display: block;
    border:1px solid #A6A7A7;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    padding: 10px 20px 10px 80px;
    margin: 20px 0;
    min-height: 40px;
	line-height: 40px;
	height: 40px;
	
	background:url(../images/bg-degrade-gris2.jpg) center center repeat-x;
	font-family:'Exo', sans-serif;
	font-size:12px;
	text-decoration:none;
	overflow:hidden;
	text-transform:uppercase;
	color:#000;
}

.coldroitebig .links a.bloc{
	margin:0;
	width:120px;
    padding: 10px 15px 10px 55px;
	float:left;
}
.links a.bloc span{
	display: inline-block;
	line-height: 14px;
	vertical-align: middle;
}

.coldroitebig .links a.bloc:first-child{
	margin-right:20px;
}

.coldroitebig .links a.bloc:nth-child(2){
	margin-right:20px;
}

.links a:hover.bloc{
	background-image: none;
	background-color:#3CF;
	color:#fff;
}

.btsynthese:before{
	position: absolute;
	left:20px;
	content: url(../images/bt-tableau-synthese.png);
}

.btcontact:before{
	position: absolute;
	left:20px;
	content:url(../images/bt-contact.png);
}

.btnouveautes:before{
	position: absolute;
	left:20px;
	content:url(../images/picto-new-big.png);
}

/*Boutons produits home*/
.coldroitebig .btsynthese:before,
.coldroitebig .btcontact:before,
.coldroitebig .btnouveautes:before{
	left:6px;
}

/**/

.btrecherche:before{
	position: absolute;
	left:20px;
	content:url(../images/picto-recherche-par-filtre.png);
}
.btsynthese:before, .btcontact:before{
	float:left;
	margin-right:10px;
}

.selection-ies{
	display: none;
	opacity: 0;
	padding: 20px;
	border:1px solid #09C;
	margin: 0 0 20px 0;
	position: absolute;
	z-index: 1000;
	background-color: #fff;
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	width: 351px;/*391 -40 de padding*/
	left:-412px;
	top:-20px;
	
	transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
}
.selection-ies .select-optique{display: none;}
.selection-ies .select-optique.show{display: block;}
.selection-ies.show{
	display:block;
	opacity:1;
}
/* -------------------------
   END Nouvelle fiche produit */
   
   
/*ACCUEIL PRODUIT*/
.configurateur.indexproduct{
	background-color:#e4e4e5;
	font-family:"Exo",sans-serif;
	padding:15px;
}

.configurateur.indexproduct:after{
	content:' ';
	display: table;
	clear: both;
}

.configurateur .choice h2{
	font-size:12px;
	text-transform:uppercase;
	font-weight:500;
	color:#000;
	margin-bottom:0;
	margin-top:0;
}
.configurateur .choice{
	margin-bottom:5px;
}

.configurateur .choice.choice6{
	clear:left;
}

.configurateur.indexproduct .choice.choice4{
	float: right;
}

.indexproduct .choice{
	width:50%;
	float:left;
}

.indexproduct div.button{ float:right;}

.indexproduct .choice5, .indexproduct .choice7{ clear:left;}
.indexproduct .explain-ies{ display:none;}
.indexproduct .submitcriterec{
	margin:0;
	text-align:right;
}

.submitcriterec{
	margin: 20px 0 0;
}

.addthis_sharing_toolbox{
	float:right;
}

/*réglage colorbox*/
#cboxContent #cboxClose{
	background-image:url(../images/close-lightbox.png);
	top: 0px;
	left: 0px;
	width: 30px;
	height: 30px;
}

.conteneur_general_load_10{
 overflow: hidden;
    width: 72px;
    height: 85px;
    margin: 0 auto;
}.cle_bleu_load_10{border-radius:50px;width:50px;height:50px;border-top:10px solid #33CCFF;border-right:10px solid #ECECEC;border-bottom:10px solid #00B4EB;border-left:10px solid #666666;-webkit-animation:load_dix 1.4s infinite linear;-moz-animation:load_dix 1.4s infinite linear;-ms-animation:load_dix 1.4s infinite linear;-o-animation:load_dix 1.4s infinite linear;animation:load_dix 1.4s infinite linear;} @-webkit-keyframes load_dix{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}} @-moz-keyframes load_dix{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}} @-ms-keyframes load_dix{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}} @keyframes load_dix{0%{-webkit-transform:rotate(0deg);-moz-transform:rotate(0deg);-ms-transform:rotate(0deg);transform:rotate(0deg)}50%{-webkit-transform:rotate(360deg);-moz-transform:rotate(360deg);-ms-transform:rotate(360deg);transform:rotate(360deg)}100%{-webkit-transform:rotate(720deg);-moz-transform:rotate(720deg);-ms-transform:rotate(720deg);transform:rotate(720deg)}}


/*xxxxxxxx
FORMULAIRE INSCRIPTION STRUCTURE
xxxxxxxx */
.formnewsletter .col{
    padding: 4px 0;
}
.formnewsletter input,
.formnewsletter select{
    width: 100%;
}
.formnewsletter .bad .colleft label{
    color:red;
}
.formnewsletter .captcha{ padding:10px;}

.formnewsletter .bad .captcha{
    border:3px red solid;
}

/*Formulaire express newsletter*/
.newsletterTitle{
	font-family:'Exo', sans-serif;
	color:#000;
	font-weight:700;
	margin-bottom:10px;
}

.newsletterIntro{
	margin-bottom:10px;
}

.formnewsletter .captcha{
	padding:10px 0;
}

.formnewsletter ul{ float:right; margin-bottom:10px;}

.formnewsletter label{
	font-family:'Exo', sans-serif;
	color:#000;
	font-weight:700;
}

.newsletterOutro{
	margin-top:10px;
	clear:both;
}

/*spécifique form sur page indépendante */
.frompage .newsletterTitle{
	font-size:23px;
	border-bottom:#33ccff 1px solid;
	margin-bottom:20px;
	position:relative;
	font-family: "Exo",sans-serif;
	font-weight: 300;
}

.frompage .table{
	width: 420px;
	float: left;
	margin-right: 30px;
}

.frompage .table:nth-child(8){ clear:both;}
.frompage .formnewsletter ul{ float:left; clear:both;}

/* Popup newsletter */
.newsletter-encart input,
.newsletter-encart select{
	-webkit-box-sizing:border-box;
	-moz-box-sizing:border-box;
	box-sizing:border-box;
}

.newsletter-encart{
    overflow: hidden;
    width: 400px;
    background: #fff;
    padding: 20px 0 0 20px;
}
.newsletter-encart.show{
    display: block;
}

.nouveauteTiroir.show{
    display: block;
}

.newsletter-encart.frompage{ width:100%;}

/* Pictos tiroirs*/
.pictos-tiroirs{
    position: absolute;
    top:124px;
    width: 120px;
    background-color: rgba(0, 0, 0, 0.7);
	right: 0;
	z-index: 200;
	font-family:'Exo', sans-serif;
	font-size:11px;
    padding: 0px 5px;
}

.pictos-tiroirs a{
    display: block;
    color: #000;
	text-decoration:none;
	line-height:22px;
    padding: 0px 5px;
	text-indent: -9999px;
    overflow: hidden;
}

.pictos-tiroirs .hover/*, 
.pictos-tiroirs a.showpagecatalogue*/{
    display: inline-block;
    width: 25%;
    padding:0px;
    float: left;
}
.catalogueTiroir.show{
	display: block;
}

.pictos-tiroirs a.showsocialTiroir:before,
.pictos-tiroirs a.showpagecatalogue:before,
.pictos-tiroirs a.showminiformnewsletter:before, 
.pictos-tiroirs a.shownouveautes:before{
	content:' ';
	background-image: url(../images/pictos-tiroir.png);
	background-repeat:no-repeat;
	width:22px;
	height:22px;
	display:block;
	float:left;
	margin-right: 5px;
}

.pictos-tiroirs a:hover{
    color: #fff;
}

/*.pictos-tiroirs a.showminiformnewsletter:before{ background-position:-22px 0;}
.pictos-tiroirs a.showsocialTiroir:before{ background-position:-44px 0;}
.pictos-tiroirs a.showpagecatalogue:before{ background-position:-66px 0;}
.pictos-tiroirs a.shownouveautes:before{ background-position:0 1px;}

.pictos-tiroirs a:hover.showminiformnewsletter:before{ background-position:-22px -22px;}
.pictos-tiroirs a:hover.showsocialTiroir:before{ background-position:-44px -22px;}
.pictos-tiroirs a:hover.showpagecatalogue:before{ background-position:-66px -22px;}
.pictos-tiroirs a:hover.shownouveautes:before{ background-position:0 -22px;}*/
.pictos-tiroirs a.showminiformnewsletter:before{ background-position:-22px -22px;}
.pictos-tiroirs a.showsocialTiroir:before{ background-position:-44px -22px;}
.pictos-tiroirs a.showpagecatalogue:before{ background-position:-62px -22px;}
.pictos-tiroirs a.shownouveautes:before{ background-position:0 -22px;}

/*les blocs en rollover*/
.newsletterMiniform,.socialTiroir{
	background-color: rgba(51, 204, 255, 0.9);/*#33ccff*/
	right:120px;
}

.nouveauteTiroir{
	background-color: rgba(255, 255, 255, 0.9);/*#fff*/
}

.nouveauteTiroir{
	display:none;
	position: absolute;
	width:200px;
	padding:10px 15px 10px 25px;
}

.pictos-tiroirs .nouveauteTiroir a{
	padding:0;
	font-weight:600;
	line-height:16px;
	margin-bottom:5px;
    display: block;
    text-indent: inherit;
    color: #000;
}

.nouveauteTiroir a span{
	color:#0099cc;
	font-weight:500;
}

.nouveauteTiroir a.newexpert:after{
	content:' ';
	background-image: url(../images/pic-open-blank.png);
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	float:right;
}

.nouveauteTiroir a:hover{ color:#0099cc;}

.catalogueTiroir {
    right: 0px;
    top: 22px;
    display: none;
    position: absolute;
    z-index: 200;
    min-height: 90px;
    padding: 20px 20px 0px 110px;
    width: 130px;
    font-size: 14px;
    color: #020b13;

}
.catalogueTiroir {
    background-color: rgba(51, 204, 255, 0.9);
}
a.showpagecatalogue:before{
	width:31px;
}
.catalogueTiroir::before {
    background-position: -65px 0;
}

a.catalogueTiroir{
	display: none;
	text-indent: 0;
	padding:20px 20px 0px 110px;
	overflow: visible;
}

.catalogueTiroir .picto{
	position: absolute;
	left: 20px; top: 50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}


.newsletterMiniform{
    display: none;
    position: absolute;
	width:200px;
	padding:20px 15px 10px 25px;
	top:0;
}

.newsletterMiniform .see-archive{
    margin-top:5px;
}

.newsletterMiniform .see-archive:before{
	content:'›› ';
	float:left;
	line-height:22px;
	margin-right:8px;
	color:#000;
}

.newsletterMiniform .see-archive a{
    display: inline;
    color:#000;
    font-weight: 600;
}

.newsletterMiniform.show{
    display: block;
}

.newsletterMiniform span{
	color:#000;
	font-weight:700;
}
input.newsletterminiformemail{
	background: #fff;
	width:150px;
	border: 1px solid #000;
	padding: 3px 5px;
	margin-top:8px;
	display:inline-block;
	margin-right:0;
}

.pictos-tiroirs a.shownewsletter{
	margin-left:0;
	width: 22px;
	height: 22px;
	display:inline-block;
	padding:0;
	color:#000;
	text-transform:uppercase;
	font-weight:bold;
	line-height:none;
}

.pictos-tiroirs a:hover.shownewsletter{ color:#fff;}

.newsletterMiniform{
    z-index: 200;
}

.socialTiroir{
    display: none;
	position: absolute;
    top: 0;
    z-index: 200;
	padding:20px;
}

.socialTiroir.show{
    display: block;
}

/*icones sur encarts rollover*/
.nouveauteTiroir:before,
.newsletterMiniform:before,
.socialTiroir:before,
.catalogueTiroir:before{
	content:' ';
	background-repeat:no-repeat;
	width:24px;
	height:24px;
	left:-12px;
	display:block;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	position:absolute;
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	background-color:#33ccff;
	background-image: url(../images/pictos-tiroir.png);
	
	/*CENTRER EN HAUTEUR*/
	top:50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

.nouveauteTiroir:before{
	background-position:1px 1px;
	background-color:#fff;
}

.newsletterMiniform:before{
	background-position:-22px 0;
}

.socialTiroir:before{
	background-position:-44px 0;
}

.nouveauteTiroir, .newsletterMiniform, .socialTiroir{
    right:0px;
    top: 22px;
}

.socialTiroir a.btyoutube,
.socialTiroir a.btlinkedin{
	text-indent:-999px;
	background-image: url(../images/picto-youtube.png);
	width:22px;
	height:22px;
	overflow:hidden;
	padding:0;
	-webkit-border-radius: 5px;
	border-radius: 5px;
}

.socialTiroir a.btyoutube{margin-bottom:10px;}

.socialTiroir a.btyoutube{background-image: url(../images/picto-youtube.png);}
.socialTiroir a.btlinkedin{background-image: url(../images/picto-linkedin.png);}

.socialTiroir a:hover.btyoutube,
.socialTiroir a:hover.btlinkedin{
	-webkit-box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}

#btouvertureinfos{ display:none;}


#footer p .linkedin{ display:none;}/* xxxxxxx SUPPRIMER PICTO LINKEDIN DANS FOOTER*/

/*Archive de la newsletter*/
.newsletterh1c{ position:relative;}

.newsletterh1c a.shownewsletter{
	color: #0099cc;
	text-decoration: none;
	display:inline-block;
	line-height: 20px;
	padding:0 10px;
	height:20px;
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	
	position:absolute;
	top:0;
	right:0;
	
}

.newsletterh1c a.shownewsletter:before{
	content: ' ';
	background-image: url(../images/pictos-newsletter.png);
	background-repeat: no-repeat;
	width: 22px;
	display: block;
	float: left;
	margin-right: 5px;
	background-position: 0 -24px;
	height: 20px;
}

.newsletterh1c a:hover.shownewsletter:before{ background-position: 0 -2px;}

.newsletterh1c a:hover{ color:#000;}

.newsletterarchivelist{
	clear:both;
	overflow: hidden;
	margin-bottom: 25px;
}

.newsletterarchivelist .colleft{
	width:70%;
	float:left;
	font-family: 'Exo',sans-serif;
    font-weight: 500;
}


.newsletterarchivelist .colright{
	width:25%;
	margin-left:5%;
	float:left;
}

.newsletterimagec{
	width:100%;
	min-height:340px;
}

.newsletterimagec img{
	width:100%;
}

.newsletterarchivelist a{
	text-decoration:none;
	margin-bottom:10px;
	display: inline-block;
	width: 100%;
	line-height:25px;
}
/*.newsletterarchivelist a:after{
	content:' ';
	background-image: url(../images/pic-open-blank-bleu.png);
	background-repeat:no-repeat;
	width:10px;
	height:10px;
	float:right;
}

.newsletterarchivelist a:hover:after{ background-image: url(../images/pic-open-blank.png);}*/

.newsletterarchive.pdf a:before{
	content:' ';
	background-repeat:no-repeat;
	width:25px;
	height:25px;
	float:left;
	margin-right:15px;
	
	background:url(../images/picto-telecharger-PDF.gif) left top no-repeat;
	background-size:25px 56px;
	-webkit-background-size: 25px 56px;
	
	
	
}

.newsletterarchivelist a:hover:before{ background-position:left -31px;}

	
	
.newsletterarchivelist .date{
	font-size: 18px;
	margin-bottom: 10px;
	margin-top:15px;
}

.newsletterarchivelist .date:first-child{ margin-top:0;}

/*Mise en forme message collecte cookies*/
#pc-cookie-notice{
	padding: 10px 20px !important;
	bottom: 30px !important;
	-webkit-box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
	box-shadow: 0 0 5px 5px rgba(0,0,0,0.2);
}

@media only screen and (max-width:1315px){
	#pc-cookie-notice{
		bottom: 60px !important;
	}
}

#pc-cookie-notice #pc-message{
	padding: 0 !important;
	width: 80% !important;
}

#pc-cookie-notice #pc-button{
	top: 10px !important;
}

#pc-cookie-notice #pc-button button{
	background: #fff !important;
	cursor: pointer;
}

#pc-cookie-notice #pc-button button:hover{
	background-color: #33ccff !important;
}

/*animation message cookies*/
#pc-cookie-notice{
	-moz-animation-name: Messcookies;
    -moz-animation-iteration-count: 1;
    -moz-animation-timing-function: linear;
    -moz-animation-duration: 0.3s;

    -webkit-animation-name: Messcookies;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
    -webkit-animation-duration: 0.3s;

    animation-name: Messcookies;
    animation-iteration-count: 1;
    animation-timing-function: linear;
    animation-duration: 0.3s;
}


@-moz-keyframes Messcookies {
    0% {
        -moz-transform: translateY(100px);
    }
    100% {
        -moz-transform: translateY(0);
    }
}
@-webkit-keyframes Messcookies {
    0% {
        -webkit-transform: translateY(100px);
    }
    100% {
        -webkit-transform: translateY(0);
    }
}
@keyframes Messcookies {
    0% {
        transform: translateY(100px);
    }
    100% {
        transform: translateY(0);
    }
}
/*fin message cookies*/

/*Rubrique références*/

.slider-references{
	margin:0 0 20px 0;
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}

#content .slider-references ul{
	padding:0;
	clear:both;
}

.slider-references p.nom{
	font-family: 'Exo', sans-serif;
}

.slider-references p.nom,
.slider-references .btSuite{
	display: inline-block;
}

.slider-references p.nom{
	padding:20px 10px 20px 20px;
	margin-bottom:0;
}

.slider-references .btSuite{
	text-align:right;
	padding:20px 20px 20px 10px;
	float:right;
}

.troisBoxColSmall li{
	width:192px;
}

.specials-products{
	display:block;
	width:100%;
	background:#c7c8c9 url(../images/bg-degrade-gris2.jpg) top left repeat-x;
	border:#A6A7A7 1px solid;
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	min-height:190px;
	height: 200px;
	position:relative;
}

.specials-products .nom{
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	text-decoration:none;
	color:#000000;
	padding:20px;
	display: inline-block;
}

/*uniquement pour la page référence*/
#titreDouble{
	display:table;
	border-bottom: #33ccff 1px solid;
	margin-bottom: 20px;
	width:100%;
}

#titreDouble .retour{ display:none;} /* -------ATTENTION PAS REGLO ---------*/
#titreDouble.fiche{ padding-left:0;}

#titreDouble h1{
	border-bottom: none;
	margin-bottom:0;
	display:table-cell;
}

#titreDouble #paginationFiches{
	position:relative;
	display:table-cell;
	top:0;
}

/*Nouvelle fiche references 2017*/

.by-product{
	overflow:hidden;
	margin-bottom: 10px;
}
.bloc-product{
	position: relative;
	float: left;
	width: 107px;
	height: 82px;
	border:1px solid #c2c2c3;
	margin: 0;
	color: #000;
	font-family: "Exo",sans-serif;
	line-height:15px;
	overflow:hidden;
	margin-bottom:10px;
}

.bloc-product:nth-child(odd){
	margin-left:10px;
	
}

a:hover.bloc-product,
.bloc-product.on{
	border-color: #00B4EB;
	color: #fff;
}

.bloc-product span{
	position:absolute;
	display: block;
	bottom: 0;
	width: 100%;
	background: #c2c2c3;
	margin-bottom:0;
	padding: 0 3px;
}

a:hover.bloc-product span,
.bloc-product.on span{
	background: #00B4EB;
	color:#fff;
}

/*bouton général*/
a.overview{
	clear:both;
	background-color:#c2c2c3;
	border: 1px solid #c2c2c3;
	display:table;
	text-decoration:none;
	width: 226px;
}

a.overview img, a.overview span{
	display:table-cell;
	vertical-align:top;
}

a:hover.overview,
a.overview.on{
	background-color:#33ccff;
	border-color:#33ccff;
}

a.overview span{
	font-family: 'Exo', sans-serif;
	font-weight:500;/*medium*/
	text-decoration:none;
	color:#000000;
	padding:10px;
	line-height: 15px;
	text-transform: uppercase;
	display: table-cell;
	vertical-align: middle;
}

a.overview.on span{
	color: #fff;
}

#content ul.infosBase.type{
	color:#000;
	font-weight:bold;
	margin:10px 0;
	text-transform:capitalize;
}

/*légende slider*/
.slider-references .legendphoto{
	background:none;
	color: #58585a;
	font-family: Helvetica, Arial, sans-serif;
	font-size:12px;
	position:relative;
	height:auto !important;
	overflow:visible;
}

.coldroitebig .bloc-lecexpert{
	width:301px;
	margin-right:20px;
	float:left;
}

.coldroitebig .bloc-lecexpert .logo-expert{ left:117px;}

.telechargements-references{
	width:271px;
	float:left;
	margin-top:30px;
}
.telechargements-references a{
	background: url(/static/images/download.png) 0 10px no-repeat;
	color: #058ec6;
	padding: 11px 0 6px 25px;
	display:block;
	margin:0 10px;
	position:relative;
	font-family: 'Exo', sans-serif;
	text-decoration:none;
}

.telechargements-references a:hover{
	color:#000;
	background-position: 0 -91px;
}

/*onglet produit*/
.shadow{
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
}

.shadow .slider-references{
	-webkit-box-shadow: none;
    box-shadow: none;
}

.infos-produits{
	min-height:180px;
	padding:15px;
	overflow: hidden;
}

.infos-produits .photo{
	float:left;
	width:200px;
	height:180px;
	display:table;
	vertical-align:middle;
	text-align:center;
	margin:0 15px 0 0;
}

.infos-produits .photo img{
	width:90%;
	height: auto;
}

.infos-produits .description{
	overflow: hidden;
}

.titre-effet,
.emplacement{
	font-family: 'Exo', sans-serif;
}

.titre-effet span:after,
.emplacement span:after{
	content:"››";
	display:inline-block;
	margin-left:5px;
}

a.ref-voir-produit{
	background-color: #c2c2c3;
	padding: 3px 10px;
	font-family: 'Exo', sans-serif;
	color:#666666;
	text-decoration:none;
	float: right;
}

a:hover.ref-voir-produit{ background-color:#00B4EB; color:#fff;}

.titre-effet{
	font-size:23px;
	color:#000000;
	font-weight: 300;
}

.titre-effet span{ color:#58585a; font-size:12px; font-weight:400;}
/*fin fiche ref*/


div.selector {
   max-width: 100% !important;
}

div.selector span {
   max-width: 100% !important;
}
div.selector{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}
div.selector *{-webkit-box-sizing:border-box;-moz-box-sizing:border-box;box-sizing:border-box}

/*
 * STYLE pour version TEST 2017
 */
 .selection-ies .select-optique{
    display: none;
}
.selection-ies .select-optique.show{
    display: block;
}
.all-products{
    width: 280px;
}
.colcenter {
    float: left;
    width: 391px;
}

.selection-produit,
.selection-ies{
    display: none;
    opacity: 0;
    padding: 20px;
    border:1px solid #09C;
    margin: 0 0 20px 0;
    position: absolute;
    z-index: 1000;
    background-color: #fff;
    -webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    width: 351px;/*391 -40 de padding*/
    left:-412px;
    top:370px;
	min-height: 420px;
    
    transition: opacity 1s ease-in-out;
   -moz-transition: opacity 1s ease-in-out;
   -webkit-transition: opacity 1s ease-in-out;
}
.selection-produit .select-optique{display: none;}
.selection-produit .select-optique.show{display: block;}
.selection-produit.show{
    display:block;
    opacity:1;
}

/*existant*/
.iescomment{
	padding: 5px;
	border: 1px #33CCFF solid;
}
/*affichage de la griffe*/
.simulation h2{
	display:inline-block;
}
.simulation img{
	float:right;
}

/*existant*/
.confirm-optique-link{
	margin-left: 15px;
	margin-right: 0;
}
a.show-config-ies.active{
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	background-color: #00B4EB;
	position: relative;
}

.ies-popin .title{
	font-family: "Exo",sans-serif;
	color:#000;
	margin-bottom: 15px;
	text-transform: uppercase;
	font-weight: 600;
	line-height: 26px;
}

.ies-popin .title.title-after-results{
	margin-bottom:0;
}

.optique-link.checked{
    border: 1px solid #0099cc;
}
.optique-link.checked span{
    background:#0099cc;
    color: #fff;
}

.bloc-configies{
	position: static;/*modil existant supprimer proriété position relactive*/
}

.raz-filters a{
	font-family: 'Exo', sans-serif;
	text-decoration: none;
	float: left;
	line-height: 30px;
	color: #999;
}

.raz-filters a:before{
	content:">> ";
}

.ies-submitc{
	float: right;
}
.ies-popin .colright{
	margin-top: 10px;
}

.ies-results{
	clear:both;
}
/*
 * @florent le 10 mars 2017
 * Camille : .download est désormais dans .sub-photos et non plus dans .mainimg
 */
.sub-photos .download{
    display:block;
    width:19px;
    height:19px;
    float: left;
    background: url(../images/download.png) no-repeat scroll 0px 0px;
    margin-top:10px;
}
.sub-photos a:hover.download{ background-position:0px -101px;}

/*
 * @florent le 10 mars 2017
 * Camille : Cela avait été supprimé à priori mais utile lors de la sélection d'un optique, car un temps de latence est présent, cela permet de patienter
 */

body.wait{
    cursor: wait;
}

/*FICHE PRODUIT 2017 CAMILLE*/

/*remplacer idem que .bloc-product*/
.all-products .one-variant{
	position: relative;
	float: left;
	width: 107px;
	height: 82px;
	border:1px solid #c2c2c3;
	margin: 0;
	color: #000;
	font-family: "Exo",sans-serif;
	line-height:15px;
	overflow:hidden;
	margin-bottom:10px;
}

.all-products .one-variant:nth-child(even){
	margin-left:10px;
	
}

a:hover.one-variant,
.all-products .one-variant.on{
	border:1px solid #00B4EB ;
	color: #fff;
}

.one-variant span{
	position:absolute;
	display: block;
	bottom: 0;
	width: 100%;
	background: #c2c2c3;
	margin-bottom:0;
	padding: 0 3px;
}

a:hover.one-variant span,
.one-variant.on span{
	background: #00B4EB;
	color:#fff;
}

/*picto liste domaine*/
.multidomaine{
	position:relative;
}
#content ul.multidomaine{
	padding-left: 0;
	list-style: none;
	line-height: 16px;
}

.multidomaine img{
	float: left;
	width: 16px;
	margin-right: 8px;
}

.multidomaine span{
	background-color:rgba(255, 255, 255, 0.9);
    border: 1px solid #A6A7A7;
    color: #000000;
    display: none;
	font-family: Helvetica, Arial, sans-serif;
    font-size: 10px;
    right: 101%;
    margin: 0;
    padding: 6px;
    position: absolute;
    /*top: 26px;*/
    top: 0px;
    white-space: nowrap;
    z-index: 2000;
}

/*existant*/
.colgauchesmall a.download-all-products-catalog{
	background-image: none;
	padding: 5px;
}

.colgauchesmall a:hover.download-all-products-catalog{
	background-color: #33ccff;
}

.colgauchesmall .download-all-products-catalog:before{
	content: '';
	display: table;
	background: url(../images/picto-telechargement.png) 0 0px no-repeat;
	width: 13px;
	height:17px;
	float: left;
	margin: 8px 8px 8px 0px;
}

.colgauchesmall a:hover.download-all-products-catalog:before{
	background-position: 0px -74px;
}

/*existant*/
.coldroitebig .documents .items .item a{
	background: url(../images/picto-telechargement.png) 0 11px no-repeat;
}
.coldroitebig .documents .items .item a:hover{
	background-position: 0 -63px;
}

/*au dessus de l'image principale*/
.sub-photos{
	line-height: 32px;
}
.sub-photos a{
	padding-top: 0;/*suppr existant*/
}

.sub-photos a.active{
	background: none;/*suppr existant*/
}

.sub-photos a.active img{
	border-color:#00B4EB; 
}

/*nouveau bouton telecharger*/
.sub-photos a.download{
	background: url(../images/picto-telechargement.png) 0 0 no-repeat;
	width: 13px;
	height:17px;
	margin-top: 8px;
}

.sub-photos a:hover.download{
	background-position: 0 -74px;
}

/*colonne droite*/
#content .pictos ul{
	padding-left:0;
}

.pictos h2{
	color:#555;
	padding-left: 0;
	background-color: #ececec;/*modif existant*/
	padding: 1px 7px;
}

/*pictos encombrement et poids*/
li.picto-encombrement,
li.picto-poids{
	width:100%;
}
li.picto-poids{
	margin-bottom:	10px;
}
.picto-encombrement img,
.picto-poids img{
	width: 12px !important;
	float: left;
	margin-right: 8px;
}

li.picto-longueur-cable{
	width:100%;
}
.picto-longueur-cable img{
	float: left;
	width: 45px;
	margin-right: 8px;
	margin-bottom: 5px;
}

.type ul{
	font-family: "Exo",sans-serif;
}

.fluxmaxi{
	margin-top: 0;/*suppr existant*/
}

a.config-produit-button{
	background-color: #525252;
	padding: 10px;
	color:#fff;
	font-family: "Exo",sans-serif;
	text-transform: uppercase;
	text-decoration: none;
	display: block;
	text-align: left;
}

a:hover.config-produit-button{
	background-color: #00B4EB;
}

a.config-produit-button:before{
	content: ' ';
	background: url(../images/picto-configuration-b.svg) 0 0 no-repeat;
	width: 25px;
	height: 21px;
	display: table;
	float: right;
}

a.config-produit-button.active{
	-webkit-box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
    box-shadow:  0px 0px 5px 2px rgba(0, 0, 0, 0.2);
	background-color: #00B4EB;
	position: relative;
}

a.config-produit-button.active:after{
	content:'';
	background: url(../images/fleche-mini-masque.png) left center no-repeat;
	width:5px;
	height:9px;
	left:-5px;
	position:absolute;
	background-color: #00B4EB;
	
	/*CENTRER EN HAUTEUR*/
	top:50%;
	-webkit-transform: translate(0,-50%);
	-ms-transform: translate(0,-50%);
	transform: translate(0,-50%);
}

/*alimentation et pilotage*/
.pictos-alimentation-left{
	float:left;
	width: 45px;
}

.pictos-alimentation-right{
	float:right;
	width: 155px;
	margin-left: 10px;
}

.pictos-alimentation-right .title-state{
	font-family: 'Exo', sans-serif;
	display: block;
}

.pictos-alimentation-right .title-state:after{
	content: ": ";
	margin-right: 5px;
}

.pictos-alimentation-right div{
	display:inline;
}

.alimentations li.alimentation-voltage-24V{
	border-bottom:1px #cccccc solid;
	padding-top: 5px;
}

.alimentations li.alimentation-voltage-24V img{
	margin-bottom: 5px;
}

.pictos-alimentation-right .title-state strong{
	color: #000;
}

.pictos-alimentation-right .alim-pictos-container div{
	white-space: nowrap;
}
/*Bouton ies*/
.show-config-ies:before{
	text-align: center;
	width: 24px;
	height: 24px;
	border: none;
	font-size: 15px;
	background-color: #fff;
	color:#0099cc;
}

.selection-ies.ies-popin .title:before{
	text-align: center;
	width: 16px;
	height: 16px;
	border: none;
	background-color: #000;
	
	content: ".ies";
	padding: 5px;
	float: left;
	-webkit-border-radius: 50%;
	border-radius: 50%;
	color: #fff;
	margin-right: 10px;
	text-transform: none;
	font-weight: 400;
	line-height: 16px;
}

.selection-produit.ies-popin .title.title-configurateur:before{
	content:' ';
	text-align: center;
	width: 25px;
	height: 25px;	
	float: left;
	margin-right: 10px;
	background: url(../images/picto-configuration.svg ) left center no-repeat;
}


.coldroitebig .bloc-lecexpert .logo-expert{
	left: 0;
	position: relative;
	top: 0;
	float: left;
	margin: 0 10px 10px 0;
}

.coldroitebig .bloc-lecexpert{
	padding: 20px;
	margin: 15px 0;
	width: 351px;
	
}

.retrouvez-articles-symbole{
	font-style: italic;
}

.retrouvez-articles-symbole:after{
	content: ' ';
	background: url(../images/picto-link-lec-expert-pic.png) 0 0 no-repeat;
	width: 10px;
	height: 10px;
	display: inline-block;
}


.pictos img[src="/legende/ecodesign.jpg"]{
	position: absolute;
	right: 0;
	top: 0;
}

/*col droite bloc configurer*/

.bloc-configproduit{
    overflow: visible;
	background-color: #EDEDED;
	margin-top: 12px;
}

#content .pictos-config-produit ul{
	padding:0 10px;
	margin: 0 0 10px 0;
}

.textes-config-produit p{
	padding:10px;
	margin: 0;
}

.pictos-config-produit ul{
	margin-top:	10px;
}
.pictos-config-produit ul li{
	list-style:none;
	display: inline;
	position: relative;
}

.pictos-config-produit img{
	height: 17px;
	width: auto;
}

.pictos-config-produit li span.title{
	display: none;
	top: -9px;
}

/*colonne centrale*/
.mainimg{
	margin-bottom: 30px;
}

/*choix optique*/
.choose-optique-selection{
	width:100%;
	border-spacing: 0;
}
.choose-optique-selection a{
	background-color:#ececec;
	color: #000;
	background-size: 17%;
	border-color:#0099cc;
}

.choose-optique-selection a:hover{
	background-color:#33ccff;
}
.choose-optique-selection a.active{
	background-color: #fff;
	border-bottom:0;
	color: #000;
}

a.confirm-multiple-selection{
	background-color: #0099cc;
	padding: 10px 15px;
	text-align: center;
	color: #fff;
	font-family: "Exo",sans-serif;
	font-size: 14px;
	text-decoration: none;
	line-height: 40px;
}
a:hover.confirm-multiple-selection{
	background-color:#E3F0F7;
	color: #000;
}

.select-optique-ies .clear{
	text-align: center;
}





/*********
Choix optique
*********/
.optique-first-step, 
optique-last-step{
	margin:10px;
}
.select-optique h2{
	text-align: left;
	padding: 0 30px;
}

.your-filters{
	margin:10px 30px;
	background: #eaeaea;
	border: 1px solid #919191;
	padding: 5px;
	display: block;
}

.your-filters .filter span{
	font-weight: bold;
	color: #000;
}

.your-filters .filter{
	display:inline-block;
	margin-right: 20px;
}

.filters-explain {
	padding: 0 30px;
	margin-bottom: 10px;
	
}

.check-all{
	padding: 0 30px;
	margin-bottom: 10px;
	cursor: pointer;
}
/*choix multiple last step*/
.select-optique-ies .optique-last-step .border{
	width: 47.5%;
	display: inline-block;
	padding: 0.5%;
	border: 1px #ececec solid;
	margin: 0.5%;
}

.select-optique .buttons{
	margin: 20px 0;
}

.optique-choose-comment{
	font-weight: 600;
	font-size: 15px;
}

/*boutons de téléchargement fin configu*/

.iesfile a:hover, .explainfile a:hover{
	background-position: 0 -63px;
}

a.download{
	background: url(../images/picto-telechargement.png) 0 11px no-repeat;
	padding: 11px 0 6px 25px;
	display: block;
	margin: 0 10px;
	font-family: 'Exo', sans-serif;
	text-decoration: none;
}

a:hover.download{
	background-position: 0 -63px;
}

.selection-produit a.download{
	margin-bottom: 15px;
}

a.popin-configurateur-geties{
	background-color: #E3F0F7;
	font-family: 'Exo', sans-serif;
	text-decoration: none;
	padding: 5px;
}

a:hover.popin-configurateur-geties{
	background-color: #00B4EB;
}

/*Bandeau cookies 2019*/
.disclaimer{
    position: absolute;
    left: 0;
    width: 350px;
    background: rgba(225,225,225,0.7);
    color: #000;
    padding: 10px;
    text-align: center;
    z-index: 1000;
    top: 170px;
}

.disclaimer a {
    color: #fff !important;
    padding: 5px 10px;
    background: #000;
    margin: 5px;
    display: inline-block;
    text-decoration: none;
}

.disclaimer a:hover {
    background-color: #33ccff;
}

/*animation bandeau cookies*/
.disclaimer{
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
transition: all 0.8s ease;

-webkit-transform: translate(-100%, 0);
-ms-transform: translate(-100%, 0);
transform: translate(-100%, 0);
}
html.loaded .disclaimer{
-webkit-transform: translate(0%, 0);
-ms-transform: translate(0%, 0);
transform: translate(0%, 0);
}

/*TEMPO cacher ancien bandeau cookies*/
#pc-cookie-notice, .grecaptcha-badge{
    display:none;
}

/*picto made in france*/
a.pic_madeinfrance{
    position: absolute;
    top: 9px;
    left: 215px;
    
}

a.pic_madeinfrance img{
    -webkit-transition: opacity 2s; /* Safari */
    transition: opacity 0.5s;
}

a:hover.pic_madeinfrance img{
    opacity: 0.8;
}