@charset "utf-8";
/* CSS Document */

/*
 *
 *	@titre: home.
 *	@description: feuille de style home - nouplifo.
 *	@auteur: neov - http://www.neov.net.
 *	@creation: 20090618.
 *	@modification: -
 *
 */


/* ::: global ::: */



body { margin:0; padding:0; font:normal 10px 'Arial', Helvetica, sans-serif; color:black; background:url(/design/images/design/bkg-body.jpg) repeat-x; min-width:1010px; min-height:100%; }
body * { margin:0; padding:0; border:none; outline:none; line-height:100%; }

ul, li { list-style:none; }
a { text-decoration:none; color:black; cursor:pointer; }
img { font-size:1em; }


/* ::: clear fix ::: */

.clear:after { content:""; display:block; clear:both; visibility:hidden; line-height:0; height:0; }
.clear { display:inline-block; }
html[xmlns] .clear { display:block; }
* html .clear { height:1%; }

.clearBoth { clear:both; }
.clearLeft { clear:left; }
.clearRight { clear:right; }

/* ::: alignement ::: */
.align_centre { text-align:center; }
.align_right { text-align:right; }
.align_left { text-align:left; }

.lfloat { float:left; }
.rfloat { float:right; }
.nfloat { float:none !important; }
.relativeP { position:relative; }

.wrapBG { height:auto; line-height:1%; width:100%; }



#page { background:url(/design/images/design/bkg-inner.png) no-repeat; behavior: url("/design/css/iepngfix.htc"); width:980px; margin:36px auto 0; min-height:809px; }
* html #page { height:809px; }
.page-inner { position:relative; }

#page-jaune { background:url(/design/images/design/bkg_jaune.png) no-repeat; behavior: url("/design/css/iepngfix.htc"); width:980px; margin:36px auto 0; min-height:808px; }
* html #page-jaune { height:808px; }

#page-informez-vous { background:url(/design/images/design/bkg-informez-vous.png); behavior: url("/design/css/iepngfix.htc"); width:980px; height:1836px;  margin:216px auto 0;  }


/* ::: header ::: */
#header-wrapper { width:100%; height:139px; }
#header-wrapper .header-inner {  position:relative;  }
#header-wrapper .header-inner .logo { height:165px; position:absolute; top:0; left:0; }
#header-wrapper .header-inner .logo a { display:block; }
#header-wrapper .header-inner .logo a img { behavior: url("/design/css/iepngfix.htc"); }
#header-wrapper .header-inner .titre { width:472px; height:138px; position:absolute; top:0px; left:123px; }
#header-wrapper .header-inner .titre h1 img { behavior: url("/design/css/iepngfix.htc"); }
#header-wrapper .header-inner .right-nav-header { width:378px; margin-right:20px; _margin-right:10px; }
#header-wrapper .header-inner img.margTxt { padding-right:5px!important; }
#header-wrapper .header-inner .right-nav-header img { behavior: url("/design/css/iepngfix.htc"); }

#header-wrapper .header-inner .right-nav-header ul { width:265px; position:absolute; top:-6px; right:136px; }
#header-wrapper .header-inner .right-nav-header li { font-size:0; padding:0; }
#header-wrapper .header-inner .right-nav-header li a { display:block; line-height:1em; }



/* ::: content ::: */
#content { width:100%; position:relative; }


/* ::: content-right ::: */
#content .content-right { width:365px; position:relative; z-index:1; }
#content .content-right a img { behavior: url("/design/css/iepngfix.htc"); display:block; }
#content .content-right li#menu1 { position:absolute; top:-29px; left:-35px; _left:-49px; width:321px; height:161px;  }
#content .content-right li#menu2 { position:absolute; top:96px; left:-5px; _left:-19px; width:341px; height:170px;  }
#content .content-right li#menu3 { position:absolute; top:245px; left:-35px; _left:-49px; width:321px; height:196px;  }
#content .content-right li#menu1 a.music { background:url(/design/images/design/btn-music.png) no-repeat; width:321px; height:161px; display:block; behavior: url("/design/css/iepngfix.htc"); }
#content .content-right li#menu2 a.campagnie { background:url(/design/images/design/btn-compagnie.png) no-repeat; width:341px; height:170px; display:block; behavior: url("/design/css/iepngfix.htc");  }
#content .content-right li#menu3 a.informez-vous { background:url(/design/images/design/btn-informez-vous.png) no-repeat; width:321px; height:196px; display:block; behavior: url("/design/css/iepngfix.htc"); }


