body{
font-size:62.5%; font-family: Verdana}
#global{
width:95em; max-width:95%; margin:0 auto 0 auto;}

p, li, td{
font-size:1.2em; line-height:150%; color:#000033}
img{
border:none}
a{
color:#226fbf; text-decoration:none}
ul{
list-style-position:inside; margin:0; padding:0}

#acces-direct, hr, #menu-general h2, #gauche h2, #droite h2{
display:none}

#entete{
padding:1px 2px 1px 3px; 
background-color: #FFF; 
background-image:url(../images/fonds/banniere.jpg); 
background-repeat:no-repeat; background-position: center}

#menu-general{
margin: 5px 0 15px 0; padding:2px; 
border-top:1px #336699 solid; border-bottom:1px #336699 solid;
background-image:url(../images/fonds/tv_jaune.gif)}
#menu-general p{
display:inline;
padding:0 1em 0 1em; border-right:1px #336699 solid;}
#menu-general ul{
display:none}
#menu-general a{
color:#336699; font-weight:bold;}
#menu-general a:hover{
color:#226fbf}

#gauche{
float:left; width:14em; border:1px #FFF solid}
#droite{
float:right; width:13em;}
#gauche h3, #droite h3{
font-size:1.2em}

#menu-rubrique, div .liens-af{
margin-bottom:15px;
background: #F1EFE2;
background-image:url(../images/fonds/dgh_blanc_beige.jpg);
background-repeat:repeat-y;
text-align:right}
#menu-rubrique h3, div .liens-af h3{
margin:0; padding:6px 8px 1px 3px; 
background:#336699;
background-image:url(../images/fonds/dgv_gris_bleu.jpg);
background-repeat:repeat-x;
border-bottom:2px #003366 solid; 
color:#FFFF00; 
font-variant:small-caps}
#menu-rubrique ul, div .liens-af ul{
list-style-type:none; margin:0; padding:8px}
#menu-rubrique li, div .liens-af li{
margin:0; padding:0}
#menu-rubrique a, div .liens-af a{
display:block; 
margin:0; padding:1px 0 1px 0; 
border-bottom:1px #ECE9D8 dotted}
#menu-rubrique a, div .liens-af a{
color:#336699}
#menu-rubrique a:hover, div .liens-af a:hover{
background:#FFFFCC}
#menu-rubrique .rubrique-active{
font-weight:bold}

.cadre-info{
margin-bottom:15px;
background:#F1EFE2; 
background-image:url(../images/fonds/degrade_v.jpg);
background-repeat:repeat-x;
border:1px #CCC solid;
border-bottom:3px #CCC solid;
text-align:center;}
.cadre-info h3{
margin:0; padding:3px;
background: #336699;
background-image:url(../images/fonds/dgv_bleu_noir.jpg);
background-position:bottom; background-repeat:repeat-x; 
color:#FFFF00;}
.cadre-info p{
margin:0.5em}
.cadre-info img{
width:9em; margin:1em}
.cadre-info a{
color:#336699}
.cadre-info a:hover{
text-decoration:underline}

#contenu{
margin:0 16em 0 16em; text-align:justify}

#contenu a:hover{
text-decoration: underline}

#reperes-navigation{
margin-bottom:1.5em;
background: #F1EFE2; font-size:1em; font-weight:bold}

.surtitre, #article h2{
margin:0 0 0.5em 0;
font-size:1.1em; font-weight:normal; font-variant:small-caps;
text-align:center;
color:#003366;}

h1{
margin:1.5em 8% 1em 8%;
padding-bottom:5px;
border-bottom: 2px #003366 solid;
font-size:1.8em; letter-spacing:0.1em;
text-align:center;
color:#003366}

.auteur{
margin:1em 0 1.5em 0;
font-size:1.1em; font-weight:bold; 
color:#003366;
text-align:center}

.chapeau{
padding-right:10px;
border-right:5px #CCC solid;
letter-spacing:0.1em;
font-style:italic;
text-align:right;}
.chapeau em{
font-style:normal}

.bulle-info{
float:right; width:20em; margin:0 0 2em 2em; padding:5px;
border:1px #CCC dotted;
text-align:center}
.bulle-info p{
margin-top:0; padding:5px; 
background:#F1EFE2; letter-spacing:0.3em; text-transform: uppercase;
color:#336699}
.bulle-info ul{
list-style-type:none; margin:0; padding:0;}
.bulle-info li{
margin-bottom:0.5em}
.bulle-info a{
color:#336699}

.minititre{
font-size: 1.2em;
text-transform: uppercase;
letter-spacing:0.1em; font-weight:bold; color:#336699;
text-align:left;}

.inter, #article h3{
margin:2em 0 1.5em 0;
font-size: 1.2em; letter-spacing:0.3em; text-transform: uppercase;
color:#336699;
text-align:center;}

#article h4{
display:list-item; list-style-position:inside; list-style-type:square;
background:#F1EFE2;
font-size:1.2em}

.notes{
margin:2em 0 2em 0; padding:5px;
border:1px #CCC dashed;
background:#F1EFE2;
font-size:0.9em;}
.notes p{
margin:0 0 0.5em 0}

.signature{
font-weight:bold; font-variant:small-caps; text-align:right}

img.habillage-g{
float:left; margin-right:1em;  padding-right: 1em; border-right:3px #CCC solid}

div.rdv{
margin-bottom:2em;}
div.rdv p.date{
margin:0; padding:2px; background: #F1EFE2; font-weight:bold;}
#contenu div.rdv img{
display:none;}
#contenu div.rdv p.categorie{
text-transform: uppercase; letter-spacing:0.3em;}
#contenu div.rdv p.intitule{
margin:0; font-size:1.8em; color: #336699; font-weight:bold; letter-spacing:0.1em; text-align:left}

div.news{
border-bottom:1px #CCC dashed}

div.galerie{
text-align:center}
div.galerie img{
margin:10px; border:1px #999 solid}

div.liste p{
margin:0 0 0.5em 0; border:1px #CCC solid}
div.liste span{
float:left; width:13em; margin-right:1em; text-align:right}

#formulaire legend{font-weight:bold; color:#336699}
#formulaire p{margin:0 0 0.5em 0;}
#formulaire fieldset{margin: 0 0 15px 0; border:1px #CCC solid;}
#formulaire span{
	float:left; text-align:right; width:12em; margin: 0 0.8em 0 0;
}
#formulaire textarea{
	width:60%; height:12em;
}
.alerte, .alerte p{
color: red}

.navigation{
text-align:center}

#menu-outils{
clear:both; 
margin-top:2em;
background: #F1EFE2; 
font-size:0.8em; font-variant:small-caps; text-align:right}

#pied-page{
font-weight:bold; text-align:center}
#pied-page p{
margin:0.5em; letter-spacing:0.2em; font-size: 1em}