body /* dégradé pourtour haut */
{
position:relative; /* position:relative; + padding:inherit; + margin:0 auto; permettent le centrage horizontal */
padding:inherit;
margin:0 auto;
width: 997px; /* largeur cadres utiles */
text-align: center; 
font-family: Helvetica, sans-serif;
font-size:100%;
background: url(/design/images/degrade_body.jpg) repeat-x #acb2ae; /* Fond autour de la partie utile */
}

.bandeau
{
background-color:#CC6600;
position : absolute; 
top : 0px ; 
width: 997px; /* largeur cadres utiles */
height: 60px; /* Attention, avec IE il peut y avoir du blanc sous les images si hauteur flash = 100 % */
padding-top:20px;
border: 1px solid #000;
left : 0px ;
border-color:#777777;
font: 80% verdana, arial, sans-serif;
color:#FFFFFF;
font-size:22px;
font-weight:bold;
}
.motif_sur_bandeau {
background-color:#FFFFFF;
position : absolute; 
top : 35px ; 
left : 860px ;
height:95px;
width: 106px;
border-style: solid;
border-color:#8B8B8B;
border-width:thin;
}

.cadre_droit {
background-color:#FFFFF0;
position : absolute; 
top : 75px ; 
left : 125px ;
height:800px;
width: 858px;
border-style: solid;
padding-left: 5px;
padding-right: 5px;
/*border-color: #339966;*/
border-color:#777777;
overflow:auto; 
}

.cadre_msg_accueil {
background-color:#FFFFF0;
position : absolute; 
top : 130px ; 
left : 125px ;
height:450px;
width: 600px;
padding-left: 5px;
padding-right: 5px;
/*border-color: #339966;*/
border-style: solid;
border-width:0px;
border-color:#777777;
}

.cadre_gauche {
background-color:#CCCCCC;
position : absolute; 
top : 75px ; 
left : 0px ;
height:800px;
width: 125px;
border-style: solid;
/*border-color: #339966;*/
border-color:#777777;
}

.motif_sur_cadre_gauche { /* accueil de photos 100 x 140 */
background-color:#FFFFFF;
position : absolute; 
top : 425px ; 
left : 10px ;
height:144px;
width: 104px;
border-style: solid;
border-color:#8B8B8B;
border-width:thin;
}

.motif_sur_cadre_gauche P{ /* si pas photo */
font-style:italic;
font: verdana, arial, sans-serif;
color:#000000;
font-size:10px;
font-weight:normal;
text-align:justify;
margin-left:5px;
margin-right:5px;
}

.cadre_droit P{
font-style:normal;
font: verdana, arial, sans-serif;
color:#000000;
font-size:18px;
font-weight:bold;
text-align:left;
margin-left:15px;
margin-right:5px;
}

#cadre_photo_affiche 
{
text-align:center;
width: 100%;
border-style: solid;
border-color:#777777;
}

#affiche 
{
height: auto !important; /*corrige pb ie6 */
margin-top: 20px;
width:620px;	
margin:0 auto;
text-align: center;
color: #000000;
}

.cadre_droit H1,H2,H3{

text-align:center;

}

.motif_haut_gauche_sur_cadre_droit {

background-color:#FFFFFF;

position : absolute; 

top : 105px ; 

left : 145px ;

height:120px;

width: 90px;

}



.motif_haut_centre_sur_cadre_droit {

background-color:#FFFFFF;

position : absolute; 

top : 105px ; 

left : 450px ;

height:120px;

width: 90px;

}



.motif_haut_droite_sur_cadre_droit {

background-color:#FFFFF0;

position : absolute; 

top : 116px ; 

left : 730px ;

height:120px;

width: 90px;

}



.motif_bas_sur_cadre_droit {

background-color:#FFFFFF;

position : absolute; 

top : 460px ; 

left : 880px ;

height:120px;

width: 90px;

}

.titre_cadre_droit {

font-size:25px;

text-align:center;

font: verdana, arial, sans-serif;

color:#CC6633;

font-weight:bold;

}



.general_paragraphe_gauche_sur_cadre_droit {

/* background-color:#AAAAAA; */

position : absolute; 

top : 105px ; 

left : 145px ;

height:475px;

width: 560px;

font-style:normal;

font-family:Arial, Helvetica, sans-serif;

/*font-family:Verdana, Arial, Helvetica, sans-serif;*/

color:#000000;

font-size:12px;

font-weight:normal;

text-align:justify;

margin-top: 0px;

margin-left:0px;

margin-right:0px;

}



