body
{
width:1000px;
margin:auto;
background:url("./images/bois.jpg") repeat fixed 0 0 #99ccff;
font-family: Arial, Helvetica, sans-serif;
font-size: 11pt;
line-height: 1.3em;
padding: 0 20px 20px;
color: #333;
}

#corps
{
background: #fff;
border-left:1px solid #FFFFFF;
border-right:1px solid #FFFFFF;
float:left;
padding:20px 8px;
width:982px;
color:#000000
}

.contenu_lang{
background:none repeat scroll 0 0 transparent;
height:20px;
left:467px;
margin:0 0 20px;
position:relative;
text-align:center;
top:194px;
width:100px;
}

.drap{
float:right;
height:20px;
margin:0 0 0 5px;
width:20px;
cursor:pointer;
}

.Contenu
{
float:left;
font-size:1.1em;
padding:21px 0 0;
text-align:justify;
width:690px;
}

.top_bandeau
{
background:url("./images/actu.png") no-repeat scroll 0 0 transparent;
float:left;
height:46px;
margin:0 0 15px;
padding:1px 0 0 219px;
width:762px;
}

.pcenter
{
float:left;
}

.bandeau_defilant
{
margin:0 0 15px;
padding:7px 10px;
width:730px;
}

.Contenu P
{
margin:0 0 15px;
padding:0 0 0 5px;
}

tr
{
}

.coldroite
{
float:right;
width:265px;
text-align:justify;
}

.coldroite p
{

}

h3
{
background:url("./admin/images/fond_h3.png") no-repeat scroll 0 0 transparent;
color:#FFFF99;
float:left;
font-size:1.2em;
margin:0 0 10px;
padding:5px 0 24px 11px;
width:690px;
}

h5
{
background:url("./images/separateur.png") no-repeat scroll 50% 0 transparent;
float:left;
font-size:1.2em;
height:65px;
margin:0 0 0;
padding:0;
text-align:center;
width:100%;
}

h1
{
background:url("./admin/images/fond_h3.png") no-repeat scroll 0 0 transparent;
color:#FFFF99;
float:left;
font-size:1.2em;
margin:0 0 10px;
padding:5px 0 24px 11px;
width:690px;
}

em
{
color:red
}

#photos
{
float:left;
}

#footer
{
background:url("./images/footer.png") no-repeat scroll 0 0 transparent;
float:left;
height:40px;
margin:0 0 10px;
padding:0 0 0;
text-align:center;
width:1000px;
}

