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

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url("https://fonts.googleapis.com/css?family=Source+Sans+Pro:400,400i,600,600i");

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Source Sans Pro", sans-serif, sans-serif;
font-weight:600;
}

h1{font-size:1.7em; font-family: "Source Sans Pro", sans-serif, arial, verdana, sans-serif; font-variant:small-caps;}
h2{font-size:1.5em; font-family: "Source Sans Pro", sans-serif, arial, verdana, sans-serif; font-variant:small-caps;}
h3{font-size:1.3em; font-family: "Source Sans Pro", sans-serif, arial, verdana, sans-serif; font-variant:small-caps;}
h4{font-size:1em; font-family: "Source Sans Pro", sans-serif, arial, verdana, sans-serif;}
h5{font-size:0.9em; font-family: "Source Sans Pro", sans-serif, arial, verdana, sans-serif;}
h6{font-size:0.8em; font-family: "Source Sans Pro", sans-serif, arial, verdana, sans-serif;}

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

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

.menu{
font-family: "Source Sans Pro", sans-serif, arial, verdana, sans-serif;
}

blockquote{
font-family: "Source Sans Pro", 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:#b4b3ea;
color:#414141;
}
body{
background:#fff;
margin:0;
padding:0 0 0 0;
padding-top:80px;
color:#414141;
font:400 12pt "Source Sans Pro", arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}

/*#header{position:relative; top:0; left:0; margin-top:-80px; background:#F5F5F5 url(/_docs/Divers/backPied3.jpg); border-top:10px solid #324a7c; }
#header{position:relative; top:0; left:0; margin-top:-80px; background: linear-gradient(-15deg, #b4b3ea 0%, #b4b3ea 50%, #807fcd 50%, #807fcd 100%); padding:1em; font-weight:bold; color:#fff;}*/

#menu{position:relative; margin:0 auto; margin-top:-80px; margin-bottom:0px; background-color:#807fcd; border-bottom:1px solid #807fcd; border-top:1px solid #807fcd; }
.mapage{padding-top:1em; padding-bottom:1em;}	
#menugauche{margin:0; padding:1em; padding-top:2em; }
#corps{margin:0; padding:1em; padding-top:2em; font-size:1.1em;}

