@charset "utf-8";
/* CSS Document */
body { font-family:Arial, Helvetica, sans-serif; font-size:10px; background-color:#000; margin:0; background-image:url(images/rayen_fond_body_degrade.gif); background-repeat:repeat-x; }
#BodyFondFleur { background-image:url(images/rayen_fond_body.gif); background-repeat:no-repeat; height:763px; width:980px}
#Logo { width:130px; height:125px; top:53px; left:61px; float:left; position:absolute; background-image:url(images/logo.png); background-repeat:no-repeat}
#Menu {width:680px; height:100px;top:55px; left:280px; float:left; position:absolute}
#Menu ul { list-style:none; display:inline}
#Menu li { color:#FFF; font-size:14px; font-weight:bold; float:left; padding:0px 10px 0px 10px; font-family:Papyrus}
#Menu a { display:block; text-decoration:none; text-align:center; color:#FFF}

#MenuAdmin {width:900px; height:100px;top:55px; left:100px; float:left; position:absolute}
#MenuAdmin ul { list-style:none; display:inline}
#MenuAdmin li { color:#FFF; font-size:14px; font-weight:bold; float:left; padding:0px 10px 0px 10px; font-family:Papyrus}
#MenuAdmin a { display:block; text-decoration:none; text-align:center; color:#FFF}

#MenuClient {width:600px; height:100px;top:55px; left:380px; float:left; position:absolute}
#MenuClient ul { list-style:none; display:inline}
#MenuClient li { color:#FFF; font-size:14px; font-weight:bold; float:left; padding:0px 10px 0px 10px; font-family:Papyrus}
#MenuClient a { display:block; text-decoration:none; text-align:center; color:#FFF}


#Icones {top:12px; left:900px ;float:left; position:absolute}

#Formulaire { width:314px; height:208px;top:125px; left:650px; float:left; position:absolute; background-image:url(images/rayen_connexion.png); background-repeat:no-repeat; color:#FFF}
#Formulaire .Finput{ text-align:left;
	border:#666 3px solid;
	height:25px;
	width:110px
}
#Formulaire td { text-align:left; height:25px; padding-left:20px; width:165px}
#Formulaire td a, #Formulaire td a:visited { color:#FFF; text-decoration:none}
#Formulaire td a:hover { text-decoration:underline}
.TableFormClient{ padding:-5px 0px 0px 20px;}
.BoutonFormClient {font-family:Arial; font-size:14px; font-weight:bold;color:#FFF; background-color:#101011; text-align:center; border:none; padding-top:2px; padding-left:2px}
#rayen_foto_index{  width:320px; height:280px; top:415px; left:650px; float:left; position:absolute;; border:#CCC 2px solid }
#rayen_foto_siege { border:0px; top:415px; left:650px; float:left; position:absolute}

h1 { text-align:left; color:#FFF; font-size:18px; text-transform:uppercase; background-image:url(images/fleur.png); background-position:left; background-repeat:no-repeat; padding:25px }

h2 { color:#FFF; font-size:18px; background-image:url(images/fleur_pm.png); background-position:left; background-repeat:no-repeat; padding-left:20px }

h3 { color:#FFF; font-size:18px; padding-top:2px }

h4 { text-align:left; color:#FFF; font-size:18px; text-transform:uppercase;}
/*h4{ text-align:center; font-weight:bold; font-size:18px; color:#FFF; margin-bottom:2px}*/

#Formulaire3 { width:314px; height:208px;top:125px; left:757px; float:left; position:absolute; background-image:url(images/rayen_connexion.png); background-repeat:no-repeat; color:#FFF}
#Formulaire3 td { text-align:left; height:25px; padding-left:20px; width:165px ; font-weight:bold ; font-size:18}
#Formulaire3 a { text-align:left; height:25px; padding-left:20px; width:165px; font-weight:bold ; font-size:14 }


.Texte {color:#FFF; font-size:12px;}
.Texte h3 { color:#FFF; font-size:14px; padding-left:40px}
.Texte ul { color:#FFF; font-size:12px; padding-left:80px; list-style-image:url(images/fleur2.png);}




#texte_index{ width:580px; top:357px; left:46px; float:left; position:absolute; color:#FFF; font-size:12px }


#texte_index a { color:#bd1f1a; text-decoration:none; text-transform:uppercase}
#texte_index a:hover { text-decoration:underline }

#texte_index2{ width:850px; top:357px; left:46px; float:left; position:absolute; color:#FFF; font-size:12px }


#texte_index2 a { color:#bd1f1a; text-decoration:none; text-transform:uppercase}
#texte_index2 a:hover { text-decoration:underline }

#texte_index3{top:354px; left:42px; float:left; position:absolute; color:#FFF; font-size:12px }


#texte_index3 a { color:#bd1f1a; text-decoration:none; text-transform:uppercase}
#texte_index3 a:hover { text-decoration:underline }


#contact {top:354px; left:430px; float:left; position:absolute;font-weight:bold}
#contact th { font-size:20px ; color:#999; text-align:center; height:80px;width:200px;}
#contact td { font-size:14px ; color:#FFF; text-align:left; height:20px ; width:150px;}

#contact3 {top:354px; left:750px; float:left; position:absolute;font-weight:bold}
#contact3 th { font-size:20px ; color:#999; text-align:center; height:80px;width:200px;}
#contact3 td { font-size:14px ; color:#FFF; text-align:left; height:20px ; width:150px;}





#contact2 {top:380px; left:670px; float:left; position:absolute; font-weight:bold}
#contact2 th { font-size:20px ; color:#999; text-align:center; height:50px;width:200px;}
#contact2 td { font-size:14px ; color:#FFF; text-align:left; height:100px ; width:350px;}

.TabPage{}
.TabPageTexte{ width:800px; height:250px; top:350px; left:100px; float:left; position:absolute; color:#FFF; font-size:12px }



#date {top:12px; left:700px ;float:left; position:absolute ;text-align:center; color:#FFF ; font-size:10px }
#Collections {top:300px; left:100px ;float:left; position:absolute ;text-align:left; font-weight:bold; font-size:12px}
#Collections td {width:150px;}
#Collections a {text-decoration:none; display:block ; color:#FFF }
#galerie1 {top:300px; left:100px ; font-size:20px ; color:#999; text-align:center; height:50px;width:200px;}

.TabForm{ padding-top:38px; width:280px}
.TabForm input{ border:#666 3px solid; height:23px}
.TabForm img { border:0px}


/*footer*/
#footer_main { top:900px; position:absolute; width:100%;  background-color:#bb2217; height:30px; color:#000 ; font-size:12px; text-align:center;}
#footer {text-indent:13px; padding:8px 0 0px 0}
#footer a {color:#FFF; text-decoration:none; font-weight:bold}
#footer a:hover {text-decoration:none; color:#06F}

#PageAdminModif{ top:1200px; position:absolute;width:100%;  background-color:#bb2217; height:30px; color:#000 ; font-size:12px; text-align:center; p}



.TabFormTexte2{ font-weight:bold; font-size:12px; text-align:right}
.TabForm th { width:100px; font-size:14px; text-align:left; height:30px}
.LirePlus a { color:#F00; text-decoration:none; text-transform:uppercase}
.LirePlus a:hover { text-decoration:underline; }
.TabBoutiques{top:250px; width:700px;color:#FFF; left:300px; position:absolute}
.TabBoutiquesTexte{ font-size:14px; text-align:left; height:30px}
.TabBoutiques th { width:200px; font-size:14px; text-align:left; height:50px; font-weight:bold}
.TabBoutiquesTitre{ width:400px; font-size:20px; text-align:justify; height:70px; font-weight:bold}



#TabClient {width:900px;top:357px; left:50px; float:left; position:absolute;font-weight:bold}
#TabClient table.TabBorder { border:#FFF 1px solid; }
#TabClient th { font-size:18px; color:#FFF; text-align:center; }
#TabClient td { font-size:12px; color:#FFF; text-align:left; font-weight:normal  }
#TabClient td input, #TabClient td textarea { font-size:12px; color:#000; text-align:left; font-weight:normal; border-top:#FFF 1px solid;  }
#TabClient td input.Bouton { color:#FFF; text-align:center;}
#TabClient table.TabBorder td { font-size:12px; color:#FFF; text-align:left; border-top:#FFF 1px solid; font-weight:normal  }
#TabClient td a { font-size:12px ; color:#FFF; text-align:left;  }
#TabClient td a.active { font-size:12px ; color:#bd1f1a; text-align:left;  }




/************************style admin**********************************/
#Formulaire2 { width:314px; height:208px;top:220px; left:360px; float:left; position:absolute; background-image:url(images/rayen_connexion.png); background-repeat:no-repeat; color:#FFF; }
#Formulaire2 .Finput{ text-align:left;
	border:#666 3px solid;
	height:25px;
	width:110px
}
#Formulaire2 td { text-align:left; }

#PageAdmin{ width:320px;top:150px; left:80px; float:left; position:absolute; height:410px; background-image:url(images/fond-rayen.png); background-repeat:no-repeat }
#PageAdmin th{ text-align:center; font-weight:bold; font-size:14px; color:#FFF; background-color:#666 }
#PageAdmin td{ text-align:justify; font-size:12px; color:#FFF;}
#PageAdmin img { border:0px}
#PageAdmin a{ color:#FFF;  }


#AdminAction{ width:550px;top:150px; left:420px; float:left; position:absolute;font-size:12px;}
#AdminAction th{ text-align:center; height:130; font-weight:bold; font-size:14px; color:#FFF; background-color:#999 ;width:120px}
#AdminAction table td{ text-align:justify; color:#FFF; }
#AdminAction table td.Titre{ text-align:right; width:150px; font-weight:bold; vertical-align:top}
#AdminAction table td input, #AdminAction table td select{ border:1px #000 solid}

.Thumb {width: 150px; height:120px}
.Bouton {color:#F00; background-color:#000; text-align:center; border:#FFF 1px solid; padding-top:2px; padding-left:2px}
#AdminAction img { border:0px}





#PageAdminPassword{ width:500px;top:200px; left:270px; float:left; position:absolute; background-color:#333 }
#PageAdminPassword th{ text-align:center; height:130; font-weight:bold; font-size:14px; color:#FFF; background-color:#999 ;width:120px}
#PageAdminPassword td{ text-align:justify; height:100; font-weight:bold; font-size:12px; color:#FFF; width:120px}
#PageAdminPassword img { border:0px}





#AdminSession{ width:100%;top:0px;float:left; position:absolute;}
#AdminSession td{ text-align:center; height:100; font-size:14px; color:#000; width:150px; font-weight:bold}
#AdminSession a{ text-align:center; height:100; font-size:14px; color:#FFF; width:150px; font-weight:bold}
#AdminSession a:hover {text-decoration:none; color:#06F}
/***********************/
h6{ text-align:center; font-weight:bold; font-size:16px; color:#F00;width:250px;}
.TabLoginAdmin{ padding-top:0px; width:315px; }
.TabLoginAdmin input{ border:#666 3px solid; height:23px}
.TabLoginAdmin th { height:37px;color:#FFF; font-size:18px; text-transform:uppercase; text-align:left}
.TabLoginAdmintd { height:37px; color:#FFF; font-size:18px; font-weight:bold; text-transform:uppercase }





/**************************************************************************/

#imageFlow {
		position: absolute;
		width: 100%;
		height: 300px;
		left: 300px;
		top: 90px;
		overflow: hidden;
	}
	#imageFlow .diapo {
		position: absolute;
		left: -1000px;
		cursor: pointer;
		-ms-interpolation-mode: nearest-neighbor;
	}
	#imageFlow .link {
		border: dotted #000 1px;
		margin-left: -1px;
		margin-bottom: -1px;
	}
	#imageFlow .bank {
		visibility: hidden;
	}
	#imageFlow .top {
		position: absolute;
		width: 100%;
		height: 40%;
	}
	#imageFlow .text {
		position: absolute;
		left: 0px;
		width: 100%;
		bottom: 16%;
		text-align: center;
		color: #fff;
		font-family: verdana, arial, Helvetica, sans-serif;
		z-index: 1000;
	}
	#imageFlow .title {
		font-size: 0.9em;
		font-weight: bold;
	}
	#imageFlow .legend {
		font-size: 0.8em;
	}
	#imageFlow .scrollbar {
		position: absolute;
		left: 10%;
		bottom: 10%;
		width: 80%;
		height: 16px;
		z-index: 1000;
	}
	#imageFlow .track {
		position: absolute;
		left: 1%;
		width: 98%;
		height: 16px;
		filter: alpha(opacity=30);
		opacity: 0.3;
	}
	#imageFlow .arrow-left {
		position: absolute;
	}
	#imageFlow .arrow-right {
		position: absolute;
		right: 0px;
	}
	#imageFlow .bar {
		position: absolute;
		height: 16px;
		left: 25px;
	}
	
	
	
	
