* {

    margin:0; 

    padding:0;

	background-color: transparent ;

}



html, body {

    margin:0;

    padding:0;

	min-height: 100%;

	height: auto !important;

	height: 100%	

}



img{

	border:none;
	behavior: url(js/iepngfix.htc);
}

body {

    font-family: arial, sans-serif;

    color: #003664;

    font-size:12px;	

	background-color: #ffffff;

    background: url('images/fond.jpg') no-repeat top center ;

}

td{

	vertical-align:top;

}



ul.liste{

	list-style-type:none;

	margin-left:5px;

}

ul.liste li{

	margin-left:20px;

	color:#000000;

	background:inherit;

	display:list-item;

	list-style-image: url(images/puce.png);	
	
	behavior: url(js/iepngfix.htc);

}

#container {	

    height:100%;

    width:968px;

	margin:auto;   

}



#headerImg{

	background: url('images/header.jpg') no-repeat left top;

	height:240px;

}



/*liens*/

a {

	color:#003664;

}

a:hover, a:active{

	color:#40688B;

}

a.nonSouligne{

	text-decoration:none;

}

.catalogue a{

	background:transparent url('images/rubriques/catalogue.png') right top no-repeat;
	
	behavior: url(js/iepngfix.htc);	

	width:164px;

	float:left;

	height:150px;

}
.catalogueus a{

	background:transparent url('images/rubriques/catalogueus.png') right top no-repeat;
	
	behavior: url(js/iepngfix.htc);	

	width:164px;

	float:left;

	height:150px;

}

/* dégradés de fond */

#container, #contenu, #footer {

	background: transparent url('images/degrade.gif') repeat-y left top;

}



#contenu{

	min-height:400px;

	height:auto;

}



#vague{

	background: url('images/vague.png') no-repeat center bottom !important;	
	
	background:none;
	behavior: url(js/iepngfix.htc);	

	min-height:450px;

	height:auto;

	padding-bottom:85px;

	z-index:-2;	

}

#vagueSmall{

	background: url('images/vague.png') no-repeat center bottom!important;	
	
	background:none;	
	
	behavior: url(js/iepngfix.htc);	

	min-height:250px;

	height:auto;

	padding-bottom:50px;

	z-index:-2;	

}

#rubrique{

	padding:0;

	min-height:400px;

	height:auto;	

}

#header{

	height:320px;

}



#logo{

    position:absolute;

    top:22px;

	width:359px;

	height:70px;

	z-index: 100;

	padding: 0 0 0 19px;  

}

#barreHaut{

    height: 80px;

    background: transparent url('images/bandeauHaut.gif') repeat-x left top;

	border-bottom:1px solid #003664;

	z-index:-1;

}



/*** NAVIGATION ***/

#menu{

	position:relative;

	top:0;

	z-index:12;

	height:80px;	

	padding: 0 0 0 350px;	

}



#menu ul {	

	height:80px;

	list-style: none;

}



#menu ul li {

	display: block;

	text-indent: -5000px;

	float: left;	

}



#menu ul li a{

	display: block;

	height: 80px;	

}



/** MENU LANGUE **/	

#menuLangue{

	position:relative;

	width:75px;

	top:28px;

	float:right;

	z-index:13;

	height:60px;

}

#menuLangue ul{

	height:15px;

	list-style:none;

}

#menuLangue ul li{

	display: block;

	float: left;

	padding-right:5px;
	padding-bottom:5px;

}

#menuLangue ul li a{

	display: block;

	height: 15px;	

}



a#fr {

    background:  url('images/drapeau_fr.gif') no-repeat left top;

    width:15px;

}



a:hover#fr, a.active#fr {

    background:  url('images/drapeau_fr.gif') no-repeat left bottom;

}



a#en {

    background:  url('images/drapeau_en.gif') no-repeat left top;

    width:15px;

}



a:hover#en, a.active#en {

    background:  url('images/drapeau_en.gif') no-repeat left bottom;

}



a#it {

    background:  url('images/drapeau_it.gif') no-repeat left top;

    width:15px;

}



a:hover#it, a.active#it {

    background:  url('images/drapeau_it.gif') no-repeat left bottom;

}



