.noOutline { outline:none; }

/* Style des SOUS-MENUS   */
H1 {
	text-align: center;
	font-size: 10pt;
	font-weight: bold;
	margin-top: 0pt;
	text-transform: none;
	text-decoration: none;
	
}
H2 {
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	margin-top: 15px;
	text-transform: none;
	text-decoration: none;
}

/* Style des bordures des tableaux   */
.bord {
	border-color: #4096EE;
	border-width: 1;
	border-left-color: #4096EE;
	border-bottom-color: #4096EE;
	border-right-color: #4096EE;
	border-top-color: #4096EE;
	border-top-style: groove;
	border-right-style: groove;
	border-bottom-style: groove;
	border-left-style: groove;
	border-top-width: thin;
	border-right-width: thin;
	border-bottom-width: thin;
	border-left-width: thin;
	background-color: #4096EE;
}

fieldset {
	position: relative;
	top: 1em;
	padding: 0px;
	border: 1px dashed #bfd2e3;
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    border-radius: 5px;
	background: -moz-linear-gradient(center top,#e8f1f9 55%,#bfd2e3 95%);
	background: -webkit-gradient(linear,center top,center bottom, from(#e8f1f9), to(#bfd2e3), color-stop(0.55, #e8f1f9), color-stop(0.95, #bfd2e3));
	*background-color:#e8f1f9;
	}

html>body fieldset {
     padding-top: 1em;
	 top: 0;
	 }

legend {
     position: relative;
	 top: -1em;
	 padding: 0.4em 0.4em 0 0.4em;
	 font-size: 14px;
	 color: #4096EE;
	 font-weight: bold;
	 background-color: #e8f1f9;
	 border: 1px dashed #bfd2e3;
	 border-bottom:0;
	 -moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
	 margin-left:0.8em;
	 *margin-left:0.3em;
	 }

input{
	background-color:transparent;
	padding:3px;
	border:0;
	border-bottom: 1px dotted #7f9db9;
}

/* Style des cellules Titres des Tris des tableaux   */

.fondTitreTab { 
   background:url(/images/bouton_mil.gif) left bottom repeat-x;
} 

.fondcel { /*Fond bleu fonce*/
	background-color: #4096EE;
	text-align: center;
	-moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}
.fondcel2{ /*Fond bleu ciel*/
	border: 1px solid #bfd2e3;
	background: -moz-linear-gradient(center top,#e8f1f9 55%,#bfd2e3 95%);
	background: -webkit-gradient(linear,center top,center bottom, from(#e8f1f9), to(#bfd2e3), color-stop(0.55, #e8f1f9), color-stop(0.95, #bfd2e3));
	*background-color:#e8f1f9;
	margin-bottom:7px;
	-moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}
.fondcel3{ /*Fond jaune fluo*/
	border: 1px #bbbb00 solid;
	background: #FFCC00 url(/images/fond_post-it.jpg) 0 0 repeat-x;
	margin-bottom:7px;
	padding:3px;
	-moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}
.fondcel4{ /*Contour bleu */
	border: 3px solid #bfd2e3;
	margin-bottom:7px;
	-moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}
.fondcel5{ /*Fond jaune fluo*/
	border: 3px solid #FFCC00;
	margin-bottom:7px;
	-moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}
.fondcel6{ /*Fond bleu ciel*/
	background: -moz-linear-gradient(center top,#e8f1f9 55%,#bfd2e3 95%);
	background: -webkit-gradient(linear,center top,center bottom, from(#e8f1f9), to(#bfd2e3), color-stop(0.55, #e8f1f9), color-stop(0.95, #bfd2e3));
	*background-color:#e8f1f9;
    border-radius: 5px;
}
.fondcel7{ /*Fond blanc contour bleu ciel*/
	border: 1px solid #bfd2e3;
	background-color:#FFFFFF;
	-moz-border-radius: 5px;
     -webkit-border-radius: 5px;
     border-radius: 5px;
}

.fondsite{
	background: #024898 url(/images/bodyBg.png) 0 0 repeat-x}
}

.fond{
	/*background-color:#FFFFFF;*/
}



/* Style des cellules des tableaux   */
.fondceltab {
	padding-left: 10px;
}

.marges{
	padding: 0px 30px 15px 30px;
	background-color:#FFFFFF;
	font-size:12px;
	border-radius-bottomleft: 10px;
	-o-border-radius-bottomleft: 10px;
	-icab-border-radius-bottomleft: 10px;
	-khtml-border-radius-bottomleft: 10px;
	-moz-border-radius-bottomleft: 10px;
	-webkit-border-radius-bottomleft: 10px;
	border-radius-bottomright: 10px;
	-o-border-radius-bottomright: 10px;
	-icab-border-radius-bottomright: 10px;
	-khtml-border-radius-bottomright: 10px;
	-moz-border-radius-bottomright: 10px;
	-webkit-border-radius-bottomright: 10px;
}
.marges2{
	padding: 10px;
	font-size:12px;
}
.marges3{
	padding-left:5px;
	font-size:12px;
}

	
/* Styles du Bandeau   */	

.bandeau {
	/*background-color: #4096EE; */
	height:117px;
	font-size:12px;
	/*background:url(/images/logos/logo_silver_small.jpg) no-repeat 5px 17px*/
} 

.identification{
	text-align:right;	
} 
.bonjour{
	text-align:right;	
	color:#FFFFFF;
	font-weight:bold;
	font-size: 12px;
} 


legend a {
	color: #4096EE; 
	text-decoration: none;
	font-weight: bold;
} 

legend a:visited {
	color: #4096EE; 
	text-decoration: none;
	font-weight: bold;
}  

legend a:hover {
	color: #000000; 
	text-decoration: none;
	font-weight: bold;
}



a.bandeau:link {
	color: #4096EE; 
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
} 

a.bandeau:visited {
	
	color: #4096EE; 
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}  

a.bandeau:hover{
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
} 	
	
.rechercher {
	text-align:right;
	vertical-align:middle;
}
.onglets{
	vertical-align:bottom;
	/*background-color:#FFFFFF;*/
	padding: 0 7px 0 7px;
	height:15px; 
    line-height:15px;
}
.onglets_gch{
	background:url(/images/onglets_gch.gif) left top no-repeat; 
	width:8px;
}
.onglets_mil{
	background:url(/images/onglets.gif) repeat-x; 
}
.onglets_drt{
	background:url(/images/onglets_drt.gif) right top no-repeat; 
	width:8px;
}

/* Style du texte du Bandeau version NORMALE    */
.bandeaunormal {
	
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}

/* Style du texte du Bandeau version NEIGE    */
.bandeauneige {
	
	color: #7777AA;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
}
	





BODY {
	font-size: 10px;
	/*background-color: #ffffff;*/
	font-family: "Trebuchet MS", Tahoma, Helvetica, sans-serif; 
}


#title  {
	text-align: right;
	font: bold 40px "Arial Black, Trebuchet MS, Arial";
	position: relative; top: 0px; right: 0px}
#text {position: relative; top: 0px; left: 0px; color: #FFCC00; z-index:2;}
#shadow {position: absolute; top: 3px; left: 3px; color: #000000; z-index:1;}

#textflash {position: relative; top: 0px; left: 0px; color: #4096EE; z-index:2;}
#shadowflash {position: absolute; top: 2px; left: 2px; color: #000000; z-index:1;}
#textsmallflash {position: relative; top: 0px; left: 0px; vertical-align: 4px; color: #4096EE; z-index:2;}
#shadowsmallflash {position: absolute; top: 1px; left: 1px; vertical-align: 4px; color: #000000; z-index:1;}

#titlesmall  {
	text-align: right;
	font: bold 17px "Arial Black, Trebuchet MS, Arial";
	position: relative; top: -42px; left: 9px}
#textsmall {position: relative; top: 0px; left: 0px; vertical-align: 4px; color: #FFCC00; z-index:2;}
#shadowsmall {position: absolute; top: 2px; left: 2px; vertical-align: 4px; color: #000000; z-index:1;}

#titredito {
position: relative;
text-align: left;
font-size: 17px;
font-family: Arial Black;
font-style: italic;
}

a.titredito:link {
	text-decoration:none;
}
a.titredito:visited {
	text-decoration:none;
}
a.titredito:hover {
	text-decoration:none;
}

.titreBig {
	text-align: center;
	font-size: 14pt;
	font-weight: bold;
	margin-top: 0pt;
	color: #A8D9F5;
}


#milieu {
position: absolute; 
top: 0px; 
left: 0px; 
color: #4096EE;
}

/* Style des Liens du menu   */
a.milieu:link {
	color: #4096EE;
	text-decoration: none;
	
} 
a.milieu:visited {
	color: #4096EE;
	text-decoration: none;
	
	}  
a.milieu:hover{
	color: #4096EE; 
	text-decoration: none;
	
	} 


#basdroit {
position: absolute; 
top: 2px; 
left: 2px; 
color: white;
}

#gauche {
position: absolute; 
top: 0px; 
left: -2px; 
color: white;
}

#basgauche {
position: absolute; 
top: 2px; 
left: -2px; 
color: white;
}

#hautgauche {
position: absolute; 
top: -2px; 
left: -2px; 
color: white;
}

#haut {
position: absolute; 
top: -2px; 
left: 0; 
color: white;
}

