.CLASS_tab_sous_menu
{
	width:500px;
}

.CLASS_tab_sous_menu_tab:hover
{
	background: #cfd1d2;/*9fd2e3*/
	font-size:14px;
	font-weight: bold;	
}

#IDLiseretHautDroit{
    width: 30px; /* A remplacer par la taille de ta div */
    /*height: 500px;  Pareil qu'au-dessus */
    background: url(/images/Liseret_150x2280.png) top right no-repeat;
}

input {
	border: 1px solid rgb(0, 0, 0); color: rgb(0, 0, 0);
}
textarea {
	border: 1px solid rgb(0, 0, 0); color: rgb(0, 0, 0);
}
input:focus {
	border-color: rgb(204, 204, 204); outline: rgb(204, 204, 204) solid 1px; background-color: rgb(238, 238, 238);
}
textarea:focus {
	border-color: rgb(204, 204, 204); outline: rgb(204, 204, 204) solid 1px; background-color: rgb(238, 238, 238);
}

.ui-tabs
{
	background-color: transparent;
    height: 185px; 
	width: 417px; 
	font-size:11px; 
	padding: 0px; 
    background: none; 
    border-width: 0px; 
}

/*.ui-tabs-panel
{
	background-color: transparent;
    height: 150px; 
	font-size:10px;	
}

.ui-tabs .ui-tabs-nav  li a
{
	background-color: transparent;
    height: 15px; 
	font-size:11px; 
}


.ui-tabs-nav {
    background: transparent;
    border-width: 0px 0px 0px 0px;
}*/
/*cas 1*/
/*.ui-tabs-nav { 
    padding-left: 0px; 
    background: transparent; 
    border-width: 0px 0px 1px 0px; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
.ui-tabs-panel { 
    background: #f5f3e5; 
    border-width: 0px 1px 1px 1px;
	font-size:10px; 
}

.ui-tabs .ui-tabs-nav  li a
{
	height: 15px; 
	font-size:11px; 
}*/

