/*                  */
/* GENERAL          */
/*                  */
/* ETOILE devant, signifie, wue cela s'applique à TOUS LES ELEMENTS, c'est le SELECTEUR UNIVERSEL */ 

/* police */
* {
FONT-FAMILY: Verdana, Arial, SunSans-Regular, Sans-Serif;
}
/* taille police 10 */
/* pas de marge     */
/* listes : pas de numérotation, pas de puce */
* {
FONT-SIZE: 10px; 
LIST-STYLE-TYPE: none; 
PADDING-RIGHT: 0px; 
PADDING-LEFT: 0px; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 0px; 
MARGIN: 0; 
PADDING: 0;

}
/* couleur de fond des INPUT de formulaires : noir */
* INPUT {
COLOR: black;
}
/* taille police 10 */
/* image de fond (qui n'existe pas) repeat-x signifie que l’image de fond se répète horizontalement   */
/* couleur de texte du Body : Blanc */
/* contenu centré  */
BODY {
background-image: url(http://www.diouda.fr/img_2007/menus/fond-noel-2009.jpg);
FONT-SIZE: 10px; 
COLOR: white; 
TEXT-ALIGN: center;
}
/* couleur de texte du Body pour lien a href : Blanc */
BODY A {
COLOR: white;
}
/* couleur de texte du Body : Blanc */
BODY DIV#page {
MARGIN: 0px auto 0px auto; 
WIDTH: 981px;
TEXT-ALIGN: left;
}
BODY A IMG {
BORDER-TOP-STYLE: none; 
BORDER-RIGHT-STYLE: none; 
BORDER-LEFT-STYLE: none; 
BORDER-BOTTOM-STYLE: none
}
#page {
POSITION: relative; 
BACKGROUND-COLOR: white;
}
/*                  */
/* /GENERAL         */
/*                  */


/* Texte gris standard  */
.gris {color: #CCCCCC; }
a.gris {color: #7e7e7e; }

/* Texte noir standard  */
.noir  {COLOR: #000000; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: verdana;}
a.noir {COLOR: #000000; TEXT-DECORATION: none; FONT-SIZE: 10px; FONT-FAMILY: verdana;}

/* Texte noir standard  */
.noir11   {COLOR: #000000; TEXT-DECORATION: none; FONT-SIZE: 11px; FONT-FAMILY: verdana;}
a.noir11  {COLOR: #000000; TEXT-DECORATION: none; FONT-SIZE: 11px; FONT-FAMILY: verdana;}

/* Texte Rose  */
.rose10		         {FONT-SIZE: 10px; COLOR: #E60051; FONT-FAMILY: verdana; FONT-WEIGHT: none;}
.rose11		         {FONT-SIZE: 11px; COLOR: #E60051; FONT-FAMILY: verdana; FONT-WEIGHT: none;}

/* Titres Gris foncé  */
.titresrose 	     {FONT-SIZE: 12px; COLOR: #363636; FONT-FAMILY: verdana; FONT-WEIGHT: bold;}

/* Titres Roses  */
.titresrose2 	     {FONT-SIZE: 12px; COLOR: #E60051; FONT-FAMILY: verdana; FONT-WEIGHT: bold;}
a.titresrose2 	     {FONT-SIZE: 12px; COLOR: #E60051; FONT-FAMILY: verdana; FONT-WEIGHT: bold;}

/* Titres Noir  */
.titresnoir 	     {FONT-SIZE: 11px; COLOR: #363636; FONT-FAMILY: verdana; FONT-WEIGHT: bold;}

/* Titres Noir produit  */
.titresnoirproduit   {FONT-SIZE: 17px; COLOR: #000000; FONT-FAMILY: verdana; FONT-WEIGHT: bold;}

/* Prix Rose  */
.prixrose   	     {FONT-SIZE: 13px; COLOR: #E60051; FONT-FAMILY: Verdana, Arial, SunSans-Regular, Sans-Serif; FONT-WEIGHT: bold; text-decoration: none;}
.prixrosebarre 	     {FONT-SIZE: 11px; COLOR: #E60051; FONT-FAMILY: verdana; FONT-WEIGHT: bold; text-decoration: line-through;}
.prixnoirbarre 	     {FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana; FONT-WEIGHT: bold; text-decoration: line-through;}

.noir_bdc_remise     {FONT-SIZE: 12px; COLOR: #000000; FONT-FAMILY: verdana; FONT-WEIGHT: bold; text-decoration: none;}

/* Mini texte gris  */
minigris  	  	     {FONT-SIZE: 7px;  COLOR: #7e7e7e; FONT-FAMILY: verdana;}
a.minigris  		 {FONT-SIZE: 7px;  COLOR: #7e7e7e; FONT-FAMILY: verdana;}

.liste01 { background-color: #000000; color: white; border:0px solid grey; }

/* Paragraphe INFOS gris  */
.infos-grises  { font-size: 10px; color: #7e7e7e; BACKGROUND-COLOR: white; margin-top:-8px;}
a.infos-grises { font-size: 10px; color: #000000; }


/* Liens gris rose  */
a.liengrisrose 		 {FONT-SIZE: 11px; COLOR: #7e7e7e; FONT-FAMILY: verdana; TEXT-DECORATION: none; FONT-WEIGHT: bold;}
a.liengrisrose:hover {FONT-SIZE: 11px; COLOR: #E60051; FONT-FAMILY: verdana; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}

/* Liens Noir souligne par defaut et gras */
a.liensnoirsouligne			{FONT-SIZE: 10px; COLOR: #363636; FONT-FAMILY: verdana; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}
a.liensnoirsouligne:hover   {FONT-SIZE: 10px; COLOR: #E60051; FONT-FAMILY: verdana; TEXT-DECORATION: underline; FONT-WEIGHT: bold;}








/*                  */
/* MENU LIGNE 1     */
/*                  */
#petitsliens {
CLEAR: right;
WIDTH: 980px;
HEIGHT: 12px;
MARGIN-RIGHT: 11px; 
MARGIN-TOP: 0px;
OVERFLOW: hidden; 
}
#petitsliens p {
FLOAT: right;
FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none;
}
#petitsliens p a {
FONT-SIZE: 9px; COLOR: #000000; FONT-FAMILY: verdana; TEXT-DECORATION: none;
LINE-HEIGHT: 0px;
}
/*                  */
/* /MENU LIGNE 1    */
/*                  */


/*                  */
/* MENU HAUT        */
/*                  */
#menu-haut {
POSITION: relative; 
HEIGHT: 74px; 
}
/* 206 X 146 = taille du logo TITRE H1 DE LA PAGE EST CACHE hidden */
#menu-haut H1 {
LEFT: 0px; 
OVERFLOW: hidden; 
WIDTH: 990px; 
HEIGHT: 1px; 
POSITION: absolute; 
TOP: 0px; 
}
/* logo 206 x 146 taille logo - Seul bloc en position static : LE LOGO HAUT GAUCHE */
#menu-haut H1 A {
DISPLAY: block; 
WIDTH: 1px; 
HEIGHT: 1px; 
OVERFLOW: hidden; 
TEXT-INDENT: -999em; 
LETTER-SPACING: -1000em; 
POSITION: static; 
}
/* Gros liens hauts et Votre panier */
#menu-haut p {
z-index: 21000;
position: absolute;
MARGIN-LEFT: 210px; 
MARGIN-TOP: 5px;
TOP: 15px; 
LEFT: 610px;
WIDTH: 103px;
FONT-SIZE: 11px; COLOR: #E60051; FONT-FAMILY: verdana;
}
#menu-haut p a {
z-index: 21000;
position: absolute;
MARGIN-LEFT: -5px; 
MARGIN-TOP: 0px;
PADDING-LEFT: 20px;
BACKGROUND: url(../img_2007/menus/puce.gif) no-repeat left top; 
BACKGROUND-POSITION: 5px 2px;  
FONT-SIZE: 11px; FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: verdana;
}

#menu-haut p a.title-link {
display: block;
}


#menu-haut LI {
FLOAT: left; 
HEIGHT: 74px;
}
#menu-haut LI A {
DISPLAY: block; 
OVERFLOW: hidden; 
HEIGHT: 74px;
LETTER-SPACING: -1000em; 
TEXT-INDENT: -999em; 
BACKGROUND-REPEAT: no-repeat; 
BACKGROUND-POSITION: left top; 
}
#menu-haut LI#telephone-diouda A {
BACKGROUND-IMAGE: url(../img_2007/menus/home_10.gif); 
WIDTH: 153px;
HEIGHT: 42px;
MARGIN-LEFT: 33px; 
MARGIN-TOP: 25px; 
}
#menu-haut LI#logo-diouda A {
BACKGROUND-IMAGE: url(../img_2007/menus/home_20.gif); 
WIDTH: 409px;
HEIGHT: 74px;
MARGIN-LEFT: 17px; 
MARGIN-TOP: -6px; 
}
#menu-haut LI#caddy-diouda A {
BACKGROUND-IMAGE: url(../img_2007/menus/home_30.gif); 
WIDTH: 79px;
HEIGHT: 74px;
MARGIN-LEFT: 100px; 
MARGIN-TOP: 0px; 
}
/*                  */
/* /MENU HAUT       */
/*                  */



/*                  */
/* MENU DEROULANT   */
/*                  */
#udm {
CLEAR: left;
POSITION: relative;
LEFT: 195px; 
border: #bcc2fc double 0px;
}

#udm LI A.top {
z-index: 0;
TOP: 29px;
HEIGHT: 37px;
OVERFLOW: hidden; 
TEXT-INDENT: -999em; 
BACKGROUND-REPEAT: no-repeat; 
LETTER-SPACING: -1000em;
}
/* Maquillage */
#udm LI#maquillage {
WIDTH: 94px;
}
#udm LI#maquillage A.top {
BACKGROUND-IMAGE: url(../img_2007/menus/txt_nav_01.gif);
}
/* Visage */
#udm LI#visage {
WIDTH: 91px
}
#udm LI#visage A.top {
BACKGROUND-IMAGE: url(../img_2007/menus/txt_nav_02.gif);
}
/* Corps */
#udm LI#corps {
WIDTH: 87px;
}
#udm LI#corps A.top {
BACKGROUND-IMAGE: url(../img_2007/menus/txt_nav_03.gif);
}
/* Cheveux */
#udm LI#cheveux {
WIDTH: 99px;
}
#udm LI#cheveux A.top {
BACKGROUND-IMAGE: url(../img_2007/menus/txt_nav_04.gif);
}
/* Coiffure */
#udm LI#coiffure {
WIDTH: 76px;
}
#udm LI#coiffure A.top {
BACKGROUND-IMAGE: url(../img_2007/menus/txt_nav_05.gif);
}
/* Marques */
#udm LI#marques {
WIDTH: 99px;
}
#udm LI#marques A.top {
BACKGROUND-IMAGE: url(../img_2007/menus/txt_nav_06.gif);
}


