/*REPOSITIONNEMENT GLOBAL DES MARGES ET PADDING AVEC LA BALISE UNIVERSELLE*/
*{
margin:0;
padding:0;
}

/*CORPS DE LA PAGE*/
body {
font-family: Arial, Verdana,Helvetica, sans-serif;
font-size: 12px;
margin: 0;
padding: 0;
background: #000000 url('../images/fond_conteneur.png');
margin-bottom:10px;
}

/*ETALONNAGE DES LIENS*/
a{
text-decoration: none;
color: #3d3d3d;
}

/*FORMATAGE DES IMAGES*/
img{
border: none;
}

h1{
clear: both;
color:#fc7101;
font-weight: bolder;
font-size: 28px;
border-bottom: 1px solid #fc7101;
margin-left: 40px;
margin-right: 400px;
margin-bottom: 10px;
text-transform: capitalize;
}

/*CONTENEUR GLOBAL DANS LEQUEL LE SITE EST INCLUS*/
#conteneur {
position: relative;
margin-left:auto;
margin-right:auto;
width: 1000px;
background:#000000;
color: #3d3d3d;
padding:0;
}

/*LE HAUT DU SITE APPELE HEADER*/
#header {
height: 220px;
background: #000000 url('../images/header.jpg') no-repeat;
}

.horloge{
color: #02a5e2;
}

.horloge p{
text-align:right;
font-size:9px;
padding-right:40px;
padding-top:25px;
}

.horloge img{
vertical-align:middle;
padding-right:3px;
}

/*MENU HORIZONTAL*/
#menuhoriz{
height:40px; /*hauteur de 34px + 6px du paddong-top des li*/
}

#menuhoriz ul {
list-style-type: none;
padding-left:25px; /*POUR L'ALIGNEMENT VERTICAL AVEC LA BANNIERE*/
}

#menuhoriz ul li {
float: left;
width:77px; /*Largeur du bouton*/
border: none;
color: inherit;
background: inherit;
}

#menuhoriz ul li a {
display: block;
height:34px;
background: #000000 url('../images/bouton_menu_repos.png') left top no-repeat;
color: #000000;
text-align:center;
padding-top: 6px;
font-variant: small-caps;
font-size:10px;
line-height:10px;
}

#menuhoriz a:hover, #menuhoriz a:focus, #menuhoriz a:active {
background: #000000 url('../images/bouton_menu_actif.png') left top no-repeat;
color: #646464;
border: none;
}

/*BLOC CENTRAL ARRONDI GRIS*/
#centre {
clear:left; /*On annule l'effet du float left du menu*/
background:#000000 url('../images/haut_cadre.png') top left no-repeat;
padding-top:20px;
}

#bloccentral{
background:#000000 url('../images/bas_cadre.png') bottom left no-repeat;
height:auto;
padding-top:20px;
}

#bloccentral p{
text-align:justify;
font-size:1.1em;
margin-left: 21px;
margin-right: 221px;
padding: 5px 15px 5px 20px;
}

#bloccentral .signature{
font-style: italic;
text-align:right;
font-size:.9em;
}

#droite {
position: absolute;
right:15px;
z-index:100;
width:200px;
height:343px;
background: url('../images/menudroite.png') no-repeat;
margin-top:20px;
}

/*LES ACTUALITES*/
.actualites{
position: absolute;
z-index:200;
margin-top:40px;
margin-left:2px;
font-size: 11px;
color: #5d82fc;
padding: 3px;
overflow: auto;
width:172px;
height: 210px;
}

.titrenews{
text-decoration: underline;
font-variant: small-caps;
font-weight:bold;
}

.datenews{
padding-right: 5px;
text-align: right;
font-style: italic;
}

.contenunews{
text-align: justify;
margin-bottom: 7px;
width:170px;
}

/*LES VISITES*/
.visites{
list-style: none;
position: absolute;
z-index:200;
width: 170px;
margin-top:305px;
margin-left:5px;
font-size: 11px;
color: #5d82fc;
padding: 3px;
}

/*PIED DE LA PAGE CONTENANT LES LIENS*/
#pied{
clear:both;
background: url('../images/pied.png') no-repeat;
height:24px;
padding-bottom:7px;
margin-top:30px;
}

ul#menupied {
list-style:none;
font-size: 10px;
font-variant: small-caps;
font-weight: bold;
margin-left:270px;
}

#menupied li.menupiedgauche, #menupied li.menupiedadmin{
float:left;
padding-left: 30px;
padding-top:4px;
}

#menupied li.menupiedadmin{
padding-left:175px;
}

#menupied li.menupiedgauche a:hover, #menupied li.menupiedadmin a:hover{
color:#fc5e1e;
}

#menupied li.menupieddroite{
float:right;
padding-right:21px;
}

#menupied li.menupieddroite img{
vertical-align:middle;
}

/*AFFICHAGE GENERAL*/
.introduction img{
float: left;
padding-right:15px;
}

/*PAGE BIO MENU AVEC COCKTAIL*/
#titre2bio h2 {
color: #fc5e1e;
font-size:13px;
margin-top:25px;
padding-left:45px;
}

