/* style DT4 */

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

#overbody{
background:url(../images/fonds/ban-fibre-rayure.jpg) top center no-repeat;
/*background-attachment:fixed;*/
}

#container{
width:936px;
margin:0 auto;
}

#header{position:relative;}

#container2{
padding:0 0px 11px 0;
border-width:0 1px 1px;
border-color:#5d5d5d;
border-style:solid;
}

/* _______________________________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:19px;
background:url(../images/fond_info.png);
color:#17bfff;
font-size:11px;
font-family:monospace, arial;
}

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


/* ___________________________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;
	}
#blocConnexion{
	color:#ccc;
	text-align:right;
	}
#blocConnexion a{
	color:#ccc;
	text-decoration:none;
	}
#blocConnexion a:hover{
	color:#fff;
	}
#blocConnexion form.disconnecForm{
	display:inline;
	}
#blocConnexion span{
	color:#bbb;
	font-style:italic;
	margin-right:8px;
	}
	
#popLogin, #blocOubliMdp, #accountContainer{
	position:absolute;
	z-index:1000;
	left:50%;
	margin-left:-250px;
	top:85px;
	width:360px;
	}
#accountContainer{
	margin-left:-350px;
	width:460px;
	}
#blocOubliMdp {
	margin-left:-325px;
	width:430px;
	}
.popLoginBloc{
	position:relative;
	z-index:1;
	background:#fff;
	border:1px outset #888;
	color:#000;
	margin:0 6px 8px 0;
	}
.popLoginShadow{
	position:absolute;
	z-index:0;
	background:black;
	top:8px;
	left:6px;
	bottom:0;
	right:0;
	opacity:0.5;
	filter:alpha(opacity=50);
	}
	
.barTitrePopup {
	background:url(../images/fonds/fond-bar-popup.png) 100% 0 no-repeat;
	text-align:right;
	height:16px;
	padding-right:8px;
	}
.barTitrePopup h6{
	background:url(../images/fonds/titre-popup.png) 100% 0 no-repeat;
	float:left;
	height:16px;
	margin:0;
	padding:0 12px 0 5px;
	font-size:12px;
	color:#009ae1;
	font-weight:normal;
	}
.barTitrePopup a{
	display:block;
	float:right;
	padding:2px 0 0;
	width:11px;
	height:11px;
	overflow:hidden;
	text-decoration:none;
	}
.barTitrePopup a:hover img{
	margin-left:-11px;
	}

.loginBlocContent{
	padding:5px 15px;
	}
#popLogin a, #blocOubliMdp a, #accountContainer a{
	color:#000;
	}
#popLogin a:hover, #blocOubliMdp a:hover, #accountContainer a:hover{
	color:#009dd9;
	}
#popLogin form, #blocOubliMdp form, #accountContainer form{
	border-bottom:1px dashed #aaa;
	padding:10px 15px;
	padding-bottom:0px;
	background:#fff;
	}
#blocOubliMdp form, #accountContainer form{
	border:none;
	}
.info_pop_user{
	padding:15px;
	}
#accountContainer form div, #popLogin form div, #blocOubliMdp form div {
	position:relative;
	clear:left;
	}
#popLogin label, #blocOubliMdp label, #accountContainer label{
	display:block;
	position:relative;
	float:left;
	line-height:21px;
	width:150px;
	margin-bottom:7px;
	}
#accountContainer label.newsLabel{
	margin-bottom:30px;
	}
#popLogin input#submit, #popLogin button, 
#blocOubliMdp input#submit, #blocOubliMdp button,
#accountContainer input#submit, #accountContainer button{
	position:relative;
	margin-bottom:7px;
	margin-left:150px;
	}
#accountContainer input{
	width:110px;
	}
#accountContainer input#subscriptionNewsletter 	{width:auto;}
#accountContainer input#captchaValue 						{width:50px;}
.popLoginBloc form p.hint{
	margin:0;
	display:inline;
	font-size:11px;
	line-height:13px;
	padding:1px 0 1px 00px;
	vertical-align:middle;
	color:#666;
	/*background:url(../images/help.png) 0 0 no-repeat;*/
	}
	
.loginError{
	color:#e00;
	background:url(../images/pict-alert.png) 0 50% no-repeat;
	padding-left:25px;
	zoom:1; /*cherche pas c'est pour ie*/
	}
	
#accountContainer .imbriqu_ie{
	position:absolute;
	z-index:2000;
	}
#accountContainer #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;
	}
	
.popLoginBloc form ul {
	margin:0 0 5px 0;
	list-style-type:none;
	padding:0;
	color:#e00;
	}
	
.remplissageMinimal{
	border:none;
	background:none;
	height:280px;	
	}

/*_______________________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 span{
}

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

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

#footer a:hover{
color:#009dd9;
text-decoration:underline;
}
/* ____________________ fin footer _______________________________________ */

/* ______________ CSS des infos-bulles _________________ */

a.infobulle{
   	position:relative; 
    z-index:24;
    background-color:#fff;
    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;
}


/* __________________________________________écrasement des styles ci-dessus pour événementiel_________________________________________________ */
/*
body{
background:#323232 url(../images/fond-hexa.png) repeat fixed;
}

#bloc_illustr_fond{
background:url(../images/fonds/ban-noel08.jpg) top center no-repeat;
}
*/
/*#bloc_ba{
position:absolute;
top:43px;
margin-left:390px;
width:361px;
height:50px;
background:url(../images/fonds/anim-ba.gif);
}
#bloc_info{
background:none;
}*/