body
{
   width: 95%;
   background:#ffc355; 
   }
  #page {                     
   max-width: 1200px;
   min-width: 740px;
   }

#pub1
{ 
float:right;
width:200px;
margin-right:4%;
margin-top: 1%;
   
   }
   
 #haut
{
 width: 75.3%;
   height: 5%; 
   text-align:center;   
   margin-bottom: 1%;
   margin-left:1%;
   border-top: 8px outset #fddb8a;
   border-left: 8px outset #fddb8a;
   border-right: 8px outset #fddb8a;
   background:#ffffff;
   padding-bottom : 5px;
}
#haut img{ 
margin-top:0.5%;
width:560px;
height:161px;
}
#menu { 
       text-align:center;  
    font : bold 100% "Palatino Linotype" ,Arial, Georgia, "Times New Roman", Times, serif;
    list-style-type : none;
margin-bottom:1%;
margin:auto;
      } 
#menu li { 
        display: inline; /* affichage horizontal */ 
		    margin : 2px 2px 0 0px !important;  /* Pour les navigateurs autre que IE */
    margin : 1px 2px 0 0px;  /* Pour IE  */
	    height : 5%; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #ffffcc;
      } 

#menu li a { 
        padding: 5px 10px; 
        margin: 0; 
        background:#ffffcc; 
        color: #ff7e00; 
        border: 1px solid #89a; 
        text-decoration: none; 
        -moz-border-radius: 10px 10px 0 0; 
        -webkit-border-radius: 10px 10px 0 0; 
        border-radius: 10px 10px 0 0;         
        -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 10px; /* pour Chrome */ 
         
      }
 #menu li a.accueil { 
background: #ffc355;
border-bottom: 1px solid #ffc355;
      } 
#menu li a.v { 
background: #ff7a67;
border-bottom: 1px solid #fddb8a;
color:#ffffff;
      } 	
#menu li.v { 
background: #ff7a67;
border-bottom: 1px solid #fddb8a;
color:#ffffff;
      } 	  
  #menu li a.v:hover
{
    background : #ffc5bf;
}
#menu li a:hover
{
    background : #fff;
}
 #menu li a.accueil:hover
{
    background : #ffc355;
}
#gauche
{
float:left;  
  margin-left:1%;
  width:23%; 
  height:880px;
  overflow: auto;
   background-color:#ffffff;
    border: 8px outset #fddb8a;
  }
  #gauche fieldset
{
text-align:center;
border:0;
background-color:#ffff93; 
font-family:"Palatino Linotype",Tahoma,"ParkAvenue BT", serif;
}

#gauche div.centrer{
text-align:center;
}
#tableau { 

    font : bold 105% "Kristen ITC", "Palatino Linotype" ,Arial, Georgia, "Times New Roman", Times, serif;
    list-style-type : none;
      } 
#tableau li { 
text-align:center;
border: 1px solid #89a;
margin : 3px 2px 3px 2px !important;  /* Pour les navigateurs autre que IE */
    margin : 3px 2px 3px 2px;  /* Pour IE  */
	width:85%;
	    height :40px; /* à modifier suivant la taille de la police pour centrer le texte dans l'onglet */
    background-color: #fff9bd;
	-moz-border-radius: 10px 10px 10px 10px; 
        -webkit-border-radius: 10px 10px 10px 10px; 
        border-radius: 10px 10px 10px 10px;         
        -webkit-border-top-left-radius: 10px; /* pour Chrome */ 
        -webkit-border-top-right-radius: 10px; /* pour Chrome */
      } 
#tableau li.titre { 
 height :40px;
		   	   background-color: #fddb8a;
			  color:#ff7e00;
			  font-size:150%;
      }
#tableau li a { 
     text-align:center;
margin-bottom:1px;	 
        background:#fff9bd; 
        color: #ff7e00; 
        text-decoration: none;   
      }	 
#tableau li a.titre { 
        background:#fddb8a; 
		color:#ff7e00;
      }		  
#tableau li a:hover
{
    background : #fff; 
}
#tableau li a.titre:hover
{
    background : #fddb8a; 
}
#gauche h1{
color:#FF6600;
   font-size:130%;
   text-align:center;
   font-family: "Kristen ITC","Comic Sans MS","Palatino Linotype",Tahoma, Georgia, serif;
   } 
#gauche p{
text-align:center;
}

#corps
{
float:left;
width:50%; 
  height:880px; 
margin-left: 1%; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
margin-bottom: 20px; /* Ca c'est pour éviter que le corps colle trop au pied de page en-dessous */    
  overflow: auto;
   background-color:#fff9bd; 
   border: 8px outset #fddb8a;
}
#corps h4 
{
 font-family:  "Palatino Linotype" ,Arial, Georgia, "Times New Roman", Times, serif; 
font-size:85%;
color:#CC0066;  
margin-left:5%;
   margin-right:10%;
}
#corps p
{
 font-family:  "Palatino Linotype" ,Arial, Georgia, "Times New Roman", Times, serif; 
font-size:110%;
color:#CC0066;  
margin-left:3%;
margin-right:3%;
margin-top:15px;
}
#corps p:first-letter 
{
   float: left; 
   font-size: 3em; 
   font-family: "Palatino Linotype",Arial, Georgia, "Times New Roman", Times, serif; 
   font-weight: bold; 
}
#corps div.a
{
 font-family:  "Palatino Linotype" ,Arial, Georgia, "Times New Roman", Times, serif; 
font-size:110%;
color:#CC0066;  
margin-left:6%;
margin-right:6%;
}
#corps div.f
{
float:right;
margin-right:1.5%;  
}
#corps div.centrer
{
   text-align:center;
   color:#CC0066;
   font-family: "Palatino Linotype",Arial, Georgia, "Times New Roman", Times, serif;  
}


#sondage{
float: left;

width:18%; 
  height:880px; 
  text-align:center; 
margin-left:0.5%; /* Une marge à gauche pour pousser le corps, afin qu'il ne passe plus sous le menu */
   background-color:#ffffff; 
   border: 8px outset #fddb8a;
}
#sondage label
{
   color: black; /* Colorer en bleu tous les labels (bah oui, pourquoi pas en bleu ?) */
}
 
#sondage legend /* On met un peu plus en valeur les titres des fieldset */
{
   font-family: "Palatino Linotype",Tahoma,"ParkAvenue BT", serif;
   color:black;
   font-weight: bold;
}

#sondage p.voter /* On met un peu plus en valeur les titres des fieldset */
{
   text-align:center;
}
#sondage p.radio /* On met un peu plus en valeur les titres des fieldset */
{
   text-align:left;
}
#sondage fieldset
{
text-align:left;
background-color:#ffffcc; 
font-family:"Palatino Linotype",Tahoma,"ParkAvenue BT", serif;
}
#sondage img{ 
border:0;
}
a:visited {  
color:#FF6600;
text-decoration:none;
}
a:link{ 
color:#FF6600;
text-decoration:none;
}
a:hover{ 
color:#FF6600;
text-decoration:none;
}
#bas
{
float: left;
margin-left:1%;
margin-top:1%;
margin-bottom:5px;
  width:75.3%; 
  height:50px;
   background-color:#fff9bd; 
     border: 8px outset #fddb8a;
  }
#bas  p.centrer
{
text-align: center;
}
#bas  p.right
{
text-align:right;
}