/* Page de style CSS */

body /* Font de page */
{
	background-color: #000000;
	background-image: url(images/Logo-entete.jpg);
	background-repeat: no-repeat;
	background-position:top;
	/*background-attachment: fixed; /* Le fond restera fixe */
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
}

h1, h2, h3, h4 {
	font-family: "Times New Roman", Verdana, serif; /* On essaie d'avoir Times New Roman en priorité */
	color:#d1f1cf;
}
h1 {
	font-size: 24px;
	text-align:center;
}
h2 {
	font-size: 20px;
	text-decoration: underline ; 
}
h3 {
	font-size: 18px;
}
h4 {
	font-size: 16px;
}



/*---------------*/
/*    Entete     */
/*---------------*/

#en_tete {
}

/*---------------*/
/*    Corps      */
/*---------------*/

#corps {
  margin-left : auto ;
  margin-right : auto ; 
  margin-top: 100px;
  text-align: center;
  width: 940px;
  color:#d1f1cf;
}

#corps p {/* style des paragraphes */
   text-indent: 40px; /* Les paragraphes commenceront 40 pixels sur la droite */
   text-align: justify; /* Ils seront justifiés */
   font-size: normal; /* Taille de la police */
   color:#d1f1cf;
}

a:link {
	text-decoration: none; /* Les liens ne seront plus soulignés */
	color:#bae3b8;
}
a:visited {/* Si page déjà visitée */
	text-decoration: none;
	color: #28e81b;
}
a:hover {/* Sur le focus */
	text-decoration: none;
	color: #e2fce3;
}
a:active {/* Sur le clic */
	text-decoration: none;
	color: #fcffff;
}

/*---------------*/
/*     Gauche    */
/*---------------*/

#gauche {
  /*position: relative;*/
  float : left;
  width : auto;
  /*margin-right : 20px;*/
}

/*---------------*/
/*    Droite     */
/*---------------*/

#droite {
  /*position: relative;*/
  float : right;
  width : 200px;
  /*margin-left : 20px;*/
}

/*---------------*/
/*     News      */
/*---------------*/

#news {
  float : left;
  width : 200px;
  color : #d1f1cf;
  margin-right : 20px;
}

#news p {/* style des paragraphes */
   text-indent: 20px; /* Les paragraphes commenceront 40 pixels sur la droite */
   text-align: justify; /* Ils seront justifiés */
   font-size: normal; /* Taille de la police */
   color:#d1f1cf;
}

/*---------------*/
/*   contenu     */
/*---------------*/

#contenu {
  /*position: relative;*/
  float : center;
  width : auto;
  marging-left : 20px;
  marging-right : 50px;
  color:#d1f1cf;
}

#contenu p {/* style des paragraphes */
   text-indent: 40px; /* Les paragraphes commenceront 40 pixels sur la droite */
   text-align: justify; /* Ils seront justifiés */
   font-size: normal; /* Taille de la police */
   color:#d1f1cf;
}

/*---------------*/
/*   livredor    */
/*---------------*/

#livredor {
  margin-left : auto ;
  margin-right : auto ;
  margin-top : 10px;
  width: 940px;
  color:#d1f1cf;
}

#livredor p {/* style des paragraphes */
   text-indent: 40px; /* Les paragraphes commenceront 40 pixels sur la droite */
   text-align: justify; /* Ils seront justifiés */
   font-size: normal; /* Taille de la police */
   color:#d1f1cf;
}

/*---------------*/
/*   Contact     */
/*---------------*/

#contact {
  margin-left : auto ;
  margin-right : auto ; 
  margin-top: 85px;
  width: 940px;
  color:#93e19f;
}

.form {/* Style du formulaire */
	BORDER: #6cbb78 1px solid; 	/* Couleur et épaisseur de la bordure */
	PADDING: 2px;				/* marge intérieure  - MARGIN = marge extérieure */
	COLOR: #000000;
	BACKGROUND-COLOR: #93e19f;	/* Couleur du fond */
	TEXT-DECORATION: none;
}

INPUT:hover {/* Changement de couleur sur le focus des champs INPUT */
	BACKGROUND: #e2fce3;
	BORDER: #cde0f9 1px solid;
}
TEXTAREA:hover {/* Changement de couleur sur le focus des champs TEXTAREA */
	BACKGROUND: #e2fce3;
	BORDER: #cde0f9 1px solid; 
}

SELECT:hover {/* Changement de couleur sur le focus des boutons SELECT */
	BACKGROUND: #e2fce3;
	BORDER: #cde0f9 1px solid;
}

/*---------------*/
/*   baspage     */
/*---------------*/

#baspage {
  clear:both;
  margin-left : auto ;
  margin-right : auto ; 
  margin-top : 120px;
}

