@charset "windows-1252";

/*
Date de creation: 26.07.08 - copyright fnpa 2009
Derniere modification: 17.01.10

Hack pour les Style CSS
-----------------------
Applique exclusivement a IE6
Mettre le signe - ou _ devant
Ex : -margin : 5px ;

Applique exclusivement a IE6 et IE7
Mettre le signe /, ? ou *devant
Ex : *margin : 7px ;

Applique exclusivement a Firefox
mettre le commentaires !important apres
margin : 9px !important ;

Ordre d'application pour les diferents navigateurs
D'abord Firefox, puis IE 7 , puis IE6
margin: 9px !important;
*margin: 7px;
-margin: 5px;
*/


@charset "windows-1252";

body
{
	background-color: #fff5b8;
	overflow-y: auto;
}

/*toutes les pages des menus*/
#centre0, #centre1 , #centre2 , #centre3 , #centre4 , #centre5 , #centre6, #debutgalerie
{
    background-color: #ffffff;  /*Background Color*/
    background-attachment: fixed; /*Fixed Picture*/
	background-position: 185px 130px !important; /*For Firefox, Opera*/
	-background-position: 0px 0px; /*For IE6*/
    border: 1px;
    width: 680px !important; /*For Firefox Opera*/
    *width:678px; /*For IE7*/
    max-height: none;
    z-index: 0;   /*Index position 0 = Back, X = Front */
    /* debut du hack "fixed" permettant de fixer les menus fixe sous IE */
    overflow-y: auto ; /* fonction MS supprimant les ascenseurs sous IE */
    margin: 0px 0% 0% 176px !important; /* marges (TopFrameDiv RightFrameDiv BottomFrameDiv LeftFrameDiv) */
	*margin: 60px 0% 0% 176px; /* marges (TopFrameDiv RightFrameDiv BottomFrameDiv LeftFrameDiv) */
}

#centre0, #centre1 , #centre2 , #centre3 , #centre4 , #centre5 , #centre6
{
    padding: 0;
    height: 474px;
    *top: 74px; /*For IE7*/
	*position:absolute; /*For IE7*/
	-top: 72px; /*For IE7*/
}

#debutgalerie
{
	padding: 0px;
    height: 474px;
	-margin: 0px 0% 0% 176px;  /*For IE5-6*/
}

#centre0 /*page index - Background Picture*/ {background-image:url(Texture/Fond1.png);}
#centre1 /*pages du menu 02 - Background Picture*/ {background-image:url(Texture/Fond2.png);}
#centre2 /*pages du menu 03 - Background Picture*/ {background-image:url(Texture/Fond3.png);}
#centre3 /*pages du menu 04 - Background Picture*/ {background-image:url(Texture/Fond4.png);}
#centre4 /*pages du menu 05 - Background Picture*/ {background-image:url(Texture/Fond5.png);}
#centre5 /*pages du menu 06 - Background Picture*/ {background-image:url(Texture/Fond6.png);}
#centre6 /*pages du menu 07 - Background Picture*/ {background-image:url(Texture/Fond7.png);}
#debutgalerie /*pages du menu 06 - Background Picture*/ {background-image:url(Texture/Fond6.png);}

#centrecontacts /* Definition de la balise UL de la carte de Gen�ve */
{
	margin: 0px;
	padding: 0px; /* On s'assure qu'il n'y aura aucun d�calage autour du menu */
	position:absolute;
}

/*IE6 hack*/
html > body {overflow-y: auto} /* annule le overflow-y pour firefox 1.5 et superieur */
* html #centre0 { overflow-y: auto; }      /* annule le overflow-y pour firefox 1.5 et superieur */
* html #centre1 { overflow-y: auto; }      /* annule le overflow-y pour firefox 1.5 et superieur */
* html #centre2 { overflow-y: auto; }      /* annule le overflow-y pour firefox 1.5 et superieur */
* html #centre3 { overflow-y: auto; }      /* annule le overflow-y pour firefox 1.5 et superieur */
* html #centre4 { overflow-y: auto; }      /* annule le overflow-y pour firefox 1.5 et superieur */
* html #centre5 { overflow-y: auto; }      /* annule le overflow-y pour firefox 1.5 et superieur */
* html #centre6 { overflow-y: auto; }      /* annule le overflow-y pour firefox 1.5 et superieur */
* html #menufixe {width: 680px;}

