.imgfile {
	margin-bottom:15px;padding: 10px;  width: 63%;max-height: 30px; background-color: #c6014a; cursor: pointer;
  }
  td {
	padding: 0px;
  }
  
.indcookbox {
	z-index: 10000; position: fixed; width: 100%; height: 10%; max-height: 50px; bottom: 0%; background-color: rgba(50,50,50,0.9);
}
.msgcookbox {
	position: absolute; border-radius: 15px; top: 10%; margin: auto; margin-left: 25%; width: 45%; color: rgb(255,255,255);
}
.linkcookbox {
	position: absolute; top: -8px; right: 2px; color: white; font-size: 2em; height: 10px;
}
.btncookbox {
	float: right; background-color: #c6014a;color: #ffffff;width: 100px;font-size: 1em;padding: 5px;margin-right: 20%;border: none;
}
.btncookbox:hover {
	background-color: rgb(158, 0, 34);
}
  
  .switch {
	position: relative;
	display: inline-block;
	width: 60px;
	height: 34px;
  }
  
  .switch input { 
	opacity: 0;
	width: 0;
	height: 0;
  }
  
  .slider {
	position: absolute;
	cursor: pointer;
	top: 0;
	left: 0;
	right: 0;
	bottom: 0;
	background-color: #ccc;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  .slider:before {
	position: absolute;
	content: "";
	height: 26px;
	width: 26px;
	left: 4px;
	bottom: 4px;
	background-color: white;
	-webkit-transition: .4s;
	transition: .4s;
  }
  
  input:checked + .slider {
	background-color: #c6014a;
  }
  
  input:focus + .slider {
	box-shadow: 0 0 1px #c6014a;
  }
  
  input:checked + .slider:before {
	-webkit-transform: translateX(26px);
	-ms-transform: translateX(26px);
	transform: translateX(26px);
  }
  
  /* Rounded sliders */
  .slider.round {
	border-radius: 34px;
  }
  
  .slider.round:before {
	border-radius: 50%;
  }
  /**######################################################################################**/

  .open-button {
	background-color: rgba(198, 1, 74, 0.7);
	color: white;
	padding: 16px 20px;
	border: none;
	cursor: pointer;
	opacity: 0.8;
	/*position: fixed;*/
	bottom: 23px;
	right: 28px;
	width: 280px;
  }
  .btn {
	background-color: #c6014a;;
	color: white;
	padding: 16px 20px;
	border: none;
	cursor: pointer;
	width: 100%;
	margin-bottom:10px;
	opacity: 0.8;
  }
  
  /*Bordure du formulaire*/
  .form-popup {
	display: none;
	position: absolute;
	bottom: 0;
	right: 110px;
	border: 3px solid rgb(102, 102, 102);
	z-index: 1000;
	background-color: #A9AAAA;
	padding: 1%;
	margin-bottom: 15px;
  }
  
  /* Taille du formulaire */
  .form-container {
	max-width: 400px;
	padding: 10px;
  }
  
  /*Input CSS */
  .form-container input[type=text], .form-container input[type=password] {
	width: 100%;
	padding: 15px;
	margin: 5px 0 22px 0;
	border: none;
	background: #f1f1f1;
  }
  
  /* When the inputs get focus, do something */
  .form-container input[type=text]:focus, .form-container input[type=password]:focus {
	background-color: #ddd;
	outline: none;
  }
  
  /* Set a style for the submit/login button */
  .form-container .btn {
	background-color: #c6014a;;
	color: white;
	padding: 16px 20px;
	border: none;
	cursor: pointer;
	width: 100%;
	margin-bottom:10px;
	opacity: 0.8;
  }
  
  /* Add a red background color to the cancel button */
  .form-container .cancel {
	background-color: #c6014a;
  }
  
  /* Add some hover effects to buttons */
  .form-container .btn:hover, .open-button:hover {
	opacity: 1;
  }


  /**################################################################################**/
#document {
	width:100%;
	margin : 0;
	padding : 0;
	text-align: left;
	position:absolute;
}

a { /*-webkit-transition: all 0.5s;
	-moz-transition: all 0.5s;
	transition: all 0.5s;*/
	font-weight: 400; }
			
