@import 'materiaux.css';
@import 'qualite.css';

html {
	/* force l'apparition de la barre de défilement pour Firefox */
	overflow: -moz-scrollbars-vertical !important;
}

body {
margin: 0;
padding: 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 76%;
line-height: 140%;
background:#786F68;
color: #818181;
height: 100%;
}

/* general */
form{
margin: 0;
padding: 0;
}
img{
border:0;
}
select{
margin: 0;
padding: 0;
}
a:visited {
	color: #E38F6A;    
    text-decoration: none;
}
a:link {
	color: #E38F6A; 
    text-decoration: none;
}
a:hover {
	color: #E38F6A;
    text-decoration: underline overline;
}

hr{
color: #EAE9E7;
background-color: #EAE9E7;
height: 1px;
border: 0;
}

/*****************************/
#contenu .haut{
height:129px;
}
#contenu .haut p{
margin:0;
padding-left:100px;
}
#contenu .chemin{
padding-top:10px;
padding-left:26px;
height:30px;
/*font-size:0.9em;*/
}
#contenu .titre{
display:block;
background: url(/fr/nav/nv2/titre_fond.gif) no-repeat 0px 0px;
margin: 0;
/*margin-top:20px;*/
padding:0;
height:37px;
}
#contenu h1 {
display:block;
width:435px;
color: #BE2F2F;
margin:0;
padding-top:11px;
padding-left:40px;
font-weight:bold;
font-size: 1.4em;
float:left;
height:26px;
}
#contenu .contenu {
	padding: 10px 40px 20px 70px;
}

/*****************************/

.texte_orange {
	color: #D65A23;
}
.texte{
	font-size: 1em;
}
.textepetit{
	font-size: 0.85em;
}
.champobligatoire {
	color: #FF0000;
	font-weight: bold;
}

/* class pour benoit */
.contenu_soustitre{
color: #E38F6A;
font-size: 1.2em;
font-weight: bold;
}

.contenu_intertitre{
color: #E38F6A;
font-size: 1.3em;
font-weight: bold;
}

.contenu_couleur{
	/*color: #E38F6A;*/
	font-weight: bold;
}

.contenu_table th{
	background:#F2F1F0;
	border: 1px solid #D0CDCB;
	padding: 5px;
	text-align: center;
}

.contenu_table td{
	border: 1px solid #D0CDCB;
	padding: 5px;
}

.contenu_table{
	border: 1px solid #D0CDCB;
	border-collapse: collapse;
}

.contenu li{
	display: list-item;
	list-style-image:url(../fr/nav/nv2/fleche_orange.gif)
}

/* fin class pour benoit */

.crochet {
color: #BE2F2F;
font-size: 1em;
font-weight: bold;
}

#contenu #pagination{
font-size: 0.85em;
float:right;
padding-top:10px;
/*height:30px;*/
}

.application_loi {
clear: both;
margin: 15px 0 15px 0;
border: 1px solid #EEEEEE;
padding: 5px;
font-size: 0.85em;
text-align: left;
}
/* fin general */

#conteneur{
position: absolute;
left: 50%;
margin-left: -475px;
width: 950px;
}

.navigation{
list-style-type: none;
margin:0;
padding:0;
}
.navigation li{
margin:0;
padding:0;
display: inline;
}
.navigation ul{
margin:0;
padding:0;
display: inline;
}

/*haut*/
#haut{
background:url(/fr/nav/nv2/haut.jpg) no-repeat 0 0;
height:158px;
width:950px;
}

#contenu{
/*background:#FFF url(/fr/nav/nv2/titre_fond.gif) no-repeat 0px 129px;*/
background:#FFF;
vertical-align:top;
font-size:0.9em;
}

/*accueil*/
#haut #accueil a{
display:block;
width: 330px;
height: 85px;
text-indent: -5000px;
text-decoration: none;
float: right;
}


/*menu1*/
#haut #menu1{
padding-top:26px;
float:left;
}
#haut #menu1 .menu1 a{
display:block;
float:left;
background: url(/fr/nav/nv2/menu1_1.gif) no-repeat 0px 0px;
width: 94px;
height:19px;
text-indent: -5000px;
text-decoration: none;
}
#haut #menu1 .menu1 a:hover{
background: url(/fr/nav/nv2/menu1_1_over.gif) no-repeat;
text-decoration: none;
}