#udm LI#barre-noire {
CLEAR: left;
FLOAT: left;
z-index: 21000;
BACKGROUND-IMAGE: url(../img_2007/menus/fond_recherche.gif);
POSITION: absolute; 
LEFT: -175px; 
TOP: 29px;          
WIDTH: 175px;
HEIGHT: 37px;
border: #bcc2fc double 0px;
}


/* Recherche  */
#recherche {
BACKGROUND-IMAGE: url(../img_2007/menus/fond_recherche.gif);
POSITION: absolute; 
RIGHT: 11px; 
TOP: 29px;          
WIDTH: 230px;
HEIGHT: 37px;
}
#udm #recherche FIELDSET {
BORDER-TOP-STYLE: none; 
BORDER-RIGHT-STYLE: none; 
BORDER-LEFT-STYLE: none; 
BORDER-BOTTOM-STYLE: none; 
}
#udm #recherche FIELDSET INPUT {
BORDER: none;
WIDTH: 190px;
HEIGHT: 15px; 
FONT-SIZE: 10px; FONT: bold; COLOR: #000000; FONT-FAMILY: verdana;
}
#udm #recherche FIELDSET INPUT.ok-button {
BACKGROUND: url(../img_2007/menus/txt_bt_ok.gif) no-repeat left top; 
MARGIN-TOP: 7px;
BORDER-WIDTH: 0px; 
WIDTH: 22px; 
HEIGHT: 22px; 
OVERFLOW: hidden; 
TEXT-INDENT: -999em; 
LETTER-SPACING: -1000em;
}
/*                  */
/* /MENU DEROULANT  */
/*                  */
	


