body { width: 100%; background-color: #191919; font-family: Verdana; padding: 0px; margin: 0px; color: white; }
#zoneaffichee { margin-bottom: -3px; bottom: 0px; top: 0px; padding: 0px; }
a { color: #008eff; text-decoration: none; }
a:hover { color: #fff; text-decoration: none; }

img { border-style: none; border-width: 0px; }
form {
	margin: 0px;
	padding: 0px;
}

#bandeau_cadrage { padding: 0px; height: 40px; background-repeat: repeat-x; text-align: center; background-image: url(images/bandeau_fond2.gif); width: 100%; margin-right: auto; margin-left: auto; }
#bandeau { height: 40px; min-width: 800px; border-top-width: 1px; max-width: 1000px; text-align: center; margin-right: auto; margin-left: auto; }
#bandeau_logo { float: left; }
#bandeau_menu { margin-left: 20px; padding-top: 0px; height: 40px; float: left; margin-top: 1px; }
#bandeau_menu .onglet a { color: #999999; font-size: 14px; font-weight: bold; background-image: url(images/onglet.gif); margin-right: 5px; padding-top: 5px; padding-right: 15px; padding-left: 15px; height: 28px; float: left; min-height: 23px; max-height: 23px; margin-top: 10px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px 5px 0 0;}
#bandeau_menu .onglet_actif a { color: #007ee2; font-size: 16px; font-weight: bold; background-image: url(images/onglet_actif.gif); margin-top: 5px; margin-right: 5px; padding-top: 6px; padding-right: 15px; padding-left: 15px; height: 35px; float: left; min-height: 29px; max-height: 29px; -webkit-border-top-left-radius: 5px; -webkit-border-top-right-radius: 5px; -moz-border-radius: 5px 5px 0 0;}
#bandeau_menu .onglet a:hover { color: white; font-size: 16px; background-image: url(images/onglet_actif.gif); height: 32px; min-height: 28px; max-height: 28px; margin-top: 7px; padding-top: 4px; }
#bandeau_menu .onglet_actif a:hover {  }

#barre_navigation { margin-bottom: 20px; height: 50px; }
#barre_accueil { position: absolute; width: 50px; height: 50px; }
#barre_menu { padding-left: 40px; font-size: 12px; height: 50px;}
#barre_menu img {position: absolute; margin-top: -17px;}
#barre_menu ul { padding: 0px; margin: 0px; float: left; list-style-type: none; height: 50px; background-image: url(images/barre_navigation/milieu.gif); background-repeat: repeat-x; color: white; }
#barre_menu li { padding-right: 0px; padding-left: 0px; margin: 0px; padding-top: 17px; float: left; list-style-type: none; }
#barre_menu a { padding-bottom: 12px; padding-top: 8px; padding-right: 20px; padding-left: 30px; color: white; }
#barre_menu a:hover { color: #007ee2; }


#contenu { margin-top: 1px; text-align: center; width: 100%; }
#gauche { margin-top: -1px; float: left; width: 70%; text-align: center; overflow: auto; }
#droite { margin-top: -1px; text-align: left; float: right; width: 30%; }


#gauche .bloc_vignette { margin-top: 20px; text-align: center; display: inline-block; max-width: 720px; overflow: hidden; clear: both; }
#gauche .vignette { display: inline-block; color: #595959; font-size: 10px; font-weight: normal; line-height: 12px; text-align: center; width: 175px; height: 220px; vertical-align:text-top; }
#gauche .vignette_info { color: #d1d1d1; font-size: 11px; font-weight: bold; background-image: url(pix_gris.png); text-align: left; position: absolute; width: 178px; z-index: 10; visibility: hidden; max-width: 188px; margin-top: -5px; margin-right: 5px; margin-left: 5px; padding: 5px; border: solid 1px #2c2c2c; cursor: pointer; }
#gauche .vignette_info_detail a { color: #929292; font-size: 9px; font-weight: normal; position: absolute; height: 12px; margin-top: 75px; margin-left: 36px; padding-right: 2px; padding-left: 2px; background-image: url(pix_gris.png); letter-spacing: 0; z-index: 10; padding-top: 2px; cursor: help; }
#gauche .vignette_info_detail a:hover { color: #FFFFFF; }
#gauche .vignette img { width: 128px; height: 88px; border: solid 1px black; }
#gauche .vignette .image_masque { background-image: url(images/image_masque.png); position: absolute; width: 130px; height: 90px; z-index: 5; margin-left: 22px; border: 0 transparent; cursor: pointer; }
#gauche .vignette h1 { font-size: 12px; font-weight: bold; line-height: 15px; margin: 0; padding-top: 4px; padding-bottom: 4px; }
#gauche .vignette h2 { font-style: normal; font-weight: normal; color: #595959; font-size: 9px; line-height: 13px; display: inline; }
#gauche .vignette a:visited .image { z-index: 10; background-image: url(images/badge_vu.png); position: absolute; width: 20px; height: 20px; margin-top: 4px; margin-left: 27px; }


.bloc_vignette_emission { text-align: center; margin-top: 20px; display: inline-block; max-width: 700px; overflow: hidden}
.vignette_emission { display: inline-block; color: #595959; font-size: 10px; font-weight: normal; line-height: 12px; text-align: center; width: 96px; height: 110px; vertical-align:text-top; }
.vignette_emission img { width: 80px; height: 55px; border: solid 1px black; }
.vignette_emission .img_plus { width: 80px; height: 55px; border: solid 1px #191919; }
.vignette_emission .image_masque { background-image: url(images/image_masque.png); background-position: -22px -16px; position: absolute; width: 82px; height: 57px; z-index: 5; margin-left: 7px; border: 0 transparent; cursor: pointer; }
.vignette_emission h1 { font-size: 10px; font-weight: bold; line-height: 11px; margin: 0; padding-top: 4px; padding-bottom: 4px; }
.vignette_emission h2 { color: #595959; font-size: 9px; font-weight: bold; line-height: 9px; display: inline; }


#gauche .navigateur { padding-bottom: 30px; margin-top: -40px; display: block; width: 100%; max-width: 700px; }


#nav_page_numero { font-size: 28px;}
.inactif { color: #4c4c4c; }
.actif { color: white; }
.nav_page_texte { padding-right: 10px; padding-left: 10px; color: #333333; margin-top: 5px; font-size: 21px; }
.nav_page_texte a { font-weight: bold; color: #4c4c4c; }
.nav_page_texte a:hover { color: white; }



.ombre { -moz-box-shadow: 0px 0px 8px #000000; -webkit-box-shadow: 0px 0px 8px #000000; -khtml-box-shadow: 0px 0px 8px #000000; box-shadow: 0px 0px 8px #000000; }

#listechaine a { cursor:hand; }
#listechaine .chaine { display: block; min-height: 40px; border-left-style: solid; border-left-color: #333333; border-left-width: 1px; background-repeat: repeat-x; background-image: url(images/chaine_fond.gif); border-bottom-color: #333333; border-bottom-width: 1px; border-bottom-style: solid; }
#listechaine .chaine h1 { padding-left: 10px; padding-bottom: 10px; padding-right: 0px; padding-top: 10px; display: inline-block; width: 85%; margin: 0px; font-weight: bold; font-size: 16px; }
#listechaine .chaine h3 { padding-left: 0px; padding-bottom: 15px; padding-right: 0px; padding-top: 0px; text-align: right; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: -25px; width: 100%; color: #4c4c4c; font-size: 10px; }
#listechaine .emission h1 { padding-left: 25px; padding-bottom: 0px; padding-right: 0px; padding-top: 0px; display: inline-block; width: 85%; margin: 0px; font-weight: bold; font-size: 13px; }
#listechaine .puce { display: none; padding-left: 20px; font-weight: bold; font-size: 13px; }
#listechaine .emission h3 { font-style: normal; font-weight: normal; padding-left: 0px; padding-bottom: 10px; padding-right: 0px; padding-top: 0px; text-align: right; margin-left: 0px; margin-bottom: 0px; margin-right: 0px; margin-top: -15px; width: 100%; color: #4c4c4c; font-size: 10px; }
.retour { height: 1px; display: block; position: relative; clear: both; }
#redirection_appareil { text-align: center; margin: 0px; font-size: 16px; font-weight: bold; background-color: #4b4b4b; padding-top: 10px; padding-bottom: 10px; position: relative; width: 100%; border-bottom: 1px solid #6e6e6e; }

#video { width: 600px; margin-top: -10px; font-size: 12px; font-weight: normal; line-height: 14px; text-align: center; }
#video img { width: 298px; height: 204px; border: solid 1px #929292; }
#video .image { border-color: transparent; text-align: center; width: 300px; height: 206px; z-index: 0; cursor: pointer; }
#video .image_masque { text-align: center; position: absolute; background-image: url(images/image_masque_g.png); width: 300px; height: 206px; z-index: 5; border: 0 transparent; cursor: pointer; }
#video .texte { margin-right: 20px; margin-left: 20px; border-color: transparent; z-index: 0; cursor: pointer; }
#video h1 { font-size: 19px; font-weight: bold; line-height: 21px; margin: 0; padding-top: 10px; padding-bottom: 10px; }
#video h2 { color: #595959; font-size: 12px; font-weight: bold; line-height: 16px; display: inline; }


#signaler { width: 100%; text-align: center; visibility: hidden; display: none; }
#signaler label { text-align: center; color: #595959; font-size: 12px; font-weight: bold; line-height: 16px; margin-top: 5px; display: block; }
#signaler textarea { text-align: center; color: #595959; font-size: 12px; font-weight: bold; line-height: 16px; width: 260px; display: block; }
#signaler_merci { text-align: center; color: #fff; font-size: 18px; font-weight: bold; visibility: hidden; margin-top: 10px; display: none; }
.signaler_texte { font-size: 13px; }


#fond_description_cadrage {
	text-align: center;
	width: 100%;
}

#fond_description { margin-bottom: 20px; margin-top: 20px; color: #4c4c4c; font-style: italic; background-position: 0 20px; letter-spacing: 1px; text-align: justify; padding-right: 15px; top: 0; left: -10px; width: 868px; z-index: 1; max-width: 840px; margin-right: auto; margin-left: auto; padding-top: 5px; padding-left: 35px; }
#fond_description .texte { margin-left: 48px; letter-spacing: 1px; text-align: justify; font-style: italic; color: #4c4c4c; word-spacing: 3px; font-size: 14px; }
#fond_description .citation_debut { position: absolute; padding-right: 10px; margin-left: -10px; margin-top: -20px; display: inline; font-family: "Trebuchet MS"; font-size: 80px; font-weight: bold; }
#fond_description .citation_fin { margin-left: 792px; margin-top: -40px; text-align: right; position: absolute; font-family: "Trebuchet MS"; font-size: 80px; font-weight: bold; }

#fond_bas { padding-bottom: 10px; margin-top: 0px; background-color: #191919; clear: both; background-image: url(images/pied_fond.gif); background-repeat: repeat-x; width: 100%; z-index: 1; margin-right: auto; margin-left: auto; padding-top: 20px; }
.bas_titre { color: #bfbfbf; font-size: 11px; font-weight: bold; line-height: 25px; text-decoration: none; }
.bas_texte { line-height: 18px; color: #7f7f7f; font-size: 12px; font-weight: normal; text-decoration: none; }
.bas_texte p { margin: 0 0 3px; }
.bas_texte a { color: #7f7f7f; font-weight: normal; text-decoration: none; }
.bas_texte a:hover { color: #007ee2; }
#largeur { max-width: 950px; margin-left: 20px; margin-right: 20px; margin-top: 20px; }
#icone { display: inline-block; margin-bottom: 20px; margin-top: -20px; }
#icone .block { float: left; width: 60px; height: 60px; font-size: 10px; text-align: center; }
#texte { text-align: left; width: 950px; padding-right: 10px; padding-left: 10px; margin-right: auto; margin-left: auto; max-width: 930px; }





#barrehaut, #barrebas {
height: 43px;
width: 100%;
border-top: 1px;
border-top-style: solid;
border-bottom: 1px;
border-bottom-style: solid;
}

#barrehaut {
background: url(images/barrehaut_fond.png) repeat-x;
border-top-color: black;
border-bottom-color: #333333;
}

#barrehaut .gauche {
	text-align: left;
	float: left;
	display: inline-block;
	width: 70%;
}

#barrehaut .droite {
	height: 43px;
	display: inline-block;
	float: right;
	width: 30%;
}

#barrehaut .retour { display: inline-block; border-left-width: 14px; border-bottom-width: 0; border-right-width: 8px; border-top-width: 6px; color: #fff; font-size: 12px; font-weight: bold; line-height: 29px; text-decoration: none; left: 6px; right: auto; height: 29px; float: left; padding: 0; -webkit-border-image: url(images/barrehaut_boutongauche.png) 0 8 0 14; }
#barrehaut h1 {
    padding-right: 10px;
    padding-left: 10px;
    position: relative;
    display: block;
    text-align: center;
    margin-bottom: 0;
    margin-top: 10px;
    overflow: hidden;
    font-size: 17px;
    font-weight: bold;
    text-shadow: #7F7F7F 0px -1px 0;
    text-overflow: ellipsis;
    white-space: nowrap;
    color: #cccccc;
}

#barrehaut .recherche { text-align: center; padding-top: 9px; left: auto; width: 100%;}
#barrehaut input { padding-left: 25px; border-style: none; border-width: 0px; font-size: 13px; width: 95%; height: 25px; -webkit-box-shadow: 0px 0px 8px #000000; box-shadow: 0px 0px 8px #000000; -moz-border-radius: 12px; -webkit-border-radius: 12px; -khtml-border-radius: 12px; border-radius: 12px; border-radius: 12px; }
#barrehaut .recherche input {  background-repeat: no-repeat;  background-image: url(images/form_cherche.png);  }


#barrebas {
margin-top: -43px;
z-index: 0;
text-align: center;
background: url(images/barrebas_fond.png) repeat-x;
border-top-color: #191919;
border-bottom-color: black;
}

#icone img { margin-bottom: 5px; }
#icone .block a {
	color: #b3b3b3;
}

#icone .block a:hover {
	color: white;
}

#barrebas .liste_icone {
	display: inline-block;
	text-align: center;
	max-width: 600px;
}

#barrebas td {
	text-align: center;
}

#referencement { display: none; position: absolute; z-index: 999; }