/* les grands titres de chaque module */
/* ---------------------------------- */

  .grandtitre {font-family:Arial, Helvetica, sans-serif; font-size:13pt; color:#993333; font-weight:normal; }


/* --------------------------------------------------------------- */
/* les entetes */
/* --------------------------------------------------------------- */
  TABLE.entete {
	text-align : left;
}
  TR.entete {
	background-color: transparent;
}

TD.entete {color : #993333;
}

  .entete {margin-left:3px; margin-right:3px;font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#993333; font-weight:normal;}
  A.entete {margin-left:3px;margin-right:3px;font-family:Arial, Helvetica, sans-serif; font-size:8pt; color:#993333; font-weight:normal;}
  A.entete:hover {font-family:Arial, Helvetica, sans-serif;font-size:8pt; color:#ff6600; font-weight:normal; text-decoration: none;}
  
  .entetepage {font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#993333; font-weight:normal;}
  A.entetepage {font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#993333; font-weight:normal;}
  A.entetepage:hover {font-family:Arial, Helvetica, sans-serif; font-size:10pt; color:#993333; font-weight:normal;}

  TABLE.entete2 {}
  TR.entete2 {background-color:#ff6600;}
  DIV.entete2 {color : #993333;}

  TABLE.entete3 {
  BORDER-TOP: 0px; solid; BORDER-LEFT: 0px; BORDER-RIGHT: 0px; BORDER-BOTTOM:#000000 1px solid;
  background-color: transparent;
	border-bottom : thin dotted #1C5F36;
	border-top : thin dotted #1C5F36;}
  TR.entete3 {background-color:#DFDFFF;
  }

  DIV.titre2 h1 {background-color:#FFFFFF;	
  font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	color: #993333;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	height:30px;
	padding:5pt;
	}
  DIV.titre2 h2 {background-color:#FFFFFF;	
  font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	color: #993333;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	height:30px;
	padding:5pt;
	}

/* valeurs des menus (pour les menus créés par artiphp (identification zone membre)) */
/* --------------------------------------------------------------------------------- */

  /* titre des menus */
  .menutitre {font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#000000; font-weight:bold; }
  DIV.menu {}
  A.menu {color:#000000; text-decoration:none;}
  A.menu:hover {color:#000000; text-decoration:underline;}

/* valeurs des autres liens pour les modules */
/* ----------------------------------------- */

  /* mon premier menu en colonne */
  A.m:hover {font-family:Arial, Helvetica, sans-serif;color:#FFFFFF; text-decoration:underline; font-weight:bold; font-size:12px;}
  A.m {
  font-family:Arial, Helvetica, sans-serif;
  color:#FFFFFF; 
  text-decoration:none; 
  font-weight:bold; 
  font-size:12px;
  background-color : transparent;
}

  /* mon deuxieme menu en ligne */
  A.m1:hover {color:#FFFFFF; text-decoration:underline; font-weight:bold; font-size:11px;}
  A.m1 {color:#FFFFFF; text-decoration:none; font-weight:bold; font-size:11px;padding-right:5pt;padding-left:5pt;}


/* impression */
/* ---------- */

.imprime{background-color : transparent;}
#checkbox{background-color : transparent;
padding: 0px;
margin: 0px;}

/* menu breves (pour page accueil) */
/*---------------------------------*/

  /* breves */
  TABLE.menunews{}
  TR.menutitrenews {}
  TR.menutextenews {}
  A.menuliennews {font-weight:bold;}
  .menudatenews {color:#993333; font-weight:normal;}
  .menutitrenews {font-weight:bold;}
  .menutextenews {}
  A.menulien2news {font-weight:bold;}
  A.menusuitenews {font-weight:bold;}
 
  /* edito */
  TR.titredito {font-family:Arial, Helvetica, sans-serif; }
  TR.textedito {font-family:Arial, Helvetica, sans-serif; }
  .titredito {font-weight:bold;}
  .textedito {font-family:Arial, Helvetica, sans-serif; font-size:10px; }
  .menudateedito {color:#993333; font-weight:normal; }
  A.menusuiteedito {font-weight:bold;}
  
	/* breves */
	#menunews ul {padding:0 5 0 15; font-weight:normal;}
	#menunews li {list-style-type: square; }
	#menunews a {color:993333;font-weight:normal;font-size : 11px;}
	#menunews a:hover {color:#ff6600; font-weight:normal; text-decoration: none;}
  	#menunews span {color:#993333;  font-size : 10px;}
	
	.menusuitenews {font-weight: bold; margin-left: 150px}
	
	#menufaq ul {padding:0 5 0 15; font-weight:normal;}
	#menufaq li {list-style-type: square;}
	#menufaq a {color:993333;font-weight:normal;font-size : 11px;}
	#menufaq a:hover {color:#ff6600; font-weight:normal; text-decoration: none;}
  	#menufaq span {color:#993333;  font-size : 10px;}

	
	
	#menuforum ul {padding:0 5 0 15; font-weight:normal;}
	#menuforum li {list-style-type: square; }
	#menuforum a {color:993333;font-weight:normal;font-size : 11px;}
	#menuforum a:hover {color:#ff6600; font-weight:normal; text-decoration: none;}
  	#menuforum span {color:#993333; font-size : 10px;}

	#menuedito {margin-bottom:1em; margin-left:1em; font-size:11px;color:#993333;}
  	#menuedito h1 {font-size : 13pt; font-weight:bold;color:#ff6600; margin-right:0.5em ; margin-top: 0; margin-bottom: 0}
  	#menuedito h2 {font-size : 12pt; font-weight:bold;color:#ff6600; margin-right:0.5em ; margin-top: 0; margin-bottom: 0}
	#menuedito td {margin-bottom:1em; margin-left:1em; font-size:11px;color:#993333;}
	#menuedito span {color:#993333;  font-size : 10px;}
	#menuedito a {color:#993333; font-weight:bold; }
	#menuedito a:hover {color:#ff6600; font-weight:bold; text-decoration: none;}
		
		
		
		/* edito */
	#edito {margin-bottom:1em; margin-left:1em; font-size:11px;color:#993333;}
	#edito td {margin-bottom:1em; margin-left:1em; font-size:11px;color:#993333;}
  	#edito h1 {font-size : 13pt; font-weight:bold;color:#ff6600; margin-right:0.5em ; margin-top: 0; margin-bottom: 0}
	#edito span {color:#993333;  font-size : 10px;}
	#edito a, a:hover {color:#993333; font-weight:bold; }
	
	#index {margin-bottom:1em; font-size:11px;color:#993333;}
	#index td.hometop {background:url(../../templates/temp/patchwork/bandeau_home.jpg) no-repeat;}
	#index td.homemilieu {margin-bottom:1em; margin-left:1em; font-size:11px;color:#993333;background:url(../../templates/temp/patchwork/box_m_milieu01.gif) repeat-y bottom;}
  	#index h1 {text-align:left;font-size:18px; font-weight:bold;color:#ff6600; margin-left:100px ; margin-top:10px; margin-bottom: 2px;}
  	#index h2 {text-align:left;font-size:17px; font-weight:bold;color:#993333; margin-left:150px ; margin-top: 0; margin-bottom: 0}
	#index span {color:#993333;  font-size : 10px;}
	#index a, a:hover {color:#993333; font-weight:bold; }
	#index td.home00 {
	font-size:16pt;
	color:#FFFFFF;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;
	border-bottom: #FF6600 1px solid; 
	border-left: #FF6600 1px solid; 
	border-right: #FF6600 1px solid; 
	border-top: #FF6600 1px solid;}
	#index td.home5 {
	font-size:16pt;
	color:#33CCFF;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;
	border-bottom: #33CCFF 1px solid; 
	border-left: #33CCFF 1px solid; 
	border-right: #33CCFF 1px solid; 
	border-top: #33CCFF 1px solid;}
	#index td.home2 {
	font-size:16pt;
	color:#41BBA2;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;
	border-bottom: #41BBA2 1px solid; 
	border-left: #41BBA2 1px solid; 
	border-right: #41BBA2 1px solid; 
	border-top: #41BBA2 1px solid;}

	#index td.home3 {
	font-size:16pt;
	color:#CC0099;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;
	border-bottom: #CC0099 1px solid; 
	border-left: #CC0099 1px solid; 
	border-right: #CC0099 1px solid; 
	border-top: #CC0099 1px solid;}
	#index td.home7 {
	font-size:16pt;
	color:#FF3366;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;
	border-bottom: #FF3366 1px solid; 
	border-left: #FF3366 1px solid; 
	border-right: #FF3366 1px solid; 
	border-top: #FF3366 1px solid;}
	#index td.home13 {
	font-size:16pt;
	color:#99CC00;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;
	border-bottom: #99CC00 1px solid; 
	border-left: #99CC00 1px solid; 
	border-right: #99CC00 1px solid; 
	border-top: #99CC00 1px solid;}
	#index td.home4 {
	font-size:16pt;
	color:#CC3333;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;
	border-bottom: #CC3333 1px solid; 
	border-left: #CC3333 1px solid; 
	border-right: #CC3333 1px solid; 
	border-top: #CC3333 1px solid;}
	#index td.home6 {
	font-size:16pt;
	color:#F3B652;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;
	border-bottom: #F3B652 1px solid; 
	border-left: #F3B652 1px solid; 
	border-right: #F3B652 1px solid; 
	border-top: #F3B652 1px solid;}
	#index td.home8 {
	font-size:16pt;
	color:#FF6600;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;
	border-bottom: #FF6600 1px solid; 
	border-left: #FF6600 1px solid; 
	border-right: #FF6600 1px solid; 
	border-top: #FF6600 1px solid;}
	#index td.home10 {
	font-size:16pt;
	color:#7131F6;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;
	border-bottom: #7131F6 1px solid; 
	border-left: #7131F6 1px solid; 
	border-right: #7131F6 1px solid; 
	border-top: #7131F6 1px solid;}
	#index div.home_texte {
	font-size:16px;
	color:#993333;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;}
	#index div.home_texte5 {
	font-size:16px;
	color:#33CCFF;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;}
	#index div.home_texte2 {
	font-size:16px;
	color:#41BBA2;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;}
	#index div.home_texte2 a, div.home_texte2  a:hover{
	color:#41BBA2;
	style:underline;}
	#index div.home_texte3 {
	font-size:16px;
	color:#CC0099;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;}
	#index div.home_texte7 {
	font-size:16px;
	color:#FF3366;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;}
	#index div.home_texte13 {
	font-size:16px;
	color:#99CC00;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;}
	#index div.home_texte6 {
	font-size:16px;
	color:#F3B652;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;}
	#index div.home_texte4 {
	font-size:16px;
	color:#CC3333;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;}
	#index div.home_texte8 {
	font-size:16px;
	color:#FF6600;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;}
	#index div.home_texte10 {
	font-size:16px;
	color:#7131F6;
	font-weight:bold;
	margin-right:5px;
	margin-left:5px ;
	margin-top:5px ;
	text-align:left;}


/* copyright */
/* --------- */
#copyright{
	clear : both;
	letter-spacing : 1px;
}
.copyright { font-size:10px;color:#FFFFFF; text-align : center; font-size : 10px;font-family:Arial, Helvetica, sans-serif; }
.copyright a { font-weight:bold;font-size:10px;color:#FFFFFF; text-decoration : none;font-family:Arial, Helvetica, sans-serif;}
.copyright a:hover { font-size:10px;color:#FFFFFF; text-decoration : none;font-family:Arial, Helvetica, sans-serif;}


/*** Mise en forme du formulaire ***/

#formulaire {
	border: none;
	margin: 0;
	padding: 0;
	width: 80%;	/*** Largeur du formulaire ***/
}
#titreFormulaire, {	/*** Mise en forme du titre et du pied de formulaire ***/
	
 	 font-family:Arial, Helvetica, sans-serif;
	font-size:13pt;
	color: #993333;
	font-weight:bold;
	text-align:left;
	vertical-align:middle;
	height:30px;
	padding:5pt;
	}
#pied_formulaire {
	text-align: center; /*** Les boutons sont alignés à droite ***/

}

#pied_formulaire p{
	text-align: justify;
	font-weight:normal;
	font-family: Arial,sans-serif;
	color:#512929;
	font-size: 80%;

	margin: 0px;
	padding: 5px 15px 5px 5px;
}
#pied_formulaire input {
	font-weight: bold; /*** Pour améliorer la lisibilité des boutons ***/
	margin-left: 1em;
	color:#993333;
}
#corpFormulaire {	/*** Mise en fome du corp du formulaire (bordure, couleur du fond...) ***/
	/*border: 1px solid black;*/
	color: #993333;
	/*background: #efefef;*/

	margin: 0;

}
#corpFormulaire fieldset {	/*** Mise en forme des cadres ***/
	margin: 0;
	font-style: normal;
	padding: 0 1em 1em; /*decalage entre le txt (email) et le bord du fielset*/
	margin-bottom:10px;
}
#corpFormulaire legend {	/*** Mise en forme des titres des cadres ***/
	font-weight: bold;
	color:#993333;
	background: transparent;
	font-size:13px;
}
#corpFormulaire p {	/*** Mise en forme des lignes du formulaire ***/
	padding: 0 0;
	margin: 0 0 0 0;
	align:left;
}
#corpFormulaire fieldset.field_groupe_formulaire label {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 80%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin:0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	display:inline;
}

#corpFormulaire fieldset.field_groupe_formulaire label.normal {	/*** Mise en forme des intitulés de champs ***/

text-align:left;
display:inline;
}


#corpFormulaire fieldset.field_groupe_formulaire label.mini {	/*** Mise en forme des intitulés de champs ***/
	float: left;	/*** Très important, ne pas suprimer ! ***/
	width: 50%;	/*** Les intitulés prennent 1/3 de la largeur totale du formulaire... ***/
	text-align: right;	/*** ... et ils sont alignés à droite... ***/
	margin: 0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
}



#corpFormulaire label:hover, #pied_formulaire input {
	cursor: pointer;	/*** Petite astuce pour apprendre aux utilisateurs à cliquer sur les intitulés ***/
}
#corpFormulaire label.oblig {
	font-weight: bold;	/*** Mise en évidence des champs obligatoires ***/
}
#corpFormulaire .legende {	/*** Mise en forme des aides contextuelles ***/
	font-style: italic;
	color: #666;
	background: transparent;
	margin: 0;
	padding: 0;
}
#corpFormulaire a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
#corpFormulaire a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0;
	padding: 0;
	border: 0;
}
#corpFormulaire a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
#corpFormulaire .focus {	/*** Mise en avant des champs en cours d'utilisation ***/
	background: beige;
	color: black;
}
#corpFormulaire .normal {	/*** Retour à l'état normal après l'utilisation ***/
	background: white;
	color: black;
}

