@font-face {
    font-family: "Exo 2";
    src: url('https://fonts.gstatic.com/s/exo2/v3/Pf_kZuIH5c5WKVkQUaeSWQ.ttf');
}

@font-face {
    font-family: "Exo 2";
    font-style: italic;
    src: url('https://fonts.gstatic.com/s/exo2/v3/xxA5ZscX9sTU6U0lZJUlYA.ttf');
}

body {
margin:0;
padding:0;
background: #FFFFFF;
color:#000;
font-family:"Exo 2",Verdana, Arial, Helvetica, sans-serif;
font-size:14px;
width: 760px;
margin-left: auto;
margin-right: auto;
}

a.liens1:link { color: ivory; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 12px; text-align: left; font-style: normal;}
a.liens1:visited { color: ivory; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 12px; text-align: left; font-style: normal; }
a.liens1:hover { color: orange; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 12px; text-align: left; font-style: normal; }

a.liens2:link { color: ivory; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 11px; text-align: left; font-style: normal; }
a.liens2:visited { color: ivory; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 11px; text-align: left; font-style: normal; }
a.liens2:hover { color: orange; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 11px; text-align: left; font-style: normal; }

a.liens3:link { color: indigo; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: underline; FONT-SIZE: 11px; text-align: left; font-style: normal; line-height: normale}
a.liens3:visited { color: indigo; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: underline; FONT-SIZE: 11px; text-align: left; font-style: normal; line-height: normale}
a.liens3:hover { color: darkorange; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: underline; FONT-SIZE: 11px; text-align: left; font-style: normal; line-height: normale}

