body {
position:relative;
font-family: Arial, Helvetica, sans-serif;
font-size: 11px;
color: #44668c;
margin-top:10px;
background: #f8fbfe url('ligne_global.gif') repeat-x;
}

section{
position : relative;
width:88.5%;
margin-left:11.2%;
margin-top:20px;
}

section .filAriane{ 
float:left;
margin: 0;
padding: 0;
}

section .filAriane span{ 
color:#969696;
}

section .filAriane span a{ 
color:#004494;
text-decoration:none;
}

section .filAriane span a:hover{ 
text-decoration:underline;
}

article{ 
margin-top: 30px;
width:660px;
float : left; /* A mettre puisque c'est le premier "block" qui apparait pour qu'il n'y ai pas de pb avec celui d'a côté*/
}

article .menuGauche{ 
/*position:absolute;*/
float: left;
width: 200px;
height : 100px;
background:white;
border-radius: 10px 10px 10px 10px;
border-top:1px lightgrey solid;
border-left:1px lightgrey solid;
border-right:2px lightgrey solid;
border-bottom:2px lightgrey solid;
}

article .menuGauche .titreMenu{ 
width: 180px;
height : 20px;
margin-left:10px;
padding-top:5px;
font-size:16px;
font-weight:bold;
color:#85AA03;
}

article .menuGauche .sousMenu1 { 
width: 200px;
height : 20px;
box-shadow:1px 1px 0px lightgrey;
margin-left:0px;
}

article .menuGauche .sousMenu1 ul li{ 
list-style-type: none;
}

article .menuGauche .sousMenu1 a{ 
background: url('bullet_acces_rapide.gif') no-repeat center left;
margin-left:-30px;
padding: 0px 0 0 15px;
font-size:11px;
font-weight:bold;
color: #004a99;
text-decoration:none;
}

article .menuGauche .sousMenu1 a:hover{ 
text-decoration:underline;
}

article .menuGauche .sousMenu1 span{ 
text-decoration:underline;
}

article .menuGauche .sousMenu2 { 
width: 200px;
height : 20px;
box-shadow:1px 1px 0px lightgrey;
margin-left:0px;
}

article .menuGauche .sousMenu2 ul li{ 
list-style-type: none;
}

article .menuGauche .sousMenu2 a{ 
background: url('bullet_acces_rapide.gif') no-repeat center left;
margin-left:-30px;
padding: 0px 0 0 15px;
font-size:11px;
font-weight:bold;
color: #004a99;
text-decoration:none;
}

article .menuGauche .sousMenu2 a:hover{ 
text-decoration:underline;
}

article .menuGauche .sousMenu2 span{ 
text-decoration:underline;
}

article .interieurPage{ 
width : 420px;
height:400px;
margin-left: 220px;
background:white;
border-radius: 10px 10px 10px 10px;
border-top:1px lightgrey solid;
border-left:1px lightgrey solid;
border-right:2px lightgrey solid;
border-bottom:2px lightgrey solid;
}

article .interieurPage .titreTexte { 
width: 420px;
height : 20px;
margin-left:10px;
padding-top:10px;
font-size:16px;
font-weight:bold;
color:#85AA03;
}

article .interieurPage .contenuTexte { 
border-top:1px lightgrey dashed;
width:420px;
margin:20px 0px 0px 0px;
font-size:12px;
color:#44668c;
}

article .interieurPage .contenuTexte  h2{ 
background: url('bullet_acces_rapide.gif') no-repeat center left;
margin-left:135px;
padding: 0px 0 0 15px;
font-size:11px;
font-weight:bold;
color: #004a99;
text-decoration:underline;
}

article .interieurPage .contenuTexteLienUtile { 
border-top:1px lightgrey dashed;
width:420px;
margin:20px 0px 0px 0px;
font-size:12px;
color:#44668c;
}

article .interieurPage .contenuTexte li{ 
margin:20px 0px 0px 0px;
font-size:12px;
font-weight:bold;
color:#1697d3;
text-decoration:underline;
text-align:justify;
}

article .interieurPage .contenuTexte a{ 
color:#44668c; 
}

article .interieurPage .contenuTexte a:hover{ 
text-decoration:underline;
color:rgb(0, 102, 204);
}

article .interieurPage .contenuTexte .contenu1{ 
width:360px;
height:40px;
margin:20px 0px 0px 20px;
padding:10px;
font-size:12px;
border-top:1px #44668c solid;
border-left:1px #44668c solid;
border-right:2px #44668c solid;
border-bottom:2px #44668c solid;
}

article .interieurPage .contenuTexte .contenu2{ 
width:360px;
height:140px;
margin:20px 0px 0px 20px;
padding:10px;
font-size:12px;
border-top:1px #44668c solid;
border-left:1px #44668c solid;
border-right:2px #44668c solid;
border-bottom:2px #44668c solid;
}

article .interieurPage .contenuTexte .contenu2 img{ 
float:left;
}

article .interieurPage .contenuTexte .contenu2 h1{ 
font-size:14px;
text-align:center;
}

article .interieurPage .contenuTexte .contenuEP1{ 
width:360px;
height:150px;
margin:20px 0px 0px 20px;
padding:10px;
font-size:13px;
border-top:1px #44668c solid;
border-left:1px #44668c solid;
border-right:2px #44668c solid;
border-bottom:2px #44668c solid;
}

article .interieurPage .contenuTexte .contenuEP1 a{ 
margin-left:35px;
}

article .interieurPage .contenuTexte .contenuEP1 a:hover{ 
text-decoration:underline;
color:rgb(0, 102, 204);
}

article .interieurPage .contenuTexteLienUtile a{ 
color:#44668c; 
}

article .interieurPage .contenuTexteLienUtile a:hover{ 
text-decoration:underline;
color:rgb(0, 102, 204);
}

article .interieurPage .footerContenu{
width:300px;
height:30px;
margin:230px 0 0 20px;
color:#44668c; 
font-size:12px;
}

article .interieurPage .footerContenu a{
background: url('Adobe_Reader.jpg') no-repeat center left;
color:#44668c; 
padding: 0 0 0 30px; /* permet de laisser un espace de 15px depuis le bord de footer et ainsi de laisser la place pour l'image*/
text-decoration:none; /* pour enlever le souligné dû au lien */
}

article .interieurPage .footerContenu a:hover{ 
text-decoration:underline;
}