@charset "utf-8";
/* CSS Document */

body{
	width:100%;
	height:100%;
	margin:0;
	padding:0;
	background-color: #b9aca9;
	background-image: url(/charte/structure_generale/fond.gif);
	background-repeat: repeat-x;
	background-position: left top;
	font-family: Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#4e2222;
}

#centrage{
  width:975px;
  height:100%;
  margin-left:auto;
  margin-right:auto;
  position:absolute;
  left:50%;
  margin-left:-490px;
}

p {
	margin: 0px;
	padding: 0px;
}

/*Interface, img avec bloc entete*/

#interface{
	width:975px;
	margin: 0 0 0 0;
}

/*Header*/

#header{
	width:967px;
	height:93px;
	margin:10px auto 0 auto;
	background-image: url(/charte/header/header_fond.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}

/* Logo, accroche */

#header #logo{
  width:121px;
  height:112px;
  margin:0 0 0 20px;
  padding:0;
  position:absolute;
  top:10px;
  z-index:1000;
}

#header #accroche {
	width:691px;
	margin: 0 auto 0 auto;
	padding: 10px 0 0 0;
	font-size: 15px;
	font-weight:bold;
	color: #d4baba;
	text-align: center;
}

#menu {
	position:absolute;
	width:580px;
	height:20px;
	margin: 24px 0 0 200px;
	float:left;
}

#menu ul{
  margin:0 0 0 0;
  padding:0;
  list-style-type:none;
}

#menu ul li{
  width:120px;
  height:15px;
  margin:0;
  float:left;
  background:none;
  padding: 0 30px 0 30px;
}

/* Colonnes*/
.zone_gauche {
	background-color: #60170a;
	background-image: url(/charte/zone_gauche/fond_gauche.jpg);
	background-repeat: no-repeat;
	background-position: top;
}

.zone_droite {
	background-color: #826767;
	background-image: url(/charte/zone_droite/fond_droite.gif);
	background-repeat: no-repeat;
	background-position: top;
}

.centre {
	background-image: url(/charte/structure_generale/visuel_home.jpg);
	background-repeat: no-repeat;
	background-position: left 100px;
}

#officiel {
	margin: 420px 0 0 0;
	text-align: center;
}

#droite_titre1 {
	position:absolute;
	margin: 30px 0 0 0;
	text-align: left;
	font-size: 15px;
	
}

#droite_titre1 a{
	width:237px;
	height:30px;
	display:block;
	padding: 10px 0 0 30px;
	text-decoration:none;
	color: #FFF;
	background-image: url(/charte/zone_droite/t2_depot.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 0 30px;
}

#droite_titre1 a:hover{
	width:237px;
	height:30px;
	display:block;
	padding: 10px 0 0 30px;
	text-decoration:none;
	color: #FFF;
	background-image: url(/charte/zone_droite/t2_depot_on.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 0 30px;
}

#droite_titre2 {
	position:absolute;
	font-size: 15px;
	margin: 80px 0 0 0;
	text-align: left;	
}

#droite_titre2 a{
	width:227px;
	height:30px;
	display:block;
	padding: 10px 0 0 30px;
	text-decoration:none;
	color: #FFF;
	background-image: url(/charte/zone_droite/t1_paiement.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 0 30px;
}

#droite_titre2 a:hover{
	width:227px;
	height:30px;
	display:block;
	padding: 10px 0 0 30px;
	text-decoration:none;
	color: #FFF;
	background-image: url(/charte/zone_droite/t1_paiement_on.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 0 30px;
}

#droite_titre4 {
	position:absolute;
	font-size: 15px;
	margin: 185px 0 0 0;
	text-align: left;	
}

#droite_titre4 a{
	width:227px;
	height:30px;
	display:block;
	padding: 10px 0 0 30px;
	text-decoration:none;
	color: #FFF;
	background-image: url(/charte/zone_droite/t4_constat.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 0 30px;
}

