/* CSS Document */

body {
	margin:10px 0;
	padding:0;
	background:#858071 url("../images/fondpage.png");
	font-family:Arial, Helvetica, sans-serif;
	font-size: 62.50%;
	color:#1c1813;
	text-align:center;
}
#deco {
	position:absolute;
	top:0;
	left:0;
	width:100%;
	height:600px;
	background:url("../images/fondpage2.png") repeat-x;
}

#global {
	position:relative;
	margin:0 auto;
	padding:170px 0 0 0;
	width:925px;	
	text-align:left;
}

#entete{
	position:absolute;
	width:925px;
	top:0;
	left:0;
}

#contenu{
	position:relative;
	width:925px;
	margin:0 0 10px 0;
	padding:0;
}
#colpri{
	position:relative;
	float:left;
	margin:0 0 10px 0;
	width:671px;
	background-color:#d7dbd8;
	font-size:1.2em;
}
#colsec{
	position:relative;
	float:left;
	margin:150px 10px 10px 0;
	width: 241px;
	font-size:1.2em;
}

/*************************************************************************/
/* entete */
#logo{
	float: left;
	width : 239px;
	height: 128px;
	background:url("../images/logo.png") no-repeat;
}
#logo a{
	display:block;
	width : 239px;
	height: 128px;
}
#adresse{
	float: left;
	margin-left: 10px;
	width : 426px;
	height: 124px;
	font-size: 1.3em;
	background:url("../images/adresse.png") no-repeat;
}
#add1{
	float: left;
	margin: 15px 0  0 20px ;
}
#add2{
	float: left;
	margin: 15px 0  0 30px;
}
#add2 a{
	font-size: 0.9em;
}
#imageentete{
	float: left;
	width : 240px;
	height: 124px;
	margin-left: 10px;
	background:url("../images/imageentete.jpg") no-repeat;
}
#entete h1{
	margin-top:10px;
	float:right;
	color:#0A74BE;
	text-transform:uppercase;
	text-align:center;
	font-size:1.2em;
	font-weight:bold;
	background:url("../images/titre.png") no-repeat;
	line-height: 25px;
	width:674px;
}

/***************************************************************************/
/* menu */
#menuconteneur{
	position:absolute;
	top:136px;
	left:0;
	width:238px;
	
}
#menu {
	position:relative;
	width:238px;
	margin:0;
	padding: 3px 15px 0 0;
	background:url("../images/menu.png") no-repeat;
	margin-bottom: 0;
	z-index:2;
}
#menu p{
	padding:0 0 0 20px;
	line-height:2em;
	margin: 0 0 0 13px;
	font-size: 1.1em;
	background:url("../images/boite.png") 0% 50% no-repeat;
	width : 180px;
	_width : 210px;
	border-bottom: 1px solid #bdb7b1;
}
#menu p#dernier{
	border-bottom: 0px ;
}
#menu li {
	color: black;
	font-weight: bold;
}
#menu a{
	color: black;
	font-weight: bold;
	text-decoration:none;
}
#menu a:hover{
	color:#bdb7b1;
	font-weight: bold;
	text-decoration:none;
}
#sousmenu{
	position:absolute;
	padding:3px;
	top:30px;
	left:80px;
	width:290px;
	font-size: 1.1em;	
	background-color: #B3AEA1;
	border: 1px solid #bdb7b1;
	display:none;
}
#sousmenu li{
	list-style-type:none;
}
#sousmenu li a:hover{
	color:#807C73;
}
#decobassemenu{
	position:relative;
	width : 238px;
	height: 9px;
	background:url("../images/decobassemenu.png") no-repeat;
}

/***************************************************************************/
/* pied */
#pied{	
	position:relative;
	clear:both;
	margin:0  0 0 249px;
	height:25px;
	width : 674px;
	text-align:center;
	background:url("../images/pied.png") no-repeat;
}
#pied ul{
	margin:0;
	padding:0;
}
#pied li{
	display:inline;	
	line-height:25px;
}
#pied li a{
	color:#1c1813;
}
#pied li a:hover{
	color:#bdb7b1;
	text-decoration:none;
}



/***************************************************************************/
/* general */
.description{
	position:absolute;
	top: -2001px
}
.espaceur{
	clear:both;
}
.photomarge{
	margin-top:10px;
}
.misenvaleur{
	font-weight: bold;
}
.photo img{
	margin:0 0 0 45px;
	border: 1px solid white;
}
.photo2 img{
	margin:0 0 0 45px;
	border-bottom: 1px solid white;
}
.photo3 img{
	margin:0 0 0 45px;
}
.texte {
	padding: 10px 10px 10px 0;
	float:left;
	width : 315px;
	text-align: justify;
}
.textebleu {
	padding: 10px 10px 10px 0;
	float:left;
	width : 630px;
	text-align: justify;
	color:#0A74BE;
}
.textelong {
	padding: 10px 10px 10px 0;
	float:left;
	width : 630px;
	text-align: justify;
}

#colsec img{
	border: 1px solid #1c1813;
}

/* flash */
#flash {
	position:relative;
	width:238px;
	height:240px;
	background-color:#807b6b;
}
object, embed {
	margin:0;
	padding:0;
}
#noflash {
	margin:10px;
}

#colpri h1{	
	color:#0A74BE;
	padding : 0  0 0 45px;
	font-size: 2em;
	background:url("../images/petitlogo.png") 2% 40% no-repeat;
}
#colpri h2{	
	margin : 0 0 10px 33px;
	padding:0 0 0 50px;
	color:#0A74BE;
	font-size: 2em;
	background:url("../images/fleche.png") 2% 40% no-repeat;
}
#colpri h3{	
	padding:0 0 0 45px;
	color:#0A74BE;
	font-size: 1.4em;
	font-stretch: extra-condensed;
	text-align:left;
}
#colpri p { 
	padding: 0  0 0 0;
	margin:0 0 5px 45px;
}

#colpri ul {
	padding: 0  0 0 0;
	margin:0 0 5px 45px;
}
#colpri ul#ssmenupage li{
	display: inline;
}
#colpri ul#ssmenupage li a{
	text-decoration:none;
	color:#0A74BE;
}
#colpri ul#ssmenupage li a:hover{
	text-decoration:none;	
	color: #ffffff;
	/*background-color:#0A74BE;*/
}
.photo, .photo2, .photo3{
	float:left;
	width : 315px;
	padding: 10px 10px 10px 0;
}
#colpri .photo .legende, #colpri .photo h3, #colpri .photo p,
#colpri .photo2 .legende, #colpri .photo2 h3, #colpri .photo2 p, #colpri .texte p,  #colpri .texte h3{
	margin-left: 45px;
	padding:0;
	width:239px;
}		
#colpri .texte ul{
	margin-left: 45px;
	padding:0 0 0 15px;
	width:239px;
	list-style-position: outside;
	}
#colpri .texte ul li ul{
	width:auto;
}


/*********CONTACT**********************/
form{
	float: left;
	margin:0 0 0 30px;
	width: 500px;	
}
fieldset {
	border:none;
	width: 500px;
}
.etiquette{
	float: left;
	}
#coord input,  #coord textarea, #coord select{
	float:right;
	border:1px solid #bfd1f6;
	width:300px;
}

#coord label.obligatoire input, #coord label.obligatoire textarea, #coord label.obligatoire select{
	border:1px solid #c00;
}
label{
	float: left;
	margin-bottom: 5px;
}
label.obligatoire {
	color:#c00;
}
.envoyer{
	padding-left: 210px;
}
p.plan{
	text-align:center;
	margin-bottom:10px;
}