/*** Mise en forme des messages d'erreur ***/

#corpFormulaire .alerte {	/*** Mis en évidence des champs mal renseignés ***/
	border: 1px solid red;
}
#corpFormulaire .messageAlerte {	/*** Mise en forme des message d'alerte ***/
	display: block;
	margin: 0 0 .3em .3em;
	padding-left: 2em;
	color: red;
	font-weight: bold;
	background: url('icon_alert.gif') no-repeat left center;
}

#corpFormulaire .obligatoire {	/*** Mise en forme des etoiles ***/
	margin:0;
	padding: 0 .5em 0 0;
	line-height: 1.8;	/*** ... et centrés verticalement. ***/
	display:inline;
	color:red;
	font-weight:bold;
	font-size:16px;
}


div.groupe_formulaire{
	/*position:relative;*/
	/*background-color:blue;*/
	clear:both;
	margin:0;
	padding:0;
	width:540px;
/*	border: 1px solid black;*/
}

p.formulaire_intitule{
	float:left;
	width:160px;
	/*background-color:green;*/
	margin:0;
	padding:0;
	text-align:left;
}

p.formulaire_emprunteur{
	float:left;
	width:190px;
/*	background-color:red;*/
	margin:0;
	padding:0;
}

p.formulaire_coemprunteur{
	float:left;
	width:190px;
/*	background-color:yellow;*/
	margin:0;
	padding:0;
}
p.formulaire_commun{
	float:left;
	width:380px;
	margin:0;
	padding:0;
	/*background-color:purple;*/
}

