body	{
        font-family:                    verdana, arial, sans-serif      ;                       /* la derniere police doit etre une police generique */
        text-align:                     center                          ;
	background:			#c7de90				;
	}

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* la bande superieure de presentation */
.bandesup
        {
        width:                          100%                             ;
        margin:                         0 0 0 0                         ;
        padding:                        0 0 0 0                         ;
        border:                         none                           ;
        float:                          left                            ;
        }

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* ensemble logo + compteur */
.logocount	{
	border:				none			;
	width:                          13%                             ;
        margin:                         0 0 0 0                         ;
        padding:                        0 0 0 0                         ;
        float:                          left                            ;
	display:			none				;
        }

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Le logo */
.logo  {
        border:                         none                  ;    
        width:                          100%                             ;
        margin:                         0 0 0 0                         ;
        padding:                        0 0 0 0                         ;
        float:                          left                            ;
	display:			none				;
        }

.logo  p       {
        font-family:                    sans-serif                      ;
        text-align:                     center                         ;
        font-size:                      80%                     ;
        line-height:                    0.9em                           ;
        margin:                         0 0 0 0                         ;
        padding:                        0 0 0 0                         ;
                }

.logo a img {
        border:                         none                            ;
        }

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Le compteur */
.count        {
        border:                         none                            ;          
        width:                          100%                             ;
        height:                         9%                             ;
        margin:                         0 0 0 0                         ;
        padding:                        0 0 0 0                         ;
        float:                          left                            ;
	display:			none				;
        }

.count p        {
        font-family:                    sans-serif                      ;
        text-align:                     center                         ;
        font-size:                      60%                     ;
        line-height:                    1.5em                           ;
        margin:                         0 0 0 0                         ;
        padding:                        0 0 0 0                         ;
                }

.count h1       {
                color:                  blue                             ;
                text-indent:            1px                             ;       /* indentation par rapport a la bordure gauche */
                line-height:            1.0em                           ;
                padding:                0 0 0 0                         ;
                margin:                 0 0 0 0                         ;
                text-align:                     center                          ;
                font-family:                    sans-serif                      ;
                font-size:                      80%                     ;
                }

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* les deux bandeaux */
.bandeau	{
		border: 		none			;
                padding:                0 0 0 0                         ;
                margin:                 0 0 0 0                         ;
		width:                  73%				;
                float:                  left                            ;
                }

.bandeau1 	{
		border: 		none		;
                padding:                0 0 0 0                         ;
                margin:                 0 0 0 0                         ;
		width:                  100%                            ;
                float:                  left                            ;
                }

.bandeau2   	{
                padding:                0 0 0 0                         ;
                margin:                 0 0 0 0                         ;
                width:                  100%                            ;
                float:                  left                            ;
                border:                 none                            ;
                }

.bandeau2 p 	{
		border: 		none			;
                color:                  #8E05C1                             ;
                text-indent:            1px                             ;       /* indentation par rapport a la bordure gauche */
                line-height:            1.0em                           ;
                padding:                2px 0 2px 0                     ;
                margin:                 10px 0 10px 0                         ;
                text-align:                     center                          ;
                font-weight:                     bold                          ;
                font-family:                    verdana                      ;
                font-size:                      140%                     ;
                }

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* le menu superieur des onglets */
.menuhaut   {
                width:                  12%                             ;
                margin:                 5px 0 5px 0px                   ;
                padding:                5px 0 5px 0                     ;
                border:                 none                            ;
                float:                  left                            ;
                line-height:            0.9em                           ;
		display:		none				;
                }



/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Le menu de gauche avec news / menu / vignettes */
.menugauche	{
		border:			none			;
		float:			left				;
		width:			19%				;
                margin:                 0 0 0 0                   ;
                padding:                0 0 0 0                     ;
                text-align:             left                           ;
		display:		none				;
		}

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Le menu des nouveautes sous le menu principal */
.news   {
        border:                         solid 1px #00ffff				;
        margin:                         0 3px 0 3px                         ;
        padding:                        0 0 0 0                         ;
        text-align:                     center                          ;
        background-color:               #979f9f                         ; 
        float:                          left                            ;
	display:			none				;
        }

.news   p       {
                color:                  #00ffff                             ;
                text-indent:            1px                             ;       /* indentation par rapport a la bordure gauche */
                padding:                0 0 0 0                         ;
                margin:                 0 0 0 0                         ;
                line-height:            1em                             ;
                text-align:             center                        ;
                font-size:              90%                             ;
                font-weight:            bold                            ;
                }

.news a         {
                display:                block;
                border: 		none				;
                padding:                0 0 0 0                         ;
		text-decoration:	none;
                margin:                 0 0 0 0                         ;
                font-size:              70%                             ;
                }