/*cas 2 */
.CLASS_separation_ligne_tab { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #bebfbf; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 

.ui-widget-header { 
    background: transparent; 
    border: none; 
    border-bottom: 1px solid #bebfbf; 
    -moz-border-radius: 0px; 
    -webkit-border-radius: 0px; 
    border-radius: 0px; 
} 
.ui-tabs-nav .ui-state-default { 
    background: transparent; 
    border: none; 
} 
.ui-tabs-nav .ui-state-active { 
    background: transparent url(../images/uiTabsArrow.png) no-repeat bottom center; 
} 
.ui-tabs-nav .ui-state-default a { 
    !color: #f5f3e5; 
} 
.ui-tabs-nav .ui-state-active a { 
    color: #bebfbf; 
}

.ui-tabs-nav {
    background: transparent;
    border-width: 0px 0px 1px 0px;
}

.ui-tabs .ui-tabs-nav li a
{
    outline-color: transparent;
}

	


.monScrollPersoVertical {
	height : 243px;
	width : 150px;
	text-align:center;
}

.monScrollPersoVertical .content {
	overflow : auto; /* Permet au personnes ayant désactivé le javascript de pouvoir lire la suite du texte */
	white-space : nowrap;
	height : 200px;
}

/* IE6 */
* html .monScrollPersoVertical .content 
{
	height : 200px;	
}

.monScrollPersoVertical .top {
	height : 13px;	
	text-align:center;
}

.monScrollPersoVertical .bottom {
	height : 15px;
	text-align:center;
	padding : 2px;		
}

.monScrollPersoVertical .content 
{
	overflow : hidden;
}

.monScrollPersoVertical .contentGeneral 
{
	overflow : hidden;
	padding : 2px;
	
	border: 1px solid white;
}

.monScrollPersoHorizontal {
	width : 430px;
}

.monScrollPersoHorizontal .content {
	overflow : auto; /* Permet au personnes ayant désactivé le javascript de pouvoir lire la suite du texte */
	white-space : nowrap;
	width : 390px;
}

/* IE6 */
* html .monScrollPersoHorizontal .content {
	width : 390px;
}

.monScrollPersoHorizontal .left {
	width : 20px;
	text-align:center;	
}

.monScrollPersoHorizontal .right {
	width : 20px;
	text-align:center;	
}

.monScrollPersoHorizontal .content 
{
	overflow : hidden;
}

.monScrollPersoHorizontal .contentGeneral 
{
	overflow : hidden;
	padding : 2px;
	width : 376px;
	
	border: 1px solid white;
}

.CLASS_AffichageProduit
{
	display: none;
	width: 500px;
	height: 430px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -215px;	
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.85;
	opacity:.85;
	filter: alpha(opacity=85);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;
	
}

.CLASS_TITRE_PRESTATION
{
	font-family: "black_jack", Helvetica, Arial, sans-serif;
	font-style: normal;
    font-weight: bold;
    FONT-SIZE:18px;
	text-align:left
}
 
.CLASS_IMAGE_PRODUIT
{
	border: 1px solid white;
	BORDER-RIGHT-WIDTH: 3px; BORDER-TOP-WIDTH: 3px; BORDER-BOTTOM-WIDTH: 15px; BORDER-LEFT-WIDTH: 3px;
	box-shadow:8px 8px 12px #333333;	
}

.CLASS_DESCRIPTIF_PRODUIT
{
	border: 1px solid white;
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;	
	HEIGHT:151px;
	overflow: auto;	
	PADDING-LEFT: 20px; PADDING-RIGHT: 20px;; PADDING-RIGHT: 10px;
	WIDTH:395px;
}

.CLASS_DESC_IMG_PRODUIT
{
	HEIGHT:240px;
	overflow: auto;	
	PADDING-LEFT: 10px; PADDING-RIGHT: 10px;PADDING-TOP: 10px; PADDING-BOTTOM: 10px;
}

.CLASS_MESSAGE_ACCUEIL
{
	text-align:left;
	font-size:30px;
	font-family: "ruthieregular", Helvetica, Arial, sans-serif;
	font-style: normal;
    font-weight: bold;    
}

#ID_Navigation
{
	position:relative;
	LEFT:-4px;
	TOP:11px;
	HEIGHT:20px;
	background-color:#bebfbf;/*0078ff*/
	WIDTH:914px;
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;
	box-shadow:8px 8px 12px #333333;
	-moz-opacity:0.75;-khtml-opacity:0.75;opacity:0.75;
	color:white;
	FONT-WEIGHT: bold;
	z-index:10;
}


#Animation_fleur_visage
{ 
	top:10px;
	position:absolute;	
	width:113px; 
    height:150px;		
}
#image_fleur_visage
{    
	cursor:pointer;    
	width:113px;    
	height:150px;
	-moz-opacity:0;-khtml-opacity:0;opacity:0;
	visibility:hidden;
}

#Animation_fleur
{    
	width:150px;    
	margin:0px auto;
	top:200px;
	height:150px;    
	margin-top:50px;
	position:absolute;
}
#image1
{    
	float: none;
	position:absolute;    
	left:0px;top:0px;
	cursor:pointer;    
	width:113px;    
	height:150px;
	-moz-opacity:1;-khtml-opacity:1;opacity:1;
}
#image2
{   
	float: none;
	position:absolute;    
	left:0px;
	top:0px;
	cursor:pointer;    
	width:113px;    
	height:150px;
	-moz-opacity:0;-khtml-opacity:0;opacity:0;    
}

A IMG {
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
A CODE {
	COLOR: #3b81be
}
HTML {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

OL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
UL {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
FORM {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
FIELDSET {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px;
	BORDER-RIGHT-WIDTH: 0px; BORDER-TOP-WIDTH: 0px; BORDER-BOTTOM-WIDTH: 0px; BORDER-LEFT-WIDTH: 0px
}
TEXTAREA {
	
}
ABBR {
	BORDER-BOTTOM: #accb41 1px dotted
}


#ID_SEPARATEUR_ARABESQUE 
{
	BACKGROUND: url(../images/arabesque-4.png) no-repeat;
	-moz-opacity:0.10;
	-khtml-opacity:0.10;
	opacity:0.10;
	WIDTH:300px;
	HEIGHT:50px;	
}

.black_overlay{
				display: none;
				position: fixed;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%px;
				background-color: black;
				z-index:9998;
				-moz-opacity: 0.75;
				opacity:.75;
				filter: alpha(opacity=75);
				min-height: 100%;}
				
#debug
{
	position: absolute;
	width: 400px;
	height: 500px;
	background-color: black;
	z-index:99997;
	overflow: auto;
	-moz-opacity: 0.65;
	opacity:.65;
	filter: alpha(opacity=65);
	border: 2px solid white;
	box-shadow:8px 8px 12px #333333;
	COLOR: #ffffff;
	cursor:pointer;	
}
				
.black_overlay_attente{
				display: block;
				position: fixed;
				top: 0px;
				left: 0px;
				width: 100%;
				height: 100%;
				background-color: black;
				z-index:9998;
				-moz-opacity: 0.85;
				opacity:.85;
				filter: alpha(opacity=85);
				min-height: 100%;}
			
.CLASS_se_connecter
 {
	display: none;
	width: 400px;
	height: 270px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -200px; 
	margin-top: -135px;	
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);				
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;
}
			
.CLASS_Renvoyer_le_mot_de_passe 
{
	display: none;
	width: 450px;
	height: 270px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -135px;	
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;	
}

.CLASS_Liste_client 
{
	display: none;
	width: 450px;
	height: 400px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -200px;	
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;	
}


.CLASS_Liste_prestation 
{
	display: none;
	width: 450px;
	height: 400px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -200px;	
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;	
}

.CLASS_Liste_produit 
{
	display: none;
	width: 450px;
	height: 400px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -200px;	
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;	
}

.CLASS_Message
{
	display: none;
	width: 450px;
	height: 270px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -135px;	
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;
	
}

.CLASS_confirmation_DROP 
{
	display: none;
	width: 500px;
	height: 200px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -100px;	
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;	
}

.CLASS_afficher_attente 
{
	width: 400px;
	height: 300px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -200px;
	margin-top: -150px;
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;	
	box-shadow:8px 8px 12px #333333;
	BACKGROUND: url(../images/ENATAE_Pacifique_3.jpg) no-repeat;
	font-size:14px;
}

.CLASS_confirmation_DROP 
{
	display: none;
	width: 500px;
	height: 200px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -250px;
	margin-top: -100px;	
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;	
}

#ID_affichage_Nouveaute
{
	display: none;
	width: 470px;
	height: 450px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -235px;
	margin-top: -225px;
	padding: 0px;
	border: 4px solid white;
	background-color: #c1b126;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:0.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;              
	box-shadow:8px 8px 12px #333333;
	font-size:14px;
}

#ID_affichage_Abonnement 
{
	display: none;
	width: 470px;
	height: 280px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -235px;
	margin-top: -140px;
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;	
	box-shadow:8px 8px 12px #333333;
	font-size:14px;
}

#ID_affichage_Parrainage 
{
	display: none;
	width: 450px;
	height: 380px;
	position: fixed;
	left: 50%;
	top: 50%;
	margin-left: -225px;
	margin-top: -190px;
	padding: 0px;
	border: 4px solid white;
	background-color: #39a6c5;
	z-index:9999;
	overflow: auto;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	-moz-border-radius: 4px 4px 4px 4px; 
	-webkit-border-radius: 4px 4px 4px 4px; 
	border-radius: 4px 4px 4px 4px;	
	box-shadow:8px 8px 12px #333333;
	font-size:14px;
}

.CLASS_liste 
{
	padding: 0px;
	border: 1px solid white;
	background-color: #39a6c5;
	z-index:1003;
	-moz-opacity: 0.75;
	opacity:.75;
	filter: alpha(opacity=75);
	font-size:12px;
	border:1pt None Black;border-right:1pt Solid Black;border-left:1pt Solid Black;border-bottom:1pt Solid Black;border-top:1pt Solid Black;	
}

#print {
	DISPLAY: none
}

#global {
	MARGIN: 0px auto; 
	WIDTH: 990px;
	-moz-opacity:0.40;
	-khtml-opacity:0.40;
	opacity:0.40;
	min-height: 100%;
}
#page {
	PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; 
	BACKGROUND: url(../images/page-bg-2.png) repeat-y center top;
	COLOR: #444; 
	CLEAR: both; 
	PADDING-TOP: 0px;
	WIDTH: 990px;
}

#content {
	WIDTH:930px;
	WORD-WRAP: break-word; 
	FLOAT: left; 
	MARGIN-LEFT: 44px;
	MIN-HEIGHT: 400px;
}
#content_fiche {
	BACKGROUND: #ffffff;
	WIDTH:650px;
	WORD-WRAP: break-word; 
	FLOAT: left; 
	MARGIN-LEFT: 44px;
	MIN-HEIGHT: 400px;
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
	opacity:0.75;
}



