@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;}

#haut{ position:fixed;text-align:center; z-index:9999; background:White;}

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; background:red;}
.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;}


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

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


.parigoLogo{ background:White;height:106px;width:100%;}
.parigoLogo img{ max-width:100%;}
.chapeau{ background:White;text-align:center; font-size:1.4em;/*font-size:1.4vw;*/ margin-top:10px; margin-bottom:10px; height:50px; min-height:50px;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:White; z-index:9999}
.icon-close{background:White url(../images/utilitaires/closeBtn.png) no-repeat center right; background-size:contain; max-height:20px;}
.lala{ position:absolute; top:180px;width:100%; max-width:1040px;/*min-height:300px; max-height:500px; height:480px;*/ background:White;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/*/
#nav{
	position:relative;
  background:White;
  width:100%;
  height:100%;margin-top:196px;
  max-width:1040px;
   padding-top:8px;
  padding-bottom:8px;
  list-style: none;
  	  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-around;
  align-content:space-around;
  overflow:hidden;
    }
	
	
#scollRoll{ background:White;/* min-height:200px;height:auto; max-height:650px;*/ overflow:hidden; }
.lalaOK{ position:relative; margin-top:180px;width:100%; max-width:1040px;/*min-height:300px; max-height:500px; height:480px;*/ background:White;bottom:10px; max-height:900px; height:70%;}


	#navlabels{ 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:5px;
  }
  
.boutonTotal{ border:none;margin:12px; float:left; height:210px; }
.typoBtn{text-align:center; font-size:0.8em; font-weight:400;  color:Black; background:White;max-width:180px;word-wrap: break-word;}
.typoBtn:hover{ cursor:none;}

.btn{ width:180px; height:180px; min-height:auto; min-width:auto; background-color:White;}
.home {background:White url(../images/utilitaires/homeBtn.png); background-size:cover;}
.Leslabels {background:White url(../images/utilitaires/CollectionsBtn.png); background-size:cover;}
.tarifs {background:White url(../images/utilitaires/tarifsbtn.png); background-size:cover;}
.search {background:White url(../images/utilitaires/musicsearchBtn.png); background-size:cover;}
.easycue {background:White url(../images/utilitaires/ieasyCueSheet.png); background-size:cover;}
.contact {background:White url(../images/utilitaires/contact.png); background-size:cover;}
.leLabel {background:White url(../images/utilitaires/leLabel.png); background-size:cover;}
.Playlist{background:White url(../images/utilitaires/test.png); background-size:cover;}
.clients {background:White url(../images/utilitaires/clientsbtn.png); background-size:cover;}
/*
*/
#reso {  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-around;
  align-content:space-around;}
.resoSocs {background:White url(../images/utilitaires/reseauxSoc.png); background-size:cover;}
.facebook {background:White url(../images/utilitaires/facebook.png); background-size:cover;}
.youtube {background:White url(../images/utilitaires/youtube.png); background-size:cover;}
.linkedin {background:White url(../images/utilitaires/linkedin.png); background-size:cover;}
.twitter {background:White url(../images/utilitaires/twitter.png); background-size:cover;}

/*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:left; color:#666;}
.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;}


#ieasy{ color:#666;}

#parigo li{ list-style:none; text-align:center;}
#parigo li img{ max-width:100%;}
@media (max-device-width:768px) { @media (max-device-width:768px) { 
.boutonTotal{ border:none;margin:12px; float:left; height:130px; }
.typoBtn{text-align:center; font-size:0.8em; font-weight:400;  color:Black; background:White;max-width:180px;word-wrap: break-word;}
.typoBtn:hover{ cursor:none;}

.btn{ width:110px; height:110px; min-height:auto; min-width:auto; background-color:White;}
}