/*---------------------------------------
 commun.css : feuille de style commune 
---------------------------------------*/

/* corps de page */
body {
	background-color: white;
	scrollbar-face-color: #DEE3E7;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-shadow-color: #DEE3E7;
	scrollbar-3dlight-color: #D1D7DC;
	scrollbar-arrow-color:  #006699;
	scrollbar-track-color: #EFEFEF;
	scrollbar-darkshadow-color: #98AAB1;
}

/* texte standard */
.txt {
	font-family:verdana;
	font-size:12px;
	color:black;
}

/* texte + petit */
.txt_petit {
	font-family:verdana;
	font-size:11px;
	color:black;
}

/* texte tres petit */
.txt_tres_petit {
	font-family:verdana;
	font-size:10px;
	color:#444444;
	letter-spacing: -1px;
}

/* texte mini */
.txt_mini {
	font-family:verdana;
	font-size:9px;
	color:black;
	/*letter-spacing: -1px;*/
}

/* texte de message d'erreur */
.txt_erreur {
	font-family:verdana;
	font-size:12px;
	color:red;
}

/* texte de message de confirmation */
.txt_ok {
	font-family:verdana;
	font-size:12px;
	font-weight:bold;
	color:green;
}

/* titre */
.titre {
	font-family:verdana;
	font-size:13px;
	color:indigo;
}

/* titre gras */
.titre_gras {
	font-family:verdana;
	font-size:11px;
	font-weight:bold;
	color:#CF4247;
}

/* titre gros */
.titre_big {
	font-family:verdana;
	font-size:17px;
	font-weight:bold;
	color:darkblue;
}

/* texte du titre de la page chargée */
.titre_page {
	font-family:tahoma;
	font-size:16px;
	font-weight:bold;
	color:#CF4247;
	letter-spacing:2px;
}

.img_vertical_align {
	vertical-align:middle;
}

/* lien standard */
a {
	font-family:verdana;
	font-size:12px;
	color:darkblue;
	text-decoration:none;
}

/* lien standard survolé */
a:hover {
	font-family:verdana;
	font-size:12px;
	color:darkblue;
	text-decoration:underline;
}



/* lien du menu principal */
a.menu {
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#9C9CA2;
	letter-spacing: 2px;
	text-decoration: none;
}

/* lien du menu principal survolé */
a.menu:hover {
	font-family:tahoma;
	font-size:14px;
	font-weight:bold;
	color:#9C9CA2;
	letter-spacing: 2px;
	text-decoration: none;
	background-color:lightsteelblue;
}

/* lien gris */
a.liengris {
	font-size: 10px; color: #333333; font-family: verdana, helvetica, sans-serif, times, timesnr; text-decoration: none
}

/* lien gris survolé */
a.liengris:hover {
	font-size: 10px; color: #333333; font-family: verdana, helvetica, sans-serif, times, timesnr; text-decoration: none
}

/* lien rouge */
a.lienrouge {
	font-size: 10px; color: #cf4247; font-family: verdana, helvetica, sans-serif, times, timesnr; text-decoration: none
}

/* lien rouge survolé */
a.lienrouge:hover {
	font-size: 10px; color: #cf4247; font-family: verdana, helvetica, sans-serif, times, timesnr; text-decoration: none
}

/* lien de stats, volontairement petit car beaucoup d'infos */
a.stats {
	font-family:verdana;
	font-size:10px;
	color:darkblue;
	text-decoration:none;
}

/* lien stats survolé */
a.stats:hover {
	font-family:verdana;
	font-size:10px;
	color:darkblue;
	text-decoration:underline;
}

.texte_surligne2 {
	color:#787878;
}

/* tableau */
.tableau2 {
	border-collapse:collapse;
	font-family:arial;
	font-size:12px;
	border:1px solid #d0d0d0;
}
.tableau2 th{
	border:1px solid #d0d0d0;
	padding:3px;
	background-color:#ebebeb;
}
.tableau2 td{
	border:1px solid #d0d0d0;
	padding:3px;
	vertical-align:top;
}

