/********************************************************************* Balise ****************************************************************/
form {
	padding: 0px;
	margin: 0px;
}

td {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-style: normal;
	line-height: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	color: #000000;
	text-decoration: none;
}

body {
margin: 0;
text-align: center;
background: url(gifs/idm_01.jpg) repeat-x top #5b7092;
}

img {
border: 0;}

ul, li {
margin: 0;
padding: 0;}

/******************************************************************** Lien ******************************************************************/
a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
	text-decoration: none;
}
a:hover {
	text-decoration: underline;
	color: #000000;
}
a:active {
	text-decoration: none;
	color: #000000;
}

#content a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#content a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: bold;
	text-decoration: none;
}
#content a:hover {
	text-decoration: underline;
	color: #fff;
}
#content a:active {
	text-decoration: none;
	color: #fff;
}
#content_main02 a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
#content_main02 a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
#content_main02 a:hover {
	text-decoration: underline;
	color: #fff;
}
#content_main02 a:active {
	text-decoration: none;
	color: #fff;
}

#hdp a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}
#hdp a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
color: #fff;
	text-decoration: none;
}
#hdp a:hover {
	text-decoration: underline;
color: #fff;
}
#hdp a:active {
	text-decoration: none;
color: #fff;
}


#footer a {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
#footer a:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #fff;
	font-weight: normal;
	text-decoration: none;
}
#footer a:hover {
	text-decoration: underline;
	color: #fff;
}
#footer a:active {
	text-decoration: none;
	color: #fff;
}
/*--------------------------------------------------------------------------*/

/********************************************************************** Class **************************************************************/
.scrollbarre {
	overflow:auto;
}

/* Newsletter 
--------------------------------------------------------------------------*/
#letter {
	padding-left: 160px;}


.email_news {
	font-family:Geneva,Arial,Helvetica;
	font-size:11px;
	color: #3f5155;
	background-color:#ffffff;
	border: #3f5155 1px solid;
	padding:2px;
}

.bouton_news {
background: url(gifs/idm_12.jpg) no-repeat;
height: 24px;
width: 25px;
cursor: pointer;
border: 0;
}
/*--------------------------------------------------------------------------*/

/**********************************************************BDD AUTO **************************************/
.numpage {
}
.numpage_selec {
	color: #739dd4;
}
.bt_suivant{
}
.bt_precedent{
}
.liste_cat{
}
.fichierbin{
}
.photo{
}
/**********************************************************************************************************/



/*********************************************************LIGHTBOX*****************************************/

#lightbox{
	background-color:#eee;
	padding: 10px;
	border-bottom: 2px solid #666;
	border-right: 2px solid #666;
	}
#lightboxDetails{
	font-size: 0.8em;
	padding-top: 0.4em;
	}	
#lightboxCaption{ float: left; }
#keyboardMsg{ float: right; }
#closeButton{ top: 5px; right: 5px; }

#lightbox img{ border: none; clear: both;} 
#overlay img{ border: none; }

#overlay{ background-image: url(gifs/overlay.png); }

* html #overlay{
	background-color: #333;
	back\ground-color: transparent;
	background-image: url(blank.gif);
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="gifs/overlay.png", sizingMethod="scale");
	}
	
/**********************************************************************************************************/

/*TEXTE
--------------------------------------------------------------------------*/

h1 {
font-size: 16px;
font-variant: small-caps;
color: #858e9e;
margin: 0 10px;
padding: .5em 0;}

h3 {
color: #fff;
margin: 0 15px;
padding: .5em 0 0 0;
font-size: 13px;}

h4 {
color: #b6c7de;
margin: 0 15px;
padding: .5em 0 0 0;
font-size: 12px;}

h5 {
color: #FF9403;
font-family:Arial, Helvetica, sans-serif;
margin: 0 15px;
padding: 5px 0 0 0;
font-size: 13px;}

p {
color: #fff;
margin: 0 15px;
padding-bottom: .5em;
font-size: 11px;
line-height: 1.3em;
text-align: justify;}

