/* HTML Elements */
body,html { width:100%;margin:0;padding:0;text-align:center;font-family:'arial',sans-serif;font-size:13px;background:#FFF; }
body, select, input, textarea { font-family:'arial',sans-serif; }	
a:link, a:visited { color:#333333;text-decoration:none;font-weight:bold;border:0;font-size:13px; }
a:hover { color:#333333;text-decoration:underline;font-weight:bold;border:0;font-size:13px; }


.noborder { border:0; }
.nomargin { padding:0;margin:0; }
.marginr15 { padding:0;margin-right:15px; }
.marginb15 { padding:0;margin-bottom:15px; }
.marginleft15 { padding:0;margin-left:15px; }
.marginr10 { padding:0;margin-right:10px; }
.margint8 { padding:0;margin-top:8px; }
.margint20 { padding:0;margin-top:20px; }
#margintab { margin-bottom:30px;padding:0; }
.gras { font-weight:bold; }


/* /////////////////////////// */
/* Structure globale */
/* /////////////////////////// */

#home { width:100%;max-width:1000px;overflow:hidden;margin:3% auto;padding:10px 0;text-align:center; }

#page { width:100%;max-width:1000px;overflow:hidden;margin:10px auto;padding:10px 0;text-align:center; }


.align_center { text-align:center; }
.align_left { text-align:left; }
.align_right { text-align:right; }
.souligne { border-bottom:1px solid #F00; }
.tdexport { padding:25px 0 0 0; }
.tdexportspan { padding:5px;background:#d2374d;color:#FFFFFF; }
.tdvalidspan { padding:5px;background:#1d870f;color:#FFFFFF; }

.form_boutonVL { margin:0;padding:5px 10px;border:1px solid #666666;background:#135415;color:#FFF;font-size:1.2em;line-height:1.9em; }
.form_boutonSL { margin:0;padding:5px 10px;border:1px solid #666666;background:#8f1010;color:#FFF;font-size:1.2em;line-height:1.9em; }


/* Formulaires */
#form_login { width:98%;max-width:250px;margin:30px auto 0 auto;padding:0 1px; }
.input_form_login { width:96%;max-width:250px;margin:0 auto 5px auto;padding:3%;border:1px solid #333;background:#e0e6ce; }
.bt_form_login { width:100%;max-width:200px;margin:0 auto 5px auto;padding:3%;border:1px solid #333;background:#CCC; }
#login_erreur { background:#C00;color:#FFF;text-align:center;font-weight:bold;padding:3px 0;margin:0 0 15px 0; }
input:focus { background:#e9e9e9; }
.nommaj { text-transform:uppercase; }


/* /////////////////////////// */
/* Structure adaptable */
/* /////////////////////////// */

@media all and (max-width: 1024px) {
	
	#int { width:100%;max-width:1000px;overflow:hidden;margin:1% auto;padding:0 0 30px 0;text-align:center;font-size:1.2em;line-height:1.9em; }
	
	#header { width:100%;max-width:1000px;overflow:hidden;margin:1% auto;padding:0;text-align:center;font-size:1.2em;line-height:1.9em; }
	#header_accueil { width:100%;max-width:1000px;overflow:hidden;margin:1% auto 50px auto;padding:0;text-align:center;font-size:1.2em;line-height:1.9em; }
	
	#formulaire_presentation { width:98%;max-width:500px;margin:0 auto;padding:0 0 25px 0;text-align:left;font-size:1.2em;line-height:1.9em; }
	.pos_relative { position:relative; }
	.champ_texte { width:98%;margin:0;padding:5px 1%;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.champ_texte_xsmall { width:50px;margin:0;padding:5px 1%;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.champ_select { width:100%;margin:0;padding:5px 0;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.champ_select_normal { margin:0;padding:3px 0;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.champ_texte_small { width:10%;margin:0;padding:5px 1%;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.form_bouton { width:55%;margin:0;padding:5px 0;border:1px solid #666666;background:#333333;color:#FFF;font-size:1.2em;line-height:1.9em; }
	.form_boutonN { margin:0;padding:5px 10px;border:1px solid #666666;background:#065c1d;color:#FFF;font-size:1.2em;line-height:1.9em; }
	.form_boutonQ { margin:0;padding:5px 10px;border:1px solid #666666;background:#a24913;color:#FFF;font-size:1.2em;line-height:1.9em; }

	a.lien_normal:link, a.lien_normal:visited { display:block;width:100%;text-align:left;padding:10px 0;color:#333333;text-decoration:none;font-weight:normal;border:0;font-size:1.2em;line-height:1.9em; }
	a.lien_normal:hover { text-decoration:underline; }
	

}






@media all and (min-width: 1024px) {

	#formulaire_presentation { width:98%;max-width:700px;margin:0 auto;padding:0 0 15px 0;text-align:left; }
	#formulaire_presentation_big { width:98%;max-width:1100px;margin:0 auto;padding:0 0 15px 0;text-align:left; }
	.pos_relative { position:relative; }
	.champ_texte { width:97%;margin:0;padding:5px 1%;border:1px solid #666666; }
	.champ_texte2 { width:190px;margin:0;padding:3px ;border:1px solid #666666; }
	.champ_texte_xsmall { width:50px;margin:0;padding:3px 1%;border:1px solid #666666; }
	.champ_select { width:100%;margin:0;padding:3px 0;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.champ_select_normal { margin:0;padding:3px 0;border:1px solid #666666;font-size:1.2em;line-height:1.9em; }
	.champ_texte_small { width:10%;margin:0;padding:5px 1%;border:1px solid #666666;font-size:1.2em; }
	.champ_select_types { width:96%;max-width:100px;margin:0 auto 5px auto;padding:3px 1%;border:1px solid #333;background:#f8efef; }
	.champ_select_types_full { width:96%;margin:0 auto 5px auto;padding:3px 1%;border:1px solid #333;background:#f8efef; }
	

	.form_bouton { width:35%;margin:0;padding:5px 0;border:1px solid #666666;background:#333333;color:#FFF; }
	.form_boutonN { margin:0;padding:5px 10px;border:1px solid #666666;background:#065c1d;color:#FFF;font-size:1.2em;line-height:1.9em; }
	.form_boutonQ { margin:0;padding:5px 10px;border:1px solid #666666;background:#a24913;color:#FFF;font-size:1.2em;line-height:1.9em; }
	
	.aligncentre { text-align:center; }
	a.lien_normal:link, a.lien_normal:visited { display:block;width:100%;text-align:left;padding:10px 0;color:#333333;text-decoration:none;font-weight:normal;border-bottom:1px solid #CCC;font-size:15px;line-height:21px; }
	a.lien_normal:hover { text-decoration:underline; }
	
	.formulaire_presentation_big_box { width:220px;overflow:hidden;float:left;margin:0 7px;padding:0 7px;text-align:left;font-family:'arial',sans-serif;font-size:12px; }
	.formulaire_presentation_small_box { width:50px;overflow:hidden;float:left;margin:0 6px;padding:0 6px;text-align:left;font-family:'arial',sans-serif;font-size:12px; }
	.formulaire_presentation_big_box_long { width:1100px;overflow:hidden;margin:0;padding:15px 0 0 0;text-align:left;font-family:'arial',sans-serif;font-size:12px; }
	


}