/* ----------------------  STYLE PERSONALISABLE   ------------------  */
body {
	background-color:#F6F7F8;
	margin: 0;
	padding: 0;
	font-family:Arial, Helvetica, sans-serif;
}

.btn {
	text-decoration: none;
}

#carre {
	float:left;
	margin-left: 70px;
	margin-top: 17px;
}
#carre_1 {
	float:left;
	width:10px;
	height:10px;
	background-color:#EBEBEB;
	font-size:1px;
}
#carre_2 {
	float:left;
	width:10px;
	height:10px;
	background-color:#C1C1C1;
	font-size:1px;
	margin-left:5px;
}
#carre_3 {
	float:left;
	width:10px;
	height:10px;
	background-color:#989898;
	font-size:1px;
	margin-left:5px;
}
#carre_4 {
	float:left;
	width:10px;
	height:10px;
	background-color:#293759;
	font-size:1px;
	margin-left:5px;
}
#texte_titre_page {
	padding:29px 0 0 208px;
	font-size:16px;
	font-weight:bold;
	color:#293759;
}
#texte_titre_page_identification {
	float:left;
	padding-left:15px;
	padding-top:10px;
	font-size:20px;
	font-weight:bold;
	color:#293759;
	letter-spacing:3px;
	width:770px;
}
#texte_titre_page_admin {
	padding:29px 0 0 208px;
	font-size:16px;
	font-weight:bold;
	color:#535061;
}

/* ---------------- placement module identification  ----- */
#module_identification {
	margin:50px 0 0 0;	
}
/*  -------------------------- contenu_module_identification  -------------------------------------*/
.contenu_module_identification {
	float:left;
	font-size: 12px;
	color: #535061;
	font-weight:bold;
	padding: 15px 15px 0 0px;
	text-align: right;
	width:240px;
}
.contenu_module_identification .intitule {
	/*display: block;*/
	/*width: 100px;*/
	text-align: right;
	/*float: left;*/
	padding: 4px 5px 0 0;
}
.contenu_module_identification .txt1 {
	width: 100px;
	margin: 3px 0 3px 0;
}

/* -------------------------- tableau_droit_etape  ---------------------------------- */
.tableau_droit_etape {
	float:left;
	background-color:#fff;
	width:570px;
}
.tableau_droit_etape table {
	width:570px;
	font-size:12px;
	border:1px solid #D6D5D9;
	text-align:left;
	border-collapse:collapse;
	font-weight:normal;
	padding:0 0 0 0px;
 	color:#535061;
}
.tableau_droit_etape table a{
	color:#535061;
}
.tableau_droit_etape table .titre {
	text-align:center;
	height:30px;
	font-size:13px;
	color:#535061;
	font-weight:bold;
}
.tableau_droit_etape table .titre_1 {
	text-align:center;
	height:30px;
	font-size:12px;
	color:#535061;
	font-weight:bold;
}
.tableau_droit_etape table td{
	border-bottom:1px solid #D6D5D9;
	border-right:1px solid #D6D5D9;
	padding:10px;
	height:22px;
}
.tableau_droit_etape table .couleur_01{
	background-color:#E7E9EE;
}
.tableau_droit_etape table .couleur_02{
	background-color:#FFFFFF;
	text-align:center;
}
.tableau_droit_etape table .couleur_03{
	background-color:#F3F4F6;
	text-align:center;
}
.tableau_droit_etape table .couleur_02_raye{
    background-color:#FFFFFF;
    text-align:center;
	text-decoration: line-through;
	opacity : 0.5;
	filter : alpha(opacity=50);
}
.tableau_droit_etape table .couleur_03_raye{
    background-color:#F3F4F6;
    text-align:center;
	text-decoration: line-through;
    opacity : 0.5;
    filter : alpha(opacity=50);
}

/* -------------- texte sur fond avec bords ronds aux quatres coins ----------------- */
.fond_bord_rond {
	float:left;
	margin:0 0 0 10px;
	background-color:#E6E9F0;
	background-image:url(../images/bord_rond_b_d.gif);
	background-position:bottom right;
	background-repeat:no-repeat;
}
.bord_rond_h_g {
	float:left;
	width:10px;
	background-image:url(../images/bord_rond_h_g.gif);
	background-position:top left;
	background-repeat:no-repeat;
}
.bord_rond_h_d {
	float:right;
	width:10px;
	background-image:url(../images/bord_rond_h_d.gif);
	background-position:top right;
	background-repeat:no-repeat;
}
.bord_rond_b_g {
	clear:both;
	width:10px;
	background-image:url(../images/bord_rond_b_g.gif);
	background-position:bottom left;
	background-repeat:no-repeat;
}
/* -------------- INFO IMPORTANTE ------------*/
.info_importante {
	float:right;
	width:850px;
	margin:45px 0 0 0;
}
.info_importante span{
	display:block;
	margin:0 0 0 70px;
	padding:12px 50px 0 40px;
	height:40px;
	background-image:url(../images/picto_info_importante.gif);
	background-repeat:no-repeat;
	background-position:left;
	font-size:12px;
	font-weight:bold;
	color:#535061;
}
.filet_info_importante {
	background-image:url(../images/filet_info_important.gif);
	background-repeat:repeat-x;
	background-position:left;	
}

