* { font-size:14px; } 

BODY { background:#339933 }

.menufixe {
position: absolute;
left: 1%;
border: 0px;
width: 150px;
z-index: 1;
}
html>body .menufixe {
position: fixed;
width: 15%;
margin-top:0px;
z-index: 1;
}

.content {
margin: 1em 150px 1em 170px;
background-color: #ffcc00;
border: 2px solid #000000;
padding: 1% 1% 1% 1%;
z-index: 3;
}
html>body .content {
margin: 1em 15% 1em 17%;
z-index: 3;
}

.sondage {
margin: 1em 150px 1em 170px;
background-color: #ffcc00;
border: 2px solid #000000;
height: 4200px;
padding: 1% 1% 1% 1%;
z-index: 3;
}
html>body .sondage {
margin: 1em 15% 1em 17%;
z-index: 3;
}

.image {
margin: 1em 150px 1em 170px;
background-color: #000000;
border: 2px solid #000000;
padding: 1% 1% 1% 1%;
z-index: 3;
}
html>body .image {
margin: 1em 15% 1em 17%;
z-index: 3;
}



.popup {
background-color: #ffcc00;
border: 2px solid #000000;
padding: 1% 1% 1% 1%;
z-index: 3;
}

.galerie {
background-color: #ffcc00;
border: 0px solid #339933;
margin: 10px;
float: left;
width: 250px;
text-align: center;
z-index: 3;
}
html>body .galerie {
width: 45%;
z-index: 3;
}


.entete {
margin: 1em 150px 1em 170px;
background-color: #339933;
z-index: 3;
}
html>body .entete {
margin: 1em 15% 1em 17%;
z-index: 3;
}

.droit {
position: absolute;
top: 1em;
right: 1%;
padding: 5px;
width: 120px;
background-color: #ffcc00;
border: 2px solid #000000;
z-index: 3;
}
html>body .droit {
width: 12%;
z-index: 3;
}

.nav {
position: absolute;
top: 1em;
right: 1%;
padding: 5px;
width: 120px;
background-color: #ffcc00;
border: 2px solid #000000;
z-index: 2;
}
html>body .nav {
position: fixed;
}


table.titre {
width: 60%;
vertical-align:top;
text-align:left;
  font-family:Arial,sans-serif; 
  font-size:20px;
background-color: #ffcc00;
}
html>body table.titre {
width: 100%;
}

table.detail {
width: 60%;
vertical-align:top;
text-align:left;
font-family:Arial,sans-serif;
font-style:normal;  
font-size:15px;
}
html>body table.detail {
width: 100%;
}

table.formulaire {
width: 60%;
vertical-align:top;
text-align:left;
font-family:Arial,sans-serif;
font-style:normal;  
font-size:15px;
}
html>body table.detail {
width: 100%;
}

table.chefs {
width: 480px;
vertical-align:top;
text-align:left;
  font-family:Arial,sans-serif;
font-style:normal;  
  font-size:15px;
}
html>body table.chefs {
width: 100%;
}

td { vertical-align:top; }

td.rouge { vertical-align:top; color:#FF0000;}

th.blanc { 
width: 70px;
text-align:center;
background-color: #FFFFFF;
}

h1,h2,h3,h4,ul,ol,p,li,div,address,blockquote,nobr,b,i { font-family:sans-serif,Arial; }

h1 { font-size:35px; margin-bottom:10px;}

h2 { font-size:21px; margin-bottom:18px; }

h2.sh2 { font-size:21px; }

h3 { font-size:18px; }

h4 { font-size:14px; }

ul,address,blockquote { font-size:20px; }

li { font-size:15px; }

li { margin-top:3px; }

pre { font-family:Courier New,Courier; font-size:13px; color:#0000C0; }

code,kbd,tt { font-family:Courier New,Courier; color:#0000C0; }

var { font-style:normal; color:#0000C0; }

blockquote,cite { font-style:italic; }

hr { clear: both; visibility: hidden; }

a.bouton {
  background-image: url(images/base_off.png);
  image-width:100%;
  background-repeat: no-repeat;
  font-weight: bold;
  font-size:16px;
  width: 150px;
  padding: 8% 5% 5% 5%;
}

a.bouton:hover {
  background-image: url(images/base_on.png);
}

.news { font-family:Arial,sans-serif; 
font-size:12px; }

.fond { font-family:Arial,sans-serif; 
font-size:25px;
font-weight:bold; 
background: url("accueil.png");
background-repeat: no-repeat;
margin: 1% 1% 1% 1%;
padding: 2% 2% 2% 2%;
}

.cadre {
margin: 10px 0px 0px 5px;
border: 2px solid #ffcc00;
}

pre.normal { color:#000000; }

a:link { color:#339933; text-decoration:none; font-weight:bold; }

a:visited { color:#339933; text-decoration:underline; }

a:visited.rep { color:#339933; text-decoration:none; font-weight:bold; }

a:active { color:#000000; text-decoration:none; }

a.an { text-decoration:none; }

.unicode { font-size:15px; font-family:Arial Unicode MS,Arial,sans-serif }

ins { color:#009900; font-weight:bold; text-decoration:none; }

del { color:#990000; font-weight:bold; text-decoration:line-through; }

a.boutonbak {
  background-image: url(base_off.png);
  image-width:100%;
  background-repeat: no-repeat;
  font-weight: bold;
  font-size:22px;
  width: 200px;
  margin-top:0px;
  margin: 10px 0px 0px 0px;
  padding: 7% 10px 5% 5%;
}
html>body a.bouton {
  line-height: 50px;
  }