a#es {

    background:  url('images/drapeau_es.gif') no-repeat left top;

    width:15px;

}



a:hover#es, a.active#es {

    background:  url('images/drapeau_es.gif') no-repeat left bottom;

}

a#us {

    background:  url('images/drapeau_us.gif') no-repeat left top;

    width:15px;

}


a:hover#us, a.active#us {

    background:  url('images/drapeau_us.gif') no-repeat left bottom;

}

/** FOOTER **/



#footer {

	font-size:10px;

	height: 16px;	

	color: #C7C7C7;

	float:right;

	padding:20px;

	background:transparent;

}

#menuBas{
	font-size:10px;

	color: #f5f5f5;

	padding:5px;

	background:transparent;
	
	text-align:center;
}

#contenuFooter{

	float:right;
	
}

#footer acronym {

	display: none;

}



#footer a.ynfluence {	

	padding: 0 18px 0 0 ;

	background: transparent url('images/ynfluence.png') no-repeat right top;
	
	behavior: url(js/iepngfix.htc);	

	height:16px;

}

#footer a {

	color:#c7c7c7;

	background-color: transparent;

}
#menuBas a{

	color:#f5f5f5;

	background-color: transparent;

}


#footer a:hover,#menuBas a:hover {

	color:#A8A8A8;

	background-color: transparent;

}

#footer a:hover.ynfluence {

	background-position: right -14px;



}

.clear {

    clear: both;

}



/*ACCUEIL*/

#leftAccueil {

	position:relative;

	top:19px;

	padding: 0 19px 0 38px;

	width:294px;

	float:left;

}

#rightAccueil {

	position:relative;

	float:left;

	top:19px;

	padding: 0 0 0 19px;

	width:560px;



}

#leftProduit {

	position:relative;

	float:left;

	padding: 19px 0 0 19px;

	width:576px;

}

#rightProduit {

	position:relative;

	float:left;

	top:78px;

	padding: 0 20px 0 38px;

	width:294px;



}

#listeProduit,#actualites {

	position:relative;

	float:left;

	top:19px;

	padding: 0 38px 30px 38px;

	width:892px;



}

#supportGauche {

	position:relative;

	float:left;

	top:19px;

	padding: 0 38px 0 38px;

	width:576px;



}

#supportDroite {

	position:relative;

	float:left;

	top:19px;

	width:294px;



}



#specificationsProduit {

	position:relative;

	padding: 10px 20px 0 38px;

	width:556px;

	float:left;

}

#tableauSpecifications{

	width:556px;

	height:340px;

	background:#003664;

	color:#FFFFFF;

}

#tableauSpecificationsPump{

	width:556px;

	height:200px;

	background:#003664;

	color:#FFFFFF;

}

#tableauSpecificationsSeaPump{

	width:420px;

	height:200px;

	background:#003664;

	color:#FFFFFF;

	float:right;

}

#tableauSpecificationsSeaPump .specificationsColonne{

	width:100%;

	float:left;

	padding:20px;

	background:transparent;

	color:#FFFFFF;	

}

#tableauSpecificationsSeaPump .specificationsColonne .titre{

	text-transform:uppercase;

	color:#C7C7C7;

	background:transparent;	

	font-weight:bold;

	font-size:12px;

}

#tableauSpecificationsSeaPump .specificationsColonne .stitre{

	padding-left:10px;

}



#tableauSpecifications .specificationsColonne,#tableauSpecificationsPump .specificationsColonne{

	width:220px;

	float:left;

	padding:20px;

	background:transparent;

	color:#FFFFFF;	

}

#tableauSpecifications .specificationsColonne .titre,#tableauSpecificationsPump .specificationsColonne .titre{

	text-transform:uppercase;

	color:#C7C7C7;

	background:transparent;	

	font-weight:bold;

	font-size:12px;

}

#tableauSpecificationsPump .clapet{

	text-transform:uppercase;

	color:#C7C7C7;

	background:transparent;

	width:556px;	

	font-weight:bold;

	font-size:12px;

	text-align:center;

}



#tableauSpecifications .specificationsColonne .stitre,#tableauSpecificationsPump .specificationsColonne .stitre{

	padding-left:10px;

}