#haut
{
    top: 0px;
    left: 185px !important; /*For Firefox Opera*/
    width: 680px;
    height: 110px; /*Height of top frame div*/
    border: 0px solid #000000;
    position: fixed !important; /*For Firefox Opera*/
	*position: Absolute;  /*For IE7*/
	overflow: hidden; /*Disable scrollbars */
    z-index: 2;   /*Index position 0 = Back, X = Front */
    text-align: center;
    background-color: #ffffff; /*Background Color*/
    background-image:url(Texture/Haut.png); /*Background Picture*/
	background-attachment: fixed; /*Fixed Picture*/
	background-position: 185px 0px !important; /*For Firefox Opera*/
	-background-position: 0px 0px; /*For IE6*/
    color: #424029;  /*Font Color*/
}

#gauche, #droite, #gauchealbum, #gaucheadmin
{
	z-index: 3;   /*Index position 0 = Back, X = Front */
    position: fixed !important; /*For Firefox Opera*/
	*position: absolute;  /*For IE7*/
	overflow: hidden; /*Disable scrollbars */
    top: 0px;
    max-height: none;
    border: 0px solid #000000;
}

#gauche, #gauchealbum, #gaucheadmin
{
	left: 25px;
    	width: 160px;  /*Width of left frame div*/
    	height: 605px;
    	background-color: #ffffff; /*Background Color*/
    	color: black;  /*Font Color*/
}

#gauchealbum
{
    background-image:url(Texture/GaucheMedia.png);   /*Background Picture*/
}

#gaucheadmin
{
    background-image:url(Texture/GaucheAdmin.png);   /*Background Picture*/
}

#gauche
{
    background-image:url(Texture/Gauche.png);   /*Background Picture*/
}

#droite
{
    left: 864px;
    width: 160px; /*Width of left frame div*/
    height: 605px;
    background-color: #ffffff; /*Background Color*/
    background-image:url(Texture/Droite.png);   /*Background Picture*/
    color: black;  /*Font Color*/
}

#space2
{
    width: 640px;
    height: 2px; /*Height of table space*/
}

#space5
{
    width: 640px;
    height: 5px; /*Height of table space*/
}

#space10
{
    width: 640px;
    height: 10px; /*Height of table space*/
}

/* annule le hack "fixed" pour les autres navigateurs que IE */
body>#menufixe {position:fixed}
body>#gauche {position:fixed}
body>#gaucheadmin {position:fixed}
body>#gauchealbum {position:fixed}
body>#droite {position:fixed}

.contenu
{
    font-family: Arial, "MS Sans Serif", "sans-serif", Verdana;
    font-size:14px;
    font-weight:normal;
    margin: 5px;
}  /*Margins for inner DIV inside each DIV (to provide padding)*/

.KeyNamme
{
    position: absolute;
    top: 167px !important; /*For Firefox Opera*/
	*top: 175px; /*For IE6, IE7*/
	-top: 183px; /*For IE6, IE7*/
    left: 14px !important; /*For Firefox Opera*/
	*left: 15px; /*For IE6, IE7*/
}

.KeyPass
{
    position: absolute;
    top: 210px !important; /*For Firefox Opera*/
	*top: 228px; /*For IE6, IE7*/
    left: 14px !important; /*For Firefox Opera*/
	*left: 15px; /*For IE6, IE7*/
}

.KeyValid
{
    position: absolute;
    top: 232px !important; /*For Firefox Opera*/
	*top: 252px; /*For IE6, IE7*/
    left: 0px;
}

/* --------------------- Pages avec balise-----------------*/
#bonnesfetes
{
	z-index: 4;   /*Index position 0 = Back, X = Front */
	position: absolute; /* Pour positionner nos elements de menu au pixel pres a l'interieur de la balise UL. */
	top:186px;
	left: 5px;
}

#mediaplayer /* Definition de la balise UL du Media Player*/
{
	top: 220px;
	left: 335px;
	margin: 0px;
	padding: 0px; /* On s'assure qu'il n'y aura aucun decalage autour du menu */
	position:absolute;
}

#cartegeneve
{

	display:block; /* Remplace "inline" par "block" pour les besoin de ce menu */
	width:680px;  height:420px; /* hauteur de base et une largeur de base de la balise */
}

#lien
{
	position:absolute; /* Pour positionner nos elements de menu au pixel pres a l'interieur de la balise UL. */
	display:block; /* Remplace "inline" par "block" pour les besoin de ce menu */
	width:24px;  height:24px; /* hauteur de base et une largeur de base de la balise */
}

