/* 	99Lime.com HTML KickStart by Joshua Gatcke
	style.css
*/

/*---------------------------------
	IMPORTS
-----------------------------------*/

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{ font-family: Arial, sans-serif, sans-serif; font-weight:400; }

h1{font-size:1.6em; border-bottom:1px solid white; padding:1.5em 0;}
h2{font-size:1.5em; }
h3{font-size:1.3em; }
h4{font-size:1em; }
h5{font-size:0.9em; }
h6{font-size:0.8em; }

hr{border: 0; border-bottom: 1px solid #000;}

thead th,tbody th{
padding:8px 12px;
font-family: Arial, sans-serif, arial, verdana, sans-serif; 
background-color:#EEE;
color:#006;
}

button,
a.btn,
input[type="submit"],
input[type="reset"],
input[type="button"]{
font-family: Arial, sans-serif, arial, verdana, sans-serif;
padding:3px 6px 3px 4px;
}

.menu{
font-family: Arial, sans-serif, arial, verdana, sans-serif;
}

blockquote{
font-family: Arial, sans-serif, arial, verdana, sans-serif;
font-size:1em;
line-height:1.5em;
font-style: italic;
margin:30px;
padding:0 0 0 10px;
border-left:3px solid #ccc;
}
strong{color:inherit;}
/*---------------------------------
	LAYOUT
-----------------------------------*/
html{ min-height:100%; background:#5e5b9b; color:#414141; }
body{ background:#fff; margin:0; padding:0 0 0 0; padding-top:80px; color:#414141; font:300 13pt arial, verdana, sans-serif; text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */}
.grid{ width:calc(100% - 2em); max-width:1140px; padding:0; }
@media all and (min-width: 769px) and (max-width: 1024px) { .grid{ width:calc(100% - 1em); } }
@media all and (max-width: 768px) { .grid{ width:calc(100% - 0.3em);} }

#header{position:relative; top:0; left:0; margin-top:-80px; background:#fff; padding:1em; font-weight:bold; color:#fff; }
#header img {padding:0 30px 0 0; max-height:115px;}
#header img.full-width { width:auto; max-width:100%; } 
@media all and (max-width: 1024px) { 
	#header{ padding:0; } 
	#header img.full-width { width:auto; max-width:100%; margin:0 auto; padding-left:1em;}  
}

#ariane { background:#ee7551; color:#fff; padding:0;} 
	#ariane a:link{ text-decoration:none; color:#fff;} 
	#ariane a:visited{ text-decoration:none; color:#fff;} 
	#ariane a:hover{ text-decoration:underline; color:#fff;} 
#ariane .grid .col_12{ background-image:url(/_docs/Divers/trace.png); background-position:top left; background-repeat:no-repeat; }
ul.breadcrumbs li a { font-size:12px; }
@media all and (max-width: 980px) { 
	#ariane { padding:0 0 0 10px; }
}

#slideshow{ margin:0; padding:0; width:100%; background-color:#ee7551; }
#slideshow .grid .col_12{ background-image:url(/_docs/Divers/trace.png); background-position:top left; background-repeat:no-repeat; }

#menu{position:relative; margin:0 auto; margin-top:0px; margin-bottom:0px; background-color:#fff; background:none; text-transform: uppercase; border:none; }
.menu{ border:0; font-weight:normal; }
.menu ul{margin:0; padding:0; margin-top:0.5em; background:#EEEDF7; position: absolute; top:100%; left:0;display:none; text-align:left; width:auto; min-width:350px; max-width:350px;}
.menu ul { padding:10px; border:none; }
.menu li{ border-right:1px solid #000; }
.menu li.last{ border-right:none; }
.menu li a { color:#000; padding:5px 1em; margin:0 1em; font-weight:bold; } 
.menu li a:hover { background:none; } 
.menu li a:hover::before {display: block; position: absolute; left: 50%; top: 100%; content:''; background:none; height : 0; width : 0; border-right : 6px solid transparent; border-bottom : 10px solid #EEEDF7; border-left : 6px solid transparent; }

.menu ul li { border:none; }
.menu ul li a { color:#000; padding:15px 0 5px 0; margin:0; font-weight:normal; text-transform:none; border-bottom:1px solid #666; } 
.menu ul li.first a { padding:5px 0 5px 0; }
.menu ul li a:hover { background:none; } 
.menu li.has-menu span.arrow{border-color-top:#000;border-color:#000 transparent transparent transparent;}
.menu li.current>a,.menu li.current>a:hover,.menu li.current.hover>a{background:none; color:#ee7551; text-shadow:none; }

@media all and (max-width: 980px) { 
	#menu{ margin:15px 0;}
}


@media all and (max-width: 768px) { 
	.menu ul{ width:95%; max-width:95%; min-width:95%;}
	.menu li{ border-right:none; }
}

.mapage{padding:1em 0;}
@media all and (max-width: 980px) { 
	.mapage{padding:1em 10px;}
}
#menusscat{margin:0; padding:1em; background:#EEEDF7; text-align:center; text-transform:uppercase; font-size:0.9em; }
#corps{ margin: 0; padding: 2em 0 2em 0; font-size: 15px; }
#corps > * > ul:not(.button-bar) {margin-left:0; }
#corps > * > ul:not(.button-bar) li{ background:url(/_docs/Divers/tiret.png) no-repeat left 0.9em; list-style-type: none; margin: 0; padding-left:30px;  }
#corps > * > ul.tiretV {margin-left:0; }
#corps > * > ul.tiretV  li{ background:url(/_docs/Divers/tiretV.png) no-repeat left 0.9em; list-style-type: none; margin: 0; padding-left:30px;  }
#corps > * > ul.tiretB {margin-left:0; }
#corps > * > ul.tiretB  li{ background:url(/_docs/Divers/tiretB.png) no-repeat left 0.9em; list-style-type: none; margin: 0; padding-left:30px;  }


ul.button-bar li {background:#73c5d5; border:none; }
ul.button-bar li a{ text-shadow:none; color:white; font-size:1.2rem; }
ul.button-bar li a:hover{ background: #EE7551;}

.monfooter{margin:0; padding:0px; background-color: #5e5b9b; color:#fff; } 
#footer{position: relative; top:0; left:0; padding:0px; margin:0; }
#footer a:link{color:#fff; text-decoration:none;}	
#footer a:visited{color:#fff; text-decoration:none;}	
#footer a:hover{color:#f4f4f4; text-decoration:none;}	

/* NAV BAR*/
nav{ position:fixed; top:0; left:0; width: 100%; background: #F4F4F4; z-index:1000; border-bottom:2px solid #666; }	
nav .menu li {padding: 0.5em;} 
nav .menu li a:hover::before {display:none;}
.TitreArticlePage{ padding:0; margin:0; font-weight:normal; color:#5e5b9b; font-size:1.5em;}
.TitreBloc{ margin-bottom:1em; color:#EE7551; }
.SousTitreBlocOnglet{ padding:0; margin:0; margin-bottom:2px; font-weight:normal; font-size:1.4em; font-weight:600; width:100%; color:#484848;}
.TitreBlocOnglet{padding:0; margin:0; margin-bottom:1em; font-weight:normal; font-size:1.1em; font-weight:600; width:100%; color:#ee7551; }
.TitreArticle{font-size: 1em; font-weight:600;color:#ee7551;}
.TitreArticle a:link{font-size: 1em; text-decoration:none; font-weight:600; color:#ee7551;}
.TitreArticle a:visited{font-size: 1em; text-decoration:none; font-weight:600; color:#ee7551;}
.TitreArticle a:hover{font-size: 1em; text-decoration: none; font-weight: 600; color: white; background-color: #aaa;} 
.AccrocheArticle{font-size: 1em;}
.DatePubArticle{font-size: 0.9em; color:#484848; text-align:right; font-style:italic;}
.DateArticle{display:none; font-size: 0.9em; color:#ee7551; margin-bottom:5px; text-align:right;}
.ListeFichier{font-size: 1em; margin:8px 0;}
.explainfichier{font-size:10px; color:#484848; font-weight:800;}
.BarreOutils{text-align:right; font-size:1em; margin-bottom:1em; }
.playlistmp3{margin:0 auto; text-align:center;}

.Lirelasuite {text-align:center; margin-bottom:2em;} 
.Lirelasuite a:link{display:inline-block; text-decoration:none; color:white; text-transform:uppercase; font-weight:normal; background:#5E5B9B; padding:5px 10px; border:0px; border-radius:5px; font-size:1em;}
.Lirelasuite a:visited{display:inline-block; text-decoration:none; color:white; text-transform:uppercase; font-weight:normal;background:#5E5B9B; padding:5px 10px; border:0px; border-radius:5px; font-size:1em;}
.Lirelasuite a:hover{display:inline-block; text-decoration:none; color:white; text-transform:uppercase; font-weight:normal; background:#EE7551; padding:5px 10px; border:0px; border-radius:5px; font-size:1em;}
a.Lirelasuite:link{display:inline-block; text-decoration:none; color:white; text-transform:uppercase; font-weight:normal; background:#5E5B9B; padding:5px 10px; border:0px; border-radius:5px; font-size:1em;}
a.Lirelasuite:visited{display:inline-block; text-decoration:none; color:white; text-transform:uppercase; font-weight:normal;background:#5E5B9B; padding:5px 10px; border:0px; border-radius:5px; font-size:1em;}
a.Lirelasuite:hover{display:inline-block; text-decoration:none; color:white; text-transform:uppercase; font-weight:normal; background:#EE7551; padding:5px 10px; border:0px; border-radius:5px; font-size:1em;}

a.Lirelasuiteinv:link{display:inline-block; text-decoration:none; color:white; text-transform:uppercase; font-weight:normal; background:#EE7551; padding:5px 10px; border:0px; border-radius:5px; font-size:1em;}
a.Lirelasuiteinv:visited{display:inline-block; text-decoration:none; color:white; text-transform:uppercase; font-weight:normal;background:#EE7551; padding:5px 10px; border:0px; border-radius:5px; font-size:1em;}
a.Lirelasuiteinv:hover{display:inline-block; text-decoration:none; color:white; text-transform:uppercase; font-weight:normal; background:#5E5B9B; padding:5px 10px; border:0px; border-radius:5px; font-size:1em;}

.Pagine a{font-size: 1em; color: #414141;}
.Pagine a:link{font-size: 1em; text-decoration:none; font-weight:600; color:#414141;}
.Pagine a:visited{font-size: 1em; text-decoration:none; font-weight:600;}
.Pagine a:hover{font-size: 1em; text-decoration:none; font-weight:600; color:#F4F4F4; background-color:#414141;}
 
img.zoom, a img.full-width{ -webkit-transform: scale(1); transform: scale(1); -webkit-transition: .3s ease-in-out; transition: .3s ease-in-out;} 
img.zoom:hover, a img.full-width:hover{ -webkit-transform: scale(1.05); transform: scale(1.05); z-index:1000;}

#cookieChoiceInfo a:link{color:#fff; background:rgba(255,255,255,0.3); text-decoration:none; padding:2px 5px; border-radius: 2px; }
#cookieChoiceInfo a:hover{color:#fff; background:rgba(255,255,255,0.7); text-decoration:none; padding:2px 5px;; border-radius: 2px; }
#cookieChoiceInfo a:link{color:#fff; text-decoration:none; background:rgba(255,255,255,0.3); padding:2px 5px;; border-radius: 2px; }
#cookieChoiceInfo a:visited{color:#fff; text-decoration:none; background:rgba(255,255,255,0.3); padding:2px 5px;; border-radius: 2px; }

.accordeon { margin-top:1em; }
.acctitre{ background:#73C5D5; color:white; font-size:1.2em; padding:10px; margin:0; width:100%; margin-bottom:10px; }
.acctitre a:link{ text-decoration:none; color:white; font-weight: 300; }
.acctitre a:visited{ text-decoration:none; color:white; font-weight: 300; }
.acctitre a:hover{ text-decoration:none; color:white; font-weight: 300; }
.accpli{ background:none; margin:0; margin-bottom:10px;}

.BlocFlex66sans, .BlocFlex66x2sans, .BlocFlex444sans, .BlocFlex3333sans, .BlocFlex84sans, .BlocFlex48sans {display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items:stretch; width:100%; padding:0; margin:0; }
.BlocFlex66avec, .BlocFlex66x2avec, .BlocFlex444avec, .BlocFlex3333avec, .BlocFlex84avec, .BlocFlex48avec {display: flex; flex-direction: row; flex-wrap: wrap; justify-content:center; align-items:stretch; width:100%; padding:0; margin:0; }
.BlocFlex66sans #bloc1 {display: bloc; width:50%; }
.BlocFlex66sans #bloc2 {display: bloc; width:50%; }
.BlocFlex66sans #bloc3 {display: none; }
.BlocFlex66sans #bloc4 {display: none; }
.BlocFlex66x2sans #bloc1 {display: bloc; width:50%; }
.BlocFlex66x2sans #bloc2 {display: bloc; width:50%; }
.BlocFlex66x2sans #bloc3 {display: bloc; width:50%; }
.BlocFlex66x2sans #bloc4 {display: bloc; width:50%; }
@media all and (max-width: 780px) { 
	.BlocFlex66sans #bloc1, .BlocFlex66sans #bloc2, 
	.BlocFlex66x2sans #bloc1, .BlocFlex66x2sans #bloc2 ,.BlocFlex66x2sans #bloc3, .BlocFlex66x2sans #bloc4 { width:100%; }
}

.BlocFlex444sans #bloc1 {display: bloc; width:33.33%; }
.BlocFlex444sans #bloc2 {display: bloc; width:33.33%; }
.BlocFlex444sans #bloc3 {display: bloc; width:33.33%; }
.BlocFlex444sans #bloc4 {display: none; }
@media all and (max-width: 780px) { 
	.BlocFlex444sans #bloc1, .BlocFlex444sans #bloc2, .BlocFlex444sans #bloc3  { width:100%; }
}


.BlocFlex3333sans #bloc1 {display: bloc; width:25%; }
.BlocFlex3333sans #bloc2 {display: bloc; width:25%; }
.BlocFlex3333sans #bloc3 {display: bloc; width:25%; }
.BlocFlex3333sans #bloc4 {display: bloc; width:25%; }
@media all and (max-width: 1024px) { 
	.BlocFlex3333sans #bloc1, .BlocFlex3333sans #bloc2, .BlocFlex3333sans #bloc3, .BlocFlex3333sans #bloc4  { width:50%; }
}
@media all and (max-width: 780px) { 
	.BlocFlex3333sans #bloc1, .BlocFlex3333sans #bloc2, .BlocFlex3333sans #bloc3, .BlocFlex3333sans #bloc4  { width:100%; }
}

.BlocFlex84sans #bloc1 {display: bloc; width:66%; }
.BlocFlex84sans #bloc2 {display: bloc; width:34%; }
.BlocFlex84sans #bloc3 {display: none; }
.BlocFlex84sans #bloc4 {display: none; }
.BlocFlex48sans #bloc1 {display: bloc; width:34%; }
.BlocFlex48sans #bloc2 {display: bloc; width:66%; }
.BlocFlex48sans #bloc3 {display: none; }
.BlocFlex48sans #bloc4 {display: none; }
@media all and (max-width: 780px) { 
	.BlocFlex84sans #bloc1, .BlocFlex84sans #bloc2, 
	.BlocFlex48sans #bloc1, .BlocFlex48sans #bloc2 { width:100%; }
}

.BlocFlex66avec #bloc1 {display: bloc; width:48%; margin-right:2%; }
.BlocFlex66avec #bloc2 {display: bloc; width:48%; margin-left:2%; }
.BlocFlex66avec #bloc3 {display: none; }
.BlocFlex66avec #bloc4 {display: none; }
.BlocFlex66x2avec #bloc1 {display: bloc; width:48%; margin-right:2%; }
.BlocFlex66x2avec #bloc2 {display: bloc; width:48%; margin-left:2%; }
.BlocFlex66x2avec #bloc3 {display: bloc; width:48%; margin-right:2%; }
.BlocFlex66x2avec #bloc4 {display: bloc; width:48%; margin-left:2%; }
@media all and (max-width: 780px) { 
	.BlocFlex66avec #bloc1, .BlocFlex66avec #bloc2, 
	.BlocFlex66x2avec #bloc1, .BlocFlex66x2avec #bloc2 ,.BlocFlex66x2avec #bloc3, .BlocFlex66x2avec #bloc4 { width:100%; margin:2% 0;  }
}


.BlocFlex444avec #bloc1 {display: bloc; width:32%; margin-right:2%; }
.BlocFlex444avec #bloc2 {display: bloc; width:32%; margin-right:2%; }
.BlocFlex444avec #bloc3 {display: bloc; width:32%; }
.BlocFlex444avec #bloc4 {display: none; }
@media all and (max-width: 780px) { 
	.BlocFlex444avec #bloc1, .BlocFlex444avec #bloc2, .BlocFlex444avec #bloc3  { width:100%; }
}

.BlocFlex3333avec #bloc1 {display: bloc; width:23%; margin:0 1%; }
.BlocFlex3333avec #bloc2 {display: bloc; width:23%; margin:0 1%; }
.BlocFlex3333avec #bloc3 {display: bloc; width:23%; margin:0 1%; }
.BlocFlex3333avec #bloc4 {display: bloc; width:23%; margin:0 1%; }
@media all and (max-width: 1024px) { 
		.BlocFlex3333avec #bloc1, .BlocFlex3333avec #bloc3 { width:49%; margin:1% 1% 1% 0; }
		.BlocFlex3333avec #bloc2, .BlocFlex3333avec #bloc4 { width:49%; margin:1% 0 1% 1%; }
}
@media all and (max-width: 780px) { 
	.BlocFlex3333avec #bloc1, .BlocFlex3333avec #bloc2, .BlocFlex3333avec #bloc3, .BlocFlex3333avec #bloc4  { width:100%; margin:1% 0; }
}
.BlocFlex84avec #bloc1 {display: bloc; width:63%; margin-right:2%; }
.BlocFlex84avec #bloc2 {display: bloc; width:33%; margin-left:2%; }
.BlocFlex84avec #bloc3 {display: none; }
.BlocFlex84avec #bloc4 {display: none; }
.BlocFlex48avec #bloc1 {display: bloc; width:33%; margin-right:2%;}
.BlocFlex48avec #bloc2 {display: bloc; width:63%; margin-left:2%;}
.BlocFlex48avec #bloc3 {display: none; }
.BlocFlex48avec #bloc4 {display: none; }
@media all and (max-width: 780px) { 
	.BlocFlex84avec #bloc1, .BlocFlex84avec #bloc2, 
	.BlocFlex48avec #bloc1, .BlocFlex48avec #bloc2 { width:100%; margin:2% 0;  }
}

.bx-wrapper {margin:0;}
#slideshow .bx-wrapper .bx-viewport { background:none; } 
.bx-wrapper .bx-viewport { border:none; box-shadow:none; }
.bx-wrapper .bx-caption { display:none;}