HTML{ 
  font-size:100%; 
}

*,ul,li,div,p { 
  margin:0;
  padding:0; 
}

body{
  background:#252525; 
  color:#707070;
  font:0.825em/1em "Trebuchet MS", sans-serif;
  text-align:center; 
}

/**************************
*      GENERIQUES       *
*************************/
a{
  text-decoration:none; 
}

h2{
  margin:0 0 0 20px;
  color:#a7aead;
  font-size:2em;
  font-style:italic;
  font-weight:normal;
} 

p{
  margin:10px 20px;
  font-size:1em;
  line-height:1.2em; 
}

li{
  line-height:1.5em;
  margin:5px 0 0 40px; 
}
.centre{
  width:960px;
  margin:0 auto;
}
#spacer{ 
  clear:both; 
} 

/*******************************************************
*         HEADER                                      *
*******************************************************/
#header{
  width:100%;
  padding:115px 0 0 0;
  background:#252525 url(../images/header.png) top center no-repeat; 
}

#header h1{
  text-indent:-9999px; 
}

#bandeau{ 
  width:100%;
  height:74px;
  background:transparent url(../images/fond_bandeau.png) repeat-x;
}

#lien_accueil{
  width:960px;
  height:150px;
  margin:-150px auto 0 auto;
  z-index:10;
  cursor:pointer;
}

#image {    /* bloc image en arriere-plan */
 position:relative;
 width:100%;
  padding:0 0 0 0;
  background:#252525 url(../images/header.png) top center no-repeat; 
}
#zone1 {    /* zone cliquable */
  position:absolute;
  top:0;
  left:260px;
  width : 225px;
  height: 70px;
  margin:-100px 0 0 0;
}
#image a span { /* contenu masque mais accessible sans CSS*/
  position: absolute;
  left: -500em;
  top: -500em;
  text-indent: -500em;
}

/*******************************************************
*         FOLLOW US                                    *
*******************************************************/          
#pins{
  position:absolute;
  right:0;
  top:0;
  margin:15px 15px 0 0;
}

#pins img{
  border:none;
}

a#facebook {
  background:transparent url(../images/pins_facebook.png) top left no-repeat; 
  display: block; 
  float:right;
  width:35px;
  height:35px; 
} 

 a:hover#facebook{
  background:transparent url(../images/pins_facebook_hover.png) top left no-repeat; 
}
a#twitter {
  background:transparent url(../images/pins_twitter_hover.png) top left no-repeat; 
  display: block; 
  float:right;
  width:35px;
  height:35px;
} 

 a:hover#twitter{
  background:transparent url(../images/pins_twitter.png) top left no-repeat; 
}
a#flikr{
  background:transparent url(../images/pins_flikr_hover.png) top left no-repeat; 
  display: block; 
  float:right;
  width:35px;
  height:35px;
} 

 a:hover#flikr{
  background:transparent url(../images/pins_flikr.png) top left no-repeat; 
}

a#viewat{
  background:transparent url(../images/pins_viewat_hover.png) top left no-repeat; 
  display: block; 
  float:right;
  width:35px;
  height:35px;
} 

 a:hover#viewat{
  background:transparent url(../images/pins_viewat.png) top left no-repeat; 
}
 
 a#cities{
  background:transparent url(../images/pins_cities_hover.png) top left no-repeat; 
  display: block; 
  float:right;
  width:35px;
  height:35px;
} 

 a:hover#cities{
  background:transparent url(../images/pins_cities.png) top left no-repeat; 
}
/*******************************************************
*             MENU                                     *
*******************************************************/
#menu{
position:relative;
  width:620px;
  margin:0 auto;

}
#menu span{
position:absolute;
right:0;
top:0;
width:30px;
height:50px;

}
#menu ul{
  width:100%;
  margin:0 auto; 
  padding:10px 0 0 0;
  font-weight:normal;   

}

#menu li{
  font-size:1.4em;
  line-height:40px;
  display:inline; 
}

#menu a{
  padding:4px 5px 10px 5px;
  color:#726d6f; 
}

  

#menu a:hover, 
#menu a:focus,
#index .index, 
#actus .actus, 
#photographie .photographie, 
#panoramiques .panoramiques, 
#sites .sites, 
#print .print, 
#contactez_nous .contactez_nous{
  color:#d0d0d0;
}

/********************FIN HEADER**********************/

/*******************************************************
*         CENTRE                                       *
*******************************************************/

#contener{
  margin:0 auto;
  padding:20px 0;
  width:950px; 
} 

/******FOOTER HAUT**********************/
#client{
  clear:both;
  position:relative;
  height:68px;
  background:transparent url(../images/fond_bas.png) left top repeat-x;
}

