html, body{
font-family: Verdana, Arial, serif;
font-size: small;
/*font-family: Tahoma, Verdana, Arial, serif;*/
width: 990px;
margin-top: 20px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-bottom: 20px;}
h1{
margin-top: 2px;
padding: 6px;/* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
font-size: xx-small;
font-weight: bold;
color: #B32400;
text-decoration:none;}
a{
text-decoration:none;} 
a:hover{ 
font-size: large;
text-decoration:none;} 
h3{
display: inline;
text-decoration:none;} 
h3:hover{ 
font-size: large;}
h2{
font-weight: bold;
font-size: small;
margin-bottom: 20px;
margin-bottom: 20px;} 

.home p, .home a, .home p a{
color: #545454;}
.home a{
font-weight: bold;}
.home p a:hover{
color: #1E1A19;
font-size: small;}

.en_tete_home, .home{
font-family: Verdana, Arial, serif;
text-decoration:none;
margin-bottom: 20px;
margin-top: 50px;
margin-left: 200px;}

.home a{
font-size: small;
font-weight: bold;
color:#545454;}

.home a:hover{
font-size: small;
font-weight: bold;
color:#1E1A19;}

.home{
padding: 5px;}

.home img{
border-color: white;}

.en_tete_home {
margin-bottom: 20px;    /* Idem pour le bas du navigateur */
height: 180px;
background-image: url("images/new-logo.jpg");
background-repeat: no-repeat;
color: white;}
.en_tete_home a{
margin-left: 170px;
color: white}
.en_tete_home img{
border-color: white;}

.en_tete{
margin-top: 5px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-left: 20px;
margin-bottom: 6px;    /* Idem pour le bas du navigateur */
width: 940px;
height: 70px;
background-image: url("images/new-logo_small.jpg");
background-repeat: no-repeat;
text-align: right;}
.en_tete h3 a{
padding: 6px;
font-size: x-small;
font-weight: bold;
color: #29166F;}
.en_tete h3 a:hover {
font-size: x-small;}

.titre{
text-align : right;
font-size: medium;
width: 980px;
height: 16px;
margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-left: 0px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 2px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
background: #29166F url("images/bleu.jpg") repeat-x; ;
-moz-border-radius-topleft: 150px; /* C'est cette ligne qui nous intéresse : les autres ne devraient pas vous poser de problèmes. ;o) */
border-color: #29166F;}

.menu, .menu_telecom, .menu_energie, .menu_telecom_radio{
float: left; /*pour que corps de texte ne s'affiche pas sous les menus*/
margin-top: 0px; 
margin-left: 0px;
width: 140px;
padding: 6px;}

.menu, .menu_telecom, .menu_energie{
height: 541px;}

.menu{
background: white url("images/bleugris2.jpg") repeat-x;}

.menu_telecom, .menu_telecom_radio{
background-image: url("images/telecom.jpg");
background-repeat: no-repeat}

.menu_telecom_radio{
height: 997px;}

.menu_energie{
background-image: url("images/energie.jpg");
background-repeat: no-repeat;}


.menu h1 a, .menu_telecom h1 a, .menu_energie h1 a, .menu_telecom_radio h1 a{
margin-top: 0px;
margin-bottom: 0px;
font-family: Verdana, Arial, serif;
font-size: small;
font-weight: 340;
padding: 0px;
color: #29166F;}

.menu a:hover , .menu_telecom a:hover , .menu_energie a:hover, .menu_telecom_radio a:hover{
color: #DA251C;
font-size: small;
font-family: Verdana, Arial, serif;}

.menu_telecom  h2 a, .menu_energie  h2 a, .menu_telecom_radio  h2 a{
font-family: Verdana, Arial, serif;
margin-left: 16px;
margin-bottom: 0px;
margin-top: 0px;
color: #29166F;
font-size: small;
font-weight: 310;
padding: 0px;}

.corps, .corps_radio{
text-align : justify;
color: #545454;
width: 810px;
font-size: small;
margin-top: 0px; /* Pour éviter de coller avec le haut de la fenêtre du navigateur. Essayez d'enlever pour voir ! */
margin-left: 154px; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 0px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */
padding: 6px; /* Pour éviter que le texte à l'intérieur du corps ne colle trop à la bordure */
border: 2px solid blue; /* Une bôrdure pour bien marquer les limites du corps et pour faire joli */
-moz-border-radius-bottomright: 50px; /* C'est cette ligne qui nous intéresse : les autres ne devraient pas vous poser de problèmes. ;o) */
border-color: #29166F;
background: url("images/blanc.jpg") repeat-y;}

.corps{
height: 538px;}

.corps_radio{
height: 993px;}

.corps h1, .corps_radio h1{
margin-left:16px;
margin-top:0px;
margin-bottom:6px;
padding: 6px;
font-size: medium;
font-weight: bold;
/*color: #545454;*/
color: #1E1A19;
text-decoration:none;}
.corps h2, .corps_radio h2{
margin-top:2px;
margin-bottom:4px;
margin-left:2px;
padding: 0px;
color: #1E1A19;
font-size: small;
margin-bottom: 2px;}
.corps p ul, .corps_radio p ul{
margin-left: 10px;
margin-top: 0px;
margin-bottom: 0px;}
/*.corps ul li, .corps_radio ul li{
margin-top: 4px;
margin-bottom: 4px;}*/
.corps a, .corps_radio a{
color: #545454;
margin-top: 4px;
font-weight: bold;
font-size: small;}
.corps a:hover, .corps_radio a:hover{
color: #1E1A19;
font-size: small;}

.corps ul li h2 , .corps_radio ul li h2 {
color: #545454;
margin-top: 22px;
font-weight: bold;
font-size: small;}

.pied_de_page{
font-size: x-small;
margin-top: 10px;
margin-bottom: 10px;
text-align:center}
.pied_de_page a{
color:#545454;
font-weight: bold;}
.pied_de_page a:hover{
color:#1E1A19;
font-size: x-small;}

.contexte{
font-style: italic;}