@CHARSET "UTF-8";

/************************************************************
    Généralités  
 ************************************************************/
body {
	background: #7AA587 url(../images/fond-aquakoi.jpg) center top fixed no-repeat;
	color: #231F20;
    font-family: "Trebuchet MS", Arial, Verdana, sans serif;
    line-height: 18px;    
	margin: 20px 0;
	padding: 0;
}

hr {
    display: none;
}

img {
	border: none;
}

.clear {
    clear: both;    
}

a {
	color: #EC1D25;
}

a:link,
a:visited {
	text-decoration: underline;
}

a:hover,
a:active {
	text-decoration: none;
}

#copyright {
    top: 5px;
    font-size: 0.7em;
    width: 830px;
    text-align: right;
    margin: auto;
}

#copyright,
#copyright a {
    color: white;
    text-decoration: none;
}

#copyright a:hover {
    text-decoration: underline;
}

/************************************************************
    Conteneur  
 ************************************************************/
#conteneur {
	background: transparent url(../images/lame-blanc-transparent.png ) repeat-x;
	border: 15px solid #231F20;
	margin: 0 auto;
	padding-top: 20px;
	position: relative;
	width: 830px;
}


/************************************************************
    Entête  
 ************************************************************/

/***** Titre *****/
#entete h1 {
	background: url(../images/logo.gif) left top no-repeat;
    float: left;
	height: 118px;
	margin: -20px 0 0 0;
	padding: 0;
    width: 125px;
}

#entete h1 a {
	display: block;
	height: 100%;
	overflow: hidden;
	text-indent: -999em;
	width: 100%;
}

/***** Menu *****/
#entete ul {
	background: #231F20;
    height: 41px;
	margin: 0 0 0 125px;
	padding: 35px 0 0 0;
}

#entete li {
    float: left;
	list-style: none;
	margin: 0;
	padding: 0;
}

#entete li a {
    background: url(../images/menu.gif) left top no-repeat;
    display: block;
	height: 41px;
    margin-right: 23px;
    overflow: hidden;
    text-decoration: none;
    text-indent: -9999em;
}

#entete li.page-koi-n-co a,
#entete li.page-koi-n-co span {
    background-position: -4px 0;
    width: 54px;
}

#entete li.page-koi-n-co a:hover,
body.page-koi-n-co #entete li.page-koi-n-co a {
    background-position: -4px -44px;
}

#entete li.page-bassins-a-kois a,
#entete li.page-bassins-a-kois span {
    background-position: -78px 0;
    width: 73px;
}

#entete li.page-bassins-a-kois a:hover,
body.page-bassins-a-kois #entete li.page-bassins-a-kois a {
    background-position: -78px -44px;
}

#entete li.page-bassins-de-jardin a,
#entete li.page-bassins-de-jardin span {
    background-position: -174px 0;
    width: 89px;
}

#entete li.page-bassins-de-jardin a:hover,
body.page-bassins-de-jardin #entete li.page-bassins-de-jardin a {
    background-position: -174px -44px;
}

#entete li.page-piscines-biologiques a,
#entete li.page-piscines-biologiques span {
    background-position: -288px 0;
    width: 107px;
}

#entete li.page-piscines-biologiques a:hover,
body.page-piscines-biologiques #entete li.page-piscines-biologiques a {
    background-position: -288px -44px;
}

#entete li.page-entretien-et-reparation a,
#entete li.page-entretien-et-reparation span {
    background-position: -420px 0;
    width: 122px;
}

#entete li.page-entretien-et-reparation a:hover,
body.page-entretien-et-reparation #entete li.page-entretien-et-reparation a {
    background-position: -420px -44px;
}

#entete li.page-show-room a,
#entete li.page-show-room span {
    background-position: -561px 0;
    width: 62px;
}

#entete li.page-show-room a:hover,
body.page-show-room #entete li.page-show-room a {
    background-position: -561px -44px;
}

#entete li.page-contact a,
#entete li.page-contact span {
    background-position: -636px 0;
    margin-right: 0;
    width: 53px;
}

#entete li.page-contact a:hover,
body.page-contact #entete li.page-contact a {
    background-position: -636px -44px;
}

