/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 28 sept. 2015, 11:53:49
    Author     : alex
*/

/* Body class is page-template-template-static */

/* styles generaux de la page */
.smp-page-style.content h2, .smp-page-style.content h3{
    position:relative;
    color:#d65656;
    font-size:16px;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
    float: left;
    padding-right: 5px;
}

.smp-page-style.content h3{
    font-size:14px;
}

.smp-page-style.content a{
    color:#d65656;
    text-decoration: underline;
}

.smp-page-style.content ul{
    display:block;
    padding-left:35px;
    border-left:1px solid #d65656;
    margin-left:20px;
    color:#d65656;
    line-height:30px;
    list-style-type: disc;
}

.smp-page-style.content ul span{
    color: #000;
}

.smp-page-style .wp-caption-text{
    display:block;
    width:100%;
    color:#797979;
    font-style:italic;
    text-align: center;
}

/* styles specifiques */
.smp-page-style.container{
    display:block;
    position:relative;
    width:85%;
    height:auto;
    margin:0 auto;
}

.smp-page-style .conteneur-texte{
    display:block;
    position:relative;
    width:66.5%;
    margin:0 auto;
    font-size: 16px;
}

.smp-page-style.content p{
    padding-bottom: 15px;
}

.smp-page-style .block-contenu-texte-1 #lipsum p{
	width:77.4%;
	margin:0 auto;
}

.page-template-template-static .image-bandeau{
    display:block;
    position:relative;
    width:100%;
    height:400px;
    /*background-image:url(image/statique/bandeau.png);*/
}


.page-template-template-static .block-titre-bandeau{
    display:block;
    position:relative;
    width: 50%;
    padding-top:21%;
    font-size:25px;
    letter-spacing:2px;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
}

.page-template-template-static .block-titre-bandeau .block-titre{
    display:block;
    position:relative;
}

.page-template-template-static .block-titre .titre-bandeau-1{
    background-color:rgba(255,255,255,0.8);
    padding:10px;
    color:black;
    margin-bottom:2px;
}
.page-template-template-static .block-titre .titre-bandeau-2{
    display:block;
    position:relative;
    background-color:rgba(255,255,255,0.8);
    padding:10px;
    color:black;
}

.page-template-template-static .block-contenu{
    display:block;
    width:100%;
    background-color:white;
}

.page-template-template-static .block-contenu-texte-1{
    display:block;
    width:100%;
    position:relative;
    padding-bottom:65px;
    line-height:30px;
}

.page-template-template-static .block-contenu-texte-2{
    display:block;
    width:100%;
    position:relative;
    padding-bottom:35px;
    line-height:30px;
}

.page-template-template-static .block-contenu-texte-3{
    display:block;
    width:100%;
    position:relative;
    padding-top:45px;
    padding-bottom:45px;
    line-height:30px;
}

.page-template-template-static .block-contenu-texte-3 a{
    color:#d65656;
}

.page-template-template-static .block-contenu-texte-4{
    display:block;
    width:100%;
    position:relative;
    padding-top:45px;
    line-height:30px;
}

.page-template-template-static .block-contenu-texte-4 .texte-sous-titre{
    display:inline-block;
    position:relative;
    color:#d65656;
    font-size:16px;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
}

.page-template-template-static .block-contenu-texte-5{
    display:block;
    width:100%;
    position:relative;
    padding-top:45px;
    padding-bottom:65px;
    line-height:30px;
}

.page-template-template-static .block-contenu-texte-2 .texte-sous-titre{
    display:inline-block;
    position:relative;
    color:#d65656;
    font-size:16px;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
}

.page-template-template-static .chemin-site{
    display:block;
    position:relative;
    width:720px;
    height:auto;
    margin:0 auto;
    font-size:12px;
    color:#777777;
}

.page-template-template-static .block-chemin-site{
    display:block;
    width: 100%;
    height: auto;
    background-color: white;
    z-index:100;
}

.page-template-template-static .block-chemin{
    display:inline-block;
    width:auto;
    height:auto;
    margin-left:2px;
    margin-right:2px;
    margin-top:50px;
    margin-bottom:50px;
    font-size:12px;
    color:#777777;
    text-decoration:none;
}

