/* ----------------------------------------
			formatage du texte 
---------------------------------------- */
/* 
Police texte : Arial
Police titre : Verdana
*/
body {
	font-family: 'Yeseva One', cursive;
	font-size: 0.8em;
	margin: 0;
	padding: 0;
}

h1, h2, h3{
	orphans: 3; 
	font-family: 'Bree Serif', serif;
}
p {
	font-family: 'Yeseva One', cursive;

	font-size: 1.36em;
	margin: 0 0 10px 0;
	text-align: left;
	page-break-inside:auto;
	orphans: 3;
 	widows: 2; 
}

h1{
	font-size: 1.8em; 
	text-align:left;
}
h2 {
	font-size: 1.4em; 
}
	
h3 {
	font-size: 1.3em; 
	text-align: left;
}
	
li {	
	display:list-item;
	margin-bottom: 5px;
	padding: 0; /*a droite de la puce*/
	list-style-type:circle;
	line-height: 1.5em;
	font-size: 1em;
}
dt{	
	font-size: 1em;
	margin-bottom: 5px;
	padding: 2px; /*a droite de la puce*/
	line-height: 1.5em;
	color:#FFFFFF;
	background-color:#666666;
}
dd{	
	display:list-item;
	list-style-type:square;
	font-size: 1em;
	margin-bottom: 5px;
	padding: 0px; /*a droite de la puce*/
	line-height: 1.5em;
	text-align: left;
}
table{
	page-break-before:auto;
	orphans: 5;
 	widows: 4; 
 	width: 75%;
	border: none;
	 font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: left;
}

table caption {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 2em;
	letter-spacing: -.1em;
	padding-bottom: 12px;
	text-align: center;
	font-weight: bold;
}
	
thead, th td {
	letter-spacing: -.1em;
	font-size: 1.3em;
	padding-bottom: 50px;
	padding-left: 8px;
	text-align: center;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
	
table, td, th {
	margin: 0;
	padding: 0;
}
	
td, th {
	vertical-align: middle;
}
	
tfoot td, tfoot th {
	font-weight: bold;
	padding: 4px 8px 6px 9px;
}

	
/* ----------------------------------------
		Section Class!
---------------------------------------- */

.bouton
{
	width: 8em;
  padding: 0.5em;
  border: 0.1em solid white;
  border-radius: 5em;
  background-color: #202020;
}

.stick-right
{
	float: right;
	margin-left: 3em;
	margin-bottom: 20em;
}

.special
{
	font-size: 1em;
	color: #FFFACD;
}

.copy
{
	float: right;
	margin-left: 3em;
	margin-right: 3em;
	font-size: 1em;
}

.marge
{
	border: 0.01em solid #808080; 
	background-color:#000000 ;
	padding: 1em;
	margin-top: 4em;
}

/* ----------------------------------------
		Titre de la page
---------------------------------------- */
span.chapitre{
		background-color: #666666;
		color: #FFFFFF;
		padding-top: 5px;
		padding-bottom: 3px;
		padding-right: 5px;
		padding-left: 50px;
		word-spacing: 2px;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		font-size: 14pt;
}
span.titreChap{
		padding-top: 5px;
		padding-bottom: 2pt;
		border-bottom-width: 1px;
		font-size: 10pt; /*19px height*/
		padding-right: 2px;
		padding-left: 20px;
		border-bottom-style: solid;
		border-bottom-color: #666666;
		font-family: Geneva, Arial, Helvetica, sans-serif;
		letter-spacing: 2px;
		font-weight: bold;
}

/* ----------------------------------------
				COULEURS
---------------------------------------- */
/*

texte 
		titre : 		rouge gras #990000
		paragraphe : 	noir
		lien : 			rouge pale	#333333, 

Arri?re-plan du texte 
		gris  rgb (204,204,204,.75)
Fond 
		rouge fonc? #5B0000 
teinte  
	gris fonc? #666666
	gris #CCCCCC
bordure 
	blanc 
*/

body 
{
	background-attachment:/*fixed*/ scroll;
	background-image:url(../image/fond8.jpg);
	background-repeat:repeat-xy ;
	background-position: right top;
}
header{
	/*border:1px #ffffff dotted;*/
}
header img{
	border:none;
}
#conteneur{
	background-color:#696969;
	background-color:rgba(15,15,15,.75);
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	border:3px #ffffff solid;
	padding:0px;
}
p, li, dl, header {
	color:	#D3D3D3;
}
h1, h2, h3, h4, hr {
	color:	#8B008B;
}

nav {
	-moz-border-radius: 10px 10px 10px 10px;
	-webkit-border-radius:10px 10px 10px 10px;
	background-color: #CCCCCC;
	background-color:rgba(204,204,255,.25);
}
nav li{
	border-left:thin #696969 solid;
	border-radius: 5em;
}
hr {
  border-width:thin;
  border-style:double;
  width:100%;
  height: 1px;
  border-color:#808080;
  margin-top:10px;
}
a, a:link 
{
	color: #BA55D3;
	text-decoration:none;
	border-bottom-style:none;
}

a:visited {
	/*color: #87CEEB;*/
	text-decoration:none;
	border-bottom-style:none;
	border-bottom-width: 1px;
	text-align: center;
}
a:hover, nav li:hover{
	color: #ffffff;
	text-decoration:none;
	background-color:#202020;
	border:0;
}
img{border-color:#333333; border-width:3px; border-style:solid; padding:3px ; border-radius: 1.4em;}
 

/* ----------------------------------------
				guillements
---------------------------------------- */

	BLOCKQUOTE p:before     { content: open-quote; }
	BLOCKQUOTE p:after      { content: no-close-quote; }
	BLOCKQUOTE p.last:after { content: close-quote; }
	[LANG|=fr] > *  { quotes: "? " " ?" "\2039" "\203A"; }
	[LANG|=en] > *  { quotes: "\201C" "\201D" "\2018" "\2019"; }


/* ----------------------------------------
				grille de mise en page 
---------------------------------------- */
	div#conteneur {
		position: relative;
		width: 810px;/*980px;*/
		margin: 0 auto;
		margin-top:20px;
		padding:15px;
		
	}

	header {
		height: 308px;
	}

	header h1{
		margin-top:10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:24px;
		text-align: center;
	}
	header h2{
		margin-top:10px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size:14px;
		font-weight:bold;
		text-align: center;
	}

	nav{
		display:block;
		margin-top: 3px;
		margin-bottom: 10px;
		margin-left: 10px;
		padding: 0px;
		text-align:left;
		vertical-align:middle;
		height:30px;
		margin:0px;

	}
	nav li {
		
		height:20px; 
		display:inline-block;
		/*margin-right: 4px;*/
		padding:5px;
		margin:0px;
		text-align:left;
		vertical-align:middle;
	}

	div#menugauche nav li {
		display:list-item;
		margin-bottom: 5px;
		padding: 0; /*a droite de la puce*/
		list-style-type:circle;
		line-height: 1.5em;
		margin: 3px;
		padding-left: 17px;

		position:absolute;
		top: 160px;
		right: 3px;
		width: 160px;
		height: 300px;;
		overflow:auto;
		margin-left:5px;
		padding-right:15px; /*permet l'espace pour la scroll lors texte au plus grand*/
	}
	
footer {
	height: 3em;
	margin-top: 5em;
}