/* copyright : Gravelet-multimédia, Alain Gravelet */
/* Tous droits réservés */
/* http://www.gravelet-multimedia.com */
/* info@gravelet-multimedia.com */

body{
background-color:#000000;
color:#000000;
font-family:Verdana,Arial,Helvetica,Geneva,sans-serif;
font-size:0.8em;
text-align: justify;
}

h1{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:100%;
color: #9E0E40;
font-weight: bold;
}

h2{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:100%;
color: #000000;
font-weight: bold;
}

p{
margin: 10px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:100%;
color: #000000;
}

q{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:100%;
font-style: italic ; 
}

.italic{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-style: italic ; 
font-size:100%;
}

.gras{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
font-size:100%;
}

.gras_italic{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-weight: bold;
font-style: italic ; 
font-size:100%;
}

.petit {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:80%;
}

.petit_gras {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:80%;
font-weight: bold;
}

.petit_italic {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:80%;
font-style: italic ; 
}

.petit_gras_italic {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:80%;
font-weight: bold;
font-style: italic ; 
}

rouge{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #9E0E40;
}

jaune{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
color: #FCD21C;
}

.invisible {
visibility: hidden;
}

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

/* Que IE Mac ne voit pas l'astérisque qui suit l'antislash \*//*/

.contenu {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:760px ;
height:420px ; 
position:absolute ;
top:0px;
left:0px;
background-image:   url(images/fond.jpg);
background-repeat: no-repeat;
background-position: 0px 0px;
}

.conteneur_lienshaut {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:600px ;
height:20px ;
position:absolute ;
top:0px;
}

.conteneur_liensbas {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:760px ;
height:20px ;
position:absolute ;
top:400px;
}
/**/

/* Tout sauf IE MAC ne voit pas la fin de commentaire sur cette ligne \*/

.contenu {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:760px ;
height:420px ;
position:absolute ;
top:50%;
left:50%;
margin-left:-380px ;
margin-top:-210px ;
background-image:   url(images/fond.jpg);
background-repeat: no-repeat;
background-position: 0% 0%;
}

.conteneur_lienshaut {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:600px ;
height:20px ;
position:absolute ;
top:0px;
left:50%;
margin-left:-380px ;
}

.conteneur_liensbas {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
width:760px ;
height:20px ;
position:absolute ;
top:400px;
left:50%;
margin-left:-380px ;
}
/* IE MAC voit un commentaire se terminant ici */

.drapeaux {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
top:0px;
text-align: right;
}

.drapeaux img {
border: none;
}

.texte img {
border: none;
}

.texte {
margin: 0px 0px 0px 0px;
padding: 0px 190px 0px 0px;
width:610px ;
height:260px ;
position:absolute ;
top:57px; 
left:160px; 
overflow: auto; 
font-size:100%;
text-align: justify;
voice-family: "\"}\"";
voice-family:inherit;
width: 410px;
}
html>body.texte {
width: 410px;
}

.haut_page {
text-align: right;
}

/* liens */ /* liens */ /* liens */ /* liens */ /* liens */ /* liens */ 

#logo {    /* zone cliquable */
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
float: left;
width : 360px;
height: 40px;
border:0;
text-decoration: none; 
}

a.invisible {
visibility: hidden;
font-size:1px;
}
a.invisible:hover, a.invisible:active { 
visibility: hidden;
font-size:1px;
}

a.lien_menu_haut {
margin: 0px 0px 0px 0px;
padding: 0px 6px 0px 0px;
font-size:80%;
text-decoration: none; 
color:#FCD21C;
font-weight : bold ; 
border-right: solid #FCD21C 1px; 
}
a.lien_menu_haut:hover, a.lien_menu_haut:active { 
background-color : transparent ;
color:#9E0E40;
}

a.lien_menu_hauton {
margin: 0px 0px 0px 0px;
padding: 0px 6px 0px 0px;
font-size:80%;
text-decoration: none; 
color:#9E0E40;
font-weight : bold ; 
border-right: solid #FCD21C 1px; 
}

a.lien_texte {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:90%;
font-style: italic ; 
text-decoration: none; 
color: #000000;
font-weight: bold;
}
a.lien_texte:hover, a.lien_texte:active { 
color:#9E0E40;
background-color : transparent ;
}

a.lien_liste {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:90%;
text-decoration: none; 
color: #000000;
font-weight: bold;
}
a.lien_liste:hover, a.lien_liste:active { 
color:#9E0E40;
background-color : transparent ;
}

a.lien_liste_article {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:90%;
text-decoration: none; 
color: #000000;
}
a.lien_liste_article:hover, a.lien_liste_article:active { 
color:#9E0E40;
background-color : transparent ;
}

