/* http://www.smartpixel.net/chromoweb/fr 
CC6600 996633 B28C66 CCB399 E6D9CC 669966 */

*	{
	background: transparent;
	}

body	{
	border: 0px solid red;
        width: 760px;
        margin: auto; /*centrer le site, mais pour ie il faut aussi utiliser et configurer #global */
        text-align: center; 
	/*background: url(picto/fond_feuille_de_chene_2.jpg) no-repeat;*/
	/*background: url(picto/coccinelles.jpg) no-repeat;*/
	/*background: url(picto/oak_wilt.gif) no-repeat;*/
	background: url(picto/fond_feuille_de_chene_1.gif) no-repeat;
	margin-top: 10px; /* Pour eviter de coller avec le haut du du navigateur.*/
	margin-bottom: 10px;    /* Idem pour le bas du navigateur */
	}


#global 
	{
	/* pour la compatibilite avec ie 750 fixe. */
	border: 0px solid blue;
        position: relative; /* on positionne le conteneur */
        margin-left: auto;
        margin-right: auto;
        width: 750px;
        text-align: center;
	}

#en_tete
	{
	border: 0px solid black; 
	font-style: italic;
	text-align: center;
	}
#en_tete h1, #en_tete h2
	{
	border: 0px solid black;
	color: #CC6600;
	margin: 0px;
        padding: 0px;
	}
#en_tete h3
        {
        border: 0px solid black;
        color: #000000;
        margin: 0px;
        padding: 0px;
        }

#en_tete h1 { margin-bottom: 8px; }
#en_tete h2 { margin-bottom: 3px; }
#en_tete h3 { margin-bottom: 3px; }


#galerie
        {
	/*border: 1px solid black;*/
	/*background: #f0f0f0;*/
        text-align: center;
        }

#menu
        {
	border: 0px solid black;
	padding-top: 15px; /* Pour aligner le menu sur le titre du corps */
        float: right; /* Le menu flottera a gauche */
        width: 140px; /* tres important donner une taille au menu */
	text-align: left;
        }

#menu ul {
	padding: 0px; margin: 0px; list-style-type: none;
	text-align: left;
	} 
#menu li {
	padding: 0px; margin: 0px;
	text-align: left;
	}
#menu a {
	xheight: 20px;
	padding: 0px; margin: 0px;
	padding-left: 15px;
	display: block;
     	xborder: 1px solid red;
     	/*border-top: 1px dashed #CCBC9C;*/
     	text-decoration: none;
     	color: #CC6600;
	text-align: left;
	/*background: url(picto/fond_menu_coccinelle_droite_gris_clair.png) no-repeat;*/
	}
#menu a:hover 
	{
     	background: #CCBC9C; /*CC6600 996633 B28C66 CCB399 E6D9CC 669966*/
	text-align: left;
	color: white;
     	color: #CC6600;
	/*background: url(picto/fond_menu_coccinelle_droite_gris_clair.png) no-repeat;*/
     	/*border: 1px dashed black; */
     	}
#menu a:active 
	{
     	background: #CCBC9C; /*CC6600 996633 B28C66 CCB399 E6D9CC 669966*/
	text-align: left;
	color: #CC6600;
	/*background: url(picto/fond_menu_coccinelle_droite.png) no-repeat;*/
     	}



#outils
        {
        border: 0px solid black; 
        float: left; /* Le menu flottera a gauche */
        width: 140px; /*(135) tres important donner une taille au menu */
	text-align: center;
	}

#corps
        {
	border: 0px solid black;
	margin: 0px;  padding: 0px;
	margin-left: auto; margin-right: auto;
        width: 430px;
	font-style: italic;
	margin-bottom: 20px; /* Pour que le corps ne colle trop au pied de page en-dessous */
	padding: 15px; /* Pour eviter que le texte ne colle trop àa bordure */ 
	min-height: 470px; /* non compris par ie* ; modifier le hack dans le head pour la compatibilitée */
	}
	
#corps h1, #corps h2, #corps h3
	{
	color: #CC6600;
	text-align: right;
	}

#corps p, #corps ul
	{
	text-align: justify;
	}
#corps ul
        {
        /* list-style-image: url("picto/puce1.png"); */
	list-style-type: none;
	padding: 0;
	margin: 0;
        }

#corps li
	{
	padding: 0;
        margin: 0;
	margin-bottom: 3px;
	margin-top: 3px;
	background: url(picto/puce1.png) top left no-repeat;
	padding-left: 30px;
	padding-top: 5px;
	}

#corps p:first-letter, #corps li:first-letter, #corps h1:first-letter, #corps h2:first-letter, #corps h3:first-letter
	{
	font-weight: bold; /* en gras */
	font-size: 1.4em; /* un peut + gros que la normale */
	}

#pied_de_page
        {
	border: 0px solid black;
      	position: relative;
        color: #888888;/* Discret */
        text-align: center;
	font-weight: bold; /* En gras */
	font-size: 10px; /* Mais plus petit */
	}