/* style DT4 */

/* @font-face { font-family:Labtop; src: url('/images/helvet2.ttf'); }*/

@import url(http://fonts.googleapis.com/css?family=PT+Sans+Narrow);

/* @font-face { font-family:Labtop; src: url('/images/PTN57F-webfont.ttf'); } */


body{
margin:0;
padding:0;
background:#e7e7e7 url(../images/fonds/fond-rayure.png) top center repeat-x;
background:#8d949a url(../images/fonds/fond-test.png) top center repeat-x;
font-family:Arial, helvetica, verdana, sans-serif;
font-size:12px;
color:#333;
}

#overbody{
background:url(../images/fonds/ban-fibre-no-rayure.jpg) top center no-repeat;
}
#pubLink {display:none;}

.videoPub{display:none;}


#container{
width:936px;
margin:0 auto;
margin-top:30px;  /* pour la refonte du menu */
margin-top:0;
}

#header{position:relative;}

#container2{
padding:0 0px 11px 0;
border-width:0 1px 1px;
border-color:#5d5d5d;
border-style:solid;
}
/* _______________________________menu 2eme version____________________________________ */

#bloc_menu #menuHaut a{
	padding:0;
	text-shadow: 0 0 0.03em #249dd4, 0 0 0.03em #249dd4;
}
#menuHaut {
	background:transparent  url(/images/menu/bg-menu-unified.png);
	height:67px;
	}
#menuHaut #logoDT{
	display:block;
	width:181px;
	height:55px;
	float:left;
	margin-left:20px;
	margin-top:5px;
	background:url(/images/menu/logo-dt-unified.png);
	text-decoration:none;
	border:none;
	}
#menuHaut ul {
	display:block;
	width:721px;
	margin-top:0;
	padding-left:22px;
	margin-bottom:4px;
	height:36px;
	margin-left:195px;
	}
#menuHaut ul li {
	display:block;
	float:left;
	background:url(/images/menu/separateur.png) no-repeat left top;
	height:34px;
	padding:8px 12px 0;
	text-align:center;
	font-weight:bold;
	color:#009dd9;
	width:auto;
}
#menuHaut ul li a:hover{
	border-bottom-width:2px;
	}
#menuHaut ul li.menuCompte {
	background:url(/images/menu/bg-compte.png) repeat-x;
	width:15x;
	padding:11px 14px;
}
#menuHaut ul li.menuCompte a{
	display:block;
	background:url(/images/menu/bt-compte.png) no-repeat ;
	width:14px;
	height:16px;
	margin-top:6px;

}
#menuHaut ul li.menuCompte a:hover{
	background:url(/images/menu/bt-compte.png) no-repeat 100% 0%;
	text-decoration:none;
	border:none;
	}
	
	
#infoflash {
	font-family:monospace;
	font-size:11px;
	}

/* _______________________________menu____________________________________ */
#bloc_menu{
height:60px;
font-size:13px;
padding:0;
margin-bottom:27px; /*27 avec le compte user,  42 sans*/
}

#menu_html{
background:url(../images/menu/fond-menu-complet.png) no-repeat;
height:61px;
}

#bloc_menu span{height:37px;}

#bloc_menu a{
padding:10px 13px 5px;
margin:0;
line-height:35px;
color:#00b1f5;
text-decoration:none;
font-weight:bold;
}

#bloc_menu a:hover{
	border-bottom:1px solid #17bfff;
	color:#17bfff;
}

#bloc_menu a#logo_dt{
display:block;
float:left;
padding:0;
margin:0 20px;
width:190px;
height:60px;
border:none;
}
/* _______________________________fin menu____________________________________ */

/* _______________________________choix pays__________________________________ */
#bloc_pays {
	position:absolute;
	top:43px;
	right:11px;
	float:right;
	margin:0;
	width:695px;
	}
#bloc_pays a{
	color:#999;
	text-decoration:none;
	margin:0 5px 0 1px;
	}
#bloc_pays a.actif{
	color:#ddd;
	margin-right:0;
	}
#bloc_pays a:hover{	color:#fff;	}

#bloc_pays a img{
	display:block;
	float:right;
	margin-left:5px;
	width:16px;
	height:12px;
	opacity:0.7;
	filter:alpha(opacity=70);
	border:1px solid #888;
	vertical-align:bottom;
	}
#bloc_pays a.actif img{
	opacity:1;
	filter:alpha(opacity=100);
	}
#bloc_pays a:hover img{
	opacity:1;
	filter:alpha(opacity=100);
	}

#bloc_pays div{
	clear:both;
	}
#bloc_pays div.bloc_lg{
	float:right;
	margin-top:1px;
	padding-top:4px;
	background: url(/images/flag/fond-onglet-langue.gif) 100% 0 no-repeat;
	}
/* _______________________________fin choix pays______________________________ */

/* ___________________________bloc info_______________________________ */
#bloc_info{
height:20px;
background:url(../images/fond_info.png);
color:#17bfff;
font-size:11px;
font-family:monospace, arial;
margin-top: 50px;
}

#infoflash{
margin:0 auto;
text-align:center;
width:900px;
}

#bloc_info span{
padding-right:5px;
padding-left:5px;
line-height:19px;
}

#bloc_info span acronym{
padding:0 3px;
border:none;
}

#bloc_info span acronym.serv_1{color:#09C900;}
#bloc_info span acronym.serv_0{color:#a00;}

/* ___________________________fin bloc info_______________________________ */
/**/
/*______________________________promo bonabo______________________________*/
.pub-bonaboSite{
	display:block;
	width:600px;
	height:80px;
	background:#fff;
	cursor:pointer;
	padding:0;
	border:1px solid #e2e2e2;
	margin-bottom:30px;
}
/*______________________________facebook__________________________________*/

#fb-root {
	background:#fff;
	width:302px;
	height:auto;
	}
#tweet{
	display:inline-block;
	vertical-align:-2px;
}
#lien_nl_dt {
	display:inline-block;
}
/*____________________________________pub dans la page test de debit_________*/
.appli{
	display:block;
	width:auto;
	height:60px;
	margin-bottom:10px;
	margin-left:15px;
}
.appli p{
	display:block;
	font-weight:bold;
	font-family:Arial,verdana,sans-serif;
	font-size:12px;
	margin:0 0 3px 0;
}
.appli-apple, .appli-google{
	margin-left:9px;
	}
