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

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;
*/

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

/*toutes les pages des menus*/
#centre, #debutgalerie
{
	/* background-color: #ffffff;  /*Background Color*/
	background-image:url(Texture/Fond2010.png);
	-background-image:none;
	background-attachment: fixed; /*Fixed Picture*/
	background-position: 184px 130px !important; /*For Firefox, Opera*/
	-background-position: 0px 0px; /*For IE6*/
	border: 1px;
	-border: 0px;
	width: 680px;
	height: 489px;
	max-height: none;
	padding: 0;
    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 0px 0px 174px; /* marges (TopFrameDiv RightFrameDiv BottomFrameDiv LeftFrameDiv) */
	}

#centre
{
    margin: 0px 0% 0% 176px !important; /* marges (TopFrameDiv RightFrameDiv BottomFrameDiv LeftFrameDiv) */
	*margin: 60px 0px 0px 174px; /* marges (TopFrameDiv RightFrameDiv BottomFrameDiv LeftFrameDiv) */
	*top: 71px; /*For IE7*/
	*position:absolute; /*For IE7*/
	-top: 72px; /*For IE6*/
}
#debutgalerie
{
	padding: 0px 25px 0px;
    margin: 0px 0% 0% 176px !important; /* marges (TopFrameDiv RightFrameDiv BottomFrameDiv LeftFrameDiv) */
	*margin: 60px 0px 0px 174px; /* marges (TopFrameDiv RightFrameDiv BottomFrameDiv LeftFrameDiv) */
	-margin: 0px 0% 0% 174px;  /*For IE5-6*/
}

/*IE6 hack*/
/* html > body {overflow-y: auto} /* annule le overflow-y pour firefox 1.5 et sup�rieur */
/* * html #centre { overflow-y: auto; }      /* annule le overflow-y pour firefox 1.5 et sup�rieur */
* html #menufixe {width: 680px;}

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

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

#gauche, #gauchebalise
{
	left: 24px;
	width: 160px;
	height: 620px;
	background-color: #ffffff; /*Background Color*/
}

#gauche
    {
    background-image:url(Texture/Gauche2010.png);   /*Background Picture*/
    color: black;  /*Font Color*/
    }

#gauchebalise /* Definition de la balise UL de gauche */
{
	margin: 0px;
	padding: 0px; /* On s'assure qu'il n'y aura aucun decalage autour du menu */
	list-style:none; /* On supprime les puces pour les elements LI de la balise */
	background: url(Texture/Gauche2010.png); /* Background de la balise */
}

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

#playbook /* Definition de la balise UL du Playbook*/
{
	top: 201px;
	*top: 203px; /*For IE7*/
	-top: 201px; /*For IE6*/
	left: 545px;
	margin: 0px;
	padding: 0px; /* On s'assure qu'il n'y aura aucun decalage autour du menu */
	position:absolute;
}

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

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

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

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

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

.KeyNamme
    {
    position: absolute;
    top: 489px !important; /*For Firefox Opera*/
	*top: 496px; /*For IE6, IE7*/
	-top: 509px; /*For IE6*/
    left: 26px;
    }

.KeyPass
    {
    position: absolute;
    top: 535px !important; /*For Firefox Opera*/
	*top: 549px; /*For IE6, IE7*/
    left: 26px;
    }

.KeyValid
    {
    position: absolute;
    top: 486px !important; /*For Firefox Opera*/
    *top: 550px; /*For IE6, IE7*/
    left: 30px;
    }

/* --------------------- 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;
}

#cartesuisse
{
	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:585px;  height:375px; /* hauteur de base et une largeur de base de la balise */
	top:20px;
  	left:40px;
}

#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 */
}

#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:145px;  height:50px; /* hauteur de base et une largeur de base de la balise */
	top: 530px; /* position depuis le bord haut de son conteneur : la balise UL */
	left: 8px;  /* 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 */
}
#linkfacebook /* Lien direct Facebook */
{
	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 */
	top: 330px; /* position depuis le bord haut de son conteneur : la balise UL */
	left: 10px;  /* 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 */
}
#likefacebook /* j'aime Facebook */
{
	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:120px;  height:24px; /* hauteur de base et une largeur de base de la balise */
	top: 332px; /* position depuis le bord haut de son conteneur : la balise UL */
	left: 37px;  /* 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 */
}
#mailcontact /* 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:145px;  height:20px; /* hauteur de base et une largeur de base de la balise */
	top: 363px; /* position depuis le bord haut de son conteneur : la balise UL */
	left: 8px;  /* 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 : 280px !important; /*For Firefox Opera*/
	*top : 300px; /*For IE6, IE7*/
	left : 5px;
	width: 140px;
	padding: 0.5em;
	background: transparent;
	line-height: 1.2;
	font-size: 11px;  /*For Firefox, IE7*/
	-font-size: 10px;  /*For IE6*/
}
/* ------------------------------ Scroller-----------------*/
.VScroller
    {
    position: absolute;
    top: 270px !important; /*For Firefox Opera*/
	*top: 278px; /*For IE6, IE7*/
    left: 10px;
    font-family: "Comic Sans MS", Arial, "MS Sans Serif", sans-serif;
    font-size:12px;
    font-weight:normal;
    }
