/* CSS Document */
@import url(/css/commun/zoomslide.css);
@import url(/css/style_pictonav.css);
@import url(/css/style_calendrier.css);

/* CSS Document */

a img { border:none;}
/* debut jean */

/* multipages */

a.pageSuivante {

    color:#004078;
    text-align:center;
    margin-left:5px;
    font-size:12px;
    	text-decoration:underline;
}
a:hover.pageSuivante {

    color:#666666;
    font-size:12px;

}
.pageSuivanteA {

    color:#666666;
    font-weight:bold;
	 margin-left:5px;
	text-align:center;
	text-decoration:none;
}
.pageSuiv { font-size:12px; color:#666666;}
/* fin multipages */

.titreProd{
	color:#4c4c4c;
	font-weight:bold;
	 font-size:12px;
}

.refProd{
	color:#4c4c4c;
	font-weight:bold;
	 font-size:10px;
}
a.lienFab{
	color:#004381;
	font-weight:bold;
	 font-size:10px;
	 text-decoration:underline;
}


a.zoomProd{
    text-align:center;
    padding:5px;
    position: absolute;
    bottom: 0px;
    left: 180px;
    width: 60px;
    height: 20px;
    background-color: #bcdfe4;
    color:#004381;
    font-weight:bold;
    font-size:10px;
    text-decoration:underline;
}
.commentaireProd{
	color:#4c4c4c;
	font-size:11px;
}

div.breadScram {
	margin-left:10px;
}

div.breadScram a{
	color:#4c4c4c;
	font-size:11px;
	font-weight:normal;
}

div.breadScram span{
	color:#4c4c4c;
	font-size:11px;
	font-weight:bold;
}



div.conteneurFiche {
    position:relative;
    background-color:#bcdfe4;
    margin-left:5px;
    width:730px;
}
div.conteneurFiche p { margin:5px 0px; margin-bottom:15px;}
a.btnRetour {
background-color:#005D95;
background-image:url(/images/images_interface/fondretour.jpg);
background-repeat:no-repeat;
color:#FFFFFF;
display:block;
height:20px;
line-height:16px;
position:absolute;
right:0;
text-align:center;
text-decoration:none;
top:0;
width:74px;
font-size:11px;
font-weight:normal;

}
a.btnRetour:hover { background-color:#039fe0;}

div.BtnOuvrirDesc {

width:750px;
height:28px;
background-image:url(/images/images_interface/fondOuvrirDesc.jpg);
background-repeat:no-repeat;
background-position:center;
text-align:center;
color:#FFFFFF;
cursor:pointer;


}
div.BtnFermerDesc {

width:750px;
height:20px;
background-image:url(/images/images_interface/fondFermerDesc.jpg);
background-repeat:no-repeat;
background-position:center;
padding-top:8px;
text-align:center;
color:#FFFFFF;
cursor:pointer;


}

ul.tmpl { list-style:none; margin:0; padding:0; margin-left:2px;}
ul.tmpl li { width:181px; height:181px; float:left; margin:2px; border-collapse:collapse;}

div.imgTMPL { position:relative; width:181px; height:181px; background-repeat:no-repeat; background-position:center; overflow:hidden;}
div.overImg { position:absolute; bottom:0; background-color:#000000; padding-left:5px; height:50px; padding-top:4px; width:176px; color:#FFFFFF; display:none;}
div.overImgAccueil { z-index:100;position:absolute; top:25px; background-color:#000000; padding-left:5px;  padding-top:4px; width:170px; color:#FFFFFF; display:none;}
div.overImgAccueil a{  z-index:1;text-decoration:underline; text-align:left;padding-left:0px;font-size:10px; line-height:13px; letter-spacing:-0.3px; }
/*div.overImg img { line-height:38px; position:absolute; bottom:3px; right:8px;}
  */
.titrePage { padding-left:23px; font-weight:bold; font-size:18px; color:#3aa545;}

/* fin jean */

body {
    background-image: url(/images/images_interface/fondbody.jpg);
    background-repeat: repeat-x;
	background-color:#308DE2;
    font-family: Verdana, Geneva, sans-serif;
    font-size: 12px;
    color: #000;
    background-position: center -100px;
    margin: 0;
    padding: 0;
}
.bg-bas {
    background-image: url(/images/images_interface/background--bas.jpg);
    background-repeat: repeat-x;
	background-position:bottom;}
.gris {
    color: #666666;
}
a {
    color: #FFF;
    text-decoration: none;
}
.vide {
    clear: both;
}
#header {
    background-color: #004381;
    height: 30px;
	clear:both;
}
#header #contenuheader {
    width: 1000px;
    margin-right: auto;
    margin-left: auto;
    line-height: 30px;
	height:30px;
}
#header #contenuheader a {
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
}

#header form {
    width: 200px;
    float: right;
    font-size: 10px;
    font-weight: bold;
    color: #666666;
    margin-top: 2px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#header #contenuheader form input.ok {
    background-image: url(/images/images_interface/fondok.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
}
#container {
	background-image:url(/images/images_interface/conteneurH.png);
	background-repeat:no-repeat;
	margin-left:auto;
	margin-right:auto;
	width:955px;
	background-position:center 47px;
	/*padding-top:55px;*/
	margin-top:20px;
}
.contenuCentre {
	background-image:url(/images/images_interface/conteneurCentre.png);
	background-position:center top;
	background-repeat:repeat-y;
	margin-top:32px;
	padding-top:0;
}

.contenuB {
	background-image:url(/images/images_interface/conteneurBas.png);
	background-repeat:no-repeat;
	background-position:bottom;
	}
#container #colgauche {
    float: left;
    width: 190px;
}
ul.menuGauche {
    padding: 0;
    margin-top:10px;
    list-style-type: none;
    width: 185px;
    text-decoration: none;
    margin-right: 0;
    margin-bottom: 0;
    margin-left: 0;
}
ul.menuGauche li {
    background-image: url(/images/images_interface/fondlimenugauche.png);
    background-repeat: no-repeat;
    margin-bottom: 2px;
    margin-top: 3px;
}
ul.menuGauche li a {
    line-height: 30px;
    display: block;
    width : 177px;
    padding-left: 5px;
}
ul.menuGauche li a:hover, .sousMenuActif{
    background-image: url(/images/images_interface/fondconsulter.jpg);
    background-repeat: repeat-x;
    background-position: top;
}
ul.cache {
    list-style-type: none;
    width: 182px;
    display: none;
    padding: 0px;
    margin-top: -4px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
ul.cache.actif {
    display:block;
}
ul.cache li {
    background-image: none;
    background-color: #003366;
    height: auto;
    margin-top: 0px;
    margin-right: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}
ul.cache li a {
    line-height: normal;
    margin: 0px;
    text-indent: 25px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    background-image: url(/images/images_interface/flechettes.gif);
    background-repeat: no-repeat;
    background-position: 10px center;
    text-decoration: underline;
    font-size: 9px;
    width: 100%;
}

ul.cache li a:hover , .sousMenuActif{
    background-image: none;
    color: #003366;
    background-color: #99CCCC;
}

ul.menuGauche li.menuGbas1 {
    background-image: url(/images/images_interface/fondlivert.png);
    background-repeat: no-repeat;
    margin-bottom: 2px;
     font-size: 11px;

}
ul.menuGauche li.menuGbas2 {
    background-image: url(/images/images_interface/fondlirouge.png);
    background-repeat: no-repeat;
    margin-bottom: 2px;
}
ul.menuGauche li.menuGbas3 {
    background-image: url(/images/images_interface/fondlibleuclair.png);
    background-repeat: no-repeat;
    margin-bottom: 2px;
}
ul.menuGauche li.menuGbas1 a {
    font-weight: bold;
    display: block;
    width : 177px;
    padding-left: 5px;
    line-height: 38px;
}
ul.menuGauche li.menuGbas2 a {
    line-height: 38px;
    font-weight: bold;
    display: block;
    width : 177px;
    padding-left: 5px;
}
ul.menuGauche li.menuGbas3 a {
    line-height: 38px;
    font-weight: bold;
    display: block;
    width : 177px;
    padding-left: 5px;
}
#container #coldroite {
    margin-left: 192px;
}
#container #coldroite #affichage {
    min-height:850px;

}
.newsletter {
    background-image: url(/images/images_interface/fondnewsletter.gif);
    background-repeat: no-repeat;
    background-position: left top;
    padding-top: 30px;
    padding-left: 30px;
    height: 385px;
    color: #333333;
}
.newsletter p {
    margin-left: 15px;
}
.newsletter form {
    width: 350px;
    text-align: right;
    vertical-align: middle;
    margin-bottom: 40px;
}
.newsletter h2 {
    color: black;
    padding: 0px;
    margin-bottom: 8px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left:0px;
    font-weight:bold;
    font-size: 13px;
}