#droite_titre4 a:hover{
	width:227px;
	height:30px;
	display:block;
	padding: 10px 0 0 30px;
	text-decoration:none;
	color: #FFF;
	background-image: url(/charte/zone_droite/t4_constat_on.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 0 30px;
}


#droite_titre3 {
	position:absolute;
	font-size: 15px;
	margin: 130px 0 0 0;
	text-align: left;	
}

#droite_titre3 a{
	width:227px;
	height:30px;
	display:block;
	padding: 10px 0 0 30px;
	text-decoration:none;
	color: #FFF;
	background-image: url(/charte/zone_droite/t3_client.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 0 30px;
}

#droite_titre3 a:hover{
	width:227px;
	height:30px;
	display:block;
	padding: 10px 0 0 30px;
	text-decoration:none;
	color: #FFF;
	background-image: url(/charte/zone_droite/t3_client_on.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 0 30px;
}

#droite_titre5 {
	position:absolute;
	font-size: 15px;
	margin: 240px 0 0 0;
	text-align: left;	
}

#droite_titre5 a{
	width:227px;
	height:30px;
	display:block;
	color: #FFF;
	text-decoration:none;
	background-image: url(/charte/zone_droite/t5_contact.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 0 30px;
}

#droite_titre5 a:hover{
	width:227px;
	height:30px;
	display:block;
	color: #FFF;
	text-decoration:none;
	background-image: url(/charte/zone_droite/t5_contact_on.gif);
	background-repeat: no-repeat;
	background-position: left;
	padding: 10px 0 0 30px;
}

#droite_encart5 {
	margin:280px 0 0 0;
	padding: 0 0 0 26px;
	font-size: 12px;
	color: #FFF;
	text-align: left;
}

#droite_encart5 a{
	color:#FFF;
	text-decoration:none;
}

#droite_encart5 a:hover{
	color:#FFF;
	text-decoration:underline;
}

#div_contenu {
	width:540px;
	text-align:left;
	margin : 0 auto 0 auto;
}



#div_contenu #visuel_depot {
	float:left;
	margin-right:10px;
}

#div_contenu ul {
	margin:0;
	padding:0 0 10px 0;
	list-style:none;
}

#div_contenu ul li {
	font-size: 16px;
	font-weight:bold;
	color: #701717;
	background-image: url(/charte/structure_generale/puce.gif);
	background-repeat: no-repeat;
	background-position: left 7px;
	padding: 0 0 0 10px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #701717;
}

/*Index*/

#index_accroche {
	width:503px;
	margin: 15px auto 0 auto;
	font-size: 20px;
	color: #4b2325;
	text-align:left;
}

#index_contenu {
	height:290px;
	margin : 30px 0 12px 0;
	font-size:15px;
	font-weight:bold;
	text-align:left;
}

#index_menu{
	margin:10px 0 0 0;
	padding:0;
	height:306px;
	text-align:left;
	font-size:15px;
	font-weight:bold;
	text-align:left;
}

#index_menu #menu1{
	position:absolute;
	margin: 180px 0 0 5px;
	width:150px;
	z-index:4000;
}

#index_menu #menu2{
	position:absolute;
	margin: 60px 0 0 50px;
	width:200px;
	z-index:5000;
}

#index_menu #menu3{
	position:absolute;
	margin: 10px 0 0 190px;
	width:150px;
	z-index:6000;
}

#index_menu #menu4{
	position:absolute;
	margin: 55px 0 0 350px;
	width:150px;
	z-index:3000;
}

#index_menu #menu5{
	position:absolute;
	margin: 165px 0 0 330px;
	width:200px;
	z-index:2000;
}

#index_menu #menu6{
	position:absolute;
	margin: 265px 0 0 350px;
	width:250px;
	z-index:1000;
}

#index_bas {
	width:100%;
	height:156px;
	margin:0;
	background-color: #711818;
}