#mailinfo /* Email demande d'information */
{
	position:absolute; /* Pour positionner nos elements de menu au pixel pres a l'interieur de la balise UL. */
	display:block; /* Remplace "inline" par "block" pour les besoin de ce menu */
	width:140px;  height:120px; /* hauteur de base et une largeur de base de la balise */
	top: 10px; /* position depuis le bord haut de son conteneur : la balise UL */
	left: 30px;  /* position depuis le bord gauche de son conteneur : la balise UL */
	padding: 0px 0px 0px 0px; /* D�calage du texte : padding: padding-top padding-right padding-bottom padding-left */
	background: transparent; /* Background de la balise */
}

#linkswb /* Lien direct SWB */
{
	position:absolute; /* Pour positionner nos elements de menu au pixel pres a l'interieur de la balise UL. */
	display:block; /* Remplace "inline" par "block" pour les besoin de ce menu */
	width:140px;  height:15px; /* hauteur de base et une largeur de base de la balise */
	top: 550px; /* position depuis le bord haut de son conteneur : la balise UL */
	left: 30px;  /* position depuis le bord gauche de son conteneur : la balise UL */
	padding: 0px 0px 0px 0px; /* D�calage du texte : padding: padding-top padding-right padding-bottom padding-left */
	background: transparent; /* Background de la balise */
}

#mailwebmaster /* Email au Webmaster */
{
	position:absolute; /* Pour positionner nos elements de menu au pixel pres a l'interieur de la balise UL. */
	display:block; /* Remplace "inline" par "block" pour les besoin de ce menu */
	width:100px;  height:10px; /* hauteur de base et une largeur de base de la balise */
	top: 580px; /* position depuis le bord haut de son conteneur : la balise UL */
	left: 30px;  /* position depuis le bord gauche de son conteneur : la balise UL */
	padding: 0px 0px 0px 0px; /* D�calage du texte : padding: padding-top padding-right padding-bottom padding-left */
	background: transparent; /* Background de la balise */
}

/* mentions et copyright */
p#mentions
{
	font-family: "Comic Sans MS", Arial, "MS Sans Serif", "sans-serif";
	position: absolute;
	top : 235px !important; /*For Firefox Opera*/
	*top: 250px; /*For IE6, IE7*/
	left : 10px;
	width: 140px;
	padding: 12px 0px 0px 0px; /* D�calage du texte : padding: padding-top padding-right padding-bottom padding-left */
	background: transparent;
	line-height: 1.2;
	font-size: 1em;  /*For Firefox, IE7*/
	-font-size: 0.9em;  /*For IE6*/
}
/* ------------------------------ Scroller-----------------*/
.VScroller
{
    position: absolute;
    top: 290px !important; /*For Firefox Opera*/
	*top: 300px; /*For IE6, IE7*/
    left: 10px;
    font-family: "Comic Sans MS", Arial, "MS Sans Serif", "sans-serif";
    font-size:12px;
    font-weight:normal;
}

table
{
    width:640px; /*For Firefox Opera*/
    border-collapse: collapse;
}
caption
{
    width:640px;
    border: 1px solid #707070;
    border-collapse: collapse;
    padding: 2px;
	font-family: Arial, "MS Sans Serif", "sans-serif", Verdana;
}

thead, tfoot
{
    text-align:center;
}

th
{
    font-family: Arial, "MS Sans Serif", "sans-serif", Verdana;
    border: thin solid #707070;
    padding: 1px;
}

td
{
    font-family: Arial, "MS Sans Serif", "sans-serif", Verdana;
	border: 1px solid #707070;
}

textarea
{
	font-size:12px;
    font-family: Arial, "MS Sans Serif", "sans-serif", Verdana;
    border: thin solid #707070;
    padding: 1px;
}
/*Boutons des menus pour valider*/
.Menusel a
{
    /* Les liens qui ne sont pas sous le curseur. */
    text-decoration:none;
    font-style:normal;
    color: blue;
    font-size:14px;
    padding:2px 1px;
}

/*Liens sur les tables*/
.tmenu0 a, .VScroller a , .VAScroller a , .Linksel a
{
    /* Les liens qui ne sont pas sous le curseur. */
    text-decoration:none;
    font-style:normal;
    color: blue;
    padding:2px 1px;
}
/*Liens sur les tables*/
.tmenu0 a:visited, .VScroller a:visited , .VAScroller a:visited , .Linksel a:visited
{
    /* Les liens qui ne sont pas sous le curseur. */
    text-decoration:none;
    font-style:italic;
    color: #008001;
    padding:2px 1px;
}

