/************************************************************/
/* les textes                                               */
/************************************************************/
@import url(https://fonts.googleapis.com/css?family=Montserrat);
@import url(https://fonts.googleapis.com/css?family=Raleway);
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
@import url(https://fonts.googleapis.com/css?family=Roboto:wght@100&display=swap);
body {
	font:18px Raleway;
	color: #333333;
	font-weight: normal;
	text-align: left;	 
	margin:0px;
	padding:0px; 
	overflow:scroll ;
}

.Titre{font-weight:bold;color:#2B4262;padding:10px;text-align:center;background-color:#E9E9E9}
.titrelogo{background-color:#ffffff;text-align: center}

.label{color:#000000;}

td {height:30px;}
table {border:1px solid #E9E9E9;margin-top:20px;-moz-border-radius:5px;
    -webkit-border-radius:5px; border-radius:5px;}
textarea {width:100%;min-height:200px;}
.logo{ padding:10px}
.slogan {padding:10px;font-size:26px;color:#2B4262}
.footer{background-color: #2B4262;color:#ffffff;text-align: center;padding:10px}
.footer a{color:#ffffff}
.footer a:hover{color:#fdbe4c}

.bt_action{border: 1px solid #fdbe4c;background-color:#fdbe4c;color:#FFFFFF;padding:5px 15px;font-size:18px;text-align: center;margin:10px;-moz-border-radius:5px;
    -webkit-border-radius:5px; border-radius:5px;cursor: pointer}
.bt_action:hover{background-color:#333333;cursor: pointer}

.erreursaisie {color:#FF3300}
input[type=text]{width: 50%}
table {width: 50%}
textarea {width: 100%}

#erreur {
	padding:10px;text-align: center
}
#resultat {
	padding:10px;text-align: center;
}
#formconfirm {padding:10px;text-align: center;}
.hide{display: none}
.show{display: block}

#stagiaire ,#formation, #sessiondate, #sessionlieu {padding:10px;text-align: center;font-weight: bold}

@media screen and (max-width:980px){
	table {width: 80%}
}


@media screen and (max-width:580px){
	body{font-size: 12px;}
	table {width: 98%;padding:1%}
	textarea {width: 98%}
	input[type=text]{width: 98%}
	.Titre{font-size:15px;}
	.slogan{font-size: 20px;text-align: center}
	
}