@charset "utf-8";
/* CSS Document */

body
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align: center;
background: #fff url('ressources/bg-fond.jpg') repeat-x left top;
/*background-color: #24264b;*/
}


#global
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align: center;
/*border: black solid 2px;*/
background: url('ressources/bg-contenaire.jpg');
width: 900px;
}

/* animeflash */
#animeflash
{
/* placement de l'animation flash */

}
#entete
{
margin: 0px;  /*pour siter les marges */
margin-right:auto; 
margin-left:auto;
text-align: center;
width: 900px;
height: 150px;
z-index: 900;
}

/* Coordonnees */
#coordonnes p
{
color: #333333;
font-family:Verdana, Arial, Helvetica, sans-serif;
background:url('ressources/bg-coordonnees.jpg') no-repeat;
height: 325px;
width: 200px;
font-size: 0.7em;
text-align: left;
font-weight:bold;
line-height: 2em;
padding: 40px 5px 0px 17px;
}

/* image fléche */

#fleche
{

border: 1px solid #ffcc66;
border-top: #fff;
margin: 0px 30px 0px 0px;
}

strong
{
color: #EB9C00;
text-align:center;
font-size: 1em;
line-height: 1.6em;

}

address
{
/*color: #5a61b5;
font-size: 0.7em;
text-align: left;
padding: 0px 5px 0px 0px;
font-family:Verdana, Arial, Helvetica, sans-serif;*/
}

#coordonnes a
{
color: #004EEB;
font-size: 0.8em;
font-weight:bold;
text-decoration: none;


}


#centre
{
/*border: 2px solid green;*/
}
 /* Navigation Menu gauche  colonne gauche */
 
#navigation
{
float: left;
width: 200px;
height:auto;
/*border: 2px solid red;*/
background: url('ressources/bg-menu.jpg') no-repeat;

}

#navigation  a
{
text-indent: -5000px;
}


#navigation li
{
list-style-type: none;
cursor:pointer;
text-indent: -5000px;
margin: 0px 0px 0px -30px;

}