p {/* style des paragraphes */
   text-indent: 0px; /* Les paragraphes commenceront 0 pixels sur la droite */
   text-align: justify; /* Ils seront justifiés */
   font-size: normal; /* Taille de la police */
}
.lien {/* Style des liens */
 color: #FFFFFF
 }

/*---------------*/
/*   infoleg     */
/*---------------*/

#infoleg {
  margin-left : auto ;
  margin-right : auto ; 
  margin-top: 405px;
  width: 940px;
  color:#d1f1cf;
}

.lien {/* Style des liens */
  color:#d1f1cf;
}


p {* style des paragraphes */
	text-indent: 0px; /* Les paragraphes commenceront 30 pixels sur la droite */
	
	text-align: justify; /* Ils seront justifiés */
	font-size: normal; /* Taille de la police */
	color:#d1f1cf;
}

/*---------------*/
/*    admin      */
/*---------------*/


#admin {
  margin-left : auto ;
  margin-right : auto ; 
  margin-top: 85px;
  width: 940px;
  color:#93e19f;
}

.form {/* Style du formulaire */
	BORDER: #6cbb78 1px solid; 	/* Couleur et épaisseur de la bordure */
	PADDING: 2px;				/* marge intérieure  - MARGIN = marge extérieure */
	COLOR: #000000;
	BACKGROUND-COLOR: #93e19f;	/* Couleur du fond */
	TEXT-DECORATION: none;
}

INPUT:hover {/* Changement de couleur sur le focus des champs INPUT */
	BACKGROUND: #e2fce3;
	BORDER: #cde0f9 1px solid;
}
TEXTAREA:hover {/* Changement de couleur sur le focus des champs TEXTAREA */
	BACKGROUND: #e2fce3;
	BORDER: #cde0f9 1px solid; 
}

SELECT:hover {/* Changement de couleur sur le focus des boutons SELECT */
	BACKGROUND: #e2fce3;
	BORDER: #cde0f9 1px solid;
}

table.admin /* Le tableau en lui-même */
{		

   margin: auto; /* Centre le tableau */
   border: 4px outset white; /* Bordure du tableau avec effet 3D (outset) */
   border-collapse: collapse; /* Colle les bordures entre elles */
}
td.admin
{
 	border: 1px solid white;
	border-collapse: collapse; /* Colle les bordures entre elles */
}
th.admin
{
	border: 4px outset white;
	border-collapse: collapse; /* Colle les bordures entre elles */
}
/*---------------------*/
/*    admin gauche     */
/*---------------------*/
#admin_gauche {
  float : left;
  width : 350px;
  color : #d1f1cf;
  margin-right : 20px;
}
/*---------------------*/
/*    admin droite     */
/*---------------------*/
#admin_droite {
  float : right;
  width : 500px;
  color : #d1f1cf;
}


/*---------------*/
/*Menu déroulant */
/*---------------*/


/* Elements de premier niveau
--------------------------------------*/
#menuDeroulant
{
	height: 21px;
	list-style-type: none;
	Border-radius: 5px;
	margin-left : auto;
	margin-right : auto;
	width: 942px;
	margin-top : 320px;
	margin-bottom : 120px;
	padding: 0;
	border: 0;
	position:center;


}
#menuDeroulant li
{
	Border-radius: 5px;
	float: left;
	width: 157px;
	text-align:center;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant li a:link, #menuDeroulant li a:visited
{
	display: block;
	Border-radius: 5px;
	height: 1%;
	color: #FFF;
	background: #4b534b;
	margin-left: 2px;
	margin-right: 2px;
	padding: 4px 8px;
	border: 2px ridge #fff;
	text-decoration: none;
	-moz-border-radius: 10px;
}
#menuDeroulant li a:hover { background-color: #079b00; }
#menuDeroulant li a:active { background-color: #0cff00; }

/* Elements de second niveau
--------------------------------------*/

#menuDeroulant .sousMenu
{
	display: none;
	list-style-type: none;
	margin: 0;
	padding: 0;
	border: 0;
}
#menuDeroulant .sousMenu li
{
	float: none;
	margin: 0;
	padding: 0;
	border: 0;
	width: 156px;
}
#menuDeroulant .sousMenu li a:link, #menuDeroulant .sousMenu li a:visited
{
	display: block;
	color: #FFF;
	margin: 0;
	margin-top: 4px;
	border: 1px solid #fff;
	text-decoration: none;
	background: transparent url("images/fond_menu_deroulant.png") repeat;
}
#menuDeroulant .sousMenu li a:hover
{
	background-image: none;
	background-color: #079b00;
}
#menuDeroulant .sousMenu li a:active { background-color: #0cff00; }

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