.table_ligne_1 {
	background-color:#f9f9f9;	
}
.table_ligne_2 {
	background-color:#f1f1f1;	
}
.table_ligne_total {
	background-color:#ebebeb;
	font-weight:bold;
}
.message_ok {
	color:#339900;
	font-size:14px;
	font-weight:bold;
}
.message_erreur {
	color:#cf4247;
	font-size:14px;
	font-weight:bold;
}


/* zone de texte ou bouton */
input {
	font-family:verdana;
	font-size:10px;
	color:darkblue;
	border-width:1px;
	border-color:black;
	background-color:white;
}

/* zone de texte ou bouton avec couleur de fond */
input.tab {
	font-family:verdana;
	font-size:10px;
	background-color: #D7DDE6;
}

/* combo box */
select {
	font-family:verdana;
	font-size:10px;
	color:darkblue;
	background-color:white;
}

/* combo box bleu */
select.bleu {
	font-family:verdana;
	font-size:10px;
	background-color:#D7DDE6;
}

/* en tête de colonne de tableau standard */
th.tab {
	 background-color: lightsteelblue;
}

/* en tête de colonne de tableau avec texte plus petit */
th.tab_petit {
	background-color: lightsteelblue;
	font-size: 10px;
}

/* en tête de colonne de tableau pour stats */
th.tabstats {
	height: 10px;
	font-size: 10px;
}

/* en tête de colonne de tableau pour stats (sans couleur de fond) */
th.tabstats2 {
	height: 10px;
	font-size: 10px;
}

/* colonne de tableau standard */
td.tab	{
	 /*background-color:white;*/
}

/* colonne de tableau pour stats */
td.tabstats	{
	 background-color: #D7DDE6;
	 font-size: 10px;
}

/* colonne de tableau pour stats (sans couleur de fond) */
td.tabstats2 {
	 font-size: 10px;
}

/* fond alternatif 1 */
.fond1 {
	background-color:#EEEEEE;
}

/* fond alternatif 2 */
.fond2 {
	background-color:#E4E4E4;
}

/* fond d'un en tête */
.fond_th {
	background-color:#CCCCCC;
}

/* en tête de tableau standard */
th.standard {
	font-size: 10px;
	height: 10px;
	background-color:#CCCCCC;
}



/* ---------Special cadre------------ */
.content1
{
	background-color: #EAEAEA;
	border-bottom: 1px solid #FFFFFF;
	color: #000000;
	padding-left: 18px;
	padding-right: 18px;
}
/* -------------------------- */
.content1 a
{
	text-decoration:none;
}
/* -------------------------- */
.content1 a:hover
{
	text-decoration:underline;
}
/* -------------------------- */
.content1 table td
{
	padding: 2px;
}
/* -------------------------- */
.content1 table td table td
{
	padding: 0px;
}
/* -------------------------- */
.content1 table td  table td  table td A
{
	color: #000000;
	text-decoration: none;
}
/* -------------------------- */
.content1 table td  table td A
{
	color: #000000;
	text-decoration: none;
}

/* ----------border tableau----------- */
.border1
{
	border: 1px solid #929292;
	background-color: #FFFFFF;
}


/*------------ NT 16/11/2006: Style de la barre des étapes de la pré-saisie des dossiers -------------*/

.barre_etape {		/*Propriétés communes à tous les membres de la classe*/
	margin-left: auto;
	margin-right: auto;
	font-family:verdana;
	font-size:12px;
	vertical-align: top;
	color: black;
}
#centre.barre_etape{
	background: #D7DDE6;
}
#gauche.barre_etape{
	background: url(../images/structure/bandeau_etapes/gauche.jpg);
}
#droite.barre_etape{
	background: url(../images/structure/bandeau_etapes/droite.jpg);
}

/*------------ NT 17/11/2006: Style des tableaux de consultation de la saisie des dossiers -------------*/

.tableau {				/*Propriétés communes à tous les membres de la classe*/
	font-family:verdana;
	font-size:12px;
	color: black;
	/*vertical-align: top;*/
}
table.tableau {
	border-collapse: collapse;
	border-style: solid;
	border-width: 2px;
	border-color: #D7DDE6;
}
#entete.tableau {
	background-color: #D7DDE6;
	text-align: center;
}

