/* CSS Document */


body
{
   width: 960px;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 5px;    
   /*background-color: #D3D3A9; */
   background-image: url(images/fond10.gif);
   /* background-repeat ; */
   text-align: justify; /* Pour justifier le texte */
	font-size:0.8em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;
}

p
{
   text-align: justify; /* Pour justifier le texte */
	font-size:1.1em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;
   /* color: #CCCC99;
   font-size: 14px; */
}

h5
{
	text-align: justify; /* Pour justifier le titre */
	font-size:1.5em;
	font-family: "Arial Black", Arial, Verdana, serif; /* Un titre en Arial Black c'est mieux :o;) */
	padding-top: 15px;
	padding-left: 30px;
	color: #990000;
}

h4
{
	text-align: center; /* Pour justifier le titre */
	font-size:0.85em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	color:#990000;
	padding: 2px;	
}





h3
{
	text-align: justify; /* Pour justifier le titre */
	font-size:0.8em;
	font-weight:normal;
	font-family:Arial, Helvetica, sans-serif;
	padding: 5px;	
}


#header
{
   width: auto;
   height: 140px;
   margin: auto;
   background-color: #990000;
   background-image: url(../images/test-ban.jpg);
   background-position: center; 
   background-repeat: no-repeat;

}


#repere_navigation
{
   width: auto;
   height: auto;
   /* background-image: url("images/fond-menu-01.jpg"); */
  background-color: #D6D6D6;  
}


#menu
{
	width: 960px;
	height: 35px;
	background-image: url(../images/fond_bandeau_menu.jpg);
	
	 /* background-color: #3B4E77; */
	margin: auto;
} 


/* ICI      COMMENCE      LA FEUILLE DE STYLE CONCERNANT LE MENU DEROULANT  */

#menuDeroulant
{
	width: 960px;
	list-style-type: none;
	padding: 0;
	border: 0;
	top: 165px;
	position: absolute;
	
}

#menuDeroulant li
{
float: left;
margin: 10px;
padding: 0;
border: 0;
}

#menuDeroulant .sousMenu
{
display:none;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
background-color:#6A6A6A;
}

#menuDeroulant .sousMenu li
{
float: none;
margin: 0;
padding: 0;
border: 0;
width: 149px;
border-top: 1px solid transparent;
border-right: 1px solid transparent;
}

#menuDeroulant li
{
float: left;
width: 150px;
margin: 0;
padding: 0;
border: 0;

}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
display: block;
height: 1%;
color: #FFF;


/* background-image: url("images/fond_bandeau_menu.jpg");
	 background-color: #3B4E77; */
margin: 0;
padding: 4px 8px;
/*border-right: 1px solid #fff;*/
text-decoration: none;
}
#menuDeroulant li a:hover { background-color: #828187;}
#menuDeroulant li a:active { background-color: #828187;}

#menuDeroulant .sousMenu li a:link,
#menuDeroulant .sousMenu li a:visited
{
display: block;
color: #FFF;
margin: 0;
border: 0;
text-decoration: none;
/*background: transparent url("fondTR.png" ) repeat;*/
}

#menuDeroulant .sousMenu li a:hover
{
background-image: none;
background-color: #828187;
}

#menuDeroulant li:hover > .sousMenu { display: block; } 

/* ICI      FINI         LA FEUILLE DE STYLE CONCERNANT LE MENU DEROULANT  */




/*.france 
{
 margin: auto;  
}
*/

a img /* Toutes les images contenues dans un lien */
{
   border: none; /* Pas de bordure */
}


#flag_fr
{
     margin-left: 5px;
    margin-top: 5px;
}

/* #flag_el
{
margin-left: 7px;
margin-top: 30px;
}

#flag_en
{
margin-left: 7px;
margin-top: 30px;
} */


.position_droite_img 
 {
	float : right;
	margin : auto;
	/* margin-right : 5px; */
} 



.position_left_text
{
   /* width: 400px; */
   margin-right: 5px;
   text-align:justify;
   /* margin: auto; */
}



#grand_corps
{
	width: 955px;
	/* height: 400px; */
	/* margin-top: 5px; */
	border-right: 2px solid;
	border-left: 2px solid;
	border-color: #990000;
	background-color: #CFCED9;
	height: auto;
	margin-top: 10px;
	overflow:auto;	
}


#partie_gauche
{
	width: 49%;
	height: auto;
	/*height: 400px; */
	margin-top: auto;
	overflow:auto;
}

#partie_droite
{
	float:right;
	width: 49%;
	height: auto;
	margin: auto;
	overflow:auto;
	/* background-color: #666666; 
	 height: inherit;*/
	/* margin-left: 10px;	*/
	  
}


#pub_gauche
{
	width: 208px;
	height: 90px;
	float:left;
	background-color: #CCCC99;
	margin-top: 10px;
	border-left: 2px solid;
	border-right: 2px solid;
	border-color: #990000; 
	padding-left: 5px;
	padding-top: 5px;
}


#pub
{
	width: 743px;
	height: 95px;
	float:right;
	background-color: #CCCC99;
	margin-top: 10px;
	
}




#logo
{
	width: 100px;
	height: auto;
	background-image: url(../images/fond_pied_de_page.jpg);
	margin-top: 10px;
	float:left;
	padding: 5px;
	/*margin-right: auto;
	margin-left: 105px; */
}

#pied_de_page
{
	width: 960px;
	height: 50px;
	background-image: url(../images/fond_pied_de_page.jpg);
	/*background-color: #990000; */
	margin-top: 10px;
	float:left;
	padding-left: 5px;
	color: #CCCCCC;
	text-align:center;
	/*margin-right: auto;
	margin-left: none; */
}


/* definition mise en forme des liens : pour toute la page */
a   {     color:#990000;     text-decoration:none;   }   
a:hover   {     color:#990000;     text-decoration:underline;   } 


/* definition mise en forme des liens : pour le pied de page */
a.footer-link
{color: #cccccc; text-decoration: none;
}

a.footer-link:hover
{color:#990000;
background:#FFFFFF;
}

a.footer-link:visited
{
font-style: oblique;
}