/***** Quizz *****/
#entete p {
    font-size: 13px;
	font-weight: bold;
	margin: 15px 0 0 0;
	padding-right: 20px;
	text-align: right;
}

#entete p a {
    background: url(../images/mot-quizz.gif) 100% 0 no-repeat;
    color: #231F20;
    padding-right: 63px;
	text-decoration: none;
}

#entete p a span {
    display: none;
}

/************************************************************
    Titre  
 ************************************************************/
#titre {
    background: url(../images/ombre.png);
    height: 30px;
    margin: 15px 0 15px 23px;
    padding-bottom: 7px;
}

#titre span {
    display: block;
    height: 30px;
    text-indent: -9999em;
}

body.page-accueil #titre span {
    background: #231F20 url(../images/titre-accueil.gif) 107px 0 no-repeat;
}

body.page-koi-n-co #titre span {
	background: #231F20 url(../images/titre-koi-n-co.gif) 107px 0 no-repeat;
}

body.page-bassins-a-kois #titre span {
    background: #231F20 url(../images/titre-bassins-a-kois.gif) 107px 0 no-repeat;
}

body.page-bassins-de-jardin #titre span {
    background: #231F20 url(../images/titre-bassins-de-jardin.gif) 107px 0 no-repeat;
}

body.page-piscines-biologiques #titre span {
    background: #231F20 url(../images/titre-piscines-biologiques.gif) 107px 0 no-repeat;
}

body.page-entretien-et-reparation #titre span {
    background: #231F20 url(../images/titre-entretien-et-reparation.gif) 107px 0 no-repeat;
}

body.page-show-room #titre span {
    background: #231F20 url(../images/titre-show-room.gif) 107px 0 no-repeat;
}

body.page-contact #titre span {
    background: #231F20 url(../images/titre-contact.gif) 107px 0 no-repeat;
}

body.page-mentions-legales #titre span {
    background: #231F20 url(../images/titre-mentions.gif) 107px 0 no-repeat;
}


/************************************************************
    Poisson  
 ************************************************************/
#poisson {
    background: url(../images/koi-editorial-haut.jpg) right top no-repeat;
}


/************************************************************
    Contenu  
 ************************************************************/
#contenu {
	margin-left: 130px;
    padding-bottom: 20px;
	width: 490px;
}

#contenu h2,
#contenu h3 {
	color: #EC1D25;
	margin: 0 0 5px 0;
}

#contenu h2 {
	font-size: 20px;
}

#contenu h3 {
    font-size: 18px;
}

#contenu p {
    font-size: 13px;
	margin: 0 0 40px 0;
}

#contenu ul {
    font-size: 13px;
}


/************************************************************
    Illustrations  
 ************************************************************/
#illustrations {
	height: 140px;
	margin: 0;
	padding: 0;
}

#illustrations li {
	float: left;
    list-style: none;
	margin-right: 40px;
}

/************************************************************
    Exergue  
 ************************************************************/
#exergue {
    margin: 20px auto 0 auto;
    padding-bottom: 20px;
    width: 690px;
}

#exergue h2 {
	color: #5EE7DD;
    margin: 0 0 5px 0;
}

#exergue p {
	color: #FFF;
    font-size: 13px;
    margin: 0 0 40px 0;
}


/************************************************************
    hCard  
 ************************************************************/
#contenu .vcard {
    line-height: 20px;
}

#contenu .vcard .fn {
	font-weight: bold;
}

#contenu .vcard p.fn,
#contenu .vcard .adr p {
    margin-bottom: 0;    
}

#contenu .vcard .url,
#contenu .vcard .country-name {
	display: none;
}

#contenu .vcard .adr {
	font-size: 13px;
	font-style: normal;
}


/************************************************************
    Etapes d'un projet  
 ************************************************************/
#etapes-projet {
    margin-left: 21px;
}

#etapes-projet .stripNav {
    background-image: url(../images/ombre.png);
    background-position: bottom;
    padding: 0 0 7px 0;
}

#etapes-projet .stripNav ul {
    background: #231F20;
    height: 30px;
    list-style: none;
    padding: 0;
    margin: 10px 0 0 0;
    width: 810px;
}

#etapes-projet .stripNav ul li {
    float: left;
    height: 30px;
}