.monfooter{margin:0; padding:0px; background-color:#807fcd; color:#fff;} 
#footer{position: relative; top:0; left:0; padding:0px; margin:0; padding-top:1em; }
#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*/
.navbar{
position:fixed;
top:0;
left:0;
width: 100%;
background: #807fcd; /* Old browsers */
color:#fff;
z-index:1000;
border-bottom:1px solid #55539d;
}
	
	.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:#fff;
		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-family: "Source Sans Pro", sans-serif, arial, verdana, sans-serif; font-weight:normal; color:#5270ae; font-size:1.5em;}
.TitreBloc{ padding:0; margin:0; margin-bottom:1em; font-family: "Source Sans Pro", sans-serif, arial, verdana, sans-serif; color:#5270ae; font-size:1.5em; font-weight:300; width:100%; }
.SousTitreBlocOnglet{ padding:0; margin:0; margin-bottom:2px; font-family: "Source Sans Pro", sans-serif, arial, verdana, sans-serif; font-weight:normal; font-size:1.4em; font-weight:600; width:100%; color:#484848;}
.TitreBlocOnglet{padding:0; margin:0; margin-bottom:1em; font-family: "Source Sans Pro", sans-serif, arial, verdana, sans-serif; font-weight:normal; font-size:1.1em; font-weight:600; width:100%; color:#324a7c; }
.TitreArticle{font-size: 1em; font-weight:600;color:#324a7c;}
.TitreArticle a:link{font-size: 1em; text-decoration:none; font-weight:600; color:#324a7c;}
.TitreArticle a:visited{font-size: 1em; text-decoration:none; font-weight:600; color:#324a7c;}
.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:left; font-style:italic; padding:0.5em 0;}
.DateArticle{font-size: 0.9em; color:#324a7c; 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:#9badd5; padding:5px; border:1px solid #9badd5; border-radius:5px; font-size:0.9em;}
.Lirelasuite a:visited{text-decoration:none; color:white; font-weight:normal;background:#9badd5; padding:5px; border:1px solid #9badd5; border-radius:5px;font-size:0.9em;}
.Lirelasuite a:hover{text-decoration:none; color:white; font-weight:normal; background:rgba(155, 173, 213, 0.75); padding:5px; border:1px solid rgba(155, 173, 213, 0.75); border-radius:5px; 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;}

.monmenuhaut{}
.monmenuhaut a:link div.bouttondumenu{width:auto;display:inline-block;text-align:left;font-size:1.3em;color:#333;border-bottom:3px solid #324a7c;text-decoration:none;padding:10px; margin:0; background:#F9F9F9; font-weight:300; transition: border 1s, background 1s; -webkit-transition: border 1s, background 1s; -moz-transition: border 1s, background 1s; -o-transition: border 1s, background 1s;  }
.monmenuhaut a:visited div.bouttondumenu{width:auto;display:inline-block;text-align:left;font-size:1.3em;color:#333;border-bottom:3px solid #324a7c;text-decoration:none;padding:10px; margin:0; background:#F9F9F9; font-weight:300; transition: border 1s, background 1s; -webkit-transition: border 1s, background 1s; -moz-transition: border 1s, background 1s; -o-transition: border 1s, background 1s;  }
.monmenuhaut a:hover div.bouttondumenu{width:auto;text-align:left;display:inline-block;font-size:1.3em;color:#324a7c;border-bottom:3px solid #ef7d00;text-decoration:none;padding:10px; margin:0; background:#F4F4F4; font-weight:300; transition: border 0s, background 0s; -webkit-transition: border 0s, background 0s; -moz-transition: border 0s, background 0s; -o-transition: border 0s, background 0s; }

#commentaires {clear:both; margin:0px; padding:0px; padding-top:1em; margin-top:0.5em; background:transparent; border-top:1px dotted #CCCCCC;}
.comm {padding:1px; margin:1em; margin-left:0; margin-right:2em; background:#333; border-radius:3px;}
.comm_in{padding:3px; background:#ffffff; color:#484848; font-size: 0.9em ; font-style:normal;}
.comm_rep {padding:1px; margin:2em; margin-left:3em; margin-top:-0.5em; background:#ccc; border-radius:3px;}
.comm_rep_in{padding:3px; background:#ffffff; color:#484848; font-style:italic;}
.comm_pseudo{margin:0;padding:0; padding-left:3px; font-style:normal; font-weight:normal; color:#ffffff; font-size:1em;}
.comm_date{margin:0;padding:0; font-size: 0.7em; color:#900; text-align:right; font-style:normal; }

a.bouton1{display:inline-block; font-size:0.7em; padding:5px; padding-top:1px; padding-bottom:1px; background:#324a7c; color:white; text-decoration:none; border-radius:3px; margin:2px; margin-bottom:5px;}
a.bouton1:hover{background:#324a7c; color:white; text-decoration:none; box-shadow:0px 0px 10px #fcb94b;}
a.bouton2{display:inline-block; font-size:0.7em; padding:5px; padding-top:1px; padding-bottom:1px; background:#666; color:white; text-decoration:none; border-radius:3px; margin:2px; margin-bottom:5px;}
a.bouton2:hover{background:#484848; color:white; text-decoration:none; box-shadow:0px 0px 10px #fcb94b;}
a.bouton3{display:inline-block; font-size:1em; padding:5px; padding-top:1px; padding-bottom:1px; background:#ef7d00; color:white; text-decoration:none; border-radius:3px; margin:2px; margin-bottom:5px;}
a.bouton3:hover{background:#324a7c; color:white; text-decoration:none; box-shadow:0px 0px 10px #FF9 ;}

 /*---------------------------------
 LIGHT GREY
-----------------------------------*/
button.lightgrey,
a.btn.lightgrey,
a.button.lightgrey,
input[type=submit].lightgrey,
input[type=reset].lightgrey,
input[type=button].lightgrey{
color:#fff;
border:1px solid #BBB;
background: #BBB; /* Old browsers */
}
 
 button.lightgrey:hover,
 a.btn.lightgrey:hover,
 a.button.lightgrey:hover{
 border:1px solid #666;
 background: #666; /* Old browsers */
 }
 
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;}

.bx-caption{display:none;}