/*******************************************************************************/
/* Général */
/*******************************************************************************/

* {
	margin : 0;
	padding : 0;
}

.newline {
	display : block;
	height : 0;
	clear : both;
	line-height : 1px;
	font-size:1px;
}

.left {
	float : left;
}

.right {
	float : right;
}

a img {
	border : none;
}

body, td {
	font-family : Arial, Helvetica, Geneva, Verdana, "Bitstream Vera Sans", sans-serif;
	font-size : 12px;
	color : #000000;
}

#conteneur {
	position:absolute;
	left:50%;
	margin : 0 0 0 -350px;
	width : 680px;
	padding: 10px;
}

/*

#contenu {
	float : left;

*/
h2{
text-align:justify;
}

h3{
	font-size:13px;
	color: #808080;
	font-weight: bold;
	margin-bottom: 10px;
	text-decoration: underline;
}

a
{
  color : #E1001A;
  font-weight : bold;
  text-decoration : underline;
}
a:hover
{
  color : #6D7174;
  text-decoration : none;
}

/*Multi-Colonnage*/

#bloc-center div.w100 {
  clear : both;
  float : none;
  width:780px;
}

#bloc-center div.w50 {
  float : left;
  display : inline; 
  clear : left;
  width : 45%;
}

#bloc-center div.w50-newline {
  float : left;
  display : inline;
  clear : right;
  width : 45%;
  margin-left : 1%;
}

#bloc-center div.w33-first {
  float : left;
  display : inline;
  width : 29%;
}

#bloc-center div.w33-2 {
  float : left;
  display : inline;
  width : 29%;
  margin-left : 1%;
}

#bloc-center div.w33-newline {
  float : left;
  display : inline;
  clear : right;
  width : 29%;
  margin-left : 1%;
}

/*Images*/

#bloc-center img.left {
	margin : 0 10px 0 0;
}

#bloc-center img.right {
	margin : 0 0 0 10px;
}

#bloc-center img.center{
	display : block;
	margin : 0 auto;
}

#bloc-center .pack-image {
	margin : 0;
	padding : 0;
}

/*Formulaires*/

.Separator{
	color:#0000c0;
	font-weight:bold;
	padding-top:5px;
	padding-bottom:5px;
}

/*Boite de Login*/
#boiteLogin{
    width:320px;
    height:85px;
    margin : 0 auto;
    padding-top:10px;
    padding-left:5px;
    text-align : left;
	border : 1px solid #D22C1C;
}

#boiteLogin #log{
    width:300px;
    text-align:left;
    padding-left : 30px;
    padding-top:4px;
}
#boiteLogin label {
    width : 120px;
    display : block;
    float : left;
}

#boiteLogin #log div{
    margin-bottom : 2px;
}

#lost {
    margin : 4px 0 0 0;
    width : 295px;
    text-align : right;
}

#lost a {
    text-decoration : none;
    color : #000;
    padding : 0 0 0 15px;
    font-size :  11px;
}

input#acces-ok {
    border : 1px solid #EC6E08;
	background-color: #FAB500;
	color: #FFFFFF;
	font-weight: bold;
    margin : 0 !important;
    padding : 0 15px 0 15px;
}

input.acces {
    padding : 0 1px;
    width : 120px;
    margin : 0 !important;
	border : 1px solid #EC6E08;
}

div#bloc-val {
    text-align : right;
    padding-right : 20px;
	margin-top: 15px;
	margin-right: 35px;
}

#error-log {
	position : relative;
	text-align : center;
}

.libelle {
	font-weight: bold;
	}

/*Titres*/
#wrap h2{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 18px;
	text-transform: uppercase;
	color: #D00015;
	font-weight: bolder;
}
.texte {
	font-weight: bold;
	color: #D22C1C;
	}

/*Liens / boutons sur formulaire*/
.list-bouton{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	border : 1px solid #EC6E08;
	background-color: #FAB500;
	color: #FFFFFF;
	font-weight: bold;
    margin : 0 !important;
    padding : 0 15px 0 15px;
}

a.list-bouton:hover{
	color:#ff0000;
}

input.bouton{
    border : 1px solid #EC6E08;
	background-color: #FAB500;
	color: #FFFFFF;
	font-weight: bold;
    margin : 0 !important;
    padding : 0 15px 0 15px;
	}

input.input-texte{
	border : 1px solid #EC6E08;
}

/* ****************************************** */
/*WARNING*/
/* ****************************************** */


#bloc-warning
{
	background:#D0CED1;border:#000 1px solid;
	margin-bottom:10px;
	color:#000;
}

#bloc-warning h3 
{
	padding:5px 0;
	background : #000;
	text-align : center;
	color : #fff;
	float: none;
}

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

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


/* ****************************************** */
/*  FORMULAIRES */
/* ****************************************** */


.form-mandatorysign{
	color: #E3001B;
}

fieldset{
	padding: 0px;
	border: none;
	background: #fff;

}

fieldset legend{
	font-size: 14px;
	font-weight: bold;
	background: #fff;
	
}

label{
	color: #585449;
	font-weight: bold;
	width: 180px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}

/* class des elements de formulaire */
.form-field{
	color : #000;	
	border : 1px solid #666;
	background : #fff;
	padding : 2px;
	font-size:11px;
	margin: 0 0 0 5px;
}

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

.form-bloc.blocCnilOpposition{
	margin: 20px 0 0 0;
	font-size: 10px;
}

/* div encadrant le champ */
.form-blocfield{
	float:left;
}

/* div encadrant spécifiquement les champs de type Coche ou Radio */
.form-blocchoix{
	color : #585449;
	margin-bottom:5px;
}

/* class du bouton */
.form-submit{	
	border : 1px solid #D00015;
	background : #D00015;
	color : #FFFFFF;
	font-weight : bold;
	margin: 15px 10px;
	padding: 2px;
}

a.form-submit{	
	text-decoration: none;
	padding: 3px;
}

a.form-submit:hover{
	color: #fff;
}

.form-blocsubmit{
	text-align:right;
	padding:20px;text-align:center;
}

.form-ex{
	color:#000;
	font-size:10px;
	position:relative;
	display:inline;
	width:200px;
}

.coche{
	border:none;
	margin: 0 5px;
}

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

/*Cas libelle question tres long (passage du champ à la ligne)*/
.longlabel label{
	width:220px;
	text-align:left;
}

.longlabel .form-blocchoix div{
	padding-left:145px;	/*largeur de LABEL + marge à droite LABEL*/
	float: left;
	display: block;
}

.nolabel{
	margin-top:-10px;
}

.other div{
	margin:5px 0;
	float: left;
	display: inline;
}

.label{
	color:#000;
	font-weight:bold;
}

.codeinvit{
	width:250px;
	margin-left:22px;
}

.blocCONNU div.other{
	position:relative;
	width:150px;
	top:-22px;
	left:90px;
}

select.error,input.error{
	background-color:#E3001B;
	color:#ffffff;
}

div.error{
	color:#E3001B ; 
	font-weight:bold;
}

.blocOPTIN label{
	padding-left:0;
	width:98%;
}

.blocOPTIN .form-blocfield{
	padding-left:0;
	text-align:justify
}