body{
	width:100%;
	margin:0px;
	padding:0;
	color: #757575;
	background:#535353 url('../images/bg_site.gif') top repeat-x;
	font-family: Arial;
	font-size:11px;
}
noscript div{
	width:100%;
	border-bottom:1px solid #F00;
	background-color:#FF9;
	color:#F00;
	text-align:center;
	padding:4px 0 4px 0;
	font-weight:bold;
}
.page{
	width:950px;
	margin:0 auto 0 auto;
	height:100%;
}

.banniere{
	width:955px;
	height:267px;
	margin:0;
}
.clearfix:after {
	content: ".";
	display: block;
	height: 0;
	clear: both;
	visibility: hidden;
}

.clearfix {display: inline-block;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

#accueil #banfr, #presentation #banfr, #mentions #banfr{background:url('../images/ban_accueilFR.jpg') top no-repeat;}
#catalogue #banfr, #contact #banfr{background:url('../images/ban_catalogueFR.jpg') top no-repeat;}

#accueil #banuk, #presentation #banuk, #mentions #banuk{background:url('../images/ban_accueilUK.jpg') top no-repeat;}
#catalogue #banuk, #contact #banuk{background:url('../images/ban_catalogueUK.jpg') top no-repeat;}

#accueil #banpl, #presentation #banpl, #mentions #banpl{background:url('../images/ban_accueilPL.jpg') top no-repeat;}
#catalogue #banpl, #contact #banpl{background:url('../images/ban_cataloguePL.jpg') top no-repeat;}

.contenu{width:895px; min-height:450px; height:100%; background:url('../images/bg_contenu.gif') top repeat-y; margin:0 auto 0 auto; padding:15px 30px;}

.logo{margin:50px 1px 0 15px;}

.flag{float:right; margin:3px 20px 0 0;}

/****************** POSITIONNEMENT ET MISE EN FORME DES BLOCS  *************************/

.gauche, .colGauche,.colCentre, .colDroite{float:left;}
.droite{float:right;}

.tdDroite{text-align:right;}
.tdGauche{text-align:left;}

.colGauche{float:left; width:230px;}
.colDroite{float:right; width:640px;}

/****************************** ACCUEIL  ********************************/

.accueilPuce{background:url('../images/bg_accueilPuce1.gif') left top no-repeat; font-size:14px; line-height:24px; width:120px; height:110px; padding:5px 28px; color:#FFF; float:right;}
.accueilPuce a,.accueilPuce a:visited{color:#FFF;}
.accueilPuce a:hover{color:#3a8dbd;}

/****************************** MENU CATALOGUE  ********************************/

.colGauche .puce1{
	background:url('../images/puce1.gif') left no-repeat;
	border-bottom:1px solid #e5e5e5;
	font-size:13px;
	margin:4px 0;
	padding:3px 0 4px 20px;
	font-style:italic;
}

.colGauche .puce1 a, .colGauche .puce1 a:visited{color:#004d88;}
.colGauche #courant a, .colGauche #courant a:visited{color:#5f5f5f;}
.colGauche .puce1 a:hover{color:#004d88; padding-left:2px;}

.btnFiche{float:right; width:250px; margin:0 10px; border-left:1px solid #d8e9b5; padding:20px;}

/*************************  PRODUITS  ***********************************/

#accueil .unProd{width:143px; float:left; margin:5px 5px 10px 5px !important; margin:5px 4px 10px 5px ;}
#accueil .unProd .imgProd{text-align:center; background:#f2f4f5; border-top:1px solid #c2d3df; border-bottom:1px solid #c2d3df; height:130px;}
#accueil .unProd .imgProd:hover{background:#e9eaea;}
#accueil .unProd .imgProd img{margin-top:10px;}
#accueil .unProd .prodDesc{background:#dfdfdf; width:133px; margin-top:1px; padding:5px;}

#catalogue .unProd{width:100%; border-top:1px solid #c2d3df; border-bottom:1px solid #c2d3df; font-size:13px; margin:5px 0;}
#catalogue .unProd .imgProd{float:left;}
#catalogue .unProd .imgProd img{margin:10px 10px 10px 0;}
#catalogue .unProd .prodDesc{float:right; background:#cfcfcf url('../images/bg_desc.gif') bottom repeat-x; width:485px; min-height:132px; margin-top:1px;}
#catalogue .unProd .prodDesc p{padding:10px;}

/*************************  FICHE  ***********************************/

.fiche{
	background:url('../images/bg_desc.gif') top repeat-x;
	border-collapse:collapse;
	font-size:12px;
	float:left;
}
.fiche tr td{padding:3px 0 3px 6px; width:140px; border-bottom:1px solid white;}

.fiche tr td ul li{color:#006caa; font-size:11px;}

.imgGrd{margin-top:20px; padding:10px 0 ; text-align:center; width:200px; float:left; min-height:250px;} /* largeur maxi photo 200px  */

.Desc1{float:left; margin:20px 20px 0 0; border-right:1px solid #d8e9b5; padding:0 10px; width:260px; font-family:verdana;}
.Desc2{float:left; padding-right:10px; width:350px; font-family:verdana;}

.diapo{float:right; width:320px;}
.miniDiapo img{border:1px solid #006caa;}
.grdDiapo img{border:1px solid #006caa;}

/************************ CONTACT **************************************/

.contactG{float:left; width:250px; margin-left:10px;}
.contactG img{border:1px solid #2380b6;}
.coord{border-collapse:collapse; width:160px; float:left; margin-left:10px;}
.coord tr td{border-bottom:1Px solid #dadada; padding:5px;}

.coord a,.coord a:visited{color:#006caa;}

/************************ TITRES ET TEXTES  **************************************/

.bleu{color:#006caa;}

.titre1{background:url('../images/bg_titre1.gif') left no-repeat; margin-bottom:10px; padding:5px 0 4px 25px; font-size:13px; text-transform:uppercase; color:#006caa;}
.titre1 span{background:#FFF; padding-right:10px;}
.titre2{font-size:12px; color:#757575; padding:5px 10px; border-bottom:1px solid #efefef; margin-top:10px;}
.titre3{background:url('../images/bg_titre3.gif') left no-repeat; margin-bottom:10px; padding:5px 0 3px 34px; font-size:13px; text-transform:uppercase; color:#FFF;}

.texte{text-align:justify; padding:5px 0;}

/************************************* Ban HAUT ******************************************/

.minimenu{float:right; color:#2273a7; margin-right:15px;}
.minimenu a,.minimenu a:visited{color:#2273a7;}
.minimenu a:hover{color:#134565;}

.menu{width:920px; height:37px; margin:80px auto 0 auto; color:#3a6c9e; font-size:13px;}

.recherche{float:left; margin:15px 0 0 0; width:262px;}
.recherche input{float:right; margin:3px 0; width:220px; border:1px solid #005577; text-transform:uppercase; font-size:10px;padding:2px; color:#2273a7;}
.recherche select{float:right; margin:3px 0; width:226px; border:1px solid #005577; font-size:10px; color:#2273a7; padding:1px; text-transform:uppercase;}
.rechCat select{float:left; margin:3px 0; width:226px; border:1px solid #005577; font-size:10px; color:#2273a7; padding:1px; text-transform:uppercase;}
.recherche .btn_ok1{width:50px; margin:0 0 0 10px; border:none;}
.rechCat .btn_ok1{width:52px; margin:2px 0 0 10px; border:none; float:left;}

.eltMenu{float:right; width:540px; margin:2px 20px 0 0 !important; margin:1px 20px 0 0;}
.eltMenu tr td{width:105px; background:url('../images/bg_menu.gif') center no-repeat; height:32px; text-align:center; font-size:11px; text-transform:uppercase;}
.eltMenu tr td:hover, .eltMenu tr td#courante{width:105px; background:url('../images/bg_menuHover.gif') center no-repeat; height:32px; text-align:center; font-size:11px; text-transform:uppercase;}
.eltMenu tr td a, .eltMenu tr td a:visited, .eltMenu tr td a:hover{color:#FFF; padding:10px 15px;}

/********************************** PIED **********************************/

.bgPied{width:100%; background:#FFF url('../images/bg_pied_bis.gif') top repeat-x; min-height:140px;}

.infosPied {width:920px !important; width:925px; color:#FFF; background:url('../images/bg_pied.jpg') left top no-repeat;margin:0 auto; min-height:40px; padding:15px; text-align:center;}

.infosPied  a,.infosPied  a:visited{color:#FFF; text-decoration:none;}
.infosPied  a:hover{color:#3a8dbd;}

/*********************************** FORMULAIRES  *******************************************/

form{margin:0;font-size:11px; color:#9abf3b; padding:2px;}

.formContact table tr{vertical-align:top; color:#757575;}

.formContact input, textarea{
	width:320px;
	display:inline;
	font-size:11px;
	font-family:Verdana;
	background:#005490;
	color: #FFF;
	padding:2px;
	margin:3px;
	border:none;
}

.formContact textarea{height:90px;}

.formContact input:focus, textarea:focus{background:#006caa;}

.formContact .send{float:right; width:100px; background:#9abf3b; color:white;}

/***************************************  DIVERS ET LIENS   ***** ******************************/

.liste{margin-left:12px; text-align:justify;}

hr{
	color: #2f85c8;
	background-color: #2f85c8;
	height: 1px;
	border: 0; 
	margin:3px 0 0 0;
}

p{margin:0;}
p b{color:#2380b6; letter-spacing:1px;}
p strong{color:#2380b6; font-size:12px;}

ul{list-style-type:square; color:#9abf3b; margin:0px; padding-left:15px;}
ul li{color:#626469; margin:2px 0;}

.savoirPlus{cursor:pointer; margin-top:5px;}
.btn1{width:89px; height:17px; text-align:right; color:white; background:url('../images/bg_btn1.gif') no-repeat; padding:2px 2px; margin-top:7px; font-size:13px; cursor:pointer;}
.btn2{width:89px; height:17px; text-align:left; color:white; background:url('../images/bg_btn2.gif') no-repeat; padding:2px 0px 2px 4px; font-size:13px; cursor:pointer;}

a{color:#626469; text-decoration:none;}
a:visited{color:#626469; text-decoration:none;}
a:hover{color:#3a8dbd; text-decoration:none;}

.lienContact,.lienContact:visited{color:#337734;}

a img{border:none;}
.nettoyeur{clear: both; margin: 0; padding: 0;}

.pagination{margin-top:10px;text-align:center;}
.pagination a {margin:2px;font-weight:bold; padding:0px 4px 0 4px; font-size:11px; color:#757575;}
.pagination a :visited {margin:2px;font-weight:bold;}
.pagination a:hover {margin:1px;font-weight:bold; padding:0px 4px 0px 4px; color:#282828; border:1px solid #757575;}
.pagination .courante  {border-bottom:4px solid #337734;padding:0px 4px 0px 4px; color:#757575; margin:1px; border:1px solid #757575;}

/***************************************  CONNEXION ADMIN   ***********************************/
#logbox{
	padding:1px 2px 0 2px;
	text-align:center;
	height:120px;
	margin:0 0 10px 0;
}
#logbox span{
	color:#FFF;
	font-weight:bold;
}
#logbox label{
	display:block;
	text-align:right;
	margin:10px 4px 0 4px;
	color:#000;
	padding-right:370px;
}
#logbox input[type=text],#logbox input[type=password]{
	width:70px;
	margin-left:4px;
}
#logbox input[type=submit]{margin-top:10px;}