* 
{
margin: 0px; 
padding: 0px;
}

body 
{
background-color: #333333;
background-image: url("images/fond-body-3.gif");
background-repeat: repeat;
}

a img 
{
border: none;
}


#hyper_conteneur
{
position: absolute;
width: 100%;
left: 0%;
height: 580px;
top: 40%;
margin-top: -220px;
background-image:url("images/degrade3.jpg");
background-repeat: repeat;
border-top: 1px dashed black;
border-bottom: 1px dashed white;
}

#super_conteneur
{
position: absolute;
width: 790px;
left: 50%;
margin-left: -395px;
height: 580px;

background-image:url("images/fond-bleu.gif");
background-repeat: repeat;
}

#logo
{
position: absolute;
background-image:url("images/logo-bleu2.gif");
background-repeat: no-repeat;
width: 279px;
height: 47px;
margin-left: 35px;
margin-top: 26px;

}

#formulaire
{
position: absolute;
background-image:url("images/fond-formulaire-bleu.gif");
background-repeat: repeat-x;
width: 420px;
height: 30px;
margin-left: 350px;
margin-top: 10px;
display: inline;

}


#formulaire img
{
display: block;
float: left;
padding-top: 0px;
border: 0px;
}

INPUT 
{
display: inline;
float: left;
color: #333333;
background-color: #CCCCCC;
font-size: 10px;
font-family: arial;
margin-left: 10px;
width: 80px;
margin-right: 10px;

}




.buttonSubmit
{
	width:25px;
	
	background-color: #006699;
	color: #FFFFFF;
	margin-right: 0px;
	border: 1px solid black;	
}

.buttonSubmit:hover
{
	width:25px;
	
	background-color: #99CB33;
	color: #000000;
	margin-right: 0px;
	border: 1px solid black;	
}

/* Messages d'Erreurs*/

#erreur-champs, #erreur-login, #erreur-mdp, #toujours-connecte
{
position: absolute;
width: 400px;
left: 50%;
margin-left: -200px;
top: 25%;
margin-top: -150px;
height: 400px;
font-family: Arial, Verdana, serif;
font-size: 10px;
color: #FFFFFF;
text-align: center;
}

#toujours-connecte a
{
color: white;
}

#nuages
{
position: absolute;
background-image:url("images/barre-icones1.gif");
background-repeat: no-repeat;
width: 373px;
height: 42px;
margin-left: 395px;
margin-top: 55px;
}



/* Menu */

#menu_principal
{
position: absolute;
width : 600px;
border-right: 0px;
margin-top: 115px;
margin-left: 20px;
border-left : 1px solid black;
}

#menu_principal a 
{
text-decoration : none;
padding : 0 0.5em;
font :  0.8em "Trebuchet MS";
}

#menu_principal a:hover 
{
text-decoration : none;
color: black;
background-color: #99CB33;
}

#menu_principal ul 
{
display: inline;
list-style-image: url("images/vide.gif");
padding-left:0px;
margin-left:0px;
list-style-type: none;
}

#menu_principal li 
{
border-right : 1px solid black;
padding-left: 0em;
padding-right: 0em;
padding-top: 0px;
padding-bottom: 0px;
border-bottom: 1px solid black;
border-top: 1px solid black;
background-image:url("images/fond-menu-bleu.gif");
}

li.bouton_gauche_active
{
float : left;
border-right : 1px solid white;
height: 20px;
color: white;
}

li.bouton_gauche_active a
{
float : left;
background-color: #99CB33;
height: 20px;
color: black;
}

li.bouton_gauche 
{
float : left;
height: 20px;
}

li.bouton_gauche a
{
float : left;
height: 20px;
color: white;
}

/* Fin menu */

#menu_contact
{
position: absolute;
border-right: 0px;
margin-top: 115px;
margin-left: 700px;
border-left : 1px solid black;
}

#menu_contact a 
{
text-decoration : none;
padding : 0 0.5em;
font :  0.8em "Trebuchet MS";
}

