/* CSS Document */
/* undohtml.css */
/* (CC) 2004 Tantek Celik. Some Rights Reserved.             */
/*   http://creativecommons.org/licenses/by/2.0                   */
/* This style sheet is licensed under a Creative Commons License. */

/* Purpose: undo some of the default styling of common (X)HTML browsers */


/* link underlines tend to make hypertext less readable, 
   because underlines obscure the shapes of the lower halves of words */
:link,:visited { text-decoration:none }

/* no list-markers by default, since lists are used more often for semantics */
ol { list-style:none }

/* avoid browser default inconsistent heading font-sizes */
/* and pre/code too */
h1,h2,h3,h4,h5,h6,pre,code { font-size:1em; }

/* remove the inconsistent (among browsers) default ul,ol padding or margin  */
/* the default spacing on headings does not match nor align with 
   normal interline spacing at all, so let's get rid of it. */
/* zero out the spacing around pre, form, body, html, p, blockquote as well */
/* form elements are oddly inconsistent, and not quite CSS emulatable. */
/*  nonetheless strip their margin and padding as well */
ol,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input
{ margin:0; padding:0 }

/* whoever thought blue linked image borders were a good idea? */
a img,:link img,:visited img { border:none}

/* de-italicize address */
address { font-style:normal }

/* more varnish stripping as necessary... */

body,td,th {
	margin:0px;
	padding:0px;
}

#bar {
	/* Netscape 4, IE 4.x-5.0/Win and other lesser browsers will use this */
 /* position: absolute; left: 0px; top: 0px;*/
}
body > div#bar {
  /* used by Opera 5+, Netscape6+/Mozilla, Konqueror, Safari, OmniWeb 4.5+, iCab, ICEbrowser */
 /* position: fixed;*/
}

body{
	margin:0px;
	color:#373737;
	background-color:#FFFFFF;
	font-family: 'Montserrat', sans-serif;
	font-size: 16px;
	font-weight: 400;
	line-height:24px;
}

li {
	list-style-image:url(../images/bullet.png);
}

* HTML #bar {
	POSITION: absolute
}
#foo > #bar {
	POSITION: fixed; TOP: 0px; RIGHT: 0px
}


a{
	text-decoration:underline;
	color:#000;
	margin:0px;
	padding:0px;
	transition: color 0.5s;
}

a:hover{
	text-decoration:none;
	color:#0086E9;
	transition: color 0s;
}

#bar {
	Z-INDEX: 101;
	WIDTH: 100%;
	/*position:absolute;*/
	position:fixed;
	z-index:999;
	background-color:rgba(49,49,49,0.80);
	height: 80px;

	

}

.logo {
	float:left;
	/*background-color: #FFFFFF;*/
	padding:10px;
	position: absolute;
 }

b,strong {
	font-weight:700;
}

h1, h2, h3, h4, h5, h6 {
    font-family: 'Roboto', sans-serif;
    margin: 0;
    padding: 0;
    line-height: 1;
}

h1 {
	font-weight:700;
	font-size: 60px;
	color: #FFF;
	text-transform: uppercase;
}




h2{
    font-size: 30px;
	line-height:30px;
	/*padding-top:10px;*/
	text-transform:uppercase;
	font-weight:700;
	}
h3{
	color:#0086E9;
	font-size:26px;
	font-weight:700;
	line-height:30px;
	padding-top:0px;
	padding-bottom:5px;
	display:block;
	}

	
	
h4 {
    color: #0063a3;
    display: block;
    font-size: 16px;
    font-weight: 700;
    padding-bottom: 5px;
    padding-top: 0px;
	text-transform:uppercase;
}
h5{
	font-size:16px;
	font-weight:700;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	}


.page_boite .logo img{
	
	height: 65px;
	width: auto;
}

h1.mon_titre{
	width:100%;
	background-image:none;
	line-height:27px;
	font-size:28px;
	}
	
.titre {
    color: #FFF;
    font-size: 45px;
	line-height:65px;
	display:block;
	padding-top:15px;
	padding-bottom:15px;
	display:block;
	margin-top:80px;	
	position:absolute;
	
}

.titre span{
	color:#FFC700;
	}

a.first{
	padding-left:0px !important;
	margin-left:0px !important;
	}

.ligne {
    border-top: 1px dashed #393939;
    text-align: center;
}

.ligneBas {
    border-bottom: 1px dashed #393939;
	padding-bottom:5px;
}


.anchor {
    position:relative;
    top:-130px; /* or whatever value you need */
}

.calendrier{
	background-color:#0475BB;
	color:#FFFFFF; 
	padding-left:25px;
	border-bottom:0px;
	margin-bottom:5px;
	margin-top:25px;
	background-image:url(/images/coin_calendrier.png);
	background-position:right top;
	background-repeat:no-repeat;
	width:440px;
	line-height:28px;
	text-transform:uppercase;
	font-size:24px;
}
#Detail b, #Detail strong{
	font-size:16px;
	font-weight:700;
	padding-top:10px;
	padding-bottom:10px;
	display:block;
	}

