/*
Theme Name: the7dtchild
Author: Dream-Theme
Author URI: http://dream-theme.com/
Description: The7 is perfectly scalable, performance and SEO optimized, responsive, retina ready multipurpose WordPress theme. It will fit every site – big or small. From huge corporate portals to studio or personal sites – The7 will become a great foundation for your next project!
Version: 8.7.2
License: This WordPress theme is comprised of two parts: (1) The PHP code and integrated HTML are licensed under the GPL license as is WordPress itself.  You will find a copy of the license text in the same directory as this text file. Or you can read it here: http://wordpress.org/about/gpl/ (2) All other parts of the theme including, but not limited to the CSS code, images, and design are licensed according to the license purchased. Read about licensing details here: http://themeforest.net/licenses/regular_extended
Template: dt-the7
*/

/* PAGE RECHERCHE PRODUIT */

.buttonmalo {

    font-family: 'Anton', Sans-serif;
    font-size: 18px;
    font-weight: 600;
    letter-spacing: 0.7px;
    background-color: #0077c8;
    border-radius: 0px 0px 0px 0px;
}

.spanmalo {

    line-height: 1;
    color: #fff;
    fill: #fff;
    -webkit-transition: all .3s;
    -o-transition: all .3s;
    transition: all .3s;
    background-color: #0077c8;
}

.titlemalo {
    font-size: 32px;
    font-family: pacifico;
    text-transform: none;
    color:#0077c8;
    text-align: center;
}


.template-range #container #title,
.template-product #container #title{
    height: 80px;
    margin: 0;
    position: absolute;
    right: 155px;
    top: -65px;
    width: 222px;
}

body.en.template-range #container #title,
body.en.template-product #container #title{
    height: 80px;
    margin: 0;
    position: absolute;
    right: 155px;
    top: -65px;
    width: 222px;
}

/* TEXTE */
#container #content{
    zoom: 1;
}
#container #content:before,
#container #content:after{
    content: "";
    display: table;
}
#container #content:after{
    clear: both;
}

/* COLONNES */
#container .columns{
    zoom: 1;
}
#container .columns:before,
#container .columns:after{
    content: "";
    display: table;
}
#container .columns:after{
    clear: both;
}
#container .columns .column{
    width: 460px;
}
#container .columns. column-left{
    float: left;
}
#container .columns .column-right{
    float: right;
}

/* CARTES */
#container #mapid{
    height: 400px;
    margin: 30px 0;
}
#container .cards{
    overflow: hidden;
}
#container .cards .card{
    height: 115px;
    width: 33.33%;
    padding-bottom: 40px;
}
#container .popup-products{
    padding-left: 20px;
}

/* Titre h4 */
#container h4{
    background: url(../img/h4.png) no-repeat left 2px;
    color: #f0302e;
    font-family: DINCondBoldRegular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 20px 20px 10px 20px;
    overflow: hidden;
    padding: 0 0 0 15px;
}
#container h4 a{
    color: #f0302e;
}
#container h4 a:hover{
    color: #f0302e;
    text-decoration: none;
}

/* Titre h4 template produit */
.template-product #container h4{
    background-image: none;
    color: #3a3a3a;
    font-size: 16px;
    line-height: 18px;
    padding: 0;
}

/* Titre h5 */
#container h5{
    color: #014981;
    font-family: DINCondBoldRegular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    line-height: 18px;
    margin: 20px 20px 10px 20px;
}
#container h5 a{
    color: #014981;
}
#container h5 a:hover{
    color: #014981;
    text-decoration: none;
}

/* Paragraphe */
#container p{
    line-height: 18px;
    margin: 10px 20px;
}

/* Styles */
#container strong,
#container b{
    font-weight: bold;
}
#container em,
#container i{
    font-style: italic;
}

/* Images */
#container img{
    margin: 20px;
}
#container img.no-margin{
    margin: 0;
}
#container img.align-left{
    margin-top: 0;
    margin-right: 20px;
}
#container img.align-right{
    margin-top: 0;
    margin-left: 20px;
}

#container ul.autocompleter-choices{
    background: #fff;
    border-radius: 3px;
    border: 1px solid #ccc;
    left: 0;
    margin: 1px 0 0 -1px;
    position: absolute;
    top: 0;
}
#container ul.autocompleter-choices li{
    border: 1px solid #fff;
    border-radius: 3px;
    cursor: pointer;
    padding: 2px;
    list-style-type: none;
}
#container ul.autocompleter-choices li.autocompleter-selected{
    background: #ccc;
    color: #fff;
}
#container ul.autocompleter-choices li span.autocompleter-queried{
    font-weight: bold;
}