/* ::: content-left ::: */
#content .content-left { width:123px; min-height:449px; }
* html #content .content-left { height:449px; } 
#content .content-left p a img {  behavior: url("/design/css/iepngfix.htc"); }
#content .content-left p { margin:0 0 0 38px; }
#content .content-left p.btn_link { margin-top:328px; }


/* ::: content-middle ::: */
#content .content-middle { width:auto; }
* html #content .content-middle { width:487px; }
#content .content-middle p.partie-log { font-size:11px; font-weight:bold; color:#FFFFFF; margin:0 13px 0 0; _margin:0 -10px 0 0; text-transform:uppercase; position:relative; padding-right:17px; _padding-right:30px; width:443px; z-index:10; }
#content .content-middle p.partie-log a { font-size:11px; font-weight:bold; color:#ae0101; text-decoration:underline; }
#content .content-middle p.partie-log a:hover { text-decoration:none; }
#content .content-middle p.partie-log a span { visibility:hidden; }
#content .content-middle p.partie-log a.fermer { background:url(/design/images/design/btn-fermer.gif) no-repeat; width:14px; height:14px; text-decoration:none!important; position:absolute; top:0; right:0; z-index:20; }
* html #content .content-middle p.partie-log a.fermer { position:absolute; top:0; right:-52px; }
#content .content-middle .bloc-flash { position:relative; }
#content .content-middle .bloc-flash a.pop-log { position:absolute; bottom:20px; left:0; width:273px; height:120px; }
#content .content-middle .bloc-flash a.pop-avatar { position:absolute; bottom:0; right:0; width:170px; height:170px;}
#content .content-middle .bloc-flash img { behavior: url("/design/css/iepngfix.htc"); }


/* ::: musique ::: */
#content .content-middle .bloc-music { position:relative; padding:66px 0 0 76px; width:762px; }
#content .content-middle .bloc-music li { width:255px; height:82px; }
#content .content-middle .bloc-music li.btn-first { height:87px; }
#content .content-middle .bloc-music li.btn-last { height:86px; }
#content .content-middle .bloc-music li a { width:255px; height:82px; display:block; }
#content .content-middle .bloc-music li a span { visibility:hidden; line-height:normal; } 
#content .content-middle .bloc-music li a.first { height:87px; }
#content .content-middle .bloc-music li a.last { height:86px; }
#content .content-middle .bloc-music li a.clip { background:url(/design/images/design/down-clip.png) no-repeat; behavior: url("/design/css/iepngfix.htc");  } 
#content .content-middle .bloc-music li a.le-titre { background:url(/design/images/design/down-title.png) no-repeat; behavior: url("/design/css/iepngfix.htc");  } 
#content .content-middle .bloc-music li a.sonnerie { background:url(/design/images/design/down-son-mobile.png) no-repeat; behavior: url("/design/css/iepngfix.htc");  }
#content .content-middle .bloc-music li a.partage { background:url(/design/images/design/partage.png) no-repeat; behavior: url("/design/css/iepngfix.htc");  }  


#content .content-middle .bloc-music .bloc-flash-tv { position:absolute; top:54px; right:0; }
#content .content-middle .bloc-music .bloc-flash-tv img { behavior: url("/design/css/iepngfix.htc"); }
/* #content .content-middle .bloc-music .bloc-flash-tv p.topD { position:absolute; font-size:14px; top:-20px; left:260px; color:#FFFFFF; } */
#content .content-middle .bloc-music .bloc-flash-tv p.topD { position:absolute; font-size:14px; top:-5000px; left:260px; color:#FFFFFF; }
#content .content-middle .bloc-music .bloc-flash-tv p.topD a { font-weight:bold; font-size:14px; color:#FFFFFF; text-align:center; }
#content .content-middle .bloc-music .bloc-flash-tv p.topD a:hover { text-decoration:underline; }
#content .content-middle .bloc-music .cable { position:absolute; top:403px; left:15px; background:url(/design/images/design/cable.png) no-repeat; behavior: url("/design/css/iepngfix.htc"); width:251px; height:33px; }


