/* CSS cyan */

#top{
background-image:url(ban-fat.png);
}

#contener{
background-image:url(fond-contener-fat.png);
color:#000000;
}

/*------------------------------------------------colonne de gauche -----------------------------*/

#left-column div{
background-image:url(4px-gauche.png);
color:#444444;
}

#left-column div.marge-gauche{
background-image:url(4px-gauche.png);
}

a{
color:#6c6c6c;
}

a:hover{
color:#009DD9;
}
	
	/* formulaires colonne gauche */
	#left-column div form input.champ{
	color:#6c6c6c;
	}
	
	#left-column div form input.champ:focus{
	color:#009dd9;
	}
	
	#left-column div form input.btn{
	color:#6c6c6c;
	}
	
	#left-column div form input.btn:hover{
	color:#009DD9;
	}
	/* fin des formulaires */
	
/* ---------- menu ------*/

#left-column ul {
background-image:url(4px-gauche.png);
}

#left-column li a{
background-image:url(1px-gauche.png);
}

#left-column li a:hover, #left-column li a.actif:hover{
background-image:url(over-menu.png);
background-color:#FFFFFF;
color:#009dd9;
}

#left-column li li a{
background-image:url(fond-ss-menu.png);
}

#left-column li li a:hover, #left-column li li a.actif:hover{
background-image:url(over-ss-menu.png);
background-color:#e5e5e5;
}

#left-column li ul {
background-image:url(1px-gauche.png);
}

#left-column li a.actif{
color:#009dd9;
background-image:url(menu-actif.png);
}

#left-column li li a.actif{
background-image:url(sous-menu-actif.png);
}
/* -------fin de menu ------*/

/* -----------------w3c et FH network ----------------*/
#w3c a img{
border:none;
}

/* -----fin de w3c et FH network ---------*/

/*-------------------------------------------colonne du milieu ---------------------------------*/

#center-column{
border-top:1px solid #4fbbe4;
}


/* ------------pictos menu-------------*/
#bloc-pictos{
background-color:#009DD9;
background:url(fond-bloc-pictos.png) repeat-x;
border-bottom:1px solid #367087;
}
	
	#bloc-pictos #adsl{
	background:url(adsl.png) no-repeat;
	}
	
	#bloc-pictos #fibre{
	background:url(fibre.png) no-repeat;
	}
	
	#bloc-pictos #sat{
	background:url(sat.png) no-repeat;
	}
	
	#bloc-pictos #wifi{
	background:url(wifi.png) no-repeat;
	}
	
	#bloc-pictos #vod{
	background:url(vod.png) no-repeat;
	}

	#bloc-pictos #tel{
	background:url(tel.png) no-repeat;
	}

	#bloc-pictos #mobile{
	background:url(mobile.png) no-repeat;
	}

	#bloc-pictos #pro{
	background:url(pro.png) no-repeat;
	}

	#bloc-pictos #eco{
	background:url(eco.png) no-repeat;
	}
	
#bloc-pictos a.cat_on{
background-position:0 0;
}

#bloc-pictos a.cat_off{
background-position:0 -50px !important;
}

#bloc-pictos a:hover, #bloc-pictos a.cat_on:hover{
background-position:0 -25px !important;
}

#bloc-pictos a.cat_off:hover{
background-position:0 -25px !important;
}
	
/* ---------fin menu pictos-----------*/

/* --------------------page nra -----------------------*/

#page_nra a.a_wiki{
color:black;
border-bottom:1px solid #009dd9;
cursor:help;
}

#page_nra a.a_wiki:hover{
color:#009DD9;
border-bottom:none;
text-decoration: underline;
}

#page_nra b.mot_dico a.a_wiki{
color:black;
border:none;
cursor:help;
}
#page_nra b.mot_dico a.a_wiki:visited{
color:black;
border:none;
}

#page_nra b.mot_dico a.a_wiki:hover{
color:#009DD9;
border:none;
text-decoration: none;
}

#page_nra h1{
background:url(fond-titre.png) repeat-x;
background-color:#d7d7d7;
color:#009DD9;
}

#page_nra h3{
color:black;
border-bottom:1px solid #009DD9;
}

#page_nra h4{
color:white;
background-color:#009DD9;
}

a.matricule_nra {
color:#000;
background-color:#eee;
}

