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

*  {
	margin: 0 ;
	padding:0;
}



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

ul  {
	list-style:none;
}
a {
	text-decoration:none;
	color:#031128;
}

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

#global{
	width:921px;
	margin:0 auto;
	background:url(images/px-contenet.gif) 0 0 repeat-y;
}
#global-cont{
	width:955px;
	margin:0 auto;
	background:url(images/px-contenet-cont.gif) 0 0 repeat-y;
}
.banAccueil{
	background:url(images/ban-accueil.jpg) 0 0 no-repeat;
	height:237px;
	width:955px;
	padding:24px 0 0 0;
}
.logo{
	float:left;
	margin:14px 0 0 0;
		display:inline;

}
.logo-cont{
	float:left;
	margin:14px 0 0 17px;
	display:inline;
}
.clear {
clear:both;
font-size:0;
}
/* menu */
.menu{
	width:603px;
	float:left;
	display:inline;
}
.menu li {
	float:left;
}
.menu li a{
	float:left;
}
.accueil a{
	float:left;
	display:block;
	cursor:pointer;
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/present_o.png',sizingMethod='scale');
	width:145px;
	height:152px;
	margin:30px 2px 0 0;
}
.accueil a:hover {
	filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/present_n.png',sizingMethod='scale');
}
html>body .accueil a{
	filter:none;
	background: url(images/present_o.png) no-repeat;
}
html>body .accueil a:hover{
	filter:none;
	background: url(images/present_n.png) no-repeat;
}
.accueilactif{
	float:left;
	display:block;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/present_n.png', sizingMethod='scale');
	margin:30px 2px 0 0;
	width:145px;
	height:152px;
}
html>body .accueilactif{
	filter:accueilactif;
	background: url(images/present_n.png) no-repeat;
}
/**/
.savoirfaire a{
	float:left;
	display:block;
	cursor:pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/savoir-off.png', sizingMethod='scale');
	width:133px;
	height:88px;
	margin:0 2px 0 0;
}
.savoirfaire a:hover {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/savoir-on.png', sizingMethod='scale');
}
html>body .savoirfaire a{
	filter:none;
	background:url(images/savoir-off.png) no-repeat;
}
html>body .savoirfaire a:hover{
	filter:none;
	background:url(images/savoir-on.png) no-repeat;
}
.savoirfaireactif{
	float:left;
	display:block;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/savoir-on.png', sizingMethod='scale');
	width:133px;
	height:88px;
	margin:0 2px 0 0;
}
html>body .savoirfaireactif{
	filter:none;
	background:url(images/savoir-on.png) no-repeat;
}
/**/
.operation a{
	float:left;
	display:block;
	cursor:pointer;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/exemple-off.png', sizingMethod='scale');
	width:219px;
	height:71px;
	margin:30px 2px 0 0;
	/*border:#fff solid 1px;*/
}
.operation a:hover {
	display:block;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/exemple-on.png', sizingMethod='scale');
}
html>body .operation a{
	filter:none;
	background:url(images/exemple-off.png) no-repeat;
}
html>body .operation a:hover{
	filter:none;
	background:url(images/exemple-on.png) no-repeat;
}
.operationactif{
	float:left;
	display:block;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/exemple-on.png', sizingMethod='scale');
	width:219px;
	height:71px;
	margin:30px 2px 0 0;
}
html>body .operationactif{
	filter:none;
	background:url(images/exemple-on.png) no-repeat;
}
/**/
.contact a{
	float:left;
	display:block;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact-off.png', sizingMethod='scale');
	width:89px;
	height:150px;
	margin:0 2px 0 0;
}
.contact a:hover {
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact-on.png', sizingMethod='scale');
}
html>body .contact a{
	filter:none;
	background:url(images/contact-off.png) no-repeat;
}
html>body .contact a:hover{
	filter:none;
	background:url(images/contact-on.png) no-repeat;
}
.contactactif{
	float:left;
	display:block;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src='images/contact-on.png', sizingMethod='scale');
	width:89px;
	height:150px;
	margin:0 2px 0 0;
}
html>body .contactactif{
	filter:none;
	background:url(images/contact-on.png) no-repeat;
}
/**/
.blokBottom img.img-exemple {
float:left;
margin:0 0 0 0;
}


