body {
	margin: 0px 0 ;
	background-color:#686f83;
	background-image:url(images/maquette-decoupe_60.jpg);
}

#conteneur {
	width:100%;
	text-align:center ;
}

#principale {
	width:835px;
	margin-left: auto;
	margin-right: auto;
	text-align:left;
	padding-top:5px;
}

#HG {
	height:37px;
	width:33px;
	float:left;
	background-image:url(images/maquette-decoupe_03.png);
	background-repeat:no-repeat;
}

#HM {
	height:37px;
	width:769px;
	float:left;
	background-image:url(images/maquette-decoupe_05.png);
	background-repeat: repeat-x;
}

#HD {
	height:37px;
	width:33px;
	float:left; 
	background-image:url(images/maquette-decoupe_07.png);
	background-repeat:no-repeat;
}

#ombre {
	 width:835px;
	 background-image: url(images/ombre.png);
	 background-repeat:repeat-y;
	 clear:both;
}

#CM {
	 width:815px;
	 background-color:#FFFFFF;
	 margin-left:10px
}

#header {
	 width: 815px;
	 height:28px;
	 background-image:url(images/ombre_10.jpg);
	 background-repeat:repeat-x;
}

#headerG {
	 width: 178px;
	 height:36px;
	 margin-left:25px;
	 background-image:url(images/maquette-decoupe_11.jpg);
	 background-repeat:no-repeat;
	 float:left ;
}

#headerM {
	 width: 815px;
	 height:25px;
	 float:left;
	 background-image:url(images/onglet3.jpg);
	 background-repeat:repeat-x;
}

#flashG {
	width:90px;
	height:217px;
	background-image: url(images/flash_g.jpg);
	background-repeat:no-repeat;
	float:left;
	margin-top:5px;
}

#flashM {
	width:635px;
	height:217px;
	background-image: url(images/flash_m.jpg);
	background-repeat: repeat-x;float:left;
	margin-top:5px;
}

#flashD {
	width:90px;
	height:217px;
	background-image: url(images/pastille2.jpg);
	background-repeat:no-repeat;float:left;
	margin-top:5px;
}

#contenu {
	  width:815px;
	  height:auto;
	  padding-top:10px;
}

#gauche {
	width:240px;
	height:217px;
	margin-left:10px;
	float:left;
}
#gaucheHG {
	 width:11px;
	 height:32px;
	 background-image:url(images/maquette-decoupe_41.jpg);
	 background-repeat:no-repeat ;
	 float:left;
}
	 
#gaucheHM {
	width:218px;
	height:32px;
	background-image:url(images/maquette-decoupe_44.jpg);
	background-repeat: repeat-x ;
	float:left;
}

#gaucheHD {
	width:11px;
	height:32px;
	background-image:url(images/maquette-decoupe_46.jpg);
	background-repeat:no-repeat;
	float:left;
}

#gaucheC {
	width:238px;
	height:300px;
	background-image:url(images/maquette-decoupe_51.jpg);
	background-repeat: repeat-x;
	border-left:#a4a4a4 1px solid ;
	border-right:#a4a4a4 1px solid;
	clear:both; padding-top:5px;
}

#gaucheBG {
	width:12px;
	height:13px;
	background-image:url(images/maquette-decoupe_54.jpg);
	background-repeat:no-repeat ;
	float:left;
}

#gaucheBM {
	 width:216px;
	 height:13px;
	 float:left;
	 border-bottom:#a4a4a4 1px solid;
}

#gaucheBD {
	 width:12px;
	 height:13px;
	 background-image:url(images/maquette-decoupe_57.jpg);
	 background-repeat:no-repeat;
	 float:left;
}

#droite {
	  width:350px;
	  float:left;
	  margin-left:10px;
	  border-left:#adadad 1px dashed;
	  padding-left:5px;
}

#circuit {
	  width: 91px;
	  height:189px;
	  background-image:url(images/circuit.gif);
	  background-repeat:no-repeat;
	  float:right;
}
#composition {
	  width: 150px;
	  height:134px;
	  float:right;
	  padding-top:25px;
	  text-align:right;
}

