/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

GENERAL

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */




/* /////////// Mini reset //////////// */

* {
	font-family: 'Raleway', sans-serif;
	font-size: 18px;
	color: rgb(53, 61, 64);
}

html {
	height: 100%;/*permet au footer de rester en bas de page*/
}

body {
	display: flex;/*permet au footer de rester en bas de page*/
	flex-direction: column;/*permet au footer de rester en bas de page*/
	min-height: 100%;/*permet au footer de rester en bas de page*/
	max-width: 2500px;
	margin: auto;
}

.container-fluid {
	padding: 0 !important;
}

.row {
	/*padding-bottom: 60px;*/
	margin: 0;
}

.item-page h1 {
	display: none;/* //// supprime le titre des articles ///// */
}

a {
	text-decoration: none;
	color: #ea7626;
	transition: color .2s ease;

}

a:hover {
	color: #a85a16;
}

a:visited {
	color: #24727c;
}





p {
	color: #3d3d3d;
	margin: 0;
}

h1 {
	color: #24727c;
	font-size: 3.5rem;
}

h2 {
    font-family: 'Raleway';
	color: #f5821f;
	font-size: 2.5rem;
  font-weight: bold;
  text-transform: uppercase;
}

h3 {
    color: #ffffff;
    font-size: 2rem;
    background-color: #f5821f;
    padding: 10px;
    box-shadow: 10px 10px 25px 15px #88888859;
    text-transform: uppercase;
}

h4 {
	font-size: 1.8rem;
}

h5 {
	font-size: 1.5rem;
}

h6 {
	font-size: 1.25rem;
  margin-top: 0.5rem;
}



.gtm_test_oups_v1{

	background-color: red;
	height: 100px;
}

.gtm_test_oups_v2{

	background-color: green;
	height: 100px;
}


.gtm_test_oups_v3{

	background-color: yellow;
	height: 100px;
}




.gtm_button {
    background-color: #f5821f;
    margin: 10px;
    border: none;
    color: white;
    padding: 15px 25px 15px 25px;
    border-radius: 18px;
    letter-spacing: 1px;
    transition: background-color .2s ease, box-shadow .2s ease;
}

a.gtm_button {
    color: white;
}



.gtm_button:hover{
    background-color: #ce7223;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -moz-transition: background-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -o-transition: background-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition: background-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}






.btn-primary {
    background-color: #f5821f;
    margin: 10px;
    border: none;
    color: white;
    padding: 15px 25px 15px 25px;
    border-radius: 18px;
    box-shadow: 0px 0px 20px #b9b9b9;
    letter-spacing: 1px;
    transition: background-color .2s ease, box-shadow .2s ease;
}

a.btn-primary {
    color: white;
}



.btn-primary:hover{
    background-color: #ce7223;
    text-decoration: none;
    cursor: pointer;
    -webkit-transition: background-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -moz-transition: background-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -o-transition: background-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition: background-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}


 



.button {
  border-radius: 4px;
  background-color: #f4511e;
  border: none;
  color: #FFFFFF;
  text-align: center;
  font-size: 28px;
  padding: 20px;
  width: 200px;
  transition: all 0.5s;
  cursor: pointer;
  margin: 5px;
}

.button span {
  cursor: pointer;
  display: inline-block;
  position: relative;
  transition: 0.5s;
}

.button span:after {
  content: '\00bb';
  position: absolute;
  opacity: 0;
  top: 0;
  right: -20px;
  transition: 0.5s;
}

.button:hover span {
  padding-right: 25px;
}

.button:hover span:after {
  opacity: 1;
  right: 0;
}




.gtm_button a {
  color: white;
}


.gtm_button_outline {
    border: 2px solid #f5821f;
}

.gtm_button_outline {
    color: red;
    margin: 10px;
}

a.gtm_button_outline{
	padding: 10px;
	color: #f5821f;
}

a.gtm_button_outline:hover {
    border: 2px solid #ce7223;
    -webkit-transition: color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -moz-transition: color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -o-transition: color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition: color 0.25s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}

.gtm_button_outline:hover {
    border-color: #ce7223;
    -webkit-transition: border-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -moz-transition: border-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    -o-transition: border-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
    transition: border-color 0.5s cubic-bezier(0.45, 0.05, 0.55, 0.95);
}






















/* ////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
/////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////

COPYRIGHT

////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
///////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////
//////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////////// */

.row.gtmCopy {
	padding: 0 20px;
}

.gtmCopyBox {
	background-color: #2e2e2b;
	margin-top: auto;/*permet au footer de rester en bas de page*/
}



.gtmCopy {
	display: flex;
	flex-wrap: wrap;
	align-items: center;
	height: 140px;
}

.gtmCopyText {
	text-align: center;
}

.gtmCopyright{
	color: whitesmoke;
} 

.gtmCreditSitemap span {
	color: whitesmoke;
}

.gtmCopyLogo {
	text-align: center;
}

#creation-gestimark {
	width: 150px;
}

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

	.gtmEnTeteHisto h2 {
		text-align: center;
		font-size: 2.5rem;
		line-height: 2.3rem;
	}

	.gtmEnTeteHisto p {
		font-size: 1.1rem;
		line-height: 1.2rem;
	}
}



   
    



