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

*  {
	margin: 0 ;
	padding:0;
}



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

ul  {
	list-style:none;
}

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


a:hover {
	text-decoration:none;
	color:#fff;
	
}
.clr{
	clear:both;
	font-size:0;
}

#global{
	width:955px;
	margin:0 auto;
}

/**************************************    Header   ******************************/

#header{
	width:955px;
	height:308px;
	background:url(images/header.jpg) no-repeat;
}

.logo{
	margin:197px 0 0 309px;
}

/**************************************    Menu   ******************************/

#menu{
width:955px;
height:62px;
}

#menu ul{
	margin:0 31px;
}

#menu li{
	margin:0 0 0 5px;
	float:left;
	font-size:14px;
}

#menu li a{
	float:left;
	background:url(images/coinmenu.jpg) no-repeat left;
	padding:0 0 0 14px;
}

#menu li a span{
	float:left;
	display:block;
	background: url(images/fondmenu.jpg) no-repeat right;
	padding:15px 14px 23px 0px;
	color:#fff;
	text-transform:uppercase;
	cursor:pointer;
}
#menu li a:hover span{
	color:#000;
	text-transform:uppercase;
}
#menu li a.actif span{
	color:#000000;
}

/**************************************    Contenu   ******************************/

#contenu{
	width:910px;
	padding:10px 0 15px 30px;
}
/**************************************   Index   ******************************/
#leftindex{
	width:240px;
	float:left;
	padding:0 10px 0 0;
}
#leftindex h3{
	background:url(images/puce.gif) 0 0 no-repeat;
	padding:5px 0 10px 30px;
	border-bottom:1px solid #C2C2C2;
	font-size:15px;
}
#leftindex2{
	width:280px;
	float:left;
	padding:0 10px 0 0;
}
#leftindex2 h3{
	background:url(images/puce.gif) 0 0 no-repeat;
	padding:5px 0 10px 30px;
	border-bottom:1px solid #C2C2C2;
	font-size:15px;
}
.zone1{
	background:url(images/left-index.gif) 0 0 no-repeat;
	width:200px;
	margin:14px 0 0 0;
	padding:15px;
	height:135px;
	float: left;
}
.zone1 p{
	padding:0 0 5px 0;
	line-height:18px;
}
.blockimg{
	width:227px;
	float:left;
}
.blockimg img{
	padding:0 0 5px 0;
}
.rightindex{
	width:420px;
	float:right;
	color:#99DDF0;
}
.rightindex h3{
	background:url(images/puce.gif) 0 0 no-repeat;
	padding:5px 0 10px 30px;
	border-bottom:1px solid #C2C2C2;
	font-size:15px;
	margin:0 0 15px 0;
}

.blockright{
	background:url(images/bg-block.jpg) 0 0 no-repeat #00627E;
	width:414px;
	padding:15px 0 0 0;
	line-height:18px;
	margin:0 0 14px 0;
	color:#FFFFFF;
	text-align: justify;

}
.logogmp{
	float:right;
	padding:0 15px 0 10px;
}
.blockright p{
	padding:0 15px 5px 15px;
}
/********************************* produit ****************************************/
.zone3{
	background:url(images/bg-zone3.jpg) 0 0 no-repeat;
	width:210px;
	padding:15px 10px 0 0;
	text-align: right;
	margin:10px 0 0 0;
	color:#B80000;
	font-size:13px;
	font-weight:bold;
	height:129px;
	line-height:22px;
}
.blockregion{
	background:url(images/bg-region.jpg) 0 0 no-repeat;
	width:346px;
	float:left;
	padding:10px 0 0 15px;
	color:#5AC0DD;
	line-height:20px;
}
.blockregion h3{
	background:url(images/puce.gif) 0 0 no-repeat;
	padding:5px 0 10px 30px;
	font-size:15px;
	margin:0 0 15px 0;
}
.fixregion{
	width:0;
	height:231px;
	float:left;
}
.flech{
	background:url(images/flech.gif) 0 3px no-repeat;
	padding:0 0 0 25px;
	margin:7px 0 0 0;	
}
.padtxt{
	padding:10px 0 0 0;
	line-height:18px;
	text-align:justify;
}
.blockdiapo{
	width:274px;
	float:right;
	background:#0F0F0F;
	padding:5px;
}
.blockdiapo img{
	border:1px solid #fff;
}
#photo{
	margin:0 0 5px 0;
	float:left;
}

.picto{
	width:271px;
	padding:0 0 0 3px;
}
.picto img{
	cursor:pointer;
	margin:0 4px 5px 0;
}
#espce{
line-height:20px;
}
.blockdiapotp{
	width:420px;
	float:right;
	background:#0F0F0F;
	padding:10px;
	margin:0 40px 0 0;
		display:inline;}