/*------------ NT 05/09/2007 : Nouveau design pour les formulaires (extranet V2) -------------*/

.formulaire-entete {
	background-image: url(../images/structure/theme_ses/bandeau_bleu.gif);
	font-size:12px;
	font-weight: bold;
	text-align: center;
	color: white;
	height: 18px;
	margin: -3px -3px 0px -3px;
}

.formulaire-contenu {
	background-color: #EEEEEE;
	font-family:verdana;
	font-size:12px;
	padding: 4px;
	margin: 0px -3px -3px -3px;
}

/* ----------- 04/03/2008 SR : page de détail des dossier pour l'extranet SES ----------- */
#detail_dossier h2 {
	font-size: 16px;
}
#detail_dossier h2 img {
	vertical-align:middle;
}
#detail_dossier ul {
	list-style-image: url("../images/minis/fleche.gif")
}
.ref_dossier{
	font-weight:normal;
}
#table_detail_dossier,
#table_detail_dossier_actions,
#table_detail_appareils {
	border: solid 1px #AFC5FF;
	border-collapse: collapse;
	font-size: 12px;
}
#table_detail_dossier th,
#table_detail_dossier_actions th,
#table_detail_appareils th {
	background-color: #D7DDE6;
	border: solid 1px #AFC5FF;
	text-align: left;
	padding:3px;
}
#table_detail_dossier td,
#table_detail_dossier_actions td,
#table_detail_appareils td {
	border: solid 1px #AFC5FF;
	padding:3px;
}

/* SR 19/05/2008 */
.formulaire label {	
	float: left;	
	text-align: right;
	width:140px;
	margin: 0;
	padding: 0 .7em 0 0;
	color:#115a88;
}
.formulaire p {	
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
.formulaire label:hover {
	cursor: pointer;
}
.formulaire textarea { 
	border:1px solid #979797;
}
.formulaire select { 
	border:1px solid #979797;
}
.formulaire input { 
	border:1px solid #979797;
}

a.aide {	/*** Mise en forme des bulles d'aide ***/
	text-decoration: none;
}
a.aide img {	/*** Mise en forme de l'image des bulles d'aide ***/
	margin: 0 0 -2px 0;
	padding: 0;
	border: 0;
}
a.aide:hover {	/*** Le curseur de la souris change d'aspect quand il passe au-dessus d'une bulle d'aide ***/
	cursor: help;
}
.erreur {
	margin:0px 10px 0px 40px;
	color:#cf4247;
}
.message_retour_ok {
	margin:0px 10px 0px 40px;
	color:#339900;
	font-size:14px;
	font-weight:bold;
}
.message_retour_erreur {
	margin:0px 10px 0px 40px;
	color:#cf4247;
	font-size:14px;
	font-weight:bold;
}
.ligne_vendeur {
	font-style:italic;
	margin:2px 2px 2px 100px;
	padding:3px;
	width:580px;
}
.ligne_vendeur_hover {
	background: #dedede;
	font-style:italic;
	margin:2px 2px 2px 100px;
	padding:3px;
	width:580px;
}
.ligne_boutique {
	margin:8px 2px 2px 80px;
	padding:3px;
	width:600px;
}
.ligne_boutique_hover {
	background: #dedede;
	margin:8px 2px 2px 80px;
	padding:3px;
	width:600px;
}
.ligne_groupe {
	margin:10px 2px 3px 50px;
	font-size:14px;
	font-weight:bold;
	color:#8e8e8e;
	padding:3px;
	width:630px;
}
.ligne_groupe_hover {
	background: #dedede;
	margin:10px 2px 3px 50px;
	font-size:14px;
	font-weight:bold;
	color:#8e8e8e;
	padding:3px;
	width:630px;
}
#fieldset_backoffice {
	display:block;
	width:550px;
	border:1px solid #8e8e8e;
	margin:0px 5px 0px 50px;
	padding:10px;
}

#fieldset_backoffice legend {
	font-weight: bold;
	color:#8e8e8e;
	margin-bottom:4px;
}
.btn_valider_form_backoffice {
	margin-left:300px;
}
#checkbox_acces_web {
	border:0px;
}

