/* Structure */

#wrapper {
  width: 960px; 
  }
  
#mainnav {
  height: 45px;
  margin: 0;
  padding: 0; 
  }
*html #mainnav {
  height: 75px;
  }
  
#container {
  width: 960px;
  margin: 0;
  padding: 0;
  }
  
#leftnav {
  width: 160px;
  float: left;
  }
#content {
  margin-left: 160px;
  margin-right: 335px;
  }
#rightnav {
  float: right;
  width: 335px 
  }
  
/* Fond de page */

body{
  background: url(../im-new/fond-pages.gif) no-repeat;
  }
  
  
/* Menu  de navigation principal */

#mainnav ul {
  margin: 17px 0 0 160px;
  padding: 0; 
  }
*html #mainnav ul {
  padding-top: 6px;
  }
#mainnav ul li {
  display: inline;
  font-size: .84em;
  letter-spacing: 1px;
  line-height: 1em;
  padding-bottom: 8px;
  }
#mainnav ul li a {
  color: #858585;
  text-decoration: none;
  padding-left: 12px;
  margin-right: 15px;
  background: url(../im-new/puce-mainnav.gif) no-repeat 0 3px;
  }
#mainnav ul li a:hover {
  color: #000;
  border-bottom: 7px solid #e8e8e8;
  }
#mainnav ul li.current a {
  color: #000;
  border-bottom: 7px solid #e8e8e8;
  font-weight: bold;
  letter-spacing: 0;
  }

/* Colonne de gauche */

#leftnav {
  padding-top: 100px;
  }
  
#leftnav p {
  margin: 0 0 0 10px;
  padding: 0;
  font-size: .84em;
  line-height: 1.3em; 
  }

#leftnav ul {
  margin: 0;
  padding: 0 0 1em 0; 
  }
#leftnav ul.agences,
#leftnav ul.references {
  margin-top: 15px;
  margin-left: 10px;
  }
#leftnav li {
  font-size: 0.8em;
  font-weight: normal;
  padding: 0;
  margin: 0; 
  }
#leftnav li.retour {
  margin-left: 10px;
  }
#leftnav li a {
  text-decoration: none; 
  }
#leftnav ul.agences li.pa a {
  color: #fc1e8d;
  }
#leftnav ul.agences li.ly a {
  color: #66dc2c;
  }
#leftnav ul.agences li.ma a {
  color: #ff6800;
  }
#leftnav ul.agences li.mo a {
  color: #58acfa;
  }
#leftnav li a:hover {
  font-weight: normal; 
  }
#leftnav li.pa a,
#leftnav li.ly a ,
#leftnav li.ma a,
#leftnav li.mo a {
  padding-left: 10px;
  }
#leftnav li a:hover {
  font-weight: normal; 
  }
#leftnav form {
  font-weight: normal;
  font-size: .8em;
  color: #666; 
  margin-left: 10px;
  }
#leftnav form input {
	font-size: 11px;
	}
	
#leftnav p.item {
  font-size: .75em;
  color: #858585;
  margin-bottom: 0;
  padding-left: 10px;
  }

/* Colonne de droite */


#rightnav img {
  margin-bottom: 5px;
  border: 1px dotted #ccc; 
  }
#rightnav img.anim {
  border: 1px solid #fff; 
  }
#rightnav p {
  margin: 10px 95px 0 0;
  line-height: 1.5em;
  }
  
  
/* Contenu */


#content p {
  text-align: left;
  margin-right: 20px;
  }
#content p a {
  text-decoration: none;
  color: #666;
  }
#content p a:hover {
  color: #000;
  }
#content p.tete {
  font-size: .84em;
  text-align: left;
  margin-bottom: 10px;
  color: #858585;
  }
#content p.sujet {
  font-size: .92em;
  font-weight: bold;
  color: #333;
  margin-bottom: 3px;
  }
#content p.client {
  font-size: .84em;
  color: #858585;
  margin-bottom: 10px;
  }

.agence {
  }

#nav3 {
  margin: 0;
  padding: 0; 
  }

#nav3 li {
  font-size: .9em;
  font-weight: bold;
  padding: .2em 0 .2em 0;
  line-height: .9em; 
  }

#nav3 li a.active {
  font-weight: bold;
  text-decoration: underline; 
  }

#smenu {
  margin: 0;
  padding: 0;
  display:none; 
  }

#smenu li {
  list-style-type: disc;
  font-weight: normal;
  list-style-position: inside; 
  }

#content ul.list li {
  list-style-type: disc;
  font-weight: normal;
  list-style-position: inside;
  font-size: .9em;
  padding: .2em 0 .2em 0;
  line-height: .9em; 
  }

#content li.trick {
  font-size: .4em;
  padding: 0;
  margin: 0;
  line-height: .4em; 
  }

#form {
  padding: 0;
  margin: 0; 
  }
  
#tech {
  font-size: 0.84em;
  line-height: 1.3em;
  text-transform: uppercase;
  margin: 10px 335px 0 160px;
  padding: 0; 
  }

#tech h3 {
  color: #000;
  font-size: 0.84em;
  font-weight: bold;
  text-transform: uppercase;
  margin-bottom: 0;
  }

#tech p.comment {
  text-align: left;
  color: #999;
  }

.tech {
  color: #000;
  font-size: 0.84em;
  font-weight: bold;
  text-transform: uppercase; 
  }

/* Images flottantes */

.floatright {
  float: right;
  margin: 2px 0 3px 5px;
  padding: 0;
  border: none; 
  }

.floatleft {
  float: left;
  margin: 2px 5px 3px 0px;
  padding: 0;
  border: none; 
  }
  
  
 /* Lightbox styles */

#lightbox {	
	background-color: #eee;
	padding: 12px 
	}
#lightboxDetails {	
	font-size: 1em 
	}
#lightboxCaption {	
	float: left;
	padding-top: 0.5em;
	}
#lightbox img { 
	border: none; 
	clear: both;
	} 
#overlay img { 
	border: none; 
	}
#overlay   {
	background-image: url(../lightbox/overlay.png) 
	}

* html #overlay   {
	background: #333 url(../lightbox/transparent.gif);
	back\ground-color: transparent;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="/lightbox/overlay.png", sizingMethod="scale") 
	}