body {
margin: 0 0 20px 0;
padding: 0;
background:#dee7f7;
color:black;
font-family: Verdana, Helvetica, sans-serif;
}

/* genéral */
a{
text-decoration:none;
color: #990101;
}
a:hover{
text-decoration:underline;
color:blue;
}
a img{
text-decoration:none;
color: #990101;
}
hr{
margin:0;
padding:0;
width:960px;
}

/* page générale */
div#page{
width: 1100px;
/*height:600px;*/
margin: 0 0 10px 0;
padding: 0;
float:left;
background:#fff;
}

/* bandeau haut */
div#bandeau_haut{
position:relative;
float:left;
width:1000px;
height:30px;
margin:0;
padding:0;
background:#dee7f7;
font-size:10px;
}


/*  espace  */
div#prive{
position:relative;
float:left;
margin:0;
padding:0;
}
div#prive form{
margin:5px 0 0 10px;
padding:0;
font-family: Arial, Helvetica, sans-serif;
}
div#prive form input{
margin:0;
padding:0;
font-size:10px;
}

/*Choix de la langue*/
div#langue{
position:relative;
float:left;
margin:0 0 0 200px;
height:30px;
padding:0;
}
div#langue img{
position:relative;
float:left;
margin:5px 50px 0 0;
padding:0;
}
a img {
border:none;
}

/*  menu haut page  */
div#menu_haut{
position:relative;
float:right;
margin:10px 0 10px 0;
padding:0;
}
div#menu_haut ul{
position:relative;
float:left;
margin:0;
padding:0;
}
div#menu_haut ul li{
position:relative;
float:left;
list-style:none;
width:80px;
margin:0 5px 0 0;
padding:0;
text-align:center;
font-size:11px;
border-right:1px solid black;
}

/* entete */
div#entete{
width:1000px;
height:120px;
margin:0;
padding:0;
}
div#logo{
position:relative;
float:left;
margin:0;
padding:0;
}
div#espace{
position:relative;
float:right;
margin:0;
padding:0;
}
div#espace h1{
margin:50px 0 0 100px;
padding:0;
font-size:30px;
color:#010199;
font-family: Tahoma, Verdana, Helvetica, sans-serif;
}

/* menu horizontal */
div#menu{
width:1000px;
position:relative;
float:left;
height:30px;
float:left;
margin:-3px 0 0 0;
padding:0;
color:black;
font-family: Verdana, Helvetica, sans-serif;
font-weight:bold;
text-align:center;
background:#dee7f7;
}
div#menu ul{
position:relative;
float:left;
margin:0;
padding:0;
text-align:center;
}
div#menu ul li{
position:relative;
list-style:none;
float:left;
width:135px;
height:20px;
margin:5px 5px 0 0;
padding:0;
line-height:1.5em;
font-size:14px;
color: #990101;
border-right:1px solid black;
}

/* position */
div#position{
position:relative;
float:left;
margin:0;
padding:0;
}
div#position ul{
width:1000px;
position:relative;
float:left;
margin:0;
padding:0;
text-align:center;
}
div#position ul li{
position:relative;
list-style:none;
float:left;
margin:5px 5px 0 10px;
padding:0;
text-align:center;
font-size:11px;
}

/* corps de l'affichage */
div#corps{
position:relative;
float:left;
margin:10px 0 0 0;
padding:0;
color:black;
font-family: Verdana, Helvetica, sans-serif;
font-size:12px;
}


/*  Affichage en 1 bloc  */
div#gauche1{
width:900px;
position:relative;
float:left;
margin:50px 0 20px 20px;
padding:0;
border:2px solid #063C9D;
}
div#gauche1 h1{
height:45px;
margin:0;
padding:10px 0 0 0;
color:#010199;
font-size:20px;
text-align:center;
background:#dee7f7;
}

/* Encart groupe */
div#groupe{
position:relative;
float:left;
margin:0;
padding:0;
}
div#groupe h1{
height:45px;
margin:0;
padding:10px 0 0 0;
color:#010199;
font-size:20px;
text-align:center;
background:#ddd;
}
div#groupe h2{
margin:10px 0 5px 10px;
padding:0;
color:#010199;
font-size:14px;
font-weight:bold;
}
div#groupe p{
margin:5px 10px 5px 10px;
padding:0;
font-size:11px;
text-indent:10px;
text-align:justify;
}

/*  Affichage en 2 bloc  */

div#titre_proc h1{
position:relative;
float:left;
padding:0;
margin:10px 0 20px 30px;
width:895px;
height:35px;
text-align:center;
font-size:25px;
background:#010199;
color:#dee7f7;
border:2px solid #010199;
}
div#gauche2{
width:500px;
position:relative;
float:left;
margin:10px 0 20px 30px;
padding:0;
border:2px solid #010199;
}
div#gauche2 h1{
height:45px;
margin:0;
padding:10px 0 0 0;
color:#010199;
font-size:20px;
text-align:center;
background:#dee7f7;
}
div#gauche2 h2{
margin:10px 0 5px 10px;
padding:0;
color:#010199;
font-size:14px;
font-weight:bold;
}
div#gauche2 p{
margin:5px 10px 5px 10px;
padding:0;
font-size:11px;
text-indent:10px;
text-align:justify;
}
div#gauche2 li{
margin:0 15px 0 0;
padding:0;
text-align:justify;
}

div.bloc{
width:100%;
position:relative;
float:left;
margin:10px 0 0 0;
padding:0;
text-align:center;
}
div.bloc h2{
margin:10px 0 5px 0;
padding:0;
width:540px;
color:#010199;
text-decoration:underline;
font-size:14px;
font-weight:bold;
text-align:left;
}