#navigation ul li.accueil a
{
background: url('ressources/accueil-off.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}

#navigation ul li.accueil a:hover
{
background: url('ressources/accueil-on.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}


#navigation ul li.quisommesnous a
{
background: url('ressources/quisommesnous-off.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}

#navigation ul li.quisommesnous a:hover
{
background: url('ressources/quisommesnous-on.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}

#navigation ul li.produits1 a
{
background: url('ressources/realisation1-off.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}

#navigation ul li.produits1 a:hover
{
background: url('ressources/realisation1-on.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}

#navigation ul li.produits2 a
{
background: url('ressources/realisation2-off.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}

#navigation ul li.produits2 a:hover
{
background: url('ressources/realisation2-on.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}
#navigation ul li.contact a
{
background: url('ressources/contact-off.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}

#navigation ul li.references a:hover
{
background: url('ressources/references-on.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}
#navigation ul li.references a
{
background: url('ressources/references-off.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}

#navigation ul li.contact a:hover
{
background: url('ressources/contact-on.jpg') no-repeat;
display:block;
width: 190px;
height: 25px;
}


/* contenu  colonne milieu  (contenu)*/


#principal
{
float: left;
width: 490px;
padding: 0px;
margin: 0px;
background: url('ressources/bg-contenu.jpg') repeat-y;
/*border: 2px solid red;*/
}

#cardrehaut
{
border: solid red 2px;
}


#principal p
{
color: #444135;
text-align: left;
line-height: 1.5em;
/*border: red solid 2px;
/*padding: 10px 20px 0px 0px;*/
margin: 0px;
padding: 10px 20px 5px 30px;

}

#principal h1
{
color: #444135;
text-align:left;
font-size: 1em;
font-family:Georgia, "Times New Roman", Times, serif;
padding: 0px 0px 0px 30px;
}
#principal h2
{
color: #EB9C00;
background: url('ressources/courbe.jpg') no-repeat;
text-indent: 35px;
line-height: 32px;
/*border-bottom: 1px solid #333333;*/
border-bottom-width: 50px;
text-align:left;
font-size: 1em;
text-decoration:underline;
margin: 10px 0px 10px 40px;
}

#principal h3
{
color: #000;
font-family: font-family: Arial, Helvetica, sans-serif;
font-size: 0.9em;
}

#principal ul
{
color: #444135;
text-align:left;
font-size: 1em;
list-style-type: square;
line-height: 1.7em;
padding: 0px 0px 0px 50px;
font-weight:bold;
}

#principal ul li:hover
{
color: #FFB829;
cursor:default;
}

img
{
margin: 0px;
padding: 0px;
}

img #photos2
{
border: red 5px solid;
}

.noir
{
font-weight:bold;
}

#photos
{
border: 2px solid #ff9900;
margin: 20px;
}



#photos:hover
{
border: 2px solid black;

}

#principal a
{
color: #3D8BFF;
font-size: 1em;
}

#principal a:hover
{
color: #000;
/*background-color: #3D8BFF;
padding: 5px;*/
font-size: 1em;
}



/* fin de la partie contenu */

/* Pied */ 

#pied-contenu
{
background: url('ressources/pied-contenu.jpg') no-repeat;
height: 40px;
width: 490px;


}

/* colonne de gauche */

#secondaire
{
float: right;
margin: 0px 5px 0px -7px;  /*pour siter les marges */
width: 180px;
height: 600px;


/*border: 2px solid red;*/
}


/* formulaire de contact */


#tablecontact
{
margin: 0px 5px 0px 30px;
}
#tablecontact td
{
color: #EB9C00;
text-align:left;
font-weight:bold;
}


#asterix
{
color: red;
font-size: 1.3em;
font-weight:bold;
}

input, textarea
{
border: solid 1px #EB9C00;
padding: 5px;
color: #EB9C00;
font-family: Arial, Helvetica, sans-serif;
font-weight:bold;
}

input:hover, textarea:hover
{
background-color: #eeeeee;

}

/* pied de page */
#pied
{
clear:both;
background:#fff url('ressources/bg-pied.jpg') top;
height: 70px;
width: 900px;
margin: 0px 0px -5px 0px;
}

#pied ul li
{

display:inline;
padding: 0px 5px 0px 0px;
text-align: center;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
/*font-size: 0.7em;*/
font-weight:bold;
}

#pied a
{
color: #000;

}

#pied a:hover
{
color: #FFB829;
}

/* elements divers */

hr
{
border: #444135 solid 1px;
margin: 0px 50px 10px 50px;
}

a
{
color: #FFB829;
text-align:center;
font-family:Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;
font-size: 0.7em;
font-weight:bold;
}



a:hover
{
color: #333333;
}

/* spéciale  système Lightbox */ 


	.black_overlay{
			display: none;
			position:fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);

		}
		.white_content 
		{
			display: none;
			position:fixed;
			top: 30px;
			right: 30%;
			width: 450px;
			height: 338px;
			padding: 10px;
			margin: 0px;
			border: 5px solid orange;
			background-color: white;
			z-index:1002;
			/*overflow: auto;*/


		}
		
		
			.black_overlay2{
			display: none;
			position: fixed;
			top: 0%;
			left: 0%;
			width: 100%;
			height: 100%;
			background-color: black;
			z-index:1001;
			-moz-opacity: 0.8;
			opacity:.80;
			filter: alpha(opacity=80);
		}
			.white_content2
		{
			display: none;
			position:fixed;
			top: 30px;
			right: 35%;
			width: 350px;
			height: 467px;
			margin: 0px;
			padding: 10px;
			border: 5px solid orange;
			background-color: white;
			z-index:1002;
			/*overflow: auto;*/	
			
		}
/* fin pour le système Lightbox */