<!--
/* La feuille de style de yourstudioinparis.com */


html, body {
width: 100%;
height: 100%;
overflow: hidden;

  -ms-scrollbar-base-color:#76A7CD;
  -ms-scrollbar-face-color:#76A7CD;
  -ms-scrollbar-arrow-color:#76A7CD;
  -ms-scrollbar-track-color:#FFFFFF;
  -ms-scrollbar-shadow-color:#FFFFFF;
  -ms-scrollbar-highlight-color:#FFFFFF;
  -ms-scrollbar-3dlight-color:#76A7CD;
  -ms-scrollbar-darkshadow-color:#76A7CD;
}
 

body {
margin: 0;
padding: 0;
font-family: Arial, Helvetica, sans-serif;
font-size: 10pt;
color: #76A7CD;
background-color: #76A7CD;

}

ul{width: 110px;
margin: 0;
padding: 0 0 0 15px;
list-style-type:none;
}


li a {
line-height:50px;
list-style: none;
margin: 10px 0 10px 0;
width: 130px;
height:50px;
vertical-align: middle;
display: block ;
padding: 0px 0px 0px 5px;
text-align:left;
color: #FFFFFF;
text-decoration: none;
white-space: normal;}


@-webkit-keyframes shake {
        0%, 100% {-webkit-transform: translateX(0);}
        0%, 100% {-webkit-transform: translateX(0px);}
        40% {-webkit-transform: translateX(10px);}
}

@keyframes shake {
        0%, 100% {transform: translateX(0);}
        0%, 100% {transform: translateX(0px);}
        40% {transform: translateX(10px);}
}

