@charset "iso-8859-1";


/*---------------------------------body----------------------------------------*/

BODY {background-color: #fcf3c4; 
font-family: Verdana, Arial, Helvetica, "sans serif";
font-size: 100%;
margin-top:0px; margin-left:0px; margin-bottom:0px;
background-attachment: fixed;
text-align: justify; }

/*---------------------------tableau ----------------------------*/
.tableau1
{background-color: #FFD74F;
padding-top:5px;
vertical-align: top;
text-align: center;
width: 150px;
background-color: #6380C3;
}

.tableau2
{padding-left: 20px;
padding-right: 20px;
padding-top:15px;
padding-bottom: 15px;
}
.tableau3
{background-color: #FFD74F;
padding-top:5px;
height: 130px;
vertical-align: middle;
text-align: center;
}
/*---------------------------index ----------------------------*/
.index
{color: #000000;
border-spacing: 0px;
margin: 0px;
padding: 0px;
width : 100%;}


.titre
{background-color: #9BBBFF;
border-width : 3px;
border-style : solid;
border-top-color : #BBD4FF;
border-left-color : #819DD5;
border-right-color : #5F739D;
border-bottom-color : #43526F;
width: 100%;
text-align: center;
font-family: Verdana, Arial, Helvetica, "sans serif";
color: #00004C;
font-size: 110%;
vertical-align: middle;}