.news ul        {
                padding:                0 0 0 0                         ;
                margin:                 0 0 0 0                         ;
                list-style:     none                            ;
                list-style-type:        none                            ;
                line-height:            0.7em                           ;
		border-left-style:	none	;
                }

.news li        {
                padding:                0 0 0 0                         ;
                margin:                 0 0 0 0                         ;
                float:                  left;                           /* Place les elements des listes les uns a cote des autre de gauche a droite */
                width:                  100%;
		border-left-style:	none	;

                list-style:     none                            ;
                list-style-type:        none                            ;
                line-height:            0.8em                           ;
                }

.news a:hover {
                font-size:                      90%                            ;
		color:				#00ffff				;
		padding:                0 0 0 0                         ;
                margin:                 0 0 0 0                         ;
                }


/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Le menu principal du site de gauche */
/* --------------------------------------------------------------------------------------------------------------------- */
/* Styles des onglets de menu de gauche */

.menupage         {
                float:                  left;
                width:                  99%;
                border:                 none                            ;
                font-size:              70%;
                font-family:            arial, verdana, sans-serif      ;
                font-style:             italic                          ;
                line-height:            normal;
                text-align:             left                            ;
                padding:                0 0 0 0 ;
                margin:                 0 0 0 0 ;
		display:		none				;
                }

.menupage ul      {
                padding:                3px 2px 0 0 ;                 /* Marge en haut de 3px, a droite de 1px , en bas de 0 , a gauche de 1px */
                margin:                 0;
                list-style:             none;                           /* Supprime les listes par defaut */
                }

.menupage li      {
                float:                  left;
                width:                  97%;
                margin:                 0 0 0 0;
                padding:                0 0 0 0;                        /* Marges autour des noms des menupages */
                border-left-style:      none    ;
                }

.menupage a       {
                text-decoration:        none;
                font-weight:            bold;
                color:                  #765;
                }

    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
.menupage a       {
                float:none;
                }
    /* End IE5-Mac hack */

.menupage a:hover {
                color:                  #b71bcc;
		font-size:			130%				;
/*                border:                 solid 1px black ; */
                padding:                2px 4px 4px 4px;
                }

.menupage #currentchoix {
                border:                 solid 1px black ;
        	background-color:               yellow                          ;
		font-size:			100%				;
                }

.menupage #currentchoix a      {
                        color:                  black;                  /* au lieu de rouge : #333; */
                        }

.menu	{
	border: 			solid 1px black 		;
	width:				22%				;
        font-size:                      90%				;
        font-family:                    arial, verdana, sans-serif      ;
		display:		none				;
	}


/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Position de l'image */
.vignettes	{
	width:				100%				;
	padding:			0 0 0 0 			;
	margin:				0 0 0 0 			;
	float:				left				;
		display:		none				;
	}


/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Creation de la boite corps ou les documents apparaissent. simple bordure comme les boites, blanche eventuellement sans ombre */
.corps	{
	border: 			none		;
	width:				80%				; 
        text-align:                     justify                         ;
        font-size:                      80%                     ;
	float:                          left                            ;
	padding:                0 0 0 0                         ;
	margin:                 0 0 0 0                         ;
	}

.corps h1	{
		text-align:		center			;
		line-height:		1.2em				;
                padding:                0 0 0 0                         ;
                margin:                 0 0 0 0                         ;
		}

.corps h2       {
        	text-align:             center                   ;
                }

.titrepresent   {
                border:                 solid 1px black         ;
                background-color:       #c4c4c4                 ;
                margin:                 100px 0 0 150px                 ;
                padding:                0 0 0 0                 ;
                width:                  60%                     ;
                }

.titrepresent h4        {
                        text-align:     center                  ;
                        color:          #81268f                 ;
                        font-size:      160%                    ;
                        }

.titrepresent h3        {
                        text-align:     center                  ;
                        color:          black                   ;
                        font-size:      140%                    ;
                        }


.lienlogo	{
		width:30%; 	
		text-align: center ; 
		float: left;	
		}

.lienlogo a img	{
        	border:         0px solid #000;
		}

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Styles pour supporter l'affichage des documents dans la fenetre corps */

#listeimagesORG         {
                text-align:center;
                width:93%;
                margin-left:auto;
margin-right:auto;
}

#listeimages    {
                text-align:		center;
                width:			100%;
                margin-left:		5px;
                margin-right:		5px;
                }


#listeimages li	{
		list-style-type:	none;
		}

.cditem 	{
		width:			180px;
		text-align:		center;
		border:			solid 1px black;
		background-color:	#F8F8F8;
		padding:		10px;
		height:			230px;
                margin-left:		10px;
                margin-right:		10px;
                margin-bottom:		20px;
                float:			left;
                }


html>body .cditem {
                height:			auto;
                min-height:		230px;
                }

.titrephoto     {
                font-size:  		16px;
                font-weight:		bold;
                color: 			#aa2800;
                text-decoration:	none;
                }

