body {
	margin:0;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	background: url(images/bg-body.gif) top left  repeat-x #0E4557;

	
}

*  {
	margin: 0 ;
	padding:0;
}

p, h2, h3 , h4 , h5  {
	display:block;
}

ul  {
	list-style:none;
}

a {
	text-decoration:none;
	color:#fff;
}

a:hover {
	text-decoration:none;
	color:#C6E906;
	
}
.clr{
      clear:both;
	  font-size:0;
}
.logo{
	position:absolute;
	left: 25px;
	top: -2px;
}

#global{
	width:935px;
	margin:0 auto;
	padding:38px 0 0 0;
	background:url(images/px-contenu.jpg) 0 0 repeat-x;
}
.menu{
	padding:25px 0 5px 242px;
	width:693px;
	position:relative;
}
.menu li{
	float:left;
	margin:0 30px 0 0;
	display:inline;
	font-size:14px;
	font-weight:bold;
	height:30px;
	padding:5px 0 0 0;
	white-space:nowrap;
}
.menu li a{
	padding:5px 11px 0 5px;
	text-transform:uppercase;
	float:left;
}
.menu li a:hover{
	border-bottom:5px solid #C6E906;
	background:url(images/puce-menu.gif) right top no-repeat;
}
.menu li a.actif{
	border-bottom:5px solid #C6E906;
	background:url(images/puce-menu.gif) right top no-repeat;
}
/**************************** Index *****************************************/
#contenuindex{
	background: url(images/bg-index.jpg) 0 0 no-repeat;
	width:890px;
	padding:100px 0 0 45px;
	font-weight:bold;
	font-size:13px;
}
.leftindex{
	width:329px;
	float:left;
	padding:0 0 15px 0;
}
.leftindex span{
	padding:0 5px 0 35px;
	display:block;
	float:left;
}
.imgindex{
	margin:25px 0 30px 0;
}
.carrelages{
	margin:40px 0 0 0;
}
.rightindex{
	width:440px;
	float:left;
	padding:0 0 0 40px;
}

.puceindex{
	background:url(images/puce-index.gif) 3px 0 no-repeat;
	padding:0 0 0 30px;
	margin:30px 0 0 0;
	font-size:15px;
	text-transform:uppercase;
}
.paragrafindex{
	width:270px;
	padding:40px 0 0 0;
	text-transform:uppercase;
	font-size:13px;
}
/**************************** contenu int  **************************/
#contenuint{
	width:910px;
	background-color:#FFFFFF;
	padding:19px 0 0 25px;
}
.leftint{
	width:183px;
	float:left;
	padding:83px 0 0 0;
	color:#7B9100;
}
.leftint h3{
	color:#A5C300;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
}
.titre{
	background:url(images/bg-titre.gif) 0 0 no-repeat;
	width:155px;
	height:22px;
	padding:0 0 0 28px;
	line-height:22px;
	margin:7px 0 7px 0;
	font-size:15px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
}
.titre1{
	background:url(images/bg-titre.gif) 0 0 no-repeat;
	width:155px;
	height:22px;
	padding:0 0 0 28px;
	line-height:22px;
	margin:7px 0 7px 0;
	font-size:12px;
	font-weight:bold;
	text-transform:uppercase;
	color:#FFFFFF;
}
.paverose{
	margin:10px 0 0 0;
	border-top:12px solid #AA7ABA;
	width:183px;
	background-color:#EDDCF2;
	color:#C38CD5;
	font-size:14px;
	text-align:center;
	padding:5px 0 17px 0;
	text-transform:uppercase;
	font-weight:bold;
	line-height:22px;
}
#margpave{
	margin:98px 0 0 0;
}
.paverose span{
	font-size:18px;
	display:block;
}

.rightint{
	width:705px;
	float:left;
	padding:0 0 0 13px;
	color:#0B4557;
	position:relative;
}