#mentions{
  padding:40px 0 0 0;
  font-size:0.8em;
  color:#424141;
}

#mentions a{
color:#424141;
}

#mentions a:hover, #basdepage:visited{
  color:#555555;
}
#basdepage{
float:right;
text-align:right;
font-size:0.9em;
margin:0 20px 0 0;
width:100%;
color:#505050;
}

#basdepage:hover, #basdepage:visited{
color:#d0d0d0;
}
/****************************/

/**********************FOOTER BAS**********************/

#footer{
  clear:both;
  height:125px;
  background:#252525 url(../images/footer1.png) top no-repeat;
}
#valid{
  float:right;
  padding:20px 0 0 0;
  margin:0 30px 0  0;
}
#valid img{
  border:none;
  height:25px;
}
/********************************************/
.footer_haut{
  height:200px;
  clear:both;
  border:1px solid gray;
}
/******************************************/
/********************FIN FOOTER**********************/  

.bloc_centre{
  position:relative;
  width:80%;
  margin:0 auto;
  padding:0;
  text-align:left;
 }

.bloc_centre h2{
  margin:0 0 0 55px;
  padding:20px 0 0 0;
  text-align:left; }

.bloc_centre p{
  margin:13px 0 0 55px; 
}

.bloc_centre ul{
  margin:0 0 0 100px; 
}

#cadre_bloc p.message{
  margin:5px 0;
  padding:0;
  text-align:center;
  font-size:1.4em;
  font-weight:bold;
  color:#666666;
  font-style:italic;
}

.message{
  color:#757072;
  text-align:center;
  font-style:italic;
  font-size:1.4em;
  font-weight:bold;
}

.message_mini{
  text-align:right;
  margin:0 0 5px 0;
  font-size:0.9em; 
}

.separateur{
  width:324px;
height:11px;
  background:#252525 url(../images/separateur.png) no-repeat;
  margin:2em auto 1em auto;
  clear:both; 
}

/*******************************************************
*         PAGE ACCUEIL                                 *
*******************************************************/
.slide_temp{
  width:820px;
  text-align:left;
  margin:0;
  width:100%;
  height:300px;
  background:url(../images/slide_creation_internet.png) bottom right no-repeat;
}
#s4_temp{
  width:820px;
  height:300px;
  margin:0px auto 0 auto;
  background:url(../images/fond_slides.png) bottom center no-repeat;
}

.slide_temp p{
  float:left;
  width:500px;
  font-size:2em;
  color:#BCBEB9;
  font-style:italic;
}

.soustitre_temp{}
#slider_accueil{
  width:100%;
  height:300px;
  margin:0px auto 0 auto;
  background:#606060 url(../images/fond_slider.png) repeat-x;
}

#s4{
  width:820px;
  height:300px;
  margin:0px auto 0 auto;
  background:url(../images/fond_slides.png) bottom center no-repeat;
}

.slide {  
  width:820px;
  text-align:left;
  margin:0;
}

.slide p{
  float:left;
  width:500px;
  font-size:2em;
  color:#BCBEB9;
  font-style:italic;
}
.soustitre{
  float:left;
  width:350px;
  line-height:1.3em;
  margin:10px 0 0 40px;
  font-size:1.4em;
  color:#e3e3e3;
}

.lien_slider,.lien_slider:visited{
  font-size:1.1em;
  height:25px;
  padding:5px 10px;
  line-height:25px;
  clear:both;
  float:left;
  margin:20px 0 0 150px;
  border:1px solid gray;
  color:#4b4b4b;
  background-color:#252525;
      -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
}

.lien_slider:hover{
  background-color:#4b4b4b;
  color:#252525;
  border:1px solid #252525;
}

/*****creation ****/
.slide#creation{
  width:100%;
  height:300px;
  background:url(../images/slide_creation_internet.png) bottom right no-repeat;
}

.slide#creation h2{
  margin:30px 0 0 0px;
}

/***panos**/
.slide#panos{
  width:100%;
  height:300px;
  background:url(../images/slide_panoramique.png) bottom right no-repeat;
}
.slide#panos h2{
  text-align:left;
  margin:80px 0 0 30px;
}
.slide#panos p{
  text-align:left;
  margin:30px 0 0 30px;
}

.slide img{
  float:right;
  margin:22px 150px 0 0;
}

.slide_accueil{
  width:700px;
  height:250px;
  margin:0 auto;
}

#nav_accueil{
  margin:0 auto;
  width:600px;
}

#nav_accueil a:visited{
  border:0;
}

#nav_accueil a:link, a:hover, 
a:visited, a:focus{
  text-decoration:none;
  border:0;
  color:gray;
}

#nav_accueil img{
  text-decoration:none;
  border:0;
}

#prev3{
  float:left;
  margin:5px 0 0 0px;
}

