@charset "utf-8";
body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	background-image: url(images/fond_pierre.gif);
	background-repeat: no-repeat;
	background-position: center top;
	background-color: #E2EBEC;
	margin: 0px;
	padding: 0px;
}
#container #page #presentation {
	height: 235px;
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	background-image: url(images/fond_presentation.jpg);
	background-repeat: repeat-x;
	background-position: left top;
}
#container #page #presentation-page #rubriques {
	float: left;
	width: 180px;
	padding-left: 40px;
	padding-top: 20px;
}


#container #page {
	background-image: url(images/ombre.png);
	width: 834px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 119px;
	background-repeat: no-repeat;
	background-position: center top;
}
#container #page #head {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	margin-top: 7px;
	height: 133px;
}
#container #page #visuel {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
}
#container #page #footer {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	background-color: #808a90;
	height: 30px;
	line-height: 25px;
	color: #FFF;
	float: none;
	clear: none;
}
#container #page #presentation-page {
	width: 820px;
	margin-right: auto;
	margin-left: auto;
	background-color: #FFF;
	height: auto;
}
#container #page #presentation-page #contenus {
	float: left;
	width: 580px;
	text-align: left;
	background-image: url(images/fond_contenu.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-left: 20px;
}
#rubriques p a, #rubriques p a:link, #rubriques p a:visited {
	color: #666;
	text-decoration: none;
	font-weight: normal;
}
#rubriques p a:hover {
	color: #333;
	text-decoration: underline;
}
#break {
	clear: both;
	float: none;
}
.float-left {
	float: left;
	padding-right: 10px;
}
.float-right {
	float: right;
	padding-right: 10px;
}
#contenus div table {
	background-color: #EAEAEA;
	padding-top: 4px;
	width: 500px;
	margin-left: 25px;
}
#contenus div table .head {
	color: #FFF;
	background-color: #666;
	text-transform: uppercase;
	font-weight: bold;
}
#contenus div table td {
	padding: 4px;
}
#contenus div table tr .ligne  {
	background-color: #FFF;
}
.rouge-gras {
	font-weight: bold;
	color: #FFF;
	background-color: #AAC5C8;
	padding: 5px;
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #808A90;
	border-bottom-color: #808A90;
	width: 500px;
	text-align: center;
	margin-left: 25px;
}
#contenus h1 {
	font-size: 1.3em;
	color: #9BBABD;
	font-weight: bold;
	line-height: 1em;
	margin: 0px;
	padding: 0px;
}
#contenus .categorie {
	color: #069;
	line-height: 1.5em;
}
.pics {
	margin: 3px;
	padding: 4px;
	border: 1px solid #999;
}
.cssform p{

clear: left;
margin: 0;
padding: 5px 0 8px 0;
padding-left: 155px; /*width of left column containing the label elements*/
border-top: 1px dashed gray;
height: 1%;
}

.cssform label{
font-weight: bold;
float: left;
margin-left: -155px; /*width of left column*/
width: 150px; /*width of labels. Should be smaller than left column (155px) to create some right margin*/
}

.cssform input[type="text"]{ /*width of text boxes. IE6 does not understand this attribute*/
width: 180px;
}

.cssform textarea{
width: 250px;
height: 150px;
}

/*.threepxfix class below:
Targets IE6- ONLY. Adds 3 pixel indent for multi-line form contents.
to account for 3 pixel bug: http://www.positioniseverything.net/explorer/threepxtest.html
*/

* html .threepxfix{
margin-left: 3px;
}#contenus #realisation-intro {
	width: 300px;
	float: left;
	margin-left: 20px;
}
#footer a , #footer a:visited, #footer a:link{
	color: #FFF;
	text-decoration: none;
}
#footer a:hover {
	color: #FF9;
	text-decoration: none;
}