/* Configuration générale du corps */
body
{ 
background-color: #ffffff;
background-image: url(images/design/background.gif);
background-attachment: fixed;
background-position: center top;
background-repeat: repeat-y;
border: 0;
font-family: "Trebuchet MS",Arial,Verdana,Sérif;
font-size: 12px;
margin: 0px;
}

/* Style du header */
#header
{ background-image: url(images/design/header.png);
background-repeat: no-repeat;
width: 740px;
height: 313px;
position: absolute;
left: 50%;
margin-left: -370px;
}



/* Style du header */
#headerflash
{
margin-top: 70px;
margin-left:27px;
}

#flashAltText
{
margin-top:259px;
margin-left:600px;
font-size:10px;
}


/*Dropdown top menu*/

#nav, #nav ul {
	padding: 0;
	margin: 0;
	margin-left: -18px;
	list-style: none;
	z-index: 8;
}

#nav a {
	display: block;
	width: 130px;
}

#nav li {
	float: left;
	width: 104px;
	text-align: center;
}

#nav li ul {
	position: absolute;
	width: 140px;
	margin-left: 20px;
	left: -999em;
	padding-top: 10px;
	background-color: #000000;
}

#nav li ul li {
	background-color: #000000;
	width: 115px;
	padding: 0px 15px 5px 10px;
	text-align: left;
	height: 20px;
	border-bottom: 1px solid #333333;
}

#nav li:hover ul {
	left: auto;
}

#nav li:hover ul, #nav li.sfhover ul {
	left: auto;
}


/* Style du centre du contenu ( menu + contenu )*/
#centre
{ background-image: url(images/design/bg_ttl.png);
background-repeat: repeat-y;
width: 740px;
position: absolute;
top: 313px;
left: 50%;
margin-left: -369px;
clear:left;
padding-bottom: 76px;
}

/* Contenance gauche ( contenu ) */
.left
{ background-image: url(images/design/fond_contenu.png);
background-repeat: repeat-y;
width: 529px;
float: left;
padding-left: 14px;
clear:left;
}


.tleft
{ background-image: url(images/design/top_contenu.gif);
background-repeat: no-repeat;
width: 542px;
height: 9px;
margin-left: -14px;
clear:left;
}


.fleft
{ background-image: url(images/design/bas_contenu.gif);
background-repeat: no-repeat;
width: 542px;
height: 3px;
margin-left: -14px;
}

/* Contenance droite ( menus ) */
.right
{ background-image: url(images/design/fond_menu.gif);
background-repeat: repeat-y;
width: 179px;
float: left;
font-size: 11px;
padding-left: 15px;
margin-right: -13px;
}

/* Titre du 1er menu */
.tright
{ background-image: url(images/design/top_menu.gif);
background-repeat: no-repeat;
width: 192px;
height: 27px;
padding-top: 10px;
text-indent: 25px;
color: #e0e0e0;
font-size: 11px;
margin-left: -15px;
}

/* Titre desmenus suivants 1 , 2 , 3 ... extensible */
.menub
{ background-image: url(images/design/top_menu1.gif);
background-repeat: no-repeat;
width: 192px;
height: 19px;
padding-top: 2px;
text-indent: 25px;
color: #e0e0e0;
font-size: 11px;
margin-top: 30px;
margin-left: -15px;
}


.fright
{ background-image: url(images/design/bas_menu.gif);
background-repeat: no-repeat;
width: 192px;
height: 37px;
margin-left: -15px;
}

/* Copyright du site */
#copyright
{ background-image: url(images/design/copyright.png);
background-repeat: no-repeat;
width: 720px;
height: 47px;
float: left;
margin: 10px;
margin-top: 70px;
text-align:center;
padding-top: 2px;
}

/* Style du menu horizontal */
#menu
{ position: absolute;
top: 286px;
left: 11px;
color: #444;
font-family: verdana,arial;

}
.menuH,a
{ color: #F09;
text-decoration: none;
border-bottom: 0px;
padding: 3px;
}

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

#menucss /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : Arial; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 12px; /* hauteur du texte : 12 pixels */
}
#menucss 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 : #000; /* 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 : 144px; /* largeur */
}

#menucss li /* Éléments 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 #menucss li
{
        border-right: 1px solid transparent ; /* on met une bordure transparente à droite de chaque élément */
}

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


#menucss li ul li /* Elé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 #menucss li ul li                
{
        border-top : 1px solid transparent; /* on met une bordure transparente en haut de chaque élément */
}

#menucss 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) */
        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 #menucss li ul ul                
{
        border-left     : 1px solid transparent ; /* on met une bordure transparente sur la gauche de chaque élément */
}
#menucss a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
        background: #fff; /* ... et au contraire, le fond en blanc */
}


a:hover.menuH
{
color: white;
padding: 3px;
text-decoration: none;
}

/* Style des formulaires */
input {
border:1px solid #F09;
background-color:#eeeeee;
color: #F09;
padding: 2px;
}

/* Formulaire de recherche dans le header */
#recherche
{ position: absolute;
top: 26px;
left: 500px;
}

#date
{ position: absolute;
top: 51px;
left: 35px;
color: #F09;
width: 180px;
height: 19px;

text-align: center;
}


h2
{ color: #F09;
font-weight: 800;
text-indent: 30px;
}
h2:before
{ content: url(images/puces/h2.png);
}

a
{ color: black;
border-bottom: 1px dashed #000000;
}
a:hover
{ color: #F09;
border-bottom: 1px dashed #F09;
}

img,a,a:hover
{ border: 0px;
}

.textarea
{ border: 1px solid #ff6dc5;
background-color: #f5f5f5;
}
.textarea:hover
{
border: 1px solid #F09;
}

#response_0
{
display:none;
}

#response_1
{
display:none;
}