@charset "utf-8";
@import url(reset.css);
/*@import  url("contenu.css");
@import  url("formulaire.css");*/

body, html {
	background: url(../../images/fond.gif) repeat-x;
	background-color:#4488A4;
	margin:0;
	font-family: Verdana, Arial;
	font-size:12px;
}

* html body {
	behavior:url('./css/csshover.htc')
}

p {
	font-family: verdana, arial;
	margin: 5px 0 0;
}
a, a.nodeco {
	text-decoration:none;
}
img {
	border:0;
}
span.gras, label.gras {
	font-weight:bold;
}
span.italique {
	font-style: italic;
}

span.bleu , a.bleu{
	color:#59B4E3;
	text-decoration:none;
}
.plus_grand {
	font-size:18px;
}
span.rouge, a.rouge{
	color:#6F0C15;
}
div#contenu404 {
	width:805px;
	height:450px;
	margin: 0 auto;
	background-color:#FFF;
	padding:20px;
}
div#header {
	width:845px;
	height:150px;
	margin: 0 auto;
	border:0px solid yellow;
	text-align:center;
}
div#header img#titre_cotton_blue{
	padding-top:30px;
}

div#menu {
	width:845px;
	margin: 0 auto;
	border:0px solid red;
	text-align:center;
}

div#menu  ul {
	list-style-type:none;
	padding:0; /* FF */
	margin:0; /* IE */
}

	div#menu  ul li {
		display:inline;
		padding: 3px 20px 3px 0px;
		
	}
	div#menu  ul li a {
		color:#FFF;
		font-family:Arial;
		font-size: 13px;
		font-weight:bold;
		text-transform:uppercase;
		text-decoration:none;
		padding-left:25px;
	}
		
		div#menu ul li#accueil a {
			background: url(../../images/onglet-accueil.gif) no-repeat;
			
		}
		div#menu  ul li#societe a {
			background: url(../../images/onglet-societe.gif) no-repeat;
		}
		div#menu  ul li#catalogue a {
			background: url(../../images/onglet-catalogue.gif) no-repeat;
		}
		div#menu  ul li#sur_mesure a {
			background: url(../../images/onglet-sur-mesure.gif) no-repeat;
		}
		div#menu  ul li#guide_pratique a {
			background: url(../../images/onglet-guide-pratique.gif) no-repeat;
		}
		div#menu  ul li#contact a {
			background: url(../../images/onglet-contact.gif) no-repeat;
		}
		
		div#menu  ul li a#chap_accueil_actuel {
			color:#36C1FA;
		}
		div#menu  ul li a#chap_societe_actuel {
			color:#83AB2C;
		}
		div#menu  ul li a#chap_catalogue_actuel {
			color:#E6BA34;
		}
		div#menu  ul li a#chap_sur_mesure_actuel {
			color:#E5188C;
		}
		div#menu  ul li a#chap_guide_actuel {
			color:#DC5C15;
		}
		div#menu  ul li a#chap_contact_actuel {
			color:red;
		}
	div#barre_accueil, div#barre_societe, div#barre_contact, div#barre_guide_pratique, div#barre_catalogue, div#barre_sur_mesure {
		z-index:10;
		position:relative;
		top:-3px;
		width: 845px;
		height: 16px;
		background: url(../../images/barre-menu-accueil.gif) no-repeat;
	}
	
	div#barre_accueil {
		background: url(../../images/barre-menu-accueil.gif) no-repeat;
	}
	
	div#barre_societe {
		background: url(../../images/barre-menu-societe.gif) no-repeat;
	}
	
	div#barre_contact {
		background: url(../../images/barre-menu-contact.gif) no-repeat;
	}
	
	div#barre_guide_pratique {
		background: url(../../images/barre-menu-guide.gif) no-repeat;
	}
	div#barre_catalogue {
		height: 76px;
		margin:0 auto;
		background: url(../../images/barre-menu-catalogue.gif) no-repeat;
	}
	div#barre_sur_mesure {
		background: url(../../images/barre-menu-sur-mesure.gif) no-repeat;
	}
	/*  Les boutons du menu doivent être au dessus de la barre */
	div#btn_menu {
		position:relative;
		z-index:20;
	}

div#footer, div#footer a {
	clear: both;
	color:#FFF;
	width:845px;
	margin: 0 auto;
	position:relative;
	font-family: Verdana, Arial;
	font-size:10px;
	padding-left:10px;
}

