/* Change la mise en page du div en g?n?ral  */
body {
	background : url(images/fond_accueil.gif) no-repeat;

}

/*
	nom_de_balise#mon_identification   :   plusieur div de type "mon_identification" ? mettre dans la page web.
	Dans le code html, pour appeler ce div avec ID : 	<div id="monDiv1">
*/

div#page {
	background: #FFFFFF;
	position : absolute;
	top : 60px;
	left : 110px;
	width : 804px;
	height : 548px;
	overflow : none;
}

div#logo {
	background: url(images/logo_protclim.jpg);
	position : absolute;
	top : 0px;
	left : 0px;
	width : 272px;
	height : 23px;
	overflow : none;
}


/* ..................BOUTONS du haut............................................    */


div#bouton_accueil {
	background: none;
	position : absolute;
	top : 0px;
	left : 287px;
	width : 120px;
	height : 33px;
	overflow : none;
}

a.accueil { /* d��finition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit ��tre en bloc */
     width: 120px; /* largeur de l'image r��active */
     height: 33px; /* hauteur de l'image r��active */
     background-image: url(images/accueil.gif); /* source de l'image de d��part */
     background-repeat: no-repeat;
     }
	 
a.accueil:hover { /* d��finition de la classe "image" de la balise <a> au survol */
     background-image: url(images/accueil2.gif); /* source de l'image d'arriv��e */
     } 
     
div#bouton_catalogue {
	background: none;
	position : absolute;
	top : 0px;
	left : 407px;
	width : 132px;
	height : 33px;
	overflow : none;
}

a.catalogue { /* d��finition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit ��tre en bloc */
     width: 132px; /* largeur de l'image r��active */
     height: 33px; /* hauteur de l'image r��active */
     background-image: url(images/catalogue.gif); /* source de l'image de d��part */
     background-repeat: no-repeat;
     }
	 
a.catalogue:hover { /* d��finition de la classe "image" de la balise <a> au survol */
     background-image: url(images/catalogue2.gif); /* source de l'image d'arriv��e */
     } 
     
div#bouton_formation {
	background: none;
	position : absolute;
	top : 0px;
	left : 539px;
	width : 120px;
	height : 33px;
	overflow : none;
}

a.formation { /* d��finition de la classe "image" de la balise <a> */
     display: block; /* la balise a doit ��tre en bloc */
     width: 120px; /* largeur de l'image r��active */
     height: 33px; /* hauteur de l'image r��active */
     background-image: url(images/formation.gif); /* source de l'image de d��part */
     background-repeat: no-repeat;
     }
	 
a.formation:hover { /* d��finition de la classe "image" de la balise <a> au survol */
     background-image: url(images/formation2.gif); /* source de l'image d'arriv��e */
     } 




/* ....................��l��ments fixes..........................  */
div#image_accueil {
	background: url(images/image_accueil.jpg);
	position : absolute;
	top : 33px;
	left : 0px;
	width : 649px;
	height : 170px;
	overflow : none;
}

div#image_INDRA {
	background: url(images/image_indra.jpg);
	position : absolute;
	top : 33px;
	left : 0px;
	width : 649px;
	height : 170px;
	overflow : none;
}

div#definition_contact {
	background: url(images/definition_contact.gif);
	position : absolute;
	top : 33px;
	left : 649px;
	width : 165px;
	height : 170px;
	overflow : none;
}

div#block_news {
	background: url(images/block_news.gif);
	position : absolute;
	top : 213px;
	left : 0px;
	width : 340px;
	height : 30px;
	overflow : none;
}


div#block_societe {
	background: url(images/block_societe.gif);
	position : absolute;
	top : 213px;
	left : 360px;
	width : 444px;
	height : 30px;
	overflow : none;
}

div#news_01 {
	background: url(images/news_01.jpg);
	position : absolute;
	top : 253px;
	left : 0px;
	width : 157px;
	height : 80px;
	overflow : none;
}

div#texte_news_01 {
	background: none;
	position : absolute;
	top : 253px;
	left : 167px;
	width : 173px;
	height : 80px;
	overflow : none;
}

div#news_02 {
	background: url(images/news_02.jpg);
	position : absolute;
	top : 342px;
	left : 0px;
	width : 157px;
	height : 80px;
	overflow : none;
}

