/*Design :  by nicolas.b dataxy 2010*/

body{
background:#dca url(etoiles.jpg) no-repeat center 50px;
font: 12pt calibri, corbel, "arial narrow", "franklin gothic book", Helvetica, arial, "sans-serif";
color: #431;
}
#contenu{
margin:0 auto;
width:994px;
height: 570px;
position: relative;
top: -50px;
-top: -88px;
}

a{
color:#320;
font-weight: bold;
outline: none;
}
a:hover{
color:#542;
text-decoration: none;
outline: none;
}


/* ZONE DE TITRE */
#barre_titre{
height:0px;
}
#barre_titre h1{
font-size: 17pt;
font-weight: normal;
text-align: center;
position:relative;
left:669px;
top:580px;
width: 325px;
z-index: 3;
-top: 618px;
}
#barre_titre h1 a{
text-decoration:none;
color: #642;
}
#barre_titre h1 a:hover{
text-decoration:none;
color: #753;
}

/* Menu Partie 1 */

#colonne{
width: 430px;
height: 50px;
background: url(menu1.gif) no-repeat left top;
position:relative;
top: 500px;
left: 20px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 2;
-top: 508px;
}
#colonne h2{
display: none;
height: 0px;
}
#colonne ul li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
float: left;
}
#colonne ul li a{
background: url(menu1.png) no-repeat top left;
float: left;
width: 68px;
height: 20px;
text-decoration:none;
color: #431;
font-size: 10pt;
font-weight: bold;
margin: 0px 3px 0px 0px;
text-align: center;
-background: none;
}
#colonne ul li a:hover{
background: url(menu2.png) no-repeat top left;
margin: -2px 3px 0px 0px;
-margin: 0px 3px 0px 0px;
-background: none;
}

/* Menu Partie 2 */

#barre_onglets{
width: 300px;
height: 50px;
position:relative;
top: 550px;
left: 690px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
z-index: 4;
-top: 558px;
}
#barre_onglets ul li{
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
list-style: none;
float: left;
}
#barre_onglets ul li a{
background: url(menu3.png) no-repeat top left;
float: left;
display:block;
width: 68px;
height: 18px;
text-decoration:none;
color: #431;
font-size: 10pt;
font-weight: bold;
margin: 0px 3px 0px 0px;
text-align: center;
-margin: 0px 2px 0px 0px;
}
#barre_onglets ul li a:hover{
background: url(menu3.gif) no-repeat top left;
margin: -2px 3px 0px 0px;
-margin: -2px 2px 0px 0px;
}


/* MAIN */
#page{
margin:0px;
padding:0px;
width:982px;
height: 440px;

}
#page h1{
display:none;
height: 0px;
}
#angle{
display:none;
height: 0px;
}
#main{
padding:0px;
width:994px;
height: 450px;
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
background:#ba8;
}

#page h3{
display:none;
height: 0px;
}
#main h3{
display:none;
height: 0px;
}

#main .fen{
margin: 0px 0px 0px 0px;
padding: 0px 0px 0px 0px;
border:none ;
background:#ba8;
-margin: -24px 0px -20px 0px;
}



#main .fen font{
display: block;
position:relative;
top: -13px;
left: 30px;
text-align: justify;
line-height: 12pt;
font-size: 12pt;
width: 930px;
font-family: calibri, corbel, "arial narrow", "franklin gothic book", Helvetica, arial, "sans-serif";
/position: absolute;
/top: 385px;
/left: 30px;
-position:relative;
-top: -13px;
-left: 30px;
-height: 90px;
}
#main .fen em{
display: block;
position:relative;
top: -10px;
left: 0px;
font-size: 10pt;
font-family: calibri, corbel, "arial narrow", "franklin gothic book", Helvetica, arial, "sans-serif";
-margin: 0px 0px -44px 0px;
}

#main .fen strong{
display: block;
position:relative;
top: 100px;
left: 100px;
line-height: 18pt;
font-weight: normal;
font-family: calibri, corbel, "arial narrow", "franklin gothic book", Helvetica, arial, "sans-serif";
-height: 512px;
-margin: 0px 0px -44px 0px;
}
#main .fen br{
font-size: 5pt;
}
#main .fen h3{

}
#main .fen h2{
height: 0px;
text-align:left;
font-size:15pt;
position:relative;
top: 14px;
left: 20px;
margin: 0px;
color: #fff;
-top: 38px;
}

.main_photo{
cursor: default;
}
#main .fen .infos{
text-align:center;
padding-bottom:5px;
font-size:8pt;
}
#main .fen .apercus_photos{
display:none;
}
#main .fen .apercus_photos a img{
display:none;
}
#main .fen .apercus_photos a:hover img{
display:none;
}
#main .fen hr{
margin:0;
width:inherit;
clear:none;
}
#main .fen .article .photo{
background:#ba8;
}
#main .fen .article .photo img{
padding:0;
}
#main .fen .article .photo .commentaire_photo{
text-align:center;
font-style:italic;
}
.liens{
display: none;
}
.espace_article{
display: none !important;
}
#main .fen .liens{
clear:left;
margin-top:4px;
}
#main .fen .liens ul{
list-style:none;
text-align:left;
}
#main .fen .liens a{
text-decoration:none;

}
#main .fen .liens a:hover{

}

#main .fen .comments{
background-color:#81684a;
text-align: justify;
margin: 10px 0px 0px 0px;
padding: 10px 20px 10px 20px;
}

#main .fen .comments h3{
font-size:11pt;

}
#main .fen .comments ul li{
border-color:#fff;
}
#main .fen .comments ul li em{
border-color:#fff;
}
#main .fen .comments ul li a{

}
#main .fen .comments ul li a:hover{

}
table.sommaire tr:hover{
background: #61482a;
}
table.sommaire tr:hover a{
color:#d45d33;
}
table.photo {
background: #ba8;
margin: 0px !important;
}
p.infos{
display: none;
height: 0px;
}
p.pages{
display: none;
height: 0px;
}

/* FORMULAIRES */
form p{
display: none;
}
#formulaire_contact{
position: relative;
top: -10px;
left: 140px;
width: 700px; 
}
#formulaire_contact span{
position: relative;
left: -20px;
}

#formulaire_contact INPUT[type=text] {
border: #0cb 2px solid; 
background: #ba8;
width: 300px; 
margin: 0px 0px -18px 0px;
}
#formulaire_contact INPUT[type=text]:focus {
border: #51381a 2px solid; 
BACKGROUND: #81684a; 
}

TEXTAREA {
BORDER: #0cb 2px solid; 
BACKGROUND: #81684a; 
WIDTH: 400px;
margin: 0px 0px -18px 0px;
}
TEXTAREA:focus {
BORDER: #51381a 2px solid; 
BACKGROUND: #81684a; 
}

#colonne input[type=text],* html #colonne input{
width:145px;
}
#btn_ok{
margin: 25px 0px 0px 0px;
border: #d45d33 2px solid; 
background: #81684a;
}
#wait{
display: block;
margin: 0px 0px 0px 20px;
text-align: justify;
width: 700px; 
}

/*map*/
#map_canvas{
position: relative;
top: -38px;
width: 995px !important;
height: 450px !important;
}
/* FOOTER */
#footer{
position: relative;
top: 60px;
width: 994px;
height:100px;
background: #fff url(logo.jpg) no-repeat bottom right;
-top: -18px;
}