/********************************
   MICHEL BOURGET PHOTOGRAPHE
********************************/

body{
padding:0;
margin:0;
width:100%;
font-family: verdana, arial, sans-serif;
color:#fff;
font-size:13px;
background-color:#000;
/*background-image:url(images/footer.jpg);
background-position:bottom center;
background-repeat:repeat-x;*/
}

h1{
font-size:20px;
margin-bottom:20px;
color:#FFF;
}

h1#accueil{
background-image:url(images/titre_accueil.jpg);
background-repeat:no-repeat;
width:469px;
height:58px;
text-indent:-2000px;
}

h1#services{
background-image:url(images/titre_services.jpg);
background-repeat:no-repeat;
width:302px;
height:58px;
text-indent:-2000px;
}

h1#decors{
background-image:url(images/titre_decors.jpg);
background-repeat:no-repeat;
width:218px;
height:58px;
text-indent:-2000px;
}

h1#joindre{
background-image:url(images/titre_joindre.jpg);
background-repeat:no-repeat;
width:237px;
height:58px;
text-indent:-2000px;
}

h2{
font-size:16px;
margin-top:40px;
color:#FFF;
}

div.clearfix{
clear:both;
}

a img{
border:none;
}

a{
color:#ff0000;
text-decoration:none;
background-image:url(images/back_link.gif);
background-repeat:repeat-x;
background-position:0 2px;
}

a:visited{
color:#ff0000
}

a:hover{
text-decoration:underline;
}

#header-container{
width:100%;
height:111px;
background-image:url(images/header.jpg);
background-position:center;
background-repeat:repeat-x;
}

#footer{
width:100%;
height:38px;
background-image:url(images/footer.jpg);
background-position:center;
background-repeat:repeat-x;
color:#424242;
font-size:11px;
text-align:center;
padding-top:23px;
}

#header{
width:955px;
height:111px;
margin:0 auto;
}

#logo{
float:left;
width:155px;
height:111px;
margin-top:3px;
}

#logo a{
display:block;
width:130px;
height:136px;
margin-top:10px;
background-image:url(images/logo.png);
color:#000;
}


/******NAVIGATION******/

#navig{
width:780px;
height:111px;
float:left;
}

#navig ul{
list-style-type:none;
margin:0;
padding:0;
}

#navig_index{
position:absolute;
top:0px;
left:0px;
text-indent:-1000px;
}

#navig_index ul{
list-style-type:none;
}

#navig ul#main li{
float:left;
margin-right:15px;
margin-top:50px;
font-weight:bold;
}

#navig ul#main li span{
display:block;
font-size:8px;
color:#626262;
}

#navig ul#secondary{
margin-left:-15px;
padding:0;
margin-top:0;
}

#navig ul#secondary li{
float:left;
margin-left:15px;
margin-top:5px;
}

#navig a{
color:#ddd;
text-decoration:none;
font-size:12px;
font-weight:bold;
background-image:none;
}

#navig li.current{
padding-bottom:12px;
background-image:url(images/navig_current.gif);
background-repeat:no-repeat;
background-position:bottom center;
}

#navig a:visited{
color:#ddd;
}

#navig a:hover{
color:#ff0000;
background-image:url(images/back_navig.gif);
background-repeat:repeat-x;
background-position:top center;
}

#navig a.current{
color:#ff0000;
background-image:url(images/back_navig.gif);
background-repeat:repeat-x;
background-position:top center;
}

/******CONTENU******/

#flash{
width:766px;
margin:0 auto;
}


#content-container{
width:955px;
margin:0 auto;
}

#content{
width:655px;
padding:30px 150px 200px 150px;
background-image:url(images/back_camera.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}

.f_left{
float:left;
}

.f_left p{
width:484px;
}

#content_portfolio{
width:855px;
padding:30px 50px 200px 50px;
background-image:url(images/back_camera.jpg);
background-position:bottom right;
background-repeat:no-repeat;
}

#flashcontent{
width:750px;
margin:0 auto;
}

#content ul{
list-style-type:none;
padding:0 0 0 15px;
margin:0;
font-weight:bold;
}

#content ul li{
padding:0;
margin:0 0 5px; 0;
}

#google_map{
margin-top:30px;
}

img.decors_thumbs{
float:left;
margin:0 10px 15px 0;
}

