@CHARSET "ISO-8859-1";

/* Marron : #2B2A28
 * Vert : #40B974
 * Sable : #F0F1C7
 */
 
body, form, ul, li, ol{
 	margin: 0px;
 	font-family: Arial;
 	font-size: 12px;
 	padding: 0px; 
}
img{
	border: none;
}

.spacer{
	clear: both;
}
#no-javascript{
	background: #FFFCCC;
	color: #D70127;
	text-align:center;
}



/******************************************************************************/
/* = Struture
/******************************************************************************/
body{
 	background: #D8E7FE;
 	color: #2B2A28;
 	font-size: 16px;
}

#site{
	margin: auto;
	margin-top: 10px;
	width: 800px;
}
#site-content{
	background: #E0EDF0;
	text-align: center;
	width: 780px;
	border: solid 10px #f0f7f9;
	border-top: none;
}
#bandeau{
	background : url('../../img/bg-header.png') no-repeat;
	height: 90px;
}
div.welcome{
	background: #D8E7FE;
	color:  #5776B6;
	font-size: 16px;
	font-weight: bold;
	padding: 4px 0px;
}

#main-content{
	background: #FFF url(../../img/bg-box.png) repeat-x;
	font-size: 12px;
	padding: 10px 10px;
	text-align: center;
}
#main-content-media{
	background: #FFFFEE;
	padding-left: 0px;
}


#topmenu{
	background: #3F464F;
	height: 20px;
	border-right: solid 10px #F3F1E9;
	border-left: solid 10px #F3F1E9;
}


#title{
	margin-top: 10px;
} 


div#websg{
	text-align: center;
}

div#websg a{
	color: #2B2A28;
	font-size: 12px;
	text-decoration: none;
}
div#websg a:hover, div#websg a:active{
	color: #F0F1C7;
}


div.service{
	background: url(../../img/puce-service.png) 5% 50% no-repeat; 
	border-bottom: solid 1px #666;
	margin: auto;
	padding: 10px 0px;
	width: 400px;
}
div.service h1{
	padding: 0px;
	margin: 0px;
}

/******************************************************************************/
/* = Police
/******************************************************************************/
h1{
	font-size: 14px;
	font-weight: bold;
	padding: 5px 0px;
}

a{
	color: #2B2A28;
}
a:hover, a:active{
	color: #3F464F;
}


/******************************************************************************/
/* = Footer
/******************************************************************************/
div#footer{
	background: url('../../img/bg-footer.png') no-repeat;
	color: #CCC999;
	clear: both;
	font-size: 11px;
	line-height: 30px;
	height: 40px;
	text-align: center;
}



/******************************************************************************/
/* = COORDONNEES
/******************************************************************************/
.info{
	margin-top: 65px;
	width: 200px;
}
.info .title{
	background: url(../../img/box-top-bottom.gif);
	color: #FFF;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
}
.info .bottom{
	background: url(../../img/box-top-bottom.gif) bottom left;
	color: #FFF;
	font-weight: bold;
	height: 20px;
	line-height: 20px;
}
.info .content{
	background: #f0f7f9;
	padding: 5px 1px;
}


.info a{
	color: #FFF;
	text-decoration: none;
}
.info a:hover, .info a:active{
	color: #E1DCC8;
}