/*Taille du contenu obligatoirement en font-size: 12px;*/
body{ font-family:Arial; font-size:12px; margin:0; padding:0; text-align:center; background:#595959 url(../images/background/body.gif) repeat-x left top;}
img{ border:0;}
.spacer{ width:100%; height:1px; font-size:1px; clear:both; display:block; }
.spacer200px{ width:200px; float:left; font-size:1px; }
a:link, a:visited{ text-decoration:none; color:#3399cc}
a:hover{ text-decoration:underline;}
div.container{ width:900px; margin:0 auto; padding:0; background:url(../images/background/container.gif) repeat-y center top; }
div.header{ width:900px; height:340px;  margin:0; padding:0;  background:url(../images/background/header2.gif) no-repeat center top; float:left}
div.header div.menu{ text-align:right; padding:11px 0 0 0}
div.menu ul.menuTop{float:left;  list-style-type:none; margin:0px; padding:0 ;}
ul.menuTop li{ float:left; height:35px; margin:0; padding:0;}
ul.menuTop li a:link, ul.menuTop li a:visited { display:block; background-position:left top; background-position:top; background-repeat:no-repeat; height:35px;}
ul.menuTop li a.menuiserie:link, ul.menuTop li a.menuiserie:visited{ background-image: url(../images/menu/menuiserie.gif); width:181px; }
ul.menuTop li a.serrurerie:link, ul.menuTop li a.serrurerie:visited{ background-image:url(../images/menu/serrurerie.gif); width:87px}
ul.menuTop li a.portails:link, ul.menuTop li a.portails:visited{ background-image:url(../images/menu/portails.gif); width:73px}
ul.menuTop li a.escaliers:link, ul.menuTop li a.escaliers:visited{ background-image:url(../images/menu/escaliers.gif); width:82px}
ul.menuTop li a.stores:link, ul.menuTop li a.stores:visited{ background-image:url(../images/menu/stores.gif); width:65px}
ul.menuTop li a.agencement:link, ul.menuTop li a.agencement:visited{ background-image:url(../images/menu/agencement.gif); width:87px}
ul.menuTop li a.realisation:link, ul.menuTop li a.realisation:visited{ background-image:url(../images/menu/realisation.gif); width:96px}
ul.menuTop li a span{display:none}
ul.menuTop li a:hover{background-position:left bottom;}

div.logo{ float:left; padding:79px 0 0 0; margin:0 9px 0 0;  }
div.logo a.logolink:link, div.logo a.logolink:visited { float:left; margin:0; }
div.mainMenu { float:left; margin:0 0 0 45px; }
div.mainMenu ul{margin:20px 0 0 0; padding:15px 0 0 0; float:left }
div.mainMenu ul li{display:block; clear:both; margin:8px 0 0 0; width:135px}
div.mainMenu ul li a:link, div.mainMenu ul li a:visited{ display:block;  background-position:left top;  background-repeat:no-repeat; height:40px;}
div.mainMenu ul li a span{ display:none}
div.mainMenu ul li a.accueil:link, div.mainMenu ul li a.accueil:visited{ background-image:url(../images/menu/accueil.gif); }
div.mainMenu ul li a.contact:link, div.mainMenu ul li a.contact:visited{ background-image:url(../images/menu/contact.gif);}
div.mainMenu ul li a.acces:link, div.mainMenu ul li a.acces:visited{ background-image:url(../images/menu/acces.gif);}
div.mainMenu ul li a:hover{background-position:-139px top;}

div.flash{ float:left; width:425px; height:250px;  margin:0; padding:0;}

div.content{ text-align:justify; margin:0; padding:0;}
div.block{ width:400px; float:left; margin:0; padding:0 0 0 25px;  }
div.block2{ width:420px; float:left; margin: 13px 0 0 25px; padding:20px 0; }
h1{ margin:0; padding:0;}

.grey{background:#595959;}
.tel{ font-size:18px; color:#3399cc;}



ul.galWhite{ list-style-type:none; margin:0; padding:0; text-align:center;}
ul.galWhite li{   padding:0; margin:0; display:inline; }
ul.galWhite li img /*, ul.gallery li img*/{width:144px; height:144px;  background:url(../images/background/gallery.gif) no-repeat left top; margin:0 15px 10px 15px; padding:6px;}

ul.galRea{ list-style-type:none; margin:0; padding:0; text-align:center;}
ul.galRea li{   padding:0; margin:0; display:inline; }
ul.galRea li img {width: 200px; height:133px;  background:url(../images/background/galleryrea.gif)   no-repeat left top; margin:0 15px 10px 15px; padding:6px;}

ul.galRea2{ list-style-type:none; margin:0; padding:0; text-align:center;}
ul.galRea2 li{   padding:0; margin:0; display:inline; }
ul.galRea2 li img {width: 133px; height:200px;  background:url(../images/background/galleryrea2.gif)   no-repeat left top; margin:0 15px 10px 15px; padding:6px;}



ul.gallery{ list-style-type:none; margin:0; padding:0; text-align:center; /*width:415px; overflow:hidden;*/  }
ul.gallery li{ padding:0; margin:0; position:relative; display:inline;}
ul.gallery li img /*, ul.gallery li img*/{width:144px; height:144px;  background:url(../images/background/galleryII.gif) no-repeat left top; margin:0 15px 10px 15px; padding:6px;}



div.footer  { display:block;  text-align:center; padding:0 0 10px 0 ;  width:842px; margin:10px auto 0 auto;}
div.footer ul{  background:#505050 url(../images/background/footer.gif) repeat-x left top; display:block; margin:0 ; padding:6px  0 6px 0; font-size:11px; list-style-type:none; text-align:center; }
div.footer  ul li { display:inline; color:#fff;  }
div.footer ul li a:link, div.footer ul li a:visited{ color:#fff; margin:0 3px;  text-decoration:none;}
div.footer ul li a:hover{ text-decoration: underline;}
.logofooter{ margin:7px auto 0 auto;   float: none; clear: both; display: block;}
.center{ text-align:center}
.plan{padding:0 26px 0 26px;}

#mentions p {padding-left: 10px;  border-left: 1px solid black;}
#ctc div {width:200px padding:50px; }
#ctc p { border-left: 1px solid #000;padding-left:5px; text-align:left;}
#contact {width:300px; text-align:center; margin:0 auto;}