#next3{
  float:right;
  margin:5px 0px 0 0px;
}
/************FIN SLIDER ACCUEIL*******************/
#index p{
  margin:0;
  padding:0;
  text-align:center;
}

#bloc_accueil{
  margin:20px 0 50px 0;
  width:42%;
  float:right;
  font-size:1.1em;
}

#bloc_accueil p, #citation p{
  text-align:justify;
}

#citation{
  margin:0 0 20px 0;
  float:left;
  width:50%; 
  background:transparent url(../images/quote1.png) left top no-repeat; 
} 

#citation blockquote{
  margin:0;
  padding:25px 20px 10px 50px;
  font:1.2em trebuchet MS;
  background:transparent url(../images/quote2.png) right bottom no-repeat; 
  color:#d2d2d2;
} 

 /**************************************************************/
.centre_trois_blocs{
  clear:both;
  margin:0 auto;
  width:960px;
}

.trois_blocs{
  position:relative;
  float:left;
  width:300px;
  height:380px;
  margin:0px 0px 50px 15px;
  padding:0;
  text-align:justify;
  background:transparent url(../images/highlight.png) center 60px no-repeat;
}

.trois_blocs h2{
  margin:0px auto;
  text-align:center; 
  line-height:50px;
  height:60px;
  text-indent:-9999px;
}

#bloc_web h2{
  background:transparent url(../images/titre_web.png) center 20px no-repeat;
}
#bloc_photo h2{
  background:transparent url(../images/titre_photo.png) center 20px no-repeat;
}
#bloc_print h2{
  background:transparent url(../images/titre_print.png) center 20px no-repeat;
}

.trois_blocs#bloc_web p{
  width:70%;
  margin:20px auto 0 auto;
  text-align:left;
}
.trois_blocs#bloc_photo p{
  width:70%;
  margin:20px auto 0 auto;
  text-align:left;
}
.trois_blocs#bloc_print p{
  width:70%;
  margin:20px auto 0 auto;
  text-align:left;
}
.trois_blocs a{
  color:#252525;
}
.trois_blocs a:hover{
  color:white;
}
.liens_accueil{
  position:absolute;
  padding:0 0 10px 0;
  width:120px;
  height:30px;
  line-height:30px;
  bottom:10px;
font-size:1.2em;
  right:40px;
  text-align:center;
  background:transparent url(../images/fond_lien_accueil.png) top left no-repeat;
  color:#252525;
}

.separateur_vertical{
  width:20px;
  height:300px;
  margin:30px -25px 0 0px;
  float:right;
  background:transparent url(../images/separateur_vertical.png) top left no-repeat; 
}
 /***************************************/

/********************** FIN PAGE ACCUEIL***********************/


/********NIOUSES******************/

#niouses h2{
  background:transparent url(../images/icone_actus.png) top left no-repeat; 
text-align:left;
text-indent:60px;
line-height:60px;
height:80px;
}

.bloc_niouses{
position:relative;
  width:960px;
  height:190px;
  margin:20px 0;
background:#A7AEAD;
text-align:left;
}

.bloc_niouses a{
color:#A7AEAD;
}

#niouse_web{
background:#A7AEAD url(../images/niouse_souris.png) top right no-repeat; 
}
#niouse_print{
background:#A7AEAD url(../images/niouse_pinceau.png) top right no-repeat; 
}
#niouse_photo{
background:#A7AEAD url(../images/niouse_appareil.png) top right no-repeat; 
}
.vignette_niouse{
float:left;
width:380px;
height:165px;
margin:10px 0 0 10px;
background:#252525;
}

.texte_niouse{
float:left;
  width:540px;
height:160px;
margin:0 0 0 10px;
}

.texte_niouse h3{
font-size:1.5em;
color:#E64000;
margin:15px 0 0 0;
}

