/*################################## CSS global de la partie B2C ##################################*/

#entete
{
z-index: 100;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-KHTML-border-radius: 10px;
-ms-border-radius: 10px;
}

#header
{
width: 800px;
height: 40px;
margin-top: 2px;
margin-bottom: 8px;
/* background: url('../medias/img/slides/') no-repeat; attention rajouter l'image => vide pour l'instant :) */
}

#header ul
{
list-style: none;	
}

.text
{
color: #555555;
font-family: Helvetica, "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Arial, sans-serif;
font-size: 12px;	
}

/* Largeur du bandeau superieur */

#menu0
{
height: 40px;
overflow: hidden;
}

#menu0 li
{
display: inline;
}

/* Affichage de l'image du bandeau superieur et ses reglages*/

#menu0 a						
{
display: block;
float: left;
width: 800px;
height: 40px;
text-indent: -9999px;
background: url('../medias/nav/TOP_SPRITE.png') no-repeat;
}

/* Affichage de l'image Espace Pro du bandeau superieur et ses reglages*/

#menu0_bis li
{
display: inline;	
}

#menu0_bis a
{
display: block;
float: right;
width: 234px;
height: 38px;
text-indent: -9999px;
background: url('../medias/nav/BTNPRO_SPRITE.png') no-repeat;
margin-top: -39px;
list-style: none;
}

/* Decoupe de l'image du bandeau superieur*/ /*Sprite*/

#menu0 a#marque							{background-position: 0 0; z-index: 2;}
#menu0 a#marque:hover					{background-position: 0 -40px;}

#menu0_bis a#espace_pro					{background-position: 0 0;}
#menu0_bis a#espace_pro:hover			{background-position: 0 -38px; z-index: 10;}

*
{
margin: 0;
padding: 0;
font-family: Helvetica, "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Arial, sans-serif;
}

body
{
width: 800px;
margin: auto;
margin-top: 0px;
background:url(../medias/backgrounds/dclbg_vlr1.jpg) repeat-y center 0;

font-family: Helvetica, "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Arial, sans-serif;
}

a
{
color: black;
text-decoration: none;
font-family: Helvetica, "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Arial, sans-serif;
}

p
{
font-family: Helvetica, "Helvetica Neue", "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Arial, sans-serif;
}

img
{
border: none;	
}

/*########################################### Menu deroulant bis #################################################*/

#menu, #menu ul /* Liste */
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
        font-weight : bold; /* on met le texte en gras */
        font-family : "Lucida Grande", "Lucida Sans Unicode", Geneva, Verdana, Arial, sans-serif; /* on utilise Arial, c'est plus beau ^^ */
        font-size : 14px; /* hauteur du texte : 12 pixels */
}

#menu a /* Contenu des listes */
{
        display : block; /* on change le type d'élément, les liens deviennent des balises de type block */
        padding : 0; /* aucune marge intérieure */
        padding-top: 3px;
        background: url('../medias/nav/MIDDLE_SPRITE.jpg') no-repeat; /* couleur de fond */        
        color : #777777; /* couleur du texte */
        text-decoration : none; /* on supprime le style par défaut des liens (la plupart du temps = souligné) */
        width : 114px; /* largeur */
        height: 27px;
        text-align: center;
        vertical-align: center;
}

#menu a.under
{
background: #444;
}

/* Sprite Menu */

#menu a#two				{background-position: -114px 0;} 
#menu a#three			{background-position: -228px 0;} 
#menu a#four			{background-position: -342px 0;} 
#menu a#five			{background-position: -456px 0;}
#menu a#six				{background-position: -570px 0;}
#menu a#seven			{width: 116px; background-position: -684px 0; }



#menu a#first:hover				{background-position: 0px -30px;}
#menu a#two:hover				{background-position: -114px -30px;} 
#menu a#three:hover			{background-position: -228px -30px;} 
#menu a#four:hover			{background-position: -342px -30px;} 
#menu a#five:hover			{background-position: -456px -30px;}
#menu a#six:hover				{background-position: -570px -30px;}
#menu a#seven:hover			{width: 116px; background-position: -684px -30px; } 

#menu a#first.selected				{color: red;}
#menu a#two.selected				{background-position: -114px 0; color: red;} 
#menu a#three.selected				{background-position: -228px 0; color: red;} 
#menu a#four.selected				{background-position: -342px 0; color: red;} 
#menu a#five.selected				{background-position: -456px 0; color: red;}
#menu a#six.selected				{background-position: -570px 0; color: red;}
#menu a#seven.selected				{width: 116px; background-position: -684px 0; color: red;}

#menu a#undertwo		
{
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;

}

#menu a#undersix
{
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
}

#menu a#undereight
{
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
}

#menu a#undereleven
{
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
}

#menu a#undertwelve
{
-webkit-border-bottom-left-radius: 10px;
-moz-border-radius-bottomleft: 10px;
-webkit-border-bottom-right-radius: 10px;
-moz-border-radius-bottomright: 10px;
}

#menu li /* Éléments des listes */      
{ 
float : left;
}

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu li ul li
{
float: none;	
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
        opacity: 0.8;
		filter : alpha(opacity=80);
	 	-moz-opacity : 0.8;
	 	z-index: 999;
}

#menu li ul a
{
		color: #BBB;
		font-weight: none;
		font-size: 10px;
		width: 150px;
}

#menu li ul a:hover
{
color: #fff;	
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
        color: #000; /* On passe le texte en noir... */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}