html, body {
    height: 100%;
	padding-top:5px;
	padding-bottom:5px;
}

body {
	scrollbar-face-color : #000000; 
	scrollbar-track-color : #e5ce9b;
	background-color: #000000;
	margin:0;
	padding:0;
	
}

/* mise ne forme textes */

P{
	font-family: Bernhard Modern Std,Monotype Corsiva,Baskerville;
	font-size: 18px;
	color: 000000;
	text-align: justify;
}

.SousTitre{
	font-family: Bernhard Modern Std,Monotype Corsiva,Baskerville;
	font-size: 20px;
	color: 000000;
	text-align: justify;
	text-decoration: underline;
	font-weight: bold;
	
}

.titre3{
	font-family: Apple Chancery,Monotype Corsiva,Baskerville;
	font-size: 34px;
	text-align:center;
}


.millieu{
	font-family: Bernhard Modern Std,Monotype Corsiva,Baskerville;
	font-size: 18px;
	color: 000000;
	text-align: center;
}

.menu{
	font-family: Baskerville;
	font-size: 16px;
	text-align: left;
	margin-left: 30px;
	color: 000000;
}

.sousTitre1{
font-family:Zapfino,Monotype Corsiva,Baskerville;
	font-size:24px;
	text-align:left;
}


.texte1{
font-family: Apple Chancery,Monotype Corsiva,Baskerville;
	font-size: 16px;
	text-align:justify;
}

.sousTitre2{
font-family: Kino MT,Monotype Corsiva,Baskerville;
	font-size: 24px;
	text-align:left;
}

.texte2{
font-family: Bernhard Modern Std,Monotype Corsiva,Baskerville;
	font-size: 16px;
	text-align:justify;
}

.texte2_centre{
font-family: Bernhard Modern Std,Monotype Corsiva,Baskerville;
	font-size: 16px;
	text-align:center;
}



.sousTitre3{
font-family: Matura MT Script Capitals,Monotype Corsiva,Baskerville;
	font-size: 24px;
	text-align:left;
}

.texte3{
font-family: Footlight MT Light,Monotype Corsiva,Baskerville;
	font-size: 16px;
	text-align:justify;
}


.crédits {
font-family: Footlight MT Light,Monotype Corsiva,Baskerville;
	font-size: 10px;
text-align:right;
	
}

/* mise ne forme liens */
a:link {
	font-family: Baskerville;
	font-size: 16px;
	font-variant: normal;
	color: 000000;
	text-decoration: none;
	font-weight: bold;

}
a:visited {
	font-family: Baskerville;
	font-size: 16px;
	font-variant: normal;
	color: 000000;
	text-decoration: none;
	font-weight: bold;
}
a:hover {
	font-family: Baskerville;
	font-size: 16px;
	font-variant: normal;
	color: 000000;
	text-decoration: underline;
	font-weight: bold;

}
a:active {
	font-family: Baskerville;
	font-size: 16px;
	font-variant: normal;
	color: 000000;
	text-decoration: underline;
	font-weight: bold;
}

a.liens:link {
	font-family: Baskerville;
	font-size: 16px;
	font-variant: normal;
	color: 000000;
	text-decoration: none;
	font-weight: bold;

}
a.liens:visited {
	font-family: Baskerville;
	font-size: 16px;
	font-variant: normal;
	color: 000000;
	text-decoration: none;
	font-weight: bold;
}
a.liens:hover {
	font-family: Baskerville;
	font-size: 16px;
	font-variant: normal;
	color: 000000;
	text-decoration: underline;
	font-weight: bold;

}
a.liens:active {
	font-family: Baskerville;
	font-size: 16px;
	font-variant: normal;
	color: 000000;
	text-decoration: underline;
	font-weight: bold;
}

a.liens_centre:link {
	font-family: Baskerville;
	font-size: 16px;
	text-align:center;
	font-variant: normal;
	color: 000000;
	text-decoration: none;
	font-weight: bold;

}
a.liens_centre:visited {
	font-family: Baskerville;
	font-size: 16px;
	text-align:center;
	font-variant: normal;
	color: 000000;
	text-decoration: none;
	font-weight: bold;
}
a.liens_centre:hover {
	font-family: Baskerville;
	font-size: 16px;
	text-align:center;
	font-variant: normal;
	color: 000000;
	text-decoration: underline;
	font-weight: bold;

}
a.liens_centre:active {
	font-family: Baskerville;
	font-size: 16px;
	text-align:center;
	font-variant: normal;
	color: 000000;
	text-decoration: underline;
	font-weight: bold;
}