p img {
float: left;
margin: 5px 5px 0 0;
border: 1px solid #b6c7de;}

hr {
clear: both;
background: #2c4162;
border: 0;
padding: 0 0 1px 0;
margin: 10px 175px;}

.texte {
color: #364a69;}

.impt {
color: #b6c7de;}

.impt2 {
color: #b6c7de;
font-weight: bold;}

.impt3 {
color: #2c4162;
font-weight: bold;}

.impt4 {
color: #10223f;
font-weight: bold;}

/*--------------------------------------------------------------------------*/

/*STRUCTURE
--------------------------------------------------------------------------*/

#container {
width: 979px;
margin: 0 auto;
text-align: left;}

	#content {
	background: url(gifs/idm_38.jpg) repeat-y;
	}
	
		#content_main02 {
		background: url(gifs/bg.gif) top repeat-x #10223f;
		border: 1px solid #739dd4;
		text-align: left;
		margin-bottom: 15px;}
	
		.content_main {
		background: url(gifs/bg_27.gif);
		border: 1px solid #739dd4;
		text-align: left;}
	
		.content_main03 {
		background: url(gifs/bg_255.gif) top repeat-x  #10223f;
		border: 1px solid #739dd4;
		text-align: left;
		margin-bottom: 15px;
		padding-bottom: 10px;}
	
		.content_main03 h3{
		font-size: 14px;
		padding: 5px 0;}
		
/*--------------------------------------------------------------------------*/

#options {
background: url(gifs/idm_04.jpg) repeat-x;
width: 380px;
}

	#options ul{
	float: right;
	padding: 5px 0;}

	#options li{
	text-align: right;
	list-style: none;
	padding: 0 15px;
	margin: 5px 0;
	color: #476ba1;
	font-weight: bold;
	letter-spacing: -1px;}
	
	#langues {
	width: 17px;
	float: right;
	padding-top: 15px;}
	
		#langues img{
		padding-bottom: 5px;}
	
/*--------------------------------------------------------------------------*/


/*NAV
--------------------------------------------------------------------------*/
#index {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 52px; /* changer la hauteur ici */
    background: url(gifs/over_17.jpg) no-repeat left top;    /* placement de l'image over */
}

#index a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/idm_17.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#index a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#presentation {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 41px; /* changer la hauteur ici */
    background: url(gifs/over_24.jpg) no-repeat left top;    /* placement de l'image over */
}

#presentation a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/idm_24.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#presentation a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#activites {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 41px; /* changer la hauteur ici */
    background: url(gifs/over_25.jpg) no-repeat left top;    /* placement de l'image over */
}

#activites a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/idm_25.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#activites a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}

#realisations {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 38px; /* changer la hauteur ici */
    background: url(gifs/over_33.jpg) no-repeat left top;    /* placement de l'image over */
}

#realisations a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/idm_33.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#realisations a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#maison_ampoule {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 40px; /* changer la hauteur ici */
    background: url(gifs/over_26.jpg) no-repeat left top;    /* placement de l'image over */
}

#maison_ampoule a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/idm_26.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#maison_ampoule a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#references {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 39px; /* changer la hauteur ici */
    background: url(gifs/over_27.jpg) no-repeat left top;    /* placement de l'image over */
}

#references a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/idm_27.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#references a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#demande_devis {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 41px; /* changer la hauteur ici */
    background: url(gifs/over_28.jpg) no-repeat left top;    /* placement de l'image over */
}

#demande_devis a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/idm_28.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#demande_devis a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}


#contact {    /* "lien" sera notre conteneur, ici la balise div */
    width: 192px;  /* changer la largeur ici */
    height: 40px; /* changer la hauteur ici */
    background: url(gifs/over_32.jpg) no-repeat left top;    /* placement de l'image over */
}

