﻿@charset "utf-8";
/* Alain Bernard official by Aurélien Réaut 2010*/

*{margin:0;padding:0;}
img {border:none;}
html{color:#585656;font: normal 75%/1em Helvetica, Arial, Verdana, Trebuchet MS, sans-serif;background: black url(../img/bgGrey.jpg) repeat-y;}
body{background:black url(../img/bgMain.jpg) no-repeat ;text-align:left;height: 100% ;}

body { behavior: url("css/csshover.htc");} /*Hack pours les pseudo classes :hover pour Internet Explorer 6 */
a {color:#666;font-weight:bold;text-decoration:none;}
a:hover{text-decoration:underline;}
a span.blue{color:#00aad8;}
div#topBar{height:30px;background:url(../img/topBar.jpg) repeat-x;}
div#topMenu{width:960px;display:block;margin-left:37px;position:relative;}

div#topMenu #boxSearch input#search{float:left;color:#454b4e; font-size:10px;width:130px;height:12px;padding:2px;position:relative;}
div#topMenu #boxSearch input#submitEx{background:url(../img/bt-search.jpg) no-repeat;width:21px;height:18px;display:block;text-indent:-50000px;border:none;cursor:pointer;float:left;}
div#topMenu #boxSearch{position:absolute;right:0px;margin-top:4px;width:160px;}
/*div#topMenu #lang{margin-left:3px; display:inline;position:absolute;right:0px;}
div#topMenu #lang a{margin:7px 5px;float:left; display:block;display:inline;}*/

div#all{margin-left:37px;width:960px;height:auto;}

#header{width:960px;overflow:hidden;margin:20px 0;}
#logo, #logo a{width:324px;height:126px;display:block;outline:none;float:left;margin:0 75px 0 3px;display:inline;}
#AlainMot{background:url(../img/alainMot.png) no-repeat; width:326px;height:134px;float:left;margin-top:20px;display:inline;}
#AlainMot h2 {color:#006699;font-size:1.2em;margin:10px 0 15px 90px; }
#AlainMot p{margin:25px 30px 15px 30px;color:#fff; text-align:center;line-height:15px;}
#partenaires {float:left;margin:70px 0 0 40px;display:inline;height:35px;}
#partenaires span#arena a{display:block;width:55px; height:35px;background:url(../img/logo-arena.png) no-repeat left 0;float:left; outline:none;}
#partenaires span#arena a:hover{background-position:left -35px; outline:none;}

#partenaires span#edf a{display:block;width:82px; height:35px;background:url(../img/logo-edf.png) no-repeat left 0;float:left;margin-left:15px;display:inline;}
#partenaires span#edf a:hover{background-position:left -35px;}


#contenu{clear:both;background:url(../img/bgContenu.jpg) repeat-x top #fff;overflow:hidden;padding-bottom:20px;position:relative;width:960px;}
span.orange{color:#f78c58;}
span.gris{color:#898989;}

/*MENU SPRITES*/
#nav{width:960px;background:url(../img/bgNav.jpg);height:35px;}
#nav li{float:left;list-style:none;/*text-indent:-50000px;*/}
#nav li a{display:block;height:35px;position:absolute;background:url(../img/bgNav.jpg) no-repeat;}


li#nav-actualite a{width:162px;background-position:0 0;}
li#nav-monsport a{width:167px;background-position:-162px 0;left:162px;}
li#nav-mavie a{width:154px;background-position:-329px 0; left:329px;}
li#nav-multimedia a{width:172px;background-position:-483px 0;left:483px;}
li#nav-interactif a{width:151px;background-position:-655px 0;left:655px;}
li#nav-partenaires a{width:152px;background-position:-806px 0;left:806px;}

li#nav-actualite a:hover{background-position:0 -35px;}
li#nav-monsport a:hover{background-position:-162px -35px;}
li#nav-mavie a:hover{background-position:-329px -35px;}
li#nav-multimedia a:hover{background-position:-483px -35px;}
li#nav-interactif a:hover{background-position:-655px -35px;}
li#nav-partenaires a:hover{background-position:-806px -35px;}

/*SUBNAV*/
#nav li ul.subNav{position:absolute;left:-999em;width:960px;background:url(../img/bgSubNav.jpg);height:35px;margin-top:35px;}
#nav li:hover ul.subNav, #nav li.sfhover ul.subNav {display:block;left:0px;}
#nav li:hover ul.subNav.navVie li a{left:162px !important}
#nav li ul.subNav li{float:left;display:block;display:inline;}
#nav li ul.subNav li a{font-size:0.9em;color:#fff;text-transform:uppercase; text-decoration:none;font-weight:normal; display:block;height:35px;position:relative;background:url(../img/sep-subNav.jpg) no-repeat 2px 0;text-indent:0px;line-height:35px;text-align:center;outline:none;font-weight:bold;}

li#subnav-news a{width:97px;}
li#subnav-bio a{width:100px;}
li#subnav-calendrier a{width:115px;}
li#subnav-entraineur a{width:108px;}
li#subnav-palmares a{width:96px;}
li#subnav-shark a{width:138px;}
li#subnav-biographie a{width:123px;}
li#subnav-AaZ a{width:102px;}
li#subnav-mafamille a{width:110px;}
li#subnav-mespassions a{width:120px;}
li#subnav-energie a{width:231px;}

#contenu p{line-height:15px;}
#sidebar,#content {float:left;}

/*CONTENT*/
#content{width:640px;margin:43px 8px 20px 8px;display:inline;}

/*--------------------------------SLIDER---------------------------*/
/*
#sliderHome{width:640px;height:386px;background:url(../img/bg_slider_bottom.jpg) repeat-x bottom; position:relative;overflow:hidden;}
#sliderHome a.back{background:url(../img/arrow-left.png) no-repeat; position:absolute;width:14px; height:25px;bottom:30px;left:15px; outline:none;z-index: 2;}
#sliderHome a.next{background:url(../img/arrow-right.png) no-repeat; position:absolute;bottom:30px;width:14px; height:25px; right:15px;outline:none;z-index: 2;}
#sliderHome h3,#sliderHome p{margin-left:60px;text-align:justify;margin-right:60px;}
#sliderHome h3{margin-top:15px;color:#006699;line-height:20px;font-size:14px;}*/


#slideshow {overflow:hidden;width:640px;height:386px;position:relative;background:url(../img/bg_slider_bottom.jpg) repeat-x bottom; }
#slideshow #slidesContainer {margin:0 auto;width:640px;height:386px;overflow:auto; position:relative;}
#slideshow #slidesContainer .slide {margin:0 auto;width:620px; /* reduce by 20 pixels of #slidesContainer to avoid horizontal scroll */height:386px;}
.control {display:block;  width:14px;  height:25px;  text-indent:-10000px;  position:absolute;  cursor: pointer;}
#leftControl {background:url(../img/arrow-left.png) no-repeat 0 0;position: absolute; bottom:25px; left:10px;z-index:200;}
#rightControl {background:url(../img/arrow-right.png) no-repeat 0 0;position: absolute; bottom:25px; right:10px;}
#pageContainer {margin:0 auto;width:960px;}
#pageContainer h1 {display:block;width:960px;height:114px;text-indent: -10000px;}
.slide h2, .slide p { margin:5px 18px ;}
#contenu  .slide p{margin:5px 60px ;line-height:14px;}
.slide h2 {font:normal 15px Arial, Georgia, "Times New Roman", Times, serif;color:#006699;font-weight:bold;}



/*--------------------------------SLIDER ACTU PHOTOS ---------------------------*/
span.caption
{
    display:none !important;
}
.replaced 
{
    height:304px;
    width:640px;
}
#sliderActu{width:640px;height:386px;background:url(../img/bg_slider_bottom.jpg) repeat-x bottom; position:relative;overflow:hidden;}
#sliderActu a.back{background:url(../img/arrow-left.png) no-repeat; position:absolute;width:14px; height:25px;bottom:30px;left:15px; outline:none;z-index: 2;}
#sliderActu a.next{background:url(../img/arrow-right.png) no-repeat; position:absolute;bottom:30px;width:14px; height:25px; right:15px;outline:none;z-index: 2;}
#sliderActu h3{margin-top:5px;color:#006699;line-height:20px;font-size:14px;position:absolute;bottom:60px;left:30px;}

.galleria{list-style:none;width:600px;margin-left:30px;margin-top:25px/*margin-top:46px*/;height:50px;}
.galleria li{overflow:hidden;float:left;margin:0px 6px 10px 0px;background:url(../img/bg-vign-slider.png) no-repeat;width:68px;height:44px; display:inline;}
.galleria li a{display:none;}
.galleria li div{position:absolute;display:none;top:0;left:180px;}
.galleria li div img{cursor:pointer;}
.galleria li.active div img,.galleria li.active div{display:block;}
.galleria li img.thumb{cursor:pointer;top:auto;left:auto;display:block;width:62px;height:38px;}
.galleria li .caption{display:block;padding-top:.5em;}
* html .galleria li div span{width:400px} /* MSIE bug */


/*SPRITES TITRES*/

#boxLastNews h2, #boxMonSport h4,#boxMaVie h4, #boxMusic h2, #boxMonSport h2,#boxMaVie h2, #boxFacebook h2,#content h2#bgBlue,#content h2#bgBlue2, #boxAgenda h2, #boxPalmares h2, #boxAnecdotes h2, h2#bgBlueOr, h3#bgBlue3, #contenu div.news h4, h2#h2Actu,h2#h2Video,h2#bgBlueVie, #boxAaz h2, #boxChangeons h2{background:url(../img/sprites_titres.png) no-repeat;text-indent:-500000px;}

#boxMonSport,#boxMaVie{float:left;width:316px;margin-top:7px;height:580px;background:url(../img/bg-boxHome.jpg) no-repeat;}
#boxMonSport p,#boxMaVie p{line-height:15px;text-align:justify;width:294px;margin:0px 0 0 17px;}
#boxMonSport h2{width:73px;height:17px;background-position:left -50px;margin:11px 0 0 17px;}
#boxMaVie h2{width:46px;height:13px;background-position:left -68px;margin:11px 0 0 17px;}
#boxMonSport h3,#boxMaVie h3{color:#006699;font-size:16px;margin:15px 0 5px 0px;width:298px;line-height:22px;padding:15px 0 0 17px;border-top:1px dotted #b1b1b1;}
#boxMonSport h3 a,#boxMaVie h3 a{color:#006699;font-size:16px;text-decoration:none;padding-top:0;}
#boxMonSport h3 a:hover,#boxMaVie h3 a:hover{text-decoration:underline;}

#boxMonSport ul li h3,#boxMaVie ul li h3{color:#006699;font-size:16px;text-decoration:none;padding-top:0;margin-top:5px;border:0;}
#boxMonSport ul li h3 a,#boxMaVie ul li h3 a{color:#006699;font-size:16px;text-decoration:none;padding-top:0;}
#boxMonSport ul li h3 a:hover,#boxMaVie ul li h3 a:hover{text-decoration:underline;}
#boxMaVie h3{margin-top:19px;}
#boxMaVie .artRecents h3{color:#006699;font-size:16px;width:298px;}

#boxMaVie{margin-left:8px;}
p.date{color:#f78c58;font-size:0.9em;}

p a.plusphoto,p a.plusvideo{float:right;text-decoration:none;line-height:23px;background:url(../img/sprites-puces.png) no-repeat;padding-left:45px;}
p a:hover.plusphoto, p a:hover.plusvideo{text-decoration:underline;}
p a.plusphoto{background-position:left -73px;}/*La classe plusphoto correspond à du texte plus des photos (sur le lien en savoir plus)*/
p a.plusvideo{background-position:left -108px;}/*La classe plusphoto correspond à du texte plus des vidéos (sur le lien en savoir plus)*/


 ul.artRecents li.photo,  ul.artRecents li.video{background:url(../img/sprites-puces.png) no-repeat;}

 ul.artRecents li.photo{background-position:left -181px;}
 ul.artRecents li.video{background-position:left -133px;}


#boxMonSport h4, #boxMaVie h4 {background-position:left -20px ;width:97px;height:15px;margin:10px 0 10px 17px;}

#boxMonSport ul,#boxMaVie ul{list-style:none;}
#boxMonSport ul li,#boxMaVie ul li{border-top:1px dotted #b1b1b1;height:50px;}

/*PAGES INTERNES (mon sport et ma vie)*/
.boxGenerique{background:url(../img/bg-boxGenerique.jpg) no-repeat;width:318px; height:361px; float:left;margin-bottom:5px;}
.boxGenerique.last{margin-left:4px; display:inline;}

.boxGenerique h3{color:#006699;font-size:16px;margin:5px 0 5px 0px;width:298px;line-height:22px;padding:5px 0 0 13px; }
.boxGenerique p {line-height:15px;text-align:justify;width:294px;margin:0px 0 0 13px;}
.boxGenerique p img{margin-top:5px;}
#content h2#bgBlue{width:640px;margin:0px 0px 8px 0px;background-position:left -100px; height:35px;text-indent:-500000px;}
#content h2#bgBlueVie{width:640px;margin:0px 0px 8px 0px;background-position:left -325px; height:35px;text-indent:-500000px;}

#content #boites{clear:both;overflow:hidden;}
ol.nextNews{list-style:none;margin-top:20px; clear:both;}
ol.nextNews li{list-style:none; border-top:1px dotted #b1b1b1; height:50px;}
ol.nextNews li h3 a{color:#006699;font-size:18px;line-height:22px;margin:5px 0 5px 0;padding:5px 0 0 13px;background:url(../img/puce_savoirplus.png) no-repeat right bottom;padding-right:20px;}
ol.nextNews li p.date{padding:0px 0 10px 13px;}

ol.nextNews li.nextnewsphoto ,ol.nextNews li.nextnewsvideo,#allNews li.newsphoto,#allNews li.newsvideo{background:url(../img/sprites-puces.png) no-repeat ;}
ol.nextNews li.nextnewsphoto,#allNews li.newsphoto{background-position:right -180px;}
ol.nextNews li.nextnewsvideo, #allNews li.newsvideo{background-position:right -130px;}

#contenu p.linkBottomRight{text-align:right;line-height:40px;clear:both;}
#contenu p.linkBottomRight a{background:url(../img/puce_savoirplus.png) no-repeat 0 3px;padding-left:10px;}

h2#h2Actu{background-position:left -305px; width:640px;margin:0px 0 15px 0px; padding-bottom:5px;}
h2#h2Video{background-position:left -420px; width:640px;margin:0px 0 15px 0px; padding-bottom:5px;}
#contenu div.news h3{color:#006699;font-size:18px;margin-top:0px;padding:25px 0 0 13px;line-height:25px}

#contenu div.news h5, #contenu div.news h4{font-weight:bold;padding:0px 0 0 13px;margin-top:15px;font-size:1.1em; }
#contenu div.news h4 {background-position:left -293px;margin:15px 0 5px 13px;}
#contenu div.news p.date{line-height:15px;margin-top:5px;}
#contenu div.news p.partage{font-weight:bold;line-height:24px;color:#024364;}
#contenu div.news p.espace a{margin-right:4px;}

#contenu div.news p.partage a {font-weight:normal;}
#contenu div.news p{line-height:16px;padding:0px 13px 0 13px;}
#contenu div.news p.chapeau{margin-bottom:15px;}

#contenu div.news #articlesLies ul{ width:640px; list-style:none;}
#contenu div.news #articlesLies  li{ list-style:none; width:320px;float:left;height:60px; border-top: 1px dotted #b1b1b1;}
#contenu div.news #articlesLies  li h3{padding:10px 0 0 13px;margin:0px;}
#contenu div.news #articlesLies  li h3 a{color:#006699;font-size:18px;line-height:22px;background:url(../img/puce_savoirplus.png) no-repeat right bottom;padding:10px 20px 0 0px;margin:0px;}
/*video*/
#contenu div.videos h3{color:#006699;font-size:18px;margin-top:0px;padding:25px 0 0 13px;}

#contenu div.videos h5, #contenu div.news h4{font-weight:bold;padding:0px 0 0 13px;margin-top:15px;font-size:1.1em; }
#contenu div.videos h4 {background-position:left -293px;margin:15px 0 5px 13px;}
#contenu div.videos p.date{line-height:15px;margin-top:5px;}
#contenu div.videos p.partage{font-weight:bold;line-height:24px;color:#024364;}
#contenu div.videos p.espace a{margin-right:4px;}

#contenu div.videos p.partage a {font-weight:normal;}
#contenu div.videos p{line-height:16px;padding:0px 13px 0 13px;}
#contenu div.videos p.chapeau{margin-bottom:15px;}

#contenu div.videos #articlesLies ul{ width:640px; list-style:none;}
#contenu div.videos #articlesLies  li{ list-style:none; width:320px;float:left;height:60px; border-top: 1px dotted #b1b1b1;}
#contenu div.videos #articlesLies  li h3{padding:10px 0 0 13px;margin:0px;}
#contenu div.videos #articlesLies  li h3 a{color:#006699;font-size:18px;line-height:22px;background:url(../img/puce_savoirplus.png) no-repeat right bottom;padding:10px 20px 0 0px;margin:0px;}

#allNews{width:640px;border-bottom:1px dotted #b1b1b1;}
#allNews li{list-style:none;border-top:1px dotted #b1b1b1;height:52px;}
#content h2#bgBlue2{width:640px;margin:0px 0px 8px 0px;background-position:left -186px; height:35px;}
#allNews li h3 a{color:#006699;font-size:18px;margin:5px 0 0px 0px;line-height:22px;padding:5px 0 0 13px;background:url(../img/puce_savoirplus.png) no-repeat right bottom;padding-right:20px;}
#allNews li p.date{line-height:15px;margin-top:0px;padding:0px 0 0 13px;}
#filtres{line-height:22px;padding:5px 0 0 13px;margin:5px 0 10px 0px;}
#filtres a{font-weight:normal;}
#filtres a:hover,#filtres a.current{color:#3AAAE5;}
#pager{list-style:none; text-align:right;margin-top:15px;}
#pager li{display:inline;margin:0 3px}
#pager li a{text-decoration:underline;}
#pager li a.current{text-decoration:none;color:#3AAAE5;}
#pager li a:hover{color:#3AAAE5;}

.pager{list-style:none; text-align:right;margin-top:15px;}
.pager {display:inline;margin:0 3px}
.pager a{text-decoration:underline;margin:1px}
.pager  a.current,.pager span{text-decoration:none;color:#3AAAE5;font-weight:bold;margin:1px}
.pager  a:hover{color:#3AAAE5;}

/*LIVRE D'OR*/
#content h2#bgBlueOr{width:640px;margin:0px 0px 8px 0px;background-position:left -220px; height:35px;text-indent:-500000px;}
#content h3#bgBlue3{width:640px;margin:15px 0 0 0;background-position:left -257px; height:35px;text-indent:-500000px; padding-bottom:0px;}

#livreOr{background:url(../img/bg-livreOr.jpg) repeat-y 0 bottom transparent ;width:640px;}
#boxLivreOr {background:url(../img/bg-formLivreOr.jpg) repeat-x;width:640px;height:237px;overflow:hidden;}

#livre-or {margin:0px 10px 0 17px;border-top:1px dotted #b1b1b1;position:relative}
#livre-or input, #livre-or textarea{margin:10px 0px 10px 0; display:block;color:#666;padding:2px; border:none;}
#livre-or input{width:200px;}
#contenu #livre-or p.linkBottomRight {line-height:15px;}
#msgLivreOr{width:640px;}
#msgLivreOr li{border-top:1px dotted #b1b1b1;margin-top:5px;}
#msgLivreOr li h3{color:#006699;font-size:18px;margin:5px 0 0px 0px;line-height:26px;padding:5px 0 0 13px;}
#msgLivreOr li p.date{line-height:14px;margin-top:0px;padding:0px 0 0 13px;}
#msgLivreOr p{line-height:16px;padding:5px 10px 0 13px;}

#livreOr #pager{border-top:1px dotted #b1b1b1;padding:5px 10px 12px 0;}
/*SPRITES puces photo video..*/
.texte,.photo,.video{background:url(../img/sprites-puces.png) no-repeat;}
#sidebar h3.texte, #sidebar h3.photo, #sidebar h3.video{padding-left:15px;line-height:14px;margin-bottom:5px;}
#sidebar h3.texte{height:12px;background-position: left 0px;}
#sidebar h3.photo{height:12px;background-position: left -24px;}
#sidebar h3.video{height:12px;background-position: left -49px;}

/*SIDEBAR*/
#sidebar{width:296px;margin:43px 5px 20px 0;}
#sidebar h3{font-size:12px;color:#006699;font-weight:bold;line-height:20px;}
#sidebar .box{clear:both;}

#boxLastNews{width:295px;height:386px;overflow:auto;background:url(../img/bg-boxLastNews.jpg) no-repeat;}
#boxLastNews h2{width:149px;height:19px;margin:14px 0 10px 15px;background-position:0px -397px;}
#boxLastNews ul#listeLastNews{list-style:none; border-top:1px dotted #b1b1b1; border-bottom:1px dotted #b1b1b1;height:320px;overflow:auto;margin:0 1px;width:293px;overflow-x:hidden;}
#boxLastNews ul#listeLastNews li.lastNews{margin:20px 0 20px 0px;border-bottom:1px dotted #b1b1b1;height:105px;width:320px;}
#boxLastNews ul#listeLastNews li.lastNews h3 a{color:#006699;text-decoration:none;}
#boxLastNews ul#listeLastNews li.lastNews h3 a:hover{color:#006699;text-decoration:underline;}
#boxLastNews ul#listeLastNews li.lastNews .vignette{background:url(../img/bg-vign-LastNews.png) no-repeat;width:126px;height:78px;float:left;margin:0 10px; display:inline;}
#boxLastNews ul#listeLastNews li.lastNews .vignette img{margin:3px;}
#boxLastNews ul#listeLastNews li.lastNews .descLastNews {float:left;width:120px;}
#boxLastNews ul#listeLastNews li.lastNews h3{width:130px;border-bottom:1px dotted #b1b1b1;padding-bottom:5px;}
ul#contentListeLastNews{list-style:none; margin:0px;width:600px;overflow:hidden;background:url(../img/bg-contentListeLastNews.jpg) repeat-x;height:600px;margin-top:10px;margin:20px 20px;border:1px solid #f6f6f6;}
ul#contentListeLastNews li.lastNews{margin:8px 0px 8px 00px;border-bottom:1px dotted #b1b1b1;height:105px;width:290px;float:left;display:inline;}
ul#contentListeLastNews li.lastNews h3 a{color:#006699;text-decoration:none;}
ul#contentListeLastNews li.lastNews h3 a:hover{color:#006699;text-decoration:underline;}
ul#contentListeLastNews li.lastNews .vignette{background:url(../img/bg-vign-LastNews.png) no-repeat;width:126px;height:78px;float:left;margin:0 10px; display:inline;}
ul#contentListeLastNews li.lastNews p{padding:0;}
ul#contentListeLastNews li.lastNews .vignette img{margin:3px;}
ul#contentListeLastNews li.lastNews .descLastNews {float:left;width:140px;}
ul#contentListeLastNews li.lastNews h3{width:130px;border-bottom:1px dotted #b1b1b1;padding:0 0 5px 13px;font-size:14px;}
#contenu div.videos ul#contentListeLastNews li.lastNews h3.texte{background-position:0 0;}
#contenu div.videos ul#contentListeLastNews li.lastNews h3.photo{background-position:0 -24px;}
#contenu div.videos ul#contentListeLastNews li.lastNews h3.video{background-position:0 -50px;}



#boxPartenaires{height:80px;position:relative;}
#boxPartenaires ul{margin-top:15px; }
#boxPartenaires ul li {list-style:none;width:80px;height:58px; display:inline;margin-left:30px;}
#boxMusic h2{background-position:left -35px ;width:89px;height:16px;margin:15px 0 10px 0;}
#boxFacebook h2{background-position:left -81px ;width:69px;height:16px;margin:15px 0 10px 0;}

#boxAgenda{width:295px;height:416px;background:url(../img/bg-boxAgenda.jpg) no-repeat;overflow:hidden;}
#boxAgenda h2{background-position:left -135px;width:89px;height:17px;margin:14px 0 10px 15px;}
#boxAgenda ul{width:277px;}
#boxAgenda li {border-top: 1px dotted #3a86ad;padding:10px 0;list-style:none;}
#boxAgenda li .title a{color:#006699;font-weight:bold;font-size:12px;line-height:18px;}
#boxAgenda li .bigDate{font-size:2.5em;line-height:45px;color:#999;display:block;float:left;margin:0 8px;width:80px;height:38px;}

#boxChangeons{background:url(../img/bgChangeons.jpg) no-repeat;width:296px;height:332px;margin:9px 0;overflow:hidden;}
#boxChangeons h2{text-indent:-50000px;background-position:left -377px;width:227px;height:21px;margin:10px 0 10px 15px;}
#boxChangeons p.spec{color:#006699;font-weight:bold;width:150px;margin:40px 10px 0 130px;font-size:14px;text-align:center;line-height:17px;}
#contenu #boxChangeons p.linkBottomRight{width:80px;text-align:left;margin:50px 0 0 200px;line-height:15px;}

#boxAaz{width:295px;height:412px;background:url(../img/bg-boxAz.jpg) no-repeat;overflow:hidden; }
#boxAaz p.linkBottomRight{margin:230px 15px 0 0;}
#boxAaz h2{background-position:left -363px;width:110px;height:15px;margin:12px 0 10px 15px;}

#boxPalmares{width:295px;height:314px;background:url(../img/bg-boxPalmares.jpg) no-repeat;clear:both;overflow:hidden;}
#boxPalmares h2{background-position:left -153px;width:106px;height:16px;margin:12px 0 10px 15px;}
#palmares{background:#fff;width:151px;height:83px;float:left;margin:40px 0 0 120px;display:inline;}
#palmares p{text-align:center;line-height:20px;}
#palmares p.niveau{font-weight:bold;font-size:14px;color:#006699;margin-top:6px;}
#palmares p.record{font-weight:bold;font-size:2.2em;line-height:30px;}
#boxPalmares p.linkBottomRight{margin:15px 45px 0 0;padding-top:20px;}

#boxAnecdotes{width:295px;height:314px;background:url(../img/bg-boxAnecdotes.jpg) no-repeat;overflow:hidden;}
#boxAnecdotes h2{width:121px;height:13px;background-position:left -170px;margin:14px 0 10px 15px;}
#anecdotes{background:#fff;width:148px;height:132px;text-align:center;float:left;margin:20px 0 0 15px;display:inline;}
#anecdotes p{margin:5px;}
#anecdotes p.title{font-weight:bold;font-size:14px;color:#006699;margin-top:10px;}
#boxAnecdotes p.linkBottomRight{text-align:left; margin-left:15px;}
#boxFacebook {overflow:hidden;height:237px;border-bottom:1px solid #94a3c4;/*border-right:1px solid #94a3c4*/}
/*FOOTER*/
#footer{text-align:center;background:#fff;padding-bottom:20px;clear:both;}
.FB_SERVER_IFRAME {height:115 !important;}

.fixhauteur {min-height:45px;}
.clear {clear:both}
.clearing {visibility:hidden;line-height:0;clear:both;margin:0;padding:0}
.left {float:left}
.marge {margin-left:4px;margin-top:16px;}
.positionpseudo {position:absolute;top:11px;left:212px}
.positionemail {position:absolute;top:41px;left:212px}
.positionmessage {position:absolute;top:189px;left:406px}
/* 
    root element for the scrollable. 
    when scrolling occurs this element stays still. 
*/ 
div.scrollable { 
 
    /* required settings */ 
    position:relative; 
    overflow:hidden; 
    width: 640px; 
    height:45px; 
	margin-left:28px;
    margin-top:28px;
} 
 
/* 
    root element for scrollable items. Must be absolutely positioned 
    and it should have a extremely large width to accomodate scrollable items. 
    it's enough that you set width and height for the root element and 
    not for this element. 
*/ 
div.scrollable div.items { 
    /* this cannot be too large */ 
clear:both;
position:absolute;
width:20000em;
} 
 
/* 
    a single item. must be floated in horizontal scrolling. 
    typically, this element is the one that *you* will style 
    the most. 
*/ 
div.scrollable div.items div { 
    float:left; 
} 
 
/* you may want to setup some decorations to active the item */ 
div.items div.active { 
    border:1px inset #ccc; 
    background-color:#fff; 
}
div.scrollable div.items span
{
background:transparent url(../img/bg-vign-slider.png) no-repeat scroll 0 0;
margin:0 6px 10px 0;
width:68px;
height:44px;
display:inline;
float:left;
}
div.scrollable div.items img {

cursor:pointer;
float:left;
height:38px;
margin-left:1px;
margin-top:1px;
padding:2px;
width:62px;
}
/* styling for the image wrapper  */ 
#image_wrap { 
    /* dimensions */ 
    width:640px; 
    margin:0; 
    padding:0; 
 
    /* centered */ 
    text-align:center; 
 
    /* some "skinning" */ 
    background-color:#efefef; 

    outline:1px solid #ddd; 
    -moz-ouline-radius:4px; 
}
#contenu div.videos ul#contentListeLastNews li.lastNews h3.bordernone{font-size:12px;width:270px;border-bottom:none !important;margin-left:10px;padding-left:15px;}
#boxLastNews ul#listeLastNews li.lastNews h3.bordernone {width:230px;border-bottom:none !important;margin-left:10px;padding-left:15px;}
.lemot {margin-left:146px;}
#video_flash {margin-top:9px}
