/*
Style by eax (www.dataxy.fr) 2006
nicolab 2011
*/

body{
font: 11pt trebuchet ms, helvetica, arial, sans serif;
background-image: none;
color: #444;
}

a{
color: #190;
outline: none;
text-decoration: none !important;
}
a:hover{
color: #541;
}
strong{
font-weight: normal;
}

#angle{
display: none;
}

::-moz-selection {
background: #190;
color:#fff;
}
::selection {
background: #190;
color:#fff;
}

/* BARRE DE TITRE */

#barre_titre{
border-bottom: 1px solid #ccc;
padding: 3px 0px 5px 5px;
}
#barre_titre h1{
font-size:24px;
letter-spacing:1pt
}


/* MENU HORIZONTAL */

#barre_onglets{
height: 25px;
padding: 2px 0px 0px 5px;
border-bottom: 1px solid #ccc;
}
#barre_onglets li{
float: left;
padding-right: 15px;
}


/* COLONNE */

#colonne{
position: relative;
z-index: 2;
width: 140px;
padding: 10px 5px 30px 5px;
float: left;
}

#colonne span{
font-size: 12pt;
}

.photo_id img{
border-color: #190;
}

/*newsletter*/
.zone p{
text-align: left !important;
margin: 10px 0px 5px 0px !important;
padding: 0px !important;
font-weight: normal !important;
}
#email{
position: relative;
top: 0px;
left: 0px;
width: 108px !important;
height: 17px;
background: #fff;
float: left;
margin: 5px 0px 20px 0px;
text-transform: none;
text-indent: 2px;
font-size: 13px;
font-weight: normal;
color: #444;

padding: 2px 0px 0px 4px \9;
}
#email:hover{
color: #444 !important;
}
.zone input{
position: absolute;
top: -5px;
left: 116px;
background: #444;
color: #fff;
width: 26px;
height: 21px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
border: 1px solid #444 !important;
cursor: pointer;
padding: 0px 1px 2px 0px;
z-index: 2;

padding: 3px 1px 2px 0px \9;
/padding: 1px 1px 2px 0px;
-left: 0px;
}
.zone input:hover {
color: #ccc !important;
}
.zone input:focus{
border-color: #444 !important;
}


/* MAIN */

#main{
border-left: 1px solid #ccc;
margin-right:170px;
margin-left: 170px;
}

#page h1{
display:none;
}

.pages{
padding: 3px 0px 3px 10px;
font-size: 10pt;
position: relative;
z-index: 20;
}

.espace_article{
display:none;
}


.fen{
width: 100%;
margin: 0px 0px 10px 10px !important;
text-align: justify;
position: relative;
z-index: 2;
float: left;

/float: ;
}
.fen h2{
font-size: 15pt;
text-transform: lowercase;
border-bottom: 1px solid #ccc;
}

.infos{
padding-bottom:20px;
font-size:7pt;
color:#999;
text-transform:lowercase;
font-style:normal;
}
.apercus_photos{
text-align: center;
border-bottom: 1px solid #ccc;
margin-bottom: 10px;
}
.apercus_photos a img{
border: none;
margin-bottom:5px
}

.commentaire_photo{
font-style:italic;
}

.liens{
margin: 10px 0px 30px 0px;
border-top: 1px solid #ccc;

/float:left;
}
.liens ul{
list-style: none;
}
.liens ul li{
float: left;
padding-right: 40px
}

/*commentaire*/
.comments{
font-size: 10pt;
background: none !important;
overflow: hidden !important;
}
.comments ul li em,
.commentaires ul li em{
padding: 0px 10px 10px 10px;
}
.comments ul li{
border-color: #ccc;
}
.comments ul li em{
border-color: #ccc;
}


/* PUB */

#pub_verticale3{
top: 70px;
left: 100%;
margin-left: -170px;

top: 1px \9;
-position: absolute;
}
#pub_verticale3 iframe{
background: none;
}


/* SOMMAIRE */
.sommaire td{
padding: 2px 5px 2px 5px !important;
}
.sommaire tr a{
cursor: pointer !important;
}
.sommaire tr a:hover{
color: #444 !important;
}


/* FORMULAIRES */

#formulaire_contact input[type=text] {
width: 250px;
height: 21px;
display: block;
border: 1px solid #444;
}
#formulaire_contact p{
display: block;
}
textarea,
textarea:focus{
height: 200px;
font-size: 14px;
border: 1px solid #444;
}
#btn_ok{
background: #444;
color: #fff;
width: 30px;
height: 21px;
text-transform: uppercase;
font-size: 11px;
font-weight: bold;
cursor: pointer;
padding: 0px 1px 2px 0px;
margin-top: 20px;
border: 0px !important;

padding: 3px 1px 2px 0px \9;
}
#btn_ok:hover {
color: #ccc;
}
#btn_ok:active {
margin-left: 2px;
}
form #wait{
font-size: 9pt;
}



#footer{
display: none;
}