#bas {
position: absolute; 
top: 2px; 
left: 0; 
color: white;
}

#droit {
position: absolute; 
top: 0px; 
left: 2px; 
color: white;
}

#hautdroit {
position: absolute; 
top: -2px; 
left: 2px; 
color: white;
}

table.lettrine {
padding: 0.1em;
margin-right: 3px;
float: left;
line-height: 1em;
} 


/* Style du Nom du produit   */
.nomprod {
	/*padding-left: 10px;*/
	padding-left: 0px;
	text-align: left;
	font-size: 120%;
	color: #4096EE;
	font-weight: bold;
}


/* Style du Prix du produit   */
.prix {
	text-decoration: none;
	text-align: right;
	font-size: 12px;
	color: #4096EE;
	font-weight: bold;
}
/* Style du Prix du produit   */
.prixGrand {
	text-align: center;
	font-size: 120%;
	color: #4096EE;
	font-weight: bold;
	text-shadow: 1px 1px 3px #024898; 
}

.ombre {
	-moz-box-shadow: 3px 3px 10px #7290ab; 
    -webkit-box-shadow: 3px 3px 10px #7290ab; 
    box-shadow: 3px 3px 10px #7290ab; 
}

.prixpromo {
	text-decoration: none;
	text-align: right;
	font-size: 12px;
	color: #FF0000;
	font-weight: bold;
}


