/***** Corps *****/
html, body{border:0;margin:0;padding:0;}
body{font: 100%/1.25 arial, helvetica, sans-serif;background: #fff ;} /*url(../images/background.png) repeat-x*/
/***** Taille du site *****/
#wrap{width:960px;margin:0 auto;}
/***** Basiques *****/
h1, h2, h3, h4, h5, h6{margin:0;padding:0;font-weight:normal;}
h1#banniere{height:115px;background:url(../images/banniere-bgdroite-initiatives.gif) top right no-repeat;}
h1#banniere a{float:left;height:109px;}
h2{font: 1.0em arial, helvetica, sans-serif;font-weight: bold;color: #fff;}
h3{font: 1.3em arial, helvetica, sans-serif;font-weight: bold;}
p{margin: 2px 0 6px 0;padding: 0;}
ul, ol{margin: 0;padding: 0;list-style: none;padding: 0;}
blockquote{margin: 22px 40px;padding: 0;}
small{font-size: 0.85em;}
img{border:0;}
sup{position: relative;bottom: 0.3em;vertical-align: baseline;}
sub{position: relative;bottom: -0.2em;vertical-align: baseline;}
acronym, abbr{cursor: help;letter-spacing: 1px;border-bottom: 1px dashed;}
/***** Liens *****/
a{text-decoration:none;color:#f7931e;}
a:hover, a:focus{text-decoration:underline;}
li a:hover, li a:focus{text-decoration:none;}
/***** Formulaires *****/
form{margin: 0;padding: 0;}
form p{margin:0;padding:0;}
label{cursor:pointer;margin:0;padding:0;}
input, select, textarea{font:1em arial, helvetica, sans-serif;margin:0;padding:0;}
textarea{line-height: 1.25;}
/***** Inscription *****/
p.aligne, p.aligneLong{color:#687078;margin: 0 0 6px 0;clear:both;}
p.petit{margin: 20px 0 10px 0;font-size: 0.9em;}
p.aligne label, p.aligneLong label{
color: #687078;
font-size: 0.9em;
font-weight: bold;
float: left;
display: block;
width: 190px;
margin: 0 0 0 30px;
padding: 2px 10px 0 0;
}
p.aligneLong label{float:right;width:490px;margin:0;padding:2px 0 0 0;}
p.aligne input, p.aligne select, p.aligneLong input, p.aligneLong select{padding-left: 10px;margin: 0;padding: 0;}
p.aligneLong input, p.aligneLong select{margin-left:30px;}
/***** Tables *****/
table{border:0;margin:0;padding:0;border-collapse: collapse;border-spacing:0;}
td{padding:0;}
/***** Squelette *****/
#header{font: 0.7em "Trebuchet MS", arial, helvetica, sans-serif;color: #fff;text-align: right;margin-top:0px;}
#header a{text-decoration: none;color: #fff;}
#header a:hover, #header a:focus{text-decoration:underline;}
#partieGauche{width:737px;}
ul#menu{float: left;width:737px;color:#fff;background:#a9afb4;font-size:0.7em;font-weight:bold;text-transform:uppercase;}
ul#menu a{color:#fff;}
ul#menu li{float:left;list-style-type:none;min-width: 107px; /* IE6 */}
ul#menu li a, ul#menu li.menuOn a{
display: block;
padding-top: 6px;
min-height: 23px; /* IE6 */
min-width: 107px; /* IE6 */
line-height: 23px;
color: #fff;
text-decoration: none;
text-align: center;
}
#menu1On{ background: url(../images/background-menu-rose.png) no-repeat -194px 0; width:107px;}
#menu2On{ background: url(../images/background-menu-vert.png) no-repeat -194px 0;width:127px;}
#menu3On{ background: url(../images/background-menu-bleu.png) no-repeat -194px 0; width:167px;}
#menu4On{ background: url(../images/background-menu-jaune.png) no-repeat -194px 0; width:107px;color:#A9AFB4;}
#menu5On{ background: url(../images/background-menu-orange.png) no-repeat -194px 0; width:107px;}
#menu6On{ background: url(../images/background-menu-violet.png) no-repeat -194px 0; width:107px;}
#menu7On{ background: url(../images/background-menu-gris.png) no-repeat -194px 0; width:107px;}
#menu1 a{ background: url(../images/background-menu-rose.png) no-repeat 0 0;width:107px;}
#menu2 a{ background: url(../images/background-menu-vert.png) no-repeat 0 0;width:127px;}
#menu3 a{ background: url(../images/background-menu-bleu.png) no-repeat 0 0;width:167px;}
#menu4 a{ background: url(../images/background-menu-jaune.png) no-repeat 0 0;width:107px;}
#menu5 a{ background: url(../images/background-menu-orange.png) no-repeat 0 0;width:107px;}
#menu6 a{ background: url(../images/background-menu-violet.png) no-repeat 0 0;width:107px;}
#menu7 a{ background: url(../images/background-menu-gris.png) no-repeat 0 0;width:107px;}
#menu1 a:hover, #menu1 a:focus{ background: #f02d92 url(../images/background-menu-rose.png) no-repeat -194px 0; }
#menu2 a:hover, #menu2 a:focus{ background: #9eeb30 url(../images/background-menu-vert.png) no-repeat -194px 0;}
#menu3 a:hover, #menu3 a:focus{ background: #00b0e1 url(../images/background-menu-bleu.png) no-repeat -194px 0; }
#menu4 a:hover, #menu4 a:focus{ background: #ffff00 url(../images/background-menu-jaune.png) no-repeat -194px 0; color: #A9AFB4; }
#menu5 a:hover, #menu5 a:focus{ background: #ff7f00 url(../images/background-menu-orange.png) no-repeat -194px 0; }
#menu6 a:hover, #menu6 a:focus{ background: #b838d8 url(../images/background-menu-violet.png) no-repeat -194px 0; }
#menu7 a:hover, #menu7 a:focus{ background: #c8ced4 url(../images/background-menu-gris.png) no-repeat -194px 0; }
#precontenu{
clear: both;
min-height: 21px; /* IE6 */
background: #fff url(../images/background-preconteneur.png) repeat-x top left;
font-size: 0.8em;
color: #555a62;
padding: 20px 30px 10px 30px;
}
#precontenu h1{
font: 1.3em arial, helvetica, sans-serif;
padding: 0 0 0 25px;
margin: 5px 0 0 100px;
font-weight: bold;
}
#date, #actuel{margin-left:8px;}
#actuel{color: #f02d92;}
#conteneur, #fullConteneur, #semiConteneur, #semiConteneurOrange{
color: #555a62;
background: #fff url(../images/background-conteneur.png) no-repeat top right;
font-size: 0.8em;
min-height: 200px; /* IE6 */
clear: both;
}
#conteneur{padding: 10px 30px 20px 30px;}
#fullConteneur{padding: 10px 0 20px 0;}
/* LECTEUR PAGE ACCUEIL */
#lecteur_home{width: 675px;height:335px;margin-top:4px;background: url(../images/a-antenne-fond.gif) no-repeat;}
#options_home{padding-top: 70px;margin-left: 30px;width: 220px;float:left;}
#ecran_home{float: left;width: 373px;height: 325px;padding: 3px 0 0 19px;}
#resume_home{width: 220px;height:218px;border-bottom: 1px solid #d4d4d4;margin-bottom:5px;}
#resume_home h3{color: #f02d92;padding: 3px 0 3px 0;border-bottom:1px solid #d4d4d4;}
#resume_home h3 a{color: #f02d92;}
#resume_home p{padding: 6px 10px 2px 0;font-size: 11px;margin: 0;}
/* FIN : LECTEUR PAGE ACCUEIL */
#lecteur{width:675px;margin-top:4px;}
#lecteur h2{text-transform: uppercase;color: #000;width: 660px;height: 25px;padding: 0;}
#mainLecteur{
background: url(../images/background-lecteur.png) no-repeat;
border-right: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
min-height: 322px; /* IE6 */ /*337*/
}
#ecran{float: left;width:365px;height:316px;padding: 6px 0 0 19px;}
#ecran1{float: left;width: 365px;height: 316px;padding: 10px 20px 15px 30px;padding-left:65px;}
#options{padding-top: 6px;margin-left: 403px;width: 255px;}
#choixVideo{width: 255px;height: 188px;border: 1px solid #d4d4d4;margin-bottom: 10px;overflow: scroll;}
#choixVideo li{clear:left;height:34px;}
li.choixVideo1, li.choixVideo1 a{background: #fff;}
li.choixVideo2, li.choixVideo2 a{background: #dedede;}
#choixVideo li a{
display: block;
height: 34px;
color: #555A62;
width: 237px; /* IE6 */
}
#choixVideo li.choixVideo3, #choixVideo li.choixVideo3 a{color: #fff;background: #f02d92;}
#choixVideo li:hover{clear: left;height: 34px;background: #fca9de;}
#choixVideo li a:hover{background: #fca9de;}
#choixVideo li.choixVideo3:hover, #choixVideo li.choixVideo3 a:hover{color: #fff;background: #f02d92;}
li span.nomVideo{float: left;display: block;width: 225px;padding-left: 10px;cursor: pointer;}
li span.dureeVideo{display: block;padding: 9px 0 0 190px;}
#resume{
width: 257px;
margin-bottom: 8px;
border-bottom: 1px solid #d4d4d4;
}
#resume h3{
color: #fff;
background: #f02d92;
padding: 3px 0 3px 10px;
border-top: 1px solid #d4d4d4;
border-right: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
}
#resume h4{
background: #FCA9DE;
font-size: 1.2em;
padding: 3px 0 3px 10px;
border-right: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
}
#resume p{
background: #FCA9DE;
padding: 3px 10px 3px 10px;
border-right: 1px solid #d4d4d4;
border-left: 1px solid #d4d4d4;
font-size: 0.9em;
margin: 0;
}
#bottomLecteur{clear: left;width: 675px;height: 10px;background: url(../images/background-lecteur-bottom.png) no-repeat;}
/***** Actualites et agenda - homepage *****/
#actualites{width:313px;margin:4px 20px 0 0;}
#actualites h2{float:left;font-size:1.3em;height:32px; width:303px;background:url(../images/bg-actualites-home.jpg) no-repeat;padding:6px 0 0 10px;color:#434343;margin-bottom:5px;}
#actualites div.pictoRss{float:right;margin-right:6px;}
#actualites ul{padding:0;margin:0;}
#actualites li{height:38px;}
li.choixActu1{background:#fff;}
li.choixActu2{background:#f2c9fa;}
#choixActu li a{display:block;height:34px;color:#555A62;padding:3px;}
#choixActu li a:hover, #choixActu li a:focus{background:#d5d5d5;}
#dossiers{width:313px;margin:4px 0 0 0;border-left:1px dotted #000;padding-left:20px;}
#dossiers h2{float:left;font-size:1.3em;height:32px; width:303px;background:url(../images/bg-agenda-home.jpg) no-repeat;padding:6px 0 0 10px;color:#434343;margin-bottom:5px;}
#dossiers div.pictoRss{float:right;margin-right:6px;}
#dossiers ul{padding:0;margin:0;}
#dossiers li{height:38px;}
li.choixDossier1{background: #fff;}
li.choixDossier2{background: #fbf8a7;}
#choixDossier li a{display: block;height:34px;color:#555A62;padding:3px;}
#choixDossier li a:hover, #choixDossier li a:focus{background:#d5d5d5;}
/***** Menu Droite *****/
#partieDroite{width:247px;background:#fff url(../images/background-marecherche.gif) no-repeat;}
#recherche{margin-top:46px;margin-bottom:40px;width:247px;padding:3px 0 0 0;}
#recherche input#search{width:170px;height:17px;padding:5px 2px 2px 4px;margin:10px 0 0 16px;color:#000;border:0;cursor:text;font-size:12px;}
#recherche input#query{width:170px;height:17px;padding:5px 2px 2px 4px;margin:10px 0 0 16px;color:#000;border:0;cursor:text;font-size:12px;}
#recherche input#searchOk{margin: 7px 0 4px 8px;}
/***** Affichage suggestions Recherche *****/
#recherche .SuggestFramework_List{border: 1px solid #CCCCCC;border-top: 0;margin-left:15px;font-size:10px; font-family:Verdana, Arial, Helvetica, sans-serif;}
#recherche .SuggestFramework_Heading{padding: 0 1px 0 1px;background-color:#ccc;color:#fff;font-weight:bold;}
#recherche .SuggestFramework_Highlighted{padding: 0 1px 0 1px;background-color: Highlight;color: HighlightText;}
#recherche .SuggestFramework_Normal{padding: 0 1px 0 1px;background-color: #ffeac9;color:#000000;}
#recherche .SuggestFramework_Combo{width:100%;margin:0;padding:0;}
#pub{width: 213px;margin: 10px auto;}
#lesvideos{margin-left:17px;}
#lesoffresemploi{margin-left:17px;}
#adsense{margin-left:23px;}
#emissions{margin: 10px auto;width: 213px;color: #fff;background: #f7931e url(../images/emissions-foot.png) no-repeat left bottom;}
#emissions img{display: block;}
#emissions ul{background: url(../images/emissions-head.png) repeat-x;padding: 6px 0 6px 0;text-transform: uppercase;}
#emissions ul li{/*background: url(../images/picto-orange-orange.png) no-repeat left center;*/border-bottom: 1px dotted #fff;}
#emissions ul li:hover{background-color:#fdd3a1;}
#emissions ul li:hover a, #emissions ul li:hover a:hover{color:#000;}
#emissions ul li.last{border-bottom:0;}
#emissions ul li a{color:#fff;font-weight:bold;font-size: 0.7em;text-decoration: none;display:block;width:auto;padding:4px 1px 4px 6px;}
#emissions ul li a:hover, #emissions ul li a:focus{text-decoration: none;}
#tvdedie{margin: 10px auto;width: 213px;color: #fff;background: #f7931e url(../images/tvdedie/tvdedie-foot.png) no-repeat left bottom;}
#tvdedie img{display: block;}
#tvdedie ul{background: url(../images/tvdedie/tvdedie-head.png) repeat-x;padding: 6px 0 6px 0;}
#tvdedie ul li{border-bottom: 1px dotted #fff;}
#tvdedie ul li:hover{background-color:#fdd3a1;}
#tvdedie ul li:hover a, #tvdedie ul li:hover a:hover{color:#000;}
#tvdedie ul li.last{border-bottom:0;}
#tvdedie ul li a{color:#fff;font-size: 0.7em;text-decoration: none;display:block;width:auto;padding:4px 1px 4px 6px;}
#tvdedie ul li a:hover, #tvdedie ul li a:focus{text-decoration: none;}
#plusConsultes{width: 213px;margin: 10px auto;text-align:justify;}
#adsense{width: 205px;height:210px;padding:30px 5px 0 5px;margin: 20px auto 20px auto;text-align:justify;background:url(../images/bg-adsense.gif);}
/***** Pied de page *****/
#footer{clear:both;text-align:center;}
#foot1{font-size: 0.7em;color: #5f5959;padding-bottom: 4px;margin-bottom: 4px;border-bottom: 1px solid #f7931e;}
#foot1 a{color: #5f5959;}
#foot2{text-transform: uppercase;font-size: 0.7em;color: #5f5959;padding-bottom:3px;}
#foot2 a{color:#5f5959;}
#foot1 a:hover, #foot1 a:focus, #foot2 a:hover, #foot2 a:focus{text-decoration: underline;}
#sunmedia {padding-bottom:10px;}
#sunmedia a{font-size:11px;color: #5f5959;}
#sunmedia img{vertical-align:middle;padding-bottom:3px;}
/***** Global Classes *****/
p.hidden, p.hidden label, p.hidden input{ visibility: hidden; margin: 0; padding: 0; }
.clear{ clear: both; }
.floatLeft{ float: left; }
.floatRight{ float: right; }
.textLeft{ text-align: left; }
.textRight{ text-align: right; }
.textCenter{ text-align: center; }
.textJustify{ text-align: justify; }
.bold{ font-weight: bold; }
.italic{ font-style: italic; }
.underline{ border-bottom: 1px solid; }
.highlight{ background: #ffc; }
.img-left{ float: left; margin: 4px 10px 4px 0; }
.img-right{ float: right; margin: 4px 0 4px 10px; }
.nopadding{ padding: 0;}
.noindent{ margin-left: 0; padding-left: 0; }
.nobullet{ list-style: none; list-style-image: none; }
/***** Mur vidéo homepage *****/
.murvideo{float:left;margin-right:45px;width:135px;height:130px;padding-top:25px;}
.murvideo_last{float:left;margin-right:0;width:135px;height:130px;padding-top:25px;}
.murvideo img{border:2px solid #fff;margin-left:12px;}
.murvideo_last img{border:2px solid #fff;margin-left:12px;}
.murvideo a{color:#000;font-size:11px;}
.murvideo_last a{color:#000;font-size:11px;}
.infos_bulle {z-index:500;position:absolute;top:-999px;width:179px;visibility:hidden;opacity:0.92;-moz-opacity:0.92;-khtml-opacity:0.92;filter:alpha(opacity=92);}
.infos_bulle_bas {font:normal 10px Verdana, Arial;color:#fff;height:88px;padding:10px 10px 10px 20px;background:url(../images/murvideo-bulle-orange.png) no-repeat left top;}
/***** TVDEDIE *****/
.vert #tvdedie_banniere{height:120px;border-bottom:6px solid #98d545;}
.bleu #tvdedie_banniere{height:120px;border-bottom:6px solid #00b0e1;}
.vert #tvdedie_site{height:25px;line-height:20px;background:url(../images/tvdedie/plus-infos.gif) top right no-repeat;padding:1px 0 0 515px;}
.bleu #tvdedie_site{height:25px;line-height:20px;background:url(../images/tvdedie/plus-infos_bleu.gif) top right no-repeat;padding:1px 0 0 515px;}
#tvdedie_site a{color:#fff;font-size:12px;}
.vert #tvdedie_retour{height:25px;line-height:20px;background:url(../images/tvdedie/retour.gif) top right no-repeat;padding:1px 0 0 420px;}
.bleu #tvdedie_retour{height:25px;line-height:20px;background:url(../images/tvdedie/retour_bleu.gif) top right no-repeat;padding:1px 0 0 420px;}
#tvdedie_retour a{color:#fff;font-size:12px;}
.vert #tvdedie_liste_rubrique_cadre{width:263px;height:600px;background:#dbf5b8;margin:0 0 0 -20px;}
.bleu #tvdedie_liste_rubrique_cadre{width:263px;height:600px;background:#b3e0ec;margin:0 0 0 -20px;}
.vert #tvdedie_liste_rubrique_titre{background:url(../images/tvdedie/t-rubrique-video.gif) no-repeat;width:263px;height:38px;}
.bleu #tvdedie_liste_rubrique_titre{background:url(../images/tvdedie/t-rubrique-video_bleu.gif) no-repeat;width:263px;height:38px;}
#tvdedie_liste_rubrique_titre span{display:none;}
#tvdedie_liste_rubrique ul li{margin:0;padding:0;border-bottom:1px dotted #000;padding:5px 0 5px 0;width:230px;}
#tvdedie_liste_rubrique ul li a{color:#000;}
.vert #tvdedie_liste_rubrique ul li a:hover{color:#7dad3c;}
.bleu #tvdedie_liste_rubrique ul li a:hover{color:#00618c;}
.vert #tvdedie_titre_video_decouvrir{color:#7dad3c;font-size:16px;font-weight:bold;border-bottom:2px dotted #98d545;}
.bleu #tvdedie_titre_video_decouvrir{color:#00b0e1;font-size:16px;font-weight:bold;border-bottom:2px dotted #00b0e1;}
.vert .tvdedie_murvideo{float:left;margin-right:10px;width:135px;height:130px;padding-top:15px;background:url(../images/tvdedie/murvideo.gif) top left no-repeat;margin-bottom:10px;}
.bleu .tvdedie_murvideo{float:left;margin-right:10px;width:135px;height:130px;padding-top:15px;background:url(../images/tvdedie/murvideo_bleu.gif) top left no-repeat;margin-bottom:10px;}
.vert .tvdedie_murvideo_last{float:left;margin-right:0;width:135px;height:130px;padding-top:15px;background:url(../images/tvdedie/murvideo.gif) top left no-repeat;margin-bottom:10px;}
.bleu .tvdedie_murvideo_last{float:left;margin-right:0;width:135px;height:130px;padding-top:15px;background:url(../images/tvdedie/murvideo_bleu.gif) top left no-repeat;margin-bottom:10px;}
.tvdedie_murvideo img{border:2px solid #fff;margin-left:12px;margin-bottom:10px;}
.tvdedie_murvideo_last img{border:2px solid #fff;margin-left:12px;margin-bottom:10px;}
.vert .tvdedie_murvideo img:hover{border:2px solid #719f33;}
.bleu .tvdedie_murvideo img:hover{border:2px solid #2b8ba9;}
.tvdedie_murvideo a{color:#000;font-size:11px;}
.tvdedie_murvideo_last a{color:#000;font-size:11px;}
.vert #tvdedie_separation{clear:both;border-top:4px solid #98d546;margin-top:25px;}
.bleu #tvdedie_separation{clear:both;border-top:4px solid #36a4c7;margin-top:25px;}
/***** Proposition de videos *****/
.propositionVideo{float:left;margin-right:6px;width:134px;height:130px;padding-top:3px;background:url(../images/proposition-video.gif) top left no-repeat;}
.propositionVideo img{border:2px solid #fff;margin-left:12px;}
.propositionVideo img:hover{border:2px solid #01a8df;}
.propositionVideo a{color:#000;font-size:11px;}
.propositionVideo_titre{margin-top:3px;}
/*page video*/
.propositionVideoVertical{float:left;width:110px;height:130px;padding:5px 9px 0 6px;background-color:#d2f4fc;}
.propositionVideoVertical img{border:3px solid #fff;}
.propositionVideoVertical img:hover{border:3px solid #01a8df;}
.propositionVideoVertical a{color:#000;font-size:11px;}
.propositionVideoVertical_titre{margin-top:0;line-height:12px;}
/* propositions actualites */
#propositionActualite h3{border-bottom:1px solid #c5c0c6;height:20px;background:url(../images/pictos/actualites-similaires-bleu.gif) no-repeat;}
#propositionActualite {font-size:11px;}