/* page générale ***************************************************/
BODY {
	background: rgb(142,121,100);
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	font-size: 80%;
	margin:10px;
}

/* bandeau **********************************************************/
#bandeau {
	width: 800px;
	height: 141px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	position: absolute;
	top: 10px;
	left: 100px;
	border: 0;
}

/* sous titre du bandeau **********************************************************/
#soustitre {
	width: 800px;
	height: 30px;
	background-repeat: no-repeat;
	margin-bottom: 10px;
	position: absolute;
	top: 110px;
	left: 789px;
	border: 0;
}
/* menu vertical */
#menu {
position: absolute; 
top: 170px;
left: 100px;
height: 20px;
width: 200px;
font-family: Arial, Helvetica, sans-serif;
font-size: 110%;
}
#menu ul {
list-style-type: none;
cursor: pointer;
font-size: 90%;
background: rgb(235,140,16);
padding-top: 2px;
margin: 0px;
}

#menu li a{
color:  rgb(255,239,222);
font-size: 100%;
text-decoration: none;
display: block;
height: 100%;
margin-top: 3px;
margin-bottom: 3px;
padding: 2px;
}

#menu li a:hover, #menu li a:focus{
background: rgb(142,121,100); 
font-size: 100%;
}

.element_menu h3{    
   font-family: Arial, helvetican, sans serif;
   text-align: center;
   background: rgb(255,239,222);
   top: 8px;
	padding: 8px;
	margin-bottom: 3px;
	font-size: 100%;
	font-style: bold;
	width: 184px;
}

.element_menu ul{
	list-style-type: none;
	cursor: pointer;
	font-size: 90%;
	background: rgb(179,220,31);
	border: 0;
	margin: 3px;
}

.element_menu li/{
	color: rgb(198,50,144);
	font-size: 100%;
	text-decoration: none;
	display: block;
	height: 90%;
	border: 0 none;
	margin: 3px;
}

.element_menu a:hover {
	background: rgb(179,220,31); 
	font-size: 90%;
}

.element_menu li:focus{
background: rgb(179,220,31); 
font-size: 90%;
}

/* partic centrale de la page *****************************************************/
#corps{
	position: absolute;
	top: 170px;
	left: 315px;
	text-align: justify;
	width: 574px;
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(48,40,33);
	font-size: 90%;
	font-style: normal;
	border: 1px solid rgb(128,0,64);
	padding-right: 10px;
	background-color: rgb(255,239,222);
}

/* contenu  de la partie centrale de la page******************************************/
.contenu {
	position: relative;
	top: 0px;
	left: 10px;
	right: 10px;
	bottom: 5px;
	width: 525px;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 15px;
	padding-bottom: 15px;
	margin : 10px;
}

/* titre */
H1 {	/* titre général de la page (centré-taupe) ******************************************/
	text-align: center;
	top: 6px;
	padding-top: 5px;
	margin: 0px;
	color: rgb(142,121,100); 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 200%;
	border: 3px;		
}

H2{/* titre 2e catégorie de la page (gauche-framboise) ************************************/
	position: left;
	top: 0px;
	padding: 0px;
	margin: 0px;
	color: rgb(172,26,144); 
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 130%;
	border: 3px;		
}

H3{/* titre du menu (centre -framboise) *******************************************************/
	position: left;
	top: 8px;
	padding: 0px;
	margin: 0px;
	color: rgb(172,26,144); 
	font-family: Arial, Helvetica, sans-serif;
	font-size: 130%;
	border: 3px;		
}

H4{/*titre 3e catégorie de la page (gauche-orange-italique)****************************************/
	position: left;
	top: 8px;
	padding: 0px;
	margin: 0px;
	color: rgb(239,140,16); 
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 110%;
	border: 3px;
	text-indent: 0px;	
}


H5{/* titre quizz(gauche-framboise) ************************************/
position: left;
	top: 0px;
	padding: 0px;
	margin: 0px;
	color: rgb(172,26,144); 
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 110%;
	border: 3px;	
}

H6{
	position: center;
	top: 8px;
	padding: 0px;
	margin: 0px;
	color: rgb(0,96,119); 
	font-family: Arial, Helvetica, sans-serif;
	font-style: italic;
	font-size: 110%;
	border: 3px;
	text-indent: 0px;	
}

.sous_titreh4
{
color: rgb(239,140,16);
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
text-indent: 0px;
padding: 0px;
margin: 0px;
}

.soustitreh5
{
font-style: italic;
color: rgb(179,220,31); 
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
text-indent: 12px;
padding: 0px;
margin: 0px;
}

.soustitreh6
{
font-style: italic;
color: rgb(0,96,119); 
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
text-indent: 12px;
padding: 0px;
margin: 0px;
}

.soustitreh6bis
{
font-style: italic;
color: rgb(0,96,119); 
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
text-indent: 0px;
padding: 0px;
margin: 0px;
}

.soustitreitalique
{
font-style: italic;
color: rgb(0,96,119); 
font-size: 100%;
font-family: Arial, Helvetica, sans-serif;
text-indent: 30px
}

/* paragraphe *****************************************************************************************************/
p{
text-indent: 15px
}

.sans_indentation{/* sans indentation *****************************************************************************************************/
text-indent: 0px;
}

.colonne_droite { /*image à droite****************************************************************************/
	position: relative;
	left: 40px;
	top: 0px;
	width: 480px;
}

.colonne_droite2 { /*image à droite****************************************************************************/
	position: relative;
	left: 103px;
	top: 0px;
	width: 480px;
}


