@import url(reset.css);html, body{height:100%}

body{	position: relative;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: #fff;
	float: left;
	padding-top: 10px;	
	margin-bottom: 10px; 
	padding-bottom: 20px;
}

body.accueil #container-int {
	background-color: transparent;
	float: left;
	padding-top: 0;
	padding-bottom: 0px;
}



#arborescence h2, 
#actualites h2,
#team h2{height:17px}

#arborescence h2 span,
#actualites h2 span,
#team h2 span{background:url("/images/layout/h2_arbo.png") no-repeat scroll 0 0 transparent;font-size:15px;font-weight:bold;text-transform:uppercase;color:#ffe40c;padding-left:25px;padding-top:1px;font-family:'Trebuchet MS', Verdana, Arial, Helvetica, sans-serif}

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

h2 span, h2 a{width:100%;height:100%;position:absolute}
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:120px;}
 
/* header */
#header{width:980px;height:120px;margin:0 auto;position:relative; background:url(/images/layout/bandeau.jpg) no-repeat;}

#logo{    
	float: left;
    height: 120px;
    width: 300px;
} 
    
#logo a {
	float: left;
    height: 120px;
    width: 300px;
}     
    

    
ul#socialhub{float:right;height:22px;font-size:11px;margin-top:4px;margin-right:20px;padding-top:2px;line-height:110%;display:inline}
ul#socialhub li, ul#socialhub_bas li{display:inline;padding:0 13px 0 20px;}
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{padding-right:0;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_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;
}

.bloc_suivez {
	position: absolute;
	right:0;
	bottom:0;
	width: 272px;
	height: 57px;
}

.bloc_suivez a {
	width: 272px;
	height: 57px;
	display: block;
}

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:990px;margin:0 auto;text-align:left}
body.accueil {
	width: 1086px;
}

body-int{float:left;width:990px;min-height:1370px;
/*background:#fff url(/images/layout/bg_content.png) no-repeat*/ }
/* height min for ie */
* html body-int{min-height:1370px}
body-bot{float:left;width:990px;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;
	width:870px;
	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: 110px;
	float: left;
	position: relative;
}

.menuf_bas .menu_back_home {
	background: transparent url(/images/pictos/home.png) no-repeat center 0 ;
  	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: 87px;
	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{
	height:35px;
	width:854px;
	background:url(/images/layout/fond_menu.png) no-repeat;
	float: left;
	margin-top: 5px;
	margin-bottom: 3px;
	position: relative;
	margin-left: 5px;
}

body.accueil #menubar{
	position: absolute; 
	top: 140px; 
	z-index: 99;
	left:50px;
	float: none;
	margin-top: 0;
	margin-bottom: 0px;
	margin-left: 0;
}



.menu_back_home {
	width: 42px;
	height: 29px;
	float: left;
	border-right: 1px solid #343434;
	margin-top: 2px;
}

.menu_presse {
	background:transparent url(/images/layout/espace_presse.png) no-repeat; 
	width: 121px;
	height: 33px;
	float: left;
    position: absolute;
    top: 0;
    left:859px;	
}

.menuf_bas .menu_presse {

} 

ul#nav { height: 36px;  line-height: 30px; float: left; width: 810px;    margin-top: 0; margin-left: 0}
ul#nav li{float:left;display:inline; padding-left: 15px; padding-right:18px; border-right: 1px solid #343434; margin-top: 2px; height: 29px; position: relative;}
ul#nav li a{display:block;height:16px; font-family: Tahoma, sans-serif ; font-size: 14px; color: #ffffff; height: 29px; font-weight: normal;}

ul#nav li:hover {
	background-color: white;
}

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:22px;display:inline}

body.accueil #col-center {
	margin: 0;
	float: none;
	display: block;
	width: 1086px;

}
#col-right{float:left;width:309px;display:inline}