#etapes-projet .stripNav ul li a {
    background: url(../images/menu-etapes.jpg) left top no-repeat;
    display: block;
    height: 100%;
    overflow: hidden;
	outline: none;
    text-decoration: none;
    text-indent: -9999px;
    padding: 0 8px 0 12px;
}

#etapes-projet .stripNav li.tab1 a {
    background-position: -15px 0;
    width: 135px;
}

#etapes-projet .stripNav li.tab1 a:hover,
#etapes-projet .stripNav li.tab1 a.current {
    background-position: -15px -30px;
}

#etapes-projet .stripNav li.tab2 a {
    background-position: -174px 0;
    width: 135px;
}

#etapes-projet .stripNav li.tab2 a:hover,
#etapes-projet .stripNav li.tab2 a.current {
    background-position: -174px -30px;
}

#etapes-projet .stripNav li.tab3 a {
    background-position: -332px 0;
    width: 92px;
}

#etapes-projet .stripNav li.tab3 a:hover,
#etapes-projet .stripNav li.tab3 a.current {
    background-position: -332px -30px;
}

#etapes-projet .stripNav li.tab4 a {
    background-position: -442px 0;
    width: 77px;
}

#etapes-projet .stripNav li.tab4 a:hover,
#etapes-projet .stripNav li.tab4 a.current {
    background-position: -442px -30px;
}

#etapes-projet .stripNav li.tab5 a {
    background-position: -537px 0;
    width: 73px;
}

#etapes-projet .stripNav li.tab5 a:hover,
#etapes-projet .stripNav li.tab5 a.current {
    background-position: -537px -30px;
}

#etapes-projet .stripNav li.tab6 a {
    background-position: -630px 0;
    width: 66px;
}

#etapes-projet .stripNav li.tab6 a:hover,
#etapes-projet .stripNav li.tab6 a.current {
    background-position: -630px -30px;
}

#etapes-projet .stripNav li.tab7 a {
    background-position: -718px 0;
    width: 77px;
}

#etapes-projet .stripNav li.tab7 a:hover,
#etapes-projet .stripNav li.tab7 a.current {
    background-position: -718px -30px;
}

#etapes-projet ul.texte {
    float: left;
    font-size: 13px;
    list-style: none;
    margin: 0;
    padding: 0;
    width: 550px;
}

#etapes-projet ul.texte li {
    margin: 0 0 8px 0;
    padding: 0;
}

#etapes-projet ul.texte li em {
    color: #FFF;
    font-style: normal;
}

#etapes-projet ul.illustrations {
    float: right;
    margin: 0;
    padding: 0;
    list-style: none;
}

#etapes-projet ul.illustrations li {
    margin: 0 0 10px 0;
}


/************************************************************
    Accueil  
 ************************************************************/
body.page-accueil #contenu {
	margin-left: 24px;
    width: 780px;	
}

body.page-accueil #contenu p {
	margin-bottom: 5px;
}

body.page-accueil #bandeau {
    margin: 40px 0;
}

body.page-accueil #bandeau div {
    width: 355px;
}

body.page-accueil #element-1 img,
body.page-accueil #element-2 img {
    background: url(../images/ombre.png);
    padding-bottom: 7px;
}

body.page-accueil #element-1 {
    float: left;
}

body.page-accueil #element-2 {
    float: right;
}


/************************************************************
    Contact  
 ************************************************************/
body.page-contact #contenu p,
body.page-mentions-legales #contenu p {
    margin-bottom: 0;
}

body.page-contact #carte {
	height: 400px;
	margin-top: 40px;
	width: 520px;
}

body.page-mentions-legales #contenu h2 {
    margin-top: 20px;
}

body.page-mentions-legales .adr {
    font-size: 13px;
    font-style: normal;
}

body.page-mentions-legales .adr .fn {
    font-weight: bold;
}

/************************************************************
    Entretien et réparation
 ************************************************************/
body.page-entretien-et-reparation {
    overflow-y: scroll;
}

.page-entretien-et-reparation .reparation-contenu {
    padding-bottom: 80px;
}

/************************************************************
    Titres
 ************************************************************/
