/* copyright : Gravelet-multimédia, Alain Gravelet */
/* Tous droits réservés */
/* http://www.gravelet-multimedia.com */
/* info@gravelet-multimedia.com */
/* noir : 000000 */
/* blanc : ffffff */
/* gris : fbfbfb */
/* bleu fonçé :  060094 */
/* bleu clair  :  ededff */

body{
background-color:#fbfbfb;
color:#000000;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
font-size:0.8em ;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
* { /* tous les elements du site */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}

q{
font-size:100%;
font-style: italic ; 
}
.petit {
font-size:0.8em;
}
.invisible {
visibility: hidden;
}
.horschamps {
margin:-10000px;
position:absolute;
}
.spacer {
clear: both;
}
.image_gauche {
margin: 2px 6px 0px 0px;
float:left;
}
.image_droite {
margin: 2px 0px 0px 6px;
float:right;
}
.spip_surligne {
color:#000000;
background-color: #ededff;
border: 1px solid #060094;
}
a{
text-decoration:underline;
}
a[hreflang]:after {
content: " [" attr(hreflang) "]";
}
img {
border:none;
}

/* pour menu dépliant */ /* pour menu dépliant */ /* pour menu dépliant */

.affiche{
visibility:visible;
}
.cache{
display:none;
}

/* boites */ /* boites */ /* boites */ /* boites */ /* boites */

.centrage {
text-align: center;
margin-left: auto;
margin-right: auto;
min-height:200px;
width: 950px;
background-color:#ffffff;
}
.contenu {
width: auto;
}

/* haut */ /* haut */ /* haut */ /* haut */ /* haut */ /* haut */

.logo {
width: 950px;
min-height:185px;
float:left;
background-image: url(new_images/bandeau.jpg);
background-repeat: no-repeat;
border-bottom : 1px solid #060094;
}
* html .logo  {
height:185px;
}
.bandeau_image {
width: 950px;
height:185px;
float:right;
background-image: url(new_images/bandeau_image.jpg);
background-repeat: no-repeat;
background-position: top right;
}

.menu_haut {
float:right;
font-size:0.9em ;
}
.menu_haut ul {
margin: 165px 20px 0px 0px;
}
.menu_haut ul li{
display: inline;
}
.menu_haut a{
font-size:1em ;
text-decoration: none ;
}
.menu_haut a:hover {
text-decoration:underline;
}
.menu_haut a:focus {
text-decoration:underline;
}
.menu_haut_lien {
color: #060094;
}
.menu_haut_lienon {
color: #000000;
font-weight:bold;
}

/* ariane */ /* ariane */ /* ariane */ /* ariane */ /* ariane */ /* ariane */

.menu_ariane {
width: 100%;
min-height:50px;
float:right;
text-align:right;
}
* html .menu_ariane  {
height:50px;
}
.menu_ariane ul{
margin: 10px 20px 0px 0px;
}
.menu_ariane ul li{
display: inline;
font-size:0.8em ;
}
.menu_ariane a{
font-weight:normal;
text-decoration:underline;
color: #060094;
}
.menu_ariane a:hover {
text-decoration: none ;
}
.menu_ariane a:focus {
text-decoration: none ;
}

.bout_recherche a{
margin: 5px 60px 0px 20px;
padding: 1px 3px 1px 3px;
float:left;
font-weight:normal;
text-decoration: none ;
color: #000000;
font-size:1em ;
border: 1px solid #060094;
}
.bout_recherche a:hover {
text-decoration:underline;
}
.bout_recherche a:focus {
text-decoration:underline;
}

/* milieu */ /* milieu */ /* milieu */ /* milieu */ /* milieu */ /* milieu */

.milieu {
width: 100%;
height:100%;
float:left;
text-align:left;
background-image:  url(new_images/menu_gauche_centre.jpg);
background-repeat: repeat-y;
}
.fond_milieu {
background-image: none;
}

/* menu gauche */ /* menu gauche */ /* menu gauche */ /* menu gauche */

.menu_gauche {
width: 205px;
float:left;
text-align:left;
}
.menu_gauche_titre {
width: 205px;
background-image:  url(new_images/menu_gauche_haut_fond.jpg);
background-repeat: repeat-y;
}
* html .menu_gauche_titre{
margin: 0px 0px 15px 0px;
}
.menu_gauche_titre_rond {
width: 205px;
background-image:  url(new_images/menu_gauche_haut.jpg);
background-repeat: no-repeat;
}
.menu_gauche h2{
padding: 5px 0px 5px 10px;
font-size:1em ;
font-weight: bold;
text-align:left;
color: #ffffff;
}
.menu_gauche ul{
margin: 0px 8px 0px 0px;
list-style-type: none;
}
.menu_gauche ul ul{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 10px;
list-style-type: none;
}
* html .menu_gauche  ul ul  {
margin: 16px 0px 0px 0px;
}
.menu_gauche li  a{
margin: 2px 20px 5px 10px;
padding: 0px 0px 2px 0px;
font-size:0.85em;
border-bottom: 1px dotted #000000;
}
* html .menu_gauche li  a{
margin: -10px 10px 0px 10px;
}
.menu_gauche li li a{
border-bottom: 1px dotted #060094;
}
.menu_gauche a{
padding: 3px 5px 3px 10px;
text-align:left;
text-decoration: none ;
display: block;
}
* html .menu_gauche a  {
margin: -10px 0px 0px 0px;
}
.menu_gauche a:hover {
text-decoration:underline;
}
.menu_gauche a:focus {
text-decoration:underline;
}
.menu_lien_rub {
color: #000000;
}
.menu_lien_rubon {
color: #000000;
font-weight: bold;
}

.menu_lien {
color: #060094;
}
.menu_lienon {
color: #000000;
font-weight: bold;
}


/* droit */ /* droit */ /* droit */ /*droit */ /* droit */ /* droit */

.droit {
float:left;
width: 745px;
}

/* texte_site */ /* texte_site */ /* texte_site */ /*texte_site */ /* texte_site */

.texte_site {
padding: 0px 20px 10px 20px;
float:left;
}

.texte_site h2 {
padding: 0px 0px 10px 0px;
font-weight: bold;
color: #060094;
font-size:1.1em ;
text-align:left;
line-height: 1.5em;
text-decoration:underline;
}
.texte_site h3 {
padding: 5px 0px 5px 0px;
font-weight: bold;
font-style: italic ; 
color: #060094;
font-size:0.9em ;
text-align:left;
}
.texte_site h4 {
padding: 5px 0px 5px 0px;
font-weight: bold;
color: #000000;
font-size:0.9em ;
text-align:left;
}
.texte_site li h4 {
padding: 5px 0px 0px 0px;
}

.texte_site p {
padding: 0px 0px 10px 0px;
text-align:justify;
}

.texte_site a{
text-decoration:underline;
color: #060094;
}
.texte_site a:hover{
text-decoration:none;
}
.texte_site a:focus{
text-decoration:none;
}

.texte_site ol{
padding: 0px 20px 10px 20px;
color: #000000;
}
.texte_site ol ol, .texte_site ol ol ol{
padding: 0px 20px 0px 20px;
color: #000000;
}
.texte_site ul{
padding: 0px 40px 10px 15px;
list-style-position: outside; 
list-style-type: square ;
}
.texte_site ul ul, .texte_site ul ul ul{
padding: 0px 20px 0px 15px;
}
.texte_site li{
font-size:1em ;
text-align:left;
color: #000000;
}
.texte_site li li, .texte_site li li li{
font-size:1em ;
text-align:left;
color: #000000;
}
.texte_site dl{
padding: 0px 40px 10px 15px;
color: #000000;
}
.texte_site dt{
font-weight:bold;
font-size:1em ;
text-align:left;
float:left;
display:list-item;
list-style-position: outside; 
list-style-type: square ;
color: #000000;
}
.texte_site dd{
font-size:1em ;
text-align:left;
color: #000000;
}

.texte_site img{
border:1px solid #060094;
}

.resume {
margin: 0px 0px 10px 0px;
padding: 5px 7px 0px 7px;
background-color:#ededff;
}

.plan li{
font-size:1em ;
text-align:left;
color: #000000;
}
.plan li li {
font-size:1em ;
text-align:left;
color: #000000;
}
.plan li li li {
font-size:1em ;
text-align:left;
color: #000000;
}
.plan li a, .plan li li a, .plan li li li a{
color: #060094;
}
.plan  a{
text-decoration:none;
}
.plan  a:hover{
text-decoration:underline;
}
.plan  a:focus{
text-decoration:underline;
}

.texte_site table {
margin: 10px 15px 10px 0px;
font-size:1em ;
text-align:left;
border-top: 1px solid #060094;
border-left: 1px solid #060094;
color: #000000;
}
.texte_site table ul{
padding: 2px 0px 0px 15px;
}
.texte_site table li{
padding: 2px 0px 0px 0px;
font-size:0.9em ;
text-align:left;
}
.texte_site th {
padding: 6px 8px 6px 8px;
text-align: left;
font-weight: bold;
vertical-align: text-top; 
border-bottom: 1px solid #060094;
border-right: 1px solid #060094;
background-color: #ededff;
}
.texte_site td {
padding: 6px 8px 6px 8px;
vertical-align: text-top; 
border-bottom: 1px solid #060094;
border-right: 1px solid #060094;
}
.texte_site caption{
display:none;
}

.texte_site  form {
padding: 0px 20px 20px 0px;
font-size:1em ;
float:left;
}
.texte_site  fieldset {
padding: 10px 10px 10px 10px;
border: 1px solid #060094;
}
.texte_site  legend {
padding:0px 10px 0px 10px;
font-weight: bold;
color: #000000;
}
.texte_site  input {
padding:2px 2px 2px 2px;
border: 1px solid #060094;
background-color:#ffffff;
}
.texte_site  select {
padding:2px 2px 2px 0px;
border: 1px solid #060094;
background-color:#ffffff;
}
.texte_site  textarea{
padding:2px 2px 2px 2px;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
font-size:1em ;
border: 1px solid #060094;
color: #000000;
background-color:#ffffff;
}
* html .border_radio input  {
margin: 0px 0px 2px 0px;
border: 1px solid #060094;
}

.form_gauche {
margin:15px 10px 0px 0px;
float:left;
width:120px;
text-align:right;
font-weight:bold;
}
.form_droit {
margin:15px 0px 0px 0px;
float:right;
width:300px;
text-align:left;
}

.texte_submit input{
margin: 0px 0px 10px 0px;
float:left;
font-weight: normal;
font-size:1em ;
cursor: pointer;
}

/* colone droite */ /* colone droite */ /* colone droite */ /* colone droite */

.colone_droite {
margin: 32px 20px 10px 0px;
float:right;
width:180px;
}
* html .colone_droite  {
margin: 32px 10px 10px 0px;
}
.breve{
margin: 0px 0px 10px 0px;
background-color:#ededff;
border: 1px dotted #060094; 
}
.breve h2{
padding: 5px 5px 5px 5px;
text-align:left;
font-size:1em;
}
.breve h3{
font-size:0.8em;
font-weight:bold;
}
.breve ul{
padding: 0px 0px 10px 20px;
text-align:left;
list-style-position: outside; 
list-style-type: square ;
}
.breve li{
padding: 0px 10px 5px 0px;
display: list-item;
}
.breve p{
padding: 0px 10px 10px 5px;
text-align:left;
}
.breve a{
text-decoration:underline;
color:#060094;
}
.breve a:hover{
text-decoration:none;
}
.breve a:focus{
text-decoration:none;
}

/* haut page */ /* haut page */ /* haut page */ /* haut page */ /* haut page */ 

.haut_page {
margin: 20px 0px 10px 0px;
float:right;
}
.haut_page a{
text-decoration:underline;
font-size:0.8em ;
color: #060094;
}
.haut_page a:hover{
text-decoration:none;
}
.haut_page a:focus{
text-decoration:none;
}

/* pied */ /* pied */ /* pied */ /* pied */ /* pied */ /* pied */ /* pied */ 

.pied {
margin: 0px 0px 0px 0px;
width: 950px;
height:20px;
background-image: url(new_images/menu_gauche_bas.jpg);
background-repeat: no-repeat;
background-position: top left;
}
.pied_accueil {
background-image: none;
border-top: 1px solid #060094;
}
.pied_menu_droit {
margin: 0px 0px 0px 205px;
width: 745px;
border-top: 1px solid #060094;
}
.pied_menu_droit_accueil {
border-top: none;
}
.pied_menu_droit ul{
margin: 5px 20px 0px 0px;
float:right;
}
* html .pied_menu_droit ul  {
margin: 5px 10px 0px 0px;
}
.pied_menu_droit li{
float:left;
display:inline;
text-align:right;
font-size:0.85em ;
}
.pied img{
margin: 0px 0px 0px 6px;
}
.pied a{
color:#060094;
text-decoration: none ;
}
.pied a:hover{
text-decoration: underline ;
}
.pied a:focus{
text-decoration: underline ;
}