/* CSS Document */
/*****************/
/* Style General */
/*****************/
* {
	margin:0px;
	padding:0px;
}
html {
	font-size:100%;
}
body {
	background-color:#ECEDED;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:12px;
	color:#58585A;
	background-image:url('FileMMedia/Image/fond_cpc.gif');
	background-repeat:repeat-x;
	background-position:top;
}
img {
	border:0px;
}
a {
	text-decoration:none;
	color:#000000;
}
a:hover {
	text-decoration:underline;
}
.btn_on{
	background-color:#97BF0D;color:#FFFFFF;border:1px solid #3E3D40;
}
.btn_off{
	background-color:#F33;color:#FFFFFF;border:1px solid #F00;
}
textarea, select, input {
	height:auto;
	font-family:Arial, Verdana, Helvetica, sans-serif;
	font-size:1em;	
}
/*input[type=submit], input[type=button], input#submit {
	height:auto;
	background-color:#CCCCCC;
	border:1px solid #777777;
}*/
label{ cursor:pointer; }

h1{
	height:26px;
	font-size:22px;
	color:#6D7A92;
	background-image:url('FileMMedia/Image/picto1.gif');
	background-repeat:no-repeat;
	background-position:top left;
	padding-left:22px;
	margin-bottom:14px;
}
h3 a{
	font-family:Georgia, "Times New Roman", Times, serif;
	font-size:12px;
	
	color:#9C9E9F;
	font-weight:normal;
}
.button_diapo_show, .button_menu_show{
	width:16px;
	height:16px;
	background-image:url('FileMMedia/Image/hide.png');
	display:block;
	cursor:pointer;
}
.button_diapo_hide, .button_menu_hide{
	width:16px;
	height:16px;
	background-image:url('FileMMedia/Image/show.gif');
	display:block;
	cursor:pointer;
}
.diapo_show_hide, .menu_show_hide{
	width:16px;
	height:16px;
	display:block;
	position:absolute;
	margin-left:1000px;
}

.link_vert{
	font-size:13px;
	font-weight:bold;
	color:#97BF0D;
}

	/****************************/
	/**  Version 1 des infobulles
	/****************************/
	a.info {
	   position: relative;
	   text-decoration: none;
	}
	a.info span.bulle {
	   width:247px;
	   height:89px;
	    display: none;
	}
	a.info:hover {
	   background: none; /* correction d'un bug IE */
	   z-index: 500; 
	}
	a.info:hover span.bulle {
	   display: inline; 
	   position: absolute;
	
	   /*white-space: nowrap;  on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */
	
	   top: -89px; 
	   left:70px;
	
	   background-image:url('FileMMedia/Image/bulle_menu2.gif');
	   background-repeat:no-repeat;
	
	   color: #5B7827;
	   padding: 8px 12px 0px 12px;
	
	}

/********/
/* Site */
/********/
#Site {
	margin:10px auto 0px auto;
	width:1000px;
}


/************/
/* Banniere */
/************/
#Banniere {
	width:1000px;
	height:113px;
	display:block;
	background-image:url('FileMMedia/Image/fond_banniere.gif');
	background-repeat:no-repeat;
}
#Banniere a{
	margin-top:25px;
	margin-left:22px;
	width:323px;
	height:60px;
	display:block;
	background-image:url('FileMMedia/Image/logo_banniere.gif')
}
#Banniere a:hover{
	background-image:url('FileMMedia/Image/logo_banniere_hover.gif')
}
/*#DiaporamaBanniere{ height:192px; width:919px; margin-left:3px; border:1px solid #C7CC00; }*/


/********/
/* Menu */
/********/
#Menu {
	width:1000px;
	height:36px;
	background-color:#1A171B;
	padding-top:5px;
	/*background-image:url(FileMMedia/Image/menu.jpg);
	background-repeat:no-repeat;*/	
}
#Menu ul {
	height:30px;
	margin-left:25px;
}
#Menu ul li {
	float:left;
	list-style:none;
	padding-top:9px;
	padding-left:11px;
	margin-right:23px;
	background-image:url('FileMMedia/Image/fond_btn_menu.gif');
	background-repeat:repeat-x;
	background-position:top;
	height:30px;	
}
#Menu ul li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url('FileMMedia/Image/picto_btn_menu.gif');
	background-repeat:no-repeat;
	background-position:left;
	font-size:13px;
	color:#D9DADB;
	padding-left:15px;
}
#Menu ul li a:hover {
	text-decoration:none;
	background-image:url('FileMMedia/Image/picto_btn_menu_hover.gif');
	color:#97BF0D;
}
#Menu ul li#Accueil{
	width:86px;
}
#Menu ul li#Chauffage{
	width:103px;
}
#Menu ul li#Energies_Renouvelables{
	width:169px;
}
#Menu ul li#Plomberie_Sanitaire{
	width:157px;
}
#Menu ul li#Acces_Devis{
	width:117px;
}
#Menu ul li#Qualite_SAV{
	width:123px;
}
#Menu ul.Accueil li a.Accueil, #Menu ul.Chauffage li a.Chauffage, #Menu ul.Energies-Renouvelables li a.Energies_Renouvelables, #Menu ul.Plomberie-et-Sanitaire li a.Plomberie_Sanitaire, #Menu ul.Acces-et-Devis li a.Acces_Devis, #Menu ul.Qualite-et-SAV li a.Qualite_SAV {
	text-decoration:none;
	font-style:none;
	color:#97BF0D;
	background-image:url('FileMMedia/Image/picto_btn_menu_hover.gif');
}

