/* --------- Balises génériques --------------- */
html,
body,
h1, h2, h3, h4, h5, h6,
div,
p,
{
	margin: 0; padding: 0;
}
html,
body
{
	height: 100%;
}
body
{
	color: #222014;
	font-family: calibri,arial, serif;
	font-size: 0.95em;
	background-color: #545253;
	/*background-color: #484748;
	/*background-color: #b2b1b1;*/
}
img
{
	border-width: 0;
}
input, textarea 
{
	background-color: #cbcbca;

}
a {
	font-size:1.1em;
	color:#efede1;
	text-decoration: none;
	/*font-weight: bold;*/
}
a:link {
	text-decoration: none;
	color: #efede1;
}
a:visited {
	text-decoration: none;
	color: #efede1;
}
a:hover {
	text-decoration: none;
	color: #f5d40d;
}
a:focus {
	text-decoration: none;
	color: #999999;
}
a:active {
	text-decoration: none;
	color: #999999;
}
	
/* --------- Page d'accueil --------------- */
div#containeri
{
	margin: 20px auto 0 auto;
	width: 950px; height: 600px;
	background: transparent url(../images/fonda.jpg) no-repeat;
}
	div#containeri div#main
	{
		float: right;
		margin-top: 450px;
		width:  150px; height: 40px;
		font-family: papyrus,calibri,arial, serif;
	}
		div#containeri div#main a
		{
			font-size: 1.4em;
			color: white;
			text-decoration: none;
		}
		div#containeri div#main a:hover
		{
			text-decoration: none;
			color: #f5d40d;
		}
/* --------- Pages du site --------------- */
div#container
{
	padding-top : 0px;
	margin: 10px auto 0 auto;
	width: 950px; height: 600px;
	background: transparent url(../images/fond.jpg) no-repeat;
	/*border: thin dotted #000000;*/
}
	div#container div#conteneurmenu
	{
		margin: 5px auto 0 auto;
		width:  510px; height: 25px;
		font-family: calibri,arial, serif;
		/*border: thin dotted #000000;*/
	}
/* --------- Menu de haut de page dynamique en CSS--------------- */
#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 20px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}
#menu /* Ensemble du menu */
{
	/*font-weight : bold; /* on met le texte en gras */
    font-family : calibri,arial, serif; /* on utilise Arial, c'est plus beau ^^ */
	font-size : 14px;
	margin: 0 auto 0 auto;
	
}
#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        background : #6a6969; /* couleur de fond */        
        color : #000000; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 100px; /* largeur */
		/*border : 1px solid #000;*/
}
#menu li ul li a/* Contenu des  sous-listes */
{
        float : left;
		background-color:#828081;
        width : 130px; /* largeur */
		text-align: left;	
}
#menu li /* Elements des listes */      
{
		float : left;
		/* pour IE qui ne reconnaît pas "transparent" */
        border-right : 1px solid #fff; /* on met une bordure blanche à droite de chaque élément */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}
#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 120px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		font-size : 0.8em; /* hauteur du texte  */
}
#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-top : 1px solid #fff; /* on met une bordure blanche en haut de chaque élément d'une sous liste */
}
/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}
#menu li ul ul 
{
        margin    : -22px 0 0 120px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}
/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #ffffff; /* On passe le texte en noir... */
        background: #373737; /* ... et au contraire, le fond en blanc */
}
#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}
#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: 1%; /* Corrige un bug sous IE */
}
/* --------- Contenu des pages --------------- */
	div#container div#header
	{
		width: 900px;
		padding	: 0;
		margin: 0 auto 0 auto;
		/*border: thin dotted #000000;*/
	}
		div#container div#header h1
		{
			height: 50px;
			color: #efede1;
			font-size: 2.2em;
			text-align: left;
			display: table-cell; 
			vertical-align: bottom;
			/*line-height: 2.2em;*/
			/*border: thin dotted #000000;*/
		}
	div#container div#main
	{
		margin: 0 auto 0 auto;
		width:  900px;
		height: 479px;
		font-family: calibri, arial, serif;
		font-size: 1.1em;
		/*border: thin dotted #000000;*/
	}
		div#container div#main div#blockp
		{
			margin: 20px auto 0 auto;
			width:  850px;
			height: 380px;
			/*border: thin dotted #000000;*/
		}
		div#container div#main div#blockh2
		{
			margin: 20px 0 0 40px;
			width:  680px;
			height: 50px;
			/*border: thin dotted #000000;*/
		}
			
		
		div#container div#main h2
		{
			font-weight: bold;
			font-size: 1.15em;
			text-align: justify;
		}
		div#container div#main p,
		div#container div#main div#blockp p
		{
			margin: 10px 70px 0 50px;
			text-align: justify;
		}
			div#container div#main p .souligne,
			div#container div#main div#blockpp .souligne
			{
				color: #efede1;
				text-decoration: underline ;
			}
		div#container div#main p a,
		div#container div#main p a:link
				{
					color: #efede1;
					text-decoration: underline ;
					font-size: 1.1em;
				}
		div#container div#main p a:hover 
				{
					text-decoration: underline ;
					color: #f5d40d;
				}