input.envoyer {
    height: 35px;
    width: 100px;
    margin-left: 150px;
    background-image: url(/images/images_interface/fondok.jpg);
    background-repeat: repeat-x;
    background-position: center;
    line-height: 30px;
    text-align: center;
    color:#fff;
    border:none;
    cursor:pointer;
}

.envoyer {
    height: 35px;
    width: 100px;
    margin-left: 150px;
    background-image: url(/images/images_interface/fondok.jpg);
    background-repeat: repeat-x;
    background-position: center;
    line-height: 30px;
    text-align: center;
}





#container #coldroite #affichage #magasins .magasins p img {
}

#menuhaut {
    height: 20px;
    margin: 0;
    padding: 0;
    list-style-type: none;
}
#menuhaut li  {
    float: left;
    height: 32px;
    width: 100px;
    margin-right: 2px;
    margin-left: 2px;
    margin-top: -26px;
    text-align: center;
    display: block;
    background-image: url(/images/images_interface/fondboutonmenuhaut.gif);
    background-repeat: no-repeat;
    line-height: 30px;
}
#menuhaut li a {
    line-height: 30px;
}
#menuhaut li a:hover, #menuhaut li a.menuhautactive {
    display: block;
    background-image: url(/images/images_interface/fondboutonmenuhauthover.gif)!important;
    background-image:none;
    color:#FFFFFF!important;
    color:#99CC00;
    background-repeat: no-repeat;
}
#menuhaut li a.menuhautactive {
    display: block;
    background-image: url(/images/images_interface/fondboutonmenuhauthover.gif)!important;
    color:#FFFFFF!important;
    background-repeat: no-repeat;
}