#index_bas #urgence {
	float:left;
	width:290px;
	padding:5px 0 0 0;
}

#index_bas #competence {
	float:right;
}

/*Textes*/
/*Coul1 : #FFFFFF, coul2 : #701717, coul par defaut:#4e2222*/

h1 {
	margin: 0px;
	padding: 0px;
}

h2 {
	margin: 0px;
	padding: 0px;
}

h3 {
	margin: 0px;
	padding: 0px;
}

.text_coul2 {
	color:#006699;
}

.titre1_coul2 {
	color:#006699;
	padding: 0 0 5px 0;
	font-weight:bold;
	font-size:14px;
}

.text_pt {
	font-size:10px;
}

.text {
	color:#4e2222;
}

/*Infobulle*/

/* Rend invisible tout notre bloc span */
a.info_bulle span {								   
    position : absolute;
    top: -2000em;
    left: -2000em;
    width: 1px;
    height: 1px;
    overflow : hidden; 
    background:#FFFFFF;   /* Définition du fond, sinon on a le même que notre lien */
    border:1px solid #701717; /* Définition des bordures */
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	padding:5px;
	margin:20px 0 0 0;
	z-index:10000;
} 

a.info_bulle {				
  color: #4b2325;
  text-decoration : none; 
  padding : 5px; /*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  position: relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
  z-index:10000;
}  
 
a.info_bulle:hover {
  border: 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
  color: #701717;
  text-decoration : none; 
  z-index:10000;
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle:hover span, a.info_bulle:focus span, a.info_bulle:active span {
  top:  auto;
  left:  auto;
  width:  340px;
  height:  auto;
  overflow:  visible;
  z-index:10000;
}    

a.info_bulle2 span {								   
    position : absolute;
    top: -2000em;
    left: -2000em;
    width: 1px;
    height: 1px;
    overflow : hidden; 
    background:#FFFFFF;   /* Définition du fond, sinon on a le même que notre lien */
    border:1px solid #701717; /* Définition des bordures */
	font-size:12px;
	font-weight:normal;
	text-align:justify;
	padding:5px;
	margin:40px 0 0 0;
	z-index:10000;
} 

a.info_bulle2 {				
  color: #4b2325;
  text-decoration : none; 
  padding : 5px; /*Définition des marges intérieures de notre lien */
  /* Définition de l'arrière plan de notre lien */
  position: relative; /* Indispensable pour le bon positionnement de l'info-bulle */ 
  z-index:10000;
}  
 
a.info_bulle2:hover {
  border: 0;  /* ligne qui corrige le bug d'IE6 et inférieur */
  color: #701717;
  text-decoration : none; 
  z-index:10000;
}  

/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle2:hover span, a.info_bulle2:focus span, a.info_bulle2:active span {
  top:  auto;
  left:  auto;
  width:  340px;
  height:  auto;
  overflow:  visible;
  z-index:10000;
}     

/*Liens*/

a {
	color: #4e2222;
	text-decoration: none;
}

a:hover {
	color: #701717;
	text-decoration: underline;
}

a.liennormal {
	color: #4e2222;
	text-decoration: none;
}

a.liennormal:hover {
	color: #701717;
	text-decoration: none;
}

a.liencoul2 {
	color: #701717;
	text-decoration: none;
}

a.liencoul2:hover {
	color: #701717;
	text-decoration: underline;
}

a.liencoul2_normal {
	color: #701717;
	text-decoration: none;
}

a.liencoul2_normal:hover {
	color: #701717;
	text-decoration: none;
}

/* Footer*/

#footer {
	width:962px;
	height:26px;
	clear:both;
	margin: 0 0 0 9px;
	font-size:10px;
	color:#FFF;
	background-image: url(/charte/footer/fond_footer.gif);
	background-repeat: no-repeat;
	background-position: top;
}

#footer ul {
	margin:0 40px 0 0;
	padding:0;
	list-style-type:none;
}