.conteneur{
	width: 1150px;
	margin:0px auto;
	}
	
.colGauche{
	float:left;
	width:68%;
	padding-right:10px;
	}
	
.colDroite{
	float:left;
	width:26%;
	padding:2%;
	}		


.deuxCol{
	width: 48%;
	float:left;
	padding:0;
	margin-right:2%;
	}


.alignRight{
	text-align:right;
	}

	
.troisCol{
	float:left;
	width:29%;
	padding:2%;
	padding-right:20px;
	text-align: center;
	}
	
.quatreCol{
	float:left;
	width:22%;
	padding-right:3%;
	text-align:center;
	margin: auto;

	}
.cinqCol{
	float:left;
	width:17%;
	padding-right:3%;
	text-align:center;

	}
.quatreColAccueil{
	float:left;
	width:24%;
	padding-right:12px;
	text-align:center;

	}
	
 .last{
	padding-right:0px;
	padding-left:2px;
	margin-right:0px;
	}
	
.colonne {
    -webkit-column-count: 2; /* Chrome, Safari, Opera */
    -moz-column-count: 2; /* Firefox */
    column-count: 2;
}

.quartCol{
	float:left;
	width:63%;
	padding-right:20px;
	}

.ColPleine{
	
	width:100%;
	}

.ColPleine h2{
	font-size: 36px;
	border-bottom: dashed 1px #272727;
	padding-bottom: 5px; 
	}

.btn{
	background-color: #2d1600;
    border: 0 none rgba(0, 0, 0, 0);
    border-radius: 4px;
    padding: 0.5em 1em;
    text-decoration: none;
	-moz-user-select: none;
    box-sizing: border-box;
    cursor: pointer;
    display: inline-block;
    line-height: normal;
    text-align: center;
    vertical-align: middle;
    white-space: nowrap;
	transition: background 0.5s;
	color:#FFFFFF;
	text-transform:uppercase;
	width:100%;	
	}


	
.btn:hover{
	text-decoration:none;
	color:#FFF;
	transition: background 0s;
	background-color: #000;
	}




.slider{
	color:#FFF;
	}

.wide-container {
     /* max-width: 1000px;*/
      height: 400px;
      margin: 0 auto;
	  width:100%;
    }
	
.slides-pagination {
    margin-bottom: 14px;
    margin-left: 450px;
    position: absolute;
    width: 100%;
	color:#999999;
	z-index:999;
	display:none;
	
}


.espacement_slider{
	width:400px;
	color:#FFF;
	padding-top:130px;
	font-size:16px;
	float:left;
	}
.espacement_slider h1{
	color:#FFF;
	margin:0;
	padding:5px;
	font-size:28px;	
	line-height:30px;
	background-color:rgba(255,63,0,0.8);
	border-bottom:none;
	padding-left:20px;
	text-transform:uppercase;
	}
	
.espacement_slider h2{
	font-weight:300;
	color:#FFF;
	margin-top:4px;
	line-height:24px;
	background-color:rgba(0,0,0,0.8);
	border-bottom:none;
	font-size:18px;	
	padding:5px;
	padding-left:20px;
	text-transform:none;
		}
	
	
.espacement_slider a{
	margin-top:15px;
	background-color: rgba(0, 0, 0, 0.7);
	color:#FFF;
	}

.espacement_slider a:hover{
	background-color: rgb(0, 0, 0);
	}
	
	
/*Section Sub-------------------------------------- */
	
.sectionSub{
	margin:0px;
	padding-top:0px;
	clear:both;
	height: 160px;
	background-image:url(../images/subGeneral.jpg);
	background-repeat:repeat-x;
	background-position:bottom center;
	background-size:cover;
	color:#FFFFFF;
		}
		
.slogan{
	width:580px;
	color:#FFF;
	padding-top:180px;
	font-size:16px;
	float:left;
	}
.slogan h1{
	color:#FFF;
	font-size:21px;
	font-weight:700;
	padding:0;
	margin:0;
	line-height:30px;
	background-color:rgba(0,0,0,0.8);
	text-align:left;
	padding-left:20px;
	padding-top:5px;
	padding-bottom:5px;
	letter-spacing:2px;
	}

.slogan a{
	color:#A30002;
	}	
	
	
	
.slogan a:hover{
	color:#FFF;
	}
	
.slogan span{
	font-size:28px;
	}

.separateur{
	height: 20px;
	background-image:url(../images/separateur.jpg);
	background-repeat:no-repeat;
	background-position:bottom center;
	padding-bottom:30px;
	padding-top:30px;
	}
		
	

	
/*Section 1-------------------------------------- */
	
.section1{
	margin:0px;
	padding-top:50px;
	background-color:#FFF;
	clear:both;
	min-height: 370px;
	padding-bottom:40px;
		}
		
		
#entete {
    height: 640px;
}

.images{
    border: solid 1px #BCBCBC;
	padding:5px;
	margin-bottom:10px;
	width:100%;
}

.imagesNormal{
    border: solid 1px #BCBCBC;
	padding:5px;
	margin-bottom:10px;
}