a.matricule_nra:hover {
color:#009dd9;
}

#page_nra div.mutinra_ville {
border:1px solid #009dd9;
}

#page_nra div.mutinra_ville span {
font-weight:bold;
color:#333;
}

#page_nra table {
border-color:#009dd9;
}

#page_nra table tr.titre_table_nra {
background-color:#009DD9;
color:white;
border-color:#009dd9;
}

#page_nra table td{
border-color:#009dd9;
}

#page_nra div#interaction a{
color:#fff;
border:1px solid #007eae;
}

#page_nra div#interaction a:hover{
background-color:#0088bc;
border-color:#005e82 #4fbbe4 #4fbbe4 #005e82;
border-width:1px;
}

#page_nra div.micro_titre_pub{
background-color:#eaeaea;
border-top:1px solid #999;
border-bottom:1px solid #009dd9;
}

#page_nra div.micro_titre_pub span{
background-color:white;
border-top:1px solid #009dd9;
border-right:1px solid #009dd9;
border-left:1px solid #009dd9;
border-bottom:1px solid #fff;
color:#009DD9;
}

#page_nra div.block_tri_op{
padding:5px 0;
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

#page_nra a.btn_op, #page_nra a.btn_op_hover{
border-width:1px;
border-style:solid;
border-color:#adadad #7f7f7f #7f7f7f #adadad;
background:url(btn_comment.png) repeat-x bottom;
}

#page_nra a.btn_op_hover{
color:#009dd9;
border-color:#009dd9;
}

#page_nra a.btn_op:hover{
border-color:#7f7f7f #adadad #adadad #7f7f7f;
}

/* ----- lasts --------*/
	#page_nra table.tri_last_info_nra{
	border-collapse: collapse;
	border: 1px solid #ccc;
	background-color: #eee;
	}
	
	#page_nra table.tri_last_info_nra select{
	border: 1px solid #666;
	background-color: #eee;
	}
	
	#page_nra table.tri_last_info_nra input{
	border: 1px solid #666;
	background:url(btn-tri-nra.png) repeat-x ;
	color:#666;
	cursor:pointer;
	}
	
	#page_nra table.tri_last_info_nra input:hover{
	color:#009dd9;
	}
	
	#page_nra table.last_info_nra{
	border-collapse: collapse;
	border: 1px solid #009dd9;
	}
	
	#page_nra tr.last_info_nra_top{
	background-color: #009dd9;
	color:white;
	}
	
	#page_nra tr.last_info_nra_top td{
	border-bottom:1px solid #009dd9;
	}



/* ---------------fin page nra -----------------------*/


/* ------------------ page dossier -----------------------*/
#page a												{color:#000;}
#page a:hover									{color:#009DD9;}

#page h3 a, #page h4 a								{color:#000000;}
#page h3 a:hover, #page h4 a:hover		{color:#009DD9;}

#page i a    			 {color:#555;}
#page i a:hover    {color:#009DD9;}

#page .un_dossier a	{
	border-bottom:1px solid #888;
	}
#page .un_dossier a:hover	{
	border:none;
	padding-bottom:1px;
	}
#page .un_dossier .sommaire_dossier a,
#page .un_dossier .image-enc-center a,
#page .un_dossier .image-enc-left a,
#page .un_dossier .image-enc-right a
	{
	border:none;
	padding:0;
	}
#page .un_dossier .image-enc-center a i {border-bottom:1px solid #888;}
#page .un_dossier .image-enc-center a:hover i {border:none; padding-bottom:1px;}

#page a.a_wiki{
color:black;
border-bottom:1px dashed #888;
cursor:help;
}

#page a.a_wiki:hover{
color:#009DD9;
border-bottom:none;
}

#page h1{
background:url(fond-titre.png) repeat-x;
background-color:#d7d7d7;
color:#009DD9;
}

#page h3{
border-bottom:1px solid #009DD9;
}

.image-enc-left{
background-color:#FFFFFF;
}

.image-enc-right{
background-color:#FFFFFF;
}

#page div{
border-bottom:1px solid #ccc;
}

		#page div.bloc_tourn_page{
		border-color:#009dd9;
		}
		
		#page div.bloc_tourn_page_bs{
		border-top:1px solid #009dd9;
		}
		
		#page div.bloc_tourn_page a{
		}
		
		#page div.bloc_tourn_page a:hover{
		border:1px solid #009dd9;
		}
		
		#page div.bloc_tourn_page b{
		
		}

