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

/*---------------------------------
	IMPORTS
-----------------------------------*/
@import url(http://fonts.googleapis.com/css?family=Arimo:400,700);
@import url(http://fonts.googleapis.com/css?family=Lato:300);

/*---------------------------------
	OVERRIDES
-----------------------------------*/
h1,h2,h3,h4,h5,h6{
font-family: "Arimo", arial, verdana, sans-serif;
font-weight:normal;
}

h1{font-size:1.5em;}
h2{font-size:1.4em;}
h3{font-size:1.3em;}
h4{font-size:1.2em;}
h5{font-size:1.1em;}
h6{font-size:1em;}

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

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

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

blockquote{
font-family: "Arimo", 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:#161616 url(/_docs/Divers/stressed_linen.png) repeat;
}
body{
border-top:5px solid #e0d5dc; 
background:#fff;
margin:0;
padding:0 0 0 0;
padding-top:90px; 
color:#000;
font:normal 0.9em/150% 'Arimo', arial, verdana, sans-serif;
text-shadow: 0px 0px 1px transparent; /* google font pixelation fix */
}

#page{padding:0; margin:0 auto; margin-top:-90px;}
#left{background:#e0d5dc; border:0px solid #c8c8c8; border-top:0px; box-shadow:2px 2px 5px #ccc; border-bottom-left-radius:10px; border-bottom-right-radius:10px; margin:0;}
#right{ }
#menu{padding:0; margin:0 auto; background:#FFF; }
#footer{clear:both; padding:0; 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;}	

#lettres {font-size:20px; line-height:20px; font-family: 'Lato', sans-serif; }
#lettres a:link .monbutton{display:inline-block; width:35px; text-align:center; color:#666; text-decoration:none; border:0px solid #444; border-radius:5px; background:#fff; padding:5px; box-shadow:2px 2px 5px #ccc;}	
#lettres a:visited .monbutton{display:inline-block;width:35px; text-align:center; color:#666; text-decoration:none; border:0px solid #444; border-radius:5px; background:#fff; padding:5px; box-shadow:2px 2px 5px #ccc; }
#lettres a:hover .monbutton{display:inline-block;width:35px; text-align:center; color:#f4f4f4; text-decoration:none; border:0px solid #444; border-radius:5px; background:#999; padding:5px; box-shadow:2px 2px 5px #ccc; }

#lettresphone {font-size:16px; line-height:16px; font-family: 'Lato', sans-serif; }
#lettresphone a:link .monbutton{display:inline-block; margin:2px; width:30px; text-align:center; color:#666; text-decoration:none; border:0px solid #444; border-radius:3px; background:#fff; padding:5px; box-shadow:2px 2px 5px #ccc;}	
#lettresphone a:visited .monbutton{display:inline-block; margin:2px; width:30px; text-align:center; color:#666; text-decoration:none; border:0px solid #444; border-radius:3px; background:#fff; padding:5px; box-shadow:2px 2px 5px #ccc; }
#lettresphone a:hover .monbutton{display:inline-block; margin:2px; width:30px; text-align:center; color:#f4f4f4; text-decoration:none; border:0px solid #444; border-radius:3px; background:#999; padding:5px; box-shadow:2px 2px 5px #ccc; }

	
/* 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:0px solid #666;
}
	
	.navbar span{
	color:#86dc00;
	}
	
	
	.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; }
.menu ul{margin:0;padding:0;position: absolute;top:100%;left:0;display:none;text-align:left; min-width:300px;max-width:200%;*width:300px;}

.TitreArticlePage{ padding:0; margin:0; font-family:'Arimo', arial, verdana, sans-serif; font-weight:normal; color:#039; font-size:1.5em;}
.TitreBloc{ padding:0; margin:0; margin-bottom:1em; font-family:'Arimo', arial, verdana, sans-serif; color:#039; font-size:1.6em; font-weight:bold; width:100%; border-bottom:1px dotted #ccc; padding-bottom:5px;}
.SousTitreBlocOnglet{ padding:0; margin:0; margin-bottom:2px; font-family: "Arimo", arial, verdana, sans-serif; font-weight:normal; font-size:1.5em; font-weight:bold; width:100%; color:#484848;}
.TitreBlocOnglet{padding:0; margin:0; margin-bottom:1em; font-family: "Arimo", arial, verdana, sans-serif; font-weight:normal; font-size:1.3em; font-weight:bold; width:100%; color:#039; }
.TitreArticle{font-size: 1em;}
.TitreArticle a:link{font-size: 1em; text-decoration:none; font-weight:bold;}
.TitreArticle a:visited{font-size: 1em; text-decoration:none; font-weight:bold;}
.TitreArticle a:hover{font-size: 1em; text-decoration:none; font-weight:bold; color:#F4F4F4; background-color:#333;}
.AccrocheArticle{font-size: 0.9em;}
.DatePubArticle{font-size: 0.7em; color:#484848; text-align:right; font-style:italic;}
.ListeFichier{font-size: 0.9em; padding:3px;}
.BarreOutils{text-align:right; font-size:1em; }
.playlistmp3{margin:0 auto; text-align:center;}

.Pagine{font-size: 1em;}
.Pagine a:link{font-size: 1em; text-decoration:none; font-weight:bold;}
.Pagine a:visited{font-size: 1em; text-decoration:none; font-weight:bold;}
.Pagine a:hover{font-size: 1em; text-decoration:none; font-weight:bold; color:#F4F4F4; background-color:#333;}

#listemots {}
#listemots a:link div{border:1px dotted #ccc; padding:0.5em; background:#F4F4F4; border-radius:5px; text-decoration:none; color:black;}	
#listemots a:visited div{border:1px dotted #ccc; padding:0.5em; background:#F4F4F4; border-radius:5px; text-decoration:none; color:black;}
#listemots a:hover div{border:1px solid #666; padding:0.5em; background:#EEF3F7; border-radius:5px; text-decoration:none; color:#006; box-shadow:2px 2px 3px #ccc;}

#listemotsphone {margin-left:20px; margin-right:20px;}
#listemotsphone a:link div{border:1px dotted #ccc; padding:0.5em; background:#F4F4F4; border-radius:5px; text-decoration:none; color:black; }	
#listemotsphone a:visited div{border:1px dotted #ccc; padding:0.5em; background:#F4F4F4; border-radius:5px; text-decoration:none; color:black;}
#listemotsphone a:hover div{border:1px solid #666; padding:0.5em; background:#EEF3F7; border-radius:5px; text-decoration:none; color:#006; box-shadow:2px 2px 3px #ccc;}