/* -------------------------------------------------------------- 
  
   reset.css
   * Resets default browser CSS.
   
-------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

body 
{ 
  line-height: 1.5; 
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight: normal; }
table, td, th { vertical-align: middle; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

/* Remove annoying border on linked images. */
a img { border: none; }

* {
	margin: 0;
	padding: 0;
	
}

.cercle
{
	list-style-type:circle;
}

body  {
	font: 14px Arial, sans-serif;
	font-family:times, Arial, Verdana, Helvetica, sans-serif;
	
	margin: 0; 
	padding: 0;
	text-align: center; /* ce param�trage centre le conteneur dans les navigateurs IE 5.x. Le texte est ensuite align� � gauche (valeur par d�faut) dans le s�lecteur #container */
	color: #FFF;
}

h1,h2,h3,h4,h5,h6 { font-weight: normal; color: #111; }

h1 { font-size: 3em; line-height: 1; margin-bottom: 0.5em; }
h2 { font-size: 2em; margin-bottom: 0.75em; }
h3 { font-size: 1.5em; line-height: 1; margin-bottom: 1em; }
h4 { font-size: 1.2em; line-height: 1.25; margin-bottom: 1.25em; }
h5 { font-size: 1em; font-weight: bold; margin-bottom: 1.5em; }
h6 { font-size: 1em; font-weight: bold; }

h1 img, h2 img, h3 img, 
h4 img, h5 img, h6 img {
  margin: 0;
}


/* Text elements
-------------------------------------------------------------- */

p           { margin: 0 0 1.5em; }
p img.left  { float: left; margin: 1.5em 1.5em 1.5em 0; padding: 0; }
p img.right { float: right; margin: 1.5em 0 1.5em 1.5em; }

a:focus, 
a:hover     { color: #000; }
a           { color: #009; text-decoration: underline; }

blockquote  { margin: 1.5em; color: #666; font-style: italic; }
strong      { font-weight: bold; }
em,dfn      { font-style: italic; }
dfn         { font-weight: bold; }
sup, sub    { line-height: 0; }

abbr, 
acronym     { border-bottom: 1px dotted #666; }
address     { margin: 0 0 1.5em; font-style: italic; }
del         { color:#666; }

pre 				{ margin: 1.5em 0; white-space: pre; }
pre,code,tt { font: 1em 'andale mono', 'lucida console', monospace; line-height: 1.5; }


/* Lists
-------------------------------------------------------------- */

li ul, 
li ol       { margin:0 1.5em; }
ul, ol      { margin: 0 1.5em 1.5em 1.5em; }

ul          { list-style-type: disc; }
ol          { list-style-type: decimal; }

dl          { margin: 0 0 1.5em 0; }
dl dt       { font-weight: bold; }
dd          { margin-left: 1.5em;}


/* Tables
-------------------------------------------------------------- */

table       { margin-bottom: 1.4em; /*width:100%; */}
th          { font-weight: bold; }
thead th 		{ background: #c3d9ff; }
th,td,caption { padding: 4px 10px 4px 5px; }
tr.even td  { background: #e5ecf9; }
tfoot       { font-style: italic; }
caption     { background: #eee; }


/* Misc classes
-------------------------------------------------------------- */

.small      { font-size: .8em; margin-bottom: 1.875em; line-height: 1.875em; }
.large      { font-size: 1.2em; line-height: 2.5em; margin-bottom: 1.25em; }
.hide       { display: none; }

.quiet      { color: #666; }
.loud       { color: #000; }
.highlight  { background:#ff0; }
.added      { background:#060; color: #fff; }
.removed    { background:#900; color: #fff; }

.first      { margin-left:0; padding-left:0; }
.last       { margin-right:0; padding-right:0; }
.top        { margin-top:0; padding-top:0; }
.bottom     { margin-bottom:0; padding-bottom:0; }


a { color: #46574D; color:#2B5A88;text-decoration: none; }
a:hover { color: #647B6D; }


/* -------------------------------------------------------------- 
   
   forms.css
   * Sets up some default styling for forms
   * Gives you classes to enhance your forms
   
   Usage:
   * For text fields, use class .title or .text
   
-------------------------------------------------------------- */

label       { font-weight: bold; }
fieldset    { padding:1.4em; margin: 0 0 1.5em 0; border: 1px solid #ccc; }
legend      { font-weight: bold; font-size:1.2em; }


/* Form fields
-------------------------------------------------------------- */

input.text, input.title,
textarea, select {
  margin:0.5em 0;
  border:1px solid #bbb;
}

input.text:focus, input.title:focus,
textarea:focus, select:focus {
  border:1px solid #666;
}

textarea  {
	margin-bottom: 20px;
	padding-bottom: 20px;
}

input.text, 
input.title   { width: 300px; padding:5px; }
input.title   { font-size:1.5em; }


/* Success, notice and error boxes
-------------------------------------------------------------- */

.error,
.notice, 
.success    { padding: .8em; margin-bottom: 1em; 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; }
.notice a   { color: #514721; }
.success a  { color: #264409; }

/*
h1 { font: bold 2em Arial, Sans-Serif; letter-spacing: -1px; padding: 16px 0 0 8px; margin: 0; }
h2 { margin: 0; padding: 0; font: normal 1.4em Arial, Sans-Serif; color:#f4b733; letter-spacing: -1px; }
h1 a { color: #46574D; background: inherit; }
h1 a, h2 a { text-decoration: none; }
h1 a:hover, h2 a:hover { color: #BFE1ED; background: inherit; }
form { margin: 0; }

input.search { width: 122px; height: 15px; border: 1px dotted #FF9C00; background: #FFF; padding: 3px; color: #616161; }
input.submit { width: 28px; height: 20px; font-weight: bold; border: none; background: #FFF; padding: 3px; color: #616161; }*/



#container { 
	width: 900px;  /* ce param�trage cr�e un conteneur dont la largeur est 100 % de celle du navigateur */
	background: #FFFFFF;
	margin: 0 auto; /* les marges automatiques (et dot�es d'une largeur positive) centrent la page */
	text-align: left; /* ce param�trage annule le param�tre text-align: center de l'�l�ment body. */
	color: #000;
} 

#header {
	background: #DDD;
	/*height: 40px;*/
	width: 100%;
	background: #FFDEAB url(../images/bg-header4.jpg) repeat-x top;
	position: fixed;
	z-index: 2;
	top: 0px;
	left: 0px;
	visibility: hidden;
	
} 

#header h1 {
	margin: 0; /* la mise � z�ro de la marge du dernier �l�ment du div #header permet d'�viter une disparition de la marge (espace inexplicable entre les �l�ments div). Si l'�l�ment div est entour� d'une bordure, cette pr�caution n'est pas n�cessaire, car la bordure �vite �galement la disparition de la marge */
	padding: 10px 0; /* l'utilisation de remplissage, au lieu d'une marge, permet d'�loigner l'�l�ment des bords de l'�l�ment div */
}

#header .logo {
	position: absolute;
	top: 2px;
	margin-left: 10px;
}

#header .logo img {
	border:1px solid #CCCCCC;
	padding:5px;
	z-index: 10;
	position: absolute;
}

/* Partie du menu top */
#topmenu {
	width: 100%;
	height: 78px;
	/*background: #494949 url(../images/bg-header3.jpg) repeat-x bottom;*/
	background: url(../images/bg-header3.png) repeat-x top;
	
	padding-top: 0px;
	position: fixed;
	/*top: 40px;*/
	width: 100%;
	z-index: 1;
	left: 0px;
	visibility: hidden;
}

#topmenu ul { 
	list-style:none;
	margin-left:120px;  
}

#topmenu a, #topmenu strong, #topmenu span { 
	display:block;
	font-family:Tw Cen MT,Arial,sans-serif, 6em;
	color:#fff; 
	padding: 5px 10px 5px 10px; 
	text-decoration:none;
}

#topmenu a { 
	float:none; 
}

#topmenu li { 
	float:left; 
	color: #FFF; 
	margin:0; 
	padding:0 0 0 0; 
}

#topmenu #current a {
	float:left; 
	color:#FFF; 
	/*border-bottom: 12px solid #000; 
	border-top: 3px solid #FF9C00; 
	padding: 0 10px 5px 10px;*/
}

#topmenu a:hover { 
	float:left;
	background-color:#868d89; 
	color:#FFF; 
	/*padding: 0 10px 5px 10px; 
	border-bottom: 12px solid #000; 
	border-top: 3px solid #FF9C00;*/
}
  
#topmenu .padding { 
	padding: 5px 0 0 10px; 
	font-weight: bold; 
}

#menuAo
{
	/*padding:5px 0 0 25px;
	height:500px;*/
	visibility: collapse;
	display: none;
}

#menuAo ul
{
	/*list-style-image:url(../images/puce_112.gif);
	padding:0px 0px 0px 0px;
	font-size:12px;
	font-style:normal;
	margin-top:5px;
	margin-left:140px;
	margin-top:7px;*/
	background-color: #ffeece;
	border-bottom:1px solid #c6d4e2;
	border-left:1px solid #c6d4e2;
	border-right:1px solid #c6d4e2;
	border-top:1px solid #c6d4e2;
	text-align:center;
	/*width:80px;
	height:18px;*/
}

#menuAo li 
{
	background-color: #ffeece;
}

#menuAO li:hover
{
	background-color:#d5dade;
	/*text-decoration: underline;*/
}

/* Conseils pour sidebar1 :
1. comme nous travaillons en unit�s relatives, il est pr�f�rable de ne pas utiliser de remplissage lat�ral pour l'encadr�. Pour les navigateurs conformes aux standards, il sera ajout� � la largeur globale, cr�ant ainsi une largeur r�elle inconnue. 
2. Comme nous utilisons des unit�s ems pour l'encadr�, ne pas oublier que sa largeur variera en fonction de la taille de texte par d�faut.
3. Pour cr�er un espace entre le c�t� de l'�l�ment div et les �l�ments qu'il contient, attribuez une marge gauche et une marge droite � ces �l�ments, comme dans la r�gle "#sidebar1 p".
*/
#sidebar1 {
	/*float: left;*/
	/*width: 16em; /* cet �l�ment est flottant, il faut donc lui attribuer une largeur */
	/*background: #FFF url(../images/bgBody01.gif) repeat-x top;*/
	/*padding-left: 0.5em;
	padding-top: 6em;
	position: absolute;*/
	visibility: collapse;
	display: none;
	width: 0px;
	
	
}

#sidebar1 h3, #sidebar1 p {
	margin-left: 10px; /* il est conseill� d'attribuer des valeurs pour les marges gauche et droite de chaque �l�ment qui sera plac� dans les colonnes lat�rales */
	margin-right: 10px;
}

#sidebar1 li
{
	/*list-style-image:url(../images/puce_112.gif);
	padding:0px 0px 0px 0px;
	font-size:12px;
	font-style:normal;
	margin-top:5px;*/
	list-style-type: none;
	margin-top:7px;
	background-color: #ffeece;
	border-bottom:1px solid #c6d4e2;
	border-left:1px solid #c6d4e2;
	border-right:1px solid #c6d4e2;
	border-top:1px solid #c6d4e2;
	text-align:center;
	width:12em;
	min-height:18px;
}

#sidebar1 li:hover
{
	background-color:#d5dade;
	/*text-decoration: underline;*/
}

/* Conseils pour mainContent :
1. L'espace compris entre les �l�ments mainContent et sidebar1 est cr�� avec la marge gauche de l'�l�ment div mainContent.  Quelle que soit la taille du contenu dans l'�l�ment div sidebar1, l'espace des colonnes reste pr�serv�. Vous pouvez supprimer cette marge gauche si vous souhaitez que le texte de l'�l�ment div #mainContent remplisse l'espace de l'�l�ment #sidebar1 lorsque le contenu de ce dernier se termine.
2. Veuillez noter qu'il est possible de provoquer une perte de l'�l�ment flottant (perte de la zone non flottante mainContent sous l'encadr�) si vous placez dans l'�l�ment divmainContent un �l�ment plus large que ce qu'il peut contenir. Avec une mise en page hybride (largeur g�n�rale en pourcentages avec un encadr� en ems), il peut �tre impossible de calculer la largeur exacte disponible. Si la taille de texte par d�faut d'un utilisateur est sup�rieure � la moyenne, l'�l�ment div de l'encadr� sera plus large et il y aura donc moins de place dans l'�l�ment div mainContent. N'oubliez jamais cette limitation, en particulier si le client doit ajouter du contenu avec Contribute.
3. Dans le commentaire conditionnel pour Internet Explorer ci-dessous, la propri�t� zoom permet de donner � l'�l�ment mainContent l'attribut "hasLayout." Cela �vite l'apparition de plusieurs bogues sp�cifiques d'Internet Explorer.
*/
#mainContent {
	/*background: #FFF url(../images/bgBody01.gif) repeat-x top relative;*/
	/*background-position: top 55px;*/
	/*padding: 1em 1em 4em 1em;
	margin-left: 17em;*/
	/*border-left: 1px dashed #000;*/
	/*height:540px;*/
	z-index: 0;
	position: absolute;
	/*left: -6px;
	top: 119px;*/
	top:0px;
	left: 0px;
	width: 900px;
	
} 

#footer {
	/*padding: 10px 10px;  ce remplissage correspond � l'alignement � gauche des �l�ments des div qui apparaissent au-dessus. */
	background: url(../images/bgFooter.gif) repeat-x top;
	color: #FF9C00;
	font: bold 0.7em Arial, sans-serif;
	bottom: 0px;
	height: 15px;
	width: 100%;
	position: fixed;
	left: 0px;
	visibility: hidden;
} 

#footer a { color:#FFCF83; text-decoration: none;}
#footer a:hover { color:#FFDF83; text-decoration: underline; }


/* =========================   Etape ======================= */

/* Diverses classes � r�utiliser */
.clearfloat { /* cette classe doit �tre plac�e pour un �l�ment div ou break et doit �tre l'�l�ment final avant la balise de fin d'un conteneur qui doit contenir enti�rement un �l�ment flottant */
	clear:both;
    height:0;
    line-height: 0px;
}




.cadreetape 
{
	display: block;
	
	width:100%;
        hieght:100px;
	text-align: center;
	vertical-align: middle;
	margin: auto;
	padding: auto;
}

.cadreetape img
{
	float: left;
}

.etape 
{
	display: block;
	float: left;
	min-width: 100px;
	max-width: 19%;
	height: 60px;
	text-align: center;
	background-color: #c6d4e2;
	margin-bottom: 10px;
	margin-top: 3px;
	overflow: none;
}

.active 
{
	/*border-color: #f79647;*/
	border-color: red;
	border: 3px;
	/*border: 0px;*/
	margin-top: 0px;
	border-bottom: 3px solid #f79647;
	border-top:3px solid #f79647;
}

div.bouton{
	margin-left:100px;
	margin-top:7px;
	background-color: #ffeece;
	border-bottom:1px solid #c6d4e2;
	border-left:1px solid #c6d4e2;
	border-right:1px solid #c6d4e2;
	border-top:1px solid #c6d4e2;
	text-align:center;
	width:80px;
	height:18px;
}


div.bouton:hover{
background-color:#d5dade;
}

.etapesliste {
	display: table;
	width: 100%;
	margin: auto;
	padding: auto;
	background-color: #eaf1f9;
	/*border: 1px dashed #859ed1;*/
	table-layout: fixed;
	
}

.etapesliste td, .etapesliste td, .etapesliste th {
	/*border: thin solid #6495ed;*/
	width: 15%;
	padding: 5px;
}



/*
dl {
position: relative;
width: 650px;
}

dt {


float: left;
width: 200px;
padding: 4px 0 2px 0;
text-align: left;
font-weight: bold;
background-color: #ebeff2;
}

dd {
float: left;
display:block;
width: 100%;
margin: 0 200px 8px 0;
padding-left: 6px;
}
*/

/* ======================== Formulaire Zend ============================== */ 
		dl.zend dt, dd { min-height: 30px; }
	dl.zend_form dt {
		/*float: left;
		clear: left;*/
		text-align: right;
		width: 200px;
		padding: 0 0 0 0;
		padding-right: 10px;
		margin-right: 10px;
		font-weight: bold;
		background-color: #ebeff2;
		height: 20px;
		
	}
	dl.zend_form dt label.required {
	font-weight: 600;
	background-color: #ebeff2;
	background-image: url("../images/form_field_required.png");
	background-repeat: no-repeat;
	background-position: right top;
	padding-right: 10px;
}
	dl.zend_form dd {
		/*float: right;
		clear: right;*/
		padding-left: 210px;
		margin-left: !important 220px;
		margin-left: 0px ;
		margin-top: -20px;		
		width: 400px;
	}
	
	dl.zend_form dd ul.errors {
		list-style: none;
		padding: 0;
		margin: 0;
	}
	
	dl.zend_form dd ul.errors li {
		/*float: left;*/
		margin: 0 0.15em;
		font-size: 12px;
		background: #FBE3E4; 
		color: #8a1f11; 
		border-color: #FBC2C4;
		border: 1px;
		height: 20px;
	}
/* ================= Tableau ============================= */ 
table
{
	border-bottom:1px solid #c6d4e2;
	border-left:1px solid #c6d4e2;
	border-right:1px solid #c6d4e2;
	border-top:1px solid #c6d4e2;
	padding:5px;
	border-spacing : 2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2B5A88;
	/*min-width: 70%;*/
}
th
{
	text-align:center;
	font-size:12px;
	padding:5px 0px 5px 0px;
	background-color: #b6b1f7;
	color : black;
	
}

th a 
{
	color : black;
}  
td
{
	/*padding:3px;*/
	font-size:14px;
	/*font-weight: bold;*/
	/*background-color:#daeae9;*/
	/*overflow:hidden; 
	/*white-space:nowrap; */
	/*text-overflow:ellipsis;*/
	border: 2px;
	border-color: white;
	text-align: center;
}
.blanc tr:hover, .gris tr:hover
{
	background-color: #d5dade;
}



.blanc
{
	background-color: #ffeeee;
	
}
.gris
{
	background-color: #e5ecf9;
	
}

.celluleBlanche
{
	background-color: white;
}



tr
{
	height: 15px;
	z-index : 1;
	border: 2px;
	border-color: white;
}

.blanc select, /*.blanc form, .blanc input,*/ .gris select, /*.gris form, .gris input */
{
	height: 20px;
	/*padding-top: 0px;
	padding-bottom: 0px;
	margin-bottom: 0px;
	margin-top: 0px; */
	/*top: -5px;*/
	z-index : 1;
	/*position:relative;*/
	/*top: -7px;*/
	margin-top: -7px;
	/*vertical-align: top;*/
	margin: 0 px;
	padding: 0 px;
	
	
}

.blanc a, .gris a 
{
	cursor: pointer;
}
.blanc div.contenant, .gris div.contenant
{
	  /*display : block;*/
	  border: 1px solid #000000;
	  background-color:#d5dade;
	  z-index: 30;
	  position: absolute;
	  /*margin-top: -15px;*/
	  right: 40px;
	  width: 400px;
	  top: 20 px;
	
	 margin-top : 20px;
	  
	  
}

.blanc div.contenant textarea, .gris div.contenant textarea
{
	  /*align: left;*/	
	  /*display: block;*/  
}

.ligneClient
{
	background-color: #F79647;
}

.description 
{
	display : block;
	 
}
.desc
{
	display: block; 
	overflow:hidden; 
	overflow-x: hidden; 
	overflow-y: auto; 
	overflow : -moz-scrollbars-vertical; 
}



hrAO 
{
	border: 3px;
}
.titleTab 
{
	color: #000;
	font-weight: bold;
}

.clicTitre
{
	 
	  background-color: #c6d4e2;
}

.clicCacher
{
	  top: -20px;
	  position: relative;
	  text-align:right;
}

.contenant
{
	  /*display : block;*/
	  border: 1px solid #000000;
}
/*===================== Cadre Bleu ========================*/
.cadrebleu  
{
	margin: auto;
	/*padding: 6px;*/
	min-height: 20px;
	width: 950px;
	background-color: #ECE9ED;
	border :3px solid #c6d4e2;
	border-top:15px solid #c6d4e2;
}

  .cadrebleu .titleTab 
{
		font-size: 14px;
		font-weight: normal;
		background-color: inherit;
		background-color: #ECE9ED;
		text-align: left;
		color : #1F919A;
		font-weight:bold;
		
		font-size: 20 px;
}

.cadrebleu table 
{
	color:#000;
	background-color : inherit;
	font-size: 14px;
	border:0px;
	text-align: left;
	/*width:auto;*/
}

.cadrebleu table.liste tr:hover 
{
	color:#000;
	background-color : #d5dade;
}

.cadrebleu DIV.contenant
{
	background-color: white;
}

.cadreinfo
{
	border-top: 8px;
	border-color : blue;
	border : 2px;
	dispay: block;
	background-color: #c6d4e2;
}

.cadrebleu HR
{
	color : #c6d4e2;
	height: 3px;
	background-color: #c6d4e2;
	border: 3px #c6d4e2;
}

table.liste
{
	border-bottom:1px solid #c6d4e2;
	border-left:1px solid #c6d4e2;
	border-right:1px solid #c6d4e2;
	border-top:1px solid #c6d4e2;
	padding:5px;
	border-spacing : 2px;
	font-family:Arial, Helvetica, sans-serif;
	color:#2B5A88;
	/*min-width: 70%;*/
	background-color: white;
	width: 95%;
	margin: auto;
	margin-bottom: 10px;
}

table.liste tr
{
	margin-bottom: 0px;
}

table.tableInfo td
{
	text-align: left;
}
/*===================== Search ========================*/


.search
{
	text-align:right;
	display: none;
	visibility: collapse;
	
}

.iconeliste
{
	height: 35px;
	width: 35px;
	 float :right;
	  position: relative;
	  text-align:right;
}

.paginationControl
{
	display: none;
	visibility: collapse;
}