#page div#interaction, #page_nra div#interaction{
background:url(fond-interaction.png) repeat-x top;
}

#page div#interaction a{
color:#ffffff;
border:1px solid #007eae;
}

#page div#interaction a:hover{
background-color:#0088bc;
border-color:#005e82 #4fbbe4 #4fbbe4 #005e82;
border-width:1px;
}

#page div#div_reception_data{
border-bottom:1px solid #999;
}

#page div.comment_sondage a{
border-width:1px;
border-style:solid;
border-color:#adadad #7f7f7f #7f7f7f #adadad;
background:url(btn_comment.png) repeat-x bottom;
}

#page div.comment_sondage a:hover{
border-color:#7f7f7f #adadad #adadad #7f7f7f;
}

#page div.micro_titre_acc{
background-color:#eaeaea;
border-top:1px solid #999;
border-bottom:1px solid #009dd9;
}

#page div.micro_titre_acc span{
background-color:white;
border-top:1px solid #009dd9;
border-right:1px solid #009dd9;
border-left:1px solid #009dd9;
border-bottom:1px solid #fff;
color:#009DD9;
}
/*----------- fin de colonne du milieu --------------*/

/*---------------------------------------------colonne de droite ------------------------------*/

#right-column div{
background-image:url(4px-droite.png);
}

/* ------------------ design --------------------*/
#right-column div#design{
background-image:url(fond-titre-gauche.png);
}

#right-column div#design a, #right-column div#design input{
	color:#FFF;
	border:1px solid #007eae;
	}
#right-column div#design a:hover, #right-column div#design input:hover{
	background-color:#0088bc;
	border-color:#005e82 #4fbbe4 #4fbbe4 #005e82;
	}
	
/* -------- fin design -------------*/
/* -------------fin du contenu et colonne droite--------------*/

/*---------------------------------------------footer ------------------------------*/
#bottom{
background-color:#FFFFFF;
background-image:url(footer-fat.png);
}

#bottom div#text-footer{
color:#FFF;
background-color:#009DD9;
}

#bottom div#text-footer a{
color:#FFF;
}

#bottom div#text-footer a:hover{
text-decoration:underline;
}

#bottom div#liens_bottom {
color:#009DD9;
}
/* -------------fin du footer--------------*/

/* ------- style des overlib -------*/
.fontClass {font-size:10px;color:black;}
.capfontClass {font-size: 10px; font-weight:bold;color:white;border-bottom:1px solid #000000;background-color:#666666;}
.capfontClass A {color:black; font-size:10px;}
.fgClass {background-color: #FFFFFF;margin-bottom:1px;}
.bgClass {background-color: #777777;border:1px solid #cccccc;border-width:1px 2px 2px 2px;}






/************************ OLIVIER - STYLE POUR LE FORMULAIRE INSCRIPTION ************************/
#adminForm {
	font:12px arial;
}
#adminForm .element_group {
	display:block;
	width:600px;
	
	margin:5px;
	clear:left;
}
#adminForm label {
	display:block;
	width:176px;
	text-align:right;
	float:left;
	margin:0px 10px 0px 0px;
}
#adminForm input {
	display:block;
	width:156px;
	font:12px arial;
	color:#6C6C6C;
}
#adminForm .element_group > input, #adminForm select {
	border:1px solid #ddd;
	border-color:#999 #ddd #ddd #999;
	background:#fff;
}
#adminForm .element_group > input:hover, #adminForm select:hover {
	border-color:#33b1e1 #bbe5f5 #bbe5f5 #33b1e1;
}
#adminForm input:focus {
	color:#009dd9;
}
#adminForm  #formTitle {
	margin-top:20px;
}
#adminForm  #formTitle label{
	display:block;
	width:90px;
	text-align:right;
	float:left;
	margin:0px 10px 0px 186px;
	padding:0px;
}
#adminForm  #formTitle  input{
	width:50px;
}
#adminForm  input#submit {
	display:block;
	width:auto;
	margin:15px 0 0 186px;
	color:#000;
	border-width:1px;
	border-style:solid;
	border-color:#adadad #7f7f7f #7f7f7f #adadad;
	background:url(btn_comment.png) repeat-x bottom;
	}