/*                  */
/* MENU GAUCHE      */
/*                  */
#menu-gauche {
CLEAR: left;
FLOAT: left;
WIDTH: 183px;
OVERFLOW: visible; 
border: #bcc2fc double 0px;  
}
#menu-gauche FIELDSET {
BORDER-TOP-STYLE: none; 
BORDER-RIGHT-STYLE: none; 
BORDER-LEFT-STYLE: none; 
BORDER-BOTTOM-STYLE: none;
}
#menu-gauche FIELDSET INPUT {
DISPLAY: inline; 
MARGIN-LEFT: 6px; 
WIDTH: 117px; 
BORDER-TOP-STYLE: none; 
BORDER-RIGHT-STYLE: none; 
BORDER-LEFT-STYLE: none; 
BORDER-BOTTOM-STYLE: none;
}
#menu-gauche FIELDSET INPUT.ok-button {
BACKGROUND: url(../img_2007/menus/txt_bt_ok.gif) no-repeat left top; 
MARGIN: 0px; 
OVERFLOW: hidden; 
WIDTH: 24px; 
TEXT-INDENT: -999em; 
LETTER-SPACING: -1000em; 
HEIGHT: 16px;
}
#menu-gauche H3 {
LETTER-SPACING: -1000em; 
TEXT-INDENT: -999em; 
OVERFLOW: hidden; 
width: 161px;
HEIGHT: 6px; 
BACKGROUND-POSITION: left top; 
BACKGROUND-REPEAT: no-repeat;
}
#menu-gauche DIV {
PADDING-BOTTOM: 5px;
}
#menu-gauche DIV P {
PADDING-RIGHT: 5px; 
PADDING-LEFT: 5px; 
PADDING-BOTTOM: 5px; 
PADDING-TOP: 5px;
}
#menu-gauche DIV A {
}


/* Identifiez-vous */
#menu-gauche #identifiez-vous {
BACKGROUND-IMAGE: url(../img_2007/menus/gauche_01standard.gif); 
z-index: 51000;
OVERFLOW: visible;
MARGIN-LEFT: 22px; 
WIDTH: 178px;
HEIGHT: 75px;
border: #bcc2fc double 0px;
}
#menu-gauche #identifiez-vous DIV  {
}
#menu-gauche #identifiez-vous UL  {
PADDING-TOP: 50px;  
LINE-HEIGHT: 12px;
}
#menu-gauche #identifiez-vous UL LI {
PADDING-LEFT: 19px;
COLOR: #000000; 
FONT-FAMILY: verdana;
}
#menu-gauche #identifiez-vous UL LI A {
FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: verdana;
}


/* Première visite */
#menu-gauche #premiere-visite {
BACKGROUND-IMAGE: url(../img_2007/menus/gauche_02.gif); 
OVERFLOW: hidden;
MARGIN-LEFT: 15px;
WIDTH: 173px;
HEIGHT: 55px;
border: #bcc2fc double 0px;
}
#menu-gauche #premiere-visite DIV  {
}
#menu-gauche #premiere-visite UL  {
MARGIN-TOP: -8px; 
PADDING-TOP: 0px;  
}
#menu-gauche #premiere-visite UL LI {
PADDING-LEFT: 20px;
COLOR: #000000; FONT-FAMILY: verdana;
BACKGROUND: url(../img_2007/menus/puce.gif) no-repeat left top; 
BACKGROUND-POSITION: 5px 2px;  
TEXT-DECORATION: none;
}
#menu-gauche #premiere-visite UL LI A {
FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: verdana;
TEXT-DECORATION: none;
}




/* Commande rapide */
#menu-gauche #commande-rapide {
BACKGROUND-IMAGE: url(../img_2007/menus/gauche_03.gif); 
OVERFLOW: hidden;
MARGIN-LEFT: 15px; 
WIDTH: 173px;
HEIGHT: 74px;
border: #bcc2fc double 0px;
}
#menu-gauche #commande-rapide DIV  {
}
#menu-gauche #commande-rapide UL  {
PADDING-TOP: 20px;  
}
#menu-gauche #commande-rapide UL LI {
COLOR: #000000; FONT-FAMILY: verdana;
}
#menu-gauche #commande-rapide UL LI A {
PADDING-LEFT: 20px;
FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: verdana;
BACKGROUND: url(../img_2007/menus/puce.gif) no-repeat left top ; 
BACKGROUND-POSITION: 5px 2px;  
TEXT-DECORATION: none;
}



/* Conseils beaute */
#menu-gauche #conseils-beaute {
BACKGROUND-IMAGE: url(../img_2007/menus/gauche_04.gif); 
OVERFLOW: hidden;
MARGIN-LEFT: 15px; 
WIDTH: 173px;
HEIGHT: 92px;
border: #bcc2fc double 0px;
}
#menu-gauche #conseils-beaute DIV  {
}
#menu-gauche #conseils-beaute UL  {
PADDING-TOP: 20px;  
}
#menu-gauche #conseils-beaute UL LI {
COLOR: #000000; FONT-FAMILY: verdana;
}
#menu-gauche #conseils-beaute UL LI A {
PADDING-LEFT: 20px;
FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: verdana;
BACKGROUND: url(../img_2007/menus/puce.gif) no-repeat left top; 
BACKGROUND-POSITION: 5px 2px;  
TEXT-DECORATION: none;
}


/* Newsletter diouda */
#menu-gauche #newsletter-diouda {
BACKGROUND-IMAGE: url(../img_2007/menus/gauche_05.gif); 
OVERFLOW: hidden;
MARGIN-LEFT: 15px; 
WIDTH: 173px;
HEIGHT: 54px;
border: #bcc2fc double 0px;
}
#menu-gauche #newsletter-diouda DIV  {
}
#menu-gauche #newsletter-diouda UL  {
PADDING-TOP: 22px;  
}
#menu-gauche #newsletter-diouda UL LI A {
PADDING-LEFT: 20px;
FONT-WEIGHT: bold; COLOR: #000000; FONT-FAMILY: verdana;
BACKGROUND: url(../img_2007/menus/puce.gif) no-repeat left top ; 
BACKGROUND-POSITION: 5px 2px;  
TEXT-DECORATION: none;
}


/* Homme beaute */
#menu-gauche #homme-beaute {
BACKGROUND-IMAGE: url(../img_2007/menus/gauche_06.gif); 
OVERFLOW: hidden;
MARGIN-LEFT: 15px; 
WIDTH: 173px;
HEIGHT: 70px;
border: #bcc2fc double 0px;
}
#menu-gauche #homme-beaute DIV  {
}
#menu-gauche #homme-beaute UL  {
PADDING-TOP: 25px;  
}
#menu-gauche #homme-beaute UL LI A {
PADDING-LEFT: 20px; 
FONT-WEIGHT: bold;
BACKGROUND: url(../img_2007/menus/puce.gif) no-repeat left top; 
BACKGROUND-POSITION: 5px 2px;  
TEXT-DECORATION: none;
}