.reponsesquizz { /*image à droite****************************************************************************/
	position: relative;
	left: 400px;
	top: 0px;
	right: 150px;
	width: 300px;
}


.colonne_gauche{ /*texte à gauche et image à droite****************************************************************************/
	position: relative;
	top: 0px;
	right: 0px;
	width: 420px;
	margin-right: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	text-indent: 0px;
}

.colonne_gauche1{ /*texte à gauche plus court et image à droite****************************************************************************/
	position: relative;
	top: 0px;
	right: 0px;
	width: 360px;
	margin-right: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	text-indent: 0px;
}

.attention{
color: rgb(172,26,144); 
font-style: bold;
font-size: 150%;
font-family: Arial, Helvetica, sans-serif;
text-indent: 0px
}




.centrer{
text-align: center;
}

/*effet de style*/

.italique{
font-style: italic;
}

.italiqueloi{
font-style: italic;
text-indent: 0px;
}

.italiquebleu{
font-style: italic;
color: rgb(0,96,119); 
}

.italiquebleu2{
font-style: italic;
color: rgb(0,96,119); 
text-indent: 0px;
}

/* puce */

li.fleche
{
list-style-image: url(../images/fleche.jpg);
text-indent: 15px;
font-style: italic;
color: rgb(0,96,119); 
}

li.cercle
{
list-style-image: disc;
text-indent: 15px;
}

li.espace /* liste saut de ligne **************************************************************/
{
line-height: 12pt;
list-style-type: none;
}	

li.vide/* liste sans puce **************************************************************/
{
line-height: 12pt;
list-style-type: none;
text-indent: 0px;
}

li.sous_liste /*sous liste **************************************************************/
{
line-height: 12pt;
list-style-position: outside;
list-style-type: none;
text-indent: 0px;
width: 430px;
margin-left: 30px;
}
	
/* liens */

a
{
text-decoration: none;
color: rgb:(235,140,16);
}

.texte{
color: rgb:(239,140,16);
text-decoration: none;
}


.menu{
color: rgb:(128,0,64);
text-decoration: none;
}

A:hover {
	color: rgb:(239,140,16);
	text-decoration: none;
}
A:visited {
	color: rgb:(239,140,16);
	text-decoration: none;
}

a.droite{
left: 500px;
}



/* encard */
.encard/* encard téléchargement texte*************************************************************************/
{
	background-color: rgb(255,223,187);
	border: 1px solid rgb(235,140,16);
	font-family: Arial, Helvetica, sans-serif;
	color: rgb(48,40,33);
	position: center;
	font-size: 90%;
	width: 140px;
	margin: 15px;
	margin-right: 0px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 10px;
	float: right; 
}

.encardlong
{
	background-color: rgb(240,255,255);
	border: 1px solid rgb(0,96,119);
	font-family: Arial, Helvetica, sans-serif;
	font-size: 82%;
	width: 580px;
	margin: 8px;
	margin-right: 8px;
	margin-top: 8px;
	margin-bottom: 8px;
	padding: 10px;
}

.titreencard{
font-style: italic;
text-transform: uppercase;
color: rgb(179,220,31); 
text-indent: 0px;
padding: 0px;
margin: 0px;
}

.titreencardcentre{
position: center;
font-style: italic;
text-transform: uppercase;
color: rgb(179,220,31); 
text-indent: 38px;
font-size: 110%;
}

.titreencardbleu{
font-style: italic;
text-transform: uppercase;
color: rgb(0,96,119); 
text-indent: 0px;
padding: 0px;
margin: 0px;
}

/* images */

img{
border: none ;
}

.imageflottante/* images à droite ***************************************************************************************************************************/
{
   float: right;
}


.imageflottanteg/* images à gauche ***************************************************************************************************************************/
{
   float: left;
}

.photo_droit img{
	border-bottom-width: 55px;
	float: right;
}


.colonne_gauche img{
	border-bottom-width: 55px;
	width: 140px;
	float: left;
}

.actu img{
	border-bottom-width: 55px;
	float: left;
	width: 95px;
	height: 112px;

}

.colonne_gauche1 img{
float: left;
}
.colonne_gauche2 img{
	border-bottom-width: 55px;
	width: 93px;
	height: 140px;
	float: left;
}

.colonne_gauche3 img{
	border-bottom-width: 55px;
	width: 128px;
	height: 76px;
	float: left;
}

.colonne_gauche4 img{
	border-bottom-width: 55px;
	width: 66px;
	height: 96px;
	float: left;
}



.colonne_droiteencardroite {
	position: relative;
	left: 10px;
	top: 0px;
	right: 20px;
	
}
.colonne_milieu {
	position: relative;
	left: 25px;
	top: 0px;
	right: 0px;
	width: 250px;
}

.colonne_droiteguide{
	position: relative;
	left: 30px;
	top: 0px;
	right: 0px;
	width: 435px;
}

.a_droite {
	position: relative;
	left: 50px;
	top: 0px;
	right: 0px;
	width: 420px;
}

.a_droite2 {
	position: relative;
	left: 160px;
	color: rgb(0,96,119); 
font-size: 90%;
}

.ttadroite {
	position: relative;
	left: 490px;
	color: rgb(0,96,119); 
font-size: 90%;
}

.fleche2
{
font-style: italic;
color: rgb(179,220,31); 
font-size: 125%;
font-family: Berlin sans fb, Arial, Helvetica, sans-serif;
margin: 0px;
padding: 0px;
}



/* Pied de page*/
#pied_de_page{	
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: rgb(255,255,255); 
	font-size: 80%;
	position: absolute;
	top: 540px;
}