/*--- Général ---*/
body {
background-color:#333;
font:0.8em Arial, Helvetica, sans-serif;
color:#d2d2d2;
}
h1 {
display: block;
text-indent:-999px;
}
h2 {
font-size:1.3em;
}
h3 {
font-size: 1.1em;
color:#777;
}
a {
color:#d2d2d2;
text-decoration:none;
}
a:hover {
color:#5f5f5f;
}
a img {
border:none;
}
/*--- Wrapper ---*/
#wrapper {
width:900px;
margin:0 auto;
}
/*--- Header ---*/
#header {
background:url("../images/header.png") no-repeat;
height:180px;
}
/*--- Menu ---*/
#menu {
width:880px;
height:30px;
margin:0 auto;
border:1px solid #5f5f5f;
}
#menu ul {
margin:0;
padding:0;
list-style-type:none;
}
#menu li {
background-color:#710071;
float:left;
width:125px;
border-right:1px solid #5f5f5f;
list-style-type: none;
}
#menu li a {
display:block;
line-height:30px;
text-align:center;
}
#menu li a:hover {
background-color:#800080;
color:#d2d2d2;
}
#menu ul li.last {
width:124px;
border-right:none;
}
/*--- Sous-menu ---*/
#menu ul ul {
visibility:hidden;
position:absolute;
width:125px;
margin-left:-1px;
height:0;
border:none;
z-index:1;
}
#menu ul ul li {
border:1px solid #5f5f5f;
border-top:none;
}
#menu ul ul li.first a {
border-top:1px solid #5f5f5f;
}
#menu ul li:hover ul, #menu ul a:hover ul {
visibility:visible;
}
/*--- Container ---*/
#container {
background:url("../images/main.png") repeat-y;
margin:0;
padding:0;
}
/*--- Cadre gauche ---*/
#sidebar {
float:left;
width:210px;
padding:20px;
color:#5f5f5f;
}
#sidebar a, #sidebar a:hover {
color:#5f5f5f;
}
/*--- Contenu ---*/
#content {
margin: 0 0 0 260px;
padding:20px 20px 0 20px;
}
.right {
text-align:right;
}
.indent {
text-indent:20px;
}
.center {
text-align:center;
}
/*--- Box ---*/
#box {
margin:0;
padding:0;
list-style-type:none;
}
#box:after {
content:"";
display:block;
clear:both;
}
#box li {
float: left;
width:185px;
height:185px;
margin:5px;
}
#box li a {
display: block;
height:100%;
text-align:center;
font-size: 1.3em;
font-weight:bold;
}
#box li a:hover {
}
#box li span {
display: block;
height:100%;
font-size: 1.5em;
font-weight:bold;
}
#box li span:hover {
font-size:0em;
line-height:0;
}
.none {
border:2px solid #333;
line-height:185px;
font-size: 1.3em;
font-weight:bold;
text-align:center;
}
.anis {
border:2px solid #9acb00;
line-height:130px;
}
.anis span {
background:url('../images/volute_anis.png') top left no-repeat #e1ff85;
color:#9acb00;
text-align:center;
}
.anis span:hover {
background: url('../images/volute_anis.png') top right no-repeat #e1ff85;
}
.orange {
border:2px solid #ff7c2a;
}
.orange a {
background:url('../images/volute-orange.png') no-repeat #ff6201;
line-height:185px;
color:#feae7c;
}
.orange span {
background:url('../images/volute_orange.png') top left no-repeat #ff6201;
line-height:50px;
padding-left:20px;
color:#feae7c;
}
.orange span:hover {
background:url('../images/volute_orange.png') top right no-repeat #ff6201;
}
.title_orange {
color:#ff7c2a;
}
.mauve {
border:2px solid #eea2f3;
line-height:30px;
}
.mauve a {
background:url('../images/volute-mauve.png') no-repeat #ec84f3;
line-height:185px;
color:#f5c4f8;
}
.mauve span {
background:url('../images/volute_mauve.png') top left no-repeat #ec84f3;
color:#f5c4f8;
padding-left:10px;
}
.mauve span:hover {
background:url('../images/volute_mauve.png') top right no-repeat #ec84f3;
}
.title_mauve {
color:#eea2f3;
}
.violet {
border:2px solid #b05296;
line-height:40px;
}
.violet a {
background:url('../images/volute-violette.png') no-repeat #81007f;
line-height:185px;
color:#b05296;
}
.violet span {
background:url('../images/volute_violette.png') top left no-repeat #81007f;
color:#b05296;
text-align:right;
padding-right:10px;
}
.violet span:hover {
background:url('../images/volute_violette.png') top right no-repeat #81007f;
}
.title_violet {
color:#b05296;
}
.vert {
border:2px solid #b1eb03;
line-height:30px;
}
.vert a {
background: url('../images/volute-verte.png') no-repeat #98cb00;
line-height:185px;
color:#c1ff04;
}
.vert span {
background: url('../images/volute_verte.png') top left no-repeat #98cb00;
color:#c1ff04;
padding-left:10px;
}
.vert span:hover {
background: url('../images/volute_verte.png') top right no-repeat #98cb00;
}
.title_vert {
color:#b1eb03;
}
.rose {
border:2px solid #ff65b2;
}
.rose a {
background:url('../images/volute-rose.png') no-repeat #ff0080;
line-height:185px;
color:#ff8bc5;
}
.rose span {
background:url('../images/volute_rose.png') top left no-repeat #ff0080;
line-height:70px;
color:#ff8bc5;
padding-left:10px;
}
.rose span:hover {
background: url('../images/volute_rose.png') top right no-repeat #ff0080;
}
.title_rose {
color:#ff65b2;
}
.femmes a {
background:url('../images/femmes.png') no-repeat #ec84f3;
line-height:50px;
padding-right:70px;
color:#eea2f3;
}
.mariage_elle a {
background:url('../images/mariage_elle.png') no-repeat #ec84f3;
line-height:50px;
padding-right:70px;
color:#eea2f3;
}
.mariage_lui a {
background:url('../images/mariage_lui.png') no-repeat #d9adec;
line-height:50px;
padding-right:70px;
color:#f9cdef;
}
.mariage a {
background:url('../images/mariage.png') no-repeat #81007f;
line-height:50px;
padding-left:70px;
color:#b05296;
}
/*--- Avant/après ---*/
.photo01 {
background:url('../images/Avant-Apres/photo01.png') top left no-repeat;
}
.photo01:hover {
background:url('../images/Avant-Apres/photo01.png') top right no-repeat;
}
.photo02 {
background:url('../images/Avant-Apres/photo02.png') top left no-repeat;
}
.photo02:hover {
background:url('../images/Avant-Apres/photo02.png') top right no-repeat;
}
.photo03 {
background:url('../images/Avant-Apres/photo03.png') top left no-repeat;
}
.photo03:hover {
background:url('../images/Avant-Apres/photo03.png') top right no-repeat;
}
.photo04 {
background:url('../images/Avant-Apres/photo04.png') top left no-repeat;
}
.photo04:hover {
background:url('../images/Avant-Apres/photo04.png') top right no-repeat;
}
.photo05 {
background:url('../images/Avant-Apres/photo05.png') top left no-repeat;
}
.photo05:hover {
background:url('../images/Avant-Apres/photo05.png') top right no-repeat;
}
.photo06 {
background:url('../images/Avant-Apres/photo06.png') top left no-repeat;
}
.photo06:hover {
background:url('../images/Avant-Apres/photo06.png') top right no-repeat;
}
.photo07 {
background:url('../images/Avant-Apres/photo07.png') top left no-repeat;
}
.photo07:hover {
background:url('../images/Avant-Apres/photo07.png') top right no-repeat;
}
.photo08 {
background:url('../images/Avant-Apres/photo08.png') top left no-repeat;
}
.photo08:hover {
background:url('../images/Avant-Apres/photo08.png') top right no-repeat;
}
.photo09 {
background:url('../images/Avant-Apres/photo09.png') top left no-repeat;
}
.photo09:hover {
background:url('../images/Avant-Apres/photo09.png') top right no-repeat;
}
/*--- Contact ---*/
label {
display:block;
width:120px;
float:left;
margin-top:5px;
}
#form input {
margin-top:4px;
}
#form textarea {
margin-top:4px;
width:300px;
overflow:auto;
}
.submit {
background-color:#333;
margin-left:120px;
border:1px solid #5f5f5f;
color:#aaa;
}
.obligatoire {
font-style:italic;
font-size:0.7em;
color: #cc0000;
}
.obligatoire img {
vertical-align:text-bottom;
}
.coordonnees li {
list-style-type:none;
padding:2px 0;
}
/*--- Popup ---*/
#popup {
width:540px;
margin:0 auto;
padding:0 10px;
}
#timer {
margin:0;
padding:0;
list-style-type:none;
}
#timer li {
background:url('../images/horloge.png') 0 0 no-repeat;
margin:0;
padding-left:24px;
line-height:20px;
color:#999;
}
.prix {
font-size:1.3em;
font-weight:bold;
text-align:right;
}
/*--- Tag Cloud ---*/
.word {
color:#5f5f5f;
}
.size9 {
font-size:28px;
}
.size8 {
font-size:24px;
}
.size7 {
font-size:22px;
}
.size6 {
font-size:20px;
}
.size5 {
font-size:18px;
}
.size4 {
font-size:16px;
}
.size3 {
font-size:14px;
}
.size2 {
font-size:12px;
}
.size1 {
font-size:8px;
}
.size0 {
font-size:6px;
}
/*--- GoogleMap ---*/
#map {
width:500px;
height:350px;
color:#666;
}
#map a {
color:#666;
}
/*--- Footer ---*/
#footer {
clear: both;
background:url('../images/footer.png') no-repeat;
height:30px;
margin:20px 0 0 0;
padding:15px 20px;
font-size:0.875em;
text-align:center;
}