/* -----------------------------------------------------------
          NOUS JOINDRE
------------------------------------------------------------ */




.gtm_titre h2 {
    padding-top: 150px;
}

#mod-custom195 {
    margin-bottom: 30px;
    background-position: bottom;
    height: 600px;
    background-size: cover;
}

.gtm_carte h2 {
    padding-top: 130px;
    margin: 15px;
}

#mod-custom197 {
    height: 400px;
    background-size: cover;
    background-position: top;
}

.gtm_carte:before {
    background-color: red;
}



#informations {
    font-size: 2.5rem;
}


.gtm_carte_color .mod-custom.custom{
  position: relative;

}

.gtm_carte_color .mod-custom.custom::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: rgb(0,0,0);
        background: linear-gradient( 275deg, rgb(16 13 10 / 61%) 0%, rgb(0 0 0 / 79%) 100%);
}


.gtm_carte_color a {
    color: white;
    position: absolute;
    z-index: 10;
    font-size: 3rem;
    border-bottom: 4px solid white;
}





#voir {
  font-size: 3rem;
}




.gtm_bouton_titre {
    position: inherit;
    z-index: 10;
}


.gtm_titre .mod-custom.custom{
  position: relative;

}

.gtm_titre .mod-custom.custom::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    -webkit-background: rgb(0 0 0 / 40%);
    background: rgb(0 0 0 / 40%);
}



.gtm_titre h2 {
  color: white;
  text-shadow: 1px 3px 18px rgb(255 255 255 / 55%);
  z-index: 10;
  position: relative;
}

.gtm_titre p {
  margin-bottom: 40px;
  color: white;
  text-shadow: 1px 3px 18px rgb(255 255 255 / 55%);
  z-index: 10;
  position: relative;
}





/* -----------------------------------------------------------
         L'ENTREPRISE
------------------------------------------------------------ */


.gtm_logo_bandeau {
    padding: 50px;
}


.com-content-article.item-page {
    margin: 10px;
}





#mod-custom202 {
    background-size: cover;
    background-position: center;
    text-align: center;
    padding: 60px;
    filter: grayscale(80%);
    -webkit-filter: grayscale(80%);
    -moz-filter: grayscale(80%);
    -ms-filter: grayscale(80%);
    -o-filter: grayscale(80%);
}





/* -----------------------------------------------------------
         RESTAURATION
------------------------------------------------------------ */


.gtm_restaurations {
    padding: 60px;
    border-radius: 40px;
    border: 4px solid white;
    box-shadow: 10px 10px 25px 15px #88888859;
    text-align: center;
    margin-bottom: 55px;

}


.gtm_titre_orange h4 {
    margin: 30px;
}





/* -----------------------------------------------------------
         REALISATIONS COMMERCES ET INDUSTRIES
------------------------------------------------------------ */



#mod-custom207 {
    height: 25rem;
    background-size: cover;
    background-position: top;
    margin-bottom: 10px;
}


#mod-custom208 {
    background-size: cover;
    background-position: top;
}





/* -----------------------------------------------------------
         CARRIERE
------------------------------------------------------------ */





.gtm_images_carriere .mod-custom {
    height: 500px;
    background-position: center;
    background-size: cover;
}

.gtm_bloc_texte {
    background-color: white;
    padding: 25px;
    width: 300px;
    margin: auto;
    margin-top: -55px;
}


.gtm_bloc_texte_gauche {
    background-color: white;
    padding: 25px;
    width: 300px;
    margin: auto;
}



/* -----------------------------------------------------------
        Logo bandeau
------------------------------------------------------------ */


.gtm_logo_bandeau {
    padding-top: 10px;
}

.gtm_logo_bandeau {
    position: inherit;
    z-index: 10;
}

.gtm_bandeau_couleur .mod-custom.custom{
  position: relative;

}

.gtm_bandeau_couleur .mod-custom.custom::before{
    content: '';
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    right: 0;
    z-index: 10;
    background: #0000009c;
}

.gtm_images_carriere {
    margin-bottom: 20px;
}


/* -----------------------------------------------------------
       Footer
------------------------------------------------------------ */


.gtm_footer a {
	color: white;
}








/* -----------------------------------------------------------
         AMPZ
------------------------------------------------------------ */
.ampz-icoon-linkedin::before {
    color: #f58220;
}

.ampz-icoon-facebook::before {
    color: #f58220;
}

.ampz-icoon-fb-messenger:before {
    color: #f58220;
}
.ampz-icoon-email:before {
    color: #f58220;
}

.ampz_roosterz_icon{
	background-image: none;
}