body 
{
padding: 0;
background: white;
font: 80% verdana, arial, sans-serif;
}

div#liens
{

}
div#liens li
{
font-size:9pt;
}

div#liens li a
{
margin-left:3%;
text-decoration:none;
color:black;
}

div#liens li a:hover
{
margin-left:3%;
text-decoration:underline;
color:black;
font-size:10pt;
}

.banniere
{
position:relative;
margin-left:10%;
margin-right:10%;
width:80%;
height:18%;
}

#menuDeroulant
{
//overflow : auto;
position:absolute;
z-order: 2;
width: 80%;
list-style-type: none;
margin: 0;
padding: 0;
border: 0;
margin-right:10%;	
margin-left:12%;

margin-top:0.5%;
}	

#menuDeroulant li
{
 float: left;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant .sousMenu
{
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
background-color:silver;	
}

#menuDeroulant .sousMenu li
{
 float: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li
{
 float: left;
 width: 170px;
 margin-right: 2.5%;
 padding: 0;
 border: 0;
}

#menuDeroulant li a:link, #menuDeroulant li a:visited
{
text-align:center;
 display: block;
 height: auto;
 color: black;
 background: white;
 margin: 0;
 padding: 4px 8px;

 border-top: 1px solid black;

 border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
 text-decoration: none;
//padding-left:35%;
padding-bottom:0;
padding-top:0;
}

#menuDeroulant li a:hover 
{
 background-color: silver;//#ff8080;// #EEEEEE;
 }


#menuDeroulant li a:active { background-color: white;}

#menuDeroulant .sousMenu li a:link,#menuDeroulant .sousMenu li a:visited
{
 display: block;
 color: black;
 margin: 0;
 border: 0;
text-align:center;
//padding-left:10%;
 text-decoration: none;
background-color:white;
border-left: 1px solid black;
border-right: 1px solid black;
border-bottom: 1px solid black;
}

#menuDeroulant .sousMenu li a:hover
{
//text-decoration:underline;
 background-color: #ffbfbf;//#ff8080;
}

#menuDeroulant .sousMenu
{

 display: none;
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}

#menuDeroulant li:hover > .sousMenu { display: block; }


#page
{

//overflow:hidden;
background:white;
border-left:1px solid black;
border-right: 1px solid black;
border-top : 1px solid black;
border-bottom: 1px solid black;
margin-left: 10%;
margin-right: 10%;
//width:80%;
margin-top:0px;//1.4%;//2.9%;//1.4%;
//padding-top : 3%;
//padding-bottom : 0%;
//padding-left : 5%;
}

#page a
{
color:black;
text-decoration:underline;
}
#page li
{
font-size:10pt;
font-weight:bold;
}

#page li a
{
color:black;
text-decoration:none;
}

#page li a:hover
{
text-decoration:underline overline;
}

#fin_page
{
font-size:8pt;
overflow:hidden;
margin-top:0px;
background:white;
border: 1px solid black;
margin-bottom:0px;
margin-right:10%;
margin-left: 10%;
padding : 0% 0% 0% 0%;
}

#date
{
font-size:8pt;

background:white;
border-bottom: 1px solid black;
border-right: 1px solid black;
border-left: 1px solid black;
margin-bottom:0px;
margin-right:10%;
margin-left: 10%;

//margin-top:0.5%;
//border-top: 1px solid black;

width:80%;
padding : 0% 0% 0% 0%;
}

div#reponse
{
width:92%;
text-align:justify;
overflow: auto;
text-indent: 4%;
}

div#texte
{
width:90%;
text-align:justify;
overflow: auto;
text-indent: 4%;
}

div#texte:first-letter
{
    font-size : 150% ;
    text-transform : uppercase ;
    color : #ff8080;//black ;
}

div#titre
{
font-size:12pt;
font-weight:bold;
}

div#listeRep
{
width:90%;
text-align:justify;
overflow: auto;
text-indent: 7%;
}

div#liste
{
width:88%;
text-align:justify;
overflow: auto;
text-indent: 10%;
}

div#texteSouligne
{
text-decoration : underline;
width:90%;
text-align:justify;
overflow: auto;
text-indent: 4%;
}

div#texteSouligne:first-letter
{
text-decoration : none;
    font-size : 150% ;
    text-transform : uppercase ;
    color : black ;
}

div#categorie
{
text-decoration : underline;
font-weight:bold;
font-size:14pt;
 text-transform : uppercase ; 
 color : black ;
text-align:center;
}

div#resp
{
color:black;
font-size:11pt;
}
#demipagegauche
{
  border-left:1px solid black;
  border-right: 1px solid black;
  border-top : 1px solid black;
  border-bottom: 1px solid black;

  float: left;
  width: 35%;
  //height: 400px; //Ne rien mettre pour une taille variable

  margin: 30px 10% 0 10%;

  padding: 5px 5px 5px 5px;

}

#demipagedroite
{
border-left:1px solid black;
border-right: 1px solid black;
border-top : 1px solid black;
border-bottom: 1px solid black;

width: 400px;
height: 400px;
float: right;

margin: 0 10% 0 0;
padding: 5px 5px 5px 5px;
}

div#texte2
{
  width:95%;
  font-size: 9pt;
  font-style: italic;
  text-align:justify;
  text-indent: 8%;
}

div#sous-titre
{

  font-size:10pt;
  font-weight:bold;
  text-indent: 10%;
  color: darkblue;
}

img#border
{
  border:1px solid black;
}

@media print {
 

p {
       font-family:Arial, Helvetica, sans-serif;
       font-size:12pt;
       }

.haut {
       display:none;
       }


}