/* Completer blanc par bande grise dégradée */
#menu-gauche #completer {
OVERFLOW: hidden;
MARGIN-LEFT: 15px; 
WIDTH: 173px;
BOTTOM: 15px;
border: #bcc2fc double 0px;
}
#menu-gauche #completer DIV {
}

/*                  */
/* /MENU GAUCHE     */
/*                  */



/*                                        */
/* CONTENU AVEC MENU GAUCHE : 774 pixels  */
/*                                        */
#content {
POSITION: relative;
MARGIN-RIGHT: 13px;
FLOAT: right;
CLEAR: right;
WIDTH: 774px;
BACKGROUND: white; 
MARGIN-TOP: 39px;
border: #bcc2fc double 0px;
}
/* Pour les pages sans menus diouda */
.full-page #content {
WIDTH: 1024px;
}

/*
#content H2 {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana;
MARGIN-TOP: 10px;
MARGIN-LEFT: 10px;
MARGIN-BOTTOM: 10px;
}
*/
#content H2 {
FONT-SIZE: 17px; COLOR: #000000; FONT-FAMILY: verdana;
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
MARGIN-BOTTOM: 0px;
text-decoration: none;
}

#content H4  {
FONT-SIZE: 17px; COLOR: #000000; FONT-FAMILY: verdana;
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
MARGIN-BOTTOM: 0px;
text-decoration: none;
}
#content H4 a {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana;
MARGIN-TOP: 0px;
MARGIN-LEFT: 0px;
MARGIN-BOTTOM: 0px;
text-decoration: none;
}
#content H5 a {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana;
MARGIN-TOP: 10px;
MARGIN-LEFT: 10px;
MARGIN-BOTTOM: 20px;
text-decoration: none;
}
#content a {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana;
text-decoration: none;
}
#content P {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana;
MARGIN-LEFT: 10px;
MARGIN-RIGHT: 10px;
MARGIN-BOTTOM: 20px;
}

	/*                                           */
	/* 4 BOX DE DESCRIPTION DE UNE FICHE PRODUIT */
	/*                                           */
		#content .product_stuff .tab_content {
			clear: left;
			height: 142px;
			overflow: auto;
			border: 0px solid #E4DEE0;
			background-color: white;
			color: #E4DEE0;
			padding-top : 10px;
			padding-bottom : 10px;
			padding-left : 5px;
			padding-right : 5px;
		}
		#content .product_stuff .tab_content h4 {
			text-align: center;
		}
		#content .product_stuff .dynamic_tabs {
			float: left;
			position: relative;
			top: 1px;
			height: 18px;
			border: 0px solid #E4DEE0;
			background-color: #E4DEE0;
			border-bottom: none;
		}
		#content .product_stuff .dynamic_tabs a {
			float: left;
			display: block;
			height: 18px;
			padding-top : 0px;
			padding-bottom : 0px;
			padding-left : 16px;
			padding-right :16px;
			background-color: #E4DEE0;
			border: 1px solid #FFFFFF;
			BACKGROUND: url(../img_2007/menus/puce_rose_1.gif) no-repeat left center ;
			text-decoration: none; line-height: 18px; vertical-align:middle; color: #E60051; FONT-WEIGHT: bold;
		}
		#content .product_stuff .dynamic_tabs .selected {
			background-color: #E4DEE0;
			color: #000000;
			border: 1px solid #E60051;
		}
	.tabs DIV.tab_content 
	{ 	
	DISPLAY: none;
	}
	.tabs DIV.selected
	{
	DISPLAY: block;
	}
	.tabs H3 {
	DISPLAY: none
	}
	/*                                               */
	/* fin 4 BOX DE DESCRIPTION DE UNE FICHE PRODUIT */
	/*                                               */




	/*                  */
	/* BOX NUANCIER     */
	/*                  */
		#content .product_stuff2 .tab_content2 {
			clear: left;
			height: 95px;
			overflow: auto;
			border: 0px solid #E4DEE0;
			background-color: white;
			color: #E4DEE0;
			padding-top : 1px;
			padding-bottom : 1px;
			padding-left : 1px;
			padding-right : 1px;
		}
	.tabs DIV.tab_content2 
	{ 	
	DISPLAY: none;
	}
	/*                  */
	/* fin BOX NUANCIER */
	/*                  */




	/*                  */
	/* NAVIPANIER       */
	/*                  */
	#content #navipanier {
		height: 35px;
		background: url(../img_2007/menus/fond_gris_clair_degrade.jpg) top left repeat-x;
		padding-left: 16px;
		color: #000000;
	}

	#content #navipanier li {
		float: left;
		height: 35px;
		margin-right: 8px;
	}

	#content #navipanier li span {
		display: block;
		height: 35px;
		margin-top: 5px; 
		padding-left: 27px; padding-top: 6px;
		background-position: top left;
		background-repeat: no-repeat;
	}

	#content #navipanier li.navipanier01 span {
		background-image: url(../img_2007/menus/numero1.gif);
		width: 110px;
	}

	#content #navipanier li.navipanier02 span {
		background-image: url(../img_2007/menus/numero2.gif);
		width: 110px;
	}

	#content #navipanier li.navipanier03 span {
		background-image: url(../img_2007/menus/numero3.gif);
		width: 110px;
	}

	#content #navipanier li.navipanier04 span {
		background-image: url(../img_2007/menus/numero4.gif);
		width: 110px;
	}

	#content #navipanier li.navipanier05 span {
		background-image: url(../img_2007/menus/numero5.gif);
		width: 110px;
	}

	#content #navipanier li.selected span {
		COLOR: #E60051;
		FONT-WEIGHT: bold;
	}
	/*                  */
	/* /NAVIPANIER      */
	/*                  */




/*                                        */
/* /CONTENU AVEC MENU GAUCHE : 774 pixels */
/*                                        */


/*                                        */
/* CONTENU SANS MENU GAUCHE : 947 pixels  */
/*                                        */
/* Contenu-large - FOND NOIR */
#content-large {
POSITION: relative;
MARGIN-LEFT: 21px;
WIDTH: 947px;
CLEAR: right;
BACKGROUND: black;
MARGIN-TOP: 39px;
/* border: #bcc2fc double 0px; */
}
#content-large H2 {
FONT-SIZE: 11px; COLOR: #000000; FONT-FAMILY: verdana;
MARGIN-TOP: 10px;
MARGIN-LEFT: 10px;
MARGIN-BOTTOM: 10px;
}
#content-large P {
FONT-SIZE: 10px; COLOR: #000000; FONT-FAMILY: verdana;
MARGIN-LEFT: 10px;
MARGIN-RIGHT: 10px;
MARGIN-BOTTOM: 20px;
}

