/* CSS Document */

/* ///////////////////////////////// */
/* ////////// MISE A ZERO ////////// */
/* ///////////////////////////////// */

form, fieldset {
	margin: 0;
	padding: 0;
	font: 100%/120% Arial, Helvetica, sans-serif;
}

html{
	margin: 0 0 50px 0;
	padding: 0 0 50px 0;
	font: 100%/120% Arial, Helvetica, sans-serif;
}

h1, h2, h3, h4, h5, h6, p, pre,
blockquote, ul, ol, dl, address {
	margin: 1em 0;
	padding: 0;
}

li, dd, blockquote {
	margin-left: 1em;
}

form label {
	cursor: pointer;
}
fieldset {
	border: none;
}

input, select, textarea {
	font-size: 100%;
}

img{
border:none;
}


/* ///////////////////////////////// */
/* /////  PROPRIETE GENERALES  ///// */
/* ///////////////////////////////// */

body {
position:abolute;
text-align:center;
background-color:#FFFFFF;
margin:30px 0 0 0;
padding:0 0 0 0;
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:11px;
line-height:14px;
text-decoration:none;
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #EEEEEE;
scrollbar-highlight-color: #EEEEEE;
scrollbar-3dlight-color: #EEEEEE;
scrollbar-darkshadow-color: #CCCCCC;
scrollbar-track-color: #EFEFEF;
scrollbar-arrow-color: #AAAAAA;
}

html {
scrollbar-face-color: #FFFFFF;
scrollbar-shadow-color: #EEEEEE;
scrollbar-highlight-color: #EEEEEE;
scrollbar-3dlight-color: #EEEEEE;
scrollbar-darkshadow-color: #CCCCCC;
scrollbar-track-color: #EFEFEF;
scrollbar-arrow-color: #AAAAAA;
}