.btn-appli{
	display:inline-block;
	width:260px;
	height:41px;
}
.appli-apple{
	width:80px;
	height:27px;
	background:url(/images/appli-apple.jpg) 0 0 no-repeat;
}
.appli-google{
	width:80px;
	height:28px;
	background:url(/images/appli-google.jpg) 0 0 no-repeat;
}
.appli-windows{
	width:80px;
	height:28px;
	background:url(/images/appli-windows.jpg) 0 0 no-repeat;
}
.linkNperf{
	width:300px;
	height:50px;
	margin-bottom: 10px;
	display: block;
	background:#F2F2F2;
	padding-left:5px;
	}
.linkNperf a, .linkNperf a p{
	font-weight:bold;
	text-decoration: underline;
	}
.linkNperf a p, .linkNperf a img{
	display:inline-block;
	}
.linkNperf a img{
	vertical-align:top;
	margin:4px 0 0 5px;
	}
.linkNperfAppli{
	display:inline-block;
	width:300px;
	height:auto;
	}
.NlDt{
	display: inline-block;
	background:#ff890c;
	color:#fff;
	font-family:"PT Sans Narrow",Trebuchet MS,Arial,verdana,sans-serif;
	margin: 0 0 0 10px;
	padding:0 10px 10px 10px;
	vertical-align:top;
	width:260px;
	}
.NlDt img{
	display: inline-block;
	margin:-10px 0 0 0;
	}
.NlDt p{
	display: inline-block;
	margin:0; 
	padding:0;
	font-size:21px;
	font-weight:bolder;
	vertical-align:bottom;
	}
.NlDt p.sousTitre{
	display: block;
	margin:0; 
	padding:0;
	font-size:14px;
	font-weight:normal;
	}
.NlDt form{
	margin-top:8px;
	}
.NlDt form label{
	vertical-align:bottom;
	}
.NlDt form #mailNewsLetter{
	background: #fff;
    border: none;
    color: rgb(68, 100, 114);
    padding-left: 4px;
	font-size:16px;
    width: 190px;
	height:25px; 
	display: inline-block;
	}
.NlDt form #submitNewsLetter {
    background: #ffa23f;
    border: medium none;
    color: rgb(255, 255, 255);
    cursor: pointer;
    padding: 1px 4px;
	height:27px;
	display: inline-block;
	vertical-align:top;
	font-weight:bolder;
}
/* ___________________________généralités_______________________________ */
form{margin:0;}
input, select{font-size:11px;}

input.Resiliation{
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
	color: #666999;
	background-color: #ffffff;
	border: 1px solid #dddddd;
	border-bottom: 1px solid #999999;
	border-right: 1px solid #999999;
}

textarea.Resiliation{
	font-size: 11px;
	font-family: Helvetica, Arial, sans-serif;
}

.clearthefloat{
margin:0;
padding:0;
border:none;
display:block;
float:none;
clear:both;
/*height:3px;
background:green;  attention, le height provoque le chaos avec les absolute dans ie*/
}
#container2> div.clearthefloat{
margin:0;
padding:0;
border:none;
display:block;
float:none;
clear:both;
height:0;
background:green;
}

.flotadroite{float:right;}

a img{
	border:none;}

.font10 {font-size:10px;}
.font11 {font-size:11px;}
.font12 {font-size:12px;}
.font13 {font-size:13px;}
.font15 {font-size:15px;}


/*_______________________bloc compte utilisateur___________________________*/
#bloc_compte {
    margin-left:350px;
    margin-right:120px;
    font-size:12px;
    z-index:131;
    }
#bloc_compte #btMonCompte {
    display:block;
    width:103px;
    height:16px;
    right:670px;
    top:65px;
    position:absolute;
    background:url(/images/bt-moncompte.png);
}
#blocConnexion{
	display:block;
    width:500px;
    height:16px;
    right:90px;
    position:absolute;
    color:#009cd9;
    text-align:right;
    }
#blocConnexion a{
	color:#009cd9;
    text-decoration:none;
    }
#blocConnexion a:hover{color:#00cce9;}
#blocConnexion form.disconnecForm{display:inline;}
#blocConnexion span{
    font-style:italic;
    margin-right:8px;
}

/*_______________________bloc dialog JQuery___________________________*/
#dialogLogin a, #dialogOubliMdp a, #dialogSubscription a, #dialogNewsletter a, #dialogAddFavorite a, #dialogSendMailStepResiliation a, #dialogEmailResil a{
	color:#000;
}
#dialogLogin a:hover, #dialogOubliMdp a:hover, #dialogSubscription a:hover, #dialogNewsletter a:hover, #dialogAddFavorite a:hover, #dialogSendMailStepResiliation a:hover, #dialogEmailResil a:hover{
	color:#009dd9;
}
#dialogLogin form, #dialogOubliMdp form, #dialogSubscription form, #dialogNewsletter form, #dialogAddFavorite form, #dialogSendMailStepResiliation form, #dialogEmailResil form{
	padding:10px 15px;
	padding-bottom:0px;
}
#dialogOubliMdp form, #dialogSubscription form, #dialogNewsletter form, #dialogAddFavorite form, #dialogSendMailStepResiliation form, #dialogEmailResil form{
	border:none;
}
#dialogSubscription form div, #dialogLogin form div, #dialogOubliMdp form div, #dialogNewsletter form div , #dialogAddFavorite form div, #dialogSendMailStepResiliation form div, #dialogEmailResil form div{
	position:relative;
	clear:left;
}
#dialogLogin label, #dialogOubliMdp label, #dialogSubscription label, #dialogNewsletter label, #dialogAddFavorite label, #dialogSendMailStepResiliation label, #dialogEmailResil label{
	display:block;
	position:relative;
	float:left;
	line-height:21px;
	width:173px;
	margin-bottom:7px;
}

#checkVerifContainer input {
float:left;
}

#checkVerifContainer label {
width:650px;
margin-left:10px
}

