/* Start of CMSMS style sheet 'le-net-pour-tous : horzmenu+realisations' */
/*===[ Top Navigation Bar Styles]===*/

.horzmenu {
position:absolute; 
margin:0; 
top:0; 
left:0; 
display:block; 
width:100%; 
height:50px; 
background-color: #222;  
font-size:12px; 
z-index:5; 
overflow:hidden;
border-bottom: 2px solid #CCC;
}

.horzmenu ul {
text-align:center;
margin-top:10px;
padding: 0;
}

.horzmenu li {
width: 142px;
/*height: 49px;*/
display: inline;
}

.horzmenu a {
padding: 0px;
margin: 0px 5px;
text-decoration: none;
color:#E4E8EC;
}

.horzmenu a:link { /* unvisited link */
height: 49px;
width: 149px;
}
.horzmenu a:visited { /* visited link */
color: #889;
}
.horzmenu a:hover { /* mouse over link */
color: #fff;
background-color:#222;
border-bottom: 1px dotted #CD1B86;
}
.horzmenu a:active { /* selected link */
color: #fff;
}

.horzmenu img{
text-align:left;
padding: 0;
margin:0;
}

/*********************************/
/* realisations

   ---------- */
div#content .right {
	float: left;
	width: 100%;
	margin: 0 0 10px 0;
	clear: both;
        text-align:left;

}

div#content .right h3 {
	background: url(uploads/le-net-pour-tous/realisations.gif) repeat-x #cfdad9;
	color: #FFF;
	padding: 0 0 0 2px;
	margin: 0;
	text-transform: uppercase;
	font-size: 1em ;
}


div#content .right_articles {
	background: #f5f5f5;
	color: #414141;
	padding: 8px;	
	margin: 0 0 3px 0;
	}

div#content .notice {
	background: #eee;
	color: #808080;
	padding: 12px 8px;	
	margin: 0 0 3px 0;
	}

div#content .right_articles .image {
	float: left;
	margin: 0 9px 4px 0;
	border: 1px solid #CD1B86;
	}

/* xxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxxx */

/*===[ Top Navigation Bar Styles]===*/

p#acces {
 
margin-top:10px; 
display:block; 
width:100%; 
padding: 5px 0 5px 0; 
background-color: #222;  
font-size:12px; 
}

p#acces ul {
text-align:center;
padding: 0;
}

p#acces li {
width: 142px;
/*height: 49px;*/
display: inline;
}

p#acces a {
padding: 0px;
margin: 0px 5px;
text-decoration: none;
color:#E4E8EC;
}

p#acces a:link { /* unvisited link */
height: 49px;
width: 149px;
}

p#acces a:visited { /* visited link */
color: #889;
}

p#acces a:hover { /* mouse over link */
color: #fff;
background-color:#222;
border-bottom: 1px dotted #CD1B86;
}

p#acces a:active { /* selected link */
color: #fff;
}

p#acces img{
text-align:left;
padding: 0;
margin:0;
}

/* End of 'le-net-pour-tous : horzmenu+realisations' */