@media screen {

html, body{
width:100%;
margin:0px;
padding:0px;
background:#000;
font-family:andy;
}

body a:link{
text-decoration:none;
color:#fff;
}
body a:visited {
text-decoration:none;
color:#fff;
}

.ligne {
clear:both;
width:300px;
border: 1px dashed #fff;
margin:0px auto 0px auto;
}

.ligneh {
position:absolute;
top:80px;
width:100%;
border-bottom: 1px solid #cb496f;
margin:0px auto 0px auto;
}
.ligneh2 {
position:absolute;
top:530px;
width:100%;
border-bottom: 1px solid #cb496f;
margin:0px auto 0px auto;
}

.ligne_vert{
width:800px;
height:600px;
margin:0px auto 0px auto;
border-width:1px 1px 1px 1px;
border-style: solid; 
border-left-color:#cb496f;
border-right-color:#cb496f;
border-top-color:#000;
border-bottom-color:#000;
}

.conteneur{
width:100%;
height:100%;
border-width:0px;
border-style:solid;
border-color:#fff;
}
.titre{
height:auto;
font-size:24pt;
color:#cb496f;
border:solid 0px #fff;
text-align:center;
margin:0px 0px 0px 0px;
padding:0;
}
.titre_mail{
width:400px;
height:auto;
border:solid 0px #fff;
text-align:center;
margin:0px auto 0px auto;
}
.titre_mail p{
font-size:24pt;
color:#cb496f;
border:solid 0px #fff;
text-align:left;
margin:30px 0 0px 20px;
}

.titre_ins{
font-size:13pt;
color:#fff;
border:solid 0px;
text-align:center;
margin:30px auto 0px auto;
}

.cadre{
width:400px;
height:400px;
background-color:#cb496f;
padding:0px;
margin:0px auto 0 auto;
border-width:1px;
border-style:solid;
border-color:#ff0000;
border-radius:10px;
}
.cadre:hover{
border-color:#fff;
}
.cadre p{
color:#fff;
}

.bouton:hover{
color:#ff0032; 
border:1px solid #ff0032;
}

.avert{
text-align:center;
font-size:18pt;
padding:0px;
border-width:0px;
border-style:solid;
border-color:#fff;
margin:50px 0 0 0px;
}
.texte_av{
text-align:justify;
font-size:13pt;
padding:20px;
border-width:1px;
border-style:solid;
border-color:#fff;
margin:20px 50px;
border-radius:10px;
}

.texte{
text-align:justify;
font-size:14pt;
padding:0px;
border-width:0px;
border-style:solid;
border-color:#fff;
margin:30px 50px;
}

.entrer{
float:left;
font-size:15pt;
color:#fff;
padding:0px;
border-width:0px;
border-style:solid;
border-color:#fff;
margin:0px 30px 30px 120px;
}
.entrer a:hover{
color:#f8e300;
}
.refus{
float:left;
font-size:15pt;
color:#fff;
padding:0px;
border-width:0px;
border-style:solid;
border-color:#fff;
margin:0px 30px 30px 30px;
}
.refus a:hover{
color:#f8e300;
}

.fin{
height:50px;
width:100%;
margin:30px 0 0 0;
background:#22262f;
border-style:solid;
border-width:1px 0 0 0;
border-color:#003333;
border-top-color:#cb496f;
}
.fin_ent{
	position:absolute;
	top:590px;
height:80px;
width:100%;
margin:0px 0 0 0;
background:#22262f;
border-top:solid 0px #cb496f;
}

.fin p, .fin_ent p{
text-align:center;
margin:20px 0 20px 0;
padding:0px 0;
font-size:9pt;
color:#a0a0fa;
}


.cadre button {
height:35px;
width:200px;
font-size:10pt;
color:#23065c;
background:#dbe8e3;
padding:0px;
border:1px solid #23065c;
margin:20px auto 30px auto;
border-radius:10px;
cursor:pointer;
}
button:hover{
color:#ff0032; 
border:1px solid #ff0032;
background:#e6f3ee;
}

.recherche{
width:200px;
padding:0px;
border-width:0px;
border-style:solid;
border-color:#fff;
margin:100px auto 30px auto;
}

.deposer{
width:200px;
padding:0px;
border-width:0px;
border-style:solid;
border-color:#fff;
margin:0px auto 0px auto;
}
	
}