#container #coldroite #affichage #flash {
    height: 253px;
    width: 695px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}

#vignettes {
    width: 710px;
    margin-right: auto;
    margin-left: auto;
    margin-bottom: 10px;
}
#vignettes .vignette {
    width: 175px;
    margin-right: 2px;
    height: 155px;
    float: left;
    background-image: url(/images/images_interface/fondtitrevignette.jpg);
    background-repeat: no-repeat;
    background-position: top;
    text-align: center;

    color: #FFF;
    text-decoration: none;
    line-height: 26px;
    margin-bottom: 2px;
    position:relative;
}
#vignettes .vignette a img {
    border:0;
}

hr.magicHeight {
    clear:both;
    visibility:hidden;
}

#footer {
    background-color: #004381;
    height: 43px;
    position: absolute;
    width: 100%;
    padding-top: 10px;
    font-size:10px;
}
#footer #contenufooter {
    width: 955px;
    margin-right: auto;
    margin-left: auto;
    text-align: right;
	color:#FFFFFF;
}
#footer #contenufooter a {
    color: #FFF;
    text-decoration: none;
    font-weight: normal;
}
#footer #contenufooter img {
    float: left;
}

.catalogue {
    float: left;
    width: 330px;
    padding: 0;
    margin-bottom: 5px;
    margin-right: 5px;
    height: 160px;
    margin-top: 0;
    margin-left: 0;
}
h1 {
    margin-bottom: 20px;
}
h3 {
    color: #004381;
    padding: 0px;
    margin-bottom: 8px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left:0px;
} 
  
