/*_______   ______   .__   __. .___________.        ___      ____    __    ____  _______      _______.  ______   .___  ___.  _______ 
|   ____| /  __  \  |  \ |  | |           |       /   \     \   \  /  \  /   / |   ____|    /       | /  __  \  |   \/   | |   ____|
|  |__   |  |  |  | |   \|  | `---|  |----`      /  ^  \     \   \/    \/   /  |  |__      |   (----`|  |  |  | |  \  /  | |  |__   
|   __|  |  |  |  | |  . `  |     |  |          /  /_\  \     \            /   |   __|      \   \    |  |  |  | |  |\/|  | |   __|  
|  |     |  `--'  | |  |\   |     |  |         /  _____  \     \    /\    /    |  |____ .----)   |   |  `--'  | |  |  |  | |  |____ 
|__|      \______/  |__| \__|     |__|        /__/     \__\     \__/  \__/     |_______||_______/     \______/  |__|  |__| |_______|*/

@import url("font-awesome.css");


/* ---- Pour changer la couleur des icônes ----*/
i {
    //color: #000000;
    margin: 0 0.5em 0.6em 0.5em;
}
i li {
    color: #c62626;
}

/*
  ______   ______   .__   __. .___________. _______ .__   __. .___________.
 /      | /  __  \  |  \ |  | |           ||   ____||  \ |  | |           |
|  ,----'|  |  |  | |   \|  | `---|  |----`|  |__   |   \|  | `---|  |----`
|  |     |  |  |  | |  . `  |     |  |     |   __|  |  . `  |     |  |     
|  `----.|  `--'  | |  |\   |     |  |     |  |____ |  |\   |     |  |     
 \______| \______/  |__| \__|     |__|     |_______||__| \__|     |__|     
                                                                        */
.container-fluid {

    margin: 0 auto;
    max-width: 1800px;
    padding-left: 0;
    padding-right: 0;

}

html {
    //font-size: 1em;
    position: relative;
    min-height: 100%;
}



body {
    font-family: 'Bitter', serif;
    color: #1b1c20;
    font-size: 1.1em;
    font-weight: 400;
    line-height: 1.625em;
    width: 100%;
    margin: auto;
    padding: 0px;
    background-image: url(/images/arriere-plan-site.jpg);
    background-repeat: no-repeat;
    background-size: cover;   
}


article {
    /*
    max-width: 1950px;
    margin: auto;
    padding: 2.5em 1em 2.5em 1em;
    margin-left: auto;
    margin-right: auto;
    */
}


/* ----  L I G N E   ---- */