p.formulaire_total{
	width:540px;
	margin:0;
	padding:0;
	/*background-color:purple;*/
}

hr.separation_form
{
	clear:both;
	visibility:hidden;
	margin: -0.5em 0;
	padding:0;
}





/* Mise en forme des bulles d'aide*/ 
a.info_aide {
	position:relative;
	text-decoration:none;
	color:black;
	cursor:default;
	/*border-bottom: 1px gray dotted;*/
}

a.info_aide span {
	display:none;
}
a.info_aide:hover {
	background:none;
	text-decoration:none;
	cursor:default;
}

a.info_aide:hover span {
	display:inline;
	position:absolute;
	z-index:500;
	top:30px;
	left:20px;
	background:#F19A1B;
	text-align:center;
	color:white;
	padding: 5px;
}

a.info_aide2 {
	position:relative;
	text-decoration:none;
	color:black;
	cursor:default;
	/*border-bottom: 1px gray dotted;*/
}

a.info_aide2 span {
	display:none;
}
a.info_aide2:hover {
	background:none;
	text-decoration:none;
	cursor:default;
}

a.info_aide2:hover span {
	display:inline;
	position:absolute;
	z-index:500;
	top:30px;
	left:-500px;
	background:#F19A1B;
	text-align:center;
	color:white;
	padding: 5px;
}
td.box_250 {
background:#FFFFFF;
	border-bottom: #FF6600 0px solid; 
	border-left: #FF6600 1px solid; 
	border-right: #FF6600 1px solid; 
	border-top: #FF6600 0px solid;
	color: #FF6600;
}
#lexique_ligne table {	/*** Lexique ***/
	background:#ff6600;
	
}
#lexique_ligne a,td {
font-family:Arial, Helvetica, sans-serif; font-size:11px; color:#993333; font-weight:normal;text-decoration:none;
}
#lexique_ligne a.big {
font-family:Arial, Helvetica, sans-serif; font-size:13px; color:#993333; font-weight:bold;text-decoration:none;
}

 DIV.dossiers {width:98%;margin-top:2em;color:#993333;}
 DIV.dossiers td {background:url(../../templates/temp/patchwork/box_m_milieu01.gif) repeat-y bottom;color:#993333;
 }
  DIV.dossiers_titre {
  color: #993333;margin-left:10px;}
	DIV.dossiers_titre h1 {background-color:transparent;	
  	font-family:Arial, Helvetica, sans-serif;
	font-size:15pt;
	color: #993333;
	font-weight:bold;
	text-align:left;
	margin:0;
}
	DIV.dossiers_titre h2 {color: #993333;font-size:13pt;margin:0;}
	DIV.dossiers_titre span {display:block;text-align:right;#color: #993333;}

  DIV.dossiers_texte {padding-left:1.5em;padding-right:1.5em;color: #993333;font-size:11px;}
	DIV.dossiers_texte A {font-size:12px;text-decoration: none;font-weight:bold;}
	DIV.dossiers_texte A:hover { font-weight:normal;text-decoration: underline;}

  DIV.milieu_titre {
  color: #993333;margin-left:10px;}
	DIV.milieu_titre h1 {background-color:transparent;	
  	font-family:Arial, Helvetica, sans-serif;
	font-size:15pt;
	color: #993333;
	font-weight:bold;
	text-align:left;
	margin:0;
}
	DIV.milieu_titre h2 {color: #993333;font-size:13pt;margin:0;}
	DIV.milieu_titre span {display:block;text-align:right;#color: #993333;}

  DIV.milieu_texte {padding-left:1.5em;padding-right:1.5em;color: #993333;font-size:11px;}
	DIV.milieu_texte A {font-size:12px;text-decoration: none;font-weight:bold;}
	DIV.milieu_texte A:hover { font-weight:normal;text-decoration: underline;}