div#texte_news_02 {
	background: none;
	position : absolute;
	top : 342px;
	left : 167px;
	width : 173px;
	height : 80px;
	overflow : none;
}

div#news_03 {
	background: url(images/news_03.jpg);
	position : absolute;
	top : 433px;
	left : 0px;
	width : 157px;
	height : 115px;
	overflow : none;
}

div#texte_news_03 {
	background: none;
	position : absolute;
	top : 433px;
	left : 167px;
	width : 173px;
	height : 115px;
	overflow : none;
}

div#texte_societe {
	background: none;
	position : absolute;
	top : 253px;
	left : 360px;
	width : 444px;
	height : 295px;
	overflow : auto;
}

div#texte_catalogue {
	background: none;
	position : absolute;
	top : 253px;
	left : 360px;
	width : 244px;
	height : 295px;
	overflow : auto;
}

div#texte_societe_02 {
	background: none;
	position : absolute;
	top : 245px;
	left : 360px;
	width : 444px;
	height : 320px;
	overflow : none;
}




/* ....................promo INDRA..........................  */

div#block_MA104 {
	background: url(images/block_MA104.gif);
	position : absolute;
	top : 213px;
	left : 0px;
	width : 340px;
	height : 30px;
	overflow : none;
}

div#block_PR-014 {
	background: url(images/block_PR-014.gif);
	position : absolute;
	top : 213px;
	left : 360px;
	width : 440px;
	height : 30px;
	overflow : none;
}


div#texte_indra-01 {
	background: none;
	position : absolute;
	top : 260px;
	left : 0px;
	width : 340px;
	height : 115px;
	overflow : none;
}

div#texte_indra-02 {
	background: none;
	position : absolute;
	top : 260px;
	left : 360px;
	width : 440px;
	height : 115px;
	overflow : none;
}

div#texte_indra-03 {
	background: none;
	position : absolute;
	top : 355px;
	left : 165px;
	width : 160px;
	height : 60px;
	overflow : none;
}

div#texte_indra-04 {
	background: none;
	position : absolute;
	top : 355px;
	left : 669px;
	width : 160px;
	height : 60px;
	overflow : none;
}

div#MA104{
	background: url(images/MA104.jpg);
	position : absolute;
	top : 355px;
	left : 50px;
	width : 97px;
	height : 150px;
	overflow : none;
}

div#PR014{
	background: url(images/PR014.jpg);
	position : absolute;
	top : 300px;
	left : 350px;
	width : 360px;
	height : 257px;
	overflow : none;
}


/* ....................��l��ments catalogue..........................  */

div#cata{
	background: url(images/cata2007.jpg);
	position : absolute;
	top : 260px;
	left : 638px;
	width : 142px;
	height : 184px;
	overflow : none;
}