.page-accueil #contenu h2,
.page-mentions-legales #contenu h2#koi-n-co,
.page-mentions-legales #contenu h2#hebergement,
.page-mentions-legales #contenu h2#editeur,
.page-mentions-legales #contenu h2#tous-droits-reserves,
.page-contact #contenu h2#koi-n-co,
.page-entretien-et-reparation #contenu h2,
.page-koi-n-co #contenu h2,
.page-koi-n-co #exergue h2,
.page-piscines-biologiques #contenu h2,
.page-bassins-a-kois #etapes-projet h2,
.page-bassins-de-jardin #etapes-projet h2,
.page-piscines-biologiques #etapes-projet h2,
.page-bassins-a-kois #exergue h2,
.page-bassins-de-jardin #exergue h2,
.page-piscines-biologiques #exergue h2 {
    height: 25px;
    text-indent: -9999em;
}

.page-contact #contenu h2#koi-n-co,
.page-mentions-legales #contenu h2#koi-n-co,
.page-accueil #contenu h2#koi-n-co {
    background: url(../images/titres/page-accueil_koi-n-co.gif) no-repeat;
}

.page-accueil #contenu #bandeau #element-1 h2 {
    background: url(../images/titres/page-accueil_bassins.gif) no-repeat;
}

.page-accueil #contenu #bandeau #element-2 h2 {
    background: url(../images/titres/page-accueil_piscines-biologiques.gif) no-repeat;
}

.page-accueil #contenu h2#entretien-et-reparation {
    background: url(../images/titres/page-accueil_entretien-reparation.gif) no-repeat;
}

.page-entretien-et-reparation #contenu h2#formules-entretien {
    background: url(../images/titres/page-entretien-et-reparation_formulesentretien.gif) no-repeat;
}

.page-entretien-et-reparation #contenu h2#interventions-reparation {
    background: url(../images/titres/page-entretien-et-reparation_interventionsreparation.gif) no-repeat;
}

.page-koi-n-co #contenu h2#dessinons-projet {
    background: url(../images/titres/page-koi-n-co_dessinons-projet.gif) no-repeat;
}

.page-koi-n-co #exergue h2#eau-ecologie {
    background: url(../images/titres/page-koi-n-co_eau-ecologie.gif) no-repeat;
}

.page-koi-n-co #contenu h2#kois {
    background: url(../images/titres/page-koi-n-co_kois.gif) no-repeat;
}

.page-piscines-biologiques #contenu h2#avantages {
    background: url(../images/titres/page-piscines-biologiques_avantages.gif) no-repeat;
}

.page-bassins-a-kois #etapes-projet h2,
.page-bassins-de-jardin #etapes-projet h2,
.page-piscines-biologiques #etapes-projet h2 {
    background: url(../images/titres/page-bassins-etapes_projet.gif) no-repeat;
}

.page-mentions-legales #contenu h2#hebergement {
    background: url(../images/titres/page-mentions_hebergement.gif) no-repeat;
}

.page-mentions-legales #contenu h2#editeur {
    background: url(../images/titres/page-mentions_editeur.gif) no-repeat;
}

.page-mentions-legales #contenu h2#tous-droits-reserves {
    background: url(../images/titres/page-mentions_tous-droits-reserves.gif) no-repeat;
}
/*****************/
.page-entretien-et-reparation #contenu h3#printemps,
.page-entretien-et-reparation #contenu h3#ete,
.page-entretien-et-reparation #contenu h3#automne-hiver,
.page-entretien-et-reparation #contenu h3#vacances {
    height: 21px;
	margin-top: 20px;
    text-indent: -9999em;
}

.page-entretien-et-reparation #contenu h3#printemps {
    background: url(../images/titres/page-entretien-et-reparation-h3_printemps.gif) no-repeat;
}

.page-entretien-et-reparation #contenu h3#ete {
    background: url(../images/titres/page-entretien-et-reparation-h3_ete.gif) no-repeat;
}

.page-entretien-et-reparation #contenu h3#automne-hiver {
    background: url(../images/titres/page-entretien-et-reparation-h3_automnehiver.gif) no-repeat;
}

.page-entretien-et-reparation #contenu h3#vacances {
    background: url(../images/titres/page-entretien-et-reparation-h3_vacances.gif) no-repeat;
}

