/*
	la géométrie des interfaces génériques
	Normalement pas de couleur ici, sauf exceptionnellement 
*/
* {margin:0;padding:0;} /* chaque navigateur à sa propre gestion des margin et padding par defaut qu'il convient de remettre à zero si l'on veut unifier la présentation */
DIV{-moz-box-sizing:border-box;box-sizing:border-box;margin:0;padding:0;}
HTML, BODY { height: 100%; width:100%; }
BODY { position: relative; background: fixed 100% 0px; background-position:left; text-align:center; overflow-y:auto;}
BODY, P, A, TABLE, TR, TD, TH, DIV { font: 13px arial, sans-serif }
P  { margin: 6px 4px 3px 4px }
H1 { margin: 18px 0px 6px 0px; font-weight: bold; font-size: 20px; border-bottom: 1px solid }
H2 { margin: 12px 0px 6px 0px; font-weight: bold; font-size: 16px }
H3 { margin: 12px 0px 3px 0px; font-weight: bold; font-size: 14px }
A:link, A:visited, A:active, A:hover { font-weight: bold; text-decoration: none }
/* Gui : essai puce orangé car on dit que le site est froid avec le bleu
ATTENTION PHI padding-left est important pour firefox qui par défaut est à plus de 10px
margin: haut droite bas gauche */
UL { margin: 3px 4px 6px 12px; padding-left:0px; vertical-align:text-bottom; list-style: disc outside url('/images/interface/puce_orange_ronde.gif'); } /* essayer aussi menu_puce_orange_gauche.gif */
LI { margin: 3px 4px 3px 18px; padding-left:0px; } 
/*IMG { vertical-align:middle; } Pas en global ! A voir pourquoi j'avais fait ça et le mettre au bon endroit*/
/* .commentaire : traits de 2 px en haut et en bas TROP GROS, trouver autre solution (un fond très légèrement transparent sans bordure ?... */
P.commentaire { margin: 3px 6px 3px 6px; padding: 6px 0px 6px 25px; border-width: 2px 0px 2px 0px; border-style:solid; background: transparent url(/images/quote.gif) no-repeat 0 6px; font-weight: bold; font-size: 11px; }

/* LES FORMULAIRES */
/* firefox (et ie7?) :
INPUT, INPUT[type="file"], INPUT[type="password"], INPUT[type="reset"], INPUT[type="submit"], INPUT[type="text"] {...}
INPUT[type="checkbox"], INPUT[type="hidden"], INPUT[type="radio"] { background-color:transparent; border:none; }
==> mais pas le pauvre IE 6- 
/!\ transparent pour ie et inherit pour navigateurs de mozilla */
INPUT, TEXTAREA, SELECT, OPTION { font: 11px arial, sans-serif; }
/*
 background-color: transparent }
 //*/
/*
INPUT[class], TEXTAREA[class], SELECT[class] { background-color:inherit; color:inherit }
//*/
INPUT { padding: 0px 5px 0px 5px; border:1px solid; height:18px; vertical-align:middle }
TEXTAREA { padding: 0px 5px 0px 5px; border:1px solid; line-height: 16px }
SELECT { margin: 0px 0px 0px 5px; height:16px; vertical-align:middle; border-width:0px }
OPTION { height:15px; vertical-align:middle }
.nostyle, .radio, .checkbox { border:none }


/* item de menu pour plan */
.tree_menu_item { font-size:13px; font-weight:bold }

/* RUBRIQUE CONTACT (feuille contact.css pour 3 lignes ? */
.contact INPUT, .contact TEXTAREA { width:400px }
.contact TEXTAREA { height:150px }
.contact TD { padding: 5px 15px 0px 0px }

/* curseurs de souris */
.help, #help { cursor:help }

/* sous-menu frame js */
.submenu{border: solid 1px;height: auto;} /* cadre global */
.item1{border:0;margin: 0px;width: 100%;cursor: default;} /* td normal */
.item2{border:0;margin: 0px;width: 100%;cursor: default;} /* td over */
.text1{font: bold 12px Arial;text-indent: 2px;padding: 3px 8px 3px 5px;width:100%;} /* font normal */
.text2{font: bold 12px Arial;text-indent: 2px;padding: 3px 8px 3px 5px;width:100%;} /* font over */