#haut #menu1 .menu2 a{
display:block;
float:left;
background: url(/fr/nav/nv2/menu1_2.gif) no-repeat 0px 0px;
width: 105px;
height: 19px;
text-indent: -5000px;
text-decoration: none;
}
#haut #menu1 .menu2 a:hover{
display:block;
background: url(/fr/nav/nv2/menu1_2_over.gif) no-repeat 0px 0px;
text-decoration:none;
}

#haut #menu1 .menu3 a{
display:block;
float:left;
background: url(/fr/nav/nv2/menu1_3.gif) no-repeat 0px 0px;
width: 102px;
height: 19px;
text-indent: -5000px;
text-decoration: none;
}
#haut #menu1 .menu3 a:hover{
display:block;
background: url(/fr/nav/nv2/menu1_3_over.gif) no-repeat 0px 0px;
text-decoration:none;
}

#haut #menu1 .menu4 a{
display:block;
float:left;
background: url(/fr/nav/nv2/menu1_4.gif) no-repeat 0px 0px;
width: 102px;
height: 19px;
text-indent: -5000px;
text-decoration: none;
}
#haut #menu1 .menu4 a:hover{
display:block;
background: url(/fr/nav/nv2/menu1_4_over.gif) no-repeat 0px 0px;
text-decoration:none;
}

/*menu2*/
#haut #menu2{
padding-top:33px;
padding-left:309px;
height: 27px;
/*border:#000000 1px solid;*/
}

#haut #menu2 .menu1 a{
display:block;
float:left;
background: url(/fr/nav/nv2/menu2_1.jpg) no-repeat 0px 0px;
width:142px;
height:27px;
text-indent: -5000px;
text-decoration: none;
}
#haut #menu2 .menu1 a:hover{
background: url(/fr/nav/nv2/menu2_1_over.jpg) no-repeat;
text-decoration: none;
}

#haut #menu2 .menu2 a{
display:block;
float:left;
background: url(/fr/nav/nv2/menu2_2.jpg) no-repeat 0px 0px;
width:193px;
height:27px;
text-indent: -5000px;
text-decoration: none;
}
#haut #menu2 .menu2 a:hover{
display:block;
background: url(/fr/nav/nv2/menu2_2_over.jpg) no-repeat 0px 0px;
text-decoration:none;
}

#haut #menu2 .menu3 a{
display:block;
float:left;
background: url(/fr/nav/nv2/menu2_3.jpg) no-repeat 0px 0px;
width:162px;
height:27px;
text-indent: -5000px;
text-decoration: none;
}
#haut #menu2 .menu3 a:hover{
display:block;
background: url(/fr/nav/nv2/menu2_3_over.jpg) no-repeat 0px 0px;
text-decoration:none;
}

#haut #menu2 .menu4 a{
display:block;
float:left;
background: url(/fr/nav/nv2/menu2_4.jpg) no-repeat 0px 0px;
width:144px;
height:27px;
text-indent: -5000px;
text-decoration: none;
}
#haut #menu2 .menu4 a:hover{
display:block;
background: url(/fr/nav/nv2/menu2_4_over.jpg) no-repeat 0px 0px;
text-decoration:none;
}

/*menu3*/
#menu3{
/*background:#D6D2D1 url(/fr/nav/nv2/menu3_fond2.jpg) no-repeat 0 153px;*/
background:#D6D2D1 url(/fr/nav/nv2/menu3_fond2.jpg);
width:190px;
height:400px;
vertical-align:top;
}

#menu3 .menu1 a{
display:block;
background: url(/fr/nav/nv2/menu3_1.gif) no-repeat 0px 0px;
width:190px;
height:43px;
text-indent: -5000px;
text-decoration: none;
}
#menu3 .menu1 a:hover{
background: url(/fr/nav/nv2/menu3_1_over.gif) no-repeat;
text-decoration: none;
}

#menu3 .menu2 a{
display:block;
background: url(/fr/nav/nv2/menu3_2.gif) no-repeat 0px 0px;
width:190px;
height:43px;
text-indent: -5000px;
text-decoration: none;
}
#menu3 .menu2 a:hover{
display:block;
background: url(/fr/nav/nv2/menu3_2_over.gif) no-repeat 0px 0px;
text-decoration:none;
}

#menu3 .menu3 a{
display:block;
background: url(/fr/nav/nv2/menu3_3.gif) no-repeat 0px 0px;
width:190px;
height:43px;
text-indent: -5000px;
text-decoration: none;
}
#menu3 .menu3 a:hover{
display:block;
background: url(/fr/nav/nv2/menu3_3_over.gif) no-repeat 0px 0px;
text-decoration:none;
}