.colonneGaucheAccueil {

	background-color: inherit;

    color: #000000;

    width: 294px;

    min-height: 80px;

}

.colonneDroiteAccueil {

	background-color: inherit;

    color: #000000;

    min-height: 80px;

}

.colonneGaucheProduit{

	background-color: inherit;

    color: #000000;

    min-height: 80px;

}

.colonneDroiteProduit{

	background-color: inherit;

    color: #000000;

    width: 294px;

    min-height: 80px;

	float:left;

}



.titreColonneGaucheAccueil{

    height:40px;

	float:left;

	width:147px;	

}

.titreColonneDroiteAccueil{

    height:56px;

	float:left;

	width:100%;	

}




.txtColonneGaucheAccueil{

	background:inherit;

	color:#000000;

	float:left;	

	width:147px;	

	padding-bottom:19px;

}

.txtColonneDroiteAccueil{

	background:inherit;

	color:#000000;

	float:left;	

	width:100%;	

	

}



.txtColonneDroiteAccueil .produit a{

	width:120px;

	height:120px;

	background:#FFFFFF;

	color:#000000;

	float:left;

	border:1px solid #003664;

	margin:10px 10px 19px 0;





}



.txtColonneDroiteAccueil .produit a:hover{

	

	border:1px solid #7F9AB1;



}

.txtColonneDroiteAccueil .descproduit{

	float:left;

	width:280px	;

	margin:10px 20px 0 0;

	

}



.txtColonneGaucheAccueilDroit{

	background:inherit;

	color:#000000;

	width:130px;

	float:right;	

}

/*AVANTAGES*/

.txtColonneDroiteAccueil .avantage {

	width:135px;

	height:120px;

	float:left;

}

.txtColonneDroiteAccueil .descavantage{

	float:left;

	width:152px	;

	margin:10px 0 0 10px;

}



.txtColonneDroiteAccueil .titreAvantage{

	background:transparent;

	color:#003664;

	font-size:14px;

	font-weight:bold;

}





#avantagesGauche{

	width:100%;

	margin-right:19px;

	margin-top:5px;

	float:left;

}

#avantagesGauche tr{

	height:24px;

	background:transparent;

	color:#000000;

	font-size:12px;

	font-weight:bold;

}

#avantagesGauche tr a{

	text-decoration:none;

	background:transparent;

	color:#000000;	

}

#avantagesGauche tr a:hover{

	text-decoration:none;

	background:transparent;

	color:#003664;	

}

#avantagesGauche td.avantage1{

	background:url(images/puceAvantage.png) no-repeat top left;

	width:24px;

	height:24px;

	display:block;

}

#avantagesGauche td.avantage2{

	background:url(images/puceAvantage.png) no-repeat -24px 0 ;

	width:24px;

	height:24px;

	display:block;

}

#avantagesGauche td.avantage3{

	background:url(images/puceAvantage.png) no-repeat -48px 0;

	width:24px;

	height:24px;

	display:block;

}

#avantagesGauche td.avantage4{

	background:url(images/puceAvantage.png) no-repeat -72px 0;

	width:24px;

	height:24px;

	display:block;

}

#avantagesGauche td.avantage5{

	background:url(images/puceAvantage.png) no-repeat -96px 0;

	width:24px;

	height:24px;

	display:block;

}

#avantagesGauche td.avantage6{

	background:url(images/puceAvantage.png) no-repeat -120px 0;

	width:24px;

	height:24px;

	display:block;

}

#avantagesGauche td.avantage7{

	background:url(images/puceAvantage.png) no-repeat -144px 0;

	width:24px;

	height:24px;

	display:block;

}

#avantagesGauche td.avantage8{

	background:url(images/puceAvantage.png) no-repeat -168px 0;

	width:24px;

	height:24px;

	display:block;

}

#avantagesGauche td.avantage9{

	background:url(images/puceAvantage.png) no-repeat -192px 0;

	width:24px;

	height:24px;

	display:block;

}

#avantagesGauche td.avantage10{

	background:url(images/puceAvantage.png) no-repeat -216px 0;

	width:24px;

	height:24px;

	display:block;

}