.texte_niouse p{
width:95%;
margin:0;
padding:0px 0 0 0;
line-height:20px;
color:#252525;
font-size:1.1em;
}
.texte_niouse a{color:#252525;font-weight:bold;}
.texte_niouse a:hover{text-decoration:underline;}
.date_niouse{
margin:5px 0;
}
.lien_niouse a {color:#969C9B;}
.lien_niouse{
position:absolute;
right:5px;
bottom:5px;
padding:5px 10px;
background:#252525;
color:#969C9B;
    -moz-border-radius: 5px;
  -khtml-border-radius: 5px;
  -webkit-border-radius: 5px;
  border-radius: 5px; 
}
 
.lien_niouse:visited, .lien_niouse{
color:#969C9B;
}


/***********************************************/
/**************** PAGE PRESTATION  **************/
 /*--------------BLOC MILIEU avec SLIDER droite-----------------*/
.bloc_milieu{
  clear:both;
  width:80%;
  margin:0 auto;
}

.bloc_gauche{
  float:left;
  width:65%;
  height:250px;
  margin:0 0 50px 0;
  padding:0;
  text-align:justify;
}

.bloc_gauche h2{
  margin:0 0 0 55px;
  padding:20px 0 0 0;
  text-align:left; 
}

.bloc_gauche p{
  margin:13px 0 0 55px;
  padding:0 15px 0 0; 
}

.slider{
  float:right; 
  width:260px;
  height:250px;
  color:gray;
  margin:0 0 50px 0;
}
/**************************************/
.slider p{
  width:180px;
  margin:10px 0 10px 10px;
  padding:0;
  text-align:justify;
}

.message_slider{
  margin:100px 0 0 0;
  color:#757072;
  text-align:center;
  font-style:italic;
  font:1.5em "Times New Roman", sans-serif;
  font-weight:bold;
}

.bloc_gauche.presta{
  background:transparent url(../images/icone_prestation.png) top left no-repeat; 
}

.bloc.inter{
  background:transparent url(../images/fond_bloc_internet.png) top left no-repeat; 
}

.bloc.photo{
  background:transparent url(../images/fond_bloc_photo.png) top left no-repeat; 
}
/* ---------- FIN PAGE PRESTATION  ---------- */
.cadre_bloc {
  clear:both;
  width:80%;
  margin:15px auto;
  overflow:hidden;  
  padding:0;
  text-align:center; 
  } 

.engagements {
  margin:0 0 20px 0;  
  text-align:left;
  text-indent:52px;
  line-height:20px; 
    color:#a7aead;
  font-size:1.7em;
  font-style:italic;
  } 

.bloc{
  position:relative;
  width:370px;
  height:300px;
  margin:0;
  padding:0;
  text-align:justify;
  background:transparent url(../images/fond_bloc.png) 5px 5px no-repeat;
}

.bloc ul {
  margin:0 0 0 50px; 
}

.bloc h2{
  margin:25px 0 0 58px;
  text-align:left; 
}

.bloc p{
  margin:13px 30px 0 58px; 
}

.gauche {
  float:left; 
}

.droite {
  float:right; 
}
/*******************************************/
.bloc.pano{
  background-image:url(../images/icone_panoramique.png); 
}

.bloc.diapo {
  background-image:url(../images/icone_diaporama.png); 
}

.bloc.visi {
  background-image:url(../images/icone_visites.png); 
}


/*******************************************************
*         PAGE PHOTO                                   *
*******************************************************/
.bloc_gauche.photo{
  height:200px;
  background:transparent url(../images/icone_photo.png) top left no-repeat; 
}

.bloc.panoram{
  background:transparent url(../images/fond_bloc_pano.png) top left no-repeat; 
}

.bloc.panoram a{
color:#808080;
}
.bloc.reportage{
  background:transparent url(../images/fond_bloc_reportage.png) top left no-repeat; 
}


/*******************************************************
*         NOUVELLE PAGE GENERALE                       *
*******************************************************/

/*******************slider*****************/

.slider_bloc_haut{
  position:relative;
  height:350px;
  background:transparent url(../images/slider_haut_ombre.png) top center no-repeat; 
}


.slider_bloc_haut img{
border:none;
}

.s5{
width:900px;
height:300px;
margin:0 auto;
}
.ombre_bas{
  position:absolute;
  width:100%;
  height:15px;
  bottom:0;
  background:transparent url(../images/slider_bas_ombre.png) top center no-repeat; 
}


.prev_sliderhaut{
  width:10px;
margin:50px 0 0 0;
float:left;
}
.next_sliderhaut{
  width:10px;
margin:50px 0 0 0;
float:right;
}


.slides{
  width:100%;
  height:300px;
  padding:30px 0 0 0;

}
#photo.slides {
background:transparent url(../images/icone_photo.png) 70px 30px no-repeat; 
}

#web.slides {
background:transparent url(../images/icone_internet.png) 70px 30px no-repeat; 
}

#impression.slides {
background:transparent url(../images/icone_refonte.png) 70px 30px no-repeat; 
}
.slides p{
margin:0 0 0 60px;
padding:5px 0;
line-height:18px;
}
/**************Titres***************************/

.slides h2{
padding:20px 0 0 0;
margin:0 0 20px;
text-indent:60px;

}

/************nav slider haut*********************/
.nav_sliderhaut ul{
margin:-20px 100px 0 0;
float:right;
display:inline;
}

.nav_sliderhaut li{
display:inline;
}


.bloc_texte_slider{
  margin:0 30px 0 70px;
  width:500px;
  float:left;
  text-align:left;
}
.illustration_slider{
  float:left;
  width:260px;
}
/*******************fin slider*****************/