/* ::: campagne-tv ::: */
#content .content-middle .bloc-campgne { position:relative; padding:61px 0 0 115px; width:723px; }
#content .content-middle .bloc-campgne p { bottom:-82px; left:25px; position:absolute; }
#content .content-middle .bloc-campgne p img {  behavior: url("/design/css/iepngfix.htc"); }
#content .content-middle .bloc-campgne li { width:257px; height:70px; }
#content .content-middle .bloc-campgne li.btn-first { height:79px; }
#content .content-middle .bloc-campgne li.btn-last { height:83px; }
#content .content-middle .bloc-campgne li a { width:257px; height:70px; display:block; }
#content .content-middle .bloc-campgne li a span { visibility:hidden; line-height:normal; } 
#content .content-middle .bloc-campgne li a.first { height:79px; }
#content .content-middle .bloc-campgne li a.last { height:83px; }
#content .content-middle .bloc-campgne li a.voir-affiches { background:url(/design/images/design/voir-affiches.png) no-repeat; behavior: url("/design/css/iepngfix.htc");  } 
#content .content-middle .bloc-campgne li a.voir-tv { background:url(/design/images/design/voir-tv.png) no-repeat; behavior: url("/design/css/iepngfix.htc");  } 
#content .content-middle .bloc-campgne li a.ecoute-radio { background:url(/design/images/design/ecoute-radio.png) no-repeat; behavior: url("/design/css/iepngfix.htc");  }
#content .content-middle .bloc-campgne li a.partage-avec-ami { background:url(/design/images/design/partage-avec-ami.png) no-repeat; behavior: url("/design/css/iepngfix.htc");  } 

#content .content-middle .bloc-campgne .flash-campagne-tv { position:absolute; top:40px; right:66px; }
#content .content-middle .bloc-campgne .flash-campagne-tv img { behavior: url("/design/css/iepngfix.htc"); }
/* #content .content-middle .bloc-campgne .flash-campagne-tv p.topD { color:#FFFFFF; font-size:14px; left:230px; position:absolute; top:-18px; } */
#content .content-middle .bloc-campgne .flash-campagne-tv p.topD { color:#FFFFFF; font-size:14px; left:230px; position:absolute; top:-5000px; }
#content .content-middle .bloc-campgne .flash-campagne-tv p.topD a { font-weight:bold; font-size:14px; color:#FFFFFF; text-align:center; }
#content .content-middle .bloc-campgne .flash-campagne-tv p.topD a:hover { text-decoration:underline; }


/* ::: création avatar ::: */
#content .bloc-flash-creation-avatar { width:260px; height:445px; }
#content .bloc-flash-creation-avatar img { behavior: url("/design/css/iepngfix.htc"); }
#content .bloc-form-avatar { width:572px; min-height:420px; padding-bottom:30px; }
*html #content .bloc-form-avatar { height:420px; }
#content .bloc-form-avatar h2 { padding:9px 0 15px 74px; }
#content .bloc-form-avatar p.txt-first { background:url(/design/images/design/bkg-txt.png) no-repeat; behavior: url("/design/css/iepngfix.htc"); width:323px; height:40px; padding:6px 10px 0 12px; font-size:11px; color:#3a2304; margin-left:74px; line-height:normal; }
#content .bloc-form-avatar form { margin-top:32px; position:relative;/* min-height:331px; */}
#content .bloc-form-avatar form p { margin-bottom:8px; *margin-bottom:6px; height:24px; }
#content .bloc-form-avatar form p label { font-size:18px; color:#FFFFFF; text-transform:uppercase; float:left; text-align:right; width:180px; padding-right:7px; _padding-right:4px; }
#content .bloc-form-avatar form p input { border:1px solid #f3bb03; width:140px; padding:3px 3px; vertical-align:middle; }
#content .bloc-form-avatar form p select { width:147px; border:1px solid #f3bb03; }
#content .bloc-form-avatar form p input.invalid { border:1px solid #ff0000; }
#content .bloc-form-avatar form p select.invalid { border:1px solid #ff0000; }
#content .bloc-form-avatar form .bulle-wrapper { width:280px; padding-left:82px; }
#content .bloc-form-avatar form .bulle-wrapper p { font-size:18px; color:#FFFFFF; text-transform:uppercase; }
#content .bloc-form-avatar form .bulle-content { background:url(/design/images/design/bulle.png) no-repeat; behavior: url("/design/css/iepngfix.htc"); width:280px; height:117px; display:block; margin:5px 0 0 50px; _margin:5px 0 0 25px; }
#content .bloc-form-avatar form .bulle-content a.precedent { ddisplay:block; width:28px; height:42px; margin:25px 0 0 10px; }
#content .bloc-form-avatar form .bulle-content a.suivant { display:block; width:28px; height:42px; margin:25px 23px 0 0; _margin:25px 12px 0 0; }
#content .bloc-form-avatar form a.btn_Ok{ position:absolute; bottom:-30px; *bottom:-20px; right:-20px; }
*html #content .bloc-form-avatar form a.btn_Ok{ position:absolute; bottom:-25px; right:-20px; }
#content .bloc-form-avatar form a.btn_Ok img { behavior: url("/design/css/iepngfix.htc"); }
#content .bloc-form-avatar form .bulle-content table { height:94px; margin:0 auto; width:160px; }
#content .bloc-form-avatar form .bulle-content table td { vertical-align:top; }
#content .bloc-form-avatar form .bulle-content table td div.txt-message { font-size:16px; font-weight:bold; text-transform:uppercase; text-align:center; width:155px; height:51px; overflow:hidden; padding:14px 0; }