/*PRODUITS*/

#menuProduits{

	height:138px;

	padding-left:19px;

	padding-bottom:40px;

}



#menuProduits td{

	width:294px;

	height:138px;

}



#menuProduitsLeft {

	position:absolute;

	top:350px;

	margin: 0 20px 0 38px;

	width:294px;

}



#menuProduitsLeft td{

	height:138px;

	padding-bottom:19px;

	width:294px;

}

#imageProduit{

	margin-left:19px;

	width:556px;

	height:350px;
	overflow:hidden;
	border:1px solid #003664;

}

#titreProduit{

	width:500px;

	padding-left:19px;

}





#img{

	border:1px solid #003664;

}

#vignettes{

	position:relative;

	bottom:45px;	

	width:auto;

	padding:0px 10px 10px 10px;

	float:right;



}

#vignettes ul {	

	height:35px;

	list-style: none;

}



#vignettes ul li {

	display: block;

	float: left;	

	width:35px;

	height:35px;

}



#vignettes ul li a.img1{

	display: block;

	height: 35px;	

	width:35px;

	background:url(images/boutons/chiffres.png) no-repeat top left;

}

#vignettes ul li a:hover.img1{

	display: block;

	height: 35px;	

	width:35px;	

	background:url(images/boutons/chiffres.png) no-repeat bottom left;

}

#vignettes ul li a.img2{

	display: block;

	height: 35px;	

	width:35px;

	background:url(images/boutons/chiffres.png) no-repeat -35px 0px;

}

#vignettes ul li a:hover.img2{

	display: block;

	height: 35px;	

	width:35px;	

	background:url(images/boutons/chiffres.png) no-repeat -35px -35px;

}

#vignettes ul li a.img3{

	display: block;

	height: 35px;	

	width:35px;

	background:url(images/boutons/chiffres.png) no-repeat -70px 0px;

}

#vignettes ul li a:hover.img3{

	display: block;

	height: 35px;	

	width:35px;	

	background:url(images/boutons/chiffres.png) no-repeat -70px -35px;

}

#vignettes ul li a.img4{

	display: block;

	height: 35px;	

	width:35px;

	background:url(images/boutons/chiffres.png) no-repeat -105px 0px;

}

#vignettes ul li a:hover.img4{

	display: block;

	height: 35px;	

	width:35px;	

	background:url(images/boutons/chiffres.png) no-repeat -105px -35px;

}

#vignettes ul li a.img5{

	display: block;

	height: 35px;	

	width:35px;

	background:url(images/boutons/chiffres.png) no-repeat -140px 0px;

}

#vignettes ul li a:hover.img5{

	display: block;

	height: 35px;	

	width:35px;	

	background:url(images/boutons/chiffres.png) no-repeat -140px -35px;

}

#accroche{

	padding-bottom:10px;
	width:294px;

	height:50px;
		

}



#liensProduit ul,#liensProduit2 ul{

	 list-style-type:none;

	 float:left;

}

#liensProduit ul li,#liensProduit2 ul li{

	padding-bottom:5px;

}

#liensProduit ul li a.benefits{

	display:block;

	width:50px;

	height:50px;

	background:url(images/icones/icones.png) no-repeat -150px 0px;

}



#liensProduit ul li a:hover.benefits{

	background:url(images/icones/icones.png) no-repeat -150px -50px;

}



#liensProduit ul li a.faq{

	display:block;

	width:50px;

	height:50px;

	background:url(images/icones/icones.png) no-repeat -200px 0px;

}



#liensProduit ul li a:hover.faq{

	background:url(images/icones/icones.png) no-repeat  -200px -50px;

}



#liensProduit ul li a.instructions{

	display:block;

	width:50px;

	height:50px;

	background:url(images/icones/icones.png) no-repeat -100px 0px;

}



#liensProduit ul li a:hover.instructions{

	background:url(images/icones/icones.png) no-repeat -100px -50px;

}



#liensProduit ul li a.manuals{

	display:block;

	width:50px;

	height:50px;

	background:url(images/icones/icones.png) no-repeat top left;

}