div#etiquette_01{
	background: url(images/etiquette_compresseur.gif);
	position : absolute;
	top : 0px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_02{
	background: url(images/etiquette_thermostat.gif);
	position : absolute;
	top : 60px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_03{
	background: url(images/etiquette_ventilateur.gif);
	position : absolute;
	top : 120px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_04{
	background: url(images/etiquette_condenseur.gif);
	position : absolute;
	top : 180px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_05{
	background: url(images/etiquette_pressostat.gif);
	position : absolute;
	top : 240px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_06{
	background: url(images/etiquette_compresseur.gif);
	position : absolute;
	top : 300px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_07{
	background: url(images/etiquette_compresseur.gif);
	position : absolute;
	top : 360px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_08{
	background: url(images/etiquette_compresseur.gif);
	position : absolute;
	top : 420px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_09{
	background: url(images/etiquette_deshydrateur.gif);
	position : absolute;
	top : 0px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_10{
	background: url(images/etiquette_pressostat.gif);
	position : absolute;
	top : 60px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_11{
	background: url(images/etiquette_detendeur.gif);
	position : absolute;
	top : 120px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_12{
	background: url(images/etiquette_compresseur.gif);
	position : absolute;
	top : 180px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_13{
	background: url(images/etiquette_compresseur.gif);
	position : absolute;
	top : 240px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_14{
	background: url(images/etiquette_compresseur.gif);
	position : absolute;
	top : 300px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_15{
	background: url(images/etiquette_compresseur.gif);
	position : absolute;
	top : 360px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}


div#etiquette_outillage_01{
	background: url(images/etiquette_station.gif);
	position : absolute;
	top : 0px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_02{
	background: url(images/etiquette_rincage.gif);
	position : absolute;
	top : 60px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_03{
	background: url(images/etiquette_pompes.gif);
	position : absolute;
	top : 120px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_04{
	background: url(images/etiquette_manometre.gif);
	position : absolute;
	top : 180px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_05{
	background: url(images/etiquette_mesure.gif);
	position : absolute;
	top : 240px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_06{
	background: url(images/etiquette_joint.gif);
	position : absolute;
	top : 300px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_07{
	background: url(images/etiquette_detection.gif);
	position : absolute;
	top : 360px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_08{
	background: url(images/etiquette_consommables.gif);
	position : absolute;
	top : 420px;
	left : 0px;
	width : 210px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_09{
	background: url(images/etiquette_gaz.gif);
	position : absolute;
	top : 0px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_10{
	background: url(images/etiquette_soudure.gif);
	position : absolute;
	top : 60px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_11{
	background: url(images/etiquette_detendeur.gif);
	position : absolute;
	top : 120px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_12{
	background: url(images/etiquette_adaptateur.gif);
	position : absolute;
	top : 180px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_13{
	background: url(images/etiquette_valves.gif);
	position : absolute;
	top : 240px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_14{
	background: url(images/etiquette_consommables.gif);
	position : absolute;
	top : 300px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_outillage_15{
	background: url(images/etiquette_compresseur.gif);
	position : absolute;
	top : 360px;
	left : 220px;
	width : 200px;
	height : 43px;
	overflow : none;
}

div#etiquette_kit_01{
	background: url(images/equipocompleto.gif) no-repeat;
	position : absolute;
	top : 50px;
	left : -15px;
	width : 300px;
	height : 250px;
	overflow : none;
}


div#block_produits {
	background: url(images/block_produits.gif);
	position : absolute;
	top : 213px;
	left : 0px;
	width : 340px;
	height : 30px;
	overflow : none;
}

div#produits_01 {
	background: url(images/produits_01.jpg);
	position : absolute;
	top : 253px;
	left : 0px;
	width : 157px;
	height : 80px;
	overflow : none;
}

div#texte_produits_01 {
	background: none;
	position : absolute;
	top : 253px;
	left : 167px;
	width : 173px;
	height : 80px;
	overflow : none;
}

div#produits_02 {
	background: url(images/produits_02.jpg);
	position : absolute;
	top : 342px;
	left : 0px;
	width : 157px;
	height : 80px;
	overflow : none;
}

div#texte_produits_02 {
	background: none;
	position : absolute;
	top : 342px;
	left : 167px;
	width : 173px;
	height : 80px;
	overflow : none;
}

div#produits_03 {
	background: url(images/produits_03.jpg);
	position : absolute;
	top : 433px;
	left : 0px;
	width : 157px;
	height : 115px;
	overflow : none;
}

div#texte_produits_03 {
	background: none;
	position : absolute;
	top : 433px;
	left : 167px;
	width : 173px;
	height : 115px;
	overflow : none;
}

div#block_catalogue {
	background: url(images/block_catalogue.gif);
	position : absolute;
	top : 213px;
	left : 360px;
	width : 444px;
	height : 30px;
	overflow : none;
}

div#block_outillage {
	background: url(images/block_outillage.gif);
	position : absolute;
	top : 213px;
	left : 360px;
	width : 444px;
	height : 30px;
	overflow : none;
}

div#block_piecesdetachees {
	background: url(images/block_piecesdetachees.gif);
	position : absolute;
	top : 213px;
	left : 360px;
	width : 444px;
	height : 30px;
	overflow : none;
}

div#block_equipementscomplets {
	background: url(images/block_equipementscomplets.gif);
	position : absolute;
	top : 213px;
	left : 360px;
	width : 444px;
	height : 30px;
	overflow : none;
}
/* ....................��l��ments formation..........................  */

div#image_formation {
	background: url(images/image_formation.jpg);
	position : absolute;
	top : 33px;
	left : 0px;
	width : 649px;
	height : 170px;
	overflow : none;
}

div#block_formation01 {
	background: url(images/block_formation01.gif);
	position : absolute;
	top : 213px;
	left : 0px;
	width : 340px;
	height : 30px;
	overflow : none;
}

div#formation_01 {
	background: url(images/image_formation01.jpg) no-repeat;
	position : absolute;
	top : 253px;
	left : 0px;
	width : 156px;
	height : 170px;
	overflow : none;
}

div#texte_formation_01 {
	background: none;
	position : absolute;
	top : 253px;
	left : 167px;
	width : 173px;
	height : 170px;
	overflow : none;
}

div#formation_02 {
	background: url(images/image_formation02.jpg);
	position : absolute;
	top : 433px;
	left : 0px;
	width : 156px;
	height : 115px;
	overflow : none;
}

div#texte_formation_02 {
	background: none;
	position : absolute;
	top : 433px;
	left : 167px;
	width : 173px;
	height : 115px;
	overflow : none;
}

div#block_formation02 {
	background: url(images/block_formation02.gif);
	position : absolute;
	top : 213px;
	left : 360px;
	width : 444px;
	height : 30px;
	overflow : none;
}

div#texte_formation {
	background: none;
	position : absolute;
	top : 253px;
	left : 360px;
	width : 444px;
	height : 295px;
	overflow : none;
}



/* ....................��l��ments variables..........................  */


div#block_nouveauproduit {
	background: url(images/block_nouveauproduit.gif);
	position : absolute;
	top : 213px;
	left : 360px;
	width : 444px;
	height : 30px;
	overflow : none;
}

div#block_reglementation {
	background: url(images/block_reglementation.gif);
	position : absolute;
	top : 213px;
	left : 360px;
	width : 444px;
	height : 30px;
	overflow : none;
}

div#imagearticle {
	background: url(images/image_news01.jpg);
	position : absolute;
	top : 378px;
	left : 360px;
	width : 279px;
	height : 170px;
	overflow : none;
}

div#imagearticle02 {
	background: url(images/image_news02.jpg);
	position : absolute;
	top : 378px;
	left : 360px;
	width : 157px;
	height : 170px;
	overflow : none;
}
div#imagearticle03 {
	background: url(images/piccolaPLUS_02.jpg);
	position : absolute;
	top : 390px;
	left : 535px;
	width : 250px;
	height : 153px;
	overflow : none;
}

div#texte_news {
	background: none;
	position : absolute;
	top : 253px;
	left : 360px;
	width : 444px;
	height : 120px;
	overflow : none;
}

