/* CSS Document */

html, body {
	margin: 0px;
	padding-bottom: 10px;
	padding-top: 0px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #333333;
	background-color: #666666;
}

#conteneur {
	position: relative;
	width: 1002px;
	margin: 0 auto;
	background-color: #666F7F;
}

#millieu {
	width: 1002px;
}

/* haut */
	#haut {
		width: 1002px;
		height: 169px;
		background-image:url(graph/bandeau_haut.jpg);
	}

 	img.drapeau {
		margin: 3px;
		border: 1px #eeeeee solid
	}

/* menu gauche */

	td.menu {
		padding-top: 25px;
		background-image: url(graph/menu_fond.gif);
		background-repeat: no-repeat;
		background-color: #666F7F;
	}

	form {
		padding: 0px;
		margin: 0px;
	}

	a.lien_menu_gauche, a.lien_menu_gauche:link, a.lien_menu_gauche:visited {
		width: 197px;
		display: block;
		text-align: right;
		/*height: 15px;*/
		padding-bottom: 5px;
		padding-top: 5px;
		font-size: 11px;
		font-weight: bold;
		text-decoration: none;
		color:#ffffff;
	}
	a.lien_menu_gauche:hover {
		background-image: url(graph/menu_survol.png);
	}

	.aaa {
		display: block;
		padding-left: 5px;
		padding-right: 5px;
	}

	.menu_titre {
		display: block;
		height: 27px;
		color: #ffffff;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-image: url(graph/menu_titre.png);
		font-size: 16px;
		font-weight: bold;
		padding-top: 7px;
		padding-left: 15px;
	}

	.menu_titre2 {
		display: block;
		height: 27px;
		color: #F3B807;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		background-image: url(graph/menu_titre.png);
		font-size: 14px;
		font-weight: bold;
		padding-top: 7px;
		padding-left: 15px;
		cursor: hand;
	}
	
/* compte client */
	.clientheader{	
		color: #95311a;
		font-size: 16px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		margin-left: 12px;
	}
	
	a.client1:link, a.client1:visited, a.client1:active {
		color: #ac0000;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: underline;
		background-image: url("../graph/triangle01.gif");
		background-repeat: no-repeat;
		background-position: 0 2px;
		display: block;
		margin-bottom: 30px;
		padding-left: 18px;
	}

	a.client1:hover {
		color: #fff;
		text-decoration: none;
		background-image: url("../graph/triangle01_over.gif");
	}
	
	a.client2:link, a.client2:visited, a.client2:active {	
		color: #ac0000;
		font-size: 14px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: underline;
		background-image: url("graph/triangle02.gif");
		background-repeat: no-repeat;
		background-position: 0 2px;
		display: block;
		margin-bottom: 33px;
		padding-bottom: 5px;
		padding-left: 24px;
	}

	a.client2:hover {	
		color: #fff;
		text-decoration: none;
		background-image: url("graph/triangle02_over.gif");
	}
	
/* produits pro */
	a.produitpro:link, a.produitpro:visited, a.produitpro:active{
		color: #cd3201;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		text-decoration: underline;
		background-image: url("../graph/triangle01.gif");
		background-repeat: no-repeat;
		background-position: 0 2px;
		margin-bottom: 30px;
		padding-left: 18px;
	}



	a.produitpro:hover{
		color: #fff;
		text-decoration: none;
		background-image: url("../graph/triangle01_over.gif");
	}

	.produit{
		color: #cd3201;
		font-size: 12px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-weight: bold;
		background-repeat: no-repeat;
		background-position: 0 2px;
		padding-left: 18px;
	}


