*{
margin:0;
padding:0;
font:Verdana;
font-size:9pt;
list-style:none;
text-align:left;
}
body{
color:#000;
}
.erreur{
color:#c00;
font-weight:bold;
}
.warning{
color:#940;
font-style:italic;
}
/* trucs divers ----------------------------------*/
p,h1,h2,h3,h4,h5,h6{ /* correction d'un gros bug de positionnement CSS sous internet explorer */
position:relative;
}
/* ------------------------------- styles globaux */
body{
background:url(repety.gif) repeat-y #fff;
}
a{
text-decoration:none;
color:#FF9FEE;
}
a:hover{
text-decoration:underline;
color:#BA58AD;
}
/* ---------------------------------- 1ere couche */
/* barre de titre */
#barre_titre {
background:url(repetx.gif) repeat-x top right;
height:140px;
padding:0;
position:relative;
z-index:0;
}
#barre_titre h1 {
background:url(logo.gif) no-repeat top left;
font-size:0px;
position:absolute;
width:350px;
height:140px;
}
#barre_titre h1 a {
display:block;
height:140px;
text-indent:-7000em;
width:275px;
text-decoration:none;
}
/* zone d'angle */
#angle{
width:303px;
height:169px;
position:absolute;
background:url(angle.gif) no-repeat top left;
top:112px;
left:0;
z-index:0;
}
/* ---------------------------------- 2eme couche */
/* barre d'onglets */
#barre_onglets{
position:absolute;
z-index:1;
right:0;
left:250px;
top:140px;
height:25px;
}
#barre_onglets li{
width:107px;
float:left;
height:25px;
float:left;
}
#barre_onglets a{
background:url(btn.gif) no-repeat top;
display:block;
width:107px;
height:33px;
text-decoration:none;
color:#000;
text-align:center;
line-height:23px;
}
#barre_onglets a:hover{
background:url(onbtn.gif) no-repeat top;
color:#ff0;
}
/* colonne de gauche */
#colonne{
position:absolute;
z-index:1;
width:145px;
top:200px;
left:20px;
}
/* zone principale */
#main{
position:absolute;
/*z-index:2;*/
top:180px;
width:640px;
left:180px;
}
/* -------------- FIN DES COUCHES --------------- */
/* ------------------------------ ZONE PRINCIPALE */
#main h1{
text-align:center;
font-weight:bold;
font-size:22pt;
color:#f00AD3;
}
/* fenetres */
.fen{
margin-bottom:10px;
margin-top:10px;
background:#fff;
}
.fen1{background:url(top.gif) repeat-x top;}
.fen2{background:url(left.gif) repeat-y left;}
.fen3{background:url(right.gif) repeat-y right;}
.fen4{background:url(bottom.gif) repeat-x bottom;}
.fen5{background:url(topleft.gif) no-repeat top left;}
.fen6{background:url(topright.gif) no-repeat top right;}
.fen7{background:url(bottomleft.gif) no-repeat bottom left;}
.fen8{background:url(bottomright.gif) no-repeat bottom right;}
/* couches ds les fenetres */
.fen h2.titre_article,.fen h2.titre_article strong{
text-align:center;
padding:10px 10px 0 10px;
font-size:20pt;
font-weight:bold;
color:#f00AD3;
}
.fen p.infos{
text-align:right;
position:relative;
padding-right:15px;
}
.fen p.apercus_photos{
text-align:center;
}
.fen p.apercus_photos img{
border:1px solid #f00AD3;
}
.fen p.apercus_photos img:hover{
border:1px solid #FF9FEE;
}
.fen .article{
padding:0 10px 0 10px;
}
.fen .article .photo{
margin:2px 5px 5px 0;
float:left;
}
.fen .article .commentaire_photo{
font-style:italic;
text-align:center;
border:1px solid #f00AD3;
}
.fen .liens{
clear:both;
padding:5px 10px 10px; 10px;
* html .fen .liens{
padding-bottom:0;
}
}
.fen .new_comment h3,.fen .comments h3,.fen #new_livredor h3{
font-size:14pt;
font-weight:bold;
text-align:center;
color:#f00AD3;
}
.fen .new_comment,.fen .comments,.fen #new_livredor{
padding:20px;
margin:20px 20px 0 20px;
border:1px solid #000;
background-color:#fff;
}
.fen .comments li,.fen #livredor li{
padding:10px 5px 10px 15px;
}
.fen .comments em,.fen #livredor em{ /*commentaire*/
line-height:200%;
text-align:justify;
}
.fen p.lien_titre{
text-align:center;
}
.fen p.warning,.fen p.erreur{
padding-left:20px;
}
/*--------------------------------------- COLONNE */
#colonne h2{
padding:10px 0 10px 0;
font-weight:bold;
}
#colonne p,#colonne h2,body{
color:#000;
}
#colonne{
left:30px;
top:180px;
}
#colonne #photo_id{
text-align:right;
}




#pub_verticale2{
left:830px;
top:180px;
}
#pub_verticale{
position:fixed;
left:830px;
top:180px;
}
* html #pub_verticale{
position:absolute;
}


a,label{
cursor:pointer;
cursor:hand;
}
input[type=text]{
padding:1px;
}
textarea{
overflow:auto;
}
input[type=text],textarea{
border:1px solid #ff9eef;
background:#fff;
}
input[type=text]:focus,textarea:focus{
border:1px solid #be59ae;
background:#fff
}


body.nc{
background:#fff;
padding:5px;
}
body.nc #new_comment{
background:#fff;
padding:5px;
border:1px solid #000;
}




#main #formulaire_contact textarea{
width:100%;
height:150px
}
#main #formulaire_contact input[type=text]{
width:50%;
}