a.lien_moteur {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:90%;
text-decoration: none; 
color: #9E0E40;
font-weight: bold;
}
a.lien_moteur:hover, a.lien_moteur:active { 
color:#9E0E40;
background-color : transparent ;
}

a.haut_page {
margin: 0px 0px 0px 0px;
padding: 0px 0px 6px 0px;
font-size:80%;
text-decoration: none; 
color: #000000;
font-weight: bold;
text-align: right;
}
a.haut_page:hover, a.haut_page:active { 
color:#9E0E40;
background-color : transparent ;
}

/* listes */ /* listes */ /* listes */ /* listes */ /* listes */ 

.horizontale ul { 
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
}
.horizontale li {
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
display: inline;
}

.texte ul{
margin: 5px 0px 0px 0px;
padding: 0px 0px 0px 15px;
list-style-position: outside; 
}

.texte li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:100%;
color: #000000;
text-align: left;
display: list-item;
list-style-image:   url(images/texte.gif);
}
/* Ligne suivante que pour IE, sauf IE Mac grace à ce commentaire, IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
* html .texte li {
list-style-image:   url(images/texte_ie.gif);
}
/* IE MAC voit un commentaire se terminant ici */
/* Que IE Mac ne voit pas l'astérisque qui suit l'antislash \*//*/
.texte li {
list-style-image:  url(images/texte_ie_mac.gif);
}
/**/

.texte li li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:100%;
color: #000000;
text-align: left;
display: list-item;
list-style-image:   url(images/texte2.gif);
}
/* Ligne suivante que pour IE, sauf IE Mac grace à ce commentaire, IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
* html .texte li li{
list-style-image:   url(images/texte2_ie.gif);
}
/* IE MAC voit un commentaire se terminant ici */
/* IE MAC voit un commentaire se terminant ici */
/* Que IE Mac ne voit pas l'astérisque qui suit l'antislash \*//*/
.texte li li {
list-style-image:  url(images/texte2_ie_mac.gif);
}
/**/

.texte li li li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:100%;
color: #000000;
text-align: left;
display: list-item;
list-style-image:   url(images/texte.gif);
}
/* Ligne suivante que pour IE, sauf IE Mac grace à ce commentaire, IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
* html .texte li li li{
list-style-image:   url(images/texte_ie.gif);
}
/* IE MAC voit un commentaire se terminant ici */
/* IE MAC voit un commentaire se terminant ici */
/* Que IE Mac ne voit pas l'astérisque qui suit l'antislash \*//*/
.texte li li li {
list-style-image:  url(images/texte_ie_mac.gif);
}
/**/

.texte li li li li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:100%;
color: #000000;
text-align: left;
display: list-item;
list-style-image:   url(images/texte2.gif);
}
/* Ligne suivante que pour IE, sauf IE Mac grace à ce commentaire, IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
* html .texte li li li li{
list-style-image:   url(images/texte2_ie.gif);
}
/* IE MAC voit un commentaire se terminant ici */
/* IE MAC voit un commentaire se terminant ici */
/* Que IE Mac ne voit pas l'astérisque qui suit l'antislash \*//*/
.texte li li li li {
list-style-image:  url(images/texte2_ie_mac.gif);
}
/**/

.texte li li li li li{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
font-size:100%;
color: #000000;
text-align: left;
display: list-item;
list-style-image:   url(images/texte.gif);
}
/* Ligne suivante que pour IE, sauf IE Mac grace à ce commentaire, IE MAC ne voit pas la fin de commentaire sur cette ligne \*/
* html .texte li li li li li{
list-style-image:   url(images/texte_ie.gif);
}
/* IE MAC voit un commentaire se terminant ici */
/* IE MAC voit un commentaire se terminant ici */
/* Que IE Mac ne voit pas l'astérisque qui suit l'antislash \*//*/
.texte li li li li li{
list-style-image:  url(images/texte_ie_mac.gif);
}
/**/

/* formulaires */ /* formulaires */ /* formulaires */ /* formulaires */

.formulaire_gauche input{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:2px groove #FCD21C;
color:#FFFFFF;
font-weight:bold;
font-size:70%;
background-color:#9E0E40;
}
.formulaire_gauche input:hover{
color:#FCD21C;
}

.formulaire_recherche input{
margin: 0px 0px 0px 2px;
padding: 0px 0px 0px 0px;
border:2px groove #FCD21C;
color:#000000;
background-color:#FFFFFF;
}

.texte fieldset{
margin: 0px 0px 0px 0px;
padding: 4px 4px 4px 4px;
border:2px groove #FCD21C;
}

.texte fieldset p{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 2px;
}

.texte fieldset legend{
margin: 0px 0px 0px 0px;
padding: 0px 2px 0px 2px;
font-size:100%;
color:#000000;
}