body {
background-color:20154F;
margin-top: 0px;
}

a {outline: none; }/*enleve pointillés sur liens*/

#body {
   margin: auto;
   margin-top: 0px;
   margin-bottom: 20px;   
}
/*Ancien menugauche*/
#menugauche {
float: left;
width: 171px;
border: 3px solid #EC9F27;
margin-left: 12px;
margin-top: 0px;
margin-bottom: 20px;
background-image: url('images/acadesign_02.jpg');
background-repeat: no-repeat;
font-family:verdana ;
font-weight: bold ;
color:EC9F27;
text-decoration: none;
text-align: center;
line-height: 22px;
font-size : 14px; 
}

/*Pour garder l'espace à gauche : border et margin
#menugauche {
float: left;
width: 200px;
border: 0px solid #EC9F27;
margin-left: 12px;
margin-top: 0px;
margin-bottom: 20px;
font-family: verdana ;
font-weight: bold ;
color: EC9F27;
text-decoration: none;
text-align: center;
line-height: 22px;
font-size : 14px; 
}*/

/*Pour permettre d'avoir un menu qui suit l'ascenseur. Attention, cette action n'est pas applicable sur IE
#menugauche div{
/*On garde l'idée de l'encadré jaune-orangé du menu
border: 3px solid #EC9F27;
margin-left: 12px;
margin-top: 0px;
margin-bottom: 20px;
/*On applique une image de fond pour l'encadré. Elle ne se répétera pas et se situera en haut à droite
background-image: url('images/acadesign_02.jpg');
background-repeat: no-repeat;
background-position: right top;
/*Ainsi, on fixe le menu dans la fenêtre de navigation. 
NB: Penser à améliorer cette action car beaucoup d'inconvénients. Si la fenêtre est réduite, on perd une partie du menu et elle ne sera pas visible aux utilisaterus. Non applicable sur IE
position: fixed;
}*/


#menugauche a{
color:white;
text-decoration: none;
}

#menugauche a:hover, a:focus {
color:E63B3B;
text-decoration: none;
}

a#menugauchespecial{
color:EC9F27;
text-decoration: none;
}

a#menugauchespecial a:hover, a:focus {
color:E63B3B;
}


#contenu {
background-image: url('images/acadesign_10.jpg');
border: 3px solid #EC9F27;
margin-left: 60px;
margin-top: 0px;
margin-bottom: 20px;
float: left;
width: 678px;
}

#footer {
background-image: url('images/acadesign_12.jpg');
background-repeat: no-repeat;
height: 20px;
}

.cadre{
border: 2px solid #EAAB3E;
margin-bottom:20px;
margin-left:5px;
margin-right:5px;
padding-top:10px;
padding-bottom:10px;
background-color:260034;
background-image:url(images/notecadre.jpg);
background-repeat:no-repeat ;
background-position:top left;
color:ffffff;
}

.texte1 {
font-family:Arial ;
color: white;
background-color:transparent;
overflow:auto;
padding-top:3px;
padding-left:10px;
padding-right:5px;
padding-bottom:3px;
} 


.titre {
font-family:arial ;
color: EC9F27;
font-size : 18px; 
} 
.soustitre {
font-family:verdana;
color: AEAE5A;
font-size : 14px; 
} 

.texte{
font-family:verdana ;
color: FFFFFF;
font-size : 12px; 
} 

a {
font-family:verdana ;
color : white; 
text-decoration: underline;
}
a:hover {
font-family:verdana ;
color: 6FA600;
text-decoration: underline overline;
} 

p,ul,li,td {
font-size : 100%; 
font-family : Verdana, Arial, Helvetica, Geneva, sans-serif; 
color : white; 
}

a img
{
border:0px;
}

a:hover img
{
width:auto;
border:0px;
}