a:link          { color: #6abaed; text-decoration: none }
a:visited         { color:#222; text-decoration: none }
a:hover       { color: #222; text-decoration: underline }

strong { font-weight:700;}

img { border: 0; vertical-align: middle }

input, select, textarea { color: #222; font-size: 18px; font-weight: 300; font-family: 'Raleway', sans-serif; background-color: #FAFAFA; margin: 1% 0; padding: 1%; border: solid 1px #CECECE; border-radius:0px;
	-webkit-appearance: none;
   -moz-appearance:    none;
   appearance:         none;
} 

body {
	font-family: 'Raleway', sans-serif;
	font-size: 12px;
	margin: 0;
	padding: 0;
	text-align: center;
	color: #222;
}

hr { background:#c6014a; height:5px; }

.flex-container { display:flex; }

#haut { position:fixed; top:0;left:0; border-bottom:1px solid #cecece; background: #fff; z-index:1002; }
#logo { float:left; padding:0 50px; height:110px;line-height:110px;}
#logo img { height:110px; width:auto;}
table, tr, td { }
td { padding: 10px }
table td.entete, table th { position:relative; padding: 0px 15px;background-color: #c6014a; color: #ffffff;  }
.contenu table td.entete:after, .contenu table th:after{
	position:absolute;
	bottom:0;
	left:20px;
	width:50px;
	height:5px;
	background:#414141;
	content:' ';
}
table td.rond { position:relative; background: #414141;border-radius: 50%; width: 25%;  padding: 10px 0; border: 3px solid #C6014A; transition:all 1s; }
table td.carre { position:relative; background: #414141; width: 45%; padding: 10px 0; border: 3px solid #C6014A; transition:all 1s; }

table td.rond p { margin:0;}

table td.rond:after { content: '';position: absolute;top: -20px;left: -20px;right: -20px;bottom: -20px; border-radius: 120px; background: #414141; z-index: -1; transition:all 1s;}
table td.carre:after { content: '';position: absolute;top: -20px;left: -20px;right: -20px;bottom: -20px;  background: #414141; z-index: -1; transition:all 1s;}
table td.rond:hover, table td.carre:hover { background:#C6014A;}
table td.rond:hover:after, table td.carre:hover:after {background:#C6014A;}
table td.move { transition:all 1s; opacity:0;}
table td.moving { opacity:1; }

.rond { border-radius: 50%; border: 3px solid #414141; transition:all 1s; }
.rond:hover { border: 3px solid #C6014A; }
.move { transition:all 1s; opacity:0;}
.moving { opacity:1; }

span.chiffres { font-size:250%; font-weight:500; color:#c6014a; }

#menu { float:left; height: 110px; margin-left:100px; z-index: 1000;}
#menu_second { float:right; height:110px; padding: 0 50px 0; line-height:110px; text-align:center; }
#menu_second a.bouton { background: #F2F2F2; color: #898989; margin: 0 15px;border-radius: 30px;display: inline-block;padding: 0 8px; line-height: 26px; text-align:right; }
#lang { float: right; width: 100px;  line-height: 110px; }
#lang ul { list-style-type:none;margin:0; padding:0;}
#lang ul li { display:inline; margin:0 5px; }

.search{ float:left; text-align:left; border:none; background:transparent; color:#414141; font-size:12px; display:none;}

#cache { height: 235px; width: 100%; background-color: #EFEFEF; z-index: 10; }
/* CONTENU */
#slider { float:left; width:100%; height:200px; margin-top:110px; }
#slider .arrow_down {
	position: relative;
    bottom: 0;
    left: 50%;
    /* background: #eaeaea;*/
    z-index: 1001;
    width: 150px;
    height: 75px;
    margin: -75px;
	font-size:20px;
	text-align:center;
	color:#c6014a;
    border-radius: 80px 80px 0 0;
}

.centre { float:left; position:relative; width: 100%; z-index: 999; background-color:#FFF;}
.contenu { width:1200px; margin:0 auto; line-height: 20px;  }

#zone-texte { float: left; width:95%; padding:2.5%; }
#colonneDroite { float: right; width:30%; padding:2.5% 0; }

.contenu table, tr, td { font-size: 100%; border-spacing : 0; border-collapse : collapse; }
.contenu table { width: 100%; cellpadding: 10px; background: rgba(0,0,0,0.0) }
.contenu td { 
	font-family: 'Raleway', sans-serif; font-size: 100%;
	vertical-align: top;
}

.contenu h1 {
	font-family: 'Raleway', sans-serif; 
	color: #414141; font-size: 280%;
	font-weight: 400; margin: 10px 0; line-height: 45px;
	position:relative;text-align:left;
}
.contenu h1:after {
	position:absolute;
	bottom:0;
	left:0;
	width:50px;
	height:5px;
	background:#c6014a;
	content:' ';
}

.contenu h2 {
	font-family: 'Raleway', sans-serif; color: #c6014a; font-size: 280%;
	font-weight: 400; margin: 10px 0; line-height:45px;
	position:relative;text-align:left;
}
.contenu h2:after{
	position:absolute;
	bottom:0;
	left:0;
	width:50px;
	height:5px;
	background:#c6014a;
	content:' ';
}

.contenu h3 {
	font-family: 'Raleway', sans-serif; color: #c6014a; font-size: 160%;
	font-weight: 400; margin: 10px 0; line-height: 34px;text-align:left;
}

.contenu h4 {
	font-family: 'Raleway', sans-serif; color: #414141; font-size: 140%;
	font-weight: 400; margin: 5px 0 5px 0; line-height: 30px;text-align:left;
}

.contenu h5 {
	font-family: 'Raleway', sans-serif; color: #414141; font-size: 135%;
	font-weight: 300; margin: 5px 0 5px 0; line-height: 24px;text-align:left;
}

.contenu p {
	font-size: 125%;
	font-weight: 300;
	line-height: 22px;
	padding: 0;
	text-align: left;
	color:#414141;
	font-family:"Raleway", sans-serif ;
}

.contenu li {
	font-size: 100%;
	font-weight: 300;
	line-height: 22px;
}


.contenu p a:link        { color: #414141; text-decoration: none; }
.contenu p a:visited     { color:  #414141; text-decoration: underline; }
.contenu p a:hover       { text-decoration: underline; color: #c6014a; }


.contenu a.lien_cta:link, .contenu a.lien_cta:visited  { text-decoration: none; font-size: 135%; color: #FFF; font-weight: 500; font-family: 'Raleway', sans-serif; padding: 5px 10px; background-color: #414141; transition:all 1s; }
.contenu a.lien_cta:hover { text-decoration: none; font-size: 135%; color: #FFF; font-weight: 500; font-family: 'Raleway', sans-serif; padding: 5px 10px; background-color: #3B3B3B }

.contenu a.lien_cta2:link, .contenu a.lien_cta2:visited  { text-decoration: none; font-size: 110%; color: #414141; font-weight: 500; font-family: 'Raleway', sans-serif; padding: 5px 10px; background-color: #FFF; transition:all 1s; display:inline;}
.contenu a.lien_cta2:hover { text-decoration: none; font-size: 110%; color: #FFF; font-weight: 500; font-family: 'Raleway', sans-serif; padding: 5px 10px; background-color: #414141 }

#bas { clear: both; float: left; width:98%; background: #3b3b3b; color:#bebebe; padding:1%; }
#bas .contenu { display:table; }
#bas a { font-weight: 300; color: #fff; text-decoration: none; }
#bas a:visited { font-weight: 300; color: #fff; text-decoration: underline; }
#bas a:hover { font-weight: 400; color: #fff;text-decoration: underline; }
#bas p { font-family: 'Raleway', sans-serif; font-size: 115%; font-weight: 300; color: #bebebe }

#menu_secondBas { text-align:right;}
#menu_secondBas span.bouton { background:#F2F2F2; color:#898989; padding:3px 8px; margin:0 15px; border-radius:30px; display:inline-block; text-align:right; }
#langB { margin-top:20px;  }
#langB ul { list-style-type:none; margin:0; padding:0;}
#langB ul li { display:inline; margin:0 5px; }

#menuB, #baseline, #menu_secondBas{
	width:33%;
	display:table-cell;
	vertical-align:middle;
}


#plan {
	-webkit-filter: grayscale(100%);
	filter: grayscale(100%);
	transition:all 1s;
}
#plan iframe {
	pointer-events: none;
}
#plan.clicked iframe {
	pointer-events: auto;
}
#plan:hover {
	-webkit-filter: grayscale(0%);
	filter: grayscale(0%);
}

#plan:before {
    content: ' ';
    width: 30%;
    background: #c6014a;
    height: 6px;
    position: absolute;
    left: 50%;
    margin-left: -15%;
}

#find_us {width:100%; display:table;}
#facebook, #linkedin{
	width:30%;
	margin:0 1%;
	padding:0.5%;
	display:inline-block;
	text-align:center;
	vertical-align:top;
} 
#actus{
	width:60%;
	margin:0 1%;
	padding:0.5%;
	display:inline-block;
	vertical-align:top;
} 

/* BANNER_OFFRES */

#banner_offres { padding:2% 0; /*background:#3b3b3b;*/ }


/* ACTUS */ 
#actus #encart_actus { float:right;width:95%;padding:2.5%;background:#FFF; color:#414141; text-align:left; }
#actus #encart_actus #arrows span { float:right; margin:0 1%; font-size:50px; cursor:pointer; }
#actus #encart_actus ul { list-style-type:none; margin:0; padding:0; }
#actus #encart_actus ul li { display:none; transition:all 10s; text-align:left;}
#actus #encart_actus ul li.on { display:block; }
#actus #encart_actus ul li p { text-align:left; color:#414141;}
#actus #encart_actus a { color:#c6014a; font-size:120%; font-weight:bold; }
#encart_actus .date { font-size:25px; line-height:30px; font-weight:300; color:#c6014a;}
#encart_actus .title { font-size:30px; line-height:50px; font-weight:600; font-style:italic;}


/* PHASES */
#canvas_fonctionnement {position:absolute; bottom:0; left:0; width:100%; height:100%; background:transparent;}

#phases { float:left; position:relative; width:100%; margin-top:50px; display:table;}
.phase { float:left;  display:table-cell; text-align:center; color:#FFF; opacity:0; transition:all 0.5s;}
.titre_phase { color: #c6014a; font-size:200%; }
.desc_phase { color: #fff; font-size:150%; }
.texte_phase { margin-top:30px; }
.texte_phase, .texte_phase p { color: #fff; font-size:105%; text-align:center; }
.phase .maxi_bull { position:relative; width:20px; height:20px; margin:10px auto; background:#c6014a; border:20px solid #FFF; border-radius:40px;}


.phase.moving { opacity:1; }

/* OFFRES */ 
#trieur { float:left;width:100%;}
#trieur select { width:22%; padding:2% 3%;}
#trieur label.dropdown:after{ content:"\f107"; font-family:'FontAwesome'; z-index:1000;position:relative;right:30px;}