/* Boutons */
#container p.button{
    margin: 20px 0;
}
#container p.button a,
#container p.button button,
#container p.button input{
    background: url(../img/ranges-buttons.png) no-repeat center top;
    border: 0;
    color: #fff;
    cursor: pointer;
    display: block;
    font-family: DINCondBoldRegular, Arial, Helvetica, sans-serif;
    font-size: 18px;
    height: 40px;
    line-height: 40px;
    margin: 0 auto;
    padding: 0;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 190px;
}
#container p.button a.color-red,
.color-red #container p.button a{
    background-position: left 0;
}
#container p.button a.color-pink,
.color-pink #container p.button a{
    background-position: left -40px;
}
#container p.button a.color-blue,
.color-blue #container p.button a{
    background-position: left -80px;
}
#container p.button a.color-brown,
.color-brown #container p.button a{
    background-position: left -120px;
}
#container p.button a.color-yellow,
.color-yellow #container p.button a{
    background-position: left -160px;
}
#container p.button a.color-green,
.color-green #container p.button a{
    background-position: left -200px;
}

/* Liste produits */
#container ul.products{
    list-style: none;
    margin: 20px 0 10px 0;
    zoom: 1;
    width: 960px;
}
#container ul.products:before,
#container ul.products:after{
    content: "";
    display: table;
}
#container ul.products:after{
    clear: both;
}
#container ul.products li{
    float: left;
    font-family: SwingdancerRegular, Arial, Helvetica, sans-serif;
    font-size: 20px;
    line-height: 18px;
    margin: 0 10px 10px 0;
    padding: 0;
}
#container ul.products li a{
    background: #fff;
    border: 2px solid #fcd6d5;
    -webkit-border-radius: 10px;
    -moz-border-radius: 10px;
    border-radius: 10px;
    -webkit-box-shadow: 4px 4px 1px rgba(0, 0, 0, .1);
    -moz-box-shadow: 4px 4px 1px rgba(0, 0, 0, .1);
    box-shadow: 4px 4px 1px rgba(0, 0, 0, .1);
    color: #f0302e;
    display: block;
    height: 54px;
    line-height: 54px;
    margin: 2px;
    overflow: hidden;
    padding: 152px 0 4px 0;
    position: relative;
    text-align: center;
    text-decoration: none;
    width: 172px;

    -webkit-transition: border-color 250ms ease;
    -moz-transition: border-color 250ms ease;
    transition: border-color 250ms ease;
}
#container ul.products li.color-red a,
.color-red #container ul.products li a{
    border-color: #fcd6d5;
    color: #f0302e;
}
#container ul.products li.color-pink a,
.color-pink #container ul.products li a{
    border-color: #fad6df;
    color: #e33d64;
}
#container ul.products li.color-blue a,
.color-blue #container ul.products li a{
    border-color: #ccdeec;
    color: #014981;
}
#container ul.products li.color-brown a,
.color-brown #container ul.products li a{
    border-color: #e6d9ce;
    color: #592801;
}
#container ul.products li.color-yellow a,
.color-yellow #container ul.products li a{
    border-color: #ffeece;
    color: #ec8c03;
}
#container ul.products li.color-green a,
.color-green #container ul.products li a{
    border-color: #e3eecc;
    color: #56ac04;
}
#container ul.products li a:hover{
    border: 4px solid #f0302e;
    -webkit-box-shadow: 0 0 10px #f0302e;
    -moz-box-shadow: 0 0 10px #f0302e;
    box-shadow: 0 0 10px #f0302e;
    margin: 0;
}
#container ul.products li.color-red a:hover,
.color-red #container ul.products li a:hover{
    border: 4px solid #f0302e;
    -webkit-box-shadow: 0 0 10px #f0302e;
    -moz-box-shadow: 0 0 10px #f0302e;
    box-shadow: 0 0 10px #f0302e;
}
#container ul.products li.color-pink a:hover,
.color-pink #container ul.products li a:hover{
    border-color: #e33d64;
    -webkit-box-shadow: 0 0 10px #e33d64;
    -moz-box-shadow: 0 0 10px #e33d64;
    box-shadow: 0 0 10px #e33d64;
}
#container ul.products li.color-blue a:hover,
.color-blue #container ul.products li a:hover{
    border-color: #014981;
    -webkit-box-shadow: 0 0 10px #014981;
    -moz-box-shadow: 0 0 10px #014981;
    box-shadow: 0 0 10px #014981;
}
#container ul.products li.color-brown a:hover,
.color-brown #container ul.products li a:hover{
    border-color: #592801;
    -webkit-box-shadow: 0 0 10px #592801;
    -moz-box-shadow: 0 0 10px #592801;
    box-shadow: 0 0 10px #592801;
}
#container ul.products li.color-yellow a:hover,
.color-yellow #container ul.products li a:hover{
    border-color: #ec8c03;
    -webkit-box-shadow: 0 0 10px #ec8c03;
    -moz-box-shadow: 0 0 10px #ec8c03;
    box-shadow: 0 0 10px #ec8c03;
}
#container ul.products li.color-green a:hover,
.color-green #container ul.products li a:hover{
    border-color: #56ac04;
    -webkit-box-shadow: 0 0 10px #56ac04;
    -moz-box-shadow: 0 0 10px #56ac04;
    box-shadow: 0 0 10px #56ac04;
}
#container ul.products li a img{
    display: block;
    left: 0;
    margin: 6px 11px;
    position: absolute;
    top: 0;
}
#container ul.products li a span{
    display: inline-block;
    line-height: 22px;
    margin: 0;
    padding: 8px 0;
    vertical-align: middle;
    width: 160px;
    font-size: 18px;
}