hr { width:100%; height: 3px; background: #808D93;}


/* ---- C O N T E N U  F L U I D E---- */

.row-fluid {
    //margin: auto;
    //background-color: #c51f25;
    //width:100%;
}


/* ---- A L I G N E M E N T ---- */
.gtm_clear {
    clear: both;
    line-height: 0em;
}


/* ----  F O O T E R  ---- 
.gtm_footer {
    position: absolute;
    bottom: 0;
    height: 100px;
    width: 100%;
    overflow:hidden;
*/
    
/* Marge entre menu et bannière*/
.gtm_heading {
    margin-bottom: -20px;
}


/* ---   C O P Y R I G H T   ---*/

.gtm_copyright {
    clear: both;
    text-align: center;
    margin: auto;
}

/*pour les modules - top 1 à 8*/
.gtm_1000 {
    margin: 0 auto;
    max-width: 1000px;
}

/* ---- I M A G E S ---- */
img {
    // border: 0.063em solid black;
    //margin: 0 ;
    //margin: 0 0 10px 0;
    //max-width: 100%;
    //padding-left: 0px;
}


/*  ---  M E N U   ---   */

.gtm_menu_background {
    //position: absolute;
    // border: solid 1px red; 
    //height: 66px;
    background: #000000;
    width: 100%;
}

/*--- BOUTONS FORMULAIRES --- */
.gtm_container_bouton{
	margin: auto;	
    text-align: center;

}
/*--- FORMULAIRE COMMENTAIRE --- */
.formResponsive .formHorizontal .formControlLabel {
    float: left;
    width: 180px;
    padding-top: 5px;
    padding-right: 10px;
    text-align: right;
}
.formResponsive .formHorizontal input, .formResponsive .formHorizontal textarea, .formResponsive .formHorizontal select, .formResponsive .formHorizontal .formValidation, .formResponsive .formHorizontal .uneditable-input, .formResponsive .formHorizontal .input-prepend, .formResponsive .formHorizontal .input-append {
    display: inline-block;
    margin-bottom: 0;
    min-width: 300px;
}

@media only screen and (max-width: 600px) {
.formResponsive .formHorizontal input, .formResponsive .formHorizontal textarea, .formResponsive .formHorizontal select, .formResponsive .formHorizontal .formValidation, .formResponsive .formHorizontal .uneditable-input, .formResponsive .formHorizontal .input-prepend, .formResponsive .formHorizontal .input-append {
    max-width: 150px;
    margin-left: 20px;
    margin-right: 20px;
    }
}

.formResponsive input[type="button"], .formResponsive input[type="submit"], .formResponsive input[type="reset"] {
    display: inline-block;
    padding: 7px 10px 7px;
    margin-bottom: 0;
    font-size: 15px;
    line-height: 18px;
    color: #fff;
    text-align: center;
    vertical-align: middle;
    cursor: pointer;
    background-color: #480404;
    background-repeat: repeat-x;
    border: 1px solid #480404;
    background-image: none;
    text-shadow: none;
}

.formResponsive input[type="button"]:hover, .formResponsive input[type="reset"]:hover, .formResponsive input[type="submit"]:hover {
    color: #480404;
    text-decoration: none;
    background-color: #e6e6e6;
    background-position: 0 -15px;
    -webkit-transition: background-position 0.1s linear;
    -moz-transition: background-position 0.1s linear;
    -ms-transition: background-position 0.1s linear;
    -o-transition: background-position 0.1s linear;
    transition: background-position 0.1s linear;
}


/* --------  T Y P O G R A P H I E --------  */



/* -- Style megamenu CSS version mobile -- 

#jux_megamenucss3 .jux-fa.jux-fa-bars {
    color: #000;
}
*/

/* --------  css megamenu css --------  

.gtm_mega_menu { 
    color:#363636;
    font-size:1.6em;
    font-weight:normal;
    font-variant: all-petite-caps;
    margin-left: 20px

} */


/* ---- P A G E   T I T L E ----  */

/*.gtm_h1, .componentheading, .contentheading {
    font-size: 2.4em;
    margin: -0.5em 0 1em 1.3em;
    line-height: 1.1em;

} */

/* ---- H E A D I N G S ---- */

/*h1 h2 h3 h4 h5 h6 {
    margin-top: 0px;
}*/

h1 {
    font-size: 3em;
    font-family: 'Bitter', serif;
    margin: 0 0 15px;
    font-weight: 400;
    font-style: normal;
    text-transform: uppercase;
    color: #000000;
    line-height: 1.3em;
}

/* ---- A F F I C H A G E  T I T R E  S U R  T A B L E T T E  ----  */

@media only screen and (max-width: 1080px)  {
        h1 {
    font-size: 2em;
}
}

/* ---- A F F I C H A G E  T I T R E  S U R  M O B I L E  ----  */

@media only screen and (max-width: 560px)  {
        h1 {
    font-size: 1.4em;
}
}

h2 {
    font-size: 1.7em;
    margin: 15px 0px 0px 0px;
    font-weight: 400;
    font-style: normal;
    color: #e8ded5;
    line-height: 1.3em;
}

h3 {
    padding: 0em 1em 0em 2.3em;
    font-family: 'Bitter', serif;
    font-weight: 700;
    font-style: normal;
    font-size: 1.2em;
    background-color: rgba(232,222,213,0.8);
    width: 92%;
    margin-left: -51px;
    margin-top: 16px;
    color: #6d0c16;
    line-height: 32px;
}
@media only screen and (min-width: 1024px)  {
        h3 {
	width: 82%;
	}}

	@media only screen and (min-width: 1200px)  {
        h3 {
	width: 95%;
	}}

h4 {
	font-family: 'Bitter', serif;
    font-weight: 600;
    font-style: normal;
    font-size: 1.2em;
    color: #454545;
    line-height: 1.4em;
    padding: 0.6em 0.5em;
}

/* ---- A F F I C H A G E  T I T R E  S U R  T A B L E T T E  ----  */

@media only screen and (max-width: 1080px)  {
        h4 {
    font-size: 1.2em;
}
}

h5 {
    margin: 0 0 25px 0px;
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    color: rgba(51, 51, 51, 1);
    line-height: 1.05em;
}


/* ---- A F F I C H A G E  T I T R E  S U R  T A B L E T T E  ----  */

@media only screen and (max-width: 1080px)  {
        h5 {
    font-size: 0.8em;
}
}


h6 {
    margin: 0 0 25px 0px;
    font-weight: 400;
    font-style: normal;
    font-size: 1em;
    color: rgba(0, 0, 0, 1);
    line-height: 1.05em;
    padding: 0 1.5em;
}

/* ---- A F F I C H A G E  T I T R E  S U R  T A B L E T T E et M O B I L E ----  */

@media only screen and (max-width: 1080px)  {
       h6 {
    font-size: 0.7em;
    line-height: 1.5em;
}
}


p {
    margin: 0px 0px 20px 0px;
    text-transform: inherit;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.55em;
    font-style: normal;
    color: #e8ded5;
    padding: 0 1em;
}

/* ---- A F F I C H A G E  T I T R E  S U R  T A B L E T T E  ----  */

@media only screen and (max-width: 1080px)  {
       p {
    font-size: 1.1em;
}
}

/* ---- A F F I C H A G E  T I T R E  S U R  M O B I L E  ----  */

@media only screen and (max-width: 560px)  {
        p {
    font-size: 0.9em;
}
}


/* ---- L I E N S ---- */
a {
    font-size: 1em;
    color: #fff;
    font-weight: 400;
    text-decoration: none;

}

a:active, a:hover {
    color: #600c18;
    text-decoration: none!important;
}

a:visited {
	color: #600c18;
    text-decoration: none;
}

/**** LISTE ESPACE ****/
li {
    line-height: 30px;
    margin-bottom: 30px;
}

/* Bouton bootstrap */

.btn {
    padding: 10px;
    border: 0 none;
    font-family: 'Bitter', serif;
    font-size: 1em;
    font-weight: 400;
    letter-spacing: 1px;
    text-transform: none;
    text-shadow:  none;
    border-radius: 0;
}
 
.btn:focus, .btn:active:focus, .btn.active:focus {
    outline: 0 none;
}

.btn:visited {
    color:#967f52;

}


/******* bouton pleine couleur bootstrap *******/
 
.btn-primary {
    background: #6d0c16;
    font-family: 'Bitter', serif;
    font-size: 0.7em;
    font-weight: 400;
    color: #e8ded5;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    line-height: 1.9em;
    white-space: normal;
    text-align: center;
    //min-width: 88%;

}

@media only screen and (min-width: 768px)  {
.btn-primary {
    background: #6d0c16;
    font-family: 'Bitter', serif;
    font-size: 0.8em;
    font-weight: 400;
    color: #e8ded5;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    line-height: 1.9em;
    white-space: normal;
    text-align: center;
    //min-width: 88%;

}
}
/*@media only screen and (min-width: 480px) {
.btn-primary {
    min-width: 437px;
 }
 }

/* @media only screen and (max-width: 479px) {
.btn-primary {
      }
*/

 
.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open > .dropdown-toggle.btn-primary {
    background: #967f52;
    color: #fff;
    text-decoration: none;
}
 
.btn-primary:active, .btn-primary.active {
    background: #967f52;
    box-shadow: none;
}
.btn-primary:visited {
    color:#fff;

}

/******* bouton contour bootstrap *******/
.btn.outline {
    background: none;
    padding: 5px;

}

.btn-primary.outline {
    background: none;
    border: 3px solid #880707;
    color: #880707;
    white-space: normal;
    text-align: center;
    margin: 3px;
}

.btn-primary.outline:hover, .btn-primary.outline:focus, .btn-primary.outline:active, .btn-primary.outline.active, .open > .dropdown-toggle.btn-primary {
    background: none;
    color: #AD1314;
    border-color: #AD1314;
}
.btn-primary.outline:active, .btn-primary.outline.active {
    border-color: #480404;
    color: #480404;
    box-shadow: none;
}


/*  ---- PRÉSENTATION DES MARCHANDS  ---- */

/*.gtm_background_lamontagne{
    background-image: url(/images/farine-lamontagne.jpg);
    background-repeat: no-repeat;
    background-size: 90%;
    background-position: bottom left;
    mix-blend-mode: lighten;
    padding: 2em 2em;
}*/

.gtm_container_boucherie{
	 margin: 4em 0em 6em 0em;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
     background-image: none;

}

.gtm_container_lamontagne{
    margin: 4em 0em 6em 0em;
    display: flex;
    flex-direction: column-reverse;
    justify-content: flex-end;
     background-image: none;

}

.gtm_container_bieres{
 	margin: 4em 0em 1em 0em;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
     background-image: none;

}

.gtm_container_poissonnerie {
    margin: 4em 0em 6em 0em;
    display: flex;
    flex-direction: column;
    justify-content: flex-start;
    background-image: none;
}


.gtm_image_gauche{
    padding: 1em 1em 0em 0em;
    max-width: 100%;
}

.gtm_image_droite{
    padding: 1em 1em 0em 0em;
    max-width: 100%;
   float: right;
}

.gtm_nom_marchand_droit h4{
    background-color: #e8ded5;
    float:left;
    margin-top: -65px;
    margin-left: 0px;

}

.gtm_nom_marchand_gauche h4{
    background-color: #e8ded5;
    float:right;
    margin-top: -65px;
    margin-right: 0px;

}		

.gtm_background_texte{
    background-color: #967f52;
    padding: 2em 1em;
    margin-top: 2em;
}

.gtm_background_texte p{
    color:#fff;
    font-size: 0.9em;
    margin-bottom: 10px;
    margin-top: 14px;
}



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

	.gtm_background_texte{
		padding: 2em;
}

.gtm_container_lamontagne{
    margin: 3em 0em 1em 0em;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
    background-image: url(/images/arriere-plan-lamontagne.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    mix-blend-mode: lighten;
    padding: 1em 0em 0em 2em;
}
.gtm_container_boucherie{
    margin: 3em 0em 1em 0em;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
        background-image: url(/images/arriere-plan-boucherie.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    mix-blend-mode: lighten;
    padding: 1em 0em 0em 2em;
}

.gtm_container_poissonnerie{
    margin: 3em 0em 1em 0em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-image: url(/images/arriere-plan-poissonnerie.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    mix-blend-mode: lighten;
    padding: 2em 2em 0em 0em;
}
.gtm_container_bieres{
    margin: 3em 0em 1em 0em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-image: url(/images/arriere-plan-biere.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    mix-blend-mode: lighten;
    padding: 2em 2em 0em 0em;
}

.gtm_image_gauche{
    padding: 6em 2em 0em 0em;
    max-width: 500px;
}

.gtm_image_droite{
   padding: 5em 0em 0em 2em;
   max-width: 500px;
   float: right;
}

.gtm_nom_marchand_droit h4{
    background-color: #e8ded5;
    float:left;
    margin-top: -65px;
    margin-left: -45px;

}
    }




    @media only screen and (min-width: 1024px)  {
.gtm_container_lamontagne{
    margin: 4em 0em 6em 0em;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
     background-image: url(/images/arriere-plan-lamontagne.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    mix-blend-mode: lighten;
    padding: 4em 0em 0em 2em;
}
.gtm_container_boucherie{
    margin: 4em 0em 6em 0em;
    display: flex;
    flex-direction: row;
    justify-content: flex-end;
        background-image: url(/images/arriere-plan-boucherie.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: left;
    mix-blend-mode: lighten;
    padding: 4em 0em 0em 2em;
}

.gtm_container_poissonnerie{
    margin: 4em 0em 6em 0em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-image: url(/images/arriere-plan-poissonnerie.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    mix-blend-mode: lighten;
    padding: 4em 2em 0em 0em;
}
.gtm_container_bieres{
    margin: 4em 0em 1em 0em;
    display: flex;
    flex-direction: row;
    justify-content: flex-start;
    background-image: url(/images/arriere-plan-biere.png);
    background-repeat: no-repeat;
    background-size: contain;
    background-position: right;
    mix-blend-mode: lighten;
    padding: 4em 2em 0em 0em;
}

.gtm_image_gauche{
    padding: 4em 2em 2em 0em;
    max-width: 460px;
}

.gtm_image_droite{
    padding: 4em 0em 2em 3em;
    max-width: 460px;
   float: right;
}

.gtm_nom_marchand_droit{
    margin-left: -15px;

}
.gtm_nom_marchand_gauche{
    margin-right: -55px;
}
    }


@media only screen and (min-width: 1250px)  {
.gtm_image_droite{
   padding: 4em 0em 2em 7em;
   max-width: 480px;
   float: right;
}
.gtm_image_gauche{
   	padding: 4em 7em 2em 0em;
    max-width: 480px;
}
.gtm_nom_marchand_gauche {
    margin-right: -60px;
}

.gtm_nom_marchand_droit{
    margin-left: -20px;

}
}
   

@media only screen and (min-width: 1500px)  {
    .gtm_container_droit{
    justify-content: space-evenly;
}
.gtm_container_gauche{
    justify-content: space-evenly;
}

.gtm_container_poissonnerie{
	justify-content: space-evenly;
}
.gtm_container_bieres{
	justify-content: space-evenly;
}
.gtm_container_boucherie{
	justify-content: space-evenly;
}
.gtm_container_lamontagne{
	justify-content: space-evenly;
}
    }





/*  ---- B L O C S  ---- */

.gtm_recette_mois_container{
	background-image: url(/images/arriere-plan-bois-recette-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    padding:1em;
    text-align: center;

}
.gtm_recette_mois_container h2{
	margin-bottom:18px;
	}

.gtm_recette_mois_liens{
display: flex;
flex-direction: column;
}

.gtm_recette_container{
	background-image: url(/images/arriere-plan-bois-recette-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
	flex-direction: column;
	align-items: flex-start;
	}





.gtm_bandeau_concour {
    background-image: url(/images/bandeau-concours.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    flex-direction: row;
    margin-bottom: 3em;
    padding-bottom: 25px;
    padding-top: 25px;
}

.gtm_bandeau_concour h2 {
    text-align: center;
}
.gtm_bandeau_concour a#concours {
    text-align: center;
    color: white;
    font-size: 3em;
    padding-bottom: 0px;
    font-family: 'Bitter', serif;
    font-weight: 600;
    font-style: normal;
    padding-top:10px; 
}

.gtm_bandeau_concour a:hover {
    color: white;
}


.gtm_bandeau_concour .btn-primary {
    margin: 5px;
}






.gtm_recette_texte{
	padding: 35px 32px 0px 32px;
}

.gtm_recette_texte p{
    margin: 3px 0px 20px 0px;
    text-transform: inherit;
    font-size: 1.2em;
    font-weight: 400;
    line-height: 1.55em;
    font-style: normal;
    color: #e8ded5;
    padding: 10px 0px 0px 0px;
}

.gtm_recette_image{
	padding: 0.4em 2em 1em 2em;
	max-width: 450px;
}
@media only screen and (min-width: 768px)  {
	.gtm_recette_image{
	padding: 0em 0em 2.4em 3em;
}
.gtm_recette_mois_container{
	padding:2em;
}
.gtm_recette_mois_liens{
	display: flex;
	flex-direction: row;
	justify-content: center;
}
.gtm_recette_texte{
    padding: 35px 40px 0px 35px;
}
}

@media only screen and (min-width: 1024px)  {
	.gtm_recette_container{
    background-image: url(/images/arriere-plan-bois-recette-2.jpg);
    background-repeat: no-repeat;
    background-size: cover;
    background-position: center;
    display: flex;
    flex-direction: row;
    margin-bottom: 3em;
}

.gtm_recette_image{
	padding: 2.4em 2em 1.4em 5em;
}
.gtm_recette_texte{
	padding: 50px 50px 0px 50px;
}
}

.gtm_horaire{
text-align:left;
}

.gtm_horaire h3{
font-size: 2em;
}


/*   Design INFOLETTRE  */
.gtm_container_infolettre {
    display: flex;
    flex-direction: column;
    padding: 1em 2em;
}

.gtm_texte_infolettre{
	margin-top: 10px;
    padding-left: 0em;
}

@media only screen and (min-width: 768px)  {
	.gtm_container_infolettre {
    display: flex;
    flex-direction: row;
    padding: 2em 3em;
}
.gtm_texte_infolettre{
	margin-top: 58px;
    padding-left: 4em;
}

}

@media only screen and (min-width: 1024px)  {
	.gtm_container_infolettre {
    display: flex;
    flex-direction: row;
    padding: 2em 5em;
}
.gtm_texte_infolettre{
	margin-top: 58px;
    padding-left: 5em;
}
}

.acym_module_form {
    margin-left: 14px;
}


/*block pour footer*/
.gtm_block6 {
    background: #480404;
    color: #fff;
    text-align: center;
    padding: 10px 0px 10px 0px;
}

.gtm_block6 a{
    text-decoration: underline;
	}
	
	.gtm_block6 a:visited{
		color:#fff;
    text-decoration: underline;
	}

	.gtm_block6 a:hover{
		color:#eae6db;
    text-decoration: underline;
	}

.gtm_block6 h6{
  	color: #fff;
  	font-size:0.7em;
    text-align: center;
    padding: 10px 0px 10px 0px;
}


/*block pour footer*/
.gtm_block7 {
    background: #353535;
    color: #fff;
    text-align: center;
    padding: 10px 0px 10px 0px;
}
.gtm_block7 h6{
    color: #fff;
    font-size:0.7em;
    text-align: center;
    padding: 10px 0px 10px 0px;
}



/*  PERSONNALISATION DU MESSAGE D'ABONNEMENT ACYMAILING  */

div.acymailing_module_success {
    background-color: transparent !important;
    font-size: 2em !important;
    color: #ffffff !important;
}

/***** CLASS ET MEDIA POUR LOFO ENTÊTE *****/
.gtm_logo{
	text-align: center;
    padding: 2em;
    background-color: rgba(0, 0, 0, 0.5);
}


/* The animation images */
.gtm_anim {
  position:relative;
  width:100%;
  margin:0 auto;
}

.gtm_anim img {
  position:absolute;
  left:0;
  -webkit-transition: opacity 1s ease-in-out;
  -moz-transition: opacity 1s ease-in-out;
  -o-transition: opacity 1s ease-in-out;
  transition: opacity 1s ease-in-out;
}

.gtm_anim img.top:hover {
  opacity:0;
}






/*  ---- formulaire concours  ---- */

.gtm_concours {
    margin: 2%;
}

@media only screen and (min-width: 768px){
.gtm_concours {
    margin: 10%;
}
}

@media only screen and (min-width: 1024px){
.gtm_concours {
    margin: 20%;
}
}


/*texte-titre*/

.gtm_concours h2 {
    text-align: center;
    margin-bottom: 30px;
}


@media only screen and (min-width: 768px){
.gtm_concours h2 {
    margin-left: 27%;
    width: 300px;
    margin-bottom: 30px;
}
}

@media only screen and (min-width: 1024px){
.gtm_concours h2 {
    margin-left: 24%;
    width: 300px;
    margin-bottom: 30px;
}
}





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


.gtm_concours .formResponsive .formHorizontal .formControlLabel {
    float: left;
    width: 100px;
    padding-top: 5px;
    padding-right: 36px;
    text-align: right;
}
}





/*Bouton soumettre*/



.gtm_concours .formResponsive input[type="submit"], .formResponsive button[type="submit"] {
    background-color: #6d0c16;
    background-color: #0055cc;
    background-image: -ms-linear-gradient(top, #0088cc, #0055cc);
    background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#6d0c16), to(#6d0c16));
    background-image: -webkit-linear-gradient(top, #6d0c16, #6d0c16);
    background-image: -o-linear-gradient(top, #0088cc, #0055cc);
    background-image: -moz-linear-gradient(top, #0088cc, #0055cc);
    background-image: linear-gradient(top, #0088cc, #0055cc);
    background-repeat: repeat-x;
    border-color: #6d0c16 #6d0c16 #6d0c16;
    font-family: 'Bitter', serif;
    font-weight: 400;
    color: #e8ded5;
    padding: 10px;
    margin: 10px0px10px0px;
    line-height: 1.9em;
    white-space: normal;
    text-align: center;
}

.gtm_concours .formResponsive button[type="submit"]:hover{
        background-color: #967f52;
}



/*bouton soumettre*/

.gtm_concours button#soumettre {
    position: absolute;
    margin-left: 32%;
}


@media only screen and (min-width: 768px){
.gtm_concours button#soumettre {
    position: absolute;
    margin-left: 0%;
}
}


.gtm_concours .formResponsive .formHorizontal .formControlLabel {
    float: left;
    padding-top: 5px;
    padding-right: 10px;
    text-align: center;
}

@media only screen and (min-width: 1024px){
.gtm_concours .formResponsive .formHorizontal .formControlLabel {
    float: left;
    padding-top: 5px;
    padding-right: 30px;
    text-align: center;
}
}


.rsform.gtm_concours a {
    background: #6d0c16;
    font-family: 'Bitter', serif;
    font-size: 0.8em;
    font-weight: 400;
    color: #e8ded5;
    padding: 10px;
    margin: 10px 0px 10px 0px;
    line-height: 1.9em;
    white-space: normal;
    text-align: center;
}








/*  ---- L I S T E S  ---- *

ul {
    text-transform: inherit;
    font-size: 18px;
    font-family: Lato;
    font-weight: 300;
    font-style: normal;
    color: rgba(51, 51, 51, 1);
    margin: 0 1em 2em;
    padding: 0 0em;
    list-style: none;
}

li {
    //margin: -1em;
}

li:before {
    content: "";
    border-color: transparent #df5f1e;
    border-style: solid;
    border-width: 0.35em 0 0.35em 0.45em;
    display: block;
    height: 0;
    width: 0;
    left: -1em;
    top: 0.9em;
    position: relative;

} 


ol {
    //margin: 0 1em 2em;
    //padding: 2em 2em;
    //list-style: none;
}

ol li:before {
    border-width: 0;
    display: block;
    margin: 0 0 0.9em 2em;
    //padding: 0 1em;
    position: relative;
}


/*  ---- B L O C K Q U O T E  ---- */


/* ---- S T Y L E 1 ----
blockquote.style1 {
  font: 12px/18px normal "Courier New", sans-serif;
  padding-left: 70px;
  padding-top: 2px;
  padding-bottom: 2px;
  background-color: #000;
  color: white;
  border-top: 1px solid #ccc;
  border-bottom: 1px solid #ccc;
  margin: 5px;
  background-image: url(images/openquote5.gif);
  background-position: middle left;
  background-repeat: no-repeat;
  text-indent: 23px;
  }

blockquote.style1 div {
    padding-right: 50px;
    display: block;
    background-image: url(images/closequote5.gif);
    background-repeat: no-repeat;
    background-position: bottom right;
} 


/*  ---- R É F É R E N C E  ---- 
cite {
    margin: 0 0 0 6em;
    text-decoration: none;
    color: #838383;
    font-size: 1.2em;
}

/**  infolettre design champs  **/
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
	border-radius: 0px;
	border: solid 1px #fff;
	box-shadow: none;
	padding: 6px;
	color: #000;


}

label {
    display: block;
    margin-bottom: 5px;
    color: #ffffff;
    margin: auto;
    font-size: 1.1em;
    line-height: 1.2;
}

input[type="radio"], input[type="checkbox"] {
    margin: 0 10px;
}

.acymailing_module_form td {
    padding-bottom: 15px;
}

table {
    margin-top: 2em;
}

/****       ACCORDÉON    ****/

.gtm_fleche_accordeon{
	content: url(/images/arrow-down-sign-to-navigate.svg);
    width: 15px;
    display: inline-block;
    margin-left: 11px;
}

.nn_sliders.accordion>.accordion-group .panel-heading {
    background-color: rgb(255 255 255 / 40%);
    color: #454545;
    font-family: 'Bitter', serif;
    font-size: 0.8em;
    padding-top: 0.4em;
    margin-top: 6px;
    }

.nn_sliders.accordion > .accordion-group {
    border: none;
    border-radius: 0px;
}

.nn_sliders.accordion>.accordion-group.active>.accordion-heading>a.accordion-toggle {
    background-color: transparent;
    border:none;
}

.nn_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle:hover {
    text-decoration: none;
}
.rl_sliders.accordion>.accordion-group>.accordion-heading>a.accordion-toggle:hover {
     background-color: transparent;
    color: #000000;
    text-decoration: none;
}

.nn_sliders.accordion > .accordion-group > div > a:focus, .nn_sliders.accordion > .accordion-group.active > div > a:focus {
    box-shadow: none;
}

.nn_sliders.accordion>.accordion-group>.accordion-body>.accordion-inner {
    border-top: 2px solid #454545;
    padding: 0.4em;
    background-color: transparent;
}

.rl_sliders.accordion>.accordion-group .accordion-heading .accordion-toggle {
    display: block;
    padding: 8px 15px;
    cursor: pointer;
}

/***** POUR LIEN DANS ACCORDÉON ****/
.nn_sliders-toggle-inner {
    color: #000;
    font-size: 1.4em;
    font-weight: 500;
    text-decoration: none!important;
}


/* OUTIL A P M Z   P A R T A G E    R E S E A U   S O C I A L*/
.template_utrecht {
    color: #c9c9c9!important;
    background-color: #171820;
    border-color: transparent;
    border-bottom-color: transparent;
    border-bottom-color:transparent;
    text-shadow: none;
}

span.ampz_hide_sidebar {
    display: none;
}

#ampz_sidebar {
    position: fixed;
    top: 75%;
    z-index: 1041;
}

#ampz_sidebar .ampz_btn.ampz_btn_small {
    width: 37px;
    height: 37px;
    padding: 6px 0;
}

#ampz_mobile li {
    margin-bottom: 0!important;
}

.ampz_support_author {
    display: none;
}

.template_utrecht .ampz-icoon-facebook {
    color: #ac925f;
}
.template_utrecht .ampz-icoon-gmail {
    color: #ac925f;

   }
.template_utrecht .ampz-icoon-twitter {
    color: #ac925f;
}
.template_utrecht .ampz-icoon-linkedin {
    color: #ac925f;
}


/* ---- I M A G E S  P A G E  C R É D I T S ----*/ 
.gtm_credit {
float:left;
width:auto;
height:200px;
margin:10px;
}

.gtm_lignedetexte {
clear:both;
margin-bottom:2px;
}




/* --------  T A B L E   -------- */


/* ---- T A B L E   D E S K T O P ---- */
.gtm_table { 
  width:100%; 
  border-collapse: collapse; 
  margin: auto; 
  margin-top: -15px;
}


/* ---- T A B L E   D E S K T O P  O U V E R T U R E----
.gtm_table2 { 
  width:100%; 
  border-collapse: collapse; 
  margin: auto;  
}

.gtm_table2 td{ 
    text-align: right;
    width: 40%;
}
 
.gtm_table tr:nth-child(even) { //(even) or (2n 0)
    background: #525354;
  color: #fff
}
.gtm_table tr:nth-child(odd) { //(odd) or (2n 1)
    background: #f1f1f1;
}

.gtm_table thead td{
    color: #fff;
  background-color: #df5f1e;
  font-size: 2em;
}



/* ---- T A B L E  M O B I L E ---- 
.gtm_table_m { 
  width:100%; 
  border-collapse: collapse;  
}

.gtm_table_m td { 
  padding:8px; 
}
 
.gtm_trh1 {
    background-color: #df5f1e;
    color: #fff;
    font-size: 1.2em;
}

.gtm_trh2 {
      color: #fff;
  background-color: #525354;
    font-size: 1.2em;

}

.gtm_trh3 {
     color: #fff;
  background-color: #525354;
    font-size: 1.2em;

}




/*   Override Bootstrap     */

.row-fluid [class*="span"] {

    margin-left: 0;
    }

.row-fluid .span6 {
    width: 50%;
}    
@media only screen and (max-width: 768px)  {
     .row-fluid .span6 {
    width: 100%;
}
}

/*  --------------------  M E D I A  Q U E R I E S  --------------------  */




/* ---- V E R S I O N   I M P R I M A B L E  D U  S I T E ---- */
@media print { 

    /* Titre menu */
    .megaMenuToggle {
        display: none; !important;
    }

    /* Menu */
    .js-megamenu {
        display: none; !important;
    } 

    .megamenu level0 {
        display: none; !important;
    } 
}


/* ---- A F F I C H A G E  S U R   D E S K T O P ---- */

@media only screen and (max-width: 768px) {
    .gtm_desktop {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  T A B L E T T E  E T  D E S K T O P ----  */

@media only screen and (max-width: 480px) {
    .gtm_tablette_desktop {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  T A B L E T T E  ----  */

@media only screen and (min-width: 769px) and (max-width: 480px) {
    .gtm_tablette {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  M O B I L E  E T  T A B L E T T E  ----  */

@media only screen and (min-width: 769px) {
    .gtm_mobile_tablette {
        display: none;
   }
}

/* ---- A F F I C H A G E  S U R  M O B I L E  ----  */

@media only screen and (min-width: 479px) {
    .gtm_mobile {
    display: none;
    }
}