@import url(https://fonts.googleapis.com/css?family=Poppins:400,700,600,500,300);
@import url(https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,600,700);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@charset "utf-8";
/* CSS Document */


html, body {
	margin:0px;
	min-height: 100%;
	overflow-x: hidden;
    font-family: 'Open Sans', sans-serif;
}

body {
	min-height: 100%;
	min-width:100%;
}



.sepa_menu {
	display:inline-block;
}



.cadre_logo {
	display:inline-block;
    vertical-align:top;
    margin-top:12px;
}

.element_menu, .element_menu_select {
    overflow:hidden;
	height: 40px;
    padding-top: 20px;
    position: relative;
    font-weight: bold;
    font-size: 17px;
    text-align: center;
    color: #fff;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
    display:inline-block;
    vertical-align:top;
    cursor:pointer;
    background-image:url('../images/pointer_menu.png');
    background-repeat:no-repeat;
    background-position:center 74px;
    -webkit-transition:background-position 0.3s ease;
    letter-spacing : 2px;
}

.element_menu_select {
    background-position:bottom center;
    color:#fdfcee;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.9), 0px 8px 13px rgba(0,0,0,0.7), 0px 18px 23px rgba(0,0,0,0.1);
}

.element_menu:hover {
    background-position:bottom center;
}

#menu a, #menu_mobil a {
    text-decoration:none;
}


.cadre_ele_form {
    display:inline-block;
    vertical-align:top;
    margin-right:5px;
    margin-bottom:5px;
}

.formulaire_publique {
    background-color:#fff;
    color:#4a4a4a;
    padding:4px;
}

.btn_validation {
    background-color:#363839;
    color:#fff;
    cursor:pointer;
    display:inline-block;
    padding:10px;
    text-shadow: 0px 4px 3px rgba(0,0,0,0.4), 0px 8px 13px rgba(0,0,0,0.1), 0px 18px 23px rgba(0,0,0,0.1);
    -webkit-transition: all 0.15s linear;
    -moz-transition: all 0.15s linear;
    -o-transition: all 0.15s linear;
    transition: all 0.15s linear;
    border-radius:5px;
}

.btn_validation:hover {
    background-color:#697793;
    border-radius:0px;
}