#dialogAddFavorite .captchaContainer label{width:90px;}
#dialogAddFavorite .captchaContainer p.hint{
    width:180px;
    display:block;
    margin-left:10px;
}
#dialogSubscription label.newsLabel{ margin-bottom:30px;}

#dialogSubscription input#subscriptionNewsletter 	{width:auto; float:left;}
#dialogSubscription input#captchaValue 				{width:50px;}

#dialogSubscription .imbriqu_ie{
	position:absolute;
	z-index:2000;
}
#dialogSubscription #passwordInfoContainerParent{
	position:absolute;
	z-index:2000;
	margin-top:-20px;
	margin-left:270px;
}
#passwordInfoContainerParent img{
	position:absolute;
	margin-top:6px;
	z-index:1;
}

#passwordInfoContainer{
	position:relative;
	margin-left:6px;
	background:#fff;
	border:2px solid #ffb400;
	padding:5px;
	width:300px;
}

.remplissageMinimal{
	border:none;
	background:none;
	height:280px;
}

div.captchaContainer {margin-bottom:8px;}
div.captchaContainer label {
	width:162px;
	margin: 0 3px 0 0;
}
div.captchaContainer p.hint{
	width:173px;
	margin:2px 0 0 0;
	float:left;
}
div#formTitle label{
	width:90px;
}
div#formTitle div.containerCaptcha  {
	width:159px;
	float:left;
	clear:none;
}
#newsletter-snewsletterQDN {
	margin:30px 0 0 0;
	}
#newsletter-snewsletterQDN  #snewsletterQDN {
	float:left;
	margin:5px 5px 5px 0;
	}
#newsletter-snewsletterQDN p.hint {
	display:inline;
}

#newsletter-snewsletterHDN {
	margin:15px 0 0 0;
	}
#newsletter-snewsletterHDN  #snewsletterQDN {
	float:left;
	margin:5px 5px 10px 0;
	}
#newsletter-snewsletterHDN p.hint {
	display:inline;
}


#form_dialogSendMailStepResiliation #acceptNewsletter {
	float:left;
	margin:2px 5px 10px 0;
	}
#form_dialogSendMailStepResiliation #optin_newsletter p.hint {
	display:inline;
}


/*_______________________fin bloc compte utilisateur_______________________*/

/* ____________________ footer ___________________________________________ */
#footerDT{
	text-align:center;
	background:#eee;
	margin-bottom:10px;
	font-size:11px;	
}
.fond_footer{
	margin:0;
	padding:0;
}
#footerDT a{
	color:#b1b1b1;
	text-decoration:none;
}
#footerDT a:hover{
	color:#b7b7b7;
	text-decoration:underline;
}
.fond_footer div.rubrique{
	display:inline-block;
	vertical-align:top;
	text-align:left;
	width:245px;
	height:220px;
	padding:0 39px 0 25px;
	margin-top:10px;
	}
.fond_footer div.footerTester{
	border-left:1px solid #c6cfd3;
	border-right:1px solid #c6cfd3;
	}
.fond_footer div.rubrique a{
	display:block;
	}
.fond_footer div.rubrique p{
	font-weight:bold;
	font-size:12px;
	}
#footerDT .fond_footer div.partenaire{
	text-align:left;
	margin-top:20px;
	padding-left: 30px;
	padding-bottom: 10px;
	}
#footerDT .fond_footer div.partenaire strong{
	font-weight:bold;
	font-size:12px;
	}
#footerDT .fond_footer div.partenaire a, #footer .fond_footer div.partenaire strong{
	color:#195872;
	}

/* ____________________ fin footer _______________________________________ */

/* ______________ CSS des infos-bulles _________________ */

a.infobulle{
   	position:relative;
    z-index:24;
    color:#000;
    text-decoration:none
 }

a.infobulle:hover{
	z-index:25;
	border:0px solid white;
}

a.infobulle img{
    padding: 0;
    margin: 0;
    vertical-align:middle;
}

a.infobulle label{display: none}

a.infobulle:hover label{
	/*le contenu de la balise label ne sera visible que pour l'état a:hover */
	display:block;
	position:absolute;
	top:2em;
	left:2em;
	width:17em;
	border:1px solid #009dd9;
	background-color:#ffffff;
	color:#00739f;
	text-align: left;
	font-weight:normal;
	padding:3px;
	z-index:1000;
}

.promoLinkUnformatted{
	color:#000;
	text-decoration:none;
}
.promoLinkUnformatted strong{
	color:red;
}
.promoLinkUnformatted em{
	text-decoration:underline;
	}

#container2 a#lienPopupDidactique {
    color: #009DD9;
    float: right;
    font-size: 15px;
    margin-top: 11px;
    text-decoration: none;
}
#container2 a#lienPopupDidactique:hover {
    text-decoration: underline;
}

/********************  Mise en page du formulaire de sondage formSondage ***************/
form.formSondage {

	}
form.formSondage div#choice-label {
	margin-left:25px;
	padding:15px 0;
	}
form.formSondage div#choice-label label{
	font-size:16px;
	text-align:center;
	margin:0px;
	}
form.formSondage label {
	margin-left:25px;
	font-size:13px;
	line-height:22px;
    }
form.formSondage div.toto button {
	padding:3px 25px;
	background:#197ba2;
	margin:10px 0 0 25px;
	border:none;
	border-radius:4px;
	color:#fff;
    }
div#dialogSurvey span {
	font-size:14px;
	text-align:center;
	display:block;
	margin-top:25px;
	}

