@import url('reset.css');
/*COMMUN*/
body {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	text-align:justify;
	color: #1b3679;
}
/* Bandeau */
.bandeau-accueil {
	background:url(/img/bandeau-accueil.png) top center no-repeat;
}
.bandeau-societe {
	background:url(/img/bandeau-societe.png) top center no-repeat;
}
.bandeau-services {
	background:url(/img/bandeau-services.png) top center no-repeat;
}
.bandeau-conseils {
	background:url(/img/bandeau-conseils.png) top center no-repeat;
}
.bandeau-boutique {
	background:url(/img/bandeau-boutique.png) top center no-repeat;
}
.bandeau-realisations {
	background:url(/img/bandeau-realisations.png) top center no-repeat;
}
.bandeau-contact {
	background:url(/img/bandeau-contact.png) top center no-repeat;
}
p {
	padding:5px 0 5px 10px;
}
a {
	color: #1b3679;
}
a:hover, a:active {
	color:#7182ab;
}
h1 {
	font-size:14px;
	font-weight:bold;
	margin:10px 0 10px 10px;
}
h2 {
	font-size:12px;
	color:#7182ab;
	font-weight:bold;
	margin:10px 10px 10px 10px;
	padding-top:5px;
	clear:both;
}
h3 {
	font-size:11px;
	color:#1b3679;
	font-weight:bold;
	margin:5px 0;
	padding:3px 0 0 10px;
	height:15px;
	background-color:#dff0f7;
}
.centrer {
	text-align:center;
}
.clear {
    clear:both;
}
/******3 COLONNES******/
/*HEADER*/
div#header {
	height:170px;
	width:900px;
}
	/*Logo*/
div#logo {
	width:198px;
	height:65px;
	float:left;
	padding:0px 10px 0 20px;
	background:url(/img/logo.png) top center no-repeat;
}
div#logo .infos-logo {
	padding:70px 0 0 0;
}
div#logo .activites {
	float:left;
	padding:0 10px 0 10px;
	margin:0 5px 0 0;
	border-right:1px solid #1b3679;
}
/*MENU*/
	/*Normal*/
div#menu-horizontal ul.menu li {
	list-style:none;
	float:left;
}
div#menu-horizontal ul.menu li a {
	font-size: 12px;
	font-weight:bold;
	text-decoration:none;
	color:#1b3679;
	display:block;
	padding:10px;
}
	/*Active*/
div#menu-horizontal ul.menu li.active {
	background: url(/img/onglet-milieu.png) repeat-x 0 0;
}
div#menu-horizontal ul.menu li.active span {
	background:url(/img/onglet-droit.png) no-repeat right 0px;
	float:left;
}
div#menu-horizontal ul.menu li.active a {
	color:#FFFFFF;
	background:url(/img/onglet-gauche.png) no-repeat 0 0;
}
	/*Baseline*/
div#baseline {
	width:400px;
	margin:75px 0 0 490px;
}
html>body div#baseline {
	padding:75px 0 0 490px;
	margin:0;
}
	/*Fil d'ariane*/
div#fil-ariane {
	padding:20px 0 0 390px;
}
div#fil-ariane, div#fil-ariane a {
    color:#7182ab;
}
/*CONTAINER*/
div#container {
	width:900px;
	margin:0 auto;
}
/*WRAPPER*/
div#wrapper {
	float:left;
	width:100%;
}
/*CONTENT*/
div#content p {
	line-height:1.4;
}
div#content {
	margin:0 250px 0 220px;
	padding:0 12px 0 0;
}
div#content ul {
	padding:20px 0 5px 0;
}
div#content ul li{
	padding:5px 0 5px 20px;
	list-style:url(/img/puce.png);
	list-style-position:inside;
}
.note {
	text-align:right;
	font-style:italic;
	color:#1b3679;
}
div#realisations {
	width:616px;
	min-height:300px;
	margin:0 0 0 10px;
	background:url(/img/bloc-realisation.png) top left no-repeat;
}
.vignette {
	margin:10px 8px 0 8px;
	padding:7px 7px 10px 7px;
	float:left;
	width:175px;
	height:150px;
	font-size:10px;
	text-align:center;
}
div#bloc-formu {
	width:622px;
	margin:30px 0 0 0;
	clear:both;
}
.projet p {
	padding:0 0 0 10px;
	font-size:12px;
	color:#1b3679;
}
.formu #contact-civilite {
    margin-left:100px;
}
.formu #contact-civilite input, .formu #contact-civilite label {
    margin:0 0 0 5px;
}
.formu {
	padding:10px 0 0 20px;
	margin:0;
	float:left;
}
.formu legend {
	margin:0 0 5px 0;
}
.formu em {
	color:red;
}
.input {
	margin:0 290px 0 0;
	text-align:right;
}
.input .form-error {
   border:2px solid #e01616;
   background-color: #fdf3f3
}
.input .form-error, .input .error-message {
    font-weight:bold;
    color:#e01616;
}
.input input, textarea {
	background-color:#dff0f7;
	border:1px solid #1b3679;
	margin:6px 0 0 5px;
	width:200px;
}
.input input {
	height:20px;
}
.submit {
	margin:10px 0 0 120px;
}
html>body .submit {
	margin:8px 0 0 220px;
}
.submit input{
	background:url(/img/bouton.png) top center no-repeat #FFFFFF;
	cursor:pointer;
	text-align:center;
	width:85px;
	height:21px;
	border:none;
	color:#FFFFFF;
	padding:0 0 3px 0;
}
.bloc-boutique {
	background:url(/img/bloc-realisation.png) top left no-repeat;
	width:616px;
	height:232px;
	margin:15px 0 0 0;
}
.bloc-boutique .image {
	float:left;
	width:200px;
	padding:5px 0 5px 10px;
}
.bloc-boutique .contenu {
	float:left;
	width:150px;
	padding:5px 0 5px 10px;
}
.bloc-boutique .plan {
	margin:0 0 0 20px;
	float:left;
}
.bloc-boutique .bas {
	margin:30px 0 0 0;
	text-align:center;
	clear:both;
}
.bloc-boutique a {
	font-weight:bold;
}
.bloc-boutique h2 {
	padding:10px 0 0 0;
	color:#1b3679;
}
.mentions {
	text-align:center;
}
.image-gauche {
	float:left;
	padding:5px 10px 5px 10px;
}
.image-droite {
	float:right;
	padding:5px 0 5px 0;
}
.saut-de-paragraphe {
	clear:both;
}
.saut-de-paragraphe a {
	font-weight:bold;
}
.produits {
	text-align:center;
  float:right;
	padding:0 0 0 15px;
}
.produits img{
	margin:5px;
}
.produits p {
	font-weight:bold;
}
.fiche-piscine {
	background:url(/img/bloc-deco.png) top left no-repeat;
	height:185px;
	width:622px;
	padding:10px 0 0 0;
	margin:0 0 5px 30px;
}
.fiche-piscine h1 {
	width:280px;
	float:left;
	color:#fff;
}
.texte-fiche-piscine {
	float:left;
	width:270px;
	padding:5px 5px 0 5px;
}
.fiche-piscine img {
	padding-right:5px;
}
	/*Membre*/
