
/* Content contenu des pages comprises dans le main
-------------------------------------------------------- */
/* toutes les pages sauf home----------------------- */
#content {
	float: left;
	width: 495px;
	margin: 11px 0 0 0;
}

#content h1 {
	margin: 0 0 0 0;
	padding: 0 0 0 0;
}

#content a {
	color: #F72226;
	text-decoration: none;
}

#content a:hover {
	color: #F72226;
	text-decoration: none;
}

#content p {
	margin: 5px 0 1em 0;
	padding: 0 0 0 0;
}

#content ul {
	list-style-type: none;
	margin: 0 0 0.7em 0;
	padding: 0 0 0 0;
	border:0;
}

#content li{
	font-family : Arial,Geneva,Helvetica,sans-serif;
	color: #1C1D18;
	line-height : 1.3em;
	font-size : 0.7em;
	text-align: justify;
	margin: 12px 0 0 0;
	padding: 0 0 0 0;
	border:0;
}

#content span{
	background: url(img/puce.gif) left top no-repeat;
	padding: 0 0 0 15px;
	line-height : 1.3em;
}

#image {
	text-align: center;
	margin: 0 0 0 0;
	padding: 0 0 0 0;
	width: 495px;
}

#image img {
	margin: 5px 0 10px 0;
	padding: 0 0 0 0;
	border:0 none;
}

/* page home -----------------------*/
#content_home {
	float: left;
	background: url(img/home_BG.jpg) top left no-repeat;
	margin : 0 0 0 0;
	padding: 0 0 0 0;
	width: 495px;
}

#content_home_txt {
	position: relative;
	background: #F4F2EA;
	margin : 240px 0 40px 350px;
	padding : 5px 10px 5px 10px;
	width: 117px;
}


/* page news -----------------------*/
#element  {
	float: left;
	background: url(img/content_spacer.gif) bottom center no-repeat;
	margin: 0 0 0 0;
	width: 496px;
	height: 18px;
}


/* pages works et photos -----------------------*/
#image_links {
	position: relative;
	width: 496px;
	height: 460px;
	border: 1px solid #F7F7F4;
}

#image_links ul {
	position: relative;
	width: 360px;
	height: 360px;
	margin: 50px 0 0 66px;
	padding: 0;
	list-style-type: none;
	border: 1px solid #CFCFCF;
}

#image_links li {
	float: left;
}

#image_links img {
  	display: block;
}

#image_links p {
	position: relative;
	color: #7c7c7c;
	text-align: center;
	margin: 5px 0 0 0;
}


/* page contact -----------------------*/
#formulaire  {
	float: left;
	margin: 0 0 0 0;
	width: 450px;
	margin: 0 0 0 0;
}

#formulaire p{
	color: #1C1D18;
	margin: 0 0 0 43px;
	
}
#formulaire h1{
	color: #F72226;
	margin: 20px 0 0 43px;
	
}

#message{
	position: relative;
	background: #EBEBE9;
	font-weight: bold;
	margin: 10px 0 20px 42px;
	
	
}

#message p#not-ok{
	text-align: center;
	margin: 0;
	padding: 0 0 13px 0;
	color: #F72226;
	
}

#message p#ok{
	text-align: center;
	margin: 0;
	padding: 0 0 13px 0;
	color: #2286F7;
}


/* page links -----------------------*/
#links {
	float: left;
	margin: 10px 0 35px 0;
	padding: 0;
	width: 496px;
}

#links a{
	color: #1C1D18;
}

#links ul{
	position: relative;
	list-style-type: none;
	margin: 0 0 0 38px;
	padding: 0;
}

#links li {
	float: left;
	margin: 0 20px 0 0;
	
}

#links img {
  	display: block;
	margin: 10px 0 0 0;
	
}




/* Clasees
-------------------------------------------------------- */
.red {
 	color: #F72226;
}