div.bloc table{
border-collapse:collapse;
font-size:11px;
width:100%;
}
div.bloc td tr{
text-align:center;
}
div.centrage_cellule{
margin:0 0 0 20px;
}
div.bloc2{
position:relative;
float:left;
padding:0;
margin-top:30px;
height:450px;
width:540px;
text-align:left;
}

div.bloc_espace{
position:relative;
float:left;
padding:0;
margin:65px 0 0 25px;
width:450px;
text-align:left;
}
div.bloc_espace h2{
padding:0;
color:#010199;
text-decoration:underline;
font-size:14px;
font-weight:bold;
text-align:left;
}

div.inter{
width:100%;
height:20px;
position:relative;
float:left;
margin:0;
padding:0;
text-align:center;
}
div.bloc_bas{
width:500px;
position:relative;
float:left;
margin:20px 0 0 0;
padding:0;
}
div.sousbloc{
position:relative;
float:left;
width:150px;
margin:0;
padding:0;
}
div.sousbloc3{
position:relative;
float:left;
width:164px;
margin:0;
padding:0;
}
div.sousbloc2{
position:relative;
float:left;
width:130px;
margin:0;
padding:0;

}
div.sousbloc img{
margin:0;
padding:0;
}
div.sousbloc p{
margin:0;
padding:0;
font-size:11px;
font-weight:bold;
}

div#droit2{
width:350px;
position:relative;
float:left;
margin:10px 0 5px 40px;
padding:0;
border:2px solid #010199;
}

div#droit2 h1{
height:30px;
margin:0;
padding:5px 0 0 0;
color:#010199;
font-size:16px;
text-align:center;
background:#dee7f7;
}
div#droit2 h2{
margin:10px 0 5px 10px;
padding:0;
color:#010199;
font-size:14px;
font-weight:bold;
}
div#droit2 p{
margin:5px 10px 5px 10px;
padding:0;
font-size:11px;
text-indent:10px;
text-align:justify;
}
div#droit2 li{
margin:0 15px 0 0;
padding:0;
font-size:11px;
text-align:justify;
}

/*  Affichage en 2 égaux bloc  */
div#gauche22{
width:400px;
height:350px;
position:relative;
float:left;
margin:10px 0 20px 50px;
padding:0;
border:2px solid #010199;
text-align:center;
}
div#gauche22 h1{
height:30px;
margin:0;
padding:5px 0 0 0;
color:#010199;
font-size:14px;
text-align:center;
background:#dee7f7;
}
div#gauche22 h2{
margin:10px 0 5px 10px;
padding:0;
color:#010199;
font-size:14px;
font-weight:bold;
}
div#gauche22 p{
margin:5px 10px 5px 10px;
padding:0;
font-size:11px;
text-indent:10px;
text-align:justify;
}


/*  Affichage en 3 bloc  */
div#gauche3{
width:180px;
position:relative;
float:left;
margin:10px 0 20px 10px;
padding:0;
}
div#gauche3 h1{
height:30px;
margin:0;
padding:5px 0 0 0;
color:#010199;
font-size:16px;
text-align:center;
background:#ddd;
}
div#gauche3 h2{
margin:10px 0 5px 10px;
padding:0;
color:#010199;
font-size:14px;
font-weight:bold;
}
div#gauche3 p{
margin:5px 10px 5px 10px;
padding:0;
font-size:11px;
text-indent:10px;
text-align:justify;
}
div#centre3{
width:540px;
position:relative;
float:left;
margin:10px 0 20px 30px;
padding:0;
}
div#centre3 img{
position:relative;
float:left;
margin:0 20px 5px 0;
padding:0;
}
div#centre3 h1{
position:relative;
float:center;
margin:0 0 20px 0;
padding:0;
width:540px;
color:#010199;
text-align:center;
font-size:20px;
}
div#centre3 h2{
margin:10px 0 5px 0;
padding:0;
width:540px;
color:#010199;
font-size:14px;
font-weight:bold;
text-align:left;
}
div#centre3 h3{
text-align:center;
}
div#centre3 p{
position:relative;
float:left;
margin:10px 0 10px 0;
padding:0;
width:540px;
color:#010199;
font-size:12px;
text-indent:15px;
text-align:justify;
line-height:16px;
color:black;
border-top:2px solid #cdd6e6;
}
div#centre3 form{
margin:0 0 0 100px;
padding:0;
}
div.puce td{
margin:0;
padding:0;
vertical-align:top;
text-align:justify;
height:200px;
}
div.puce table{
border-collapse:collapse;
}
div.puce table img{
margin:0;
padding:0;
}
div.puce ul{
list-style-image:url(../images/puce_bleue.gif);
}


div#droit3{
width:180px;
position:relative;
float:left;
margin:10px 0 20px 30px;
padding:0;
}
div#droit3 h1{
height:30px;
margin:0;
padding:5px 0 0 0;
color:#010199;
font-size:16px;
text-align:center;
background:#ddd;
}
div#droit3 h2{
margin:10px 0 5px 10px;
padding:0;
color:#010199;
font-size:14px;
font-weight:bold;
}
div#droit3 p{
margin:5px 10px 5px 10px;
padding:0;
font-size:11px;
text-indent:10px;
text-align:justify;
}

div#encartrev{
width:1000px;
height:100px;
margin:10px 0 20px 10px;
padding:0;
border:2px solid red;
background:yellow;
}