@keyframes bookred {

        0%, 40%, 60%, 100% {color:white;}
        50% {color:#CE3444;}
}

@keyframes bookred2 {

        0%, 100% {color:#385998;}
        30%, 70% {color:#CE3444;}

          0%, 100% {transform: translateX(0);}
        0%, 100% {transform: translateX(0px);}
        40% {transform: translateX(10px);}
}

@-webkit-keyframes bookred {

        0%, 40%, 60%, 100% {color:white;}
        50% {color:#CE3444;}
}

@-webkit-keyframes bookred2 {


        0%, 100% {color:#385998;}
        50% {color:#CE3444;}

             0%, 100% {-webkit-transform: translateX(0);}
        0%, 100% {-webkit-transform: translateX(0px);}
        40% {-webkit-transform: translateX(10px);}
}

.bookred{
               
 -webkit-animation-duration: 1s;
                animation-duration: 10s;
  
               
        -webkit-animation-name: bookred;

        animation-name: bookred;
      animation-iteration-count: infinite;}

@keyframes bordclign {

        0%, 40%, 60%, 100% {border-color:white;}
        50% {border-color:red;}
}
   
@-webkit-keyframes bordclign {

        0%, 40%, 60%, 100% {border-color:white;}
        50% {border-color:red;}
}


li:hover {
                -webkit-animation-duration: 1s;
                animation-duration: 1s;
       -webkit-animation-fill-mode: both;
        animation-fill-mode: both;
               
        -webkit-animation-name: shake;

        animation-name: shake;}


.va{
  width:110px; 
  vertical-align:middle;
  display:inline-block;
  line-height:1.2;
text-decoration: none;
outline:0; }


table{
	border-collapse: collapse;
}

input {

padding-left:3px;
border-radius: 10px;
color: #385998;
border-color: #385998;
border-width: 0px;
height:16px
}


input:-moz-placeholder, textarea:-moz-placeholder {
    color: #A9A9A9;
}
 
input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
    color: #A9A9A9;
}


textarea{
padding: 2px 15px 2px 5px;
border-radius: 8px;
color: #385998;
border-color: #385998;
border-width: 0px;
resize:none;

  scrollbar-face-color:#FFFFFF;
  scrollbar-arrow-color:#FFFFFF;
  scrollbar-track-color:#FFFFFF;
  scrollbar-shadow-color:#FFFFFF;
  scrollbar-highlight-color:#FFFFFF;
  scrollbar-3dlight-color:#FFFFFF;
  scrollbar-darkshadow-Color:#FFFFFF;
  
  font-family:Arial;
  font-style:italic;
  font-size: 12px;
  text-align:justify;
}

.conteneur { /*le conteneur global du site, qui sera centré */
width: 100%;
height: 100%;
position: absolute;
z-index: inherit;


}

.header {
height: 18px;
background-color: #76A7CD;
text-decoration: none;
color: #CCCCCC;
font-size: 10px;
white-space: nowrap; /*empêche le passage à la ligne */
text-align: center;
}

.footer{
  position:absolute;
z-index: -1;
  bottom:0;
  left:0;
  width:100%;
  height:18px;
  background-color: #76A7CD;
  font-size: 10px;
  text-decoration: none;
  color: #CCCCCC;
  text-align: center;
  white-space: nowrap; /*empêche le passage à la ligne */
 }

.menu {
position: absolute;
	    z-index: 0;
left:0;
width: 130px;
height: 540px;
background-color:#76A7CD;
font-size: 17px;
color:#FFFFFF;
font-weight: bold;
line-height: 18px;
white-space: nowrap; /*empêche le passage à la ligne */
	zoom: 1; /* For IE6 */
}

.frame {
position: relative;
	z-index: 0;
text-align: justify;
font-size: 15px;
/* font-weight: 700; gras*/
margin-left: 130px;
margin-right: 20px;
width: auto;
height: 93%;
padding:7px 7px 0 7px;
overflow: auto;
overflow-x: hidden;
	-moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    -khtml-border-radius: 15px; 
    border-radius: 15px; 
    border: 1px;
border-color: #FFFFFF;
background-color:#FFFFFF;

}


.colgauche {
position:absolute;
float: left;
width: 260px;
}

.coldroite {

margin-left:265px;
width: 65%;
min-height:150px;
}

.colgauche2 {
position:absolute;
float: left;
width: 422px;
}

.coldroite2 {

margin-left:430px;
width: 48%;
min-height:150px;
}


.menugri {
	color: #C0C0C0;
	font-size: 13px;
	text-align: center;
	text-decoration: none;
	margin-top: 0;
	margin-bottom: 0;
	}

.taille11 {font-size: 11px;}

h1{Line-Height: 6px;}

.ptigri{
  font-size: 10px;
  color: #CCCCCC;
  text-align: center;
}

.ptijaune{
  font-size: 10px;
  color: #FFFFFC;
  text-align: center;
}

.ptijaune11{
  font-size: 11px;
  color: #FFFFFF;
  vertical-align: top;
}

.size15{
   font-size: 15px;
}


.rouge{
  color: #76A7CD;
  text-decoration: none;
}


.centre{
	text-align: center;
}

.gras{
	font-weight: 700;
}

.souligne {
text-decoration: underline;
}

.boutonenvoi{
font-family: Arial;
font-size: 14px;
color: #76A7CD;
background-color: #CCCCCC;
font-weight: bold;
border-color: #7282A3;
border-width: 2px;
border-radius: 25px; 
height:24px;
}

.boutonenvoi:hover {
color:#7282A3;
}


#amcentre{
	 position:absolute;
     left: 50%; 
     top: 50%;
     width: 760px;
     height: 460px;
     margin-top: -230px; /* moitié de la hauteur de l'image */
     margin-left: -380px; /* moitié de la largeur de l'image */
 }


 #amcentre2{
   position:absolute;
     left: 50%; 
     top: 50%;
     width: 760px;
     height: 420px;
     margin-top: -210px; /* moitié de la hauteur de l'image */
     margin-left: -380px; /* moitié de la largeur de l'image */
 }


.amtdrgg
    {
    	text-align: right;
    	width: 50%;
    	height: 50%;
    	vertical-align: top;
    	background-color: #76A7CD;
    	color: #FFFFFF;
    	font-weight: 700;
    	font-size: 14px;
    	}
.amtdrgd
    {
    	text-align: left;
    	width: 50%;
    	height: 50%;
    	vertical-align: bottom;
    	background-color: #76A7CD;
    	color: #FFFFFF;
    	font-weight: 700;
    	font-size: 14px;
    	}

.arrs{
	-moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
}

.arrs15{
  -moz-border-radius: 15px; 
    -webkit-border-radius: 15px; 
    -khtml-border-radius: 15px; 
    border-radius: 15px; 
    behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
}

.arr{
	-moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
	font-weight: 500;
	background-color: #76A7CD;
	color : #FFFFFF;
	font-size: 18px;

}

.arrform{
  width:374px;
  padding:3px;
  border-radius: 8px; 
  behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
  font-weight: 500;
  background-color: #76A7CD;
  color : #FFFFFF;
  font-size: 18px;
  margin:0 auto;
  line-height: 31px;
  border-color:white;
  border-width:2px;
  border-style: solid;

}

.clignot{
-webkit-animation-duration: 8s;
        animation-duration: 8s;
       
       -webkit-animation-fill-mode: both;
               animation-fill-mode: both;
               
        -webkit-animation-name: bordclign;
                animation-name: bordclign;

        -webkit-animation-iteration-count: infinite;
                animation-iteration-count: infinite;

}

.arrfk{
	-moz-border-radius: 8px; 
    -webkit-border-radius: 8px; 
    -khtml-border-radius: 8px; 
    border-radius: 8px; 
    behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
    background-color: #FFFFFF;
	color : #76A7CD;
}

.cell {
	background-color: #76A7CD;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 700;
	text-align:right;
}

label {
display: block;

  width: 120px;
  float: left;
  background-color: #76A7CD;
  color: #FFFFFF;
  font-size: 13px;
  font-weight: 700;
  text-align:right;
 
}


form p {
  Line-Height: 28px;
}

.cellg {
	background-color: #76A7CD;
	color: #FFFFFF;
	font-size: 13px;
	font-weight: 700;
	text-align:left;
}


/*
.arrinput{

border-radius: 6px;
color: #385998;
}
*/

.decal12px{
  margin-left: 12px;
  margin-right: -12px;
}

      .italgrosjust{
      	font-size: 22px;
      	font-style: italic;
        font-weight: normal;
      	text-align: center;
      }

        .justifmarg{
        	text-align: justify;
        	margin-right: 10px;
        	margin-left: 10px;
        	font-size: 16px;
        font-weight: normal;
Line-Height: 21px;
        	margin-top: 0px;
        	margin-bottom: 0px;
        }

.arrshg{
	-moz-border-radius-topleft: 10px;
    border-top-left-radius: 10px;

}

.arrshd{
	-moz-border-radius-topright: 10px;
    border-top-right-radius: 10px;
}

.arrsbd{
	-moz-border-radius-bottomright: 10px;
    border-bottom-right-radius: 10px;
}

.arrsbg{
	-moz-border-radius-bottomleft: 10px;
    border-bottom-left-radius: 10px;
}

.celpri{
	padding: 2px;
	text-align: center;
	background-color: #76A7CD;
	color: #FFFFFF;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	width: 33%;
	font-weight: normal;
}

.celpri2{
	padding: 2px;
	text-align: center;
	background-color: #76A7CD;
	color: #33FF99;
	border-width: 1px;
	border-style: solid;
	border-color: #FFFFFF;
	width: 33%;
	font-weight: 700;
}

A.menp {

   text-decoration: none;
    color: #385998;
    background-color: #FFFFFF;
}

a.pa { color:#385998; text-decoration: underline; outline:none;}
a.pa:hover { text-decoration: underline; color:#CCCCCC; outline:none;}


A.men { color: #FFFFFF;
        text-decoration: none;
        outline:none;
}

A.menb { color: #FFFFFF;
        text-decoration: none;
        outline:none;
                -webkit-animation-duration: 8s;
                animation-duration: 8s;
       
        -webkit-animation-name: bookred;
        animation-name: bookred;

      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;

}

A.men:visited { color: #FFFFFF;
                text-decoration: none;
                outline:0;
}


a.men:hover { 
   
    border-radius: 40px 0px 0px 18px; 
    behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
    text-decoration: none;
    color:#76A7CD;
    background-color:#FFFFFF;
    outline:0;


}

a.menb:hover { 
   
    border-radius: 40px 0px 0px 18px; 
    behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
    text-decoration: none;
    color:#76A7CD;
    background-color:#FFFFFF;
    outline:0;

   -webkit-animation-fill-mode: none;
        animation-fill-mode: none;

     -webkit-animation-duration: 1s;
                animation-duration: 1s;
       

                -webkit-animation-name: bookred2;
        animation-name: bookred2;

      -webkit-animation-iteration-count: infinite;
      animation-iteration-count: infinite;
}


@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) {


a.men:hover { 
       border-radius: 40px 0px 0px 18px; 
    behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
    text-decoration: none;
    color:#FFFFFF;
    background-color:#76A7CD;
    outline:0;


}
 
}


A.menv { 
    -moz-border-radius: 40px 0px 0px 18px; 
    -webkit-border-radius: 40px 0px 0px 18px;
    -khtml-border-radius: 40px 0px 0px 18px;
    border-radius: 40px 0px 0px 18px; !important
    behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
    text-decoration: none;
    color: #385998;
    background-color: #FFFFFF;
    outline:none;
}

A:visited.menv { 
    -moz-border-radius: 40px 0px 0px 18px; 
    -webkit-border-radius: 40px 0px 0px 18px;
    -khtml-border-radius: 40px 0px 0px 18px;
    border-radius: 40px 0px 0px 18px; !important
    behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
    text-decoration: none;
    color: #385998;
    background-color: #FFFFFF;
    outline:none;
}

A:hover.menv { 
    -moz-border-radius: 40px 0px 0px 18px; 
    -webkit-border-radius: 40px 0px 0px 18px;
    -khtml-border-radius: 40px 0px 0px 18px;
    border-radius: 40px 0px 0px 18px; !important
    behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
    text-decoration: none;
    color: #385998;
    background-color: #FFFFFF;
    outline:none;
}
.truc {
 -moz-border-radius: 20px 20px 20px 20px; 
    -webkit-border-radius: 20px 20px 20px 20px;
    -khtml-border-radius: 20px 20px 20px 20px;
    border-radius: 20px 20px 20px 20px; 
    behavior: url(http://www.yourstudioinparis.com/images/border-radius.htc);
    outline: medium none;
-webkit-mask-image: url(http://www.yourstudioinparis.com/images/gay/recta.png);

}

h1 {
margin: 5px 0px 18px 00px;
padding: 0;

}

-->