a.SousRubrique:link {
	font-variant: normal;
	font-family: Apple Chancery,Monotype Corsiva,Baskerville;
	font-size: 16px;
	text-align:center;
	color:#550000;

}
a.SousRubrique:visited {
	font-family: Apple Chancery,Monotype Corsiva,Baskerville;
	font-size: 16px;
	text-align:center;
	color:#550000;
	font-variant: normal;

}
a.SousRubrique:hover {
	font-family: Apple Chancery,Monotype Corsiva,Baskerville;
	font-size: 16px;
	text-align:center;
	color:#550000;
	font-variant: normal;
	text-decoration: none;
}
a.SousRubrique:active {
	font-family: Apple Chancery,Monotype Corsiva,Baskerville;
	font-size: 18px;
	text-align:center;
	color:#414141;
	font-variant: normal;
	text-decoration: underline;

}

a.pop:link {
	font-family: Baskerville;
	font-size: 14px;
	font-variant: normal;
	color: 000000;
	text-decoration: underline;
	

}
a.pop:visited {
	font-family: Baskerville;
	font-size: 14px;
	font-variant: normal;
	color: 000000;
	text-decoration: underline;
	font-weight: bold;
}
a.pop:hover {
	font-family: Baskerville;
	font-size: 14px;
	font-variant: normal;
	color: 000000;
	text-decoration: underline;
	font-weight: bold;

}

a.pop:active {
	font-family: Baskerville;
	font-size: 14px;
	font-variant: normal;
	color: 000000;
	text-decoration: underline;
	font-weight: bold;
} 

/* Mise en forme design*/

#conteneur {
	width:auto;
	text-align:center;
	margin: 0px auto;
	position:relative;


}

#contenu_total {
	width:780px;
	text-align:center;
	margin-left:auto;
	margin-right:auto;
	position: relative;

}

/* haut */

#header {
	width:780px;
	height:170px;
	background-image: url(images/bandeau_noir.jpg);
	background-repeat: no-repeat;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	position: relative;
}



/* milieu */

#contenu_principal {
	float:left;
	width:780px;	
	text-align:center;
	background-image: url(images/millieu_noir.jpg);
	background-repeat: repeat-y;
	margin-left:auto;
	margin-right:auto;
	position: relative;
	min-height: 100%;
	height:auto !important;
	z-index:2;

}

#contenu_gauche {
	float:left;
	width:204px;
	height:auto !important;
	text-align:center;
	padding-left:0px;
	position: relative;
}

#texte_contenu_gauche {
	text-align:center;
	padding-top:0px;
	padding-left:20px;
	padding-bottom:0px;
	width:200px;
	height:auto !important;
	float:center;
}

#contenu_droit {
	text-align:justify;
	width:576px;
	height:100%;
	height:auto !important;	
	float:left;
	left:10px;
	padding-top:4px;
	position: relative;
    min-height: 100%;

}


#texte_contenu_droit {
	text-align:left;
	padding-top:0px;
	padding-left:13px;
	padding-bottom:0px;
	width:510px;
	height:auto !important;
	float:left;
}


/* bas */

#bas {
	width:780px;
	height:34px;
	background-image: url(images/bas_noir.jpg);
	background-repeat: no-repeat;
	margin-right:auto;
	margin-left:auto;
	clear:both;
	position: relative;
	text-align:right;
}

#crédits{
	width:600px;
	height:34px;
	margin-right:auto;
	margin-left:auto;
	position: relative;
	text-align:center;
	bottom : 14px;
	
	
}
/* Fin Mise en forme design*/

/* popup */


#pop1 {
position:static;
padding: 0px;
display:none;
width: 20em;
border: 3px double black;
background: #ffffff;
z-index: 500;
font-size: 80%;
}
#pop1 p, #pop2 p {
margin: 0 0.3em;
}
#pop1 h1, #pop2 h1 {
font-size: 110%;
margin: 0 0 0.5em 0;
background: white url(top.gif) left top repeat-x;
color: black;
text-align: center;
}
/* fin popup */