@charset "utf-8";

/*  Parametres du site   */

/*.fond-contact {background: rgba(0, 0, 0, 0.4);}  /* Couleur de fond contact */
/*.container { background-color: rgba(0, 0, 0, .5);}  /* Couleur de fond contact */
#submit {background-color: #262B30; border-radius: 13px;}  /* fond du bouton */
#submit a { color:#fff;}
#submit a:hover { color:#fff;}

.maincontent { background-color: rgba(0, 0, 0, .6); color: #000;} /* Couleur de fond fcopy */
.fcopy {color:#fff;}
.maincontent a { color: #fff; }
.maincontent a:hover { color: green; }

.page {	background: #fff;} /* couleur de fond de la page */

.bk1 {background: #fff url("images/block-trame-bg.png") repeat scroll 0% 0%;}

xmp {margin: 0;}

#ecart { clear:both;}

.footerCell { 	background:#0c0b0b;}  /* fond du menu footer */
.footerCell:hover{ background:#1A3434; color:#FFC;}

.logo{
width: 600px;
color: #EA950E;
font-size: 2.3em !important; text-transform: uppercase;
font: 100%/1.4 'lucida sans unicode', 'lucida grande', 'Trebuchet MS', verdana, arial, helvetica, helve, sans-serif;
}

.page {
position: relative;
z-index: 1
}
.contact-titre {
color: #fff;
font-weight: bold;
font-size: 30px;
text-align: left;	
}
/*-------------------------------*/
body, html {
height: 100%;
/* Firefox */
scrollbar-width: thin; /* "auto" or "thin" */
scrollbar-color: grey black; 			
/* Chrome, Edge, and Safari */
*::-webkit-scrollbar {
  width: 12px;
}

*::-webkit-scrollbar-track {
  background: black;
}

*::-webkit-scrollbar-thumb {
  background-color: grey;
  border-radius: 20px;
  border: 3px solid black;
}			
}

/*  FOND VIDEO */
#background-video {
  height: 100vh;
  width: 100vw;
  object-fit: cover;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: -1;
	display: none;
}

.video-container{
overflow: hidden;
}

.video-container video{
height: 100%;
width: 100%;
object-fit: cover;
}

.cacher-video {
  height: 100vh;
  width: 100vw;
  background: #fff;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
}

.opacity-video {
  height: 100vh;
  width: 100vw;
  position: fixed;
  left: 0;
  right: 0;
  top: 0;
  bottom: 0;
  z-index: 0;
  background: #000;
}

/* SwipeBox  */
#gall img {  box-sizing: border-box; -moz-box-sizing: border-box; border:0; }

#gall a:hover img{ border: 2px solid yellow; }

/*#gall img { display: none; } */

.pic { 
margin: 5px; border: 5px solid white; border-image: none;overflow: hidden; float: left; box-shadow: 5px 5px 5px #111; -webkit-box-shadow: 5px 5px 5px #111;
}
.pic  { width:23.2%; height:auto;   }
.pic img { width:100%;  height:auto;  }

#swipebox-overlay { /*  fond swipebox */
background: none repeat scroll 0% 0% #000;
}

/* ### nodrop - hack pour le drag&drop -  ### */
.nodrop { display: block; font-size:0px; line-height:0px;}

/* ##### CONTACT ##### */
.contact {
max-width:1168px;
margin:auto;
padding: 50px; /* Espacement du bloc contact */
}

.form-group { position: relative;}
.form-group label { text-transform: uppercase;}
.form-group label.error {
position: absolute;
top: 0;
right: 0;
font-size: 14px;
text-transform: none;
}
.form-group .form-control {
-webkit-border-radius: 0;
-moz-border-radius: 0;
border-radius: 0;
box-shadow: none;
border-color: #DEDEDE;
overflow:auto;
background: #efede9;
}
.form-group .form-control:focus {
border-color: #afafaf;
}
.form-group .form-control.input-lg {
font-size: 18px;
}
.form-group .form-control.error, .form-group .form-control.error:focus {
border: 1px solid #DEDEDE;
}
.form-group textarea { height: 159px; resize: vertical;}
.form-button { margin-top: 50px;}
.form-respond .content-message {
margin: 0 0 50px 0;
padding: 30px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;
background: #f5f5f5;
}
.form-respond .content-message i { color: #222;}
.form-respond .content-message h2 {
font-size: 24px;
text-transform: uppercase;
font-weight: 600;
margin: 10px 0px 0 0;
}
.form-group input, .form-group textarea {
width:100%;	border:2px solid #dddddd; margin-bottom:12px; min-height:24px; padding:10px;  box-sizing: border-box; -moz-box-sizing: border-box; border-radius: 5px 10px 0 5px;
}

#submit {
padding: 14px 20px;
border: 2px solid #fff;
text-transform: uppercase;
font-family: Montserrat,"Helvetica Neue",Helvetica,Arial,sans-serif;
font-size: 16px;
font-weight: 700;
}

/* ##### Footer ##### */

.bl:link { color:#FFC;}
.bl:visited { color:#FFC;}
.bl:hover { color:#fff;}
.bl:active { color:#fff;}

#footer { z-index:99;bottom: 0; font-size: 0.8em; width:100%; cursor:pointer;z-index: 1; position: relative; }

.footerCell {
	float:left; text-align:center; box-sizing: border-box; -moz-box-sizing: border-box;
	width: 25%;
	font-weight:bold;
	text-shadow:0 1px #000;
	padding-top:8px !important;
	color:#FFC;
	min-height:66px; height:66px;
	border: 1px solid #333;
}

/* ##### fcopy ##### */
.maincontent {	
text-align: center;
width: 100%;
max-width: 100%;
height: 20px;
}

.fonction li {
  display: inline;
  list-style-type: none;
  padding-left: 4px;
}

ul.fonction {
  display: inline;
  list-style-type: none;
}


/*-------------- Retour rapide-------*/
.cRetour {
  border-radius:3px;
  padding:20px;
  font-size:30px;
  text-align:center;
  color:#fff;
  background:rgba(0, 0, 0, 0.25);
  z-index:99999;
  transition:all ease-in 0.2s;
  position: fixed;
  cursor: pointer;
  bottom: 2em;
  right: 20px;
  display: none;
}
.cRetour:before{ content: "\25b2"; }
.cRetour:hover{
  background:rgba(0, 0, 0, 1);
  transition:all ease-in 0.2s;
}


/*-------------*/

.container { 
z-index: 9;
position: relative;
}
.slider {
position: fixed; top:0; visibility: hidden;
}
#imprimer { height:0; width:0; border:0px;}

/*----------Effets Images-----------*/

.image:hover {
-webkit-transform: rotate(360deg);
transform: rotate(360deg);
}
.image {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
}

.image2:hover {
opacity: 0.6;
}
.image2 {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 1;
}
.image3:hover {
opacity: 1;
}
.image3 {
-webkit-transition: all 0.5s ease;
transition: all 0.5s ease;
opacity: 0.6;
}
.image4:hover{
-webkit-transform: rotateY(180deg);
-webkit-transform-style: preserve-3d;
transform: rotateY(180deg);
transform-style: preserve-3d;
}
.image4 {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.image5:hover {
-webkit-box-shadow: 0px 0px 15px 15px #fff;
box-shadow: 0px 0px 15px 15px #fff;
border-radius:50%;
opacity: 0.6;
-webkit-transform: rotate(720deg);
transform: rotate(720deg);
}
.image5 {
opacity: 1;
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
.image6:hover {
-webkit-transform:scale(1.2);
transform:scale(1.2);
}
.image6 {
-webkit-transform:scale(1.1);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}

.image7:hover {
-webkit-transform:scale(1.1);
transform:scale(1.1);
}
.image7 {
-webkit-transform:scale(1.22);
-webkit-transition: all 0.4s ease;
transition: all 0.4s ease;
}


/*agrandissement------------------------*/
.zoom img {
z-index:1;
margin:0;
-webkit-transition:all .7s ease;
    -moz-transition:all .7s ease;
     -ms-transition:all .7s ease;
      -o-transition:all .7s ease;
         transition:all .7s ease;
}
.zoom img:hover { 
z-index:5;
-webkit-transform: scale(1.4);
    -moz-transform: scale(1.4);
     -ms-transform: scale(1.4);
      -o-transform: scale(1.4);
         transform: scale(1.4);  
}
/*reduction------------------------*/
.dezoom img:hover {
-webkit-transform:scale(1);
transform:scale(1);
}
.dezoom img {
-webkit-transform:scale(1.3);
transform:scale(1.3);
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
/*spherise------------------------*/
.sphere img:hover {
border-radius:50%;
box-shadow: 0 10px 6px -6px grey;
}
.sphere img {
-webkit-transition: all 0.7s ease;
transition: all 0.7s ease;
}
/*-------grid system */

.TheEditeur {
line-height: 1.4;
}

#TheEditeur .col {
border : 1px dotted green; 
box-sizing: border-box; -moz-box-sizing: border-box;  min-height:24px;
}

#TheEditeur .col img {
-moz-box-sizing : border-box; box-sizing: border-box; max-width: 100%; 
}

#TheEditeur1 .col { 
box-sizing: border-box; -moz-box-sizing: border-box; 
}

#TheEditeur1 .col img {
-moz-box-sizing : border-box; box-sizing: border-box; max-width: 100%;
}

.active:after {
  content: "\2212";
}

/* pour les choix en page d'accueil  */
#ch1, #ch2, #ch3, #ch4 {
  transition: box-shadow 0.3s ease-in-out, background-color 0.3s ease-in-out;
  box-shadow: none; /* Pas d'ombre initialement */
/*  background-color: #ffffff;  Couleur de fond initiale */
}

.phone {
font-size: 54px;
line-height: 120px;
/*font-weight: 600;*/
color: #fff;
border-radius: 7px;
background-color: rgba(255,255,255,0.2);
margin: 20px 0px;	
padding-left: 30px;
padding-right: 30px;
}

.sectphone {
/*width: 1170px;*/
margin-right: auto;
margin-left: auto;	
text-align: center;
}

.contphone {
margin-top: 20px;	
}
.fondtransparent{
background-color: rgba(37, 46, 47, 0.6);
}