div.membre {
	background:url(/img/bloc.png) top left no-repeat;
	width:200px;
	height:100px;
	padding:10px 0 0 10px;
	margin:10px 0 0 60px;
	float:left;
}
div.membre .image {
	float:left;
}
div.membre .nom {
	width:110px;
	float:left;
}
div.membre .nom span {
    font-weight:bold;
}
div.membre-bloc {
	height:200px;
	width:620px;
	padding:0 0 0 10px;
	margin:10px 0 0 20px;
	clear:both;
}
div.membre-bloc .image {
	float:left;
}
div.membre-bloc p {
	padding:20px 0 0 0;
}
div.presentation {
	clear:both;
}
div.presentation img {
	display:block;
}
div.presentation .test {
	float:left;
}
/* Bloc 40 ans */
.bloc-quarante-ans {
	background: url(/img/bloc-quarante-ans.png) no-repeat;
	height:115px;
	width:199px;
	padding:5px 0 0 0;
	margin-left:20px;
}
.bloc-quarante-ans p {
	font-size:12px;
	text-align:center;
	padding:15px 5px 20px 5px;
	margin:0;
}
.bloc-quarante-ans a {
	text-align:center;
	font-size:11px;
	text-decoration:underline;
	float:right;
	margin:0 15px 0 0;
}
/* Bloc piscine d'or */
.bloc-piscine-dor {
	background: url(/img/bloc-piscines-dor.png) no-repeat;
	height:122px;
	width:199px;
	margin-left:20px;
	padding:10px 5px 5px 0;
}
.bloc-piscine-dor p {
	font-size:12px;
	text-align:center;
	padding:15px 15px 20px 5px;
	margin:0;
}
.bloc-piscine-dor img {
	height:60%;
	padding:5px 5px 0 5px;
}
.bloc-piscine-dor a {
	text-align:center;
	font-size:11px;
	text-decoration:underline;
	float:right;
	margin:0 15px 0 0;
}
/*EXTRA*/
div#extra {
	float:left;
	width:250px;
	height:420px;
	margin:0 0 20px 0;
	margin-left:-250px;
	background:url(/img/photo-droite-normand.jpg) top right no-repeat;
}
/*NAVIGATION*/
div#navigation {
	float:left;
	width:220px;
	margin:25px 0 0 0;
	margin-left:-900px;
	text-align:left;
}
	/*Sous Menu*/
div#navigation ul.sous-menu li {
    margin:6px 0 0 18px;
    padding:0 12px 0 4px;
    height:34px;
    width:178px;
    background: url(/img/sous-menu.png) bottom center no-repeat;
    list-style:none;
}
div#navigation ul.sous-menu li a{
    font-size: 11px;
    text-decoration:none;
    color:#1b3679;
    line-height:1.2;
    padding:4px 0 0 15px;
    display:block;
    height:34px;
    width:163px;
}
div#navigation ul.sous-menu li.active{
    background: url(/img/sous-menu-on.png) bottom center no-repeat;
}
div#navigation ul.sous-menu li.active a{
    color:#FFFFFF;
}
/*FOOTER*/
div#footer{
	clear:left;
	width:100%;
	background:url(/img/footer.png) bottom center no-repeat;
	height:34px;
	padding:30px 0 0 0;
}
div#footer ul {
	margin:0;
	padding:9px 0 5px 60px;
	list-style-image:url(/img/mini-logo.png);
}