.titreMagasin{
	line-height:24px;
	}

#container #coldroite #affichage #catalogues {
    margin-right: auto;
    margin-left: auto;
    margin-top: 20px;
    width: 680px;
    color: #004381;
}
#container #coldroite #affichage #catalogues .catalogue .imgcata  {
    float: left;
    width: 115px;
    background-color: #FFF;
    height: 150px;
    text-decoration: none;
    border-style: none;
}
#container #coldroite #affichage #catalogues .catalogue .imgcata img  {
    border-style: none;
}
#container #coldroite #affichage #catalogues .catalogue .txtcata  {
    margin-left: 120px;
    background-color: #9CC;
    text-decoration: none;
    padding-right: 5px;
    padding-left: 5px;
    padding-top: 5px;
    color: #333;
    font-weight: normal;
    height: 145px;
    margin-top: 0;
    margin-right: 0;
    margin-bottom: 0;
}
#container #coldroite #affichage #catalogues .catalogue .txtcata p {
    overflow: hidden;
    margin-top: 5px;
}

#container #coldroite #affichage #catalogues .catalogue .txtcata h3 {
    font-size: 13px;
    font-weight: bold;
    margin-bottom: 0px;
}

#container #coldroite #affichage #catalogues .catalogue .txtcata .consulter  {
    height: 30px;
    width: 165px;
    background-image: url(/images/images_interface/fondconsulter.jpg);
    background-repeat: repeat-x;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 35px;
    display: block;
    margin-right: auto;
    margin-left: auto;
    vertical-align: middle;
}
#container #coldroite #affichage #catalogues .catalogue .txtcata .consulter img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    margin-left: 3px;
}


#container #coldroite #affichage #magasins {
    margin-right: auto;
    margin-left: 20px;
    margin-top: 20px;
    width: 680px;
    color: #004381;
}
.bandeautitre {
    background-image: url(/images/images_interface/fondbandeautitre.jpg);
    background-repeat: repeat-x;
    height: 40px;
    font-size: 24px;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 40px;
    width: 700px;
    padding-left: 40px;
    color: #fff;
}
#container #coldroite #affichage #familleprod {
    margin: 0px;
    padding: 0px;
    margin-right: auto;
    margin-left: 5px;
    margin-top: 20px;
    color: #004381;
    width: 730px;
}
.familleprod {
    margin: 0px;
    float: left;
    width: 240px;
    margin-right: 3px;
    height: 160px;
    margin-bottom: 3px;
    background-color: #000;
    text-align: center;
}
#container #coldroite #affichage #familleprod .familleprod a img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
#container #coldroite #affichage #familleprod .familleprod a p {
    margin-top: 5px;

}

#container #coldroite #affichage p a {
    color: #333;
}
#container #coldroite #affichage #ficheprod {
    margin-right: auto;
    margin-left: 5px;
    margin-top: 20px;
    color: #004381;
    width: 700px;
    background-color: #9CC;
    padding: 10px;
    height: 310px;
}
#container #coldroite #affichage #ficheprod .ficheG {
    float: left;
    width: 390px;
}
#container #coldroite #affichage #ficheprod .ficheD {
    width: 290px;
    margin-left: 400px;
    color: #333333;
}
#container #coldroite #affichage #ficheprod .ficheD h3 {
    color: #333333;
}



.bandeautitrefiche {
    height: 40px;
    color: #fff;
    font-size: 24px;
    font-weight: bold;
    margin-top: 10px;
    margin-bottom: 10px;
    line-height: 40px;
    width: 700px;
    padding-left: 40px;
    background-color: #C96;
}
#container #coldroite #affichage .vignettefiche {
    height: 162px;
    width: 175px;
    float: left;
    margin-top: 10px;
    margin-right: 4px;
    margin-left: 5px;
}
.navigation    {
    width: 725px;
    text-align: right;
    color: #666;
    font-size: 12px;
    margin-top: 20px;
    margin-bottom: 20px;
}

