/* 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;
}
#overlayer {
	background:rgba(0,0,0,0.5);
	width:100%;
	position:absolute;
	top:0;
	left:0;
	z-index:1000;
}
#contentLayerPop {
	margin:100px auto 0;
	background:#fff;
	z-index:1008;
	display:inline;
}
#overLayerClick {
	display:block;
	z-index:-1;
	width:100%;
	height:100%;
	top:0;
	left:0;
	position:absolute;
	}
	
#contentLayerPop div.entete {
	width:442px;
	height:40px;
	background:url(/images/layers/resultat/bg-entete.jpg);
	margin:0;
}
#contentLayerPop div.insidePop {
	width:442px;
	height:411px;
	background:url(/images/layers/resultat/content.jpg);
	margin:0;
	position:relative;
	}
#contentLayerPop div.insidePop a.btCall {
	width:132px;
	height:23px;
	display:block;
	background:url(/images/layers/resultat/bt-call.png);
	position:absolute;
	top:349px;
	left:150px;
}
#contentLayerPop div.insidePop a.btCall:hover {
	background:url(/images/layers/resultat/bt-call.png) 0 -23px;
	}
a.btCloseLayer {
	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;
	}
.btCloseLayer:hover {
	color:#009dd9;
	background:url(/images/layers/resultat/bt-close-layer.png) no-repeat right -19px;
	}
/* _______________________________menu 2eme version____________________________________ */

#menuHaut {
	background:#fff url(/images/menu/bg-menu.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);
	}
#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:15px 18px 0;
	text-align:center;
	font-weight:bold;
	color:#009dd9;
	width:auto;
}
#menuHaut ul li.menuCompte {
	background:url(/images/menu/bg-compte.png) repeat-x;
}

#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_______________________________ */

/*______________________________facebook__________________________________*/

#fb-root {
	background:#fff;
	width:302px;
	height:auto;
	}
/*____________________________________pub dans la page test de debit_________*/
.appli-iphone{
	display:inline-block;
	margin:5px 0 0 15px;
	background:url(/images/appli-iphone.png) no-repeat ;
	width:auto;
	height:25px;
	padding:0 0 0 28px;
	vertical-align:middle;
}
/* ___________________________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;
    }
#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 ___________________________________________ */
#footer{
	text-align:center;
	background:url(../images/fonds/ombre-foot.jpg) no-repeat;
	margin-bottom:10px;
	font-size:11px;
}

.fond_footer{
	margin:0 45px;
	padding:10px 2px 2px;
}

#footer strong{ padding:0 10px 0 0;}

#footer a{
	color:#333;
	text-decoration:none;
}

#footer a:hover{
	color:#fff;
	text-decoration:underline;
}
/* ____________________ 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;
	}

/**********************************  Pub intersticielle ****/
#overlayerIntersticiel {
	height:100%;
	width:100%; 
	z-index:10000;
	position:fixed;
	display:none;
	left:0;
	top:0;
	background-color: rgba(255, 255, 255, 0.7);
	z-index:9999;
}
#contentLayer {
	margin:auto auto;
	display:block;
	width:600px;
	height:529px;
	position:relative;
	top:80px;
}
#contentLayer h1{
    color: #FC2185;
    display: block;
    font-size: 15px;
    left: 471px;
    position: relative;
    top: -62px;
    font-weight:lighter;
    border:none;
    text-decoration:underline;
}
#contentLayer a{
	text-decoration:none;
}
#contentLayer h1:hover{
    color:#211118;
}
#contentLayer p {
    color: #f4f3f3;
    display: block;
    font-size: 10px;
    font-weight: lighter;
    position: relative;
    text-align:left;
    padding-left:10px;
    top: -57px;
    text-decoration:underline;
}
#contentLayer p:hover{
    color:#FC2185;
}
#linkedPic {
	display:block;
}
#thePic {
	margin:0 auto;
	display:block;
}
#overlayerCloser {
	display:block;
	width:600px;
	height:28px;
}
#overlayer a img {
	border:none;
	}