#portfolio {
	 width:815px;
	 height:200px;
	 background-color:#000000;
	 clear: both;
}
#portG {
	 width: 20px;
	 height:187px;
	 float:left;
	 background-image:url(images/port_72.gif);
	 background-repeat:no-repeat;
}
#portM {
	 width:775px;
	 height:187px;
	 float:left;
	 background-image: url(images/port_74.gif);
	 background-repeat:repeat-x;
}
#portD {
	 width: 20px;
	 height:187px;
	 float:left;
	 background-image: url(images/port_78.gif);
	 background-repeat:no-repeat;
}

#BG {
	height:30px;
	width:33px;
	float:left;
	background-image:url(images/maquette-decoupe_18.png);
	background-repeat:no-repeat;
	clear:both;
}

#BM {
	height:30px;
	width:769px;
	float:left;
	background-image:url(images/maquette-decoupe_19.png);
	background-repeat: repeat-x;
}

#BMD1 {
	height:30px;
	width:25px;
	float:right;
}
#BMD2 {
	height:25px;
	width:285px;
	float:right;
	padding-top:5px;
	text-align: right;
}

#BMG {
	height:25px;
	width:600px;
	float:left;
	padding-top:5px;
}

#BD {
	height:30px;
	width:33px;
	float:left;
	background-image:url(images/maquette-decoupe_20.png);
	background-repeat:no-repeat;
}



.courant{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-align:justify;
	line-height: 2.7ex;
	
}

.footer {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #e8e3e3;
}

h1 {
	 color:#CCCCCC;
	 font-family: Arial, Helvetica, sans-serif;
	 font-size:9px;
	 line-height:9px
}

h2 {
	 font-size:12px;
	 font-weight: bold ;
	 font-family: Verdana, Arial, Helvetica, sans-serif;
	 color:#FF9900;
}

h3.footer {
	 display: inline;
}

ul#liste{
	height: 25px ;
	margin: 0 ;
	padding: 0 ;
	list-style-type: none ;
}

ul#liste li{
	float: left ;
	text-align: center ;
	background: url(images/onglet3.jpg) 0 0px ;
	background-repeat:no-repeat;
}

ul#liste li#actif{
	float: left ;
	text-align: center ;
	background: url(images/onglet3.jpg) 0 -25px ;
	background-repeat: repeat-x;
	font-weight:bold;
}

ul#liste li a{
	width: 80px ;
	line-height: 22px ;
	letter-spacing: 0px ;
	color: #ffffff ;
	display: block ;
	text-decoration: none ;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	margin-right:0px;
	border-right:#FFFFFF 1px solid;
}


ul#liste li a:hover {
	background: url(images/onglet3.jpg) 0 -51px ;
	background-repeat:repeat-x;
}

ul#liste li a.ddd {
	background: url(images/onglet3.jpg) 0 -75px ;
	background-repeat:repeat-x;
}








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

#menu {
	width:230px;
	float:left;
}

#menu dt {
	cursor: pointer;
	margin: 0px 0;
	text-align: left;
	font-size:11px;
	line-height: 28px ;
	height: 28px;
	text-indent:35px;
	letter-spacing: -1px;
	border-top:#000000 1px  dotted;
	background-image:url(images/dble-fleche.gif);
	background-repeat:no-repeat;
}
	

#menu dt a {
	color: #7b7b7b ;
	text-decoration: none;
	background: url(images/menu.png)  0 -54px ;
	display: block;
	height: 27px;
	border: 0 none;
}

#menu dt a:hover {
	color:#f29400;
}

#menu dt#On a {
	text-decoration: none;
	background: url(images/menu.png)  0 0px ;
	font-weight:bold;
	display: block;
	height: 27px;
	border: 0 none;
}

#menu li {
	text-align: left;
	background: none;
}

#menu li a {
	color: #ff9900 ;
	font-size:9px;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
	text-indent:60px;
	padding-bottom:3px;
}

