@charset "utf-8";
/* CSS Document */
body
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center; 
background-image:url(ressources/bg-fond.jpg);
background-repeat:repeat-x;
background-color:#46b3d5;
}
#tout
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center;
width: 950px;
/*border: red solid 2px;*/
background-image:url('ressources/bg-tout.jpg');
}

#contenu
{
margin-left: 300px;
margin-right: 20px;
width:600px;
background-image:url("ressources/cadres.png");
background-repeat:repeat-y;
/*
float: right;

width:600px;
height:auto;
background-image:url("ressources/cadres.png");
/*border: red solid 2px;*/
}

#contenu p
{
text-align:left;
margin-left: 20px;
color: #355c65;
padding: 0px 10px 0px 10px;
}

#contenu p + ul
{
color: #355c65;
font-size: 1.3em;
font-weight:bold;
font-style:italic;
text-align:left;
margin: 0px;  /*pour siter les marges */
margin-left: 100px;
list-style-type:none;
}

#contenu h1
{
text-align: center;
color: #224d60;
font-family:Geneva, Arial, Helvetica, sans-serif;
font-size: 1.1em;
}

#contenu h2
{
text-align:left;
color: #152f3a;
margin-left: 20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 1.2em;
}

hr
{
border: #152f3a solid 1px;
margin: 0px 20px 20px 20px;
}

.rouge
{
color: red;
font-weight:bold;
}

.image
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
}

.decale
{
color: #355c65;
font-size: 1.2em;
font-weight:bold;
font-style:italic;
text-align:center;
margin-left: 20px;
padding: 0px 50px 0px 20px;

}

/* Tous les Cadres */

#cadrehaut
{
background-image: url(ressources/cadrehaut.png);
width:600px;
height: 19px;
}
#cadrebas
{
background-image: url(ressources/cadrebas.png);
width:600px;
height: 20px;
}

/* Footer */ 
#footer 
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align:center; 
clear: both;
background-image: url(ressources/pied-bas01.png);
background-repeat:no-repeat;
width: 950px;
height: 34px;
}
#footer a
{
list-style:none;
color:#FFF;
text-align:center;
font-family:Arial, Helvetica, sans-serif;
font-size: 1em;
font-weight:bold;
} 
/*  ----------------------------------*/

#cadre
{
/*border: solid 2px black;*/
height: 100%;
margin-right: 100px;
}



/* formulaire contact */


#formulairecontact td
{
border-collapse:collapse;
vertical-align: middle;
border-collapse:collapse;
/*border: solid black 1px;*/
}

#formulairecontact td input:hover, textarea:hover
{
border-collapse:collapse;
background-color:#a1dfee;
}
#formulairecontact td
{
color:#152f3a;
text-align: right;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}
table
{
text-align:center;
}

fieldset
{
border: none;
width: 500px;
}
legend
{
color:#355c65;
text-align: right;
font-style:italic;
font-size: 1em;
font-family:Arial, Helvetica, sans-serif;
font-weight:bold;
}

#coordonne
{
/*border: 2px solid red;*/
/*margin-left: -50px;*/
}
/*  -------------*/
#dj
{
margin-left: 25px;
}
#menugauche
{
float:left;
/*width: 200px;*/
height:auto;
/*border: red solid 1px;*/
}


        #menu {
		font-family:Arial, Helvetica, sans-serif;
		font-size: 90%; 
		font-weight:bold;
		}
        #menu ul ul
		{
		display: none; 
		left: 210px; 
		top: -1px; 
		position: absolute; 
		margin:0px; 
		padding: 0px; 
		border: 1px solid #B0B0B0;
		}
        #menu li 
		{
		list-style-type: none; 
		position: relative; 
		width: 200px; 
		padding: 2px; 
		margin: 0px
		}
        #menu li:hover, #menu li.sfhover 
		{
		background-color: #b0deed;
		}
        #menu li a 
		{
		text-decoration:none;
		color: #FFFFFF;
		}
		 #menu li a:hover
		{
		text-decoration:none;
		color: #192c31;
		}
        #menu li:hover ul.niveau2, #menu li li:hover ul.niveau3, #menu li.sfhover ul.niveau2, #menu li li.sfhover ul.niveau3 
		{
		display: block;
		border: 2px solid #355c65; 
		}
		#menu ul.niveau2 li
		{
				background-color: #3d9fbd;
		}
        #menu li.plus 
		{
		background-position:right; 
		background-image: url(illustrations/ fdroite.gif);
		background-repeat: no-repeat; 
		border-bottom: 1px solid #B0B0B0;
		}