/* Style des Liens des titres des tableaux   */
a.tab:link {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
} 
a.tab:visited {
	color: #FFFFFF;
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	}  
a.tab:hover{
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	font-size: 14px;
	} 


/* Style des Liens du menu   */
.buttonscontainer {width: 160px;}

.buttons a {color: 4096EE;
background-color: FFFFFF;
padding: 2px;
padding-left: 3px;
display: block;
border-bottom: 1px dashed ;
font-size: 13px;
font-weight: bold;
text-decoration: none;
text-align: left;}

.buttons a:hover {
background-color: 4096EE;
color: FFFFFF;
text-decoration: none;}

	/* --- "Small" button style code start here --- */
	
.bouton2div{
	display:inline-block;
	vertical-align:top;
	padding-top:1px;
}
	

	a.bouton2, 
button.bouton2 { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    font-size:11px; 
    color: #EEEEEE;
	/*color: #bddef4;*/
	font-weight:bold; 
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
	text-decoration:none;
	text-shadow: 0px 0px 5px #88ccfb; 
} 

a.bouton2:hover, 
button.bouton2:hover{ 
    color: #FFFFFF;
} 

a.bouton2:visited{
	color: #EEEEEE;
}  

a.bouton2 span, 
button.bouton2 span { 
    position:relative; 
    float:left;
    padding:0 0 0 6px; 
    vertical-align:middle; 
    background:url(/images/bouton2_gch.gif) left -4px no-repeat; 
} 
a.bouton2 span span, 
button.bouton2 span span { 
    padding:0 5px 0 0; 
    background:url(/images/bouton2_dte.gif) right -4px no-repeat; 
} 
a.bouton2 span span span, 
button.bouton2 span span span { 
    height:15px; 
    padding:7px 0 0 0; 
    line-height:7px;
	*padding:2px 0 4px 0; 
	*line-height:15px;
    background:url(/images/bouton2_mil.gif) left -4px repeat-x; 
} 
 
* html button2 {width:1%; overflow:visible;} 
*:first-child+html button2 {overflow:visible;}
	
	/* --- end "Small" button style code --- */

	
	/* --- "BIG" button style code start here --- */
	
	a.bouton, 
button.bouton { 
    display:-moz-inline-box; 
    display:inline-block; 
    margin:0; 
    padding:0; 
    font-size:16px; 
    color: #bddef4;
	font-weight:bold; 
	white-space:nowrap; 
    text-align:center; 
    vertical-align:middle; 
    cursor:pointer; 
    border:0; 
    background:none; 
	text-align:center;
	text-decoration:none; 
}
 
a.bouton:visited,
button.bouton:visited{ 
    color: #bddef4;
} 

a.bouton:hover, 
button.bouton:hover{ 
    color: #FFFFFF;
} 