.commentphoto   {
                font-weight:		bold;
                color:			black;
                text-decoration:	none;
                }

.detailphoto    {
                margin:			5px;
                }

.linkphoto      {
                text-decoration:	none;
                }

hr {
clear: both;
visibility: hidden;
}

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* le cadre du titre dans une page */
.boxtitre	{
		width:80%; 
		border: solid 1px black; 
		margin: 5px 5px 5px 5px; 
		padding: 5px 5px 5px 5px; 
		background-color:yellow 
		}

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* le cadre du warning en bas de page */
.warning	{
        background:             #bfb656					;
        border:                 solid 1px black                         ;
        width:                  97%                                     ;
        float:                          left                            ;
        text-align:                     center                          ;
                margin:                         5px 0 5px 0px                      ;
                padding:                        0px 0 0px 5px                ;
		}

.warning p 	{
                font-family:            Verdana, Helvetica                      ;
                font-size:              11px                     ;
                line-height:                    0.9em                           ;
                margin:                         0px 5px 0px 5px                      ;
                padding:                        0px 5px 0px 5px                ;
                }

.warning a 	{
                font-family:            Verdana, Helvetica                      ;
                font-size:              11px                     ;
                line-height:                    0.9em                           ;
                margin:                         0px 0 0px 0                      ;
                padding:                        0px 0 0px 0                ;
                }

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* le cadre du pied de page */
.footer         {
        background:             #F8E0F7                                 ;
        border:                 solid 1px black                         ;
        width:                  97%                                     ;
        float:                          left                            ;
                margin:                         5px 0 5px 0px                      ;
                padding:                        0px 0 0px 5px                ;
                }

.footer p       {
                font-family:            Verdana, Helvetica                      ;
                font-size:              9px                     ;
                line-height:                    0.9em                           ;
                margin:                         0px 0 0px 0                      ;
                padding:                        0px 0 0px 0                ;
                }


.footer a       {
                border:                 none  ;
                text-decoration:        none;
                }


.footer a:hover {
                border:                 none ;
                }




/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Styles des onglets de menu dans le bandeau en haut a droite  */
/* style des images de fond
   bg.gif	left.gif	right.gif	left_on.gif	right_on.gif		:	fichiers originaux
   bg1.gif	left1.gif	right1.gif	left_on1.gif	right_on1.gif		:	dominante rouge
*/

#onglet		{
		float:			left;
		width:			100%;
		font-size:		80%;
		font-family:            arial, verdana, sans-serif      ;
		line-height:		normal;
		padding: 		0 0 0 0 ;
		margin: 		0 0 0 0 ;
		}

#onglet ul 	{
		padding:		3px 2px 0 1px ;			/* Marge en haut de 3px, a droite de 1px , en bas de 0 , a gauche de 1px */
		margin:			0 0 0 0 ;
		list-style:		none;				/* Supprime les listes par defaut */
		}

#onglet li 	{
		float:			left;				/* Place les elements des listes les uns a cote des autre de gauche a droite */
		width:			100%;
		margin:			0 0 0 0px;
		padding:		5px 0 5px 0px;			/* Marges autour des noms des onglets */
		border-left-style:	none	;
		}

#onglet a 	{
		display:		block;
		background-color:	silver	;
		border:			solid 1px black ;
		padding:		2px 4px 4px 4px;
		text-decoration:	none;
		font-weight:		bold;
		color:			#765;
		}

    /* Commented Backslash Hack
       hides rule from IE5-Mac \*/
    #onglet a {float:none;}
    /* End IE5-Mac hack */

#onglet a:hover {
		color:			red;
		border:			solid 1px black ;
		background-color:	white	;
		}

#onglet #current {
		/* background-color:	white	; */
		}

#onglet #current a 	{
      			color:			#00ffff	;	/* #2294d7;	 au lieu de rouge : #333; */
			background-color:	black	;
      			}



/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Definition des styles de sous menus dans le menu de gauche  */
.ssmenu		{
		font-family:                    arial, verdana		;
		font-size:			80%			;
		text-align:			left			;
        	margin:                         0                       ;
        	padding:                        0 0 0 2px                ;
		}

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/* Definition des styles pour les boites de vignettes */
.vignette	{
		width:				100%			;
		float:				left			;
		margin:				5px 2px 5px 2px 	;
		padding:			5px 2px 20px 2px		;
		border:				solid 1px blue		;
		background-color:		#FDD5FD			;
		display:		none				;
		}

.vignette p	{
		color:				blue			;
		font-size:			70%			;
		margin:				0 0 0 0			;
		padding:			0 0 0 0			;
		text-align:			center			;
		}

