table, th, td {
  border: none;
  padding: 1vw;
}
table {
  border-spacing: 1vw;
}
table thead th
 {

    background: #0F0;
    font-weight: bold;
    font-size: 5vw;
}


table tr.odd th, .odd
 {

    background: #E5E5E5;
    font-weight: bold;
    font-size: 4vw;
}

table tr.even th, .even
{

    background: #F5F5F5;
    font-weight: bold;
    font-size: 4vw;
}




  
@media screen and ((max-resolution: 200dpi) or (max-width: 1055px)) {
body {
    font-size: 20px;
  }
  
.milieu
{
 width: 800px;
 text-align: left ;
}
	
  
.ImageTitre
{
    width: 900px;
	
}  

.accueilTitre 
{
font-style: normal;
font-family: Arial,Helvetica,sans-serif;

    border: none;
	text-align:center;
    background-color: #ffffff;
    font-size:30px;
    color: #D00;
}

.texte 
{
font-style: normal;
font-family: Arial,Helvetica,sans-serif;

    border: none;
    background-color: #ffffff;
    font-size:20px;
    color: #222222;
}


#textMailPopup
{
 float:left;margin-right:auto;
}

.NameInput,
.AdressInput,
.ListInput,
.CourrielInput,
.PaiementInput

{
font-style: normal;
font-family: Arial,Helvetica,sans-serif;

    height: 30px!important;
 //   height: 5vw!important;
    width : 400px;
    border: none;
    border-bottom: 2px solid #9B9B9B;
    background-color: #ffffff;
    font-size:20px;
//    font-size:5vw;
    color: #222222;
    !padding: 6px;
    !margin-top: 40px;
}


.AdressInput,
.CourrielInput

{
    height: 4vw!important;
    height: 30px!important;
  
    width : 90%;
    background-color: #ffffff;
    font-size:4vw;
	  font-size:20px;
}

.NAdressInput

{
font-style: normal;
font-family: Arial,Helvetica,sans-serif;

    height: 12vw !important;
    height: 80!important;
    width : 90%;
    border: none;
    border-bottom: 2px solid #9B9B9B;
    background-color: #ffffff;
 
    font-size:4vw;
   font-size:20px;
 color: #222222;
    !padding: 6px;
    !margin-top: 40px;
}

.PaiementInput
{
  font-size:4vw;
  font-size:20px;
  
  width : 40%;
}

.ListInput
{
  font-size:4vw;
  font-size:20px;
  
  width : 40%;
  height: 5vw!important;
  height: 30px!important;
color: #F00;
}

.RadioInput
{
  width : 10%;
  color: #F00;
}



.NameInput:focus,
.AdressInput:focus,
.ListInput:focus,
.CourrielInput:focus,
.RadioInput:focus
{
    border-bottom: 2px solid #62b5f6;
}



.Button {
    background-color : #376c96;
    width : 50%;
    border: none;
    border-radius: 2vw;
    border-radius: 7px;
    color: white;
!    font : bold 14px/14px verdana, geneva, helvetica;
    font-family: "Arial", Georgia, Serif;
!    font-weight: ;
    font-size:6vw;
    font-size:30px;
    padding: 3vw;
    padding: 10px;
    text-align: center;
    text-decoration: bold;
    display: inline-block;
    margin-bottom: 3vw;
    margin-bottom: 30px;
}
.button:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}



table, th, td {
  border: none;
 padding: 1vw;
 padding: 4px;
}
table {
//  border-spacing: 1vw;
  border-spacing: 4px;
}
table thead th
 {

    background: #0F0;
    font-weight: bold;
 //   font-size: 5vw;
    font-size: 40px;
}


table tr.odd th, .odd
 {

    background: #E5E5E5;
    font-weight: bold;
 //   font-size: 4vw;
    font-size: 30px;
}

table tr.even th, .even
{

    background: #F5F5F5;
    font-weight: bold;
//    font-size: 4vw;
	 font-size: 30px;
}

}



@media screen and (min-resolution: 200dpi)  {
body {
    font-size: 3vw;
  }


  
  
  
  
.milieu
{
 width: 100%;
 text-align: left ;
}

  
.ImageTitre
{
    width: 100%;
}  

.accueilTitre 
{
font-style: normal;
font-family: Arial,Helvetica,sans-serif;

    border: none;
	text-align:center;
    background-color: #ffffff;
    font-size:3vw;
    color: #D00;
}

.texte 
{
font-style: normal;
font-family: Arial,Helvetica,sans-serif;

    border: none;
    background-color: #ffffff;
    font-size:3vw;
    color: #222222;
}


#textMailPopup
{
 float:left;margin-right:auto;
}

.NameInput,
.AdressInput,
.ListInput,
.CourrielInput

{
font-style: normal;
font-family: Arial,Helvetica,sans-serif;

    height: 40px!important;
    height: 4vw!important;
    width : 55%;
    border: none;
    border-bottom: 2px solid #9B9B9B;
    background-color: #ffffff;
 //   font-size:30px;
    font-size:4vw;
    color: #222222;
    !padding: 6px;
    !margin-top: 40px;
}


.AdressInput,
.CourrielInput

{
    height: 4vw!important;
    width : 90%;
    background-color: #ffffff;
    font-size:3vw;
}

.NAdressInput

{
font-style: normal;
font-family: Arial,Helvetica,sans-serif;

    height: 80!important;
    height: 12vw !important;
    width : 90%;
    border: none;
    border-bottom: 2px solid #9B9B9B;
    background-color: #ffffff;
 //   font-size:30px;
    font-size:3vw;
    color: #222222;
    !padding: 6px;
    !margin-top: 40px;
}

.ListInput
{
  font-size:3vw;
  width : 40%;
  height: 4vw!important;
  color: #F00;
}

.RadioInput
{
  width : 10%;
  color: #F00;
}



.NameInput:focus,
.AdressInput:focus,
.ListInput:focus,
.CourrielInput:focus,
.RadioInput:focus
{
    border-bottom: 2px solid #62b5f6;
}



.Button {
    background-color : #376c96;
    width : 80%;
    border: none;
    border-radius: 2vw;
    color: white;
!    font : bold 14px/14px verdana, geneva, helvetica;
    font-family: "Arial", Georgia, Serif;
!    font-weight: ;
    font-size:30px;
    font-size:6vw;
    padding: 2vw;
    text-align: center;
    text-decoration: bold;
    display: inline-block;
    margin-bottom: 2vw;
}
.button:hover {
    box-shadow: 0 12px 16px 0 rgba(0,0,0,0.24), 0 17px 50px 0 rgba(0,0,0,0.19);
}


table, th, td {
  border: none;
 padding: 1vw;
 padding: 4px;
}
table {
//  border-spacing: 1vw;
  border-spacing: 4px;
}
table thead th
 {

    background: #0F0;
    font-weight: bold;
 //   font-size: 5vw;
    font-size: 40px;
}


table tr.odd th, .odd
 {

    background: #E5E5E5;
    font-weight: bold;
 //   font-size: 4vw;
    font-size: 30px;
}

table tr.even th, .even
{

    background: #F5F5F5;
    font-weight: bold;
//    font-size: 4vw;
	 font-size: 30px;
}

}