@import url('https://fonts.googleapis.com/css?family=PT+Serif:400,700');

/*compensation hauteur menu*/
body{padding-top:70px;
}

/*prise en compte des hauteurs*/
body,html{height:100%;}
.container-fluid{min-height:100%;position:relative;}
.page{padding-bottom:100px;}


/*diaporama page home*/
.item{max-height:100vh;overflow:hidden;position:relative;}
.item img{width:100%;}
#myCarousel{max-height:100%;overflow:hidden;}
.carousel-inner{max-height:100%;}

.carousel-caption{width:auto;height:auto;position:absolute;top:50%;left:50%;right:auto;bottom:auto;z-index:10000;transform:translate(-50%,-50%);text-align:center;}
.carousel-caption h3{font-size:4em;margin-bottom:40px;}
.carousel-caption a{border:1px solid white;padding:15px;color:white;}
.diaporama{padding:0px;}
/*Icone menu*/
.icon-bar{background-color:peru;}


/*mise en forme des blocs de texte*/
.textbloc{padding:0px 50px 0px 50px;

display:flex;flex-direction:column;justify-content:space-between;}
.profile{display:block;padding:0px 50px 0px 50px;margin-bottom:20px !important;}

.row{margin-bottom:30px;}
.contentimg{max-width:100%;}
/*Menus secondaires*/
.submenu{display:flex;flex-direction:row;justify-content:center;flex-wrap:wrap;}
.submenu a{color:#9e6e13;}
.submenu span{margin-left:10px;margin-right:10px;color:#9e6e13;}

/*formulaire*/
form{width:100%;}
input,textarea{width:100%;border:1px solid #9e6e13;}
#obligatoire{color:#9e6e13;}

input, textarea {
  -webkit-transition: all 0.30s ease-in-out;
  -moz-transition: all 0.30s ease-in-out;
  -ms-transition: all 0.30s ease-in-out;
  -o-transition: all 0.30s ease-in-out;
  outline: none;
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
 
}
input:focus, textarea:focus {
  padding: 3px 0px 3px 3px;
  margin: 5px 1px 3px 0px;
  border: 1px solid #242f5e;
}


/*alignement du texte en quinconce*/
.goleft{text-align:left;}
.goright{text-align:right;}

/*ajout du fond blanc sur le menu*/
nav{background-color:white;min-height:70px;
}


.navbar-brand img{height:65px;margin-top:-10px;}
img { -ms-interpolation-mode: bicubic; }


/*couleur des textes et polices*/
body{color:dimgray;font-family: 'PT Serif', serif;
font-size:1.5em;
text-align:justify;}
.nav li a{transition:all .3s;}
nav a{color:#9e6e13;font-size:1.1em;}
nav a:hover{color:#242f5e;}
.nav .open>a{color:#242f5e;}
h1{color:#242f5e;text-transform: uppercase; }
h2{color:#9e6e13;display: flex;}
h3{color:#242f5e;font-style:italic;}
h4{color:#9e6e13;}
h2::before,
h2::after {
  display: block; /* IE fix */
  content: "";
  flex:1;
  align-self: center;
  border-bottom: 1px solid CurrentColor;
}
h2::before {margin-right: .3em}
h2::after {margin-left: .3em}

.carousel-caption h3{color:white;font-style:normal;}

.offices div{text-align:center;}
/*Mise en forme des boutons*/
.btn{background-color:white;
color:#9e6e13;
border:2px solid #9e6e13;
border-radius:0px;
min-width:77px;
transition:all .3s;
}
.btn:hover{background-color:#9e6e13;color:white;border:2px solid #9e6e13;}

/*pied de page*/
.footer{background-color:#242f5e;position:absolute;bottom:0px;width:100%;
margin-bottom:0px;
color:white;
font-size:0.8em;
border-top:2px solid #9e6e13;
}
.footer div{padding:10px;}
.footer div a{color:white;}
/*photo d'entête*/
.header{padding:0px;margin:0px;}
.header img{width:100%;}

.photo{padding:0px;}
.photo img{width:100%;}

/*Menu*/
.dropdown:hover .dropdown-menu{display:block;}
#par1,#par2,#par3,#par4,#par5,#par6{padding-top:70px;}

/*responsive*/
@media screen and (max-width: 768px)
{

.carousel-caption h3{font-size:3em;margin-bottom:40px;}
/*centrage des textes en quinconce*/
.goleft{text-align:center;}
.goright{text-align:center;}
.footer div{padding:10px;}
nav{border-bottom:1px solid #9e6e13;}
/*ajout de marge pour le footer*/
.page{padding-bottom:300px;}
form{width:100%;margin-top:50px;}
/*réduction des marges*/
.textbloc{padding:0px 20px 0px 20px;}
.profile{padding:0px 20px 0px 20px;}
}
@media screen and (min-width: 768px)
{
  .offices{display:flex;flex-direction:row;justify-content:center;}
}
@media screen and (min-width: 992px)
{
body{font-size:1.7em;}
/*la taille des titres est définie par les variations de celle du body*/
h1,h2{font-size:2em;}
}
@media screen and (max-width: 992px)
{
  .navbar-brand img{height:50px;}
}


/*PROVISOIRE*/
.header2{padding:0px;margin:0px;}
.header2 img{width:100%;}
.header3{padding:0px;margin:0px;overflow:hidden;max-height:400px;}
.header3 img{width:33%;margin:0px;padding:0px;}

#myNavbar ul:nth-child(1){width:auto;}

@media screen and (min-width: 1200px)
{
#myNavbar ul:nth-child(1){position:absolute;left:50%;transform:translateX(-50%);width:auto;}
.navbar-nav li a{line-height:40px;}


}
.navbar{min-height:70px;}


input[type=submit]:disabled
{
   background-color:white;border:2px solid lightgray;color:lightgray;
   cursor:default;
}
input[type=submit]:disabled:hover {
background-color:white;color:lightgray;
}
input[type=submit] {
background-color:white;border:2px solid #9e6e13;color:#9e6e13;font-weight:bold;transition:all .3s;width:300px;
font-size:1.1em;
cursor:pointer;
transition:all .3s;}


input[type=submit]:hover {background-color:#9e6e13;color:white;}

.rgpd{font-size:0.8em;}




#tarteaucitron {
        
}


#tarteaucitronAlertBig {
    background:#9e6e13; 
}


#tarteaucitronAlertSmall {
  background:#9e6e13; 
}