.page-template-template-static .block-chemin:first-child{
    margin-left:0px;
    margin-right:0px;
}

.page-template-template-static .block-chemin.litterature{
    color:#d65656;
    text-decoration:underline;
}

.page-template-template-static .image-bandeau-2{
    display:block;
    width:100%;
}

.page-template-template-static .image-bandeau-2 img{
    display:block;
    width:100%;
}

.page-template-template-static .sur-footer{
    display:block;
    width:100%;
    height:219px;
    background-image:url(image/statique/fond-sur-footer.png);
}

.page-template-template-static .block-newsletter{
    display:block;
    position:relative;
    width:100%;
    height:auto;
    top:70px;
}

.page-template-template-static .block-newsletter .block-left{
    display:block;
    float:left;
    width:590px;
}

.page-template-template-static .block-left .block-titre{
    font-size:16px;
    color:black;
    text-transform:uppercase;
    font-family:'Vinyl',sans-serif;
}

.page-template-template-static .block-left .block-texte{
    font-size:14px;
    margin-top:30px;
    line-height:20px;
    font-family:'Droid Serif',sans-serif;
}

.page-template-template-static .block-newsletter .block-right{
    display:block;
    float:right;
    margin-top:20px;
}

.page-template-template-static .champ-rechercher-ok{
    display:inline-block;
    padding-left:10px;
    width:237px;
    height:44px;
    border:0;
    vertical-align:top;
    font-size:12px;
}

.page-template-template-static .block-icone-ok{
    display:inline-block;
    width:46px;
    height:46px;
    margin-left:-4px;
    background-color:#363332;
    line-height:46px;
    color:white;
    text-align:center;
    font-size:12px;
}

.page-template-template-static .content img {
    max-width: 130%;
    margin-left: -15%;
    }

/*/////////////////////////////
/////// IPAD RESPONSIVE ///////
/////////////////////////////*/


@media screen and (max-width: 930px) {


    .page-template-template-static .content { width:100%;}
    .page-template-template-static .container-carousel {width:95%;}
    .page-template-template-static .container {width:95%;}

    .page-template-template-static .slide .block-image {height:auto;width: 31%;}

    /*///// MISE EN AVANT /////*/

    .page-template-template-static .block-mise-en-avant {width:98.1vw;height:75vw;}
    .page-template-template-static .block-mise-en-avant .block.left {background-size:50vw;}
    .page-template-template-static .block.left .block-qui-sommes-nous {height: 25vw;}
    .page-template-template-static .block-qui-sommes-nous .left-titre {margin-top: 35px;}
    .page-template-template-static .block-qui-sommes-nous .left-texte {width: 95%;margin-top: 20px;font-size: 11px;}
    .page-template-template-static .block-qui-sommes-nous .left-bouton {margin-top: 10px;}


    .page-template-template-static .block.right .block-newsletter {height: 25vw;background-size:cover;}
    .page-template-template-static .block-newsletter .right-titre {top:35%;}
    .page-template-template-static .block.right .block-contenus-gratuits {height: 25vw;background-size:25vw;}
    .page-template-template-static .block-contenus-gratuits .contenus-titre {margin-top: 37px;line-height: 25px;}
    .page-template-template-static .block-contenus-gratuits .contenus-texte {width: 95%;margin-top: 15px;font-size: 11px;}

    .page-template-template-static .block.right .block-en-langue-etrangeres {height: 25vw;background-size:25vw;}
    .page-template-template-static .block-en-langue-etrangeres  .langue-titre {margin-top: 37px;line-height: 25px;}
    .page-template-template-static .block-en-langue-etrangeres  .langue-texte {width: 95%;margin-top: 15px;font-size: 11px;}

    /*///// ACTUS /////*/

    .page-template-template-static .block-actus {width: 95vw;height: 66.6vw;}
    .page-template-template-static .actus {background-position:top center;background-size:cover;}
    .page-template-template-static .actualite {height: 66.6vw;}
    .page-template-template-static .actualite.left {background-size: 33.3vw;}
    .page-template-template-static .actualite.middle {background-size: 33.3vw;}
    .page-template-template-static .actualite.middle > .actualite-bleu {top: 33.3vw;}
    .page-template-template-static .actualite.right {background-size: 33.3vw;}
    .page-template-template-static .actualite-bleu {height: 33.3vw;}
    .page-template-template-static .actualite-date {top:30%;}
    .page-template-template-static .actualite-texte{top:35%;margin-bottom:25px;}
    .page-template-template-static .actualite-savoir-plus {top:35%;}

}

