/*
style.css
---------

Par Eric GAUDICHEAU
Fichier créé le 12/04/2007
*/

body {
	width: 90%;
	margin: auto;
	margin-top: 20px;
	margin-bottom: 20px;   
	background-image: url(images/fond.jpg);
	color: white;
}

img {
	border: none;
}

#wrapper {
	color: black;
	background-color: white;
	width:100%;
	border: 3px solid #6c6;
	background-color : #fff;
}


/*En tête--------------------------------------------------------------------------------------------------*/

#logo {
	border: 1px solid #fff;
	margin: 10px;
	padding: 0px;
	border: 2px groove #6c6;
	background-color : #ebed2e;
}

#bandeau {
	width: 100%;
	height: 80px;
	background-color : #eff498;
	background-repeat: no-repeat;
	margin: 0px;
	margin-bottom: 0;
	padding-bottom: 3%;
}

/*zone de navigation---------------------------------------------------------------------------------------*/


#zone_de_navigation	{
	background-color : #eff498;
}

ul#zone_de_navigation {
	font: 80% "Comic Sans MS", verdana, arial, sans-serif;
	font-style: italic;
	font-size: 1.0em;
	list-style-type: none;
	padding-bottom: 26px;
	border-bottom: 1px solid #6c6;
	margin: 0;
}

ul#zone_de_navigation li {
	float: right;
	height: 23px;
	background-color: #cfc;
	margin: 2px 6px 0 2px;
	border: 1px solid #6c6;
}

ul#zone_de_navigation li.active {
	border-bottom: 1px solid #fff;
	background-color: #fff;
}

#zone_de_navigation a {
	float: left;
	display: block;
	color: #666;
	text-decoration: none;
	padding: 1px 7px 1px 7px;
}

#zone_de_navigation a:hover {
	background: #fff;
}

/*contenu--------------------------------------------------------------------------------------------------*/

#contenu {
	margin: 3%;
	padding-top: 0px;
	text-align: center;
}

.bordurephoto {
	border: 2px dotted blue;
	padding: 20px 20px 15px 20px;
	margin: 5px;
}

h1 {
	font-family:"Comic Sans MS","trebuchet ms",sans-serif;
	color: red; /* Les paragraphes seront bleus */
	font-size: 1.5em; /* La taille de 18 pixels me semble pas mal */
	font-weight: bold;
	text-align: left;
	font-style: italic;
	text-decoration: underline;

}

h2 {
	font-family: "Comic Sans MS","trebuchet ms",sans-serif;
	font-style: italic;
	text-decoration: underline;
}

h3 {
	color: rgb(51, 51, 255);
	font-family: "Comic Sans MS","trebuchet ms",sans-serif;
	font-size: 1.4em;
	font-weight: bold;

}

p {
	font-family:"Comic Sans MS","trebuchet ms",sans-serif;
	font-size: 1.2em;
	margin: 10px;
}

/*page d'accueil ------------------------------------------------------------------------------------------*/

#piscine_termine {
	float: left;
	width: 25%;
    margin-left: 15% !important;
	margin-left: 9%;
}
          
#piscine_terminee {
	float: left;
	width: 25%;
    margin-left: 15% !important;
	margin-left: 9%;
}
           
.ligne_horizontale {
	clear: both;
	visibility: hidden;
}

#listefab {
	float: left;
	text-align: left;
}

#fab img {
	float: right;
}

.cache {
	display: none;
}

/*page fabrication-----------------------------------------------------------------------------------------*/

.liste_fabrication {
	float: left;
	font-family:"Comic Sans MS","trebuchet ms",sans-serif;
	margin-left: auto;
	font-style: italic;
	text-align: left;
	font-size: 1.3em;
	list-style-image: url("images/puce.png");
}

#photo1_fabrication {
	float: left;
	margin-left: 20% !important;
	margin-left: 8%;
	width: 35%;
}
 
#photo2_fabrication , #photo3_fabrication {
	clear: left;
	float: left;
	margin-left: 20% !important;
	margin-left: 8%;
	width: 35%;
}


/*page restauration----------------------------------------------------------------------------------------*/

#poncage {
	float: left;
	width: 25%;
	margin-left: 16% !important;
	margin-left: 10%;

}

#gel_coat {
	float: left;
	width: 30%;
	margin-left: 21% !important;
	margin-left: 15%;
}

#gel_coat_finition {
	float: left;
	width: 30%;
	margin-left: 16% !important;
	margin-left: 10%;
}

#produit_fini {
	float: left;
	width: 30%;
	margin-left: 16% !important;
	margin-left: 10%;
}

.titre_photo {
	color: black;
 	font-family: "Comic Sans MS";
	font-style: italic;
 	font-weight: bold;
 	text-decoration: underline;
}

/*Page contact et formulaire-------------------------------------------------------------------------------*/

form {
	background-color:#d6def5;
	margin-left:auto;
	margin-right:auto;
	padding:10px;
	width:70%;
}

label {
	font-family:"trebuchet ms",sans-serif;
	font-weight:bold;
}

input {
	border:1px solid black;
	background-color:white;
	font-family:"trebuchet ms",sans-serif;
	color:black;
}

select, option {
	background-color:white;
	color:black;
}

textarea {
	border:1px solid black;
	background-color:white;
	font-family:"trebuchet ms",sans-serif;
	color:black;
	width:100%;
}

input.bouton	{
	border:2px outset #0638ce;
	font-weight:bold;
	cursor:pointer;
}

input.bouton:hover {
	border:2px outset white;
	background-color:white;
	color:#0638ce;
}

input.bouton:active {
	border:2px inset #0638ce;
	background-color:#0638ce;
	color:white;
}

#adresse{
	width:70%;
}

#nom,#prenom,#ville,#email {
	width:40%;
}

/* Le pied de page*/

#pied_de_page {
	padding: 5px;
	text-align: center;
	color: #666;
	background-color: #cfc;
	border-top: 1px dotted black;
	font-weight: bold;
}