html {
    -webkit-font-smoothing: antialiased;
  }

/* indispensable pour les tailles en rem */
html {font-size: 100%;}
html { font-size: 1vw;}

body {
    /*overflow-x: hidden;*/
    background: rgba(0,0,0,1);
  }

body, html, .cadre #wrapper{ 
    /*overflow-x: hidden;*/ 
    /*overflow-y: hidden;*/
}
body { overflow-y: scroll; }

/*==========================================================*/
/*------------------- aspect des textes --------------------*/
/*==========================================================*/

/*:::::::::::::::::::::::::::::::::::::*/
/*                navbar               */
/*:::::::::::::::::::::::::::::::::::::*/

/*++++++++++++++++++++++++++++++++++++*/
/* le nom de la page active */
/**************************************/

.navbar{
    
		margin-top: 0px;
        margin-bottom: 0px;
	}

/*espace vide*/
.collapse, .navbar-collapse {
 background-color: #000;
}

/*le bouton si réduction de fenêtre*/
.navbar-toggle {
    background-color: #000;
    border:none;   
}

.navbar-toggle:hover .icon-bar {
    background-color: #F00;
}

.navbar .navbar-toggle:focus, .navbar .navbar-toggle:hover {
    background-color: #000;
}
/****************/

/*nom survolé*/
.navbar-header {
    background-color: #000;
}
/*fond navbar*/
.navbar-inverse {
    background-color: #F0F;
}
.container {
 background-color: #000;
    width: 100%;
}

/*navbar fontes*/

/*navbar-brand : Laurence Petit-Jouvet*/

.navbar-brand {
    background-color: #000;
}

.navbar-brand {
    font-family: 'Sintony', sans-serif;
    color: rgba(255, 0, 0, 1.0) !important;
    font-style: bold;
	font-weight: 300;
	text-align: center;
	font-size: 1.0em !important;    
}

/*nav : liens : films, biographie, textes, dvd */

.nav a {
    font-family: 'Sintony', sans-serif;
    color: rgba(150, 150, 150, 1.0) !important;
    font-style: bold;
	font-weight: 300;
	text-align: center;
	font-size: 1.0em !important;
    }

.nav a:hover, .nav a:focus {
    background-color: #000 !important;
    color: #FFF!important;
}
.nav li {
    padding-right:0px;
   }


/*nom de page active*/

.active a {
    background-color: #000 !important;
    color: #F00 !important;
	font-size: 1.0em !important;
    }


/*nom de page active survolée*/
.active a:hover, .active a:focus {
    background-color: #000 !important;
    color: #F00!important;
}


/*:::::::::::::::::::::::::::::::::::::*/
/*                index                */
/*:::::::::::::::::::::::::::::::::::::*/

h1.lpjindex {
    color: rgba(255,0,0,1.0);
    font-family: 'Sintony', sans-serif;
    font-style: bold;
	font-weight: 300;
	text-align: center;
	font-size: 2.6em;
}


h2.lpjindex {
    color: rgba(255,0,0,1.0);
    font-family: 'Sintony', sans-serif;
    font-style: bold;
	font-weight: 700;
	text-align: center;
	font-size: 2.4em;
}
    
    h1.lpjaccueil {
	text-align: center;
	font-family: open-sans-condensed;
	font-weight: 300;
	font-size: 10rem;
	color: rgba(255,255,255,1.00);
	font-style: normal;
}



    H3.lpjaccueil {
	text-align: center;
	font-family: open-sans-condensed;
	font-weight: 300;
	font-size: 3rem;
	color: rgba(255,255,255,1.00);
	font-style: normal;
}

/*:::::::::::::::::::::::::::::::::::::*/
/*                films                */
/*:::::::::::::::::::::::::::::::::::::*/

