body {
margin: 0px;
padding: 0px;
font-family: Verdana, Arial, Helvetica, sans-serif;
background-color: #333333;
font-size: 10px;
}
a img {
border: 0;
}
form { 
padding:0px; 
margin:0px; 
} 
#header {
background-color: #191919;
}
#haut {
height: 120px;
}
#empreinte {
height: 60px;
}
#conteneur {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
background-color: #808080;
}
#contenu {
position: absolute;
width: 750px;
left: 50%;
margin-left: -375px;
background-color: #808080;
}
.vignette {
padding: 1px;
}
#centre {
background-color:#97C4F6;
padding: 25px;
}
#centregris {
background-color:#CCCCCC;
padding: 25px;
}
#centrenoir {
background-color:#191919;
padding: 25px;
}
#centrebleu {
background-color:#3F507E;
padding: 25px;
}
#accueil {
background-color:#CCCCCC;
margin-left: 150px;
}
#gauche {
position: absolute;
left:0;
width: 140px;
padding: 5px;
}
#pied {
height: 25px;
background-color: #191919;
font-weight: bold;
color: #666666; 
font-size: 10px;
padding: 4px;
}
#pied a { text-decoration: none; color: #fff;}

p {
margin-top: 10px ; 
margin-bottom : 10px;
}
.titreblanc {
color: #FFFFFF; 
font-weight: bold;
font-size: 16px;
padding: 1px;
}
.textegaramond {
font-family: Garamond;
color: #333333; 
text-align : justify;
font-size: 18px;
padding: 1px;
}
.titregaramond {
color: #0B1A3B; 
font-size: 24px;
padding: 1px;
}
.textegaramondblanc {
font-family: Garamond;
color: #FFFFFF; 
text-align : justify;
font-size: 18px;
padding: 1px;
}
.textegaramondjaune {
font-family: Garamond;
color: #FDB525; 
text-align : justify;
font-size: 18px;
padding: 1px;
}
.titregaramondblanc {
color: #FFFFFF; 
font-size: 24px;
padding: 1px;
}
.textegaramondbleu {
color: #3F507E; 
font-size: 18px;
padding: 1px;
}
.textegris, .textegris a {
padding: 1px;
color: #4E4C4C;
font-size: 10px;
text-decoration: none;
}
.textebleu, .textebleu a  {
color: #0B1A3B;
font-size: 10px;
text-decoration: none;
}
.textelien, .textelien a  {
padding: 1px;
color: #1A4CBC;
font-size: 10px;
font-weight:bolder;
}
.textegriscent {
width: 400px;
font-size: 10px;
padding: 1px;
color: #666666;
text-decoration: none;
}
.titrebleu, .titrebleu a  {
color: #0B1A3B; 
font-weight: bold;
font-size: 16px;
padding: 1px;
text-decoration: none;
}
.texteblanc, .texteblanc a {
font-size: 10px;
padding: 1px;
color: #FFFFFF;
text-decoration: none;
}
.textejaune, a, hover {
font-size: 10px;
color: #FDB525;
text-decoration: none;
}
#actu {
width: 500px;
}
.petit {
width: 100px;
padding: 2px;
text-decoration: none; 
}
.spip_documents_left {
 margin-right: 15px;
 margin-bottom: 10px;
}
.spip_documents_right {
 margin-left: 15px;
 margin-bottom: 10px;
}
.spip_logos {
       display: block;
       float: center;
}
.spip_out {
font-size: 14px;
color: #666666;
}
#pop{ /* fenêtre */
position:absolute;
cursor:move;
left:3px;
top:3px;
display:none;
z-index:200;
background-color:#fff;
border:3px outset;
}
#tet{ /* titre */
color: #fff; 
font-size: 12px;
background-color: #333333;
padding:4px;
white-space:nowrap;
}
#croix{ /* croix pour fermer */
position:absolute;
margin:0;
border:0;
right:0;
top:0;
padding:0;
height:16px;
width:18px;
cursor:pointer;
}
/*liens avec vignette*/
a.vig:hover,a.vig:focus{background:transparent;moz-opacity:#7;opacity:#7;}
#q{	
  background: #eee ;
	width: 10em;}
#q:focus {background: #fff ;}