/*****************/
.page-bassins-a-kois #exergue h2,
.page-bassins-de-jardin #exergue h2,
.page-piscines-biologiques #exergue h2 {
    background: url(../images/titres/jardin-zen.gif) no-repeat;
}


/************************************************************
    Menu secondaire entretien et reparation
 ************************************************************/
.page-entretien-et-reparation #titre {
    position: relative;
}
    
.page-entretien-et-reparation #titre a {
    background: url(../images/interventions-formules.gif) no-repeat;
    display: block;
    height: 16px;
    left: 430px;
    overflow: hidden;
    position: absolute;
    top: 7px;
    width: 199px;
}

.page-entretien-et-reparation #titre a.entretien:link,
.page-entretien-et-reparation #titre a.entretien:visited {
    background-position: -200px 0;
}

.page-entretien-et-reparation #titre a.entretien:hover,
.page-entretien-et-reparation #titre a.entretien:active {
    background-position: -200px -18px;
}

.page-entretien-et-reparation #titre a.reparation:link,
.page-entretien-et-reparation #titre a.reparation:visited {
    background-position: 0 0;
}

.page-entretien-et-reparation #titre a.reparation:hover,
.page-entretien-et-reparation #titre a.reparation:active {
    background-position: 0 -18px;
}

/************************************************************
    Quizz  
 ************************************************************/
.page-resultat-quizz,
.page-quizz {
    background: #7AA587;
    margin: 0;
    padding: 0;
}

.page-resultat-quizz #contenu,
.page-quizz #contenu {
    background: #7AA587 url(../images/fond-quizz.gif) top left no-repeat;
    color: #EC1D25;
    font-family: "Trebuchet MS", Arial, Verdana, sans serif;
    font-weight: bold;
    height: 380px;
    left: 50%;
    margin: -250px 0 0 -250px;
    padding: 120px 0 0 30px;
    position: absolute;
    top: 50%;
    width: 470px;
}

.page-quizz #contenu p {
    margin: 0;
}

.page-quizz #contenu p.image-centree {
    margin-top: 10px;
    text-align: center;
}

.page-quizz .choix ul {
    height: 30px;
    line-height: 30px;
    list-style-type: none;
    margin: 5px auto;
    padding: 0;
    width: 470px;
}

.page-quizz .choix li {
    color: #FFF;
    float: left;
    padding: 0 15px 0 15px;
    text-align: center;
    width: 120px;
}

.page-quizz .choix a {
    color: #FFF;
    height: 30px;
    line-height: 30px;
    text-decoration: none;
}

.page-quizz #nav-quizz a {
    color: #EC1D25;
    font-size: 12px;
    font-weight: normal;
    margin-top: 20px;
    text-decoration: none;
}

.page-quizz #nav-quizz a:hover,
.page-quizz #nav-quizz a:active {
    text-decoration: underline;
}

.page-quizz #nav-quizz a.nav-precedent {
    float: left;
    margin-left: 5px;
}

.page-quizz #nav-quizz a.resultat,
.page-quizz #nav-quizz a.nav-suivant {
    float: right;
    margin-right: 15px;
}

.page-quizz .choix .selected {
    color: #EC1D25;
}

.page-resultat-quizz h2 {
    text-align: center;
}

.page-resultat-quizz div.reponses {
    float: left;
    height: 105px;
    margin: 4px 0 4px 5px;
    text-align: center;
    width: 85px;
}

.page-resultat-quizz img {
    height: 74px;
}

.page-resultat-quizz #contenu .reponses p {
    text-align: center;
    
    font-size: 11px;
}

.page-resultat-quizz #contenu p.bonne-reponse {
    color: #0F0;
}

.page-resultat-quizz a.thumbs:hover img {
    border: 1px solid #000;
    cursor: default;
    float: left;
    height: auto;
    position: absolute;
    width: auto;
}

/************************************************************
    Nos réalisations
 ************************************************************/
a.sticker-realisations {
    background  : url(../images/sticker-realisations.png) top left no-repeat;
    display     : block;
    height      : 82px;
    left        : -100px;
    position    : absolute;
    text-indent : -9999em;
    top         : 70px;
    width       : 82px;
}

ul.nos-realisations li {
    list-style: none;
    position: absolute;
}

li a.nos-realisations-invisibles {
    list-style: none;
    display: none;
    visibility: hidden;
}