.Pictolivre
{
background:url("./images/top_mes_livre.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
float:left;
font-family:comic sans ms,sans-serif;
font-size:1em;
height:21px;
margin:0;
padding:2px 0 0 25px;
width:666px;
}

.PictoReponselivre
{
background:url("./images/top_rep_livre.png") no-repeat scroll 0 0 transparent;
border-color:#CC3333;
color:#FFFFFF;
float:left;
font-family:comic sans ms,sans-serif;
font-size:1em;
height:16px;
margin:0 0 0 31px;
padding:3px 0 5px 25px;
width:635px;
}

.Reponselivre
{
background:url("./images/bandeb.jpg") repeat scroll left top transparent;
border:1px solid #6699CC;
float:left;
font-family:comic sans ms,sans-serif;
margin:0 0 15px 31px;
padding:10px 15px 0;
width:628px;
}

.MessageLivre
{
background:url("./images/bande.jpg") repeat scroll left top transparent;
border:1px solid #FFCC00;
float:left;
font-family:comic sans ms,sans-serif;
margin:0 0 10px;
padding:10px 20px 0;
width:649px;
}

input
{
float:left;
margin-right:10px;
padding:0;
}

#contact-form
{
float:left;
margin:0 0 20px 0
}

.alerteLivreOr
{
background:url("./images/erreur.png") no-repeat scroll 2% 50% transparent;
border:1px solid red;
float:left;
margin:0 0 20px;
padding:15px 15px 15px 70px;
width:614px;
}

.succesLivreOr
{
background:url("./images/succes.png") no-repeat scroll 2% 50% transparent;
border:1px solid green;
float:left;
margin:0 0 20px;
padding:15px 15px 15px 70px;
width:614px;
}

.LV_valid_field,
input.LV_valid_field:hover, 
input.LV_valid_field:active,
textarea.LV_valid_field:hover, 
textarea.LV_valid_field:active {
    border: 1px solid #00CC00;
}

.LV_invalid_field, 
input.LV_invalid_field:hover, 
input.LV_invalid_field:active,
textarea.LV_invalid_field:hover, 
textarea.LV_invalid_field:active {
    border: 1px solid #CC0000;
}

.LV_validation_message{
    font-weight:bold;
    margin:0 0 0 5px;
}

.LV_valid {
    color:#00CC00;
}
	
.LV_invalid {
    color:#CC0000;
}



.topagenda
{
background:url("./images/agenda_top.png") no-repeat scroll 0 0 transparent;
float:left;
width:265px;
height:76px;
margin:0;
}

.topplayer
{
background:url("./images/player_top.png") no-repeat scroll 0 0 transparent;
float:left;
width:265px;
height:71px;
margin:0;
}

.midleagenda
{
background:url("./images/agenda_millieu.png") repeat scroll 0 0 transparent;
float:left;
margin:0;
padding:0 8px;
width:249px;
}

.midleagenda h3
{
background:transparent;
border-bottom:1px solid #cc6666;
color:#336699;
font-size:1.1em;
margin:0 0 5px;
padding:0 0 5px;
width:246px;
}

.midleplayer
{
background:url("./images/agenda_millieu.png") repeat scroll 0 0 transparent;
float:left;
margin:0;
padding:0 2px;
width:261px;
}

.bottomagenda, .bottomplayer
{
background:url("./images/agenda_bottom.png") no-repeat scroll 0 0 transparent;
float:left;
width:265px;
height:8px;
margin:0 0 10px 0;
}
#header
{
background:url("./images/header.png") no-repeat scroll 0 0 transparent;
height:262px;
margin:0;
width:1000px;
}

#livre_form
{
background:url("./images/page.png") repeat scroll left bottom transparent;
float:left;
height:435px;
margin:0 0 25px;
padding:15px 0 0 8px;
width:682px;
}

#fans_form
{
background:url("./images/fans.jpg") repeat scroll left 27% transparent;
float:left;
height:348px;
margin:0 0 15px;
padding:13px 0 0 8px;
width:682px;
}


#pro_form
{
background:url("./images/guitare.png") repeat scroll left bottom transparent;
float:left;
height:465px;
margin:0;
padding:14px 0 0 8px;
width:682px;
}

.crypt
{
padding:5px 0;
}

.alerte
{
color:red;
float:left;
font-size:0.9em;
margin:0 0 0 10px;
}

.alerte_red
{
text-transform:uppercase;
font-weight:bolder;
float:left;
font-size:0.9em;
margin:0 0 0 10px;
}

.green
{
color:green;
}

.voirmenu
{
margin:2px 2px 2px 0px;
float:left;
width:476px;
padding:10px;
border:1px solid black;
}
.tabgauche
{
margin:2px 2px 2px 0px;
float:left;
width:476px;
padding:10px;
border:1px solid black;
}
.texte
{
float:left;
width:980px;
background:#ffcc99;
text-align:left;
}


.cat
{
border:1px solid black;
float:left;
font-size:1.2em;
margin:10px 0;
padding: 0 7px;
width:986px;
}

.titrecat
{
float:left;
text-align:left;
font-size:1em;
margin:10px 0;
width:400px;

}
.catagenda
{
background:url("./images/fond-age.png") no-repeat scroll 0 0 transparent;
border:1px solid black;
float:left;
font-size:1.2em;
height:40px;
margin:10px 0;
padding:8px 8px 0;
width:950px;
}

.catnewsuser
{
background:url("./images/fond-news-user.png") no-repeat scroll 0 0 transparent;
border:1px solid black;
float:left;
font-size:1.2em;
height:40px;
margin:10px 0;
padding:8px 8px 0;
width:950px;
}

.catnews
{
background:url("./images/fond-news.png") no-repeat scroll 0 0 transparent;
border:1px solid black;
float:left;
font-size:1.2em;
height:40px;
margin:10px 0;
padding:8px 8px 0;
width:950px;
}

.catnewsok
{
background:url("./images/fond-news-ok.png") no-repeat scroll 0 0 transparent;
border:1px solid black;
float:left;
font-size:1.2em;
height:40px;
margin:10px 0;
padding:8px 8px 0;
width:950px;
}

.prepa_envoi
{
background:url("./images/fond-prepa-news.png") no-repeat scroll 0 0 transparent;
border:1px solid black;
float:left;
font-size:1.2em;
height:40px;
margin:10px 0;
padding:8px 8px 0;
width:950px;
}

.livre
{
background:url("./images/fond-livre.png") no-repeat scroll 0 0 transparent;
border:1px solid black;
float:left;
font-size:1.2em;
height:40px;
margin:10px 0;
padding:8px 8px 0;
width:950px;
}

.catprofil
{
background:url("./images/user.png") no-repeat scroll 0 0 transparent;
border:1px solid black;
float:left;
font-size:1.2em;
height:40px;
margin:10px 0;
padding:8px 8px 0;
width:950px;
}

.catpage
{
background:url(./images/fond-cat.png) no-repeat 0 0;
border:1px solid black;
font-size:1.2em;
float:left;
height:40px;
margin:10px 0;
padding: 8px 8px 0 8px;
width: 950px;
}

.catpage .titrecatpage
{
color:yellow;
float:left;
font-size:1em;
margin:5px 0 0 217px;
width:222px;
}

.btcat
{
float:right;
font-size:1em;
margin:10px 0;
text-align:center;
width:219px;
}

.list
{
border-bottom:5px solid #003366;
border-left:1px solid black;
border-right:1px solid black;
float:left;
margin:-10px 0 15px;
width:966px;
}

.scat
{
float:left;
margin:0 0 0;
text-align:left;
width:42%;
}

.plat
{
text-align:left;
float:left;
width:42%;
}

.page_paire
{
background:none repeat scroll 0 0 #CCCCCC;
border-bottom-style:solid;
border-bottom-width:1px;
float:left;
font-size:1.2em;
height:24px;
margin-left:0;
padding:2px 0 0 10px;
width:956px;
}

.page_off
{
background:#cc3333;
float:left;
font-size:1.2em;
height:24px;
margin-left:0;
padding:2px 0 0 10px;
width:956px;
border-bottom:1px solid black;
}

.page_imp
{
background:#ccffcc;
border-bottom-style:solid;
border-bottom-width:1px;
float:left;
font-size:1.2em;
height:24px;
margin-left:0;
padding:2px 0 0 10px;
width:956px;
}

.page_first
{
background:none repeat scroll 0 0 #CCFFCC;
border-bottom-style:solid;
border-bottom-width:1px;
border-top-style:solid;
border-top-width:1px;
float:left;
font-size:1.2em;
height:24px;
margin-left:0;
padding:2px 0 0 10px;
width:956px;
}

.erreur
{
background:#cc3333;
color:#FFFFFF;
float:left;
font-size:1.2em;
margin:0 0 5px;
padding:2px 0 5px 10px;
width:958px;
}

.erreur_niv2
{
background:#66ccff;
color:#FFFFFF;
float:left;
font-size:1.2em;
margin:0 0 5px;
padding:2px 0 5px 10px;
width:992px;
}

.valide
{
background:url("./images/ok.png") no-repeat scroll 224px 6px #00CC33;
color:yellow;
float:left;
font-size:1.6em;
font-weight:bolder;
height:49px;
margin:5px 0 1px;
padding:19px 0 4px 312px;
width:656px;
}

.erreur b
{
color:#ffff00;
}

.fleche_scat
{
margin: 0 10px;
}

.scataj
{
text-align:center;
background:none repeat scroll 0 0 #CCFFCC;
float:left;
width:14%;
}
.scatmod
{
text-align:center;
background:none repeat scroll 0 0 #99ccff;
float:left;
width:18%;
}
.scatsupp
{
text-align:center;
background:none repeat scroll 0 0 #ff6666;
float:left;
width:18%;
}

.hr
{
float:left;
width:1000px;
display:block;
height: 1px;
margin: 5px 0;
padding: 0;
color: #000;
background-color: #000;
border: 0;
}

.bouton
{
background-color: #538fcc;
border-left:1px solid black;
border-right:1px solid black;
border-style:solid;
border-width:1px;
color:#fff;
float:left;
height:35px;
margin:0 0 5px;
padding:4px 11px 0 0;
width:955px;
}

.ajout_prod_menu_txt
{
float:left;
margin-bottom:5px;
width:268px;
}

strong
{
color:#000000;
font-size:1em;
font-style:italic;
}

.titre_ajout_prod_menu_txt
{
float:left;
font-size:1.2em;
font-style:italic;
font-weight:bold;
margin:6px 0;
width:460px;
}
/* bouton */

#menu
{
background:url(./images/fond-menu.png);
color:#FFFFFF;
float:left;
font-size:18px;
height:26px;
padding:4px 0 0 0;
width:1008px;
margin: 0 0 15px 0
}
.fixe
{
display:block;
float:left;
width:470px;
}

.Admin
{
color:red;
}
.User
{
color:orange;
}
.Visiteur
{
color:blue;
}

.descelement
{
display:none;
float:left;
margin:0 0 0 -1px;
}

.aidegenerale
{
background:#ffffff;
border:1px dashed #000000;
display:none;
float:left;
margin:0 0 5px;
padding:9px 10px 10px;
width:946px;
}

.align_aide
{
float:left;
margin:0 5px 5px 0;
}

#rentre
{
cursor:help;
height:27px;
}

.civil
{
background:#ccffcc;
border:1px dashed #000000;
float:left;
margin:0 0 5px;
padding:9px 10px 10px;
width:950px;
}

.panelconnect
{
background:url("./images/reseau.png") no-repeat scroll 689px 24px transparent;
float:left;
margin:0 0 5px;
padding:9px 10px 10px;
width:950px;
}

label
{
display:block;
float:left;
padding-bottom:5px;
width:200px;
}


select
{
vertical-align:text-top;
margin-bottom:10px;
margin-right:10px;
padding:0;
width:300px;
}

.puce
{
height:20px;
}

.form_alert
{
color:red;
font-weight:bold;
}

.creatcat
{
float:left;
margin-top:4px;
width:78px;
}

.pucecreatcat
{
float:left;
margin-top:7px;
width:25px;
}

.creatcatinp
{
float:left;
height:20px;
margin-top:4px;
width:201px;
}

.labelcreatcat
{
display:block;
float:left;
font-weight:bold;
margin:0 10px 0 0;
padding:4px 0 0 10px;
width:200px;
}

.validcreatcat
{
background:none repeat scroll 0 0 #99ccff;
color:#FFFFFF;
display:block;
float:left;
margin:1px 0 0 20px;
padding:3px 0;
width:160px;
}

.validcreatcat:hover
{
background:none repeat scroll 0 0 #0066cc;
color:#FFFFFF;

}

.ligneform
{
float:left;
height:35px;
width:987px;
}

hr
{
float:left;
width:967px;
}

.hdp {
background:url("./images/hdp.png") no-repeat scroll 0 0 transparent;
display:block;
float:right;
height:21px;
margin:0;
padding:0 9px 0 0;
width:121px;
}

.hdp:hover {background:url(./images/hdp.png) no-repeat 0 -21px;}

.ajout_news {float: right; margin:0; display:block; width:240px; height:30px; background:url(./images/bt-creer_news.png) no-repeat 0 0;}
.ajout_news:hover {background:url(./images/bt-creer_news.png) no-repeat 0 -30px;}

.ajout_mail {float: right; margin:0; display:block; width:240px; height:30px; background:url(./images/creer-mail.png) no-repeat 0 0;}
.ajout_mail:hover {background:url(./images/creer-mail.png) no-repeat 0 -30px;}

.ajout_prod {float: right; margin:0; display:block; width:190px; height:30px; background:url(./images/ajout-prod.png) no-repeat 0 0;}
.ajout_prod:hover {background:url(./images/ajout-prod.png) no-repeat 0 -30px;}

.sup_scat {float: right; margin-right:8px; display:block; width:200px; height:20px; background:url(./images/sup-scat.png) no-repeat 0 0;}
.sup_scat:hover {background:url(./images/sup-scat.png) no-repeat 0 -20px;}

.modif_scat {float: right; margin-right:8px; display:block; width:200px; height:20px; background:url(./images/modif-scat.png) no-repeat 0 0;}
.modif_scat:hover {background:url(./images/modif-scat.png) no-repeat 0 -20px;}

.sup_plat {float: left; margin-right:8px; margin-bottom:2px; display:block; width:90px; height:20px; background:url(./images/suppr-plat.png) no-repeat 0 0;}
.sup_plat:hover {background:url(./images/suppr-plat.png) no-repeat 0 -20px;}

.modif_plat {float: left; margin-right:8px; margin-bottom:2px;display:block; width:90px; height:20px; background:url(./images/modif-plat.png) no-repeat 0 0;}
.modif_plat:hover {background:url(./images/modif-plat.png) no-repeat 0 -20px;}

.ajout_date {float: right; margin-right:8px; margin-bottom:2px;display:block; width:190px; height:30px; background:url(./images/date.png) no-repeat 0 0;}
.ajout_date:hover {background:url(./images/date.png) no-repeat 0 -30px;}

.ajout_prod_menu {float: left; margin-right:8px; margin-bottom:4px;display:block; width:200px; height:20px; background:url(./images/ajout-prod-menu.png) no-repeat 0 0;}
.ajout_prod_menu:hover {background:url(./images/ajout-prod-menu.png) no-repeat 0 -20px;}

.retire_prod_menu {float: left; margin-right:8px; margin-bottom:4px;display:block; width:200px; height:20px; background:url(./images/retire-prod-menu.png) no-repeat 0 0;}
.retire_prod_menu:hover {background:url(./images/retire-prod-menu.png) no-repeat 0 -20px;}

.ajout_page {float:right; margin:0 8px 0 0; display:block; width:190px; height:30px; background:url(./images/creer-page.png) no-repeat 0 0;}
.ajout_page:hover {background:url(./images/creer-page.png) no-repeat 0 -30px;}

.creer_scat {float:right; margin:0 8px 0 0; display:block; width:300px; height:30px; background:url(./images/creer-scat.png) no-repeat 0 0;}
.creer_scat:hover {background:url(./images/creer-scat.png) no-repeat 0 -30px;}

.up {float:right; margin:0 8px 0 0; display:block; width:30px; height:30px; background:url(./images/up.png) no-repeat 0 0;}
.up:hover {background:url(./images/up.png) no-repeat 0 -30px;}

.vide {float:right; margin:0 8px 0 0; display:block; width:30px; height:30px; background:url(./images/vide.png) no-repeat 0 0;}
.vide:hover {background:url(./images/vide.png) no-repeat 0 -30px;}

.down {float:right; margin:0 8px 0 0; display:block; width:30px; height:30px; background:url(./images/down.png) no-repeat 0 0;}
.down:hover {background:url(./images/down.png) no-repeat 0 -30px;}

.creer_menu {float:right; margin:0 8px 0 0; display:block; width:190px; height:30px; background:url(./images/creer-menu.png) no-repeat 0 0;}
.creer_menu:hover {background:url(./images/creer-menu.png) no-repeat 0 -30px;}

.ajout_link {float:right; margin:0 8px 0 0; display:block; width:190px; height:30px; background:url(./images/creer-lien.png) no-repeat 0 0;}
.ajout_link:hover {background:url(./images/creer-lien.png) no-repeat 0 -30px;}

.modifier {float:right; margin:0 8px 0 0; display:block; width:190px; height:30px; background:url(./images/modifier.png) no-repeat 0 0;}
.modifier:hover {background:url(./images/modifier.png) no-repeat 0 -30px;}

.sup_cat {float:right; margin:0 8px 0 0; display:block; width:30px; height:30px; background:url(./images/supprimer.png) no-repeat 0 0;}
.sup_cat:hover {background:url(./images/supprimer.png) no-repeat 0 -30px;}

.edit_page {float:right; margin:0 8px 0 0; display:block; width:32px; height:32px; background:url(./images/editer.png) no-repeat 0 0;}
.edit_page:hover {background:url(./images/editer.png) no-repeat 0 0;}

.sup_page {float:right; margin:0 8px 0 0; display:block; width:32px; height:32px; background:url(./images/supp.png) no-repeat 0 0;}
.sup_page:hover {background:url(./images/supp.png) no-repeat 0 0;}

.repondre {float:right; margin:0 8px 0 0; display:block; width:32px; height:32px; background:url(./images/repondre.png) no-repeat 0 0;}
.repondre:hover {background:url(./images/repondre.png) no-repeat 0 0;}

.voir_page {float:right; margin:0 8px 0 0; display:block; width:32px; height:32px; background:url(./images/voir.png) no-repeat 0 0;}
.voir_page:hover {background:url(./images/voir.png) no-repeat 0 0;}

.retire_val {float:right; margin:0 8px 0 0; display:block; width:32px; height:22px; background:url(./images/retire.png) no-repeat 0 0;}
.retire_val:hover {background:url(./images/retire.png) no-repeat 0 -22px;}

.ajoute_val {float:right; padding:0px; margin:0 8px 0 0; display:block; width:32px; height:22px; background:url(./images/ajoute.png) no-repeat 0 0;}
.ajoute_val:hover {background:url(./images/ajoute.png) no-repeat 0 -22px;}

.recycler {float:right; margin:0 8px 0 0; display:block; width:32px; height:22px; background:url(./images/recycler.png) no-repeat 0 0;}
.recycler:hover {background:url(./images/recycler.png) no-repeat 0 -22px;}

.vm {float:left; margin:0 8px 10px 0; display:block; width:246px; cursor:help; height:30px; background:url(./images/vm.png) no-repeat 0 0;}
.vm:hover {background:url(./images/vm.png) no-repeat 0 -30px;}

.deco {float:right; margin:170px 8px 0 0; display:block; width:40px; height:40px; background:url(./images/deco.png) no-repeat 0 0;}
.deco:hover {background:url(./images/deco.png) no-repeat 0 -40px;}

.envoi_news {float:right; padding:0px; margin:0 8px 0 0; display:block; width:32px; height:22px; background:url(./images/envoie.png) no-repeat 0 0;}
.envoi_news:hover {background:url(./images/envoie.png) no-repeat 0 -22px;}

.envoi_newsok {float:right; margin:0 8px 0 0; display:block; width:170px; height:30px; background:url(./images/bt-envoi-news.png) no-repeat 0 0;}
.envoi_newsok:hover {background:url(./images/bt-envoi-news.png) no-repeat 0 -30px;}

.modif_news {float:right; margin:0 8px 0 0; display:block; width:170px; height:30px; background:url(./images/bt-modif-news.png) no-repeat 0 0;}
.modif_news:hover {background:url(./images/bt-modif-news.png) no-repeat 0 -30px;}

.ajout_up {background:url("./images/champ.png") no-repeat scroll 0 0 transparent;
display:block;
float:left;
height:14px;
margin:6px 0 5px;
width:190px;}

.ajout_up:hover {background:url(./images/champ.png) no-repeat 0 -14px;}

.env_news
{
background:none repeat scroll 0 0 #DADFDF;
padding:10px;
}
/* class upload */
.fieldupload
{
width:938px;

}
.pname
{
background:none repeat scroll 0 0 blue;
float:left;
height:25px;
margin:0;
padding:0;
width:50px;
}

.inputup
{
background:none repeat scroll 0 0 yellow;
float:left;
height:24px;
margin:0;
padding:0;
width:306px;
}
.titretabup
{
}

.inputtextlatg
{
background:none repeat scroll 0 0 transparent;
float:left;
height:20px;
margin:0 10px 0 0;
padding:0;
width:428px;
}
/* Fin class upload */

.titreenvnews
{
border-bottom:1px solid #333333;
margin:0 0 10px;
}
/* menu */

#menu, #menu ul /* Liste */     
{
        padding : 0; /* pas de marge intérieure */
        margin : 0; /* ni extérieure */
        list-style : none; /* on supprime le style par défaut de la liste */
        line-height : 21px; /* on définit une hauteur pour chaque élément */
        text-align : center; /* on centre le texte qui se trouve dans la liste */
}

#menu /* Ensemble du menu */
{
background:none repeat scroll 0 0 transparent;
font-family:Arial;
font-size:12px;
font-weight:bold;
margin:185px 0 0 86px;
padding:0;
width:892px;
}

#menu a /* Contenu des listes */
{
        background:url("./images/onglet2.png") no-repeat scroll 0 0 transparent;
color:#ffffff;
display:block;
height:23px;
margin:0 61px 0 0;
padding:3px 1px 0 0;
text-decoration:none;
width:115px;
}

#menu .onglet /* Contenu des listes */
{
background:url("./images/onglet.png") no-repeat scroll 0 0 transparent;
color:#FFFFFF;
display:block;
font-size:1.3em;
height:23px;
margin:11px 61px 0 0;
padding:3px 1px 0 0;
text-decoration:none;
width:115px;
}

#menu li /* Elements des listes */      
{ 
        float : left; 
        /* pour IE qui ne reconnaît pas "transparent" */
        
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li
{
      
}

#menu li ul /* Sous-listes */
{ 
        position: absolute; /* Position absolue */
        width: 144px; /* Largeur des sous-listes */
        left: -999em; /* Hop, on envoie loin du champ de vision */
}


#menu li ul li /* Éléments de sous-listes */
{
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
       /*  border-top : 1px solid #fff; on met une bordure blanche en haut de chaque élément d'une sous liste */
}

/* IE ne reconnaissant pas le sélecteur ">" */
html>body #menu li ul li                
{
        /* border-top : 1px solid transparent; on met une bordure transparente en haut de chaque élément */
}

#menu li ul ul 
{
        margin    : -22px 0 0 144px ; /* On décale les sous-sous-listes pour qu'elles ne soient pas au dessus des sous-listes */ 
        /* pour IE qui ne reconnaît pas "transparent" (comme précédemment) */
        border-left     : 1px solid #fff ; /* Petite bordure à gauche pour ne pas coller ... */      
}

/* IE ne reconnaissant pas le sélecteur ">" ... je me répète ;-) */
html>body #menu li ul ul                
{
        /*border-left     : 1px solid transparent ;  on met une bordure transparente sur la gauche de chaque élément */
}

#menu a:hover /* Lorsque la souris passe sur un des liens */    
{
       color: yellow; /* On passe le texte en noir... */
        background:url(./images/onglet2.png) no-repeat 0 -26px;
		width:115px;
		margin:0 61px 0 0;

}

#menu .onglet:hover /* Lorsque la souris passe sur un des liens */    
{
        color: yellow; /* On passe le texte en noir... */
        background:url(./images/onglet.png) no-repeat 0 -26px;
		width:115px;
		margin:11px 61px 0 0;
}

#menu li:hover ul ul, #menu li.sfhover ul ul /* Sous-sous-listes lorsque la souris passe sur un élément de liste */
{
        left: -999em; /* On expédie les sous-sous-listes hors du champ de vision */
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul  /* Sous-listes lorsque la souris passe sur un élément de liste ET sous-sous-lites lorsque la souris passe sur un élément de sous-liste */
{
        left: auto; /* Repositionnement normal */
        min-height: 0; /* Corrige un bug sous IE */
}

html {
	margin: 0;
	padding: 0;
	width: 100%;
	height: 100%;
}

.nav-links {
	position: absolute;
	top: 30px;
	left: 20px;
	width: 200px;
	list-style: none;
	margin: 0;
	padding: 0;
}
.nav-links li {
	line-height: 1.6em;	
	font-size: 1.2em;
}
#content {
	margin-left: 240px;
	margin-top: 30px;
	margin-right: 50px;
}
.twitthis {
	position: absolute;
	top: 250px;
	left: 20px;
}
pre {
	background: #e8e8e8;
	border-left: 10px solid #777;
	font-size: 0.85em;
	padding: 1em;
	color: black !important;
	overflow-x: auto;
}
.important {
	border: 1px solid #666;
	background: #ddd;
	padding: 0 1em;
	color: #C30;
}

.galleryview {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
}

dt {
	font-weight: bold;
}
dd {
	margin-bottom: 0.5em;
}
.code_wrapper {
	border: 1px solid #888;
	background: #f0f0f0;
	padding: 10px;
}
code, .code {

}
.options {
	border: 1px solid #777;
	border-right: none;
	font-size: 0.8em;
	font-family: Verdana, Geneva, sans-serif;
}
.options th {
	text-align: left;
	background: #777;
	color: white;
	font-weight: bold;
}
.options th, .options td {
	padding: 4px 10px;
}
.options td {
	border-right: 1px solid #777;
}
#parts-img {
	border: 1px solid black;
}
img.nav {
	border: 1px solid black;
	margin-bottom: 5px;
}
a:link, a:visited {
	color: #3671A8;
	font-weight: bold;
	text-decoration: none;
}
a:hover {
	color: #CC5914;
}
.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}

a.info {
color:#FF6600;
font-size:14px;
position:relative;
text-decoration:none;
}
a.info span {
   display: none; /* on masque l'infobulle */
   
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */

   cursor: help; /* on change le curseur par défaut en curseur d'aide */
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 15px; /* on positionne notre infobulle */
   left: 0;

   background: white;

   color: #000;
   padding: 5px;

   border: 1px solid #CC5914;
   border-left: 8px solid #CC5914;
   
}

a.hdp {
color:#fff;
font-size:14px;
position:relative;
text-decoration:none;
}