.tableauGris{
    background-color:#BCBCBC;
	padding:5px;
	font-family: 'Roboto', sans-serif;
	letter-spacing:1px;
}

.tableauOrange{
    background-color:#EF6F00;
	padding:5px;
	font-family: 'Roboto', sans-serif;
}


/*Section 2-------------------------------------- */

.section2{
	background-color: #fff;
	min-height: 300px;
	padding-top: 65px;
	}

	
.section2 h1{
	font-size:42px;
	}
	
	
/*Section 3-------------------------------------- */
	
.section3{
background-position: center center;
background-image: url("../images/footer.jpg");
background-repeat: repeat-x;
background-color: #373737;
background-attachment: fixed;
	}
	

/*Section 3-------------------------------------- */
	
.section4{
	background-color:#fff;
	height:210px;
	margin:0px;
	padding:0px;
	color:#000;
	}
	
	



/*footer-------------------------------------- */

.footer{
background-position: bottom center;
background-image: url("../images/footer.jpg");
background-repeat: repeat-x;
background-color: #373737;
color: #FFF;
text-align: left;
background-attachment: fixed;
	margin: auto;
	}

.footer img{
width: 100%;
	padding:5px;
	}

.espacement_footer{
	width: 975px;
	height:100%;
	margin:0px auto;
	color:#FFFFFF;
	padding-top:80px;
	padding-bottom:50px;
}
.espacement_footer a{
	color: #0086E9;
	text-decoration: underline;
	}
.espacement_footer a:hover{
	color:#FFC700;
	text-decoration:underline;
	}
	
.profil {
    color: #ffffff;
    float: right;
    font-size: 12px;
    line-height: 14px;
    padding-bottom: 60px;
    padding-right: 15px;
    width: 235px;
}

.footer_signature {
    color: #A5A3A3;
    font-size: 12px;
    padding-bottom: 36px;
    padding-top: 36px;
    text-align: center;
	border-top:1px solid #21213C;
	margin-top:36px;
}
	
.boutons{
	float: left;
	width: 235px;
	font-size: 12px;
	line-height: 14px;
	color: #FFFFFF;
	padding-right: 15px;
	padding-bottom: 60px;
	margin-left:10px;
	margin-top:-10px;
	}
