body{
	margin:0;
	padding:0;
}
/* container */
#container {
	width: 990px;
	margin: 0 auto;
	 /* Lucida Grande for the Macs, Tahoma for the PCs */
	font-family: Lucida Grande, Tahoma, Arial, Helvetica, sans-serif;
	font-size: 11px;
	border: 1px solid #d5338e;
/*	line-height: 1.6em;
*/
	background:transparent url('../../img/fondHaut.png') no-repeat top right;
	color: #666;
	background-color: #fff;
}
		
/* general */
h1 {
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 32px;
	color: #cc6633;
	margin-bottom: 30px;
	background-color: #fff;
}
h2 {
	color: #666;
	font-size: 16px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #fff;
}
a {
	color:#cc6714;
	text-decoration: none;
}
a:hover {
	color: #cc6714;
	background-color: #f5f5f5;
}
a.noir {tewt-decoration:none;color:black;}
a.noir:hover {text-decoration:underline;}
form {
	float: right;
	margin-top: -45px;
	font-size: 9px;
}
form.autre{
	float: left;
	margin-top: 0px;

}
input {
	background-color: #fff;
	color: #999;
	border: 1px solid #ccc;
	font-size: 11px;
	padding: 3px;
}
.button {
	padding: 2px;
}
		
/* header */
#header {
	border-bottom: 4px solid #948979;
	padding-top: 10px;
	padding-bottom: 5px;
	clear: both;
	margin-bottom: 8px;
}
#header p {
	margin-top: -20px;
	margin-left: 30px;
}
#header a {
	color: #999;
}

/* bons-reductions-alpahbetique */
#bons-reductions-alpahbetique {
	text-align: center;
	clear: both;
	margin: 0 2% 0 2%;
	padding: 0 0 1px 0;
/*	border-bottom: 1px solid #ccc;
*/}
#bons-reductions-alpahbetique li {
	display: inline-block;
	margin-top:5px;
}
#bons-reductions-alpahbetique a {
	padding: 3px 3px;
	margin: 0 3px 0 3px;
	text-decoration: none;
	color: #cc6714; /* #808080; */
	background: inherit;
	border:1px solid #948979;
}
#bons-reductions-alpahbetique a.current {
	/* color: #fff; */
	font-weight: bold;
	/* background-color: #ccc; */
}
#bons-reductions-alpahbetique a:hover {
	background: #f5f5f5;
	color: #444;
}

/* navigation */
#navigation {
	float: left;
	width: 140px;
}
#navigation ul {
	margin-left: 0;
	padding-left: 0;
	list-style-type: none;			
}
#navigation a {
	display: block;
	padding: 5px;
	width: 140px;
	border-bottom: 1px solid #ccc;
}
#navigation a:link, #navlist a:visited {
	color: #cc6714;
	text-decoration: none;
}
#navigation a:hover {
	background: #000 url(arrow.gif) 96% 50% no-repeat;
	background-color: #f5f5f5;
	color: #cc6714;
}
#navigation p {
	margin-top: 40px;
	padding: 5px;
	border-bottom: 1px dotted #ccc;
	border-top: 1px dotted #ccc;
}
		
/* content */
#content {
	width: 387px;
	margin-left: 170px;
	margin-right: 190px;
}
#content p {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}
#contentwide {
	width: 990px;
	margin-left: 0px;
}
#contentwide p {
	margin: 0;
}
/* sidebar */
#sidebar {
	float: right;
	width: 175px;
}
#sidebar p {
	padding-bottom: 10px;
	border-bottom: 1px solid #ddd;
}

/* footer */
#footer {
	height:179px;
	width:990px;
	display:block;
	text-align: center;
/*	margin-top: 20px;
*/	clear: both;
	background:transparent url('../../img/fondBas.png') no-repeat top right;
/*	border-top: solid 1px #575352;
*/
/*	padding: 0px 5px 0px 5px;
*/
}
#footer p {
	color: #89817f;
}
#footer p a {
	color: #89817f;
	border-bottom: 1px dotted #89817f;
}
#footer p a:hover {
	color: #fff;
	background-color: #575352;
}

/* some classes */
.category {
	border: 1px solid #ddd;
	margin: 3px 5px;
	padding: 3px 5px;
	float: left;
	width: 160px;
}
.category h3 {
	font-weight:normal;
	font-style:italic;
	padding-left: 18px;
	background: url(folder.gif) top left no-repeat;
	margin: 0;
}
.category p {
	border: 0;
}

