/*GLOBALS */

body,p,ul,li,div,h1,h2,h3 { margin : 0px; padding: 0px; font-family: Helvetica, sans-serif; font-size: 13px; color: #999999; font-weight: normal;}
img { border: none; }
h2 { color: black; font-size: 15px; margin-bottom: 8px; padding-top: 22px; }

a { color: #999999; text-decoration: none; }
a:hover { color: black; text-decoration:none; }

.lienok { color: black; text-decoration: none; }
.lienok:hover { color: black; text-decoration:none; }

a.opacity img { filter: alpha(opacity=100); -moz-opacity: 1; -khtml-opacity: 1; opacity: 1; }
a.opacity:hover img { filter: alpha(opacity=80); -moz-opacity: 0.8; -khtml-opacity: 0.8; opacity: 0.8; }



/* INFOBULLES */
a.info{ position:relative; z-index:24; }
a.info:hover{z-index:25;}
a.info span{display: none}
a.info:hover span{ display:block; position:absolute; top:0em; left:-12em; width:10em; background-color:#CCCCCC; color:#000; text-align: center; } 

/* MENU */

#menu ul { }
#menu li { margin-right:46px; float:left; /*pour IE*/ list-style-type: disc; list-style-position: outside; }
#menu ul li a { display:block; float:left; text-decoration:none; text-align:center; }
#menu ul li a:hover { } 

ul.list_client { padding-left: 14px; width: 128px; list-style-type: disc; color: red; list-style-position: outside; }
li.list_client { }

/* TXT */
.notes { font-size: 9px; line-height: 10px; color: #666666; font-weight: normal; }
.stitres1 { font-size: 16px; line-height: 18px; color: #666666; font-weight: normal; }

/* BLOCS */

#main { width: 900px; margin-left: auto; margin-right: auto; text-align: center; margin-top: 30px; margin-bottom: 30px; }
#left { display: block; float: left; width: 150px; text-align: center; padding: 50px 0px 30px 0px; }
#right { display: block; margin-left: 150px; border-left: 1px solid #CCCCCC; padding-bottom: 50px; }
#top { display: block; height: 35px; padding-top: 15px; border-bottom: 1px solid #CCCCCC; margin-bottom: 10px; }

#cont1 { display: block; float: left; width: 452px; padding-left: 15px; text-align: justify; }
#cont2 { display: block; float: right; width: 230px; margin-right: 5px; text-align: left; }

#cont1b { display: block; float: left; width: 550px; padding-left: 15px; text-align: left; }
#cont2b { display: block; float: right; width: 142px; margin-right: 0px; }

.title1 { display: block; width: 100%; padding-bottom : 4px; margin-bottom: 8px; border-bottom: 1px solid #CCCCCC; font-size: 130%; clear: both; padding-top: 22px; color: black; }
.title1b { display: block; width: 100%; padding-bottom : 4px; margin-bottom: 8px; border-bottom: 1px solid #CCCCCC; font-size: 130%; clear: both; color: black; padding-top: 27px; }
#contenu { text-align: justify; }

.par1 { font-size: 11px; }
.des { color: black; font-size: 11px; margin-bottom: 22px; }

.elemFaderGray { position:relative;filter:alpha(opacity=40); -moz-opacity:0.4; display: block; background-color:red; width:100%; }
.elemFaderGray:hover { background-color:red; color: green; }

.prod { display: block; float: left; width: 90px; margin-right: 20px; font-size: 80%; }
.prodimg { display: block; float: left; height: 90px; width: 90px; border: none; margin-bottom: 2px; }

.bloc_intro { display: block; height : 226px; width: 226px; float: left; margin-right: 10px; }