/* ********************************************************************************** */
/* ************************************* ENTETE ************************************* */
/* ********************************************************************************** */
#entete{
	background-image: url("../images/entete.gif")
}

#entete #barre{
	background-image: url("../images/fond-barre.gif");
	background-repeat: no-repeat;
}

#entete #adherent{
	background-image: url("../images/adherent.gif");
	background-repeat: no-repeat
}
/* ********************************************************************************** */
/* ************************************* NAVIGATION ********************************* */
/* ********************************************************************************** */

/* ===================================== CHEMIN =================================== */
#navigation #chemin {
	list-style-type: none
}

#navigation #chemin a {
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 8pt;
	color: #c4001a;
	text-decoration: underline;
}

#navigation #chemin a:hover  {
	color: #c4001a;
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 8pt;
	text-decoration: none;
}

/* ********************************************************************************** */
/* ************************************* CENTRE ************************************* */
/* ********************************************************************************** */
/* ************************************** MENU ************************************** */
#centre #menu {
	background-image: url("../images/fond-menu.gif");
	background-repeat: no-repeat;
}


/* ************************************** PAGE ************************************** */

/* ===================================== ONGLETS ================================== */
#centre #onglets a {
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	color: #555555;
	text-decoration: none;
	display:block; 
}

#centre #onglets a:HOVER{
	color: #FFFFFF;
	background-image: url("../images/onglet-over.gif");
}

#onglets #onglet1 {
	position: absolute;
	float:left;
	left:0px;
	top:0px;
	width: 160px;
	height : 100%;
	background-image: url("../images/onglet.gif");
	background-repeat: no-repeat;
	text-align: center;
}

#onglets #onglet2 {
	position: absolute;
	float:left;
	left:164px;
	top:0px;
	width: 160px;
	height : 100%;
	background-image: url("../images/onglet.gif");
	background-repeat: no-repeat;
	cursor: pointer;
	text-align: center;
}

#onglets #onglet3 {
	position: absolute;
	float:left;
	left:328px;
	top:0px;
	width: 160px;
	height : 100%;
	background-image: url("../images/onglet.gif");
	background-repeat: no-repeat;
	text-align: center;
}

/* ===================================== CONTENU ================================== */
H1{
	background-position: 0% 10.5px;
	background-repeat: no-repeat;
	background-image: url("../images/puce-h1.gif")
}

H1.double{
	line-height: 20px;
	background-position: 0% 5px;
	background-repeat: no-repeat;
	background-image: url("../images/puce-h1.gif")
}

H2{
	font-family: Tahoma, Verdana, Arial, "Times New Roman";
	font-size: 11pt;
	color: #c4001a;
	line-height: 23px;
	height: 30px; 
	font-variant: small-caps;
	width:291px;
	margin-top: 10px;
	margin-bottom: 10px;
	text-align: justify;
	border-bottom-style: solid;
	border-bottom-color: #c4001a;
	border-bottom-width: 1px;
	padding-left: 13px;
	background-position: 0% 11.5px;
	background-repeat: no-repeat;
	background-image: url("../images/puce-h2.gif");
}

H2.double {
	height: 50px; 
}


H3{
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 9pt;
	font-weight:bold;
	color:#e3806b;
	line-height: 17px;
	width: 94.5%;
	background:url("../images/puce-h3.gif")  ;
	background-position: left 3px;
	padding-left:5.5%;
	margin-top: 5px;
	margin-bottom: 0px;
	text-align: justify;
	background-repeat: no-repeat;
}

.pompiers{
	color: #e3806b;
}
/* Undiquement pour class=partciculiers utilisé dans le cotisation.js*/
.particuliers{
	color: #e3806b;
}

.pompiersRouge{
	color: ##c4001a;
}

#avertissement{
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 9pt;
	color: #FFFFFF;
	padding:5px;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: bold;
	line-height: 17px;
	text-align: left;
	background-color: #c4001a

}

/* -------------------------------------------- DEVIS -------------------------------------- */
DIV #h2 {
	position: relative;  
	float:left;
	top:auto;
	width: 100%;
	height:auto;
}

.form {
	position: relative;  
	float: left;
	width: 100%;
	height:auto;
	top:auto;
	background-position: top;
	background-repeat: repeat-y;
	background-image: url("../images/fond-devis.gif");
	padding-bottom: 10px;
	padding-top: 10px
}

.libelles {
	position: relative; 
	float: left;
	width: 43%;
	height:auto; 
	top:auto; !important;
	text-align: right;
	line-height:20px; !important;
	*line-height:22px;
}

.form label, .libelles label, .champs label {
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 9pt;
	color: #666666;
	line-height:20px; !important;
	*line-height:22px;
	height:auto;
	top:auto; !important;
	vertical-align: middle;
	margin-top: 0px;
	margin-left: 0px;
	margin-right: 0px;
}