/***** menu CSS *****/
@media print
{
    .menu0, .ssmenu0 { visibility:hidden;}  /*A l'impression on cache le menu, marche au moins pour IE, Moz et Op�ra.*/
    .menu1, .ssmenu1, .menu2, .ssmenu2, .menu3, .ssmenu3, .menu4, .ssmenu4, .menu5, .ssmenu5, .menu6, .ssmenu6, .menu7, .ssmenu7 { visibility:hidden;}
}

/*toutes les pages des menus*/
.menu0, .ssmenu0, .menu1, .ssmenu1, .menu2, .ssmenu2, .menu3, .ssmenu3, .menu4, .ssmenu4, .menu5, .ssmenu5, .menu6, .ssmenu6, .menu7, .ssmenu7
{
    color: black;  /*Font Color*/
    font-size:12px;
	font-weight:bold;
    border:1px solid #000000;
    padding:1px;
    filter:alpha(opacity=99);
    -moz-opacity:0.99;
    opacity: 0.99;
    /* width et margin sont au cas o� le javascript est d�sactiv�. */
    width:15em;
    margin:1em;
}

.menu0, .ssmenu0 /*page index0*/ {background-color: #f7f7f7;}
.menu1, .ssmenu1 /*page index1*/ {background-color: #f7f7f7;}
.menu2, .ssmenu2 /*page index2*/ {background-color: #e5edf2;}
.menu3, .ssmenu3 /*page index3*/ {background-color: #fce5f1;}
.menu4, .ssmenu4 /*page index4*/ {background-color: #fdeed1;}
.menu5, .ssmenu5 /*page index5*/ {background-color: #e9f6ea;}
.menu6, .ssmenu6 /*page index6*/ {background-color: #e5f5fc;}
.menu7, .ssmenu7 /*page index7*/ {background-color: #fce5e8;}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu0, .menu1, .menu2, .menu3,  .menu4,  .menu5,  .menu6,  .menu7 {text-align:center; z-index: 15;}

/* Ne pas toucher
C'est pour cacher les ; en fin de <li>, ce qui permet aux synth�se vocales de prendre une pause dans l'�locution */
.menu0 span, .ssmenu0 span {display:none;}
.menu1 span, .ssmenu1 span {display:none;}
.menu2 span, .ssmenu2 span {display:none;}
.menu3 span, .ssmenu3 span {display:none;}
.menu4 span, .ssmenu4 span {display:none;}
.menu5 span, .ssmenu5 span {display:none;}
.menu6 span, .ssmenu6 span {display:none;}
.menu7 span, .ssmenu7 span {display:none;}

/* Ne pas trop toucher.
Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
.ssmenu0 ul, .ssmenu0 li, .ssmenu1 ul, .ssmenu1 li, .ssmenu2 ul, .ssmenu2 li, .ssmenu3 ul, .ssmenu3 li, .ssmenu4 ul, .ssmenu4 li, .ssmenu5 ul, .ssmenu5 li, .ssmenu6 ul, .ssmenu6 li, .ssmenu7 ul, .ssmenu7 li
{
    padding:0;
    margin:0;
    list-style-type:none;
}

.menu0 a, .ssmenu0 a, .menu0 a:visited, .ssmenu0 a:visited,
.menu1 a, .ssmenu1 a, .menu1 a:visited, .ssmenu1 a:visited,
.menu2 a, .ssmenu2 a, .menu2 a:visited, .ssmenu2 a:visited,
.menu3 a, .ssmenu3 a, .menu3 a:visited, .ssmenu3 a:visited,
.menu4 a, .ssmenu4 a, .menu4 a:visited, .ssmenu4 a:visited,
.menu5 a, .ssmenu5 a, .menu5 a:visited, .ssmenu5 a:visited,
.menu6 a, .ssmenu6 a, .menu6 a:visited, .ssmenu6 a:visited,
.menu7 a, .ssmenu7 a, .menu7 a:visited, .ssmenu7 a:visited
{
    /* Les liens qui ne sont pas sous le curseur. */
    font-family: Arial, "MS Sans Serif", "sans-serif", Verdana;
    text-decoration:none;
    color:666666;
    padding:2px 1px;
    /* Ne pas modifier le block */
    display:block;
    /*  Un width:100% fait planter Mozilla, sans le width:100% c'est IE et Opera...
    La combinaison aucun width et height:100% marche sur tous, donc ne pas toucher ces 2 lignes */
    /*  height:100%; margin:0px;*/
    margin:0px;
    width:100%;
}

html>body .menu0 a, html>body .menu0 a:visited, html>body .menu0 a:hover, html>body .menu0 a:active,
html>body .ssmenu0 a, html>body .ssmenu0 a:visited, html>body .ssmenu0 a:hover, html>body .ssmenu0 a:active,
html>body .menu1 a, html>body .menu1 a:visited, html>body .menu1 a:hover, html>body .menu1 a:active,
html>body .ssmenu1 a, html>body .ssmenu1 a:visited, html>body .ssmenu1 a:hover, html>body .ssmenu1 a:active,
html>body .menu2 a, html>body .menu2 a:visited, html>body .menu2 a:hover, html>body .menu2 a:active,
html>body .ssmenu2 a, html>body .ssmenu2 a:visited, html>body .ssmenu2 a:hover, html>body .ssmenu2 a:active,
html>body .menu3 a, html>body .menu3 a:visited, html>body .menu3 a:hover, html>body .menu3 a:active,
html>body .ssmenu3 a, html>body .ssmenu3 a:visited, html>body .ssmenu3 a:hover, html>body .ssmenu3 a:active,
html>body .menu4 a, html>body .menu4 a:visited, html>body .menu4 a:hover, html>body .menu4 a:active,
html>body .ssmenu4 a, html>body .ssmenu4 a:visited, html>body .ssmenu4 a:hover, html>body .ssmenu4 a:active,
html>body .menu5 a, html>body .menu5 a:visited, html>body .menu5 a:hover, html>body .menu5 a:active,
html>body .ssmenu5 a, html>body .ssmenu5 a:visited, html>body .ssmenu5 a:hover, html>body .ssmenu5 a:active,
html>body .menu6 a, html>body .menu6 a:visited, html>body .menu6 a:hover, html>body .menu6 a:active,
html>body .ssmenu6 a, html>body .ssmenu6 a:visited, html>body .ssmenu6 a:hover, html>body .ssmenu6 a:active
html>body .menu7 a, html>body .menu7 a:visited, html>body .menu7 a:hover, html>body .menu7 a:active,
html>body .ssmenu7 a, html>body .ssmenu7 a:visited, html>body .ssmenu7 a:hover, html>body .ssmenu7 a:active
{
    width:auto;
}

/* Les liens sous le curseur. On change les couleurs du texte et de Fond, et on enl�ve le soulignement.*/
.ssmenu0 ul:hover, .ssmenu0 a:hover, .ssmenu0 a:focus, .menu0 a:hover, .menu0 a:focus,
.ssmenu1 ul:hover, .ssmenu1 a:hover, .ssmenu1 a:focus, .menu1 a:hover, .menu1 a:focus,
.ssmenu2 ul:hover, .ssmenu2 a:hover, .ssmenu2 a:focus, .menu2 a:hover, .menu2 a:focus,
.ssmenu3 ul:hover, .ssmenu3 a:hover, .ssmenu3 a:focus, .menu3 a:hover, .menu3 a:focus,
.ssmenu4 ul:hover, .ssmenu4 a:hover, .ssmenu4 a:focus, .menu4 a:hover, .menu4 a:focus,
.ssmenu5 ul:hover, .ssmenu5 a:hover, .ssmenu5 a:focus, .menu5 a:hover, .menu5 a:focus,
.ssmenu6 ul:hover, .ssmenu6 a:hover, .ssmenu6 a:focus, .menu6 a:hover, .menu6 a:focus
.ssmenu7 ul:hover, .ssmenu7 a:hover, .ssmenu7 a:focus, .menu7 a:hover, .menu7 a:focus
{
    background-color: #ffffff;
    color: #dd2424;
    text-decoration:none;
}

/* Si on met une image dans un lien (par exemple un logo � gauche du lien), pas de bordure car c'est vilain :-p */
img {border:none;}

/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
.ssmenu0 img, .ssmenu1 img, .ssmenu2 img, .ssmenu3 img, .ssmenu4 img, .ssmenu5 img, .ssmenu6 img, .ssmenu7 img {margin-right:2px;}

/* Encore un peu exp�rimental, un <hr /> entre deux items pour faire un "s�parateur"... */
.ssmenu0 img.hr, .ssmenu1 img.hr, .ssmenu2 img.hr, .ssmenu3 img.hr, .ssmenu4 img.hr, .ssmenu5 img.hr, .ssmenu6 img.hr, .ssmenu7 img.hr
{
    margin-top:1px;
    margin-bottom:1px;
    margin-left:0;
    margin-right:0;
    width:100%;
    display:block;
}