@charset "iso-8859-1";
html{background:#666;}
body, ul, li, a, p, h1, h2, h3, blockquote, dl, dt, dd, div{margin:0; padding:0;}
body{behavior:url(csshover.htc); position:relative; font:80%/1.3 "Trebuchet MS", "Lucide Grande", "Lucida Sans Unicode", Verdana, sans-seriff; width:960px; margin:10px auto 0 auto; background:none;}
/* Eléments génériques */
b{font-weight:bold;}
a{color:black; text-decoration:none;}
ul{list-style:none;}
strong{display:inline; font-weight:bold; margin-bottom:150px;}
#page_index{background:white; padding-top:10px;}
#page{background:url(/images/fd_pointilles.gif) white repeat-y 200px 0; padding-top:10px;}
/* Cadres positionnement */
#gauche, #centre{position:relative; float:left;}
#droite{float:right;}
#droite_int{float:right;width:670px;}
#droite_int p{margin:20px 100px 0 0;}
#gauche{width:520px;}
#gauche_int{float:left; width:200px; text-align:center;}
#centre{width:60px; height:650px; margin-left:15px; overflow:hidden; /*background:url(/images/logo.gif) 10px 0 repeat-y;*/}
#droite{width:350px;}
#droite p, #droite cite{margin:10px;}
cite{display:block;}
/* Cadre "avantages" */
ul#avantages{width:520px; height:168px; background:url(/images/avantages.gif) 3px 0 no-repeat; margin-top:5px;}
ul#avantages li{display:none;}
/* Boutons index */
a#inscription{display:block; text-indent:-3000px; background:url(/images/inscription.gif) no-repeat; width:342px; height:46px; margin-bottom:20px;}
a:hover#inscription{background:url(/images/inscription_hover.gif);}
/* Titres */
h1#outil_indispensable{width:350px; height:50px; margin:5px 0; background:url(/images/titres/outil_indispensable.gif); text-indent:-3000px;}
h1#societe{width:500px; height:50px; margin:50px 0px 20px 0px; background:url(/images/titres/societe.gif) -5px 0 no-repeat; text-indent:-3000px;}
h1#cgv{width:500px; height:50px; margin:50px 0px 20px 0px; background:url(/images/titres/cgv.gif) -5px 0 no-repeat; text-indent:-3000px;}
h1#contact{width:500px; height:50px; margin:50px 0px 20px 0px; background:url(/images/titres/contact.gif) -5px 0 no-repeat; text-indent:-3000px;}
h1#inscription{width:500px; height:50px; margin:50px 0px 20px 0px; background:url(/images/titres/inscription.gif) -5px 0 no-repeat; text-indent:-3000px;}
h1#inf_legales{width:500px; height:50px; margin:50px 0px 20px 0px; background:url(/images/titres/inf_legales.gif) -5px 0 no-repeat; text-indent:-3000px;}
h2{font-size:1.2em; margin:20px 0;}
/* Actus défilantes */
dl#partenaires{background:url(/images/bas_partenaires.gif) bottom left no-repeat; padding-bottom: 15px;}
dl#partenaires dt{background:url(/images/titres/partenaires.gif) top left no-repeat; height:48px; text-indent:-3000px;}
dl#partenaires dd{background:url(/images/fd_partenaires.gif) top left repeat-y; height:270px;}
dl#partenaires dd iframe{margin:0px 0px 0 5px; background-color: transparent; height:100%; width:95%;}
/* Entête */
div#entete{height:115px; position:relative; background:black;}
a#logo{position:absolute; left:0px; top:0px; background:url(/images/logo_tykomp.gif) -1px -1px no-repeat; width:342px; height:92px; text-indent:-3000px;}
a#contact{position:absolute; right:10px; top:10px; background:url(/images/contact.gif); width:218px; height:63px;}
h1#baseline{position:absolute; top:20%; left:370px; background:url(/images/baseline.gif) no-repeat; text-indent:-3000px; width:350px; height:70px; z-index:200;}
/* Pied page */
div#pied{position:relative; background:white; height:25px; padding-top:5px;}
/* Navigation */
ul#nav_ht{position:absolute; left:0; bottom:0;}
ul#nav_ht li{float:left; border-right:solid 1px white; }
ul#nav_ht li:hover{background-color:white; }
ul#nav_ht li a{display:block; color:white; padding:2px 10px 2px 10px;text-align:center;}
ul#nav_ht li a:hover{color:black;}
/*
ul#nav_ht{position:absolute; left:0; bottom:0;}
ul#nav_ht li{float:left;background:url(/images/navigation/nav_ht_off.gif) no-repeat;}
ul#nav_ht li a{display:block; width:77px; height:22px; text-align:center; color:white; padding-top:2px;;}
ul#nav_ht li a:hover{background:white; color:black;}
ul#nav_ht li a#nav_ht_favoris{width:135px;background:url(/images/navigation/nav_ht_off.gif") no-repeat scroll 60px 0px transparent}
ul#nav_ht li a#nav_ht_favoris:hover{background:white; color:black;}
*/
ul#nav_pied{position:absolute; left:25px;}
ul#nav_pied li{float:left;}
ul#nav_pied li a{border-right:solid 1px #777; margin-right:10px; padding-right:10px; font-weight:bold; font-size:0.7em; color:#777;}
ul#nav_pied li a:hover{color:black;}
form#identification{position:absolute; bottom:5px; right:10px; }
form#identification label, form#identification input{float:left;}
form#identification label{color:white;}
form#identification input{font-size:0.8em; margin:0 5px;}
form#identification input[type="submit"]{ color:white; background:#f60; border:1px solid #fff; font-weight:bold; cursor:pointer;}
/* Formulaire contact */
form#contact{}
form#contact label{display:inline; float:left; width:150px; font-size:0.9em; text-align:right; font-weight:bold; margin-right:10px; padding-top:5px;}
form#contact h3{color:#f60; font-size:0.8em;}
form#contact .obli{color:#f60;}
form#contact input, form#contact textarea, form#contact select{margin:3px; background-color:#f1f1f1;}
form#contact label.titre{font-size:14px;width:200px;text-decoration: underline; text-align:left; margin-left:0px;}