#contact a {    /* définition du lien qui occupera toute la place du conteneur */
    display: block;
    width: 100%;
    height: 100%;
    background: url(gifs/idm_32.jpg) no-repeat left top;    /* placement de l'image du menu */
    color: #000;
}

#contact a:hover {    /* masquage de l'image1 au survol */
    background: transparent none;
}
/*--------------------------------------------------------------------------*/

#bloc_contact {
background: url(gifs/idm_34.jpg) no-repeat;
width: 192px;
height: 101px;}

	#bloc_contact p{
	padding: 5px 0;
	margin: 0 8px;
	color: #364a69;
	letter-spacing: -1px;} 


/*INDEX
--------------------------------------------------------------------------*/
#bloc01 {
background: url(gifs/idm_19.jpg) no-repeat;
width: 246px;
height: 37px;
color: #fff;
text-align: center;}

#bloc02 {
background: url(gifs/idm_20.jpg) no-repeat;
width: 257px;
height: 37px;
color: #fff;
text-align: center;}

#bloc03 {
background: url(gifs/idm_21.jpg) no-repeat;
width: 283px;
height: 115px;
color: #fff;
}

	#bloc03 h3{
	padding-top: 0;
	margin: 0 5px 0 15px;}

	#bloc03 p{
	letter-spacing: -1px;}
	
	#bloc03 p strong.impt {
	color:#ff9403;
	}

#bloc04 {
background: url(gifs/idm_22.jpg) no-repeat top;
width: 246px;
height: 187px;
color: #fff;}

	#bloc04 p{
	margin: 0 25px;
	padding: 15px 0;
	letter-spacing: -1px;
	padding-top: 120px;
	}

#bloc05 {
background: url(gifs/idm_23.jpg) no-repeat;
width: 258px;
height: 187px;
color: #fff;}

	#bloc05 h3{
	padding: 70px 0 0 40px;}

	#bloc05 p{
	margin: 0 38px;
	padding: 15px 0;
	}

#bloc06 {
background: url(gifs/idm_29.jpg) no-repeat right;
width: 300px;
height: 108px;
color: #fff;}

	#bloc06 h3{
	padding: 35px 0 0 40px;}
	
	#bloc06 p{
	text-align: right;
	padding: 0 12px;
	margin-top: 5px;}

#bloc07 {
background: url(gifs/idm_30.jpg) no-repeat;
width: 178px;
height: 230px;}

#bloc08 {
background: url(gifs/idm_31.jpg) no-repeat;
width: 308px;
height: 108px;
color: #fff;}

	#bloc08 h3{
	padding: 35px 0 0 40px;}
	
	#bloc08 p{
	text-align: right;
	padding: 0 12px;
	margin-top: 5px;}

#bloc09 {
background: url(gifs/idm_35.jpg) no-repeat right;
width: 300px;
height: 122px;
color: #fff;
vertical-align:top;}

	#bloc09 p{
	color: #3f6095;
	margin: 0 22px;
	padding: 5px 0;}

#bloc10 {
background: url(gifs/idm_36.jpg) no-repeat;
width: 308px;
height: 122px;
color: #fff;
vertical-align:top;}

	#bloc10 p{
	color: #3f6095;
	color: #3f6095;
	margin: 0 22px;
	padding: 5px 0;}
	
	
#bloc11 {
	background: url(gifs/idm_47.jpg) no-repeat;
	width: 283px;
	height: 72px;
	color: #fff;
}

	#bloc11 h3{
	padding: 0 0 0 40px;}
	
	#bloc11 p{
	text-align: right;
	padding: 0 15px;
	margin-top: 5px;}
	
#bloc12 {
background: url(gifs/idm_devis.jpg) no-repeat;
width: 257px;
height: 102px;
color: #fff;
vertical-align: bottom;}

	#bloc12  h3{
	padding: 35px 0 0 40px;}
	
	#bloc12  p{
	text-align: right;
	padding: 0 12px;
	letter-spacing:-1px;}
/*--------------------------------------------------------------------------*/


