html, body {
padding: 0;
margin: 0;
}
body {
padding-bottom: 15px;
}
/* conteneur principal */
.container {
width: 990px;
position: relative;
margin-left: auto;
margin-right: auto;
}
/* fin conteneur principal */
/* banniere */
.banner {
width: 562px;
height: 130px;
background: url(../images/banniere.jpg) no-repeat top left;
}
/* fin banniere */
/* liens haut droite */
.top-links {
position: absolute;
top: 0;
right: 0;
background: url(../images/top_right.jpg) no-repeat top right;
}
.top-links div ul {
list-style-type: none;
padding: 0;
margin: 0;
background: url(../images/top_left.jpg) no-repeat top left;
padding-left: 110px;
padding-top: 4px;
padding-right: 20px;
padding-bottom: 10px;
}
.top-links li {
display: inline;
margin-left: 5px;
}
.top-links a {
color: #aa007c;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
.top-links a:hover {
color: #5c0b47;
}
/* fin liens haut droite */
/* menu horizontal -> http://cssplay.co.uk */
.menu {
background: url(../images/menu_left.jpg) no-repeat top left;
height: 36px;
}
.menu ul {
padding: 0;
margin: 0;
list-style-type:none; 
margin-left: 255px;
padding-left: 15px;
padding-top: 5px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
background: url(../images/menu_repeat.jpg) repeat-x top;
height: 30px;
}
.menu ul li {
display:block;
float:left; 
position:relative;
z-index:100; 
margin-right: 4px;
}
.menu ul li span {
display:block;
z-index: 100; 
padding: 2px 3px;
font-size: 1em;
}
.menu ul li a, .menu ul li a:visited {
display: block;
padding:0;
white-space: nowrap;
}
.menu ul dl {
position:absolute; 
top:0; 
left:0; 
margin: 0; 
padding: 0; 
background: transparent url(../img/transparence.gif);
}
.menu ul dt {
margin:0; 
padding: 0;
font-size: 1em; 
float:left;
margin-bottom: 10px;
}
.menu ul dd {
display:none; 
background: transparent; 
clear:left;
margin:0; 
padding:0;
font-size: 1em; 
text-align:left;
}
.menu ul dt a, .menu ul dt a:visited {
display:block; 
padding: 1px 2px;
text-decoration: none;
}
.menu ul dd a, .menu ul dd a:visited {
display:block; 
padding: 2px 10px;
border-left: solid 1px;
border-bottom: solid 1px;
border-right: solid 1px;
text-decoration: none;
}
/* couleur des onglets des menus */
#pres dt a,#prev dt a,#trait dt a,#doc dt a,#bdd dt a,#visite dt a,
#pres dd a,#prev dd a,#trait dd a,#doc dd a,#bdd dd a,#visite dd a {
color: #FBFBEE;
}
/* présentation */
#pres dd a {
background: #C361A8;
border-color: #8E0068;
}
#pres dt a {
background: #C361A8;
border: solid 1px #8E0068;
}
/* prévention */
#prev dd a {
	background: #AD81B4;
	border-color: #8A5395;
}
#prev dt a {
background: #AD81B4;
border: solid 1px #8A5395;
}
/* traitement */
#trait dd a {
background: #D24D90;
border-color: #9D2561;
}
#trait dt a {
background: #D24D90;
border: solid 1px #9D2561;
}
/* documentation */
#doc dd a {
background: #CAD300;
border-color: #A1AA00;
}
#doc dt a {
background: #CAD300;
border: solid 1px #A1AA00;
}
/* base de données */
#bdd dd a {
background: #EF8850;
border-color: #CC500D;
}
#bdd dt a {
background: #EF8850;
border: solid 1px #CC500D;
}
/* visite guidée */
#visite dd a {
background: #DE6372;
border-color: #A90318;
}
#visite dt a {
background: #DE6372;
border: solid 1px #A90318;
}
/* couleur survol des onglets des menus */
/* présentation */
#pres dd a:hover {
background: #B74498;
color: white;
}
/* prévention */
#prev dd a:hover {
background: #A36CA8;
color: white;
}
/* traitement */
#trait dd a:hover {
color: white;
background: #C23079;
}
/* documentation */
#doc dd a:hover {
color: white;
background: #BBC600;
}
/* base de données */
#bdd dd a:hover {
color: white;
background: #E97130;
}
/* visite guidée */
#visite dd a:hover {
color: white;
background: #CD4758;
}
.menu ul dd a.sub,.menu ul dd a.sub:visited {
border-top: solid 1px;
display:block; 
}
.menu ul li a:hover {
border:0;
}
.menu ul li:hover dd, .menu ul li a:hover dd {
display:block;
}
.menu ul li:hover dt a, .menu ul li a:hover dt a {
text-decoration: underline;
}
.menu ul dd a:hover {
border-left: solid 1px;
border-bottom: solid 1px;
border-right: solid 1px;
}
.menu ul dd a.sub:hover {
border-top: solid 1px;
}
/* fin menu horizontal  */
/* personnage bout menu  */
.bonhomme {
position: absolute;
background: url(../images/bonhomme.jpg) no-repeat;
width: 173px;
height: 123px;
right: 0;
top: 43px;
}
/* menu gauche */
.left-menu {
position: absolute;
left: 0;
top: 166px;
width: 237px;
}
.left-menu-top h1 {
display: none;
padding: 0;
margin: 0;
}
.left-menu-top {
background: url(../images/menu_left_top.jpg) no-repeat top left;
width: 237px;
height: 92px;
}
.left-menu-repeat {
background: url(../images/left_menu_repeat.jpg) repeat-y left;
padding-left: 20px;
padding-right: 10px;
padding-top: 10px;
width: 237px;
}
.left-menu-repeat ul {
padding: 0;
margin: 0;
list-style-type: none;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
margin-left: 5px;
}
.left-menu-repeat li {
padding-bottom: 5px;
}
.left-menu-repeat a {
color: #aa007c;
background: url(../images/puce_lien_menu.jpg) no-repeat 0 5px;
padding-left: 10px;
text-decoration: none;
}
.left-menu-repeat a:hover {
background: url(../images/puce_lien_menu_hover.jpg) no-repeat 0 5px;
color: #A3A800;
text-decoration: underline;
}
.left-menu-repeat p {
padding: 0;
margin: 0;
}
.left-menu-bottom {
background: url(../images/left_menu_bottom.jpg) no-repeat top left;
width: 237px;
height: 16px;
}
/* fin menu gauche */
/* contenu principal - img de fond par défaut, changement selon les pages visitées */
.content-repeat {
margin-left: 237px;
background: url(../images/contenu_repeat.jpg) repeat-y left; /* ici */
width: 753px;
}
.content-repeat .content {
background: url(../images/contenu_haut.jpg) no-repeat top left; /* ici */
padding-top: 20px;
padding-left: 30px;
padding-right: 15px;
}
.content-repeat .content-bottom {
background: url(../images/contenu_footer.jpg) no-repeat bottom left; /* ici */
width: 753px;
height: 65px;
position: relative;
}
.content-bottom div {
position: absolute;
right: 35px;
top: 43px;
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.8em;
}
/* couleurs des liens par défaut */
.content-bottom div a,.content a {
color: #AA007C;
}
.content-bottom div a:hover,.content a:hover {
color: #5C0B47;
}
.content-bottom div p {
padding: 0;
margin: 0;
}
.content {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
/* styles éléments du contenu */
.content p {
padding: 0;
margin: 0;
font-size: 0.8em;
margin-bottom: 10px;
text-align: justify;
}
.content h1 {
padding: 0;
margin: 0;
font-size: 1.1em;
color: #A3A800;
margin-left: 5px;
margin-top: 5px;
margin-bottom: 10px;
}
.content h2 {
font-size: 0.95em;
padding: 0;
margin: 0;
margin-left: 20px;
color: #aa007c;
margin-bottom: 10px;
padding-top: 5px;
}
.content h3 {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 0.85em;
}
#prov-title {
	color: #aa007c;
	margin-left: 30px;
}
.content .liste_doc {
list-style-type: none;
font-size: 0.8em;
padding: 0;
margin: 0;
text-align: center;
margin-right: 10px;
margin-bottom: 15px;
border-bottom: solid 1px #CCD200;
padding-bottom: 5px;
}
.content .liste_doc li {
display: inline;
margin-right: 10px;
}
.content .liste,.content ol {
padding: 0;
margin: 0;
font-size: 0.8em;
margin-left: 30px;
margin-bottom: 10px;
text-align: justify;
}
.content .liste li,.content ol li {
margin-bottom: 3px;
}
.titre-par {
	color: #aa007c;
}
.content .liste2 {
margin-top: 5px;
margin-bottom: 10px;
}
.content .liste_them {
list-style-type: none;
font-size: 0.8em;
padding: 0;
margin: 0;
margin-left: 30px;
margin-bottom: 10px;
}
.liste_them2 {
list-style-type: none;
padding: 0;
margin-left: 30px;
margin-top: 3px;
}
.liste_them2 li {
margin: 0;
}
.liste_them li {
margin-bottom: 5px;
}
.liste_plan {
padding: 0;
margin: 0;
list-style-type: none;
font-size: 0.8em;
margin-left: 20px;
margin-bottom: 10px;
}
.liste_plan2,.liste_plan3 {
list-style-type: none;
margin-top: 5px;
}
.liste_plan li {
margin-bottom: 5px;
}
.liste_plan li a {
background: url(../images/puce_lien_menu.jpg) left no-repeat;
padding-left: 10px;
padding-bottom: 2px;
}
.liste_plan li a:hover {
background: url(../images/puce_lien_menu_hover.jpg) left no-repeat;
color: #A3A800;
}
.img_millesF {
float: left;
}
.img_millesF img {
margin-top: 3px;
}
/* panier virtuel tableau */
.content .panier {
font-size: 0.8em;
border-collapse: collapse;
width: 90%;
margin-left: auto;
margin-right: auto;
margin-bottom: 15px;
}
.panier th {
padding: 2px 5px 2px 5px;
border: #FDFFBF solid 1px;
background: #FEFFE3;
}
.panier_tr td {
padding: 2px 5px 2px 5px;
border-right: #FDFFBF solid 1px;
border-left: #FDFFBF solid 1px;
background: #FEFFE3;
}
.panier_total td {
text-align: right;
padding: 2px 5px 2px 5px;
border-top: #FDFFBF solid 1px;
}
.panier_total th {
border-top: #FDFFBF solid 1px;
padding: 2px 5px 2px 5px;
}
/* listes liens, nouveautés, etc... */
.content .listeContent {
font-size: 0.8em;
padding: 0;
margin: 0;
padding-left: 30px;
margin-left: 20px;
list-style-type: none;
margin-bottom: 15px;
padding-bottom: 5px;
width: 70%;
border-bottom: solid 1px #CCD200;
}
.content .listeContent li {
margin-bottom: 8px;
text-align: justify;
}
/* formulaire de fin de commande */
form fieldset {
width: 80%;
margin-left: auto;
margin-right: auto;
padding: 5px 10px;
}
form fieldset legend {
font-size: 0.9em;
}
/* documents à télécharger */
.doc_tel {
width: 90%;
margin-left: auto;
margin-right: auto;
border: #FDFFBF solid 1px;
background: #FEFFE3;
margin-bottom: 15px;
padding: 0 10px 0px 10px;
}
.doc_tel .titre {
margin-top: 5px;
width: 70%;
float: left;
color: #AA007C;
text-align: left;
}
.doc_tel .titre span {
color: black;
}
.doc_tel .tel {
margin-top: 5px;
float: right;
}
.doc_tel div {
text-align: justify;
clear: both;
}
.doc_tel div img {
float: left;
margin-right: 10px;
margin-bottom: 10px;
}
.spacer {
clear: left;
line-height: 1px;
}
/* fin contenu principal */
/* formulaire de contact */
.formContact input {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
}
.formContact textarea {
font-family: Verdana, Geneva, Arial, Helvetica, sans-serif;
font-size: 1em;
}
/* styles de texte */
.gras {
font-weight: bold;
}
.gras_souligne {
font-weight: bold;
text-decoration: underline;
}
.italique {
font-style: italic;
}
.souligne {
text-decoration: underline;
}
.italique_souligne {
text-decoration: underline;
font-style: italic;
}
div.content a.actif {
font-weight: bold;
color: #5C0B47;
text-decoration: none;
}

/* onglets 1000 facettes */
#tabs-nadja {
	position: relative;
}
#tabs-nadja img {
	float: left;
	width: 465px;
}
#tabs-nadja ul {
	margin: 0; padding: 0;
	list-style-type: none;
	font-size: 0.8em;
	float: left;
}
#tabs-nadja ul li {
	clear: left;
}
#tabs-nadja ul a {
	display: block;
	float: left;
	padding-left: 14px;
	text-decoration: none;
}
#tabs-nadja ul a:hover {
	background: url(../images/debut-onglet.gif) no-repeat top left;
	text-decoration: underline;
}
#tabs-nadja ul span {
	display:block;
	float: left;
	padding: 3px 15px 19px 0;
	cursor: pointer; cursor: hand;
}
#tabs-nadja ul a:hover span {
	background: url(../images/repeat-onglet.gif) no-repeat top right;	
}