/* Contenu-large sous-menu - FOND NOIR */
#content-large #content-large-menu01 {
MARGIN-LEFT: 0px;
WIDTH: 619px;
/* border: #bcc2fc double 0px; */
}
#content-large #content-large-menu01 DIV  {
FLOAT: left;
}
#content-large #content-large-menu01 UL  {
MARGIN-BOTTOM: 10px;
LINE-HEIGHT: 20px;
PADDING-TOP: 5px; 
PADDING-LEFT: 0px;
}
#content-large #content-large-menu01 UL LI A {
PADDING-LEFT: 25px;
FONT-WEIGHT : bold; COLOR: white; FONT-FAMILY: verdana;
BACKGROUND: url(../img_2007/menus/puce.gif) no-repeat left top ;
BACKGROUND-POSITION: 5px 2px;
TEXT-DECORATION: none;
}
/*                                        */
/* /CONTENU SANS MENU GAUCHE : 947 pixels */
/*                                        */


/*                   */
/* MENU TROIS LIENS  */
/*                   */
#menu-trois-liens {
POSITION: relative; 
HEIGHT: 122px; 
}
#menu-trois-liens LI {
FLOAT: left; 
HEIGHT: 74px;
}
#menu-trois-liens LI A {
DISPLAY: block; 
OVERFLOW: hidden; 
HEIGHT: 122px;
LETTER-SPACING: -1000em; 
TEXT-INDENT: -999em; 
BACKGROUND-REPEAT: no-repeat; 
BACKGROUND-POSITION: left top; 
}
#menu-trois-liens LI#lien-01 A {
BACKGROUND-IMAGE: url(../img_2007/menus/home_01.jpg); 
WIDTH: 256px;
HEIGHT: 122px;
MARGIN-LEFT: 2px; 
MARGIN-TOP: 2px; 
}
#menu-trois-liens LI#lien-02 A {
BACKGROUND-IMAGE: url(../img_2007/menus/home_02.jpg); 
WIDTH: 256px;
HEIGHT: 122px;
MARGIN-LEFT: 2px; 
MARGIN-TOP: 2px; 
}
#menu-trois-liens LI#lien-03 A {
BACKGROUND-IMAGE: url(../img_2007/menus/home_03.jpg); 
WIDTH: 256px;
HEIGHT: 122px;
MARGIN-LEFT: 2px; 
MARGIN-TOP: 2px; 
}
/*                   */
/* /MENU TROIS LIENS */
/*                   */


/*            */
/* NAVIGSITE  */
/*            */
#navigsite {
POSITION: relative; 

MARGIN-TOP: 2px; 
border: #bcc2fc double 0px; 
}
#navigsite LI {
DISPLAY: block;
FLOAT: left;
COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 10;
}
#navigsite LI A {
DISPLAY: block; 
MARGIN-LEFT: 4px;
PADDING-LEFT: 8px;
BACKGROUND: url(../img_2007/menus/fleche_droite.gif) no-repeat left center; 
COLOR: black; FONT-FAMILY: verdana; FONT-SIZE: 10;
TEXT-DECORATION: none;
}
/*             */
/* /NAVIGSITE  */
/*             */



/*                  */
/* SOUS MENU ITEM   */
/*                  */
#menu-item-01 {
OVERFLOW: visible; 
border: #bcc2fc double 0px;      
}
#menu-item-01 H3 {
LETTER-SPACING: -1000em; 
TEXT-INDENT: -999em; 
OVERFLOW: hidden; 
width: 561px;
HEIGHT: 6px; 
BACKGROUND-POSITION: left top; 
BACKGROUND-REPEAT: no-repeat;
}
#menu-item-01 DIV {
PADDING-BOTTOM: 5px;
}
#menu-item-01 DIV P {
PADDING-RIGHT: 5px; 
PADDING-LEFT: 5px; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 5px;
}
#menu-item-01 DIV A {
}

/* ITEM Niveau 1 */
#menu-item-01 #menu-item-01-01 {
OVERFLOW: hidden;
MARGIN-LEFT: 12px;
WIDTH: 550px;
border: #bcc2fc double 0px;
}
#menu-item-01 #menu-item-01-01 DIV  {
}
#menu-item-01 #menu-item-01-01 P {
FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: verdana;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
MARGIN-BOTTOM: 10px;
}
#menu-item-01 #menu-item-01-01 UL  {
PADDING-TOP: 0px;  
}
#menu-item-01 #menu-item-01-01 UL LI {
COLOR: #FFFFFF; FONT-FAMILY: verdana; FONT-SIZE: 12px; 
BACKGROUND: url(../img_2007/menus/bande_fond_gris_degrade.jpg) no-repeat left top; 
BACKGROUND-POSITION: 0px 4px;  
}
#menu-item-01 #menu-item-01-01 UL LI A {
PADDING-LEFT: 20px;
FONT-WEIGHT: bold; COLOR: #FFFFFF; FONT-FAMILY: verdana; FONT-SIZE: 12px; 
BACKGROUND: url(../img_2007/menus/puce.gif) no-repeat left top; 
BACKGROUND-POSITION: 5px 2px;  
TEXT-DECORATION: none;
}
#menu-item-01 #menu-item-01-01 UL LI A:hover {
FONT-WEIGHT: bold; COLOR: #E60051; FONT-FAMILY: verdana; FONT-SIZE: 12px; 
TEXT-DECORATION: none;
}
/*                  */
/* /SOUS MENU ITEM  */
/*                  */






/*                       */
/* SOUS MENU ITEM NIV 2  */
/*                       */
#menu-item-02 {
OVERFLOW: visible; 
border: #bcc2fc double 0px;      
HEIGHT: 180px;
}
#menu-item-02 H3 {
LETTER-SPACING: -1000em; 
TEXT-INDENT: -999em; 
OVERFLOW: hidden; 
width: 561px;
HEIGHT: 6px; 
BACKGROUND-POSITION: left top; 
BACKGROUND-REPEAT: no-repeat;
}
#menu-item-02 DIV {
PADDING-BOTTOM: 5px;
}
#menu-item-02 DIV P {
PADDING-RIGHT: 5px; 
PADDING-LEFT: 5px; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 5px;
}
#menu-item-02 DIV A {
}

