/************ STYLE CFIA2008 ***********/
*
{
	margin:0;
	padding:0;
}

body,TD
{
	COLOR: #5D6971;font: normal 12px arial, sans-serif; line-height:18px
}

a { color: #5D6971; }
a:hover{ color: #BF3BFF; }

#global
{
width:800px; margin:0 auto;
background: url(img/bg.gif) repeat-y top center; 
/*background-color: #FFF;*/
}
#header {
	width:400px;
	width:50%;
	height:130px;
	background:url('img/direction_indigo.png') no-repeat #BF3BFF 10px 10px;
	color:white;
	padding-left:50%;
	padding-top:15px;
	top:0px;
	font-size:14px;
}
#container
{
margin:0 0 0 0;
width:800px;

}
#footer {clear:both;width:600px;margin:auto}
#footer img{display:block;border:none;}
.cadre{background:#ddd;padding:10px}

h1{font-size:28px;margin-bottom:10px}
h2{color:#E75226;font-size:16px;margin-bottom:10px}
h3{font-size:14px;}

/*WARNING*/
#bloc-warning
{
	background:#F4F2EE;
	border:1px solid #BF3BFF;
	color : #FF0000;
	display:block;
	margin-bottom:10px;
}

#bloc-warning h3 
{
	padding:5px 0;
	background : #BF3BFF;
	text-align : center;
	color : #FF0000;
}

#bloc-warning ul
{
	margin : 10px 0 10px 30px;
	list-style-type:none;display:block;
}

#bloc-warning li
{
	padding : 5px 0;
}


/*FORM*/
#form
{
	padding:15px;
}
.form-mandatorysign
{
	color: #BB4F11;
}

.form-submit
{
background:#E75226;border:none;color:#fff;padding:0px 15px;
}
.libelle{color:#5D6971;font-weight:bold}

INPUT.form-field, SELECT.form-field ,TEXTAREA.form-field{font: normal 12px arial, sans-serif;background:#eee;color:#5D6971;border:#aaa 1px solid}

.bloc-submit{text-align:right;padding-right:20px}

.form-separator{font-weight:bold;color:#E75226;font-size:12px; }
/**LISTE**/
table.affichetab
{
/*	border: 1px solid #97b73b;*/
	/*width: 426px;*/
}
tr.affichetr
{
	background-color: #E75226;
}
tr.affichetr td
{
	color: #ffffff;
	font-weight: bold;
	padding: 10px;
	font-size: 13px;
}
tr.affichetr1, tr.affichetr1 a
{
	background-color: #bbb;
}
tr.affichetr2, tr.affichetr2 a
{
	background-color: #ddd;
}
tr.affichetr1, tr.affichetr1 a, tr.affichetr2, tr.affichetr2 a
{
	color: #666;
	font-size: 11px;
	text-decoration: none;
	line-height: normal;
}
tr.affichetr1 a:hover, tr.affichetr2 a:hover
{
	text-decoration: underline;
	color: #666;
	font-size: 11px; 
	line-height: normal;
}
tr.affichetr1 td, tr.affichetr2 td
{
	padding: 2px 5px 2px 5px!important;
	color: #666;
}

#chglang{text-align:right}

fieldset{border:1px solid #BF3BFF;padding:20px;padding-top:10px;background:transparent;display:block; margin-bottom: 15px;}

.newline {clear:both;}

#preregFormTitle {
	width:100%;
	height:45px;	
	padding-top:15px;
	text-align:center;
}

#preregBelow {
	width:100%;
	background:#BF3BFF;
	text-align:center;
	color:white;
	font-weight:bold;
}
#preregBelow a,
#preregBelow a:hover{
	color: #fff;
}

#prereg div.espacecode{margin-left:25px;}
#prereg FIELDSET LEGEND{
	font-size:14px;
	font-weight:bold;
	color:#BF3BFF;
}

#prereg
LABEL{
	color:#5D6971;
	font-weight:bold;
	width:120px;
	display:block;
	float:left;
	text-align:left;
	padding-right:10px;
}

/* class des elements de formulaire */
#prereg
.form-field{
	color : #666;	
	border : 1px solid #666;
	background : #fff;
	padding : 2px;
}

/* div correspondant à une question (Q+Champ) */
#prereg
.form-bloc{
	float:left;
	margin-bottom:2px;
	margin-left:5px;
}

/* div encadrant le champ */
#prereg
.form-blocfield{
	float:left;
}
/* div encadrant spécifiquement les champs de type Coche ou Radio */
#prereg
.form-blocchoix{
	color : #666;
	margin-bottom:10px;
	line-height:20px
	
}
#prereg
.form-blocchoix .form-field,
#prereg
.form-blocchoix INPUT{
	float:none;
}


/* class du bouton */
#prereg
.form-submit{	
	border : 1px solid #BF3BFF;
	padding : 0 8px;
	background : #BF3BFF;
	color : #FFF;
	font-weight : bold;
}
#prereg
.form-blocsubmit{
	text-align:right;
	padding:20px;
}
.coche{margin-right:5px;margin-left:5px;}
.form-ex{color:#000;font-size:10px;position:relative;display:inline;width:200px;}

/*///////// Cas spéciaux /////////////

/*Cas libelle question tres long (passage du champ à la ligne)*/
#prereg
.longlabel LABEL{width:100%;text-align:left;}
#prereg
.longlabel .form-blocfield{
	padding-left:130px;	/*largeur de LABEL + marge à droite LABEL*/
}


.form-bloc.longlabel label
{
	font-weight:bold;
}

.compteur{
	border:none;
	text-align:right;
}

IMG.case{margin:5px}
