body {background-image: url("fond.jpg");}
    body.b1{font: 10.0px Times;}
     footer{text-align: center;}
    
     ifram1{
  height:400px;
  width: 420px;
  text-align: center;
     }
     
     ifram2{
      height:auto;
      width: auto;
      text-align: center;
         }

      p.p1 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 34.0px 'Times New Roman'}
      p.p2 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 13.0px 'Times New Roman'}
      p.p3 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 21.0px 'Times New Roman'}
      p.p4 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 13.0px 'Times New Roman'; min-height: 16.0px}
      p.p5 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 13.0px 'Times New Roman'; color: #223cfb}
      p.p6 {margin: 0.0px 0.0px 0.0px 0.0px; font: 12.0px Times; min-height: 14.0px}
      p.p7 {margin: 0.0px 0.0px 0.0px 0.0px; font: 10.0px Times; color: #223cfb}
      p.p8 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 20.0px Times; color: #223cfb}
      p.p9 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 20.0px 'Times New Roman'}
      p.p10 {margin: 0.0px 0.0px 0.0px 0.0px; text-align: center; font: 1em Times;}
      p.p11{margin: 0.0px 0.0px 0.0px 0.0px; text-align: center;color:#ff0000}

      span.s1 {text-decoration: underline}
      span.s2 {text-decoration: underline ; color: #223cfb}
      span.s3 {font: 11.0px Times; text-decoration: underline}
      span.s4{color: #000000}
      span.s5{color: #8ae019}
      span.s6{font: 20.0px Times;text-decoration: underline ;color:#ff0000}
     H1.h1{color: #223cfb}
     button.b1{font: 20px 'Times New Roman';color: #3885f1}
     
      div.img{
    margin-top: 0;
    margin-left: 58%;
    width: 40px ;
    height: 10px;
    border-image-width: 1%;
    opacity: 100%;
    }
div.p3{text-align: right;}
    div.p2{display: center;}
    div.p1{width: auto; 
      display: inline-block;
      vertical-align: top ;}

    div { clear: both;}
    .errors {
      background: yellow;
      border-radius: 10px;
      box-shadow: 1px 1px 1px black;
      padding: 10px;
      width: 300px;
      position: absolute;
      left: 390px;}
    .hidden-alert { position: absolute; left: -100%; }

    form {
      background: #d4fcf6;
      border-radius: 15px;
      box-shadow: 1px 1px 1px black;

      padding: 50px;
      width: 700px;}

      form.f1{
        display:left;
        background: #ddfbf9;
        border-radius: 10px;
        box-shadow: 1px 1px 1px black;
        padding: 5px;
        padding-bottom: 2em;
        width: 290px;}
        form.f2{
          display:right;
          background: #dff8fa;
          border-radius: 10px;
          box-shadow: 1px 1px 1px black;
          padding: 20px;
          width: 280px;}
          form.f3 {
            background: #e6fefe;
            border-radius: 1px;
            box-shadow: 1px 1px 1px black;
            padding: 5px;
            width: auto;}
            form.f4 {
              background: #c0f9f6;
              border-radius: 1px;
              box-shadow: 1px 1px 1px black;
              padding: 5px;
              width: 280px;}
      .container{
        width:40%;
        display: flex;
        align-items: center;
        justify-content: center;}

    label {
      width: 250px; float: left; text-align: right; padding: 4px; margin-bottom: 10px;}

    input { width: auto;float: right; }
    input.i1{text-align: right;}

    label, input { font-size: 1em;line-height: 1.5; }

    label.l1{text-align: right;}
    
    input[type="checkbox"] { height: 24px;}  

 input[type="radio"] { height: 12px;padding: 4px; margin-bottom: 10px;}

    :required {background-color:#05fcfc;}

    table{border-collapse: collapse;}/* permet de relier les bord des cellulles*/

      th, td, tr {font: 25px 'Times New Roman';}/*l'ecriture des éléments du tableau*/
 
th{background-color: rgb(170, 231, 249);padding: 10px;}

tr:nth-child(even) {
  background-color: #ffffaa;}/* change la couleur une ligne sur 2"*/
  th.f1 ,td.f1{color:RED}
  fieldset
{
  background-color:#CCC;
  max-width:400px;
  padding:10px;	
  margin-bottom:0px;
  margin-left:10px;
}
@media print {.noprint {visibility: hidden;}}
div.hiden{visibility: hidden;}
form.hiden{visibility: hidden;}

textarea{
  text-align: left; font: 15px 'Times New Roman';
}