@charset "iso-8859-1";
/* auteur: Philippe Henry */
/* Date de création: 19/09/2006 */

/* ELEMENTS GENERIQUES */

body{
font-family:arial,verdana,sans-seriff;font-size:12px;
text-align:center;
background:#333;}
p{margin:0;padding:0;/*position:relative;*/}
/*div{border:solid 1px red;}*/
h1{margin:0; margin-top:30px;  padding:0;position:relative;font-size:1.7em;font-style:oblique;color:#663;border-bottom:dotted 1px #ccc;}
h1 a{text-decoration:none;}
h2{/*position:relative;*/font-size:1.6em;}
h3{font-size:90%; margin:0; padding:0; font-size:1.5em; color:#f60;}
/*h4{font-size:2em;padding:30px 0 0 70px;margin:0;background:url("hog_images/outils/titre_motard.gif") no-repeat;height:57px;color:#069;}*/
h4{font-size:2em;padding:0 0 0 50px; margin:10px 0; width:100%; color:#f60; font-style:oblique; background:url(hog_images/outils/puce_flammes.gif) no-repeat 0 10px ;}
h5{margin:0; margin-top:15px; padding:0;position:relative;font-size:1.1em;color:#f60;}
/*img{border:solid 1px #666;margin-right:15px;}*/
.date{font-size:0.6em; color:black;}
cite{font-weight:bold;}
hr{color: #000; background-color: #000; border: 0; height:1px; width:75%;}

/* ELEMENTS SPECIFIQUES */

.nb{font-size:0.8em; font-style:oblique;}
#zone_index {position:absolute; width : 300px; height: 100px;}
#zone_hog {position:absolute; right:65px;top:30px;width : 50px; height: 50px;}
#conteneur{text-align:left; width:760px; margin: 10px auto;}
.sssss{font-size:0.85em;color:#666;font-weight:bold;}
#entete{position:relative; width:100%;height:111px; background:url(hog_images/entetes/entete_lyon_chapter_coul_hd.jpg) no-repeat; font-size:0.85em;}
/*#entete{position:relative; width:100%;height:111px; background:url(hog_images/entetes/entete_lyon_chapter.jpg) no-repeat; font-size:0.85em;}*/
#entete a{text-decoration:none;}
#entete a:hover{text-decoration:underline;}
#entete ul{margin:0; padding:0;}
#entete ul#navigation_haut, #entete ul#navigation_bas{list-style-type:none; position:absolute;}
#entete ul#navigation_haut{top:0px; right:20px; color:white;}
#entete ul#navigation_haut li, #entete ul#navigation_bas li{display:inline;}
#entete ul#navigation_haut a{color:white;}
#entete ul#navigation_bas a{color:#000; font-weight:bold;}
#entete ul#navigation_bas{top:85px; right:20px; color:#666}

#page{background:url(hog_images/entetes/fond_lyon_chapter.gif) repeat-y; }

#pied{background:url(hog_images/entetes/pied_lyon_chapter.gif) no-repeat;height:50px; font-size:0.7em; padding-top:15px; color:white; text-align:right;}
#pied a{color:white; text-decoration:none;}

#colonne_gauche, #colonne_centre, #colonne_centre_seule, #colonne_droite{float:left;}
#colonne_gauche{width:150px; /*height:500px;*/}
#colonne_gauche p{margin:0 0 0 10px; font-size:0.85em;}
#colonne_gauche ul{list-style-type:none; margin-left:20px; padding:0;}
#colonne_gauche li a{background:url(hog_images/picto_fleche.gif) no-repeat 0 -19px; margin:5px 0;}
#colonne_gauche li a.vert{background:url(hog_images/picto_fleche.gif) no-repeat; background-position:0 -39px;}
#colonne_gauche li a:hover{background:url(hog_images/picto_fleche.gif) no-repeat; background-position:0 -99px;}
#colonne_gauche li a.noir{background:url(hog_images/picto_fleche.gif) no-repeat; background-position:0 -99px;}
#colonne_gauche a{color:#666;font-size:0.85em;text-decoration:none;padding-left:20px;}
#colonne_gauche a:hover{text-decoration:underline;}
#colonne_gauche ul#rubrique{margin-top:30px;}
#colonne_gauche ul#rubrique li{background:url(hog_images/picto_fleche.gif) no-repeat 0 -36px;}

#colonne_centre{width:340px; margin:0;}
#colonne_centre p{margin:10px 0; padding:0; width:330px;}

#colonne_centre_seule{width:600px;}
#colonne_centre_seule p{margin:10px 75px 10px 50px; padding:0;}

.encadre{border:solid 1px black; margin:5px 0; padding:10px; text-align:center; background:#fc3;}
.encadre h2{margin:0; font-size:1.5em;}

#colonne_centre li, #colonne_centre_seule li{list-style-type:square;}

#colonne_droite{margin-left:10px; width:225px; position:relative;}
#colonne_droite div{background:url(hog_images/outils/fond_rayures.gif); padding:0; border:solid 1px #ccc; margin:10px 0;}
#colonne_droite p{margin:10px; font-size:0.9em; text-align:justify;}
#colonne_droite h1{margin:20px 10px 5px 10px; padding:0; border:none; display:block; font-size:1.2em;}
#colonne_droite img{border:none; margin:0px;}

ul#sorties {margin:10px 30px 30px 30px;}
li#sorties {margin-bottom:0px;}
.droite{position:absolute; right:-260px; top:auto; margin:0; padding:0; border:solid 1px; width:225px;}
span img{margin:5px; float:left;}
.haut{position:absolute; left:-80px;}
.haut a{background:url(hog_images/haut.gif) no-repeat; width:10px; height:10px; display:block;}

/* Trombinoscope */
.mail{display:block; width:28px; height:17px; background:url(hog_images/picto_mail.gif) no-repeat;}
dl{float:left; position:relative; width:175px;height:230px; margin:0 25px 25px 0; padding:0; border-right:solid 1px #ccc;}
dl#perrot{background:url(hog_images/staff/perrot.jpg) no-repeat;}
dl#mallet{background:url(hog_images/staff/mallet.jpg) no-repeat;}
dl#vuillermet{background:url(hog_images/staff/vuillermet.jpg) no-repeat;}
dl#merle{background:url(hog_images/staff/merle.jpg) no-repeat;}
dl#houel{background:url(hog_images/staff/houel.jpg) no-repeat;}
dl#nvallier{background:url(hog_images/staff/n_vallier.jpg) no-repeat;}
dl#bouchardon{background:url(hog_images/staff/bouchardon.jpg) no-repeat;}
dl#bernard{background:url(hog_images/staff/bernard.jpg) no-repeat;}
dl#people{background:url(hog_images/staff/people.jpg) no-repeat;}
dl#paret{background:url(hog_images/staff/paret.jpg) no-repeat;}
dl#valledor{background:url(hog_images/staff/valledor.jpg) no-repeat;}
dl#griffond{background:url(hog_images/staff/griffond.jpg) no-repeat;}
dl#guillard{background:url(hog_images/staff/guillard.jpg) no-repeat;}
dl#cguillard{background:url(hog_images/staff/cguillard.jpg) no-repeat;}
dl#imanente{background:url(hog_images/staff/imanente.jpg) no-repeat;}
dl#fmanente{background:url(hog_images/staff/fmanente.jpg) no-repeat;}
dl#mbayot{background:url(hog_images/staff/mbayot.jpg) no-repeat;}
dl#aturrel{background:url(hog_images/staff/aturrel.jpg) no-repeat;}
dl#lcartier{background:url(hog_images/staff/lcartier.jpg) no-repeat;}
dl#vallier{background:url(hog_images/staff/vallier.jpg) no-repeat;}
dl#zaragoza{background:url(hog_images/staff/zaragoza.jpg) no-repeat;}
dl#dauvergne{background:url(hog_images/staff/dauvergne.jpg) no-repeat;}
dl#bazille{background:url(hog_images/staff/bazille.jpg) no-repeat;}
dl#berry{background:url(hog_images/staff/berry.jpg) no-repeat;}
dl#buhagiar{background:url(hog_images/staff/buhagiar.jpg) no-repeat;}
dl#sorret{background:url(hog_images/staff/sorret.jpg) no-repeat;}
dl#p_bonnafous{background:url(hog_images/staff/p_bonnafous.jpg) no-repeat;}
dl#lafont{background:url(hog_images/staff/lafont.jpg) no-repeat;}
dl#durin{background:url(hog_images/staff/durin.jpg) no-repeat;}
dl#teraillon{background:url(hog_images/staff/teraillon.jpg) no-repeat;}
dl#stechenko{background:url(hog_images/staff/stechenko.jpg) no-repeat;}
dl#henry{background:url(hog_images/staff/henry.jpg) no-repeat;}
dt{position:relative; top:150px; left:5px; font-size:0.8em; font-weight:bold;}
dt{font-size:0.9em;color:#036;}
dd{width:150px; position:relative; top:155px;left:-35px; font-size:0.9em;}
.sans_bordure{border:none;margin-right:0;}

/* Images actus */
div.actus_avec_image{margin-left:160px; margin-bottom:50px; border-bottom:solid 1px #ccc;}
div.actus_avec_image img{border:none; float:left; margin:-25px 15px 15px -160px; padding:0; border:solid 1px #666;}

/* GOOGLE Map */
#google_map{float:right; width:100%; height:400px; border:solid 1px #666;}
#google_map_photo{float:right; width:100%; height:200px; border:solid 1px #666;}

/* Vidéos */
div.videos dl{position:relative; width:600px; height:240px; margin:0 0 10px 0; padding:0; border-bottom:solid 1px #ccc;}
div.videos dt{float:left; top:0; left:0; width:300px; margin:0; padding:0;}
div.videos dd{float:right; top:0; left:0; width:280px; margin:0; padding:0; margin-right:10px;}
div.videos dd h1{font-size:1.2em; margin:0;}

/* SLIDE */
#imageflow{
float:right;
height:200px;
width:600px;
text-align:left;
}
#imageflow #images img { 
position:absolute; 
top:0px;
border:solid 1px #ccc;
}
#imageflow .clear{
clear:both;
}
#imageflow #images{
visibility:hidden;
}
#imageflow #loading{
margin-top:50px;
text-align:center;
width:100%;
}
#imageflow #loading img{
margin-top:100px;
position:relative; 
}
#imageflow #captions{
color:#000; /* couleur du commentaire */
font-weight:bold;
font-size:110%;
position:relative; 
padding-top:170px; /* hauteur du commentaire */
text-align:center;
z-index:5;
}

/* Charte inscriptions */
#charte_inscriptions{background:#663; color:#fc3; height:100px; overflow:auto; padding:10px; border:solid 1px #666;}
#charte_inscriptions p{width:90%;}
#charte_inscriptions  a{color:yellow;}