@media screen and (min-width:120px) {
	.que_diffu_large, .que_diffu_medium, .que_diffu_large_et_medium {
        display: none !important;
    }

    .que_diffu_small, .que_diffu_medium_et_small, .que_diffu_large_et_small, #menu_mobil {
        display: block !important;
    }

    .que_diffu_small, .que_diffu_medium_et_small, .que_diffu_large_et_small, #menu_mobil {
        display: block !important;
    }

    .centre_de_page {
        width:320px;
        margin:auto;
    }

    #header_top {
        background-image:url('../images/bg.png');
        width:100%;
        height:60px;
        position:relative;
    }

    .englobe_menu {
		width:320px;
		margin:auto;
	}

    .cadre_menu {
        display:inline-block;
    }


    /* BLOCK menu mobile refonte steeve */
    #cadre_des_bouton_menu_mobil {
        width:23px;
        height:23px;
        position:relative;
        margin-left:5px;
        display:inline-block;
        vertical-align:top;
        margin-top:24px;
        cursor:pointer;
    }



    .nom_menu_rapide {
        font-size: 8px;
        color: #fff;
        font-family: 'Poppins',sans-serif;
        font-weight: 600;
        letter-spacing: 4px;
        position:absolute;
        top:35px;
    }


    .btn_menu_rapide, .btn_menu_rapide:before, .btn_menu_rapide:after
    {
        display: block;
        content: '';
        position: absolute;
        left: 0;
        width: 23px;
        height: 2px;
        background-color: #f9f9f9;
        -webkit-transition: all 0.15s linear;
        -moz-transition: all 0.15s linear;
        -o-transition: all 0.15s linear;
        transition: all 0.15s linear;
    }

    .btn_menu_rapide:before{ top: -8px; }
    .btn_menu_rapide{ top: 0.7em; }
    .btn_menu_rapide:after{ top: 8px; }

    #cadre_des_bouton_menu_mobil.open .btn_menu_rapide,
    #cadre_des_bouton_menu_mobil.open .btn_menu_rapide:before,
    #cadre_des_bouton_menu_mobil.open .btn_menu_rapide:after
    {
      background-color: #fff;
    }

    #cadre_des_bouton_menu_mobil:hover .btn_menu_rapide:before{ top: -6px; }
    #cadre_des_bouton_menu_mobil:hover .btn_menu_rapide:after{ top: 6px; }

    #cadre_des_bouton_menu_mobil.open .btn_menu_rapide{ width: 0; }
    #cadre_des_bouton_menu_mobil.open .btn_menu_rapide:before
    {
        top: 0em;
        -moz-transform: rotate(45deg);
        -webkit-transform: rotate(45deg);
        -o-transform: rotate(45deg);
        -ms-transform: rotate(45deg);
        transform: rotate(45deg);
    }
    #cadre_des_bouton_menu_mobil.open .btn_menu_rapide:after
    {
        top: 0em;
        -moz-transform: rotate(-45deg);
        -webkit-transform: rotate(-45deg);
        -o-transform: rotate(-45deg);
        -ms-transform: rotate(-45deg);
        transform: rotate(-45deg);
    }



    #cadre_des_bouton_menu_mobil .menu_rapide_haut {
        width:150px;
        position:absolute;
        top:40px;
        right:120px;
        background-color:#fbfbfb;
        display:none;
        z-index:11;
    }

    #cadre_des_bouton_menu_mobil.open .menu_rapide_haut {
        position: relative;
        background: #fbfbfb;
        border: 1px solid #a7a7a7;
        display:block;
    }

    #cadre_des_bouton_menu_mobil.open .menu_rapide_haut:after, #cadre_des_bouton_menu_mobil.open .menu_rapide_haut:before {
      bottom: 100%;
      right: 40px;
      border: solid transparent;
      content: " ";
      height: 0;
      width: 0;
      position: absolute;
      pointer-events: none;
    }

    #cadre_des_bouton_menu_mobil.open .menu_rapide_haut:after {
      border-color: rgba(255, 255, 255, 0);
      border-bottom-color: #fbfbfb;
      border-width: 17px;
      margin-right: -37px;
    }

    #cadre_des_bouton_menu_mobil.open .menu_rapide_haut:before {
      border-color: rgba(248, 248, 248, 0);
      border-bottom-color: #a7a7a7;
      border-width: 18px;
      margin-right: -38px;
    }

    #cadre_des_bouton_menu_mobil.open .menu_rapide_haut .cat-title {
      display:none;
    }

    #cadre_des_bouton_menu_mobil .menu_rapide_haut .menu-content {
      -webkit-transition: all 0.8s ease-in-out;
      -moz-transition: all 0.8s ease-in-out;
      -o-transition: all 0.8s ease-in-out;
      transition: all 0.8s ease-in-out;
      opacity:0;
    }

    #cadre_des_bouton_menu_mobil.open .menu_rapide_haut .menu-content {
      opacity:1;
    }

    .element_menu_mobil, .element_menu_mobil_select {
        height: 20px;
        padding-top: 6px;
        padding-bottom: 6px;
        position: relative;
        font-weight: bold;
        font-size: 13px;
        text-align: center;
        color: #5a5a5a;
        cursor:pointer;
        font-family: 'Poppins', sans-serif;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#ffffff+0,e5e5e5+100;White+3D */
        background: #ffffff; /* Old browsers */
        background: -moz-linear-gradient(top,  #ffffff 0%, #e5e5e5 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #ffffff 0%,#e5e5e5 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #ffffff 0%,#e5e5e5 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#e5e5e5',GradientType=0 ); /* IE6-9 */
    }

    .element_menu_mobil_select, .element_menu_mobil:hover {
        color:#2d4652;
        /* Permalink - use to edit and share this gradient: http://colorzilla.com/gradient-editor/#f4f9f9+0,d2d9dd+100 */
        background: #f4f9f9; /* Old browsers */
        background: -moz-linear-gradient(top,  #f4f9f9 0%, #d2d9dd 100%); /* FF3.6-15 */
        background: -webkit-linear-gradient(top,  #f4f9f9 0%,#d2d9dd 100%); /* Chrome10-25,Safari5.1-6 */
        background: linear-gradient(to bottom,  #f4f9f9 0%,#d2d9dd 100%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
        filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#f4f9f9', endColorstr='#d2d9dd',GradientType=0 ); /* IE6-9 */
    }

    /* FORMULAIRE */
    .retour_erreur_formulaire {
        margin-top:25px;
        margin-bottom:25px;
        width: 300px;
        margin:auto;
    }

    .element_formulaire {
        display: block;
    }

    .label_formulaire {
        color:#dedede;
        padding:5px;
        display:block !important;
        margin-bottom:0px !important;
        text-align: left !important;
    }

    .champ_formulaire {
        padding:5px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .par_dessus_cadre_bouton_upload_fichier {
        display:none;
    }


    .champ_form {
        border: 1px solid #F4F2F2;
        background-color: #F4F2F2;
        color: #535353;
        width: 100%;
        padding: 10px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .champ_form_textarea {
        border: 1px solid #F4F2F2;
        background-color: #F4F2F2;
        color: #535353;
        width: 100%;
        padding: 10px;
        height:100px;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .btn_valide_contact {
        font-size:20px;
        border:1px solid #fff;
        padding: 15px;
        text-align: center;
        -webkit-transition: all 0.1s ease-in-out;
        -moz-transition: all 0.1s ease-in-out;
        -o-transition: all 0.1s ease-in-out;
        transition: all 0.1s ease-in-out;
    }

    .btn_valide_contact:hover {
        color:#404040;
        background-color:#e6e6e6;
    }

    .retour_formulaire {
        width:300px;
        margin:auto;
        -webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
    }

    .champ_formulaire {
        text-align: center;
    }

    .receptacle_capcha {
        width:180px;
        margin:auto;
    }
}


@media screen and (min-width:760px) {

    .que_diffu_large, .que_diffu_small, .que_diffu_large_et_small, #menu_mobil {
        display: none !important;
    }

    .que_diffu_medium, .que_diffu_large_et_medium, .que_diffu_medium_et_small {
        display: block !important;
    }

    .centre_de_page {
        width:720px;
        margin:auto;
    }

    #cadre_des_bouton_menu_mobil {
        display:none;
    }

    #header_top {
        background-image:url('../images/bg.png');
        width:100%;
        height:147px;
        position:relative;
    }

    .englobe_menu {
		width:760px;
		margin:auto;
	}

    .cadre_menu {
        display:block;
    }

     /* FORMULAIRE */

    .retour_erreur_formulaire {
        width:auto;
    }

    .element_formulaire {
        display: inline-block;
        width:49%;
        vertical-align: top;
    }

    .retour_formulaire {
        width:auto;
    }

    .champ_formulaire {
        text-align: left;
    }

    .receptacle_capcha {
        width:auto;
    }

    .champ_form_textarea {
        width: 98.5%;
    }
}

@media screen and (min-width:1000px) {

    .que_diffu_medium, .que_diffu_small, .que_diffu_medium_et_small {
        display: none !important;
    }

    .que_diffu_large, .que_diffu_large_et_medium, .que_diffu_large_et_small {
        display: block !important;
    }

    .centre_de_page {
        width:1000px;
        margin:auto;
    }

    #cadre_des_bouton_menu_mobil {
        display:none;
    }

    #header_top {
        background-image:url('../images/bg.png');
        width:100%;
        height:60px;
        position:relative;
    }

    .englobe_menu {
		width:1000px;
		margin:auto;
	}

	.cadre_menu {
		display:inline-block;
        margin-left:20px;
	}

    .element_menu, .element_menu_select {
        margin-right:20px;
    }
}