/*********************** OverLayer *************/
#overlayer {
	background-color: rgba(255, 255, 255, 0.7);
	width:100%;
	height:100%;
	position:fixed;
	display:none;
	top:0;
	left:0;
	z-index:10000;
	overflow:auto;
}
#overlayer #contentlayer {
    margin:auto auto;
    display:block;
    width:450px;
    height:300px;
    position:relative;
    top:50px;
}
#overlayer #contentlayer a{
    text-decoration:none;
}
#overlayer #contentlayer #linkOnPicture {
    display:block;
}
#overlayer #contentlayer #picture {
    margin:0 auto;
    display:block;
}
#overlayer #closer {
    display:block;
    width:100%;
    height:30px;
    background:#fff;
    padding-top:5px;
}
/**********************************Layer boutique bonabo ****/
.layerBoutiqueLyon #contentlayer div.boutiqueLyon{
	background:#fff;
	width:675px;
	height:755px;
	border:1px solid #fc2185;
	border-radius:8px;
	font-family:'PT Sans Narrow',Trebuchet;
	font-size:15px;
	color:#413843;
	padding:10px;
	position:relative;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon .infoEvent{
	display:block;
	width:90px;
	height: 277px;
	position:absolute;
	top:-8px;
	left:25px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon p.fermetureFoire{
	color:#FC2185;
	font-family: 'PT Sans Narrow',Trebuchet;
	font-size:18px;
	text-align:center;
	width:365px;
	margin-left:153px;
	font-weight:bold;
	background:#eaeaea;
	padding:5px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon a.close{
	color:#fc2185;
	padding:0;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon a:hover.close{
	font-weight:bold;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon a.close div.btn-close{
	font-family:Arial;
	font-size:12px;
	background:#f7f7f7;
	border:1px solid #f0f0f0;
	border-radius:5px;
	width:60px;
	height:16px;
	float:right;
	padding:3px;
	text-align:center;
	overflow:auto;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon a.close div:hover.btn-close{
	background:#f7f7f7;
	box-shadow:1px 1px 1px #b3b3b3 inset;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon img.logo{
	display:block;
	margin:auto;
	width:241px;
	height:88px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon p{
	display:block;
	text-align:center;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon p .big{
	font-size:24px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon p.ouverture{
	color:#fc2185;
	margin:5px auto;
	text-align:center;
	font-size:18px;
}
/**/
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.medias{
	background:url(/images/layers/boutique/ils-parlent-de-nous.png) no-repeat;
	width:138px;
	height:291px;
	display: block;
    left: 556px;
    position: absolute;
    top: 200px;	
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.medias img.lyon-city-crunch{
	top:30px;
	left:14px;
	display:block;
	position:absolute;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.medias img.france3{
	top:178px;
	left:71px;
	display:block;
	position:absolute;
}
/**/
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery{
	width:365px;
	height:260px;
	margin:auto;
	position:relative;
	z-index:0;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery #frame {
	position:absolute;
	z-index:0;
	width:370px;
	height:258px;
	top:0;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery #slides {
	position:absolute;
	top:11px;
	left:38px;
	z-index:100;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery #slides .slides_container {
	width:292px;
	overflow:hidden;
	position:relative;
	display:none;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery #slides .slides_container img {
	width:292px;
	height:209px;
	display:block;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery #slides .next,.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery #slides .prev {
	position:absolute;
	top:85px;
	left:-32px;
	width:24px;
	height:43px;
	display:block;
	z-index:101;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery #slides .next {
	left:300px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery .pagination {
	margin:26px auto 0;
	width:100px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery .pagination li {
	float:left;
	margin:0 1px;
	list-style:none;
}

.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery .pagination li a {
	display:block;
	width:12px;
	height:0;
	padding-top:12px;
	background-image:url(/images/layers/boutique/pagination.png);
	background-position:0 0;
	float:left;
	overflow:hidden;
}

.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery .pagination li.current a {
	background-position:0 -12px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery a:link {
	text-decoration:none;
}

.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery a:hover {
	text-decoration:underline;
}
/*
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.gallery{
	width:310px;
	height:270px;
	border:1px solid #cacaca;
	background:#fff;
	margin:auto;
}
*/
.layerBoutiqueLyon #contentlayer div.boutiqueLyon ul.info-boutique li{
	margin-left:140px;
	width:310px;
	font-size:14px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon a.btn-boutique-bonabo{
	display:block;
	width: 230px;
	background-color:#2D2E2E;
	border-radius:5px;
	padding:8px 15px;
	color:#fff;
	font-size:19px;
	text-align:center;
	margin:25px auto 0 auto;
	transition:all 0.2s linear 0s;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon a.btn-boutique-bonabo:hover{
	background-color:#FB2085;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.footer-layer-boutique{
	height:50px;
	margin-top:15px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.footer-layer-boutique p{
	display:block;
	color:#FB2085;
	font-size:14px;
	margin:0 0 0 10px;
	text-decoration:underline;
	width:120px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.footer-layer-boutique  a.plan{
	display:inline-block;
	width:150px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.footer-layer-boutique img.call{
	display:inline-block;
	margin-left:336px;
}
.layerBoutiqueLyon #contentlayer div.boutiqueLyon div.footer-layer-boutique img.bus{
	margin:0 200px 0 30px;
	width:80px;
	height:27px
}
/*------------------------------------------------Layer Call center sur la page de resultat*/
#overlayer.layerCallCenter {
	background-color: rgba(0, 0, 0, 0.8);
}
#overlayer.layerCallCenter div.entete {
	width:442px;
	height:40px;
	background:url(/images/layers/resultat/bg-entete.jpg);
	margin:0;
}
#overlayer.layerCallCenter div.insidePop {
	width:442px;
	height:411px;
	background:url(/images/layers/resultat/content.jpg);
	margin:0;
	position:relative;
	}
#overlayer.layerCallCenter div.insidePop a.btCall {
	width:132px;
	height:23px;
	display:block;
	background:url(/images/layers/resultat/bt-call.png);
	position:absolute;
	top:349px;
	left:150px;
}
#overlayer.layerCallCenter div.insidePop a.btCall:hover {
	background:url(/images/layers/resultat/bt-call.png) 0 -23px;
	}
#overlayer.layerCallCenter a.closer {
	float:right;
	height:19px;
	background:url(/images/layers/resultat/bt-close-layer.png) no-repeat right 0px;
	color:#ccc;
	padding-right:25px;
	margin:7px 7px 0 0;
	text-decoration:none;
	font-size:12px;
	}
#overlayer.layerCallCenter .closer:hover {
	color:#009dd9;
	background:url(/images/layers/resultat/bt-close-layer.png) no-repeat right -19px;
	}
/*------------------------------------------------Layer Vente Flash home page*/
#overlayer.layerVenteFlash {
	background-color: rgba(0, 0, 0, 0.8);
}
#overlayer.layerVenteFlash a#closer  {
	background:none;
	padding-right:0px;
}
#overlayer.layerVenteFlash #closer p {
	text-align:left;
	color:#fff;
	margin-top:40px;
	margin-left:4px;
}
#overlayer.layerVenteFlash #closer p:hover {
	font-weight:bold;
}
/*-----------------------------------------------LayerPromo page resultat*/
#overlayer.layerPromo {
	background-color: rgba(0, 0, 0, 0.7);
}
#overlayer.layerPromo a#closer  {
	background:none;
	padding-right:0px;
}
#overlayer.layerPromo #closer p {
	text-align:left;
	color:#fff;
	margin-top:40px;
	margin-left:12px;
	font-size:12px;
}
#overlayer.layerPromo #closer p:hover{
	font-weight:bold;
}
/*____________________________________________________________________________________Layer Orange___fevrier 2013*/
#overlayer.layerPromoOrange {
	background-color: rgba(0, 0, 0, 0.9);
}
#overlayer.layerPromoOrange a#closer {
	background:none;
	padding-right:0px;
	text-decoration:none;
}
#overlayer.layerPromoOrange a#closer p {
	position:absolute;
	color:#fff;
	margin-top:15px;
	margin-left:760px;
	font-size:12px;
	text-decoration:none;
	float:left;
}
#overlayer.layerPromoOrange a#closer:visited p {
	position:absolute;
	color:#fff;
}
#overlayer.layerPromoOrange #closer p:hover {
	font-weight:bold;
}
/*_______________________________________________________________________________________Layer confidentialité VDSL2*/
#overlayer #contentlayer .confidencialityVdsl2{
	background :#fff;
	border-radius :5px;
	padding:15px;
	border:5px solid #195872;
}
#overlayer #contentlayer  a#closer{
	background:none;
	padding-right:0px;
	text-decoration:none;
}
#overlayer #contentlayer  a#closer div.btn-close{
	font-family:Arial;
	font-size:10px;
	float:right;
	color:#000;
	width:55px; 
	height:16px;
	background:#f6f6f6;
	border-radius:3px;
	text-align: center;
}
#overlayer #contentlayer  a#closer div:hover.btn-close{
	font-weight:bold;
	box-shadow:1px 1px 1px #d2d2d2 inset;
}

