/***********************************************
* Feuille de style pour l'internet de la-sofia *
************************************************/
  /**************************
* Commun a toutes les pages *
*****************************/
body,td,th {
  font-size: 12px;
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  margin: 0;
}

.stylesoustitre {
	font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	color: #706d72;
	padding-left: 20px;
	padding-top:5px;
	margin:1px;
}
.styletexteblanc {
	font-size: 12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #000000;
	padding-left: 0px;
	padding-top:0px;
}
.styletextegris {
	font-size: 12px;
	font-weight:bold;
	font-family: Arial, Helvetica, sans-serif;
	color: #706d72;
	padding-left: 0px;
	padding-top:0px;
}

.bloccadre {
	width: 743px;
	border-color:#d98700;
	border-width:1px;
	border-style:solid;
	/*height:244px;*/
}

.bloclogin {
	border-width:0px;
	/*height:84px;*/
 	background-color: #F6F5F3;
	margin-top:15px;
	padding-left:20px;
	padding-top:0px;
}

.bloclien {
	border-width:0px;
	/*height:91px;*/
 	background-color: #ffffff;
	margin-top:0px;
	padding-left:20px;
}
.bloclien img {
    vertical-align:middle;
    margin-right:5px;
}
.spacer{
 	height: 1px;
	width: 1px;
	display:block;
	font-size:1px;
	line-height:0
 }
 .spacer5{
 	height: 5px;
	width: 5px;
	display:block;
 }
 .spacer7{
 	height: 7px;
	width: 7px;
	display:block;
 }
 
 #boutoncourt a.boutonsimple {
	display: inline-block;
	border:0px;
	height: 24px;
	width: 92px;
	vertical-align: middle;
	background: url(../images/bouton/texte-court.gif) 0 0 no-repeat;
	color: #FFFFFF;	
	margin-left:0px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom:0px;	 
	text-align:center;
	text-decoration:none;
	padding-top:5px;
	padding-left:19x;
	padding-right:0x;
	padding-bottom:0px;
	
	font-weight:bold;
    }
	
 #boutoncourt a:hover.boutonsimple {
 	color: #000000;	
 	text-decoration:none;
    }
		  
 #boutonmoyen a.boutonsimple {
	display: inline-block;
	border:0px;
	height: 24px;
	width: 157px;
	vertical-align: middle;
	background: url(../images/bouton/texte-moyen.gif) 0 0 no-repeat;
	color: #FFFFFF;	
	margin-left:0px;
	margin-right:1px;
	margin-top:0px;
	margin-bottom:0px;	 
	text-align:center;
	text-decoration:none;
	padding-top:4px;
	padding-left:12x;
	padding-right:0x;
	font-weight:bold;
    }
	
 #boutonmoyen a:hover.boutonsimple {
 	color: #000000;	
 	text-decoration:none;
    }
    
a {
  font-size: 12px;
  color: #000000;
}

a:visited {
  color: #000000;
  text-decoration: none;
}

a:hover {
  color: #CF011E;
  text-decoration: none;
}

a:active {
  color: #000000;
  text-decoration: none;
}

a:link {
  text-decoration: none;
}

.utilisateur {
  font-size: 14px;
  font-weight: bold;
}

.connexion {
  font-size: 14px;
}

.corps {
  color: #000000;
}

.liens_utile {
  font-size: 12px;
  font-weight: bold;
}

.couleur {
  color: #CF011E;
}

.titre_1 {
  color: #CF011E;
  font-size: 12px;
  font-weight: bold;
}

.Titre {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #CF011E;
  font-weight: bold;
}

.intituler_formulaire {
  font-size: 11px;
}

.details {
  font-size: 9px;
  font-style: italic;
}

.messerr {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #FF0000;
  font-weight: bold;
  text-align: center;
  background-color: #FFFF00;
}

.messinfo {
  font-size: 14px;
  font-family: Arial, Helvetica, sans-serif;
  color: #0000FF;
  font-weight: bold;
  text-align: center;
}

/**************
* Formulaires *
***************/
input,select {
  font-size: 9px;
}

.entete_formulaire {
  color: #CF011E;
  font-weight: bold;
}

.mandatory_input {
  background-color: #FFFF00;
}

.next_page {
        width:74px;
        height:19px;
        border:none;
}

.next_page:hover{
        cursor: pointer
}

/************
* Connexion *
*************/
.texte_presentation {
  text-align: justify;
}

/**************************************
* Demande de Gencod  et mot de passe  *
***************************************/
.intituler {
  font-weight: bold;
  font-size: 10px;
  color: #CF011E;
}

/*****************************
* creation des declarations  *
******************************/
.details_modification {
  background-color: #FFFF00;
  font-size: 11px;
  font-style: italic;
  color: #CF011E;
}

/*************************
* voir les declarations  *
**************************/
.titre_tableau {
  color: #FFFFFF;
}

.entete_tableau {
  color: #FFFFFF;
  font-weight: bold;
}

.contenu_tableau {
  font-size: 11px;
}

/****************************
* Etapes de la facturations *
*****************************/
.informations_importantes {
  font-size: 10px;
}

.Style1 {
  font-weight: bold
}

.blocheader{
	width: 743px;
	vertical-align: top;
	margin-bottom: 10px;
}





.bloclangue{
	vertical-align: top;
	text-align: right;
	padding-left:14px;
	padding-right:0px;
	padding-top:0px;
}
.bloclanguelarge{
	vertical-align: top;
	text-align: right;
	padding-left:30px;
	padding-right:0px;
	padding-top:0px;
}


.bloclangue a,
.bloclanguelarge a{
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	color: #706d72;
	text-decoration:none;
	font-weight:normal;
	text-align:right;
}
.bloclangue a:hover,
.bloclanguelarge a:hover{
    text-decoration:underline;
}
.bloclangue img {
    vertical-align:middle;
    margin-right:5px;
}
.blocheader img {
	vertical-align:middle;
	}