.espacement_footer a.bouton2 {
	-moz-box-shadow:inset 0px 1px 4px 0px #005A9B;
	-webkit-box-shadow:inset 0px 1px 4px 0px #005A9B;
	box-shadow:inset 0px 1px 4px 0px #005A9B;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #0072BB), color-stop(1, #005DA0) );
	background:-moz-linear-gradient( center top, #0072BB 5%, #005DA0 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#0072BB', endColorstr='#005DA0');
	background-color:#005DA0;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #005A9A;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:100%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #005A9A;
	margin-top:3px;
	margin-bottom:5px;
}
.espacement_footer a.bouton2:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #005DA0), color-stop(1, #0072BB) );
	background:-moz-linear-gradient( center top, #005DA0 5%, #0072BB 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#005DA0', endColorstr='#0072BB');
	background-color:#005DA0;
}

	
.espacement_footer a.bouton {
	-moz-box-shadow:inset 0px 1px 4px 0px #c1ed9c;
	-webkit-box-shadow:inset 0px 1px 4px 0px #c1ed9c;
	box-shadow:inset 0px 1px 4px 0px #c1ed9c;
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #9dce2c), color-stop(1, #8cb82b) );
	background:-moz-linear-gradient( center top, #9dce2c 5%, #8cb82b 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#9dce2c', endColorstr='#8cb82b');
	background-color:#9dce2c;
	-webkit-border-top-left-radius:10px;
	-moz-border-radius-topleft:10px;
	border-top-left-radius:10px;
	-webkit-border-top-right-radius:10px;
	-moz-border-radius-topright:10px;
	border-top-right-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	-moz-border-radius-bottomright:10px;
	border-bottom-right-radius:10px;
	-webkit-border-bottom-left-radius:10px;
	-moz-border-radius-bottomleft:10px;
	border-bottom-left-radius:10px;
	text-indent:0px;
	border:1px solid #83c41a;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:100%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #689324;
	margin-top:4px;
	margin-bottom:4px;
		font-weight:bold;
	font-family:Tahoma, Geneva, sans-serif;
}
.espacement_footer a.bouton:hover {
	background:-webkit-gradient( linear, left top, left bottom, color-stop(0.05, #8cb82b), color-stop(1, #9dce2c) );
	background:-moz-linear-gradient( center top, #8cb82b 5%, #9dce2c 100% );
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#8cb82b', endColorstr='#9dce2c');
	background-color:#8cb82b;
}.espacement_footer a.bouton:active {
	position:relative;
	top:1px;
		}
a.bouton4 {
	background-color:#FFC700;
-webkit-border-radius: 10px;
-moz-border-radius: 10px;
border-radius: 10px;
	text-indent:0px;
	display:inline-block;
	color:#000000;
	font-size:25px;
	font-weight:normal;
	font-style:normal;
	height:35px;
	line-height:35px;
	width:90%;
	text-decoration:none;
	text-align:center;
	margin-top:11px;
	margin-bottom:4px;
	padding:5%;
	padding-top:1%;
	padding-bottom:1%;

	/*margin-left:730px;*/
	margin-top:20px;
	font-weight:bold;
}
a.bouton4:hover {
	background-color:#0086E9;
	color:#FFFFFF;
}a.bouton4:active {

		}
		
		.silicon {
    color: #ffffff;
    float: left;
    font-size: 12px;
    line-height: 14px;
    margin-left: 210px;
    margin-top: -28px;
    padding-bottom: 60px;
    padding-right: 15px;
    width: 193px;
}

.GoogleMap {
	padding-top: 5px;
	padding-right: 2px;
	padding-bottom: 2px;
	padding-left: 2px;
	border: 1px solid #80E6FF;
}



.icone {
	float:right;
	display:block;
	padding-top:5px;
	
 }
 
  .icone a{
	 opacity:1;
 }
 


.menu{
	/*margin-left:260px;
	position:absolute;
	margin-top:45px;*/
	float:right;
	margin-top:28px;
	padding-right:0px;
	margin-right:0px;
	}

	
.menu ul {
 padding:0;
 margin:0;

 }
.menu ul li {
	margin-left: 2px;
	float: left; /*pour IE*/
	list-style-type: none;
	list-style-image: none;
	float: left;
	display: inline;
	position: relative;
	z-index:998;
	padding-bottom:10px;
	
 }
.menu ul li a {
	display: block;
	float: left;
	width: auto;
	font-family: 'Roboto', sans-serif;
	font-size:20px;
	line-height:18px;
	font-weight:300;
	color:#FFFFFF;
	padding-left:10px;
	padding-right:10px;
	display:inline-block;
	width: auto;
	text-align:center;
	height: 30px;
 }
.menu ul li a:hover {
	color: #0086E9;
	text-decoration:none;

 } 
 
 .menu ul ul {
		position: absolute;
		left: 0;
		top: 100%;
		display: none;
		z-index:9999;
		margin-left:10px;
	
	}
	
 .menu ul ul li{
		margin:0;
		padding:0;
	
	}
	
 
 
 .menu ul li ul li a {
	font-size:16px;
	display: block;
	float: left;
	width: 180px;
	text-decoration: none;
	text-align: left;
	border-right: none;
	border-top: 1px solid #DDDDDD;
	padding-left:15px;
	padding-top:10px;
	padding-bottom:10px;
	color:#000000;
	text-transform:none;
	background: #FFFFFF;
	margin:0;
	height:auto;
 }
 
 .menu ul li ul li a:hover {
	color: #FFF;
	background-color:#171717;
	z-index:99999;

 } 
 

	
 .menu ul ul ul {
		top: 5px;
		left:100%;
		background: #999;
		z-index:9999;

	}

	
li:hover > ul {
		display: block;
	}
/*Fin de la navigation*/


a.inscription {
    background-color: #474747;
    color: #ffffff;
    display: block;
    padding:10px;
	width:250px;
	float:left;
	margin-right:10px;
	text-align:center;
	font-family: 'Roboto', sans-serif;
	font-size:24px;
	font-weight:700;
	
}
a.inscription:hover {
    background-color: #FF6700;
    text-decoration: none;
}



.bouton{
	font-family: 'Open Sans', sans-serif;
	width:85%;
	font-size: 13px;
	margin-bottom: 5px;
	display: block;
	padding: 20px;
	border: none;
	color:#FFF;
	background-color: #313131;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
	}

.champs{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	margin-bottom: 5px;
	display: block;
	padding: 4px;
	border: 1px solid #C0C0C0;
	width: 150px;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	}
	
		
.champs2{
	font-family: 'Open Sans', sans-serif;
	font-size: 13px;
	margin-bottom: 5px;
	display: block;
	padding: 4px;
	border: 1px solid #C0C0C0;
	width: 85%;
	-webkit-border-radius: 5px;
	-moz-border-radius: 5px;
	border-radius: 5px;
background: #eeeeee; /* Old browsers */
background: -moz-linear-gradient(top,  #eeeeee 0%, #dddddd 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#eeeeee), color-stop(100%,#dddddd)); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* Opera 11.10+ */
background: -ms-linear-gradient(top,  #eeeeee 0%,#dddddd 100%); /* IE10+ */
background: linear-gradient(to bottom,  #eeeeee 0%,#dddddd 100%); /* W3C */
filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#eeeeee', endColorstr='#dddddd',GradientType=0 ); /* IE6-9 */
	}
	
	
#my-gallery1 img, #my-gallery2 img, #my-gallery3 img, #my-gallery4 img  {
	-webkit-border-radius: 10px;
	-moz-border-radius: 10px;
	border-radius: 10px;
	padding:3px;
	border:#E9E9E9 solid 1px;
		}
		
#my-gallery1 img:hover, #my-gallery2 img:hover, #my-gallery3 img:hover, #my-gallery4 img:hover  {
	transform:scale(1.2,1.2);

		}


.date {
	-moz-box-shadow:inset 0px 1px 4px 0px #005A9B;
	-webkit-box-shadow:inset 0px 1px 4px 0px #005A9B;
	box-shadow:inset 0px 1px 2px 0px #005A9B;
	background-color:#005DA0;
	-webkit-border-radius:2px;
	-moz-border-radius:2px;
	border-radius:2px;
	text-indent:0px;
	border:1px solid #005A9A;
	display:inline-block;
	color:#ffffff;
	font-family:Arial;
	font-size:15px;
	font-weight:normal;
	font-style:normal;
	height:35px;
	line-height:21px;
	width:100%;
	text-decoration:none;
	text-align:center;
	text-shadow:1px 1px 0px #000;
	margin-top:3px;
	margin-bottom:5px;

}	

.colonne_inscription {
    float: left;
    padding-bottom: 20px;
    padding-right: 3%;
    width: 47%;
}


fieldset {
    margin-bottom: 20px;
    padding: 10px;
	min-height: 100px;
}

legend {
    color: #000;
    font-weight: bold;
}


.info{
	background-color:#ff6100;
	padding:5px;
	margin-top:15px;
	margin-bottom:15px;
	font-weight:bold;
	color:#FFFFFF;
	  -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    -khtml-border-radius: 10px;
    border-radius: 10px;
	width:51%;
	background-image:url(../images/info_icon.png);
	background-repeat:no-repeat;
	background-position:left;
	min-height:40px;
	padding-left:55px;
	font-size:14px;
	line-height:20px;
	}



/**
 * Tooltip Styles
 */

/* Base styles for the element that has a tooltip */
[data-tooltip],
.tooltip {
  position: relative;
  cursor: pointer;
  text-align:center;
}

/* Base styles for the entire tooltip */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after {
  position: absolute;
  visibility: hidden;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=0);
  opacity: 0;
  -webkit-transition: 
   opacity 0.2s ease-in-out,
    visibility 0.2s ease-in-out,
    -webkit-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    -moz-transition:    
    opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        -moz-transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
    transition:         
        opacity 0.2s ease-in-out,
        visibility 0.2s ease-in-out,
        transform 0.2s cubic-bezier(0.71, 1.7, 0.77, 1.24);
  -webkit-transform: translate3d(0, 0, 0);
  -moz-transform:    translate3d(0, 0, 0);
  transform:         translate3d(0, 0, 0);
  pointer-events: none;
}

/* Show the entire tooltip on hover and focus */
[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after {
  visibility: visible;
  -ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=100)";
  filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=100);
  opacity: 1;
}

/* Base styles for the tooltip's directional arrow */
.tooltip:before,
[data-tooltip]:before {
  z-index: 1001;
  border: 6px solid transparent;
  background: transparent;
  content: "";
}

/* Base styles for the tooltip's content area */
.tooltip:after,
[data-tooltip]:after {
  z-index: 1000;
  padding: 8px;
  width: 100px;
  background-color: #000;
  background-color: hsla(0, 0%, 20%, 0.9);
  color: #fff;
  content: attr(data-tooltip);
  font-size: 11px;
  line-height: 1.2;
}

/* Directions */

/* Top (default) */
[data-tooltip]:before,
[data-tooltip]:after,
.tooltip:before,
.tooltip:after,
.tooltip-top:before,
.tooltip-top:after {
  bottom: 100%;
  left: 50%;
}

[data-tooltip]:before,
.tooltip:before,
.tooltip-top:before {
  margin-left: -6px;
  margin-bottom: -12px;
  border-top-color: #000;
  border-top-color: hsla(0, 0%, 20%, 0.9);
}

/* Horizontally align top/bottom tooltips */
[data-tooltip]:after,
.tooltip:after,
.tooltip-top:after {
  margin-left: -80px;
}

[data-tooltip]:hover:before,
[data-tooltip]:hover:after,
[data-tooltip]:focus:before,
[data-tooltip]:focus:after,
.tooltip:hover:before,
.tooltip:hover:after,
.tooltip:focus:before,
.tooltip:focus:after,
.tooltip-top:hover:before,
.tooltip-top:hover:after,
.tooltip-top:focus:before,
.tooltip-top:focus:after {
  -webkit-transform: translateY(-12px);
  -moz-transform:    translateY(-12px);
  transform:         translateY(-12px); 
}



/* Bottom */
.tooltip-bottom:before,
.tooltip-bottom:after {
  top: 100%;
  bottom: auto;
  left: 50%;
}

.tooltip-bottom:before {
  margin-top: -12px;
  margin-bottom: 0;
  border-top-color: transparent;
  border-bottom-color: #000;
  border-bottom-color: hsla(0, 0%, 20%, 0.9);
}

.tooltip-bottom:hover:before,
.tooltip-bottom:hover:after,
.tooltip-bottom:focus:before,
.tooltip-bottom:focus:after {
  -webkit-transform: translateY(12px);
  -moz-transform:    translateY(12px);
  transform:         translateY(12px); 
}
.tableau_bleu{
	background-color:#005DA0;
	color:#FFFFFF;
	}
.bande_bleu{
	background-color:#0086E9;
	height:20px;
	}
a.bt_boite{
	color:#fff;
	background-color:#FFC700;
	display:inline-block;
	font-size:13px;	
	line-height: 18px;
	padding:12px;
	text-align:center;
	transition: all 0.2s ease;
	text-transform: uppercase;
	margin-top:10px;
	margin-left:10px;
	width: 140px;
	}
a:hover.bt_boite{
		 background-color:#000;
		 transition: all 0.2s ease;
	}

a.bt_plan{
	color:#fff;
	background-color: #4dc23a;
	display:inline-block;
	font-size:13px;	
	line-height: 18px;
	padding:12px;
	text-align:center;
	transition: all 0.2s ease;
	text-transform: uppercase;
	margin-top:10px;
	margin-left:10px;
	width: 140px;
	}
a:hover.bt_plan{
		 background-color:#000;
		 transition: all 0.2s ease;
	}


a.bt_via{
	color:#fff;
	display:inline-block;
	font-size:13px;	
	line-height: 18px;
	padding:12px;
	text-align:center;
	transition: all 0.2s ease;
	text-transform: uppercase;
	margin-top:10px;
	margin-left:10px;
	width: 140px;
	background-color:#0086E9;
	margin-left: 220px;
	}
a:hover.bt_via{
		 background-color:#000;
		 transition: all 0.2s ease;
	}

a.bt_teams{
	color:#fff;
	display:inline-block;
	font-size:13px;	
	line-height: 18px;
	padding:12px;
	text-align:center;
	transition: all 0.2s ease;
	text-transform: uppercase;
	margin-top:10px;
	margin-left:10px;
	width: 140px;
	background-color:#4B4BAF;
	margin-left: 220px;
	}
a:hover.bt_teams{
		 background-color:#000;
		 transition: all 0.2s ease;
	}


a.bt_aide{
	color:#fff;
	display:inline-block;
	font-size:14px;	
	line-height: 18px;
	padding:12px;
	font-weight:700;
	text-align:center;
	transition: all 0.2s ease;
	text-transform: uppercase;
	margin-top:20px;
	margin-right:30px;
	cursor: help;
	width:100px;
	

	background-color:#E81500;
	}
a.bt_aide_connect{
	color:#fff;
	display:inline-block;
	font-size:14px;	
	line-height: 18px;
	padding:10px;
	font-weight:700;
	text-align:center;
	transition: all 0.2s ease;
	text-transform: uppercase;
	margin-top:38px;
	margin-right:30px;
	cursor: help;
	width:100px;
	

	background-color:#E81500;
	}
a:hover.bt_aide{
		 background-color:#000;
		 transition: all 0.2s ease;
	}




a.bt_deconnexion{
	color:#000;
	display:block;
	position:absolute;
	top:0;
	right:0; 		
	font-size:12px;	
	line-height: 18px;
	padding:5px;
	text-align:center;
	transition: all 0.2s ease;
	text-transform: uppercase;
	margin-left:10px;
	width: 140px;
	background-color:#fff;
	}
a:hover.bt_deconnexion{
		 background-color:#E85900;
		 transition: all 0.2s ease;
	color: #FFF!important;
	}

a.boite_accueil{
	color:#fff;
	display:inline-block;
	background-color:#000;
	font-size:15px;	
	padding:20px;
	text-align:center;
	transition: all 0.2s ease;
	}
a:hover.boite_accueil{
	transition: all 0.5s ease;
	opacity:0.8;
	}
a.boite_accueil span{ 
margin-top:70px;
display:block;
font-weight:700;
font-family: 'Roboto', sans-serif;
}
.icone_rond{
	background-color:#FFFFFF;
		border-radius: 65px;
		padding:2px;
		width:92px;
		height:92px;
		text-align:center;
		position:absolute;
		margin-top:-50px;
		margin-left:65px;

		
	}
.icone_rond img{

 position: absolute; top: 0; bottom: 0; left: 0; right: 0; margin: auto;
	}
.slogan_accueil{
	font-size:28px;
	font-family: 'Roboto', sans-serif;
	 color:#232020;
	 text-transform:uppercase;
	 text-align:right;
	 line-height:33px;
	 margin-top:55px;
	}
.slogan_accueil span{
	color:#FFC700;
	font-weight:700;
	}
a.pdf{
	background-image:url(../images/icone_pdf.png);
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	font-size:16px;
	color:#1E1E1E;
	font-weight:400;
	padding:10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:45px;
	}
a:hover.pdf{
	color:#FF3200;
	}
a.word{
	background-image:url(../images/icone_word.png);
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	font-size:16px;
	color:#1E1E1E;
	font-weight:400;
	padding:10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:45px;
	}
a:hover.word{
	color:#0087ED;
	}
a.excel{
	background-image:url(../images/icone_excel.png);
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	font-size:16px;
	color:#1E1E1E;
	font-weight:400;
	padding:10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:45px;
	}
a:hover.excel{
	color:#3AA900;
	}
a.web{
	background-image:url(../images/icone_web.png);
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	font-size:16px;
	color:#1E1E1E;
	font-weight:400;
	padding:10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:45px;
	}
a:hover.web{
	color:#FFC700;
	}
a.video{
	background-image:url(../images/icone_video.png);
	background-position:left;
	background-repeat:no-repeat;
	display:block;
	font-size:16px;
	color:#1E1E1E;
	font-weight:400;
	padding:10px;
	padding-bottom:5px;
	padding-top:5px;
	padding-left:45px;
	}
a:hover.video{
	color:#810BEE;
	}

#sous_menu{
	background-color:#FFC700;
	padding-top:10px;
	padding-bottom:10px;
	text-align: center;
	margin-bottom: 10px;

	}
#sous_menu a{
	font-size:18px;
	color:#1B1313;
	text-transform:uppercase;
	padding-right:10px;
	padding-left:10px;
	border-right:1px solid #BB940A;
	padding-bottom:2px;
	padding-top:2px;
	margin-top:8px;
	margin-bottom:8px;
	display:inline-block;
	}
#sous_menu a:hover{
	color:#FFF;
	}
.ombre{
	background-image:url(../images/ombre.png);
	background-position:center top;
	background-repeat:no-repeat;
	padding-top:90px;
	}

input[type="text"],input[type="password"]{

  
    background: rgba(255,255,255,.1);
    border: 1px solid #BBBBBB;
    border-radius: 4px;
    font-size: 16px;
    margin: 0;
    outline: 0;
    padding: 7px;
   
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    background-color: #FFFFFF;
    color:#8a97a0;
    -webkit-box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    box-shadow: 0 1px 0 rgba(0,0,0,0.03) inset;
    margin-bottom: 10px;
	width:50%;
	}

input[type="submit"]{
	 cursor:pointer;
	 color:#000000;

	background-color:#FFC700;
	text-transform:uppercase;
	font-family: 'Roboto', sans-serif;
	 font-size:15px;
	
	 padding:20px;


	text-align:center;
	 	border-radius: 15px;

		background-repeat:no-repeat;
		background-position:left;
		 border-bottom: 3px solid #BE8A00;
		 border-right: 3px solid #BE8A00;
		 transition: all 0.2s ease;
	}
input:hover[type="submit"]{
 background-color:#FFBF00;
		 border-top: 3px solid #BE8A00;
		 border-left: 3px solid #BE8A00;
		 border-bottom: 0px solid #BE8A00;
		 border-right: 0px solid #BE8A00;
		 transition: all 0.2s ease;	
	}
.field-validation-error{
	color:#D50003;
	}
.validation-summary-errors{
	background-color:#FFC700;
	padding:10px;
	margin-bottom:20px;
	border:1px solid #BE8A00;
	}
.question{

border-bottom-width: 1px;
border-bottom-style: dotted;
border-bottom-color: #3582E5;
display: block;
padding-bottom:10px;
margin-bottom:10px;
	}
.chiffre{
	font-size: 72px;
font-weight: bold;
color:#0086E9;
	}
.colonne_gauche_menu{
	/*float:left;*/
	width:100%;
	margin-right:3%;
	


	}
.colonne_droite_liste{
	float:left;
	width:60%;
	}
.colonne_gauche_menu a{
	width:100%;
	display:block;
	border-bottom:1px solid #E0AF01;
	margin-bottom:7px;
	margin-top:7px;
	}
#sidebar{
	background-color:#FFC700;
		padding:5%;
		
	}