/*____________________________________________________________________________________portail DT Bonabo_____*/
#overlayerPortail{
	background:rgba(21,21,21,1);
	width:100%;
	height:100%;
	position:fixed;
	top:0;
	left:0;
	z-index:1000;
}
#containerPortail {
	margin:auto;
	padding:auto;
	width: 1000px;
	height:1000px;
	text-align:center;
}
#containerPortail h1{
	margin:auto;
	font-size:20px;
	color:#fff;
	text-align:center;
	margin-top:70px;
	font-weight:lighter;
	font-family :Lucida Grande, Arial, Sans-Serif;
}
#containerPortail a {
	text-decoration:none;
}
/*contener des bulles*/
.bloc, .bloc-go{
	width:340px;
	height:340px;
	margin:auto;
	vertical-align:middle;
	display:inline-block;
	margin:0 15px 15px 0;
	position:relative;
}
.bloc a{
	-webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
	display: block;
	width: 138px;
	height: 138px;
}
.bloc a:hover{
	width: 328px;
	height: 328px;
	display: block;
}
/**/
.bloc-go a  img.bonabo-logo, .bloc-go a  img.dt-logo{
	border:none;
}
.bloc-go a:hover img.bonabo-logo{
	box-shadow:1px 1px 1px #fc2185;
}
.bloc-go a:hover img.dt-logo{
	box-shadow:1px 1px 1px #1179aa;
}
/*bulles LOGO*/
.go-bonabo{
	position:absolute;
	bottom:0;
	left:0;
	background:#fff;
	border-radius:137px 137px 137px 0;
	width:284px;
	height:284px;
}
.go-dt{
	position:absolute;
	top:0;
	right:0;
	background:#000;
	border-radius: 137px 0 137px 137px;
	width:284px;
	height:284px;
}
.go-bonabo p, .go-dt p{
	width:250px;
	height:112px;
	text-align:center;
	color:2e2e2e;
	margin:80px 0px 0px 14px;
	font-family :Lucida Grande, Arial, Sans-Serif;
	font-size:18px;
	color:#151515;
}
.go-dt p{
	color:#d3d3d3;
	margin:80px 0 0 15px;
}
.btn-bonabo, .go-dt .btn-dt  {
	width: 0px;
	height: 0px;
	border-top: 50px solid transparent;
	border-bottom: 50px solid transparent;
	border-right:50px solid #f1efef;
	position:absolute;
	top:209px;
	left:0px;
	-webkit-transform: rotate(-45deg);
    -moz-transform: rotate(-45deg);
	-o-transform: rotate(-45deg);
    transform: rotate(-45deg);
	text-decoration:none;
	color:#fff;
	-webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
}
.go-bonabo .btn-bonabo:hover{
	border-right:50px solid #fc2185;
}
.go-dt .btn-dt {
	-webkit-transform: rotate(135deg);
    -moz-transform: rotate(135deg);
	-o-transform: rotate(135deg);
    transform: rotate(135deg);
	border-right:50px solid #181818;
	top:-23px;
	right:0;
	left:233px;
	color:#000;
	-webkit-transition: all .6s ease-in;
    -moz-transition: all .6s ease-in;
    -o-transition: all .6s ease-in;
    transition: all .6s ease-in;
}
.go-dt .btn-dt:hover{
	border-right:50px solid #2e8ebf;
}

/*petites bulles BG*/
.info-plus-dt, .info-plus-bonabo{
	overflow:hidden;
}
.info-plus-bonabo a .plus{
	position:absolute;
	bottom:0;
	right:0;
}
.info-plus-dt a{
	position:absolute;
	bottom:0;
	right:0;
	background:#000;
	border-radius:75px 75px 0 75px;
	text-decoration:none;
	background-position:257px 257px;
	}