/* ========= 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: 87px;
	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_noire.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;
	width:632px;
	margin-bottom:10px;
}
.rounded{float:left;width:599px;padding:10px 15px;margin-bottom:0;border:1px solid #949494}
.closing{height:12px;background:url(/images/layout/bloc_bot_actus.png) no-repeat}

/* ========= home ========= */
#bloch-une {
	width:1086px; height:465px; padding:0; margin-left: auto; margin-right:auto; ;
	position: relative;
  	overflow: hidden;
}

#bloch-une img {
	position: absolute;
}

#bloch-une .block-une-center {
	width: 742px;
	height: 124px;	
	background: black;
	position: absolute;
	top:171px;
	left:167px;
	opacity: 0.7;
}  

#bloch-une .block-inside {
	width: 696px;
	height: 91px;
	top:171px;
	left:167px;
	position: absolute;
	padding-top: 17px;
	padding-left: 23px;
	padding-right: 23px;
	padding-bottom: 17px;
}

#bloch-une h2 { 
	font-size: 30px;
	font-family: Verdana, ,"Trebuchet MS", sans-serif ;
	margin-bottom: 6px;
}

#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;
	
}

#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.gif) no-repeat top #f0eded; 
	padding-top: 45px;
	padding-bottom: 20px;
	margin-left: auto;
	margin-right: auto;
	width:982px;

}

#flowlist2{height:500px;padding:8px;border:1px solid #e2e2e1}


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

/* ========= News ========= */ 
#linked-medias h2{height:17px	
}
#linked-medias h2 span{background:url(/images/layout/h2_linked_medias.png) no-repeat}
#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 h2{height:17px	
}
#linked-news h2 span{background:url(/images/layout/h2_linked_news.png) no-repeat}
#linked-news li{margin-bottom:15px}

/* ========= Medias ========= */

#mediatek h2,
#sontek h2,
#videotek h2{height:17px	
}
#mediatek h2 span,
#sontek h2 span,
#videotek h2 span{background:url("/images/layout/h2_arbo.png") no-repeat scroll 0 0 transparent;font-size:14px;text-transform:uppercase;color:#ffe40c;padding-left:25px;padding-top:1px}

#sontek .rounded,
#videotek .rounded{padding-left:8px;padding-right:21px}
	
#mediatek .thumb{margin-right:17px;margin-bottom:12px}
#mediatek .thumb a:hover img{border:1px solid #ffe40c}
#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}
/* =========== 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: #6D6C6C;
    left: -2px;
    position: absolute;
    top: 29px;
    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: #FFFFFF;
    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;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{margin-left:71px;margin-top:20px;float:left}

#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;height:15px;margin-top:18px}

#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:12px;font-family:Verdana;text-transform:uppercase;margin-bottom:14px} 

#bloc_chapo h2{color:black;font-size:18px;font-family:Verdana;margin-bottom:7px;height:auto}

#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:199px;height:110px;float:left}

.bernard{width:233px;height:136px;display:block;float:left;margin-top:10px}

#team .rounded #chapo_bernard{float:left;height:80px;width:354px}

#team .rounded #chapo_bernard p{line-height:15px;font-size:11px}

.link_photo_skip{float:left}


.photo_skip{margin-right:6px;float:left;border:1px solid #FFE40C;padding:2px}

.photo_oth{margin-right:6px;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:7px}



/* 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{float:right;color:white;font-size:11px;font-style:italic;margin-top:5px;margin-right:5px}

.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;width:140px}
/* Fin page video */

/* Page formulaire contact */
form.inline fieldset{background:url("/images/layout/fond_formulaire.jpg") repeat-x scroll 0 bottom white;border-bottom:1px solid #A5ACB2;border-top:1px solid #A5ACB2;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:#CD003A;font-style:italic;font-weight:bold}
/* 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}



#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: 21px;
    left: 110px;
}

#bprev {
    background: url("/images/pictos/bprev.png") no-repeat scroll left top transparent;
    width: 31px;
    height: 30px;
    position: absolute;
    top:231px;
    left:61px;
}

#bnext {
    background: url("/images/pictos/bnext.png") no-repeat scroll left top transparent;
    width: 31px;
    height: 30px;
    position: absolute;
    top:231px; 
    right:61px;
}

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