.clear {
	CLEAR: both
}

#header {
	MARGIN: 5px auto 0px; 
	WIDTH: 980px; 
	HEIGHT: 155px;
}

.cadreTitreAuDela
{
	position:relative;
	background-color: #ffffff;
	height:110px;
	-moz-opacity:0.2;-khtml-opacity:0.2;opacity:0.2;
	-moz-border-radius: 8px 8px 8px 8px;-webkit-border-radius: 8px 8px 8px 8px;border-radius: 8px 8px 8px 8px;
	box-shadow:8px 8px 12px #000;
}


#footer-fin {
	MARGIN: 0px auto 0px; 
	WIDTH: 972px; 
	HEIGHT: 5px;
	BACKGROUND: url(../images/page-bg-2.png) no-repeat; 
	COLOR: #444; 
	-moz-border-radius: 0px 0px 4px 4px; 
	-webkit-border-radius: 0px 0px 4px 4px; 
	border-radius: 0px 0px 4px 4px;
	-moz-opacity:0.70;
	-khtml-opacity:0.70;
	opacity:0.70;
z-index:9999;	
}

#footer-fin2 {
	WIDTH: 972px; 
	HEIGHT: 40px;
}


#footer-end P {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}

#header-sep {
	DISPLAY: none
}

#footer {
	LEFT:20px;
	POSITION: relative; PADDING-BOTTOM: 20px; 
	MIN-HEIGHT: 90px; PADDING-LEFT: 20px; PADDING-RIGHT: 20px; 
	WIDTH:915px;
	COLOR: #adadad; 
	CLEAR: both; 
	FONT-SIZE: 0.9em; 
	PADDING-TOP: 25px;	
}
#footer A#twitter {
	POSITION: absolute; WIDTH: 170px; HEIGHT: 105px; TOP: 120px; LEFT: 50px
}
#footer A {
	COLOR: #adadad; TEXT-DECORATION: none
}
#footer A:hover {
	TEXT-DECORATION: underline
}
#footer A:focus {
	TEXT-DECORATION: underline
}
#footer A:active {
	TEXT-DECORATION: underline
}
#footer-links {
	TEXT-ALIGN: right; LINE-HEIGHT: 1.5; LIST-STYLE-TYPE: none; MARGIN-TOP: 10px; WIDTH: 300px; FLOAT: right; MARGIN-RIGHT: 44px
}