/*:::::::::::::::::::::::::::::::::::::*/
/*         biographie / textes         */
/*:::::::::::::::::::::::::::::::::::::*/

   .biographie {
	background-image: url(../images/LaurencePetitJouvet-portrait-biographie.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	background-position: 0px 50px,0px;
	background-size: 52%;
}
	
    .textes {
	background-color: #000000;
}

    .textes_texte1 {
    color: rgba(255,255,255,1.00);
    font-family: 'Sintony', sans-serif;
    font-style: normal;
	font-weight: 400;
    text-align: left;
	margin-left: 5%;
	margin-top: 0%;
    width : 90%;	
	margin-right: 5%;
}

    .textes_texte1 p .h7 {
    color: rgba(255,0,0,1.0);
    font-family: 'Sintony', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px;
	text-align: left;
}

    .biographie_texte1 {
    color: rgba(255,255,255,1.00);
    font-family: 'Sintony', sans-serif;
    font-style: normal;
	font-weight: 400;
    text-align: left;
	margin-left: 58%;
	margin-top: 0%;
    width : 30rem;	
	margin-right: 5%;
}
    
    .biographie_texte1 p .h7 {
    color: rgba(255,0,0,1.0);
    font-family: 'Sintony', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 14px
	text-align: left;
}

   .lpjtitre {
    margin-left: 45rem; 
}

   .lpjnom {
    margin-left: 45rem; 
}

   .lpjfonctions {
    margin-left: 45rem;
    padding-bottom: 2rem;
}

   h1.lpjtitre {
    color: rgba(60,60,60,1.0);
    font-family: 'Sintony', sans-serif;
    font-style: bold;
	font-weight: 700;
	text-align: center;
	font-size: 2.6em;
}

    h1.lpjnom {
	color: rgba(255,0,0,1.0);
    font-family: 'Sintony', sans-serif;
    font-style: bold;
	font-weight: 700;
	text-align: center;
	font-size: 2.6rem;
}

    h3.lpjfonctions {
    color: rgba(255,0,0,1.0);
    font-family: 'Sintony', sans-serif;
    font-style: normal;
	font-weight: 400;
    text-align: center;
	font-size: 1.2em;
}

.image_texte {
 text-align: center;
    padding: 0px;
  
}
/*:::::::::::::::::::::::::::::::::::::*/
/*       DVD / contact / credits       */
/*:::::::::::::::::::::::::::::::::::::*/

	
/*==========================================================*/
/*--------------------- media queries ----------------------*/
/*==========================================================*/

/*---------iphone-------------*/


@media only screen and (min-width: 768px) and (max-width: 991px) {
    /* For mobile phones: */

.biographie_texte1 p .h7 {
	font-size: 14px;	
}
    .image_texte img{
 width:100%;
  
}    
}

@media only screen and (max-width: 767px) {
    /* For mobile phones: */
 
.biographie_texte1 p .h7 {
	font-size: 14px;	
}
      .lpjtitre {
    margin-left: 0rem;
    margin-top: 0%;
}
    
.image_texte img{
 width:100%;
  
}    

}



@media screen and (max-width : 767px ){  
    
    .biographie {
	background-image: url(../images/LaurencePetitJouvet-portrait-biographie.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	background-position: center 0%;
	background-size: 100% auto;
}
    
    
    .lpjnom {
    margin-left: 0rem;
    margin-top:4%;
}
    
    .lpjfonctions {
    margin-left: 0rem;
    margin-top:8%;
}

    h1.lpjtitre {
    color: rgba(60,60,60,1.0);
    font-family: 'Sintony', sans-serif;
    font-style: bold;
	font-weight: 700;
	text-align: center;
	font-size: 2.6em;
}    
    
    h1.lpjnom {
	color: rgba(255,0,0,1.0);
    font-family: 'Sintony', sans-serif;
    font-style: bold;
	font-weight: 700;
	text-align: center;
	font-size: 7.6rem;
}
    .biographie_texte1 {
    color: rgba(255,255,255,1.00);
    font-family: 'Sintony', sans-serif;
    font-style: normal;
	font-weight: 400;
    text-align: left;
	margin-left: 8%;
	margin-top: 16%;
    width : 84%;	
	margin-right: 8%;
}
    
    
    
}

/* --------- ipad landscape -------------  */

@media screen and (min-width : 768px ) and (max-width : 1024px ){
    
    .biographie {
	background-image: url(../images/LaurencePetitJouvet-portrait-biographie.jpg);
	background-repeat: no-repeat;
	background-color: #000000;
	background-position: 0px 30px;
	background-origin: padding-box;
	background-size: 50% auto;
}
	    
    .biographie_texte1 {
    color: rgba(255,255,255,1.00);
    font-family: 'Sintony', sans-serif;
    font-style: normal;
	font-weight: 400;
    text-align: justify;
	margin-left: 58%;
	margin-top: 0%;
    width : 30rem;	
	margin-right: 5%;
}
    
    .biographie_texte1 p .h7 {
    color: rgba(255,0,0,1.0);
    font-family: 'Sintony', sans-serif;
	font-style: normal;
	font-weight: normal;
	font-size: 1.1rem;
	text-align: left;
}
    
}

/* --------  large screen ( 1025px or more) -----------  */

@media screen and (min-width: 1025px) {
    
 
     
}

/*----------------------------------------------------------*/