.bloc_bas{
  width:100%;
  margin:50px 0 0 0;
}


.realisations_plus{
  width:920px;
display:block;
height:40px;
line-height:20px;
margin:30px auto;
  background:#151515;
font-size:1.2em;

}

.bloc_rea{
  position:relative;
  width:920px;
  height:195px;
  margin:20px auto 5px auto;
  border:1px solid gray;
  background:#A7AEAD;
  color:#252525;
}

.bloc_rea img{
  width:600px;
  height:185px;
  margin:5px 5px 0 0;
  border:0px;
}

.bloc_rea h3{
  font-size:1.5em;
  text-indent:15px;
  margin:10px 0 0 0;
}
.bloc_rea a, .bloc_rea a:visited, .bloc_rea a:hover{
text-decoration:none;
border:0px;
}
.bloc_rea_texte{
  float:right;
  width:300px;
  height:200px;
  margin:5px 5px 0 0;
  text-align:left;
}

.bloc_rea p{
  margin:20px 0 0 15px;
}

.lightbox{
position:absolute;
top:0;
left:5px;
margin:0;
padding:0;
text-decoration:none;
}
.lightbox img{border:0;}
.plus{
  position:absolute;
  width:30px;
  height:30px;
  right:5px;
  bottom:5px;
  color:#252525;
  background:transparent url(../images/bouton_plus.png) top left no-repeat; 
}

/*******************************************************
*         PAGE INTERNET                               *
*******************************************************/
.bloc.creation{
  background:transparent url(../images/fond_bloc_creation.png) top left no-repeat; 
}

.bloc.refonte{
  background:transparent url(../images/fond_bloc_refonte.png) top left no-repeat; 
}

/*******************************************************
*         PAGE CREATION                                *
*******************************************************/
.bloc_gauche#creation{  
background:transparent url(../images/icone_creation.png)  no-repeat; 
}

.bloc_gauche#refonte{  
background:transparent url(../images/icone_refonte.png)  no-repeat; 
}

  .slider#realisations li{
  text-align:left;
  font-size:0.9em;
}

.slider#realisations a{
  color:gray;
}
/**********************/
.exemples{
  position:absolute;
  bottom:20px;
  right:20px;  
  margin:0;
  padding:3px;
  font-size:0.9em;
  background:#141213; 
}

.exemples a{
  text-decoration:none;
  color:#707070; 
}

.exemples a:hover{
  text-decoration:underline;
  color:#707070; 
}

.messages{
  margin:-10px 0 0 50px;
  color:#9fa803;
  font-size:1.3em;
}

/*******.Expand box*************************/

.expandbox{
  width:375px;
  text-align:left;
}

.expandbox h2{
  margin:5px 15px 25px 15px;
  text-indent:50px;
  color:#252525;
}

.msg_list {
  margin: 0px;
  padding: 0px;
}

.msg_head {
  height:110px;
  margin:10px 0 0 0;
  padding: 0px 15px;
  cursor: pointer;
  position: relative;
}

.msg_head h2{
  padding:15px 0 0 0;
}

.msg_body {
  height:180px;
  padding: 5px 10px 15px;
  background-color:gray;
  color:#252525; 
  border-left:1px solid #3b3b3b;
  border-right:1px solid #3b3b3b;
  border-bottom:1px solid #3b3b3b;
}

.expandbox.conseil {
  background:transparent url(../images/entete_conseil.png)  no-repeat; 
}

.expandbox.techno { 
  background:transparent url(../images/entete_technologie.png) no-repeat; 
}

.expandbox.budget{
  background:transparent url(../images/entete_budget.png) no-repeat; 
}

.expandbox.simplicite{
  background:transparent url(../images/entete_simplicite.png) no-repeat; 
}

.expandbox.serenite{
  background:transparent url(../images/entete_serenite.png) no-repeat; 
}

.expandbox.expertise{
  background:transparent url(../images/entete_expertise.png) no-repeat; 
}

/*******************************************************
*         PAGE REFONTE                                   *
*******************************************************/
.expandbox.entete_msg{
  background:transparent url(../images/entete_msg.png) no-repeat; 
}

.expandbox.fonctionnalites {
  background:transparent url(../images/fond_fonctionnalites.png) no-repeat; 
}

.expandbox.charte {
  background:transparent url(../images/fond_charte.png) no-repeat; 
}

.expandbox.referencement {
  background:transparent url(../images/fond_referencement.png) no-repeat; 
}

.expandbox.visuels {
  background:transparent url(../images/fond_visuels.png) no-repeat; 
}

/**********GALERIE WEB***************************/

.bloc_gauche#galerie_web{  
  background:transparent url(../images/)  top left no-repeat; 
}

