/*
 * --------- Décomposition de l'écran ----------
 */

@media screen {
	body {
		background : #919191 url(images/fond-produits.jpg) repeat-y 50% 0 ;   /* #043e7d */
		font-family : Verdana, Geneva, Arial, sans-serif ;
		margin : 0 ;
		padding : 0 ;
		text-align : center ;
		}
 
	#conteneur {
		margin : 0px auto ;
		border-top : solid white 3px ;
		width : 800px ;
		}

	#col-gauche {
		width : 200px ;
		color : white ;
	/*	border-right : solid #ACACAC 1px ; */
		margin-top : 10px ;
		float : left ;
		}

	#contenu {
		width : 600px ;
		color : white ;
	/*	border : solid white 1px ; */
	/*	padding : 0px 10px 0px 10px ; */
		float : right ;
		}

	.chapeau {
		font : 90%/130% Verdana, Geneva, Arial, sans-serif ;
		letter-spacing : 1px ;
		color : white ;
		margin-bottom : 10px ;
		}
	}

/*
 * --------- Pour une impression correcte du produit ----------
 */
	
@media print {
	body {
		font-family : Verdana, Geneva, Arial, sans-serif ;
		}
 
	#conteneur {
		margin : 0px auto ;
		}

	#col-gauche {
		display : none ;
		}

	#contenu {
		font-family : Verdana, Geneva, Arial, sans-serif ;
		font-size : 12pt ;
		}

	.chapeau {
		font-size : 14pt ;
		letter-spacing : 1px ;
		text-align : center ;
		margin-top : 20px ;
		margin-bottom : 20px ;
		}
	}

/*
 * --------- Suite des définitions ----------
 */
	
#box-flash {
	font : 80%/140% Verdana, Geneva, Arial, sans-serif ;
	color : white ;
	margin-top : 15px ;
	text-align : center ;
	}
	
#contenu h2 {
	display : block ;
	margin : 0px auto ;
	padding : 3px ;
/*	width : 580px ; */
	font : bold 150% Verdana, Geneva, Arial, sans-serif ;
	letter-spacing : 2px ;
	border-bottom : solid white 3px ;
	background-color : #f4d43c ;
	color : black ;
	}

#contenu h3 {
	margin : 2px auto ;
	font-size : 120% ;
	letter-spacing : 2px ;
	/* font-variant : small-caps ; */
	color : #F1EB7B ;
	}	
	
#contenu h4 {
	margin : 0 0 3px 0 ;
	font-size : 110% ;
	letter-spacing : 1px ;
	/* font-variant : small-caps ; */
	color : #F1EB7B ;
	}

.clear {
	clear : both ;
	}

a {
	color : yellow ;
	text-decoration : none ; 
	}
	
a:hover {
	color : black ;
	text-decoration : none 
	}
	


.ss-chapeau
	{
	font : 80%/130% Verdana, Geneva, Arial, sans-serif ;
	letter-spacing : 1px ;
	color : white ;
	margin-bottom : 5px ;
	}
	
.centrer {
	text-align : center ;
	}

.image-centre {
	padding : 2px ;
	background-color : black ;
	border : 1px solid #bac1a3 ;
	}
	
.boite {
/*	float : left ; */
/*	display : block ; */
	margin : 0px auto ;
	font : 80%/140% Verdana, Geneva, Arial, sans-serif ;
	width : 540px ;
/*	border-left : 1px solid #acacac ; */
/*	background-color : #04468C ; */
	text-align : left ;
	}

.boite-gauche {
	float : left ;
/*	display : block ; */
/*	font : 80%/140% Verdana, Geneva, Arial, sans-serif ; */
	width : 250px ;
/*	border-left : 1px solid #acacac ;  */
/*	background-color : #04468C ; */
	text-align : left ;
/*	margin-left : 20px ; */
	}

.boite-droite {
	float : right ;
/*	display : block ; */
/*	font : 80%/140% Verdana, Geneva, Arial, sans-serif ; */
	width : 250px ;
/*	border-right : 1px solid #acacac ; */
/*	background-color : #04468C ; */
	text-align : right ;
/*	margin-right : 25px ; */
	}

.boite-180 {
	width : 180px ;
	text-align : center ;
	float : left ;
	}

.boite-270 {
	width : 270px ;
	text-align : center ;
	float : left ;
	}

.boite-totale {
	width : 540px ;
	text-align : center ;
	float : left ;
	}
	
.boite ul {
/*	font-size : 60% ; */
	margin : 0 0 0 16px ;
	padding : 0 0 15px 0 ;
/*	list-style-position : inside ; */
	list-style-type : square ;
	line-height : 1.7em ;
	}

.boite-texte {
/*	float : left ; */
/*	display : block ; */
	margin : 10px auto ;
	font : 80%/130% Verdana, Geneva, Arial, sans-serif ;
/*	letter-spacing : 1px ; */
	width : 540px ;
/*	border-left : 1px solid #acacac ; */
/*	background-color : #04468C ; */
	text-align : justify ;
	}
	
/* 
 * ---------- Navigation ----------
 */

#navcontainer {
	margin-top : 20px ;
	width : 200px ;
	text-align : left ;
	font : normal 12px/22px Verdana, Arial, Helvetica, sans-serif ;
	}
	
#navcontainer ul {
	margin : 0 ;
	padding : 0 ;
	list-style-type : none ;
	text-indent : 30px ;
	letter-spacing : 1px ;
	}
	
#navcontainer a {
	display : block ; 
	width : 190px ;
	height : 22px ;
	margin-bottom : 5px ;
	margin-left : 5px ;
	}
	
#navcontainer a:link, #navcontainer a:visited {
	background : url('images/nav-bouton.gif') ;
	color : black ; 
	text-decoration : none 
	}
	
#navcontainer a:hover {
	background : url('images/nav-bouton-over.gif') ;
	color : white ;
	text-decoration : none 
	}
	
#navcontainer li a#current {
	background : url('images/nav-bouton-over.gif') ;
	color : white ;
	text-decoration : none 
	}
	
/*
 *  Styles de sous-menu !
 */
 
#navcontainer ul ul {
	margin : 0 ;
	padding : 0 ;
	list-style-type : none ;
	text-indent : 25px ;
	letter-spacing : 1px ;
	}

#navcontainer ul ul a {
	display : block ;
	width : 160px ;
	height : 22px ;
	margin-left : 35px ;
	margin-bottom : 5px ; 
	}
	
#navcontainer ul ul a:link, #navcontainer ul ul a:visited {
	background : url('images/subnav-bouton.gif') ;
	color : black ; 
	text-decoration : none 
	}

#navcontainer ul ul a:hover {
	background : url('images/subnav-bouton-over.gif') ;
	color : white ;
	text-decoration : none 
	}
	
#navcontainer ul ul li a#current {
	background : url('images/subnav-bouton-over.gif') ;
	color : white ;
	text-decoration : none 
	}