.champs{
	position: relative;  
	float: left;
	width: 56%;
	left: 1%;
	height:auto;
	top:auto; !important;
	line-height:20px; !important;
	*line-height:22px;
	text-align: left;
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 9pt;
	color: #666666;
}

INPUT.saisie {
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 9pt;
	border-width: 1px;
	border-color: #e3806b;
	border-style: solid;
	padding: 1px;
	vertical-align: middle;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 2px; !important;
	*margin-bottom: 0px; 
	margin-right: 0px
}

INPUT.check {
	top: 3px; !important;
	*top: 1px;
	position: relative
}

SELECT { 
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 9pt;
	border-width: 1px;
	border-color: #e3806b;
	border-style: solid;
	margin-bottom: 2px;
}

/* ********* BOUTONS ********* */
#buttons {
	position: relative; !important;
	*position: relative;
	float : left;  !important;
	*float : none; 
	height:auto;
	top:20px;
	width: 100%;
	text-align: center;	
}

/* -------------------------------------------- COLONNE 3 -------------------------------------- */
#col3 #info{
	position: relative;
	top: 100px;
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 8pt;
	color: #666666;
	font-weight: normal;
	line-height: 15px;
	text-align: center;
	background-image: url("../../images/tampon-parrain.gif");
	height: 86px;
	background-position: top;
	background-repeat: no-repeat
} 

#col3 #aSavoir {
	position: relative;
	width: 100%;
	height: auto;
	font-family: Verdana, Arial, "Times New Roman", Tahoma;
	font-size: 7.5pt;
	color: #666666;
	line-height: 12px;
	background-image: url("../../images/a-savoir.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	z-index: 5
}
  
#aSavoir #titre {
	position: relative;
	top: 30px;
	width: 134px;
	color: #d2011d;
	font-weight : bold;
	text-align: center;
	background-repeat: repeat-y;
	background-image: url("../../images/a-savoir-fond.gif");
	padding-right: 4px;
	padding-left: 4px;
	height: auto;
}

#aSavoir #note {
	position: relative;
	top: 30px;
	width: 134px;
	font-family: Verdana, Arial, "Times New Roman", Tahoma;
	font-size: 7.5pt;
	font-weight : normal;
	text-align: left;
	color: #55555;
	background-repeat: repeat-y;
	background-image: url("../../images/a-savoir-fond.gif");
	padding-right: 4px;
	padding-left: 4px;
	height: auto;
}

#aSavoir #note #plus{
	color: #c4001a;
	font-weight : bold;
	text-align: justify;
}

#aSavoir #note #fin {
	top: 10px;
	width: 100%;
	text-align: center;
	height: auto;
}

#aSavoir #note #finLeft {
	top: 10px;
	width: 100%;
	text-align: left;
	height: auto;
}

#aSavoir #bas {
	position: relative;
	top: 30px;
	width: 100%;
	font-weight : normal;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url("../../images/a-savoir-bas.gif");
	background-position: top;
}

#col3 #note a {
	text-decoration: none;
	color: #c4001a;
}

#col3 #note a:HOVER {
	color: #e3806b;
	text-decoration: underline;
}

#col3 #prInfo {
	position: relative;
	width: 100%;
	height: auto;
	font-family: Verdana, Arial, "Times New Roman", Tahoma;
	font-size: 7.5pt;
	color: #666666;
	line-height: 12px;
	background-image: url("../../images/pour-info.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	z-index: 5
}

#prInfo #titre {
	position: relative;
	top: 30px;
	width: 134px;
	color: #d2011d;
	font-weight : bold;
	text-align: center;
	background-repeat: repeat-y;
	background-image: url("../../images/a-savoir-fond.gif");
	padding-right: 4px;
	padding-left: 4px;
	height: auto;
}

#prInfo #note {
	position: relative;
	top: 30px;
	width: 134px;
	font-family: Verdana, Arial, "Times New Roman", Tahoma;
	font-size: 7.5pt;
	font-weight : normal;
	text-align: justify;
	color: #55555;
	background-repeat: repeat-y;
	background-image: url("../../images/a-savoir-fond.gif");
	padding-right: 4px;
	padding-left: 4px;
	height: auto;
}

#prInfo #fin {
	top: 10px;
	width: 100%;
	text-align: center;
	height: auto;
}

#prInfo #bas {
	position: relative;
	top: 30px;
	width: 100%;
	font-weight : normal;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url("../../images/a-savoir-bas.gif");
	background-position: top;
}