/***********************/
/* Menu Administration */
/***********************/
#Menu_Administration {
	width:1000px;
	height:90px;
	background-color:#58585A;
	padding-top:5px;
	margin-bottom:5px;
	/*background-image:url(FileMMedia/Image/menu.jpg);
	background-repeat:no-repeat;*/	
}
#Menu_Administration ul {
	height:30px;
	margin-left:25px;
}
#Menu_Administration ul li {
	float:left;
	list-style:none;
	padding-top:9px;
	padding-left:11px;
	margin-right:23px;
	background-image:url('FileMMedia/Image/fond_btn_menu_administration.gif');
	background-repeat:repeat-x;
	background-position:top;
	height:30px;	
}
#Menu_Administration ul li a {
	display:block;
	font-family:Arial, Helvetica, sans-serif;
	background-image:url('FileMMedia/Image/picto_btn_menu_administration.gif');
	background-repeat:no-repeat;
	background-position:left;
	font-size:13px;
	color:#585759;
	padding-left:15px;
}
#Menu_Administration ul li a:hover{
	color:#FFF;
}
#Menu_Administration ul li a:hover {
	text-decoration:none;
	background-image:url('FileMMedia/Image/picto_btn_menu_administration_hover.gif');
	/*color:#97BF0D;*/
}
#Menu_Administration ul li#Accueil, #Menu_Administration ul li#A_Savoir{
	width:86px;
}
#Menu_Administration ul li#Chauffage, #Menu_Administration ul li#Partenaires{
	width:103px;
}
#Menu_Administration ul li#Energies_Renouvelables{
	width:169px;
}
#Menu_Administration ul li#Plomberie_Sanitaire{
	width:157px;
}
#Menu_Administration ul li#Bandeau_Diaporama{
	width:117px;
}
#Menu_Administration ul li#Qualite_SAV{
	width:123px;
}
#Menu_Administration ul.Accueil li a.Accueil, #Menu_Administration ul.Chauffage li a.Chauffage, #Menu_Administration ul.Energies-Renouvelables li a.Energies_Renouvelables, #Menu_Administration ul.Plomberie-et-Sanitaire li a.Plomberie_Sanitaire, #Menu_Administration ul.Bandeau_Diaporama li a.Bandeau_Diaporama, #Menu_Administration ul.Qualite-et-SAV li a.Qualite_SAV, #Menu_Administration ul.A-SAvoir li a.A_Savoir, #Menu_Administration ul.Partenaires li a.Partenaires {
	text-decoration:none;
	font-style:none;
	color:#FFFFFF;
	background-image:url('FileMMedia/Image/picto_btn_menu_administration_hover.gif');
}

/*************/
/* Diaporama */
/*************/
#Diaporama{
	height:242px;
	padding-top:12px;
	padding-left:25px;
	padding-right:39px;
	display:block;
	background-image:url(FileMMedia/Image/fond_diaporama.gif);
	background-repeat:repeat-x;
	background-position:top;
	border-bottom:1px solid #C6C7C8;
}
#Diaporama .Diaporama_Text{
	padding-top:7px;
	width:330px;
	font-size:15px;
	color:#6D7A92;
}
#Diaporama #Diaporama_More{
	font-size:12px;
	color:#3E3D40;
}
#Diaporama #Diaporama_Pic{
	width:546px;
	height:226px;
	border:3px solid #6D7A92;
}
#Diaporama #slider1 {
    width: 936px; /* important to be same as image width */
    height: 226px; /* important to be same as image height */
    position: relative; /* important */
	overflow: hidden; /* important */
}

#Diaporama #slider1Content {
    width: 920px; /* important to be same as image width or wider */
    position: absolute;
	top: 0;
	margin-right: 0;
	padding-left:384px;
}
#Diaporama .slider1Image {
    float: left;
    position: relative;
	display: none;
}
#Diaporama .slider1Image img{
	width:546px;
	height:220px;
	border:3px solid #6D7A92;
}
#Diaporama .slider1Image span {
    position: absolute;
    padding: 0px;
    width: 364px;
    display: none;
}
#Diaporama .clear {
	clear: both;
}
#Diaporama .left {
	top: 0;
    left: -384px;
	width: 364px !important;
	height: 226px;
}
#Diaporama ul { list-style-type: none;width:546px;}