.icone_menu_back_office {
	float:left;
	text-align:center;
	width:130px;
}

.dhtmlgoodies_tree{
	margin:0px 0px 0px 50px;
	padding:0px;
}
.dhtmlgoodies_tree ul{	/* Sub menu groups */
	margin-left:20px;	/* Left spacing */
	padding-left:0px;
	display:none;	/* Initially hide sub nodes */
}
.dhtmlgoodies_tree li{	/* Nodes */
	list-style-type:none;
}
.dhtmlgoodies_tree li a{	/* Node links */
	color:#000;
	text-decoration:none;
	font-family:arial;
	padding-left:2px;
}

.dhtmlgoodies_tree li a:hover{	/* Node links */
	color:#000;
	text-decoration:none;
	font-family:arial;
	padding-left:2px;
}
.item_vendeur {
	float:left;
	width:645px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:30px;
	padding-left:4px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl5.gif) no-repeat;
	/*background: #e7e7e7;*/
}
.item_responsable_groupe {
	float:left;
	width:665px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:30px;
	padding-left:4px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl3.gif) no-repeat;
	/*background: #e7e7e7;*/
}
.item_boutique {
	font-weight:bold;
	float:left;
	width:663px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:32px;
	padding-left:5px;
	/*background: #e7e7e7;*/
	background: url(../images/partenaires/audim/arborescence/fond_lvl4.gif) no-repeat;
	cursor:pointer;
}
.item_centre {
	font-weight:bold;
	float:left;
	width:683px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:32px;
	padding-left:5px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl2.gif) no-repeat;
	cursor:pointer;
	/*background: #e7e7e7;*/
}
.ajout_item_boutique {
	float:left;
	width:665px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:30px;
	padding-left:4px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl3.gif) no-repeat;
	/*background: #e7e7e7;*/
}
.ajout_item_centre {
	float:left;
	width:685px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:30px;
	padding-left:4px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl6.gif) no-repeat;
	/*background: #e7e7e7;*/
}
.racine {
	margin-left:42px;
}
.item_racine {
	font-weight:bold;
	float:left;
	width:703px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:20px;
	padding-left:5px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl1.gif) no-repeat;
	/*background: #e7e7e7;*/
}
.item_vendeur_hover {
	float:left;
	width:645px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:30px;
	padding-left:4px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl5_hover.gif) no-repeat;
	/*background: #ccc;*/
}
.item_responsable_groupe_hover {
	float:left;
	width:665px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:30px;
	padding-left:4px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl3_hover.gif) no-repeat;
	/*background: #ccc;*/
}
.item_boutique_hover {
	font-weight:bold;
	float:left;
	width:663px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:32px;
	padding-left:5px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl4_hover.gif) no-repeat;
	/*background: #ccc;*/
	cursor:pointer;
}
.item_centre_hover {
	font-weight:bold;
	float:left;
	width:683px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:32px;
	padding-left:5px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl2_hover.gif) no-repeat;
	/*background: #ccc;*/
	cursor:pointer;
}
.item_racine_hover {
	font-weight:bold;
	float:left;
	width:703px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:20px;
	padding-left:5px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl1_hover.gif) no-repeat;
	/*background: #ccc;*/
}
.ajout_item_boutique_hover {
	float:left;
	width:665px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:30px;
	padding-left:4px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl3_hover.gif) no-repeat;
	/*background: #ccc;*/
}
.ajout_item_centre_hover {
	float:left;
	width:685px;
	height:20px;
	line-height:21px;
	margin-top:-20px;
	margin-bottom:5px;
	margin-left:30px;
	padding-left:4px;
	background: url(../images/partenaires/audim/arborescence/fond_lvl6_hover.gif) no-repeat;
	/*background: #ccc;*/
}
.btns_admin {
	float:right;
	margin-top:-17px;
	margin-right:10px;
}
.img_btn_admin {
	border:none;
} 

/*************** 27/05/2008 SR : formulaire de demande d'annulation d'une adhésion (déclinaison du site) **************/

