/*************************************************************************************
									PARTIE: body
*************************************************************************************/

body
{
	margin: auto;
	width: 1000px;
	margin-top: 20px;
	margin-bottom: 20px;
	
	background-color: #FF9982;
}

/*************************************************************************************
									PARTIE: bannière
*************************************************************************************/

#banniere
{	
	height: 160px;
	width: 1000px;
	margin-bottom: 10px;
	/*border: 2px dashed;*/
	background-image: url("images/banniere-cocci.jpeg");
	background-repeat: no-repeat;
	background-position: center;
	
}

/*************************************************************************************
									PARTIE: corps
*************************************************************************************/

#corps
{	
	color: #FB6801;
	width: 536px;
	/*border: 1px solid black;*/
	/*margin-left: 200px;
	margin-right: 200px;*/
	background-color: #FF9982;
	margin: auto;
	padding-bottom: 10px;
}

#corps a
{
	color: #3D3D3D;
	text-decoration: none;
	border: none;
}

#corps td
{
	/*height: 250px;*/
}

#corps p
{
	color: #FFFFFF;
	padding-left: 5px;
}

#corps img
{
	color: #FB6801;
}

#corps ul
{
	color: #00cc00;
}

#corps hr
{
	/*color: #FFFFFF;*/
}

#corps_footer
{
	/*background-image: url("images/Kit/block_footer.gif");*/
	background-repeat: no-repeat;
	height: 6px;
}
.titre_corps
{
	background-image: url("images/Kit/block_header_corps.png");
	background-color: #FFE791;
	background-repeat: no-repeat;
	height: 20px;
	width: 536px;
	margin: auto;
	padding-bottom: 0px;
	
}

.titre_corps h1
{
	font-size: 20px;
	color: white;
}


/*************************************************************************************
									PARTIE: menus
*************************************************************************************/

#menu_gauche
{
	float: left;
	width: 191px;
	background-color: #FFE791;
}

#menu_droit
{
	float: right;
	width: 191px;
	background-color: #FFE791;
	/*border: 1px solid black;*/
}

.element_menu
{
		   
	padding-top: 0px;
	background-color:#FF9982;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: bold;
	margin-bottom: 0px;
	padding-bottom: 10px;
	
	/*border: 1px solid red;*/
}

.element_menu h3
{
	color: white;
	padding: 0px;
	padding-left:10px;
	font-size: 18px;
	
}

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


.element_menu p
{
	color: #FFFFFF;
}

.element_menu ul 
{
   color: #7E5F26; /* On change l'apparence des puces */
	
   padding: 0px;  /*Tous les côtés ont une marge intérieure de 0 pixels */
   padding-left: 20px; /* ... mais on modifie ensuite la marge de gauche, donc celle-là fera finalement 20 pixels */
   /*margin: 0px; /* Idem pour margin, ça nous évite d'avoir à en écrire 4 (margin-left, margin-right...) */
   margin-bottom: 0px; /* Même chose que tout à l'heure, on modifie ensuite juste margin-bottom, mais tous les autres sont à 0px */
}

.header_element_menu
{
	background-image: url("images/Kit/block_header_menu.png");
	background-repeat: no-repeat;
	background-color: #FFE791;
}

.footer_element_menu
{
	background-image: url("images/Kit/block_footer_menu.png");
	background-repeat: no-repeat;
	height: 6px;
	width: 191px;
	margin-top: 0px;
	background-color: #FFE791;
}

/*************************************************************************************
									PARTIE: pied de page
*************************************************************************************/

#pied_de_page
{
   	width: 1000px;
   	margin-top: 5px;
   	/*padding: 5px;*/
	text-align: center;
	/*border: 2px dashed;*/
   	background-color: #FFE791;
}

#pied_de_page p 
{
	color: #FF9982;
	text-align: center;
	font-size: 12px;
}

/*************************************************************************************
									PARTIE: générale
*************************************************************************************/

a
{
	text-decoration: none;
	border: none;
}

.image
{
	display:block;
    text-align:center;
	margin-top: 10px;
}

.vert
{
	color: #7DC242;
}

.rouge
{
	color: #FF0000;
}

h1
{
	color: #97BD00;
	text-align: center;
}

p
{
	color: #00B007;
}

.centre
{
	text-align: center;	
}

.gauche 
{
	float: left;
	
}

.gauche img
{
	border: none
}

.droite 
{
	float: right;
	
}

.droite img
{
	border: none;
}

.imglink 
{
	border: none;
} 
