/* feuilles complémentaires */
@import url(/vinclude/build/waaps_fck.css);
@import url(/common/waaps_tableau.css);



	/* Bases */
*{margin:0; padding:0;}
body{background:url(/imgs/euro2016/site_fd.jpg) no-repeat center top #00b6f9; font-size:12px; color:#000000; font-family:Arial, Verdana, Helvetica, sans-serif;}
#page{position:relative; width:962px; margin:0 auto; padding:0 0 50px 0;}
img{border:none;}
.bg_ombre{position:absolute; display:none;}
#ibg_ombre_gauche{height:100px; width:15px; display:block;}
#ibg_ombre_droite{ width:15px; display:block;}

.float_left{float:left;}
.float_right{float:right;}
.clear_both{clear:both;}
.align_left{text-align:left;}
.align_right{text-align:right;}
.align_center{text-align:center;}

.cl{clear:left;height:1px;}
.cl1{clear:left;}

.cb{clear:both;}

.cb1 {	/* break de 1 */
	display:block;
	clear:both;
	height:1px;
	font-size:1px;
	overflow:hidden;
	margin:0;
}

.pad120 {padding-left: 120px;}

/*PNG Fix*/

img{ behavior: url(/vinclude/euro2016/iepngfix.htc); }
.bloc_home .titre span{behavior: url(/vinclude/euro2016/iepngfix.htc);}





/* Header */
#header{height:137px; background:url(/imgs/euro2016/header_fd.png) no-repeat; position:relative;}
#header .flash{position:absolute; top:40px; left:665px;}
#header .logo{position:absolute; top:5px; left:46px;}
#header .lien{position:absolute; top:7px; left:900px; color:#2b4d75; text-decoration:underline; font-size:15px; font-weight:bold;}

/* Menu */
#menu{height:33px; background:url(/imgs/euro2016/menu_fd.png) repeat-x; position:relative;}
#menu .liens{position:relative; top:3px; text-align:center; font-size:15px; font-weight:bold; color:#FFFFFF;}
#menu .liens a{margin:0 10px;}
#menu img{vertical-align:middle;}
#menu .rss a{color:#FFFFFF; font-size:14px; text-decoration:none; position:absolute; top:6px; right:10px; z-index:100;}

/* Contenu */
#content{background:#FFFFFF; overflow:hidden; width:100%;}

.col_gauche{width:194px; float:left; text-align:center; padding:15px 0 0 0;}
.col_droite{width:318px; padding:0 0 20px 0; float:right;}
.col_centre{width:439px; margin:0 0 0 198px; padding:15px 0 0 0;}

.titre_rubrique{height:37px; background:url(/imgs/euro2016/bloc_titre_rub_fd.jpg) no-repeat center top; font-size:22px; font-weight:normal;}
.titre_rubrique span{display:block; float:left; height:31px; font-size:22px; text-transform:uppercase; color:#FFFFFF; padding:6px 23px 0px 20px; background:url(/imgs/euro2016/bloc_titre_rub_fleche.png) no-repeat center right;}
.titre_rubrique span img{padding:0 5px 0 0; vertical-align:baseline;}

.centre_439{position:relative; width:439px;}
.col_centre_485{width:485px; margin:0 0 0 198px; padding:15px 0 0 0;}
.centre_485{position:relative; width:485px;}
.col_droite_270{width:270px; padding:0 0 20px 0; float:right;}
.col_droite_300{width:300px; padding:0 0 20px 0; float:right;}

/* Footer */
#footer{height:32px; background:#007eb2; position:relative; color:#FFFFFF; clear:both;}
#footer a{text-decoration:none; color:#FFFFFF; vertical-align:middle; margin:0 5px;}
#footer span{position:relative; top:5px; left:10px;}
#footer span img{vertical-align:middle;}
#footer .footer_bas{position:absolute; top:32px;}

/* Home*/
.bloc_home{position:relative;}
.bloc_home .titre{height:27px; background:url(/imgs/euro2016/bloc_home_titre_fd.jpg) no-repeat center top; font-size:14px; font-weight:normal;}
.bloc_home .titre span{display:block; float:left; height:27px; line-height:27px; font-size:14px; text-transform:uppercase; color:#FFFFFF; padding:0px 23px 0px 52px; background:url(/imgs/euro2016/bloc_home_titre_fleche.png) no-repeat center right;}
.bloc_home .contenu{overflow:hidden;}

/* Home soutien */
.liste_bloc_home .soutien{height:255px; background:url(/imgs/euro2016/bloc_home_soutien_fd.jpg) no-repeat top center;}
.liste_bloc_home .soutien .btn{position:absolute; top:112px; left:322px;}
.liste_bloc_home .soutien .facebook{height:40px; width:460px; position:absolute; top:160px; left:160px;}
.liste_bloc_home .soutien .facebook .bloc{line-height:40px; height:40px; color:#FFFFFF; float:right; font-size:12px; margin:0 0 0 2px; overflow:hidden;}
.liste_bloc_home .soutien .facebook span{display:block; float:left; height:40px; background:url(/imgs/euro2016/bloc_home_soutien_fb0.png) repeat-x;}
.liste_bloc_home .soutien .facebook span img{vertical-align:middle !important; vertical-align:baseline; margin:0 3px;}
.liste_bloc_home .soutien .facebook a{color:#FFFFFF; text-decoration:none;}
.liste_bloc_home .soutien .facebook strong{color:#ff1919;}

/* Home videos */
.liste_bloc_home .videos{height:281px; background:url(/imgs/euro2016/bloc_home_videos_fd.png) top center;}
.liste_bloc_home .videos .bloc_video{width:290px; height:207px; overflow:hidden; float:left; padding:0 30px 0 0; }
.liste_bloc_home .videos .bloc_video .video_fd{width:290px; height:207px; background:#000000; position:relative;}
.liste_bloc_home .videos .bloc_video .video_fd a{color:#ffffff; text-decoration:none;}
.liste_bloc_home .videos .bloc_video .video_titre{position:absolute; bottom:0; left:0px; text-align:left; color:#FFFFFF; padding:0 0 6px 15px;}
.liste_bloc_home .videos .bloc_video .video_titre .titre_gd{font-size:19px;}
.liste_bloc_home .videos .bloc_video .video_titre .titre_pt{font-size:15px; color:#b2a299;}
.liste_bloc_home .videos .bloc_video .fond_transparent{position:absolute; bottom:0; left:0; background:#000000; filter:alpha(opacity=60); opacity:.60; width:290px; height:52px;}
.liste_bloc_home .videos .bloc_video .btn_play img.filtre{height:207px;width:290px; display:block;}
.liste_bloc_home .videos .bloc_video .btn_play_big img.filtre{height:207px;width:290px; display:block;}


.liste_videos_pt {width:700px; position:absolute; top:50px; left:141px; text-align:center; }
.liste_videos_pt .video_pt{width:102px; height:79px; overflow:hidden; float:left; margin:0 24px 20px 0;}
.liste_bloc_home .videos_pt img.filtre{width:102px; height:79px; display:block;}
.liste_bloc_home .voir_videos{position:absolute; left:428px; bottom:-10px;}

/* Home actu*/
.liste_bloc_home .actus{background:url(/imgs/euro2016/bloc_home_actus_fd.png) #FFFFFF repeat-x bottom center; height:1%;}
/*.liste_bloc_home .liste_elements{margin:23px 370px 0 50px; padding:0 0 20px 0; position:relative;}*/
.liste_bloc_home .liste_elements{margin:23px 0px 0 50px; padding:0 0 20px 0; position:relative;width:550px;}
.liste_bloc_home .liste_elements .element{width:507px; background:url(/imgs/euro2016/filet.gif) repeat-x top; padding:10px 0;}
.liste_bloc_home .liste_elements #element_1{background:none; padding:0 0 10px 0;}

/* Bloc Animation */
.liste_bloc_home .actus .droite{float:right; width:300px; padding:0 56px 18px 0;}
.animation{display:block; margin:16px 0 0 0;}

/* Actu base */
.centre_439 .liste_elements .element{width:439px; background:url(/imgs/euro2016/filet.gif) repeat-x top; padding:10px 0; overflow:hidden;}
.liste_elements .element .vignette{float:left; margin:3px 20px 5px 0;}
.liste_elements .element h2{font-weight:bold; font-size:13px; margin:0 0 7px 0;}
.liste_elements .element h2 a{color:#000000; text-decoration:none;}
.liste_elements .element p{color:#213849;}
.liste_elements .element p a{color:#213849; font-size:92%;}
.liste_elements .lien_element{padding:0 15px 0 12px; color:#003560; font-weight:bold; background:url(/imgs/euro2016/fleche_verte.gif) no-repeat left; font-size:11px; text-decoration:none;}
.liste_elements .lien_element img{vertical-align:middle; margin:0 0 0 5px;}
.liste_elements .lien_element span{text-decoration:underline;}
.liste_elements .lien_element span:hover{text-decoration:none;}
.liste_elements a.partage{padding:0 2px 0 0; background:none; text-decoration:none;}
.liste_elements span.partage{padding:0 5px 0 12px; color:#003560; font-weight:bold; background:url(/imgs/euro2016/fleche_verte.gif) no-repeat left; font-size:11px; text-decoration:underline;}
.liste_elements .date_titre{font-weight:bold; line-height:12px; margin:0 0 3px 0;}
.liste_elements .date_titre a{color:#000000; text-decoration:none;}
.liste_elements #element_1{background:none;}

.centre_439 .liste_elements .liste_liens_elements{width:439px; padding:10px 0;}
.centre_439 .liste_elements .filet {width:439px; height:1px; background:url(/imgs/euro2016/filet.gif) repeat-x top; }

/* Liste grands articles */
.articles_grand{width:208px; float:left; padding:0 0 8px 0;}
.articles_grand_left{padding:0 15px 8px 0;}
.articles_grand .titre{color:#000000; font-size:13px; text-decoration:none; font-weight:bold;}
.articles_grand .description{color:#213849; font-size:12px; text-decoration:none;}

/* Fonctions page */
ul.menpage{height:20px; list-style-type:none; padding:0 0 10px 0;}
ul.menpage li{float:right; margin-right:10px;}

/* Pagination */
.pagination{height:30px; background:#bfdeeb; color:#013e49; font-weight:bold; text-align:center; padding:16px 0 0 0; clear:both;}
.pagination a{color:#013e49;}
.pagination a:hover{color:#013e49; text-decoration:none;}
.pagination img{margin:0 10px;}
.pagination span{color:#0f29b8;}

/* Bloc liste liens colonne droite */
.liste_liens_col_droite{border:1px solid #e6eaee; margin:15px 18px 0 0;}
.liste_liens_col_droite .titre{text-transform:uppercase; font-size:13px; color:#FFFFFF; font-weight:bold; height:21px; background:url(/imgs/euro2016/col_droite_fd_titre.gif) repeat-x; line-height:21px; padding:0 0 0 10px;}
.liste_liens_col_droite ul{list-style-type:none; background:#FFFFFF;}
.liste_liens_col_droite li{background:url(/imgs/euro2016/fleche_noire_liste_liens.gif) 10px center no-repeat; padding:6px 0 6px 25px; overflow:hidden; color:#000000; font-size:11px;}
.liste_liens_col_droite .lien_1{background-color:#d8eafc;}
.liste_liens_col_droite .lien_2{background-color:#FFFFFF;}
.liste_liens_col_droite a{text-decoration:none; color:#000000; font-size:11px;}
.liste_liens_col_droite a:hover{text-decoration:underline;}
.liste_liens_col_droite .video{padding:12px 0 12px 5px;}
.liste_liens_col_droite .video img{float:left; padding:0 10px 0 0;}
.liste_liens_col_droite .video a{font-size:13px;}
.liste_liens_col_droite .titre_lien{font-weight:bold; line-height:10px;}
.liste_liens_col_droite .diapo{padding:6px 0 6px 5px; height:1%;}
.liste_liens_col_droite .diapo img{float:left; padding:0 10px 0 0;}
.liste_liens_col_droite .diapo a{font-size:14px;}
.liste_liens_col_droite #element_1{background:none;}

.lien_col_droite{display:block; padding:0 20px 0 12px; margin:5px 0 0 0; color:#003560; font-weight:bold; background:url(/imgs/euro2016/fleche_verte.gif) no-repeat left; font-size:11px; text-decoration:none;}


/* Encradre droite */
.marge2 {border:1px solid #d1d7df; margin:15px 18px 0 0;background-color:#d8eafc;}
.marge2 .imgBord, .marge .cb1{display:none;}
.marge2 .header{text-transform:uppercase; font-size:13px; color:#FFFFFF; font-weight:bold; height:21px; background:url(/imgs/euro2016/col_droite_fd_titre.gif) repeat-x; line-height:21px; padding:0 0 0 10px;}
.bg {background-color:#d8eafc; margin:0; padding:0; }
.bg p{padding:15px 8px; }
.selection {padding:10px;}
.fil {}


/* Minidiapo colonne droite */
.minidiapo_col_droite{width:298px; border:1px solid #d1d7df; margin:15px 0 0 0;}
.minidiapo_col_droite .titre{text-transform:uppercase; font-size:13px; color:#FFFFFF; font-weight:bold; height:21px; background:url(/imgs/euro2016/col_droite_fd_titre.gif) repeat-x; line-height:21px; padding:0 0 0 10px;}
.minidiapo_col_droite #minidiapoImg{width:298px; overflow:hidden;}
.minidiapo_col_droite #minidiapoImg img{width:298px; cursor:pointer;}
.minidiapo_col_droite #minidiapoTxt{font-weight:bold; margin-bottom:10px; text-align:center;}
.minidiapo_col_droite #minidiapoNav{text-align:center; font-size:11px; padding:0 0 5px 0;}
.minidiapo_col_droite #minidiapoNav a img{position:relative; top:0px; padding:0 5px;}

/* Page article */
.marge {padding:0 7px 7px 15px;}

.page_article{padding:0 0 20px 0;}
.page_article .menpage{padding:5px 0 5px 0;}
.page_article .illustration{background:#000000;	position:relative; height:239px; overflow:hidden; color:#ffffff; margin:0 0 10px 0; border:1px solid #d1d7df;}
.page_article .illustration img{position:position absolute; top:0; left:0; width:308px; height:239px; overflow:hidden;}
.page_article .illustration .info{position:absolute; bottom:0; left:308px; width:130px; overflow:hidden; font-size:11px;}
.page_article .illustration .info .marge_droite {padding:0 7px 7px 15px;}
.page_article .illustration .info h1 {font-size:130%;}
.page_article .illustration .info p{margin:0;}
.page_article .illustration .info a{color:#ffffff; text-decoration:none;}
.page_article .illustration .info a:hover{text-decoration:underline;}
.page_article .theme{font-size:14px; font-weight:bold;}
.page_article .titre{font-size:24px; font-weight:bold; padding:0 0 10px 0;}
.page_article .texte{color:#213849; text-align:justify;}
.page_article .titre_video{font-size:14px;}
.page_article .filet {width:439px; height:1px; background:url(/imgs/euro2016/filet.gif) repeat-x top; }
.page_article .texte ul {padding:0 0 0 15px; background: none;}
.page_article .texte li {padding:0 0 10px; margin:0; background: none;}

.page_article .texte p {margin-top:10px;}

.texte a{color:#0342A1;}
.texte a:hover{color:#0342A1; text-decoration:none;}

/* Diaporama */
.diaporama{width:758px; padding:15px 0 0 0; overflow:hidden;}

.diaporama .diapoContent{margin:0; padding:0; position:relative; color:#FFFFFF;}
.diaporama .diapoContent div.wrapperDescription{float:left; width:465px;}
.diaporama .diapoContent div.description{padding:20px 20px 10px 10px;}
.diaporama .diapoContent div.description h3{margin:2px 0; padding:0; font-size:125%;}
.diaporama .diapoContent div.description h5{margin:0; padding:0; font-weight:normal; font-size:85%;}
.diaporama .col485 .diapoContent div.description p{margin:0; padding:0; font-size:92%;}
.diaporama .diapoContent div.description div.date{float:right; font-size:85%;}
.diaporama .diapoContent div.description div.voirtout{text-align:left; margin:5px 0 0;}
.diaporama .diapoContent div.description div.voirtout a{color:#FFFFFF;}
.diaporama .diapoContent div.wrapperListe{float:left; width:328px;}
.diaporama .diapoContent div.wrapperListe div.marge_droite{position:static; margin:0 5px 0 0;}
.diaporama .diapoContent div.wrapperListe div.marge_droite div.bloc{position:static;}

.diaporama div.page_liste_media div.titre3 div.info h3 a{color:#FFFFFF;}
.diaporama div.page_liste_media div.titre3 div.info p a{color:#FFFFFF;}
.diaporama div.page_liste_media div.cb10{background:transparent url(/imgs/euro2016/background_degrad_bloc300_liste.gif) repeat-x left bottom; padding-top:5px;}
#diaporamaPlayer{background:transparent url(/imgs/euro2016/degrad_media_diapo.gif) repeat-y bottom left; width:100%; overflow:hidden;}
#diaporamaPlayer div.diaporamaImgs{width:100px; margin:1px 0; padding:0; float:left; position:relative;}
#diaporamaPlayer div.diaporamaImgs ul{margin:0 auto; padding:0; width:100px;}
#diaporamaPlayer div.diaporamaImgs ul li{list-style:none; margin:10px 0 0; padding:0; height:80px; overflow:hidden;}
#diaporamaPlayer div.diaporamaImgs ul li a{font-size:1px;}
#diaporamaPlayer div.diaporamaImgs ul li.navHaut{margin:0 0 2px; height:18px;}
#diaporamaPlayer div.diaporamaImgs ul li.navBas{margin:2px 0 0; height:18px;}
#diaporamaPlayer div.diaporamaImgs ul li.navHaut a,#diaporamaPlayer div.diaporamaImgs ul li.navBas a{overflow:hidden;}
#diaporamaPlayer div.diaporamaImgs ul li.navHaut a img,#diaporamaPlayer div.diaporamaImgs ul li.navBas a img{height:18px; width:100px;}
#diaporamaPlayer div.diaporamaImgs ul li.off a img.vignette{border:1px solid #000000; width:98px; height:78px;}
#diaporamaPlayer div.diaporamaImgs ul li.courant a img.vignette{border:1px solid #999999; width:98px;height:78px;}
#diaporamaPlayer div.diaporamaContent{float:left; width:632px; margin:0 13px 0 0;}
#leDiapo{border:1px solid #000000; font-size:1px; height:500px; margin-bottom:15px; overflow:hidden; text-align:center; width:630px; background-color:transparent;}
#leDiapo table{height:500px; width:630px;}
#leDiapo img{border:0;}
#diaporamaInfos{color:#FFFFFF; float:left; font-size:12px; font-weight:bold; width:330px; margin:0 0 0 10px; position:relative; left:20px; padding:0 0 10px 0;}
#diaporamaInfos p{padding:0; margin:5px 0 0;}
#diapoNav{float:left; width:272px; margin:5px 0; position:relative; left:20px; bottom:5px;}
#diapoNav div.diapoRefresh{width:25px; float:left; margin-right:10px;}
#diapoNav div.diapoBarre{height:25px; float:left; width:170px; background:transparent url(/imgs/euro2016/background_navbar_diapo.gif) left top repeat-x; position:relative;}
#diapoDone{position:relative; background:transparent url(/imgs/euro2016/background_navbar_diapo_done.gif) top left repeat-x;}
#diapoPointer{width:16px; position:absolute; right:-8px;}
#diapoNbr{float:left; width:50px; color:#000000; font-weight:bold; margin-left:10px; font-size:11px; height:25px; line-height:25px;}
div.diapoListeContent{border:1px solid #B0B7BF;}
div.diapoListeContent ul{padding:0; margin:10px auto; color:#FFFFFF;}
div.diapoListeContent ul a{cursor:pointer; text-decoration:none; display:block; color:#FFFFFF;}
div.diapoListeContent ul li{background:transparent url(/imgs/euro2016/background_degrad_bloc300_liste.gif) bottom left repeat-x; list-style:none; height:55px;margin:5px 0; padding:0 3px; clear:both;}
div.diapoListeContent ul li img{float:left; width:50px; height:50px; margin-right:10px;}
div.diapoListeContent ul li div.txt{float:left;width:250px;}
div.col300 div.diapoListeContent ul li div.txt{width:230px;}
div.diapoListeContent ul li div.txt h5{font-weight:normal; margin:0; padding:0;}
div.diapoListeContent ul li div.txt h3{font-size:100%; margin:0;}
.diaporama div.footerSpacer{background:transparent url(/imgs/euro2016/background_degrad_bloc300_liste.gif) bottom left repeat-x;}
#contenerListeDiapo{height:460px; margin:0 auto; overflow:hidden; position:relative; width:100px; padding:0; top:0;}
#listeDiapo{position:absolute;}
div.contdiapo{display:none;}

/* COL DROITE */
div.d300 {width:300px;}
div.d300 h3 {font-size:12px;font-weight:bold;margin:20px 0 0 0;}
div.d300 h4 {font-size:12px;font-weight:normal;margin:10px 0 10px 0;}
div.d300 a {color:#000000;text-decoration:none;}
div.d300 a:hover {color:#000000; text-decoration:none;}