#liensProduit ul li a:hover.manuals{

	background:url(images/icones/icones.png) no-repeat bottom left;

}



#liensProduit ul li a.troisd{

	display:block;

	width:50px;

	height:50px;

	background:url(images/icones/icones.png) no-repeat -50px 0px;

}



#liensProduit ul li a:hover.troisd{

	background:url(images/icones/icones.png) no-repeat -50px -50px;

}

#liensProduit2 ul li a.lien{

	text-transform:uppercase;

	margin-left:10px;

	line-height:50px;

	color:#000000;

	font-size:14px;	

	font-weight:bold;

	text-decoration:none;


}

#liensProduit2 ul li a:hover.lien{

	margin-left:10px;

	line-height:50px;

	color:#003664;

	font-size:14px;

	font-weight:bold;

}


#liensProduit ul li a.livraison{

	display:block;

	width:47px;

	height:47px;

	background:url(images/icones/chrono.png) no-repeat 0px 0px;

}



#liensProduit ul li a:hover.livraison{

	background:url(images/icones/chrono.png) no-repeat  0px -47px;

}


/*ABOUT*/

.sfa a{

	color:#086AA7;

	font-weight:bold;

	font-size:14px;

	text-decoration:none;

}

.sfa a:hover{

	color:#086AA7;

	font-weight:bold;

	font-size:14px;

}

h2.about{

	font-weight:bold;

	font-size:14px;

	color:#003664;

}







/*THICKBOX*/

#video{

	width:576px;

	height:420px;

	margin-right:auto;

	margin-left:auto;	

	text-align:center;

	padding:0;

}

/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox specific link and font settings <<<------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_window {

	font: 12px Arial, Helvetica, sans-serif;

	color: #003364;

}



#TB_secondLine {

	font: 10px Arial, Helvetica, sans-serif;

	color:#003664;

}



#TB_window a:link {color: #003364;}

#TB_window a:visited {color: #003364;}

#TB_window a:hover {color: #40688B;}

#TB_window a:active {color: #003364;}

#TB_window a:focus{color: #003364;}



/* ----------------------------------------------------------------------------------------------------------------*/

/* ---------->>> thickbox settings <<<-----------------------------------------------------------------------------*/

/* ----------------------------------------------------------------------------------------------------------------*/

#TB_overlay {

	position: absolute;

	z-index:100;

	top: 0px;

	left: 0px;

	background-color:#003664;

	filter:alpha(opacity=60);

	-moz-opacity: 0.6;

	opacity: 0.6;

}



#TB_window {

	position: absolute;

	background: #003664;

	z-index: 105;

	color:#000000;

	display:none;

/*	border: 4px solid #003664;*/

	text-align:left;

	

}



#TB_window img {

	display:block;

	margin: 15px 0 0 15px;

	border-right: 1px solid #ccc;

	border-bottom: 1px solid #ccc;

	border-top: 1px solid #003664;

	border-left: 1px solid #003664;

}



#TB_caption{

	height:25px;

	padding:7px 30px 10px 25px;

	float:left;

}



#TB_closeWindow{

	height:25px;

	padding:11px 25px 10px 0;

	float:right;

}



#TB_closeAjaxWindow{

	padding:0px 10px 7px 0;

	margin-bottom:1px;

	text-align:right;

	float:right;

}



#TB_ajaxWindowTitle{

	float:left;

	padding:7px 0 5px 10px;

	margin-bottom:1px;

}



#TB_title{

	color:#FFFFFF;

	height:50px;

}

#TB_title img{

	border:none;

}



#TB_ajaxContent{

	clear:both;

/*	padding:2px 15px 15px 15px;

	overflow:auto;*/

	overflow:hidden;

	margin:auto;

	line-height:1.4em;

}



#TB_ajaxContent p{

/*	padding:5px 0px 5px 0px;*/

}



#TB_load{

	position: absolute;

	display:none;

	height:100px;

	width:100px;

	z-index:104;

}



#TB_HideSelect{

	z-index:102;

	position:absolute;

	top: 0;

	left: 0;

	background-color:#fff;

	border:none;

	filter:alpha(opacity=0);

	-moz-opacity: 0;

	opacity: 0;

}