a.liens4:link { color: #F39B12; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; FONT-SIZE: 11px; text-align: right; font-style: normal; line-height: normale}
a.liens4:visited { color: #F39B12; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; FONT-SIZE: 11px; text-align: right; font-style: normal; line-height: normale}
a.liens4:hover { color: #CC3300; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; text-decoration: none; FONT-SIZE: 11px; text-align: right; font-style: normal; line-height: normale}

a.liens5:link { color: indigo; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 11px; text-align: left; font-style: normal; line-height: normal}
a.liens5:visited { color: orange; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 11px; text-align: left; font-style: normal; line-height: normal}
a.liens5:hover { color: darkorange; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 11px; text-align: left; font-style: normal; line-height: normal}

a.liens6:link { color: indigo; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 14px; text-align: left; font-style: normal; line-height: normal}
a.liens6:visited { color: indigo; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 14px; text-align: left; font-style: normal; line-height: normal}
a.liens6:hover { color: darkorange; FONT-FAMILY: "Exo 2",Verdana, Arial, Helvetica, sans-serif; FONT-WEIGHT: bold; text-decoration: none; FONT-SIZE: 14px; text-align: left; font-style: normal; line-height: normal}

h1 {
font-size:0.1em;
text-align: left;
color:#AC0851;
padding-top: 1em;
padding-bottom:0em;
border-top: solid #AC0851 2px;
width: 536px;
}

h2 {
font-size:1.1em;
text-align: left;
color:#AC0851;
padding-top: 1em;
padding-bottom:0em;
border-top: dashed #AC0851 1px;
width: 444px;
}

h3 {
font-size:1.4em;
text-align: center;
color:#AC0851;
padding-top: 1em;
margin-bottom:1em;
}

h4 {
font-size:1.1em;
text-align: center;
color:#AC0851;
padding-top: 1em;
padding-bottom:0em;
border-top: dashed #AC0851 1px;
}

h5 {
border-bottom:1px dotted #AC0851;
line-height:1.2em;
font-size: 10px;
background: #AC0851;
}

h6 {
font-size:14px;
font-style: italic;
text-align: left;
line-height:1em;
color:#AC0851;
padding: 0em;
margin-bottom:1em;
}


.topstructure {
margin:0px;
margin-top:1em;
padding: 0px;
width:760px;
height:15px;
border-top:0px;
border-bottom:0px;
border-left:0px;
border-right:0px;
}

.header {
margin: 0px;
padding: 0px;
width: 760px;
height:185px;
background: url(../images/header_185_FR_EN.png) top left no-repeat;
font-size:0.5em;
border-top:0px;
border-bottom:0px;
border-left:0px;
border-right:0px;
}

.header_nl {
margin: 0px;
padding: 0px;
width: 760px;
height:185px;
background: url(../images/header_185_NL.png) top left no-repeat;
font-size:0.5em;
border-top:0px;
border-bottom:0px;
border-left:0px;
border-right:0px;
}

.header_de {
margin: 0px;
padding: 0px;
width: 760px;
height:185px;
background: url(../images/header_185_DE.png) top left no-repeat;
font-size:0.5em;
border-top:0px;
border-bottom:0px;
border-left:0px;
border-right:0px;
}

.structure {
float:left;
margin:0px;
margin-bottom:1em;
padding: 0px;
/* background: url(../images/texture-sable.gif) top left repeat;*/
border-left:2px solid #700635;
border-right:2px solid #700635;
border-bottom:2px solid #700635;
border-top: 0px;
width:756px;
}

.structure_ZM {
float:left;
margin:0px;
margin-top:20px;
margin-bottom:1em;
padding: 10px;
/* background: url(../images/texture-sable.gif) top left repeat;*/
border-top: 2px solid #700635;
border-right:2px solid #700635;
border-bottom:2px solid #700635;
border-left:2px solid #700635;
width:714px;
}

.structureseule {
margin:auto;
margin-top:1em;
margin-left:2em;
text-align:justify;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
border-top:2px solid #AC0851;
border-left:2px solid #AC0851;
border-right:2px solid #AC0851;
border-bottom:2px solid #AC0851;
/* background: url(../images/texture-sable.gif) top left repeat;*/
width:560px;
}

.inscription {
margin:auto;
margin-top:1em;
margin-left:2em;
text-align:justify;
padding-top: 5px;
padding-bottom: 10px;
padding-left: 15px;
padding-right: 15px;
border-top:3px solid #AC0851;
border-left:3px solid #AC0851;
border-right:3px solid #AC0851;
border-bottom:3px solid #AC0851;
/* background: url(../images/texture-sable.gif) top left repeat;*/
width:660px;
}

.gauche {
float:left;
width:230px;
margin:0px;
margin-top:35px;
margin-left:0px;
margin-bottom:30px;
padding:0px;
padding-top:15px;
background: url(../images/menu-top.gif) top left no-repeat;
}

.fond{
background:url(../images/menu-fond.gif) bottom left no-repeat;
margin:0px;
padding:0px;
padding-bottom:15px;
}

.blocksommaire {
padding:0em;
margin:0em;
width:230px;
}

.blocksommaire p{
margin:0em;
padding-top:0em;
padding-left:1em;
text-align:left;
text-indent:45px;
color:ivory;
line-height:1.7em;
}

.titresommaire {
padding:0em;
margin:0px;
width:230px;
}

.titresommaire p{
margin:0em;
margin-top:1em;
padding:0em;
padding-left:1em;
text-align:left;
font-size:12px;
color: orange;
line-height:1.7em;
}

.titre_popup {
font-size:1.1em;
font-weight: bold;
text-align: left;
color:#AC0851;
padding-top: 0.6em;
padding-bottom:0em;
border-top: solid #AC0851 1px;
width: 524px;
}


.article {
float:right;
width:474px;
padding:0px;
margin-left:0px;
margin-right:10px;
margin-top:0px;
margin-bottom: 5px;
/* background: url(../images/texture-sable.gif) top left repeat;*/
}

.calendrier {
padding-left:5px;
}

.popup {
margin:0;
padding-top:4em;
padding-left:0px;
padding-right:0px;
padding-bottom:10px;
font-size: 11px;	
}

.popup p{
padding:0em;
padding-right:20px;
padding-left:1px;
margin:0;
line-height:4.7em;
text-align: justify;
}

.formulaire p{
font-size: 12px;
padding-top:1px;
line-height:1.8em;
}

.contenu {
margin:0;
padding-top:3em;
padding-left:0px;
padding-right:0px;
padding-bottom:10px;
text-align:justify;
font-size: 11px;	
}

.contenu p{
padding:0em;
padding-right:30px;
padding-left:1px;
margin:0;
line-height:1.7em;
text-align: justify;
}

.contenu table{
margin:0;
}

.contenu td{
vertical-align: top;
text-align: justify;
font-weight: normal; 
text-decoration: none;
font-size:11px;
line-height:1.7em;
padding: 1px 0px 2px 0px;
}


.questionnaire {
/* background: url(../images/texture-sable.gif) top left repeat;*/
line-height:1.7em;
margin:0em;
padding-top: 10px;
padding-left:3.0em;
padding-right:3.0em;
padding-bottom:1.5em;
/* border-bottom:2px solid #AC0851;*/
}

.questionnaire p{
line-height:1.7em;
text-align: justify;
}

.finquestionnaire {
/* background: url(../images/texture-sable.gif) top left repeat;*/
margin:0em;
padding-left:3.0em;
padding-right:3.0em;
padding-top:0.5em;
padding-bottom:1.5em;
line-height:1.7em;
/* border-bottom:2px solid #AC0851; */
}

.finquestionnaire p{
line-height:1.7em;
text-align: justify;
}

.zone_membre {
/* background: url(../images/texture-sable.gif) top left repeat;*/
margin:0em;
margin-top:1em;
padding:0;
padding-bottom:1.5em;
line-height:1.5em;
}

.zone_membre p{
line-height:1.7em;
text-align: justify;
}

.liste-profils {
float:left;
width:316px;
margin:0px;
margin-top:10px;
margin-bottom:15px;
padding:10px;
min-height:617px;
line-height:1.7em;
text-align: justify;
border-right: 3px solid #660033;
border-left: 0px;
}

.gestion-codes {
float:left;
width:361px;
margin-top:10px;
margin-bottom:10px;
padding-top:10px;
padding-bottom: 15px;
padding-left:10px;
line-height:1.7em;
text-align: justify;
border-right: 0px;
border-bottom: 0px;
border-left: 0px;
}


input, textarea
{
   color: black; /* On modifie la couleur de la police du texte tap� � l'int�rieur des champs */
}
  

input:focus, textarea:focus /* Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: aliceblue;
}

label
{
   color: indigo; /* Colorer en bleu tous les labels */
}

legend /* On met un peu plus en valeur les titres des fieldset */
{
   color: darkorange;
   font-weight: bold;
   font-size:1.1em;
}

fieldset
{
   margin-bottom: 15px; /* Une marge pour séparer les fieldset */
   /* background: url(../images/texture-sable.gif) top left repeat;*/
}

.texte_tableau {
padding:0;
margin-top: 0em;
margin-left: 35px;
margin-right: 20px;
margin-bottom: 1em;
}

.texte_tableau td{
vertical-align: top;
text-align: justify;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
FONT-WEIGHT: normal; 
text-decoration: none;
font-size:10px;
line-height:1.4em;
padding: 1px 0px 2px 0px;
}

.texte_tableau2 {
padding:0;
margin-top: 0em;
margin-left: 0em;
margin-right: 0em;
margin-bottom: 0em;
}

.texte_tableau2 td{
vertical-align: top;
text-align: justify;
FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif; 
FONT-WEIGHT: normal; 
text-decoration: none;
font-size:10px;
line-height:1.4em;
padding: 1px 0px 2px 0px;
}

.grande_puce { 
margin: 0px 0px 12px 0; 
padding: 0;
padding-right:30px;  
vertical-align: 100%;
line-height:1.5em;
list-style-position: outside;
list-style-type: none;
}

.grande_puce li{ 
background: url(../images/bulletanime.gif) no-repeat;
margin: 12px 0 0 0 ;
padding: 0px 0 0 20px;
}

.petite_puce { 
margin: 5px 0px 20px 10px; 
padding: 0;
padding-right:30px;    
vertical-align: 100%;
line-height:1.4em;
list-style-position: outside;
list-style-type: none;
}

.petite_puce li{ 
background: url(../images/bullet200.gif) no-repeat;
margin: 0 0 1px 0 ;
padding: 0 0 0 15px;
}

.puce_tableau { 
margin: 0px 0px 4px 8px; 
padding: 0;
padding-right:30px;    
vertical-align: 100%;
line-height:1.4em;
list-style-position: outside;
list-style-type: none;
}

.puce_tableau li{ 
background: url(../images/bullet200.gif) no-repeat;
margin: 0 0 1px 0 ;
padding: 0 0 0 15px;
}

.citation {
font-style : italic;
font-weight:bold;
color: #FF9900;
line-height:1.6em;
text-align:justify;
margin:0;
padding-left: 10px;
padding-right: 20px;
padding-top:15px;
padding-bottom:15px;
}

.traith {
border: 1px solid #700635;
color: #700635;
clear:both;
margin:0em;
padding:0em;
width:100%;
}

.pieddepage {
font-size:0.7em;
padding:0.8em;
text-align:right;
/*background: url(../images/texture-sable.gif) top left repeat;*/
background-position:bottom;
color: black;
margin-bottom: 1em;
}

input.bouton-relief {
  color: #FFFCE0;
  background-color: #8a245e;
  font-size:10pt; 
  font-family: "Exo 2", Verdana, Arial, Helvetica, sans-serif; 
  font-weight:bold; 
  text-align: center;
  margin: 0px;
  padding: 3px;
  padding-right: 8px;
  padding-left: 8px;
  border: 3px outset #922055;
}
input.bouton-relief:hover {
  color: #fef3c9;
  background-color: #ae2869;  
  cursor:pointer;
  /* background-image: url(aqua.jpg); */
}
input.bouton-relief:active {
  color: #fef3c9;
  background-color: #5a0428;
  cursor:pointer;
  /* background-image: url(aqua.jpg); */
  border: 3px inset #c0c0c0;
}

input.bouton-speciaux {
  color: #FFFCE0;
  background-color: #d91210;
  font-size:9pt; 
  font-family: Verdana, Arial, Helvetica, sans-serif; 
  font-weight:bold; 
  text-align: center;
  margin: 0px;
  padding: 3px;
  border: 3px outset #cd1b20;
}
input.bouton-speciaux:hover {
  color: white;
  background-color: #f60808;
  cursor:pointer; 
  /* background-image: url(aqua.jpg); */
}
input.bouton-speciaux:active {
  background-color: #b81010;
  cursor:pointer;
  /* background-image: url(aqua.jpg); */
  border: 3px inset #c0c0c0;
}

.table_basse {
  padding: 0px;
  margin: 0px;
  line-height:1.2em;
}