#sidebar2{
	background-color:#0086E9;
		padding:5%;
		margin-top:5%;
	
		
	}
#sidebar3{
	background-color:#4dc23a;
		padding:5%;
		margin-top:5%;
	
		
	}
#sidebar3 a{
	background-image: url("../images/icone_entrepreneurs.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 65px;
	width: 80% !important;
		
	}
#sidebar3 a:hover{
	background-image: url("../images/icone_entrepreneurs_over.png");
	background-repeat: no-repeat;
	background-position: left;
	padding-left: 65px;
	width: 80% !important;
		
	}
.active{
	color:#0086E9;
	font-weight:bold;
	}
#sidebar2 .active{
	color:#FFC700;
	font-weight:bold;
	}
.colonne_gauche_menu #sidebar2 a{
	width:100%;
	display:block;
	border-bottom:1px solid #6AA6D3 !important;
	margin-bottom:7px;
	margin-top:7px;
	}
	.colonne_gauche_menu #sidebar2 a:hover{
		color:#FFFFFF;
		}
.colonne_gauche_menu #sidebar3 a {
    width: 100%;
    display: block;
    border-bottom: 1px solid #3a982b !important;
    margin-bottom: 7px;
    margin-top: 7px;
}
	.colonne_gauche_menu #sidebar3 a:hover{
		color:#FFFFFF;
		}