#TB_iframeContent{

	clear:both;

	border:none;

	margin-bottom:-1px;

	margin-top:1px;

	

}

/*FIN THICKBOX*/



/*CLAVIERS*/

td#clavier1{

	width:150px;

	height:150px;

	background:transparent url(images/produits/clavier1.gif) no-repeat top left;

	color:#000000;

}

td#clavier2{

	width:150px;

	height:150px;

	background:transparent url(images/produits/clavier2.gif) no-repeat top left;

	color:#000000;	

}

td#clavier3{

	width:150px;

	height:150px;

	background:transparent url(images/produits/clavier3.gif) no-repeat top left;

	color:#000000;	

}





/*FAQ*/

#qa{

	

}

.trigger{

	cursor:pointer;

		

	padding-left:5px;

	font-size:14px;	

	color:#003664;

	font-weight:bold;

}		

.trigger:hover{

	cursor:pointer;

			

	background:#7F9AB1;

	color:#FFFFFF;

	padding-left:5px

}		

.expanded{

	background:#7F9AB1;

	cursor:pointer;

			

	font-size:14px;	

	color:#003664;

	font-weight:bold;	

}

.expanded:hover{

	background:#7F9AB1;

	color:#FFFFFF;

	cursor:pointer;

			

}

.show{

	position:static;

	display: table;

	padding-left:15px;

	padding-top:5px;

	text-align:justify;
	
	color:#000000;

}

.hide{

	position:absolute;

	left:-999em;

	height:1px;

	width:100px;

	overflow:hidden;

}





/*INSTALLATION*/

#instalHydraulique1{

	width:420px;

	height:320px;

	background:transparent url(images/installHydraulique_1.gif) no-repeat top left;

	float:left;

	border:1px solid #003664;

}

#instalHydraulique2{

	width:420px;

	height:320px;

	background:transparent url(images/installHydraulique_2.gif) no-repeat top left;

	float:right;

	border:1px solid #003664;	

}
#instalHydraulique1us{

	width:420px;

	height:320px;

	background:transparent url(images/installHydraulique_1us.gif) no-repeat top left;

	float:left;

	border:1px solid #003664;

}

#instalHydraulique2us{

	width:420px;

	height:320px;

	background:transparent url(images/installHydraulique_2us.gif) no-repeat top left;

	float:right;

	border:1px solid #003664;	

}

#instalElectrique{

	width:420px;

	height:450px;

	background:transparent url(images/installElectrique.gif) no-repeat top left;

	float:left;

	border:1px solid #003664;

}

.instalElectriqueLegende{

	position:relative;

	top:220px;

	left:220px;

	width:200px;

}

#instalElectriqueDroite{

	width:420px;

	float:right;

}

.titreHydrau{

	padding:5px;

	text-align:center;

	color:#003664;

	font-size:14px;

	font-weight:bold;

}

.legendeHydrau{

	position:relative;

	top:185px;

	left:10px;

	width:300px;



}



/*REVENDEURS*/

img#resellers{

	border:1px solid #003364;

}





/*REVENDEURS ET SAV*/

#revendeurs{

	width:885px;

}

#revendeur .titre{

	background:#003664;

	color:#FFFFFF;

	padding:5px;

	font-weight:bold;

	font-size:14px;

}

#revendeur .coordonnees{

	font-size:12px;

	padding:5px 0px 10px 5px;



}



/* PLAN DU SITE */

.sitemap{

	width:50%;

	margin:auto;

	float:left;

}

h1.titreSitemap,h1.titreSitemap a{

	font-size:14px;

	font-weight:bold;

	color:#ffffff;

	background:#003664;

	text-decoration:none;

	padding-left:5px;

	margin-right:10px;

}

h2.stitreSitemap,h2.stitreSitemap a{

	font-size:12px;

	font-weight:bold;

	color:#000000;

	text-decoration:none;

	padding-left:5px;	

}

h3.n3Sitemap,h3.n3Sitemap a{

	font-size:12px;

	font-weight:normal;

	color:#000000;

	text-decoration:none;

	padding-left:5px;

}



/*MENTIONS*/

#mentionsLegales{



}



/*CONTACT*/

