@charset "UTF-8";
/* CSS Document */
@import url('normalize.css');

@font-face {
  font-family: 'Arial', sans-serif;
  src: url('typos/dinot-webfont.eot');
  src: local('x'),
    url("typos/DINOT.otf") format("opentype"),
	url("typos/dinot-webfont.svg#webfont8tajoeRK") format("svg"),
	url("typos/dinot-webfont.woff") format("woff"),
	url("typos/dinot-webfont.ttf") format("truetype");
	font-weight: normal;
	font-style: normal
}

body{background-color:White; font-family: 'DINOT', 'Arial', sans-serif;font-weight:normal;}

a:link,
a:visited {color:#666;text-decoration:none;-webkit-transition:all 0.3s ease-in-out;-moz-transition:all 0.3s ease-in-out;-o-transition:all 0.3s ease-in-out;transition:all 0.3s ease-in-out;}
a:hover,
a:focus { text-decoration:none;color:LimeGreen;}

iframe{  width:100%; max-height:320px; height:220px; margin:0 auto; border:none; overflow:hidden;}

button{ border:none;}
.bold{ font-weight:bold;}
.400{ font-weight:lighter;}
#siege {overflow-y:hidden; }
#siege img {vertical-align:middle;}
.aller p { font-size:1em; font-weight:bold;}
.aller img {vertical-align:bottom;}
.trav { width:100%; text-align:center;}


#parigo {position:relative;	width:100%;margin:0% auto;max-width:1040px;background:White;}

#scollRoll{ background:White;/* min-height:200px;height:auto; max-height:650px;*/ overflow:auto; }


.parigoLogo{ background:White url(../images/utilitaires/parigoFriseGrande.png) no-repeat center center; background-size:contain; height:106px; min-height:106px;}
.chapeau{ background:White;text-align:center; font-size:1.4em;/*font-size:1.4vw;*/ margin-top:10px; margin-bottom:10px; height:40px; min-height:40px;cursor:default; color:#000;}

.parigoLogoContent{ position:relative;top:0; background:White url(../images/utilitaires/parigoFriseGrande.png) no-repeat center center; background-size:contain; height:106px; min-height:106px; margin-bottom:20px; border:none;}
.chapeauContent{ background:White; position:relative;top:10px; text-align:center; font-size:1.4em; height:40px; min-height:40px;cursor:default; color:#000;}

.fermer{ position:relative; top:10px; width:100%;min-height:20px;overflow:hidden;background:Transparent; z-index:200;}
.icon-close{background:Transparent url(../images/utilitaires/closeBtn.png) no-repeat center right; background-size:contain; max-height:20px;}
.lala{ position:absolute; top:200px;width:100%; max-width:1040px;/*min-height:300px; max-height:500px; height:480px;*/ background:transparent;bottom:10px; overflow:auto;/*-webkit-overflow-scrolling:touch;-webkit-transform: translateZ(0px);
-webkit-transform: translate3d(0,0,0);
-webkit-perspective: 1000;*/ }
.content-style-form { }
#footer{position:relative;top:10px;text-align:center;background:White; line-height:2.4em;   max-width:1040px;}


/* MENU MENU chope sur https://la-cascade.io/flexbox-guide-complet/*/
.lala{ text-align:center;}
.lala img{ max-width:100%; height:auto;}
.mobileShow{ display:none;}
.mobileHide{ display:block;}
#nav {
	  display: -webkit-box;
      display: -webkit-flex;
      display: -moz-box;
      display: -ms-flexbox;
      display: flex;  
  -webkit-flex-flow: row wrap;
  -moz-flex-flow: row wrap;
  flex-flow: row wrap;
  justify-content:space-between;
  align-content:space-between;
  padding-right:1%;
  width:96%;
 }
  
#nav li{ width:100px; height:110px; float:left; margin:6px; list-style:none;}
.logo { border:3px solid Limegreen;width:100px; height:100px; border-radius:12px; box-shadow:0 0 8px black;}
#nav li h2{ display:none;}
#nav li span{  max-width:100%; height:auto; display:none;}
#nav li h2{ display:none;} 
.typoBtn{ cursor:none;}

.home {background:transparent url(../images/utilitaires/homeBtn.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.Leslabels {background:transparent url(../images/utilitaires/CollectionsBtn.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.lestarifs {background:transparent url(../images/utilitaires/tarifsbtn.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.search {background:transparent url(../images/utilitaires/musicsearchBtn.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.easycue {background:transparent url(../images/utilitaires/ieasyCueSheet.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.contact {background:transparent url(../images/utilitaires/contact.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.leLabel {background:transparent url(../images/utilitaires/leLabel.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.Playlist{background:transparent url(../images/utilitaires/test.png); background-size:cover; background-repeat:no-repeat; background-position:center;}
.clients {background:transparent url(../images/utilitaires/clientsbtn.png); background-size:cover; background-repeat:no-repeat; background-position:center;}


.resoSocs {background:transparent url(../images/utilitaires/reseauxSoc.png); background-size:cover; background-repeat:no-repeat; background-position:center;}



/*style TEXTE*/
.surtitre h1{ text-align:center; width:100%; }
.surtitre h1{ font-size:1.2em; font-weight:bold; margin-bottom:20px;}
.titre h1{ font-size:1em; font-weight:bold; text-align:justify;}
.finTXT{ font-size:1em;text-align:justify; width:100%; }
.Saut2ligne{ height:1em;width:60%; margin:0 auto; border-bottom:1px solid #333;}
.lala.noBold { font-weight:lighter; }
 p{ font-size:1em; text-align:justify; color:#666; width:98%;}
.tarifs{ overflow:auto;}
ul{ list-style:none;}
.titre { width:100%; text-align:center; font-weight:bold;}
 h1 { font-size:1em;}
.titre h2 { font-size:1.2em;}
 h3 { font-size:0.9em;}
 /*buy { width:100%; text-align:center; font-size:1.2em; font-weight:600;}*/
 .buy { width:100%; text-align:center; font-size:1.2em; font-weight:normal;}
.tarif p { font-size:1em; text-align:justify;line-height:1.6em;margin:2%;}


#siege h1{ font-size:1em; text-align:left; font-weight:bold; color:#666;}
#siege { text-align:left; width:100%;}
#siege p{ text-align:left; width:100%; line-height:1em;}

#contactParigo .titre { width:100%; text-align:center; font-weight:bold;}
#bas { text-align:center; width:100%; border-bottom:2px solid #CCC; margin-top:20px; padding-bottom:10px; font-size:1em;}

#titreEqui h1 { width:100%;text-align:left; font-weight:bold; color:#666; font-size:1em;}

/*pages label parigo*/

#parigo li{ list-style:none; text-align:center; padding-top:20px;}
#parigo li img{ max-width:100%; height:auto;}

/* samsung grand*/

@media  (max-device-width:768px) { 


#parigo {position:relative; overflow:hidden;background:transparent;}
	
.parigoLogo{ background:Transparent url(../images/utilitaires/parigoFriseCourte.png) no-repeat top center;min-height:46px; max-height:76px; background-size:contain;}

.parigoLogoB{ background:White url(../images/utilitaires/parigoFriseCourteCloseBtn.png) no-repeat top center;min-height:70px; max-height:106px; background-size:contain;}
.chapeau{ text-align:center; font-size:0.65em; text-transform:uppercase; font-weight:800; margin-top:2px; margin-bottom:2px; height:30px; min-height:30px; background:transparent;}




.parigoLogoContent{ position:relative;top:0; background:transparent url(../images/utilitaires/parigoFriseCourte.png) no-repeat top center; background-size:contain; max-height:106px; min-height:70px; margin-bottom:0; border:none; display:none}
.chapeauContent{ position:relative;top:2px; text-align:center; font-size:0.8em; font-weight:800; height:30px; min-height:20px; background:transparent; display:none;}
.fermer{ position:relative; top:2px; width:100%;min-height:66px;height:66px;overflow:hidden;background:Transparent;}
.icon-close {width: 100%;background:White url(../images/utilitaires/parigoFriseCourteCloseBtn.png) no-repeat right center; background-size:contain; max-height:106px; min-height:70px; z-index:10;}
.lala{ top:80px; width:98%; background:White; }
/*.lala{ position:relative; top:2px; min-height:400px;height:auto; max-height:440px; background:White; margin-bottom:0px; padding:0;}*/
#scollRoll{ background:White;min-height:200px;height:auto; max-height:530px;overflow:scroll; border:none;}

#footer{position:relative;top:1px; font-size:1em; line-height:1.4em; background:White; display:none;}
#nav{ padding-bottom:100px; overflow:auto;}

.buy { width:100%; text-align:center; font-size:0.8em; font-weight:normal;}
#reso{ max-height:300px;}
#labelParigo{ padding-top:100px;}

.

	}  
/* samsung en paysage */
@media  (max-device-width:768px) and (orientation: landscape) {
  #parigo {position:relative; overflow:hidden;width:98%;margin:0; margin-left:1%; margin-right:1%; max-width:768px;background:White;}
  
 .parigoLogo{ background:White url(../images/utilitaires/parigoFriseGrande.png) no-repeat center center; background-size:contain; min-height:46px;}

 .parigoLogoB{ background:White url(../images/utilitaires/parigoFriseGrandeCloseBtn.png) no-repeat center center; background-size:contain; min-height:76px; max-height:106px;}
 .chapeau{ text-align:center; font-size:0.60em; font-weight:bold; margin-top:0; margin-bottom:2px; height:15px; min-height:1px; background:transparent;}
  
 

.parigoLogoContent{ background:transparent url(../images/utilitaires/parigoFriseGrandeCloseBtn.png) no-repeat center center; background-size:contain; min-height:46px; max-height:140px;margin-top:0;margin-bottom:0; display:none;}
.chapeauContent{ position:relative;top:2px; text-align:center; font-size:0.8em; font-weight:800; height:15px; min-height:10px; display:none;}
.fermer{ position:relative; top:0px; width:100%; margin:0;padding:0;min-height:80px; max-height:140px;overflow:hidden;background:White;}
.icon-close {width:99%;background:White url(../images/utilitaires/parigoFriseGrandeCloseBtn.png) no-repeat center center; background-size:contain; min-height:60px; max-height:140px;margin:0;}
/*.icon-close::before, .icon-close::after {width: 100%;top: 50%;}*/
.lala{ top:70px;}
/*.lala{ position:relative; top:0;height:auto; min-height:140px; max-height:260px;background:White; margin-bottom:1px;}*/
#scollRoll{ background:Transparent; min-height:150px;height:auto; max-height:650px;overflow:scroll; border:none;}

.btn{ width:110px; height:110px;}
.boutonTotal{ border:none;width:110px; height:110px; margin:16px 6px; float:left;}

.boutonTotalSoc{ border:none;width:110px; height:110px; margin:16px 6px; float:left;}


#nav{  padding-bottom:20px; width:100%; background:White;}
}

/* ipad */
/* Portrait and Landscape */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (-webkit-min-device-pixel-ratio: 1) {
	 #parigo {position:relative; overflow:hidden;width:98%;margin:0; margin-left:1%; margin-right:1%;max-width:768px;background:transparent;}	
	
	 #scollRoll{ background:White; height:660px; min-height:420px; max-height:680px; overflow:scroll; border:none; max-width:100%;}
	 
	.parigoLogoB{ background:White url(../images/utilitaires/parigoFriseCourteCloseBtn.png) no-repeat center center; background-size:contain;min-height:140px;}
	.chapeau{ text-align:center; font-size:1.3em; font-weight:200; margin-top:20px; margin-bottom:30px; height:40px; min-height:40px;}
	
	#nav{padding-top:0px;padding-bottom:0px; display:block; width:100%;}
	#nav li{ width:150px; height:160px; float:left; margin:18px; list-style:none;}
	.logo { border:3px solid Limegreen;width:150px; height:150px; border-radius:12px; box-shadow:0 0 8px black;}
	
	

	.parigoLogoContent{ position:relative;top:0; background:transparent url(../images/utilitaires/parigoFriseCourte.png) no-repeat center center; background-size:contain; min-height:140px; margin-bottom:20px; border:none; display:block;}
	.chapeauContent{ position:relative;top:1px; text-align:center;  font-size:1.3em; font-weight:200;  height:40px; margin-bottom:10px;display:block;}
	.fermer{ position:relative; top:1px; width:100%;min-height:10px; height:10px;overflow:hidden;background:Transparent;}
	.icon-close {width: 100%;background:White url(../images/utilitaires/closeBtn.png) no-repeat right center; background-size:contain; max-height:40x; min-height:40px; height:40px;}
	
	.lala{ position:relative; top:20px;overflow:auto; height:600px; min-height:440px; max-height:800px; background:White; margin-bottom:20px;}
	
	

}

/* Portrait  */
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: portrait) 
  and (-webkit-min-device-pixel-ratio: 1) {
	#parigo {position:relative; overflow:hidden;width:98%;margin:0; margin-left:1%; margin-right:1%;max-width:768px;background:transparent;}	
	
	 #scollRoll{ background:White; height:660px; min-height:420px; max-height:680px; overflow:scroll; border:none; max-width:100%;}
	 .parigoLogo{ background:White url(../images/utilitaires/parigoFriseCourte.png) no-repeat center center; background-size:contain;min-height:160px;}

	.parigoLogoB{ background:White url(../images/utilitaires/parigoFriseCourteCloseBtn.png) no-repeat center center; background-size:contain;min-height:150px;}
	.chapeau{ text-align:center; font-size:1.3em; font-weight:200; margin-top:20px; margin-bottom:30px; height:40px; min-height:40px;}
	
	#nav{padding-top:0px;padding-bottom:0px; display:block;}
	

	.parigoLogoContent{ position:relative;top:0; background:transparent url(../images/utilitaires/parigoFriseCourte.png) no-repeat center center; background-size:contain; min-height:140px; margin-bottom:20px; border:none; display:block;}
	.chapeauContent{ position:relative;top:1px; text-align:center;  font-size:1.3em; font-weight:200;  height:40px; margin-bottom:10px;display:block;}
	.fermer{ position:relative; top:1px; width:100%;min-height:10px; height:10px;overflow:hidden;background:Transparent;}
	.icon-close {width: 100%;background:White url(../images/utilitaires/closeBtn.png) no-repeat right center; background-size:contain; max-height:40x; min-height:40px; height:40px;}
	
	.lala{ position:relative; top:20px;overflow:auto; height:600px; min-height:440px; max-height:800px; background:White; margin-bottom:20px;}
	
}

/* Landscape*/
@media only screen 
  and (min-device-width: 768px) 
  and (max-device-width: 1024px) 
  and (orientation: landscape) 
  and (-webkit-min-device-pixel-ratio: 1) {
#parigo {position:relative; overflow:hidden;width:98%;margin:0; margin-left:1%; margin-right:1%;max-width:1024px;background:transparent;}	

#scollRoll{ background:White; overflow:scroll; border:none;}

.chapeau{ text-align:center; font-size:1.3em; font-weight:200; margin-top:10px; margin-bottom:10px; height:30px;}
.parigoLogo{ background:transparent url(../images/utilitaires/parigoFriseGrande.png) no-repeat center center; background-size:contain;min-height:140px;}
	


.parigoLogoB{ position:relative;top:0; background:transparent url(../images/utilitaires/parigoFriseGrandeCloseBtn.png) no-repeat center center; background-size:contain; height:140px; margin-bottom:10px; border:none; display:block;}

.parigoLogoContent{ position:relative;top:0; background:transparent url(../images/utilitaires/parigoFriseGrande.png) no-repeat center center; background-size:contain; height:140px; min-height:140px; margin-bottom:10px; border:none; display:block;}
.chapeauContent{ position:relative;top:1px; text-align:center;font-size:1.3em; font-weight:200; height:40px; min-height:40px; display:block;}
.fermer{ position:relative; top:10px; width:100%;min-height:40px;overflow:hidden;}
.icon-close {width: 100%;background:White url(../images/utilitaires/closeBtn.png) no-repeat right top; background-size:contain; height:40px; min-height:40px;}

.lala{ position:relative; top:20px;overflow:auto; height:430px; min-height:340px; max-height:800px;background:transparent; margin-bottom:20px;}

#nav li{ width:150px; height:160px; float:left; margin:24px; list-style:none;}
} 

@media (max-device-width:320px) { 

.parigoLogo{ background:transparent url(../images/utilitaires/parigoFriseCourte.png) no-repeat center center; background-size:contain;height:70px;}

.chapeau{ width:98%; text-align:center; font-size:0.5em; font-weight:600; margin-top:0; margin-bottom:4px; height:30px;background:White; }
.parigoLogoB{ position:relative;top:0; background:transparent url(../images/utilitaires/parigoFriseCourteCloseBtn.png) no-repeat center center; background-size:contain; height:60px; min-height:60px; margin-bottom:5px; border:none;}

.parigoLogoContent{ position:relative;top:0; background:transparent url(../images/utilitaires/parigoFriseCourteCloseBtn.png) no-repeat center center; background-size:contain; height:66px; min-height:66px; margin-bottom:5px; border:none; display:none;}
#scollRoll{ border:none; max-width:98%;}

.icon-close{ position:relative;top:0; background:transparent url(../images/utilitaires/parigoFriseCourteCloseBtn.png) no-repeat center center; background-size:contain; height:66px; min-height:66px; margin-bottom:4px; border:none; display:block;}
.chapeauContent{ position:relative;top:1px; text-align:center;font-size:1.3em; font-weight:200; height:40px; min-height:40px; display:none;}

.lala{ position:relative; top:2px;overflow:auto; min-height:200px; height:300px; max-height:400px;  margin-bottom:1px; background:white; padding-bottom:150px;}
/*#reso{ max-height:400px;}*/


#nav{  padding-bottom:50px; padding-top:0; background:White }
.b

} 

@media (max-device-width:320px) and (orientation: landscape) { 
.parigoLogo{display:block;background:White url(../images/utilitaires/parigoFriseGrande.png) no-repeat center center;background-size:contain;min-height:66px; margin-bottom:2px;}
.chapeau{display:block; background:White; font-size:0.4em; height:20px;}
.parigoLogoB{ position:relative;top:0; background:transparent url(../images/utilitaires/parigoFriseGrandeCloseBtn.png) no-repeat center center; background-size:contain; height:66px; min-height:66px; margin-bottom:5px; border:none;}

.parigoLogoContent{ position:relative;top:0; background:transparent url(../images/utilitaires/parigoFriseCloseBtn.png) no-repeat center center; background-size:contain; height:66px; min-height:66px; margin-bottom:5px; border:none; display:none;}
.icon-close{ position:relative;top:0; background:transparent  url(../images/utilitaires/parigoFriseGrandeCloseBtn.png) no-repeat center center; background-size:contain; height:40px; max-height:40px; margin-bottom:1px; border:none; display:block;}
.chapeauContent{ position:relative;top:1px; text-align:center;font-size:1.3em; font-weight:200; height:10px; min-height:10px; display:none;}
.lala{ position:relative; top:2px;overflow:auto; min-height:150px; height:250px; max-height:400px;  margin-bottom:1px; background:White; padding-bottom:220px;}


#nav{ padding-bottom:30px; padding-top:0; /*max-height:200px;*/ }
/*
.parigoLogo{ background:White url(../images/utilitaires/parigoFriseGrande.png) no-repeat center center; background-size:contain; height:110px;}
.chapeau{ text-align:center; font-size:0.6em; font-weight:200; margin-top:0; margin-bottom:4px; height:10px; min-height:10px; display:none;}
.parigoLogoContent{ position:relative; top:0; background:blue url(../images/utilitaires/parigoFriseGrandeCloseBtn.png) no-repeat center center; background-size:contain;  border:none; display:block;}                                       ;}
.chapeauContent{display:none;}

#scollRoll{ background:White; min-height:150px;height:auto; max-height:150px;overflow:scroll; border:none;}

#nav{ top:0px;height:150px; min-height:150px; max-height:150px;  overflow:hidden; background:White;padding-bottom:100px;}
#reso{ max-height:100px;  padding-bottom:20px; padding-top:5px; background:White; }
.lala{ position:relative; top:0px;overflow:auto; height:150px; min-height:150px; max-height:150px;  margin-bottom:1px; background:red;}
*/

}