/***********/
/* Rubrique */
/************/
#Rubrique {
	/*padding-bottom:40px;*/
	width:950px;
	padding:25px;
	background-color:#FFF;
	height:auto;
}
#Rubrique p {
	/*padding:0.5em 0px 0.5em 0px;
	font-size:1em;*/
}
#Rubrique p:first-letter {
	/*font-weight:bold;
	padding-left:1.5em;
	font-size:1.1em;*/
}
#Rubrique ul, #Rubrique ol {
	/*margin:1em 0px 1em 0px;
	padding:0px 0px 0px 2em;*/
}
#Rubrique #Texte_Gauche{
	float:left;
	width:685px;
	display:block;
}
#Rubrique #Texte_Accueil{
	float:left;
	width:430px;
	display:block;
}
#Rubrique #Link_Plan_Acces{
	width:141px;
	height:30px;
	display:block;
	background-image:url('FileMMedia/Image/btn_plan_acces.gif');
}
#Rubrique #Link_Contact_Devis{
	width:161px;
	height:30px;
	display:block;
	background-image:url('FileMMedia/Image/btn_contact_devis.gif');
}
#Rubrique #Link_Plan_Acces:hover{
	background-image:url('FileMMedia/Image/btn_plan_acces_hover.gif');
}
#Rubrique #Link_Contact_Devis:hover{
	background-image:url('FileMMedia/Image/btn_contact_devis_hover.gif');
}
#Rubrique #Diaporama_Accueil{
	float:left;	
	width:230px;
	height:355px;
	background-color:#3E3D40;
	display:block;
	margin-top:17px;
	margin-left:25px;
}
#Rubrique #News_Accueil, #Rubrique #News_Droite{
	float:left;
	margin-left:37px;
	display:block;
	width:220px;
}
#Rubrique .News{
	color:#6D7A92;
	font-size:12px;
	margin-bottom:16px;
}
#Rubrique .News_Date{
	color:#1A171B;
	font-size:9px;
}
#Rubrique .News_Title{
	font-weight:bold;
}
#Rubrique .News_Text{

}
#Rubrique .News_More{
	color:#3E3D40;
	font-size:9px;
}
#Rubrique .News_Separation{
	width:155px;
	height:10px;
	display:block;
	border-bottom:1px dotted #6D7A92;
}
#Rubrique #Certif{
	/*width:212px;
	height:141px;*/
	display:block;
	background-color:#F8F8F8;
	/*background-image:url('FileMMedia/Image/pic_certif.gif');*/
	border:2px solid #6D7A92;
}
#Rubrique #Certif img{
	padding:8px;
	padding-right:20px;
}

/*************/
/*  BasPage  */
/*************/
#BasDePage {
	width:1000px;
	height:135px;
	display:block;
	font-size:12px;	
	margin:0px auto 150px auto;
	padding-top:30px;
	background-color:#3E3D40;
	background-image:url('FileMMedia/Image/logo_footer.gif');
	background-repeat:no-repeat;
	background-position:35px 30px;
}
#BasDePage #Liens_Footer_1{
	display:block;
	float:left;
	width:179px;
	margin-left:242px;
	padding-left:26px;
	border-left:1px solid #87888A;
}
#BasDePage #Liens_Footer_2{
	display:block;
	float:left;
	width:265px;
}
#BasDePage #Coordonnees{
	display:block;
	float:left;
	color:#9C9E9F;
}
#BasDePage #Liens_Footer_1 a, #BasDePage #Liens_Footer_2 a, #BasDePage #Coordonnees a{
	color:#87888A;
	font-size:12px;	
	text-decoration:none;
}
/*#BasDePage #Liens_Footer_1 a:hover, #BasDePage #Liens_Footer_2 a:hover{
	margin-left:10px;
}*/
#BasDePage #Coordonnees a{
	color:#9C9E9F;
}

/*#BasDePage .coordonneesBasPage{
	width:300px;
	height:195px;
}
#BasDePage .texteBasPage{
	width:600px;
	height:135px;
	background-image:url(FileMMedia/Image/bg_txtBasPage.jpg);
	background-repeat:no-repeat;
	padding:60px 40px 0px 40px;
}

#BasDePage .tabBasPage{
	margin:0px auto 0px auto;
	width:931px;
}
#BasDePage .titreBas{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	font-weight:bold;
	color:#C6C7C8;
}
#BasDePage .texteBas{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C6C7C8;
}
#BasDePage .txtCoordonnees{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C6C7C8;
	margin-left:35px;
}
#BasDePage .txtCoordonnees2{
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#C6C7C8;
}
#ReserverBasPage{
	margin-left:35px;
}
#btnResaBasPage{
	width:98px;
	height:17px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:10px;
}*/






/*****************************/
/*    Formulaire contact     */
/*****************************/

#Nom{
	width:300px;
}
#Adresse{
	width:290px;	
}
#Commentaire{
	width:300px;	
}

#Code-Postal{
	width:131px;
}

#Ville{
	width:136px;
}
#Pays{
	width:292px;	
}
#e-mail{
	width:300px;	
}

/************/
/* PiedPage */
/************/
#PiedPage {
	clear:both;
	width:931px;
	margin:0px auto 0px auto;
	padding:0px;
	text-align:center;
	color:#777777;
}
#PiedPage a {
	color:#777777;
}