@import url(global.css);
@import url(header2.css);
@import url(footer.css);

/*header transform*/
#diapo{
display:none;
}

#header1{
height: auto;
padding: 50px 0px 30px 0px;
}

/* FORMULAIRE */

h1{
margin-left: 5%;
margin-bottom: 50px;
}

#formulaireCon{
width: 40%;
float: left;
margin: auto;
padding-left: 5%;
padding-right: 5%;
}

#formulaireIns{
width: 40%;
margin-left: 50%;
padding-left: 5%;
padding-right: 5%;
border-left: 2px #ccc dashed;
padding-bottom: 40px;
}

.text-intro{
color: #222;
}

h2{
margin-top: 20px;
color: #333;
font-weight: 400;
font-size: 200%;
text-align: center;
letter-spacing: 1px;
font-family:  Corbel, Century, Tahoma, Arial, Verdana;	
}

#formulaireIns h2{
padding-top: 20px;
}

h3{
font-family:  Corbel, Century, Tahoma, Arial, Verdana;	
font-size: 120%;
font-weight: 400;
}

.identifiants{
margin: auto;
}

#genre select{
color: #777;
}

.identifiants a, #infos a{
text-decoration: underline;
}

.identifiants label{
font-family: Tahoma;
font-size: 90%;
color: #778899;
}

.identifiants input{
width: 98%;
height: 20px;
border-radius: 2px;
background-color: #eee;
}

.identifiants input:focus{
background-color: #fff;
}

.valider{
width: 100%;
margin-top: 15px;
font-family: Verdana;
font-size: 100%;
color: #fff;
line-height: 30px;
background-color: #444;
text-shadow: 1px 1px #000;
border-radius: 10px;
}

.valider:hover{
cursor: pointer;
background-color: #333;
}

sup{
position: relative;
top: 2px;
color: red;
}

#infos{
font-size: 90%;
}

.message{
font-family: sans-serif;
padding: 2px;
color: red;
text-align: center;
width: 100%;
}

.message img{
position: relative;
top: 10px;
}

.message2{
margin-top: 50px;
font-size: 120%;
text-align: center;
}

.message2 img{
position: relative;
top: 10px;
right: 10px;
}

.message2 a{
color: #336699;
text-align : center;
}

/* INSCRIPTION REUSSIE - PDF REUSSI*/

#confirm{
padding-bottom: 200px;
}

#confirm h1, #pdf-reussi h1{
font-weight: 400;
text-align: center;
}

#confirm, #pdf-reussi {
text-align: center;
}

#confirm a, #pdf-reussi a{
color: #336699;
text-decoration: underline;
}

.red{
color: red;
font-size: 110%;
}

/*MOT DE PASSE OUBLIÉ*/
#mdp-oublie{
margin-left: 5%;
padding-bottom: 100px;
}

#mdp input{
width: 250px;
height: 20px;
}

/* Valid */
.bouton input{
width: 130px;
height: 25px;
background-color: #f8f8f8;
color: #000;
text-shadow: 1px 1px #fff;
font-size: 110%;
font-family: Arial, Corbel;
letter-spacing: 1px;
text-align: center;
border-radius: 10px;
border: thin #555 solid;
}

.bouton input:hover{
cursor: pointer;
background-color: #d8d8d8;
color: #222;
}

.reponse{
margin-left: 5%;
}

.reponse img{
position: relative;
top: 10px;
}

/* RESPONSIVE */ 

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

#formulaireCon{
width: 90%;
margin:auto;
float: none;
padding: 0%;
}

#formulaireIns{
width: 90%;
margin:auto;
float: none;
padding: 0%;
border-left: none;
padding-bottom: 20px;
}

}

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

h1{
margin: -20px 10px 50px 0px;
}

}