#titre2bio img.imagetitre2bio{
vertical-align:middle;
border-right: 3px double #c8c7c7;
border-bottom: 3px double #c8c7c7;
padding-right:2px;
padding-bottom:2px;
}

#titre2bio p{
padding-left:75px;
font-size: 11px;
}

#titre2bio ul{
list-style: none;
padding-left: 100px;
}

#titre2bio ul img{
vertical-align: middle;
}

#titre2bio li{
padding-bottom:4px;
}

/*logo page bio tomate farcie*/
.tomatefarcie{
float: right;
margin-right: 380px;
margin-top:20px;
}

/*MENU COMPOSITIONS*/
#menucompos{
padding-left: 50px;
min-height: 250px;
}

.imagepiano, .tomatevierge{
position:absolute;
float:left;
}

#menucompos p{
padding-left: 100px;
padding-bottom:15px;
font-style: italic;
}

#menucompos ul{
padding-left: 150px;
list-style: none;
}

#menucompos li{
padding-bottom: 10px;
font-weight: bolder;
}

li#menucompos img{
vertical-align: middle;
}

#menucompos a{
}

#menucompos a:hover{
color: #f76301;
border-top: 1px solid #f76301;
border-bottom: 1px solid #f76301;
}

#listingfichiers{
font-weight: bolder;
}

#listingfichiers img{
vertical-align: middle;
}

#listingfichiers a:hover{
border: none;
}

.iconedecalagedroite{
margin-right: 15px;
}

.introlistingfichiers img{
vertical-align: middle;
}


/*formulaire*/
.asterisque{
vertical-align:middle;
color:red;
font-weight:bold;
}

fieldset.formulaire_contact, fieldset.verifantibots{
border:none;
}

fieldset.formulaire_contact p{
font-weight:bold;
font-variant: small-caps;
}

fieldset.verifantibots p{
font-weight:bold;
}

fieldset.formulaire_contact label, fieldset.verifantibots label{
float:left;
width:15em;
text-align:right;
padding-right:.5em;
}

.envoyer_mail{
font-weight:bold;
font-size:11px;
cursor:pointer;
}

/*FORMULAIRE IDENTIFICATION ADMIN*/
.formulaireidentadmin{
height: 300px;
width: 600px;
margin-left:34px;
}

.formulaireidentadmin fieldset{
background: #ffffff;
padding: 10px;
}

.formulaireidentadmin img{
vertical-align: middle;
}


/*LIENS*/
.liens{
clear: both;
min-height:200px;
padding-right: 220px;
}

.liens ul{
list-style: none;
padding-left: 60px;
}

.liens li{
padding-bottom: 10px;
}

.liens a{
padding-right: 20px;
font-variant: small-caps;
font-weight:bold;
color: #140171;
}

.liens a:hover{
color: #fc5e1e;
}

/*BANDES SON*/
.bs ul{
min-height:200px;
padding-top:25px;
padding-left:40px;
list-style: none;
}

.bs img{
vertical-align:middle;
}

.nomoeuvre{
font-weight: bold;
text-transform: uppercase;
font-size: 10px;
}

/*LECTEUR DEWPLAYER*/
#dewplayerpresentation p{
font-variant: small-caps;
color: #ffffff;
width: 240px;
text-align: center;
margin-top: 10px;
}

p.titre_chanson_playlist {
font-variant: small-cpas;
text-align: center;
}

p.titre_chanson_playlist strong{
color: red;
}

#dewplayerpresentation span{
font-variant: normal;
font-style: italic;
}

/*FIL D'ARIANE*/
#ariane{
float: left;
padding-left: 40px;
padding-bottom: 15px;
color: #5d82fc;
}

#ariane a{
text-decoration: underline;
}

#ariane span{
text-decoration: underline;
color:#3d3d3d;
}

/*LA PAGE BANDE SON*/
.bs table{
width: 700px;
margin-left:45px;
border-collapse: collapse;
margin-top: 20px;
color: #000000;
}

.bs th{
font-variant: small-caps;
font-weight: bold;
font-size: 15px;
text-align: center;
background: #000000;
padding: 3px;
border: 1px solid #000000;
color: #ffffff;
}

.bs td{
border: 1px solid #000000;
padding: 3px;
text-align:center;
}

.ligneclaire{
background: #ffffff;
}

.lignefoncee{
background: #cbe4f4;
}

.lignesurvol{
background: #628db1;
}

/*PAGE PLAN*/
.plan img{
float: left;
padding-left: 30px;
padding-right: 15px;
}

.menuplan{
clear: both;
padding-left: 195px;
}

.menuplan h3{
color: #026ca3;
text-decoration: underline;
padding-bottom: 10px;
}

.menuplan ul{
list-style: none;
padding-bottom: 20px;
}

.menuplan li{
padding-top: 10px;
}

.menuplan img{
padding-top: 2px;
}

.menuplan a{
font-weight: bold;
}

.menuplan a:hover{
color: #f76301;
border-top: 1px solid #f76301;
border-bottom: 1px solid #f76301;
}