.info-plus-dt a:hover{
	border-radius:165px 165px 0 165px;
	background:#000 url(/images/Portail-Dt-Bonabo/btn-blue.png) 247px 247px no-repeat;
}
.info-plus-bonabo a{
	position:absolute;
	top:0;
	left:0;
	background:#fff;
	border-radius:0 75px 75px 75px;
	text-decoration:none;
	background-position:-140px -140px;
}
.info-plus-bonabo a:hover{
	border-radius:0 165px 165px 165px;
	background:#fff url(/images/Portail-Dt-Bonabo/btn-rose.png) 7px 7px  no-repeat;
}
/*petites bulles txt*/
.info-plus-dt a .plus, .info-plus-bonabo a .plus{
	display:block;
	width: 138px;
	height: 138px;
	}
.info-plus-dt a .plus img, .info-plus-bonabo a .plus img{
    display: block;
    margin: 40px 0 5px 54px;
	border:none;
}
.info-plus-dt a .plus p, .info-plus-bonabo a .plus p{
	color:#1c94c3;
	font-family:Lucida Grande, Arial, Sans-Serif;
	font-size:13px;
	width:auto;
	text-align:center;
}
.info-plus-bonabo a .plus p{
	color:#fc2185;
	text-align:center;
}
.info-plus-dt a:hover .plus, .info-plus-bonabo a:hover .plus{
	display:none;
}
/*grandes bulles txt*/
.info-plus-dt  a .infos{
	position:absolute;
}
.info-plus-bonabo  a .infos {
	position:absolute;
	bottom:15px;
	right:55px;
}
.info-plus-dt a .infos  p, .info-plus-bonabo  a .infos p{
	display:none;
	color: #979696;
	font-family:Lucida Grande, Arial, Sans-Serif;
	font-size:13px;
	text-align:center;
	width:230px;
	height:230px;
	margin: 40px 0 0 55px;

}
.info-plus-dt a:hover .infos  p, .info-plus-bonabo a:hover .infos  p{
	display:block;
	color: #979696;
}
.info-plus-bonabo  a .infos p{
	color: #2e2e2e;
	margin: 10px 0 0 10px;
}
.info-plus-bonabo a:hover .infos  p{
	color: #2e2e2e;
}
.pink{color:#fc2185;}
.blue{color:#1c94c3;}
.bold{font-weight:bold;}

a .btn-text-go-dt{
	font-size:20px;
	position: relative;
	top:-188px;
	right:0;
	left:33px;
	font-family:Lucida Grande, Arial, Sans-Serif;
	color:#2B2B2B;
	width:20px;
	height:20px;
	text-decoration:none;
}
a .btn-text-go-dt:hover{
	color:#fff;
}
a .btn-text-go-bonabo{
	font-size:20px;
	position: relative;
	top:33px;
	right:192px;
	font-family:Lucida Grande, Arial, Sans-Serif;
	width:20px;
	height:20px;
	color:#fff;
	text-decoration:none;
}
a .btn-text-go-bonabo:hover{
	color:#2B2B2B;
}

/********************************** Layer choix entre bonabo et DT apres un test ****/
.layerChoixSite #contentlayer {
	background:#fff;
	width:540px;
	height:300px;
	border:1px solid #193e50;
	border-radius:8px;
	font-family:'PT Sans Narrow',Trebuchet;
	font-size:20px;
	color:#555;
	padding:40px 15px 40px 15px;
	font-weight:normal;


	box-shadow: 0 0 20px 4px #193e50;
	-webkit-box-shadow: 0 0 20px 4px #193e50;
	-moz-box-shadow: 0 0 20px 4px #193e50;
}

.layerChoixSite #contentlayer .layerTitle {
	font-size:30px;
	margin:0 0 25px 0;
	color:#19536A;
	}
.layerChoixSite #contentlayer .choixBonabo {
	border:1px solid #ccc;
	border-radius:8px;
	padding:15px;
	margin:10px 0 0px;
	}
.layerChoixSite #contentlayer .choixDegrouptest {
	border:1px solid #ccc;
	border-radius:8px;
	padding:15px;
	margin:20px 0 0px;
	}

.layerChoixSite #contentlayer  em {
	font-size:16px;
	color:#666;
	font-weight:normal;
	display:block;
	}
.layerChoixSite #contentlayer .imgContainer {
	width:150px;
	height:60px;
	padding-top:10px;
	padding-left:15px;
	float:right;
	}

.layerChoixSite #contentlayer .choixBonabo:hover {
	background:#ffe7f2;
	border-color:#fe8cbe;
	cursor:pointer;
	}
.layerChoixSite #contentlayer .choixDegrouptest:hover {
	background:#d8f0f9;
	border-color:#7fceec;
	cursor:pointer;
	}
/*-----------------------------------------------LAYER INSCRIPTION NEWSLETTER--------------------------------------*/	

