/*  AWDS© 2019 Agence Web Développement et Services  ( FRANCE ) */  
/*Couleurs 
Bleu : #2068aa // rgb()
Jaune : #f6b002 // rgb(246,176,2)
Rouge : #D81E01 // rgb(216,30,1)

*/

/* Import Font de Google Font */ 
@import url("https://fonts.googleapis.com/css?family=Dancing+Script|Lato|Monda|Montserrat|Roboto");
/*
font-family: 'Dancing Script', cursive;
font-family: 'Montserrat', sans-serif;
font-family: 'Roboto', sans-serif;
font-family: 'Lato', sans-serif;
font-family: 'Monda', sans-serif;
*/

body,h1,h3,h4,h5,h6 {font-family: "Lato", sans-serif;}
body, html {height: 100%;color: #777;line-height: 1.8;background-color: #F0F0F0;}
.center{text-align: center;}
html{scroll-behavior: smooth;}

a { text-decoration: none;  }
a:hover { text-decoration: none;  }

img { max-height: 100%; max-width: 100%; height: auto; }


/* Create a Parallax Effect */
.bgimg {
  font-family: 'Roboto', sans-serif;
  background-attachment: fixed;
  background-position: center;
  background-repeat: no-repeat;
  background-size: cover;
  min-height: 200px; 
}

.bgimg span { text-align: center; font-size: 22px; color: #f6b002; font-weight: bold; text-shadow: 1px 1px 2px #000; }


.btn-primary { background-color: #2068aa; }


.w3-wide {letter-spacing: 10px;}
.w3-hover-opacity {cursor: pointer;}

/* Turn off parallax scrolling for tablets and phones */

@media (max-width: 1000px) {
  .bgimg { min-height: 110px; }
  .bgimg span { font-size: 12px; }
}

/*Classes rajoutées août 2019*/
.border-bottom-rouge{ border-bottom: 4px solid #D81E01; }
.border-top-rouge{ border-top: 4px solid #D81E01; }
h2 { color: #2068aa; font-weight: bold; font-family: 'Roboto', sans-serif; }
.Animat { -webkit-transition: all 0.2s linear; -moz-transition: all 0.2s linear; -o-transition: all 0.2s linear; transition: all 0.2s linear; }
.POINTER { cursor: pointer; }



/** Banniere */ 
.BarMenu { height: 150px; 
background-image: url("/ILL/fondmenu.png"); background-position: center; background-size: cover; }

.LogoSite { height: 85px; cursor: pointer; }

.Navbar { float: right; padding-right: 30px; height: 90px; line-height: 60px; }
.Navbar a { color: #2068aa; }
.Navbar a:hover{ color: #d81e01; }
.Navbar i { font-size: 25px; margin-left: 35px; margin-right: 5px; }

.MiniMenu { display: none;  height: 50px; float: right; cursor: pointer; margin: 5px; }

.NavMobile { background-color: #f6b002; overflow: hidden;
border-bottom: 6px solid #D81E01; display: none; }

.NavMobile div { color: #2068aa; height: 40px; padding: 8px; line-height: 40px; }
.NavMobile div:hover{ color: #d81e01; }
.NavMobile i { font-size: 25px; margin-right: 20px; }

@media (max-width: 1024px) {
.BarMenu { height: 90px; }
.LogoSite { height: 60px; cursor: pointer;  }
}

@media (max-width: 880px) {
.BarMenu { height: 65px; background-image: none; background-color: #f6b002;}
.Navbar { display: none; }
.MiniMenu { display: block; height: 50px; }
.NavMobile { display: block; }
}


/** Zone Accueil **/
.PGACC { margin-top: 150px; }
.RADIUS { border-radius: 10px; overflow: hidden; height: 370px; }
.TRTAC { position: absolute; top: 0px; left: 0px; background-color: #2068aa; height: 40px; width: 100%;
color: #FFF; font-size: 18px; line-height: 40px; text-align: center; font-family: 'Roboto', sans-serif; }
.STRT { color: #2068aa; line-height: 18px; }
.TXAC { font-size: 12px; text-align: justify; color: #555; line-height: 18px; }
.ACAFF { position: relative;  width: 100%; height: 210px;
background-position: center; background-size: cover; }



@media (max-width: 1024px) {
.PGACC { margin-top: 90px; }
.RADIUS { height: 240px; }
	
}


@media (max-width: 880px) {
.STRT { font-size: 14px; }
.TXAC { display: none;   }


}


/* FORMULAIRE DE CONTACT */
.frmcontact {  }
.frmcontact input { margin-top: 5px; border-radius: 3px; border: solid 1px #333; width: 48%; padding: 4px; margin: 4px; height: 38px; }
.frmcontact input[type='checkbox'] { width: 10px;  height: 10px; margin: 0px; margin-left: 4px; margin-right: 4px; }
.frmcontact label { margin-top: 5px; font-size: 14px; border-radius: 3px; width: 45%; padding: 4px; margin: 4px; margin-left: 0px; height: 38px; color: #000; }
.frmcontact label:hover { color: #d81e01; }
.frmcontact textarea { margin-left: 10px; margin-top: 5px; border-radius: 3px; border: solid 1px #333;
width: 97%; padding: 4px; margin: 4px; height: 150px; resize: none; font-size: 14px; }

.frmcontact button { border-radius: 3px; margin-right: 15px; }


@media (max-width: 850px) {
.frmcontact input {  width: 98%;   }
}

/* FORMULAIRE DE DOCUMENTATION */
.frmdocs { text-align: center;  }
.frmdocs input { margin-top: 5px; border-radius: 3px; border: solid 1px #333; padding: 4px; margin: 4px; margin-left: 10px; margin-right: 10px; height: 38px;
width: 85%; }
.frmdocs-case{
    margin-left: 30px;
}


.LHOME { position: fixed; bottom: 20px; right: 10px;  background-color: #2068aa; border-radius: 3px; }