.general_paragraphe_1_sur_cadre_droit {

/* background-color:#AAAAAA; */

position : absolute; 

top : 105px ; 

left : 245px ;

height:120px;

width: 735px;

font-style:normal;

font-family:Arial, Helvetica, sans-serif;

/*font-family:Verdana, Arial, Helvetica, sans-serif;*/

color:#000000;

font-size:12px;

font-weight:normal;

text-align:justify;

margin-top: 0px;

margin-left:0px;

margin-right:0px;

}



.general_paragraphe_2_sur_cadre_droit {

/* background-color:#FFF000; */

position : absolute; 

top : 240px ; 

left : 145px ;

height:355px;

width: 835px;

font-style:normal;

font-family:Arial, Helvetica, sans-serif;

/*font-family:Verdana, Arial, Helvetica, sans-serif;*/

color:#000000;

font-size:12px;

font-weight:normal;

text-align:justify;

margin-top: 0px;

margin-left:0px;

margin-right:0px;

}

.index_motif_sur_cadre_droit 
{
background-color:#FFFFFF;
position : absolute; 
top : 90px ; 
left : 400px ;
height:90px;
width: 350px;
border-style: solid;
border-color:#8B8B8B;
border-width:thin;
}



.index_motif_sur_cadre_droit P{

font-style:italic;

font: verdana, arial, sans-serif;

color:#000000;

font-size:11px;

font-weight:normal;

text-align:justify;

margin-top: 0px;

margin-left:5px;

margin-right:5px;

}

.message_flash_sur_cadre_droit {

background-color:
#33FF99;

position : absolute; 

top : 380px ; 

left : 480px ;

height:190px;

width: 300px;

border-style: none ;

border-color:#8B8B8B;

border-width:thin;

}

.index_mosaic1_sur_cadre_droit {

background-color:#FFFFFF;

position : absolute; 

top : 86px ; 

left : 210px ;

height:60px;

width: 80px;

border-style: solid;

border-color:#8B8B8B;

border-width:thin;

}



.index_mosaic2_sur_cadre_droit {

background-color:#FFFFFF;

position : absolute; 

top : 136px ; 

left : 150px ;

height:60px;

width: 80px;

border-style: solid;

border-color:#8B8B8B;

border-width:thin;

}



.motif_baladeur { /* pour les besoins d'affichage temporaires */

background-color:#FFFFFF;

position : absolute; 

top : 450px ; 

left : 160px ;

height:100px;

width: 500px;

border-style: solid;

/*border-color:#FF3300;*/   /* rouge vif */

border-color:#339900;    /* vert foncé*/

border-width:thin;

}



.motif_baladeur P{

font-style:normal;

font: verdana, arial, sans-serif;

color:#0033CC;

font-size:18px;

font-weight:bold;

text-align:left;

margin-left:15px;

margin-right:5px;

margin-top: 0px;

}



/* body {

margin: 0;

padding: 0;

background: white;

font: 80% verdana, arial, sans-serif;

} */



dl, dt, dd, ul, li {

margin: 0;

padding: 0;

list-style-type: none;

}



#menu {

position: absolute; /* placement du menu, à modifier selon besoins */

top : 78px ; 

left : 5px ;

width: 118px;

margin: 0;

padding: 0;

background: white;

font: 80% verdana, arial, sans-serif;

}



#menu dt {

background-color:#FFFFF0;

cursor: pointer;

margin: 2px 0;

height: 20px;

line-height: 20px;

text-align: center;

font-weight: bold;

font-size:12px;

border-style: hidden;

border-bottom-style:solid;

border-bottom-color:#777777;

border-bottom-width:thin;

background: #ccc;

}



#menu dd {

border: 1px solid gray;

}

#menu li {

text-align: center;

font-size:11px;

background-color:#F0F0F0;

/*background-color:#CCCCCC;*/

}

#menu li a, #menu dt a {

color: #000;

text-decoration: none;

display: block;

border: 0 none;

height: 100%;

font-weight: bold;

}



#menu li a:hover, #menu dt a:hover {

background-color:#CFCFCF;

}



/*#menu dd a:hover {

background:#ffff00;

}