.cadre_realisations{
  width:900px;
  margin:30px 0 30px 0px;
}
.bloc_realisationsweb{
  float:left;
  width:250px;
  height:280px;
  padding:0 10px;
}

.bloc_realisationsweb ul{
  list-style:none;
  margin:0;
  text-indent:-35px;
  padding:3px 0 0 0;
}

.infos_realisationsweb{
  float:left;
  width:100%;
}


.bloc_realisationsweb img{
  border:0;
  width:250px;
  height:150px;
}

.bloc_realisationsweb a{
  color:gray;
  }


/**************PAGE PHOTOGRAPHIE*********************/

.bloc_centre.panoram{
  background:transparent url(../images/icone_panospherique.png) top left no-repeat; 
  margin:100px 0 0 0;
}

#bloc_pano{
  margin:0 auto;
}

#entete_pano{
  width:800px;
  z-index:100;
  background-color:#141213;
  padding:10px 5px 5px 5px;
  margin:0 auto  3px auto;
}

#onglet_pano{
  float:right;
  margin:0px 20px 0 0;
text-align:center;
}

#onglet_pano a:hover{
  text-decoration:underline; 
}

#flash{
font-size:0.8em;
}

/**************FIN PAGE PANORAMIQUES*********************/
/******************PAGE GALERIE PANORAMIQUE*****************************/
.pano{
  position:relative; 
  height:350px;
  padding:0;
  margin:0;
  background:transparent url(../images/fond_pano.png) repeat-x; 
}

#krpano{
  position:absolute;
  top:10px;
  left:0; 
  padding:0;
  margin:0;
  width:100%;
  height:330px;
}


#pano_fullscreen{
  position:relative; 
}
#krpano_fullscreen{
  position:absolute;
  top:10px;
  left:0; 
  padding:0;
  margin:0;
  width:100%;
  height:500px;
    background:transparent url(../images/fond_pano.png) repeat-x; 
}
.bloc_centre#galerie{
  width:100%;
}

.rubrique_pano{
  width:233px;
  height:350px;
  text-align:left;
  margin:10px;
  float:left;
  position:relative;
  background:transparent url(../images/fond_galerie.png) top left no-repeat;  
}

#galerie h2{
  margin:10px 0 30px 0;
}

.rubrique_pano p{
  text-align:justify;
  padding:25px 10px 0 10px;
  margin:0;
}
.rubrique_pano h3{
  margin:20px 0 0 0;
  text-indent:10px;
  font-size:1.4em;
}
.vignette_rubriquepano{
  margin:4px 0 0 6px;
}

.vignette_rubriquepano img {
  border:0;
}

#affichage_vignettes{
  padding:0 0 10px 0;
  margin:0 100px 0 0;
  text-align:right;
}

#affichage_vignettes a{
  color:#404040;
}


#affichage_vignettes a:hover{
  color:#707070;
}

.vignette_galerie_pano{
float:left;
}

.legende_vignettes{
text-align:left;
margin:0 0 10px 5px;
}

/***********************************************/
/******************PAGE GALERIE PANORAMIQUE EQUI*****************************/
#vignettes_panos_equi img{
  width:300px;
}

.copyright{
  clear:both;
  float:left;
  color:#424141;
}
/**********************************PAGE REPORTAGE/DIAPORAMAS****************************************/

	/* jQuery lightBox plugin - Gallery style */

.gallery {
  width:960px;
  margin:0 auto 0px auto;
  padding:0;
}

.gallery ul { 
  list-style: none; 
}

.gallery ul li { 
  display: inline;
  margin:0;
  padding:0; 
}

.gallery ul img {
  margin:0;
  border:0;
  border-width: 2px;
}

.gallery ul a:hover img {
	border-width: 2px;
	color: gray;
}

.gallery ul a:hover { 
  color: gray; 
}

.gallery p{
  text-align:right;
  padding:0 0 5px 0;
}

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

/*********PAGE LABO PHOTO**************************/

#galerie_photo img{
  border:1px solid gray;
}

.galeries{
  margin:0 auto;
  width:600px;
  padding:10px 0;
}

#galerie_photo h3{
  margin:0 0 10px 0;
}


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

.bloc_centre.reportage{
   background:transparent url(../images/icone_reportage.png) top left no-repeat; 
 }

.expandbox1{
  width:374px;
  text-align:left;
}

.expandbox1 h2{
  margin:15px 15px 25px 15px;
  text-indent:50px;
  color:#252525;
}

.msg_list1 {
  margin: 0px;
  padding: 0px;
}

.msg_head1 {
  height:110px;
  margin:10px 0 0 0;
  padding: 0px 15px;
  cursor: pointer;
  position: relative;
}

.msg_head1 h2{
  font-size:1.3em;
  padding:15px 0 0 0;
}