a.bouton span, 
button.bouton span { 
    position:relative; 
    float:left;
    padding:0 0 0 25px; 
    vertical-align:middle; 
    background:url(/images/bouton_gch.gif) left top no-repeat; 
} 
a.bouton span span, 
button.bouton span span { 
    padding:0 25px 0 0; 
    background:url(/images/bouton_dte.gif) right top no-repeat; 
} 
a.bouton span span span, 
button.bouton span span span { 
    height:22px; 
	*height:32px;
    padding:10px 0 0 0; 
	*padding:2px 0 0 0; 
    line-height:9px; 
	*line-height:25px; 
    background:url(/images/bouton_mil.gif) left top repeat-x; 
	text-shadow: 0px 0px 5px #88ccfb;
} 
 
* html button {width:1%; overflow:visible;} 
*:first-child+html button {overflow:visible;}
	
	/* --- end "BIG" button style code --- */


	
/* Style des Liens des Prix   */
a.lienprix:link {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
} 
a.lienprix:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	}  
a.lienprix:hover{
	color: #4096EE;
	text-decoration: none;
	font-weight: bold;
	font-size: 10px;
	} 

	
/* Style des cellules Titres des Tris des tableaux   */
.infosite {
	text-align: center;
	color: #4096EE;
	font-size: 10px;
	padding:10px 0 10px 0;
}
.infoTri {
	text-align: center;
	color: #4096EE;
	font-size: 12px;
}

.description{
	text-align:justify;
	font-size:12px;
	/*padding-left:8px;*/
}

.separation {
	border-bottom:dashed 1px #bfd2e3;
	/*height:5px;*/
	margin: 15px 0 15px 0;
	*margin: 0 0 15px 0;
	height:1px;
}
.separation2 {
	border-right:dashed #bfd2e3 1px;
	width:14px;
	margin: 0 3px 0 0;
	padding:0 6px 0 0;
	*padding:0 0px 0 0; /*IE only*/
	*width:9px; /*IE only*/
}
.separation3 {
	border-right:dashed #bfd2e3 1px;
	width:14px;
	margin: 0 9px 0 0;
	padding:0 6px 0 0;
	*padding:0 0px 0 0; /*IE only*/
	*width:6px; /*IE only*/
}
.separation4 {
	border-bottom:dashed #bfd2e3 1px;
	margin: 0 0 15px 0;
	*margin: 0 0 15px 0;
	padding:0;
	height:1px;
}
.separation5 {
	border-bottom:dashed #bfd2e3 1px;
	/*height:5px;*/
	margin: 30px 0 20px 0;
	*margin: 0 0 20px 0;
	height:1px;
}

/* Styles de la Pagination */
.paginationSup {
	margin-bottom:15px;
	border-bottom:dashed #bfd2e3 1px;
	width:100%;
	padding-bottom:5px;
}
.paginationInf {
	margin:15px 0 25px 0;
	border-top:dashed #bfd2e3 1px;
	width:100%;
	padding-top:5px;
}
.pagination {
	margin:10px 0 10px 0;
	border-top:dashed #bfd2e3 1px;
	width:100%;
	padding:5px 0 5px 0;
}
	
/* Style des Liens pagination   */	
a.ssmenu2:link {
	color: #4096EE;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
} 
a.ssmenu2:visited {
	color: #4096EE;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}  
a.ssmenu2:hover{
	color: #FFFFFF; 
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
} 
a.ssmenu2_selected:link{
	color: #000000; 
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
} 
a.ssmenu2_selected:visited {
	color: #000000;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}  
a.ssmenu2_selected:hover{
	color: #4096EE; 
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
} 
	
a.ssmenu3:link {
	color: #4096EE;
	text-decoration: none;
	font-size: 10px;
} 
a.ssmenu3:visited {
	color: #4096EE;
	text-decoration: none;
	font-size: 10px;
}  
a.ssmenu3:hover{
	color: #000000; 
	text-decoration: none;
	font-size: 10px;
} 
/* Style des Liens des Sous-menu   */	
a.ssmenu:link {
	color: #4096EE;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
} 
a.ssmenu:visited {
	color: #4096EE;
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
}  
a.ssmenu:hover{
	color: #000000; 
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
} 
.ssmenu_selected{
	color: #000000; 
	text-decoration: none;
	font-weight: bold;
	font-size: 12px;
} 

.copyright {
	font-size: 11px;
    text-align: center;
    color: #FFFFFF;
    padding-top:12px;
    width:100%;
    padding-bottom: 10px;
}
.copyright2 {
	font-size: 11px;
    text-align: justify;
    color: #999999;
    padding-top:3px;
    width:100%;
}
.copyright3 {
	font-size: 11px;
    text-align: center;
    color: #FFFFFF;
    padding-top:0px;
	padding-bottom:0px;
    width:100%;
	text-shadow: 1px 1px 3px #024898;
}