#nav, #nav ul { /* toutes les listes */
	padding: 1px 0 0 0;
	margin: 0;
	list-style: none;
	line-height: 1;
	z-index:2;
/*
	margin-bottom:5px;
*/
}

#nav a {
	display: block;
//	width: 100%;
	z-index:2;
	font-size:80%;
	font-weight:normal;
	text-decoration:none;
	color:#c16b0f;
}
#nav a:hover{text-decoration:underline;}
	
#nav li { /* tous les items de liste */
	float: right;
	margin-right:10px;
/*	margin-left:10px; 
	width: 10em; /* largeur obligatoire, sinon opera devient fou */ 
*/
}
#nav li li{ /* tous les items de liste */
	float: left;
	clear:left;
/*	width: 10em; /* largeur obligatoire, sinon opera devient fou */
*/
}

#nav li li a{ /* tous les items de liste */
	display:block;
	font-weight:normal;
	margin-top:7px;/*7px*/
	margin-left:5px;
	font-size:80%;
}

#nav li ul { /* listes de deuxième niveau */
	position: absolute;
	background: #ffffff; // couleur de fond
//	float:left;
//	width: 10em;
	right: 3000em; /* on met left plutôt que display pour cacher les menus parce que display: none n'est pas lu par les lecteurs d'écran */
}


#nav li:hover ul, #nav li.sfhover ul { /* listes imbriquées sous les items de listes survolés */
	right: auto;
}

.iBlock{display:inline-block;}
.block{display:block};

.relative{position:relative}
.absolute{position:absolute}
.fixed{position:fixed} 

