html,body{
	background-color:#3a3d3a;
	font-family:arial,sans-serif;
	font-size:14px;
	margin:0;
	height:auto;
}
#principal{
	margin:0 auto;
	padding:0;
	width:900px;
	border:solid 1px black;

}
h1{
	font-size:1.1em;
	color:#fff;
	background-color:#2d934f;
	padding:4px 0 4px 5px;
}
h2{
	font-size:1.2em;
	color:#2d934f;
	margin:30px 0 5px 0;
}
h3{
	font-style:italic;
	font-size:1.1em;
	margin:20px 0 3px 0;
}
h4{
	margin:0;
	font-size:0.9em;
}
h5{
	font-size:1.1em;
	color:#cccccc;
	margin : 15px 0 0 0;
}

p{
	text-align:justify;
}

#decaler{
	margin:0 40px 0 40px;/*****marge pour le sous texte************/
}
h6{
	font-size:0.8em;
	font-weight:bold;
	margin:10px 0 0 0;
}
/***********/
#header{
	height:200px;
	background :url(images/recherche.jpg) no-repeat ;
}

/*recherche*/
#recherche{
	height:31px;
	text-align:right;
	padding-right:5px;
}
#recherche input{
	padding:0;
	border:0;
}
/****/

#contenu{
	height:auto;
	backgound-color:#c9e2b0;
}
#footer{
	background-color:#e8f9d7;
	height:32px;
	padding:3px;
}
#footer p{
	font-size:0.8em;
	font-weight:bold;
	text-align:center;
	margin:8px 5px 5px 5px;;
}
#texte{
	background-color:#c9e2b0;
	padding:20px 20px;
}
#centre{
	margin:0 15px;
}
#centre p{
	margin:5px 0 15px 0;
}

/***mise en forme de liens dans le texte****/
#texte a{
/*	display:block;*/
	text-decoration:none;
	color:#2d934f;
/*	margin-top:5px; 
	text-align:left; 
	font-size:0.8em;*/
	font-weight:bold;
}
#texte a:hover{
	color:#bddf10;
/*	margin-right:10px; */
}
/******************************************/
/******mise en forme des liens lightbox***/
#texte td a{
/*	display:block;*/
	text-decoration:none;
	color:#2d934f;
/*	margin-top:5px;
	text-align:right;
	font-size:0.8em;*/
	font-weight:bold;
}
#texte td a:hover{
/*	margin:5px 0 0 0; */
}
#texte td a:hover img{
	border:solid 2px #bddf10;
}
/***************************************/
/*en tête de tableau*/
#centre th{
	border-bottom:solid 1px black;
}
/**********************/



/***mise en forme des liens dans la page liens****/
#liens p{
	margin:10px 0 0 0;
}
#liens a{
	text-align:left;
	margin:0;
}
#liens a:hover{
	color:#bddf10;
	margin-left:10px;
	}
/***********************************************/





/****Page d'accueil***********/
.contenu{
	background-color:#c9e2b0;
}
.intro{
	background :#c9e2b0 url(images/fond.jpg) no-repeat ;
	width:323px;
}
.intro p{
	width:290px;
	margin-left:15px;
	margin-top:15px;
}
.logo{
	text-align:center;
}
/******************************/




/*********menu************/
#menu, #menu ul /* Liste */
{
        padding : 0;
        margin :0;
        list-style : none;
        line-height : 50px; /* on définit une hauteur pour chaque élément */
        text-align : left;
        width:900px;
}

#menu /* Ensemble du menu */
{
		font-weight:bold;
        font-family : Arial;
        border-top:solid 1px black;
        border-bottom:solid 1px black;
        height:50px;
        background :url(images/degrade.gif) repeat-x ; /* couleur de fond */
}
#menu a /* Contenu des listes */
{
        display : block;
        padding : 0;
        background :url(images/degrade.gif) repeat-x ; /* couleur de fond */
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : auto;
        font-size : 15px;
        text-align:center;
}
#menu li /* Elements des listes */
{
		padding:0;
        float : left;
        border-right:solid 1px black;
}
#menu li ul /* Sous-listes */
{
        position: absolute; /* Position absolue */
      	width: 220px;
      	line-height : 18px;
        left: -999em; /* Hop, on envoie loin du champ de vision */
        border-left:solid 1px black;
        border-top:solid 1px black;
        border-bottom:solid 1px black;
}
#menu li ul a{
	font-size:12px;
	font-weight:bold;
	background:#c5e3ad;
	color:#000;
	width:220px;
	text-align:left;
	padding-left:5px;
}
#menu li ul a:hover /* Lorsque la souris passe sur un des liens */
{
        background: #bddf10;
}
#menu a:hover /* Lorsque la souris passe sur un des liens */
{
        background:url(images/degrade2.gif) repeat-x ;
}
#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}
#hautgauche, #hautdroit, #basgauche, #basdroit{
	height:19px;
	width:19px;
	background-repeat:no-repeat;
	font-size:1px;
}
/********fin menu***********/


/**********encadrement arrondi**************/
#cadre{
	background-color:#fff;
	margin: auto;
}
#hautgauche{
	background: url('images/hautgauche.gif');
}
#hautdroit{
	background: url('images/hautdroit.gif');
	float:right;
}
#basgauche{
	background: url('images/basgauche.gif');
}
#basdroit{
	background: url('images/basdroit.gif');
	float:right;
}
/**********fin encadrement arrondi*********/


/*********mise en forme des images du texte*************/
#texte img{
	border:solid 1px #c5e3ad;
}
.imageflottante{
	float:left;
	margin-right:10px;
}