/* ==============================================
FEUILLE DE STYLES DES GABARITS HTML/CSS --- 05
© Elephorm & Alsacreations.com
Conditions d'utilisation:
http://creativecommons.org/licenses/by/2.0/fr/
============================================== */

/* --- COULEURS --- */

/* Général */
body { background-color: #666; }
a { color: #009EE1; }
a:hover, a:focus {color: #FF4C00;}

/* Global */
#global {
background: #FFF url(/img/fond_colonne_gauche.png) top left repeat-y;
}

/* Entete */
#entete{background:#000 url('/img/arc-en-ciel.gif') bottom left repeat-x;}

/* Navigation */
#navigation {
/* background: #AAADB1 url(/img/fond_colonnes.gif) top left repeat-x; */
background-color: #000;
}


#navigation ul li a {cursor:pointer;}
#navigation ul li.pair a {color: #FF6533;}
#navigation ul li.impair a {color: #A0A3A7;}

#navigation ul li a:hover, #navigation ul li a:focus {background-color:#666;color:#FFF;}

#navigation p.consigne {color:#FFF;margin-top:10px;margin-bottom:15px;text-align:center;}

form#quicksearch {margin:0;padding:0;}
.qs_input {border:0; background:#000 url(/img/fond_recherche.png) top left no-repeat; color:#00A0C6; font-size:9pt; font-weight:bold;height:22px; padding:1px 5px 0 20px; width:165px;}
.quicksearch .loader {color:#FFF; font-size:8pt; font-family: "Trebuchet MS", Helvetica, sans-serif}

/* Contenu principal */
#contenu {
background: #FFF;
margin-left:10px;
}
#contenu a {color: #332510;}
#contenu a:hover, #contenu a:focus {color: #6E5122;}
/* #contenu strong {color: #181A12;} */

/* Pied de page */
.footer {
color:black;
font-family:"Trebuchet MS", helvetica, sans-serif;
font-size:8pt;
margin:0 auto;
width:900px;
}
.footer p {background-color:#FFF;margin:0;padding:2px 0;text-align:center;}
#xiti-logo {margin:5px auto;width:900px;text-align:right;}


/* --- POSITIONNEMENT --- */
.centrer {text-align:center;}


/* Page */
body {
padding:0; 
margin:0;
text-align:center;
}
#global {
margin:0 auto;
padding:0;
text-align:left;
width: 900px;
}

/* En-tête */
#entete {
font-family:"Trebuchet MS",Helvetica,sans-serif;
height:100px;
padding:5px 10px 0 10px;
}
#entete h1 {
color:#0094d2;
font-size:17pt;
margin: 0;
padding:0;
}
#entete p {
color:#FFF;
font-size:11pt;
line-height:1.25em;
margin: 5px 0 0 0;
padding: 0;
}
#entete .logo {
float:left;
margin-left:0;
text-align:center;
width:200px;
}
#entete .boutons {
float:right;
padding-top:10px;
width:660px;
}

/* Menu de navigation */

#navigation {
float: left;
margin:10px 0 0 0;
padding:10px;
width:200px;
}
#navigation h1{
color:#E3001A;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size:26pt;
line-height:16pt;
padding:0;
margin:0 0 15px 0;
text-align:center;
}
#navigation h1 span {
color:white;
font-size:10pt;
line-height:10pt;
}

a.btn_inscription {
background-color: #E3001A;
color: #FFF;
display: block;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 14pt;
font-weight: bold;
padding:2px 5px 2px 5px;
text-decoration: none;
}
a.btn_inscription:hover {background-color:green}

a.btn_invitation {
background-color: #009EE1;
color: #FFF;
display: block;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size: 12pt;
font-weight: bold;
margin-bottom:30px;
padding:2px 5px 2px 5px;
text-decoration: none;
}
a.btn_invitation:hover {
background-color: green;
}

#navigation .liste_invites{font-size:10pt;font-weight:bold;}
#navigation .listing {
border:1px solid #AAADB1;
background-color:#000;
padding:0px 0 0 5px;
}
#navigation label {
color:#FFF;
font-family:"Trebuchet MS",Helvetica,sans-serif;
font-size:10pt;
}
#navigation ul {
list-style: none;
height:150px;
overflow:auto;
margin:0px 0 0 0;
padding:0;
}
#navigation ul li {
margin:0;
padding:0;
}
#navigation ul li a {
display:block;
font-family:"Trebuchet MS", Helvetica, sans-serif;
font-size: 9pt;
text-decoration: none;
}
#navigation p {
color:#FFF;
font-family: "Trebuchet MS", Helvetica, sans-serif;
font-size:10pt;
margin:0;
}
#navigation .logos {
line-height:2em;
margin-top:60px;
}



/* Contenu */
#contenu {
font-family: "Trebuchet MS", Helvetica, sans-serif;
float:right;
margin:10px 0 0 0;
padding:0;
width:670px;
}
#contenu p, #contenu li {
line-height: 1.5em;
}
#decor {
background-color:#FFF;
margin:0;
padding:0;
}
#salle {
border:1px solid #CCC;
height:500px;
padding:0;
margin:0;
overflow:scroll;
position:relative;
width:650px;
}

.decor {}

.jukebox {margin:5px 0 0 0;padding:0;text-align:right;}

.spacer {
background-color:#666;
clear:both;
display:block;
height:1px;
visibility:hidden;
}

a img{border:0;}

table {background-color:#FFF;border-collapse:collapse;border-spacing:0px;font-size: 100%;margin:0;padding:0;}
table tr {border:0;margin:0;padding:0;}
table tr td {
border:0px solid black;
line-height:75%;
margin:0;
padding:0;
text-align:center;
vertical-align:top;
}
table td img {border:0;padding:0;margin:0;}
table td a {border:0;padding:0;margin:0;display:block;}
table td a.perso_trouve {border:3px solid red;}

#txtloader {
color:#00A0C6;
font-size:11pt;
margin-top:250px;
text-align:center;
}

#tooltip {
background-color: red;
border: none;
color: white;
display:none;
font-family: "Trebuchet MS", Helvetica, sans-serif;
min-height: 150px;
padding: 5px;
position:absolute;
text-align:left;
width: 200px;
}

#tooltip h1 {
font-family: "Georgia", "Times New Roman", serif;
font-size: 20px;
font-style: italic;
font-weight: bold;
margin:0;
padding:0;
}

#tooltip h2 {
font-family: "Trebuchet MS";
font-size: 14px;
margin:0;
padding:0;
}

#tooltip p {
font-family: "Trebuchet MS";
font-size: 11px;
}

#tooltip_arrow_left{
background:url(/img/tooltip/fleche_gauche.gif) top left no-repeat;
position: absolute;
left:-40px;
height:50px;
width:50px;
top:150px;
z-index:101;
}
.vide {
cursor:default;
margin:0;
padding:0;
}
a.classVide {
cursor:pointer;
margin:0;
padding:0;
}
a.classVide:hover{
background:url(/img/phantom.png) top center no-repeat;
}