/* Feuille de style pour le site ecaut. 
crée par jinux le 11/07/2009 */


/*--------------------------------------------
---------- design de la page -------
--------------------------------------------*/

body
{
   width: 950px;
   margin: auto;
   margin-top: 5px;
   margin-bottom: 5px;
   font-family: "Comic Sans MS", "Trebuchet MS", "Times New Roman", serif;;
}

body a
{
   color: white;
   text-decoration: standard;
}


/*--------------------------------------------
---------- design de l'en-tête ------
--------------------------------------------*/


#en_tete
{
	width:950px;
	padding-bottom:10px;
	margin-bottom:15px;
	border-bottom:1px solid #db801e;
}

/*--------------------------------------------
------------ design du menu -------
--------------------------------------------*/


#menu
{
	width:230px;
	background-color:#ffcf7c;
	border:1px solid #db801e;
	color:white;
	float:left;
}

.element_menu
{
	width:197px;
	margin:15px;
	background-color:#db8120;
	border:1px solid white;
}

#menu a
{
	text-decoration:none;
	color:white;
}

#menu p
{
	font-size:14px;
	margin-left:20px;
	margin-bottom:10px;
}

#menu h4
{
	background-color:#5c5555;
	margin:0px;
	padding:5px;
	padding-left:8px;
	font-size:16px;
} 

/*--------------------------------------------
------------ design du corps --------
--------------------------------------------*/

#corps
{
	min-height:288px;
	width:660px;
	margin-left:250px;
	margin-bottom:20px;
	padding:20px;
	padding-top:0px;
	
	background-color:#ffcf7c;
	border:1px solid #db801e;
	color:black;
}

#corps p
{
	text-align:justify;
}

#corps h1
{
	text-align:center;
}

#corps img
{
	display:block;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	border:none;
}

#corps a
{
	color:black;
}

/*----- design de l'album ------*/

#corps .sommaire_album
{
	text-align:center;
}

.sommaire_album a
{
	color:black;
	text-decoration:none;
	text-align:center;
}

#album img
{	
	border:1px solid black;
	display:inline;
	margin:0px;
	margin-bottom:0px;
}


#corps .image_album
{
	text-align:center;
	width:206px;
	margin:5px;
	float:left;
}

#album .ligne_image
{
	float:none;
	width:680px;
	height:213px;
}


/*----- design du retour à l'accueil -----*/

.retour_accueil
{
	float:right;
	width:40px;
}

/*-------- design des formulaire --------*/

input, textarea
{
   font-family: Arial, "Times New Roman", Times, serif;
}

textarea
{
   width: 100%;
}

input
{
	margin-right:5px;
}

legend
{
   font-family: Arial, "Times New Roman", Times, serif;
   font-weight: bold;
   color:black;
}

fieldset
{
   margin-bottom: 15px;
   padding:15px;
   background-color: #ffe0ab;
}

/*----- design des tableaux ------*/

table
{
	background-color:white;
	text-align:center;
	width:350px;
	margin:auto;
	margin-bottom:25px;
	border-collapse: collapse;
}

th, td
{
	border:1px solid black;
}

th
{	
	background-color:#e7a338;
}

.coin
{
	background-color:#ffcf7c;
	border:0px;
}

/*--------------------------------------------
---- design du pied-de-page ----
--------------------------------------------*/

.pb_navigateur
{
	margin-left:250px;
}

#pied_de_page
{
	width:900px;
	margin:auto;
	background-color:#db8120;
	border:1px solid black;
	
	color: white;
	text-align:center;
	font-size:12px;
	font-family: "Times New Roman", serif;
}