/* général */
body {
background: #9ba998;
font: 100% Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #fff;
margin: 8px 0 8px 0;
padding: 0;
}
#conteneur {
width: 775px;
margin: 0 auto; 
background: #fff;
border: 1px solid #000;
padding: 0px;
}
#header {
width: 775px;
height: 173px;
background: url('../../images/ban.gif');
}
#header .date {
float: right;
background: transparent;
margin: 144px 20px 0px 0;
padding: 5px
}
#bienvenue{
margin: 0px;
width: 600px;
height: 388px;
}
#centre {
border: 1px solid #879084;
margin: 10px 0 0 95px;
width: 600px;
}
#centre2 {
background: #f5f5f5;
margin: 10px 0 10px 180px;
padding: 4px;  
width: 580px;
height: auto;
border-left: 1px solid #555;
}
#centre3 {
background: transparent;
margin: 10px 0 60px 186px; 
width: 580px;
height: auto;
}
#pied {
background: #587c5d;
border-top: 4px solid #A6B679;
clear: both;
}
#foot {
background: #587c5d;
border-top: 4px solid #A6B679;
height: 65px;
clear: both;
}
#restau {
position: absolute;
border: 0 solid #fff;
margin:  8px 0 0 245px; 
width: 260px;
height: auto;
}
#pms {
position: absolute;
border: 0 solid #fff;
margin:  220px 0 0 370px; 
width: 180px;
height: auto;
}
#pms2 {
position: absolute;
border: 0 solid #fff;
margin:  140px 0 0 370px; 
width: 180px;
height: auto;
}
#pms3 {
position: absolute;
border: 0 solid #fff;
margin:  198px 0 0 385px; 
width: 175px;
height: auto;
}
#page1 {
background: url('../../images/page2_01.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 170px;
}
#text1 {
border: 0px solid #879084;
position: absolute;
margin:  35px 0 0 222px; 
width: 73px;
height: 14px;
}
#page2 {
background: url('../../images/page2_02.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 179px;
}
#text2 {
position : absolute;
border:0px solid #879084;
margin:  42px 0 0 222px; 
width : 73px;
height: 14px;
}
#page3 {
background: url('../../images/page2_03.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 223px;
}
#text3 {
position: absolute;
margin:  132px 0 0 222px; 
width: 73px;
height: 14px;
}
#page4 {
background: url('../../images/page2_04.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 182px;
}
#text4 {
position: absolute;
margin:  32px 0 0 222px; 
width: 73px;
height: 14px;
}
#page5 {
background: url('../../images/page3_01.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 146px;
}
#page6 {
background: transparent;
margin:  0 0 0 -10px; 
width : 590px;
height: 166px;
}
#page7 {
background: url('../../images/page3_03.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 220px;
}
#page8 {
background: url('../../images/page3_04.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 250px;
}
#page9 {
background: url('../../images/page4_01.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 174px;
}
#page11 {
background-image: url('../../images/page4_03.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 240px;
}
#page12 {
background: url('../../images/page4_04.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 250px;
}
#page13 {
background: url('../../images/page5_01.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 166px;
}
#page15 {
background: url('../../images/page5_03.jpg');
margin:  0px 0 0 -10px; 
width: 590px;
height: 260px;
}
#page16 {
background: url('../../images/page5_04.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 165px;
}
#page17 {
background: url('../../images/page6_01.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 146px;
}
#page19 {
background: url('../../images/page6_03.jpg');
margin:  0px 0 0 -10px; 
width: 590px;
height: 189px;
}
#page20 {
background: url('../../images/page6_04.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 226px;
}
#page21 {
background: url('../../images/page7_01.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 146px;
}
#page23 {
background: url('../../images/page7_03.jpg');
margin:  0px 0 0 -10px; 
width: 590px;
height: 189px;
}
#page24 {
background: url('../../images/page7_04.jpg');
margin:  0 0 0 -10px; 
width: 590px;
height: 246px;
}
#echantillon{
background: url('../../images/page_8_01.jpg');
margin:  0 0 0 0; 
width: 578px;
height: 300px;
}
/* les polices */
h1 {
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify; 
margin: 8px 0 8px 8px; 
padding: 4px;
}
.h1 {
font: bold 0.85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #841028;
text-align: center; 
margin: 8px 0 8px 8px; 
}
p {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify; 
margin: 8px 0 8px 8px; 
}
.p {
font: 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify; 
margin: 300px 0 8px 50px; 
}
.strong {
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify; 
margin: 8px 0 8px 12px; 
}
.back { 
font: bold 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify; 
border-bottom: 6px solid #A6B679;
margin: 8px 0 8px 8px; 
padding: 4px;
}
.cadre { 
background: #D9E9AC;
margin: 8px 20px 8px 20px; 
padding: 6px;
}
.font {
font: 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: center; 
margin: 4px 0 8px 2px; 
} 
.font2 {
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #ffffff;
text-align: center;
margin: 8px 0 8px 8px;
}
.font3 {
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #841028;
text-align: justify; 
margin: 8px 0 8px 8px; 
}
.message {
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841028; 
text-align: center;
margin : 8px 8px 8px 100px;
padding: 10px;
}
.ul {
list-style-type: square;
font: 0.8em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #000000;
text-align: justify; 
margin: 8px 0 8px 30px; 
}
/* les images */
#img {
margin: 90px 0px 0px 240px;
}
.image { 
border: 0px;
}
.info {
float: left;
background: url('../../images/info.jpg');
width: 160px;
height: 106px;
margin: 10px 0px 0px 8px;
clear: both;
}
.floatright {
float: right;
padding: 1%;
margin-right: 2px;
margin-top: 2px;
}
.floatleft {
float: left;
padding: 1%;
margin-right: 2px;
margin-top: 2px;
}
/* les espaces */
.espace {
padding: 2px; 
} 
.espace2 {
padding: 10px; 
} 
.espace3{
padding: 15px; 
} 
hr {
border: 0px;
height: 1px; 
width: 98%; 
color: #879084; 
background: #879084;  
}
/* les menus */
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
}
#menu {
float: left;
margin: 120px 0 0 -160px;
width: 160px;
list-style-type: none;
}
#menu dt {
cursor: pointer;
background: #A6B679;
height: 20px;
line-height: 20px;
margin: 2px;
border: 1px solid #000;
font: bold 0.75em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-align: center;
}
#menu dd {
position: absolute;
z-index: 100;
margin: -24px 0 0 153px;
width: 250px;
background: #A6B679;
border: 1px solid #000;
}
#menu ul {
padding: 2px;
}
#menu li {
text-align: justify;
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
height: 18px;
line-height: 18px;
display: block;
}
#menu li a, #menu dt a {
color: #000;
text-decoration: none;
display: block;
height: 20px;
line-height: 20px;
}
#menu li a:hover,  #menu dt a:hover {
background: #eee;
text-decoration: underline;
display: block;
border: 0 none;
height: 20px;
line-height: 20px;
}
.menubas {
list-style-type: none;
margin: 0;
padding: 0px;
}
.menubas {
width: 530px; 
text-align: center; 
margin:  6px 0 0 130px;
padding: 0px;
} 
.menubas a {
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
color: #fff; 
text-decoration: none; 
} 
.menubas a:link {
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #fff; 
background: transparent; 
text-decoration: none; 
} 
.menubas a:hover {
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #841028; 
text-decoration: underline; 
} 
.menubas li {
display: inline;
}
a.phase {
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-align : justify;
color:#841028;
text-decoration: none;
margin: 0 0 0 4px;
}
a.phase:hover {
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-align : justify;
color:#841028;
text-decoration: underline;
margin: 0 0 0 4px;
}
a.pms {
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-align: justify;
padding-bottom: 4px;
color: #fff;
text-decoration: none;
}
a.pms:hover {
font: bold 0.7em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-align: justify;
padding-bottom: 4px;
color: #d6d6d6;
text-decoration: underline;
}
a.email {
font: 0.95em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #000;
text-decoration: underline;
}
a.email:hover {
font: 0.95em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color:#000;
text-decoration: none;
}
a.link {
font: 0.75em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #fff;
text-decoration: underline;
margin: 0 0 0 310px;
}
a.link:hover {
font: 0.75em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #a6a6a6;
text-decoration: none;
margin: 0 0 0 310px;
}
a.contact {
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-align : justify;
color: #000;
text-decoration: none;
}
a.contact:hover {
font: bold 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular; 
text-align : justify;
color: #841028;
text-decoration: underline;
}
a.top {
font: bold 0.7em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #000;
text-decoration: underline;
margin: 0 0 0 480px;
}
a.top:hover {
font: bold 0.7em Arial,Helvetica,Geneva,Swiss,SunSans-Regular;
color: #a6a6a6;
text-decoration: none;
margin: 0 0 0 480px;
}
/* le formulaire */
form { 
background: #A6B679;
border: 1px solid #18499a;
margin-left: 100px;
padding: 8px;
width: 350px;
} 
label { 
font: bold 0.85em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
} 
input { 
border: 1px solid #18499a;
background: #fff;
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
} 
select, option { 
background: #fff;
color: #000080;
} 
textarea { 
border: 1px solid #18499a;
background: #fff;
font: 0.9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
color: #000;
} 
input[type=submit], input[type=reset] {
font: bold .9em Arial, Helvetica, Geneva, Swiss, SunSans-Regular;
border: 1px solid #18499a;
cursor: pointer;
}
input[type=submit]:hover, input[type=reset]:hover {
border: 1px inset white;
background: #fff;
color: #841025;
}
input[type=submit]:active, input[type=reset]:active {
border: 2px inset #18499a;
background: #A6BEDE;
color: #000;
}