div#footer div#actinext {
	position:absolute;
	right:10px;
	top:0;
	
}

/**
 * Promotional Items Tool
 *********************************************
 *********************************************
*/
div#contenu_catalogue {
	width:845px;
	/*height:521px;*/
	margin:0 auto;
}
div#contenu_catalogue div#catalogue_top {
	width:845px;
	height:15px;
	background: url(../../images/catalogue-fond-top.gif) no-repeat;
}
div#contenu_catalogue div#catalogue_corps {
	width:845px;
	/*height:490px;*/
	background: url(../../images/catalogue-fond-body.gif) repeat-y;
}

div#contenu_catalogue div#catalogue_bottom {
	width:845px;
	height:15px;
	background: url(../../images/catalogue-fond-bottom.gif) no-repeat;
}
div#rechercher {
	border:0px solid red;
	margin-top:10px;
	margin-right:10px;
	width:615px;
	height:55px;
	float:right;
	display:inline;
}

/**
 * Promotional Items Tool - SELECTSUBCAT
 ***********************************************************
 ***********************************************************
 */
ul#SelectSubCat {
	background:#ffffff url('../images/bck_select.gif') no-repeat right center;
	border:1px solid #7F9DB9;
	float:left;
	height:18px;
	margin:0;
	padding:0;
	position:relative;
	width:200px;
}
ul#SelectSubCat li {
	float:left;
	margin:0px;
	padding:0px;
	width:100%;
}
ul#SelectSubCat li a {
	border:1px solid #ffffff;
	color:#1A171B;
	display:block;
	float:left;
	height:16px;
	line-height:15px;
	margin:0px 0px 0px 5px;
	padding:0px;
}

ul#SelectSubCat li.ssmenu ul.level2 {
	background:#ffffff;
	display:none;
	left:0;
	position:absolute;
}
u#SelectSubCat li.ssmenu ul.level2  li {
	background:#ffffff;
	clear:left;
	float:none;
	width:90%;
}
ul#SelectSubCat li.ssmenu ul.level2 li a {
	background:none;
	line-height:18px;
	height:18px;
}
ul#SelectSubCat li.ssmenu ul.level2 li a:hover {
	
}
ul#SelectSubCat li.ssmenu:hover ul.level2 {
	border:1px solid #7F9DB9;
	clear:left;
	display:block;
	margin-left:-1px;
	max-height:200px;
	overflow:auto;
	top:18px;
	width:100%;
}
* html ul#SelectSubCat li.ssmenu:hover ul.level2 {
	height:200px;
}

/**
 * Promotional Items Tool - SELECTSUBCAT
 ***********************************************************
 ***********************************************************
 */
ul#SelAccesRapide {
	background:#ffffff url('../images/bck_select.gif') no-repeat right top;
	border:1px solid #7F9DB9;
	float:left;
	height:18px;
	margin:15px 25px 0px 0px;
	padding:0;
	position:relative;
	width:165px;
}
* html ul#SelAccesRapide {
	margin:0px 15px 0px 0px;
}
ul#SelAccesRapide li {
	display:block;
}
ul#SelAccesRapide li a {
	border:1px solid #ffffff;
	color:#1A171B;
	display:block;
	height:16px;
	line-height:15px;
	margin:0px 0px 0px 5px;
	padding:0px 0px 0px 0px;
}
ul#SelAccesRapide li.ssmenu ul.level1 {
	background:#ffffff;
	display:none;
	left:0;
	position:absolute;
}
ul#SelAccesRapide li.ssmenu ul.level1  li {
	background:#ffffff;
	clear:left;
	float:none;
	width:90%;
}
ul#SelAccesRapide li.ssmenu ul.level1 li a {
	background:none;
	line-height:18px;
	height:18px;
	margin:0px 0px 0px 5px;
	overflow:hidden;
}
ul#SelAccesRapide li.ssmenu ul.level1 li a:hover {
	
}
ul#SelAccesRapide li.ssmenu:hover ul.level1 {
	border:1px solid #7F9DB9;
	clear:left;
	display:block;
	margin-left:-1px;
	max-height:200px;
	overflow:auto;
	top:18px;
	width:100%;
}
* html ul#SelAccesRapide li.ssmenu:hover ul.level1 {
	height:200px;
}