div#texte_news02 {
	background: none;
	position : absolute;
	top : 253px;
	left : 530px;
	width : 273px;
	height : 120px;
	overflow : auto;
}

div#texte_dansnews02 {
	background: none;
	position : absolute;
	top : 0px;
	left : 0px;
	width : 243px;
	height : 120px;
	overflow : none;
}

div#texte02_news {
	background: none;
	position : absolute;
	top : 363px;
	left : 638px;
	width : 165px;
	height : 200px;
	overflow : none;
}

div#texte03_news {
	background: none;
	position : absolute;
	top : 265px;
	left : 360px;
	width : 165px;
	height : 190px;
	overflow : none;
}

div#block_text_reglementation {
	position : absolute;
	top : 253px;
	left : 360px;
	width : 444px;
	height : 295px;
	overflow : auto;
}






p#TexteParagraphe {
	font-family: Helvetica;
	font-size: 10px;
	color: #666666;
	text-decoration: normal;
	text-align: left;
	
	margin-left : 00px;
	margin-top : 00px;
	margin-right : 00px;
	margin-bottom : 00px;
}

p#TexteParagraphe02 {
	font-family: Helvetica;
	font-size: 10px;
	color: #333333;
	text-decoration: normal;
	text-align: justify;
	
	margin-left : 00px;
	margin-top : 00px;
	margin-right : 00px;
	margin-bottom : 00px;
}

p#TexteParagraphe2 {
	font-family: Helvetica;
	font-size: 12px;
	color: #000000;
	text-decoration: normal;
	text-align: justify;
	
	margin-left : 00px;
	margin-top : 00px;
	margin-right : 00px;
	margin-bottom : 00px;
}	
	