#overlayer.inscriptionNewsletter{
	background-color: rgba(0, 0, 0, 0.9);
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter{
	background:url(/images/layers/layerNl/BgLayerInscriptionNL.png) no-repeat;
	width:768px;
	height:615px;
	border:none;
	padding:68px 10px 10px 365px;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter form{
	display:block;
	width:390px; 
	height:340px;
	color:#fff;
	font-family:Arial, helvetica, verdana, sans-serif;
	font-size:15px;
	text-align:justify;
	margin-top:35px;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter form label{
	display:inline-block;
	width:328px;
	margin-left:15px;
	margin-bottom:30px;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter form input.choix{
	float:left;
	display:inline-block;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter form label.ChoixAlerte{
	color:#104051;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter form label.Email{
		margin-bottom:5px;
		margin-left:0;
		color:#092833;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter form label.Email #retour{
	font-weight:bold;
	color:#F97500;
	font-weight:bold;
	text-align:left;
	text-shadow:1px 1px 1px #1E7FA2;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter form input.zoneEmail{
	width:365px;
	height:25px;
	color:#cacaca;
	padding:5px 0 5px 10px;
	font-size:15px
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter img{
	display:inline-block;
	width:32px;
	height:30px;
	margin-left:110px;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter p{
	display:inline-block;
	font-size:10px;
	vertical-align:5px;
	margin-right:15px;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter input.btnNewsletter, #overlayer.inscriptionNewsletter .mailOk a.btnMailOk{
	width:240px;
	height:40px;
	background-color:#f97500;
	font-weight:bold;
	text-shadow:1px #bb5c08;
    border: medium none;
    box-shadow: 3px 3px 0 #BB5C08;
    color: #FFFFFF;
    font-size: 15px;
    font-weight: bold;
    text-shadow: 2px 1px 0 #BB5C08;
	float:right;
	margin-top:15px;
	margin-right:15px;
}
#overlayer.inscriptionNewsletter .mailOk a.btnMailOk{
	text-align:center;
	font-size:16px;
	line-height:40px;
	float:left;
	margin-left:42px;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter input.btnNewsletter:hover, #overlayer.inscriptionNewsletter .mailOk a.btnMailOk:hover{
	box-shadow: -2px -2px 1px #633003 inset;
    margin-top: 18px;
    text-shadow: none;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter a.closer  {
	background:none;
	padding-right:0px;
	color:#fff;
	margin-left:350px;
	font-size:11px;
}
#overlayer.inscriptionNewsletter .contentInscriptionNewsletter .closer:hover{
	font-weight:bold;
	font-size:11px;
	color:#239AC6;
}
#overlayer.inscriptionNewsletter  .mailOk{
	width:350px;
	height:auot;
	margin-top:100px;	
}
#overlayer.inscriptionNewsletter  .mailOk img{
	width:62px;
	height:62px;
	margin-left:127px
}
#overlayer.inscriptionNewsletter  .mailOk p{
	font-size:16px;
	font-weight:bold;
	font-family:Arial, helvetica, verdana, sans-serif;
	color:#fff;
	text-align:center;
}
/************************************------------ToolBarre coté du site-----------------*************************/
/*-----------------le slide----------------------*/
#dc-slick-0.dc-slick {
width: 560px;
height:389px;
background: url(/images/toolbarre/bg-NL.png) no-repeat;
font-family: Arial;
}
overflow: auto; /* Required for content that may exceed browser width/height */
}
#dc-slick-0.dc-slick .dc-slick-content{
	height:369px;
}
/*--- la languette */
#dc-slick-0.dc-slick .tab {
background: url(/images/toolbarre/btn-nl2.png) no-repeat;
width:36px;
height:209px;
cursor: pointer;
margin-top:43px;
}
#dc-slick-0.dc-slick.right .tab, #dc-slick-0.dc-slick.left .tab {
top:5px;
}
#dc-slick-0.dc-slick.left .tab {
right:0; /* Set to same width as border */
}
/*---------------------Mon contenu de slide-----------------------------*/
#dc-slick-0.dc-slick form{
	display:block;
	width:555px;
	margin-top:45px;
	padding:0;
}
#dc-slick-0.dc-slick form .nlDt, .dc-slick form .nlDn{
	display:inline-block;
	width:250px;
	height:150px;
	vertical-align:top;
	margin-top:10px;
	margin-left:22px;
}
#dc-slick-0.dc-slick form .nlDt, .dc-slick form label.choiceDt{
	color:#195872;
}
#dc-slick-0.dc-slick form .nlDn, .dc-slick form label.choiceDn{
	color:#0780b0;
	margin-left:28px;
}
#dc-slick-0.dc-slick form .nlDt h4, .dc-slick form .nlDn h4{
	font-weight:bolder;
	font-size:16px;
	padding:0;margin:0;
	background:none;
}
#dc-slick-0.dc-slick form .nlDt h4{
	text-align:right;
	margin-left:24px;
}
#dc-slick-0.dc-slick form .nlDt h4 img, .dc-slick form .nlDn h4 img{
	vertical-align:-2px;
}
#dc-slick-0.dc-slick form .nlDn p{
	font-size:11px;
	margin-top:15px;
	width:200px;
	text-align:center
}
#dc-slick-0.dc-slick form label{
	display:inline-block;
	width:220px;
	height:24px;
	color:#000;
	font-family:Arial;
	font-size:11px;
	text-align:left;
	padding-bottom:15px;
}
#dc-slick-0.dc-slick form label.mailNL,
#dc-slick-0.dc-slick form label.captchaNL {
	padding-bottom:5px;
}
#dc-slick-0.dc-slick form label.choiceDt{
	margin-left:18px;
	margin-top:30px;
	padding-left:5px;
}
#dc-slick-0.dc-slick form label.choiceDn{
	margin-left:10px;
}
#dc-slick-0.dc-slick form label.choiceDt input, .dc-slick form label.choiceDn input{
	margin-right:5px;
}
#dc-slick-0.dc-slick form input.valideChoice{
	display:block;
	background: url(/images/toolbarre/btn-envoyer.png) no-repeat;
	border:none;
	width:124px;
	height:48px;
	color:#8f6c2a;
	font-size:14px;
	margin:0px auto;
	box-shadow:none;
	text-align:left;
	padding-top:17px;
}
#dc-slick-0.dc-slick form input.valideChoice:hover{
	color:#452c00;
	background: url(/images/toolbarre/btn-envoyer.png) -125px 0 no-repeat;
}
#dc-slick-0.dc-slick form .info-validation-NL{
	margin-top:21px;
	margin-left:80px;
}
#dc-slick-0.dc-slick form .info-validation-NL p.error{
	color:red;
	font-weight:bold;
}
#dc-slick-0.dc-slick form .info-validation-NL p.info{
    color:green;
    font-weight:bold;
}
#dc-slick-0.dc-slick form .info-validation-NL label{
	display:block;
	color:#195872;
	font-size:12px;
	width:400px;
}
#dc-slick-0.dc-slick form .info-validation-NL img{
	width:100px;
	vertical-align:middle;
}
#dc-slick-0.dc-slick form .info-validation-NL input#mail-newsletter,
#dc-slick-0.dc-slick form .info-validation-NL input#captcha-newsletter {
	border:1px solid #cacaca;
	width:280px;
	height:20px;
	font-size:14px;
}
#dc-slick-0.dc-slick form .info-validation-NL input#captcha-newsletter{
	width:90px;
	height:18px;
}
/*********************************************/
/*-----------------le slide 2-3-4 -----------------------*/
#dc-slick-1.dc-slick, #dc-slick-2.dc-slick, #dc-slick-3.dc-slick {
width: 110px;
height:36px;
background: #fff;
font-family: Arial;
margin-top:0px;
}
#dc-slick-1.dc-slick .dc-slick-content, #dc-slick-2.dc-slick .dc-slick-content, #dc-slick-3.dc-slick .dc-slick-content{
	height:36px;
}
/*--- la languette */
#dc-slick-1.dc-slick .tab, #dc-slick-2.dc-slick .tab, #dc-slick-3.dc-slick .tab{
width:36px;
height:36px;
cursor: pointer;
}
#dc-slick-1.dc-slick .tab{
	background:url(/images/toolbarre/facebook.jpg) no-repeat;
}
#dc-slick-2.dc-slick .tab{
	background:url(/images/toolbarre/twitter.jpg) no-repeat;
}
#dc-slick-3.dc-slick .tab{
	background:url(/images/toolbarre/google.jpg) no-repeat;
}
#dc-slick-1.dc-slick.left .tab, #dc-slick-2.dc-slick.left .tab, #dc-slick-3.dc-slick.left .tab {
right:0; /* Set to same width as border */
}
#dc-slick-1.dc-slick div.adraiseau{
	padding:8px 0 0 10px;
}
#dc-slick-2.dc-slick div.adraiseau{
	padding:4px 0 0 10px;
}
#dc-slick-3.dc-slick div.adraiseau{
	padding:6px 0 0 10px;
}
/**---------------------------Page parrainagez suite jeu concours--------------------------------------------------**/
.parrainageJeuConcours{
	width: 620px;
	margin:0;
	padding:0;
	font-family:Arial, helvetica, verdana, sans-serif;
	font-size:14px;
	border:none;
	display:inline-block;
	}
