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

#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: #01afe6;
	text-decoration: underline;
}

#navigation #chemin a:hover  {
	color: #01afe6;
	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: #01AFE6;
	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: #a7d5ef;
	border-bottom-width: 1px;
	padding-left: 13px;
	background-position: left 11px;
	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:#01afe6;
	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;
}

.particuliers{
	color: #01afe6;
}

#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: #01afe6

}

/* -------------------------------------------- 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: #01afe6;
	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: #01afe6;
	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: justify;
	color: #55555;
	background-repeat: repeat-y;
	background-image: url("../../images/a-savoir-fond.gif");
	padding-right: 4px;
	padding-left: 4px;
	height: auto;
}

#aSavoir #note #fin {
	top: 10px;
	width: 100%;
	text-align: center;
	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: #01afe6;
}

#col3 #note a:HOVER {
	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 #note #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;
}

/* -------- 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 {
 	/*display : list-item;*/
	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
}

ul.enumNiv2 li {
 	padding-left: 10px; !important;
	*padding-left: 10px;
	list-style-type: none;
	background-image: none;
}



/* ===================================== Infobulles 1 ================================== */
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;
	z-index: 50;
}
/* 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: #d6e9f5;
	border-style: solid;
	border-color: #01afe6;
	border-width: 1px;
	display:none;
	text-transform: none;
	z-index: 50;
}
  
/* 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;
    z-index: 50;
}    

/* ===================================== 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;
	z-index: 50;
}
/* 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: #d6e9f5;
	border-style: solid;
	border-color: #01afe6;
	border-width: 1px;
	display:none;
	text-transform: none;
	z-index: 50;
}
  
/* 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;
    z-index: 50;
}    

/* ===================================== 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;
	z-index: 50;
}
/* 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: #d6e9f5;
	border-style: solid;
	border-color: #01afe6;
	border-width: 1px;
	display:none;
	text-transform: none;
	z-index: 50;
}
  
/* 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;
    z-index: 50;
}   

/* ===================================== Infobulles Etudiant ================================== */
a.info_bulle_Etudiant
{		
	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_Etudiant IMG {
	width: 12px;
	height: 14px;
	z-index: 50;
}
/* Rend invisible tout notre bloc span */
a.info_bulle_Etudiant 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: #d6e9f5;
	border-style: solid;
	border-color: #01afe6;
	border-width: 1px;
	display:none;
	text-transform: none;
	z-index: 200;
}
  
/* Rend visible tout notre bloc span et lui attribue une taille */
a.info_bulle_Etudiant:hover span, a.info_bulle_Etudiant:focus span, a.info_bulle_Etudiant:active span 
{
    display:block;
   /* position : absolute;
    top:100px;*/
    width:  270px;
    height :  auto;	
    text-decoration: none;
    z-index: 50;
}     



/* ===================================== 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: #a7d5ef;
	color: #555555;
	border-width: 0px;
	padding-left: 20px;
	background-repeat: no-repeat;
	background-image: url("../images/puce-blanc-bleu.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: #a7d5ef
}