/* bas */
	#bas {
		width: 1002px;
		height: 10px;
		text-align: right;
		background-color: #666666;
	}

	a.bas_lien:link {text-decoration: none; color:#ffffff;}
	a.bas_lien:visited {text-decoration: none; color:#ffffff;}
	a.bas_lien:hover {text-decoration: underline; color:#ffffff;}

/* general */

	td {
		margin: 0px;
		padding: 0px;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
		color: #333333;
	}

	img {
		border: 0px solid #000000;
	}

	hr {
		color: #ffffff;
		height: 1px;
		border: 0px solid #ffffff;
	}

	.coule_droite {
		float: right;
		padding-top: 5px;
		padding-left: 5px;
		padding-right: -20px;
		padding-bottom: 5px;
	}

	a:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: right; text-decoration: underline; color:#ba0000}
	a:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: right; text-decoration: underline; color:#ba0000}
	a:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 9px; text-align: right; color:#ba0000}

	a.lien_actu:link {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; text-decoration: none; color:#ffffff}
	a.lien_actu:visited {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; text-decoration: none; color:#ffffff}
	a.lien_actu:hover {font-family: Verdana, Arial, Helvetica, sans-serif; font-size: 10px; text-align: right; text-decoration: underline; color:#ffffff}

	.cadre_blanc {
		border: 1px solid #ffffff;
	}

/* titre */
	.titre {
		font-size: 13px;
		font-weight: bold;
	}
	h1 {
		color: #4E4A42;
		font-size: 16px;
		font-weight: bold;
		padding-top: 20px;
		padding-left: 20px;
		padding-right: 20px;
	}
	h2 {
		color: #4E4A42;
		font-size: 13px;
		font-weight: bold;
		padding-left: 20px;
		padding-right: 20px;
	}
	.lettrine {
		float: left;
		font-size: 1.8em;
		font-weight: bold;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #000000;
		margin-left: 1px;
		margin-top: -16px;
		margin-right: 1px;
		margin-bottom: 1px;
		padding: 1px;
		line-height: 1em;
	}
	.zone_titre {
		vertical-align: bottom;
		font-size: 2em;
		font-family: Verdana, Arial, Helvetica, sans-serif;
		color: #ffffff;
		margin: 1px;
		padding-top: 70px;
		padding-left: 20px;
		line-height: 1em;
	}

/* fiche produit */

/* champs de saisie */
	select, textarea, input {
		font-family: Verdana, Arial, Helvetica, sans-serif;
		font-size: 10px;
	}

	select, textarea{
		color: #000000;
		background-color: #FFFFFF;
	}

/* fonds */
	td.fond_accueil {
		background-color: #ACACAC;
		background-repeat: no-repeat;
		margin-bottom: 276px;
	}

	td.fond_neutre {
		background-color: #ACACAC;
		background-image: url(graph/fond_neutre.gif);
		background-repeat: no-repeat;
	}

	td.fond_panier {
		background-color: #ACACAC;
		background-image: url(graph/fond_panier.gif);
		background-repeat: no-repeat;
	}

	td.fond_actu {
		background-color: #ACACAC;
		background-image: url(graph/fond_actu.gif);
		background-repeat: no-repeat;
	}

	td.fond_fers {
		background-color: #ACACAC;
		background-image: url(graph/fond_fers_detail.gif);
		background-repeat: no-repeat;
	}
	
	td.fond_plaques{
		background-color: #ACACAC;
		background-image: url(graph/fond_plaques_detail.gif);
		background-repeat: no-repeat;
	}

	td.fond_fers_utilisation {
		background-color: #FFFFFF;
		background-position:right;
		background-repeat: no-repeat;
	}

	td.fond_tableau_infos {
		font-size: 11px;
		background-color: #ACACAC;
		background-image: url(graph/fond_fers_detail_tableau.gif);
		background-repeat: repeat;
	}

	td.fond_produit_liste {
		background-color: #ACACAC;
		background-image: url(graph/fond_produit_liste.gif);
		background-repeat: no-repeat;
	}

/* Light Box */
address {
	margin: 0px;
	padding: 30px;
	text-align: center;
	line-height: 1.0em;
	font-size: 11px;
	font-family: "Times","Times New Roman",serif!important;
}
address,
address a:link,
address a:active,
address a:visited,
address a:hover {
	color: #99c;
}
address a {
	text-decoration: none;
	border-bottom: 1px solid #ccd;
}
ul#photos {
	width: 500px;
	padding: 50px 0px;
	margin: 0px auto;
	text-align: center;
	list-style: none;
}
ul#photos li {
	display: inline;
	width: 160px;
	height: 160px;
}
ul#photos a.horizontal img,
ul#photos a.effectable img {
	padding: 15px 0px;
}
ul#photos a.vertical img {
	padding: 0px 15px;
}
#lightbox {
	background-color: #eee;
	padding: 10px;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#overlay {
	background-image: url(routines/lightbox/overlay.png);
}
#lightboxCaption {
	color: #333;
	background-color: #eee;
	font-size: 90%;
	text-align: center;
	border-bottom: 1px solid #666;
	border-right: 1px solid #666;
}
#lightboxIndicator {
	border: 1px solid #fff;
}
#lightboxOverallView {
	background-image: url(routines/lightbox/overlay.png);
}
* html #lightboxOverallView,
* html #overlay {
	background-color: #000;
	background-image: url(routines/lightbox/blank.gif);
	filter: Alpha(opacity=50);
}