body{
margin: 0;                                /* On colle la page aux bords */
font-family: verdana, arial, sans-serif;
font-size: 12px;
text-align: center;                       /* pour corriger le bug de centrage IE */
}

img{
border: 0;
}

#rouge{
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
font-style: normal;
color: #CC3300;
}
/* ---------------------------------------------------- Pour Les liens ----------------------------------------------------- */

/* Liens par d�aut */
a:link {
	color: #000000;
	text-decoration: none;
	font-size: 12px;
}
a:visited {
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}
a:hover {
	text-decoration: none;
	color: #0154CA;
	font-size: 12px;
}
a:active {
	text-decoration: none;
	color: #000000;
	font-size: 12px;
}

div#global{
position: relative; /* on positionne le conteneur */
margin-left: auto;
margin-right: auto;
width: 750px;
text-align: left;   /* on r�ablit l'alignement normal du texte */
}

div#gauche{
float: left;
margin-top: 20px;
width: 170px;
height: 250px;
/* border: solid 1px #000000; */
}

div#centre{
float: right;
margin-top: 20px;
padding-left: 35px;
width: 540px;
border-left: #E7E7E6 solid 1px;
/* border: solid 1px #000000; */
}

dl, dt, dd, ul, li, p{
margin: 0;
padding: 0;
list-style-type: none;
}

div#basPage{

/* On inclut dans la bo�e verte un ��ent bloc au contenu fictif. Ceci �uilibre nos
   divisions gauche et droite et permet d'afficher la division basPage au bon endroit
   tuto: http://pbnaigeon.developpez.com/tutoriel/CSS-HTML/mise-en-page-CSS/            */
clear: both;

position: relative;
cursor: pointer;
width: 749px;
height: 67px;
/*background: url(../Images/bas_page3.gif) left top no-repeat; *//* bas_page1 bas_page2 ou bas_page3 au choix!*/
}

/********************************** Pour le menu vertical de niveau 1 *****************************/

#menu1{
position: relative;
width: 140px;                                        /* La largeur d'une case */
background-color:#FFFFFF;
}

#menu1 dt{
cursor: pointer;
background: url(../Images/fleches1.gif) no-repeat center left; /* Notre image de fond */
height: 35px;       /* height=line-height pour que le texte soit align�avec les fleches de gauche */
line-height: 35px;
padding-left: 15px;                                  /* Position de d�art du texte dans le menu */
border-bottom: 1px dotted #CCCCCC;
text-align: left;
font-weight: bold;
}

#menu1 dd{
cursor: pointer;
height: 20px;
line-height: 20px;
}

/*
#menu1 dt a{
color: #000000;
text-decoration: none;
display: block;
}

#menu1 dt a:hover{
text-decoration: none;
color: #0154CA;
}
*/


/********************************** Pour le menu vertical de niveau 2 *****************************/

#menu2{
width: 150px;
margin: 0 auto;
}

#menu2 ul{
padding: 0;
margin-top: 7px;                                    /* Corrige un bug sous ie */
border: 0;
background-color: #FFFFFF;
}

#menu2 li{
padding-left: 10px;                                 /* Position de d�art du texte dans le sous menu */
margin-left: 15px;
text-align: left;
font-size: 90%;
height: 25px;
line-height: 25px;
background: url(../Images/fleches2.gif) no-repeat center left; /* Notre image de fond */
}

/*
#menu2 li a{
color: #000000;
text-decoration: none;
display: block;
}

#menu2 li a:hover{
text-decoration: none;
color: #0154CA;
}
*/

/* -------------------------------------------------- Pour les titres -------------------------------------------------------- */
.titles{
	color: #CC3300;
	font-weight: bold;
	font-size: 12px;
	font-style: normal;
}

/* ---------------------------------------------- Pour cadres de formulaire -------------------------------------------------- */

legend{
	font-weight: bold;
	color: #666666;
	font-style: normal;
}

fieldset{
	border-style: solid;
	border-width: 1px;
	border-color: #CCCCCC;
}