#menu3 .menu4 a{
display:block;
background: url(/fr/nav/nv2/menu3_4.gif) no-repeat 0px 0px;
width:190px;
height:24px;
text-indent: -5000px;
text-decoration: none;
}
#menu3 .menu4 a:hover{
display:block;
background: url(/fr/nav/nv2/menu3_4_over.gif) no-repeat 0px 0px;
text-decoration:none;
}

/*bas de page*/
#menu4{
position: absolute;
left:50%;
margin-left: -272px;
padding-top:10px;
padding-bottom:10px;
}

#menu4 .menu1 {
display:block;
float:left;
background: url(/fr/nav/nv2/menu4_1.gif) no-repeat 0px 0px;
width:139px;
height:16px;
text-indent: -5000px;
text-decoration: none;
}
/*
#menu4 .menu1 a:hover{
background: url(/fr/nav/nv2/menu4_1_over.gif) no-repeat;
text-decoration: none;
}
*/

#menu4 .menu2 a{
display:block;
float:left;
background: url(/fr/nav/nv2/menu4_2.gif) no-repeat 0px 0px;
width:153px;
height:16px;
text-indent: -5000px;
text-decoration: none;
}
#menu4 .menu2 a:hover{
display:block;
background: url(/fr/nav/nv2/menu4_2_over.gif) no-repeat 0px 0px;
text-decoration:none;
}

#menu4 .menu3 a{
display:block;
float:left;
background: url(/fr/nav/nv2/menu4_3.gif) no-repeat 0px 0px;
width:253px;
height:16px;
text-indent: -5000px;
text-decoration: none;
}
#menu4 .menu3 a:hover{
display:block;
background: url(/fr/nav/nv2/menu4_3_over.gif) no-repeat 0px 0px;
text-decoration:none;
}

/******************************************/
/*menu des familles*/
#categorie1{
visibility: hidden;
position:absolute;
top:158px;
}
#categorie2{
visibility: hidden;
position:absolute;
top:201px;
}
#categorie3{
visibility: hidden;
position:absolute;
top:244px;
}
#categorie1 table, #categorie2 table, #categorie3 table{ border-collapse: collapse; font-size: 1em; padding:0; margin:0; }
#categorie1 th, #categorie2 th , #categorie3 th { padding:0; margin:0; border: 0; vertical-align:top; }
#categorie1 td, #categorie2 td , #categorie3 td {
color:#ABABAB;
font-size:0.9em;
padding-left:5px;
padding-right:5px;
text-align:center;
background:#FFF;
line-height: 100%;
}
#categorie1 td a:link, #categorie1 td a:hover, #categorie1 td a:visited, #categorie2 td a:link, #categorie2 td a:hover, #categorie2 td a:visited, #categorie3 td a:link, #categorie3 td a:hover, #categorie3 td a:visited{
color:#ABABAB;
font-size:0.9em;
text-decoration: none;
}
/******************************************/


#menu5{
padding-top:63px;
padding-left:32px;
background:#D6D2D1 url(/fr/nav/nv2/menu3_fond.jpg) no-repeat;
height:192px;
}

#menu5 #imgzoom{
display:block;
float:left;
background: url(/fr/nav/nv2/bouton_zoom.jpg) no-repeat 0px 0px;
width:59px;
height:18px;
text-indent: -5000px;
text-decoration: none;
font-size:0px;
}
#menu5 #imgnews{
display:block;
float:left;
background: url(/fr/nav/nv2/bouton_news.jpg) no-repeat 0px 0px;
width:59px;
height:18px;
text-indent: -5000px;
text-decoration: none;
margin-left:10px;
font-size:0px;
}

#menu5 #imgrevue{
	clear:both;
	display:block;
	background: url(/fr/nav/nv2/bouton_revue.jpg) no-repeat 0 10px;
	width:126px;
	height:40px;
	text-indent: -5000px;
	text-decoration: none;
	font-size:0px;
}

#menu5 #imgcatalogue{
	clear:both;
	display:block;
	background: url(/fr/nav/nv2/bouton_catalogue.jpg) no-repeat 0 0;
	width:126px;
	height:40px;
	text-indent: -5000px;
	text-decoration: none;
	font-size:0px;
}