/* ::: informez-vous ::: */
#content .content-middle .bloc-infos { position:relative; width:599px; margin:10px 0 0 103px; }
#content .content-middle .bloc-infos .top-infos { background:url(/design/images/design/top-infos.png) no-repeat top left; behavior: url("/design/css/iepngfix.htc"); width:599px; height:446px; }
#content .content-middle .bloc-infos .top-infos .top-infos-content { position:relative; height:446px; }
#content .content-middle .bloc-infos .top-infos .top-infos-content a.btn-rassembler { position:absolute; top:65px; left:15px; }
#content .content-middle .bloc-infos .top-infos .top-infos-content a.btn-defendre { position:absolute; top:18px; left:230px; }
#content .content-middle .bloc-infos .top-infos .top-infos-content a.btn-verite { position:absolute; top:51px; left:412px; }
#content .content-middle .bloc-infos .top-infos .top-infos-content p.down-address { bottom:50px; height:48px; left:238px; position:absolute; width:155px; }
#content .content-middle .bloc-infos .top-infos .top-infos-content p.selectList { position:absolute; bottom:28px; left:243px; }
#content .content-middle .bloc-infos .top-infos .top-infos-content p.selectList select { width:144px; border:1px solid #7f9db9; }
#content .content-middle .bloc-infos .bottom-infos { background:url(/design/images/design/bottom-infos.gif) no-repeat top left; margin:0 0 14px 78px; height:5px; }
#content .content-middle .bloc-infos .content-infos { background-color:#E8C954; height:auto; margin-left:78px; width:481px; }
#content .content-middle .bloc-infos .content-infos-inner { width:363px; margin:0 auto; }
#content .content-middle .bloc-infos .content-infos-inner h3 { padding:24px 0 18px 0; font-size:13px; }
#content .content-middle .bloc-infos .content-infos-inner p { font-size:12px; color:#171717; padding-bottom:24px; line-height:normal; }
#content .content-middle .bloc-infos .content-infos-inner p span { font-weight:bold; line-height:normal; }
/*
#content .content-middle .bloc-infos .content-infos-inner p.paddTxt  { padding-bottom:0 !important;}
#content .content-middle .bloc-infos .content-infos-inner p.paddTxt a { text-decoration:underline; }
*/
#content .content-middle .bloc-infos .content-infos-inner p.paddTxt  { background-color: #bb000e; border: 3px solid #bb000e; color: white; padding: 7px; text-align: center; }
#content .content-middle .bloc-infos .content-infos-inner p.paddTxt a { text-decoration:underline; color: white; }



/* ::: tableau de bord ::: */
#content .tableau-content { width:517px; margin:46px 0 0 60px; _margin:46px 0 0 60px; }
#content .tableau-content p { color:#664b01; font-size:12px; line-height:normal; }
#content .tableau-content p span { color:#ae0101; font-weight:bold; }
#content .tableau-content h2 { color:#FFFFFF; font-size:18px; font-weight:normal; padding-top:5px; }
#content .tableau-content h2 span { color:#AE0101; }
#content .tableau-content h2.txt-up { text-transform:uppercase; padding:14px 0 10px; }
#content .tableau-content form label { font-size:12px; font-weight:bold; color:#3a2304; text-transform:uppercase; }
#content .tableau-content form label span { font-weight:normal; display:block; text-transform:none; color:#664b01; }
#content .tableau-content form textarea { width:430px; height:45px; border-top:1px solid #454545; border-left:1px solid #454545; border-right:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; overflow:auto; margin:8px 0 12px 0; }
#content .tableau-content form textarea.invalid { border: 1px solid red ;}
#content .tableau-content form input.envoyer-tab { display:block; width:151px; height:63px; border:none; margin-left:95px; background:none; behavior: url("/design/css/iepngfix.htc"); }
#content .tableau-content form textarea.last { margin-bottom:0; }
#content .flash-tableau { width:260px; margin-top:30px; }
#content .flash-tableau h2 { font-size:12px; font-weight:bold; margin:0 0 10px 0; }

/* ::: envoi à un ami ::: */
#content .envoi-ami { width:611px; margin:55px 0 0 42px; _margin:55px 0 0 42px; position:relative; }