#menu li a:hover {
	background: #e9e9e9;
}

#menu li#actif {
	font-weight:bold;
	}
	
	
	
.fisheye{
	text-align: center;
	height: 50px;
	position: relative;
}

a.fisheyeItem{
	text-align: center;
	color: #fff;
	font-size:14px;
	text-decoration: none;
	width: 40px;
	position: absolute;
	display: block;
	top: 0;
	font-family: Arial, Helvetica, sans-serif;
	
}

.fisheyeItem img{
	text-align: center;
	border: none;
	margin: 0 auto 0 auto;
	width: 100%;
}

.fisheyeItem span{
	display: none;
	position:absolute;
}

.fisheyeContainter{
	height: 50px;
	width: 200px;
	left: 500px;
	position: absolute;
}


#filter{
	display: none;
	position: absolute;
	top: 400px;
	left: 0%;
	width: 100%;
	height: 100%;
	background-color: #000000;
	z-index:10;
}

#box{
	display: none;
	position: absolute;
	top: 450px;
	left: 20%;
	width: 60%;
	height: 60%;
	padding: 0;
	margin:0;
	border: 1px solid black;
	background-color: white;
	z-index:11;
}

#boxcontent{
	left:0;
	right:0;
	bottom:0;
	margin:0;
	padding: 8px;
	overflow: auto;
	width:100%;
	height:100%;
}

#boxtitle{
	left:0%;
	width:100%;
	height:20px;
	padding:0;
	margin:0;
	color:black;
	text-align:center;
}

#gallery {
	width: 775px;
}

#gallery ul { 
	list-style: none;
}

#gallery ul li {
	display: inline;
}

#gallery ul li img {
	padding:10px;
}
#bulle {
	background-image: url(images/bulle_g.png);
	height:275px;
	width:534px  ;
	background-repeat:no-repeat;
	padding-top:65px;
	padding-bottom:15px;
}


#temoignage {
	
	font-size:small;
	font-weight:bold;
	font-family: Geneva, Arial, Helvetica, sans-serif;
	color:#4f788f;
	padding-left:40px;
	padding-right:40px;
	width:434px;
	height:266px;
	overflow:auto;	
	line-height: 1.25em;

}

#temoignage_nav, #temoignage_nav a  {
	font-size:xx-small;
	color:#FF9900;
}

#onglet_temG {
	float:left;
	background-image:url(images/onglet_tem2.gif);
	background-repeat:no-repeat; width:152px;
	height:30px;
	text-align:center;
	margin-left:15px;
	color:#FFFFFF;
	text-decoration:none;
	padding-top:5px;
}
#onglet_temG a, #onglet_temD a  {
	color:#FFFFFF;
	text-decoration:none;
	font-weight:bold;
	
}
#onglet_temD {
    float:right;
    background-image:url(images/onglet_tem3.gif);
    background-repeat:no-repeat;
    width:152px;
    height:30px;
    text-align:center;
    margin-right:15px;
    color:#FFFFFF;
    text-decoration:none;
    padding-top:5px;
}

.since {
     font-size:x-small;
     color: #999999;
     font-weight:normal;
}

.tableau1 {
    font-weight:bold; color:#FFFFFF;
}

.tabcontact 
{
    border-bottom: solid 1px #ffcb7c ;
}

#mots2 {
  
	color: #fff;
	font-size:0.55em;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	width:766px;
	margin: 0 auto;
	font-weight:bold;
	
}
.plan
{
	 clear:both;
	 font-size:0.65em;
	 font-family:Verdana, Arial, Helvetica, sans-serif;
	 color: #fff;
	 background-color: #5a5a5a;
	 height: 120px;
	 width:820px;
	 margin:0 auto;
	 
}
.plan2
{
	float:left; padding-left:5px; 
}

.plan2 a
{
	color:#CCCCCC;
}
.rub
{
	display:block; width:150px; height:20px; background-color: #999999; text-align:center;
}

.plan2 a.rub
{
color:#FFFFFF; text-decoration:none;
}