/* GENERAL */
body {
	font-family: 'robotoregular', sans-serif;
	font-weight: normal;
	font-size: 1em;
	color: #000;
	margin: 0;
	padding: 0;
	z-index:2;
	background-color: rgba(220,224,226,0.4);
}
/* body.home { background-color: rgba(220,224,226,0.4);} */
body.home { background-color: rgba(253,202,0,1);}
body.commande { background:  url(../TEMPLATE/bkg_commande.png) repeat-x left top rgba(255,198,0,0.05); }
body.contact { background:url(../TEMPLATE/bkg_contact.jpg) center center no-repeat; background-size: cover;}

#background { 
	width: 100%; 
	background: url(../TEMPLATE/bkg_body.png) center top no-repeat;
}
/*
img {
	max-width: 100%;
	height: 100%;
}
*/
a {transition: color .2s linear;}
a:link {
	color: #000;
	text-decoration: none;
}
a:hover {
	color: #a5014f;
	text-decoration: none;
}
a:visited {
	color: #000;
	text-decoration: none;
}

.container{
	width: 100%;
	max-width: 1200px;
	margin: auto;
	padding: 0;
	position: relative;
}
.padding { padding: 20px;}
.padding10 { padding: 10px 0;}

strong, b {font-family: "robotobold", sans-serif; font-weight: normal;}
table { border-collapse: collapse;}
hr { visibility: hidden; clear: both; padding: 0; margin: 0;}
hr.padding5 { padding-top: 5px;}
hr.padding8 { padding-top: 8px;}
hr.padding10 { padding-top: 10px;}
hr.padding20 { padding-top: 20px;}
hr.padding30 { padding-top: 30px;}
hr.padding40 { padding-top: 40px;}
hr.padding60 { padding-top: 60px;}
hr.padding80 { padding-top: 80px;}
hr.padding120 { padding-top: 120px;}
.error { padding: 30px; color: #ed1024; background-color: #ffebef; font-size: 12px; border-radius: 8px; border: solid 1px #ed1024;}
.small { font-size: 0.8em;}
.padding_10 { padding: 10px;}
.padding_20 { padding: 20px;}
.padding_30 { padding: 30px;}
.info_txt { text-align: justify; column-count: 2; column-gap: 30px;	-moz-column-count: 2; -moz-column-gap: 30px; -o-column-count: 2; -o-column-gap: 30px;-webkit-column-count: 2; -webkit-column-gap: 30px;}
.info_txt span.title, .info_txt h2, .info_txt h3 { text-align: left;}
.uppercase {  font-weight: normal; text-transform: uppercase; font-size: 12px; font-family: "robotobold", sans-serif; color:#000000;}
.red { color: #da0024;}
h1.home {font-family: 'BebasNeue' ; font-size: 1.8em; padding: 10px 0; margin: 0; color: #da0024; line-height: 0.8em; }
h1.int {font-family: 'BebasNeue' ; font-size: 4em; padding: 0; margin: 20px 0 0 10px; color: #da0024; line-height: 0.8em; }
h2 {font-family: "roboto_condensedbold", sans-serif; font-weight: normal; color: #da0024; font-size: 2em; margin: 0; line-height: 1em;}
h2.home {font-family: "roboto_condensedbold", sans-serif; font-weight: normal; background-color: #da0024;color: #fff; font-size: 2em; margin: 0; width: 100%; border-radius: 4px;}
h2.home span { padding:10px; display: block; }
h3 {font-family: "roboto_condensedbold", sans-serif; font-weight: normal; color: #da0024; font-size: 1.6em; margin: 0; line-height: 1em; text-transform: uppercase;}
h4 {font-family: "roboto_condensedbold", sans-serif; font-weight: normal; color: #da0024; font-size: 1.2em; margin: 0;}

.table { display: table;}
.table_row { display: table-row;}
.table_cell { display: table-cell;}

#fil_ariane { font-size: 12px; margin: 0 0 0 10px; }
#fil_ariane  a { text-decoration: underline;}

#grenouille { position: absolute; margin: 0 0 0 -170px; background: url(../TEMPLATE/grenouille.png) left top no-repeat; width: 166px; height: 285px; z-index: 999;}

/* HEADER ============================================================ */

#header { height:172px; width: 100%; display: inline-block;}
#header_top { height:65px; width:1200px; display:inline-block; vertical-align: top;}

#header_search_form { height:65px; display: inline-block; width: 40%; float: left; vertical-align: middle;}
#header_search_form #search_container { background-color: #fff; border: solid 1px #666666; height: 52px; display: table-cell; vertical-align: middle; margin-top: 5px; position: relative; float: left; padding: 0 8px;}
#header_search_form input[type=text] { border: none; width: 320px; height: 32px; padding: 8px; font-size: 14px;vertical-align: middle;}
#header_search_form input[type=submit] { width: 36px; height: 36px; background: url(../TEMPLATE/ic_search.png) left top no-repeat; border: none; cursor: pointer;}

#header_phone { height:65px; display: inline-block; width: 30%; background: url(../TEMPLATE/ic_header_phone.png) left center no-repeat #da0024; padding: 0; margin: 0; float: left;}
#header_phone .call { color: #fff; margin-left: 60px; width: 100%; font-size: 12px;}
#header_phone .home_phone a { font-family: 'BebasNeue' ; color: #fff; margin-left: 60px; width: 100%; font-size: 48px; line-height: 38px;}
#header_phone .home_phone a:hover { color: #fdca00; }
#header_devis { height:65px; display:inline-block; width: 30%; background: url(../TEMPLATE/ic_header_devis.png) left center no-repeat; margin: 0; float: left;}
#header_devis .devis { color: #000; margin-left: 50px; width: 100%; font-size: 12px; font-family: 'robotobold';}
#header_devis .home_devis a { font-family: 'BebasNeue' ; color: #fff; margin-left: 50px; width: 100%; font-size: 48px; line-height: 38px;}
#header_devis .home_devis a:hover { color: #da0024;}

#header_bottom { height: 107px; width: 100%; display: table-row; vertical-align: middle;  float: left;}

#logo { width:307px; height:107px; background: url(../TEMPLATE/logo_header.png) left top no-repeat; display: table-cell;float: left;}
#header_icone { display: table; float: right; }
#header_info { display: table-row; }
#header_contact, #header_account, #header_caddie { display: table-cell; vertical-align: middle; height: 107px; /*line-height: 107px */; color: #fff; font-family: 'robotobold'; padding: 0 60px 0 80px; text-align: right;}
#header_contact { background:url(../TEMPLATE/ic_h_contact.png) right center no-repeat; }
#header_contact a.header_email { font-size: 1.2em; color: #da0024;}
#header_contact a.header_email:hover { color: #fff;}

#header_account { background:url(../TEMPLATE/ic_h_account.png) right center no-repeat; }
#header_caddie { background:url(../TEMPLATE/ic_h_caddie.png) right center no-repeat; padding: 0 90px 0 80px;}
#header_contact a, #header_account a, #header_caddie a { color: #424242; vertical-align: middle; display: inline-block; }
#header_contact a:hover, #header_account a:hover, #header_caddie a:hover { color: #fff;}
#header_caddie #caddie_total { width: 60px; height:40px; position: absolute; border: solid 1px #fff; float: right; margin: 0 0 0 153px; text-align: center; font-size: 40px; color: #999; line-height: normal; vertical-align: middle; line-height: 40px;}
#header_caddie a { line-height: 40px;}

/* MENU NAVIGATION ============================================================ */

#menu_nav_top_bloc { width: 100%; background-color: #da0024; border-bottom: solid 1px #fff; z-index: 998;}
#menu_nav_top { width:100%; height: 50px; z-index:10; display: table; border-spacing: 0; position: relative; margin: 0 auto;}
#menu_nav_top ul.ul_menu { margin:0; display: table-row; text-align:center; list-style:none; width: 100%; position: relative; float: left;}
#menu_nav_top ul, #menu_nav ul li { list-style:none; padding:0; margin:0; }
#menu_nav_top ul.ul_menu li { display:table-cell; padding:0; margin:0; text-align:center; vertical-align: middle;}
#menu_nav_top ul.ul_menu li:hover {box-shadow: inset 0px -4px 0px 0px #da0024; background-color: #fff;}
#menu_nav_top ul.ul_menu li a, #menu_nav_top ul.ul_menu li span { padding: 22px 60px; display: block;color:#fff;}
#menu_nav_top ul.ul_menu li span.menu_produit { background: url(../TEMPLATE/ic_menu.png) 10px center no-repeat; }
#menu_nav_top ul.ul_menu li:hover span.menu_produit { background: url(../TEMPLATE/ic_menu_on.png) 10px center no-repeat;}
#menu_nav_top ul.ul_menu li span.menu_contact { background: url(../TEMPLATE/ic_menu_contact.png) 10px center no-repeat; }
#menu_nav_top ul.ul_menu li:hover span.menu_contact { background: url(../TEMPLATE/ic_menu_contact_on.png) 10px center no-repeat;}
#menu_nav_top ul.ul_menu li a.menu_home { background: url(../TEMPLATE/ic_menu_home.png) 10px center no-repeat; font-size: 1em;}
#menu_nav_top ul.ul_menu li:hover a.menu_home { background: url(../TEMPLATE/ic_menu_home_on.png) 10px center no-repeat;}

#menu_nav_top ul.ul_menu li, #menu_nav_top ul.ul_menu li a {  font-size:0.9em;  line-height:1em; font-family:'roboto_condensedregular'; font-weight:400; text-decoration:none; transition:color .2s linear; letter-spacing:normal; margin:0; cursor:pointer; text-transform:uppercase;}
#menu_nav_top ul.ul_menu li a:hover { color:#da0024; transition:color .2s linear;}
#menu_nav_top ul.ul_menu li:hover a, #menu_nav_top ul.ul_menu li:hover span {color:#da0024;}
#menu_nav_top ul.ul_menu li ul.sub_menu { display:none; position:absolute; background-color:rgba(220,224,226,1); padding:5px 0; width:100%; margin-left:auto; margin-top:0; text-align:left; z-index: 11; border: solid 1px #da0024; left:0;}
#menu_nav_top ul.ul_menu li ul.sub_menu li { display:block; padding: 0 10px; text-align:left; text-transform:none; background:none; margin:0; line-height:2.2em; border-right: none; width: 100%; border: none;border-bottom: 1px solid transparent; border-top: 1px solid transparent;}
#menu_nav_top ul.ul_menu li ul.sub_menu li:hover {box-shadow:none;}
#menu_nav_top ul.ul_menu li ul.sub_menu li a { font-size:1em; padding:0; transition:color .2s linear; text-transform:uppercase; line-height:30px; color:#424242; font-family:'roboto_condensedbold';}
#menu_nav_top ul.ul_menu li ul.sub_menu li a:hover { color:#da0024;}
#menu_nav_top ul.ul_menu li ul.sub_menu li.current_tab { background: url(../TEMPLATE/arrow_menu_right_g.png) 350px center no-repeat #fff; display: block; width: 380px;border-bottom: 1px solid #eee; border-top: 1px solid #eee;}

#menu_nav_top ul.ul_menu li ul.sub_menu li ul.sub_menu_tab { position: absolute; top:5px; left:380px; display: none; background-color: #fff; width: 816px; height: 97%; font-size: 1.1em; }
#menu_nav_top ul.ul_menu li ul.sub_menu li ul.sub_menu_tab li.sub_menu_item a { width: 50%; padding: 0 20px; margin: 5px 0 0 0;}
#menu_nav_top ul.ul_menu li ul.sub_menu li ul.sub_menu_tab li.sub_menu_item a:hover { background: url(../TEMPLATE/arrow_menu_right_w.png) right center no-repeat #fdca00;}

.sub_menu_image { position: absolute; right: 30px; top:30px;width:300px; height:300px; display: none;}

#menu_nav_top ul.ul_menu li ul.sub_menu .row_contact { display: inline-block; padding: 5px; position: relative; vertical-align: top; text-transform: none;}
#menu_nav_top ul.ul_menu li ul.sub_menu .row_contact h5 { font-family: "roboto_condensedbold", sans-serif; font-weight: normal; color: #da0024; font-size: 1.6em; margin: 10px 0 20px 0;}
#menu_nav_top ul.ul_menu li ul.sub_menu .row_contact .menu_map, #menu_nav_top ul.ul_menu li ul.sub_menu .row_contact .menu_form, #menu_nav_top ul.ul_menu li ul.sub_menu .row_contact .menu_address { display: inline-block; position: relative; vertical-align: top; border-right: solid 1px #000; padding: 0 10px;  }
#menu_nav_top ul.ul_menu li ul.sub_menu .row_contact .menu_address { border-right: none;}
#contact-us input[type=text], #contact-us input[type=password], #contact-us textarea { width: 320px; font-family: "roboto_condensedregular"; font-size: 14px; padding: 10px; border-radius: 4px; border: solid 1px #eee; display: block; margin: 0 0 10px 0;}
#contact-us .bt_envoyer_menu { width: 300px; height: 40px; background-color: rgba(3,145,76,0.5); border: none; padding: 0; margin: 0; cursor: pointer; display: inline-block; color: #fff; font-size: 18px;font-family: "roboto_condensedbold";text-transform: uppercase;border-radius: 4px;}
#contact-us .bt_envoyer_menu:hover { width: 300px; height: 40px; background-color: rgba(3,145,76,0.8); border: none; padding: 0; margin: 0; color: #fff; cursor: pointer; }
input.state-invalid {  border: 1px solid #e82424; }
em.state-invalid { margin: -10px 0 10px 0; font-size: 12px; color: #e82424; display: block; }

#contact-us #agreement { display: none;}

#info_contact { display: table;}
#info_contact .tel, #info_contact .email { display: table-row;}
#info_contact .ct_icone, #info_contact .ct_info { display: table-cell; vertical-align: middle; padding: 0 10px 10px 0 ;}
#info_contact .ct_info a.ct { font-size: 1.6em; font-family: 'BebasNeue'; width: auto; padding: 0; margin: 0;}
#info_contact .ct_info a.ct:hover { text-decoration: underline;}
/*
#menu_nav_top ul.ul_menu li ul.sub_menu .row_contact .menu_map { width: 400px;}
*/
#menu_nav_top ul.ul_menu li ul.sub_menu .row_contact .form { width: 600px;}
/*
#menu_nav_top ul.ul_menu li ul.sub_menu .row_contact .address { width: 180px; }
*/

#logo_nav { float: right; margin-top: 0; display: none; position: absolute; right:0;}

.sticky { position:fixed; top:0;}

/* CONTENU ============================================================ */

#contenu { display: inline-block; width: 100%; position: relative; }
#contenu_txt { display: inline-block; width: 100%; position: relative;}

/* COL FULL */
#col_full { display: inline-block; vertical-align: top; width: 100%; padding: 20px 0; float: right;}
#col_full p, #col_full li { font-size: 0.9em; font-family: 'roboto_condensedregular', sans-serif;}

/* COL LEFT */
#col_left { display: inline-block; vertical-align: top; width: 190px; padding: 20px 0 150px 0; font-size: 0.8em;}

/* COL RIGHT */
#col_right { display: inline-block; vertical-align: top; width: 990px; padding: 20px 0; float: right;}
#col_right p, #col_right li { font-family: 'roboto_condensedregular', sans-serif;}

/* LISTING HOME */
.categorie_home { width: 100%; font-size: 1em; text-align: left; display: table; table-layout: fixed; border-spacing: 0; margin-left: 0; }
.categorie_home .fiche_ligne { display: table-row;}
.categorie_home .fiche { display: table-cell; font-size: 1em; text-align: left; vertical-align: top; position: relative; width: 20%;}

.categorie_home .fiche .image_bloc { height: 360px; border: solid 1px #9a9a9a; background-color: #fff; overflow: hidden; position:relative; display: block;}
.categorie_home .fiche .image_bloc img { position: absolute; height:100%; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; }

.categorie_home .fiche .title_home, .categorie_home .fiche .title_home a { font-family: 'BebasNeue', sans-serif; font-size: 26px; color: #da0024; margin-bottom: 5px; display: block; text-transform: uppercase; line-height: 1em; width: 100%;}
.categorie_home .fiche .title_home a:hover { color:#740013;}
.categorie_home .fiche:hover .image_bloc { border: solid 1px #bb0221;}
.categorie_home .fiche .resume { display: block; border: solid 1px transparent; }
.categorie_home .fiche .resume p { margin: 4px 0; padding: 0;font-size: 0.7em;}
.categorie_home .fiche .more { float: right; width: 32px; height: 34px; display: block; background: url(../TEMPLATE/arrow_more_anim2.png) left top no-repeat; position: absolute; top: 320px; right: 30px;}
.categorie_home .fiche:hover .more {background: url(../TEMPLATE/arrow_more_anim2.png) left -34px no-repeat;}

/* LISTING SOUS-CATEGORIE */
.categorie_home .fiche .title { font-family: 'BebasNeue', sans-serif; font-size: 1.2em; color: #da0024; margin-bottom: 10px; display: inline-block; text-transform: uppercase; line-height: 30px;}

/* LISTING */
.categorie { width: 100%;font-size:0; text-align: left; display: table; table-layout: fixed; border-spacing: 0; margin-left: -10px;}
.categorie .fiche_ligne { display: table-row;}
.categorie .fiche { display: table-cell; border: solid 1px #eee; font-size: 16px;text-align: left; vertical-align: top; position: relative;border-radius: 6px; width: 25%;}
.categorie .fiche:hover {border: solid 1px #da0024; }
.categorie .fiche .image_bloc { border-radius: 4px;}

.categorie .fiche .image { transition: all .2s ease-in-out;}
.categorie .fiche .image_bloc { height: 280px; background-color: #fff; overflow: hidden; position:relative; display: block;}
.categorie .fiche .image_bloc img { position: absolute; width:100%; top: -9999px; bottom: -9999px; left: -9999px; right: -9999px; margin: auto; }

.categorie .fiche .title, .categorie .fiche .title a {font-family: 'roboto_condensedbold', sans-serif; font-size: 20px; color: #da0024; margin-top: 10px; display: inline-block; text-transform: uppercase; line-height: 22px;}
.categorie .fiche .title a:hover {color: #740013; }
.categorie .fiche .resume { display: block; border: solid 1px transparent; height: 160px; font-size: 0.8em;}
.categorie .fiche .more { float: right; width: 32px; height: 34px; display: block; background: url(../TEMPLATE/arrow_more_anim.png) left top no-repeat; position: absolute; bottom: 20px; right: 20px;}
.categorie .fiche:hover .more {background: url(../TEMPLATE/arrow_more_anim.png) left -34px no-repeat;}

/* FICHE PRODUIT */
.produit_fiche .title { display: table; width: 100%; margin: 20px 0; }
.produit_fiche h1 {font-family: "roboto_condensedbold", sans-serif; font-weight: normal;font-size: 40px; color:#da0024; width: 100%; line-height: 40px; display: table-cell; margin: 0; padding: 0; vertical-align: top; /* text-transform: uppercase; */}
/*
.produit_fiche .col_prix {  float: right; padding: 0; display: table-cell;margin-top: -40px;}
.produit_fiche .col_prix span {font-family: 'BebasNeue' ; color: #da0024; font-size: 18px; line-height: 18px; display: block; vertical-align: top; text-align: right;;}
.produit_fiche .col_prix div.prix {font-family: 'BebasNeue' ; color: #da0024; font-size: 90px; line-height: 80px; display: inline-block;  vertical-align: top; letter-spacing: -2px;}
.produit_fiche .col_prix div.euro {font-family: 'BebasNeue' ; color: #da0024; font-size: 42px; line-height: 35px; display: inline-block;  vertical-align: top;}
.produit_fiche .col_prix div.mode_prix {font-family: 'BebasNeue' ; color: #da0024; font-size: 32px; line-height: 52px; display: inline-block;  vertical-align: bottom; margin-left: -10px;}
*/
.produit_fiche .col_prix {  float: left; padding: 0; display: table-cell;margin-top: 0;}
.produit_fiche .col_prix span {font-family: 'BebasNeue' ; color: #000; font-size: 18px; line-height: 18px; display: block; vertical-align: top; text-align: right;}
.produit_fiche .col_prix div.prix {font-family: 'BebasNeue' ; color: #000; font-size: 90px; line-height: 80px; display: inline-block;  vertical-align: top; letter-spacing: -2px;}
.produit_fiche .col_prix div.euro {font-family: 'BebasNeue' ; color: #000; font-size: 42px; line-height: 35px; display: inline-block;  vertical-align: top;}
.produit_fiche .col_prix div.mode_prix {font-family: 'BebasNeue' ; color: #000; font-size: 32px; line-height: 52px; display: inline-block;  vertical-align: bottom; margin-left: -10px;}
.contenu_int { margin-left: 10px;}

/* .produit_fiche .col_image{ display: inline-block; vertical-align: top; width: 360px; padding: 0;} */
.produit_fiche .col_image{ display: inline-block; vertical-align: top; width: 560px; padding: 0;}
.vignette_produit {width:130px; display: inline-block; vertical-align: top; margin-right:10px; padding: 0;}
.vignette_produit img {border: solid 1px #999;}
.active img{ border:1px solid #b40519 !important;}

span.souris { background:url(../TEMPLATE/mouse.png) left top no-repeat; background-size: contain; padding-left: 30px; color:#828080; font-style: italic;}
span.souris_click { background:url(../TEMPLATE/mouse_click.png) left top no-repeat; background-size: contain; padding-left: 30px; color:#828080; font-style: italic;}

.produit_fiche .col_right { display: inline-block; vertical-align: top; width: 600px; padding: 0; float: right; text-align: left; color: #303030; }
.produit_fiche .col_right .selection { background-color: #f9de7f; display: inline-block; width: 100%;font-family: 'roboto_condensedbold', Arial, Verdana, Sans-Serif; font-size: 18px; color:#545454;}
.schema_produit { width: 100%; /* background-color: #fff; */ text-align: center;}

.more_info_bloc { padding: 30px; margin: 0; background-color: rgba(255,255,255,0.8); position: relative;}
h1.more_info {font-family: "roboto_condensedbold", sans-serif; font-weight: normal; font-size: 1.8em; color:#da0024; width: 65%; line-height: 1em; display: table-cell; margin: 0; padding: 0 0 20px 0; vertical-align: top; text-align: left; /* text-transform: uppercase; */}
h2.more_info {font-family: "roboto_condensedbold", sans-serif; font-weight: normal; font-size: 1.8em; color:#da0024; width: 65%; line-height: 1em; display: table-cell; margin: 0; padding: 0 0 20px 0; vertical-align: top; text-align: left; /* text-transform: uppercase; */}
.more_info { text-align: justify; column-count: 2; column-gap: 30px;	-moz-column-count: 2; -moz-column-gap: 30px; -o-column-count: 2; -o-column-gap: 30px;-webkit-column-count: 2; -webkit-column-gap: 30px; vertical-align: top; }
.more_info p { margin-top: 0; font-size: 0.8em;}
.more_info h2 { margin-bottom: 20px; text-align: left; font-size: 1.4em;}
.illus_securite { float: right; position: absolute; right:10px; top:12px; border: solid 1px #acacac;}
.illus_securite img { display: block; padding: 0; margin: 0;}

#bouton_commander_no { opacity: 0.4; background: url(../TEMPLATE/bt_commander.png) left top no-repeat; display: block; width: 125px; height: 88px; cursor: auto; position: absolute; float: right; left: 430px; top: 5px;}
#bouton_commander { display: none;}
#commander_produit { display: inline-block; position: relative; width: 100%}
/*
#commander_produit p.all_pdt { padding: 20px 60px 20px 30px; border: solid 1px #949494; display: inline-block; margin: -10px 0 0 0; border-radius: 4px; background-image: url(../TEMPLATE/arrow_down_w.png), linear-gradient(#e00000, #a70202); background-repeat: no-repeat; background-position: right center; cursor: pointer; font-size: 1.2em; float: right; }
#commander_produit p.all_pdt:hover { background-image:  url(../TEMPLATE/arrow_down_b.png), linear-gradient(#a70202, #730101); background-repeat: no-repeat; background-position: right center;}
*/
/*
#commander_produit p.all_pdt { padding: 20px 30px 20px 40px; border: solid 1px #949494; display: inline-block; margin: -150px 0 0 280px; border-radius: 4px; background-image: url(../TEMPLATE/arrow_down_w.png), linear-gradient(#00b8bf, #008a8f); background-repeat: no-repeat; background-position: left center;cursor: pointer; float: left;}
#commander_produit p.all_pdt:hover { background-image:  url(../TEMPLATE/arrow_down_b.png), linear-gradient(#00b8bf, #008a8f); background-repeat: no-repeat; background-position: left center;}
*/
#commander_produit p.all_pdt { padding: 20px 30px 20px 40px; border: solid 1px #949494; display: inline-block; margin: -150px 0 0 280px; border-radius: 4px; background-image: url(../TEMPLATE/arrow_down_w.png), linear-gradient(#009136, #006b28); background-repeat: no-repeat; background-position: left center;cursor: pointer; float: left;}
#commander_produit p.all_pdt:hover { background-image:  url(../TEMPLATE/arrow_down_b.png), linear-gradient(#006b28, #01501e); background-repeat: no-repeat; background-position: left center;}
#commander_produit p.all_pdt a {font-family: 'roboto_condensedregular', sans-serif; color:#fff; font-size: 1.2em;}

#commander_produit p.all_pdt a:hover {color:#fff;}
#commander_produit p.all_pdt:hover a {color:#fff;}
#commander_produit p.all_pdt span.icone { width: auto; height: 50px; display: inline-block; vertical-align: middle; border: solid 1px #eee; margin-right: 10px; padding :0; background-color: #fff;}
#commander_produit p.mode_paiement  { width: 100%; display: table; margin: 20px 0 0 0;}
#commander_produit p.mode_paiement  span { display: table-cell;}
#commander_produit p.mode_paiement  img { display: table-cell; text-align: right;}
#commander_produit .bt_commander { position: absolute; float: right; left: 430px; top: 5px;}
#commander_produit button { border: none; background: url(../TEMPLATE/bt_commander.png) left top no-repeat; display: block; width: 125px; height: 88px; cursor: pointer;}
#commander_produit button:hover { border: none; background: url(../TEMPLATE/bt_commander.png) left -88px no-repeat; display: block }

.produit_fiche .col_right .plus_produit { background-color: rgba(218,0,36,1); display: inline-block; width: 100%;font-family: 'roboto_condensedregular', Arial, Verdana, Sans-Serif; font-size: 18px; color:#fff;}
.produit_fiche .col_right .plus_produit span.title {font-family: 'BebasNeue' ; color: #fff; font-size: 30px; line-height: 30px; display: block; vertical-align: top; text-align: left; margin: 0}
.produit_fiche .col_right .plus_produit ul { padding: 0; margin: 0 0 0 20px;}
.produit_fiche .col_right .plus_produit ul li {list-style-image : url(../TEMPLATE/li_square.png); }

.conformite { display: table; width: 100%;}
.conformite div.row { display: table-row; width: 100%;}
.conformite div.icone { display: table-cell; width: 60px; }
.conformite div.icone_tab { display: table-cell; width: 100px; font-size: 0.8em; }
.conformite div.texte { display: table-cell; font-family: 'roboto_condensedregular', sans-serif; font-size: 14px; line-height: 53px; vertical-align: middle; }
.conformite div.texte span.conformite { display: table-cell; font-family: 'roboto_condensedregular', sans-serif; font-size: 14px; vertical-align: middle; }
.conformite div.texte span.conformite span.norme { display: inline-block; vertical-align: middle; line-height: 1.4em; margin-top: -4px;}
.conformite div.texte strong { font-family: 'roboto_condensedbold', sans-serif; font-weight: normal; }
.conformite div.note { display: table-cell; font-family: 'roboto_condensedregular', sans-serif; font-size: 16px; width: 100%; }

/* TABLEAU PRIX */
div.tab_produit { display: table; width: 100%;}
div.tab_produit_row { display: table-row; width:100%;}
div.titre_tableau_reference { display: table-cell; font-family: 'roboto_condensedbold', Arial, Verdana, Sans-Serif; font-size: 20px; color: #da0024; padding: 10px 0; text-transform: uppercase;}
div.tab_produit_cell { display: table-cell; width: 100%;}
div.tableau_produit { display: table; width: 100%; }
div.tableau_produit_row { display: table-row; margin: 2px 0;}
div.tableau_produit_row_w { display: table-row; background-color: #fff;}
div.tableau_produit_cell { display: table-cell; vertical-align: middle; text-align: center; font-size: 14px; font-family: 'roboto_condensedlight', Arial, Verdana, Sans-Serif; padding: 4px;}
div.tableau_produit_cell:last-child { width: 70px; text-align: right;}
div.info { margin: 4px 0; cursor: pointer; border: solid 1px transparent;}
div.info:hover {background-color: #f9ce00; outline: solid 1px #b40519;}
div.white {background-color: #fff;}
div.yellow { background-color: #ffe16b;}
div.produit_stock { width: 50px; background-color: #b3d6c7; text-align: center; font-family: 'roboto_condensedbold', Arial, Verdana, Sans-Serif; }
div.highlight { background-color: #f9ce00; outline: solid 1px #b40519;}

div.caddie_title_full {padding: 4px; font-size: 9px; text-align: center; text-transform: uppercase; font-family: 'roboto_condensedbold', Arial, Verdana, Sans-Serif; display: table-cell;}
div.caddie_title_full .description { font-family: 'roboto_condensedlight', Arial, Verdana, Sans-Serif; text-transform: none; font-size: 12px; line-height: 12px;}
div.caddie_title_full:first-child {text-align: left; width: 50px;}
div.caddie_title_full:last-child {text-align: left; width: 70px;}
div.caddie_title_full b, div.caddie_title_full strong { font-family: 'roboto_condensedbold'; font-weight: normal; font-size: 14px;}
div.caddie_title_prix {padding: 4px; font-size: 9px; text-align: right; text-transform: uppercase; font-family: 'roboto_condensedbold', Arial, Verdana, Sans-Serif; width: 100px;  }
divcaddie_title_prix span { display:block; }
div.caddie_title_prix b, td.caddie_title_prix strong { font-family: 'roboto_condensedbold'; font-weight: normal; font-size: 20px;}
div.caddie_title_prix .prix_ht { color:#b40519;}
div.caddie_title_prix .prix_ttc { font-size: 10px; margin-top:0; display: block; line-height: 9px;}
div.caddie_title_prix .prix_ttc a.devis { font-size: 12px; margin-top:-25px; display: block; line-height: 9px;}

div.table_reference { display: table; width: 97%; background-color: #f3f3f3; border-collapse: collapse;font-size: 10px}
div.table_reference_row { display: table-row;}
div.table_reference_title, div.table_reference_cell { display: table-cell; text-align: center; border:solid 1px #000; padding: 6px; vertical-align: middle;}
div.table_reference_title {font-family: 'roboto_condensedbold'; font-weight: normal; text-transform: uppercase; }
div.table_reference_cell {font-family: 'roboto_condensedlight', Arial, Verdana, Sans-Serif;}

div.table_cell_panier { width: 60px; text-align: center;}

.ajouter_panier_full { display: inline-block; width: 60px; height: 40px; padding: 0; border-radius: 3px; border: solid 1px #3d3d3d; position: relative; margin: auto 0;opacity: 0.4;} 
div.info:hover .ajouter_panier_full { display: inline-block; width: 60px; height: 40px; padding: 0; border-radius: 3px; border: solid 1px #3d3d3d; position: relative; margin: auto 0;opacity: 1;} 
div.highlight .ajouter_panier_full { display: inline-block; width: 60px; height: 40px; padding: 0; border-radius: 3px; border: solid 1px #3d3d3d; position: relative; margin: auto 0;opacity: 1;} 

.ajouter_panier_full input[type=submit] { width: 60px; height: 40px; padding:0; margin: 0; line-height: 20px; vertical-align: middle; text-align: center; background: url(../TEMPLATE/ic_panier.png) right top no-repeat; border: 0; cursor: pointer;}
.ajouter_panier_full input[type=submit]:hover { width: 60px; height: 40px; padding:0; margin: 0; line-height: 20px; vertical-align: middle; text-align: center; background: url(../TEMPLATE/ic_panier.png) right -40px no-repeat; border: 0; cursor: pointer;}
.ajouter_panier_full input[type=submit] { font-family: "roboto_condensedbold", Gadget, sans-serif; font-size:20px;  text-transform: uppercase; color: #fff; text-shadow: 1px 1px #3d3d3d;  }
.ajouter_panier_full:hover { background-image:linear-gradient(#24bc28, #138b15 );}
.ajouter_panier_full:hover input[type=submit] { color: #fff;} 
.ajouter_panier_full:active { background-color: #d70228;}

/* CONTACT */
#contact_form { width: 100%; display: inline-block;}
#contact_form fieldset { padding:6px; border: none; }
#contact_form legend {font-family: "roboto_condensedregular"; font-weight: bold; font-size: 20px; }
#contact_form label {padding:6px; display: inline-block; width: 320px; text-align: right; vertical-align: top;font-family: "roboto_condensedbold", sans-serif; }
#contact_form label:after { content:' *';}
#contact_form label.facultatif {padding:6px; display: inline-block; width: 320px; text-align: right; vertical-align: top;font-family: "roboto_condensedregular", sans-serif; }
#contact_form label.facultatif:after { content:'' }
#contact_form label.newsletter {padding:6px; display: inline-block; width: 400px; text-align: right; vertical-align: top; }
#contact_form label.title {padding:6px; display: inline-block; width: 160px; text-align: right; vertical-align: top; }
#contact_form input[type=text], #contact_form input[type=password],#contact_form textarea { width: 300px; font-family: "roboto_condensedregular"; font-size: 14px; padding: 10px; border-radius: 4px; border: solid 1px #eee;}
#contact_form #captcha { margin-left: 200px;}
#contact_form textarea { height: 100px;}

/* DEVIS */
#fiche_devis { background: url(../TEMPLATE/bkg_fiche_devis.png) left top repeat-x; width: 950px; height:124px; margin-bottom: 20px; float: left; text-align: center;}
#illus_fiche_devis { height:84px; margin-bottom: 20px; padding-top: 40px; background: url(../TEMPLATE/illus_fiche_devis.png) left top no-repeat; color: #fff; }
#fiche_devis p { font-family: 'open_sanslight', Arial, Verdana, Sans-Serif; font-size:13px; line-height: 13px; color:#fff;}
#fiche_devis span.title { margin-top:60px;color:#ffffff; text-transform: uppercase; font-family: "roboto_condensedbold", Gadget, sans-serif; font-size:25px;}
#fiche_devis p a, #fiche_devis p a:hover {color:#fff;}
#fiche_devis:hover p a {color:#fff;}
#fiche_devis:hover {background: url(../TEMPLATE/bkg_fiche_devis.png) left -124px repeat-x;}
#fiche_devis:active {background: url(../TEMPLATE/bkg_fiche_devis.png) left -248px repeat-x;}
#caracteristique_devis { display: none;}
#mon-devis .title_devis { display: table; height: 34px; vertical-align: middle;}
#mon-devis .title_devis .title_num { display: table-cell; vertical-align: middle; height: 34px; color: #da0024; font-size: 24px; padding-left: 6px;font-family: "roboto_condensedbold", Gadget, sans-serif;}
#mon-devis .title_devis .num {border-radius: 34px; background: #da0024; display: table-cell; width: 34px; height: 34px; text-align: center; float: left; margin-bottom: }
#mon-devis .title_devis .num p { display: table-cell; height: 34px; width: 34px; vertical-align: middle; font-family: "roboto_condensedbold", sans-serif; font-size: 24px; color: #fff; }
#devis_nav .home_devis {width: 154px; height:200px; display: inline-block; vertical-align: top; margin: 14px; position: relative; text-align: center;}
#devis_nav .icone_devis {width: 154px; height:160px; border: solid 1px #2d2d2d; position: relative;}
#devis_nav .icone_devis img {position:absolute; margin: 0; padding: 0; z-index: 705}
#devis_nav .icone_devis .masque {width: 154px; height:60px; position: absolute; background: url(../TEMPLATE/bkg_vitrine.png) left top; margin-top: 100px; }
#devis_nav .icone_devis .link_devis { cursor: pointer; position: absolute; width: 140px; text-align: center; display: table; margin: 100px 0 0 7px; height: 60px; vertical-align: middle; }
#devis_nav .icone_devis .link_devis span {display: table-cell; color: #000; text-align: center; text-transform: uppercase; vertical-align: middle; line-height:20px;font-family: "BebasNeue", sans-serif; font-size: 24px;}
#devis_nav .icone_devis .link_devis:hover span { color: #ffd200;}
#devis input[type=submit] { padding: 6px 60px; margin: 0; line-height: 34px; vertical-align: middle; text-align: center; border: 0;background-color: #00a756;}
#devis input[type=submit] { font-family: "roboto_condensedbold", Gadget, sans-serif; font-size:16px;  text-transform: uppercase; color: #ffffff;  }
#devis input[type=submit]:hover { color: #fff ;background-color: #008344;}
#devis input[type=submit]:active { background-color: #03914c;}
#devis {font-family: "roboto_condensedregular";}
#devis fieldset { padding:6px; border: none; }
#devis legend {font-family: "roboto_condensedregular"; font-weight: bold; font-size: 20px; }
#devis label {padding:6px; display: inline-block; width: 320px; text-align: right; vertical-align: top; font-family: "roboto_condensedregular";}
#devis label.droite {padding:6px; display: inline-block; width: auto; text-align: right; vertical-align: top; font-family: "roboto_condensedregular";}
#devis label strong {font-family: "roboto_condensedbold", sans-serif;}
#devis label.newsletter {padding:6px; display: inline-block; width: 400px; text-align: right; vertical-align: top; }
#devis label.title {padding:6px; display: inline-block; width: 160px; text-align: right; vertical-align: top; }
#devis #niveau_2 {padding:0; display: inline-block; }
/* #devis label.niveau_2 {padding:6px; display: inline-block; width: 200px; text-align: left; vertical-align: top; font-family: "roboto_condensedregular";} */

#devis .title_type_devis { font-family: 'BebasNeue' ; font-size: 30px; margin-left: 300px; }
#devis input[type=text], #contact_form input[type=password],#devis textarea { width: 300px; font-family: "roboto_condensedregular"; font-size: 16px; padding: 10px; border-radius: 4px; border: solid 1px #eee;}
#devis #captcha { margin-left: 200px;}
#devis textarea { height: 100px;}
.bt_envoyer { width: 360px; height: 60px; background-color: rgba(3,145,76,0.5); border: none; padding: 0; margin: 0; cursor: pointer; display: inline-block; color: #fff; font-size: 18px;font-family: "roboto_condensedbold";text-transform: uppercase;}
.bt_envoyer:hover { width: 360px; height: 60px; background-color: rgba(3,145,76,0.8); border: none; padding: 0; margin: 0; color: #fff; cursor: pointer; }
input[type=radio].css-checkbox { display:none; }
input[type=radio].css-checkbox + label.css-label { padding-left:30px; height:24px; display:inline-block; line-height:24px; background-repeat:no-repeat; background-position: 0 0; font-size:12px; vertical-align:middle; cursor:pointer; }
input[type=radio].css-checkbox:checked + label.css-label { background-position: 0 -24px; }
label.css-label { background-image:url(../TEMPLATE/checkbox.png); -webkit-touch-callout: none; -webkit-user-select: none; -khtml-user-select: none; -moz-user-select: none; -ms-user-select: none; user-select: none; }

a.bouton_inline { padding: 4px 40px; vertical-align: middle; text-align: center; border: 0; margin:10px 0; border: solid 1px #000; text-transform: uppercase; font-size: 18px;}
a.bouton_inline:hover { color: #fff; background-color: #00a756; border: solid 1px #007e41;}

/* RECHERCHE */
.recherche_title {font-family: "roboto_condensedbold", serif; font-size: 18px; font-weight: normal; margin: 0; color: #da0024; display: inline-block; padding: 6px 20px; width: 100%; background-color: #eee;}
.recherche_resultat { display: table; position: relative; width: 100%; padding-bottom: 20px;}
.recherche_row { display: table-row; width: 100%}
.recherche_image, .recherche_info { display: table-cell; vertical-align: top; position: relative;}
.recherche_image { width: 120px;}

div.bt_voir { background-color: #da0024; padding: 6px 30px; font-size: 14px; border-radius: 20px; float: right; position: absolute; bottom: 0; right:30px; }
div.bt_voir:hover { background-color:#a2031d ; }
div.bt_voir a {font-family: "robotobold"; color: #fff; font-size:14px;}
div.bt_voir a:hover {color: #fdca00;}

/* BARRE NAV RECHERCHE */
#nav_recherche { width: 100%; text-align: center;}
#nav_recherche .pagination a, #nav_recherche .pagination span  { border: solid 1px #6a0634; width: 48px; height:48px; text-align: center; vertical-align: middle; margin: 0; display: inline-block; line-height: 48px; }
#nav_recherche .pagination .precsuiv { border: none; background: url(../TEMPLATE/gauche_on.png) center center no-repeat; width: 48px; height:48px;}
#nav_recherche .pagination .first { border: none; background: url(../TEMPLATE/gauche_on_full.png) center center no-repeat; width: 48px; height:48px;}
#nav_recherche .pagination .last { border: none; background: url(../TEMPLATE/droite_on_full.png) center center no-repeat; width: 48px; height:48px;}
#nav_recherche .pagination .next { border: none; background: url(../TEMPLATE/droite_on.png) center center no-repeat; }
#nav_recherche .pagination .current  { border: solid 1px #6a0634; width: 48px; height:48px; text-align: center; vertical-align: middle; margin: 0; display: inline-block; line-height: 48px; color:#fff; background-image:linear-gradient(#de0067, #880240);}
#nav_recherche .pagination .inactif {opacity: 0.4;}

/* FOOTER */
/* #footer { width: 100%; background-color: #fdca00; padding: 0; font-size: 12px;} */
#footer { width: 100%; background-color: #fff4cc; padding: 0; font-size: 12px;}
#signature { }
#signature .footer_sep { display: inline-block; width: 18px;}
#signature .footer_col { width: 289px; display: inline-block; vertical-align: top; text-align: justify;}
#signature .footer_col .info_phone { background-color: #da0024; border-bottom-left-radius: 8px; border-bottom-right-radius: 8px; color: #fff; text-align: center; padding: 0 0 10px 0;}
#signature .footer_col .info_phone img { margin-top: -139px;}
#signature .footer_col .info_phone p { padding: 0 20px; font-family: 'robotoregular', sans-serif; font-size: 12px; margin: 0;}
#signature .footer_col .info_phone .home_phone a {font-family: 'BebasNeue' ; color: #fff; font-size: 40px; background: url(../TEMPLATE/ic_info_phone.png) left center no-repeat; padding: 0 0 0 40px; line-height: 50px; vertical-align: middle;}
#signature .footer_col .info_phone .home_phone a:hover { color: #fdca00;}
#signature .footer_col .adresse { font-size: 16px;}
#signature .footer_col .title { color: #da0024; font-family: "roboto_condensedbold", Gadget, sans-serif; font-size:18px;}

#signature .footer_col_double { display: inline-block; width: 570px; padding-top: 20px; font-size: 16px; text-align: left;}
#signature .footer_col_double h1, #signature .footer_col_double h2 { color: #da0024; font-family: "roboto_condensedbold", Gadget, sans-serif; font-size:1.4em; text-align: left; /* text-transform: uppercase; line-height: 20px;*/ font-weight: normal; margin: 0;}
#signature .footer_col_double h1 { font-size: 1.8em; line-height: 1em;}
#signature .footer_col_double p { text-align: justify; font-size: 0.8em;}
#signature .footer_col_double ul li { font-size: 0.8em;}

.info_footer img {
	margin-left: -54px;
}

#legal { background-color: #da0024; color:#fff; font-size: 14px;}
#legal p { margin: 0; padding: 0;}
#legal a { color: #fff;}
#legal a:hover { color: #000;}

#legal { background-color: #da0024; color:#fff; font-size: 14px;}
#legal span.tiret { padding: 0 10px;}
/* COOKIE */
#cookie-msg {width:100%;line-height:40px;color:#F7F7F7;font-weight:normal;text-align:left;display:none;min-width:1200px;background:#000;position:fixed;bottom:0;z-index:9999;}
#cookie-msg-inner {width:1200px;margin:0 auto;overflow:hidden;}
#cookie-msg-inner a {color: #fff;}
#cookie-msg-inner a:hover {color: #00a656;}
#cookie-msg-inner span {float:left;display:inline;}
#cookieClose {float:right;display:inline;cursor:pointer;background:#fdca00;line-height:24px;margin-top:7px;border:1px solid #ffffff;border-radius:3px;padding:0 8px;font-weight:700;color:#FFF;box-shadow:0 0 1px #FFF inset;}
#cookieClose:hover {background:#da0024;}