/* style_ini.css - Renzo Antonello */


	/* n'a rien changé  html { height: 100%; }*/

body {text-align: center; }	/* corps de texte*/

.menu{height: 94vh;}
.totw{height: 94vh;}


/* 20170416 Modifié à height: 94vh; */
.me {width: 60vw; display:inline-block;-ms-overflow-style:none;
 height: 94vh;position: relative;text-align: justify;padding-top: 4vh; float:right;
font-size: 1.8vmin ;padding-right:2vw; padding-left:2vw; overflow-y:scroll;}

.form{width: 60vw; height: 84vh;position: relative;text-align: justify;padding-top: 4vh; float:right;
font-size: 1.8vmin ;padding-right:2vw; padding-left:2vw; overflow-y:hidden;}

/* 20170413 ajouté font-size: 0.0vmin; pour tester dans IE */
/* 20170413 ajouté margin-right: -4px; pour tester dans IE */
.mypic {float:left;position: relative;width: 16vw;height: 84vh; padding-top: 4vh;display:inline-block; font-size: 0.0vmin;margin-right: -4px;}

/* changé 20170410 de width: 20vmin; à width: 18vmin; et ajouté display:inline-block;*/
.mypic img {width: 16vmin;display:inline-block;height: auto;padding-left:2vw; float:left;}


/* 20170412 ajouté inline-block; */
/* 20170413 ajouté font-size: 0.0vmin; pour tester dans IE */
/* 20170413 ajouté margin-right: -4px; pour tester dans IE */
/* 20170413 modifié de width: 82vw; à width: 80vw; pour tester dans IE */
/* 20170414 ajouté position: relative; pour tester dans IE */
.metot {width: 78vw; display:inline-block;font-size: 0.0vmin;position: relative;}

/* 20170415 ajouté text-align:center; pour tester dans IE */								
img { -webkit-transition: all 0.5s ease-in-out; position: relative; z-index: 4; height: auto; 
	width: auto; max-width: 62vw; max-height: 89vh;}

/* format lorsqu'on sélectionne le texte */
::selection 		{background-color: black;color: rgb(229,206,177);text-shadow: none;}
::-moz-selection	{background-color: black;color: rgb(229,206,177);text-shadow: none;}

/* NEW */
 
#contact-form fieldset {float:right;width:60vw; padding-right:2vw; padding-left:2vw;padding-top: 3vh;padding-bottom: 3vh;margin-bottom: 2vh;border:1px solid rgb(129,116,99);border-radius: 4px 4px 4px 4px;}
#contact-form li {list-style: none;}
#contact-form input  {padding-right:1vw;padding-left:1vw;width:35vw;float: right; text-align: left; border:1px solid rgb(129,116,99);line-height: 1.2;border-radius: 4px 4px 4px 4px;font-size: 1.7vmin;}
#contact-form textarea {resize: none;width:35vw; height: 12vh;float: right; text-align: left;border:1px solid rgb(129,116,99);border-radius: 4px 4px 4px 4px;padding-right:1vw;padding-left:1vw;font-size: 1.7vmin;}
#contact-form input[type=submit] {width:auto; float:right;cursor:pointer; margin-left:auto; margin-right:auto;width:8vw;height:2.8vh;font-size: 1.7vmin; text-align: center;background-color:rgb(129,116,99) ; color:rgb(229,206,177);border-radius: 4px 4px 4px 4px;}
#contact-form input:focus, textarea:focus {display:block;background-color:rgb(129,116,99) ; color:rgb(229,206,177)}
#contact-form input[type=submit]:hover{background-color:rgb(229,206,177) ; color:rgb(129,116,99);border:1px solid rgb(229,206,177)}
#contact-form input[type=checkbox] {}
#contact-form select {border: 0; float:right; font-weight: 500;width:35vw;height:2.8vh;font-size: 1.7vmin; }
option {}

@media only screen and (orientation: portrait)   {

html {height: calc(100% );}	/*  + 72px  Auparavant*/

#contact-form fieldset{width:80vw;}
#contact-form input  {width:42vw;line-height: 1.5;font-size:3vmin;}
#contact-form textarea {width:42vw;font-size:3vmin;}
#contact-form input[type=submit]{font-size: 3vmin; width:14vw;height:5vh;background-color:rgb(129,116,99) ;-webkit-appearance: none;}
#contact-form select {font-size: 3vmin;height:3.4vh;width:33vw;}

.me {width:73vw; height: 89vh;float: left; position: relative;text-align: justify;padding-top: 3vh;padding-bottom: 1vh;
 padding-right: 2vw;font-size: 3vmin ;padding-left:3vw;	white-space:normal;overflow-y:scroll;display:inline;}
.form{width:82vw;height: 80vh;float: right; position: relative;text-align: justify;padding-top: 3vh;padding-bottom: 1vh;
 padding-right: 2vw;font-size: 3vmin ;padding-left:2vw;	white-space:normal;overflow-y:scroll;}
 
.mypic {padding-right:2vw; float:left;position: relative;width: 18vmin;height: 90vh;
position: relative;padding-top:3vh;padding-left:1vw;display:inline;}
.mypic img {width: 14vmin;height: auto;padding-top:0.5vh;padding-left:1vmin;} /* 20170507 ancienne valeur width: 16vmin;*/
.metot {width: 91vw;display: block;}
img {max-width: 82vw; max-height: 80vh;}

}