.parrainageJeuConcours img.macaronParrainage{
	width: 153px; 
	height:551px;
	margin :-1px 0 0 30px; 
	display:inline-block;
	border:none;
	}
.parrainageJeuConcours div.txtParrainage{
	display:inline-block;
	width: 340px;
	height:auto;
	vertical-align:top;
	padding:0 30px 20px 30px;
	margin-top:180px;
	}
.parrainageJeuConcours form{
	background:#111111;
	border-radius: 5px;
	padding:15px;
	color :#CCC;
	}
.parrainageJeuConcours form div{
	margin:0 0 15px 0;
	font-size:12px;
	}
.parrainageJeuConcours form div p{
	font-size:12px;
	text-align: left;
	color:#1CA9E2;
	font-weight: bold;
	}
.parrainageJeuConcours form div p.small{
	font-weight: normal;
	font-size:10px;
	color:#CCC;
	}
.parrainageJeuConcours form div input{
	width: 300px;
	margin-top:5px;
	}
.parrainageJeuConcours form textarea{
	width: 290px;
	height:100px;
	padding: 5px;
	margin-top:5px;
	}
.parrainageJeuConcours form button.ajout{
	background:url(../images/concours/btnAjout.png) 0 0 no-repeat;
	width: 120px; 
	height:32px;
	color:#fff;
	font-weight:bold;
	font-size: 14px;
	border:none;
	padding-left:20px;
	}
.parrainageJeuConcours form button.ajout:hover{
	background:url(../images/concours/btnAjout.png) 0 -32px no-repeat;
	padding-left:22px;
	padding-top:2px;
	}
.parrainageJeuConcours form div.message{
	margin-top:40px;
	border:none;
	padding:0;
	}
.parrainageJeuConcours img.lotParrainage{
	width: 449px; 
	height:201px;
	margin-left: -15px;
	position:absolute;
	border:none;
	}
.parrainageJeuConcours form button.ajout, .parrainageJeuConcours form button.envois{
	background:url(../images/concours/btnAjout.png) 0 0 no-repeat;
	width: 120px; 
	height:32px;
	color:#fff;
	font-weight:bold;
	font-size: 14px;
	border:none;
	padding-left:20px;
	}
.parrainageJeuConcours form button.ajout:hover, .parrainageJeuConcours form button.envois:hover{
	background:url(../images/concours/btnAjout.png) 0 -32px no-repeat;
	padding-left:22px;
	padding-top:2px;
	}
.parrainageJeuConcours form button.envois{
	background:url(../images/concours/btnEnvoi.png) 0 0 no-repeat;
	}
.parrainageJeuConcours form button.envois:hover{
	background:url(../images/concours/btnEnvoi.png) 0 -32px no-repeat;
	}
.parrainageJeuConcours form div.messageErreur p{
	font-size:14px;
	font-weight:bold;
	text-align:center;
	color:#F00;
	display:none;
	}
.layerParrainage-content{
	width:100%;
	height: 100%;
	position: fixed;
	background-image: url('http://www.bonabo.fr/images/charte/bg-overlayer-transp.png');
	background-position: top left;
	background-repeat: repeat;
	top: 0px;
	left: 0px;
	z-index: 99;
}
.layerParrainage{
	width:500px;
	height: 179px;
	padding:20px;
	font-size:16px;
	border:3px solid #1CA9E2;
	border-radius :5px;
	background:#fff;
	position:absolute;
	margin-left: -250px;
	margin-top: -90px;
	left:50%;
	top: 50%;
}
.layerParrainage a, .layerParrainage img{
	border:none; 
	cursor:pointer;
	}
/*-------------------------------------cookies*/
.cookies{
    width:100%;
    height:auto;
    background:#AFAFAF;
    color:#fff;
    font-size:12px;
    font-family: Arial;
    margin:0;
    padding:8px 0 8px 0;
    z-index:1000;
}
.cookies p{
    width:auto;
    margin: auto 0 auto 25%;
    display: inline-block;
}
.cookies a.btnCookies{
    display: inline-block;
    vertical-align: bottom;
    text-align: left;
    margin: 0 0 0 20px ;
    padding:10px;
    background:#848080;
    color:#fff;
    font-size:18px;
    text-decoration: none;
}
.cookies a{
    color:#232323
}
.cookies a:hover{
    color:#fff;
}
.cookies a.btnCookies:hover{
    background: #232323;
}