@media handheld and (orientation: portrait), (max-width: 1100px) and (orientation: portrait), screen and (device-aspect-ratio: 2/3), screen and (device-aspect-ratio: 40/71), screen and (device-aspect-ratio: 3/4), (orientation: portrait)  {

    
html
{

	margin:0 auto;
	padding:0px;
	border:0px;
	
	
	width:100%;
	height : 100%;   /* INDISPENSABLE POUR CENTRAGE VERTICAL */
	
}



body
{
	
	margin:0 auto;
	padding:0px;
	border:0px;

	
	height:100%;  /* INDISPENSABLE POUR CENTRAGE VERTICAL */
	width:100%;  /* INDISPENSABLE POUR CENTRAGE VERTICAL */
	
	text-align:center;
    
    background-color:#FFF;
    
  
    overflow-x:hidden;
   

}



*{    /*  permet d'avoir bien tous les blocs en relative collés en haut */
margin: 0;
padding:0;
}





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






/* ---------------------------------------------*/
/* --- GENERAL --- */
/* ---------------------------------------------*/





.vert
{
    color:#A6A13F;  /* 166 / 161 / 63 */
}



.vert2
{
    color:#676853;  /* 37 / 68 / 53 */
}


.orange1
{
    color:#d14f31;  /* 52 / 51 / 45 */
}



.orange2
{
    color:#FFA000;  /* 255 / 160 / 0 */
}



.noir
{
    color:#000000;  /* 0 / 0 / 0 */
}


.noir2
{
    color:#333333;  /* 51 / 51 / 51 */
}


.noir3
{
    color:#555555;  /* 85 / 85 / 85 */
}


.blanc
{
    color:#FFFFFF;  /* 25 / 255 / 255 */    
}





.BG-vert
{
    background-color:#A6A13F;  /* 166 / 161 / 63 */
}


.BG-vert2
{
    background-color:#676853;  /* 37 / 68 / 53 */
}


.BG-orange1
{
    background-color:#d14f31;  /* 52 / 51 / 45 */
}



.BG-orange2
{
    background-color:#FFA000;  /* 255 / 160 / 0 */
}


.BG-noir
{
    background-color:#000000;  /* 0 / 0 / 0 */
}


.BG-noir2
{
    background-color:#333333;  /* 51 / 51 / 51 */
}


.BG-noir3
{
    background-color:#555555;  /* 85 / 85 / 85 */
}


.BG-blanc
{
    background-color:#FFFFFF;  /* 25 / 255 / 255 */    
}









h1   /* --- titre accueil --- */
{
	color : #FFF;
	font-family: 'montserratultra_light', Arial, sans-serif;
    font-weight:normal;
	font-size: 2.0vh;	
    line-height: 3.0vh;
    letter-spacing: 0.5px;
	text-align : center;
    
    z-index:1999999;
}


h2   /* --- titre de ref --- */
{
	color : #FFFFFF;
	font-family: 'montserratlight', Arial, sans-serif;
    font-weight:normal;
	font-size: 2.2vh;	
    line-height: 2.6vh;
    letter-spacing: 0.5px;
	text-align : center;
    
    text-transform: uppercase;
    
    margin-right:0vw;
    
    z-index:1999999;
}


h3   /* --- titre-texte de ref --- */
{
	color : #d14f31;
	font-family: 'montserratlight', Arial, sans-serif;
    font-weight:normal;
	font-size: 4vw;	
    line-height: 6vw;
    letter-spacing: 0.5px;
	text-align : left;
    
    text-transform: uppercase;
    
    margin-left:0vw;
    margin-top:4vw;
}


h4   /* --- texte accueil --- */
{
	/*padding:0 2vh 0 2vh;*/
    
    color : #fff;
	font-family: 'montserratultra_light', Arial, sans-serif;
	font-size: 1.8vh;
	line-height:2.6vh;
	text-decoration : none;
	text-align : left;
    letter-spacing:0.1vw;
    font-weight:normal;
    

}


p   /* --- textes des ref --- */
{
	/*padding:0 2vh 0 2vh;*/
    
    color : #000;
	font-family: 'montserratlight', Arial, sans-serif;
    font-weight:normal;
	font-size: 2.4vw;	
    line-height: 2.4vw;
    letter-spacing: 0.5px;
	text-align : left;
    
    text-transform: uppercase;
    
    margin-left:0vw;
    margin-top:1.4vw;
    

}


a, a:visited, a:focus, a:hover
{
	color:#FFFFFF;
    
    font-family: 'montserratregular', Arial, sans-serif;
	
    text-decoration : none;
    
}









strong, .bold
{
    font-weight:bold;
    
}












.picHauteur100pc
{
	position : relative;
	height:100%;

    border:0;

}


.picLargeur100pc
{
	position : relative;
	width:100%;
    height:auto;

    border:0;

}



.picHauteur50pc
{
	position : relative;
	height:50%;

    border:0;

}


.picLargeur50pc
{
	display : inline-block;
    
    width:49%;
    height:auto;
    
    border:0;
    
}



.picLargeur75pc
{
	display : inline-block;
    
    width:75%;
    height:auto;
    
    border:0;
    
}



.picLargeur33pc
{
	display : inline-block;
    
    width:32.5%;
    height:auto;
    
    border:0;
    
}










.alignCenter
{
	text-align:center;
}



.centragevertical
{
    
    position:absolute;margin:auto;top:0;bottom:0;left:0;right:0;
    
}










.ombre
{
    -moz-box-shadow:2px 2px 4px 1px #CCC;
    -ms-box-shadow:2px 2px 4px 1px #CCC;
    -o-box-shadow:2px 2px 4px 1px #CCC;
    -webkit-box-shadow:2px 2px 4px 1px #CCC;
    box-shadow:2px 2px 4px 1px#CCC;  
    
    border:0;
}



.drop-shadow
{
    filter: drop-shadow(4px 4px 4px #333333);
}




.pointer
{
	cursor:pointer;	
}













.clear
{
	clear: both;	
}



.inline
{
    display:inline;    
}



.none
{
    display:none;    
}







.mentions
{
	color : #000;
	font-family: 'Open_sansregular', Arial, sans-serif;
	font-size: 1vh;
	line-height:1.2vh;
	text-decoration : none;
	text-align : center;
}



/*

.puce
{
	color:#9a0d40;
	margin-left:1%;
	margin-right:1%;
	
}

*/























 


    

/* ---------------------------------------------*/
/* --- HEADER --- */
/* ---------------------------------------------*/


.architecte
{
	position:fixed;
	display:block;
    
	left:0;
    width:100vw;
	
    top:0;
    height:15vw;
    
    text-align:center;
 
    z-index:5000000;

}



.logo-orchampt
{
    position:relative;
    display:inline-block;
    
    top:4.5vw;
    height:6vw;
    
    left:0;
    right:0;
    
    /*background-color: aquamarine;*/
    
    text-align:center;
   
	
}






.menu
{
    position:fixed;
	
    width:100vw;
    height:100vh;
    
    
    left:0;
    top:0;
    
    background-color:#FFF;
    
    text-align:center;
    
    z-index:9000020;
    
}



.menu-item
{
   	position:relative;
    display:block;
	
	margin-left:0vh;
    /*margin-top:0;*/

    padding-left:1vh;
    padding-right:1vh;
    
    top:0;
    left:0;
    
    height:33vh;
    
	text-align:center;
	
	color : #333333;
	font-family: 'montserratlight', Arial, sans-serif;
	font-size: 2.4vh;
	line-height:33vh;
	text-decoration : none;
    
    letter-spacing:0.6px;  
    
    cursor:pointer;
        
    -webkit-transition: all 0.5s ease;
	-moz-transition: all 0.5s ease;
	-ms-transition: all 0.5s ease;
	-o-transition: all 0.5s ease;
	transition: all 0.5s ease;

}


.menu-item:hover
{
        
    color : #d14f31;
    
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
 
}




.menu-selected
{
    position:relative;
    display:inline-block;
	
	margin-left:0vh;
    
    padding-left:0vh;
    padding-right:0vh;
    
    top:0;
    left:0;
    
    height:33vh;
    width:100%;
    
	text-align:center;
	
	color : #FFFFFF;
	font-family: 'montserratlight', Arial, sans-serif;
	font-size: 2.4vh;
	line-height:33vh;
	text-decoration : none;
    
    letter-spacing:0.6px;  
    
    cursor:default;
    
    background-color : #d14f31;
    
}




.menuon
{
	left:0;
    
    -webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}



.menuoff
{
	left:-105%;	
    
    -webkit-transition: all 0.6s ease;
	-moz-transition: all 0.6s ease;
	-ms-transition: all 0.6s ease;
	-o-transition: all 0.6s ease;
	transition: all 0.6s ease;
}




.menu-bt
{
    display:block;
    position:fixed;
    right:0vw;
    top:2.5vw;
    height:10vw;
    width:15vw;

    cursor:pointer;

    z-index:5000001;
}

.contact-bt
{
    display:block;
    position:fixed;
    left:0vw;
    top:2.5vw;
    height:10vw;
    width:15vw;

    cursor:pointer;

    z-index:5000001;
}












/* ---------------------------------------------*/
/* --- FOOTER --- */
/* ---------------------------------------------*/


.architecte-dplg  /* bandeau total bas */
{
    position:fixed;
	
	left:0;
    width:100%;
	
    bottom:0;
    height:4vh;
    
    box-shadow: -2px -2px 5px rgba(0, 0, 0, 0.4);	
    -webkit-box-shadow: -2px -2px 5px rgba(0,0,0,0.4);
    -moz-box-shadow: -2px -2px 5px rgba(0,0,0,0.4);
        
    z-index:200000;
    
    background-color: #d14f31;
    
    /*overflow:hidden;*/
}



.normandie-architectes   /* gauche */
{
    position:absolute;
    display:none;
	
    top:0vh;
    height:4vh;
    
    width:25vw;
    left:2vw;
    
	text-align:left;
	
	color : #FFF;
	font-family: 'montserratlight', Arial, sans-serif;
	font-size: 0.9vw;
	line-height:3vh;
	text-decoration : none;
    letter-spacing:1px;
    
    vertical-align: top;
        
}


.normandie-construction   /* centre */
{
    position:absolute;
    display:none;
	
    top:0vh;
    height:4vh;
    
    width:12vw;
    left:44vw;
    
	text-align:center;
	
	color : #FFF;
	font-family: 'montserratlight', Arial, sans-serif;
	font-size: 0.9vw;
	line-height:3vh;
	text-decoration : none;
    letter-spacing:1px;
    
}


.normandie-batiment   /* droite */
{
    position:absolute;
    display:block;
	
    top:0vh;
    height:4vh;
    
    right:0vw;
    left:0;

    width : 100vw;
    
    padding-right:0;
    
	text-align:center;
	
	color : #FFF;
	font-family: 'montserratlight', Arial, sans-serif;
	font-size: 2vw;
	line-height:4vh;
	text-decoration : none;
    letter-spacing:1px;
}


.picto-social
{
    display:inline-block;
    position:relative;
    
    margin-right:2vw;
    margin-left:2vw;
    
    top:0vh;
    
    height:8vh;
    
    vertical-align: top;
    
    cursor:pointer;
    
    overflow:hidden;
    
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    
}


.picto-social:hover
{

    top:-4vh;
    
    height:8vh;
     
    background-color:#333333;
   
    /*background-color:#F48A32;*/
        
    /*filter: grayscale(100%);*/
        
    -webkit-transform-origin : 50% 50%; 
	-moz-transform-origin : 50%,50%; 
	-ms-transform-origin : 50%,50%; 
	-o-transform-origin : 50%,50%; 
	transform-origin : 50%,50%; 
	-webkit-transform : scale(1.1,1.1); 
	-moz-transform : scale(1.1,1.1); 
	-ms-transform : scale(1.1,1.1); 
	-o-transform : scale(1.1,1.1); 
	transform : scale(1.1,1.1);
    
    
    -webkit-transition: all 0.1s ease;
	-moz-transition: all 0.1s ease;
	-ms-transition: all 0.1s ease;
	-o-transition: all 0.1s ease;
	transition: all 0.1s ease;

}

.boldover
{
    
    
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}

.boldover:hover
{

   font-family: 'montserratbold';
    
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;

}


.partagez
{
    display:none;
}




















/* ---------------------------------------------*/
/* --- PRINCIPAL --- */
/* ---------------------------------------------*/






.principal
{
    
	position:absolute;
	display:block;


    left:0;
    top:15vw;
    
    width:100vw;
	height:auto;  /* 85 vh */
    
    font-size:0;  /* TRES IMPORTANT : evite espaces entre blocs dans div Enfants */
    
    text-align:center;
    
    z-index:90000;
    
    vertical-align:top;
    
    
}




.accueil-photo
{
    
	position:absolute;
	display:block; 


    left:0;
    top:0;
    
    width:100vw;
	height:calc(100vh - 15vw - 3.8vh); 
    
    /*font-size:0;  TRES IMPORTANT : evite espaces entre blocs dans div Enfants */
    
    text-align:center;
    
    background-image: url(../architectes-normandie/lisieux-architecture.jpg); 
    background-repeat: no-repeat; 
    background-attachment: fixed; 
    background-size: cover; 
    background-position: center;
    

}




.accueil-logo
{
    
	position:relative;
	display:block; 


    left:0;
    top:0;
    
    width:100vw;
	height:88vh; 
    
    /*font-size:0;  TRES IMPORTANT : evite espaces entre blocs dans div Enfants */
    
    text-align:center;
    
    

}



.accueil-titre
{
    
	position:absolute;
	display:block;


    left:0;
    top:calc(100vh - 15vw - 3.8vh);
    
    padding:2vh 10vw 2vh 10vw;
    
    width:80vw;
	height:6vh;
    
    /*font-size:0;  TRES IMPORTANT : evite espaces entre blocs dans div Enfants */
    
    text-align:center;
    
}


.accueil-texte
{
    
	position:absolute;
	display:block;


    left:0;
    top:calc(100vh - 15vw - 3.8vh + 6vh + 4vh);  /* huateur - header - footer(quasi car 4) + hauteur bandeau titre orange + 2 fois padding bandeau titre orange */
    
    width:100vw;
	/*height:43vh*/
    
    /*font-size:0;  TRES IMPORTANT : evite espaces entre blocs dans div Enfants */
    
    text-align:left;
    
    
}





.accueil-texte-bloc
{
    
	position:relative;
	display:block;


    left:10vw;
    top:0;
    margin:4vh 0 8vh 0;
    
    width:80vw;
	/*height:30vh;*/ 
    
    /*font-size:0;  TRES IMPORTANT : evite espaces entre blocs dans div Enfants */
    
    text-align:justify;
    
    vertical-align:top;
    
}



.accueil-identites-bloc
{
    
	position:relative;
	display:inline-block;


    left:0;
    top:-3vh;
    margin-top:0vh;
    margin-bottom:2.5vw;
    margin-left:1vw;
    margin-right:1vw;
    
    width:calc(50% - 2vw);
    height:20vh;
    
    /*font-size:0;  TRES IMPORTANT : evite espaces entre blocs dans div Enfants*/ 
    text-align:center;
    
    overflow:hidden;
    
    filter: grayscale(100%);
    
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    
}


.accueil-identites-bloc:hover
{
    filter: grayscale(0%);
    
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


    
    



.accueil-identites-legende
{
    display:block;
    position :absolute;
    
    bottom:2vw;
    
    left:2vw;
    
    width:calc(100% - 6vw);
    
    
    text-align:center;
    
    background-color:#FFF;
    
    padding:1vw;
    
    
    color : #333;
	font-family: 'montserratlight', Arial, sans-serif;
    font-weight:normal;
	font-size: 1.9vw;	
    line-height: 1.9vw;
    letter-spacing: 0.5px;
	text-align : center;
    
    /*text-transform: uppercase;*/
   
    
}
    
    
    

.accueil-photo-bloc
{
    
	position:relative;
	display:inline-block;


    left:0;
    top:-3vh;
    margin-top:0vh;
    margin-bottom:2.5vw;
    margin-left:1vw;
    margin-right:1vw;
    
    width:calc(100% - 2vw);
    height:20vh;
    
    /*font-size:0;  TRES IMPORTANT : evite espaces entre blocs dans div Enfants*/ 
    text-align:center;
    
    overflow:hidden;
    
    filter: grayscale(100%);
    
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
    
}


.accueil-photo-bloc:hover
{
    filter: grayscale(0%);
    
    -webkit-transition: all 0.3s ease;
	-moz-transition: all 0.3s ease;
	-ms-transition: all 0.3s ease;
	-o-transition: all 0.3s ease;
	transition: all 0.3s ease;
}


    
    
    
    
    
    
/* VERSION DEUX PAVES DANS LE TEXTE */
/*.accueil-identites-bloc
{
    
	position:relative;
	display:inline-block;


    left:0;
    margin-top:2.5vw;
    margin-bottom:2.5vw;
    
    width:100%;
    height:10vw;
    
    font-size:0;  TRES IMPORTANT : evite espaces entre blocs dans div Enfants     
    text-align:center;
    
    overflow:hidden;
    
    
}*/



.accueil-fleche
{
    
	position:absolute;
	display:block;


    left:0vw;
    top:43vh;
    
    width:100vw;
    height:5vh;
    
    /*font-size:0;  TRES IMPORTANT : evite espaces entre blocs dans div Enfants*/ 
    text-align:center;
    
    /*background-color: aqua;*/
    
    -webkit-animation: tourne 3s infinite;
    -moz-animation: tourne 3s infinite;
    animation: tourne 3s infinite;
    
}



@-webkit-keyframes tourne {
    0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@-moz-keyframes tourne {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}
@keyframes tourne {
  0% {
    opacity: 1;
  }
  50% {
    opacity: 0;
  }
  100% {
    opacity: 1;
  }
}








.marge-basse
{
    position:relative;
    
    top:0;
    left:0;
    
    width:100%;
    height:4vh;
    
    background-color: #333333;
}













/* -------------    ELEMENTS PAGE ACCUEIL des REALISATIONS / GALERIE   -----------*/



.real-vig
{
    
    position:relative;
    display:inline-block;
    
    top:0;
    left:0;
    
    margin-left:0;
    margin-top:0;
    
    width:50vw;
    height:36vw;
    
    overflow:hidden;

}



.real-vig-pic
{
    position:absolute;
    display:block;
    
    top:0;
    left:0;
    
    width:50vw;
    height:36vw;
    
    overflow:hidden;

    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
    
}


.real-vig-tit
{
    
    position:absolute;
    display:block;
    
    top:29vw;
    left:2vw;
    
    width:45vw;
    height:4vw;
    
    padding:0.5vw;
        
    color : #333;
	font-family: 'montserratlight', Arial, sans-serif;
    font-weight:normal;
	font-size: 1.9vw;	
    line-height: 4vw;
    letter-spacing: 0.3px;
	text-align : center;
    
    background-color:rgba(255,255,255,0.9);
    
    opacity:1;
    
    overflow:hidden;
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}


.real-vig-dat
{
    
    position:absolute;
    display:block;
    
    left:2vw;
    top:2vw;
    
    width:8vw;
    height:3vw;
    
    color : #FFFFFF;
	font-family: 'montserratlight', Arial, sans-serif;
    font-weight:normal;
	font-size: 2vw;	
    line-height: 3vw;
    letter-spacing: 1px;
	text-align : center;
    
    background-color: #d14f31;
    
    opacity:1;
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}



.real-vig-sym
{
    
    position:absolute;
    display:none;
    
    top:24.2vw;
    left:30vw;
    
    /*width:17vw;*/
    /*height:5vw;*/
    
    color : #d14f31;
	font-family: 'montserratultra_light', Arial, sans-serif;
    font-weight:normal;
	font-size: 10vw;	
    line-height: 10vw;
    letter-spacing: 1px;
	text-align : left;
    
    /*background-color: aqua;*/
    
    opacity:0;
    
    overflow:hidden;
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}



.real-vig:hover .real-vig-pic
{
    
    position:absolute;
    display:block;
    
    top:0;
    left:0;
    
    width:50vw;
    height:36vw;
    
    overflow:hidden;

    filter: grayscale(100%);
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
    
    
}



.real-vig:hover .real-vig-tit
{
    
    position:absolute;
    display:block;
    
    top:20vw;
    left:2vw;
    
    width:45vw;
    height:4vw;
    
    padding:0.5vw;
        
    color : #333;
	font-family: 'montserratlight', Arial, sans-serif;
    font-weight:normal;
	font-size: 1.9vw;	
    line-height: 4vw;
    letter-spacing: 0.3px;
	text-align : center;
    
    background-color:rgba(255,255,255,0.9);
    
    opacity:0;
    
    overflow:hidden;
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}




.real-vig:hover .real-vig-sym
{
    
    position:absolute;
    display:none;
    
    top:24.2vw;
    left:40.8vw;
    
    /*width:17vw;*/
    /*height:5vw;*/
    
    color : #d14f31;
	font-family: 'montserratultra_light', Arial, sans-serif;
    font-weight:normal;
	font-size: 10vw;	
    line-height: 10vw;
    letter-spacing: 1px;
	text-align : left;
    
    /*background-color: aqua;*/
    
    opacity:1;
    
    overflow:hidden;
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}





.real-vig:hover .real-vig-dat
{
    
    position:absolute;
    display:block;
    
    left:0vw;
    top:0vw;
    
    width:12vw;
    height:7vw;
    
    color : #FFFFFF;
	font-family: 'montserratlight', Arial, sans-serif;
    font-weight:normal;
	font-size: 4vw;	
    line-height: 6vw;
    letter-spacing: 1px;
	text-align : center;
    
    background-color: #A6A13F;
    
    opacity:0;
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}













/* -------------    ELEMENTS PAGE REALISATIONS fiche   -----------*/
/* -------------    vignettes, par 4/6/12 (mulitple de 2 pour V° Resp.)   -----------*/



.principal-fiche
{
    
	position:absolute;
	display:block;


    left:0;
    top:15vw;
    
    width:100vw;
	height:calc(100vh - 15vw - 4vh);
    
    font-size:0;  /* TRES IMPORTANT : evite espaces entre blocs dans div Enfants */
    
    text-align:center;
    
    z-index:90000;
    
    vertical-align:top;
    
    overflow:scroll;
    
    
}




.fiche-titre
{
    
    position:relative;
	display:block;

    width:calc(100% - 10vh);
    height:auto;
    
    margin:0;
    padding:2vh 5vh 2vh 5vh;
    
    top:0;
    left:0;
    
    background-color: #d14f31;
    
}



.bt-ref-retour
{
    
    position: relative;
    display: inline-block;
    
    top:0;
    left:0;
    
    height:3vh;
    padding-left:1vh;
    padding-right:1vh;
    margin:0;
    
    width:calc(50% - 2vh);
    
    background-color:rgba(51,51,51,1);
    
    
    color : #FFF;
	font-family: 'montserratlight', Arial, sans-serif;
	font-size: 1.4vh;
	line-height:3vh;
	text-decoration : none;
    
    letter-spacing:0.6px;  
    
    text-align:left;
    
    cursor:pointer;
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
    
    
    
.bt-ref-details
{
    
    position: relative;
    display: inline-block;
    
    top:0;
    left:0;
    
    height:3vh;
    padding-left:1vh;
    padding-right:1vh;
    margin:0;
    
    width:calc(50% - 2vh);
    
    background-color:rgba(51,51,51,1);
    
    
    color : #FFF;
	font-family: 'montserratlight', Arial, sans-serif;
	font-size: 1.4vh;
	line-height:3vh;
	text-decoration : none;
    
    letter-spacing:0.6px; 
    
    text-align:right;
    
    cursor:pointer;
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}


.bt-ref-retour:hover, .bt-ref-details:hover

{

    background-color:rgba(51,51,51,1);
    
    color : #d14f31;
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
    
}


.fiche-galerie
{
    position: relative;
    display: block;
    
    top:0vh;
    left:0;
    
    padding-left:0;
    
    height:auto;
    width:100vw;
    
    
    overflow-y: auto;
    
    /*background-color: aquamarine;*/
    
}

    
.fiche-infos
{
    position: relative;
    display: block;
    
    margin:0vh;
    
    top:0vh;
    left:0vw;
    
    padding:10vw;
    
    height:auto;
    width:80vw;
    
    background-color: #333;
    
    overflow: auto;
    
}
    

.fiche-infos p
{
    color:#FFF;
}




/* -------------    GAL x4   -----------*/





/* -------------    GAL x8   -----------*/



.pic-GAL-Hauteur100pc
{
	position : relative;
	width:100%;
    height:auto;

    border:0;

}


@media screen and (max-aspect-ratio: 100/61)  {   /* corrige affichage des pics dans blocs vignette en version écran : quand la largeur de l'écran se réduit (mais pas encore assez pour passer en responsive), la pic passse en remplissage hauteur 100% au lieu largeur 100%  */

.pic-GAL-Hauteur100pc
{
	position : relative;
	width:100%;
    height:auto;

    border:0;

}
    
}
    
    


    
    
    
.fiche-picX8, .fiche-picX4, .fiche-picX6, .fiche-picX1, .fiche-picX1vert
{
    position: relative;
    display: block;
    
    left:8vw;
    
    width:84vw;
    height:50vw;
    
    top:0; /* pour annuler le top du X1 en desktop */
    
    margin:6vw 0 6vw 0;
    
    font-size:0; /* TRES IMPORTANT : evite espaces entre blocs dans div Enfants TEST ICI */
    
    overflow:hidden;
    
    /*background-color: bisque;*/
    
    filter: grayscale(0%);
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}





.fiche-pic-container /* devient renovation */
{
    position:absolute;
    
    top:0%;
    left:0%;
    
    width:100%;
    height:100%; 
    
    filter: grayscale(0%);
    
    opacity:1;
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; 
    
    overflow:hidden;
    
}





.fiche-picX4:hover .fiche-pic-container, .fiche-picX8:hover .fiche-pic-container, .fiche-picX6:hover .fiche-pic-container, .fiche-picX1:hover .fiche-pic-container, .fiche-picX1vert:hover .fiche-pic-container
{
    
    position:absolute;
    
   
    top:-5%;
    left:-5%;
    
    width:110%;
    height:110%; 
    
    filter: grayscale(0%);
    
    opacity:1;  /* 0.7 */
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; 
    
    overflow:hidden;
    
}








.picto-zoom, .picto-zoom-sombre
{
    position:absolute;
    display:block;
    
    top:0vh;
    left:0vh;
    
    width:100%;
    height:100%;
    
    border:1px solid #FFF;
    
    opacity:0;
    
    cursor:pointer;
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease; 
}


.fiche-picX4:hover .picto-zoom, .fiche-picX8:hover .picto-zoom, .fiche-picX6:hover .picto-zoom, .fiche-picX1:hover .picto-zoom, .fiche-picX1vert:hover .picto-zoom
{
    
    position:absolute;
    display:block;
    
    top:2vh;
    left:2vh;
    
    width:calc(100% - 4vh);
    height:calc(100% - 4vh);
    
    border:1.4px solid #FFF;
    
    opacity:1;
    
    -webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease; 
    
}



.fiche-picX4:hover .picto-zoom-sombre, .fiche-picX8:hover .picto-zoom-sombre, .fiche-picX6:hover .picto-zoom-sombre, .fiche-picX1:hover .picto-zoom-sombre, .fiche-picX1vert:hover .picto-zoom-sombre
{
    
    position:absolute;
    display:block;
    
    top:2vh;
    left:2vh;
    
    width:calc(100% - 4vh);
    height:calc(100% - 4vh);
    
    border:1.4px solid #333;
    
    opacity:1;
    
    -webkit-transition: all 0.15s ease;
	-moz-transition: all 0.15s ease;
	-ms-transition: all 0.15s ease;
	-o-transition: all 0.15s ease;
	transition: all 0.15s ease; 
    
}




.bt-plusbas
{
    display: none;
}
    
    
    
    
    @keyframes anim-plusbas {
    0% {
        opacity:0;
    }

    45% {
        opacity:1;
    }
    55% {
        opacity:1;
    }
    
   
    100% {
        opacity:0;
    }
}





.bt-plusbas-accueil
{
    display: block;
    position: absolute;
    
    bottom:4vh;
    
    height:10vh;
    width:10vh;
    
    left:calc(50% - 5vh);
    
    opacity:0;
    
    -webkit-animation: anim-plusbas 2s 3;
    animation: anim-plusbas 2s 3;
    
    
    /*background-color: aqua;*/
}


    
    
    
video {
display: block;
margin: 0 auto;
width: 100%;
/*max-width: 800px;*/
border: 0;
border-radius: 0;
}

    
    
.fiche-picVideo
{
    position: relative;
    display: block;
    
    left:8vw;
    
    width:84vw;
    height:50vw;
    
    top:0; /* pour annuler le top du X1 en desktop */
    
    margin:6vw 0 6vw 0;
    
    font-size:0; /* TRES IMPORTANT : evite espaces entre blocs dans div Enfants TEST ICI */
    
    overflow:hidden;
    
    /*background-color: bisque;*/
    
    filter: grayscale(0%);
    
    -webkit-transition: all 0.2s ease;
	-moz-transition: all 0.2s ease;
	-ms-transition: all 0.2s ease;
	-o-transition: all 0.2s ease;
	transition: all 0.2s ease;
}
    
    
    
    
.respOnly
{
    display: block;
}
    
    
    





/* -------------    ELEMENTS PAGE CONTACT   -----------*/


.contact-coordonnees
{
    position: relative;
    display: block;
    
    width: calc(100% - 12vh);
    height: auto;
    
    padding: 2vh 6vh 7vh 6vh;
    
    text-align:center;

}



.contact-map
{
    position: relative;
    top:4vw;
    width:100%;
    right:0vw;
    height:15vh;
}


.bt-mentionsleg
{
    position: relative;
    display: block;
    
    width:80%;
    left:10%;
    
    padding:5px;
    
    margin:4vw 0 12vw 0;
    
    color : #fff;
	font-family: 'montserratultra_light', Arial, sans-serif;
	font-size: 1.9vw;
	line-height:2.2vw;
	text-decoration : none;
	text-align : center;
    letter-spacing:0.1vw;
    font-weight:normal;
    
    cursor:pointer;
    
}




.form-contact
{
    position:relative;
    display:block;
    top:0;
    left:6%;
    width:88%;
    height:auto;
    padding:0;
    margin:0;
    
    /*background-color: aqua;*/
    
}






label {
	display:block;
	margin-top:2.9vw;
    margin-bottom:0.8vw;
	letter-spacing:1px;
    
	color:#FFF;
    font-family: 'montserratlight', Arial, sans-serif;
	font-size: 2.5vw;
	line-height:3.8vw;
	text-decoration : none;
    letter-spacing:0.05vw;
    text-transform: uppercase;

}





/* Style the text boxes */
input, textarea {
	
    
    display:block;
    width:98%;
    left:0;
    
	background-color:#FFF;
	border:0px solid #dedede;
	padding-left:3%;
	margin:0 auto;
	
    color:#333;
    font-family: 'montserratlight', Arial, sans-serif;
	font-size: 2.5vw;
	line-height:4.2vw;
	text-decoration : none;
    letter-spacing:0.05vw;
    
    border-radius: 12px;
    
    text-align:left;

	
}

textarea {
	
    display:block;
    
    width:98%;
    max-width:98%;  /* éviter extension latérale*/
	max-height:60vw;
    
	padding-top:1%;
	padding-bottom:1%;
    
    height:30vw;
	
    overflow-y: auto;
}



input:focus, textarea:focus {
    border:1px solid #333;
}


#submit {

	width:70%;
	/*height:38px;*/
	margin:0 auto;
	margin-top:4.5vw;
	cursor:pointer;
    
    padding:0;
    
	color : #FFF;
	font-family: 'montserratlight', Arial, sans-serif;
	font-size: 2.1vw;
	line-height:4vw;
	text-decoration : none;
		
	letter-spacing:1px;

	text-align:center;
	
	border:1px solid #FFF;
	 
	background-color: #333;
    
	-webkit-transition: all 0.4s linear;
	-moz-transition: all 0.4s linear;
	-ms-transition: all 0.4s linear;
	-o-transition: all 0.4s linear;
	transition: all 0.4s linear;

}



#submit:hover
{
	color : #FFF;
	background-color: #d14f31;
    border:0px solid #FFF;
	
	-webkit-transition: all 0.2s linear;
	-moz-transition: all 0.2s linear;
	-ms-transition: all 0.2s linear;
	-o-transition: all 0.2s linear;
	transition: all 0.2s linear;	

}





.captcha-top
{
    
    margin-top:4vw;
}







.checkboite
{
    display:inline;
    width:auto;
    margin-right:10px;

    cursor:pointer;

}


.stupidcheck
{
    display:inline;
    position: relative;
    
    color : #BBB;
	font-family: 'montserratlight', Arial, sans-serif;
    font-weight:normal;
	font-size: 2.2vw;	
    line-height: 2.6vw;
    letter-spacing: 0.5px;
	text-align : left;
    
    cursor:pointer;
    
}


.stupidcheck-checked  /* uniquement couleur change */
{
    display:inline;
    position: relative;
    
    color : #FFF;
	font-family: 'montserratlight', Arial, sans-serif;
    font-weight:normal;
	font-size: 2.2vw;	
    line-height: 2.6vw;
    letter-spacing: 0.5px;
	text-align : left;
    
    cursor:pointer;
    
}











    
    
    
    
    
    
    
    


    
    
    
    
    
    
    
    










}