/* ITEM Niveau 2 */
#menu-item-02 #menu-item-02-02 {
OVERFLOW: hidden;
MARGIN-LEFT: 12px;
WIDTH: 550px;
border: #bcc2fc double 0px;
}
#menu-item-02 #menu-item-02-02 DIV  {
}
#menu-item-02 #menu-item-02-02 P {
FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: verdana;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
MARGIN-BOTTOM: 0px;
}
#menu-item-02 #menu-item-02-02 UL  {
PADDING-TOP: 53px;  
}
#menu-item-02 #menu-item-02-02 UL LI {
COLOR: #FFFFFF; FONT-FAMILY: verdana; FONT-SIZE: 10px; 
}
#menu-item-02 #menu-item-02-02 UL LI A {
PADDING-LEFT: 10px;
FONT-WEIGHT: none; COLOR: #FFFFFF; FONT-FAMILY: verdana; FONT-SIZE: 10px; 
BACKGROUND: url(../img_2007/menus/fleche_droite_grise.gif) no-repeat left center; 
BACKGROUND-POSITION: 0px 0px;  
TEXT-DECORATION: none;
}
#menu-item-02 #menu-item-02-02 UL LI A:hover {
FONT-WEIGHT: bold; COLOR: #E60051; FONT-FAMILY: verdana; FONT-SIZE: 10px; 
TEXT-DECORATION: none;
}
/*                       */
/* /SOUS MENU ITEM NIV 2 */
/*                       */



/*                                          */
/* SOUS MENU ITEM NIV 3 ( ex : Recherche )  */
/*                                          */
#menu-item-03 {
OVERFLOW: visible; 
border: #bcc2fc double 0px;      
HEIGHT: 64px;
}
#menu-item-03 H3 {
LETTER-SPACING: -1000em; 
TEXT-INDENT: -999em; 
OVERFLOW: hidden; 
width: 561px;
HEIGHT: 6px; 
BACKGROUND-POSITION: left top; 
BACKGROUND-REPEAT: no-repeat;
}
#menu-item-03 DIV {
PADDING-BOTTOM: 5px;
}
#menu-item-03 DIV P {
PADDING-RIGHT: 5px; 
PADDING-LEFT: 5px; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 5px;
}
#menu-item-03 DIV A {
}

/* ITEM Niveau 3 */
#menu-item-03 #menu-item-03-03 {
OVERFLOW: hidden;
MARGIN-LEFT: 350px;
WIDTH: 400px;
border: #bcc2fc double 0px;
}
#menu-item-03 #menu-item-03-03 DIV  {
}
#menu-item-03 #menu-item-03-03 P {
FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: verdana;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
MARGIN-BOTTOM: 0px;
}
#menu-item-03 #menu-item-03-03 UL  {
PADDING-TOP: 18px;  
}
#menu-item-03 #menu-item-03-03 UL LI {
COLOR: #FFFFFF; FONT-FAMILY: verdana; FONT-SIZE: 10px; 
}
#menu-item-03 #menu-item-03-03 UL LI A {
PADDING-LEFT: 10px;
FONT-WEIGHT: none; COLOR: #FFFFFF; FONT-FAMILY: verdana; FONT-SIZE: 10px; 
BACKGROUND: url(../img_2007/menus/fleche_droite_grise.gif) no-repeat left center; 
BACKGROUND-POSITION: 100px 100px;  
TEXT-DECORATION: none;
}
#menu-item-03 #menu-item-03-03 UL LI A:hover {
FONT-WEIGHT: bold; COLOR: #E60051; FONT-FAMILY: verdana; FONT-SIZE: 10px; 
TEXT-DECORATION: none;
}
/*                       */
/* /SOUS MENU ITEM NIV 3 */
/*                       */







/*                            */
/* SOUS MENU ITEM NOS MARQUES */
/*                            */
#menu-item-marques {
OVERFLOW: visible; 
border: #bcc2fc double 0px;      
HEIGHT: 180px;
}
#menu-item-marques H3 {
LETTER-SPACING: -1000em; 
TEXT-INDENT: -999em; 
OVERFLOW: hidden; 
width: 561px;
HEIGHT: 6px; 
BACKGROUND-POSITION: left top; 
BACKGROUND-REPEAT: no-repeat;
}
#menu-item-marques DIV {
PADDING-BOTTOM: 5px;
}
#menu-item-marques DIV P {
PADDING-RIGHT: 5px; 
PADDING-LEFT: 5px; 
PADDING-BOTTOM: 0px; 
PADDING-TOP: 5px;
}
#menu-item-marques DIV A {
}

/* ITEM Niveau 2 special marques */
#menu-item-marques #menu-item-marques-01 {
OVERFLOW: hidden;
MARGIN-LEFT: 12px;
WIDTH: 650px;
HEIGHT: 170px;
border: #bcc2fc double 0px;
}
#menu-item-marques #menu-item-marques-01 DIV  {
}
#menu-item-marques #menu-item-marques-01 P {
FONT-SIZE: 10px; COLOR: #FFFFFF; FONT-FAMILY: verdana;
MARGIN-LEFT: 0px;
MARGIN-RIGHT: 0px;
MARGIN-BOTTOM: 0px;
}
#menu-item-marques #menu-item-marques-01 UL  {
PADDING-TOP: 10px;  
}
#menu-item-02 #menu-item-marques-01 UL LI {
COLOR: #FFFFFF; FONT-FAMILY: verdana; FONT-SIZE: 10px; 
}
#menu-item-marques #menu-item-marques-01 UL LI A {
PADDING-LEFT: 10px;
FONT-WEIGHT: none; COLOR: #FFFFFF; FONT-FAMILY: verdana; FONT-SIZE: 11px; 
BACKGROUND: url(../img_2007/menus/fleche_droite_grise.gif) no-repeat left center; 
BACKGROUND-POSITION: 0px 0px;  
TEXT-DECORATION: none;
}
#menu-item-marques #menu-item-marques-01 UL LI A:hover {
FONT-WEIGHT: bold; COLOR: #E60051; FONT-FAMILY: verdana; FONT-SIZE: 11px; 
TEXT-DECORATION: none;
}
/*                       */
/* /SOUS MENU ITEM NIV 2 */
/*                       */


















/*                  */
/* MENU BAS         */
/*                  */
#menu-bas {
CLEAR: both; 
MARGIN-LEFT: 22px; 
MARGIN-TOP: 5px;
/* OVERFLOW: hidden; */ 
}
#menu-bas H3 {
COLOR: black;
FONT-SIZE: 150%;
MARGIN-LEFT: 10px;
}
#menu-bas A {
COLOR: black;
}
#menu-bas DIV {
FLOAT: left; 
}

#menu-bas UL {
MARGIN-LEFT: 10px;
}
#menu-bas UL LI {
MARGIN-TOP: 3px;
}
#menu-bas UL LI A {
PADDING-LEFT: 10px; 
BACKGROUND: url(../img_2007/menus/fleche_droite.gif) no-repeat left center; 
TEXT-DECORATION: none;
}


