/*
Design d'exemple du Site du Zér0
Réalisé par zaz, venom et mateo21
http://www.siteduzero.com
*/

body
{
   width: 75%;
   margin: auto;
   margin-top: 20px;
   margin-bottom: 20px;    
   background: #333399;
   font-size: small;
   font-family: "Trebuchet MS", Verdana, "Arial Black", "Times New Roman", Times, serif;
}

/*---------------------------EN-TÊTE--------------------------*/

#en_tete
{
   margin-bottom: 10px;
}



/*-----------------------------MENU-----------------------------*/

#menu
{
   float: left;
   width: 120px;
}

.logo
{
   background-image: url("../design/logo.jpg");
   background-repeat: no-repeat;
   width: 120px;
   height: 92px;
      
   margin-bottom: 20px;
}

.element_menu
{
   background-image: url("../design/haut_menu.gif");
   background-color: #FFCC33;
   background-repeat: no-repeat;
      
   margin-bottom: 20px;
   padding : 0px;
}

.contenuMenu
{
	background: url(../design/haut_menu.gif) no-repeat;	
	padding-top: 25px;
}

.contenuMenu2
{
	background: url(../design/menu_citation.gif) no-repeat;	
	padding-left: 5px;	
	padding-right: 5px;
	padding-top: 15px;
	color: #333399;
}

.contenuMenu2 h3, .contenuMenu h3
{
	text-align: center;
	font-size: small;
	color: #333399;
}

.element_menu ul
{
   padding: 0px;
   padding-left: 20px;
   margin: 0px;
   margin-bottom: 5px;
}

.element_menu a
{
   color: #333399;
   text-decoration : none;
}

.element_menu a:hover
{
   background-color: #333399;
   color: #FFCC33;
}

.auteur {
	font-style: italic;
	text-align:right;
}



/*-----------------------------------CORPS DE LA PAGE----------------------------*/

#corps
{
   margin-left: 140px;
   margin-bottom: 20px;
   
   color: #ffffff;
   background-color: #333399;
   background-repeat: no-repeat;
   
}

#contenu {
	padding: 5px;
	padding-bottom: 20px;
}

#contenu h1
{
   color: #FFCC33;
   padding-left: 30px;
   background: url(../design/puce.gif) no-repeat left bottom;
   border-bottom: 1px solid #FFCC33 ;
   font-family: "Trebuchet MS", Verdana, "Arial Black", "Times New Roman", Times, serif;
}

#contenu h2
{
   height: 30px;
   background: url(../design/puce2.gif) no-repeat left center;
   background-repeat: no-repeat;
   padding-left: 20px;
   margin-left: 30px;
   color: #333399;
   text-align: left;
}

#contenu a
{
color: #333399;
font-weight: bold;
text-decoration: none;
}

#contenu a:hover
{
color: #FFFFFF;
font-weight: bold;
background-color:#333399;
text-decoration: none;
}

h3
{
	font-weight: bold; 
	color: #FFCC33;
}

h3 strong
{
	color: #333399;
}

strong
{
	color: #FFCC33;
}


.gauche
{
	float: left;
	margin-right: 10px;
}

.droite
{
	float: right;
	margin-left: 10px;
}

a img
{
	border: 0px;
}


/*-----------------------------------PIED DE PAGE--------------------------------*/

#pied_de_page
{
   margin-left: 140px;
}

#contenu_pp {
background-color : #3399FF; 
color : #ffffff; 
width : 90%; 
margin-left : auto; 
margin-right : auto; 
padding : 7px; 
text-align: center;
vertical-align : top;
}

.citation {
background-color: #FFCC33;
color: #333399;
padding-left: 3px;
}

.citation strong {
	color: #333399;
}



.supprimer {
float:right;
color: #333399;
padding-right: 3px;
}

/*--------------------------------------Apparence des formulaires---------------------------------*/
input, textarea
{
	font-family: "Trebuchet MS", Verdana, "Arial Black", "Times New Roman", Times, serif;
	font-size: small;
	font-weight: bold;
	background-color:#C3E1FF;
	color:#333399;
}

