/* color fond html tres fonce 200404  /  foncé fond page ppal  330b0a   /  foncé normal : 400a09  /  clair ad0917 /  moins clair  7f0506  */


html
{

	background-color:#FFF;
	height:100%;  /* INDISPENSABLE POUR CENTRAGE VERTICAL */
	/*background-image: url("cabinet-architectes/architecte-dplg.jpg");
	background-attachment:fixed;
	background-position: center;
	background-repeat: no-repeat;
	-webkit-background-size: cover; 
	-moz-background-size: cover; 
	-ms-background-size: cover; 
	-o-background-size: cover; 
	background-size: cover;*/

}



body{
	
	margin:0 auto;
	padding:0px;
	border:0px;
	height:100%;   /* INDISPENSABLE POUR CENTRAGE VERTICAL */
	width:100%;   /* INDISPENSABLE POUR CENTRAGE VERTICAL */
	/*width:1400px;
	height:840px;*/

}










/* --- FONTS --- */    /* voir css dedie */








/* --- TAILLES CASES --- */



.width190 { width : 190px; }

.width205 { width : 205px; }

.width235 { width : 235px; }

.width260 { width : 260px; }

.width267 { width : 267px; }

.width282 { width : 282px; }

.width295 { width : 295px; }

.width310 { width : 310px; }

.width327 { width : 327px; }

.width340 { width : 340px; }

.width355 { width : 355px; }

.width360 { width : 360px; }

.width368 { width : 368px; }

.width400 { width : 400px; }

.width420 { width : 420px; }

.width448 { width : 448px; }

.width465 { width : 465px; }

.width493 { width : 493px; }

.width550 { width : 550px; }

.width572 { width : 572px; }


