@charset "utf-8";
/* CSS Document */


html, body {
	width: 100%;
	height: 100%;
	padding: 0;
	padding-top:0px;
	margin: 0;
	font-family: Arial, Helvetica, sans-serif ;
	font-size: 12px;
	text-align:justify;
	color: #333;
	background-image:url(../images/index_01.jpg);
	background-repeat:repeat-x;
	background-color:#E2E2E2;
}
table { padding:0;}
img { border:0px;}


div#page {
	margin-left: auto; /* centrage du page en milieu de page */
	margin-right: auto;/* centrage du page en milieu de page */
	width: 950px; /* centrage du page en milieu de page */
	background-color:#FFF;
	padding:1px;
}

div#header {
	width: 950px;
	height: 150px;
	background-image:url(../images/fond_haut.jpg);
	background-repeat:no-repeat;
	margin-top:0px;
}

div#menu {
	width: 550px;
	height: 30px;
	margin-top:120px;
	background: #FFF;
	float:right;
	text-align:right;
	
}
div#menu a {
	padding-left:0px;
	padding-right:0px;
	color:#666;
	text-decoration:none;
}
div#menu a:hover, a:active {
	color:#0070c0;
	text-decoration:underline;
}
div#bandeau {
	width:948px;
	height:230px;
	z-index:1;
}
div#logo {
	width:150px;
	height:150px;
	position:absolute;
	margin-left:0px;
	margin-top:0px;
	float:left;
	z-index:10;
}
div#lang {
	width:111px;
	height:36px;
	position:absolute;
	margin-left:839px;
	margin-top:0px;
	float:right;
	background:url(../images/onglet-lang.png) no-repeat;
	z-index:10;
}
div#lang a {
	width:50px;
	height:36px;
}
div#lang select {
	float:right;
	font-size:10px;
	color:#999;
	margin:5px;
	
	
}
div#content {
	width: 950px;
	
}
div#bloc {
	border:#0070c0 solid 1px;
	background:#FEFEFE;
	border-radius: 6px 6px 6px 6px;
    box-shadow: 0 0 10px #C4BDB7;
	padding-top:0px;
	padding-left:5px;
	padding-right:5px;
	margin-top:5px;
	margin-bottom:5px;
	text-align:left;
}
div#bas {
	width: 950px;
	height: 58px;
	background: url(../images/index_28.jpg) no-repeat right #0584ad; 
	color:#FFFFFF;
	font-size:14px;
	font-weight:bold;
	text-align:left;
	z-index:1;
}

div#bas a {
	color:#666;
	font-size:9px;
	text-decoration:underline;
}

h1 {
	font-size:18px;
	color:#1686ab;
	text-transform:uppercase;
}
h2 {
	font-size:14px;
	color:#0070c0;
	padding-left:0px;
}

.bascommel {
font-size:9px;
font-family: Arial, Helvetica, sans-serif; 
color:#666;
text-decoration:none;

}



a, a:visited, a:hover, a:active {
	font-size:14px;
	color:#666;
	text-decoration:underline;
	
} 
#liste li { list-style-image:url(../images/puce.gif) ;
margin:0;
padding:0;
} 
 #liste {
padding-left:20px;

} 

/********************************************************* Menu deroulant */  

#deroulant, #deroulant 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 : 30px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#deroulant /* Ensemble du deroulant */
{
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
        font-size : 9px; /* hauteur du texte : 12 pixels */
		margin-left:0px;
		margin-right:0;
		padding-right:0px;
		padding-left:50px;
}

#deroulant 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 */
        color : #fff; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */ /* largeur */
}


#deroulant li /* Elements des listes */      
{ 
        float : left;
		padding-left:60px;
		
        /* pour IE qui ne reconnaît pas "transparent" */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #deroulant li
{
}

#deroulant li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 130px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
		margin-left:0px;
}


#deroulant li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
		background:#1686ab;
		color:#FFF;
}
#deroulant li ul li a /* Éléments de sous-listes */
{
		font-family: Arial, Helvetica, sans-serif;
		font-weight:bold;
        font-size : 12px; /* hauteur du texte : 12 pixels */
		padding-left:0px;
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
		background:#1686ab;
		color:#FFF;
		width:80px;
}
#deroulant li ul a:hover  /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
		background:#48494a;
		color:#FFF;
		width:80px;
}

#deroulant li ul ul 
{
        margin    : -22px 0 0 144px ; /* 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) */
}

html>body #deroulant li ul ul                
{
}

#deroulant li:hover ul ul, #deroulant 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 */
}

#deroulant li:hover ul, #deroulant li li:hover ul, #deroulant li.sfhover ul, #deroulant 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 */
}


/********************************************************* fin deroulant */