body{background:#5e5e5e;margin:0 auto;width:1024px; height:850px; padding:0;}
#conteneur {min-height:100%; width:1024px;height:850px;background-image:url(images/1_index.jpg);background-repeat:no-repeat; position: relative;}
#head{width: 100%; height: 150px; padding-top: 23px;}
#bloclogoindex{width: 80px;height: 69px; margin-left:845px ;padding-top:182px;}
#blocbanniereindex{width: 468px;height: 60px; margin-left: 283px ;}
#body{width: 100%; height: 446px}
#bloctexteindex{float:right; width: 588px;height: 406px; margin-right: 106px;}
#menu {width: 200px;margin-top: 270px; margin-left:62px;}
#footer{width: 800px; bottom: 0; position: absolute; margin-left: 120px}
#conteneurweb {width:1024px;height:850px;background-image:url(images/2_web.jpg);background-repeat:no-repeat;position: relative;}
#blocheadweb{}
#bloclogoweb{margin-left: 32px; padding-top:18px;}
#blocbanniereweb{margin-top:26px; margin-left: 169px ;}
#blocretourweb{margin-top:0px; margin-right: 30px ;}
#bloccorpsweb{}
#blocimagesiteweb{margin-top: 38px;}
#footerweb{height: 15px;width: 70%;position: absolute; margin-top: 119px; margin-left: 15px;}
#conteneurceramique{width:1024px;height:850px;background-image:url(images/3_ceramique.jpg);background-repeat:no-repeat;position: relative;}
#blocheadceramique{width: 100%; margin: auto; height: 20%;}
#bloclogoceramique{margin-left: 32px; padding-top:12px;float: left;}
#blocbanniereceramique{width: 468px;height: 60px; margin-left: 241px ;margin-top:-82px;}
#blocretourceramique{ margin-right: 30px ; float: right;}
#bloccorpsceramique{height: 630px;width: 100%;position: absolute; margin-top:; left: ;margin-left: ;}
#footerceramique{height: 15px;width: 70%;position: absolute; margin-top: -82px; margin-left: 162px;}
#conteneurdesign{width:1024px;height:850px;background-image:url(images/4_design.jpg);background-repeat:no-repeat;position: relative;}
#blocheaddesign{width: 100%; margin: auto; height: 20%;}
#bloclogodesign{width: 80px;height: 69px; margin-left: 32px; padding-top:41px;}
#blocbannieredesign{width: 468px;height: 60px;margin-top: -98px; margin-left: 253px ;}
#blocretourdesign{width: 100px;height: 100px;margin-top:-136px;; margin-left: 607px ;}
#bloccorpsdesign{height: 595px;width: 900px;margin-top:60px; left: ;margin-left:-235px ;}
#bloczoomdesign{height:250px;width:650px;padding-top:0px;}
#footerdesign{height: 15px;width: 70%;position: absolute; margin-top: -11px; margin-left: 162px;}
#conteneurnumerique{width:1024px;height:850px;background-image:url(images/5_numerique.jpg);background-repeat:no-repeat;position: relative;}
#blocheadnumerique{width: 100%; margin: auto; height: 20%;}
#bloclogonumerique{width: 80px;height: 69px; margin-left: 32px;}
#blocbannierenumerique{width: 468px;height: 60px;margin-top: -49px; margin-left: 262px ;}
#blocretournumerique{width: 100px;height: 100px;margin-top:-84px;; margin-left: 856px ;}
#bloccorpsnumerique{height: 630px;width: 100%;position: absolute; margin-top:; left: ;margin-left: ;}
#footernumerique{height: 15px;width: 70%;position: absolute; margin-top: 603px; margin-left: 162px;}
#conteneurpartenaires{width:1024px;height:850px;background-image:url(images/6_partenaires.jpg);background-repeat:no-repeat;position: relative;}
#blocheadpartenaires{width: 100%; margin: auto; height: 20%;}
#blocbannierepartenaires{width: 468px;height: 60px;margin-top: -55px; margin-left: 251px ;}
#blocretourpartenaires{width: 100px;height: 100px;margin-top:-82px;; margin-left: 610px ;}
#bloccorpspartenaires{height: 595px;width: 900px;margin-left: 40px;}
#footerpartenaires{height: 15px;width: 70%;position: absolute; margin-top: -36px; margin-left: 162px;}
#conteneurcontact{width:1024px;height:850px;background-image:url(images/7_contact.jpg);background-repeat:no-repeat;position: relative;}
#blocheadcontact{width: 100%; margin: auto; height: 20%;}
#blocbannierecontact{width: 468px;height: 60px;margin-top: -53px; margin-left: 241px ;}
#blocretourcontact{width: 100px;height: 100px;margin-top:-80px;; margin-left: 625px ;}
#bloccorpscontact{height: 630px;width: 100%;position: absolute; margin-top:; left: ;margin-left: ;}
#blocplancontact{height: 450px;width: 400px;margin-left:453px;margin-top:191px;}
#blocemailcontact{height: 200px;width: 300px;margin-left:85px;margin-top:271px;}
#blocmailtocontact{height: 200px;width: 300px;margin-left:46px;margin-top:-668px;}
#footercontact{height: 15px;width: 70%;position: absolute; margin-top: 211px; margin-left: 15px;}
#textfashion {text-align: justify;font-family:arial, verdana, sans-serif; font-weight:; width: 671px;height: 250px; margin-top: 71px}
#textindex{text-align: justify;font-family:arial, verdana, sans-serif; font-weight:; margin-left: 316px;margin-top: -198px; width: 597px;}
#textnumerique{text-align: justify;font-family:arial, verdana, sans-serif; font-weight:; width: 560px; margin-top:30px;}
#textweb{text-align: justify;font-family:arial, verdana, sans-serif; font-weight:; padding-right:3px;margin-top: 100px; width: 690px;}
p {color:#ffff00; font-family:arial, verdana, sans-serif; font-size:medium; margin-left:10px;}
p1 {color:#ff0000; font-family:arial, verdana, sans-serif; font-size:medium; margin-left:10px;}
p2 {color:#ffff00; font-family:arial, verdana, sans-serif; font-size:25px; margin-left:10px;}
p3 {color:#ffff00; font-family:arial, verdana, sans-serif; font-size:25px; margin-left:10px;}
#MenuBas {width: 660px; background-color: grey; font-size: 0.7em; margin-top: -1px;}
/* Je séléctionne mes par les sélecteurs ( est contenu par le ), inutile de lui rajouter une class */
ul#MenuBas li a{color:yellow;}
ul#MenuBas li {display : inline; padding : 0 0.5em; /* Pour espacer les boutons entre eux */}
ul#MenuBas {list-style-type : none; /* Car sinon les puces se placent n'importe où */}
/* SlideShow */
.slideshow { height: 120px; width: 468px; margin-top: 0px; }
.slideshow img { padding: 0px; border: 1px solid #ccc; background-color: #eee; }
/* Fin SlideShow */
/* SlideShow Ceramiques*/
.slideshowC { height: 120px; width: 468px; margin-top: 0px; }
.slideshowC img { padding: 0px; border: 1px solid #ccc; background-color: #eee; }
#slideshow { left: 76px; float: left; margin: -5px 69px 24px }
#nav { width: 318px; margin: -13px 15px 15px 75px; float: left }
#nav li { width: 60px; float: left; margin: 8px; list-style: none }
#nav a { width: 60px; padding: 3px; display: block; border: 0px solid #9f0000; }
#nav a.activeSlide { background: #transparent }
#nav a:focus { outline: none; }
#nav img { border: none; display: block }
/* Fin SlideShow Ceramiques*/
/* SlideShow Design*/
.slideshowD { height: 120px; width: 468px; margin-top: 0px; }
.slideshowD img { padding: 0px; border: 1px solid #ccc; background-color: #eee; }
/* Fin SlideShow Design*/
/* SlideShow Numerique */
.slideshowN { height: 375px; width: 500px; margin-left: 278px; margin-top: 10px; }
.slideshowN img { padding: 0px; border: 0px solid #ccc; background-color: #eee; }
/* Fin SlideShow Numerique */
* {margin:100; padding:0}