/* CSS cyan */

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

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

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

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

a{
color:#6c6c6c;
}

a:hover{
color:#009DD9;
}
	
	/* formulaires colonne gauche */
.champ{
	color:#6c6c6c;
	}
	
.champ:focus{
	color:#009dd9;
	}
	
.btn{
	color:#6c6c6c;
	}
	
.btn:hover{
	color:#009DD9;
	}
	/* fin des formulaires */
	
/* --------------------------menu ------------------------*/
ul{
margin:0;
padding:0;
list-style-type:none;
}

#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);
}








/************** ENCART SONDAGE ***************/
#left-column #encart_sondage {
	padding-bottom:10px;
	background:url("fond-ss-menu.png")
	}
#left-column #encart_sondage span{
	color:#009dd9;
	font-size:12px;
	display:block;
	margin-bottom:6px;
	
}
#left-column #encart_sondage input{
	margin:5px 0 5px 0;
	cursor:pointer;
}
#left-column #encart_sondage label{
	margin:5px 0 5px 3px;
	cursor:pointer;
}

#left-column #encart_sondage span.descriptifReponse{
	font-size:11px;
	font-weight:normal;
	color:#333;
	margin-bottom:2px;
}
#left-column #encart_sondage span.descriptifReponse span{
	display:block;
	float:right;
	font-size:11px;
	font-weight:normal;
	color:#333;
}
#left-column #encart_sondage .barrePourcentage{
	padding:0;
}
#left-column #encart_sondage .barrePourcentage span{
	display:block;
	background-color:#009dd9;
	background:#26c2ff;
	height:10px;
}
#left-column #encart_sondage div.totalVote {
	border-top:1px solid #666;
	font-size:11px;
	font-weight:normal;
	padding:3px 0 10px 0;
	text-align:center;
	}






/* -------fin de menu ------*/

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

/* -----------------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 #premium{
	background:url(premium.png) no-repeat;
	}
	
	#bloc-pictos #bonplan{
	background:url(bonplan.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-----------*/


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

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

#page i a    			 {color:#555555;} /* 888 */
#page i a:hover    {color:#009DD9;}

#page .texte_news a {
	border-bottom:1px solid #888;
	}
#page .texte_news a:hover {
	border:none;
	padding-bottom:1px;
	}
	
#page .texte_news .info_lien_news a {
	border-bottom:none;
	padding:0;
	}

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

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

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

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

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

#page h2{
color:#666666;
border-bottom:2px solid #666;
}

#page .texte_news h2{
color:#000;
border-bottom:none;
}

#page p.mot_dico_ap {color:#555;}

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

}

#page #sondage{
border:1px solid #009dd9;
background-color:white;
}

td.comment_sondage{
border-top:1px solid #999;
}

a.btn_comment_sondage{
border:1px solid #adadad;
border-color:#adadad #7f7f7f #7f7f7f #adadad;
background: url(btn_comment.png) repeat-x bottom;
padding:1px 10px;
font-weight:bold;
}

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

#page input.vote_btn{
border-width:1px;
border-style:solid;
border-color:#adadad #7f7f7f #7f7f7f #adadad;
background:url(btn_comment.png)repeat-x;
color:#646464;
}

#page input.vote_btn:hover{
background-color:#eee;
border-color:#7f7f7f #adadad #adadad #7f7f7f;
color:#009DD9;
}

#page .sondage_titre{
border-top:1px solid #009DD9;
border-right:1px solid #009DD9;
border-left:1px solid #009DD9;
border-bottom:1px solid #FFF;
background-color:white;
color:#009DD9;
}

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

#page div.top_sans_une{
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;
}

p.date_du_jour{
color:#777;
}

#page div.convecteur_temporel a{
background:url("fleche_actu.png") 0 5px no-repeat;
}



#page  #encart-recrut {
	background:transparent url("bg-recrut-top.png") 0 0px repeat;
	padding:7px 10px;
	margin-bottom:0px;
	background:#ccc;
	background:transparent url("ban-recruteer.jpg") 0 0px repeat;	
}
#page  #encart-recrut-static {
	background:transparent url("bg-recrut-top.png") 0 0px repeat;
	padding:0px;
	margin-bottom:0px;
	width:530px;
	height:51px;
	background:#ccc;
	background:transparent url("ban-recruteer-img.jpg") 0 0px repeat;	
}
#page  #encart-recrut-dynamic {
	padding:8px 0px 0px 180px;
	margin-bottom:0px;
	width:350px;
	height:43px;
	background:transparent url("ban-recruteer.jpg") 0 0px repeat;	
}
#page  #encart-recrut-static a{
	display:block;
	width:515px;
	height:51px;
	text-align:right;
	line-height:84px;
	padding-right:15px;
	font-size:11px;
	color:#009dd9;
	text-decoration:underline;
}

