*
{	margin: 0px;
	padding: 0px;
}

* a
{	color: Black;
}
* a img
{	border: none;
}
#fond
{	background: #C4CDEF url(_backgrounds_/degrade_ecorce.jpg) repeat-x fixed top left;
}
#colonne
{	background: #FAF6EB url(_backgrounds_/degrade_jaune.png) repeat-x;/* degrade de jaune */
	width: 900px;
	margin: 0 auto 0 auto;
	position: relative;
	border-width: 3px;
	border-top-width: 0px;
	border-left-color: White;
}
#roue
{	background: url(_backgrounds_/roue_transparente_NG600.png) no-repeat fixed top center;
	padding: 180px 30px 5px 30px;
}

/************ cadres beiges à fond transparent *********/
#bandeau_lien_banniere,
#vignettes_banniere img,
#navigation,
#navigation ul,
#corps h1,
.encadre_marge,
.grande_image img,
p.galerie_toutes_photos a img,
.portfolio,
#bas_de_page,
#marge p.premiers_mots img,
ul.plan_rubrique,
img.icone_article
{	border: solid 1px #CBB294;
	background: url(_backgrounds_/pixel_transparent.png) repeat;
}
/************ cadres beiges *********/
#colonne
{	border: solid 1px #CBB294;
}
/************ cadres à fond transparent *********/
#corps h2:first-letter,
#corps h3:first-letter,
#corps h4:first-letter,
#corps .portfolio h3,
.encadre_marge h3
{	background: url(_backgrounds_/pixel_transparent.png) repeat;
}

img.icone_article
{	padding: 4px;
	float: left;
	margin: 5px 10px 30px 0;
}


/*************************************************************************************/
/**********************  Z O N E   D E   L A   B A N N I E R E  **********************/
/*************************************************************************************/
#bandeau_lien_banniere
{	position: absolute;
	top: 35px;
	height: 80px;
	width: 100%;
	border-width: 1px 0px 1px 0px ;
}
#banniere
{	position: absolute;
	top: -30px;
	background: url(_backgrounds_/logo_faerie.png) no-repeat center;
	width: 100%;
	height: 200px;
	text-align: center;
}
#lien_banniere
{	position: relative;
	top: 95px;
	left: 10px;
	text-decoration: none;
	color: Black;
	font: italic bold;
	width: 100%;
}
#vignettes_banniere
{	position: absolute;
	top: 30px;
	left: 65%;
	text-decoration: none;
}
#vignettes_banniere img
{	padding: 4px;
}
/******************************* Zone bannière : fin *********************************/
/*************************************************************************************/





/*************************************************************************************/
/**********************  B A R R E   D E   N A V I G A T I O N  **********************/
/*************************************************************************************/

#navigation
{	position: absolute;
	top: 140px;
	width: 900px ; /*100%;*/
	margin: 0 auto 0 auto;
	height: 20px;
	border-width: 1px 0px 1px 0px ;
	font-weight: bold;
	text-align: center;
}

#navigation dl
{	float: left;
	width: 150px; /* LARGEUR DES ONGLETS : max = largeur calque divisée par le nombre d'onglets */
}
#navigation a
{	color: Black;
	text-decoration: none;
}
#navigation dt:hover,
#navigation li:hover
{	background: White;
}
#navigation dt
{	cursor: pointer;
}
#navigation ul
{	border-top: solid 2px White;
}
#navigation li
{	list-style-type: none;
	font-weight: normal;
}
/**************************** Barre de navigation : fin  *****************************/
/*************************************************************************************/









#corps
{
	width: 70%;
	float: right;
	text-align: left;
	font-size: 90%;
	margin-bottom: 30px;
}

#marge
{	width: 25%/*220px*/;
	float: left;
	text-align: right;
	font-size: 80%;
	margin-top: 20px;
	margin-right: 10px;
	padding-right: 10px;
}
.encadre_marge
{	width: 100%;
	padding: 5px ;
	margin-bottom: 10px;
}
.encadre_marge p
{	padding: 5px ;
	margin-bottom: 0px;
}
#marge a
{	text-decoration: underline;
	color: Black;
	font-weight: normal;
}
#marge a:hover
{	text-decoration: underline;
}
.encadre_marge h3
{
	font-family: 'Trebuchet MS', Arial;
	text-align: left;
	margin-top: 5px;
	padding-left: 10px;
}
.encadre_marge h3:first-letter
{	border: solid 1px Black;
	padding: 1px;
	margin-right: 3px;
	color: #7C1C25;
}
#marge p.fil_ariane a,
#marge p.sous_rubriques a
{	font-weight: normal;
	text-decoration: none;
}
#marge p.fil_ariane a:hover,
#marge p.sous_rubriques a:hover
{	text-decoration: underline;
}
#marge p.symetrie
{	text-align: center;
}
#marge p.premiers_mots
{	clear: both;
	text-align: left;
}
#marge p.premiers_mots img
{	float: left;
	padding: 3px;
	margin: 3px;
}













#corps h1
{	font-size: 180%;
	margin: 20px 0px 20px 0px;
	text-align: center;
}
#corps h2
{	font-size: 150%;
	margin: 15px 0px 20px 0px;
}
#corps h3
{	font-size: 140%;
	margin: 10px 0px 10px 0px;
}
#corps h4
{	font-size: 120%;
	margin: 8px 0px 8px 0px;
}
#corps h2:first-letter	{	padding: 10px;	}
#corps h3:first-letter	{	padding:  5px;	}
#corps h4:first-letter	{	padding:  3px;	}

#corps p
{	margin: 10px 0px 10px 0px;
}

#corps h1,
#corps h2,
#corps h3,
#corps h4
{	clear: both;
	font-family: 'Trebuchet MS', Arial;
}

.portfolio
{	clear: both;
	position: relative;
	left: 15%;
	right: 0px;
	width: 85%;
	margin: 5px 0 15px 0;
}
#corps .portfolio h3
{	font-style: italic;
	font-size: 100%;
	padding: 0 0 0 5px;
}
#corps .portfolio h3:first-letter
{	border: none;
	padding: 0px;
}
#corps .portfolio p
{	margin: 5px;
	clear: both;
}
#corps .portfolio p a img
{	padding: 0px;
	border: none;
}
#corps .portfolio p a.icone_pj
{	text-decoration: none;
	float: left;
	padding: 3px 10px 3px 10px;
}
#corps .portfolio hr
{	clear: both;
	color: White;
	border: none;
}



#corps h2:first-letter,
#corps h3:first-letter,
#corps h4:first-letter
{	border: Black 1px solid;
	color: #7C1C25;
}

ul.plan_rubrique
{	padding: 10px 10px 10px 30px;
	margin-bottom: 10px;
}
ul.plan_rubrique li,
ul.plan_rubrique li a
{	text-decoration: none;
}
ul.plan_rubrique li a:hover
{	text-decoration: underline;
}





p.grande_image
{	text-align: center;
}
.grande_image img
{	padding: 7px;
}
.grande_image img.picto
{	background: transparent;
	padding: 0px;
	border: none;
}
p.galerie_toutes_photos a img
{	padding: 4px;
}

/*************************************************************************************/
/**********************         B A S   D E   P A G E           **********************/
/*************************************************************************************/
#bas_de_page
{	clear: both;
	text-align: center;
	margin-bottom: 40px;
	padding-right: 50px;
	height: 30px;
	line-height: 30px;
	font-size: 80%;
}
#bas_de_page a
{	text-decoration: none;
}
#bas_de_page a img
{	vertical-align: middle;
}
/*************************************************************************************/
/*************************************************************************************/