.msg_body1{
  height:160px; 
  padding: 5px 10px 15px;
  background-color:#808080;
  color:#252525; 
  border-left:1px dotted #3b3b3b;
  border-right:1px dotted #3b3b3b;
  border-bottom:1px dotted #3b3b3b;
}

.diapo{
  background:transparent url(../images/entete_diaporama.png) no-repeat; 
}

.diapo_pano{
  background:transparent url(../images/entete_panoramique.png)  no-repeat; 
}

.ambiances{
  background:transparent url(../images/entete_detail.png)  no-repeat; 
}

.banque{
  background:transparent url(../images/entete_banque.png)  no-repeat; 
}


/***************PAGE CONTACT***********************/
#page_contact{
  width:850px;
  margin:0px auto;
  position:relative;
}

.cont#page_contact h2{
  text-indent:55px;
  margin:0 0 0 0px;
  padding:20px 0 0 0;
  height:60px;
  text-align:left; 
  background:transparent url(../images/icone_contact.png) top left no-repeat; 
}

.bloc_centre.cont{
  background:transparent url(../images/icone_contact.png) top left no-repeat; 
}

#bloc_formulaire {
  width:100%;
  margin:0px auto;
  overflow:hidden; 
  background:transparent url(../images/slider_haut_ombre.png) top left no-repeat; 
} 

#ombre_bas{
  width:920px;
  height:20px;
  margin:0 auto;
  position:absolute;
  bottom:0;
  background:transparent url(../images/slider_bas_ombre.png) top left no-repeat; 
}

#bloc_contact_gauche{
  float:left;
  margin:30px 0 0 0;
  width:400px;
  height:480px;
  padding:0px 0 0 10px;
  background:#252525;
  text-align:left;
  color:#A7AEAD;
  font-size:1.1em;
}

#bloc_contact_gauche p{
  padding:5px 0 0 0;
  width:90%;
  margin:5px auto 0 0;
}

address{
  float:left;
  width:190px;
  margin:20px 0 0px 0;
}
address a{text-decoration:none;color:#A7AEAD;}
#coordonnees{
  text-align:left;
  padding:15px;
  margin:30px 0 0 0;
}

#bloc_contact_droite{
  float:right;
  width:400px;
  margin:50px 0 50px 0;
  padding:0;
  text-align:left;
}

#bloc_contact_droite input{
  width:380px;
  height:40px;
  margin:5px 0 15px 0;
  padding:0;
font-size:1.4em;
color:#252525;
  background:transparent url(../images/input.png) top left no-repeat; 
  border:none;
}

#bloc_contact_droite label{
  font-size:1.4em;
  color:#A7AEAD;
}

#bloc_formulaire textarea{
  width:380px;
  height:200px;
  background:#ACB2B1 url(../images/textarea.png) top left no-repeat; 
  border:none;
font-size:1.4em;
color:#252525;
}

input#valider{
  width:120px;
  float:right;
line-height:30px;
  margin:10px 25px 0 0;
  font-size:1.4em;
padding:0px 0 10px 0;
  color:#252525;
  background:transparent url(../images/fond_lien_accueil.png) top left no-repeat; 
  cursor:pointer;
 }
input#valider:hover{}
color:red;

.erreur{
  font-weight:bold;
  color:#ED4900;
  padding:.5em;
} 

.succes{
  padding:.5em;
  line-height:15px;
  font-weight:bold; 
}

/*************************  Forms ************************/

/*********************mentions legales***********************/
.bloc_centre#mentionslegales {
  background:transparent url(../images/icone_mentions.png) top left no-repeat; 
}

/***********************Plan du site**********************************/
.bloc_centre#sitemap {
  background:transparent url(../images/icone_plan.png) top left no-repeat; 
}

#sitemap li{
  margin:15px 0 0 0;
  list-style:none;
  font-size:1.1em;
}

.liensitemap a{
  line-height:48px;
  padding:5px 0 0 30px;
  background:transparent url(../images/fleche.png) top left no-repeat; 
  font-weight:bold;
}

.liensitemap a:link, 
.liensitemap a:visited{
  color:#7e8685;
}

.liensitemap a:hover, .liensitemap a:focus{
color:#d0d0d0;
}

/*******************page tarifs*********************/
#bloc_infostarif{
  float:left;
  text-align:left;
  margin:0 auto 20px auto;
  padding:10px 0;
  width:100%;
  border:1px solid gray;
}

.bloc_tarif{
  margin:0 0 0 0;
  float:right;
  width:500px;
  text-align:left;
  border-bottom:1px solid gray;
} 


.trois_blocs_tarifs{
  float:left;
  width:235px;
  height:300px;
  margin:0 0 0 5px;
  padding:5px;
  text-align:left;
  border:1px solid gray;
}