/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/*              Classes de zoom sur hover                       */
/* Classe 600x450 (photo) et 200x150 (vignette) en format horizontal */
.zoomh           {
        border:                 1px solid #000          ;
        background:             #ddd;
        color:                  #000;
        float:                  left            ;/* Les blocs d'images se placent les uns a cote des autres , mais c'est trop grand , retour a la ligne */
        width:                  97%			;
        margin:                 5px;                    /* valeur initiale: 20px */
        padding:                5px;                    /* valeur initiale: 10px */
        font:                   12px verdana, helvetica, arial, sans-serif;
	}

.zoomh p {
        padding:                0;
        margin:                 0;
        margin-bottom:          10px;
        }

.zoomh a img     {
        float:          right;
        width:          200px; 
        height:         150px;
        border:         1px solid #000;
        margin:         0 0 5px 5px;
                }

.zoomh a:hover img {
        width:          600px;
        height:         450px;  
                }

/* Il faut faire croire a IE que c'est un lien sinon il ne reagit pas au passage de la souris */
/* On lui fixe le padding a zero, histoire de faire quelque chose, pour plus d'informations,  */
/* il faut demander a Bill Gates mais pas a JPB */
.zoomh a:hover   {
        padding:        0;
                }

/* ----------------------------------------------------------------------------------------------- */
/* Classe 450x600 (photo) et 150x200 (vignette) en format vertical */
.zoomv           {
        border:                 1px solid #000          ;
        background:             #ddd;
        color:                  #000;
        float:                  left            ;/* Les blocs d'images se placent les uns a cote des autres , mais c'est trop grand , retour a la ligne */
        width:                  97%			;
        margin:                 5px;                    /* valeur initiale: 20px */
        padding:                5px;                    /* valeur initiale: 10px */
        font:                   12px verdana, helvetica, arial, sans-serif;
}

.zoomv  p {
        padding:                0;
        margin:                 0;
        margin-bottom:          10px;
        }

.zoomv  a img    {
        float:          right;
        width:          150px;
        height:         200px;
        border:         1px solid #000;
        margin:         0 0 5px 5px;
                }

.zoomv  a:hover img {
        width:          450px;
        height:         600px;
                }

/* Il faut faire croire a IE que c'est un lien sinon il ne reagit pas au passage de la souris */
/* On lui fixe le padding a zero, histoire de faire quelque chose, pour plus d'informations,  */
/* il faut demander a Bill Gates mais pas a JPB */
.zoomv  a:hover  {
        padding:        0;
                }


/* ----------------------------------------------------------------------------------------------- */
/* Classes pour les images sepia                                                                   */
/* ----------------------------------------------------------------------------------------------- */
.boite_sepiaH           {
        border:                 solid 1px black         ;
	float:			left	;
        background-color:       #ddd                    ;
        width:                  175px           ;
        height:                 260px           ;
        margin:                 2px 2px 2px 2px ;
        padding:                5px 2px 0px 2px ;
                        }

.boite_sepiaH a img     {
        border:                 none            ;
                        }

.boite_sepiaH p         {
        padding:                0 0 0 0         ;
        margin:                 0 0 0 0         ;
        text-align:             center          ;
        line-height:            0.5em           ;
        font:                   10px verdana, helvetica, arial, sans-serif;
                        }

.boite_sepiaV           {
        border:                 solid 1px black         ;
	float:			left	;
        background-color:       #ddd                    ;
        width:                  175px           ;
        height:                 260px           ;
        margin:                 2px 2px 2px 2px ;
        padding:                5px 0px 0px 3px ;
                        }

.boite_sepiaV a img     {
        border:                 none            ;
                        }

.boite_sepiaV p         {
        padding:                0 0 0 0         ;
        margin:                 0 0 0 0         ;
        text-align:             center          ;
        line-height:            0.5em           ;
        font:                   10px verdana, helvetica, arial, sans-serif;
                        }

.boite_sepiaP           {
        border:                 solid 1px black         ;
	float:			left	;
        background-color:       #ddd                    ;
        width:                  630px           ;
        margin:                 2px 2px 2px 2px ;
        padding:                5px 2px 50px 2px ;
                        }

.boite_sepiaP a img     {
        border:                 none            ;
                        }

.boite_sepiaP p         {
        padding:                0 0 0 0         ;
        margin:                 0 0 0 0         ;
        text-align:             center          ;
        line-height:            0.5em           ;
        font:                   10px verdana, helvetica, arial, sans-serif;
                        }


p.id_photo              {
        color:                  green           ;
        padding:                0 0 0 0         ;
        margin:                 0 0 0 0         ;
        font-size:              9px             ;
        font-style:             italic          ;
        text-align:             right           ;
                        }






/* ----------------------------------------------------------------------------------------------------------------------------------------------- */
/*                   FIN DE LA FEUILLE DE STYLE                                                                                                    */
/* ----------------------------------------------------------------------------------------------------------------------------------------------- */