label
{
	font-weight: bold;
}

.top {
	vertical-align: top;
}

input:focus, textarea:focus /* Quand le curseur est sur un champ */
{
   background-color: #FCEDC2;
}

/*--------------------------------------Arrondis du corps---------------------------------*/

.coin-hgauche {
width : 99%; 
margin-left : auto; 
margin-right : auto; 
background-color : #3399FF; 
background-image : url(../design/coin_hg.gif); 
background-position : 0% 0%; 
background-repeat : no-repeat; 
} 
.coin-hdroite {
background-image : url(../design/coin_hd.gif); 
background-position : 100% 0%; 
background-repeat : no-repeat; 
} 
.coin-bdroite {
background-image : url(../design/coin_bd.gif); 
background-position : 100% 100%; 
background-repeat : no-repeat; 
} 
.coin-bgauche {
background-image : url(../design/coin_bg.gif); 
background-position : 0% 100%; 
background-repeat : no-repeat; 
} 


/*--------------------------------------Arrondis du pied de page---------------------------------*/


.coin-hgauche-pp {
width : 99%; 
margin-left : auto; 
margin-right : auto; 
background-color : #3399FF; 
background-image : url(../design/coin_hg_pp.gif); 
background-position : 0% 0%; 
background-repeat : no-repeat; 
} 
.coin-hdroite-pp {
background-image : url(../design/coin_hd_pp.gif); 
background-position : 100% 0%; 
background-repeat : no-repeat; 
} 
.coin-bdroite-pp {
background-image : url(../design/coin_bd_pp.gif); 
background-position : 100% 100%; 
background-repeat : no-repeat; 
} 
.coin-bgauche-pp {
background-image : url(../design/coin_bg_pp.gif); 
background-position : 0% 100%; 
background-repeat : no-repeat; 
} 

/*--------------------------------------Arrondis du menu---------------------------------*/

/* propriétés communes à l'ensemble des 4 coins */
.hautgaucheMenu, .hautdroitMenu, .basgaucheMenu, .basdroitMenu {
height: 10px; width: 10px;
background-repeat: no-repeat;
font-size:1px;  /*correction d'un bug IE */
}

/* propriétés spécifiques à chaque coin */
.hautgaucheMenu {
float:left;
}

.hautdroitMenu {
float: right;
}

.basgaucheMenu {
background: url(../design/coin_bg_menu.gif);
}

.basdroitMenu {
float: right;
background: url(../design/coin_bd_menu.gif);
}

/*-------------------------------LIVRE D'OR---------------------------------------*/

.centre {
	margin-left: 25%;
}

.barre_navigation {
	text-align: center;
	margin: auto;
	width: 70%;
	color: #FFCC33;
	font-weight: bold;
	margin-bottom: 15px;
}

.barre_navigation .en_cours {
	color: #FFCC33;
	font-size: small;
}


.titre_com {
	margin: auto;
	text-align: center;
	padding: 2px;
	width: 70%;
	background-color: #FFCC33;
	margin-top: 20px;
	color : #333399; 	
	font-weight: bold;
}

.info_com {
	margin: auto;
	width: 70%;
	padding-top:5px;
	border-bottom: 1px dotted #FFCC33;
}

.com {
	margin: auto;
	width:70%;
	text-align:justify;
	padding-top: 8px;
}

/*--------------------------------Général----------------------------*/

.titre {
	margin: auto;
	text-align: center;
	padding: 2px;
	width: 90%;
	background-color: #FFCC33;
	margin-top: 20px;
	color : #333399; 	
	font-weight: bold;
}

.titre strong{
	font-weight: normal;
	color : #333399;
}

.bloc {
	margin: auto;
	width:90%;
	text-align:justify;
	padding-top: 8px;
}

.haut_page{
	text-align: right;
	border-bottom: 1px dotted #FFCC33;
}

.dessous{
	margin-top: 60px;
}

.biblio{
	list-style-image: url(../images/puce_liste.gif);
	padding-left:20px;;
}

.votre_avis {
	border-top: 1px dotted #FFCC33;
}