#menu-bas #catalogue-diouda {
BACKGROUND-IMAGE: url(../img_2007/menus/bas_01.gif); 
WIDTH: 170px; 
HEIGHT: 100px;
PADDING-TOP: 10px; 
}
#menu-bas #catalogue-diouda DIV  {
WIDTH: 158px; 
HEIGHT: 85px;
BACKGROUND: url(../img_2007/menus/catalogue.gif) no-repeat right top; 
BACKGROUND-POSITION: 102px 2px;
}
#menu-bas #catalogue-diouda P {
BACKGROUND: url(../img_2007/menus/title_catalogue.gif) no-repeat 10px top;
LINE-HEIGHT: 22px;
}
#menu-bas #catalogue-diouda UL  {
LINE-HEIGHT: 14px;
PADDING-TOP: 5px;  
}
#menu-bas #catalogue-diouda UL LI A {
PADDING-LEFT: 10px; 
FONT-WEIGHT : bold;
BACKGROUND: url(../img_2007/menus/puce.gif) no-repeat left top; 
BACKGROUND-POSITION: 0px 2px;  
TEXT-DECORATION: none;
}


#menu-bas #engagements-diouda {
/* BACKGROUND-IMAGE: url(../img_2007/menus/bas_02.gif); */
BACKGROUND: url(../img_2007/menus/bas_02.gif) no-repeat;
WIDTH: 253px; 
HEIGHT: 100px;
PADDING-TOP: 9px;
}
#menu-bas #engagements-diouda P {
BACKGROUND: url(../img_2007/menus/title_engagement.gif) no-repeat 70px top;
LINE-HEIGHT: 30px;
}
#menu-bas #engagements-diouda UL  {
LINE-HEIGHT: 12px;
PADDING-TOP: 0px; 
PADDING-LEFT: 15px;
}
#menu-bas #engagements-diouda UL LI A {
PADDING-LEFT: 10px;   
TEXT-DECORATION: none;
}


#menu-bas #menu_bas_paiement {
BACKGROUND-IMAGE: url(../img_2007/menus/bas_03.gif); 
WIDTH: 138px; 
HEIGHT: 102px; 
}
#menu-bas #menu_bas_paiement UL  {
LINE-HEIGHT: 18px;
PADDING-TOP: 35px; 
MARGIN-LEFT: 0px;
}
#menu-bas #menu_bas_paiement H3 {
BACKGROUND: url(../img_2007/menus/logo_paiement_cic.gif) no-repeat 10px center;
}


#menu-bas #services-diouda {
/* BACKGROUND-IMAGE: url(../img_2007/menus/bas_04.gif); */
BACKGROUND: url(../img_2007/menus/bas_04.gif) no-repeat; 
WIDTH: 388px; 
HEIGHT: 100px;
PADDING-TOP: 9px;
}
#menu-bas #services-diouda P {
BACKGROUND: url(../img_2007/menus/title_services.gif) no-repeat 50px top;
LINE-HEIGHT: 22px;
}
#menu-bas #services-diouda UL  {
LINE-HEIGHT: 12px;
PADDING-TOP: 5px; 
PADDING-LEFT: 5px;
}
#menu-bas #services-diouda UL LI A {
PADDING-LEFT: 10px;   
TEXT-DECORATION: none;
}
/*                  */
/* /MENU BAS        */
/*                  */




/*                  */
/* POPUP            */
/*                  */
#popup {
FONT-SIZE: 11px; MARGIN: 0px; COLOR: #000; TEXT-ALIGN: left;
}
/*                  */
/* /POPUP           */
/*                  */



/*                                */
/* CADRE INFOS noir bord gris     */
/*                                */
#cadre-infos-noir {
FLOAT: left; 
MARGIN: 5px; 
WIDTH: 95%; 
HEIGHT: 95%; 
border: #cccccc double 1px;
}
#cadre-infos-noir UL  {
MARGIN-LEFT: 15px;
MARGIN-RIGHT: 15px;
LINE-HEIGHT: 12px;
PADDING-TOP: 5px;
PADDING-LEFT: 15px;
PADDING-BOTTOM: 15px;
}
#cadre-infos-noir LI {
MARGIN-TOP: 15px;
PADDING-LEFT: 3px;
LIST-STYLE-IMAGE:url(../img_2007/menus/fleche_droite_grise.gif);
COLOR: #7e7e7e; FONT-FAMILY: verdana; FONT-SIZE: 11px;
}
/*                                */
/* /CADRE INFOS noir bord gris    */
/*                                */




/*                  */
/* MENU HORIZONTAL  */
/*                  */
#navcontainer ul li
{
list-style-type: none;
padding: 0;
margin: 0;
display: block;
float: left;
background: url("../img_2007/menus/fond_select_marque.gif") repeat-x 20px;
font: 10px/20px "Lucida Grande", verdana, sans-serif;
text-align: center;
}

#navcontainer a
{
color: #000;
text-decoration: none;
display: block;
width: 220px;
border-top: 0px solid #c5eef4;
border-bottom: 0px solid #c5eef4;
border-left: 0px solid #c5eef4;
}

#navcontainer li#active { background: url("../img_2007/menus/fond_select_marque.gif") repeat-x 20px; }
#navcontainer a:hover   { background: url("../img_2007/menus/fond_select_marque.gif") repeat-x 20px; }

/*                  */
/* /MENU HORIZONTAL */
/*                  */












