/*

Theme Name: EATI

Theme URI: http://wordpress.org/

Description: EATI.

Version: 1.0

Author: Site Web Création

Author URI: http://www.site-web-creation.net



*/



body{font-family: 'Quicksand', sans-serif; margin-bottom:60px;}

.relative{ position:relative}

#fond-haut{ background-image:url(images/ciel.jpg); background-position:top center}

#logo{ margin-top:30px}

.container{}

#bordure-violet{ background-color:#9e2c63; height:15px; position:relative}

header .navbar{ margin-bottom:0; border: none;; background: transparent}

header .navbar-nav > li > .dropdown-menu {z-index: 99999999}

header .navbar-default{ background-color: transparent; border:none; text-transform:uppercase; min-height:inherit}

header .navbar-default .navbar-nav > .current-menu-item > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {background-color:#9e2c63;color: #FFF;}

header .navbar-default .navbar-nav > li:hover {background-color:#9e2c63;color: #FFF;}

.navbar-default .navbar-nav > li > a:hover {color: #FFF;}

.navbar-nav > li > a {padding-bottom: 10px;padding-top: 10px;}

header h1{ margin:55px 0 20px}



#fond-slide{ background-color:#CCC}

#eati-slide{}

.margin{ margin:10px 0 0 0}

#news{}

#news h2, .widget h2{ color:#254996; font-size:18px; font-weight:bold; margin-top:10px}

.news{ margin-bottom:5px; padding-bottom:5px; border-bottom:1px solid #cccccc}

.news-date{ text-transform:uppercase; font-weight:bold}

.news-chapo{}

.news-plus{ background-color:#254996; font-weight:bold; color:white; padding:0px 5px; float: right}

#adresse, #text-2 h2{ color:white}

#adresse, #text-2{ background-color:#666666; padding:10px; color:white; border:none; min-height:205px}

#ombre{ z-index:999999;width:100%;top:5px; height:10px; position:absolute;-webkit-box-shadow: 0px 5px 3px 0px rgba(50, 50, 50, 0.8);-moz-box-shadow:0px 5px 3px 0px rgba(50, 50, 50, 0.8);box-shadow:0px 5px 3px 0px rgba(50, 50, 50, 0.8);}

#fond-contenu { background-image:url(images/fond-contenu.jpg); background-repeat:no-repeat; background-position:bottom center}

#fond-contenu h1{ color:#9e2c63; font-size:2em; font-weight:bold; margin-bottom: 35px;}

#fond-contenu h2{font-size:1.5em; font-weight:bold}

#fond-contenu h3{ font-size:1.3em; font-weight:bold}

.rad-5{-webkit-border-radius: 5px;-moz-border-radius: 5px;border-radius: 5px;}

.pad-bloc{ padding:5px; background:#9e2c63;  min-height:85px; line-height:85px}

.pad-bloc span {vertical-align:middle;display:inline-block;line-height:normal;text-align:center;}

.pourcent-20{ width:20%;}

.info-box, .widget{border: 1px solid #cccccc; background-color:white; padding:10px 20px; min-height:225px}

.info-box ul li {list-style: none}

.info-box ul { padding:0}

.bloc-violet{ text-transform:uppercase; color:white; text-transform:uppercase; text-align:center; position:relative}

a:hover .bloc-violet .pad-bloc { background:#7A224B}

.bloc-violet span.bloc-plus, .news .bloc-plus{ background-color:#254996; font-weight:bold; color:white; width:15px; height:15px; text-align:center; line-height:15px;position:absolute; bottom:0px; right:15px}

.bloc-violet a{color:white}

.bloc-violet span{ font-weight:bold;}

.border{border: 1px solid #cccccc; background-color:white;}

.content{ text-align:justify; margin-bottom:10px; min-height:440px}

.content, #recent-posts-img-3{}

.content h1, .content h2, .content h3{ text-align: left}

.content h2{ font-size:20px}

.content ul li{ list-style-position:inside}

.content img.alignleft{ float:left; margin-right:15px}

.tooltip{ font-size:1em; font-weight:bold;}

.btn-violet{background-color:#9E2C63; color: white; font-weight:bold}

#caldera_form_1 { padding: 10px;}

#caldera_form_1 h2{background-color: #255792; color: white; padding: 5px; text-align: center;}

.caldera-grid .row{}

.packs .col-sm-3 {padding-right: 5px; padding-left:5px}

.info-tarif { font-size :12px; text-transform: none}



#contactez-nous{ text-align:center; color:white; padding:5px;background: #1e5799; font-size:1.6em; font-weight:bold; margin:20px 0; /* Old browsers */

                 /* IE9 SVG, needs conditional override of 'filter' to 'none' */

                 background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzFlNTc5OSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjAlIiBzdG9wLWNvbG9yPSIjMjk4OWQ4IiBzdG9wLW9wYWNpdHk9IjEiLz4KICAgIDxzdG9wIG9mZnNldD0iMTAwJSIgc3RvcC1jb2xvcj0iIzIxMmY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgPC9saW5lYXJHcmFkaWVudD4KICA8cmVjdCB4PSIwIiB5PSIwIiB3aWR0aD0iMSIgaGVpZ2h0PSIxIiBmaWxsPSJ1cmwoI2dyYWQtdWNnZy1nZW5lcmF0ZWQpIiAvPgo8L3N2Zz4=);

                 background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 0%, #212f5b 100%); /* FF3.6+ */

                 background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#2989d8), color-stop(100%,#212f5b)); /* Chrome,Safari4+ */

                 background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 0%,#212f5b 100%); /* Chrome10+,Safari5.1+ */

                 background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 0%,#212f5b 100%); /* Opera 11.10+ */

                 background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 0%,#212f5b 100%); /* IE10+ */

                 background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 0%,#212f5b 100%); /* W3C */

                 filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#212f5b',GradientType=0 ); /* IE6-8 */

}

.padding-15{ padding:0 15px}

footer{ background-color:white; height:60px; bottom:0; width:100%; border-top:1px solid black}

html {min-height: 100%; position: relative;}

.map {

    position: relative;

    padding-bottom: 30%;

    height: 0;

    overflow: hidden;

}

.map iframe {

    position: absolute;

    top: 0;

    left: 0;

    width: 100% !important;

    height: 100% !important;

} 

@media (max-width: 767px) {

    .info-box-figure{border:none;}

    .pourcent-20{ width: inherit;  background:#9e2c63}

    .pourcent-20:hover{ background:#7A224B;}

    .pad-bloc{ padding:5px;}

    .bloc-violet span.bloc-plus{ display:none}

    .padding-15{ padding:0}

    .pad-bloc{ min-height:0; line-height:inherit; margin-top:3px}

    .content, #adresse, #text-2, .info-box, .widget{ min-height: inherit}

}

.post {

    background-color:#eae8e8;

    border-radius: 10px;

    margin-bottom: 20px;

    padding: 10px;



}

#trie .mix {

    display: none;

}

.post:hover{

    background-color: #9E2C63;

    color: white;



}

.post a {

    color: #333;

}

.post .bloc-plus {

    background-color:#254996; font-weight:bold; color:white; width:15px; height:15px; text-align:center; line-height:15px;position:absolute; bottom:0px; right:0px

}

.margin-thumb {

    background: #eee none repeat scroll 0 0;

    border: 1px solid #dfdfdf;

    margin: 5px;

    overflow: hidden;

    position: relative;

}

.margin-thumb::before {

    content: "";

    display: block;

    padding-top: 100%;

}

.thumbnail-gal {

    height: 100%;

    left: 0;

    position: absolute;

    top: 0;

    transform: translate(50%, 50%);

    width: 100%;

}

.thumbnail-gal img {

    display: block;

    height: auto;

    max-height: 100%;

    transform: translate(-50%, -50%);

    width: auto;

}

.pack {

    background-color: #9E2C63;

    border-radius: 25px;

    color:white;

    text-align:center;

    padding: 10px 0;

    margin: 10px 0;

}

.pack .tarif {

    text-align: center;

    padding: 5px 10px;

    margin: 5px 20px;

    background-color: white;

    border-radius: 15px;

    font-size:25px;

    text-transform: uppercase;

    color: #9E2C63;

    font-weight: bold;

    display: inline-block;

    line-height: 12px;

    padding: 20px;

}

.pack .btn-choisi, .btn-choisi {

    text-align: center;

    padding: 5px 10px;

    margin: 5px 20px;

    background: -moz-linear-gradient(top,  #1e5799 0%, #2989d8 0%, #212f5b 100%); /* FF3.6+ */

    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#1e5799), color-stop(0%,#2989d8), color-stop(100%,#212f5b)); /* Chrome,Safari4+ */

    background: -webkit-linear-gradient(top,  #1e5799 0%,#2989d8 0%,#212f5b 100%); /* Chrome10+,Safari5.1+ */

    background: -o-linear-gradient(top,  #1e5799 0%,#2989d8 0%,#212f5b 100%); /* Opera 11.10+ */

    background: -ms-linear-gradient(top,  #1e5799 0%,#2989d8 0%,#212f5b 100%); /* IE10+ */

    background: linear-gradient(to bottom,  #1e5799 0%,#2989d8 0%,#212f5b 100%); /* W3C */

    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#1e5799', endColorstr='#212f5b',GradientType=0 ); /* IE6-8 */

    border-radius: 15px;

    font-size:25px;

    text-transform: uppercase;

    color: white;

    font-weight: bold;

    display: inline-block;

}

.pack h4 {

    font-weight: bold;

}

.pack ul {

    padding: 0;

    margin: 0;

}

.pack ul li {

    list-style:none;

}

.info-box .pack ul li:before {



    font-family: 'Glyphicons Halflings';

    padding-right: 5px;

    content : "\E013";

}

.info-box ul li:before {



    font-family: 'Glyphicons Halflings';

    padding-right: 5px;

    content: "\e072";

    font-size: 8px;



}

.h4-packs {

    font-size: 20px;

    border-top:1px solid;

    border-bottom:1px solid;

    text-transform: uppercase;

    color: #9E2C63;

    text-align: center;

    font-weight: bold;

    padding: 5px 0;

    margin-bottom: 20px;

    margin-top: 20px;

}

.h4-packs span {

    font-size: 11px;

    font-style: italic;

    text-transform: lowercase;

}

@media (max-width: 767px) {

    .info-box {

        padding: 0;

        border: none;

        background: transparent;

    }

    .col-sm-12.packs {

        padding-left: 0;

        padding-right: 0;

    }

}

.ou-actus {

    background-color: #9E2C63;

    color:white;



    padding: 10px 0 20px 0;

}

.ou-actus h3 {

    text-transform: uppercase;

}

.coord {

    font-weight: bold;

}

.news {

    background-color: white;

    padding: 10px;

    position: relative;
    min-height: 210px;



}

.text-block {

    min-height: 60px; 

}

.news .bloc-plus {

    right:10px;

    bottom :10px;

}

/* ------------------------------------------------------------ *\

        home

\* ------------------------------------------------------------ */

.bloc-index-prix {

    color: #9e2c63;

    position: relative;

    font-size:65px;

    text-align: center;

    line-height: 50px;

    padding: 20px 0;

    font-weight: 600;

}

.bloc-index-prix .ttc {

    color: #9e2c63;

    font-size:25px;

}

.bloc-index-prix .apartir{

    color: #000;

    font-size:11px;

}

.bloc-index-info {

    color:black;



}

.bloc-index-info h2 {

    color: #9e2c63;

    text-transform: uppercase;

    font-weight: bold;

    font-size: 25px;

}

.bloc-index-prix .plus-infos {

    color: white;

    font-weight: bold;

    padding: 5px 20px;



}

.image-gauche {

    background-color: #e5e4e4;

}

.image-droite .bloc-index-info{

    text-align: right;

}

.back-gris {



}

.titre-proposons {

    color: #9e2c63;

    font-size:30px;

    text-align: center;

    text-transform: uppercase;

    font-weight: bold;

    margin: 20px 0;

}

.blocs-proposons h3 {

    color: #9e2c63;

    font-size: 25px;

    text-align: center;

    text-transform: uppercase;

    font-weight: bold;

    background-color: #e5e4e4;

    margin: 0;

    padding: 10px 0;

}

.back-gris:hover h3{

    background-color: black;

    color:white;

}

.blocs-proposons .col-sm-4 {



}

@media (max-width: 767px) {

    .image-droite .bloc-index-info, .image-gauche .bloc-index-info{

        text-align: center;

    }

    .bloc-index-prix {

        padding: 0;

    }

    .bloc-index-info h2 {

        text-align: center;

    }

    .bloc-index img,.blocs-proposons img {

        margin: 0 auto;

    }

    .image-gauche, .image-droite {

        padding-top: 15px; 

        padding-bottom : 15px;

    }

    .titre-proposons {

        font-size: 20px;

    }

}

/* ------------------------------------------------------------ *\

        list-logos

\* ------------------------------------------------------------ */

.list-logos {

    list-style: none;

    text-align: center;

    padding: 0;

}

.list-logos a {

    display: inline-block;

    text-decoration: none;

    opacity: 1;

    transition: all .3s;

}

.list-logos a:hover {

    opacity: .7;

}

.list-logos li {

    display: inline-block;

    vertical-align: middle;

    min-height: 142px;

}

.list-logos li img {

    vertical-align: middle;

}

.list-logos li + li {



}

@media (min-width: 1200px) {

    .seven-cols .col-md-1,

    .seven-cols .col-sm-1,

    .seven-cols .col-lg-1 {

        width: 14.285714285714285714285714285714%;

        *width: 14.285714285714285714285714285714%;

    }

}

/* 14% = 100% (full-width row) divided by 7 */



img{

    max-width: 100%;

}

/* ------------------------------------------------------------ *\

        Slider

\* ------------------------------------------------------------ */

.slides {

    margin:0;

    padding: 0;

}

.slider {

    position: relative;

}

.slider .slides {

    list-style: none outside none;

    margin: 0;

}

.slider .owl-item {

    backface-visibility: visible;

}

.slider-intro {

    overflow: hidden;

}

.slider-intro .slide {

    position: relative;

    overflow: hidden;

}

.slider-intro .slide-image {

    position: relative;

    z-index: 1;



    background-size: cover;

    background-position: center center;

    background-repeat: no-repeat;

}

.slider-intro .slide-image img {

    display: none;

}

.slider-intro .slide-content {

    position: absolute;

    left: 50px;

    bottom: 54px;

    z-index: 2;

    width: 100%;

}

.slider-intro .slide-content .info-slide {

    background-color: rgba(255, 255, 255, 0.5);

    padding: 10px 20px 10px 20px;

    display: inline-block;

}

.slider-intro .slide-content h2 {

    position: relative;

    display: inline-block;

    margin: 0;

    padding: 0;

    color: #9E2C63;

    text-transform: uppercase;

    font-weight: bold;

    line-height: 1;

}

.slider-intro .slide-content .prix, .slider-intro .slide-content .ttc {

    color : #2774bc;

    font-weight: bold;

    font-size: 45px;

}

.slider-intro .slide-content .ttc {

    font-size:25px

}

.slider-intro .slide-content h2 .a-partir {

    color : black;

    font-size : 0.3em;

    text-transform: none;

}

.slider-intro .slide-content h2 i {

    float: right;

}

.slider-intro .slide-content h2 strong {

    font-weight: 400;

}

.slider-intro .owl-dots {

    position: absolute;

    bottom: 11px;

    left: 0;

    width: 100%;

    text-align: center;

}

.slider-intro .owl-dot {

    display: inline-block;

    vertical-align: middle;

    width: 10px;

    height: 10px;

    border-radius: 50%;

    margin: 0 6px;

    background: #337ab7;

    -webkit-transition: background 0.3s;

    -o-transition: background 0.3s;

    transition: background 0.3s;

}

.slider-intro .owl-dot:hover,

.slider-intro .owl-dot.active {

    background: #fff;

}

@media (max-width: 767px) {

    .slider-intro .slide-content {

        position: absolute;

        left: 20px;

        bottom: 54px;

        z-index: 2;

        width: 100%;

        top:0;

    }

    .slider-intro .slide-image {

        height: auto;

    }

    .slider-intro .slide-content h2 {

        font-size: 20px;

    }

    .slider-intro .slide-content .prix {

        font-size: 30px;

    }



}

.partenaires {

    padding: 20px 0;

}

.contenu-home {

    padding: 50px 0 150px;

}

/* Opacity #2 */

.hover12 {

    background: #9E2C63;

}

.hover12  img {

    opacity: 1;

    -webkit-transition: .3s ease-in-out;

    transition: .3s ease-in-out;

}

.hover12:hover img {

    opacity: .5;

}

.texte-violet {

    color : #9E2C63;

}

.texte-bleu {

    color : #253A76;

}

a.btn-choisi, a:hover.btn-choisi {

    color : white;

    background-color: #9E2C63;

    text-decoration: none;



}
.list-ref {
    background-color:#9E2C63 ;
    -webkit-box-shadow: 0px 0px 18px -2px #000000;
    box-shadow: 0px 0px 18px -2px #000000;
}
.list-ref:hover{
    background-color:#253A75 ;
}
#fond-contenu .list-ref h2 {
    padding: 20px 5px;
    margin: 0;
    text-transform: uppercase;
    font-size: 1em;
    text-align: center;
}
#fond-contenu .list-ref a {
    color : white;
    text-decoration: none;
}
.margin-bottom-10 {
    margin-bottom: 10px;
}
.en-savoir-plus  {
    color : white;
}