.trois_blocs_tarifs h2{

}

#bloc_miniformule{
  width:400px;
  float:left;
  text-align:justify;
  border:1px solid gray;
}

#mentions_tarifs{
  padding:20px 0 0 0;
  clear:both;
  text-align:left;
}
/******************************************/
/*********************PAGE 404********/
#acces_direct{
  background-color:#252525;
}

#bloc_erreur{
  width:960px;
  height:400px;
  text-align:center;
}
#bloc_erreur img{
margin:0 auto;
}
#bloc_erreur p{
text-indent:-9999px;
}
/*************** 404 ************************************/
#page_ko {
width:960px;
height:813px;

  background:transparent url(../images/404.png) top left no-repeat; 
}

/************************************************************************/
/***********************Page partenariat*************************************************/
.bloc_gauche#part{
  background:transparent url(../images/icone_partenariat.png) top left no-repeat; 
}
.slider#partenaires{  
  background:transparent url(../images/illustration_partenaires.png)  top left no-repeat; 
}

.slider#partenaires p{
  margin:200px auto 0 auto;
  width:250px;
}

p.strong{
  font-size:1.5em;
}
/***************Page lab***************************/

#bloc_lab{
  width:960px;
  margin:0 auto;
}

.bloc_centre#lab {
  background:transparent url(../images/icone_lab.png) top left no-repeat; 
}
 
.bloc_centre#lab h2{
  line-height:40px;
  text-indent:-9999px;
  background:transparent url(../images/titre_lab.png) top left no-repeat; 
} 
 
.vignettes_lab a:link{
  text-decoration:none; 
}

.vignettes_lab img{
  margin:5px;
  border:1px solid gray;
}

h3.lab{
  font-size:1.5em;
  margin:20px 0; 
  padding:5px 0;
  text-align:left;
  border-bottom:1px solid #505050;
  font:3em "Perpetua", serif;
}
 
.vignettes_lab_ambiances a:link {
  text-decoration:none; 
} 
 
.vignettes_lab_ambiances img{ 
  width:80px;
  height:80px;
  margin:5px;
  border:1px solid gray;
}

#pano{
  height:350px;
  padding:10px 0 0 0;
  background:transparent url(../images/fond_pano.png) top left repeat-x; 
}

/*********************filtres panos***************************************/

#page-wrap                  { width: 960px; margin: 20px auto; }


.discounted-item            { width: 400px; margin: 0 0 0px 0;  cursor: pointer;
                              height: 200px; float:left;}


.current                    { font-weight: bold; font-size: 15px; }

/**************GALERIE BOX**************************/



.boxgrid{ 
width: 200px; 
height: 200px; 
margin:10px; 
float:left; 
background:#161613; 
border: solid 1px #8399AF; 
overflow: hidden; 
position: relative; 
}
.boxgrid img{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  border: 0; 
}
.boxgrid p{ 
  padding: 0 10px; 
  color:#afafaf; 
  font-weight:bold; 
  font-size:10pt; 
}
/********equi***************/
.bloc_centre#galerie_equi{
width:100%;
}
.bloc_centre#galerie_equi img{float:left;}

.boxgridxl{ 
width: 300px; 
height: 150px; 
margin:5px; 
float:left; 
background:#161613; 
border: solid 1px #8399AF; 
overflow: hidden; 
position: relative; 
}
.boxgridxl img{ 
  position: absolute; 
  top: 0; 
  left: 0; 
  border: 0; 
}
.boxgridxl p{ 
  padding: 0 10px; 
  color:#afafaf; 
  font-weight:bold; 
  font-size:10pt; 
}


.boxcaption{ 
float: left; 
position: absolute; 
background: #000; 
height: 40px; 
  padding: 5px 0px 0 10px; 
width: 100%; 
text-align:left;
opacity: 0.8; 
/* For IE 5-7 */
filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
/* For IE 8 */
-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}
.captionfull .boxcaption {
  bottom: 260px;
  left: 0;
}
.caption .boxcaption {
  top: 220px;
  left: 0;
}

/********PAGE CAP VERT***************/
#like-cap-vert{
height:300px;
margin:0 0 0 60px;
}
h2#cap-vert{line-height:30px;}

.pano-big{
  position:relative; 
  height:500px;
  padding:0;
  margin:0;
  background:transparent url(../images/ombre-pano-haut.png) top repeat-x; 
}

#krpano-big{
  position:absolute;
  top:10px;
  left:0; 
  padding:0;
  margin:0;
  width:100%;
  height:500px;
}


#ombre-pano-bas{ 
  width:100%;
  height:19x;
    line-height:19x;
   background:transparent url(../images/ombre-pano-bas.png) repeat-x; }