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

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url('https://fonts.googleapis.com/css?family=Open+Sans');
@import url('https://fonts.googleapis.com/css2?family=Raleway:ital,wght@0,100;0,200;0,300;0,400;0,500;0,600;0,700;0,800;0,900;1,100;1,200;1,300;1,400;1,500;1,600;1,700;1,800;1,900&display=swap');

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

h1{font-size:1.7em; font-variant:small-caps;}
h2{font-size:1.5em; font-variant:small-caps;}
h3{font-size:1.3em; font-variant:small-caps;}
h4{font-size:1em; }
h5{font-size:0.9em; }
h6{font-size:0.8em; }

hr{border: 0; border-bottom: 1px dotted #ee7551;}

thead th,tbody th{
padding:8px 12px;
font-family: 'Raleway', 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: 'Raleway', Arial, sans-serif, arial, verdana, sans-serif;
padding:3px 6px 3px 4px;
}

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

blockquote{
font-family: 'Raleway', 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;
}
/*---------------------------------
	LAYOUT
-----------------------------------*/
html{ min-height:100%; background:#e65b3e; color:#414141; border-top:#5567a7 5px solid; }
body{ background:#fff; margin:0; padding:0 0 0 0; padding-top:80px; color:#414141; font:400 13pt 'Raleway', Arial, arial, verdana, sans-serif; text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */}
.grid{ width:calc(100% - 2em); max-width:1600px; padding:0; }
@media all and (min-width: 769px) and (max-width: 1024px) { .grid{ width:calc(100% - 1em); max-width:1600px; } }
@media all and (max-width: 768px) { .grid{ width:100%; } }
#header{position:relative; top:0; left:0; margin-top:-80px; background: linear-gradient(45deg, #61c5e0 0%, #61c5e0 50%, #50bfdd 50%, #50bfdd 100%); padding:1em; font-weight:bold; color:#fff; }
#slideshow{ margin:0; padding:2em 0; width:100%; background-color:#F4F4F4; }
#menu{position:relative; margin:0 auto; margin-top:0px; margin-bottom:0px; background-color:#fff; border-bottom:1px solid #ccc; text-transform: uppercase; }
.mapage{padding:10px 1em; }	
#menugauche{margin:0; padding:1em; padding-top:2em; }
#corps{margin:0; padding:2em 1em 1em 1em; font-size:1.1em; }
.monfooter{margin:0; padding:0px; background-color: #e65b3e; 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;}	
div.caption{width:100%;}
@media all and (max-width: 1024px) { div.caption{width:60%; max-width:250px; margin:0 auto;} } 

/* NAV BAR*/
.navbar{ position:fixed; top:0; left:0; width: 100%; background: #eee; /* Old browsers */
background: -moz-linear-gradient(top, rgba(252,252,252,1) 0%, rgba(224,224,224,1) 100%); /* FF3.6+ */
background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,rgba(252,252,252,1)), color-stop(100%,rgba(224,224,224,1))); /* Chrome,Safari4+ */
background: -webkit-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Chrome10+,Safari5.1+ */
background: -o-linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* Opera11.10+ */
background: linear-gradient(top, rgba(252,252,252,1) 0%,rgba(224,224,224,1) 100%); /* W3C */
color:#fff; z-index:1000; border-bottom:1px solid #666; }	
.navbar ul{ display:inline-block; margin:0; padding:0; }
.navbar li{ margin:0; padding:0; list-style-type:0; display:inline-block; }
.navbar li a{ display:inline-block; color:#666666; padding:0.7em 1em; text-decoration:none; text-transform: uppercase; line-height:100%; font-size: 1em;}

.menu{ border:0; font-weight:normal; }
.menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;text-align:left; min-width:300px;max-width:200%;*width:auto;}

.TitreArticlePage{ padding:0; margin:0; font-weight:normal; color:#5567a7; font-size:1.5em;}
.TitreBloc{ padding:0; margin:0; margin-bottom:1em; color:#5567a7; font-size:1.5em; font-weight:300; width:100%; }
.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: 0.9em;}
.DatePubArticle{font-size: 0.7em; 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:right;}
.Lirelasuite a:link{text-decoration:none; color:white; font-weight:normal; background:#414141; padding:3px; border:1px solid #414141; border-radius:3px; font-size:0.9em;}
.Lirelasuite a:visited{text-decoration:none; color:white; font-weight:normal;background:#414141; padding:3px; border:1px solid #414141; border-radius:3px;font-size:0.9em;}
.Lirelasuite a:hover{text-decoration:none; color:white; font-weight:normal; background:#aaa; padding:3px; border:1px solid #aaa; border-radius:3px;font-size:0.9em;}
a.Lirelasuite:link{text-decoration:none; color:white; font-weight:normal; background:#414141; padding:3px; border:1px solid #414141; border-radius:3px; font-size:0.9em;}
a.Lirelasuite:visited{text-decoration:none; color:white; font-weight:normal;background:#414141; padding:3px; border:1px solid #414141; border-radius:3px;font-size:0.9em;}
a.Lirelasuite:hover{text-decoration:none; color:white; font-weight:normal; background:#aaa; padding:3px; border:1px solid #aaa; border-radius:3px;font-size:0.9em;}

.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.1); transform: scale(1.1); 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; }

video { width: 100%    !important; height: auto   !important; }