/*
* Sous menu
*/
.sousmenu {
   background:éffffff;
   width:980px;
   height:36px;
  }

#btn_web  {
  margin-left:50px;  
  position:relative;
  top:-12px;
  }

#btn_edition, #btn_identite, #btn_webmarketing  {
  margin-left:15px;
  position:relative;
  top:-12px;
  }
/*
* Titres
*/ 
h2 {
  font-size:12px;
  }

h3 {
  font-size:11px;
  font-weight:normal;
  color:#7f7f7f;
  }
  
h5 {
  color:#ffffff;
  font-size:11px;
  margin:0 0 10px 30px;
  padding-top:4px;
  }

h6 {
	color:#ffffff;
	font-size:10px;
	font-weight:normal;
	height:18px;
	width:108px;
	text-align:center;
	margin:0;
	padding:3px 0 0 0;
	position:relative;
	float:left;
	left:310px; 
}

/*
* Blocs
*/

#reference {
  width:980px;
  height:414px;
  background: url(../images/background_ref.jpg) no-repeat top center;
  position:relative; /* pour placement des éléments en absolu par rapport au bloc #reference */
  }

  
form h4 {
  color:#ffffff;
  font-size:11px;
  text-transform:uppercase;
  padding:0 20px 0 22px;
  display:inline;
  }
form select{
  display:inline;
  margin-top:5px;
  width:240px;
  border:1px solid #cccccc;
  }
form span.nombre{
  color:#ffffff;
  margin:0 0 0 25px;
  }
#vignette_ref {
  float:left;
  width:480px;
  margin:40px 0 0 50px;
  }
.vignette {  position:absolute;  }
/*
* Diapo colonne gauche
*/
#vignette01 {  z-index:20;  }
#vignette02 {  z-index:18;  }
#vignette03 {  z-index:16;  }
#vignette04 {  z-index:14;  }
#vignette05 {  z-index:12;  }
#vignette06 {  z-index:10;  }
#vignette07 {  z-index:8;  }
#vignette08 {  z-index:6;  }

.btn_vignette {
  position:absolute;
  left:480px;
  cursor:pointer;
  }
  
#btn_vignette02 {  margin-top:32px;  }
#btn_vignette03 {  margin-top:64px;  }
#btn_vignette04 {  margin-top:96px;  }
#btn_vignette05 {  margin-top:128px;  }
#btn_vignette06 {  margin-top:160px;  }
#btn_vignette07 {  margin-top:192px;  }
#btn_vignette08 {  margin-top:224px;  }

/*
* Colonne droite
*/
#fiche_ref {  float:left;  }
  
#texte_ref  {
  width:410px;
  height:200px;
  margin:40px 0 0 0;
  overflow:hidden;
  position:relative;
  }

#texte_ref p {
  padding:10px 15px 0 0;
  margin:5px 0 0 0;
  text-align:justify;
  }
#fiche_ref p.pink , #fiche_ref p.blue, #fiche_ref p.green , #fiche_ref p.orange {
  padding:3px 0 0 0;
  border-top:1px solid #e8e8e8;
  }
p.libelle {
  margin-top:0 !important;
  font-weight:bold;
  }  
p.libelle img {
position:relative;
top:3px;
	}
	
/*
* Fleches de navigation
*/   
#arrow_left {
  cursor:pointer;
  position:absolute;
  z-index:150;
  left:10px;
  top:188px;
  }
#arrow_right {
  cursor:pointer;
  position:absolute;
  left:950px;
  top:188px;
  z-index:150;
  }

a.load_next span, a.load_prev span {
  display:none;
  }

/* 
* Loading AJAX 
*/
#load {
  position:absolute;
  z-index:300;
  width:150px;
  height:150px;
  top:150px;
  left:450px;
  display:none;    
  }
#masque {
  position:absolute;
  filter : alpha(opacity=50);
  -moz-opacity : 0.5;
  opacity : 0.5;
  width:980px;
  height:414px;
  background:#000000;
  z-index:300;
  display:none;
  } 

/* 
* Autres projets du client
*/
#autreprojet p.pink , #autreprojet p.blue, #autreprojet p.green , #autreprojet p.orange {
	text-align:right;
	padding-bottom:2px;
	}
#proj_web, #proj_edition, #proj_identite, #proj_marketing {
  width:370px;
  position:relative;
  top:-10px;
  clear:both;
  margin:2px 0 0 0;
  }
#proj_web a.pink:hover {
  color:#ffffff;
  background:#e62892;  
  }
#proj_edition a.blue:hover {
  color:#ffffff;
  background:#07a0e0;  
  }
#proj_identite a.green:hover {
  color:#ffffff;
  background:#97bf0d;  
  }
#proj_marketing a.orange:hover {
  color:#ffffff;
  background:#e95d0f;  
  }
#proj_web p, #proj_edition p, #proj_identite p, #proj_marketing p {
  font-size:10px;
  float:left;
  }
#proj_web h6 {   	background:url(../images/btn_ref_web.jpg) no-repeat top center; margin-bottom:4px; 	}
#proj_edition h6 {  	background:url(../images/btn_ref_edition.jpg) no-repeat top center; margin-bottom:4px;   }
#proj_identite h6 {  	background:url(../images/btn_ref_identite.jpg) no-repeat top center; margin-bottom:4px; 	 }
#proj_marketing h6 { 	background:url(../images/btn_ref_marketing.jpg) no-repeat top center; margin-bottom:4px;  }

.listeprojet {
	position:relative;
	left:-60px;
	text-align:right;
	width:260px !important;
	margin:2px 0 0 0 !important;
	padding:0 !important;
  }