#container #coldroite #affichage .navigation a {
    color: #004381;
    font-weight: normal;
    text-decoration: underline;
}
#container #coldroite #affichage #marque {
    margin-right: auto;
    margin-left: 15px;
    margin-top: 20px;
    color: #004381;
    width: 700px;
}


#container #coldroite #affichage #marque .detailmarque {
    margin-top: 30px;
    padding-bottom: 20px;
}
#container #coldroite #affichage #marque .villeroy {
    background-image: url(/images/zoom/villeroy.png);
    background-repeat: no-repeat;
    background-position: center top;
    height: 50px;
    padding-top: 250px;
}
#container #coldroite #affichage #marque .villeroy p ,.villeroy h3{
    margin-right: 190px;
    margin-left: 180px;
}

#container #coldroite #affichage #marque .detailmarque .detailG {
    float: left;
    width: 245px;
}
#container #coldroite #affichage #marque .detailmarque .detailG img {
    margin-bottom: 10px;
}

#container #coldroite #affichage #marque .detailmarque .detailD {
    margin-left: 270px;
}
#container #coldroite #affichage #marque .detailmarque .detailD h3 {
    margin-top: 15px;
}
.vignettelisteproduits {
    width: 175px;
    margin-right: 2px;
    height: 165px;
    float: left;
    text-align: center;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    line-height: 26px;
    margin-bottom: 2px;
}
.vignettelisteproduits img {
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
}
.navigationbas {
    width: 725px;
    text-align: right;
    font-size: 12px;
    margin-top: 20px;
    color: #333;
    padding-bottom: 20px;
}
#container #coldroite #affichage .navigationbas a {
    color: #004381;
    font-weight: normal;
    text-decoration: underline;
}
#container #coldroite #affichage .boiteoutillage {
    padding: 0px;
    float: left;
    width: 710px;
    margin-left: 10px;
    height: 130px;
    margin-top: 20px;
    background-color: #9CC;
    margin-right: 0px;
    margin-bottom: 0px;
}
#affichage .boiteoutillage .boiteoutillageG {
    padding: 0px;
    float: left;
    margin-top: 0px;
    margin-bottom: 0px;
    margin-left: 0px;
}
#container #coldroite #affichage .boiteoutillage .boiteoutillageD {
    margin: 0px;
    padding: 0px;
    margin-left: 246px;
}
.titreoutillage {
    margin: 0px;
    background-color: #004480;
    line-height: 30px;
    padding-left: 20px;
    font-size: 18px;
    font-weight: bold;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 0px;
}
.lienoutillage {
    margin: 0px;
    padding: 0px;
    float: left;
    width: 110px;
    margin-right: 15px;
    margin-left: 15px;
    margin-top: 5px;
    margin-bottom: 2px;
}
ul.menuGauche li.menuGbas1 ul.cache li, ul.menuGauche li.menuGbas2 ul.cache li, ul.menuGauche li.menuGbas3 ul.cache li {
    background-image: none;
    margin: 0px;
    background-color: #004381;
    height: auto;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 2px;
    padding-left: 0px;
}
ul.menuGauche li.menuGbas1 ul.cache li a, ul.menuGauche li.menuGbas2 ul.cache li a, ul.menuGauche li.menuGbas3 ul.cache li a {
    line-height: normal;
    margin: 0px;
    text-indent: 25px;
    padding-top: 0px;
    padding-right: 0px;
    padding-bottom: 3px;
    padding-left: 0px;
    background-image: url(/images/images_interface/flechettes.gif);
    background-repeat: no-repeat;
    background-position: 10px center;
    text-decoration: underline;
    font-size: 10px;
    width: 100%;
}
ul.menuGauche li.menuGbas1 ul.cache li a:hover, ul.menuGauche li.menuGbas2 ul.cache li a:hover, ul.menuGauche li.menuGbas3 ul.cache li a:hover {
    background-image: none;
    color: #004381;
    background-color: #99CCCC;
}
.magasins {
    background-image: url(/images/images_interface/fondmagasin.png);
    background-repeat: no-repeat;
    background-position: center top;
    height:520px;
}
.blocmagasins {
    background-image: url(/images/zoom/blocmagasins.png);
    background-repeat: no-repeat;
    float: left;
    height: 450px;
    width: 220px;
    margin-right: 5px;
    margin-left: 35px;
    margin-top: 50px;
}
.magasins img {
}