/* --------- Contenu de la page contact--------------- */	
			div#container div#main div#zoneform 
			{
				height: 360px;
				width: 440px;
				text-align: left;
				margin-top: 30px;
				margin-left: 40px;
				padding : 0;
				float: left;
				color: #222014;
				/*border: thin dotted #CCCCCC;*/
			}
			div#container div#main div#zonetextecon 
			{
				height: 90px;
				width: 350px;
				text-align: center;
				margin-top: 120px;
				margin-left: 60px;
				padding: 0;
				float: left;
				color: #222014;
				/*border: thin dotted #CCCCCC;*/
			}
				div#container div#main div#zonetextecon p
				{
					margin: 0;
					text-align: center;
					font-size: 1.2em;
				}
				div#container div#main div#zoneform p
				{
					margin: 0;
				}
				div#container div#main div#zonetextecon h3
				{
					margin: 0;
					text-align: center;
					font-size: 1.5em;
				}
				div#container div#main div#zonetextecon a 
				{
					color:#222014;
					text-decoration: none;
					font-size: 1.1em;
				}
				div#container div#main div#zonetextecon a:hover 
				{
					text-decoration: none;
					color: #f5d40d;
				}
/* --------- Contenu de la page liens--------------- */	
			div#container div#main div#zonetablien 
			{
				height: 290px;
				width: 900px;
				text-align: left;
				margin-top: 5px;
				padding : 0;
				float: left;
				overflow:hidden; 
				overflow-x: hidden; 
				overflow-y: auto; 
				overflow : -moz-scrollbars-vertical; 
				color: #222014;
				font-size: 0.8em;
				/*border: thin dotted #CCCCCC;*/
			}
			div#container div#main div#zonelien 
			{
				height: 120px;
				width: 740px;
				text-align: left;
				margin-top: 10px;
				padding: 0;
				float: left;
				color: #222014;
				/*border: thin dotted #CCCCCC;*/
			}
			div#container div#main div#zonelien2 
			{
				height: 80px;
				width: 900px;
				text-align: left;
				margin-top: 5px;
				padding: 0;
				float: left;
				color: #222014;
				/*border: thin dotted #CCCCCC;*/
			}
				div#container div#main div#zonetablien p
				{
					margin: 0;
					
				}
				div#container div#main div#zonelien p,
				div#container div#main div#zonelien2 p
				{
					margin: 0;
					text-align: center;
				}
				div#container div#main div#zonetablien a,
				div#container div#main div#zonetablien a:link
				{
					color:#222014;
					text-decoration: none;
					font-size: 0.9em;
				}
				div#container div#main div#zonetablien a:hover 
				{
					text-decoration: none;
					color: #f5d40d;
				}
/* --------- Bas de page téléphone et mail --------------- */
	div#container div#tel
	{
		/*position: relative;*/
		top : auto;
		bottom: 0;
		width: 440px; height: 20px;
		color: #efede1;
		font-size: 0.95em;
		margin: 0 auto 0 auto;
		/*border: thin dotted #000000;*/
	}
/* --------- Bas de page (copyright) --------------- */
	div#footer
	{
		margin: 0px auto 0 auto;
		padding: 0;
		width: 400px; height: 30px;
		color: #222014;
		font-size: 0.75em;
		text-align:center;
		font-weight: bold;
		/*border: thin dotted #000000;*/
	}
		div#footer a 
		{
			color:#222014;
			text-decoration: none;
			font-size: 1em;
		}
		div#footer a:link 
		{
			text-decoration: none;
			color: #222014;
		}
		div#footer a:hover 
		{
			text-decoration: none;
			color: #f5d40d;
		}
/* --------- Informations légales --------------- */
div#blockil
{
		margin: 5px auto 0 auto;
		padding: 0;
		width: 380px; height: 380px;
		background: transparent url(../images/fondinfo.jpg) no-repeat;
		/*border: thin dotted #000000;*/
	}
	div#blockil h1
	{
		color: #efede1;
		font-size: 2.2em;
		text-align:center;
	}
	div#blockil p
	{
		color: #222014;
		font-size: 1.1em;
		text-align:left;
		margin-left: 30px;
	}
	div#blockil a, div#blockil a:link
	{
		color:#222014;
		text-decoration: none;
		font-size: 1em;
	}
	div#blockil a:hover 
	{
		text-decoration: none;
		color: #f5d40d;
	}