#content .coordonnee { width:285px; _ width:290px; }
#content .envoi-ami p { color:#664b01; font-size:12px; line-height:normal; margin-bottom:3px; *margin-bottom:1px; }
#content .envoi-ami p a { font-size:12px; color:#FFFFFF; text-decoration:underline; }
#content .envoi-ami p a:hover { text-decoration:none; }
#content .envoi-ami h2 { font-size:12px; font-weight:bold; color:#3a2304; text-transform:uppercase; margin-top:12px; }
#content .envoi-ami label { float:left; font-size:12px; font-weight:bold; color:#FFFFFF; text-align:right; width:120px; padding-right:6px; *padding-top:5px; _padding-right:3px; }
#content .envoi-ami label.reglement { color:#664b01; font-size:12px; font-weight:normal; }
#content .envoi-ami label.labelRadio { width:auto; color:#454545; font-weight:normal; }
#content .envoi-ami input { vertical-align:middle; border-top:1px solid #454545; border-left:1px solid #454545; border-right:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; width:149px; padding:0 3px }
#content .envoi-ami input.radioType { width:auto; border:none; float:left; margin-right:3px; *margin-right:1px; }
#content .envoi-ami p.bt-radio { margin:5px 0 3px 0; *margin:0; }
#content .envoi-ami input.btn-radio-first { margin:0 3px 0 125px; *margin:0 3px 0 120px; } 
@media screen and (-webkit-min-device-pixel-ratio:0) { #content .envoi-ami input { padding-bottom:3px; }}
#content .envoi-ami input.checkboxType { border:none; margin-left:126px; *margin-left:121px; _margin-left:124px; width:auto; }
#content .envoi-ami input.btn-envoi { width:180px; height:157px; display:block; border:none; background:none; behavior: url("/design/css/iepngfix.htc"); }
#content .envoi-ami .margLeft { margin-left:22px; }
#content .envoi-ami p.controle { color:#ae0101; margin-left:126px; }
#content .envoi-ami p.bt-ok-eva {  position:absolute; bottom:-50px; right:-9px; }

#content .envoi-ami input.invalid, #content .envoi-ami select.invalid, #content .envoi-ami textarea.invalid { border: 1px solid red ; }


p.link-cnil { position:absolute; bottom:-15px; right:205px; }
p.link-cnil a { font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:underline; }
p.link-cnil a:hover { text-decoration:none; }

p.link-cnil-CA { width:100px; margin-left:235px; } 
p.link-cnil-CA a { font-size:12px; font-weight:bold; color:#FFFFFF; text-decoration:underline; }
p.link-cnil-CA a:hover { text-decoration:none; }

#content .envoi-ami .amis { margin:12px 0 0 31px; *margin:6px 0 0 26px; width:290px; }
#content .envoi-ami .amis label { font-size:12px; font-weight:bold; color:#3a2304; text-transform:uppercase; width:auto; text-align:left; margin-bottom:5px; }
#content .envoi-ami .amis label span { font-weight:normal; display:block; text-transform:none; color:#664b01; margin-top:4px; }
#content .envoi-ami textarea { width:270px; height:90px; border-top:1px solid #454545; border-left:1px solid #454545; border-right:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; overflow:auto; padding:5px; }

#content .message { margin-top:8px; }
#content .message textarea { width:270px; height:90px; border-top:1px solid #454545; border-left:1px solid #454545; border-right:1px solid #a6a6a6; border-bottom:1px solid #a6a6a6; overflow:auto; margin-left:105px; padding:5px; }
*html #content .message textarea { display:block; } 
#content .message label { font-size:12px; font-weight:bold; color:#3a2304; text-transform:uppercase; width:auto; text-align:left; margin-bottom:5px; }
#content .message label span { font-weight:normal; display:block; text-transform:none; color:#664b01; }
#content .message .margLeft { margin-left:22px; }

#content .flash-envoi { width:184px; height:412px; margin-top:45px; display:block; }

/* ::: footer ::: */
#footer { width:100%; padding-top:10px; }
#footer p { color:#FFFFFF; font-size:13px; text-transform:uppercase; margin-right:72px; }
#footer p span { padding-right:44px; }
#footer p a { background:url(/design/images/design/puce-jaune.gif) no-repeat right; height:7px; padding-right:10px; font-size:10px; color:#FFFFFF; text-transform:none; }
* html #footer p a { display:inline-block; }
#footer p a:hover { text-decoration:underline; }
#footer p span.copyright { font-size:10px; padding:0!important; }
#footer p span.infos-sida { float:left; margin-left:310px; _margin-left:275px; text-align:right; line-height:normal; text-transform: none; }

.texteinvisible {
    position:absolute;
    top:-5000px;
}