/*/////////////////////////////////
/////// FIN IPAD RESPONSIVE ///////
/////////////////////////////////*/

@media screen and (max-width: 700px) {

    /*///// ACTUS /////*/


    .page-template-template-static .block-actus {width: 95vw;height: 95vw;}
    .page-template-template-static .actus {background-position:top center;background-size:cover;}
    .page-template-template-static .actualite {height: 95vw;width: 47.5vw;}
    .page-template-template-static .actualite.left {background-size: 47.5vw;background-position:bottom;}
    .page-template-template-static .actualite.middle {background-size: 47.5vw;}
    .page-template-template-static .actualite.middle > .actualite-bleu {top: 47.5vw;}
    .page-template-template-static .actualite.right {display:none;}
    .page-template-template-static .actualite-bleu {height: 47.5vw;}
    .page-template-template-static .actualite-date {top:30%;}
    .page-template-template-static .actualite-texte{top:35%;margin-bottom:25px;}
    .page-template-template-static .actualite-savoir-plus {top:35%;}

    .page-template-template-static .block-en-langue-etrangeres  .langue-titre {    margin-top: 16px;line-height: 25px;}

}


/*///////////////////////////////
/////// IPHONE RESPONSIVE ///////
///////////////////////////////*/


@media screen and (max-width : 480px) {


    /*///// MISE EN AVANT /////*/

    .page-template-template-static .block-mise-en-avant{display:none;}
    .page-template-template-static .block-mise-en-avant-responsive{display:block;}
    .page-template-template-static .block-mise-en-avant-responsive .block.left {background-size:100vw;}
    .page-template-template-static .block-mise-en-avant-responsive .block-newsletter {height: 50vw;background-size:100vw;}
    .page-template-template-static .right-titre {top: 86px;}
    .page-template-template-static .block.left .block-qui-sommes-nous {height: 50vw;}
    .page-template-template-static .block-qui-sommes-nous .left-titre {margin-top: 45px;}
    .page-template-template-static .block-qui-sommes-nous .left-texte {width: 75%;margin-top: 20px;font-size: 11px;}
    .page-template-template-static .block-qui-sommes-nous .left-bouton {margin-top: 10px;}
    .page-template-template-static .block {display:block;width: 100%;}
    .page-template-template-static .block.left {float:none;height:150vw;}
    .page-template-template-static .block.right {float:none;}
    .page-template-template-static .block.right .block-contenus-gratuits {height:50vw; background-size:50vw;}
    .page-template-template-static .block-contenus-gratuits .contenus-texte {width: 85%;}
    .page-template-template-static .contenus-titre {margin-top: 45px;line-height: 25px;}
    .page-template-template-static 	.contenus-texte {width: 80%;margin-top: 15px;font-size: 11px;}
    .page-template-template-static .block.right .block-en-langue-etrangeres {height:50vw; background-size:50vw;}
    .page-template-template-static .langue-titre {margin-top: 45px;line-height: 25px;    margin-top: 37px;}
    .page-template-template-static .block-en-langue-etrangeres .langue-texte {width: 85%;margin-top: 15px;font-size: 11px;}

    /*///// ACTUS /////*/

    .page-template-template-static .actualite-texte {font-size: 10px;}
    .page-template-template-static .actualite-date {top: 10%;}
    .page-template-template-static .actualite-texte {top: 15%;}
    .page-template-template-static .actualite-savoir-plus {top: 3%;}
    .page-template-template-static .actus {background-position:top center;background-size:cover;}

}

/*////////////////////////
/////// FIN IPHONE ///////
////////////////////////*/


@media screen and (max-width: 340px) {

    /*///// ACTUS /////*/


    .page-template-template-static .actus {height:615px;background-position:top center;background-size:cover;}

}