#adminForm  #submit:hover{
	border-color:#7f7f7f #adadad #adadad #7f7f7f;
	}

#adminForm  fieldset {
	border:none;
	padding:1px;
	margin:0 0 5px;
	/*border:1px solid #ddd;
	border-color:#999 #ddd #ddd #999;*/
	float:left;
	min-width:154px;
}
#adminForm  fieldset input {
	width:auto;
	float:left;
}
#adminForm  fieldset label {
	text-align:left;
	display:inline;
	float:none;
	height:20px;
	line-height:20px;
	width:auto;
}
#adminForm  fieldset br {
	/*display:none;*/
}

/********************************* FLASH INFOS ***************************/
#page #containerFlash {
	width:530px;
	padding:0px;
	height:25px;
	background:#000 url(fond-flashinfo.png);
	position:relative;
	overflow:hidden;
}
#page #containerFlash div{ 
	width:520px;
	color:#94e1fe;
	position:absolute;
	display:block;
	padding:5px 0px 0px 10px;
}
#page #containerFlash div strong {
	color:#b2eaff;
	font-variant: small-caps;
	font-size:14px;
}




/******************  POPUP COMMUN  ***************************/ 

#popLogin, #blocOubliMdp, #accountContainer{
	position:absolute;
	z-index:1000;
	left:0px;
	top:20px;
	width:167px;
}
#accountContainer{
	margin-left:-350px;
	width:460px;
}
#blocOubliMdp {
	margin-left:-325px;
	width:430px;
}
#right-column  #design #popLogin   #zAction { display:none; }

/******************  POPUP CONNEXION  ***************************/ 
#right-column .popLoginBloc {
	position:relative;
	z-index:1;
	background:#fff;
	border:1px outset #888;
	color:#000;
	margin:0px 0px 8px 0px;
	padding:8px 0px 8px 0px;	
	border-bottom:3px solid #009dd9;
}
#popLogin .popLoginShadow {
	position:absolute;
	z-index:0;
	background:black;
	top:8px;
	left:0px;
	bottom:0;
	right:0;
	opacity:0.5;
	filter:alpha(opacity=50);	
}
#right-column  #design #popLogin a{
	background:none;
	border:none;
	margin:0px 0px 0px 5px;
	text-align:center;
	color:#000;
	width:auto;
	padding:2px 0 0;
	width:11px;
	height:11px;
	overflow:hidden;
	text-decoration:none;
	}
#right-column  #design #popLogin a:hover{
	color:#009dd9;
}
#right-column  #design #popLogin div {
	font-weight:normal;
	text-align:left;
}
#right-column  #design #popLogin label{
	width:130px;
	display:block;
	margin:0px 0px 0px 10px;
	text-align:left;
}
#right-column  #design #popLogin input{
	width:140px;
	display:block;
	margin:0px 0px 10px 10px;
	text-align:left;
	border:1px solid #009dd9;
	background:#fff; 
	font:12px arial;
	color:#666;
}
#right-column  #design #popLogin   #submit {
	display:block;
	width:142px;
	text-align:center;
	margin-left:px;
	font-variant:small-caps;
	border:1px solid #009dd9;
	background:#009dd9;
	font:12px arial;
	color:#fff;
}
.loginBlocContent{
	padding:5px 15px;
}



/******************  POPUP REGEN PASSWORD  ***************************/ 	
#right-column  #design  #popLoginRegenPassword{
	background:#fff;
	position:absolute;
	z-index:999;
	left:0px;
	top:20px;
	width:303px;
	padding:8px 0px;
	font-weight:normal;
	border-bottom:3px solid #009dd9;
}
#right-column  #design #popLoginRegenPassword label{
	width:115px;
	display:block;
	margin:0px 5px 0px 0px;
	text-align:right;
}
#right-column  #design #popLoginRegenPassword input{
	width:120px;
	display:block;
	margin:0px 0px 6px 0px;
	text-align:left;
	border:1px solid #009dd9;
	background:#fff; 
	font:12px arial;
	color:#666;
}
#right-column  #design #popLoginRegenPassword   #submit {
	display:block;
	width:204px;
	text-align:center;
	margin-left:38px;
	font-variant:small-caps;
	border:1px solid #009dd9;
	background:#009dd9;
	font:12px arial;
	color:#fff;
}