/*----------------------------styles de polices---------*/
.txtm6
/*texte marron (taille 6) */
{font-family: Verdana, Arial, Helvetica, "sans serif";
color: #804000; font-size:160%;}

.txtm
/*texte marron (taille 5) partenaires*/
{font-family: Verdana, Arial, Helvetica, "sans serif";
color: #5D2E00; font-size:150%; text-decoration:underline;}

.txtr
/*texte rouge (taille 5)*/
{font-family: Verdana, Arial, Helvetica, "sans serif";
color: #9f0000; font-size:150%}

.txtr4
/*texte rouge (taille 4)*/
{font-family: Verdana, Arial, Helvetica, "sans serif";
color: #9f0000;  font-size:120%}

.txtr3
/*texte rouge (taille 3)*/
{font-family: Verdana, Arial, Helvetica, "sans serif";
color: #9f0000;  font-size:105%}

.txtn
/*texte noir (taille 5)*/
{font-family: Verdana, Arial, Helvetica, "sans serif";
color: #000000;  font-size:140%}

.txtv4
/*texte vert (taille 4)*/
{font-family: verdana, Arial, Helvetica, "sans serif";
color: #295200; font-weight: bolder; font-size:120%}

.txtb
/*texte bleu verdana*/
{font-family: verdana, Arial, Helvetica, "sans serif";
color: #000066; font-size:100%}

.txtb1
/*texte bleu verdana -1*/
{font-family: verdana, Arial, Helvetica, "sans serif";
color: #000066; font-size:85%; font-weight: normal;}

.txtb4
/*texte bleu verdana(taille 4)*/
{font-family: verdana, Arial, Helvetica, "sans serif";
color: #000066; font-size:140%}

.pl
/*police des cadres liens du texte (taille 4)*/
{font-family: verdana, Arial, Helvetica, "sans serif";
font-size:110%}

.ps
/*police du cadre situation dans le site */
{font-family: Verdana, Arial, Helvetica, "sans serif";
color: #9f0000; font-weight: bold;}


.date
{font-size: 80%;
/*dernière mise à jour*/
color: #9f0000;}



.sign
{font-family: "Lucida Handwriting", "Comic Sans MS", Arial, Helvetica, "sans serif";
/*signature*/
font-size:120%;
text-indent:10px;}

.boutiqm
{font-size: 140%; color: #800000;  font-family: Verdana, Arial, Helvetica, "sans serif";}

.boutiqb
{font-size: 130%; color: #000099;  font-family: Verdana, Arial, Helvetica, "sans serif";}


/*------------------mise en page------------------------------*/
.parag
{margin-left: 30px;
/*retrait de paragraphe*/}

.esp
/*espace*/
{font-family: verdana, Arial, Helvetica, "sans serif";
font-size:20%;
color:#fcf3c4;}

.espplus
/*espace*/
{font-family: verdana, Arial, Helvetica, "sans serif";
font-size:30%;
color:#fcf3c4;}

.retrait1
{text-indent: 30%;}

.retrait2
{text-indent: 25px;}
/*-----------------------------puce-----------------------------*/

li 
{color: #000000;
text-align: left;
display: list-item;
font-family: verdana,  Arial, Helvetica, "sans serif";
list-style-image: url(../anz404/puceverte.gif);
margin-left: 2em;
margin-top: 1em;}


/*--------------------------liste ordonnée---------------------*/

ol 
{color: #000000;
margin: 50px;
background-image: none;
font-family: verdana,  Arial, Helvetica, "sans serif";
margin-top: 1em;
margin-bottom: 1em;}

/*--------------------------------------titres-----------------------------*/

h1
{text-align: center;
font-family: "comic sans MS", Arial, Helvetica, "sans serif";
color: #000000;
font-size:200%;
width : 100%;}

h2
{font-family: Verdana, Arial, Helvetica, "sans serif";
color: #2B0490;
font-size:160%;
font-weight: bold;
text-align: left;} 

h3
{color: #804000;
text-decoration:underline;
font-family: Verdana, Arial, Helvetica, "sans serif";
text-align: left;
font-size:130%;
margin-left: 2em;} 

h4
{color: #9f0000;
font-family: Verdana, Arial, Helvetica, "sans serif";
font-size:110%;}

.titre2
{width : 100%;}

.t1
{background-color: #fcf3c4; 
/*bordure bleu du titre h1*/
border: 2px solid #7193E2; 
text-align: center;
width : 100%;
padding-top: 15px;
padding-bottom: 0px;}

.t2
{background-color: #fcf3c4; 
/*encadrer un texte en jaune*/
border: 2px solid #F6C530; 
text-align: center;
width : 100%;}


/*----------cadres liens*/

#lien
.lien
/*tableau lien bas et haut
bord bleu pale et fond plus foncé*/
{color: #000000;
font-family: verdana, Arial, Helvetica, "sans serif";
margin-left:0px;
border-spacing: 0px;
width : 100%;
background-color: #7193E2;}

.lh
/*cadre lien du haut
cellule alignement horizontal centre et vertical milieu , marge */
{text-align: center;
padding-top: 5px;
padding-bottom: 5px;
vertical-align: middle;
width : 100%;
background-color: #FBF0B4;}

.lient
/*tableau lien  dans le texte
bord bleu pale et fond plus foncé*/
{color: #000000;
font-family: verdana, Arial, Helvetica, "sans serif";
margin-left: 5px;
border-spacing: 0px;
background-color: #7193E2;}

.l
/*cadre lien dans le texte 
cellule alignement horizontal centre et vertical milieu, fond plus foncé*/
{text-align: center;
padding:5px;
vertical-align: middle;
background-color: #FAE997;}

/*--------------------------contenu-----------------------------*/

#contenu
{padding-top: 0px;
padding-right: 10px;
padding-left: 10px;
padding-bottom: 0px;
background-color: #fcf3c4;
background-position: left top;
font-family: Verdana, Arial, Helvetica, "sans serif";
text-align: justify;}
.contenu
{vertical-align: top;}

.cm
{text-align: center;
/*cellule alignement horizontal centre et vertical milieu */
vertical-align: middle;
padding-left:3px;}

.lm
{text-align: left;
/*cellule alignement horizontal gauche et vertical milieu */
vertical-align: middle;}

.rm
{text-align: right;
/*cellule alignement horizontal droit et vertical milieu */
vertical-align: middle;}

.ct
{text-align: center;
/*cellule alignement horizontal centré et vertical haut */
vertical-align: top;}

.top
{vertical-align: top;/*cellule alignement vertical haut */}

.m
{vertical-align: middle;
/*cellule alignement vertical milieu*/}

.mj
{vertical-align: middle;
/*cellule alignement vertical milieu et justifié*/ 
text-align: justify;
padding-left:15px;
padding-right: 15px;}

.j
{text-align: justify;
/*texte justifié*/}

.c
{text-align: center;
/*texte centré*/}

.p
{padding-left: 30px;
/*paragraphe décalé*/
padding-top: 15px;
padding-bottom: 15px;}

.marron
{color: #000000;
/* bord marron et fond incolore*/
font-family: verdana, Arial, Helvetica, "sans serif";
margin-left:5px;
text-align:justify;
border-color: #FAA21E;}

.revue
{color: #000000;
/*bord bleu et fond plus foncé*/
font-family: verdana, Arial, Helvetica, "sans serif";
margin-left:5px;
background-color: #FBF0B4;
border-color: #0000FF}

.contenu
a:visited, span.MsoHyperlinkFollowed 
{color: #1B5300;
font-family: verdana, Arial, Helvetica, "sans serif";
font-weight: bold;}
.contenu
a:link, span.MsoHyperlink
{color: #0F079D;
font-family: verdana, Arial, Helvetica, "sans serif";
font-weight: bold;}


.video
{color: #000000;
/*tableau de mise en page*/
font-family: verdana, Arial, Helvetica, "sans serif";
background-color: #FFDC51;
padding: 0px;}

.vid
{text-align: center;
vertical-align: middle;
padding: 5px;
background-color: #fcf3c4;}

.son
{color: #000000;
/*tableau de mise en page*/
font-family: verdana, Arial, Helvetica, "sans serif";
background-color: #FFDC51;
padding: 0px;
width: 100%;}

.so1
{text-align: left;
vertical-align: middle;
padding: 5px;
background-color: #fcf3c4;}

.so2
{text-align: center;
vertical-align: middle;
padding: 5px;
width: 20%;
background-color: #fcf3c4;}

.diapo
{color: #000000;
/*tableau de mise en page*/
font-family: verdana, Arial, Helvetica, "sans serif";
background-color: #FFDC51;
padding: 0px;
width: 100%;}

.diap1
{text-align: left;
vertical-align: middle;
padding: 10px;
background-color: #fcf3c4;}

.diap2
{text-align: center;
vertical-align: middle;
padding: 5px;
width: 20%;
background-color: #fcf3c4;}

.contact
{background-color: #FFDC51;
width: 80%}

.cont
{background-color:#FCF3C4 ;
padding: 20px;
width: 50%;
text-align: center;}


#tab
{color: #000000;
/*tableau de mise en page*/
font-family: verdana, Arial, Helvetica, "sans serif";
background-color: #fcf3c4;}

.t
{width : 100%;}

.cal
{width: 200px;
text-align: center;
vertical-align: middle;}

.tdoc
{text-align: center;
padding: 4px;
vertical-align: middle;}

/*---------------------------menu haut----------------------------*/
#menu

.menu
  {background-color: #6380C3;
  width: 100%;}
  
.bouton
{background-color: #9BBBFF;
border-width : 3px;
border-style : solid;
border-top-color : #BBD4FF;
border-left-color : #819DD5;
border-right-color : #5F739D;
border-bottom-color : #43526F;
width: 149px; height: 55px;
text-align: center;
font-family: verdana, Arial, Helvetica, "sans serif";
color: #00004C;
font-size: 110%;
vertical-align: middle;}

.boutonv
{background-color: #ffce5b;
border-width : 3px;
border-style : solid;
border-top-color : #BBD4FF;
border-left-color : #819DD5;
border-right-color : #5F739D;
border-bottom-color : #43526F;
width: 149px; height: 55px;
text-align: center;
font-family: verdana, Arial, Helvetica, "sans serif";
color: #00004C;
font-size: 110%;
vertical-align: middle;}

.tab
{color: #000000;
font-family: Verdana, Arial, Helvetica, "sans serif";
margin-left:0px;
background-color: #6380C3;}


.menu
a:visited, span.MsoHyperlinkFollowed 
{color: #00004C;
font-size: 100%;
font-family: Verdana, Arial, Helvetica, "sans serif";
Text-decoration : none;}
.menu
a:link, span.MsoHyperlink
{color: #00004C;
font-size: 100%;
font-family: Verdana, Arial, Helvetica, "sans serif";
Text-decoration : none;}

/*--------------------------sous menu ----------------------------*/
#smenu
.psm
{color: #3F0000;
font-size: 110%;
font-family: Verdana, Arial, Helvetica, "sans serif";
Text-decoration : none;}

.smenu
{background-color: #6380C3;}
  
.boutons
{background-color: #F6C530;
border-width : 3px;
border-style : solid;
border-top-color : #BBD4FF;
border-left-color : #819DD5;
border-right-color : #5F739D;
border-bottom-color : #43526F;
width: 145px; height: 45px;
text-align: center;
font-family: verdana, Arial, Helvetica, "sans serif";
vertical-align: middle;}

.boutonsv
{background-color: #FFF250;
border-width : 3px;
border-style : solid;
border-top-color : #BBD4FF;
border-left-color : #819DD5;
border-right-color : #5F739D;
border-bottom-color : #43526F;
width: 145px; height: 45px;
text-align: center;
font-family: verdana, Arial, Helvetica, "sans serif";
font-size: 100%;
vertical-align: middle;}

.smenu
a:visited, span.MsoHyperlinkFollowed 
{color: #3F0000;
font-size: 110%;
font-family: Verdana, Arial, Helvetica, "sans serif";
Text-decoration : none;}
.smenu
a:link, span.MsoHyperlink
{color: #3F0000;
font-size: 110%;
font-family: Verdana, Arial, Helvetica, "sans serif";
Text-decoration : none;}

#plus
.plus
/*cadre pour en savoir plus
bord bleu pale et fond plus foncé*/
{margin-left:0px;
border-spacing: 0px;
width : 100%;
background-color: #7193E2;}

.cp
/*cellule plus*/
{text-align: center;
padding:5px;
vertical-align: middle;
background-color: #FAE997;}

.rs
/*rouge plus petite cadre pour en savoir plus*/
{font-family: Verdana, Arial, Helvetica, "sans serif";
color: #9f0000;
font-size: 70%;
font-weight: bold;}

#dsm
.dsm
{background-color: #FBF0B4;
/*division sous menu*/
border-width : 1px;
border-style : solid;
border-top-color : #7193E2;
border-left-color : #7193E2;
border-right-color : #7193E2;
border-bottom-color : #7193E2;
width: 100%;
text-align: center;
font-family: verdana, Arial, Helvetica, "sans serif";
vertical-align: middle;}

/*--------------------------bas-----------------------------*/

.bouton_letter
{background-color: #9BBBFF;
border-width : 3px;
border-style : solid;
border-top-color : #BBD4FF;
border-left-color : #819DD5;
border-right-color : #5F739D;
border-bottom-color : #43526F;
width: 149px; height: 55px;
text-align: center;
font-family: verdana, Arial, Helvetica, "sans serif";
color: #00004C;

vertical-align: middle;}

.bouton_letter
a:visited, span.MsoHyperlinkFollowed 
{color: #3F0000;
font-size: 110%;
font-family: Verdana, Arial, Helvetica, "sans serif";
Text-decoration : none;}
.bouton_letter
a:link, span.MsoHyperlink
{color: #3F0000;
font-size: 110%;
font-family: Verdana, Arial, Helvetica, "sans serif";
Text-decoration : none;}


#lienb
.lienb
/*tableau lien bas et haut
bord bleu pale et fond plus foncé*/
{color: #000000;
font-family: Verdana, Arial, Helvetica, "sans serif";
margin-left:0px;
border-spacing: 0px;
width : 145px;
background-color: #7193E2;}

.lb
/*cadre lien du bas
cellule alignement horizontal centre et vertical milieu, largeur 25%*/
{text-align: center;
padding-top: 3px;
padding-bottom: 3px;
vertical-align: middle;
background-color: #FBF0B4;}

.lienb
a:visited, span.MsoHyperlinkFollowed 
{color: #236D00;
font-family: Verdana, Arial, Helvetica, "sans serif";
font-size: 80%;
font-weight: bold;}
.lienb
a:link, span.MsoHyperlink
{color: #140ad9;
font-family: Verdana, Arial, Helvetica, "sans serif";
font-size: 80%;
font-weight: bold;}

/*------------------------------------images----------------------------*/

/*encadrement des images 
alignement horizontal c=centre  d= droite  g= gauche*/
#img
.img-c
 img {position: relative;
 background-color: #fcf3c4; 
border: 2px solid #F6C530; 
display: block; 
margin: -5px 5px 5px -5px; 
padding: 2px; 
float: none;} 

.img-g
 img {position: relative;
  background-color: #fcf3c4; 
border: 2px solid #F6C530; 
display: block; 
margin: -5px 5px 5px -5px; 
padding: 2px; 
float: left;} 

.img-d
 img { position: relative;
 right: 5px;
 top: 5px;
 background-color: #fcf3c4; 
border: 2px solid #F6C530; 
display: block; 
margin: -5px 5px 5px -5px; 
padding: 2px;
float: right;} 

/*-----------------------------diaporamas-------------------*/

#btnPrev
{BACKGROUND-COLOR: #AFCBFF;
color: #000000;
font-family: Verdana, Arial, Helvetica, "sans serif";
font-size: 70%;
font-weight: bold;}

#btnNext
{BACKGROUND-COLOR: #AFCBFF;
color: #000000;
font-family: Verdana, Arial, Helvetica, "sans serif";
font-size: 70%;
font-weight: bold;}

#bntPlay
{BACKGROUND-COLOR: #FFDC51;
color: #000000;
font-family: Verdana, Arial, Helvetica, "sans serif";
font-size: 70%;
font-weight: bold;}

.moteur
{font-size: 60%;
font-weight: bold;}
.int
{margin-top:5px}