body > div {width:1024px; margin: 0 auto;}
div#mainContentTop .container > div.mod{display:inline-block; vertical-align:top;}





/*todo add color orange_riffx : #f47003 todo use*/
/********** STYLES CSS CM MUSIQUE 2014 **********/
body{color:#252931;font-size:12px;font-family:Arial;background:url(/fr/images/css/style/bg-body.png) repeat-x top left;background-color:#e2e8ea;}
body.standalone{background:#FFF}
body.standalone .container{width:auto;}
/*body .container{position:relative;width:990px;margin:auto;}*/
body #main > .container{margin-top:20px;}
*{margin:0;padding:0}
p{hyphens:auto;-webkit-hyphens:auto;-moz-hyphens:auto;-ms-hyphens:auto;-o-hyphens:auto;word-wrap:break-word}
img{border:none}
ul,li{list-style-type:none}
button{cursor:pointer;background:none;border:none}
.nof{clear:both;float:none;margin:0}
.titre{font-weight:bold}
a:hover{cursor:pointer;text-decoration:underline}
a,a:active{color:#252931;text-decoration:none}
.mod a.lien,.side a.lien{clear:both;display:block;color:#FF4E00;font-size:10px;text-align:right}
#main .mod a.lien{font-weight:bold;font-family:Arial;color:#FFFFFF;font-size:13px;text-align:center;background-color:#2f323a;height:42px;padding:0;margin:0;line-height:42px;border-top:2px solid #f47003;}
#main .mod.murDuSon a.lien,.mod.murDuSon a.lien{text-transform:uppercase;font-weight:bold;color:#FFFFFF;font-size:20px;text-align:center;background-color:#f47003;height:42px;padding:0;margin:0;line-height:42px;}
.mod .lien,#contactsProfil .lien{padding:2px 10px;margin:5px 0;background:#E0E1E2}

/***** STRUCTURE *****/
#wrapper{position:relative;margin:0 auto;}
.mainContent{width: 660px;float: left;}
#main.home .mainContent{width: 990px;position:relative;}
.mainContent.full{width:100%;float:none}
.mainContent.bloc{width:635px}
.side{float:right;width:300px;padding:0 0 20px}
.bloc,.row{margin:0 0 20px}

/*Header*/
#header{position:relative;height:185px;z-index: 200;font-family:Cuprum;}
#header .container{z-index:20;position:relative}
/*.logo{float:left;width:137px;height:41px;position:relative;top:15px;background-color:#FFFFFF;padding:0 10px;clear:left;}
.logo-cm{float:left;width:154px;height:24px;position:relative;background-color:#FFF;clear:left;top: -9px !important;margin:0 0 0 10px;}*/
.logo{position:absolute;top:65px;left:0}
.logo-cm{clear:both;float:left;background:#fff;margin:-9px 0 0}
.logo-cm{*margin:-13px 0 0}

/**+html .logo{margin-top:-4px}*/
#partnerOffer{float:left;margin:0 90px 0 0}
#search input,#filter #nickname{width:168px;height:31px;padding:0 0 0 30px;color:#BFBFBF;line-height:31px;border:none;background:url(/fr/images/css/style/rechercher.png) no-repeat bottom}
/*Topnav*/
.topNav{position:relative;height:53px;background:#252931;z-index:1000;border-bottom:1px solid #f47003;}
.topNav a,.topNav ul,.topNav button{color:#FFF}
/*.logo_nav a,.logo_nav button{font-weight:bold}*/
#identification{float:right;line-height:38px;text-align:right;font-family:Arial;font-weight:bold;font-size:13px;}
.topNav #identification li{display:inline;float:right;height:53px;width: 115px;}*/
#identification li.myProfile{width:165px;}
#identification li.signUp,#identification li.myProfile{background-color:#565d6a;}
#identification li.signIn,#identification li.signOut{background-color:#8f4100;border-left:1px solid #717681;}
.signUp a,.myProfile a{display: block;background-color:#565d6a;border-left:1px solid #717681;text-align:center;padding:7px;}
.signIn a,.signOut a{text-align:center;display: block;background-color:#8f4100;border-left:1px solid #000000;padding:7px;}
/**Connected mode**/
#identification.complete li{width:47px;}
#identification.complete li.myProfile{height:37px;border-left:1px solid #d4ceca;}
#identification.complete li.myProfile a{border:none;padding:0;}
#identification.complete li.menu_item{height:16px;clear:right;background:url(/fr/images/css/style/menu-link.png);width:48px;cursor:pointer;}
#identification.complete li.menu_item ul#menu_profil{display:none;background-color:#f47105;float:right;position:relative;top:16px;}
/*hack IE7*/*:first-child+html #identification.complete li.menu_item ul#menu_profil{display:none;background-color:#f47105;float:right;position:relative;top:16px;left:-172px;}
#identification.complete li.menu_item ul#menu_profil li{text-align:left;width:170px;height:14px;padding:12px 0 12px 30px;border-bottom:1px solid #b55b12;color:#FFFFFF;line-height:13px;margin:0 10px;}
#identification.complete li.menu_item ul#menu_profil li.signOut{border:none;background:url(/fr/images/css/style/pictos-menu.png) no-repeat 5px -95px;}
#identification.complete li.menu_item ul#menu_profil li.signOut a{background-color:#f47105;border-left:none;text-align:left;display:inline;padding:0;}
#identification.complete li.menu_item ul#menu_profil li.codeAvantage{background:url(/fr/images/css/style/pictos-menu.png) no-repeat 5px -60px;}
#identification.complete li.menu_item ul#menu_profil li.myAccount{background:url(/fr/images/css/style/pictos-menu.png) no-repeat 5px 8px;}
#identification.complete li.menu_item ul#menu_profil li.myAccountEdit{background:url(/fr/images/css/style/pictos-menu.png) no-repeat 5px -23px;}

#header .slogan{display:block;padding:16px 0 0;color:#FFF;font-size:17px;height:37px;margin-left:10px;border-right:1px solid #4a4d53;padding-right:20px;float:left;}
#header .slogan span{color:#fd7408}
#header .radio{display:block;padding:9px 0 0;color:#FFF;font-size:22px;height:37px;margin-left:10px;float:left;line-height:20px;}
#header .radio span{color:#fd7408;font-size:17px;margin-left:5px;display:block;float:left;}
#header .player_play{cursor:pointer;float:left;padding:30px 0 0;color:#FFF;font-size:17px;height:23px;margin-left:10px;border-right:1px solid #4a4d53;padding-right:15px;background:url(/fr/images/css/style/play.png) 31px 7px no-repeat;}
#header .player_play span{border-left:1px solid #4a4d53;padding:15px 0 0 15px;font-size:13px;}
#header .gsc-search-box{width:210px}
#header .gsc-input{width:180px}
#header .gsc-input input{border:1px solid #A8ACAD;line-height: 36px;}
#header .gsc-search-box td{padding:0;background:none}
#header input.gsc-input{width:170px;height:32px;background-color:#e9e9e9;}
#header input.gsc-search-button,.mainContent input.gsc-search-button{font-size:0px;float:right;width:36px;height:36px;background-image:url(/fr/images/css/style/search.png);min-width:0;color: rgba(0, 0, 0, 0);cursor:pointer;}
#header td.gsc-clear-button{display:none;}
#header .nav{clear:both;top:3px;/*height:22px;*/position: relative;}
*+html #header .nav{margin:0}
#header .nav li{display:inline;margin:0 12px;line-height:27px}
#header .nav li.last{position:absolute;right:0;top:-16px;padding:15px;margin:0;background:#F47003}
#header .nav a{font-size:14px;letter-spacing:1px;text-transform:uppercase}
#header .nav li.last a{color:#FFF;font-size:19px;text-transform:uppercase}
#siteCM{display:block;width:140px;height:22px;margin:0 0 0 820px;text-indent:-6000px}
.nav .accueil a{float:left;width:25px;height:22px;}
.accueil span{display:none}
.nav .aide{font-weight:bold}
.nav a{color:#252931}
#menuMain_2,.level2{margin:0 0 20px}
#menuMain_2.nav li,.level2.nav li{line-height:28px}
#menuMain_2.nav a,.level2.nav a{display:block;padding:5px 2px 7px;color:#717171;font-size:35px}
#menuMain_2.nav a:hover,#menuMain_2.nav .selected a,
.level2.nav a:hover,.level2.nav .selected a{color:#e38335;text-decoration:none;background:#FFF;font-family: 'Cuprum',Arial,sans-serif;}
#networks{clear:right;float:right;margin:25px -4px 0 0;}
#networks li{float:left;margin:3px 5px 0;}
#networks .fb{margin-left:0}
#networks li a{display:block;width:35px;height:35px;background-image:url(/fr/images/css/style/networks.png);background-repeat:no-repeat;}
#networks .fb a{background-position:0 0}
#networks .twitter a{background-position:0 -36px}
#networks .gPlus a{background-position:0 -72px}
#networks .newsletter a{background-image:url(/fr/images/css/style/picto-lettre.jpg);background-repeat:no-repeat;}
#main h2.soundwall{text-align:center;background:url(/fr/images/css/style/bg-title-une.png) repeat-x;margin:20px 0;font-size:24px;font-weight:normal;line-height:22px;text-transform:uppercase;color:#252931;text-shadow: 2px 2px 0px #fff;}
#main h2.soundwall span{background-color:#e2e8ea;padding:0 10px;}
#main,#mainContentTop{background-color:#e2e8ea;overflow:hidden;width:100%;}
#main .banniere_pub,#mainContentTop .banniere_pub{margin:25px 0;width:990px;}
#mainContentTop.home{}
#main .mod.teaser{margin: 20px 0;}
.mod.murDuSon  > div li img,.mod.murDuSon  > div li iframe{float:left;margin-right:10px;cursor:pointer;}
.mod.murDuSon  > div li .soundInfos{float:left;width:190px;font-family:Arial;height:69px;overflow:hidden;}
.mod.murDuSon  > div li .soundInfos span.static{font-size:13px;font-weight:bold;margin-bottom: 5px;}
.mod.murDuSon  > div li .soundInfos span.dynamic{font-size:12px;font-weight:normal;}
.mod.murDuSon > div {background-color:#FFFFFF;padding:10px;margin-bottom:1px;width:305px;float:left;}
.mod.murDuSon .cdc{height:109px;}
.mod.murDuSon .most-liked h3{background:url(/fr/images/css/style/picto-most-liked.png) no-repeat;}
.mod.murDuSon .last-post h3{background:url(/fr/images/css/style/picto-last-video.png) no-repeat;}
.mod.murDuSon .cdc h3{background:url(/fr/images/css/style/picto-cdc.png) no-repeat;}
.mod.murDuSon h3{font-family:Cuprum;padding-left:35px;color:#252931;font-size:16px;text-transform:uppercase;height:35px;}
#mainMembers{background-color:#FFFFFF;}
#mainMembers .container .members{padding:20px 0;}
#mainMembers .container .members .jcarousel-container{padding:0 20px;}
#mainMembers .container .members .jcarousel-container .jcarousel-next{background:url(/fr/images/css/style/next-members-car.png) no-repeat;position:relative;top:-80px;width:13px;height:29px;float:right;left:20px;cursor:pointer;}
#mainMembers .container .members .jcarousel-container .jcarousel-prev{background:url(/fr/images/css/style/prev-members-car.png) no-repeat;position:relative;top:-80px;width:13px;height:29px;float:left;left:-20px;cursor:pointer;}
#mainMembers .container .members h2{font-family:Cuprum;text-align:center;background:url(/fr/images/css/style/bg-title-une.png) repeat-x;margin:0 0 20px;font-size:24px;font-weight:normal;line-height:22px;text-transform:uppercase;color:#252931;text-shadow: 2px 2px 0px #fff;}
#mainMembers .container .members h2 span{padding:0 10px;background-color:#FFFFFF;}
#main.home .mainContent .mod {width:310px;height:300px;float:left;margin:20px 30px 20px 0;}
#main.home .mainContent .mod#ArticlePratique{clear:left;}
/*#main.home .mainContent .mod#ArticlePratique,#main.home .mainContent .mod.evenementsUne,#main.home .mainContent .mod.fb{margin-top:40px;}*/
#main.home .mainContent .mod.fb,#main.home .mainContent .mod.radio,#main.home .mainContent .mod.twit{margin-right:0;}
#main.home .mainContent .mod.radio{position: absolute;right:0;bottom:0;margin:0;padding:0;width:645px;height:289px;}
#main.home .mainContent .mod.live{height:100%;padding-bottom:25px;}
#main.home .mainContent .mod.live #tabs-1{max-height:550px;*/overflow-y : auto;overflow-x:hidden;background-color:#FFFFFF;}
#main .mod.live #tabs-1{background-color:#FFFFFF;max-height:550px;*/overflow-y : auto;overflow-x:hidden;}/*todo test validation*/
#main.home .mainContent .mod.twit{width:300px;} 
#main .mod.fb iframe,#main .mod.twit iframe,#main .mod.forum ul,#main .mod.evenementsUne ul,
#main #ArticlePratique.mod img,#main #ArticlePratique.mod ul{background-color:#FFFFFF;margin-bottom: 0;}
#main .mod.forum ul{max-height:275px;overflow-y:scroll}
#main .mod#ArticlePratique img{width:100%;overflow:hidden;height:167px;}
#main .mod#ArticlePratique ul{height:38px;font-family:Arial;font-weight:bold;font-size:13px;padding:10px;}
#main .mod#ArticlePratique ul a{display:none;}
#main .mod#ArticlePratique ul h3 a{display:block;}
#main .mod.evenementsUne,#main .mod.evenementsListe{float: left;margin-top:20px;}
#main .mod.evenementsUne ul{height:223px;}
#main .mod.evenementsListe ul{max-height:225px;}
#main .mod.evenementsUne ul,#main .mod.evenementsListe ul{background-color:#FFFFFF;}
#main .mod.evenementsUne ul li,#main .mod.evenementsListe ul li{border-bottom: 1px solid #e8e8e8;}
#main .mod.evenementsUne a.lien,#main .mod.evenementsListe a.lien{float:left;width:150px;clear:left;}
#main .mod.evenementsUne a.lien.last,#main .mod.evenementsListe a.lien.last{clear:none;border-left:1px solid #46494f;width:149px;}
#main.home .mod.evenementsUne a.lien{float:left;width:155px;clear:left;}
#main.home .mod.evenementsUne a.lien.last{clear:none;border-left:1px solid #46494f;width:154px;}
#footer{clear:both;height:21px;padding:17px 0;color:#000000;border-top:1px solid #FF4E00;background-color:#FFF;font-family:Arial;}
#footer .container ul{float:left;font-size:14px;}
#footer ul li{display:inline;padding:5px 20px;border-left:1px solid #f47105;}
#footer ul li.first{border:0;}
#footer a,#footer li{font-weight:bold}
#footer .copyright{float:right;}
#footer .copyright span{position: relative;top: -5px;margin-right:5px;}
#ariane{margin:15px 0 25px 0;}
#ariane,#ariane a{color:#262a32;font-family:Arial;}
#ariane li{display:inline}
#tabs .lien{margin:5px 0 0;font-size:10px;background:#e0e1e2}
.btn{display:block;height:31px;padding:0 35px;line-height:31px;color:#FFF;font-size:11px;font-weight:bold;text-align:center;border:none;cursor:pointer;font-family:Arial;background:#f56c03;background:-moz-linear-gradient(top,#F87800,#Fe5600);background:-webkit-gradient(linear,left top,left bottom,from(#f87800),to(#fe5600));border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 4px #8d4603 inset;-moz-box-shadow:0 0 4px #8d4603 inset;-webkit-box-shadow:0 0 4px #8d4603 inset;text-shadow:1px 1px 1px #999}
.btn.grey{padding:0 15px;background:#666;box-shadow:0 0 4px #333 inset;-moz-box-shadow:0 0 4px #333 inset;-webkit-box-shadow:0 0 4px #333 inset}
a.btn,a.btn.grey{padding:10px 15px 7px}
*+html .btn,*+html .thinBtn{padding:0 5px}
.thinBtn{float:right;height:17px;line-height:17px;padding:0 15px 3px;color:#FFF;font-size:11px;text-align:center;border:none;cursor:pointer;font-family:Helvetica;background:#f56c03;background:-moz-linear-gradient(top,#f87800,#fe5600);background:-webkit-gradient(linear,left top,left bottom,from(#f87800),to(#fe5600));border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px;box-shadow:0 0 4px #8d4603 inset;-moz-box-shadow:0 0 4px #8d4603 inset;-webkit-box-shadow:0 0 4px #8d4603 inset;text-shadow:1px 1px 1px #999}
/*Pager*/
.pager{clear:both;padding:5px;text-align:center;background:#FFF}
.pager li{display:inline;margin:0 3px;font-size:14px}
.pager a,.pager li{color:#E38335}
.pager .selected{font-weight:bold}

/*SOUNDWALL*/
#soundwall .preview ul,#soundwall .bottom_link{font-family:Arial;}
#soundwall div.preview > h2{font-family:Cuprum;position:relative;background:url(/fr/images/css/style/bg-title-une.png) repeat-x;text-align:center;margin:0 0 20px;font-size:24px;font-weight:normal;line-height:22px;text-transform:uppercase;color:#252931;text-shadow: 2px 2px 0px #fff;}
#soundwall div.preview > h2 span{background-color:#FFFFFF;padding:0 10px;}
#soundwall .preview{background-color:#FFFFFF;margin:18px 0 0 0;padding:20px 20px 0 20px;float:left;width: 620px;}
#soundwall .preview ul li{width:190px;margin-right:15px;float:left;}
#soundwall .preview ul li img{cursor:pointer;}
#soundwall a.bottom_link{font-size:16px;text-align:center;float:left;background-color:#353840;line-height:42px;border-top:2px solid #f47003;width:100%;color:#FFFFFF;margin-bottom:20px;}
#soundwall .preview ul li p.soundInfos{margin:10px 0;overflow:hidden;}
#soundwall .preview ul li p.soundInfos span{float:left;clear:left;}
#soundwall .preview ul li p.soundInfos .song_date{font-size:9px;background-color:#23272f;padding:3px;border-radius:3px;color:#FFFFFF;margin:5px 0;width:184px;}
#soundwall .preview ul li p.soundInfos .song_author{color:#f47003;font-weight:bold;}
#soundwall .preview ul li p.soundInfos .song_title{color:#252931;font-weight:bold;}

/***** TITRES *****/
#relatedContent > p{font-family:'Cuprum',sans-serif;font-weight:normal}
/*h1.title{padding:0 0 2px 25px;margin:0 0 5px;font-size:18px;font-family:'Cuprum',sans-serif;font-weight:normal;text-transform:uppercase;background-image:url(/fr/images/css/style/mainTitle.png);background-repeat:no-repeat;border-bottom:1px solid #666}*/
h1,p.a_titre1{margin: 25px 0 10px;font-size: 28px;font-weight: normal;line-height: 28px;text-transform: uppercase;color: #252931;text-shadow: 2px 2px 0px #fff;}
h1.title{margin: 0 0 10px;font-size: 28px;font-weight: normal;line-height: 22px;text-transform: uppercase;color: #252931;text-shadow: 2px 2px 0px #fff;}
#t-inscription{margin:25px 0 0 0;width:100%;}
#t-notifications{margin:25px 0;width:100%;}
#t-murDuSon{font-weight:bold;}
#annonces.mainContent h1.title{margin-top:25px;}
/*#t-actualite{background-position:10px -199px;padding:0 0 2px 35px;}
#t-en-pratique{background-position:0 -163px}
#t-communaute{padding:0 0 2px 44px;background:url(/fr/images/css/style/titres-modules.png) no-repeat 0 -58px}
#t-murDuSon{background-position:0 -130px}
#t-forum{float:left;background-position:0 -33px;border:none}
#t-inscription,#t-edition{background-position:0 0;border:none}
#t-aide,#t-partenaires{padding:0;background:none}
#t-edition{margin-left:402px}
#t-live{background-position:0 -97px}
#t-notifications{padding:0 0 5px;background:none}
#t-notifications span{float:left;width:21px;height:11px;padding:3px 0;margin:0 5px 0 0;color:#FFF;font-size:10px;font-family:Arial,Verdana,Tahoma,sans-serif;text-align:center;background:url(/fr/images/css/style/mainTitle.png) no-repeat left -65px}
#t-annonces{background-position:0 -231px}
#t-eventCreation{padding:0;background:none;border:none}
#t-instructions{color:#427584;background-position:0 -268px}*/
.surtitre{display:block;font-size:14px}
.accroche{font-size:12px;margin:0 0 15px}

/***** MODULES *****/
.side .mod{margin:0 0 20px;}
.mod > h2{font-family:Cuprum;text-align:center;margin:0 0 8px;font-size:24px;font-weight:normal;line-height:22px;text-transform:uppercase;color:#252931;text-shadow: 2px 2px 0px #fff;/*background-image:url(/fr/images/css/style/titres-modules.png);background-repeat:no-repeat*/}
.mod h3{font-size:12px}
 
/*NewsMusique*/
#ActuAlaUne #mycarousel li{float:left;width:270px;height:275px;padding:15px;background:#FCFCFC}
#ActuAlaUne #mycarousel li img{display:block;margin:0 auto 10px}
#ActuAlaUne #mycarousel li h3{margin:0 0 5px}
#ActuAlaUne #mycarousel li p{color:#666;font-size:11px}
#ActuAlaUne .jcarousel-prev-horizontal,#ActuAlaUne .jcarousel-next-horizontal{top:110px;margin:0 10px;cursor:pointer}
#ActuAlaUne .jcarousel-prev-horizontal{left:15px}
#ActuAlaUne .jcarousel-next-horizontal{right:15px}
#NewsMusique,#laCommunaute{width:375px;margin:0 0 20px 0}
/*#NewsMusique h2,#ActuAlaUne h2{padding:0 0 3px 22px;background-position:0 0}*//*todo test validation*/
#NewsMusique ul{float:left}
#NewsMusique .jcarousel-clip{width:320px}
#NewsMusique .carrousel li{width:320px;height:170px}
#NewsMusique .carrousel-conteneur{margin:10px auto}
#NewsMusique .jcarousel-prev-horizontal,#NewsMusique .jcarousel-next-horizontal{top:80px;cursor:pointer}
#NewsMusique img{float:left;margin:0 10px 0 0}
#NewsMusique h3 span{display:block;font-size:10px;font-weight:lighter}
#NewsMusique p{color:#79797A;font-size:11px}
/*Evenements a la une*/
.evenementsUne{width:250px}
.side .mod.evenementsUne{width:300px;float:left;}
/*.evenementsUne h2{padding:0 0 3px 28px;background-position:0 -27px}*/
.evenementsUne h3,.evenementsListe h3{font-weight:normal}
.evenementsUne li,.evenementsListe li{padding: 10px 5px 10px 10px;font-family: Arial;font-weight: bold;font-size: 13px;margin: 10px 10px 0 10px;width: 264px;background-color: #FFFFFF}
.evenementsUne .even,.evenementsListe .even{background:#FDFDFD}
.evenementsUne .date,.evenementsListe .date{font-weight:bold;color:#FF4E00;font-family;Arial,Verdana,Tahoma,sans-serif}
.mod.evenementsUne .lien,.mod.evenementsListe .lien{text-align:center}
/*Ca fait du bruit - pres de chez vous*/
.mod.evenementsListe h2{background:none}
/*.mod.evenementsListe.caFaitDuBruit h2{background:url(/fr/images/css/style/titres-modules.png) no-repeat right -201px}*/
/*Live*/
/*.mod.live h2{padding:0 0 3px 40px;background-position:0 -57px}*/
.col1 .mod.live{width:375px}
#main .mod.live li{padding-left:15px;font-family:Arial;font-weight:bold;font-size:13px;margin: 10px 10px 0 10px;width:264px;background-color:#FFFFFF;background:url(/fr/images/css/style/pop-communaute.png) no-repeat 0 6px;}
#main .mod.live li{padding-left:15px;font-family:Arial;font-weight:bold;font-size:13px;margin: 10px 10px 0 10px;width:264px;background-color:#FFFFFF;background:url(/fr/images/css/style/pop-communaute.png) no-repeat 0 6px;}
#main .mod.live li a{display:none;}
#main .mod.live li p a{display:inline;}
#main .mod.live li span.time{display:none;}
.mod.live li{display:inline-block;width:97%;padding:5px;border-bottom:1px solid #CCC}
.mod.live li a{color:#FF4E00;font-weight:bold}
.mod.live li #noFollower{text-decoration:underline}
.mod.live p{margin:0 0 5px}
.mod.live img{float:left;margin:0 10px 3px 0}
.col1 .mod.live .ui-tabs-nav{display:none}
.side .mod.live.ui-tabs .time{display:block;font-size:10px;text-align:right}
.side .mod.live li{width:290px;display:inline-block}
/*Mur du son*/
.murDuSon{width:325px; margin:25px 0;}
.side .mod.murDuSon{width:300px}
.murDuSon h2{height:45px;background-color:#565d6a;line-height:45px;text-align:center;}
.murDuSon h2 a{color:#FFFFFF;text-shadow:none;}
.murDuSon li{padding:5px;margin:0 0 5px;line-height:16px}
.murDuSon li object,.murDuSon li embed{float:left;margin-right:10px;}
.murDuSon span{display:block;font-weight:normal}
.murDuSon .votes{float:left;margin:0 15px 2px 0;color:#FFF;text-align:center}
.murDuSon .votes span{font-size:22px;font-weight:bold}
.murDuSon .n1,#murDuSon .n1 > div{background:#878585}
.murDuSon .n2,#murDuSon .n2 > div{background:#908e8e}
.murDuSon .n3,#murDuSon .n3 > div{background:#989696}
.murDuSon .n4,#murDuSon .n4 > div{background:#9e9d9d}
.murDuSon .n5,#murDuSon .n5 > div{background:#a5a4a4}
.murDuSon .n6,#murDuSon .n6 > div{background:#acabab}
.murDuSon .n7,#murDuSon .n7 > div{background:#b2b1b1}
.murDuSon .n8,#murDuSon .n8 > div{background:#bab9b9}
.murDuSon .n9,#murDuSon .n9 > div{background:#c0bebe}
.murDuSon .n10,#murDuSon .n10 > div{background:#c1c0c0}
.murDuSon .n11,#murDuSon .n11 > div{background:#c9c8c8}
.murDuSon .n12,#murDuSon .n12 > div{background:#d2d1d1}
.murDuSon .n13,#murDuSon .n13 > div{background:#dedcdc}
.murDuSon .n14,#murDuSon .n14 > div{background:#e3e1e1}
.murDuSon .n15,#murDuSon .n15 > div{background:#eae8e8}
/*Fiches pratiques*/
#ArticlePratique{width:250px}
.side #ArticlePratique{width:300px;/*margin-left: -20px;*/}
/*#ArticlePratique h2{padding:0 0 3px 28px;background-position:0 -139px}*/
#ArticlePratique img,#ArticlePratique ul{margin:0 0 10px}
#ArticlePratique li > a{color:#Ff4e00;font-size:11px}
/*Forum*/
/*.mod.forum h2{float:none;padding:0 0 3px 28px;background-position:0 -171px}*/
.mod.forum h3{font-weight:normal;border-bottom:1px solid #e8e8e8; padding:0 0 12px 25px;margin:0;background:url(/fr/images/css/style/pop-forum.png) no-repeat 0 2px;}
.mod.forum h3 span{font-weight:bold}
.mod.forum h3 a{color:#000;font-size:12px;font-weight:normal}
.mod.forum li{padding: 12px 10px 0 10px;}
.mod.forum li span{display:block}
.mod.forum li > span{font-size:10px;text-align:right;}
#main.home .mod.forum li > span{display:none;}
/*Bloc d'informations*/
.messageBox,.blocmsg{padding:10px;margin:0 0 20px;color:#a8a8a8;border-style:solid;border-width:1px;border-color:#a8a8a8}
.messageBox.validation,.messageBox.warning,.messageBox.error{color:#f40303;border-color:#f40303}
.messageBox.success{color:#f57710;border-color:#f47303}
.messageBox ul{margin:0 0 0 25px}
.messageBox li{margin:0 0 3px;list-style-type:square}
/*Join community*/
.joinCommunity,.teaser{font-family:'Cuprum',sans-serif;background:#FFF}
.joinCommunity p,.teaser p{margin:0 10px;color:#666;font-size:17px}
.joinCommunity .title,.teaser .title{padding:0 0 0 53px;margin:0 0 5px 3px;color:#f47403;font-size:45px;background:url(/fr/images/css/style/forum-bandeau.gif) no-repeat left}
.mod.joinCommunity div{overflow:hidden;margin:15px 0 0;background:#999}
.mod.joinCommunity div p{margin:10px;color:#FFF;font-size:18px}
.mod.joinCommunity div span{text-transform:uppercase}
.mod.joinCommunity div a{margin:5px auto 10px;border-bottom:1px solid #FFF}
.mod.joinCommunity div a{width:100px}
.joinCommunity.cm .title{font-size:36px;color:#000}
.joinCommunity.cm p{font-size:20px}
.joinCommunity.cm > p img{margin:0 3px;vertical-align:bottom}
.joinCommunity.cm .btn{height:22px;line-height:22px;padding:5px 30px}
/*Edite ton profil*/
.mod.connected div img{float:left;margin:0 20px 0 0}
.mod.connected div p{margin:10px 0 5px;font-size:20px;text-transform:uppercase}
.mod.connected div a{float:right;margin:0 15px 0 0}
/*Deposer annonce*/
#deposerAnnonce a{width:140px;padding:0 15px;text-transform:none;margin:10px 0;}
/*Dernieres offres*/
/*#dernieresOffres h2{padding:0 0 3px 28px;background-position:0 -110px}
#dernieresOffres li{padding:5px 5px 5px 12px;background:url(/fr/images/css/style/pictos.png) no-repeat 2px -37px}
#dernieresOffres .even{background:#FDFDFD url(/fr/images/css/style/pictos.png) no-repeat 2px -37px}*/
#dernieresOffres{padding:12px 12px 12px 18px;background:url(/fr/images/css/style/dernieresPa.jpg) no-repeat left top}
#dernieresOffres h2{color:#f47403;font-size:17px;font-family:'Cuprum',sans-serif;background:none;border:none}
#dernieresOffres li{line-height:20px}
#dernieresOffres li a{color:#7e5529}
#dernieresOffres .lien{background:none}
/***** PAGES SPECIFIQUES ***
/*HOME*/
.row{clear:both}
.col1{float:left;margin:0 0 10px}
.col2{float:right}
#AlaUneTop{width:640px;margin:40px 20px 0 0;}
#AlaUneTop .jcarousel-container,#AlaUneTop .jcarousel-container .jcarousel-item,#AlaUneTop .jcarousel-container .jcarousel-item img{height: 440px;width: 640px;position:relative;}
#AlaUneTop .jcarousel-container .jcarousel-item h3{font-family:Cuprum;height:90px;background-color:#000000;opacity:0.7;filter:alpha(opacity=70);position:absolute;left:0;bottom:0px;width:600px;font-size:30px; text-align:center;padding: 35px 20px 0 20px;}
#AlaUneTop .jcarousel-container .jcarousel-item h3 a{color:#FFFFFF;text-transform:uppercase;}
#AlaUneTop .jcarousel-container .jcarousel-item p,#AlaUneTop .jcarousel-container .jcarousel-item h3 span {display:none;}
#AlaUneTop .jcarousel-container .jcarousel-prev{background:url(/fr/images/css/style/prev-une-car.png);width:24px;height:44px;cursor:pointer;position:relative;top:-90px;float: left;}
#AlaUneTop .jcarousel-container .jcarousel-next{background:url(/fr/images/css/style/next-une-car.png);width:24px;height:44px;cursor:pointer;position:relative;top:-90px;float: right;}
#mainItem{width:400px;height:400px;margin:0 7px 0 0}
#mainItem.topArticle h2{font-size:36px}
#mainItem h2 img{margin:19px 0 0 5px}
#smallItem{width:571px}
#item2,#item3,#item4{margin:0 0 5px}
#item2,#item3{height:152px}
#item2,#item5{margin:0 7px 0 0}
#item2{width:352px}
#item3{width:212px}
#item4{width:571px;height:132px}
#item5,#item6{width:282px;height:106px}
#AlaUneTop h2{position:relative;font-size:21px;background:url(/fr/images/css/style/bg-title-une.png) repeat-x;}
#AlaUneTop h2 a{font-weight:normal;background-color:#e2e8ea;padding:0 10px;}
#AlaUneTop h2 a span{float:left;width:95%}
.topArticle h2 img{position:absolute;right:4px;bottom:3px;margin:6px 0 0}
.articleTitle{bottom:0;left:0;width:98.5%;padding:9px 3px 1px;background:url(/fr/images/css/style/sliderTitre.png) repeat}
.articleTitle h2{padding:13px 3px 1px}
#item3 h2{width:97%}
#item5 h2,#item6 h2{width:98%}
.hiddenInfo{display:none;position:absolute;top:0;height:100%;padding:0 5px;color:#FFF;background:#000;opacity:0.8}
.hiddenInfo .addthis_toolbox{position:absolute;bottom:3px;left:3px}
.hiddenInfo h2{bottom:67px}
.hiddenInfo p{position:absolute;bottom:22px;overflow:hidden;height:45px;font-style:italic}
.hiddenInfo > a{position:absolute;bottom:3px;right:5px;color:#FFF;font-size:14px;font-family:'Cuprum',sans-serif}
#mainItem .hiddenInfo,#item2 .hiddenInfo,#item6 .hiddenInfo{width:97.5%}
#item3 .hiddenInfo{width:96%}
#item4 .hiddenInfo{width:98.5%}
#item5 .hiddenInfo{width:97%}
#listeMembres{padding:12px 0 0;text-align:center;/*border:1px solid #CCC*/}
#listeMembres li{display:inline;margin:0 2px 0 9px}
#listeMembres a:hover{text-decoration:none}
#listeMembres .first{margin-left:0}
#listeMembres .last{margin-right:0}
/*Accueil connecte*/
.excluCM a{margin:0 30px 0 0;color:#F47503}
#identification.signed{/*padding:0;margin:0 120px 0 0*/}
#offresSpeciales{float:right;margin:11px 30px 0 0}
#identification .myProfile a,#offresSpeciales{color:#F47503}
.myProfile img{margin:0 5px 0 0;vertical-align:middle;border:1px solid #F47503}
.myProfile a{font-size:14px}
.signOut a{/*font-weight:normal;text-decoration:underline*/}
.notifications-wrapper{cursor:pointer;float:right;width:53px;height:53px;border-left:1px solid #4a4d53;background:url(/fr/images/css/style/picto-notifications.png) no-repeat 8px 12px;}
/*hack IE7*/*:first-child+html .notifications-wrapper{float:right;width:53px;height:53px;border-left:1px solid #4a4d53;background:url(/fr/images/css/style/picto-notifications.png) no-repeat 8px 12px;position:relative;top:-53px;left:-48px;}
.notifications-wrapper .notifications{top:10px;right:53px;margin:0;}
.notifications{position:absolute;top:0;right:0;cursor:pointer;margin:10px 25px 0 35px}
button.notifications span,#notifications p span{padding:1px 7px;color:#FFF;font-size:10px;font-family:Arial;font-weight:normal;text-align:center;background:#f47003;border-radius:5px;}
/*hack IE7*/*:first-child+html button.notifications span,*:first-child+html #notifications p span{position:relative;left:48px;padding:1px 7px;color:#FFF;font-size:10px;font-family:Arial;font-weight:normal;text-align:center;background:#f47003;border-radius:5px;}
#notifications p span{background:url(/fr/images/css/style/notifications-span2.png) no-repeat center top}
#notifications{display:none;position:absolute;top:36px;right:0;z-index:10000;width:420px;padding:10px 50px 10px 10px;border-style:solid;border-color:#000;border-width:0 5px 5px;background:#F3F3F3}
#notifications > p{margin:0 0 20px 20px;font-size:14px;font-family:'Cuprum',sans-serif;text-transform:uppercase}
#notifications li span,#allNotifications li span{display:block;padding:3px 0 0;font-size:10px;text-align:right}
#notifications .lien{display:block;color:#F47503;font-weight:normal;text-align:center;text-decoration:underline}
#notifications li,#allNotifications ul li{padding:5px 2px 2px;margin:0 0 5px;background-image:url(/fr/images/css/style/notifications.png);background-repeat:no-repeat}
#allNotifications ul li *,#notifications ul li *{color:#999}
#allNotifications ul .unread{background-color:#EEE}
#allNotifications ul .unread *{color:#252931}
#notifications li p,#allNotifications ul li p{padding:2px 0;margin:0 0 0 70px}
#notifications .noRead,#allNotifications .noRead{background:#ededed}
#allNotifications .n-cm p{background:#d5d5d5}
#notifications .noRead.n-cm,#allNotifications .noRead.n-cm{background:none}
#notifications .noRead *,#allNotifications .noRead *{color:#252931}
.n-cm p,.n-comment p,.n-message p,.n-subscription p,.n-vote p,.n-event p,.n-forum p{}
.n-cm{background-position:0 6px}
.n-cm a{padding:2px;background:#d5d5d5}
.n-comment{background-position:0 -41px}
.n-message{background-position:0 -90px}
.n-subscription{background-position:0 -141px}
.n-vote{background-position:0 -191px}
.n-event{background-position:0 -238px}
.n-forum{background-position:0 -289px}
.n-like{background-position:0 -335px}
/*Notifications*/
#allNotifications{padding:5px 10px;background:#FCFCFC;border:2px solid #E7E7E7;border-bottom:none}
#allNotifications h2{margin:5px 0 10px;color:#252931;font-size:14px;font-family:'Cuprum',sans-serif;font-weight:normal;text-transform:uppercase}
#allNotifications ul{border-bottom:1px solid #CCC}
#allNotifications .last ul{border:none}
/*Le Live*/
#live{padding:5px 10px;background:#FCFCFC;border:2px solid #e7e7e7;border-bottom:none}
#live li{display:inline-block;width:100%;padding:5px 0;border-bottom:1px solid #CBCCCE}
#live li img{float:left;margin:0 10px 0 0}
#live .name a,#live li p a{color:#F47303;font-weight:bold}
#live .time{display:block;font-size:10px}

/***** GENERAL CONTENT *****/
.detail h1,.mainContent .contentList h2{width:82%}
.mainContent  .detail .contentList h2{width:100%}
*+html .detail h1{width:68%}
*+html .mainContent .contentList h2{width:52%}

.detail h1,.detail h3{font-size:22px}
.detail h1{margin:0 0 10px}
.contentList{margin:0 0 10px}
.contentList h2{margin:0 0 10px;font-size:14px}
.contentList li{clear:both;position:relative;display:inline-block;padding:10px;margin:0 0 10px;background:#FCFCFC}
.mainContent .contentList li{width:635px}
.profil .contentList li,.profil #annonces .contentList > li{width:560px}
#annoncesUtilisateur .contentList li{background:#FFF}
.contentList .imgArticle{float:left;margin:0 10px 5px 0}
#actualite .contentList .imgArticle{width:188px}
.contentList p{margin:0 0 10px;line-height:14px}
#actualite .date,#partenaires .date,#en-pratique .date{display:none}
.contentList .titre,.contentList h5{padding:0 15px 0 0;margin:0 0 7px;font-size:12px}
.contentList .titre span,.contentList h5 span{font-weight:normal}
.contentList .info{font-size:11px}
.contentList .info span{margin:0 5px 0 0;text-decoration:underline}
.contentList .info a{font-size:11px;color:#F47403}
.detail h4{float:none;color:#4A4A4A;text-transform:none;font-size:15px;margin:0 0 10px}
.detail p{margin:0 0 15px}
.detail p a{text-decoration:underline}
#relatedContent > p{color:#717171;font-size:35px;margin:0 0 10px}
.detail{position:relative;overflow:hidden;padding:10px;background:#FFF}
.detail > p{margin:0 0 10px}
.detail > img{float:right;margin:0 0 20px 25px}
.detail #map_canvas{float:right;margin:0 0 20px 25px}
.detail .date{margin:5px 0 30px}
.galerie{margin:0 0 20px;background:#000}
.galerie img{float:none;margin:0}
.galerie .photo{padding:10px;text-align:center}
.galerie .photo .legende{padding:5px;color:#FFF;text-align:center;opacity:0.6}
.galerie .itemDiapo{padding:10px 0}
.galerie .slider{padding:10px;color:#FFF;text-align:center}
.vignettesContent .jcarousel-prev,.vignettesContent .jcarousel-next{cursor:pointer;display:block;position:absolute}
.vignettesContent .jcarousel-prev{left:5px}
.vignettesContent .jcarousel-next{right:5px}
.vignettesContent{clear:both;position:relative;margin:0 0 15px}
.vignettesContent .jcarousel-clip{width:580px;text-align:center}
.vignettesContent li{margin:0 3px}
.detail .btnEdit.opener{clear:both}
.detail .addthis_toolbox{clear:both;float:right;margin:0 0 10px;text-align:right} 
.detail .addthis_toolbox > a{padding:0 2px}
.detail .addthis_toolbox .addthis_button_google_plusone{width:65px}
.detail .addthis_toolbox .addthis_button_facebook_like{width:90px}
.detail .addthis_toolbox .addthis_button_skyrock{width:25px}
.detail .addthis_toolbox .addthis_button_tweet{width:100px}
#mapLieu{margin:0 auto 15px}
/*Pages statiques*/
/*.mainContent.static{padding:10px}*/
.static h1{margin:0 0 5px;color:#FF4E00;text-transform:uppercase;font-size:18px;font-weight:normal;font-family:'Cuprum'}
.static h2{margin:0 0 35px}
.static h3{margin:15px 0}
.static p{margin:0 0 10px}
.static .bloc{background:#FCFCFC}
.static .bloc a{text-decoration:underline}
.static .bloc a:hover{color:#FF4E00}
.static h2,.static.txt h3{font-family:'Cuprum';font-weight:normal}
.static h1{margin:0 0 20px}
.static h2{margin:15px 0;font-size:20px}
.static h3{font-size:17px}

/* GESTION DES COMMENTAIRES - COMMENTSLIST */
.commentsList{clear:both;padding:10px 0;border-top:1px solid #000}
.detail .commentsList,.detail .commentsList li{border:none}
.nbMessages{clear:both;color:#737171;font-weight:bold}
.commentsList li{display:inline-block;width:100%;padding:3px 0;border-bottom:1px solid #CCC}
.commentsList > li{padding:0 0 10px;border-bottom:1px solid #CCC}
.commentsList .avatar,.addComment .avatar{float:left;width:50px;height:50px;margin:0 10px 0 0;text-align:right}
.commentsList .item{float:left;width:89%}
.commentsList .feed .item{width:100%}
.commentsList .feed .infos{text-align:right}
.commentsList .item img{float:left;margin:15px 10px 10px 0}
.commentsList .item .titre{margin:15px 0 0}
.commentsList .time{color:#666;font-size:10px}
.commentsList a{color:#f47003;font-weight:bold}
.commentsList .titre{font-size:14px}
.commentsList .item p{margin:0 0 5px}
.item .infos{font-size:11px}
.commentsList .commentaires{clear:both}
.commentsList .commentaires .infos{float:none}
.commentsList .commentaires .even{background:#F1F1F1}
.commentsList textarea{width:99%;padding:2px;margin:0 0 5px;color:#666;border:1px solid #CACACA}
.commentsList li.main.feed{color:#999}

/* Articles associes */
#Suggestion > h2{color:#252931;font-size:3.3em;font-family:'Cuprum',sans-serif;line-height:50px;text-transform:none;background:none;border:none}
.detail  #Suggestion > h2 a{color:#252931}
#Suggestion li h2 a{color:#252931}
#Suggestion li p a{margin:0 0 0 10px;color:#FF4E00}
#Suggestion .contentList li{width:615px}


/*Page publique dun membre*/
.profil .side{width:375px;float:left;margin:0 25px 15px 0;font-size:11px}
.profil .mainContent{width:580px}
.profil .side h2,.profil .side h3{color:#8D8D8D;font-family:'Cuprum',sans-serif;font-weight:normal}
.profil .side h2{margin:0 0 10px;font-size:50px}
.profil h3{font-size:17px}
#presentationProfil,#photosProfil,#sonsProfil{padding:10px;margin:0 0 10px;background:#FFF}
#presentationProfil p{margin:0 0 10px}
#presentationProfil ul{margin:0 0 15px}
#presentationProfil li a{color:#F47103}
#ficheProfil{float:left;clear:both;width:100%;padding:0 0 10px;margin:0;border-bottom:1px solid #AAA}
*+html #ficheProfil{float:left;width:100%}
#ficheProfil p{text-align:right}
#ficheProfil h1{margin:0 0 10px;font-size:35px;font-family:'Cuprum',sans-serif;font-weight:normal;text-align:right}
#ficheProfil h1 span{display:block;color:#AAA;font-size:24px}
#ficheProfil .city{font-size:14px;font-weight:bold}
.link-set-pic{clear:left;display:block;width:135px;margin:5px 0 0;color:#828282.detail;font-size:11px;font-family:Arial,Verdana,Tahoma,sans-serif;text-align:left;cursor:pointer}*
.link-set-pic{clear:left;display:block;width:135px;margin:5px 0 0;color:#828282;font-size:11px;font-family:Arial,Verdana,Tahoma,sans-serif;text-align:left;cursor:pointer}*
.link-set-pic:hover{text-decoration:underline}
.div-avatar{margin:10px 0 0}
#ficheProfil .link-set-pic span{color:#F47003}
#ficheProfil img{float:left;margin:0 10px 5px 0}
#ficheProfil #btnCancelFollow{height:25px;line-height:25px;padding:0 8px;color:#FFF;text-shadow:1px 1px 1px #8D8D8D;background:#8D8D8D;box-shadow:none;-moz-box-shadow:none;-webkit-box-shadow:none}
#openMessage{clear:both;display:block;padding:0 0 0 20px;color:#5F6268;font-size:12px;line-height:16px;background:url(/fr/images/css/style/pictos.png) no-repeat 0 -104px;text-decoration:underline}
*+html #openMessage{padding-left:0}
.bloc{padding:10px;background:#FFF;}
.mainContent .bloc{overflow:hidden;margin:0;width:639px;}
#main.profil .mainContent .bloc{width:570px;}
.bloc.beige{background:#FCFCFC;border:1px solid #D7D7D7}
#eventsProfil li{line-height:18px}
#eventsProfil li a{text-decoration:underline}
#eventsProfil,#annoncesProfil{margin:0}
#sonsProfil li > p:first-child{font-weight:bold}
#sonsProfil li{margin:0 0 10px}
#sonsProfil li img{float:left;margin:0 8px 10px 0}
#sonsProfil p{margin:0 0 10px}
#sonsProfil .titre{font-size:14px}
#sonsProfil iframe{margin:0 auto}
#contactsProfil{margin:20px 0 0}
.writeMessage{overflow:hidden;padding:10px;margin:0 0 20px;background:#FFF}
.writeMessage p{margin:0 0 5px;color:#8D8D8D;font-size:18px;font-family:'Cuprum',sans-serif}
.writeMessage textarea{width:100%;margin:0 0 5px}
#contactsProfil div li{float:left;width:52px;height:70px;margin:0 5px 3px;text-align:center}
#contactsProfil div li a{color:#F47003;font-size:10px}
#contactsProfil div li span{word-wrap:break-word;line-height:8px}
#contactsProfil div li img{display:block}
.ui-tabs-nav a{font-weight:bold}
.addPicture  #step1 div{height:110px;padding:0 0 0 160px;background-image:url(/fr/images/css/style/addPic.png);background-repeat:no-repeat}
.ui-dialog .addPicture h1{margin:0 0 30px}
.addPicture h2{margin:0 0 10px;font-size:18px}
.addPicture #albumPic h2{color:#F47003}
.addPicture #albumPic{margin:0 0 20px;background-position:0 0}
.addPicture #pcPic{background-position:0 -170px}
.addPicture #pcPic span{display:block;margin:0}
.addPicture #buttons{text-align:right}
.addPicture hr{clear:both;width:80%;height:1px;margin:0 auto 10px;background-color:#333;border:0}
.addPicture #step2 #albumPic h2{float:left}
.addPicture #step2 #albumPic{margin:0 60px 0 0}
.addPicture #mypicture li{margin:0 12px}
.addPicture .jcarousel-prev-horizontal,.addPicture .jcarousel-next-horizontal{width:28px;height:29px;top:35px;background-position:0 0}
.addPicture .jcarousel-prev-horizontal{background-image:url(/fr/images/ui/addPic-btn-prev.png);left:8px}
.addPicture .jcarousel-next-horizontal{background-image:url(/fr/images/ui/addPic-btn-next.png);right:7px}
.addPicture #step2 div{clear:none;float:left}

/*Activation du compte*/
.bloc.activation{margin:10px 0 0}
.bloc.activation p{font-size:14px}
.bloc.activation p a{color:#FD7408;text-decoration:underline}
/*Mes photos*/
#sortable{float:left;width:558px;margin:15px 0 0}
#sortable li{position:relative;float:left;width:180px;height:180px;margin:0 3px 4px}
#sortable .actions{display:none;position:absolute;right:0;bottom:-35px;width:135px;padding:2px 2px 2px 5px;z-index:1000;background:#FFF;border:1px solid #CCC}
#sortable .infoPic{position:absolute;bottom:0;left:0;width:173px;padding:2px 5px 1px 2px;background:#666;opacity:0.8}
#sortable .infoPic img{float:right}
#sortable .infoPic .inactive{padding:0;margin:0;border:none;background:none;color:#FFF;text-transform:uppercase;font-size:16px;font-family:'Cuprum',sans-serif}
#sortable .editPic{float:right}
#sortable .actions #deletePic,#sortable .actions #editPic{cursor:pointer;display:block;color:#f47403;font-size:11px;text-decoration:underline;border:none;background:none;padding:0}
#sortable .infoPic .active{color:#333;border:1px solid #CCC;background:#FFF}

/*Vos photos*/
#addPic span{display:block;margin:5px 0 0 150px;color:#848484;font-size:11px}
#addPic h4{float:none;margin:0 0 10px;font-size:18px;font-family:'Cuprum',sans-serif;font-weight:normal;text-transform:none}
#sortable img{cursor:pointer}
#addPic  label{padding:0 10px 0 0}
#addPic input{margin:0 5px}
#addPic #photoFile{height:24px}
#sortable.bloc{display:inline-block;overflow:visible}
#sortable img{float:left}
#sortable li{position:relative;float:left;margin:0 2px 4px}



input.changeTitle,#addFile{cursor:pointer;padding:0 15px;margin:3px;background:#F47503;color:#FFF;font-size:11px;border:none;background:-moz-linear-gradient(top,#F87800,#Fe5600);
background:-webkit-gradient(linear,left top,left bottom,from(#F87800),to(#Fe5600));border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;box-shadow:0 0 3px #8d4603 inset;-moz-box-shadow:0 0 3px #8d4603 inset;-webkit-box-shadow:0 0 3px #8d4603 inset}


/*Tous les sons*/
.bloc.wall{width:558px;margin:0;border:1px solid #CCC}
h4{margin:0 0 10px;font-size:16px;text-transform:uppercase}
.bloc h4{float:left;margin:0}
.mainContent .addComment{clear:both;padding:3px 0 0}

/*Article*/
.detail h4{float:none;margin-bottom:10px}



.time{margin:10px 0 0}
.detail .commentsList .addComment .item{width:100%;float:none;margin:0 0 10px}
.commentsList .btnEdit img{margin:0}
.commentsList .btnEdit{position:relative;margin:0 0 4px 5px}
.editComment{width:170px;right:10px;background:#FFF;border:1px solid #CCC;padding:5px 10px;position:absolute;z-index:1000}
.editComment a{display:block;color:#FF4E00;font-size:11px;text-decoration:underline}
.editComment a.opener{float:none;background:none}
.editComment img{cursor:pointer;float:right;margin:3px 0 0}

#cumulationPager{display:block;padding:10px;text-align:center;background:#AAA}
#cumulationPager a{padding:0 0 0 20px;color:#FFF;font-weight:bold;background:url(/fr/images/css/style/pictos.png) no-repeat 0 -63px}
#pagerBottom{display:block}
.linkComment{float:right;width:64px;height:18px;margin:3px 0 0;color:#FFF;font-size:10px;text-align:center;background:url(/fr/images/css/style/commenter.gif) no-repeat left;cursor:pointer}
.linkComment a{color:#FFF}
.backLink,.consignes{float:right;margin:0 0 10px 10px;color:#F47203}
.backLink.profile{padding:0 0 0 20px;background:url(/fr/images/css/style/pictos.png) no-repeat 0 -234px}
/*Tous les contacts*/
#tousLesContacts .bloc{margin:0 0 15px}
#allMembers li.active{padding:3px 0;margin:-4px 0 0;color:#F47503;background:#5E6167}
#listMembers li{position:relative;float:left;width:135px;height:119px;padding:11px;margin:3px;background:#FDFDFD}
.profil #listMembers{width:484px;float:left;padding:13px 47px 10px;background:#FFF;border:1px solid #CCC}
.profil #listMembers li{margin:0}
#listMembers .name{height:18px;font-weight:bold;background:#FFF;opacity:0.5}
#listMembers strong{display:block;margin:10px 0 0}
#listMembers .name,#listMembers a,#listMembers li div{position:absolute;width:125px;padding:5px}
#listMembers .name,#listMembers li div{bottom:10px;left:11px}
#listMembers a{bottom:0}
#listMembers div{cursor:pointer;display:none;width:135px;padding:0;height:120px;font-size:12px;line-height:13px;background:#FFF;opacity:0.9}
#listMembers div span{display:block;margin:0 0 8px}
#listMembers div a{right:0;padding:0;color:#F47103;font-size:11px;text-align:right}
#allMembers .active,#allMembers .inactive{float:left;width:180px;font-size:14px;font-weight:bold;text-align:center}
#allMembers li.inactive{padding:1px 0;background:#F47503}
#allMembers li.inactive a{color:#5E6167}

/*Toutes les annonces*/
#toutesLesAnnonces .bloc,#AlaUneTop .bloc li{position:relative}
#toutesLesAnnonces .titre{margin:0 0 10px 0}
#toutesLesAnnonces .titre a{color:#8B6A4E;font-size:14px}
.tag,p.tag{position:absolute;width:109px;height:23px;padding:1px 12px 0 3px;right:-8px;top:10px;color:#FF4E00;font-size:11px;font-family:'Cuprum',sans-serif;text-align:right;background:url(/fr/images/css/style/tag.png) no-repeat right}
.tag.admin,.tag.orange{color:#FFF;background:url(/fr/images/css/style/tag3.png) no-repeat right}
li.cm .tag.admin,.tag.cm{width:125px;background:url(/fr/images/css/style/tag-cm.png) no-repeat right}
#toutesLesAnnonces .info a,#AlaUneTopPage .info a{font-weight:bold}

/*Tous les evenements*/
#AlaUneTopPage .titre a,#tousLesEvenements .titre a{color:#F47103;font-size:14px}
#AlaUneTopPage .titre span,#tousLesEvenements .titre span{display:block;font-weight:lighter}
#AlaUneTopPage .bloc ul,#tousLesEvenements .bloc ul{clear:left;margin:10px 0 0}
#AlaUneTopPage .bloc li,#tousLesEvenements .bloc li{padding:12px 0 0;margin-top:10px;border-top:1px solid #79797A}
#AlaUneTopPage .info a{position:absolute;right:10px;bottom:10px}
#tousLesEvenements .contentList li{width:560px}
#tousLesEvenements .bloc{margin:0 0 15px}
#tousLesEvenements .bloc .thinBtn{clear:both;float:none}

/***** ACTUALITE *****/
#actualite h2,#actualite h2 a,#actualite .detail h1,#actualite .detail h1 a{color:#AC1D02}
#actualite .info a{position:absolute;right:10px;bottom:10px;font-weight:bold}

/***** EN PRATIQUE *****/
#enPratique h2,#enPratique h2 a{color:#9C3D9B}
#enPratique > img{margin:0 0 20px}

/***** AGENDA *****/
#agendaPage h1,p.titreBloc{margin:0 0 15px;font-size:18px;font-family:'Cuprum',sans-serif;font-weight:normal;text-transform:uppercase}
#agendaPage h2{float:left;width:300px;}
#agendaPage h2 a{float:left;width:300px;}
#agendaPage p{float:left;width:400px;}
#agendaPage h2,#agendaPage h2 a,#eventDetail .detail h1,#eventDetail .detail h1 a{color:#f47103}
*+html #agendaPage .contentList h2{width:65%}
#agendaPage h2 a span{font-weight:normal;display:block}
#agendaPage li > img{float:left;margin:0 10px 0 0}
#filter form > div{padding:10px;background:#FFF}
#filter #nickname{margin:0 12px}
#btnOk{float:right;width:32px;height:29px;padding:0 3px 2px}
#filter select{margin:0 10px 0 0;text-transform:none}
*+html #filter select{margin-right:7px}
#filter #countryCode{margin:0}
#filter #countryCode{width:305px}
#filter #townName{width:192px}
*+html #filter #townName{width:180px}
#filter #activities{width:200px}
#filter li{float:left;padding:7px 10px 5px 10px;margin:4px 0 0;background:#F3F3F3 url(/fr/images/css/style/filter-bgTop.png) repeat-x top}
#filter li a{font-weight:lighter}
#filter li.ui-state-active{padding:10px;background:#FFF;margin:0}
#filter .ui-tabs-panel{background:url(/fr/images/css/style/filter-bgTop.png) repeat-x bottom #FFF}
#filter ul{float:left;width:100%;background:url(/fr/images/css/style/filter-bgBottom.png) repeat-x bottom}
*+html #filter ul{float:none}
*+html #filter #filter1 #btnOk{display:inline;float:none}
#eventDetail h3{font-size:14px}
#eventDetail .eventCreator{margin:5px 0 0}
#eventDetail .musicStyle{margin:0 0 30px}
#eventDetail .musicStyle,.eventCreator a{color:#F47003}
#eventInfo{clear:both;margin:20px 0}
#eventInfo h3{font-size:14px}
#eventInfo .btn{margin:50px 0 10px}
.modifyEvent{display:block;margin:0 115px 0 0;color:#F47303;font-size:11px;text-decoration:underline;text-align:right}
#eventLikers,#importEvent{clear:both;margin:0 0 30px}
#eventLikers > p{font-weight:bold;font-size:14px}
#eventLikers > ul{padding:5px;text-align:center}
#eventLikers li{display:inline;margin:0 4px}
#likeEvent{clear:both;margin:0 0 10px;text-align:right}
#likeEvent #Ilike input{cursor:pointer;width:66px;height:21px;border:none;background:url(/fr/images/css/style/Ilike.gif) no-repeat left}
#importEvent ul{float:right;margin:0 0 0 25px}
#importEvent p{font-weight:bold;text-align:right}
#importEvent li{float:left}
#importEvent li a{display:block;width:31px;height:25px;background-image:url(/fr/images/css/style/importAgenda.gif);background-repeat:no-repeat}
#importEvent .outlook a{background-position:0 0}
#importEvent .unknown a{background-position:0 -35px}
#importEvent .yahoo a{background-position:0 -70px}
#importEvent .iCal a{background-position:0 -105px}
/*Creation*/
#eventCreation fieldset p{overflow:hidden}
#eventCreation #LastName,#eventCreation #address,#eventCreation #addressMore{width:77%}
#eventCreation #zipCode{width:180px;float:left}
#eventCreation #town{width:306px;float:right;margin:5px 0 0}
#eventCreation #description textarea{width:77.5%;height:160px}
#eventCreation #description .help{text-align:right}
#eventCreation #buttons{text-align:left}
#eventCreation #buttons .AcceptItem,#eventCreation #buttons em{float:left;margin:5px 25px 0 0}
*+html #eventCreation #buttons .AcceptItem,*+html #eventCreation #buttons em{margin:5px 5px 0 0}


#murDuSon.thinBtn{height: auto;line-height: normal;text-transform:uppercase;font-family:Cuprum;font-size:18px;padding:10px 20px;}

/***** LA COMMUNAUTE *****/
#mood div form{padding-top:40px;}
#moodBox{margin:28px 0 20px}
#main.profil #moodBox{margin:0 0 20px 0}
#moodBox .thinBtn{height: auto;line-height: normal;text-transform:uppercase;font-family:Cuprum;font-size:18px;padding:10px 20px;}
#moodBox > div{display:inline-block;position:relative;padding:0 16px 14px 16px;margin:0 0 0 116px;background:#FFF;border:1px solid #D0D0D0}
.mainContent #moodBox > div{min-height:307px;}
#main.profil #moodBox > div{width:441px;}
#main.profil #moodBox .ban_soundwall{display:none;}
#main.profil #moodBox #mood-form textarea,#main.profil #moodBox #mood-form input.text{width:400px;}
#moodBox div div{float:left;padding:0 9px;vertical-align:top}
#moodBox a,#moodBox .name,#moodBox textarea,#moodBox span{display:block}
#moodBox #mood .first,#moodBox #sound .first{width:88px;text-align:center;position:absolute;left:-117px;top:-1px;padding:20px 14px 16px 14px;background-color:#000000;}
#moodBox #mood .first img,#moodBox #sound .first img{border:1px solid #f47003;}
/*#moodBox .last{width:90px}*/
#moodBox .middle{width:70%}
#moodBox .middle .thinBtn{float:none}
#moodBox #mood .last{margin:13px 0 0}
#moodBox .name{margin:20px;font-size:12px;font-weight:bold;color:#FFFFFF;}
#moodBox textarea{width:472px;height:42px}
#moodBox form ul{text-align:right}
#moodBox ul li{display:inline}
#moodBox ul li .thinBtn{margin:0}
*+html #moodBox ul li .thinBtn{float:none}
#moodBox ul input,#moodBox #acceptItem{margin:0 5px 0 0}
#moodBox ul label{margin:0 15px 0 0}
#moodBox label{float:none;font-weight:normal}
#acceptItem{height:auto}
#moodBox #addVideo{cursor:pointer;margin:5px 0 0;padding:0 0 0 22px;line-height:18px;background:url(/fr/images/css/style/pictos.png) no-repeat 0 -297px}
#monProfil,#leLive{margin:0 0 10px;color:#F47303}
#monProfil{padding:0 0 0 20px;background:url(/fr/images/css/style/pictos.png) no-repeat 0 -234px}
#leLive{padding:0 0 0 15px;margin:0 0 0 5px;background:url(/fr/images/css/style/pictos.png) no-repeat 0 -268px}
#moodBox #sound p{margin:0 0 10px;font-size:14px}
#moodBox #sound h3{font-size:23px;font-weight:bold;font-family:Cuprum;margin-top:20px;}
#moodBox #sound h3 span{color:#F47003;display:inline;}
#moodBox .text{width:195px;height:25px;margin:0 25px 0 0;font-size:12px;background-color: rgb(233, 233, 233);}
#moodBox #sw_url{width:384px}
#moodBox #sound  select{width:128px;height:21px;font-size:11px;}
#moodBox #sound  select#sw_operation,#moodBox #sound  select#sw_genre{position:absolute;}
#moodBox #sound  select#sw_operation{right:30px;}
#moodBox #sound .last{/*width:450px*/font-family:Arial;}
.profil #moodBox #sound .last{width:400px}
.profil #moodBox textarea{width:334px}
#moodBox #soundURL{display:block;width:468px;margin:20px 0}
.profil #moodBox #soundURL{width:330px}
#main #moodBox .ui-tabs-nav{top:339px;z-index:100;}
#main.profil #moodBox ul.ui-tabs-nav {top: 180px;}
#main #moodBox .ui-state-default{float:left;width:115px;height:70px;background-color:#f47003;}
#main #moodBox .ui-state-active{float:left;width:116px;height:70px;background-color:#FFFFFF;}
#main #moodBox .ui-state-default a{height:70px;background-color:#f47003;}
#main #moodBox .ui-state-active a{height:70px;background-color:#FFFFFF;}
#main #moodBox .ui-tabs-nav img{margin:20px 0;}
#main #moodBox .ban_soundwall{border-bottom:1px solid #f47003}
#moodBox #soundInfo{width:100%;padding:10px 0 0;margin:10px 0;border-top:1px solid #999}
#soundInfo img{float:left;margin:0 20px 10px 0}
#soundInfo .titre{color:#F47303;font-size:14px;font-weight:bold}
#soundInfo span{margin:0 0 10px;color:#a2a2a2}
#soundInfo .close{float:right;margin:0 5px;cursor:pointer}

/****** MUR DU SON ******/
#murDuSon li .commentsList{padding:12px;margin:0;background:#FDFDFD;border:none}
#murDuSon li{clear:both;float:left;position:relative;margin:10px 0;border:none;}
#murDuSon li .sound{width:620px;padding:20px;margin:0;border:none;display:inline-block;background-color:#FFFFFF;}
#murDuSon li .addComment{padding:1px 12px 12px;background:#FDFDFD}
#murDuSon .tag_sound{background-color:#FFFFFF;width:100px;float:left;background-color:#565d6a;color:#FFFFFF;font-size:18px;padding:20px 10px;text-align:center;}
#murDuSon .votes{/*background-color:#252931;float:left;width:15%;padding:20px 0;color:#FFF;font-size:25px;text-align:center;line-height:24px*/}
#murDuSon .votes .nb-votes{/*display:block;font-size:63px;font-family:'Cuprum',sans-serif*/}
#murDuSon .votes a:hover{text-decoration:none}
#murDuSon .votes .thinBtn{/*float:none;margin:0 auto;border-bottom:1px solid #FFF*/}
#murDuSon .item{clear:none;float:left}
#murDuSon .sound .item{font-family:Arial;/*width:78%*/}
#murDuSon .sound .item > img{cursor:pointer}
#murDuSon .addComment .item{width:88%}
#murDuSon .item img{float:left;/*margin:0 10px 20px 0*/}
#murDuSon .item .dynamic_soundInfos{float:left;width:300px;margin-top:20px;}
#murDuSon .item .social_dynamic_soundInfos{width:196px;margin-top:20px;float:right;}
#murDuSon .item .social_dynamic_soundInfos .comment_infos{float:left;}
#murDuSon .item .social_dynamic_soundInfos .comment_infos .nb-comments,
#murDuSon .item .social_dynamic_soundInfos .votes .nb-votes{float:left;background:url(/fr/images/css/style/bg-com-song.png) no-repeat;width:78px;height:54px;color:#FFFFFF;text-align:center;line-height:59px;font-size:32px;padding:5px 5px 0 5px;}
#murDuSon .item .social_dynamic_soundInfos .comment_infos .do-comments,
#murDuSon .item .social_dynamic_soundInfos .votes .do-votes{float:left;clear:left;background:url(/fr/images/css/style/bg-com-song-bottom.png) no-repeat;width:88px;height:24px;text-align:center;line-height:24px;font-weight:bold;color:#FFFFFF;}
#murDuSon .item .social_dynamic_soundInfos .votes{float:left;}
#murDuSon .item .social_dynamic_soundInfos .votes .do-votes input{background: url(/fr/images/css/style/bg-vote.png) 0px 0px;color: #FFFFFF;border: none;font-weight: bold;line-height: 10px;line-height: 20px !important;cursor:pointer;outline:none;}
#murDuSon .item .social_dynamic_soundInfos .votes .nb-votes{margin-left:20px;}
#murDuSon .item .social_dynamic_soundInfos .votes .nb-votes img{float:right;}
#murDuSon .item .social_dynamic_soundInfos .comment_infos .nb-comments img{float:right;}
#murDuSon .item .social_dynamic_soundInfos .votes .do-votes{margin-left:20px;}
#murDuSon .item .social_dynamic_soundInfos .votes .do-votes a span{color:#FFFFFF;}
#murDuSon .item h2{font-size:14px;}
#murDuSon .item .infos{font-size:11px;text-align:right;text-decoration:underline}
#murDuSon .sound .btnEdit{/*margin:34px 0 0 0*/}
#murDuSon .item.comments label{display:block;font-weight:bold}
#murDuSon .soundInfos{width:330px;line-height:18px;font-weight:bold;margin:0 20px 20px 20px;float:left;}
#murDuSon .soundInfos a{color:#F47403}
#murDuSon .soundInfos span.song_author{float:left;font-weight:bold;font-size:18px;}
#murDuSon .soundInfos span.song_title{float:left;clear:left;font-weight:bold;font-size:18px;}
#murDuSon .soundInfos span.song_date{float:left;clear:left;font-size:12px;}
/*#murDuSon .soundInfos span{font-weight:normal}*/
#murDuSon .name span{color:#f47503;font-weight:bold}
#murDuSon textarea{width:100%;height:40px;margin:0 0 10px}
#murDuSon #buttons{text-align:right}
#soundSort{padding:3px 0 0;margin:0 0 25px;color:#79797A;border-top:1px solid #79797A;display:none;}
#soundSort span{padding:0 37px 0 0;margin:0 5px 0 10px;background-image:url(/fr/images/css/style/pictos.png);background-repeat:no-repeat}
#soundSort .up{background-position:right -430px}
#soundSort .down{background-position:right -324px}
#soundSort select{width:130px}
/*Inviter des amis*/
#inviteFriends > div p{margin:0 0 15px;font-size:14px;font-weight:bold}
#inviteFriends > div > p span{margin:0 5px 0 0;color:#f47003;font-size:18px;font-weight:normal;text-transform:uppercase}
#inviteFriends p{margin:0 0 10px}
#inviteFriends p#showMailForm{padding:0 0 6px;background-image:url(/fr/images/btn-showHide.png);background-repeat:no-repeat;background-position:top right;cursor:pointer}
#inviteFriends hr{height:1px;margin:25px 0;background:#F3F3F3;border:none}
#inviteFriends #bySocial a:hover{text-decoration:none}
#inviteFriends #bySocial a img{margin:0 30px 0 0}
#inviteFriends label{float:none;width:90%}
#inviteFriends label span{font-weight:normal}
#inviteFriends .help{display:inline;clear:none;margin:3px 0 0}
#inviteFriends .text{width:220px;height:30px;margin:0 10px 10px 0}
#inviteFriends textarea{width:465px;height:140px}
#inviteFriends #buttons{text-align:right}

#dlPdf{padding:0 0 10px;margin:40px 0 0}
#dlPdf a{display:block;height:42px;padding:2px 0 0 50px;font-weight:bold;background:url(/fr/images/css/style/pdf.png) no-repeat left}
#dlPdf span{font-weight:normal}
.detail .commentsList textarea{height:60px}
.commentsList  #buttons{text-align:right}
.commentsList  #buttons .btn{margin:0}
#switchCard{clear:both;margin:10px 0}
#switchCard a{color:#F47403;font-size:13px;background-image:url(/fr/images/css/style/pictos.png);background-repeat:no-repeat}
.prevCard{padding:0 0 0 18px;background-position:left -129px}
.nextCard{padding:0 18px 0 0;float:right;background-position:right -149px}
.dlCard{clear:left;display:block;padding:2px 0 2px 25px;font-size:11px;background:url(/fr/images/css/style/pictos.png) no-repeat 0 -355px}


/***** FORUM *****/
.forum .mainContent{width:100%;padding:0 0 20px}
.forum form{clear:both}
.forum table{clear:both;width:100%;border-collapse:collapse}
.forum th,.forum td{padding:10px 12px}
.forum th{color:#F47003;text-align:left;background:#E0E1E2}
table td{background:#FFF;border-bottom:2px solid #F3F3F3}
table .odd td{background:#F9F9F9}
/*.mainContent .forum h2{margin:0 0 10px;text-transform:uppercase}*/
.forum h3,.forum .mainContent h2{margin:0 0 10px}
.forum h3 a{color:#737171;font-size:14px;font-family:Arial,Verdana,Tahoma,sans-serif;font-weight:bold}
.forum #thread{font-family:'Cuprum',sans-serif;font-weight:normal}
.forum td span{display:block;margin:0 0 5px;font-weight:bold}
.forum .smallCell{width:85px;font-weight:bold;text-align:center}
.forum td.smallCell{font-size:14px}
.forum .smallCell.date{font-size:12px;font-weight:normal}
.forum .lastCell{width:225px}
/*.forum a:hover{color:#F47003}
.forum .btn:hover{color:#FFF}*/
.consignes{padding:2px 0 2px 25px;text-decoration:underline;background:url(/fr/images/css/style/pictos.png) no-repeat 0 -170px}
.bannerForum{clear:both;height:90px;margin:0 0 20px;background:#FFF;border-top:1px solid #79797A;border-bottom:1px solid #79797A}
.bannerForum div{padding:13px 0}
.bannerForum .texte{width:620px;float:left}
.bannerForum img{float:left;margin:22px 15px 0 0}
.bannerForum .texte p{color:#F47403;font-size:57px;font-family:'Cuprum',sans-serif;line-height:38px}
.bannerForum .texte span{display:block;color:#737171;font-size:19px}
#newSubject{padding:15px 70px 15px 30px;background:#FFF}
#newSubject h3{margin:0 0 30px;font-size:18px}
#newSubject p{margin:0 0 20px}
#newSubject label{width:80px}
#newSubject #titre{width:360px}
#newSubject textarea{width:90%}
#newSubject #buttons{text-align:right}
/*.forum h2{float:left}*/
#reponsesForum th{border-bottom:10px solid #F1F1F1}
#reponsesForum th a{float:right;color:#F47003}
#reponsesForum td{vertical-align:top;border-bottom:1px solid #000}
#reponsesForum td a{display:block;color:#F47003;text-decoration:underline}
.opener,.btnEdit{float:right}
.opener img,.btnEdit img{margin:0}
.opener:hover,.btnEdit:hover,.even .btnEdit:hover{border:1px solid #CCC;background:#EEE}
.btnEdit{border:1px solid #FFF}
.commentaires .even .btnEdit{border:1px solid #F1F1F1}
.editComment .opener,#murDuSon .btnEdit{border:none}
#murDuSon .btnEdit img{margin:0}
.btnEdit img{/*padding:2px 8px*/}
#reponsesForum td img{margin:0 auto}
#reponsesForum p{clear:both;margin:0 0 10px}
#reponsesForum .name{margin:0 0 10px 42px;color:#737171;font-weight:bold;text-decoration:none}
#reponsesForum .name:hover{text-decoration:underline}
#reponsesForum .name img{display:block;margin:10px 0 0}
#reponsesForum .auteur{width:220px}
#reponsesForum .date{font-weight:bold}
#reponsesForum h3{clear:both;color:#F47003;font-size:18px;font-weight:normal}
#createSubject,#BtnSubmit1,#ficheProfil .btn{float:right}
#createSubject{padding:0 15px;margin:0 0 10px}
#reponsesForum .opener{margin:3px 0 0;cursor:pointer}
#reponsesForum .canVote,#reponsesForum .noVote{float:right;width:15px;height:20px;padding:2px 0 2px 0;margin:0 3px;border:none;text-indent:-5000px;background-image:url(/fr/images/css/style/pictos.png);background-repeat:no-repeat}
#reponsesForum .canVote{cursor:pointer;background-position:0 -202px}
#reponsesForum .noVote{background-position:0 -394px}
#reponsesForum .canVoteImg{float:right;color:#F47003}
#reponsesForum .noVoteImg{float:right;color:#CCC}
#reponsesForum label{display:block;margin:0 0 5px;font-weight:bold}
#reponsesForum textarea{width:100%}
#reponsesForum .last td{border:none}

/***** MODE DEMPLOI *****/
#instructions h2{padding:0 0 7px;margin:0 0 12px;color:#427584;font-size:18px;font-family:'Cuprum',sans-serif;font-weight:normal;border-bottom:1px solid #000}
#instructions .bloc p{margin:0 0 10px}
#instructions .bloc p a{text-decoration:underline}
#instructions .bloc{margin:0 0 10px;font-size:13px}
#instructions .bloc ul{margin:15px 0 0;font-size:24px;font-family:'Cuprum',sans-serif;text-align:center;text-transform:uppercase}
#instructions .bloc ul li{display:inline;padding:0 10px 0 0;margin:0 0 0 10px;border-right:2px solid #ff7a00}
#instructions .bloc ul .last{border:none}
#instructions li a:hover{color:#ff7a00;text-decoration:none}
#instructions #tabs{margin:20px 0}
#instructions #tabs div{background:#FFF}
#instructions #tabs li{float:left;width:182px;padding:5px;text-align:center;background:#FFF url(/fr/images/ui/tabs-instructions.png) repeat-x left bottom}
#instructions #tabs li.first{width:261px}
#instructions #tabs li a{font-size:18px;font-family:'Cuprum',sans-serif;font-weight:normal}
#instructions #tabs .ui-state-active{padding-bottom:10px;margin:-10px 0 0;border-radius:3px 3px 0 0;-moz-border-radius:3px 3px 0 0;-webkit-border-radius:3px 3px 0 0;background:#FFF}
#joinForum{padding:10px;font-weight:bold;text-align:center;border:1px solid #848484}
#joinForum p{line-height:17px}
#joinForum a{display:block;color:#ff7a00}

/***** OFFRES SPECIALES *****/
.specialOffer #submitcode{display:inline;width:30px;height:25px;padding:0 3px 2px}
.specialOffer .text{width:145px}
.bloc.specialOffer{margin:0 0 10px;background:#FFF}

/***** ANNONCES *****/
/*Recherche*/
#annonces .title{padding:0 0 2px 30px;background-position:0 -232px;border:none}
#annonces .contentList > li{clear:none;float:left;width:304px;height:115px;margin:0 2px 3px 0;overflow:hidden;background:#FFF}
#annonces .contentList > li h2{width:280px;height:32px;overflow:hidden;}
*+html #annonces .contentList > li{float:left}
#annonces .noresult > li{width:97%}
#annonces .contentList li li{width:auto;padding:0;background:none}
#annonces .texte .date{font-size:11px}
#annonces .texte .ville{display:block}
#annonces .bloc{margin:0 0 20px}
#rechercheAnnonce{overflow:hidden;padding:10px;margin:0 0 40px;color:#737373;background:url(/fr/images/css/style/pa-bg-search.png) repeat-x left top;border:1px solid #b5b5b5}
#rechercheAnnonce .search{float:left;width:440px;margin:0}
#rechercheAnnonce .search p{overflow:hidden;margin:0 0 5px}
#rechercheAnnonce #quoi,#rechercheAnnonce #cp{float:left;width:200px;height:30px;margin:0 10px 0 0;font-weight:bold;border:1px solid #dcdcdc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#rechercheAnnonce select{float:left;width:206px;height:36px;padding:8px 2px 8px;margin:0 10px 0 0;color:#737373;border:1px solid #dcdcdc;border-radius:3px;-moz-border-radius:3px;-webkit-border-radius:3px}
#rechercheAnnonce select option:nth(1){font-weight:bold}
#rechercheAnnonce optgroup{font-style:normal}
#rechercheAnnonce optgroup option{padding:0 0 0 10px}
#affinageAllCat{clear:none;float:right}
#rechercheAnnonce #btnCreerAlerte{display:none}
#affinageAllCat input{float:none;display:block;width:150px;height:65px;margin:0 0 10px;border:3px solid #c8c8c8;border-radius:8px;-moz-border-radius:8px;-webkit-border-radius:8px}
#rechercheAnnonce .tri li{display:inline;margin:0 10px 0 0}
#rechercheAnnonce .tri label{font-weight:normal}
.triAnnonces{clear:both;overflow:hidden}
.triAnnonces li{float:left;line-height:25px}
.triAnnonces .choice{width:100px;padding:3px 5px;text-align:center;background:#b5b5b5}
.triAnnonces .choice.selected{color:#F47403;background:#FFF}
.triAnnonces .choice a{color:#FFF}
.triAnnonces .sortBy{float:right}
.triAnnonces .sortBy a{color:#79797A}
#typeTri{width:140px}
#annonces .contentList .imgArticle{position:relative;width:50px;height:50px}
#annonces .contentList .imgArticle span{position:absolute;top:-5px;right:-5px;width:16px;height:16px;color:#FFF;text-align:center;background:#f77400}
#annonces .contentList .article.texte{float:left;width:235px}
#annonces .contentList .infoPrix{font-size:16px;font-weight:bold}
#annonces .contentList .info{clear:both;margin:10px 0 0}
*+html button{overflow:visible}
#annonces .info span{text-decoration:none;float:left;}
#annonces .info a{float:right;font-weight:bold}
#annoncesUtilisateur .info a{float:right;font-weight:bold}
#erreurTaillePhoto{color:#9F2020}
/*Detail*/
#annonces .detail h1{color:#8b6a4e}
#annonces .date .name{color:#F47003}
.detailNav{overflow:hidden;clear:both;padding:5px;margin:0 0 10px;text-align:right;background:#FFF;border-width:1px 0 1px;border-style:solid;border-color:#666}
.detailNav *{color:#F47003;font-size:11px}
.detailNav li{display:inline}
.detailNav .first{float:left;padding:0 0 0 15px;background:url(/fr/images/css/style/pictos.png) no-repeat left -459px}
.detailNav.bottom{margin:10px 0 0;border-width:1px 0 0;border:none}
.detailNav button{font-family:Arial,Verdana,Tahoma,sans-serif}
.detailNav button:hover{text-decoration:underline}
#annonces .detail #gallery{width:300px;margin:0 15px 0 0;float:left;background:none}
#annonces form .bloc ul{margin:0 0 20px}
#annonces .detail > #big_pict{float:left;margin:0 20px 25px 0}
*+html #annonces .galerie{clear:both}
#annonces .detail .galerie{float:left;width:300px;margin:0 10px 10px 0;background:none}
#annonces .detail .galerie .jcarousel-prev,#annonces .detail .galerie .jcarousel-next{display:none}
#annonces .galerie .photo{padding:0}
#annonces .galerie .slider{display:none}
#annonces .vignettesContent{margin-top:10px}
#annonces .vignettesContent li{display:inline-block;width:60px;margin:0 5px}
#annonces .vignettesContent .jcarousel-clip{width:210px}
#annonces .vignettesContent .jcarousel-prev{top:28px;left:5px}
#annonces .vignettesContent .jcarousel-next{top:28px;right:5px}
#annonces .detail .blocboutons{float:right;margin:0}
#annonces .detail .prix,#annonces .detail .ville span,#annonces .detail .desc span{font-size:14px;font-weight:bold}
#annonces .detail .prix span{font-size:18px}
#AnnoncesForm input[type=text]{width:220px}
#AnnoncesForm select{width:226px}
#AnnoncesForm label.error{display:block;float:none;width:auto;margin:5px 0 0 140px;font-style:italic;font-weight:normal}
#AnnoncesForm p.error,#AnnoncesForm .messageBox *{color:#f40303}
#AnnoncesForm .messageBox p{margin:0 0 5px;font-weight:bold}

#annonces #blocPhotosAvecJS{overflow:hidden;margin:0 0 10px 130px}
#annonces .addPic{clear:none;float:left;width:121px;height:160px;margin:0 5px 10px 0;color:#FFF;font-size:5em;text-align:center}
#annonces .addPic.full > img{margin:0 0 3px}
#annonces .addPic span{display:block;margin:0 0 5px;color:#666;font-size:12px}
#annonces .addPic .delImg{color:#F47003}
#annonces .addPic div{width:121px;height:121px;background:url(/fr/images/css/style/uploadImg.png) no-repeat left}
#annonces .addPic.full div{background:none}
#annonces #validation{float:right}
#dialogAbus label{width:100%}
#annonces .detail .addthis_toolbox{width:285px}
#annonces .titreBloc span{color:#F47403}
/*Depot annonce*/
#Ajout_PHOTO{height:auto}
#annonces .bloc li{list-style-type:square;list-style-position:inside}
#annonces .blocboutons{margin:30px 0 0;text-align:center}
#annonces .blocboutons input{display:inline}
.style1{margin:0 0 5px;color:#F47303;font-size:18px;font-weight:normal;font-family:'Cuprum',sans-serif}
#annonces .blocmsg{background:#FFF}
#blocPhotosAvecJS > p{clear:both;display:block}
/*Page profil*/
#annoncesProfil li{padding:0 0 0 12px;font-size:12px;font-weight:bold;line-height:22px;background:url(/fr/images/css/style/pictos.png) no-repeat 0px -38px}
.profil #annonces .contentList > li{margin-bottom:10px;border:1px solid #CCC}
.profil #annonces .imgArticle{width:auto;height:auto}
/*Lightbox*/
#contactVendeur .messageBox.info{color:#f77600;background:#f2f2f2;border:1px solid #f77600}

/***** FORMULAIRE GENERALITES *****/
form div{clear:both;margin:0 0 10px}
input{background:#FFF}
* html input[type=checkbox],*+html input[type=radio],html>/**/body input[type=checkbox],html>/**/body input[type=radio]{border:0;background:none}
label{font-weight:bold}
input,select,textarea{font-family:Arial;font-size:12px}
input,select{padding:2px;border:1px solid #A8ACAD}
*+html .AcceptItem input,*+html #profileTags input,*+html .choiceList input{border:none}
fieldset{clear:both;margin:0 0 15px;border:none}
legend{margin:0 0 10px;color:#F47303;font-size:18px;font-family:'Cuprum',sans-serif}
form input{height:18px;color:#737373}
select{height:24px}
textarea{resize:none;color:#737373;border:1px solid #A8ACAD}
form .choiceList{float:left;width:75%}
form .choiceList input{margin:0 5px 0 8px}
form li input,#IsMusician input,.AcceptItem input{height:auto}
form p{margin:0 0 15px}
form p label,.label{float:left;color:#454545;font-weight:bold}
form label,.label{width:135px;margin:0 5px 0 0}
.help,.calendarHelp{clear:left;display:block;margin:3px 0 0 140px;color:#848484;font-size:11px;font-family:Arial;text-transform:none}
#filter .calendarHelp{margin:3px 0 0 0}
form li input{margin:0 5px 0 0}
#buttons{margin:10px 0;text-align:center}
#buttons .btn{display:inline;margin:0 5px;color:#FFF}
form .choiceList > li{float:left;width:30%;padding:3px 0;margin:0 0 5px 0}
form ul li label{width:auto}
input.inpmini{width:60px}
input.inpsmall{width:188px}
input.inpmedium, select.inpmedium{width:220px}
input.inplarge{height:22px}
input.inplarge, select.inplarge, textarea.inplarge{width:245px}

/***Inscription***/
/*Etape1*/
#t-inscription{float:left}
#RiffxCommunity{float:right;margin:0 0 20px;color:#F47003;font-size:21px;font-family:Myriad Pro,Arial;font-weight:normal;letter-spacing:-1px}
#RiffxCommunity span{color:#000;font-size:15px}
/*Etapes*/
.navregister{height:40px;margin:0 0 40px;font-size:17px;font-family:Myriad Pro,Arial;letter-spacing:-1px}
.navregister ul li{float:left;width:325px;padding:6px 0 6px 25px;margin:0 0 0 -20px;color:#FFF;text-transform:uppercase;line-height:28px;background-image:url(/fr/images/GXCO/navRegister.png);background-repeat:no-repeat;background-position:0 0}
.navregister ul li span{float:left;width:20px;height:20px;padding:3px;margin:0 5px;color:#FFF;font-weight:bold;line-height:20px;text-align:center;border:1px solid #797979;border-bottom:1px solid #FFF;background:#818181}
.navregister ul li.first{width:320px;padding:6px 0;margin:0;background-position:-20px 0}
.navregister ul li.first.selected{width:320px;padding:6px 0;margin:0;background-position:0 -118px}
.navregister ul li.last{background-position:right -40px}
.navregister ul li.last.selected{width:325px;background-position:0 -160px}
.navregister ul li.selected{background-position:left -80px}
.navregister ul li.selected span{background:#c55d02;border:1px solid #ba4d01}
/*Etape 1*/
.CreateProfileComponent em{display:block;padding:0 50px;font-weight:bold}
.inscription{position:relative;overflow:hidden;margin:10px auto}
.inscription .slide{position:relative;float:left;width:990px;padding:0 0 10px}
.inscription .slide fieldset{padding:0 10px;margin:0;border:none}
.inscription legend{display:none}
.inscription  p.info{position:absolute;bottom:10px;left:20px;padding:0;margin:0;font-size:10px;font-style:italic}
.inscription #identification {float:none;padding:0;line-height:15px;text-align:left}
.appContent.CreateProfileComponent .formrow{overflow:hidden;width:880px;padding:20px 50px 10px;border-top:1px solid #F3F3F3}
.appContent.CreateProfileComponent .formrow > label,.appContent.CreateProfileComponent .formrow p > label,.appContent.CreateProfileComponent .formrow .label{width:170px;font-size:14px;font-weight:bold}
.appContent.CreateProfileComponent .formrow input{float:left}
.appContent.CreateProfileComponent .formrow .help{clear:none;float:right;width:420px;margin:0;font-size:10px;text-align:right}
.appContent.CreateProfileComponent .formrow p{clear:both;overflow:hidden;margin:0 0 5px}
.appContent.CreateProfileComponent .formrow p.note{margin:0}
.appContent.CreateProfileComponent .formrow .imgState{position:absolute;top:25px;left:485px;width:16px;height:13px}
.appContent.CreateProfileComponent .formrow.identity{position:inherit}
.appContent.CreateProfileComponent .formrow.identity  p{position:relative}
.appContent.CreateProfileComponent .formrow.identity .imgState{top:5px;left:440px}
.appContent.CreateProfileComponent .formrow .imgState img{width:16px;height:16px}
.appContent.CreateProfileComponent .formrow.decision{z-index:2;width:700px;margin:30px 0 0}
.appContent.CreateProfileComponent .formrow.decision label{width:auto;margin:0 0 10px;font-size:13px;font-weight:normal}
.appContent.CreateProfileComponent .formrow.decision input{float:none;vertical-align:top}
.appContent.CreateProfileComponent .formrow.captcha .imgState{top:23px;left:635px}
.appContent.CreateProfileComponent .formrow.decision .imgState{top:18px;left:610px}
.appContent.CreateProfileComponent .formrow.birthDate .imgState{left:515px} 
.appContent.CreateProfileComponent .formrow .confirmPwd .verifPasswordStateWrapper {margin:0 0 0 182px;text-align:right}
.appContent.CreateProfileComponent img.calendar{vertical-align:bottom;margin:0 0 0 5px}
.appContent.CreateProfileComponent #zipCode{width:120px;margin:0 10px 0 0}
#imgCaptcha{vertical-align:bottom;margin:0 5px}
#changeCaptcha{width:25px;height:25px;margin:0 0 0 5px;cursor:pointer;vertical-align:top;background:url(/fr/images/css/style/changeCaptcha.png) no-repeat left center;border:none}

/*Etape 2*/
.appContent.CreateProfileComponent .formrow.localisation .imgState{left:710px} 
.appContent.CreateProfileComponent .formrow.localisation .help{width:100%;margin:10px 0 0} 

/*Etape 3*/
#MusicalStyle li input,.appContent .choiceList li input{float:left}
#MusicalStyle li label,.appContent .choiceList li label{width:auto}
.appContent.CreateProfileComponent .formrow.isMusician{overflow:visible}
.appContent.CreateProfileComponent .formrow.isMusician input{height:auto}
.appContent.CreateProfileComponent .formrow.isMusician .imgState{top:20px;left:485px}
#profileTags{float:left;overflow:hidden;margin:20px 0 40px}
#profileTags .choiceList > li{width:45%}
.choiceList label{font-weight:normal}
#profileTags .choiceList .subCat ul{position:absolute;width:177px;padding:5px;background:#FFF;border:1px solid #E2E2E2}
#profileTags .choiceList .subCat li{overflow:hidden;margin:0 15px 7px 0;background:#FFF;z-index:2000}
#profileTags .choiceList .subCat input{margin:0 5px 0 3px}
#profileTags .choiceList .subCat span{cursor:pointer;display:block;padding:3px 0 3px 32px;background:url(/fr/images/css/style/signalerAbus.gif) no-repeat 8px 7px}
#profileTags .choiceList .subCat.opened ul{z-index:2000}
#profileTags .choiceList .subCat.opened span,#profileTags .choiceList .subCat.selected span{width:157px;border-radius:4px 4px 0 0;background:#E2E2E2 url(/fr/images/css/style/signalerAbus.gif) no-repeat 8px 7px}
#submitForm{float:right;width:127px;height:31px}
/*Solution temporaire pour ne pas afficher le tag Mix à l'Olympia*/
li#li_d65bc4f9-19a6-4eeb-9525-7dffdca9b35d{display:none;}
/*Validation*/
.validation.inscription .slide{width:880px;padding:0 50px}
.validation h1{margin:0 0 30px;color:#f47003;font-size:27px;font-family:Myriad Pro;font-weight:normal;letter-spacing:-1px}
.validation p{font-size:13px;font-weight:bold}
.validation .player{margin:45px 0 20px}

/*Verification du mot de passe*/
.validatePasswordWrapper{position:absolute;z-index:1;top:20px;right:50px;padding:0 0 3px 3px;font-size:0.85em}
.passwordStateWrapper{position:absolute;z-index:1;left:440px}
.passwordStateWrapper .state{width:16px;height:16px;z-index:1}
.passwordStateWrapper .state img{width:16px;height:16px}
tr.h td .validatePassword{left:340px}
.state{z-index:1} 
tr.h td .passwordStateWrapper .state{left:325px}
.verifpasswordstatewrapper{position:absolute;z-index:1;left:388px}
tr.h td .verifpasswordstatewrapper .state{left:325px}
#securityLabel{float:left;margin:0 5px 0 0;font-size:13px}
#level_left,#level_right{float:left;height:10px;margin:4px 0 0 0}
#level_right{background:#CCC;margin-right:10px}
#level{float:left;font-size:12px;font-weight:bold}
.wrapsignup{overflow:hidden;width:9900px}
.wrapsignup .intro{clear:both;padding:10px;margin:10px 0;text-shadow:0 1px 0 #FFF;background:#F4F4F4;border-bottom:1px solid #DDD;border-radius:4px}
.wrapsignup .intro h5{padding:0 0 5px 0;margin:0 0 5px 0;font-size:11px;border-bottom:1px solid #DDD;box-shadow:0 1px 0 #FFF}
.wrapsignup .teaser{overflow:hidden;margin:10px 0 20px 0}
.wrapsignup .teaser li{float:left;width:280px;margin:0 5px}
.wrapsignup .teaser li span.number{display:block;float:left;width:40px;height:40px;margin:0 10px 0 0;color:#87888A;font-size:36px;text-align:center;background:#EFF1F0}
.wrapsignup .teaser li span.title{display:block;height:40px;color:#000;font-size:16px}
.wrapsignup .teaser li p{clear:both;margin:10px 0;color:#87888A}
.wrapsignup .blocbutton{position:absolute;bottom:0;left:0;width:900px;padding:20px 0;margin:0 auto}
.wrapsignup .blocbutton input{border:none}
.wrapsignup .blocbutton a{display:block}
.wrapsignup .blocbutton .prevslide{float:left;padding:0 35px}
.wrapsignup .blocbutton .nextslide{float:right;padding:0 35px}




#formInscription em{display:block;margin:0 0 40px}
#formInscription .text{width:220px}
#formInscription #status input{width:135px}
#formInscription #status select{float:left}
#formInscription .shortLbl{float:none;margin:0 5px 0 15px}
#formInscription #buttons{text-align:right}
#disableAccount{margin:20px 0 0;color:#F47003;font-size:12px;font-family:Arial;text-decoration:underline}
form em{clear:both;display:block;margin:0 0 20px}
#editionProfil textarea,#Statut,form textarea{width:74%}
#editionProfil fieldset a{color:#F47003;text-decoration:underline}
#editionProfil legend span{margin:0 0 0 10px;color:#848484;font-size:11px;font-family:Arial}
#editionProfil #buttons{text-align:right}
#prop_DisplayEmail,#prop_WebSite,#Text1,#Text2,#Text3,#prop_MySpace,#prop_Facebook,#prop_Twitter{width:73%}
#birthDateInfo input,input.date{margin:0 5px 0 0}
input.time{width:30px;margin:0 5px}
#birthDateInfo .help{clear:none;display:inline;margin:0}

select#town{width:340px}
#editionProfil #town{width:284px}
#country{width:210px}
.alignedInput{margin:5px 0 0 140px}
#captcha{width:175px}
.AcceptItem label{width:auto;float:none;font-weight:normal}
#AnnoncesForm .AcceptItem label.error{display:inline;margin:0 0 0 5px;color:#f40303}
.AcceptItem a{color:#F47003;text-decoration:underline}
#AvatarFile{height:25px}
/*Edition profil*/
#editionProfil #Town{width:282px}
#editionProfil #FirstName,#editionProfil #LastName{width:170px}
#editionProfil  #phone{width:125px}
#editionProfil .validatePassword{left:712px}
#editionProfil .passwordStateWrapper,#editionProfil .verifpasswordstatewrapper{left:695px}
#editionProfil #Password1{clear:both;display:block;margin: 0 0 0 140px}
#editionProfil #isMusician label{float:none;width:auto;vertical-align:top}
/***** 404 *****/
#notFound{padding:0 0 20px;background:#F3F3F3}
#notFound h1{margin:0 auto 45px;font-size:36px;font-family:'Cuprum',sans-serif;font-weight:normal;text-align:center}
#notFound h1 img{margin:0 15px 0 0}
#notFound h1 > span{display:inline-block;padding:0 95px 0 0;text-align:left;background:url(/fr/images/appli/404/guillemets-droite.png) no-repeat right 38px}
#notFound #mainImg{display:block;margin:0 auto}
#notFound a{padding:0 10px;color:#f47403;font-size:18px;font-weight:bold;background:#F1F1F1}
#notFound #author{display:block;margin:0 0 0 95px;color:#b8b8b8}
#notFound #backToHomePage{text-align:center;background:url(/fr/images/appli/404/notFound-bg.gif) repeat-x center}
/*403*/
.GFWK_403{padding:0 0 20px;background:#F3F3F3}
.GFWK_403 h1{margin:0 auto 45px;font-size:36px;font-family:'Cuprum',sans-serif;font-weight:normal;text-align:center}

/***** Dialog - frames *****/
.ui-dialog h1{margin:0 0 15px;font-size:43px;font-family:'Cuprum',sans-serif;font-weight:normal}
.ui-dialog h1.popup-text{font-size:20px}
.ui-dialog h2{margin:0 0 15px;font-family:'Cuprum',sans-serif;font-weight:normal}
.ui-dialog p{clear:both}
.ui-dialog li{line-height:22px}
.ui-dialog #buttons{margin:25px 0 0}
.ui-dialog input[type=text],.ui-dialog textarea{width:77%}
#dialog{display:none;width:680px;padding:10px 15px}
.ui-dialog.ui-widget{font-family:Arial,Verdana,Tahoma,sans-serif;background:#FFF}
.ui-dialog-title{display:none}
.ui-dialog .ui-icon.ui-icon-closethick{background:url(/fr/images/ui/ui-dialog-croix.gif) no-repeat left;margin:0;padding:0;}
.ui-dialog .ui-icon.ui-icon-closethick:hover{margin:0;padding:0;}
.info img{vertical-align:top}
.ui-dialog #copieMessage{margin:0 0 0 140px}
.ui-dialog #copieMessage label{float:none;font-weight:normal}
.ui-dialog #copieMessage input{float:left;margin:0 5px 0 0}
.ui-dialog #copieMessage .btn{float:right}
#connectionlink{text-decoration:underline}

/***** PAGES SINBAD *****/
.a_titre1{margin:0 0 5px;font-size:18px;font-family:'Cuprum',sans-serif;text-transform:uppercase}
.a_titre2{padding:3px;font-size:18px;font-family:'Cuprum',sans-serif}
.a_blocappli #frmTRAN{padding:10px;background:#FFF}
.gouttieres{width:100%}
.gouttieres td{padding:5px 0;border:none}
.gouttieres .premcol1demi,.gouttieres .col{padding:10px;vertical-align:top;border:1px solid #D0D0D0}
.gouttieres label{width:auto;margin:0 2px 0 0}
.gouttieres .bloctxt .lien{text-decoration:underline}
.gouttieres .titlig{margin:0 10px 0 0}
.oblig{color:#9F2020}
#frmTRAN .blocmsg{color:#78A22F}
.gouttieres .blocboutons input,.gouttieres .blocboutons img{display:block;width:134px;height:32px;margin:20px auto 0;border:none}

/*MDP OUBLIE*/
#resetPassword{padding:30px 10px;background:#FFF}
#ResetMdp{color:#F47303;text-decoration:underline}
#RenewPwd{color:#78A22F;text-decoration:underline}
#rememberPwd > div{width:48%;float:left;margin:0 5px}
#createAccount{position:relative;height:395px;margin-top:10px;background:url(/fr/images/appli/mdp/pwdForgotten.jpg) no-repeat bottom}
#createAccount h2{margin:25px 0 0;font-size:39px;font-weight:normal;font-family:'Cuprum',sans serif}
#createAccount h3{color:#5f5f5f;font-size:32px;line-height:30px;font-weight:normal;font-family:'Cuprum',sans serif}
#createAccount h3 span{color:#f47003}
#createAccount a{position:absolute;bottom:30px;left:47px;width:165px;height:55px;padding:0 35px;font-weight:normal;line-height:55px;color:#ff4e00;font-size:26px;font-family:'Cuprum',sans-serif;text-transform:uppercase;background:#F1F1F1;border:1px solid #999;background:-moz-linear-gradient(top,#f1f1f1,#f1f1f1);background:-webkit-gradient(linear,left top,left bottom,from(#f1f1f1),to(#f1f1f1));box-shadow:0 0 4px #999 inset;-moz-box-shadow:0 0 4px #999 inset;-webkit-box-shadow:0 0 4px #999 inset}
#pwdForm h1{margin:0 0 10px;font-size:20px;font-family:'Cuprum',sans-serif;font-weight:normal}
#pwdForgotten a{color:#F47303;text-decoration:underline}
#pwdForm > div{position:relative;height:340px;padding:10px;margin:0 0 15px;font-weight:bold;border:1px solid #f47303;background:#f2f2f2}
#pwdForm  #email{margin:30px 0 20px}
#pwdForm  #email label{width:100px}
#pwdForm  #email input{width:180px;margin:0 0 0 5px}
#pwdForm  #captchaCheck label{float:left;width:130px}
#pwdForm #sendMessageText{width:110px;margin:5px 0 0 140px}
#pwdForm .btn{position:absolute;bottom:12px;right:12px}
#pwdForm .messageBox{background:#FFF}
#rememberPwd em{clear:both}
#pasp_d .imgState{position:absolute;width:16px;height:16px;top:0;left:180px}
#pasp_d #chkCasp{float:left;margin:0 5px 0 0}

/*Jeu concours*/
#linkJeu{display:block;margin:0 0 20px}
#linkJeu img{width:990px}
.player{margin:0 0 20px;text-align:center}

/* ------ Style Jeu concours ------ */
.app.GSOC_contest h1{border:none;margin:20px 0;padding:0;}
.app.GSOC_contest .appContent{padding:20px;}
.app.GSOC_contest .photo{float:left;margin:0 10px 10px}
.app.GSOC_contest h2{color:#AC1D02;margin:0 0 10px}
.app.GSOC_contest .description{margin:0 0 10px}
.app.GSOC_contest .concours{margin:0 0 10px}
.app.GSOC_contest .contestFormSubscription{clear:both}
.app.GSOC_contest .blocboutons{margin:15px 0;text-align:center}
.app.GSOC_contest .blocboutons input{border:none;width:auto;height:auto}

/* ------ Style CSS XConnect ------ */
.wrapsignup div{clear:none}
.app{margin:20 0;position:relative;overflow:hidden}
.app h1{padding:0 0 0 10px;border-bottom:1px solid #E1D4B8;margin:0 0 20 0}
.appContent{clear:both;background:#FFF}
.appContent  fieldset{margin:10px 5px;border:1px solid #D0D0D0;position:relative;padding:10px}
.appContent  legend{padding:2px 10px;font-weight:bold;color:#505050}
.appContent .formrow{clear:both;margin:2px 0;padding:2px 0;position:relative;display:block}

.appContent .formrow label{float:left;width:210px;margin:0 10px 0 0;color:#454545}
.appContent .formrow label span.oblig{color:#999}
.appContent .formrow label em{display:block;color:#CCC}
.appContent .formrow input{}
.appContent .formrow p.row{float:left;margin:0 0 10px 0}
.appContent  fieldset .blocbutton{text-align:right;clear:both}
.appContent .blocbutton{text-align:center;clear:both;margin:10 0}
.appContent .boxButton{margin:10 0;text-align:center}
input.button{background:-moz-linear-gradient(center top , #45484D 0%, #000 100%) repeat scroll 0 0 transparent;border:medium none;border-radius:2px 2px 2px 2px;color:#FFF;cursor:pointer;font-size:10px;letter-spacing:1px;margin:5px 0;padding:2px 10px;text-align:center;text-transform:uppercase}



/* messages */
p.note{text-align:left;font-size:10px;margin:7px 0 0 100px}
p.note label{width:auto !important}

/* module :toolbox */
.toolbox{background:#E1D4B8;padding:5px;position:absolute;left:-8px;top:20px;z-index:100;width:200px}
.toolbox li a{display:block;margin:3px 0px;padding:3px 5px}
.toolbox li a:hover{background:none no-repeat scroll 0 0 #d1c5ad;text-decoration:none}

#topHeader .GXCO_xlogin{background:url(../../images/GXCO/lock.png) no-repeat right center #E1D4B8;margin:0px 5px 0 0;padding:5px 20px 5px 8px;float:left;font-weight:900;background-color:#E1D4B8;border-right:1px solid #bcae90}
#topHeader .GXCO_xlogin li{display:inline;margin:0px 10 0 0px}
#topHeader .GXCO_xlogin li a{color:#000}

/* module :account */
.account{float:left;overflow:visible;margin:0px 5px 0 0;padding:6px 27px 6px 8px;font-weight:900;background-color:#E1D4B8;border-right:1px solid #bcae90;background:url(../../images/GXCO/avatar.png) no-repeat right center #E1D4B8}
.account .modContent{position:relative}
.account .accountuser{display:block;position:relative;padding:0 0 0px 12px;color:#000 !important}
.account .modContent .accountuser img{border:1px solid #6E8D99;vertical-align:middle;margin:0 20px 0 0}
.account .modContent .accountuser img:hover, .account .modContent a:hover img{border:1px solid #98b504}
.account .modContent .accountuser .droplist{background:url(../../images/GXCO/arrow.gif) no-repeat 50% -68px transparent;display:block;width:7px;height:4px;position:absolute;top:7px;left:0px;vertical-align:middle}
.account .modContent .accountuser.active .droplist{background:url(../../images/GXCO/arrow.gif) no-repeat 50% -47px transparent}

/* module :accountNotification */
.accountNotification{float:left;overflow:visible;margin:0px 5px 0 0;padding:6px 27px 6px 8px;font-weight:900;background-color:#E1D4B8;border-right:1px solid #bcae90;background:url(../../images/GXCO/avatar.png) no-repeat right center #E1D4B8}
.toolBoxNotification{text-align:left;display:none;position:absolute;z-index:10;overflow:visible;top:28px;left:10px;background-color:#FFF;
border:1px solid rgba(100, 100, 100, 0.4);border-radius:3px 3px 3px 3px;box-shadow:0 3px 8px rgba(0, 0, 0, 0.25);width:300px;height:100px}
.toolBoxNotification:before{content:"";width:0px;height:0px;border-bottom:8px solid #FFF;border-left:8px solid transparent;border-right:8px solid transparent;margin:-8px 0 0 0;position:absolute;left:8px}
.toolBoxNotification h4{float:left;background-color:#FFF;font-weight:700;text-align:left;padding:0px;margin:0px;text-transform:none;color:#333}	
.toolBoxNotification .toolTitle{overflow:hidden;padding:5px;border-bottom:1px solid #CACACA}
.toolBoxNotification .closeToolBox{float:right;display:block;width:12px;height:12px;background:url(../../images/GXCO/close.gif) no-repeat 0 0 transparent;margin-top:3px}	
.toolBoxNotification .closeToolBox span{display:none}	
.toolBoxNotification .toolContent{clear:both;padding:5px}	
.toolBoxNotification .toolContent  p{font-size:0.9em;font-style:italic;margin:0 0 5px 0px}
.toolBoxNotification .toolContent ul li{margin:0px 20px !important;display:inline}
.toolBoxNotification .toolContent ul li a{padding:0 0 0px 25px} 
.toolBoxNotification .toolContent .completeAccount{background:url(../../images/GXCO/ico_accept16.gif) no-repeat 0 0;color:#56b509 !important}
.toolBoxNotification .toolContent .logOut{background:url(../../images/GXCO/ico_delete16.gif) no-repeat 0 0;color:#d64f01 !important}

/* module :login */
.GXCO_xlogin h4{display:none}
.GXCO_xlogin .modContent{overflow:hidden;height:38px;position:relative}
.GXCO_xlogin .modContent label{width:100px}
.GXCO_xlogin .modContent .top_xlogin, .GXCO_xlogin .modContent .top_xlogin2{overflow:hidden;height:22px;position:absolute;padding:10px 0}
.GXCO_xlogin .modContent .top_xlogin a, .GXCO_xlogin .modContent .top_xlogin2 a{display:block;color:#6E8D99;float:left;padding:0 10px;text-align:center}
.GXCO_xlogin .modContent .top_xlogin span, .GXCO_xlogin .modContent .top_xlogin2 span{display:block;float:left}
.GXCO_xlogin .modContent .bar_xlogin, .GXCO_xlogin .modContent .bar_xlogin2{clear:both;overflow:hidden;height:38px;top:40px;position:absolute}
.GXCO_xlogin .modContent .bar_xlogin input.inputbar, .GXCO_xlogin .modContent .bar_xlogin2 input.inputbar{float:left;font-size:11px;height:14px;margin:0 2px 0 0;padding:2px;width:110px}
.GXCO_xlogin .modContent .bar_xlogin label, .GXCO_xlogin .modContent .bar_xlogin2 label{font-size:10px}
.GXCO_xlogin .modContent .bar_xlogin .goback, .GXCO_xlogin .modContent .goback2{float:right;font-size:10px;line-height:22px;cursor:pointer;display:block}
.GXCO_xlogin .modContent .bar_cgu2{position:absolute;top:80px;height:38px;clear:both;font-size:10px}

/*Page de connexion*/
.GXCO_xloglarge{margin:0 0 20px}
.GXCO_xloglarge h1{margin: 0 0 5px;font-size: 18px;font-family: 'Cuprum',sans-serif;font-weight:normal;text-transform: uppercase;border:none}
.GXCO_xloglarge .appContent{overflow:hidden;padding:10px;}
.GXCO_xloglarge .blocmsg{color:#78A22F}
.GXCO_xloglarge fieldset{clear:none;width:415px;float:left;margin:10px 20px}
.GXCO_xloglarge legend{font-weight:normal}
.GXCO_xloglarge label{width:100px !important}
.GXCO_xloglarge .blocbutton input{border:none}
.GXCO_xloglarge .formrow{border:none !important}
ul.listaction{overflow:hidden;clear:both;margin:10 0 0 0}
ul.listaction li{float:left;padding:0 0 0 5px}
ul.listaction a{color:#F47303;font-size:0.9em;text-decoration:underline}


.GXCO_xlogSmall{text-align:left}
.GXCO_xlogSmall .formrow{margin:2px;padding:2px}
.GXCO_xlogSmall label{float:left;margin:0px 10 0 0px;width:100px !important;font-weight:700}
.GXCO_xlogSmall .blocbutton{text-align:right}



.cgu{clear:both;padding:8px 0 10px;margin:0;text-shadow:0 1px 0 #FFF;background:#F4F4F4;border-bottom:1px solid #DDD;border-radius:4px}
.cgu .scroller{height:220px;padding:0 10px;outline:medium none;overflow-y:scroll;color:#888;font-size:11px;line-height:15px}
.cgu .scroller p.header{padding:0 0 5px 0;margin:0 0 5px 0;border-bottom:1px solid #DDD;box-shadow:0 1px 0 #FFF}
.cgu .scroller p.bottom{padding:0 0 5px 0;margin:0 0 5px 0;border-top:1px solid #DDD}
.cgu .scroller p{margin:5px 0}
.decision label{float:none !important;display:block;width:95% !important}


/* ------GPRF------ */
#navDashboard_1{overflow:hidden;width:100%;height:30px;position:relative;z-index:9;margin:20 0 0 0}
#navDashboard_1 ul{background:#EFEFEF;position:relative;overflow:hidden}
#navDashboard_1 ul li.first{padding:0;margin:0}
#navDashboard_1 li{z-index:2;position:relative;float:left;line-height:30px;font-size:12px}
#navDashboard_1 ul li.first a{display:block;width:195px;padding:0;margin:0px;color:#FFF;line-height:30px;text-align:center;background:url(/fr/images/GPRF/bg_navAccount_first.png) no-repeat right top !important}
#navDashboard_1 li a{display:block;padding:0 25px 0 25px;margin:0 0 0px -15px;color:#333;text-align:center;line-height:30px}
#navDashboard_1 li.selected{z-index:1}
#navDashboard_1 li.selected a{background:url(/fr/images/GPRF/bg_navAccount_hover.png) no-repeat right top #EFEFEF}
#navDashboard_2{background:#EEE;float:left;width:170px;height:300px;padding:5px;margin:0 10px 20px 0}
#navDashboard_2 ul li a{display:block;padding:2px 4px;margin:5px 0px}
#navDashboard_2 ul li a{display:block}
#navDashboard_2 ul li.selected a, #navDashboard_2 ul li a:hover {background:#FFF;text-decoration:none}
#navDashboard_2 ul li.selected a{color:#E2001A;font-weight:bold}

.messageBox.error{background:#F2DEDE;border:1px solid #B94A48;overflow:hidden;position:relative;margin:10 0 0 0} 
.messageBox.error ul{padding:5px 10px}
.messageBox.error ul li{margin:5px 0px;color:#B94A48;font-weight:bold;}

.GPRF_dashboard ul{font-size:0.9em}
.GPRF_dashboard ul li{margin:2px 0px;overflow:hidden}
.GPRF_dashboard .nameAccount{font-weight:bold;margin:0 0 5px 0px;display:block}
.GPRF_dashboard .infos{padding:5px;border:1px solid #CACACA}
.GPRF_dashboard .infos label{font-weight:bold;float:left;background:#ececec;width:160px;padding:2px 5px;margin:0px 5px 0 0}
.GPRF_dashboard .infos  ul li span{display:block;padding:2px 5px;background-color:#EFEFEF}		

.mod.GPRS_subscriptions, .GXCO_authenticationHistory{float:left;margin:0px 10px 20px 10px;height:150px}
.GXCO_authenticationHistory{width:370px;border:1px solid #CACACA;padding:5px}
.GXCO_authenticationHistory label{float:left;background:#ececec;width:140px;padding:2px 5px;margin:0px 5px 0 0}
.GXCO_authenticationHistory  ul li{margin:2px 0px;overflow:hidden} 
.GXCO_authenticationHistory  ul li span{float:left;display:block;float:left;padding:2px 5px}		
.mod.GPRS_subscriptions{width:370px;border:1px solid #CACACA;padding:5px}
.mod.GPRS_subscriptions label{float:left;background:#ececec;width:200px;padding:2px 5px;margin:0px 5px 0 0}
.mod.GPRS_subscriptions  ul li{margin:2px 0px;overflow:hidden} 
.mod.GPRS_subscriptions  ul li span{float:left;display:block;float:left;padding:2px 5px}
.app.GPRS_subscriptions table{width:100%}
.app.GPRS_subscriptions table tr th{background-color:#EFEFEF;padding:3px}
.app.GPRS_subscriptions table tr td{padding:2px;font-size:0.85em}

#updateProfile{background-color:#FFF;border:0px;padding:0px}
#updateProfile legend{display:none}
#updateProfile .formrow span{}
#updateProfile .formrow p.note{margin:0}
#updateProfile .formrow .imgState{position:absolute;left:615px;top:5px;height:16px;width:16px}
.formrow .imgState img{height:16px;width:16px}



/*MODAL*/
#overlay{position: fixed;z-index: 500;top: 0px;left: 0px;height: 100%;width: 100%;background-color: #000;filter: alpha(opacity=75);-moz-opacity: 0.75;opacity: 0.75;}
#modal{font: 11px Arial, Helvetica, sans-serif;width: 615px;display: none;position: fixed;background: #ffffff;z-index: 600;color: #000000;border: 4px solid #525252;text-align: left;top: 50%;left: 50%;min-height:387px;}
#modal .title{background-color: #e8e8e8;height: 27px;width:100%;}
#modal .title h2{float: left;padding-left:10px;margin-bottom: 1px;font: 11px Arial, Helvetica, sans-serif;font-weight: bold;}
#modal .title #close_modal{padding: 7px 10px 5px 0;margin-bottom: 1px;text-align: right;float: right;}
#modal .title #close_modal a#TB_closeWindowButton{text-decoration: none;}



@media screen and (max-width: 768px) {}
@media screen and (max-width: 320px) {}