.photo01 {
float: right;
width: 210px;
height: 180px;
padding: 7px 17px;}

	.photo01 img{
	border: 1px solid #739dd4;}


.photo02 {
float: left;
width: 170px;
height: 150px;
padding: 3px 17px;}

	.photo02 img{
	border: 1px solid #739dd4;}

.photo03 {
float: right;
width: 100px;
height: 100px;
padding: 3px 17px;}

	.photo03 img{
	border: 1px solid #739dd4;}

.photo04 {
	float: left;
	width: 200px;
	height: 150px;
	padding: 3px 17px;
}

	.photo04 img{
	border: 1px solid #739dd4;
}

.photo05 {
	float: right;
	width: 200px;
	height: 150px;
	margin-left:10px;
	padding: 3px 17px;
}

	.photo05 img{
	border: 1px solid #739dd4;
}

	
.photoz {
text-align: center;}
.photoz img{
margin: 15px;}

/*CONTACT
-------------------------------------------------------*/
#FormDevis {
margin: 0 auto;}

	#FormDevis p{
	width: 75%;
	text-align: right;
	}
/*-------------------------------------------------------*/


/*CONTACT
-------------------------------------------------------*/
#contact_body {
padding: 15px;
margin: 15px 0;
border: 1px solid #739dd4;}

#contact_side p {
text-align: center;}

	
#bob {
width: 65%;
border-right: 1px dashed #a6814d;}


#mail {}

#mail p{
margin: 0 10px;}

#corpForm {
margin: 0 auto;}

/*#reserv td.right{
text-align: right;}

#reserv td.left{
text-align: left;}
 */
fieldset{
margin: 5px 3em 0;
}

em.ob{margin-left: 3em;
color: #333;}

fieldset legend{
margin-top: 16px;
padding-top: 0;
line-height: 16px;
text-align: left;
color: #b6c7de;
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
font-weight: bold;
border-top: 1px solid #b6c7de;
}


fieldset input{
text-align: left;
margin-top: 5px;}

fieldset input:focus{
border: 2px solid #fff;}

fieldset textarea:focus{
border: 2px solid #fff;}

fieldset label{
color: #fff;}

fieldset textarea{
vertical-align: text-top;
text-align: left;
width: 200px;}

fieldset p{
width: 300px;
text-align: right;}

#bouton_send{
width: 400px;
text-align: center;}

input.contact_envoyer{
cursor: pointer;
text-align: center;
border: 1px solid #3f5155;
color: #fff;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
margin: 1em 0 .5em;
padding: 0 2em;
background: #3f5155;}

input.contact_envoyer:hover{
background: #777;}

img[src="gifs/plan.gif"] {
border: 1px solid #a6814d;
}

	img[src="gifs/plan.gif"]:hover {
	border: 1px solid #ff9706;
}

/*--------------------------------------------------------------------------*/




#hdp {
text-align: right;
background: url(gifs/idm_39.jpg) no-repeat;
height: 18px;}

/*footer
--------------------------------------------------------------------------*/
#footer {
padding: 5px;
width: 943px;
text-align: center;
color: #e6eef8;}
/*--------------------------------------------------------------------------*/
	

#qualifelec p {
	font-size:14px;
	font-weight:bold;
	color:#333333;
	text-transform:uppercase;
	padding-top:20px;
}

/****************************************************************************/
#depannage ul {
	margin-left:40px;
	padding:10px;
}

#depannage li {
	list-style-image:url(gifs/puce.jpg);
	color:#fff;
}

#categorie p {
color: #fff;
margin: 0 15px;
padding-bottom: 5px;
font-size: 11px;
line-height: 1.5em;
text-align: justify;
}


#categorie p img {
	margin: 5px 3px 0 0;
	border:none;
	width:6px;
	height:6px;
	float:none;
}

.textfooter {
font-size:11px;
color:#FFFFFF;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}

.textfooter a {
	text-decoration:none;
	color:#FFFFFF;
}