@import url(reset.css);
html, body{height:100%}
html{-webkit-text-size-adjust:none}

@font-face{font-family:'Walkway';src:url('/data/fonts/walkway_semibold-webfont.eot');src:url('/data/fonts/walkway_semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('/data/fonts/walkway_semibold-webfont.woff') format('woff'),
         url('/data/fonts/walkway_semibold-webfont.ttf') format('truetype'),
         url('/data/fonts/walkway_semibold-webfont.svg#WalkwaySemiBoldRegular') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'Orbitron';src:url('/data/fonts/orbitron-webfont.eot');src:url('/data/fonts/orbitron-webfont.eot?#iefix') format('embedded-opentype'),
         url('/data/fonts/orbitron-webfont.woff') format('woff'),
         url('/data/fonts/orbitron-webfont.ttf') format('truetype'),
         url('/data/fonts/orbitron-webfont.svg#webfontqMYZ91Rj') format('svg');font-weight:normal;font-style:normal}

@font-face{font-family:'Norwester';src:url('/data/fonts/norwester.eot');src:url('/data/fonts/norwester.eot?#iefix') format('embedded-opentype'),
         url('/data/fonts/norwester.woff') format('woff'),
         url('/data/fonts/norwester.ttf') format('truetype'),
         url('/data/fonts/norwester.svg#WalkwaySemiBoldRegular') format('svg');font-weight:normal;font-style:normal}

body{color:#000;font-size:12px;text-align:center;font-family:Arial,Helvetica,Verdana,"Trebuchet MS",sans-serif;background:#000000 url(/images/layout/bg_body.jpg) no-repeat center 0}

/* ===== Common ===== */
a{color:white}
a:hover{color:#ababab;text-decoration:none}
a:visited{color:white}

#col-right a, #col-center a{color:black}

img.left{float:left;margin-right:10px}
img.right{float:right;margin-left:10px}
img.illustration{border:1px solid #a1a1a1;margin-bottom:5px}
h2{position:relative}
#container-int{background-color:#F0EDED;float:left;padding-top:10px;margin-bottom:10px;padding-bottom:20px;width:980px}
body.accueil #container-int{background-color:transparent;float:none;padding-top:0;padding-bottom:0px}

.news #actualites .top_bloc{background:url(/images/layout/back-news-title.png) no-repeat right bottom}
.news #actualites h2{background:none}

#arborescence .rounded p,
#team .rounded p{text-align:justify;margin-bottom:10px;line-height:20px}

h3{font-size:13px}
.date{color:#818080;font-size:11px;padding:2px 0}
.texte{text-align:justify;line-height:130%}
.textebig{text-align:justify;line-height:130%;padding:15px 0}
.texte a:hover{color:#cd003a;text-decoration:none}
.thumb{float:left;margin-right:2px;margin-bottom:2px;display:block}
/*.thumb img{border:1px solid #a1a1a1}*/
/* ===== layout ===== */

#drawbar{width:100%;height:115px}

/* header */
#header{width:980px;height:115px;margin:0 auto;position:relative; background:url(/images/layout/bandeau-2018.jpg) no-repeat}

#logo{height:115px;}
#logo a{display: block;height:115px;}

ul#socialhub{float:right;height:22px;font-size:10px;margin-top:4px;padding-top:2px;line-height:110%;display:inline}
ul#socialhub li, ul#socialhub_bas li{display:inline;padding:0 15px 0 18px}
ul#socialhub li.fb, ul#socialhub_bas li.fb{background:url(/images/pictos/fb.png) no-repeat}
ul#socialhub li.rss, ul#socialhub_bas li.rss{background:url(/images/pictos/rss.png) no-repeat}
ul#socialhub li.cb, ul#socialhub_bas li.cb{background:url(/images/pictos/club.png) no-repeat}
ul#socialhub li.mail{background:url(/images/pictos/emailb.png) no-repeat}
ul#socialhub_bas li.mail{padding-right:0;background:url(/images/pictos/email.png) no-repeat}
ul#socialhub li.tw, ul#socialhub_bas li.tw{background:url(/images/pictos/tw.png) no-repeat}
ul#socialhub li.tw{background-position:0 -2px;}
ul#socialhub li.yt, ul#socialhub_bas li.yt{background:url(/images/pictos/yt.png) no-repeat}
ul#socialhub_bas{width:145px;float:left;margin-left:28px;margin-right:92px;margin-top:21px}
ul#socialhub_bas li{float:left;padding:0 0px 0 23px;width:124px;margin-bottom:12px;line-height:16px}
ul#socialhub_bas li a{font-size:11px}
ul#socialhub li a{color:black}

ul#univers{float:right;clear:both;width:400px;display:inline;margin-top:20px;margin-right:44px}
ul#univers li{float:left;height:22px;display:inline}
ul#univers li span{display:none}
ul#univers li#pou{width:200px;border-bottom:7px solid #ffe40c;background:url(/images/layout/univ_poujoulat.png) no-repeat center top}

ul#univers li#pou a{width:200px;height:22px;display:block}

* html ul#univers li#pou{background-image:url(/images/layout/univ_poujoulat.gif)}
ul#univers li#sta{width:126px;background:url(/images/layout/univ_stamm.png) no-repeat center top}
ul#univers li#sta a{width:126px;height:22px;display:block}

* html ul#univers li#sta{background-image:url(/images/layout/univ_stamm.gif)}
ul#univers li#riv{width:64px;background:url(/images/layout/univ_rivages.png) no-repeat center top}
* html ul#univers li#riv{background-image:url(/images/layout/univ_rivages.gif)}

ul#univers li#riv a{width:64px;height:22px;display:block}
/* end header */

/* common & structure page */
body{width:980px;margin:0 auto;text-align:left}
body.accueil{width:980px}

body-int{float:left;width:980px;min-height:1370px}

/* height min for ie */
* html body-int{min-height:1370px}
body-bot{float:left;width:980px;height:28px;margin-bottom:10px}

.footer{margin-left:auto;margin-right:auto;padding-top:45px;width:982px}
#footer{font-family:Tahoma, sans-serif;float:left;height:18px;margin-left:10px;text-align:center;position:relative}
#footer li{position:relative;display:inline;font-size:11px;font-weight:normal;height:30px;line-height:22px;padding-left:15px;padding-right:18px;float:left;border-right:1px solid #272727}
.menuf_bas{display:block;height:100px;float:left;position:relative}
.menuf_bas .menu_back_home{background:transparent url(/images/pictos/home.png) no-repeat center 2px;border-right:1px solid #272727;float:left;height:29px;margin-top:0;width:42px}
.menuf_bas li a{font-family:Tahoma, sans-serif; font-size:14px; height:22px}
ul#footer ul.submenu_bas{ height:64px;left:0;position:absolute;text-align:left; top:30px; border-right:none}
ul#footer ul.submenu_bas li{float:none;height:17px;display:block;line-height:12px; min-width:150px; border-right:none}
ul#footer ul.submenu_bas li a, ul#footer ul.submenu_bas li a:hover{font-weight:normal;margin:0;padding:0;text-transform:none;float:none; color:white}
ul#footer ul.submenu_bas li a{font-size:11px}
#subsubfooter{height:102px;float:left;padding-left:5px}
#subsubfooter a:hover{color:#ababab}

.legal{float:left;height:130px;width:104px;border-right:1px solid #9a9a9a;margin-top:21px;font-size:11px}
.logo_bas{float:left;margin-right:89px}
.logo_bas_mini{float:left;margin-top:21px}

#footer li:hover{color:#ababab}
ul#footer ul.submenu_bas li a:hover{color:#ababab}
#footer li a:hover{color:#ababab}
#footer li.last{border:none}
.sharetool{float:left;margin-top:15px}
.sharetool li{height:20px;font-size:11px;padding-left:20px;line-height:110%;background:url(/images/pictos/arrow.gif) no-repeat}
.sharetool .share{width:130px;position:relative}
.sharetool .share a{width:16px;height:18px;position:absolute}
.sharetool li a:hover{color:#cd003a}
.sharetool .share a.fb{left:80px;background:url(/images/pictos/fb.png) no-repeat}
.sharetool .share a.tw{background:url(/images/pictos/tw.png) no-repeat;left:104px}
.sharetool .share a.bt_delicious{left:104px;background:transparent url(/images/pictos/delicious.gif) no-repeat}
.sharetool .share a.bt_twitthis{left:128px;background:transparent url(/images/pictos/twitter.gif) no-repeat}
.sharetool .share a.bt_wikio{left:152px;background:transparent url(/images/pictos/wikio.gif) no-repeat}
.sharetool .share a.bt_technorati{left:176px;background:transparent url(/images/pictos/technorati.gif) no-repeat}
.sharetool .share a.bt_digg{left:200px;background:transparent url(/images/pictos/diggit.gif) no-repeat}

/* ========= menu ========= */
#menubar{z-index:100;height:56px;width:980px;background:url(/images/layout/fond_menu.png) no-repeat;background-color:rgba(255,255,255,0.1);float:left;margin-top:5px;margin-bottom:3px;position:relative}

body.accueil #menubar{position:absolute;top:133px;z-index:99;float:none;margin-top:0;margin-bottom:0px;margin-left:0}
.menu_back_home{width:42px;height:29px;float:left;margin-top:2px}

ul#nav li .menu_presse{color:#c90119;height:43px;height:33px;font-family:Tahoma, sans-serif;font-size:14px;line-height:300%}
ul#nav li.last{margin-left:0px}
ul#nav li.last:hover  .menu_presse{color:#c90119}

.menuf_bas .menu_presse{color:#C90119}

ul#nav{ height:43px;  line-height:30px; float:left;margin-top:0; margin-left:0}
ul#nav li{float:left;display:inline; padding-left:16px; padding-right:16px; height:43px; position:relative}
ul#nav li a{display:block; font-family:Tahoma, sans-serif; font-size:14px; color:#000000; height:43px; font-weight:normal;line-height:300%}
ul#nav li:hover{background-color:#ffee00}
ul#nav li:hover a{color:#383838}
ul#nav li.last{border:none}

#breadcrumb{width:100%;height:26px;text-align:right}
#breadcrumb img{margin-top:8px;margin-right:30px}
#col-center{float:left;width:654px;margin-left:17px;display:inline}

#col-right{float:left;width:309px;display:inline;padding-top:40px;}
.accueil #col-right{padding-top:20px;}

/* ========= Col Right ========= */
.blocr{float:left;width:300px;margin-bottom:10px}
.blocr h2{height:22px;margin-top:3px}

.teamhome{width:308px;float:left}
.container_mhome .teamhome{margin-left:16px;margin-top:50px}
.teamhome h2{background:url(/images/layout/h2_team.png) no-repeat center top;width:308px;height:19px}
.teamhome ul{padding:8px 0}

.blocr-int{border:1px solid #E2E2E1;float:left;padding:8px;width:282px}

#headlines{color:#ffe40c;width:282px;min-height:80px;padding:8px;padding-bottom:16px;background:#636364 url(/images/layout/blocr_bg_headlines.png) repeat-x left bottom}
#headlines ul{float:left;width:288px;display:inline}
#headlines ul li{float:left;display:inline}
#headlines ul li#dateinfo{width:84px;padding-top:8px}
#headlines ul li#dateinfo span{font-size:24px;line-height:130%}
#headlines ul li#filinfo{width:180px;line-height:130%;padding:5px 10px;border-left:1px solid #d1d1d1;color:#ffe40c}

.programme p{font-size:11px;line-height:160%}

.programme h2 span{background:url(/images/layout/h2_programme.png) no-repeat center top}
.programme ul{float:left;width:280px;display:inline}
.programme ul li{float:left;width:280px;height:20px;line-height:160%;font-size:11px;position:relative}
.programme ul li.titre{font-weight:bold}
.programme ul li.titre a:hover{color:#cd003a}
.programme ul li.item a{position:absolute;width:100%;height:100%}
.programme ul li.item a span{padding:0 5px}
.programme ul li.item a:hover{color:#cd003a;background-color:#fff}
.carto h2 span{background:url(/images/layout/h2_carto.png) no-repeat center top}
.carto .blocr-int{text-align:center}
/*.video h2 span{background:url(/images/layout/h2_latest_video.png) no-repeat center top}*/
.audio h2 span{background:url(/images/layout/h2_latest_audio.png) no-repeat center top}
.audio .blocr-int{border:none;height:66px;background:url(/images/layout/bg_latest_audio.png) no-repeat center top}
.audio .blocr-int span{display:block;color:#fff;font-size:11px;line-height:120%;padding-left:40px}
.audio #latestaudio{position:relative;width:275px;height:20px;margin:0 auto;;margin-top:16px;background:url(/images/layout/bg_player_audio.png) no-repeat}
.audio #lecteur{width:275px;height:20px}
.audio .btn{display:block;cursor:pointer;width:16px;height:16px;position:absolute;left:7px;top:2px}
.audio #launch{background:url(/images/pictos/play.png) no-repeat}
.audio #pause{background:url(/images/pictos/pause.png) no-repeat;display:none}
.audio #timeSliderBg{position:absolute;left:36px;top:2px;width:235px}
.audio #timeSlider{width:30px;height:16px;font-size:10px;cursor:pointer;background:#FFE40C;line-height:15px;text-align:center;color:#505050}

.bateaux h2 span{background:url(/images/layout/h2_bateaux.png) no-repeat center top}
.bateaux .blocr-int{text-align:center}
.imoca{height:360px;background:url(/images/layout/h2_imoca.jpg) no-repeat center top}
.imoca a{display:block;width:100%;height:100%}
.team h2 span{background:url(/images/layout/h2_team.png) no-repeat center top}
.bloch.teamhome h2 span{background:url(/images/layout/h2_team_home.png) no-repeat center top}
.teamhome ul{width:316px;float:left;display:inline}
.teamhome ul li{float:left;width:103px;height:172px;display:inline;font-size:10px;text-align:center;min-height:100px;background:url(/images/layout/blocr_bg_team_home.png) no-repeat center top}
* html .teamhome ul li{background:url(/images/layout/blocr_bg_team.gif) no-repeat center top}
.teamhome ul li img{margin-bottom:6px; padding-top:6px}

.team .blocr-int{background:url("/images/layout/blocr_bg.png") no-repeat scroll center bottom #EEEEEE;border:1px solid #E2E2E1;float:left;padding:8px;width:282px}
.team ul{display:inline;float:left;width:282px}
.team ul li{background:url("/images/layout/blocr_bg_team.png") no-repeat scroll center top transparent;display:inline;float:left;font-size:10px;height:140px;min-height:100px;text-align:center;width:94px}
* html .team ul li{background:url("/images/layout/blocr_bg_team.gif") no-repeat scroll center top transparent}
.team ul li img{margin-bottom:6px}

.skip_name a{color:black;font-size:11px;font-family:Arial}
.skip_name{width:90px;margin-left:5px;float:left;font-weight:bold}
.skip_role{width:87px;margin-left:5px;margin-top:5px;float:left;margin-left:5px}
.skip_role span{background:url("/images/pictos/fleche_jaune.gif") no-repeat scroll 0 3px transparent;float:left;font-family:Arial;font-size:11px;line-height:15px;padding-left:12px}

h2#objectif{clear:left;height:102px;margin-bottom:6px}
h2#objectif a{background:url(/images/layout/h2_objectif.jpg) no-repeat}

h2#bstamm{height:102px;margin-bottom:6px}
h2#bstamm a{background:url(/images/layout/h2_bstamm.jpg) no-repeat}

h2#rivages{height:106px}
h2#rivages a{background:url(/images/layout/h2_rivages.jpg) no-repeat}

/* == structure blocs centre == */
.bloc{float:left}
.rounded{float:left;padding:10px 0;margin-bottom:0}
.closing{height:12px;background:url(/images/layout/bloc_bot_actus.png) no-repeat}

/* ========= home ========= */
#col-right{width:311px;margin:0 0 0 0}
#col-center{width:582px;margin:0 50px 0 14px}

/* col-center */
#col-center .top_bloc{background:url(/images/layout/chat.png) no-repeat right top;padding-top:20px;position:relative}
#col-center .bottom_bloc{padding:5px 0;text-align:right;}
.container_mhome #col-center .top_bloc a{position:absolute;top:35px;right:70px}
.actu_home, .actu_list{padding:13px 0;border-bottom:1px solid #dad8d8}
.actu_home h3, .actu_list h3{font-size:25px;font-family:Verdana;font-weight:normal;line-height:130%}
.actu_home .date_actu, .actu_list .date_actu{margin-bottom:12px;margin-left:0}
.actu_home .date_actu span, .actu_list .date_actu span{font-weight:bold}
.actu_home img, .actu_list img{float:left;margin-right:15px}
.actu_home p, .actu_list p{margin-bottom:10px;text-align:justify;margin-left:202px;line-height:140%}

.container_mhome #bloc_videos{margin:20px 0 55px 0}
.container_mhome .video_une a{margin-top:15px;font-weight:bold;display:block;margin-bottom:20px}
.video_home{float:left;margin-right:4px;width:190px}
.video_home img{margin-bottom:5px}

.container_mhome #bloc_medias a.more{display:block;margin-left:449px;margin-bottom:5px;margin-top:20px}

.list_son_home{margin-left:22px}
.list_son_home #son_player{left:5px}
.list_son_home #son_date{margin-left:45px}
.list_son_home #son_titre{margin-right:5px}
.container_mhome #bloc_medias #player{background:url("/images/layout/fond_player_son_home.png") no-repeat;margin-bottom:14px;width:532px}
.container_mhome #bloc_medias .audio_home{padding:6px 0 10px 0;border-bottom:1px solid #dad8d8}
.container_mhome #bloc_medias .audio_home span{font-weight:bold}

.list_photo_home{position:relative}
.carousel-visibility{overflow:hidden;width:532px;height:218px;margin:0 auto;position:relative}
#carousel-photo{position:absolute;width:1596px;left:0;top:0}
.bloc_carousel{float:left;width:532px}

/* col-right */
.list_team_home{position:relative}
#col-right .carousel-visibility{width:278px;height:143px;margin:0 auto 10px auto}
#carousel-team{position:absolute;width:564px;left:0}
#col-right #carousel-team .team-member{margin:0 2px 0 0;float:left}
#carousel-team .team-member img{border-bottom:3px solid #da0007}
#col-right #carousel-team .team-member div{background-color:#000000;padding:5px;width:82px;height:40px;margin:0}
#carousel-team .team-member div a{display:block;text-align:center;font-size:10px}
#carousel-team  .name-member{color:#ffffff}
#carousel-team  .role-member{color:#ffee00}
.list_team_home .bprev-carou, .list_team_home .bnext-carou{top:60px}

.bprev-carou{display:block;width:14px;height:52px;background:url(/images/pictos/bprev_carousel.png) no-repeat;position:absolute;top:100px;left:0;cursor:pointer}
.bnext-carou{display:block;width:14px;height:52px;background:url(/images/pictos/bnext_carousel.png) no-repeat;position:absolute;top:100px;right:0;cursor:pointer}

#meteo-mers{display:block;width:281px;min-height:70px;margin:0 auto;background:url(/images/statique/meteo_des_mers.jpg) no-repeat;padding-top: 78px;}
#meteo-mers a{display:block;margin-left:28px}
#oceanopolis{display:block;width:281px;height:146px;float:left;margin:35px 0 20px 0;background:url(/images/statique/oceanopolis.jpg) no-repeat}

h2{font-family:walkway;font-weight:normal;text-transform:uppercase;font-size:30px;background:url(/images/layout/title_underline.jpg) repeat-x bottom;padding-bottom:11px;margin-bottom:9px}
#col-right > div{margin-bottom:28px}
#bloc_autour img{display:block; width:307px;height:223px;margin-bottom:7px}
#container a.continue{background-color:#ffee00;padding:0 2px;text-transform:uppercase;font-size:10px}
#bloc_mur #caps_anim{display:block; width:309px;height:169px;background:url(/images/statique/mur_energie.gif) no-repeat;position:relative}
#bloc_mur #caps_anim a{display:block;width:100%;height:100%;position:absolute;top:0;left:0}
#bloc_bateau{position:relative;height:280px}
#bloc_bateau a.layout{display:block; width:311px;height:230px;background:url(/images/statique/bateau_3d.jpg) no-repeat;margin-bottom:0;bottom:0;right:0}
#bloc_newsletter form{width:311px;height:62px;background:url(/images/statique/newsletter.jpg) no-repeat;padding-top:75px}
#bloc_newsletter form input{display:block;margin-left:18px}
#bloc_newsletter form input[type="submit"]{margin-left:122px;border:1px solid #ffffff;background-color:#ffee00;margin-top:6px}
#col-right #twtr-widget-1 div{margin-bottom:0}
#bloc_carto a{background:url(/images/layout/carto.jpg) no-repeat;display:block;height:75px;width:310px;}
#bloc_game a{background:url(/images/statique/bouton-jeu.jpg) center top no-repeat;display:block;height:223px;width:310px;}


.le-bateau #container-int .rounded p strong img.left{width:100%}
.le-bateau .rounded div .go-to{display:block;width:313px;height:55px;background:url(/images/realite/realite-augmentee.jpg) no-repeat;margin-left:282px}

.photos #col-center{width:580px; margin: 0 58px 0 14px}
.inscription-newsletter #arborescence, .inscription-newsletter #arborescence .rounded, .recommand #arborescence, .recommand #arborescence .rounded{width:100%}
.inscription-newsletter .credits-nl{margin-top:30px;font-size:9px;width:360px}

#form-newsletter, #form-game, #form-recommand{background:#000000;color:#ffffff}
#form-newsletter fieldset, #form-game fieldset, #form-recommand fieldset{background:url(/images/layout/cat-inscription-nl.png) no-repeat bottom right;padding-left:36px;padding-right:36px}
#form-newsletter fieldset div, #form-game fieldset div, #form-recommand fieldset div{margin-bottom:18px}
#form-newsletter fieldset div label, #form-game fieldset div label, #form-recommand fieldset div label{margin-left:0;width:232px;height:auto;font-weight:normal;text-transform:uppercase}
#form-newsletter fieldset div input, #form-game fieldset div input, #form-recommand fieldset div input{margin-left:0;width:226px;margin-right:10px}
#form-newsletter fieldset div.nl-mail{margin-bottom:0}
#form-newsletter fieldset div.nl-mail label{display:block}
#form-newsletter fieldset div.nl-mail input{width:467px}
#form-newsletter fieldset div.nl-pays label{width:100%}
#form-newsletter fieldset input[type="submit"], #form-game fieldset input[type="submit"], #form-recommand fieldset input[type="submit"]{width:231px;height:22px;border-radius:2px;background-color:#ffee00;border:1px solid #ffffff;text-transform:uppercase;margin-left:135px}

.news #actualites, .news #linked-medias, .news #linked-news{margin-bottom:10px;width:100%}

#bloch-une{width:980px; height:457px; padding:0; margin-left:auto; margin-right:auto;;position:relative;overflow:hidden}
#bloch-une img{position:absolute}
#bloch-une .block-une-center{width:980px;height:124px;background:black;position:absolute;top:333px;left:0;opacity:0.53}
#bloch-une .block-inside{width:90%;height:91px;top:338px;left:49px;position:absolute}

#bloch-une h2{font-size:30px;font-family:Verdana ,"Trebuchet MS", sans-serif;margin-bottom:6px;text-align:center;margin-top:12px;border-bottom:1px solid #ffffff;background:none;font-weight:bold;padding-bottom:0;text-transform:none}

#bloch-une .block-inside a{color:white;opacity:1;font-family:Verdana, ,"Trebuchet MS", sans-serif}
#bloch-une .block-inside .texte{color:white;font-size:11px}
#bloch-une .block-inside .date{color:white;font-size:10px;text-align:center}
#bloch-une .block-inside .date p{display:inline;border-bottom:1px solid #ffffff}
#bloch-une .block-inside #continue{font-size:10px;color:#000000;background-color:#ffea00;padding:2px;float:right}

#bloch-une .sharetool li{float:left}
#bloch-une .sharetool .suite{width:120px}
#bloch-une .sharetool .ami{width:221px}

#bloch-galerie{width:948px;margin-left:auto;margin-right:auto}
.cont_slider h2{width:948px;height:20px; background:url(/images/layout/h2_mediatheque.gif) no-repeat center top}
.cont_slider h2 a{width:948px;height:20px;  display:block}
.cont_slider h2 a span{display:none}

.container_mhome .cont_slider{background-color:#b4b2b2;width:947px;height:155px;margin-left:auto;margin-right:auto}
.container_mhome{background:url(/images/layout/top_fond_mhome.jpg) no-repeat top #f0eded;padding-top:45px;padding-bottom:40px;margin-left:auto;margin-right:auto;width:980px}
#flowlist2{height:500px;padding:8px;border:1px solid #e2e2e1}


/* ========= pages ========= */

/* ========= Fonds d'écran ========= */
.fonds-ecran .rounded #wallpapersBanner{border-bottom:2px solid #e2e2e1;margin-bottom:20px}
#wallpapers_list{width:100%;margin-top:9px}
#wallpapers_list div{margin-bottom:12px;height:310px;border-bottom:1px solid #e2e2e1}
#wallpapers_list img{margin-bottom:12px}
#wallpapers_list .wallpaper_one{width:282px;padding:11px 16px 10px 0;float:left;border-bottom:0;height:290px}
#wallpapers_list .wallpaper_one div{border-bottom:none}
#wallpapers_list .wallpaper_one.n2{padding-right:0px}
.wallpaper_one li.first{text-decoration:underline}
.wallpaper_one ul{line-height:1.6;}
.wallpaper_one ul.left{float:left;margin-right:40px;margin-bottom:20px}
.wallpaper_one ul.right{float:right;width:107px;margin-bottom:1px;}

/* ========= News ========= */

#linked-medias h3{margin:8px 0}
#linked-medias .audio{width:288px;height:42px;margin-right:10px;position:relative;background:url(/images/layout/bg_thumb_audio.png) no-repeat}
#linked-medias .audio ul{font-size:10px;left:60px;top:4px;position:absolute}
#linked-medias .audio ul li.date{color:#fff;font-weight:bold}
#linked-news li{margin-bottom:15px}

/* ========= Medias ========= */
#mediatek .thumb{margin-right:5px;margin-bottom:4px; position: relative; width: 141px;}
#mediatek .thumb.big { width: 287px;}
#mediatek .thumb.nomargin { margin-right: 0}
#themeForm{margin-top:10px;margin-bottom:20px}
#themeForm select{width:250px;margin-right:20px}
#themeForm div{text-align:right}
.thumb_info{background:none repeat scroll 0 0 #FFE40C;border:2px solid black;color:black;font-weight:bold;margin-top:79px;padding:5px}
#mediatek  a.thumb:hover .mask_thumb {position: absolute; background: black url(/images/layout/loupe.png) no-repeat center center; opacity: 0.75; z-index: 999; top: 0; left:0; right:0; bottom:0}

#mediatek  a.thumb:hover .mask_gallery {position: absolute; background: black; z-index: 9999; top: 0; left:0; right:0; bottom:0; color: #ffee03; text-align: center; font-size: 13px; line-height: 50px; display: block}
.
/* =========== Sous menu ============= */

/* all menu links */

nav .navigation li a{background:url("/images/layout/fr-sprite-nav.png") no-repeat scroll 0 0 transparent;color:#FFFFFF;display:block;height:100%}
ul#nav .sub{background-color:#ffffff;left:-2px;position:absolute;top:50px;visibility:hidden;z-index:99}
ul#nav .sub li{border-bottom:1px solid #000;float:left;height:20px;padding-left:6px;width:150px;display:block;line-height:20px;border-right:0}
ul#nav .sub li a{color:#000000;display:block;height:100%;line-height:20px}
ul#nav .sub a{background:none repeat scroll 0 0 transparent;color:#FFFFFF;display:block;font-size:11px;white-space:nowrap}
ul#nav .sub li a:hover{color:#000000}

/* Les actus */
img.bloc_actu_list{border:2px solid black;float:left;margin:5px 15px 0 0}
img.bloc_actu_list_odd{border:2px solid black;float:right;margin:5px 0 0 15px}
.actu_list{border-bottom:1px solid black;margin-bottom:14px;padding-bottom:12px;text-align:justify;line-height:140%}
/* Fin les actus */

/* Debut page son */
#player{background:url("/images/layout/fond_player_sons.jpg") no-repeat scroll 0 0 transparent;height:106px;position:relative;width:614px}

#sontek #play{height:106px;width:614px}
#media-desc{padding-top:34px;float:left;width:100%}
#son_date{margin-left:70px;float:left;color:white;display:block}
#son_titre{float:right;font-size:14px;font-weight:bold;color:#ffe40c;float:right;margin-right:20px}
#son_player{position:absolute;top:70px;left:45px;}
#table_head{margin-left:6px; width:600px}
#table_head #th1{width:53px}
#table_head #th2{width:110px}
#table_head #th3{width:332px}
#table_head th{font-weight:bold;height:48px;background:url("/images/pictos/fleche_bas.jpg") no-repeat left 32px}
#table_head td{border-bottom:1px solid #11A4D5;padding-bottom:3px;padding-top:3px}
/* Fin page son */

/* Page skipper */
#titre_team_comm{background:url("/images/layout/titre_team_comm.gif") no-repeat}
#titre_team_stamm{background:url("/images/layout/titre_team_stamm.gif") no-repeat}
#titre_team_nav{background:url("/images/layout/titre_team_nav.gif") no-repeat}
#titre_team_technique{background:url("/images/layout/titre_team_technique.gif") no-repeat}

#titre_team_interv{background:url("/images/layout/titre_intervenants.gif") no-repeat}
#titre_team_fourni{background:url("/images/layout/titre_fournisseurs.gif") no-repeat}
#titre_team_scienti{background:url("/images/layout/titre_scientifique.gif") no-repeat}

#team h3{width:604px;margin-top:18px;font-family:walkway;text-decoration:underline;font-size:26px;font-weight:normal}
#bloc_chapo{/*background:url("/images/layout/fond_chapo_skipper.jpg") repeat-x bottom;*/border:1px solid #e3e3e3;float:left;padding:15px}
#bloc_chapo h4{color:#010101;font-size:22px;text-decoration:underline;font-family:walkway;text-transform:uppercase;margin-bottom:14px;font-weight:normal}
#bloc_chapo h2{color:black;font-size:18px;font-family:Verdana;margin-bottom:7px;height:auto;background:none;font-weight:bold;text-transform:none;padding-bottom:none}
#chapo_role_team{color:#5e5e5d;font-size:11px;font-family:Verdana;margin-bottom:12px;text-transform:uppercase}

#team_skips,#team_oth{margin-top:10px}
#team_skips li,#team_oth li{display:block;width:194px;height:110px;float:left}
.bernard{width:233px;height:136px;display:block;float:left;margin-top:10px}
#team .rounded #chapo_bernard{float:left;max-width:354px}
#team .rounded #chapo_bernard p{line-height:15px}
.link_photo_skip{float:left}
.photo_skip{margin-right:6px;float:left;border:1px solid #FFE40C;padding:2px}
.photo_oth{margin-right:4px;float:left;border:1px solid black;padding:2px}
#bloc_chapo{line-height:20px;text-align:justify;margin-bottom:15px}
#photo_chapo{float:left;margin-right:15px; margin-bottom:10px}

/* Fin Page skipper */

/* Page video */

.videoplayer{background:url("/images/layout/fond_player_videos.jpg") no-repeat scroll 0 0 transparent;height:258px;width:617px}
#encaps_video{width:396px;height:239px;margin-left:18px;padding-top:12px;float:left}
.video_pres_generale{float:left;height:226px;width:181px;margin-top:22px;margin-left:15px}
.video_pres_generale .date_video{font-size:11px;color:white}
.video_pres_generale .titre_video_general{font-size:15px;color:#ffe40c;margin-top:17px}
.video_pres_generale .desc_video_general{font-size:12px;color:white;margin-top:25px}
.video_pres_generale .copy_video_general{font-size:12px;color:white;margin-top:10px}

.copy_son{color:white;font-size:11px;font-style:italic;position:absolute;top:92px;right:15px;}
.videos_listing{margin-top:33px}

.video_listing img{float:left}
.video_listing{border-bottom:1px solid #11A4D5;height:166px;margin-top:17px;margin-left:15px;padding-bottom:17px;width:582px}
.video_pres{float:left;margin-left:13px;height:160px;position:relative;width:320px}
.video_pres h5{color:#cd003a;font-size:12px}
.video_duree{margin-top:58px;font-size:11px;display:block}
.video_pres .play{bottom:0;display:block;height:36px;position:absolute;text-decoration:underline;width:127px}
.video_pres .play span{display:block;padding-top:15px}
/* Fin page video */

/* Page Réalité Augmentée */
.realite-augmentee .rounded{position:relative}
.realite-augmentee .rounded h3{font-size:28px;font-weight:normal}
.realite-augmentee #step-1{width:227px;position:absolute;top:610px;left:355px}
.realite-augmentee #apple, .realite-augmentee #google{display:block;float:left;width:109px;height:37px;background:url(/images/realite/stores.jpg) no-repeat left top;margin-top:10px}
.realite-augmentee #google{background-position:right top;margin-left:9px}
.realite-augmentee #step-2{width:130px;position:absolute;top:770px;left:10px}
.realite-augmentee #step-3{width:186px;position:absolute;top:805px;left:160px}

/* Page formulaire contact */
form.inline fieldset{margin:1.5em 0 !important;padding:1.4em}
form.inline label{font-weight:bold;height:24px;line-height:11px;margin-left:21px;margin-top:5px;width:200px;display:block;float:left;margin-right:10px}

form.inline legend{color:#E2001A;font-size:1.2em;font-weight:bold}
form.inline input[type="text"], form.inline input[type="password"], form.inline input.text, form.inline input.title, form.inline textarea, select{background-color:#FFFFFF;border:1px solid #BBBBBB;width:175px}
form.inline input[type="text"]:focus, form.inline input[type="password"]:focus, form.inline input.text:focus, form.inline input.title:focus, form.inline textarea:focus, form.inline select:focus{border-color:#666666}
form.inline input[type="password"], form.inline input[type="text"], form.inline input.text, form.inline input.title, form.inline textarea, form.inline select{margin:0}

form.inline textarea{margin-left:21px}
span.obligatoire, span.incomplet{color:#C90119;font-style:italic;font-weight:bold}
input.operator{display:none;}
/* Fin Page formulaire contact */

.theme_bloc{margin-bottom:20px}

/* message succes et erreur pour les formulaires */
.error,
.notice,
.success{padding:.8em;margin-bottom:1em;border:2px solid #ddd}
.error{background:#FBE3E4;color:#8a1f11;border-color:#FBC2C4}
.notice{background:#FFF6BF;color:#514721;border-color:#FFD324}

.success{background:none repeat scroll 0 0 #FFE40C;border-color:black;color:black}
.error a{color:#8a1f11}
.notice a{color:#514721}
.success a{color:#264409}
/* fin message succes et erreur pour les formulaires */

#valider{border:1px solid black;background:#EAEAEA;margin-right:93px}

#arborescence .rounded #encap_submit{padding-bottom:20px;text-align:right}
/* Haut de page */
a.retour{background:url("/images/pictos/retour.gif") no-repeat scroll right 17px transparent;color:black;display:block;font-size:0.9em;margin-left:425px;padding:10px 10px 0 0;text-align:left;text-decoration:none;width:90px}
/* Fin haut de page */


#breadcrumbs{margin-left:5px;width:100%;height:20px;font-size:11px}
#breadcrumbs li{float:left;width:auto;color:black}
#breadcrumbs li a{color:black}
#bloch-une h2 a{position:relative}
.small_copyright{float:left;font-size:10px;height:12px;margin-bottom:5px;text-align:right;width:100%}
.bloc_img_home{width:267px;float:left;margin-right:7px}
.paginate{margin-bottom:3px}
.photos .paginate {text-align: right; width: 96%;  clear: both; margin: 7px 0; }
#slider-home{height:130px;margin-left:auto;margin-right:auto;position:relative;width:876px;margin-top:16px}
#slider-mask{float:left;height:119px;overflow:hidden;position:relative;width:875px}
#slider-slides{left:0;position:absolute;width:912px}
#slider-slides a{border:1px solid #FFFFFF;display:block;float:left;height:108px;width:173px}
#slider-home #sprev, #slider-home #snext{cursor:pointer;display:block;height:30px;position:absolute;top:42px;width:30px}
#slider-home #sprev{background:url("/images/match/bprev.png") no-repeat scroll 0 0 transparent;left:-33px}
#slider-home #snext{background:url("/images/match/bnext.png") no-repeat scroll 0 0 transparent;right:-33px}

.morephotos{padding:5px 41px}
.morephotos a{color:black}
.bateau_home{background:url("/images/layout/bateau_home.png") no-repeat scroll 0 0 transparent;width:309px;height:390px;margin-left:16px;margin-top:34px;float:left}
.lien_bateau_home{float:left;width:309px;height:328px}
.lien_bateau_video{float:left;width:309px;height:62px}
#newsletter{background:url("/images/layout/bloc_newsletter.png") no-repeat scroll 0 0 transparent;width:299px;height:108px;float:left;margin-top:8px;margin-left:16px;position:relative}

#col-right #newsletter{margin-left:0}
.bloc_programme{background:url("/images/layout/bloc_programme.png") no-repeat scroll 0 0 transparent;width:299px;height:140px;float:left;
 	margin-top:52px;margin-left:16px;
}

#col-right .bloc_presse{margin-left:0}

.bloc_programme a{width:299px;height:175px;float:left}

#newsletter input#votremail{border:medium none;bottom:6px;font-family:Verdana;font-size:11px;position:absolute;right:60px;width:153px}
#newsletter #ok{background:url("/images/layout/button_ok.png") no-repeat scroll 0 0 transparent;width:31px;height:15px;bottom:6px;right:16px;position:absolute}

.bloc_presse{background:url("/images/layout/bloc_presse.png") no-repeat scroll 0 0 transparent;width:299px;height:64px;float:left;margin-left:16px;margin-top:16px}

.bloc_presse a{width:299px;height:64px;float:left}
.alaune, .texteune{display:none}

#jnav a{background:url("/images/pictos/sprite-bt-jnav.png") no-repeat scroll left top transparent;color:#FFFFFF;display:block;float:left;font-weight:bold;height:12px;margin-right:5px;margin-top:4px;padding-top:4px;text-align:center;width:12px}
#jnav a:hover, #jnav a.current{background-position:right top;color:#000000}
#jnav{display:inline;position:absolute;bottom:6px;left:442px}

#bprev{background:url("/images/pictos/bprev.png") no-repeat scroll left top transparent;width:32px;height:131px;position:absolute;top:160px;left:18px}

#bnext{background:url("/images/pictos/bnext.png") no-repeat scroll left top transparent;width:38px;height:131px;position:absolute;top:160px;right:18px}

.yellows{font-size:12px;font-weight:bold;color:#ffea00;margin-top:5px}

/* Jeu concours */
.jeu-concours #arborescence,.jeu-concours #arborescence .rounded{width:100%}
.jeu-concours .credits-nl{margin-top:30px;font-size:9px;width:360px}
.jeu-concours .rounded form label{float:none;display:inline-block;margin-left:0;height:14px}
.jeu-concours .rounded form input[type="text"]{width:200px}
.jeu-concours p, .jeu-concours div.success strong{margin:10px 0;line-height:130%}
.jeu-concours .twitter-share-button{float:left}
.jeu-concours .game-chimney{ margin-bottom: 30px; }
.jeu-concours .game-chimney br+input{ margin-left: 20px; }
.jeu-concours .game-chimney input{ display: inline-block; margin-right: 10px; vertical-align: middle; }
.jeu-concours .game-chimney input+label{ display: inline-block; height: auto; line-height: 120%; vertical-align: middle; }
.jeu-concours .game-chimney label img{ margin-bottom: 5px; }
#recommand_by_mail{background:url(/images/pictos/email.png) no-repeat;color:#ffffff !important;padding-left:20px;margin-right:16px}

/* Chrono sidebar */
#compteur {background:url("/images/layout/fond_compteur.jpg") no-repeat scroll 0 0 transparent; width:315px;height:208px; margin-top: 15px; margin-bottom: 15px}
#compteur#krono {margin-bottom: 0}
#compteur ul {float: right;}
#compteur ul li {font-family: "Norwester"; font-size: 54px; color: white; float: left; margin-top: 130px; text-align: right;}
#compteur ul li#dday {padding-right: 34px}
#compteur ul li#dh {padding-right: 38px; width: 60px}
#compteur ul li#dm {padding-right: 36px; width: 60px}

.cont_4_photo {width: 292px; float: left; height: 198px;}
h3.thematique {font-family: walkway; font-size: 26px; font-weight: normal; margin-bottom: 9px; text-transform: uppercase; margin-top: 40px; text-decoration: underline;}

.subtitle {position: relative; width:121px; height: 47px; display: block; float: left; text-align: center; color: white; font-size: 12px; background: black; padding: 12px 10px 6px 10px;;}

.cont_mask {position: relative; float: left;}

#mediatek .cont_theme_photo img {float: left;}
#mediatek .cont_theme_photo .thumb {width: 142px;}
#mediatek h3 {font-family: walkway; font-size: 26px; margin-bottom:5px}

.cont_theme {float: left; margin-bottom: 4px; margin-right: 3px;}
.cont_theme .hiddenthumb {display: none;}

#mediatek .cont_theme .thumb {margin: 0}