/* MENUS SPECIAUX REFERENCEMENT  */
HTML {BEHAVIOR: url("http://www.diouda.fr/csshover.htc");}
BODY {BEHAVIOR: url("http://www.diouda.fr/csshover.htc");}
A.ypo_menu1	 {font-family: Verdana;FONT-SIZE: 10; font-style: normal; COLOR: #000000; BACKGROUND: none transparent scroll repeat 0% 0%;cursor: text;line-height: 11px;font-variant: normal; text-transform: capitalize; TEXT-DECORATION: none }
A.ypo_menu	 {font-family: Verdana;FONT-SIZE: 10; font-style: normal; COLOR: #000000; BACKGROUND: none transparent scroll repeat 0% 0%;cursor: text;line-height: 8px;font-variant: normal; text-transform: capitalize; TEXT-DECORATION: none }

DIV#nav      {FLOAT: left; WIDTH: 220px; MARGIN-TOP: 0px;  PADDING-RIGHT: 8px; PADDING-LEFT: 8px; PADDING-BOTTOM: 0px; PADDING-TOP: 0px;  voice-family: inherit; }
DIV#nav UL   {WIDTH: 220px; BACKGROUND-COLOR: #f3eff0 ; PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px;  PADDING-TOP: 0px ;}

DIV#nav LI 	 	    {BACKGROUND: white; BORDER-BOTTOM: #f3eff0 0px solid;  PADDING-RIGHT: 0px; PADDING-LEFT: 0px; PADDING-BOTTOM: 0px; MARGIN: 0px; PADDING-TOP: 0px; LIST-STYLE-TYPE: none; POSITION: relative}
DIV#nav LI:hover    {BACKGROUND: #E60051; }

DIV#nav LI A 		{PADDING-RIGHT: 0px; DISPLAY: block; PADDING-LEFT: 0.5em; PADDING-BOTTOM: 0.25em; PADDING-TOP: 0.25em; TEXT-DECORATION: none}
DIV#nav LI A:hover 	{DISPLAY: block; COLOR: #FFFFFF; FONT-WEIGHT: bold;}

DIV#nav LI.submenu         {FONT-SIZE: 10px; WIDTH: 220px; HEIGHT: 17px; BACKGROUND: url(../../img_2007/menus/fond_select_marque.gif) no-repeat 4px 0px;}
DIV#nav LI.submenu:hover   {BACKGROUND: url(../../img_2007/menus/fond_select_marque.gif) no-repeat 4px -17px}

DIV#nav LI.subsubmenu          {WIDTH: 200px; BACKGROUND-COLOR: #000000}
DIV#nav LI.subsubmenu:hover    {BACKGROUND: url(../../img_2007/menus/fond_select_marque.gif) no-repeat 4px -26px; }

DIV#nav LI.subsubsubmenu       {WIDTH: 200px; BACKGROUND-COLOR: #E7ECF1 }
DIV#nav LI.subsubsubmenu:hover {BACKGROUND-COLOR: #FF9999 ;}


DIV#nav UL UL 		{POSITION: absolute; TOP: 18px; clip: rect(); LEFT: 5px; BORDER-RIGHT: #E60051 1px dashed; BORDER-TOP: #E60051 1px dashed; DISPLAY: none; BORDER-LEFT: #E60051 1px dashed; BORDER-BOTTOM: #E60051 1px dashed; }
DIV#nav UL UL UL 	{DISPLAY: none; LEFT: 150px; POSITION: absolute; TOP: 0px; }

DIV#nav UL.level1 LI.submenu:hover UL.level2 	    {DISPLAY: block; FONT-SIZE: 11px; WIDTH: 210px ; }

DIV#nav UL.level1 LI.submenu UL.level2 LI			{DISPLAY:inline-block; }

DIV#nav UL.level1 LI.subsubsubmenu:hover UL.level2 	{DISPLAY: block; FONT-SIZE: 11px; WIDTH: 210px ; COLOR: #FFFFFF ;}

DIV#nav UL.level2 LI.submenu:hover UL.level3 	    {DISPLAY: block; FONT-SIZE: 11px; WIDTH: 210px ; }
DIV#nav UL.level2 LI.subsubmenu:hover UL.level3 	{DISPLAY: block; FONT-SIZE: 11px; WIDTH: 210px ; }
/* fin MENUS SPECIAUX REFERENCEMENT  */





/* MENUS ACCORDEON  */
/* Largeur boite 1 */
#container {
	width: 300px;
	margin: 0 auto;
	min-height: 220;
	height: 220 !important;
	height: 220; /*stoopid ie*/
}
/* Largeur boite 2 et marge interne  */
#content-mrt {
	width: 300px;
	padding-left: 1px;
}
/* Titre H4 marge, police, forcé à majuscules, couleur et couleur de fond, souris main  */
#content-mrt h4 {
	padding: 4px 10px;
	font-size: 10px;
	font-family: verdana;
	font-weight: normal;
	/*text-transform: uppercase; */
	color: #000000;
	border-bottom: 1px solid #ffffff;
	BACKGROUND:#E4DEE0;
	cursor: pointer;
}

/* Titre H5 marge  */
#content-mrt h5 {
	margin: 0;
	padding: 5px 10px 0;
	font-family: verdana;
	font-size: 12px;
	color: #000000;
	border-bottom: 1px solid #eee;
}

#content-mrt ol {
	margin: 0;
	padding: 0 10px 5px 35px;
}

#content-mrt h4 a:link, h4 a:visited {
	background: url(../img_2007/menus/puce-sc.gif) no-repeat left center #E4DEE0;
	padding-left : 11px;
	font-family: verdana;
	font-weight: bold;
	letter-spacing: 1px;
	display: block;
	text-decoration: none;
	color: #E60051;
}

#content-mrt h4 a:hover {
	background: url(../img_2007/menus/puce_rose_1.gif) no-repeat left center #E4DEE0;
	padding-left : 11px;
	color: #E60051;
}

#content-mrt h4 a:active {
	background: url(../img_2007/menus/puce_rose_1.gif) no-repeat left center #E4DEE0;
	padding-left : 11px;
	color: #E60051;
}

#content-mrt h4.news, h4.mootools {
	background: #E4DEE0;
}

#content-mrt h4.gethelp, h4.prototype {
	background: #E4DEE0;
}

#content-mrt p {
	padding: 5px 10px;
	color: #000000;
	background: #ffffff;
}
/* FIN MENUS ACCORDEON  */


/* DEBUT LIENS BAS MYRIAM  */

.xbas01			  { background-color: #f8f7f7; }    div.xbas01		  { width: 945px; padding-top: 10px; padding-bottom: 30px; }
.xbas02			  { background-color: #000000; }
td.xbas03         { background-image: url('http://www.diouda.fr/img_2007/menus/rien.gif'); background-position: center; background-repeat: repeat-x; padding-bottom:4px; }

.xbas04
{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 17px;
font-weight: normal;
text-decoration: none;
padding-left: 4px;
color: #E60051;
}

div.xbas05 a
{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 11px;
text-decoration: none;
line-height: 15px;
padding-left: 17px;
}
div.xbas05 a:hover  { text-decoration: underline; }


.xbas06  
{
font-family: Verdana, Arial, SunSans-Regular, Sans-Serif;
font-size: 12px; font-weight: bold; line-height: 25px;
padding: 7px;
text-decoration:none;
}
.xbas06 a		{ text-decoration:none; }
.xbas06 a:hover { text-decoration:underline; }


td.xbasLigneV  { border-left:1px solid #E60051; padding:5px; }

/* FIN LIENS BAS MYRIAM  */