/* CSS communs fat */

body {
margin:0px auto;
padding:0px;
background-color:#454545;
width:1000px;
background-image:url(fond.png);
background-repeat:repeat;
background-position:center;
font:11px Verdana, arial, helvetica, sans-serif;
}

#top{
height:107px;
background-repeat:no-repeat;
}

#pub-ban{
width:728px;
height:90px;
float:right;
}

#top_home_link{
float:left;
width:225px;
height:40px;
margin:30px 0 0 15px;
cursor:pointer;
}

#contener{
background-position:top;
background-repeat:repeat-y;
}

/*------------------------------------------------colonne de gauche -----------------------------*/

#left-column{
width:166px;
float:left;
font-size:12px;
overflow:hidden;
}

#left-column div{
padding-left:10px;
padding-bottom:4px;
background-position:bottom;
background-repeat:no-repeat;
}

#left-column div div{
background:none;
}

a{
text-decoration:none;
}

a:hover{
text-decoration:none;
}

#left-column div.marge-gauche{
padding:0px;
background-repeat:no-repeat;
height:4px;
}

#left-column div#cherche{
padding:0 4px;
background-image:url(fond-search.png);
background-position:top;
background-repeat:no-repeat;
height:50px;
}
	
	/* formulaires colonne gauche */
	form.search-form{
	padding:0 0 4px 0;
	background-image:url(cadre-search.png);
	background-position:top;
	background-repeat:no-repeat;
	width:157px;
	margin:0;
	}

	form.search-form input{
	border:none;
	margin-bottom:5px;
	margin-left:6px;
	background-color:transparent;
	}
	
	form.search-form input.champ{
	width:108px;
	}
	
	form.search-form input.btn{
	width:30px;
}
	/* fin des formulaires */
	
/* --------------------------menu ------------------------*/
#left-column ul{
margin:0;
padding:0;
list-style-type:none;
}

#left-column ul {
padding-bottom:3px;
background-position:bottom;
background-repeat:no-repeat;}

#left-column li a{
background-position:bottom;
background-repeat:no-repeat;
padding:6px 0 6px 10px;
display:block;
}

#left-column li a:hover{
background-position:bottom;
background-repeat:no-repeat;
}

#left-column li li a{
background-position:top;
background-repeat:repeat-y;
padding:3px 0 3px 20px;
}

#left-column li li a:hover{
background-position:top;
background-repeat:no-repeat;
}

#left-column li ul {
padding-bottom:1px;
background-repeat:no-repeat;
background-position:bottom;
}
/* -------fin de menu ------*/

/* --------------------degrouptest ----------------------------*/
#left-column div#degrouptest{
background:url(degrouptest.png) 0 1px no-repeat;
height:79px;
padding-left:0;
padding-top:10px;
}

#left-column div#dtest_link{
margin: 0 8px;
padding:0;
height:40px;
cursor:pointer;
}

#left-column #degrouptest form{
font-size:11px;
padding:12px 0 0 4px;
background-position:4px 12px;
}
/* -------fin de degrouptest ------*/

/* ---------bourse ----------------*/
#left-column div#bourse{
padding:5px 0 9px; 
text-align:center;
}

#left-column table{
border: 1px solid #999999;
border-collapse: collapse;
}

#left-column td{
text-align: center; border: 1px solid #999999; font-size: 9px;
}
/* -------------fin de la bourse---------------*/


/* --------partenaires-------*/

#left-column div.partner{
padding:5px 10px 9px;
margin-bottom:5px;
}

#left-column div.partner a{
display:block;
padding:2px 10px 2px;
margin:0;
font-size:11px;
}

/* ------------fin de partner -----------------*/

/*-------------------------------------------colonne du milieu ---------------------------------*/

#center-column{
width:666px;
float:left;
margin-left:1px;
margin-right:1px;
overflow:hidden;
}

/* ------------------------pictos menu--------------------------*/
#bloc-pictos{
height:33px;
padding-left:140px;
margin:0;
}

#bloc-pictos a{
display:block;
height:25px;
margin-top:4px;
float:left;
position:relative;
z-index:200;
}
	
	#bloc-pictos #adsl{
	width:16px;
	margin-right:18px;
	}
	
	#bloc-pictos #fibre{
	width:21px;
	margin-right:22px;
	}

	#bloc-pictos #sat{
	width:22px;
	margin-right:24px;
	}

	#bloc-pictos #wifi{
	width:23px;
	margin-right:24px;
	}

	#bloc-pictos #vod{
	width:23px;
	margin-right:26px;
	}

	#bloc-pictos #tel{
	width:24px;
	margin-right:24px;
	}

	#bloc-pictos #mobile{
	width:13px;
	margin-right:24px;
	}

	#bloc-pictos #pro{
	width:8px;
	margin-right:24px;
	}

	#bloc-pictos #eco{
	width:23px;
	}

/* ---------fin menu pictos-----------*/


/* --------------------page nra -----------------------*/
#page_nra{
padding:0 10px;
}

#page_nra h1{
margin: 0 -10px;
padding:2px 15px 3px ;
font:bold 22px verdana,helvetica,sans-serif;
font-weight:bold;
}

