/* reset */
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{margin:0;padding:0;border:0}
table{border-collapse:collapse;border-spacing:0} 
address,caption,cite,code,dfn,th,var{font-style:normal;font-weight:400}
ol,ul{list-style:none}
caption,th{text-align:left}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:400}
q:before{content:'« '}
q:after{content:' »'}
fieldset,img,abbr,acronym{border:0}
/* fin du reset */

#logo{
position:relative;
top:-80px;
left:0px;
background: aqua;
opacity:0.2;
}

#b1{
position:absolute;
top:0;
left:0;
background:black;
width:16px;
height:50px;
}
#b2{
position:absolute;
top:25px;
left:19px;
background:black;
width:24px;
height:24px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}
#w10{
position:absolute;
top:0;
left:85px;
background:black;
width:24px;
height:24px;
-moz-border-radius:12px;
-webkit-border-radius:12px;
border-radius:12px;
}

#w1,#w7{
position:absolute;
top:0px;
width:0px;
height:0px;
border-width:35px 0 0 17px;
border-style: solid;
border-color: black transparent transparent transparent;
}
#w1{
left:35px;
}
#w7{
left:57px;
}

#w2,#w8{
position:absolute;
top:0px;
width:0px;
height:0px;
border-width:35px 0px 0px 17px;
border-style: solid;
border-color: transparent transparent transparent black;
}

#w2{
left:52px;
}

#w8{
left:74px;
}

#w3,#w9{
position:absolute;
width:0px;
height:0px;
border-width:15px 10px 0px 7px;
border-style: solid;
border-color: black transparent transparent transparent;
}
#w3{
top:35px;
left:52px;
}
#w9{
top:35px;
left:74px;
}

#pointe{
width:0px;
height:0px;
border-width:4px;
margin-left: 4px;
border-style: solid;
border-color: #4300FF transparent transparent transparent;
margin-bottom: -4px;
}

#load{
position:absolute;
top:-4px;
width:0px;
height:0px;
border-width:5px;
border-style: solid;
border-color: transparent transparent #4300FF  transparent;
}

body{
background-color: #eee; /*#8a7d6f;*/ 
overflow:hidden;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
font-size: 11px;
line-height: 20px;
}
.news{
background-color:#fff;
width:40px;
height:40px;
float:left;
overflow: hidden;
 -moz-box-shadow: 5px 5px 10px rgba(0,0,0,0.1);
position:relative;
cursor:pointer; 
}

html>body .norm{
cursor:url(curope.gif) 0 0, e-resize!important;
cursor:-moz-zoom-in!important;
}

html>body .maxsize{
cursor:url(curclos.gif) 0 0, w-resize!important;
cursor:-moz-zoom-out!important;
}

#bulle{
position:absolute;
top:-55px;
z-index:100;
}

#bulle p{
background: #4300FF;
padding:0px 5px;
margin:0;
color:white;
}
#canvas{
background:transparent;
position:absolute;
width:100%
height:100%;
z-index:99;

}
#bomb{
width: 20px;
height: 20px;
cursor: help;
position: fixed;
background:transparent url(images/grille.gif) no-repeat;
background-position: -20px 0;
right:10px;
top:10px;
z-index: 1000;
}
.slide{
position:absolute;
top:0;
left:0;
height:480px;
background: #f4f4f4;
}

.s1{
width:680px;
}

.s2{
width:1360px;
}

.s3{
width:2040px;
}

.s4{
width:2720px;
}

.s5{
width:3400px;
}

.s6{
width:4080px;
}

.sub{
width:480px;
float:left;
margin-right:200px;
}

.center{
text-align: center
}
.center img{
margin-left: -40px;
}

.count{
display: block;
width:20px;
height:20px;
line-height: 20px;
margin:10px;
color: #4300FF;
background:#fff;
text-align: center;
float:left;
/*border-right: 1px #4300FF solid;*/
}

.pict{
position:absolute;
background-color: white;
z-index:20;
}

.bulle{
display:none;
background:#ff0;
position:absolute;
top:-55px;
}
.sep{
width:2px;
clear:both;
}
.info{
position:absolute;
left:480px;
top:0px;
width:179px;
padding:10px;
background: #fff;
border-right:1px dotted #f0f0f0;
height:460px;
cursor:default;
}

.info p{
margin:0;
margin-bottom: 20px;
}
.info p a{
color:#111;
}

.info h3{
font-weight: bold;
margin: 0;
margin-bottom: 20px;

}

a.external{
background: transparent url("images/external.gif") no-repeat right center;
padding-right:16px;
}

#content{
position:absolute;
width:960px;
}

.info ul li a{
color:#111;
}

a.next{
background: #4300FF url("images/r.gif") no-repeat right center;
display: block;
float:left;
width:80px;
height:80px;
text-indent: -1000px;
outline: none;
}

a.prev{
background: #4300FF url("images/l.gif") no-repeat left center;
display: block;
float:left;
margin-right:19px; 
width:80px;
height:80px;
text-indent: -1000px;
outline: none;
}

a.prev:hover,a.next:hover{
background-color: #000;
}

a{
color:#4300FF; /* 007FFF */
text-decoration: none;
outline: none;
}

a:hover{
text-decoration:underline;

}

q{
background: white;
}

kbd{
background: white;
font-family: "lucida grande",tahoma,verdana,arial,sans-serif;
padding:0 3px;
}

h2{
text-indent: -1000px;
width: 40px;
height:40px;
}

h3{
margin:10px 10px -10px 10px;
font-weight: bold;
clear:both;
}

p{
margin:10px;
clear: both;
}

img{
clear:both;
}



/*********************
icone set 
sprite : http://spritegen.website-performance.org/
**********************/

#v2006{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px 0px;
}

#anomaly1{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -50px;
}

#anomaly2{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -100px;
}

#contact{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -150px;}

.cross{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -200px;}

#dispo{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -250px;
}

#esad{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -300px;}

#jfb{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -350px;
}


#listographie{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -400px;}

#m1{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -450px;}

#mac{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -500px;}


#macbook{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -550px;}

#nb06{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -600px;}

#nb07{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -650px;}

#print{
background: white url("images/sprite.gif") no-repeat;
background-position: 0px -700px;}

#crosss{
background: white url("images/cross.gif") repeat top left;
width:800px;
height:500px;
}

.crosss{
background: transparent url("images/cross.gif") repeat top left;
}