#col3 #prTemoin{
	position: relative;
	width: 100%;
	height: auto;
	font-family: Verdana, Arial, "Times New Roman", Tahoma;
	font-size: 7.5pt;
	color: #666666;
	line-height: 12px;
	background-image: url("../../images/pour-temoin.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
	margin-bottom: 20px;
	z-index: 5
}

#prTemoin #titre {
	position: relative;
	top: 35px;
	width: 134px;
	color: #d2011d;
	font-weight : bold;
	text-align: center;
	background-repeat: repeat-y;
	background-image: url("../../images/a-savoir-fond.gif");
	padding-right: 4px;
	padding-left: 4px;
	height: auto;
}

#prTemoin #note {
	position: relative;
	top: 30px;
	width: 134px;
	font-family: Verdana, Arial, "Times New Roman", Tahoma;
	font-size: 7.5pt;
	font-weight : normal;
	text-align: justify;
	color: #55555;
	background-repeat: repeat-y;
	background-image: url("../../images/a-savoir-fond.gif");
	padding-right: 4px;
	padding-left: 4px;
	height: auto;
}

#prTemoin #fin {
	top: 10px;
	width: 100%;
	text-align: center;
	height: auto;
}

#prTemoin #bas {
	position: relative;
	top: 30px;
	width: 100%;
	font-weight : normal;
	text-align: center;
	background-repeat: no-repeat;
	background-image: url("../../images/a-savoir-bas.gif");
	background-position: top;
}
/* -------- Tableau dans colonne 3 ---------- */
#col3 .tab{
	position: relative;
	top: 10px;
	font-family:  Verdana, Arial, "Times New Roman", Tahoma;
	font-size: 6.5pt;
	text-align: center;
	vertical-align: middle;
	line-height: 15px;
	color: #555555;
	padding: 0px;
	width: 100%;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px;
}

.tab th {
	line-height: 12px;
	text-align: center;
	background-color: #ffefbd;
	color: #555555;
	padding: 0px;
	margin: 0px;
	border-bottom-style: solid;
	border-bottom-color: #f5b803;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-top-color: #f5b803;
	border-top-width: 1px;
}

.tab TD {
	line-height: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	background-color: #fffaea;
	border-bottom-style: solid;
	border-bottom-color: #ffd452;
	border-bottom-width: 1px;	
}


/* ===================================== Enumeration ================================== */

ul.enumeration{
	margin-top: 0px;
 	margin-bottom: 0px;
 	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 9pt;
	color: #555555;
	margin-bottom: 0px;
	margin-top: 0px;
	font-weight: normal;
	line-height: 17px;
	text-align: justify;
	margin-left: 20px; 
}

ul.enumeration li {
 	background-position: left 7px;
	background-repeat: no-repeat;
	background-image: url("../images/puce-li.gif");
	padding-left: 10px; !important;
	*padding-left: 10px;
	list-style-type: none
}



/* ===================================== Infobulles ================================== */
a.info_bulle
{		
	position : relative; /*Indispensable pour le bon positionnement de l'info-bulle */ 
	/*top:100px;		*/
	z-index: 50;
	text-decoration: none;
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 8pt;
	color : #555555;
	font-weight: normal;
}
 
a.info_bulle IMG {
	width: 12px;
	height: 14px;
}
/* Rend invisible tout notre bloc span */
a.info_bulle span
{		
	position :  absolute;
	/*top:100px;*/
	width  :  1px;
    height :  1px;	
    text-decoration: none;
   	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 8pt;
	color : #555555;
	font-weight: normal;
    padding : 10px;
	background-color: #fdedea;
	border-style: solid;
	border-color: #f1907c;
	border-width: 1px;
	display:none;
	text-transform: none
}
  
/* 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 
{
    display:block;
   /* position : absolute;
    top:100px;*/
    width:  270px;
    height :  auto;	
    text-decoration: none;
}    

/* ===================================== Infobulles 2 ================================== */
a.info_bulle2
{		
	position : relative; /*Indispensable pour le bon positionnement de l'info-bulle */ 
	/*top:100px;		*/
	z-index: 50;
	text-decoration: none;
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 8pt;
	color : #555555;
	font-weight: normal;
}
 
a.info_bulle2 IMG {
	width: 12px;
	height: 14px;
}
/* Rend invisible tout notre bloc span */
a.info_bulle2 span
{		
	position :  absolute;
	/*top:100px;*/
	width  :  1px;
    height :  1px;	
    text-decoration: none;
   	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 8pt;
	color : #555555;
	font-weight: normal;
    padding : 10px;
	background-color: #fdedea;
	border-style: solid;
	border-color: #f1907c;
	border-width: 1px;
	display:none;
	text-transform: none
}
  
/* 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 
{
    display:block;
   /* position : absolute;
    top:100px;*/
    width:  270px;
    height :  auto;	
    text-decoration: none;
}    