#footer ul li {
	width:180px;
	height:15px;
	margin:0;
	float:right;
	background:none;
	padding: 3px 0 0 0;
	text-align:right;
}

#footer a {
	color:#FFF;
	text-decoration:none;
}

#footer a:hover {
	color:#FFF;
	text-decoration:underline;
}

/*Formulaire*/

form {
	margin:0;
	padding:0;
}

input, select {
	font-size:11px;
	width:200px;
	height:18px;
	margin: 3px 0 3px 0;
	padding:0;
	background-color: #FFF;
	border: 1px solid #4e2222;
}

textarea {
	width:99%;
	background-color: #FFF;
	border: 1px solid #4e2222;
	font-size:11px;
}

input.code {
	width:80px;
}

input.check {
	height: 18px;
	width: 18px;
	border:none;
	background-color: #b9aca9;
}

.fichier {
	height:25px;
	font-size:11px;
}

.bouton {
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	height: 28px;
	width: 145px;
	border:none;
	padding: 0 0 10px 0;
	background-image: url(/charte/boutons/bouton.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}

.bouton_on {
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	height: 28px;
	width: 145px;
	border:none;
	padding: 0 0 10px 0;
	background-image: url(/charte/boutons/bouton_on.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}

label {
	display:block;
	float:left;
	width: 100px;
	padding: 5px 0 0 0;
	margin:0 0 0 0;
}

/*Page espace debiteur*/

#div_debiteur {
	width:540px;
	padding: 20px 0 0 0;
	text-align:left;
}

form.form_debiteur {
	width:480px;
	margin:0 0 0 30px;
}

#div_debiteur h2 {
	color:#4b2325;
	text-align:left;
	font-weight:normal;
	font-size:18px;
	margin:0 0 15px 0;
	border-bottom:solid 1px #4b2325;
}

#div_debiteur ul {
	list-style: none;
	margin: 0px;
	padding:0px;
}

#div_debiteur .label_debiteur {
	display:block;
	float:left;
	width: 130px;
	padding: 5px 0 0 0;
	margin:0 0 0 0;
}

/*Page espace clients*/

#div_clients {
	width:540px;
	padding: 60px 0 0 0;
	text-align:left;
}

form.form_client {
	margin: 0 0 0 100px;
}

#div_clients ul {
	list-style: none;
	margin: 0 0 0 100px;
	padding:0px;
}

/*Page paiement*/

#div_paiement {
	width:540px;
	padding: 40px 0 0 0;
	text-align:left;
	margin : 0 auto 0 auto;
}

#div_paiement p {
	margin:0px;
	padding:0px;
}

#div_paiement h2 {
	color:#4b2325;
	text-align:left;
	font-weight:normal;
	font-size:18px;
	margin:0 0 15px 0;
	border-bottom:solid 1px #4b2325;
}

#div_paiement .label_paiement {
	display:block;
	float:left;
	width: 130px;
	padding: 5px 0 0 0;
	margin:0 0 0 0;
}

form.form_paiement {
	width:480px;
	margin:0 0 0 30px;
}

#div_paiement label {
	display:block;
	float:left;
	width: 100px;
	padding: 5px 0 0 0;
}

#div_paiement ul {
	list-style: none;
	margin: 0 0 0 0;
	padding:0px;
}

#div_paiement #logo {
	float:right;
}

.bouton_etape {
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	height: 28px;
	width: 145px;
	text-align:left;
	border:none;
	padding: 0 0 10px 2px;
	background-image: url(/charte/boutons/btn_etape.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}

.bouton_etape_on {
	font-size: 14px;
	font-weight:bold;
	color: #FFF;
	height: 28px;
	width: 145px;
	text-align:left;
	border:none;
	padding: 0 0 10px 2px;
	background-image: url(/charte/boutons/btn_etape_on.gif);
	background-repeat: no-repeat;
	cursor:pointer;
}

.select_paiement {
	width:auto;
}