/* CSS Document */
/* GLOBAL */
@import url(http://fonts.googleapis.com/css?family=Source+Sans+Pro);
body, html {margin:0; padding:0; width:100%; height:100%;}
body { margin:0; padding:0; text-align:center; font-family: 'Source Sans Pro', sans-serif;font-size:14px; color:#666666;background: url('/images/background.jpg') no-repeat fixed center top; }
form { margin:0; padding:0;}
input{  font-size:13px; padding:1px;}

.formulaire { font-size:13px; border:1px solid #e65912; padding:3px;}
.formulaire_big {  font-size:16px; border:1px solid #e65912;font-weight:bold; }
/*
.highlight{ background-color:#FEB585; font-weight:bold; color:#FFFFFF;}
.highlight a{ font-weight:bold; color:#FFFFFF; text-decoration:none;}
.highlight a:hover{font-weight:bold; color:#FFFFFF; text-decoration:none;}*/

.highlight{ background-color:#FD8333; font-weight:bold; color:#FFFFFF;}
.highlight a{ font-weight:bold; color:#FFFFFF; text-decoration:none;}
.highlight a:hover{font-weight:bold; color:#FFFFFF; text-decoration:none;}



.promotion{font-weight:bold; color:#E62329;}
.tab_link{display:block; height:25px;  text-decoration:none; line-height:25px; color:#666666;}
.tab_link:hover{background-color:#e65912; text-decoration:none; color:#FFFFFF;}
/*.tab_link span{display: none;}
.tab_link:hover span{display: block; background:#ebebeb;position: absolute;z-index:24; top:26px; left:90px; width:160px;border-top:1px solid #e65912; border-left:5px solid #e65912; border-right:1px solid #e65912; border-bottom:1px solid #e65912; font-size:9px;background-color:#ebebeb; line-height:9px; color:#333333;text-align: center;padding:3px;}
*/
table.bordure {border:1px solid #e65912;}
th { font-size:13px; font-weight:bold;}
th.title { font-size:22px; font-weight:bold;color:#fff; background-color:#e65912; text-align:left; padding-left:20px;}
td { font-size:13px; font-weight:normal;}

#rezo8 { margin:0 auto; padding:0; width:965px; }

#header { margin:0 auto; padding:0; width:965px; height:127px; background: url(/images/header.png) no-repeat center top; text-align:left;position:relative; }
#header span { display:none; }
#header a { text-decoration:none; color:#ffffff;}
.hotline {font-size:2.5em; color:#e65912;font-weight:bold;position:absolute; right:30px; bottom:10px;width:300px; height:40px;text-align:right;}
.hotline_info {font-size:0.7em; color:#333;font-weight:normal;position:absolute; right:30px; bottom:5px;width:300px; height:10px;text-align:right;}
#header a:hover { text-decoration:none; color:#ffffff;}
#logo{ float:left; margin:0; padding:0; width:300px; height:127px; background:url(/images/transparent.png) repeat top left; text-align:left; }
#logo a{ display:block; margin:0; padding:0; width:300px; height:104px; }
#banniere_bandeau {float:right; text-align:right;width:710px; height:100px;}
#menubar { margin:0; padding:0; width:965px!important; width:965px; height:40px; background-color:#e65912;  }
.gabando { float:left; display:block; width:465px;height:100px; margin: 0 0 0 0;}
.gabando span{ display:none; }
#toolbar { margin:0; padding:0; width:955px; height:33px; background-color:#F1F1F1; text-align:right; color:#333333; }
#toolbar p { float:right; margin:9px 5px 0 0; padding:0; font-weight:bold; font-size:10px; line-height:13px;}
#toolbar a { text-decoration:none; color:#000000;}
#toolbar a:hover { text-decoration:underline; color:#666666;}

#search_form {float:left;margin:4px 2px; padding:0; width:470px; font-size:12px; height:32px;position:relative;border-right: 1px solid #fff;}
#search_form input{/*float:right;*/padding:4px; font-size:15px; margin:0;width:400px; position:absolute; top:3px; left:5px;}
#search_form span{margin:0; padding:0px; width:24px; height:24px;position:absolute; top:0px; left:420px;}
#search_form span a{ display:block; margin:0; padding:0; width:24px; height:24px;text-decoration:none; color:#fff;font-size:19px;font-weight:bold;line-height:32px;font-family: 'Source Sans Pro', sans-serif; }
#search_form span a:hover{display:block; margin:0; padding:0; width:24px; height:24px; text-decoration:none; color:#fff;}

.topmenu {
    width:230px;float:left;margin:4px 2px; padding:0; height:32px;
    text-transform:uppercase;
   border-left: 1px solid #fff;border-right: 1px solid #fff;
}
.topmenu a {
    display:block; height:32px;
   color:#fff; font-size:19px;line-height:32px;font-family: 'Source Sans Pro', sans-serif; text-decoration:none; 
}
.topmenu a:hover {
    
   color:#fff;text-decoration:none; 
}
.topmenu.logopanier {
    border-right:none;
    background:url(/images/panier.png) no-repeat 20px 0;
}

#homepage_slider {
    margin:5px auto 0 auto;
    padding:0;
    width:680px;
    height:300px;
}

.banner {
    position: relative;
    width: 100%;
    font-size: 18px;
    line-height: 24px;
    text-align: center;
    
    color: rgba(255,255,255,.6);
    /*text-shadow: 0 0 1px rgba(0,0,0,.05), 0 1px 2px rgba(0,0,0,.3);*/
    
    background: #fff;
    /*box-shadow: 0 1px 2px rgba(0,0,0,.25);*/
}
.banner ul {
    list-style: none;
    width: 100%;
    z-index:10;
    margin: 0;
    padding: 0;
}
.banner ul li {
    display: block;
    float: left;
    width: 33%;
    min-height: 280px;
    -moz-background-size: 100% 100%;
    -o-background-size: 100% 100%;
    -ms-background-size: 100% 100%;
    margin: 0;
    padding: 0;
   /* box-shadow: inset 0 -3px 6px rgba(0,0,0,.1);*/
}
.banner ul li span {
    display: none;
}
.banner ul li a {
    display: block;
    min-height: 280px;
}
.banner .btn {
    display: inline-block;
    margin: 25px 0 0;
    padding: 9px 22px 7px;
    clear: both;
    
    color: #fff;
    font-size: 12px;
    font-weight: bold;
    text-transform: uppercase;
    text-decoration: none;
    
    border: 2px solid rgba(230,69,20,.4);
    border-radius: 5px;
}
.banner .btn:hover {
    background: rgba(230,69,20,.05);
}
.banner .btn:active {
    -webkit-filter: drop-shadow(0 -1px 2px rgba(230,69,20,.5));
    -moz-filter: drop-shadow(0 -1px 2px rgba(230,69,20,.5));
    -ms-filter: drop-shadow(0 -1px 2px rgba(230,69,20,.5));
    -o-filter: drop-shadow(0 -1px 2px rgba(230,69,20,.5));
    filter: drop-shadow(0 -1px 2px rgba(230,69,20,.5));
}

.banner .btn, .banner .dot {
    -webkit-filter: drop-shadow(0 1px 2px rgba(230,69,20,.3));
    -moz-filter: drop-shadow(0 1px 2px rgba(230,69,20,.3));
    -ms-filter: drop-shadow(0 1px 2px rgba(230,69,20,.3));
    -o-filter: drop-shadow(0 1px 2px rgba(230,69,20,.3));
    filter: drop-shadow(0 1px 2px rgba(230,69,20,.3));
}

.banner .dots {
    position: absolute;
    z-index: 900;
    left: 0;
    right: 0;
    bottom: 20px;
}
.banner .dots li {
    display: inline-block;
    width: 10px;
    height: 10px;
    margin: 0 4px;
    
    text-indent: -999em;
    
    border: 2px solid #ccc;
    border-radius: 6px;
    
    cursor: pointer;
    /*opacity: .4;*/
    
    -webkit-transition: background .5s, opacity .5s;
    -moz-transition: background .5s, opacity .5s;
    transition: background .5s, opacity .5s;
}
.banner .dots li.active {
    background: #e64514;
    opacity: 1;
}
.prev {
    position:absolute;
    left:0;
    top:35%;
    z-index: 900;
    width:85px;
    height:140px;
    /*background:url('/templates/default/images/SlideArrowLeft.png') repeat top left;
    opacity: 0.4;*/
}
.next {
    position:absolute;
    right:0;
    top:35%;
    z-index: 900;
    width:80px;
    height:140px;
    /* background:url('/templates/default/images/SlideArrowRight.png') repeat top left;
   opacity: 0.4;*/
}

.prev span,
.next span {
    display:none;
}

.liste_promo {
    float:left;
    width:465px;
}
.liste_icons {
    width:225px;
    float:left;
    margin-left:10px;
    padding-top:22px;
    
}
.liste_icons a {
    margin:10px 0 10px 0;
    float:right;
}

.blocpromo {
    width:180px;
    height:250px;
    float:left;
    margin:10px 0 10px 50px;
    font-family: 'Source Sans Pro', sans-serif;
    position:relative;
}
.blocpromo-url {
    position:absolute;
    left:0px;
    top:0px;
    width:180px;
    height:250px;
    z-index: 4;
}
.blocpromo-header {
    width:180px;
    height:81px;
    background:url('/images/blocpromo-header.png') no-repeat 1px 0;
    position:relative;
    
}
.blocpromo-border {
    width:179px;
    position:absolute;
    left:0;
    top:24px;
    height:66px;
    z-index: 1;
    border-left:1px solid #44413f;
    border-right:1px solid #44413f;
    
}
.blocpromo-body {
    width:179px;
    height:160px;
    
    border-left:1px solid #44413f;
    border-right:1px solid #44413f;
    border-bottom:1px solid #44413f;
    background:#fff;
}
.blocpromo-footer {
    width:179px;
    border-top:1px solid #44413f;
    height:31px;
    background:url('/images/blocpromo-footer.png') no-repeat top left;
    border-left:1px solid #44413f;
    border-right:1px solid #44413f;
    border-bottom:1px solid #44413f;
    
}
.blocpromo-text1 {
    color:#fff;
    font-size:20px;
    font-weight:bold;
    position:absolute;
    left:2px;
    top:29px;
    width:88px;
    text-align:center;
    z-index: 2;
}
.blocpromo-text2 {
    color:#fff;
    font-size:32px;
    font-weight:bold;
    position:absolute;
    left:92px;
    top:25px;
    width:80px;
    text-align:center; 
    line-height:18px; 
    z-index: 2; 
}
.blocpromo-text2 span{
    font-size:14px;
}
.blocpromo-text3 {
    color:#e65912;
    font-size:24px;
    font-weight:bold;
    text-align:center;
    line-height: 22px;
    letter-spacing:1px;
}
.blocpromo-text4 {
    color:#000;
    font-size:16px;
    text-align:center;
    line-height: 16px;
}
.blocpromo-text5 {
    color:#000;
    font-size:16px;
    text-align:center;
    line-height: 16px;
    
}









.imgshadow img, 
.shadow {
    box-shadow: 0 4px 8px rgba(0,0,0,.25);
}
.imgshadow img{
    margin:5px;
}



#newsletter_form { float:right; margin:0; padding:0 0 0 12px; width:468px; height:31px;  text-align:left;  background:url(/images/telephone.gif) no-repeat top right; font-size:9px;}
#newsletter_form input{float:left; margin:6px 0 0 0;}
#newsletter_form span{float:left;margin:0; padding:3px 0 0 4px;width:60px; height:25px;}
#newsletter_form span a{margin:0; padding:0;width:60px; height:25px; text-decoration:none; color:#333333;}
#newsletter_form span a:hover{margin:0; padding:0;width:60px; height:25px; text-decoration:none; color:#ffffff; background-color:#e65912;}
#link_catalogue { float:left; margin:0; padding:0; width:245px; height:31px; background:url(/images/bt_catalogue.gif) no-repeat 0 0;}
#link_catalogue a {  display:block; margin:0; padding:0; width:245px; height:31px; }
#link_catalogue a:hover { margin:0; padding:0; width:245px; height:31px; background:url(/images/bt_catalogue.gif) no-repeat 0 -31px;}
#link_catalogue span { display:none; }
#link_promotions { float:left; margin:0; padding:0; width:230px; height:31px;background:url(/images/bt_promotions.gif) no-repeat 0 0;}
#link_promotions a { display:block; margin:0; padding:0; width:230px; height:31px;}
#link_promotions a:hover { margin:0; padding:0; width:230px; height:31px; background:url(/images/bt_promotions.gif) no-repeat 0 -31px;}
#link_promotions span { display:none; }

#contenu {margin:0; padding:5px; height:100%;min-height:100%; width:953px;
background: #ffffff;
background: -moz-linear-gradient(top, #ffffff 0%, #f0efee 100%);
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#f0efee));
background: -webkit-linear-gradient(top, #ffffff 0%,#f0efee 100%);
background: -o-linear-gradient(top, #ffffff 0%,#f0efee 100%);
background: -ms-linear-gradient(top, #ffffff 0%,#f0efee 100%);
background: linear-gradient(to bottom, #ffffff 0%,#f0efee 100%);
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#f0efee',GradientType=0 );
border-left:1px solid #999;border-right:1px solid #999;
}
#left{ float:left; margin:0 1px 0 0!important; margin:0; padding:0; width:242px; text-align:center; }
#left img{ margin:0 10px 0 0; padding:0;}

/*
ul#menu{ z-index:90;text-align:left; margin:0; padding:8px 0 40px 0; list-style-type:none; width:244px;background-color:#F1F1F1; border-bottom:1px solid #CCCCCC; border-right:1px solid #CCCCCC; z-index:1;}
ul#menu li{z-index:91; margin:0; padding:0; font-size:12px; text-align:left;_float:left;}
ul#menu li a{ margin:0; padding:0 0 0 15px; display:block; height:20px; text-decoration:none; color:#000000; line-height:20px; background-color:#F1F1F1;}
ul#menu li a:hover{ display:block; height:20px; text-decoration:none; color:#000000; line-height:20px; background-color:#FFFFFF;}
ul#menu li ul{display:none;}
ul#menu li:hover>ul{z-index:92;display:block;}
ul#menu li ul{position:absolute;background-color:#F1F1F1;width:240px;border:1px solid #CCCCCC; list-style:none; margin:-21px 0 0 180px; padding:0px; z-index:1;}
ul#menu li ul li{ z-index:93; width:240px; margin:0; padding:0; font-size:12px; text-align:left; _float:left;}
ul#menu li ul li a{color:#000000; text-decoration:none;margin:0;  padding:0 0 0 15px; display:block; height:20px; line-height:20px;}
ul#menu li ul li a:hover{ color:#E62329; text-decoration:none ;display:block; height:20px; line-height:20px;}
*/
#footer{width:100%; background:url('/images/bgfooter.png') repeat-x 0 20px;margin:0; padding:0 0 20px 0;}

#inner_footer{ width:943px;margin:0 auto ; padding:10px; background:#f8f8f8;border:1px solid #e64514;}
#inner_footer a { text-decoration:none; color:#666666; font-weight:bold;}
#inner_footer a:hover { text-decoration:underline; color:#666666;}

#edito_link {padding:0;  margin:0;color:#A3A2A2;font-size:12px;}
#edito_link a{text-decoration:none; color:#A3A2A2;}
#edito_link a:hover{text-decoration:none; color:#666666;}

#footer_link {padding:10px;  margin:0;font-size:16px;color:#000;}
#footer_link a{text-decoration:none; color:#000;}
#footer_link a:hover{text-decoration:underline; color:#000;}


#paisec{ float:left; width:108px; height:32px; padding:8px 0 0 0; margin:0 0 8px 50px;}

#cvteam{ float:right; width:172px; height:32px; background:url(/images/cvteam.gif) no-repeat top center; margin:0 35px 0 0;color:#A3A2A2; padding:15px 0 0 0; font-size:10px;}
#cvteam a{ display:block; width:172px; height:32px;color:#A3A2A2; text-decoration:none;}
#cvteam a:hover{ display:block; width:172px; height:32px;color:#666666; text-decoration:none;}
#cvteam span { display:none; }



#footer_logos {background-color:#fff;width:875px; padding:8px 40px; color:#A3A2A2; margin:15px 0 0 0;}

.logo_footer {width:150px; height:80px; text-align:center; float:left;margin:0 20px;}


.serre{margin:0;padding:0; }
#separe_serre{	margin: 10px 0 0 0;	padding:0;color:#e65912;text-align:center;}

.default{ font-family: 'Source Sans Pro', sans-serif; font-size:13px; color:#666666;}
.orange{ font-family: 'Source Sans Pro', sans-serif; font-size:13px; color:#e65912;}
.rouge { font-family: 'Source Sans Pro', sans-serif; font-size:13px; color:#E62329;}
h1 { font-family: 'Source Sans Pro', sans-serif; font-size:18px; color:#e65912;}
h2 { font-family: 'Source Sans Pro', sans-serif; font-size:16px; color:#e65912;}
.h2_lib1{ font-family: 'Source Sans Pro', sans-serif; font-size:13px;font-weight:normal; color:#666;}
.h2_lib2{ font-family: 'Source Sans Pro', sans-serif; font-size:13px;font-weight:normal; color:#666;}
h3 { font-family: 'Source Sans Pro', sans-serif; font-size:14px; color:#e65912;}
h4 { font-family: 'Source Sans Pro', sans-serif; font-size:13px; color:#e65912;}

a{color:#000000; text-decoration:underline;}
a:hover{color:#e65912; text-decoration:underline;}

a.gros{color:#666666; text-decoration:underline;font-size:15px;text-decoration:none;}
a.gros:hover{color:#e65912; text-decoration:underline;}

.small{font-size:13px;}
.small a{font-size:13px;color:#000000; text-decoration:none;}
.small a:hover{font-size:13px;color:#e65912; text-decoration:underline;}
/*#livraison{ width:250px; height:30px; text-align:right; margin:0; padding:4px;float:right;}*/
.warning {

	color: #FF0000;
}

/*#delai{ width:62px; height:38px; text-align:center; margin:0; padding:4px; border:1px solid #cccccc; background-color:#ebebeb; float:right;}
#delai b{color:#e65912; font-weight:bold; font-size:40px; text-align:center; letter-spacing:-1px; margin:0; padding:0; }
#delai strong{ float:left;color:#e65912; font-weight:bold; font-size:20px; text-align:center; letter-spacing:-1px; margin:-20px 0 0 0; padding:0; }
#delai span{float:right; margin:0; padding:0 12px 0 0!important; padding:0 6px 0 0; color:#666666; font-weight:bold; font-size:9px; letter-spacing:normal;  }*/
#avt14{ float:right; width:180px;  margin:8px 0; padding:1px; ;font-weight:bold; }

#delai{width:88%; /*width:62px;*/ /*height:38px;*/ text-align:center; margin:0; padding:4px; border:1px solid #999;background-color:#e65912; float:right;}
/* #delai b{color:#e65912; font-weight:bold; font-size:40px; text-align:center; letter-spacing:-1px; margin:0; padding:0; } */
#delai strong{ color:#fff; font-weight:bold; font-size:22px; text-align:center;  margin:0; padding:0; }
#delai span{ margin:0; padding:0; color:#fff; font-weight:bold; font-size:22px; letter-spacing:1px; text-transform:uppercase; }

.panier_bt_sup{ width:16px; height:16px; text-align:center; margin:8px 4px 0 0; padding:0; border:1px solid #cccccc; }
.panier_bt_sup a{ display:block; width:16px; height:16px; text-decoration:none; background-color:#ebebeb; color:#333333; line-height:16px;}
.panier_bt_sup a:hover{ display:block; width:16px; height:16px; text-decoration:none; background-color:#e65912; color:#ffffff; line-height:16px;}

.panier_bt{ float:left; width:180px; height:22px; line-height:22px; margin:8px 10px; padding:1px; border:1px solid #e65912; text-align:center;}
.panier_bt a{ display:block; width:180px; height:22px; line-height:22px; background-color:#F1F1F1; color:#666666;font-weight:bold; text-decoration:none;}
.panier_bt a:hover{ display:block;; width:180px; height:22px; line-height:22px; background-color:#e65912; color:#ffffff;font-weight:bold; text-decoration:none;}

.devis_bt{ float:right; width:180px; height:22px; line-height:22px; margin:8px 0; padding:1px; border:1px solid #e65912; text-align:center;}
.devis_bt a{ display:block; width:180px; height:22px; line-height:22px; background-color:#F1F1F1; color:#666666;font-weight:bold; text-decoration:none;}
.devis_bt a:hover{ display:block;; width:180px; height:22px; line-height:22px; background-color:#e65912; color:#ffffff;font-weight:bold; text-decoration:none;}

.bt_contact{  width:180px; height:22px; line-height:22px; margin:8px 0; padding:1px; border:1px solid #cccccc; text-align:center;}
.bt_contact a{ display:block; width:180px; height:22px; line-height:22px; background-color:#F1F1F1; color:#666666;font-weight:bold; text-decoration:none;}
.bt_contact a:hover{ display:block; width:180px; height:22px; line-height:22px; background-color:#e65912; color:#ffffff;font-weight:bold; text-decoration:none;}

.login {margin:0 auto;padding: 15px;border: 1px solid #cccccc;background-color: #F1F3F5;}
.loginform h3 { margin:0 0 8px 0; padding:0;}
.loginform {text-align: left;float: left;width: 300px;border: 1px solid #cccccc;background-color: #F1F1F1;padding: 15px 10px 10px 10px;}

.inputlabel {font-weight: bold;text-align: left;}
.inputbox {width: 150px;margin: 0;border: 1px solid #e65912;padding:3px;}

.finaliser_bt{  clear:right; float:right;width:180px; height:32px; line-height:32px; margin:8px 0px; padding:1px; border:1px solid #cccccc; text-align:left;}
.finaliser_bt span {line-height:10px; }
.finaliser_bt a{ display:block; width:135px; height:27px; line-height:10px; background:url(/images/finaliser.gif) no-repeat 0 0; padding:5px 0 0 45px; color:#666666;font-weight:bold; text-decoration:none;}
.finaliser_bt a:hover{ display:block; width:135px; height:27px; line-height:10px; background:url(/images/finaliser.gif) no-repeat 0 -32px; padding:5px 0 0 45px; color:#E62329;font-weight:bold; text-decoration:none;}

.classicFont {font-family:Verdana, Arial, 'sans-serif'}

/* ==========================================================================
   Helper classes
   ========================================================================== */

.ir {
    background-color: transparent;
    border: 0;
    overflow: hidden;
    *text-indent: -9999px;
}

.ir:before {
    content: "";
    display: block;
    width: 0;
    height: 150%;
}

.hidden {
    display: none !important;
    visibility: hidden;
}

.visuallyhidden {
    border: 0;
    clip: rect(0 0 0 0);
    height: 1px;
    margin: -1px;
    overflow: hidden;
    padding: 0;
    position: absolute;
    width: 1px;
}

.visuallyhidden.focusable:active,
.visuallyhidden.focusable:focus {
    clip: auto;
    height: auto;
    margin: 0;
    overflow: visible;
    position: static;
    width: auto;
}

.invisible {
    visibility: hidden;
}

.clearfix:before,
.clearfix:after {
    content: " ";
    display: table;
}

.clearfix:after {
    clear: both;
}

.clearfix {
    *zoom: 1;
}