.cadre
{
   background:#008096;
   cursor:default;
   border:solid 1px #008096;
   border-radius:0px;
   min-width:100%;
   box-shadow: inset 0px 0 5px #00008b, 0 0px 5px #fefe44;
   overflow:auto;
}

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

.cadre4
{
   box-sizing: border-box;
   background:#94cce9;
   margin:30px auto 30px auto;
   padding:10px 0 0 0;
   width:800px;
   max-width:800px;
   height:auto;
   border:solid 0px #00008b;
   box-shadow: inset 0px 0 5px #000888, 0 0px 5px #fefe44;
   border-radius:10px;
}
}

@media screen and (max-width: 400px) {

.cadre4
{
   box-sizing: border-box;
   background:#94cce9;
   margin:30px auto 30px auto;
   padding:10px 0 0 0;
   width:400px;
   max-width:400px;
   height:auto;
   border:solid 0px #00008b;
   box-shadow: inset 0px 0 5px #000888, 0 0px 5px #fefe44;
   border-radius:10px;
}
}

.titre_ins
{
   margin:0px auto 20px auto;
   width:300px;
   height: '';
   border:solid 0px #000;
   text-align:center;
   background: #46717e;
   border-radius:5px;
}
.titre_ins p{
font-family:segoe print;
font-size:12pt;
color:#fff;
padding:10px 0 10px 0;
border:solid 0px #000;
}

.cadre2
{
   margin:0 0 20px 0;
   width:800px;
   height: 100px;
   border:solid 0px #000;
   text-align:center;
}
.cadre2 p{
font-family:segoe print;
font-size:10pt;
color:#07063a;
padding:0px 0 0 0;
border:solid 0px #000;
}

.cadre3
{
	clear:both;
   margin:30px 0 30px 0;
   padding:0px 0 30px 0;
   width:100%;
   height: '';
   border:solid 0px #000;
   text-align:center;
}
.bouton
{
   border-radius:10px;
   border:1px solid #B6BFC9;
   padding:0px;
   margin:0px;
   width:150px;
   height:30px;
   background:radial-gradient(ellipse, #f9f9f9, #008096);
   color:#003333;
   font-family:segoe print;
}
.bouton:hover
{
   width:120px;
   color:#c0001a;
   cursor:pointer;
}