.texte_contenu {
font-family: Arial; font-size: 11px; color: #666666;
}
.texte_blanc {
font-family: Arial; font-size: 11px; color: #ffffff;
}
.texte_chemin {
font-family: Arial; font-size: 10px; color: #D50366;
}
.texte_bas {
font-family: Arial; font-size: 10px; color: #ffffff;
}

a {	COLOR : #D50366;	FONT-FAMILY : Arial;	font-size : 11px;	text-decoration : underline; }
a:active { COLOR : #D50366; FONT-FAMILY : Arial; font-size : 11px; text-decoration : none;  }
a:hover { COLOR : #D50366; FONT-FAMILY : Arial;	font-size : 11px; text-decoration : none; }

a.chemin {	COLOR : #333333;	FONT-FAMILY : Arial;	font-size : 10px;	text-decoration : underline;	 }
a.chemin:active { COLOR : #333333; FONT-FAMILY : Arial; font-size : 10px; text-decoration : none; }
a.chemin:hover { COLOR : #333333; FONT-FAMILY : Arial;	font-size : 10px; text-decoration : none; }

a.menu {	COLOR : #666666;	FONT-FAMILY : Arial;	font-size : 11px;	text-decoration : none; font-weight:bold;}
a.menu:active { COLOR : #D50366; FONT-FAMILY : Arial; font-size : 11px; text-decoration : none; font-weight:bold;}
a.menu:hover { COLOR : #D50366; FONT-FAMILY : Arial;	font-size : 11px; text-decoration : none; font-weight:bold;}

a.menu2 {	COLOR : #D50366;	FONT-FAMILY : Arial;	font-size : 11px;	text-decoration : none; font-weight:bold;}
a.menu2:active { COLOR : #D50366; FONT-FAMILY : Arial; font-size : 11px; text-decoration : none; font-weight:bold;}
a.menu2:hover { COLOR : #D50366; FONT-FAMILY : Arial;	font-size : 11px; text-decoration : none; font-weight:bold;}

a.bas {	COLOR : #ffffff;	FONT-FAMILY : Arial;	font-size : 11px;	text-decoration : none; }
a.bas:active { COLOR : #ffffff; FONT-FAMILY : Arial; font-size : 11px; text-decoration : none; }
a.bas:hover { COLOR : #ffffff; FONT-FAMILY : Arial;	font-size : 11px; text-decoration : underline; }

a.accueil {	COLOR : #5B9CD7;	FONT-FAMILY : Arial;	font-size : 11px;	text-decoration : none; }
a.accueil:active { COLOR : #5B9CD7; FONT-FAMILY : Arial; font-size : 11px; text-decoration : none; }
a.accueil:hover { COLOR : #5B9CD7; FONT-FAMILY : Arial;	font-size : 11px; text-decoration : underline; }

.titre1 {
font-family: Arial; font-size: 11px; color: #D50366; font-weight:bold;
}
.titre2 {
font-family: Arial; font-size: 11px; color: #000000; font-weight:bold;
}

/*SG*/

.zone_texte{
	/*Attention pour internet explorer*/
	WIDTH: 200px;
	HEIGHT: 20px;
	BORDER: #FFFFFF 0px solid; 
	PADDING-LEFT: 5px; 
	PADDING-RIGHT: 5px; 
	COLOR: #000000; 
	BACKGROUND-IMAGE: url(images/saisie_email_axun_blc.png); 
	BACKGROUND-POSITION:right top;
	BACKGROUND-REPEAT: NO-REPEAT;
	BACKGROUND-COLOR: #FFFFFF; 
	FONT-SIZE: 11px;
}

.texte_accueil{
	font-family: Arial; 
	font-size: 16px; 
	color: #747679;
}

.liens_ {	COLOR : #555555;	FONT-FAMILY : Arial;	font-size : 10px;	text-decoration : none;	 }
.liens_:active { COLOR : #555555; FONT-FAMILY : Arial; font-size : 10px; text-decoration : none; }
.liens_:hover { COLOR : #D50366; FONT-FAMILY : Arial;	font-size : 10px; text-decoration : none; }

.ss_titre_accueil{
	font-family: Arial; 
	font-size: 14px; 
	color: #000000;
}

.titre_accueil{
	font-family: Arial; 
	font-size: 20px; 
	color: #747679;
}

.news_titre{
	font-family: Arial; 
	font-size: 13px; 
	color: #000000;
}

.news_texte{
	font-family: Arial; 
	font-size: 11px; 
	color: #747679;
}

.titre_section{
	font-family: Arial;
	font-weight:bold;	
	font-size: 15px; 
	color: #000000;
}

.titre_section2{
	font-family: Arial;
	font-weight:bold;	
	font-size: 10px; 
	color: #000000;
}
.titre_section2 :active{
	font-family: Arial;
	font-weight:bold;	
	font-size: 10px; 
	color: #000000;
	text-decoration : underline;
}
.titre_section2 :hover{
	font-family: Arial;
	font-weight:bold;	
	font-size: 10px; 
	color: #D50366;
	text-decoration : underline;
}

.ss_titre_section{
	font-family: Arial; 
	font-size: 12px; 
	color: #D50366;
	font-weight:bold;
}

.ss_titre_section2{
	font-family: Arial; 
	font-size: 12px; 
	color: #666666;
	font-weight:bold;
}
.texte{
	font-family: Arial; 
	font-size: 13px; 
	color: #747679;
}

.liens_gauche{	COLOR : #D50366;	FONT-FAMILY : Arial;	font-size : 16px;	text-decoration : none;	 }
.liens_gauche:active { COLOR : #D50366; FONT-FAMILY : Arial; font-size : 16px; text-decoration : none; }
.liens_gauche:hover { COLOR : #D50366; FONT-FAMILY : Arial;	font-size : 16px; text-decoration : none; }


/*Défilement produits*/
div.sc_menu {
	/* Set it so we could calculate the offsetLeft */
	position: relative;
	height: 145px;
	width: 930px;
	overflow: auto;
}
ul.sc_menu {
	display: block;
	height: 110px;
	/* max width here, for users without javascript */	
	width: 20000px;	
	padding: 15px 0 0 15px; 
	/* removing default styling */
	margin: 0;		
	list-style: none;
	font-family: Arial; font-size: 11px; color: #666666; /*texte sous les images*/
}
.sc_menu li {
	display: block;
	float: left;	
	padding: 0 4px;
}
.sc_menu a {
	display: block;
	text-decoration: none;
}
.sc_menu span {
	display: none;
	margin-top: 3px;
	
	text-align: center;
	font-size: 12px;	
	color: #fff;
}
.sc_menu a:hover span {
	display: block;
}
.sc_menu img {
	border: 3px #fff solid;	
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
}
.sc_menu a:hover img {
	filter:alpha(opacity=80);	
	opacity: 0.8;
}

	
/* BASIC RESET */
ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,body,html,p,blockquote,fieldset,input{margin:0; padding:0;}

/* COMMON CLASSES */
.break { clear:both; }

/* WRAPPER */
#wrapper { width:960px; margin:40px auto; }

/* CONTENT */
#content p { font: 14px "Lucida Grande","Lucida Sans Unicode",Helvetica,Arial,Verdana,sans-serif; color:#333333; line-height:38px; width:960; }
#content p a { color:#0088CC; text-decoration:none; }
#content p a:hover { text-decoration:underline; }

/* APPLE STYLE NAVIGATION MENU */
#appleNav { margin:0 0; list-style:none;

    /* Lucinda Grande is the font used on the website from Apple. */
    font-family: Arial, Helvetica, sans-serif; letter-spacing:0.5px; font-size:13px;
    
    /* Apply a subtle text-shadow to the text */
    text-shadow: 0 -1px 3px #202020;

    /* We want to add the shadow to the complete navigation menu. In order to do that, we'll need to set
    the correct width and height, and also the correct borders, in order to create the perfect drop shadow */
    width:960px; height:34px;
    
    -moz-border-radius:4px;
    -webkit-border-radius:4px;
    border-radius:4px;
    
    -moz-box-shadow: 0px 3px 3px #cecece;
    -webkit-box-shadow: 0px 3px 3px #cecece;
    box-shadow: 0 3px 4px #8b8b8b;
	display:inline;
	list-style-type : none;

}

#appleNav li { 
	display:inline; 
	float:left; 
	border-right:1px solid #5d5d5d;
	border-left:1px solid #929292; 
	width:135px; 
	height:34px; 
	border-bottom:1px solid #575757; 
	border-top:1px solid #797979;

    /* Gradient backgrounds for the buttons. Generated using http://gradients.glrzad.com/ */
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #787878), color-stop(0.5, #5E5E5E), color-stop(0.51, #707070), color-stop(1, #838383));
    background-image: -moz-linear-gradient(center bottom, #787878 0%, #5E5E5E 50%, #707070 51%, #838383 100%);
    background-color:#5f5f5f; 
	white-space: nowrap;
	max-height:34px; 
}	
#plus li { 
	display:block; 
	width:135px; 
	background-image:none;
	background-color:#EFEFEF; /* Fallback */
	text-shadow: 0 -1px 3px #FFFFFF;
	border-top:none;

}	
#first12 {
	border-bottom:none !important;
}
li:hover ul.Nav1{display: block}

ul ul {display: none; position: relative; top: 1px; margin:0px; padding: 0px; z-index:1000;}
/* Set the states when hovering, except for the last item in the list (the search bar), since it doesn't need to change */
#appleNav li:hover{
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    
    /* We use the inset of the box shadow to create a subtle inner glow when hovering */
    -moz-box-shadow: inset 0 0 5px 5px #535353;
    -webkit-box-shadow: inset 0 0 5px 5px #535353;
    box-shadow: inset 0 0 5px 5px #535353;
}

/* When the user clicks the button, we simply change the box inset (compared to the "hover") */
#appleNav li:active {
    background-image: -webkit-gradient(linear, left bottom, left top, color-stop(0, #3F3F3F), color-stop(0.5, #383838), color-stop(0.51, #434343), color-stop(1, #555555));
    background-image: -moz-linear-gradient(center bottom, #3F3F3F 0%, #383838 50%, #434343 51%, #555555 100% );
    background-color:#383838; /* Fallback */
    
    -moz-box-shadow: inset 0 1px 2px 2px #000;
    -webkit-box-shadow: inset 0 1px 2px 2px #000;
    box-shadow: inset 0 1px 2px 2px #000;
}

#appleNav li a {
	color:white; 
	text-decoration:none; 
	text-align:center; 
	display:inline; 
	line-height:34px; 
	outline:none; 
	overflow: hidden;
	}
	
#appleNav  a {
	color:white; 
	text-decoration:none; 
	text-align:center; 
	display:inline; 
	line-height:34px; 
	outline:none; 
	overflow: hidden;
	}
	
	#plus li a {
	color:black; 
	text-decoration:none; 
	text-align:center; 
	display:block; 
	line-height:34px; 
	outline:none; 
	overflow: hidden;
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
	}
	
	#plus li:hover{
	-moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    background-image: none;
	background-color:#D3D0CC; /* Fallback */
}

/* Styling of the search field */

/* Rounded corner for the first in last item. Shorthand: Top left, Top right, Bottom right, Bottom left.
We also remove the borders, since they don't need them. */

#last1 {
    -moz-border-radius:0 0 4px 0;
    -webkit-border-radius:0 0 4px 0;
    border-radius:0 0 4px 0;
	width:136;
}
#first {
    -moz-border-radius:0 0 4px 0;
    -webkit-border-radius:0 0 4px 0;
    border-radius:0 0 0 4px;

}