.text40,.texteExplicatifG40{font-size:40%;}
.text60,.texteExplicatifG60{font-size:60%;}
.text70,.texteExplicatifG70{font-size:70%;}
.text75,.texteExplicatifG75{font-size:75%;}
.text80,.texteExplicatifG80{font-size:80%;}
.text85,.texteExplicatifG85{font-size:85%;}
.text90,.texteExplicatifG90{font-size:90%;}
.text100,.texteExplicatifG100{font-size:100%;}
.text120,.texteExplicatifG120{font-size:120%;}
.text130{font-size:130%;}
.text150,.texteExplicatifG150{font-size:150%;}
.bgcGrisFonce{background:#aaaaaa;}
.bgcGrisClair{background-color:#dddddd;}
.grisFonce{color:#aaa}
.italique{font-style:italic;}
.strong{font-weight:bold;}
.normal{font-weight:normal;}
.h20{height: 20px;}
.h100{height: 100px;}
.h400{height: 400px;}
.pb7{padding-bottom:7px}
.pb10{padding-bottom:10px;}
.pb20{padding-bottom:20px}
.pt5{padding-top:5px;}
.pt10{padding-top:10px;}
.pt20{padding-top:20px;}
.pt35{padding-top:35px;}
.pt50{padding-top:50px;}
.pt100{padding-top:100px;}
.pr15{padding-right:15px}
.pr25{padding-right:25px}
.pr50{padding-right:50px}
.pl15{padding-left:15px;}
.pl30{padding-left:30px;}
.pl50{padding-left: 50px}
.mb2{margin-bottom:2px;}
.mb3{margin-bottom:3px;}
.mb5{margin-bottom:5px;}
.mb10{margin-bottom: 10px;}
.mt2{margin-top: 2px;}
.mt3{margin-top: 3px;}
.mt5{margin-top: 5px;}
.mt10{margin-top: 10px;}
.mt20{margin-top: 20px;}
.mt30{margin-top: 30px;}
.mt60{margin-top: 60px;}
.mt100{margin-top: 100px;}
.mr2{margin-right:2px}
.mr3{margin-right:3px}
.mr5{margin-right:5px}
.mr10{margin-right:10px}
.mr30{margin-right:30px}
.mr60{margin-right:60px}
.mr220{margin-right:220px}
.mr210{margin-right:210px}
.mr230{margin-right:230px}
.mlmoins50{margin-left:-50px;}
.ml0{margin-left:0px;}
.ml2{margin-left:2px;}
.ml3{margin-left:3px;}
.ml5{margin-left:5px;}
.ml10{margin-left:10px;}
.ml15{margin-left:15px;}
.ml20{margin-left:20px;}
.ml30{margin-left:30px;}
.ml40{margin-left:40px;}
.ml45{margin-left:45px;}
.ml50{margin-left:50px;}
.ml65{margin-left:65px;}
.ml70{margin-left:70px;}
.ml80{margin-left:80px;}
.ml125{margin-left:125px;}
.ml210{margin-left:210px;}
.w8{width:8px;}
.w20{width:20px;}
.w40{width:40px;}
.w60{width:60px;}
.w70{width:70px;}
.w80{width:80px;}
.w100{width:100px;}
.w110{width:110px;}
.w140{width:140px;}
.w150{width:150px;}
.w180{width:180px;}
.w200{width:200px;}
.w215{width:215px;}
.w250{width:250px;}
.w280{width:280px;}
.w300{width:300px;}
.w350{width:350px;}
.w360{width:360px;}
.w370{width:370px;}
.w400{width:400px;}
.w450{width:450px;}
.w480{width:480px;}
.w500{width:500px;}
.w530{width:530px;}
.w550{width:550px;}
.w600{width:600px;}
.w658{width:658px;}
.w660{width:660px;}
.w678{width:678px;}
.w680{width:680px;}
.w728{width:728px;}
.w730{width:730px;}
.w698{width:698px;}
.w700{width:700px;}
.w750{width:750px;}
.w760{width:760px;}
.w770{width:770px;}
.w800{width:800px;}
.w810{width:810px;}
.justifie{text-align:justify;}
.vth{font-family:Verdana,Arial,sans-serif;}
.block{display:block;}


.clb{clear:both;}
.clr{clear:right;}
.cll{clear:left;}
.fll{float:left;}
.flr{float:right;}

.bgcGrisFonce{background:#aaaaaa;}
.bgcGrisClair{background-color:#dddddd;}

.rouge{color:#ab161d}
.violet{color:#453097}
.vert{color:#4b725f}
.brun{color:#655564}
.orange{color:#e3be4c}
.bleu{color:#0d62d9}
.rougeFonce{color:#6a0603}
.blanc{color:#fff}
.blancCasse{color:#eee}
.noir{color:#000}
.grisNormal{color:#786965}
.noirClair{color:#444}
.grisFonce{color:#aaa}
.italique{font-style:italic;}
.strong{font-weight:bold;}
.normal{font-weight:normal;}
.souligne{text-decoration:underline}

a.flechePetit:link,a.flechePetit:visited{text-indent:-5000px;vertical-align:middle;display:inline-block;width:11px;height:12px;background:url('../../img/generique/puce_flechePetit.png') no-repeat left top;}
a.flechePetit:hover,a.attentionPetit:hover{background-position:right top;} 

.puceVerte{background:url('../../img/puce_verte.png') no-repeat 4px;padding:0 4px 0 15px;}
.puceTitre{background:url('../../img/backOffice/puceTitre.png') no-repeat 4px;padding:0 4px 0 30px;}

.cadreRech{background:url('/img/generique/cadreRech.png') no-repeat;height:80px;width:430px}
a.jyVais{background:url('/img/generique/jYVais.png') no-repeat right top;color:#c9c31c;width:25px;height:25px;display:block}
a.jyVais:link,a.jyVais:visited{opacity:1;-moz-opacity:1;filter:alpha(opacity=100);}
a.jyVais:hover{opacity:.75;-moz-opacity:.75;filter:alpha(opacity=75);}

ul.note{list-style:none;margin:0;padding:0;width:85px;height:20px;left:2px;top:-3px;position:relative;float:left;background:url('../../img/generique/note.png') left 0px;cursor:pointer;}
.note li{padding:0;margin:0;float:left;display:block;width:85px;height:20px;text-decoration:none;text-indent:-9000px;z-index:20;position:absolute;padding:0;}
.note li.curr{background:url('../../img/generique/note.png') left 25px;}

.aidePetit{vertical-align:middle;display:inline-block;width:11px;height:12px;background:url('../../img/generique/puce_aidePetit.png') no-repeat left top;}

.traitHautRouge{border-top:1px solid #a13431;}

.traitHGris{border-top:1px solid #999;}
.traitFinHGris{border-top:1px dotted #999;}
.traitGNoir{border-left:1px solid #000;}