#page_nra h3{
margin:0;
padding:0;
font:bold 14px verdana,helvetica,sans-serif;
}

#page_nra h4{
margin:0 0 5px;
padding:0 0 0 10px;
font:bold 11px verdana,helvetica,sans-serif;
}

#page_nra div.resume_adsl{
float:right;
}

#page_nra p{
line-height:1.2em;
margin:0;
padding:0;
}

.petit_bla{
font-size:10px;
}

a.matricule_nra {
display:block;
padding:1px 10px;
margin-bottom:5px;
height:15px;
}

a.matricule_nra>b{
float:left;
cursor:pointer;
}

a.matricule_nra i{
float:right;
cursor:pointer;
}

#page_nra div.mutinra_ville {
margin-bottom:8px;
padding:1px;
clear:left;
}

#page_nra img{
margin-left:70px;
}

#page_nra div img{
margin-left:0px;
}

#page_nra div.grosse_carte{
text-align:center;
clear:left;
height:502px;
}

#page_nra div.arbo_carte{
background:url(fond-arbo-carte.png) repeat-x;
float:left;
}

#page_nra div.arbo_carte img, #page_nra div.arbo_carte a{
border:none;
float:left;
}

#page_nra div.arbo_carte div{
float:left;
margin-top:2px;
padding:0 5px 0 1px;
}

#page_nra table {
border-collapse:collapse;
margin:0;
padding:0;
}

#page_nra div#nra_details {
float:left;
width:190px;
margin-right:15px;
}

#page_nra table img {
margin-left:0px;
}

#page_nra table tr.titre_table_nra {
font-weight:bold;
line-height:0.8em;
border:none;
}

#page_nra table td{
padding:3px 5px;
}

	#page_nra div#interaction{
	border:none;
	padding:5px 15px;
	text-align:center;
	margin-top:20px;
	margin-left:-10px;
	margin-right:-10px;
	}
	
	#page_nra div#interaction a{
	padding:3px 3px 6px;
	margin:0;
	}
	
	#page_nra div#interaction a img{
	margin:0;
	padding:0 3px 0 1px;
	border:none;
	vertical-align:middle;
	}

	#page_nra #div_reception_data{
	margin:0px;
	margin-bottom:5px;
	padding:0 40px;
	border:none;
	}

#page_nra div.micro_titre_pub{
margin:0 -10px;
padding:2px 5px 0;
text-align:left;
}

#page_nra div.micro_titre_pub span{
padding:0 5px 0;
font-size:10px;
}

#page_nra a.btn_op, #page_nra a.btn_op_hover{
padding:1px 10px;
font-weight:bold;
}

/* -------------------page dossier--------------------*/
#page {
overflow:auto;
}

#page div{
padding:5px 15px 5px;
}

#page div div{
margin:0px;
padding:0px;
border:none;
}
#page .tool_barre{
	width:auto;
	height:auto;
	text-align:center;
	display:block;
	margin:0 0 25px 0;
	}
#page div.un_dossier{
border:none;
padding-left:20px;
padding-right:20px;
font-size:13px;
font-family: arial,helvetica,sans-serif;
text-align:justify;
}


#page .un_dossier .mailToAFriend {
background:#fff url(/css/commun/enveloppe.png) no-repeat 0 0;
width:28px;
height:20px;
display:inline-block;
text-decoration:none;
border:none;
margin-right:18px;
}
#page .un_dossier .mailToAFriend:hover {
background:#fff url(/css/commun/enveloppe.png) no-repeat 0 -20px;
padding-bottom:0;
}

#page .div_img{
float:left;
margin-right:5px;
}

#page img{
border:none;
}

.clear_news{
clear:both;
}

#page h1{
margin: 0;
padding:3px 15px 2px ;
font:bold 22px verdana,helvetica,sans-serif;
font-weight:bold;
}

#page h2{
text-align:center;
text-decoration:underline;
font-weight:bold;
font-size:22px;
font-family:arial,helvetica,sans-serif;
margin: 10px 0 0 0;
padding:0px;
}

#page h3{
margin: 5px 0 15px 0;
padding:0px;
font-weight:bold;
font-size:16px;
font-family:arial,helvetica,sans-serif;
}

#page h3.last_doc{
border:none;
margin-top:10px;
}

#page h4{
margin:0;
padding:0px;
font-size:12px;
}

#page h6.auteur{
font-size:10px;
font-weight:normal;
font-family: arial,helvetica,sans-serif;
text-align:center;
margin:0 0 15px 0;
padding:0;
}
#page  .fb_edge_widget_with_comment { 
top:-2px; 
}

#page ul{
list-style-type:disc;
}

#page ul.sommaire_dossier{
list-style:square inside;
margin-left:88px;
margin-top:0;
font-size:11px;
font-family:verdana, sans-serif;
}

#page p{
height:100%;
margin:0px;
padding:0px;
margin-top:5px;
text-align: justify;
}

#page p.indispo_error{
margin:15px;
color:red;
}