/* Liste boutons (formats) */
#container ul.buttons{
    list-style: none;
    margin: 20px 15px 15px 20px;
    zoom: 1;
}
#container ul.buttons:before,
#container ul.buttons:after{
    content: "";
    display: table;
}
#container ul.buttons:after{
    clear: both;
}
#container ul.buttons li{
    float: left;
    font-family: DINCondBoldRegular, Arial, Helvetica, sans-serif;
    font-size: 16px;
    margin: 0 5px 5px 0;
    padding: 0;
}
#container ul.buttons li a{
    background: #94d6fe;
    background: #fff;
    background: rgba(255, 255, 255, .75);
    border: 2px solid #fcd6d5;
    -webkit-border-radius: 4px;
    -moz-border-radius: 4px;
    border-radius: 4px;
    color: #f0302e;
    display: block;
    line-height: 30px;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
    min-width: 60px;
}
#container ul.buttons li.color-red a,
.color-red #container ul.buttons li a{
    border-color: #fcd6d5;
    color: #f0302e;
}
#container ul.buttons li.color-pink a,
.color-pink #container ul.buttons li a{
    border-color: #fad6df;
    color: #e33d64;
}
#container ul.buttons li.color-blue a,
.color-blue #container ul.buttons li a{
    border-color: #ccdeec;
    color: #014981;
}
#container ul.buttons li.color-brown a,
.color-brown #container ul.buttons li a{
    border-color: #e6d9ce;
    color: #592801;
}
#container ul.buttons li.color-yellow a,
.color-yellow #container ul.buttons li a{
    border-color: #ffeece;
    color: #ec8c03;
}
#container ul.buttons li.color-green a,
.color-green #container ul.buttons li a{
    border-color: #e3eecc;
    color: #56ac04;
}
#container ul.buttons li a:hover,
#container ul.buttons li.current a{
    background: #f0302e;
    background: -webkit-gradient(linear, left top, left bottom,	from(#ff6665), to(#f0302e));
    background: -moz-linear-gradient(top, #ff6665, #f0302e);
    background: linear-gradient(top, #ff6665, #f0302e);
    border: 0;
    color: #fff;
    padding: 2px 12px;
}
#container ul.buttons li.color-red a:hover,
.color-red #container ul.buttons li a:hover,
#container ul.buttons li.color-red.current a,
.color-red #container ul.buttons li.current a{
    background: #f0302e;
    background: -webkit-gradient(linear, left top, left bottom,	from(#ff6665), to(#f0302e));
    background: -moz-linear-gradient(top, #ff6665, #f0302e);
    background: linear-gradient(top, #ff6665, #f0302e);
}
#container ul.buttons li.color-pink a:hover,
.color-pink #container ul.buttons li a:hover,
#container ul.buttons li.color-pink.current a,
.color-pink #container ul.buttons li.current a{
    background: #e33d64;
    background: -webkit-gradient(linear, left top, left bottom,	from(#e06780), to(#e33d64));
    background: -moz-linear-gradient(top, #e06780, #e33d64);
    background: linear-gradient(top, #e06780, #e33d64);
}
#container ul.buttons li.color-blue a:hover,
.color-blue #container ul.buttons li a:hover,
#container ul.buttons li.color-blue.current a,
.color-blue #container ul.buttons li.current a{
    background: #014981;
    background: -webkit-gradient(linear, left top, left bottom,	from(#3e91d2), to(#024a82));
    background: -moz-linear-gradient(top, #3e91d2, #024a82);
    background: linear-gradient(top, #3e91d2, #024a82);
}
#container ul.buttons li.color-brown a:hover,
.color-brown #container ul.buttons li a:hover,
#container ul.buttons li.color-brown.current a,
.color-brown #container ul.buttons li.current a{
    background: #83400a;
    background: -webkit-gradient(linear, left top, left bottom,	from(#b15b1c), to(#3c2411));
    background: -moz-linear-gradient(top, #b15b1c, #3c2411);
    background: linear-gradient(top, #b15b1c, #3c2411);
}
#container ul.buttons li.color-yellow a:hover,
.color-yellow #container ul.buttons li a:hover,
#container ul.buttons li.color-yellow.current a,
.color-yellow #container ul.buttons li.current a{
    background: #ec8c03;
    background: -webkit-gradient(linear, left top, left bottom,	from(#fbb44f), to(#ec8d04));
    background: -moz-linear-gradient(top, #ffc04a, #ec8d04);
    background: linear-gradient(top, #fbb44f, #ec8d04);
}
#container ul.buttons li.color-green a:hover,
.color-green #container ul.buttons li a:hover,
#container ul.buttons li.color-green.current a,
.color-green #container ul.buttons li.current a{
    background: #56ac04;
    background: -webkit-gradient(linear, left top, left bottom,	from(#97c732), to(#51ab01));
    background: -moz-linear-gradient(top, #97c732, #51ab01);
    background: linear-gradient(top, #97c732, #51ab01);
}

/* Alignements */
#container .align-center{
}
#container .align-left{
    float: left;
}
#container .align-right{
    float: right;
}

/* Icons */
#container .icon{
    background-position: left 1px;
    background-repeat: no-repeat;
    padding-left: 20px;
}
#container .icon.plus,
#container .icon.add{
    background-image: url(../img/icons/plus-button.png);
}
#container .icon.minus,
#container .icon.del,
#container .icon.remove,
#container .icon.delete{
    background-image: url(../img/icons/minus-button.png);
}
#container .icon.exclamation,
#container .icon.warning{
    background-image: url(../img/icons/exclamation.png);
}
#container .icon.information,
#container .icon.info{
    background-image: url(../img/icons/information.png);
}
#container .icon.question,
#container .icon.help{
    background-image: url(../img/icons/question.png);
}
#container .icon.tick,
#container .icon.success{
    background-image: url(../img/icons/tick.png);
}
#container .icon.cross,
#container .icon.error{
    background-image: url(../img/icons/cross.png);
}
#container .icon.slash,
#container .icon.denied{
    background-image: url(../img/icons/slash.png);
}
#container .icon.date,
#container .icon.calendar{
    background-image: url(../img/icons/calendar-day.png);
}
#container .icon.navigation,
#container .icon.right,
#container .icon.more{
    background-image: url(../img/icons/navigation.png);
}
#container .icon.navigation-180,
#container .icon.left,
#container .icon.back,
#container .icon.less{
    background-image: url(../img/icons/navigation-180.png);
}
#container .icon.navigation-090,
#container .icon.navigation-90,
#container .icon.top,
#container .icon.up{
    background-image: url(../img/icons/navigation-090.png);
}
#container .icon.navigation-270,
#container .icon.bottom,
#container .icon.down{
    background-image: url(../img/icons/navigation-270.png);
}


/* BOUTONS */
#home p.buttons{
    font-family: DINCondBoldRegular, Arial, Helvetica, sans-serif;
    font-size: 14px;
    overflow: hidden;
}
#home p.buttons a.button{
    background: url(../img/buttons.png) no-repeat 0 -36px;
    color: #00599f;
    display: inline-block;
    height: 23px;
    line-height: 23px;
    padding: 2px 2px 5px 5px;
    text-align: center;
    text-decoration: none;
    text-transform: uppercase;
    width: 87px;
    *display: inline;
    zoom: 1;
}
#home p.buttons a.button-big{
    background-position: 0 0;
    font-size: 18px;
    height: 30px;
    line-height: 30px;
    padding: 2px 9px 4px 4px;
    width: 116px;
}