/* ---------------Format des tableau -----------------*/
table
    {
    width:640px;
    border-collapse: collapse;
 	*border-right: 1px solid #c0c0c0; /*For IE6, IE7*/
    *border-left: 1px solid #c0c0c0; /*For IE6, IE7*/
    }
#space2, #space5, #space10,
    {
    width:640px;
    border-collapse: collapse;
    border: 0px;
    }
#space2 { height: 2px; } /*Height of table space*/
#space5 { height: 5px; } /*Height of table space*/
#space10 { height: 10px; } /*Height of table space*/

#caption_titre, #caption_page, #caption_alert , #caption_msg
    {
    border: 1px solid #907070;
    border-collapse: collapse;
    padding: 2px;
    font-family: "Lucida Sans", Arial, "MS Sans Serif", sans-serif;
    text-align:center;
    }
#caption_titre
    {
	color:#dd2424;
	font-size:20px;
	font-weight:bold;
    }
#caption_page
    {
	color:#dd2424;
	font-size:14px;
	font-weight:bold;
    }
#caption_alert
    {
	color:#000180;
	font-size:18px;
	font-weight:normal;
    }
#caption_msg
    {
	color:#dd2424;
	font-size:14px;
	font-weight:normal;
    }
#tbody_select
    {
    border-collapse: collapse;
	border: 0px;
    font-family: "Lucida Sans", Arial, "MS Sans Serif", sans-serif;
    text-align:center;
    }
#tbody_page_s, #tbody_page, #tbody_list, #tbody_menu, #tbody_top
    {
    border-collapse: collapse;
	border: 1px solid #c0c0c0;
    font-family: "Lucida Sans", Arial, "MS Sans Serif", sans-serif;
    text-align:center;
    }
#tbody_page_s
    {
 	color:#000180;
 	font-size:11px;
 	font-weight:normal;
    }
#tbody_page
    {
 	color:#000180;
 	font-size:12px;
 	font-weight:normal;
    }
#tbody_list
    {
 	color:#000180;
 	font-size:14px;
 	font-weight:normal;
    }
#tbody_menu
    {
 	color:#000180;
 	font-size:14px;
 	font-weight:bold;
    }
#tbody_top
    {
 	color:#dd2424;
 	font-size:14px;
 	font-weight:normal;
    }
td
    {
    *border-top: 1px solid #c0c0c0; /*For IE6, IE7*/
    border-bottom: 1px solid #c0c0c0; /*For IE6, IE7*/
    font-family: Arial, "MS Sans Serif", sans-serif;
    padding: 1px;
    padding-top:3px;
	padding-bottom:3px;
    }

textarea
    {
	font-size:12px;
    font-family: "Lucida Sans", Arial, "MS Sans Serif", sans-serif;
    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: #000180;
    font-size:16px;
    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: #000180;
    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: #671a65;
    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, .menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7
    {
    color: black;  /*Font Color*/
    font-size:12px;
    border:0px solid #b0b0b0;
    padding:1px;
	opacity: 0.95 !important; /*For Firefox Opera*/
	*opacity: 0.95; /*For IE6, IE7*/
    /* width et margin sont au cas ou le javascript est désactivé. */
    width:15em;
    margin:1em;
    }
.ssmenu0, .ssmenu1, .ssmenu2, .ssmenu3, .ssmenu4, .ssmenu5, .ssmenu6, .ssmenu7
    {
    color: black;  /*Font Color*/
    font-size:12px;
    border:0px solid #909090;
    padding:1px;
	opacity: 0.95 !important; /*For Firefox Opera*/
	*opacity: 0.95; /*For IE6, IE7*/
    /* width et margin sont au cas ou le javascript est désactivé. */
    width:15em;
    margin:1em;
    }
/*menu index0 : défaut*/
.menu0 {background-color: transparent;}

/*page index0 : défaut*/
.ssmenu0 {background-color: #f9d9b4;}

/*menu index1 à 7*/
.menu1, .menu2, .menu3, .menu4, .menu5, .menu6, .menu7
{background-color: #b39379;}

/*page index1 à 7*/
.ssmenu1, .ssmenu2, .ssmenu3, .ssmenu4, .ssmenu5, .ssmenu6, .ssmenu7
{background-color: #f9d9b4;}

/* .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, .menu1 span, .ssmenu1 span, .menu2 span, .ssmenu2 span, .menu3 span, .ssmenu3 span, .menu4 span, .ssmenu4 span,
.menu5 span, .ssmenu5 span, .menu6 span, .ssmenu6 span, .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: "Lucida Sans", Arial, "MS Sans Serif", sans-serif;
    text-decoration:none;
	font-weight:normal;
    color:#001d1d;
    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: #d4c3b4;
    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;
    }