.BGcolorBleuGrisClair { background-color : #B7CACC; }

.BGcolorBleuGrisFonce { background-color : #4C797F; }

.BGcolorTurquoise { background-color : #11A0B2; }

.BGcolorMauveClair { background-color : #7F4C6B; }

.BGcolorMauveFonce { background-color : #544045; }

.BGcolorBrun { background-color : #616053; }

.BGcolorOrange { background-color : #E5352D; }








/* --- BG CASES --- */

.BG-accueil-logo
{
	background-image: url("images/BG-accueil-logo.jpg");
}

.BG-accueil-agence
{
	background-image: url("images/BG-accueil-agence.jpg");
}

.BG-accueil-public
{
	background-image: url("images/BG-accueil-public.jpg");
}

.BG-accueil-references
{
	background-image: url("images/BG-accueil-references.jpg");
}

.BG-accueil-prive
{
	background-image: url("images/BG-accueil-prive.jpg");
}

.BG-accueil-dit
{
	background-image: url("images/BG-accueil-dit.jpg");
}

.BG-menu-logo
{
	background-image: url("images/MENU-logo.jpg");
	background-repeat: no-repeat;
}

.BG-menu-agence
{
	background-image: url("images/MENU-agence.jpg");
	background-repeat: no-repeat;
}

.BG-menu-public
{
	background-image: url("images/MENU-public.jpg");
	background-repeat: no-repeat;
}

.BG-menu-prive
{
	background-image: url("images/MENU-prive.jpg");
	background-repeat: no-repeat;
}

.BG-menu-dit
{
	background-image: url("images/MENU-dit.jpg");
	background-repeat: no-repeat;
}

.BG-menu-references
{
	background-image: url("images/MENU-references.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-1A
{
	background-image: url("images/PUBLIC_1A_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-1B
{
	background-image: url("images/PUBLIC_1B_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-1C
{
	background-image: url("images/PUBLIC_1C_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-2A
{
	background-image: url("images/PUBLIC_2A_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-2B
{
	background-image: url("images/PUBLIC_2B_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-2C
{
	background-image: url("images/PUBLIC_2C_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-3A
{
	background-image: url("images/PUBLIC_3A_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-3B
{
	background-image: url("images/PUBLIC_3B_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-3C
{
	background-image: url("images/PUBLIC_3C_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-3D
{
	background-image: url("images/PUBLIC_3D_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-4A
{
	background-image: url("images/PUBLIC_4A_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-4B
{
	background-image: url("images/PUBLIC_4B_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-4C
{
	background-image: url("images/PUBLIC_4C_p.jpg");
	background-repeat: no-repeat;
}


.BG-PUBLIC-5A
{
	background-image: url("images/PUBLIC_5A_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-5B
{
	background-image: url("images/PUBLIC_5B_p.jpg");
	background-repeat: no-repeat;
}

.BG-PUBLIC-5C
{
	background-image: url("images/PUBLIC_5C_p.jpg");
	background-repeat: no-repeat;
}















.BG-PRIVE-1A
{
	background-image: url("images/PRIVE_1A_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-1B
{
	background-image: url("images/PRIVE_1B_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-1C
{
	background-image: url("images/PRIVE_1C_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-2A
{
	background-image: url("images/PRIVE_2A_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-2B
{
	background-image: url("images/PRIVE_2B_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-2C
{
	background-image: url("images/PRIVE_2C_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-3A
{
	background-image: url("images/PRIVE_3A_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-3B
{
	background-image: url("images/PRIVE_3B_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-3C
{
	background-image: url("images/PRIVE_3C_p.jpg");
	background-repeat: no-repeat;
}


.BG-PRIVE-4A
{
	background-image: url("images/PRIVE_4A_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-4B
{
	background-image: url("images/PRIVE_4B_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-4C
{
	background-image: url("images/PRIVE_4C_p.jpg");
	background-repeat: no-repeat;
}


.BG-PRIVE-5A
{
	background-image: url("images/PRIVE_5A_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-5B
{
	background-image: url("images/PRIVE_5B_p.jpg");
	background-repeat: no-repeat;
}

.BG-PRIVE-5C
{
	background-image: url("images/PRIVE_5C_p.jpg");
	background-repeat: no-repeat;
}

.BG-agence
{
	background-image: url("images/agence.jpg");
	background-repeat: no-repeat;
}

.BG-references
{
	background-image: url("images/references-bg.jpg");
	background-repeat: no-repeat;
}

.BG-temoignages
{
	background-image: url("images/temoignages-bg.jpg");
	background-repeat: no-repeat;
}






/* --- ELEMENTS GENERIQUES --- */



.global /* zone utile avec carnet vierge en fond*/      /* voir Html et Body pour INDISPENSABLE POUR CENTRAGE VERTICAL */
{
	position : relative;
	border : 0 ;
	/* centrage horizontal */
	width:1400px;
	margin-left:auto;
	margin-right:auto;
	/* centrage vertical */
	height:840px;
	top:50%;
	margin-top:-420px; /* moitié de la hauteur */
}



.ligne
{
	position:relative;
	top:0px;
	margin-top : 10px;
	/*height : 153px;*/
}



.case
{
	position:relative;
	top:0px;
	height : 153px;
	margin-left : 10px;
	float : left;
}





.sur-case
{
	border:0;
	opacity: 0;
	
	-ms-filter: "prodig:DXImageTransform.Microsoft.Alpha(Opacity=0)"; /* Hack IE8 */
	filter: alpha(opacity = 0); /* Hack IE 5-7 */
	-webkit-transition: opacity 0.4s ease-in-out;/* transition pour Chrome et Safari */
	-moz-transition: opacity 0.4s ease-in-out;/* transition pour Firefox */
	-o-transition: opacity 0.4s ease-in-out;/* transition pour Opéra */
	transition: opacity 0.4s ease-in-out; /* on écrit cette ligne à la fin de façon à ce que ce soit elle qui soit prise en compte lorsque l'attribut transition sera pris en compte par tous les navigateurs */

}

.sur-case:hover
{	
	opacity: 1; /* opacite au survol */
	-ms-filter:"prodig:DXImageTransform.Microsoft.Alpha(Opacity=100)"; /* Hack IE 8 */
	filter: alpha(opacity = 100); /* Hack IE 5-7 */
}



.menu
{
	position:relative;
	float:left;

}



.menu-item
{
	
	margin : 10px;
	border : 0;	

}


.droite
{
	
	position:relative;
	float:left;
	width:1145px;  /* en OPTION ; peut creer des decalages ; mais permet affichage de BG agence */
	height:870px;
	overflow:hidden;
}



.agence-gauche
{
	position:relative;
	float:left;
	width:450px;
	left:27px;
	top:320px;	
}


.agence-droite
{
	position:relative;
	float:left;
	left:387px;
	top:625px;
		
}



.agence-gauche p, .agence-droite p
{
	font-family: 'akzidenz-grotesk_bq_lightRg', Arial, sans-serif;
	color:#000;
	font-size:18px;
	line-height:25px;
	
}


.minitextementions
{
	font-size:10px;
	line-height:25px;
	
	cursor:pointer;
}	
	
	
.agence-droite p
{
	text-align : right;	
}


.agence-gauche strong, .agence-droite strong
{
	font-family: 'akzidenz-grotesk_bqmedium', Arial, sans-serif;
}


.agence-droite a, .agence-droite a:link, .agence-droite a:focus, .agence-droite a:visited, .agence-droite a:hover
{
	color:#000;
	text-decoration:none;
}


.references-colonne
{
	position:relative;
	float:left;
	top:110px;
	left:70px;
	
}


.references-colonne p
{
	font-family: 'akzidenz-grotesk_bq_lightRg', Arial, sans-serif;
	color:#FFF;
	font-size:16px;
	line-height:21px;
	margin-top:-2px;

}


.temoignages-liste
{
	position:relative;
	top:125px;
	left:-315px;
	width:315px;
	height:500px;
	/*background-color:#000;*/
	text-align:right;
	color:#FFF;
	font-family: 'akzidenz-grotesk_bq_condensRg', Arial, sans-serif;
	font-weight:normal;
	font-size:18px;
	letter-spacing:1px;
}


.temoignages-item
{
	margin-top:6px;
	display:inline-block; /* pour ajuster largeur div au contenu texte */   
	height:20px;
	/*background-color:#E7511E;*/
	text-align : right;
	padding-top:2px;
	padding-left:25px;
	padding-right:26px;
}


.temoignages-item:hover
{
	background-color:#E7511E;
}


.temoignages-barre
{
	position:relative;
	top:130px;
	left:-230px;	
}




.temoignages-pave {

	position:relative;
	top:-345px;
	left:115px;	
	width:660px;
	height:220px;
	/*background-color:#DDD;*/
	
	text-align:left;
	color:#FFF;
	font-family: 'akzidenz-grotesk_bq_lightIt', Arial, sans-serif;
}


.temoignages-pave p
{
	text-align:left;
	color:#FFF;
	font-family: 'akzidenz-grotesk_bq_lightIt', Arial, sans-serif;
	font-size:15px;
	line-height:21px;
	letter-spacing:0.4px;
}


.dit-orange-gras
{
	font-family: 'akzidenz-grotesk_bqmedium', Arial, sans-serif;
	color:#E7511E;
}

.dit-orange
{
	font-family: 'akzidenz-grotesk_bq_lightRg', Arial, sans-serif;
	color:#E7511E;
}



.clear 
{
	clear: both;
}



.noborder 
{
	border: 0;
}


.alignCenter
{
	text-align: center;
}


.divCliquable
{
	display:block;
	width:100%;
	height:100%;
}



.block
{
	display:block;
}


.margin-left-70
{
	margin-left:70px;	
}


.margin-left-40
{
	margin-left:40px;	
}


.margin-left-140
{
	margin-left:140px;	
}








































.first-line { text-transform:uppercase; }  /* correction bug safari qui ne prend pas en charge uppercase) */






.ombre
{
	box-shadow: 1px 1px 5px rgba(0, 0, 0, 0.5);
}



.margin10
{
	margin:10px;
}


.marginTop10
{
	margin-top:10px;
}


.marginTop20
{
	margin-top:20px;
}


.leftMoins170
{
	margin-left:-175px;
}


.polaroid
{
	margin-left:155px;
	margin-top:-263px;
}


.gras
{
	font-weight:bold;	
}



h1
{
	text-align : left;
	color : #574C41;
	font-family: 'veggieburgerregular', Verdana, Arial, sans-serif;
	font-size: 44px;;
	line-height : 10px;
	
}



h2
{
	text-align : left;
	color : #E79455;
	font-family: 'veggieburgerregular', Verdana, Arial, sans-serif;
	font-size: 22px;;
	line-height : 18px;
	
}



h3
{
	position: relative; 
	text-align : left;
	color : #C5331E;
	font-family: 'veggieburgerregular', Verdana, Arial, sans-serif;
	font-size: 18px;;
	line-height : 4px;
	
}



p
{
	text-align : justify;
	color : #333;
	font-family: 'open_sansregular', Verdana, Arial, sans-serif;
	font-size: 13px;;
	line-height : 18px;
	
}



.mentions
{
	text-align : justify;
	color : #333;
	font-family: 'open_sansregular', Verdana, Arial, sans-serif;
	font-size: 10px;;
	line-height : 12px;
	
}


/* --- MENU --- */














/* --- LISTE PROJETS --- */


.projet-vig
{
	position: relative; 
	float: left;
	top : 0px;
	left : 0px;
	width : 86px;
	height : 130px;
	margin-left:10px;
	padding:0 ;
	border : 0 ;
	
	border-radius:0 0 10px 10px;
	
	text-align:center;
	
}


.projet-vig:hover {
	background-image: url("cabinet-architectes/projet-selected.png");
}



.projet-vig-titre
{
	position: relative; 
	top:0px;
	left : 0px;
	color : #C5331E;
	font-family: 'veggieburgerbold', Verdana, Arial, sans-serif;
	font-size: 11px;;
}


.projet-vig-type
{
	position: relative; 
	top:-5px;
	left : 0px;
	color : #333;
	font-family: 'open_sansregular', Verdana, Arial, sans-serif;
	font-size: 9px;;
}


.projet-caract /*pour texte details */
{
	position: relative; 
	top:-75px;
	left : 0px;
	color : #333;
	font-family: 'open_sansregular', Verdana, Arial, sans-serif;
	font-size: 10px;
	line-height : 16px;
}


.projet-vig-thumb
{	
	border: 1px solid #666;
        -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
        -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
        box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);	
}


h4
{
	position: relative; 
	top:0px;
	left : 0px;
	text-align : left;
	color : #574C41;
	font-family: 'veggieburgerregular', Verdana, Arial, sans-serif;
	font-size: 22px;
}

h5
{
	position: relative; 
	top:-27px;
	left : 0px;
	text-align : left;
	color : #C5331E;
	font-family: 'veggieburgerregular', Verdana, Arial, sans-serif;	
	font-size: 15px;
}

h6
{
	position: relative; 
	top:-50px;
	text-align : left;
	color : #E79455;
	font-family: 'open_sansregular', Verdana, Arial, sans-serif;
	font-size: 14px;	
}




































/* --- VISIONNEUSE --- */



.slider-wrapper ul,
.slider-wrapper li,
.slider-wrapper div,
.slider-wrapper img,
.slider-wrapper a {
    margin: 0;
    padding: 0;
    border: none;
    outline: none;
    list-style: none;
}
 
.slider-wrapper {
    position: relative;
    top:-70px;
    left:0px;
    width: 485px;
   /* overflow: hidden;*/
    margin: 0 auto;
}
 

ul.s-thumbs {
	width:485px;
	margin:0 auto;	
	text-align:center;
}



ul.s-thumbs li {
    float: left;
}
 
ul.s-slides li,
ul.s-slides a,
ul.s-slides img {
    width: 480px;
    height: 360px;
    position: relative;
    overflow: hidden;
    
}
 
ul.s-slides {
    width: 480px;
    height: 358px;
    position: relative;
    overflow: hidden;
    clear: both;
}
 
ul.s-slides li {
    position: absolute;
    z-index: 50;
}












ul.s-thumbs li {
    float: left;
    margin-bottom: 10px;
    margin-right: 15px;
}
 
ul.s-thumbs li:last-child {
    margin-left: 1px;
    margin-right: 0;
}
 
ul.s-thumbs a {
    display: block;
    position: relative;
    width: 65px;
    height: 65px;
    border: 1px solid #CCC;
 
    -webkit-transition: all 0.25s ease-in-out;
    -moz-transition: all 0.25s ease-in-out;
    -o-transition: all 0.25s ease-in-out;
    -ms-transition: all 0.25s ease-in-out;
    transition: all 0.25s ease-in-out;
 
}
 
ul.s-thumbs img {
    -webkit-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
    -moz-box-shadow: 1px 1px 5px rgba(0,0,0,.5);
    box-shadow: 1px 1px 3px rgba(0, 0, 0, 0.5);
}
 
ul.s-thumbs a:hover
{
    border: 1px solid #666;
 
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}


ul.s-slides {
 
	border: 1px solid #666;
 
    -webkit-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    -moz-box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
    box-shadow: 1px 1px 2px rgba(0, 0, 0, 0.5);
}











/* Slide Left */
 
@-webkit-keyframes 'slideLeft' {
    0% { left: -500px; }
    100% { left: 0; }
}
 
ul.s-slides li.slideLeft:target {
    z-index: 100;
 
    -webkit-animation-name: slideLeft;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
}





/* Slide Right */
 
@-webkit-keyframes 'slideRight' {
    0% { left: 500px; }
    100% { left: 0; }
}
 
ul.s-slides li.slideRight:target {
    z-index: 100;
 
    -webkit-animation-name: slideRight;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
}




/* Slide Top */
 
@-webkit-keyframes 'slideTop' {
    0% { top: -350px; }
    100% { top: 0; }
}
 
ul.s-slides li.slideTop:target {
    z-index: 100;
 
    -webkit-animation-name: slideTop;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
}




/* Slide Bottom */
 
@-webkit-keyframes 'slideBottom' {
    0% { top: 350px; }
    100% { top: 0; }
}
 
ul.s-slides li.slideBottom:target {
    z-index: 100;
 
    -webkit-animation-name: slideBottom;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
}





/* Zoom In */
 
@-webkit-keyframes 'zoomIn' {
    0% { -webkit-transform: scale(0.1); }
    100% { -webkit-transform: none; }
}
 
ul.s-slides li.zoomIn:target {
    z-index: 100;
    top: 4px;
 
    -webkit-animation-name: zoomIn;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
}





/* Zoom Out */
 
@-webkit-keyframes 'zoomOut' {
    0% { -webkit-transform: scale(2); }
    100% { -webkit-transform: none; }
}
 
ul.s-slides li.zoomOut:target {
    z-index: 100;
 
    -webkit-animation-name: zoomOut;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
}






/* Rotate */
 
@-webkit-keyframes 'rotate' {
    0% { -webkit-transform: rotate(-360deg) scale(0.1); }
    100% { -webkit-transform: none; }
}
 
ul.s-slides li.rotate:target {
    z-index: 100;
    top: 4px;
 
    -webkit-animation-name: rotate;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
    
}











/* Not Target */
 
@-webkit-keyframes 'notTarget' {
    0% { z-index: 75; }
    100% { z-index: 75; }
}
 
ul.s-slides li:not(:target) {
    -webkit-animation-name: notTarget;
    -webkit-animation-duration: 1s;
    -webkit-animation-iteration-count: 1;
}







/* First Slide */
 
ul.s-slides li.first {
    z-index: 60;
}






/* Slider Load */
 
@-webkit-keyframes 'load' {
    0% { opacity: 0; }
    50% { opacity: 0; }
    100% { opacity: 1; }
}
 
.slider-wrapper {
    -webkit-animation-name: load;
    -webkit-animation-duration: 2s;
    -webkit-transition-timing-function: ease-in-out;
    -webkit-animation-iteration-count: 1;
}



















@media (max-height: 840px) {   // POUR COLLER EN HAUT SI HAUTEUR NE PERMET PAS DE VOIR SITE ENTIER

	
		 

 body:before {

 }
 
 


.global 
{
	top:0px;
	margin-top:0;
	
}
	
	


}