/* CSS Document */

body{
text-align:center;
background:#eee;
}
*{
font-family:"Times New Roman", Times, serif;
font-family:Georgia, Times, serif,arial;
color:#4b4b4b;}

h1{
font-size:18px;
margin-bottom:80px;
padding:0;
margin:0;}
.legal{
font-family:Arial, Helvetica, sans-serif;
font-size:10px
}
a.mauve,h1 a{
text-decoration:none;

}
#logo{
margin-bottom:25px}
a:hover{
text-decoration:none;
}
h2{
font-size:18px;
padding:0;
margin:0;
}
#contenant{
margin:0 auto;
text-align:left;
width:870px;
overflow:auto;
padding-left:30px;
background:#FFFFFF;
padding-bottom:25px;
}
#contenant.tarifs_fine-art{
background-image:url(images/savoirs_faire.jpg);
background-repeat:no-repeat;
background-position:0 0;
height:700px;}
#menu{
width:200px;
float:left;

}
.alignL{
float:left}
img.alignL{
margin-right:15px;}
img.img{
margin-left:100px;
}
img.top{
margin-top:10px
}
ul{
list-style:none;
margin-left:0;
padding:0
}
#contenu ul{
margin-left:10px;
}
#contenu ul li{
list-style-type:disc;
list-style-position:inside;
margin-left:15px;}
#menu ul{
margin-top:100px;
}
#menu ul ul{
margin-left:5px;
margin-top:0
}
#menu li{
color:#4b4b4d;
font-size:18px;
}
li a{
text-decoration:none}
a:hover{
text-decoration:underline;}
#menu li li{
font-size:12px;
}
ul li ul li a{
font-family:Arial, Helvetica, sans-serif;}
.actif,.actif span{
color:#CC33CC;}
#contenu{
float:left;
width:650px;
margin-left:20px;
font-size:12px;
padding-top:100px;
}
h3:first-letter{
text-transform:uppercase;}
h3.contact{
margin-top:50px}
div.bio{
font-size:12px;
position:absolute;}
img.bio{
float:right;
margin-top:-140px;}
.big{
font-size:18px}
.txt_align_right{
text-align:right}
.align_right{
float:right}
.savoirs{
width:280px;
margin-left:90px;
font-size:12px;
margin-top:15px;}
.savoirs2{
font-size:12px;
width:370px;
margin-bottom:22px}
.savoirs_bas{
position:absolute;
top:540px;
margin-left:410px;
padding-bottom:35px;
width:200px;
}
.savoirs_bas div{
font-weight:bold;}
.col_d{
float:right;
width:240px;
font-size:14px;
}
#contenu .col_d ul{
margin:5px 0 0 0;}
#contenu .col_d ul ul{
margin:0;}
#contenu .col_d ul li{
font-size:10px;
padding-left:5px;
margin-left:5px;
list-style-type:disc}
#contenu .col_d li a,.col_d li span{
font-size:14px;
font-weight:bold}
#contenu .col_d li li span{
font-weight:inherit}
#contenu .col_d li li a{
font-weight:normal}
#contenu .col_d li a span.small,.col_d li span.small{
font-weight:normal;
font-size:11px;

}

.tarifs_portraits{
position:absolute;
margin-top:40px;
}
#contenant.tarifs_mariages,#contenant.photographe-de-mariages{
background-image:url(images/tarifs_photos_mariage.jpg);
background-repeat:no-repeat;
background-position:5px 80px;
}

#contenant.contact{
background-image:url(images/fond-contact.jpg);
background-repeat:no-repeat;
background-position:left bottom;
}


#contenant.portrait{
background-image:url(images/portrait-h.jpg);
background-repeat:no-repeat;
background-position:25px 100px;
}

#contenu h1{
margin-top:25px;
}
.portfolio{
text-align:center;
padding-top:50px;
width:380px;
padding-top:20px;
margin-left:-20px;
}
.port_even{
width:320px;}
.portfolio a{
line-height:60px;
padding:3px;
margin-left:10px;
margin-bottom:10px;
}
.portfolio a img{
border:3px solid #CCCCCC;
height:40px;
}
.portfolio a:hover img{
border:3px solid #333333;
}
.ev{
float:left;
margin-left:-30px;
}
#contenu .col_d h1{
margin-top:105px;
font-size:12px;}
.col_d ul {
margin-top:15px
}
.col_d ul ul{
margin-left:5px;
margin-top:0px;
}
.col_d li li{
font-size:12px}
.small{
font-size:11px}
.col_d_ev{
margin-top:10px;
width:320px;}
.col_d em{
font-size:12px;
float:left;
margin-top:180px}
#diap{
position:absolute;
padding-left:50px;
}
#contact{
width:300px
}
.clr{
clear:left}
label,input{
margin:10px 0 5px 0}
label,input,#contact *{
font-family:Arial, Helvetica, sans-serif;font-size:12px}
label{float:left;width:130px;}
input{
width:120px}

input.normal{
width:auto;
float:none;
margin:auto;}
#nav{
width:650px;
position:absolute;
margin-top:555px;
text-align:center;
margin-bottom:8px}
a.activeSlide{
background:#ccc;
color:#FFFFFF}
#nav a{
padding:2px;
border:#341213 1x solid;
margin-right:5px;
font-size:9px;
font-family:Arial, Helvetica, sans-serif}
#photo_flottante{
position:absolute;
z-index:2}
#menu p{
font-size:11px;
font-weight:bold;
margin:0;
}

p.partenaire  a{
font-weight:normal;
font-size:10px;}
.tarifs_mariages #logo,.photographe-de-mariages #logo{
margin-bottom:220px}
#contenant.portrait #logo{
margin-bottom:120px}
.photographe-de-mariages #menu ul,#contenant.portrait #menu ul,.tarifs_mariages #menu ul{
margin-top:15px}
.photographe-de-mariages #menu ul ul,#contenant.portrait #menu ul,.tarifs_mariages #menu ul ul{
margin-top:0px}
.photographe-de-mariages #menu ul ul,#contenant.portrait #menu ul ul{
margin-top:auto}
.architecture #contenu img{
margin-top:-100px;
margin-left:120px;}
.architecture #contenu .col_d h1{
margin-top:200px}
#cartier{
margin-left:20px;}
#part-dieu{
margin-right:20px}
.evenements #contenu{
width:600px}
#tombees-des-nues{
margin-top:5px;
margin-bottom:8px
}
#partenaires{
width:100%;
}
#village-createurs{
position:absolute;
margin-left:30px;}
#partenaires img{
margin-left:19px}
#partenaires #millau-se-marie{
margin:0}
#imagespart img{
border:0}

#contenant.prestations_tarifs .col_d{
width:280px;}
