/* CSS Document */

* { 
margin:0; 
padding:0; 
}

body { 
background:url(images/fond_body.gif) center ;
font: 0.75em Verdana, "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Sans-Serif;
}

#page { 
width: 750px; 
position: relative;
margin-left: auto;
margin-right: auto;   
}
	
#header {
width: 750px;
height: 170px;
margin-top: 6px;
background-color: #ccc;
}
	
p {
margin: 1em;
}

a img {
border:none;
}

dl, dt, dd, ul, li {
list-style-type: none;
}

dl,ul {
margin:1em;
}

h1{ 
font-size:1em ; 
margin:0; 
background-color:#fff;
}

h2 { 
font-size:1em ; 
margin: 1em 0 0 0; 
background-color:#fff;
}


#intro {
float:right;
margin:1em 0;
}
	
/* *********************              menu              ************************/

#header ul { 
margin:0;
}

#header li {
float: left;
font-size: 1em;
text-align: center;
border: 0px solid #000;
width: 172px;
}

#header li a {
color:#595959;
font-weight: bold;
display: block;
margin: 4px 0 0 0;
text-decoration:none;
}

#header li a:hover {
color: #000;
}

a:hover {
background: none;
}

a span {
display:none;
}

a:hover span {
position: absolute;
top: 110px;
left: 10px;
display: block;
width: 720px;
font: 1em  Verdana, "Trebuchet MS", "Lucida Grande", Tahoma, Helvetica, Sans-Serif ;
font-style:italic;
text-align: justify;
padding: 2px;
}

#logo {
float: left;
width: 229px;
margin: 0 0 0 px;
}

#menu {
float:left;
width: 517px;
height: 102px;
margin: 0 0 0 4px;
background-color:#ccc;
}

#ssmenu dl {
float: left;
margin: 6px 0 0 0;
}

#ssmenu dt {
cursor: pointer;
text-align: center;
font-weight: bold;
width: 172px;
background-color: #dcdcdc;
}

#ssmenu dd {
display: none;
}

#ssmenu ul {
width: 160px
}

#ssmenu li a, #ssmenu dt a {
color: #595959;
text-decoration: none;
display: block;
margin: 2px 0 2px 0;
}

#ssmenu li a:hover, #ssmenu dt a:hover {
color: #000;
display: block;
background: none;
}



/************************/

dl#cv  {
height: 400px;
background:url(images/equipe.jpg) no-repeat 428px 0px;
}

#cv dt {
width: 124px;
margin: 0 0px 20px 10px;
}

#cv dd {
display:none;
}

#cv a:hover dd { 
display:inline;
}

#cv dl {
width: 500px;
position: absolute;
top: 410px;
left: 220px;
background-color: #fff;
border: 1px solid #000;
}

#cv dd dt {
display: block;
width:480px;;
font: 2em bold;
height: 4em;
background-color: #a0a0a0;
margin:0;
padding:10px;
}

#cv dt img {
float: left;
margin: 0 10px 0 0;
border: 1px solid #000;
}

#cv dd dl dd{
margin: 0.6em;
display: block;
}

#equipe {
position:absolute;
top:410px;
left:300px;
}
/* *********************             menu projet              ************************/

#menu_projet {
background-color:#FFFFFF;
}
	
#menu_projet p {
font: bold 1em verdana;
margin:0;
background-color:#fff;
}

#menu_projet ul{
height: 37px;
text-align:justify;
margin: 5px 0 0 0;
display:block;
}

#menu_projet ul li {
margin-left: 10px;
display: inline;
float: left;
}

#menu_projet ul li a {
display: block;
color: #000;
width:30px;
height: 30px;
border:1px solid #000;
}

#menu_projet ul li a img {
margin:5px;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

#menu_projet ul li a:hover {
background: none;
}

#menu_projet ul li a:hover img{
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 0;
border-bottom: 0;
}

#menu_projet ul li a span {
display: none;
}

#menu_projet ul li a:hover span {
display: block;
position: absolute;
width: 300px;
text-align:right;
top: 200px;
left: 440px;
font: bold 1.4em verdana ;
}


#projet img {
margin:0 0 0 34px;
border:1px solid #000;
}

/* *********************              galerie              ************************/

div#galerie {
width: 700px ;
height: 400px;
border: 1px solid #dcb ;
margin: 0 0 0 10px;
text-align: center ;
font: 0.9em Georgia, serif ;
}

ul#galerie_mini {
list-style-type: none ;
}

ul#galerie_mini li {
float: left ;
margin: 0 10px 10px 0;
}

ul#galerie_mini li a img {
margin: 2px 1px ;
border-right: 1px solid #000;
border-bottom: 1px solid #000;
}

ul#galerie_mini li a:hover img {
border-top: 1px solid #000;
border-left: 1px solid #000;
border-right: 0;
border-bottom: 0;
}

div#photo {
clear: both ;
}

div#photo img {
border: 1px solid #000 ;
}

/* *********************              contact              ************************/

#acces {
width: 480px;
}

#acces dl {
margin: 0 0 1em 1em;
}

#acces dt {
font: bold 1em verdana;
}

#acces dd {
margin: 0 0 0 1em;
}

div#plan {       
position: absolute;
top: 300px;
left: 540px;
text-align:center;
width: 200px ;
border: 1px solid #000;
}

ul#plan_menu {      
position: absolute;
left: 50px;
top: 204px;
width: 100px;
height:65px;
list-style-type: none;
background-image:url(images/zoom.gif);
}

ul#plan_menu li {      
margin: 50px 0px 0 8px;
float: left ;
}

ul#plan_menu li a {
display: block;
color: #000;
width:20px;
height: 20px;
background:url(images/fleche_zoom_off.gif) no-repeat;
}

ul#plan_menu li a:hover {
background-image:url(images/fleche_zoom.gif);
}