/*Général*/
html, body {width:100%; height:100%; min-height:100%; margin:0; padding:0; font-family:Verdana, Arial, Helvetica, Sans-sherif; font-size:11px; line-height:1.6; color:#333333; background:#FFFFFF;}


/*Positionnement page*/
table.acc {width:100%; height:100%; border-collapse:collapse;}
td.acc {height:100%; vertical-align:middle; text-align:center;}

#fd_acc {position:relative; width:684px; height:354px; margin:auto; background:url(../images/fd_index.jpg) no-repeat 0 130px;}

#logo {position:relative; width:684px; height:130px; background:url(../images/log_toit.jpg) no-repeat 0 0;}

#ctue_fra {position:absolute; top:13px; right:39px; height:60px; padding:0; margin:0;}

#leo {position:absolute; width:521px; height:40px; top:312px; left:42px; text-align:center;}

#logleo {position:absolute; width:82px; height:26px; top:312px; left:563px; margin:0; background:url(../images/log_leo.jpg) no-repeat left; z-index:20;}

#bas {position:absolute; width:684px; height:25px; top:352px; left:0; background:url(../images/fd_mebas.jpg) no-repeat left;}

#pos_flag {position:absolute; width:684px; height:12px; top:177px; left:0; margin-left:41px; z-index:40;}
.flag {width:17px; height:12px; top:0px; left:0; float:left;}

#ville {position:absolute; width:684px; height:140px; top:212px; left:0; background:url(../images/ville.jpg) no-repeat center; z-index:2;}

#pays {position:absolute; width:300px; height:20px; top:106px; left:32px; text-align:right;}

#footer {position:absolute; bottom:0px; width:100%; text-align:right;}

#bd_QSTP {position:absolute; top:396px; left:38px; width:607px; height:52px; margin:0 auto; background:url(../images/bd-QSTP.png) 0 0 no-repeat;}


/*Texte*/
h1.acc {margin:0; padding:0; font-size:10px; line-height:15px; color:#336699; font-variant:normal; font-weight:normal; letter-spacing:0;}

h1.hom {font-size:18px; margin:0; padding:0; color:#336699; letter-spacing:1px; text-align:center;}

h2.hom {font-size:12px; text-align:center; color:#336699; font-weight:bold; letter-spacing:1px; margin:5px 0 0 0;}

h2.menu {margin:0; padding:0; font-size:12px; width:280px; line-height:1.6; text-align:right; color:#333333; font-weight:bold; font-variant:small-caps; border-bottom:1px solid #CCCCCC;}

h3.hom {font-size:10px; text-align:center; margin:0; padding:0; line-height:1.6; color:#336699;}

p.menu {text-align:right; margin:2px 0 0 0; padding:0; line-height:1.6; white-space:normal;}

p.lang {line-height:22px; margin:0; padding:1px 0 0 0;}

p.qstp {line-height:13px; margin:5px 10px 0 85px; text-align:left; font-size:10px;}


/*Liens*/
a.acc, a.acc:link, a.acc:visited, a.acc:active, a.acc:focus {color:#FFFFFF; text-decoration:none;}
a.acc:hover {color:#FFFFFF; text-decoration:none;}

a.hom, a.hom:link, a.hom:visited, a.hom:active, a.hom:focus {color:#333333; text-decoration:none;}
a.hom:hover {color:#FFFFFF; text-decoration:none; background:#333333;}

a {text-decoration:none;}
a span.accueil {display:none;}
a span.accueil2 {display:none;}
a span.rubrique {display:none;}
a span.couleur {display:none;}
a span.cache {display:none;}
a span.langue {display:none;}
a:hover {background:none;}
a:hover span.accueil {display:inline; position:absolute; top:-164px; right:80px; height:60px; text-align:right; padding:0; margin:0; z-index:40;}
a:hover span.accueil2 {display:inline; position:absolute; width:521px; height:30px; top:135px; left:0; background:#FFFFFF; z-index:40;}
a:hover span.rubrique {display:inline; position:absolute; width:280px; height:218px; top:-19px; left:311px; margin:0; padding:0; z-index:10;}
a:hover span.cache {display:inline; position:absolute; width:280px; height:218px; top:-19px; left:311px; margin:0; padding:0; background:#FFFFFF; z-index:8;}
a:hover span.couleur {display:inline; position:absolute; width:101px; height:101px; top:99px; left:301px; z-index:9;}
a:hover span.langue {display:inline; position:absolute; width:100px; height:22px; top:-4px; left:-120px; padding:0; text-align:right; line-height:22px; color:#333333;}


/*Menu HOME*/
#tabmenu {position:absolute; width:300px; height:200px; top:122px; left:42px; background:url(../images/fd_mehom.jpg) no-repeat left; z-index:10;}

table.mentab {width:280px; height:97px; margin:1px 10px; padding:0; color:#333333; border-collapse:collapse;}
td.mentab {padding:0; vertical-align:middle;}

.categorie_rub {position:absolute; left:10px; line-height:14px; font-variant:small-caps; font-size:small; font-weight:bold; margin:0; padding:0; text-align:left;}

ul {list-style-type:none; padding:0; margin:0; text-align:right;} 
li {padding:0; margin:0}

.menu a {width:163px; height:16px; padding:0; text-decoration:none; color:#333333; text-align:right;}
.rouge a:hover {background:#F16667; color:#333333;}
.orang a:hover {background:#F89A3E; color:#333333;}
.jaune a:hover {background:#FFEB6B; color:#333333;}
.vert a:hover {background:#B8DB71; color:#333333;}
.bleu a:hover {background:#9FD7EC; color:#333333;}
.mauve a:hover {background:#D3D1E2; color:#333333;}
.violet a:hover {background:#D8A5CB; color:#333333;}
.rose a:hover {background:#E588B1; color:#333333;}
.gris a:hover {background:#C6C8CA; color:#333333;}

.menbas {position:relative; height:14px; top:1px; left:41px; margin:4px 0; padding:0 10px; line-height:14px; border-right:1px solid #CCCCCC; text-align:center; float:left;}

.mendrap {position:absolute; width:123px; height:12px; top:6px; left:510px; margin:0; padding:0;}


/*Présentation rubrique HOME*/
#present {position:absolute; width:280px; height:218px; left:343px; top:102px; padding:1px 10px; background:url(../images/fd_rubho.jpg) no-repeat left; z-index:3;}