body {
text-align:center;
margin:0;
padding:0;
background:#082302;
font-family:Verdana, Arial, Helvetica, sans-serif;
}

img {
border:none;
}

/* css page intro */
#introduction {
margin:0 auto;
padding:120px 0 0 0;
width:842px;
height:475px;
text-align:center;
background:url(images/fond_vert7.jpg);
}

#introduction h1, #introduction p {
	position: absolute;
	left: -5555px;
}

#introduction div#ligne {
margin:15px 0;
}

a.lien_index {
display:block;
width:842px;
height:390px;
}

#introduction ul {
margin:30px 0 0 0;
}

#introduction li {
display:inline;
margin:0 30px 0 0;
}

#introduction li a {
font-size:10px;
font-weight:bold;
color:#889685;
text-decoration:none;
}

#introduction li a:hover {
font-size:10px;
font-weight:bold;
color:#889685;
text-decoration:underline;
}

/* css pour les pages */
#conteneur {
margin:0 auto;
padding:90px 0 0 0;
width:842px;
height:505px;
text-align:left;
background:url(images/fond_vert6.jpg);
position:relative;
}

div#header img {
margin-left:170px;
margin-bottom:7px;
}

div#menu {
clear:right;
margin:0;
padding:0;
}

div#menu img {
float:left;
border-bottom:5px solid #b1c903;
}

div#menu ul {
margin:0;
padding:0;
height:58px;
}

div#menu li {
display:inline;
}

div#menu li a {
display:block;
float:left;
width:85px;
height:58px;
background:#20400c;
}

div#menu li a.btn1 {
background:url(images/bouton_1.jpg) 0 -58px no-repeat;
}

div#menu li a:hover.btn1 {
background:url(images/bouton_1.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;
}

div#menu li a.active1 {
background:url(images/bouton_1.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;
}

div#menu li a.btn2 {
background:url(images/bouton_2.jpg) 0 -58px no-repeat;
}

div#menu li a:hover.btn2 {
background:url(images/bouton_2.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;
}

div#menu li a.active2 {
background:url(images/bouton_2.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;
}

div#menu li a.btn3 {
background:url(images/bouton_3.jpg) 0 -58px no-repeat;
}

div#menu li a:hover.btn3 {
background:url(images/bouton_3.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;
}

div#menu li a.active3 {
background:url(images/bouton_3.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;
}

div#menu li a.btn4 {
background:url(images/bouton_4.jpg) 0 -58px no-repeat;
}

div#menu li a:hover.btn4 {
background:url(images/bouton_4.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;
}

div#menu li a.active4 {
background:url(images/bouton_4.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;
}

div#menu li a.btn5 {
background:url(images/bouton_5.jpg) 0 -58px no-repeat;
}

div#menu li a:hover.btn5 {
background:url(images/bouton_5.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;
}

div#menu li a.active5 {
background:url(images/bouton_5.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;
}

div#menu li a.btn6 {
background:url(images/bouton_6.jpg) 0 -58px no-repeat;
margin-left:30px;
text-decoration:none;
color:#999999;

}

div#menu li a:hover.btn6 {
background:url(images/bouton_6.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;
color:#999999;
text-decoration:underline;
}

div#menu li a.active6 {
background:url(images/bouton_6.jpg) 0 0 no-repeat;
border-bottom:5px solid #381E1B;

}

div#menu span {
	position: absolute;
	left: -5555px;
}

div.contenu {
clear:both;
margin:0;
padding:0;
}

div#menu p {
font-size:10px;
margin-top:2px;
text-align:center;
font-family:Verdana;
font-weight:bold;
	
}


div.contenu div#page {
margin:0;
padding:10px 30px 15px 20px;
background:url(images/motif3.jpg) right top no-repeat;
background-color:#FFFFFF;
height:248px;
width:527px;
float:left;
overflow:auto;
}

div.contenu div#page h1{
font-size:14px;
color:#381e1b;
margin:0 0 5px 0;
}

div.contenu div#page h2{
font-size:12px;
font-weight:bold;
color:#3d6214;
margin:0 0 5px 0;
}

div.contenu div#page h3{
font-size:12px;
color:#828284;
font-weight:bold;
margin:0 0 3px 0;
}