a:link { text-decoration:none; color:#000000;}
a:visited { text-decoration:none; color:#000000;}
a:hover { text-decoration:none; color:#666666;}
a:active { text-decoration:none; color:#666666;}


h1, .h1 {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align:center;
color:#000000;
font-size:14px;
line-height:20px;
text-decoration:none;
font-weight:bold;
margin:0 10px 0 10px;
padding:3px 0 0 0;
}

h1, a.h1:link { text-decoration:none; color:#000000; margin:0 10px 0 10px; padding:3px 0 0 0; font-size:14px; line-height:20px; }
h1, a.h1:visited { text-decoration:none; color:#000000; margin:0 10px 0 10px; padding:3px 0 0 0; font-size:14px; line-height:20px;}
h1:hover { text-decoration:none; color:#000000; font-size:14px; line-height:20px;}
a.h1:hover, .h1_active, a.h1_active, a.h1_active:hover { color:#000000; border-top: #000000 1px solid; margin:0 10px 0 10px; padding:3px 0 0 0; font-size:14px; line-height:20px; text-decoration:none;}
h1, a.h1:active { text-decoration:none; color:#000000; margin:0 10px 0 10px; padding:3px 0 0 0; font-size:14px; line-height:20px;}


h2, .h2 {
font-family:Arial, Helvetica, sans-serif;
color:#000000;
font-size:23px;
line-height:24px;
text-decoration:none;
font-weight:normal;
text-align:left;
margin:0 0 15px 0;
padding:0 0 12px 0;
border-bottom:#000000 1px solid;
letter-spacing:-1px;
}
h2, a.h2:link { text-decoration:none; color: #000000; }
h2, a.h2:visited { text-decoration:none; color: #000000; }
h2, a.h2:hover { text-decoration:none; color: #000000; }
h2, a.h2:active { text-decoration:none; color: #000000; }

.menubas {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
text-align:left;
color:#000000;
font-size:14px;
line-height:20px;
text-decoration:none;
font-weight:bold;
margin:0 10px 0 10px;
padding:3px 0 0 0;
width:152px;
background-color:#FFFFFF;
}

a.menubasmenubas:link { text-decoration:none; color:#000000; margin:0 10px 0 10px; padding:3px 0 0 0; font-size:14px; line-height:20px; }
a.menubas:visited { text-decoration:none; color:#000000; margin:0 10px 0 10px; padding:3px 0 0 0; font-size:14px; line-height:20px;}
a.menubas:hover, a.menubas_active, a.menubas_active:hover { color:#000000; border-top: #000000 4px solid; margin:0 10px 0 10px; padding:3px 0 0 0; font-size:14px; line-height:20px; text-decoration:none;}
a.menubas:active { text-decoration:none; color:#000000; margin:0 10px 0 10px; padding:3px 0 0 0; font-size:14px; line-height:20px;}

p, .p {
text-decoration:none;
font-weight:normal;
text-align:justify;
}
p:link { text-decoration:none; }
p:visited { text-decoration:none; }
p:hover { text-decoration:none; }
p:active { text-decoration:none; }



/* ///////////////////////////////// */
/* /////////  MISE EN PAGE  //////// */
/* ///////////////////////////////// */

/* Marges */

.marge0{
margin:0px;
}


/* Float */

.floatleft{
float:left;
}

.floatright{
float:right;
}

.clear{
clear:both;
}

.hidden{
visibility:hidden;
}

/* DIVs */

#container{ /* DIV GLOBAL QUI ENGLOBE TOUS LES AUTRES : IL CENTRE LA PAGE AU MILIEU*/
position:relative;
width:995px;
margin:0 0 0 0;
padding:0 0 0 0;
height:730px;
overflow:visible;
text-align: left;
margin-left: auto;
margin-right: auto;
}
	
#repere{ /* pour le calage vertical*/
position:absolute;
z-index:74;
right:0;
bottom:0;
width:1px;
height:1px;
}




/*************************************/
/* ***** Pour la version Flash ***** */
/*************************************/


#flashcontent{ /* contient le swf */ 
width:995px;
height:570px;
position: absolute;
margin:0 0 0 0;
padding:0 0 0 0;
}


#quickaccessflashfr{
width:995px;
height:140px;
position: absolute;
margin:600px auto 0 auto;
padding:33px 0 0 260px;
text-align:left;
overflow:visible;
z-index:55;
color:#cccccc;
border-top:#DEDEDE 1px solid;
background-image:url(../../html-fr/images/acces-rapide_index.gif);
background-repeat:no-repeat;
background-position:top left;
}

#quickaccessflashuk{
width:995px;
height:140px;
position: absolute;
margin:600px auto 0 auto;
padding:33px 0 0 260px;
text-align:left;
overflow:visible;
z-index:55;
color:#cccccc;
border-top:#DEDEDE 1px solid;
background-image:url(../../html-en/images/acces-rapide_index.gif);
background-repeat:no-repeat;
background-position:top left;
}

html>/**/body #quickaccessflashuk, html>/**/body #quickaccessflashfr{
width:735px;
}

.quickaccesscolonneflash {
float:left;
width:280px;
margin-right:15px;
clear:right;
}





/*************************************/
/* ***** Pour la version Html ***** */
/*************************************/


#header{ /* HEADER avec le logo */ 
z-index:50;
width:995px;
height:85px;
position: absolute;
margin:0 0 0 0;
padding:0 0 0 0;
text-align:center;
/*background-color:#33CCFF;*/
}

#menutop{
width:995px;
height:25px;
position: absolute;
margin:85px 0 0 0;
padding:0 0 0 0;
text-align:center;
color:#000000;
/*background-color:#00CC33;*/
}

#contenu{ /* ZONE DE CONTENU OU VIENDRONT S'INSCRIRE LES DIFFERENTES MISES EN PAGES PROPRES A CHAQUE TEMPLATE */
width:995px;
height:398px;
position: absolute;
margin:110px 0 0 0;
padding:0 0 0 0;
text-align:left;/*
background-color:#CC33FF;*/
}

.fond-blanc{ /* Zone de contenu avec un fond blanc */
background-image:url(../images/bg_rituels.jpg);
background-position:top left;
background-repeat:repeat-x;
}

#menubottom{
width:995px;
height:60px;
position: absolute;
margin:508px 0 0 0;
padding:10px 0 0 0;
text-align:center;
overflow:visible;
z-index:50;
border-bottom:#DEDEDE 1px solid;
}

#menubottom-rituel-body{
	width:530px;
	height:60px;
	position: absolute;
	margin:508px 0 0 0;
	padding:10px 0 0 465px;
	text-align:center;
	overflow:visible;
	z-index:50;
	border-bottom:#DEDEDE 1px solid;
}

.mentionslegales{
padding:18px 0 0 0;
float:right;
}

#choixlangue{
width:995px;
height:50px;
position: absolute;
margin:595px 0 0 0;
padding:32px 0 0 0;
text-align:left;
overflow:visible;
z-index:55;
color:#cccccc;
text-align:center;
border-top:1px solid #e3e3e3;
/*background-image:url(../../html-fr/images/choisir-langue.gif);
background-repeat:no-repeat;
background-position:top left;*/
}

#motsCles{
position: absolute;
width:995px;
height:80px;
margin:685px 0 0 0;
padding:0 0 0 0;
font-size:10px;
color:#dcdcdc;
text-align:justify;
overflow:visible;
}


#accesrapide{
width:995px;
height:140px;
position: absolute;
margin:608px 0 0 0;
padding:3px 0 0 0;
text-align:left;
overflow:visible;
z-index:55;
color:#999999;
/*background-image:url(../../html-fr/images/acces-rapide.gif);
background-repeat:no-repeat;
background-position:top left;*/
}

#quickaccess{
font-family:Arial;
width:650px; /*995-145*/
height:140px;
position: absolute;
margin:608px 0 0 145px;
padding:3px 0 0 120px;
text-align:left;
overflow:visible;
z-index:55;
color:#cccccc;
background-image:url(../../html-en/images/acces-rapide.gif);
background-repeat:no-repeat;
background-position:top left;
}

.titreAccesRapide{
float:left;
width:120px;
margin:-6px 0 0 0;
font-size:13px;
font-weight:bold;
line-height:28px;
color:#747A7A;
}

.quickaccesscolonne {
float:left;
width:281px;
margin-right:15px;
text-align:justify;
}

.quickaccesscolonnefin {
float:left;
width:281px;
text-align:justify;
}

.quickaccess {
color:#cccccc;
font-size:10px;
line-height:14px;
text-decoration:none;
}

a.quickaccess:link { color: #747A7A; text-decoration:none; }
a.quickaccess:visited { color: #747A7A; text-decoration:none; }
a.quickaccess:hover { color: #999; text-decoration:none; }
a.quickaccess:active{ color: #999; text-decoration:none; }

.quickaccesstitre {
color:#cccccc;
font-size:11px;
line-height:14px;
text-decoration:none;
font-weight:bold;
text-transform:uppercase;
}

a.quickaccesstitre:link { color: #747A7A; text-decoration:none; }
a.quickaccesstitre:visited { color: #747A7A; text-decoration:none; }
a.quickaccesstitre:hover { color: #999; text-decoration:none; }
a.quickaccesstitre:active{ color: #999; text-decoration:none; }


/* ///////////////////////////////// */
/* ///////////// TEXTES //////////// */
/* ///////////////////////////////// */

.gris10 {
color:#000000;
font-size:10px;
line-height:12px;
text-decoration:none;
font-weight:normal;
}

a.gris10:link { color: #000000; text-decoration:none; }
a.gris10:visited { color: #000000; text-decoration:none; }
a.gris10:hover { color: #555555; text-decoration:none; }
a.gris10:active{ color: #555555; text-decoration:none; }

.gras{
font-weight:bold;
}

.italic{
font-style:italic;
}

.fondnoir{ /*pour le "PRO" de accès pro dans le menu du haut*/
background-color:#000000;
color:#FFFFFF;
font-weight:bold;
font-size:12px;
padding:0px 2px;
}

.lienbas{
background-image:url(../images/bg_menu-bas.gif);
background-position:top left;
background-repeat:no-repeat;
width:152px;
height:27px;
text-transform:uppercase;
padding:5px 0 0 0;
text-align:left;
float:left;
margin:10px 30px 0 420px;
font-weight:bold;
font-size:14px;
}



/*//////////// MENU DU HAUT TEXTE ////////////////*/

a.lienmenutop {
font-family:Arial, Helvetica, sans-serif;
text-transform:uppercase;
color:#000000;
font-size:14px;
text-decoration:none;
font-weight:bold;
text-align:center;
margin:0 10px 0 10px;
padding:0 0 0 0;
}
a.lienmenutop:link { text-decoration:none; border-top:#FFFFFF 0px solid; color:#000000; }
a.lienmenutop:visited { text-decoration:none; border-top:#FFFFFF 0px solid; color:#000000;}
a.lienmenutop:hover { text-decoration:none; border-top:#000000 1px solid; color:#000000;}
a.lienmenutop:active { text-decoration:none; border-top:#000000 1px solid; color:#000000;}


/*//////////// DEFILEMENT SALONS ////////////////*/
	#salonsDefilement{
		position:absolute;
		top:0;
		left:0;
		width:396px;
		height:398px;
	}
	
	.opacite0{
		filter:alpha(opacity=0);
		-moz-opacity:0;
		opacity:0;
	}

	.opacite10{
		filter:alpha(opacity=10);
		-moz-opacity:0.1;
		opacity:0.1;
	}
	
	.opacite20{
		filter:alpha(opacity=20);
		-moz-opacity:0.2;
		opacity:0.2;
	}
	
	.opacite30{
		filter:alpha(opacity=30);
		-moz-opacity:0.3;
		opacity:0.3;
	}
	
	.opacite40{
		filter:alpha(opacity=40);
		-moz-opacity:0.4;
		opacity:0.4;
	}
	
	.opacite50{
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		opacity:0.5;
	}
	
	.opacite60{
		filter:alpha(opacity=60);
		-moz-opacity:0.6;
		opacity:0.6;
	}
	
	.opacite70{
		filter:alpha(opacity=70);
		-moz-opacity:0.7;
		opacity:0.7
	}
	
	.opacite80{
		filter:alpha(opacity=80);
		-moz-opacity:0.8;
		opacity:0.8;
	}
	
	.opacite90{
		filter:alpha(opacity=90);
		-moz-opacity:0.9;
		opacity:0.9;
	}
	
	.opacite100{
		filter:alpha(opacity=100);
		-moz-opacity:1;
		opacity:1;
	}
	
	#salonsDefilementVisuels div{
		position:absolute;
		top:0;
		left:0;
	}
	
	#salonsDefilementBandeau{
		position:absolute;
		bottom:0;
		left:0;
		z-index:30;
		width:396px;
		height:21px;
		background-color:#fff;
		filter:alpha(opacity=50);
		-moz-opacity:0.5;
		opacity:0.5;
	}
	
	#salonsDefilementTextes{
		
	}
	
	#salonsDefilementTextes p{
		position:absolute;
		bottom:0;
		left:0;
		width:396px;
		height:18px;
		margin:0;
		padding:3px 0 0 0;
		color:#000;
		text-align:center;
		font-size:90%;
		font-weight:bold;
	}
/*//////////// DEFILEMENT SALONS ////////////////*/