/* ----------------------  STYLE COMMUN   --------------------------  */
*{
	margin: 0px;
	padding: 0px;
}
TD,TR,TABLE,SPAN,IMG,DIV,FORM{
	border: 0px;
}
ul {
	list-style-type: none;
}
form {
	margin: 0;
	padding: 0;
}
#global {
	position: relative;
	width: 990px;
	margin-left: auto;
	margin-right: auto;
	margin-top: 0;
	margin-bottom: 0;
	padding: 0 0 0 0;
	background-color:#FFFFFF;
}
#decor_h_d {
	float:right;
	width: 618px;
	height: 102px;
	background-image: url(../images/bg_h_d.jpg);
	background-position: top;
	background-repeat: no-repeat;
}
#decor_h_g {
	float:left;
	width: 196px;
	height: 33px;
	/*background-image: url(../images/bg_h_g.gif);*/
	background-color: #293759;
	background-position: top;
	background-repeat: no-repeat;
}
#titre_operation {
	float:left;
	width: 780px;
	height: 25px;
	padding:8px 0 0 14px;
	background-color:#706F6F;
	font-size:16px;
	font-weight:bold;
	letter-spacing:2px;
	color:#FFFFFF
}
#liens_annexes {
	width: 990px;
	height: 19px;
	background-color:#F6F7F8;
	text-align: right;
}
#liens_annexes a{
	text-decoration: none;
	color: #535061;
}
#liens_annexes a:hover{
	text-decoration: underline;
	color: #535061;
}
#titre_page {
	width: 990px;
	height: 40px;
	background-color:#F6F7F8;
}
#sous_titre_page{
	width: 600px;
	color:#293759;
	font-size: 14px;
	font-weight:bold;
	letter-spacing:2px;
}
/* --------------------------- SPACER  --------------------------------------------- */
.spacer {
	clear: both;
	font-size: 0;
	line-height: 0;
}
.spacer_10px {
	clear: both;
	height: 10px;
	font-size: 1px;
}
.spacer_20px {
	clear: both;
	height: 20px;
	font-size: 1px;
}
.spacer_40px {
	clear: both;
	height: 40px;
	font-size: 1px;
}


/* --------------------------------- CONTENU  ( DIV CENTRE )  -------------------- */
#centre {
	float:right;
	position: relative;
	height: auto;
	min-height: 100px;
}
#contenu {
	float: right;
	margin: 0;
	padding: 0 0 0 0;
	width: 990px;
}
#contenu_admin {
	float: right;
	margin: 0;
	padding: 0 0 0 0;
	width: 794px;
}
#contenu_etapes {
	float: right;
	margin: 0;
	padding: 0 0 0 0;
	width: 850px;
}

/*  -------------------------  BAS DE PAGE  ----------------------------------- */
#bas-de-page {
	clear: both;
	width: 990px;
	height: 20px;
	font-size: 11px;
	padding-top: 10px;
}
#couleur_bas_de_page_2{
	float:left;
	width: 790px;
	height: 16px;
	background-color: #706F6F;
	padding-top: 4px;
	padding-left: 4px;
}
#couleur_bas_de_page_2 a{
	color:#FFFFFF;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	text-decoration:none;
}
#logo_voxaly{
	float: left;
	background-color:#293759;
	display: block;
	width: 195px;
	height: 16px;
	padding: 4px 0 0 0;
	margin: 0;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-align:center;
}
#logo_voxaly a{
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:9px;
	color:#FFFFFF;
	text-decoration:none;
	text-align:center;
}
/*  -------------------------  MESSAGE DE CONFIRMATION ET D'ERREUR  ----------------------------------- */
.message_confirmation{
	font-size: 11px;
	color: red;
}
.erreur_champ_formulaire{
	font-size: 11px;
	color: red;
}
.div_erreur_page{
	margin-left: 210px;
	margin-top: 50px;
	font-size: 11px;
	color: red;
}
.div_erreur_vote{
	margin-bottom: 15px;
	font-size: 11px;
	color: red;
	width: 550px;
}
/*  -------------------------  DRAPEAUX  ----------------------------------- */
#drapeau {
	float:right;
/*	width: 200px;*/
	height: 33px;
}

#langue {
	float:left;
	width: 25px;
	height: 12px;
	text-align: center;
}


/* --- Taken from BlueTrip (http://bluetrip.org) --- */
.error,.notice,.success {
	padding: .8em;
	margin-bottom: 1.6em;
	border: 2px solid #ddd;
}

.error {
	background: #FBE3E4;
	color: #8a1f11;
	border-color: #FBC2C4;
}

.notice {
	background: #FFF6BF;
	color: #514721;
	border-color: #FFD324;
}

.success {
	background: #E6EFC2;
	color: #264409;
	border-color: #C6D880;
}

.error a {
	color: #8a1f11;
	background: none;
	padding: 0;
	margin: 0;
}

.notice a {
	color: #514721;
	background: none;
	padding: 0;
	margin: 0;
}

.success a {
	color: #264409;
	background: none;
	padding: 0;
	margin: 0;
}

.msgError {
    color: red;
}
.inputError {
	background-color: #FBC2C4;
}