#contactForm {

	width:576px;

	padding-bottom:20px;



}

form {

	width: 576px;

}







.bouton{

	background-color: #003664;

	border: 1px solid #003664;	

	color: #ffffff;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	width:100px;

	margin-top:5px;

	cursor:pointer;	

			

}

.bouton:hover{

	background-color: #40688B;

	border: 1px solid #40688B;	

	color: #ffffff;

}

input {

	border: 1px solid #003664;

	background-color: #fff;

	color: #003664;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	width:550px;

	margin-bottom:5px;



}

.inputorder {
	width: auto;
	margin: 0;
	border: 0;
}



textarea {

	border: 1px solid #40688B;

	background-color: #fff;

	color: #003664;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	width:550px;



}

select {
	background: white;
}

.erreur{

	color:#003664;

}



label{

	font-weight:bold;

	font-size:12px;

	color:#003664;

}



#errorMessage{

	float:left;

	width :540px;

	background:#8A0404;

	color:#FFFFFF;

	font-weight:bold;

	padding:5px;

	margin-bottom:5px;

	display:none;

}



area:hover{

	cursor:pointer;

			

}



/*produit Pump*/

#InstalPumpSur{

	width:420px;

	height:320px;

	background:transparent url(images/installPumpSur.gif) no-repeat top left;

	float:left;

	border:1px solid #003664;

}

#instalPumpSous{

	width:420px;

	height:320px;

	background:transparent url(images/installPumpSous.gif) no-repeat top left;

	float:right;

	border:1px solid #003664;	

}
#InstalPumpSurus{

	width:420px;

	height:320px;

	background:transparent url(images/installPumpSurus.gif) no-repeat top left;

	float:left;

	border:1px solid #003664;

}

#instalPumpSousus{

	width:420px;

	height:320px;

	background:transparent url(images/installPumpSousus.gif) no-repeat top left;

	float:right;

	border:1px solid #003664;	

}

.legendePump{

	position:relative;

	top:240px;

	left:10px;

	width:300px;



}



/*produit sea pump*/

#instalSeaPump{

	width:420px;

	height:320px;

	background:transparent url(images/installSeaPump.gif) no-repeat top left;

	float:left;

	border:1px solid #003664;	

}

.legendeSeaPump{

	position:relative;

	top:270px;

	left:10px;

	width:300px;



}

/*NEWS*/

#actualites .actualite{

	color:#000000;

	float:left;	

	width:100%;	

	margin-bottom:30px;

		

}

#actualites .actualite .image{

	width:294px;

	height:197px;		

	border:1px solid #003664;

	position:relative;

	float:left;	

}

#actualites .actualite .texte{

	position:relative;

	float:left;

	padding: 0 0 0 19px;

	width:560px;

}

#actualites .actualite .titre{

	background:inherit;

	color:#003664;

	font-weight:bold;

	font-size:16px;

		

}

#actualites .actualite .date{

	background:inherit;

	color:#ABA69C;

	font-size:12px;

	font-style:italic;

		

}

#actualites .actualite .message{

	padding-top:5px;

	background:inherit;

	color:#000000;

	font-size:12px;

		

}


/*SPECIAL VENTE INTERNET*/


#rightProduit_special {

	position:relative;

	float:left;

	padding: 0 20px 0 38px;

	width:294px;
	
	top: 20px;
}

#autre {
	width: 294px;
	margin: auto;
	text-align: center;
	float: left;
}

#autre a {
	text-decoration: underline;
	color: #003665;
}

#autre a:hover {
	text-decoration: underline;
	color: #a61011;
}

#specificationsProduit_special_desc1{
	font-size: 12px;
	color: #fff;
	padding: 20px;
	margin-top: 40px;
}

#specificationsProduit_special_desc2{
	font-size: 12px;
	color: #fff;
	margin-left: 185px;
	position: relative;
	line-height: 15px;
}

.stitreSpec {
	position: relative;
	left: 109px;
}

.boutonpay {
	background-color: #003664;

	border: 1px solid #003664;	

	color: #ffffff;

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:12px;

	margin-top:5px;

	cursor:pointer;	
	
	height: 30px;
}