.blocmagasins ul {
	margin:0;
	padding:0;
    list-style-type: none;
    margin-top: 89px;
    color: #FFFFFF;
    width: 196px;
    margin-bottom: 25px;
    margin-left: -40px;
    width:211px;
}
.blocmagasins ul li {
	margin:0;
	padding:0;
	margin-left:41px;
	width:100%;
    height: 30px;
    border-top-width: 1px;
    border-top-style: solid;
    border-top-color: #FFFFFF;
    border-right-color: #FFFFFF;
    border-bottom-color: #FFFFFF;
    border-left-color: #FFFFFF;
    line-height: 30px;
    display: block;

}
.blocmagasins ul li a {
    display: block;
    padding-left: 5px;
}
.CP {
    width: 150px;
    float: left;
    margin-left: 10px;
    margin-top: 0px;
	margin-bottom:10px;
}
.blocmagasins form {
}


.blocmagasins ul li a:hover {
    /*font-weight: bolder;*/
    background-color: #0099FF;
}
.blocmagasins form input.ok {
    background-image: url(/images/images_interface/fondok.jpg);
    background-repeat: no-repeat;
    background-position: center top;
    margin-left: 8px;
    font-weight: bold;
    color: #FFF;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
    width: 30px;
    height: 23px;
}
.actu {
    background-repeat: no-repeat;
    background-position: center top;
    -moz-border-radius: 10px;
    -webkit-border-radius: 10px;
    background-color: #C7E4E8;
    padding: 10px;
    color: #666666;
    font-weight: normal;
    margin-bottom: 10px;
	font-size:11px;
}
.actu .titrenews {
    float: left;
    width: 150px;
    margin-top: 0px;
    padding-top: 0px;
}
.actu .txtcentre {
    width: 350px;
    margin-left: 155px;
    font-size: 11px;
    padding-right: 20px;
    padding-left: 20px;
    border-right-width: 1px;
    border-left-width: 1px;
    border-right-style: solid;
    border-left-style: solid;
    border-right-color: #999999;
    border-left-color: #999999;
    height: 100%;
    margin-top: 0px;
    padding-top: 0px;
}


