/* General Body */

body{
background-image:url(../images/background.jpg);
background-repeat:repeat-x;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
background-color:#000000;
font-size:12px;
}

h1{
margin:0px;
padding:0px;
font-weight:100;
}
h2{
font-size:14px;
display:inline;
margin:0px;
padding:0px;
font-weight:100;
}
/*-------------------div----------------*/
#entete{
width:950px;
height:48px;
padding:2px;
margin-top:15px;
margin-left:auto;
margin-right:auto;
}
#corp{

background-image:url(../images/fond_degrade.jpg);
background-repeat:repeat-x;
width:950px;
height:600px;
padding:2px;
margin-left:auto;
margin-right:auto;
}

#corpetape{

background-image:url(../images/fond_degrade.jpg);
background-repeat:repeat-x;
width:950px;
padding:2px;
margin-left:auto;
margin-right:auto;
}

#contenue_information{
background-color:#000000;
width:100%;
height:100%;
}

.information{
width:950px;
}

.informationv2{
width:950px;
font-size:12px;
}

.informationetapes{
padding:10px;
width:930px;
}

.titre_form_compteClient{
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
font-weight:bold;
padding-top:5px;
padding-bottom:5px;
}

/*----typo----*/


.panier{
padding-right:5px;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.partenaire_press{
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:12px;
}

.formulaire{
color:#333333;
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
font-weight:bold;

}
/*----------bouton----------*/
a.lienadmin{
padding:3px;
background-color:#666666;
color:#FFFFFF;
text-decoration:none;
font-size:12px;
display:block;
}
a.lienadmin:hover{
padding:3px;
background-color:#FF6600;
color:#FFFFFF;
text-decoration:none;
font-size:12px;
display:block;
}
a.supprimer{
padding-left:5px;
color:#ffffff;
font-size:12px;
text-decoration:none;
}
a.supprimer:hover{
padding-left:5px;
color:#FF0000;
font-size:12px;
text-decoration:none;
}
a.ajouterpanier{
padding-left:5px;
color:#ffffff;
font-size:12px;
text-decoration:none;
}
a.ajouterpanier:hover{
padding-left:5px;
color:#00cc00;
font-size:12px;
text-decoration:none;
}
a.modifier{
padding-left:5px;
color:#ffffff;
font-size:12px;
text-decoration:none;
}
a.modifier:hover{
color:#00CCFF;
font-size:12px;
text-decoration:none;
}



a.lien{
color:#27a22d;
text-decoration:none;
font-size:11px;
}
a.lien:hover{
color:#27a22d;
text-decoration:underline;
font-size:11px;
}
a{
color:#27a22d;
text-decoration:none;
font-size:11px;
}
a:hover{
color:#27a22d;
text-decoration:underline;
font-size:11px;
}


a.lien_v2{
color:#FF6600;
text-decoration:none;
font-size:14px;
}
a.lien_v2:hover{
color:#FF0099;
text-decoration:none;
font-size:14px;
}

/*----------§§§§§ Bouton MENU en tête §§§§§----------*/
.buttl {
	background-color: #333333;
	font-size: 1.0em;
	border: 1px solid #000000;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 6px 1px 6px;
	line-height: 10px;
	cursor: pointer;
	}
.buttl:hover {
	background-color: #00cc00;
	font-size: 1.0em;
	border: 1px solid #666666 ;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 6px 1px 6px;
	line-height: 10px;
	cursor: pointer;
	}
	.buttsupr {
	background-color: #333333;
	font-size: 1.0em;
	border: 1px solid #000000;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 6px 1px 6px;
	line-height: 10px;
	cursor: pointer;
	}
.buttsupr:hover {
	background-color: #cc0000;
	font-size: 1.0em;
	border: 1px solid #666666 ;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
	padding: 2px 6px 1px 6px;
	line-height: 10px;
	cursor: pointer;
	}

a.footer{
color:#999999;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
}
a.footer:hover{
text-decoration:none;
color:#ffffff;
font-size:10px;
font-family:Arial, Helvetica, sans-serif;
}

a.lienweb{
color:#FF6600;
text-decoration:none;
}

a.lienweb:hover{
color:#FF6600;
text-decoration:underline;
}

a.menuClient{
color:#FFFFFF;
text-decoration:none;
font-size:14px;
}

a.menuClient:hover{
color:#009ee0;
text-decoration:none;
font-size:14px;
}

a.menuespvente{
color:#FFFFFF;
text-decoration:none;
font-size:14px;
}

a.menuespvente:hover{
color:#00FFFF;
text-decoration:none;
font-size:14px;
}


a.menuQui{
color:#FFFFFF;
text-decoration:none;
font-size:14px;
}

a.menuQui:hover{

color:#ffed00;
text-decoration:none;
font-size:14px;
}

a.menuContact{
color:#FFFFFF;
text-decoration:none;
font-size:14px;
}

a.menuContact:hover{

color:#dc107d;
text-decoration:none;
font-size:14px;
}

a.menuPartenaire{
color:#FFFFFF;
text-decoration:none;
font-size:14px;
}

a.menuPartenaire:hover{

color:#00bb23;
text-decoration:none;
font-size:14px;
}

a.menuPresse{
color:#FFFFFF;
text-decoration:none;
font-size:14px;
}

a.menuPresse:hover{

color:#FF6600;
text-decoration:none;
font-size:14px;
}

h6{
color:#FF0000;
}

.xlight {
	background-color: #ffcc66;
}

/* css pour les infos bulles */
a.info_bulle span
{								   
    position       :  absolute;
    width          :  1px;
    height         :  1px;
	display:none;
    background    :  #000000;   /* Définition du fond, sinon on a le même que notre lien */
    border         :  1px hidden #ffffff; /* Définition des bordures */
	z-index    :  15;
} 
a.info_bulle
{				
  color           : #ffffff;
  text-decoration : none; 
  padding         : 2px 16px 2px 2px; /*Définition des marges intérieures de notre lien */
  
  /* Définition de l'arrière plan de notre lien */
  position        : relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
  z-index    :  15;
}  
a.info_bulle:hover 
{
  border          : 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
}  
/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span 
{
	top        :  25px;;
	left       :  -25px;
	width      :  120px;
	height     :  auto;
	display: block;
	z-index    :  20;
	border         :  1px solid #ffffff;
}  .sauteauyeux {
	color: #00bb23;
	font-weight: bold;
}