body { background: #000; margin: 0 auto; font-family: Vernada, sans-serif; font-size: 12px; text-align: center; color: #fff; }

a { text-decoration: underline; color: #b0b0b0;}
a:hover {color: #fff;}

div.master { font-family: Verdana, sans-serif; color: #fff; width:708px; background: #000; margin: 0 auto;}

div.nav { background: url(../images/logo_presence.jpg) no-repeat; background-position: top left; font-family: Verdana; width: 568px !important; width:708px; height: auto; padding-left: 150px !important; padding-top: 50px; padding-bottom: 0px; text-align: left; margin: 15px auto 0 auto; border-bottom: 1px solid #B0B0B0; line-height: 30px; vertical-align: bottom;}
div.nav a { font-weight: bold; font-size: 12px; color:#B0B0B0; text-decoration: none; margin: 1px; line-height: 30px; }
div.nav a:hover {color: #fff;}

div.navig { font-family: Verdana; width:708px; height: auto; text-align: center; margin: 15px auto 0 auto; border-bottom: 1px solid #B0B0B0; line-height: 30px; vertical-align: bottom;}
div.navig a { font-weight: bold; font-size: 12px; color:#B0B0B0; text-decoration: none; margin: 1px; line-height: 30px; }
div.navig a:hover {color: #fff;}

div.logo { width:708px; height: 100px; background: url(../images/logo_presence2.jpg) no-repeat; background-position: left; text-align: center; color: #fff; font-size: 30px; line-height: 30px; vertical-align: bottom; font-family: Verdana;}

div.langue { width: 708px; text-align: right; margin:0 auto;}
div.langue a { font-size: 10px; color:#b0b0b0; text-decoration: none; padding-right: 0;} 
div.langue a:hover { color: #fff;} 

table.realisations { width:600px; text-align: center; border: 1px solid #666666; color: #fff; border-collapse: collapse;}
table.realisations td { width: 200px; height: 160px; border: 1px solid #666666;}
table.realisations td img { width: 160px; height: 120px; margin: 20px;} 
table.realisations td.debout { width: 200px; height: 160px; border: 1px solid #666666;}
table.realisations td.debout img { width: 120px; height: 160px; margin: 20px;} 
table.diapo { width:800px; heitgh:670px; margin:20px auto 50px auto; border: 3px solid #b0b0b0;}
table.diapo td { border: 3px double #b0b0b0;}
table.diapo img { width: auto; height: auto; margin: 0;}
table.diapo td.titre { border: none; width: 700px; height: 50px; text-align: center; font-size: 16px; color: #000000;}
table.diapo td.gauche { border: none; width: 50px; height: 50px; text-align: center; font-size: 16px; color: #666666;}
table.diapo td.gauche img { width: 44px; height: 44px; margin-left: 5px;}
table.diapo td.droite { border: none; width: 50px; height: 50px; color: #666666;}
table.diapo td.droite img { width: 44px; height: 44px; margin-right: 5px; margin-left: 10px;}
table.diapo td.fermer { width: 800px; height: 14px; background: #b0b0b0;  border: none;}
table.diapo td.fermer img { width: 14px; height: 14px; margin-right: 2px;}

div.separate { border-bottom: 1px solid #fff; padding: 10px;}
a.loupe { cursor: url(../images/MAGNIFY.CUR), crosshair;}

h1 { font-size: 30px; text-align: center; color: #fff;}
h2 { font-size: 18px; text-align: left; color: #b0b0b0;}
h3 { font-size: 14px; text-align: left; color: #b0b0b0; margin: 2px 0;}
h4 { font-size: 12px; text-align: left; color: #b0b0b0; margin: 2px 0;}

div.footer { margin: 50px auto; width:708px; text-align: center; font-size: 11px; color:#b0b0b0; letter-spacing: 0.2em;}
div.footer .copy { font-size: 10px; color:#b0b0b0; letter-spacing: 0;}
 
table.contenu { border: none; margin: 10px auto; font-size: 12px; color: #b0b0b0; padding: 0; line-height: 16px;}
table.contenu td.titre { padding: 10px;font-size: 30px; text-align: center; color: #fff; font-weight: bold; line-height: 36px;}
table.contenu td.gauche { width:235px; padding: 10px; color: #b0b0b0;} 
table.contenu td.menu_gauche { width:235px; padding: 10px; color: #fff;} 
table.contenu td.menu_gauche a {font-weight: bold; color: #B0B0B0; text-decoration: underline; margin: 5px 0;}  
table.contenu td.menu_gauche a:hover {color: #fff; text-decoration: underline;}  
table.contenu td.menu_gauche p.pic {float: left; width:235px; margin: 5px 0 0 0;}  
table.contenu td.menu_gauche p.pic img {float: left; margin: 0 4px 4px 0;} 
table.contenu td.telecommande { width:700px; height:400px; background: url(../images/_N1J4308.jpg) no-repeat; font-size: 28px; color: #fff; padding: 330px 30px 0 0; line-height: 28px;text-align: right; font-weight: normal;} 

table.contenu td.soustitre { font-size: 13px; padding: 10px; text-align: center; color: #969696; font-weight: bold;} 
table.contenu td.blogdetail { width:400px; font-size: 12px; color: #b0b0b0; padding-top: 0px; padding-bottom: 50px; border-top: 1px solid #666666;} 
table.contenu td.blogdetail a { color: #b0b0b0; font-weight: bold; text-decoration: underline;}
 table.contenu td.blogdetail a:hover { color: #FC110F;}
table.contenu td.blogdetail h1 { font-size: 18px; font-weight: bold; color:#FC110F; text-align: left; margin:0;} 
table.contenu td.blogdetail h2 { font-size: 18px; font-weight: bold; color:#b0b0b0; text-align: left; margin:0 0 5px 0;} 

table.contenu td.blog { width:600px; font-size: 12px; color: #b0b0b0; padding-top: 0px; padding-bottom: 50px; line-height: 20px;} 
table.contenu td.blog a { color: #b0b0b0; font-weight: bold; text-decoration: underline;}
 table.contenu td.blog a:hover { color: #FC110F;}
table.contenu td.blog h1 { font-size: 22px; font-weight: bold; color:#FC110F; text-align: left; margin:0;} 
table.contenu td.blog h2 { font-size: 22px; font-weight: bold; color:#b0b0b0; text-align: left; margin:0 0 5px 0;} 
table.contenu td.sonos { font-size: 11px; color: #b0b0b0; padding: 20px 10px 0 20px;} 

table.contenu td.texteintro { width: 303px; padding: 10px 2px; text-align: left; font-weight: bold; line-height: 18px;} 
table.contenu td.texteintro ul { margin: 10px 0 5px 10px; padding: 0; line-height: 16px; vertical-align: top;list-style: url(../images/dot_fleche.gif);} 
table.contenu td.texteintro li { margin: 5px 0 5px 5px; padding: 0;} 
table.contenu h1 { font-size: 30px; text-align: center; color: #fff;}