.contenu{
	background:url(images/bg-contenu.jpg) 0 0 no-repeat;
	width:869px;
	padding:0 20px 0 32px;
}

/* presentation*/
.leftpresentation{
	width:260px;
	float:left;
	text-align:justify;
	line-height:19px;
	padding:14px 0 0 0;
}
.leftpresentation h3{
	background:url(images/flech.gif) 0 5px no-repeat;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 20px 14px;
}
.leftpresentation p{
	padding:0 0 0 15px;
}
.leftpresentation img{
	float:right;
	margin:25px 0 0 0;
}

.midlindex{
	width:280px;
	float:left;
	padding:9px 0 0 10px;
	text-align:justify;
	line-height:18px;
}

.midlindex img{
	margin:0 0 10px 15px;
}
.midlindex h3, .midlindex p.titre_ref-1 {
	background:url(images/flech1.gif) 0 5px no-repeat;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 15px 14px;
}
.midlindex p{
	margin:0 0 0px 10px;
}
.puce{
	background:url(images/puce.gif) 0 8px no-repeat;
	padding:4px 0 0 15px;
}
.titre{
	font-size:13px;
	font-weight:bold;
	padding:0 0 5px 0;
}
.rightindex{
	width:290px;
	float:left;
	padding:9px 0 0 15px;
	line-height:17px;
}
.rightindex a{
	color:#292E47;
}
.rightindex a:hover{
	text-decoration:underline;
}
.rightindex p{
	margin:3px 0 0 0;
	text-align: justify;
}
.titre1{
	font-size:13px;
	font-weight:bold;
	padding:2px 0 0 0;
}

/* Savoir faire*/
.banInt{
	background:url(images/ban-int.jpg) 0 0 no-repeat;
	height:237px;
	width:921px;
	padding:24px 0 0 0;
}

.banInt2{
	background:url(images/ban-int2.jpg) 0 0 no-repeat;
	height:237px;
	width:921px;
	padding:24px 0 0 0;
}

.imgint{
	float:left;
}
.imgint1{
	float:right;
	padding:10px 0 0 7px;
	clear:left;
}
.rightint{
	width:441px;
	float:left;
	padding:5px 0 25px 9px;
}
#exemple.rightint p{
	padding:6px 0 10px 0;
}
#exemple.rightint {
padding:24px 0 25px 9px;
} 
.rightint h3, .rightint p.titre_ref-1 {
	background:url(images/flech.gif) 0 5px no-repeat;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 0 15px 14px !important;
}
.marg{
	padding:15px 0 0 0;
	text-align:justify;
}
.blokBottom{
	width:290px;
	float:left;
}
.blokBottom h3, .blokBottom  p.titre_ref-1 {
	background: url(images/flech2.gif) 0 6px  no-repeat;
	font-size:14px;
	font-weight:bold;
	text-transform:uppercase;
	padding:0 30px 20px 0;
	text-align:right;
	float:right;
	width:167px;
	margin:0 0 0 0;
}
.blokBottom p {
padding:0 10px 12px 0;
text-align:justify;

}

.blokBottom img{
	float:right;
	margin:0 0 5px 10px;
}
.pdf a:hover{
color:#999999;
}

/* Contact */
.banContact{
	background:url(images/ban-contact.jpg) 0 0 no-repeat;
	height:282px;
	width:955px;
	padding:24px 0 0 0;
}
.contenu-cont{
	background:url(images/bg-contenu-cont.jpg)  0 0 no-repeat;
	width:901px;
	padding:0 20px 0 40px;
}
.contacter {
float:left;
width:326px;
padding:0 0 0 100px;
background:url(images/location-img.gif) 100px 32px no-repeat;
}
.carte {
float:left;
margin:0 0 0 30px;
}