#menu_contact a:hover 
{
text-decoration : none;
color: black;
background-color: #99CB33;
}

#menu_contact ul 
{
display: inline;
list-style-image: url("images/vide.gif");
padding-left:0px;
margin-left:0px;
list-style-type: none;
}

#menu_contact li 
{
padding-left: 0em;
padding-right: 0em;
padding-top: 0px;
padding-bottom: 0px;
border-right : 1px solid black;
border-bottom: 1px solid black;
border-top: 1px solid black;
background-image:url("images/fond-menu-bleu.gif");
}

#conteneur
{
width: 750px;
height: 400px;
margin-left: 20px;
margin-top: 136px;
background-image:url("images/fond-vert-carreaux.gif");
background-repeat: repeat;
border: 1px solid black;
}

#titre
{
position: absolute;
font-family: Arial, Verdana, serif;
color: black;
font-size: 20px;
margin-top: 35px;
margin-left: 25px;
font-weight: normal;
}

#titre a
{
text-decoration: none;
color: black;
}

#titre a:hover
{
text-decoration: none;
color: black;
}

#encart-gauche
{
position: absolute;
width: 220px;
height: 280px;
background-image:url("images/fond-vert.gif");
background-repeat: repeat;
border-top: 1px solid black;
border-bottom: 1px solid black;
margin-left: 15px;
margin-top: 60px;
}

#encart-droit
{
position: absolute;
width: 490px;
height: 340px;
background-color: white;
margin-top: 30px;
margin-left: 235px;
border: 1px solid black;
color: #006699;
}

#encart-droit-accueil
{
position: absolute;
background-image:url("images/accueil/fond-texte.gif");
background-repeat: no-repeat;
background-position: bottom right;
width: 490px;
height: 340px;
background-color: white;
margin-top: 30px;
margin-left: 235px;
border: 1px solid black;
color: #006699;
}

#encart-droit-methodologie
{
position: absolute;
background-image:url("images/accueil/fond-texte.gif");
background-repeat: no-repeat;
background-position: bottom right;
width: 490px;
height: 340px;
background-color: white;
margin-top: 30px;
margin-left: 235px;
border: 1px solid black;
color: #006699;
}
/*
#menu-bas
{
font-family: Arial, Verdana, serif;
font-size: 12px;
color: #CCCCCC;
text-align: center;
margin-top: 20px;
}

#menu-bas a
{
font-family: Arial, Verdana, serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
margin-top: 20px;
text-decoration: none;
}

#menu-bas a:hover
{
font-family: Arial, Verdana, serif;
font-size: 12px;
color: #000000;
text-align: center;
margin-top: 20px;
text-decoration: none
}
*/

#menu-bas
{
font-family: Arial, Verdana, serif;
font-size: 12px;
color: #CCCCCC;
text-align: center;
margin-top: 20px;
}

#menu-bas li
{
display: inline;
list-style-image: url("images/vide.gif");
padding-left:0px;
margin-left:0px;
list-style-type: none;
}


.bouton_bas_active
{
font-family: Arial, Verdana, serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
margin-top: 20px;
text-decoration: none;
}

.bouton_bas_active a, .bouton_bas_active a:hover
{
font-family: Arial, Verdana, serif;
font-size: 12px;
color: #000000;
text-align: center;
margin-top: 20px;
text-decoration: underline;
}

.bouton_bas
{
font-family: Arial, Verdana, serif;
font-size: 12px;
color: #CCCCCC;
text-align: center;
margin-top: 20px;
}

.bouton_bas a
{
font-family: Arial, Verdana, serif;
font-size: 12px;
color: #FFFFFF;
text-align: center;
margin-top: 20px;
text-decoration: none;
}

.bouton_bas a:hover
{
font-family: Arial, Verdana, serif;
font-size: 12px;
color: #000000;
text-align: center;
margin-top: 20px;
text-decoration: none
}