.texteactu1 {
    width: 400px;
    margin-left: 260px;
}
.actu img {
    float: left;
}
.voiractu {
    background-image: url(/images/images_interface/fondconsulter.jpg);
    background-repeat: repeat-x;
    font-weight: bold;
    color: #FFF;
    text-align: center;
    line-height: 35px;
    vertical-align: middle;
	float: right;
	margin-top: 10px;
	width: 100px;
}
.fermer {

	background-image: url(/images/images_interface/fondconsulter.jpg);
	background-repeat: repeat-x;
	font-weight: bold;
	color: #FFF;
	text-align: center;
	line-height: 35px;
	vertical-align: middle;
	float: right;
	width: 100px;
}
.serviceclient {

	background-image: url(/images/images_interface/fondserviceclient.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	padding-top: 10px;
	padding-left: 250px;
	height: 437px;
	color: #333333;
}
.serviceclient form {
	height: 250px;
}
.serviceclient form p {
	text-align: right;
	padding: 0px;
	font-weight: bold;
	color: #666666;
	margin-top: 0px;
	margin-right: 30px;
	margin-bottom: 0px;
	margin-left: 0px;
}
.serviceclient form p input {
	height: 15px;
	width: 200px;
	margin-bottom: 5px;
}
.serviceclient form textarea {
	width: 380px;
	margin-bottom: 15px;
}
.serviceclient h2 {
    color: #004381;
    padding: 0px;
    margin-bottom: 8px;
    margin-top: 0px;
    margin-right: 0px;
    margin-left:0px;
    font-weight:bold;
    font-size: 15px;
}


.listemagasins {
	margin-left:10px;
}
.listemagasins2 {
	background-image:url(../images/images_interface/fondbleurond.png);
	background-repeat:no-repeat;
	min-height:300px;
	margin-left:5px;
	padding-left:10px;
	padding-top:20px;
	width:680px;
}
#container #coldroite #affichage #magasins .listemagasins2 .magasin2 a {
color:#336699;
}
.magasin {
	width: 683px;
	background-image:url(../images/images_interface/bg-detailmagasin.png);
	background-repeat:no-repeat;
	height:85px;
	color:#333;
	font-size:10px;
	font-weight:bold;
}
.pointEspaceCarrelage {float:left;border:0; margin-right:2px;margin-top:3px;}
.adresseMag {width:280px;float:left;padding-left:10px;padding-top:9px;padding-right:10px;font-weight:normal;}
.nosmarques { width:340px;float:left;padding:10px;margin-left:20px;}
.nosmarques a { color:#333333;text-decoration:underline;}
#container #coldroite #affichage #magasins .listemagasins .magasin .nosmarques a {
	color: #333333;
}
#container #coldroite #affichage #magasins .listemagasins .magasin a {
	color: #336699;
}
.pointlettre {
	float: left;
	width: 25px;
	background-image: url(../images/images_interface/pointlettre.jpg);
	background-repeat: no-repeat;
	height: 60px;
	font-size:12px;
	color: #FFFFFF;
	padding-left: 8px;
	margin-top: 0px;
	padding-top: 4px;
}
.magasin2 {
	float: left;
	width: 310px;
	text-align: left;
	margin-left: 25px;
	margin-top: 5px;
	font-size:9px;
}
.colonnesMagasin {
	background-color:#C7E4E8;
	margin-left:-10px;
	width:679px;
	}
.basColonnes {margin-left:-10px;}
.mentionCarrelage {font-size:10px; display:block; float:right; width:333px;clear:right;line-height:16px;}
.champRecherche {width:160px; height:22px; padding-left:10px;border:0;margin-top:20px;}
h2 {color:#004381;font-size:24px;margin-bottom:3px;}  
.btnRecherche {
    background-image: url(/images/images_interface/fondok.jpg);
    background-repeat: repeat-x;
    background-position: center top;

    color: #FFF;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
	height:20px;

	margin-left:50px;
}

.btnRechercheMag {
    background-image: url(/images/images_interface/fondok.jpg);
    background-repeat: repeat-x;
    background-position: center top;

    color: #FFF;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
	height:20px;
	margin-left:5px;
}
.btnRechercheCarrelage{
    background-image: url(/images/images_interface/fondok.jpg);
    background-repeat: repeat-x;
    background-position: center top;

    color: #FFF;
    text-decoration: none;
    border-top-style: none;
    border-right-style: none;
    border-bottom-style: none;
    border-left-style: none;
    cursor: pointer;
	height:22px;
}
.champRechercheCarrelage {width:150px; height:20px; padding-left:10px;border:solid 1px #CCC;margin-top:10px;color:#999;}

.cocher {background-image:url(/images/images_interface/cocher.jpg);
border:0 none;
clear:both;
float:left;
margin:5px 4px 5px 0;
width:12px;}
.rechercheMagasin {display:inline; margin-top:-5px;}
.ombre {position:relative;width:695px;height:253px;}
.ombre img.ombreG { position:absolute; top:10; left:0;}
.ombre img.ombreH { position:absolute; top:0; left:0;}
.ombre img.ombreD { position:absolute; top:10; right:0;}
.ombre img.ombreB { position:absolute; bottom:0; left:0;}
.txtCarrelage { color:#004381;}

fieldset.recherche {
	margin:0px;
	margin-bottom:10px;
	padding:0px;
	border:0px;
}

fieldset.recherche legend {
	color:#004A87;
	font-size:14px;
	font-weight:bold;
}

.petitGris {
	color:#BFBFBF;
	font-size:9px;
}