.fa-users{
	font-size: 25px;
	
}
#sticky {
  position: sticky;
  position: -webkit-sticky;
 
  top: 200px;
  display: flex;
  justify-content: center;
  align-items: center;
  	width:35%;
	margin-right:3%;
	float:left;

}

/* --------------- sUPPORT -*/


*{
 /* margin: 0;
  padding: 0;
	box-sizing: border-box;
	*/
  
 
}
body{
 /* overflow: hidden;*/
	overflow-x: hidden;
 
}
#click{
  display: none;
}
label{
  position: fixed;
  right: 30px;
  bottom: 20px;
 /* height: 55px;*/
 /* width: 55px;*/
	width: 100px;
	height: 80px;
  background: -webkit-linear-gradient(left, #0086E9, #0079A4);
  text-align: center;
  line-height: 55px;
 /* border-radius: 50px;*/
  font-size: 30px;
  color: #fff;
  cursor: pointer;
}
label i{
 /* position: absolute;
  top: 50%;
  left: 50%;*/
	position: absolute;
	left: 50%;
	  top: 35%;
	text-align: center;
  transform: translate(-50%, -50%);
  transition: all 0.4s ease;
}
label i.fas{
  opacity: 0;
  pointer-events: none;
}
#click:checked ~ label i.fas{
  opacity: 1;
  pointer-events: auto;
  transform: translate(-50%, -50%) rotate(180deg);
}
#click:checked ~ label i.fab{
  opacity: 0;
  pointer-events: none;
  transform: translate(-50%, -50%) rotate(180deg);
}
.wrapper{
	
 position: fixed;
  right: 30px;
  bottom: 0px;
  max-width: 550px;
	width: 550px;
  background: #fff;
 /* border-radius: 15px;*/
  box-shadow: 0px 15px 20px rgba(0,0,0,0.1);
  opacity: 0;
  pointer-events: none;
  transition: all 0.6s cubic-bezier(0.68,-0.55,0.265,1.55);
	z-index: 99999;
}
#click:checked ~ .wrapper{
  opacity: 1;
  bottom: 105px;
  pointer-events: auto;
	position: fixed;
}
.wrapper .head-text{
  line-height: 60px;
  color: #fff;
 /* border-radius: 15px 15px 0 0;*/
  padding: 0 20px;
  font-weight: 500;
  font-size: 20px;
  background: -webkit-linear-gradient(left, #0086E9, #0079A4);
}
.wrapper .chat-box{
  padding: 20px;
  width: 100%;
}
.chat-box .desc-text{
  color: #515365;
  text-align: center;
  line-height: 25px;
  font-size: 17px;
  font-weight: 500;
}
.chat-box form{
  padding: 10px 15px;
  margin: 20px 0;
 /* border-radius: 25px;*/
  border: 1px solid lightgrey;
	width: 87%;
}
.chat-box form .field{
  height: 50px;
  width: 100%;
  margin-top: 20px;
}
.chat-box form .field:last-child{
  margin-bottom: 15px;
}
form .field input,
form .field button, form .field select,
form .textarea textarea{
  width: 100%;
  height: 100%;
  padding-left: 20px;
  border: 1px solid lightgrey;
  outline: none;
/*  border-radius: 25px;*/
  font-size: 16px;
  transition: all 0.3s ease;
}
form .field input:focus,
form .textarea textarea:focus{
  border-color: #0086E9;
}
form .field input::placeholder,
form .textarea textarea::placeholder{
  color: silver;
  transition: all 0.3s ease;
}
form .field input:focus::placeholder,
form .textarea textarea:focus::placeholder{
  color: lightgrey;
}
.chat-box form .textarea{
  height: 70px;
  width: 100%;
}
.chat-box form .textarea textarea{
  height: 100%;
 /* border-radius: 50px;*/
  resize: none;
  padding-right: 20px;
  font-size: 16px;
	width: 91%;
	
}
.chat-box form .field button{
  border: none;
  outline: none;
  cursor: pointer;
  color: #fff;
  font-size: 18px;
  font-weight: 500;
  background: -webkit-linear-gradient(left, #0086E9, #0079A4);
  transition: all 0.3s ease;
	margin-top: 20px;
}
.chat-box form .field button:active{
  transform: scale(0.97);
}

.bt_choix{
float: left;
	width: 29%;
	height: auto;
	padding: 1%;
	background-color:#0085E8;
	text-align: center;
	color: #ffffff;
	font-size: 11px;
	margin: 1%;
	line-height: 14px;
}

.bt_choix i{
	font-size: 50px !important;
	margin-bottom: 5px;
	margin-top: 5px;
}
.bt_choix:hover{
	color:#FFFFFF;
	background-color: #0079A5;
}
.last_choix{
	margin-right: 0px !important;
	
}
.espacement_choix{
	
	width: 100%;
	margin: auto;

	text-align: center;
}

.accordion {
    cursor: pointer;
    outline: none;
    text-decoration: none;
}
  
.accordion.active a {
    color: #0086E9;
	font-weight: bold;
}

.SujetAnchor {
    scroll-margin-top: 7em;
}