
body {background-color: #b2003c; margin-left: auto; margin-right: auto; width: 800px; text-align: center;}
body.carte {background-color: #3c00b2;}

div.feuille {background-color: #990033;}

div.page, div.page_accueil, div.coordonnees, div.services1, div.services2, div.carre, div.carre2 {margin-left: auto; margin-right: auto; text-align: center;}
div.page, div.page_accueil, div.coordonnees, div.services1, div.services2 {width: 800px;}

div.page {height: 800px;}

div.bandeau {height: 160px;}
img.bandeau, span.bandeau {float: left; margin: 0px; padding: 0px;}
img.centre {float: left; margin: 0px; padding 0px; border: 0px;}

img.button {position: absolute; display: inline; padding-left: 300px; padding-top: 260px; width: 200px; height: 100px; border: 0px; border-style: solid;}

h1, p {text-align: center; color: white;}
div.nom_pierre {color: white}

h1, p, div.nom_pierre {font-family: "Times New Roman", "Times", "Helvetica", "Arial", "Brush Script MT Italique", "Bickley Script LET", "Lucida Handwriting Italique", sans-serif; font-size: 22px;}
div.nom_pierre {font-size: 18px;}
h1 {margin-top: 24px;}
h4 {margin-left: auto; margin-right: auto; width: 780px; text-align: center; color: white; margin-top: 32px;}
p {margin-left: auto; margin-right: auto; width: 780px; text-align: justify;}

span.bas_de_page, span.bas_de_page a {margin-right: 4px; margin-left: 4px; text-align: right; color: white; font-size: 14px; display: inline;}

div.broche_centre {margin-left: auto; margin-right: auto; width: 100px; text-align: center;}

div.services1 span {width: 156px; float: left; text-align: center; margin-left: 1px; margin-right: 1px; border-left: 1px; border-right: 1px; border-top: 1px; border-bottom: 0px; border-style: solid; color: #ffff00; background-color: #80002b;}

div.services3 span {width: 250px; height: 200px; float: left; text-align: center; margin-left: 7px; margin-right: 7px; padding-top: 0px; border-left: 1px; border-right: 1px; border-top: 1px; border-bottom: 0px; border-style: solid; color: #ffff00; background-color: #80002b;}

div.services2 span {width: 156px; float: left; text-align: center; margin-left: 1px; margin-right: 1px; padding-bottom: 8px; border-left: 1px; border-right: 1px; border-bottom: 1px; border-top: 0px; margin-bottom: 24px; border-style: solid; color: #ffff00; background-color: #80002b;}

div.services4 span {width: 250px; float: left; text-align: center; margin-left: 7px; margin-right: 7px; border-left: 1px; border-right: 1px; border-top: 0px; border-bottom: 1px; border-style: solid; margin-bottom: 16px; background-color: #80002b; color: #ffff00;}

div.services5 span {width: 300px; height: 280px; float: left; text-align: center; margin-left: 49px; margin-right: 49px; padding-top: 0px; margin-top: 24px;  border-left: 1px; border-right: 1px; border-top: 1px; border-bottom: 0px; border-style: solid; color: #ffff00; background-color: #80002b;}

div.services6 span {width: 300px; float: left; text-align: center; margin-left: 49px; margin-right: 49px; border-left: 1px; border-right: 1px; border-top: 0px; border-bottom: 1px; border-top: 0px; margin-bottom: 24px; border-style: solid; background-color: #80002b; color: #ffff00; display: inline;}


//div.carre span {width: 200px; float: left; display: inline; font-size: 32px; height: 170px;  margin: 0px; padding: 0px;}


div.carre {width: 402px; border: 0px; border-style: solid;}
div.carre2 {width: 402px; border: 0px; border-style: solid; text-align: center;}


div.texte_carre1 {width: 200px; float: left; display: inline; height: 169px;}
div.texte_carre1 {border-style: solid; border-width: 1px 0px 0px 1px; color: #ffff00;}

div.texte_carre2 {width: 200px; float: left; display: inline; height: 169px; background: #80002b;}
div.texte_carre2 {border-style: solid; border-width: 1px 1px 0px 0px; color: #ffff00;}
div.texte_carre2 {line-height: 169px; vertical-align: center; font-size: 32px;} 

div.texte_carre3 {width: 200px; float: right; display: inline; height: 169px; background: #80002b;}
div.texte_carre3 {border-style: solid; border-width: 0px 0px 1px 1px; color: #ffff00;}
div.texte_carre3 {line-height: 169px; vertical-align: center; font-size: 32px;} 

div.texte_carre4 {width: 200px; float: right; display: inline; height: 169px;}
div.texte_carre4 {border-style: solid; border-width: 0px 1px 1px 0px; color: #ffff00;}

div.bord {width: 200px;} 

div.texte_carre5 {width: 200px; float: left; display: inline; height: 169px; background: #80002b;}
div.texte_carre5 {border-style: solid; border-width: 1px 0px 0px 1px; color: #ffff00;}
div.texte_carre5 {line-height: 55px; vertical-align: center; font-size: 32px;} 

div.texte_carre6 {width: 200px; float: left; display: inline; height: 169px;}
div.texte_carre6 {border-style: solid; border-width: 1px 1px 0px 0px; color: #ffff00;}

div.texte_carre7 {width: 200px; float: right; display: inline; height: 169px; background: #80002b;}
div.texte_carre7 {border-style: solid; border-width: 0px 1px 1px 0px; color: #ffff00;}
div.texte_carre7 {line-height: 169px; vertical-align: center; font-size: 32px;}

div.texte_carre8 {width: 200px; float: right; display: inline; height: 169px; background: #80002b;}
div.texte_carre8 {border-style: solid; border-width: 0px 0px 1px 1px; color: #ffff00;}


img.carre {height: 169px; width: 200px; text-align: center;}

div.copyright {text-align: center; color: white;}

a:link {color: #ffff00;}
a:visited {color: #888800;}

p.colonne {width: 400px; float: left; display: inline; padding-left: 24px;}
p.colonne2 {width: 400px; float: right; display: inline; padding-right: 24px;}

span.cliche_bordure img {border: 4px; border-style: solid; color: white; margin: 32px;}
span.cliche_bordure_2 img {border: 2px; border-style: solid; color: white; margin: 4px;}
span.cliche_bordure_3 img {border: 2px; border-style: solid; color: white; margin: 0px;}

div.photos {margin-bottom: 40px;}

div.cadre {width: 792px; height: 320px; border: 1px; border-style: solid; color: #ffff00; margin-left: auto; margin-right: auto; padding: 0px;}
span.cadre_or img {float: left; display: inline; margin: 0px; padding: 1px; border: 1px; border-style: solid; color: #ffff00;}

span.cadre_or {width: 152px;}

div.cadre_or {float: left; display: inline; border: 0px; border-style: solid; color: #ffff00; margin: 1px; padding: 1px;}

span.cadre_or_2 img {float: left;}
span.cadre_or_2 img, img.filet_or {margin: 0px; padding: 1px; border: 1px; border-style: solid; color: #ffff00;}



div.cadre_or_2 {float: right; display: inline; border: 0px; border-style: solid; color: #ffff00; margin: 1px; padding: 1px;}

div.cadre_texte_or {float: right; display: inline; height: 152px; border: 1px; border-style: solid; margin: 2px; padding: 1px; color: #ffff00;}
div.cadre_texte_or {width: 388px;}

div.cadre_texte_or_2, div.cadre_texte2_or {float: left; height: 152px; border: 1px; border-style: solid; margin: 2px; padding: 1px; color: #ffff00;}
div.cadre_texte_or_2 {width: 388px;}

div.cadre_texte3_or {float: left; width: 150px; height: 152px; border: 1px; border-style: solid; margin: 2px; padding: 1px; color: #00ff00;}
div.cadre_texte2_or {width: 190px;}

div.cadre_texte_or span, div.cadre_texte_or_2 span {position: relative; top: 62px; }
div.cadre_texte_or span {font-family: "Times New Roman", "Times", "Helvetica", "Arial", "Brush Script MT Italique", "Bickley Script LET", "Lucida Handwriting Italique", sans-serif; font-size: 28px; color: #ffff00;}
div.cadre_texte_or_2 span {font-family: "Times New Roman", "Times", "Helvetica", "Arial", "Brush Script MT Italique", "Bickley Script LET", "Lucida Handwriting Italique", sans-serif; font-size: 28px; color: #ffff00;}

div.case_vide {float: left; display: inline; width: 152px; height: 152px; border: 1px; border-style: solid; color: #ffff00; margin: 1px; padding: 1px;}

div.ligne {width: 800px; display: block;}

div.cadre_2 {width: 792px; height: 949px; border: 1px; border-style: solid; color: #ffff00; margin-left: auto; margin-right: auto; padding-left: 0px;}

div.cadre_2 img {border: 1px; border-style: solid; margin: 1px; padding: 1px; float: right;}

span.vide {float: left; width: 190px; height: 152px; display: inline; border: 1px; border-style: solid; margin: 1px; padding: 1px;}
span.vide2 {float: right; width: 190px; height: 152px; display: inline; border: 1px; border-style: solid; margin: 1px; padding: 1px;}

span.filet img {border: 1px; border-style: solid; color: #ffff00}

div.ligne1, div.ligne2 {display: inline; width: 396px; float: left;}

div.ligne3 {display: inline; width: 396px; float: right;}

div.ligne1 span.vide {padding-right: 5px;}
div.ligne2 span.vide {padding-right: 5px;}
div.ligne3 img, div.ligne4 img {width: 194px; height: 152px;}

div.contact h2, div.contact td.a, div.contact td.b, div.horaires {font-family: "Verdana", "Helvetica", "Arial", "Brush Script MT Italique", "Bickley Script LET", "Lucida Handwriting Italique", sans-serif; font-size: 12px; color: #ffff00;}

div.contact table {margin-left: auto; margin-right: auto; margin-bottom: 64px;}
div.contact td.a {text-align: right; color: white;}
div.contact td.b {text-align: left;}
div.horaires {margin-top: 18px; margin-bottom: 18px;}
div.horaires span.gras {font-weight: bold; color: #c0c000}




div.liste_pierres {display: block;}

div.nom_pierre {float: left; text-align: right; width: 400px; padding-top: 4px;}
div.image_pierre { margin-left: 8px; margin-bottom: 12px; margin-right: 350px;}

div.nom_pierre a, div.nom_pierre a:visited, h1.lien a, h1.lien a:visited {text-decoration: underline;}

a.sans_bord img {border: 0px; border-style: none;}

div.colonne2 img {border: 2px; border-style: solid; color: #ffff00;}


div.colonne1, div.colonne1 p {float: left; width: 370px; display: inline; padding-left: 12px;}
div.colonne2 {float: right; width: 400px; display: inline;}

div.colonnes_x2 {width: 800px; height: 300px;}
div.colonnes_x1 p {width: 750px; }

img.image1 {float: left; margin-top: 16px; margin-right: 100px; margin-left: 24px; margin-bottom: 0px; padding-bottom: 0px;}

img.image2 {float: left; margin-top: 0px; margin-right: 0px; margin-left: 119px; margin-bottom: 0px; padding-bottom: 0px;}
img.image3 {float: left; margin-top: 0px; margin-right: 0px; margin-left: 24px; margin-bottom: 0px; padding-bottom: 0px;}

div.colonnes_x2 {height: 580px;}

div.cadre_vide {height: 12px;}