#page .accroche_une{
font-family:arial,helvetica;
font-size:14px;
padding-bottom:10px;
margin-left:10px;
float:left;
width:475px;
}

#page .accroche_news{
float:left;
width:555px;
}

#page div.image-enc-left{
float:left;
padding:0 8px 5px 0;
} 

#page div.image-enc-right{
float:right;
padding:0 0 5px 8px;
}

	#page div.bloc_tourn_page{
	text-align:right;
	border-color:#009dd9;
	}
	
	#page div.bloc_tourn_page_bs{
	border-top:1px solid #009dd9;
	margin-top:-1px;
	border-bottom:none;
	}
	
	#page div.bloc_tourn_page a{
	padding:0 4px;
	margin:0 -2px;
	}
	
	#page div.bloc_tourn_page a:hover{
	border:1px solid #009dd9;
	padding:0 3px;
	}
	
	#page div.bloc_tourn_page b{
	
	}

#page div#interaction{
border:none;
padding:5px 15px;
text-align:center;
margin-top:5px;
}

#page div#interaction a{
padding:3px 3px 6px;
margin:0;
}

#page div#interaction a img{
margin:0;
padding:0 3px 0 1px;
border:none;
vertical-align:middle;
}

#page #div_reception_data{
margin:0px;
margin-bottom:5px;
padding:0 100px;
border:none;
}

#page div.comment_sondage{
padding-top:0;
text-align:center;
border:none;
}

#page div.comment_sondage a{
padding:1px 10px;
font-weight:bold;
}

#page div.comment_sondage a img{
padding-bottom:1px;
margin-right:0;
cursor:pointer;
}

#page div.micro_titre_acc{
margin:0 -15px 0;
padding:2px 5px 0;
text-align:left;
}

#page div.micro_titre_acc span{
padding:0 5px 0;
font-size:10px;
}

/*----------- fin de colonne du milieu --------------*/

/*---------------------------------------------colonne de droite ------------------------------*/

#right-column{
width:166px;
float:left;
margin:0;
padding:0;
}

#right-column div{
padding-bottom:4px;
background-position:0 100%;
background-repeat:no-repeat;
float:none;
}

#right-column div div{
padding-bottom:0px;
background:none;
}

.clear, #right-column div.clear{
clear:both;
padding:0;
}

#right-column .fb-dossier {
	margin:0 0 0 35px;
}

/* ------------------ design --------------------*/
#right-column div#design{
height:20px;
margin-top:-2px;
padding-bottom:0px;
/*padding-left:26px;*/
background-position:0 0;
background-repeat:no-repeat;
font-weight:bold;
text-align:right;
}

#right-column div#design a{
padding:1px 4px 1px 19px;
margin-right:11px;
}

#right-column div#nuancier{
padding:0;
background:none;
position:absolute;
margin-top:-8px;
margin-left:-149px;
width:139px;
height:50px;
visibility:hidden;
}

#right-column div#nuancier_int{
padding:0 8px;
height:50px;
}

#right-column div#nuancier a{
display:block;
padding:1px 4px 1px 19px;
}

#right-column div#nuancier a.coul_cyan{
border-top:0;
margin-top:8px;
background:url(coul_cyan.png) no-repeat 0 2px; 
}

#right-column div#nuancier a.coul_noir_rouge{
background:url(coul_rouge.png) no-repeat 0 2px; 
}

/*save relative
#right-column div#nuancier{
padding:0;
background:none;
position:relative;
margin-left:22px;
margin-right:5px;
height:50px;
visibility:hidden;
}

#right-column div#nuancier_int{
padding:0 8px;
height:50px;
}

#right-column div#nuancier a{
display:block;
padding:1px 4px 1px 19px;
}

#right-column div#nuancier a.coul_cyan{
border-top:0;
margin-top:8px;
background:url(coul_cyan.png) no-repeat 0 2px; 
}

#right-column div#nuancier a.coul_noir_rouge{
background:url(coul_rouge.png) no-repeat 0 2px; 
}
*/
/* -------- fin design -------------*/

#sky, #sky_bis{
/*margin-top:-50px;*/
padding-left:0px;
text-align:center;
}
#sky img{
margin-bottom:2px;
}

#pub-carre{
height:252px;
padding:1px;
}

/* -------------------w3c -----------------------*/
#right-column div#w3c{
background-image:none;
text-align:center;
}

#w3c img{
margin:5px 10px 0;
}


/* -----fin de w3c -------*/
/* -------------fin colonne droite et contener--------------*/

/*---------------------------------------------footer ------------------------------*/
#bottom{
clear:both;
background-repeat:no-repeat;
background-position:top;
}

#bottom div#network{
width:167px;
text-align:center;
float:left;
}

#bottom a#fh{
background-image:url(logo-fh.png);
background-repeat:no-repeat;
padding:3px 0 3px 35px;
margin-left:25px;
display:block;
width:80px;
}

#bottom div#text-footer{
padding:7px 0;
width:666px;
text-align:center;
font-size:10px;
float:left;
margin-bottom:20px;
}

#bottom div#liens_bottom {
clear:left;
padding:0 0px 10px;
text-align:center;
font-size:10px;
}