.blockdiapotp img{
	border:1px solid #fff;
}
.pictotp{
	width:50px;
	float:left;
	padding:0 0 0 15px;
}
.pictotp img{
	cursor:pointer;
	margin:0 0 3px 0;
}
.marg{
	margin:0 0 0 55px;
	display:inline;
}
.marg p{
	margin:8px 0 0 0;
}

/**************************************  Contact  *********************************/
.leftcontact{
	width:630px;
	float:left;
}
.leftcontact h3{
	background:url(images/puce.gif) 0 0 no-repeat;
	padding:5px 0 10px 30px;
	border-bottom:1px solid #C2C2C2;
	font-size:15px;
	margin:0 0 15px 0;
}
.leftcontact img{
	float:left;
}
#coord{
	float:left;
	width:330px;
	padding:0 0 0 10px;	
	background:url(images/trai.gif) 0 0 no-repeat;
	margin:0 0 0 15px;
	display:inline;
	color:#FFFFFF;
}
#coord em{
	font-size:16px;
	color:#4B97B7;
	font-weight:bold;
}
#coord .adresse
{
	background:url(images/adresse.jpg) no-repeat 1px top;
	margin:0 0 10px 0;
		
}
#coord .fixe
{
	background:url(images/fix.jpg) no-repeat 2px top;		
	padding-right:8px;
	float:left;	
	font-size:11px;			
}
#coord .email
{
	background:url(images/aro.jpg) no-repeat 5px top;
	clear:both;
	margin:0 0 10px 0;	
}
#coord span
{
	padding:1px 0 5px 57px;  
	font-size:14px;
	display:block;	
}
.formulaire{
	width:250px;
	float:left;
	padding:0 0 0 20px;
}
.formulaire h3{
	background:url(images/puce.gif) 0 0 no-repeat;
	padding:5px 0 10px 30px;
	border-bottom:1px solid #C2C2C2;
	font-size:15px;
	margin:0 0 15px 0;
}

.formulaire p{
	width:250px;
	float:left;	
	padding:0 0 7px 2px; 	
}
.formulaire span{
	float:left;	
	padding-top:1px;
	font-weight:bold;
	color:#4B97B7;	
}
.formulaire .question{
	padding:2px 0 0 0;
}
.formulaire input{
	float:right;	
	width:172px;
	color:#43D5FF;
	font-size:11px;
	border:1px solid #979797;
	background:#3E3E3E;	
}
.formulaire textarea{
	float:right;	
	width:172px;
	height:78px;
	color:#43D5FF;
	font-size:11px;
	border:1px solid #979797;
	background:#3E3E3E;		
}
.formulaire .bout{
	width:113px;
	height:24px;
	border:none;	
	float:right;	
}
em{
	color:#FFF;		
}
.formulaire .rouge{
	color:#43D5FF;
	font-weight:bold;
	float:right;
	white-space:nowrap;
}
.formulaire .form{
float:left;
}
.formulaire .droite{
	text-align:right;	
}

/******************************** Mentions légales *********************************/
.titremention{
	background:url(images/puce.gif) 0 0 no-repeat;
	padding:5px 0 10px 30px;
	border-bottom:1px solid #C2C2C2;
	font-size:15px;
	margin:0 0 15px 0;
}
.mentionp{
	padding:5px 0 5px 15px;
}
.mentionp span{
	color:#43D5FF;
	font-weight:bold;
}
/**************************************    Footer   ******************************/

#bas{

	background:url(images/brdfooter.jpg) repeat-x;
	width:100%;
	clear:both;
}
.bonhomme{
	position:absolute;
	top:-247px;
	left:120px;
}

#footer{
	width:955px;
	margin:0 auto;
	padding-top:20px;
	background:url(images/footer.jpg) repeat-x;
	text-align:center;
	color:#929292;
	font-size:10px;
	position:relative;


}
.adress{
	margin:0 0 0 10px;
}
#footer p{
	padding:3px 0 5px 0;
}

#footer a{
	text-decoration:none;
	padding:0 5px 0 5px;
	font-weight:normal;
	font-size:11px;
}
#footer span{
	float:left;
	padding:10px 5px 0 5px;
}
object{
	top:5px;
	position: relative;
}
#toptech {
	margin: 0 auto;
	text-align:center;
	padding:15px 0 0 0;
	clear:both;
}
.bordurbas{
	border-bottom:1px solid #929292;
	width:735px;
	margin:0 auto;
}