.blocktxt{
	width:351px;

	clear: left;
}
.blocktxt img{
	margin:0 0 10px 0;
}
.blocktxt p{
	padding:5px 0 5px 0;
}
.blocktxt span{
	font-weight:bold;
	text-decoration:underline;
}
.blockpicto{
	background:url(images/bg-picto.gif) repeat-x 0 0 #A8D8F0;
	margin:30px 0 0 0;
	padding:0 0 10px 8px;
	width:705px;
	font-weight:bold;
	text-transform:uppercase;
	display:block;
}
.blockpicto p{
	padding:1px 0 2px 0;
}
.blockpicto img{
	padding:0 0 3px 15px;
	cursor:pointer;
	height:70px;
}
#photo{

	float:right;
	padding:0 12px 0 0;
}
.etiquette{
	position:absolute;
	top: 234px;
	left: 639px;
}
/****************************** Mentions  *****************************/
#mentions{
	width:910px;
	background-color:#FFFFFF;
	padding:100px 0 0 25px;
	color:#0B4557;
}
#mentions h3{
	font-size:16px;
	font-weight:bold;
	padding:0 0 5px 15px;
}
#mentions p{
	padding:0 0 10px 16px;
}
/*******************************  Contact *****************************/
#contenucontact{
	background: url(images/bg-contact.jpg) 0 0 no-repeat;
	width:890px;
	padding:40px 0 0 45px;
	font-weight:bold;
	font-size:13px;
}
.leftcontact{
	width:680px;
	float:left;
	padding:0 0 0 200px;
	color:#0B4557;
	font-size:20px;
	font-weight:bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
.leftcontact em{
	font-size:35px;
	font-style:normal;
	text-transform:uppercase;
}
.leftcontact  p{
	padding:17px 0 0 0;
}
.imgsoc{
	float:right;
}
.btmcontact{
	width:878px;
	clear:both;
}
.btmcontact img{
	float:right;
}
.blockpromo{
	width:206px;
	float:left;
	padding:25px 0 0 0;
}
.blockpromo em{
	font-size:14px;
	display:block;
	padding:24px 0 0 0;
	font-style:normal;
	clear:both;
}
.blockcoordonner{
	width:300px;
	padding:24px 0 0 53px;
	float:left;
}
.blockcoordonner span{
	color:#C4EBFF;
	padding:0 0 16px 0;
	display:block;
}
/****************  formulaire ****************************/

.formulaire{
	margin:19px 0 0 0;
	width:530px;
	float:left;
}
#bloc1form{
	float:left;
	width:270px;
}
#bloc2form{
	float:left;
	width:240px;
	padding:0 0 0 20px;
}
#bloc2form p{
	width:240px;
	float:left;
	font-size:11px;
	padding:0 0 5px 0;	
}
#bloc1form p{
	width:270px;
	float:left;
	font-size:11px;
	padding:0 0 5px 0;	
}
.formulaire span{
	float:left;	
	padding-top:3px;
	font-weight:bold;
	text-transform:uppercase;	
}
.formulaire .question{
	padding:4px 0 0 0;
}
 
.formulaire input{
	float:right;	
	width:170px;
	color:#000;
	height:15px;
	border: none;
	font-size:11px;	
}
.formulaire textarea{
	float:right;
	border: none;	
	width:170px;
	height:50px;
	color:#000;
	font-size:11px;
}
.formulaire .bout{
	width:45px;
	height:13px;
	border:none;
	padding:0 0 0 0;
	float:right;	
}
.formulaire em{
	color:#fff;		
}
.formulaire .rouge{
	color:#FF0000;
	font-weight:bold;
	clear:left;
	white-space:nowrap;
	}
.obli{
	margin:17px 0 0 0;
	display:inline;
}
	
.blocklien{
	width:224px;
	float:right;
	padding:20px 0 0 0;
	display:inline;
	font-weight:normal;

}
.blocklien p{
	padding:2px 0 1px 12px;
	float:left;
	width:100px;
	background:url(images/puce.gif) 0 7px no-repeat;
}
.blocklien a:hover{
	color:#0B4557;
}

/*****************************  footer  *******************************/
#globfooter{
	background:url(images/px-footer.gif) repeat-x left top #fff;
	margin:14px 0 0 0;
}
#footer{
	width:935px;
	margin:0 auto;
	text-align:center;
	background:url(images/bg-footer.gif) 0 0 no-repeat;
	font-size:10px;
	height:150px;
}
#footer a{
	text-decoration:none;
	padding:0 5px 0 5px;
}
#footer a:hover{
	text-decoration:none;
}
#footer p{
	padding:0 0 10px 0;
	color:#0B4558;
	}
#footer strong{
	font-size:11px;
}
#footer object{
	top:1px;
	position: relative;
}
#toptech {
	margin: 0 auto;
	text-align:center;
	margin:30px 0 0 0;
	font-size:10px;
	clear:both;
}
#toptech a{
	color:#0B4558;
}
#toptech a:hover{
	color:#C6E906;
}

/*--------------------légende diaporama---------------------*/

p#top1{
	width: 265px;
	float: right;
	clear:both;
	padding: 5px 80px 0 0;
	font-weight: bold;
	}
	
.none{
	clear:both;
	display:none;
	width: 265px;
	float: right;
	padding: 5px 80px 0 0;
	font-weight: bold;
	}