body
{
width:800px;
margin:auto;
margin-top:20px;
margin-bottom:20px;
}

.haut
{
height:167px;
}

.menu 
{
background:url(images/auto-ecole1.jpg) no-repeat;
height:420px;
font-weight:bold;
font-size:11pt;
width:170px;
float:left;
}

.menu2
{
background:url(images/liens.jpg) no-repeat;
height:320px;
font-weight:bold;
font-size:11pt;
width:170px;
float:right;
}

.centre
{
background-color:#EEE9BF;
padding-top:10px;
padding-bottom:10px;
width:430px;
margin-left:185px;
}

.bas
{
font-size:8pt;
color:#000000;
border:none;
}

a img
{
border:none;
}

a
{
color:#FFC125;
text-decoration: none; 
}

a:hover
{
color:#EEEE00;
}

a:active
{
color:white;
}

a:visited
{
text-decoration:underline;
}

a.interne{color:#8B6508;text-decoration:none;}
a.interne:link{color:#8B6508;text-decoration:none;}
a.interne:active{color:#8B6508;text-decoration:none;}
a.interne:visited{color:#8B6508;text-decoration:none;}
a.interne:hover{color:#B8860B;text-decoration:none;}

.bas
{
font-size:8pt;
color:#000000;
}

.blocul  
{
list-style-image: url("images/a.gif"); /* Ma liste aura des puces en forme de A */
border:4px groove orange;
background-color:#FFD700;
width:350px;/*lespx permettent une taille fixe sous toutes resolutions d'ecran alors que les % se deplacent avec le document.*/
padding-top:10px!important;/*pris par ff et non lu sur ie*/
padding-bottom:10px;
padding-left: 20px;
padding-right:20px;
margin-left: 5%;
}

.blocul:hover
{
background-color:#EEEE00;
}

.deg1
 {
list-style-image: url("images/a.gif"); /* Ma liste aura des puces en forme de A */
border:4px groove orange;
background-color:#CDCD00;
width:350px;/*lespx permettent une taille fixe sous toutes resolutions d'ecran alors que les % se deplacent avec le document.*/
padding-top:10px!important;/*pris par ff et non lu sur ie*/
padding-bottom:10px;
padding-left: 20px;
padding-right:20px;
margin-left: 5%;
}

.deg1:hover
{
background-color:#EEEE00;
}

.deg2 
{
list-style-image: url("images/a.gif"); /* Ma liste aura des puces en forme de A */
border:4px groove orange;
background-color:#EEC900;
width:350px;/*lespx permettent une taille fixe sous toutes resolutions d'ecran alors que les % se deplacent avec le document.*/
padding-top:10px!important;/*pris par ff et non lu sur ie*/
padding-bottom:10px;
padding-left: 20px;
padding-right:20px;
margin-left: 5%;
}

.deg2:hover
{
background-color:#EEEE00;
}

.deg3
 {
list-style-image: url("images/a.gif"); /* Ma liste aura des puces en forme de A */
border:4px groove orange;
background-color:#CDAD00;
width:350px;/*lespx permettent une taille fixe sous toutes resolutions d'ecran alors que les % se deplacent avec le document.*/
padding-top:10px!important;/*pris par ff et non lu sur ie*/
padding-bottom:10px;
padding-left: 20px;
padding-right:20px;
margin-left: 5%;
}

.deg3:hover
{
background-color:#EEEE00;
}

.aac
{
list-style-image: url("images/aac2.gif"); /* Ma liste aura des puces en forme de aac */
border:4px groove orange;
width:350px;/*lespx permettent une taille fixe sous toutes resolutions d'ecran alors que les % se deplacent avec le document.*/
padding-top:10px!important;/*pris par ff et non lu sur ie*/
padding-bottom:30px;
background-color:#FFD700;
padding-left: 20px;
padding-right:20px;
margin-left: 5%; /* Marge extérieure de 5%; */
}

.aac:hover
{
background-color:#EEEE00;
}

.doc
{
list-style-image: url("images/stop2.gif"); /* Ma liste aura des puces en forme de stops :) */
border:4px groove orange;
width:320px;/*lespx permettent une taille fixe sous toutes resolutions d'ecran alors que les % se deplacent avec le document.*/
padding-top:10px!important;/*pris par ff et non lu sur ie*/
padding-bottom:30px;
margin-left:220px;
background-color:#FFD700;
padding-left: 30px;
padding-right:30px;
padding:30px;
margin-left: 5%; /* Marge extérieure de 5%; */
}

.doc:hover
{
background-color:#EEEE00;
}

.gros
{
font-size:150%;
color:red;
}

.petit
{
font-size:70%;
}

h1
{
margin-top:40px;
color:#FFA500;
text-align:center;
font-family:"Times New Roman","Arial","Verdana","serif";
}

.souligne
{
margin-top:30px;
margin-bottom:40px;
font-weight: bold;
font-variant:small-caps;
list-style-type:upper-roman;
text-decoration:underline!important;
text-decoration:none;
color:#888080;
}

#unpj
{
color:#66CC66;
}

#logounpj
{
float:left;
margin-left: 1%;
}

.aach3
{
margin-bottom:35px;
text-decoration:underline;
text-align:center;
color:#FFA500;
}

#titre1
{
color:#FFA500;
font-weight: bold;
font-style: italic;
margin-left: 35%;
}

.grosprix
{
font-size:200%;
color:#FF0000;
text-align:center;
font-weight: bold;
}

.fcntr
{
text-decoration:underline;
text-align:center;
color:#EE7600;
font-weight: bold;
}

legend
{
color:#8B6508;
font-weight: bold;
}

.bouton 
{
text-align:center;
}

.basdroite
{
text-align:right;
}