p#TexteParagraphe3 {
	font-family: Helvetica;
	font-size: 11px;
	color: #336699;
	text-decoration: normal;
	text-align: left;
	
	margin-left : 00px;
	margin-top : 00px;
	margin-right : 00px;
	margin-bottom : 00px;
}

p#TexteParagraphe0003 {
	font-family: Helvetica;
	font-size: 14px;
	color: #336699;
	text-decoration: normal;
	text-align: left;
	
	margin-left : 00px;
	margin-top : 00px;
	margin-right : 00px;
	margin-bottom : 00px;
}

p#TexteParagraphe03 {
	font-family: Helvetica;
	font-size: 12px;
	color: #336699;
	text-decoration: normal;
	text-align: center;
	
	margin-left : 00px;
	margin-top : 00px;
	margin-right : 00px;
	margin-bottom : 00px;
}
p#TexteParagraphe003 {
	font-family: Helvetica;
	font-size: 12px;
	color: #666666;
	text-decoration: normal;
	text-align: center;
	
	margin-left : 00px;
	margin-top : 00px;
	margin-right : 00px;
	margin-bottom : 00px;
}

p#TextePrix {
	font-family: Helvetica;
	font-size: 14px;
	color: #ff0000;
	text-decoration: normal;
	text-align: left;
	
	margin-left : 00px;
	margin-top : 00px;
	margin-right : 00px;
	margin-bottom : 00px;
}


p#TexteTitre {
	font-family: Helvetica;
	font-size: 12px;
	color: #336699;
	text-decoration: normal;
	text-align: justify;
	
	margin-left : 00px;
	margin-top : 00px;
	margin-right : 00px;
	margin-bottom : 00px;
}




/* Les liens, plusieurs choses ? d?finir
	a:link 	lien au repos
	a:visited 	lien d?j? visit?
	a:hover	pointeur de souris dessus
	a:active	en train de cliquer dessus
	a:focus	utilisation de tab
	
	IL faut d?finir le style de chaque ?tat du lien A
*/

/* De maniere global (s'applique ? tous les liens et s'appelle comme ?a dans le code HTML :  <a>...</a>)  */
a:link {
/* 	Hexad?cimal : #RRVVBB	 */
	font-family: Helvetica;

	color: #000000;
}

/* De maniere plus pr?cise : s'applique ici au lien d'ID "monLien" ,qu el'on appelle dans le HTML : 	<a id="monLien">...					*/
a#monLien:link {
	font-family: Helvetica;

	color: #000000;	
	text-decoration: none;
}
a#monLien:visited {
	font-family: Helvetica;

	color: #000000;	
}
a#monLien:hover {
	font-family: Helvetica;

	color: #000000;	
	text-decoration: underline;
}
a#monLien:active {
	font-family: Helvetica;

	color: #00000;
	text-decoration: none;	
}
a#monLien:focus {
	font-family: Helvetica;

	color: #000000;	
}

a#monLien2:link {
	font-family: Helvetica;

	color: #666666;	
	text-decoration: underline;
}
a#monLien2:visited {
	font-family: Helvetica;
	text-decoration: underline;
	color: #666666;	
}
a#monLien2:hover {
	font-family: Helvetica;

	color: #666666;	
	text-decoration: underline;
}
a#monLien2:active {
	font-family: Helvetica;

	color: #666666;
	text-decoration: underline;	
}
a#monLien2:focus {
	font-family: Helvetica;
	text-decoration: underline;
	color: #666666;	
}





a#agenda_jour:link , a#agenda_mois:link {
	font-family: Helvetica;
	font-size: 12px;
	color: #3366CC;	
	text-decoration: none;
}
a#agenda_jour:link , a#agenda_mois:link {
	font-family: Helvetica;
	font-size: 12px;
	color: #3366CC;	
}
a#agenda_jour:link , a#agenda_mois:link {
	font-family: Helvetica;
	font-size: 12px;
	color: #3366CC;	
	text-decoration: underline;
}
a#agenda_jour:link , a#agenda_mois:link {
	font-family: Helvetica;
	font-size: 12px;
	color: #3366CC;
	text-decoration: none;	
}
a#agenda_jour:link , a#agenda_mois:link {
	font-family: Helvetica;
	font-size: 12px;
	color: #3366CC;	
}