#page  #encart-recrut-dynamic  a{ 
	font:11px verdana;
	display:block;
	margin-bottom:6px;
	color:#009dd9;
}
#page #encart-recrut-closer {
	background:transparent url("bg-recrut-bottom.png") 0 0px repeat;
	height:2px;
	padding:0px;
	display:none;
	margin-bottom:-8px;
}
#page  #encart-adnautoradio { 
	padding:0;
	margin-bottom:0px;
	display:block;
	width:530px;
	height:51px;
	background:transparent url("/images/dn-banniere-pme-pmi.jpg") 0 0px repeat;		
	
}
/* --------------page news -------------------*/

#page .titre_news{
background-image: none;
background-color: white;
color:#000000;

border-bottom:1px solid black;
}

#page span{
color:#333333;
}

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

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

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

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

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

#page div.nav_news{
border-top:1px solid #333;
}

#page div.block_commentaire{
border-width:1px;
border-style:solid;
border-color:#adadad #7f7f7f #7f7f7f #adadad;
}

#page .texte_comment{
background:#F8F8F8;
border-bottom:1px solid #BBB;
}

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

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

		/* -----------pages cat�gories --------------*/
		#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 actu -----------------*/
		#page div.page_actu{
		border:none;
		}
		
		#page div.page_actu b{
		color:#009DD9;
		}
		
		#page div.actu-page-actu{
		background:url(fleche_actu.png) 0px 6px no-repeat;
		border-top:1px solid #009DD9;
		}
		
		#page div.bloc_lien_archive{
		border:1px solid #ccc;
		background-color:#EEE;
		}
		
		/* ------------page archive ------------*/
		.navi_archive{
		border:1px solid #666;
		background-color:#eee;
		}
		
		form.bloc_navi_archive{
		border:1px solid #ccc;
		background-color:#eee; 
		}
		
/* ---------fin page news --------------*/
	
	
	
/* --------------page pub TV ---------------*/
#page div.tri_fai_block{
background-color:#009DD9;
}

form.tri_pub select, #page form.tri_pub a{
border:1px solid #007eae;
background-color:#009DD9;
color:white;
}

form.tri_pub select:hover, #page form.tri_pub a:hover{
border-color:#005e82 #4fbbe4 #4fbbe4 #005e82;
background-color:#0088bc;
color:white;
}


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

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

/* --------------------page dico -----------------------*/
#page div.alphabet a:hover{
border:1px solid #009DD9;
}


/* -------- page DN sur votre site --------*/
textarea.champ_code{ border:1px solid #009DD9;
}


/* ---------------- page recherche -------------------- */
form.search-advance{
border-bottom:4px solid #009DD9;
}

#page div.ss_block_wiki_search{
background:#CCC;
border:1px solid #ddd;
}

#page div.block_wiki_search{
border:1px solid #009DD9;
background:#fff;
}

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

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

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

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

/* ------------ page contact ----------*/
table.equipe{
width:100%;
}

table.equipe td{
border-bottom:1px solid #ccc;
}

table.equipe td.nom_membre{
border-right:1px dashed #ccc;
color:#666;
text-align:left;
}


tr.equipe_titre td {
border-bottom:1px solid #009dd9;
color:#aaa;
padding:0;
text-align:center;
vertical-align:bottom;
}

#page h3.recrute-titre{
border-bottom:1px solid #009dd9;
}

/* ------------ page rss ------------*/
#page div.bloc_liste_rss{
border:1px solid #009dd9;
}

#page p.rss_def{
border-top:1px solid #ccc;
border-bottom:1px solid #ccc;
}

/* ------------fin contenu--------------*/

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

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

#right-column h4{
color:#666666;
background:url(2px-droite-gris.png) 0 100% no-repeat;
}

/* --- design ---- */
	#right-column div#design{
	background-image:url(fond-titre-gauche.png);
	position:relative;
	}
	
	#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 --*/

/* ------ nra et derni�res news (en fonction de php) -------*/
#nra a{
/*background:url(1px-droite-gris.png) 0 0 no-repeat;*/
}