#footer-menu {
	POSITION: relative;
	LEFT:15px;
	PADDING-BOTTOM: 0px; 
	MIN-HEIGHT: 43px; 
	PADDING-LEFT: 0px; 
	PADDING-RIGHT: 0px; 
	CLEAR: both; PADDING-TOP: 0px;
	WIDTH:960px;
	BACKGROUND: #E7E7E7;
}
#footer-menu UL:after {
	CLEAR: both; CONTENT: " "
}
#footer-menu P {
	PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 0px; PADDING-TOP: 0px
}
#footer-menu UL {
	TEXT-ALIGN: right; PADDING-BOTTOM: 0px; PADDING-LEFT: 0px; PADDING-RIGHT: 30px; PADDING-TOP: 7px
}
#footer-menu UL LI {
	DISPLAY: inline; MARGIN-LEFT: 20px
}
#footer-menu UL A {
	FONT-VARIANT: small-caps; COLOR: #7c7c7c; FONT-SIZE: 1.4em; FONT-WEIGHT: bold; TEXT-DECORATION: none
}
#footer-menu UL A:hover {
	COLOR: black
}
#footer-menu UL A:focus {
	COLOR: black
}
#footer-menu UL A:active {
	COLOR: black
}
#footer-menu UL LI.gopagetop A:hover IMG {
	POSITION: relative; BOTTOM: 6px
}