div.contenu div#page strong{
color:#728c4c;
}

div.contenu div#page p{
font-size:11px;
color:#828284;
margin:3px 0 6px 0;
}

div.contenu div#page a{
font-size:11px;
font-weight:bold;
color:#3d6214;
text-decoration:underline;
}

div.contenu div#page hr.separateur{
clear:both;
visibility:hidden;
}

/* css pour formulaires */
div.contenu div#page form{
margin:0;
}

div.contenu div#page label {
margin: 0;
padding: 0 15px 0 0;
font-size:11px;
}

div.contenu div#page fieldset{
margin:0 0 5px 0;
padding:3px 5px 3px 5px;
}

div.contenu div#page form p {
margin:0 0 5px 0;
color:#000000;
}

div.contenu div#page form input {
width:90px;
font-size:11px;
}

div.contenu div#page form input#adresse {
width:400px;
font-size:11px;
}

div.contenu div#page form#news label {
float:left;
text-align:left;
width:15%;
margin: 0;
padding: 0 15px 0 0;
font-size:11px;
}

div.contenu div#page form#news fieldset input {
width:230px;
}

/* css page download */
div.case_download {
float:left;
width:110px;
margin:0 30px 0 0;
}

div.fondecran {
width:190px;
}

/* css table user */
div.contenu div#page table {
width:100%;
margin:0 0 5px 0;
border-collapse:collapse;
}

div.contenu div#page th {
font-size:11px;
text-transform:uppercase;
font-weight:bold;
background:#0184AE;
height:16px;
line-height:16px;
}

div.contenu div#page th.action {
width:270px;
}

div.contenu div#page td {
font-size:11px;
height:40px;
line-height:18px;
}

div.contenu div#page tr.inpaire {
background:#b8ecfd;
}

div.contenu div#page td ul {
margin:0;
padding:0;
}

div.contenu div#page td li {
display:inline;
margin:0 10px 0 0;
}

div.contenu div#page table a {
color:#0184AE;
text-decoration:none;
}

div.contenu div#page table a:hover {
color:#0184AE;
text-decoration:underline;
}

div.col {
float:left;
display:block;
width:265px;
height:273px;
padding:0;
margin:0 0 0 0;
background:#381F1B;
}

div.col ul {
margin:0;
padding:0;
}

div.col ul li {
display:inline;
margin:0;
padding:0;
}

div.col ul li a {
margin:0;
padding:0;
}

div.col ul li a {
margin:0;
padding:0;
display:block;
float:left;
}

div.col li a.contact {
width:79px;
height:33px;
background:url(images/contact.jpg) 0 -33px no-repeat;
}

div.col li a:hover.contact {
background:url(images/contact.jpg) 0 0 no-repeat;
}

div.col li a.newsletter {
width:92px;
height:33px;
background:url(images/newsletter.jpg) 0 -33px no-repeat;
}

div.col li a:hover.newsletter {
background:url(images/newsletter.jpg) 0 0 no-repeat;
}

div.col li a.telecharger {
width:94px;
height:33px;
background:url(images/telecharger.jpg) 0 -33px no-repeat;
}

div.col li a:hover.telecharger {
background:url(images/telecharger.jpg) 0 0 no-repeat;
}

div.col span {
	position: absolute;
	left: -5555px;
}

/* col pour gallerie */

div.colgal {
float:left;
display:block;
width:260px;
height:329px;
padding:8px 0 0 5px;
margin:0 0 0 0;
background:#381F1B;
}

div.colgal img {
margin:0 0 2px 0;
}


/* pied de page */
div#footer {
clear:both;
}

div#footer ul#lien_footer {
margin:0 0 0 275px;
}

div#footer ul#lien_footer li {
display:inline;
list-style-type:none;
margin-right:15px;
line-height:20px;
}

div#footer ul#lien_footer li a {
font-size:10px;
font-weight:bold;
color:#889685;
text-decoration:none;
}

div#footer ul#lien_footer li a:hover {
font-size:10px;
font-weight:bold;
color:#889685;
text-decoration:underline;
}

div#footer div#flag {
float:left;
width:265px;
height:20px;
background:#b1c903;
margin:0;
padding:0;
}