#dernier-dossier a, #dernier-article a{
background:url(1px-droite-gris.png) 0 0 no-repeat;
}

#right-column h2{
background:url(2px-droite-gris.png) 0 100% no-repeat;
}

#right-column #nuage p{
background:url(1px-droite-gris.png) 0 0 no-repeat;
}

#right-column div.nra_pourcent{
border: 1px solid #009DD9;
background-color:#e2e2e2;
}

/* ----fin nra etc ------*/

#dernier-dossier p, #dernier-article p{
color:#646464
}

/* -------------fin de droite--------------*/

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

#bottom div#liens_bottom {
color:#009DD9;
}

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

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

#bottom div#text-footer a:hover{
text-decoration:underline;
}
/* -------------fin du footer--------------*/

/* ------- les trucs sous le 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;padding:3px;}
.capfontClass A {color:black; font-size:10px;}
.fgClass {background-color: #FFFFFF;margin-bottom:1px;padding:3px;}
.bgClass {background-color: #777777;border:1px solid #cccccc;border-width:1px 2px 2px 2px;}




/********************************* 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;
}



/************************ OLIVIER - STYLE POUR LE FORMULAIRE INSCRIPTION ************************/
#adminForm {
	font:12px arial;
}
#adminForm .element_group {
	display:block;
	width:100%;
	margin:4px;
}
#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 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  #submit {
	display:block;
	width:auto;
	margin:15px 0 0 186px;
	color:#000;
}

#adminForm  fieldset {
	border:none;
	padding:0px;
}
#adminForm  fieldset input {
	width:20px;
	float:left;
}
#adminForm  fieldset label {
	text-align:left;
	float:none;
	height:20px;
	line-height:20px;
}
#adminForm  fieldset br {
	display:none;
}


#adminForm  #zAction { display:none; }

#page #adminForm.connexion form div{
	margin:0px 0px 6px 0px;
}
.loginBlocContent  #logToMdp{
	margin:0px 0px 0px 200px;
}
#passForgotten {
	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:303px;
}
#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 70px;
	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:115px;
	display:block;
	margin:0px 5px 0px 0px;
	float:left;
	text-align:right;
}
#right-column  #design #popLogin 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 #popLogin   #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;
}
.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;
	float:left;
	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;
}
*****/

#right-column #dernier-dossier, #right-column #dernier-article {
padding-bottom:4px;
}
#dernier-dossier .container_dernier_dossier, #dernier-article .container_dernier_dossier {
	width:302px;
}
#dernier-dossier .container_dernier_dossier.alternateBg, #dernier-article .container_dernier_dossier.alternateBg {
	background:url(bg-alternate.png) repeat-y;
}
#dernier-article .titre_dernier_dossier b {
	display:block;
	margin-left:10px;
}

#dernier-dossier h4, #dernier-article h4 {
color:#000;
}

#dernier-dossier p, #dernier-article p {
margin:0 0px 0px 10px;
color:#000;
padding-right:100px;
border-bottom:none;
color:#999;
clear:left;
}

#dernier-dossier a, #dernier-article a { color:#000; background:none; }
#dernier-dossier a:hover, #dernier-article a:hover { color:#009dd9; }
#dernier-dossier .img_dernier_dossier, #dernier-article .img_dernier_dossier { 	margin-top:0px; padding:3px ; margin-left:6px;}
#right-column #dernier-dossier .titre_dernier_dossier, #right-column #dernier-article .titre_dernier_dossier { text-align:left; padding:9px 0px 0px 0px; padding-right:10px}
#right-column #dernier-dossier .titre_dernier_dossier b, #right-column #dernier-article .titre_dernier_dossier b {font-weight:bold;  }
#dernier-dossier .consulter_dernier_dossier, #dernier-article .consulter_dernier_dossier { 	color:#009dd9; }
#dernier-dossier .consulter_dernier_dossier:hover, #dernier-article .consulter_dernier_dossier:hover { text-decoration:underline;}
#dernier-dossier .container_dernier_dossier span, #dernier-article .container_dernier_dossier span {  	margin:0px; }
#dernier-dossier .container_dernier_dossier span a, #dernier-article .container_dernier_dossier span a {  	margin:0px;padding:0px 5px }
#dernier-dossier .separateur_dernier_dossier, #dernier-article .separateur_dernier_dossier  {	
	background:url("1px-droite-gris.png") no-repeat scroll 0 0 transparent; clear:left;
	height:1px;
}