.formulaire_annuler_adh label {	
	float: left;	
	text-align: right;
	width:320px;
	margin: 0;
	padding: 0 .7em 0 0;
	color:#115a88;
}
.formulaire_annuler_adh p {	
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
.formulaire_annuler_adh label:hover {
	cursor: pointer;
}

#fieldset_form_annuler_adh1 {
	display:block;
	width:650px;
	border:1px solid #8e8e8e;
	margin:5px 5px 5px 50px;
	padding:10px;
}

#fieldset_form_annuler_adh1 legend {
	font-weight: bold;
	color:#8e8e8e;
	margin-bottom:4px;
}

#fieldset_form_annuler_adh2 {
	display:block;
	width:650px;
	border:1px solid #8e8e8e;
	margin:5px 5px 5px 50px;
	padding:10px;
}

#fieldset_form_annuler_adh2 legend {
	font-weight: bold;
	color:#8e8e8e;
	margin-bottom:4px;
}

/*************** 27/05/2008 SR : formulaire pour envoyer une question par mail a ses (déclinaison du site) **************/

.formulaire_question label {	
	float: left;	
	text-align: right;
	width:150px;
	margin: 0;
	padding: 0 .7em 0 0;
	color:#115a88;
}
.formulaire_question p {	
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
.formulaire_annuler_adh label:hover {
	cursor: pointer;
}

#fieldset_form_question {
	display:block;
	width:430px;
	border:1px solid #8e8e8e;
	margin:5px 5px 5px 50px;
	padding:10px;
}

#fieldset_form_question legend {
	font-weight: bold;
	color:#8e8e8e;
	margin-bottom:4px;
}


/*************** 17/07/2008 SR : formulaire de saisie de dossier sinistre **************/

#form_dossier_sinistre {
	margin-left:40px;
}
#form_dossier_sinistre fieldset {
	display:block;
	width:780px;
	border:1px solid #8e8e8e;
	margin:0px 0px 10px 0px;
	padding:10px;
}
#form_dossier_sinistre fieldset legend {
	font-size:14px;
	color:#8e8e8e;
	margin-bottom:4px;
}
#form_dossier_sinistre label {	
	float: left;	
	text-align: right;
	width:200px;
	margin: 0;
	padding: 0 .7em 0 0;
	color:#115a88;
}
#form_dossier_sinistre p {	
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#form_dossier_sinistre label:hover {
	cursor: pointer;
}
#form_dossier_sinistre textarea { 
	border:1px solid #979797;
}
#form_dossier_sinistre select { 
	border:1px solid #979797;
}
#form_dossier_sinistre input { 
	border:1px solid #979797;
}

.input_erreur {
	border:1px solid #cf4247;
}
.focus {
	background-color:#F0F4F7;
}
.normal {
	background-color:#fff;
}

/*************** 21/07/2008 SR : formulaire de recherche d'adhésion (production_voir) **************/

#form_recherche_adh {
	margin-left:40px;
}
#form_recherche_adh fieldset {
	display:block;
	width:770px;
	_width:800px;
	border:1px solid #8e8e8e;
	margin:0px 0px 10px 0px;
	padding:10px;
}
#form_recherche_adh fieldset legend {
	font-size:14px;
	color:#000;
	margin-bottom:4px;
}
#form_recherche_adh label {	
	float: left;	
	text-align: right;
	width:200px;
	margin: 0;
	padding: 0 .7em 0 0;
	color:#000;
}
#form_recherche_adh p {	
	padding: .2em 0;
	margin: 0 0 .2em 0;
}
#form_recherche_adh label:hover {
	cursor: pointer;
}

.liste_puces {
	list-style-type: none;
	padding: 0;
	margin-top: 0.3em;
	margin-left: 4em;

}   

.liste_puces li {
	background-image: url('../images/minis/fleche.gif');
	background-repeat: no-repeat;
	background-position: 0 0.3em;
	padding-bottom: 0.2em;
	text-indent: 0.8em;
} 

#btn_retour {
	margin-top:20px;
	text-align:right;
}

.titre_h3 {
	background: url("../images/icons/puce_h3.gif") no-repeat;
	font-family:arial;
	font-size:16px;
	/*color:#9b9b9b;*/
	height:16px;
	text-indent:20px;
	line-height:14px;
	margin-left:20px;
}