/* ===================================== Infobulles 3 ================================== */
a.info_bulle3
{		
	position : relative; /*Indispensable pour le bon positionnement de l'info-bulle */ 
	/*top:100px;		*/
	z-index: 50;
	text-decoration: none;
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 8pt;
	color : #555555;
	font-weight: normal;
}
 
a.info_bulle3 IMG {
	width: 12px;
	height: 14px;
}
/* Rend invisible tout notre bloc span */
a.info_bulle3 span
{		
	position :  absolute;
	/*top:100px;*/
	width  :  1px;
    height :  1px;	
    text-decoration: none;
   	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 8pt;
	color : #555555;
	font-weight: normal;
    padding : 10px;
	background-color: #fdedea;
	border-style: solid;
	border-color: #f1907c;
	border-width: 1px;
	display:none;
	text-transform: none
}
  
/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle3:hover span, a.info_bulle3:focus span, a.info_bulle3:active span 
{
    display:block;
   /* position : absolute;
    top:100px;*/
    width:  270px;
    height :  auto;	
    text-decoration: none;
}    



/* ===================================== Tableaux ================================== */
.tableau {
	position: relative;
	top: 10px;
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 8pt;
	text-align: center;
	vertical-align: middle;
	line-height: 15px;
	color: #555555;
	background-color: #FFFFFF;
	padding: 0px;
	border-width: 0px;
	width: 304px;
	margin-top: 0px;
	margin-left: 0px;
	margin-bottom: 10px;
	margin-right: 0px	
}

.tableau th {
  	font-size: 8pt;
  	text-align: left;
  	background-color: #f4ac9d;
	color: #555555;
	border-width: 0px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url("../images/puce-blanc-rouge.gif");
	line-height: 19px;
	background-position: 3px 3px;
}

.tableau th.entete {
	line-height: 12px;
	text-align: center;
	background-color: #ffe5a5;
	color: #666666;
	border-bottom-color: #f5b803;
	border-bottom-width: 1px;
	background-image:none;
	border-top-color: #f5b803;
	border-top-width: 1px;
	padding: 0px;
	margin: 0px;
	border-bottom-style: solid;
	border-top-style: solid
}

.tableau TD {
	line-height: 15px;
	padding-top: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	padding-right: 0px;
	margin: 0px;
	border-bottom-style: solid;
	border-left-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 1px;
	border-top-width: 0px;
	border-bottom-color: #f4ac9d
}

/* ********************************************************************************** */
/* ********************* PAGE ACCUEIL RUBRIQUE POMPIERS ***************************** */
/* ********************************************************************************** */
/*H2.large {
	width: 615px;
}*/

.photo {
	position: relative; 
	float: left;
	margin-top: 5px;
	width: 105px;
	height:118px; 
	/*top:auto; !important;*/
	text-align: right;
	line-height:20px; !important;
	*line-height:22px;
	background-image: url("../images/photo-2pompiers.gif");
	background-position: 0px 0px;
	background-repeat: no-repeat;
}

.liens-devis{
	position: relative;  
	float: left;
	width: 186px;
	left: 15px;
	*height:130px;
	min-height : 125px;
	/*top:auto; !important;*/
	text-align: left;
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 9pt;
	color: #666666;
	line-height: 12px;
}

H3.lien {
	width: 190px;
	height : 27px;
	padding-right: 0px;
	padding-left: 0px;
	margin-bottom: 10px;
	margin-top: 5px;
	margin-left: 0px;
	background-color: #ffffff;
}

H3  a{
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 9pt;
	font-weight:bold;
	color:#555555;
	line-height: 27px;
	width: 100%;
	height : 27px;
	padding-left:32px;
	margin-top: 0px;
	margin-bottom: 0px;
	text-align: justify;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url("../images/boutons/fond-bouton-lien.gif");
	text-decoration: none;
	display:block;
}

H3  a:hover{
	color:#e3806b;
	background-position: 0px 0px;
	background-repeat: no-repeat;
	background-image: url("../images/boutons/fond-bouton-lien-over.gif");
}

#carteFr {
	position: relative; 
	float: left;
	width: 170px;
	height:169px; 
	top:auto; !important;
	text-align: center;
	line-height:20px; !important;
	*line-height:22px;
	background-position: top;
	background-repeat: no-repeat;
	background-image: url("../images/carte-pompiers.gif")
	
}

#partenaire{
	position: relative;  
	float: left;
	width: 130px;
	left: 4px;
	height:auto;
	top:auto; !important;
	line-height:20px; !important;
	*line-height:22px;
	text-align: left;
	font-family: Arial, "Times New Roman", Tahoma, Verdana;
	font-size: 9pt;
	color: #666666;
}

h3.left {
	text-align: left;
}