/* Css de l'info bulle javascript du Gui ;) */
.hlpBub,.hlpBubTopLft,.hlpBubTopRgt,.hlpBubBtmLft,.hlpBubBtmRgt { left:0px; top:0px; z-index:100; width:300px }
.hlpBubTopRgt .hlpBubN,.hlpBubBtmLft .hlpBubN,.hlpBubTopLft .hlpBubN,.hlpBubBtmRgt .hlpBubS { background-color:transparent;height:10px; }
.hlpBubN, .hlpBubS, .hlpBubW, .hlpBubE { background-color:transparent }
.hlpBubNW,.hlpBubNE,.hlpBubTopRgt .hlpBubNE,.hlpBubBtmLft .hlpBubNE { background-color:transparent;background-repeat:no-repeat;background-position:bottom;height:10px;width:10px; }
.hlpBubSW { background-color:transparent;background-repeat:no-repeat;background-position:top;height:10px;width:10px; }
.hlpBubSE { background-color:transparent;background-repeat:no-repeat;height:10px;width:10px; }
.hlpBub .hlpBubSW,.hlpBubTopLft .hlpBubSW,.hlpBubTopRgt .hlpBubSE, .hlpBubBtmLft .hlpBubNW,.hlpBubBtmRgt .hlpBubNE{ background-color:transparent;background-repeat:no-repeat;height:20px;width:10px; }
.hlpBubTopLft .hlpBubNSpacer,.hlpBubBtmLft .hlpBubSSpacer,.hlpBubBtmRgt .hlpBubNSpacer, .hlpBubTopLft .hlpBubSSpacer,.hlpBubBtmLft .hlpBubNSpacer,.hlpBubTopRgt .hlpBubSSpacer { height:10px; }

/* ajout de Lionel */
a img { border: none; }
.alert { overflow:hidden; }
.alert h3 { text-align:center; font-style: italic; }

.menuAdmin { margin:auto; }
.menuAdmin table { width:100%; }
.menuAdmin td { width:10%; border: 1px solid; text-align:center; font-size:0.9em; }
.menuAdmin td a { font-size:1em; }
.tree table { margin:0 auto 0 auto; }
.tree td { border-bottom: 1px solid; border-left: 1px solid; width: 170px; text-align:left; font-size:0.8em; }
.tree .TDadmin { border: 1px inset; width: 185px; height:28px;  }
.tree .imgAdmin { height: 15px; width:15px; float:right; }

.siteCree {position:absolute; margin-top:16px; margin-left:43%; float:left; font-weight:bold; }
.siteCree p { text-align:left; font-weight:bold; }

#distance { 	width:1px; height:50%; margin-bottom: -300px; float:left; }

/* Style du conteneur */
#conteneur { width: 990px; height: 600px; margin: 0 auto 0 auto; position:relative; clear:left; text-align:left; }

/* Style du titre (en-tête) */
#title { width:990px; height:60px; text-align: center; }
		
/* Style du menu */
#conteneurmenu { float: left; width:120px; height: 492px; vertical-align:top; }
#conteneurmenu #search { width: 100%; }
#conteneurmenu #search table { width: 100%; }
#conteneurmenu #search tr { width: 100%; }
#conteneurmenu #search td { width: 100%; }

/* Style du plan du site */
#plan { padding-left:20px; padding-top:20px; }
#plan td { border-bottom: 1px solid; border-left: 1px solid; width: 220px; text-align:center; }

/* Style du fil d'ariane */
#path { margin:0; float:left; margin-left: 120px; height: 16px; width: 600px; vertical-align:top; }

/* Style du bloc 'Dans cette catégorie :' */
#links { float:right; right:0px; width: 200px; margin-right:0; padding:0; border:6px solid; vertical-align:top; position:relative; z-index:4;}
#links ul {list-style-type:disc;}
#links ul li {margin:0 0 0 2px; padding:0;}
#links ul li a {  font-size:0.9em; font-weight:none;}

/* Style du bloc principal */
#TDcontent { height:508px; width: 870px; position:relative; z-index:1; }
#content { overflow:auto; width: 870px; height: 508px; margin:0; padding:0 0 0 5px; z-index:1; position:relative; }

/*player tv */
#mp1 { position:relative;z-index:9;  }

/* Style du pied de page */
#footer { height:16px; margin:0; padding:0; border:0; width:990px;}
#footer .left { margin-left: 120px; float:left; vertical-align:top; }
#footer .right { float: right; vertical-align:top; }