.avifranc {
font-size:18px;
text-align:center;
color:#292E47;
font-weight:bold;
letter-spacing:4px;
text-transform:uppercase;

}
.avifranc span{
font-size:14px;
letter-spacing:0;
display:block;

}
.adres {
font-size:11px;
text-align:center;
color:#292E47;
font-weight:bold;
letter-spacing:2px;
padding:9px 0 0 0;

}
/*------------------------------------CSS formulaire-----------------------------------*/

#formulaire{
		float:left;
		width:300px;
		color:#122945;
		font-size:11px;
		font-weight:bolder;
		padding:10px 0 20px 20px;
		margin:0 0 0 0;
}
#formulaire h3 {
	background:url(images/puce-actualite.jpg) no-repeat ;
	padding:2px 0 1px 40px;
	border-bottom:1px solid #FFF;
	font-weight:bold;
	font-size:16px;
	margin:0 0 20px 0;

}
#formulaire form{
		display: inline;
}

#formulaire p{
		margin:0 0 3px 0; 
		width:286px;
		padding:0;
		float:left;
}
 
#formulaire span{
		float:left;
		clear:left;
		font-weight:bolder;
}
 
 #formulaire .info{
		clear: both;
		text-align:right;
}

 
 
#formulaire em{
		color:#EB7C00;
}

#formulaire .question{
		padding-top:10px;
}
 
#formulaire input{
		float:right;
		border:1px solid #122945;
		width:210px;
		height:18px;
		background-color:#FFF;
}
 
#formulaire textarea{
		float:right;
		border:1px solid #122945;		
		height:70px;
		background-color:#FFF;
		width:210px;
		overflow:hidden;
		
}
#formulaire .bout{
		width: 120px;
		height:17px;
		border:none;
		margin-top:10px;	
}

#formulaire .rouge{
		color:#FF0000;
		display:block;
		font-weight:bold;
		float:right;
		padding-top:5px;
}
/*---------------Mentions Légales------------*/

#contenu-mentions {
	float:left;
	width:820px;
	padding:0 0 14px 25px;
	text-align:justify;
	font-size:11px;
	font-weight:normal;
	color:#000;
}
.contenu-mentions-h2{
	background:url(images/puce-actualite.jpg) no-repeat ;
	padding:2px 0 1px 0;
	font-weight:bold;
	font-size:16px;
	margin:0;
	color:#FFF;

}
.contenu-mentions-h3{
	color:#122945;
	font-size:12px;
	background:url(images/puce.gif) no-repeat 0 68%;
	padding:16px 0 6px 14px;
	font-weight:bold;
}
/* footer */


#globalfooter{
	width:100%;
	background:url(images/px-footer.gif) 0 0 repeat-x;
	height:134px;
}
#footer{
	width:921px;
	margin:0 auto;
	padding:20px 0 5px 0;
	text-align:center;
	background:url(images/bg-footer.gif) left top no-repeat;
	color:#031128;
	font-size:11px;
}
#footer-cont{
	width:955px;
	margin:0 auto;
	padding:20px 0 5px 0;
	text-align:center;
	background:url(images/bg-footer-cont.gif) left top no-repeat;
	color:#031128;
	font-size:11px;
}
#footer p{
	color:#FFFFFF;
}
#footer a{
	padding:0 5px 0 5px;
}

object{
	top:5px;
	position: relative;
}
#toptech {
	margin: 0 auto;
	text-align:center;
	padding:15px 0 0 0;
	font-size:10px;
}

/**************************************************************************/
/******************************** modif  **********************************/
/**************************************************************************/

.ssligne {
	text-decoration:underline;
}
#photo {
	margin:4px 0 0 10px;
}