body
{
margin : 0 ;
padding : 0 ;
font-family:Arial, Helvetica, sans-serif ;
font-size : 0.8em ;
background-color : whitesmoke ;
}

a
{
text-decoration : none ;
}

a:active, a:focus
{
outline : none ;
}

img
{
border : none;
}

div#conteneur, div#conteneur_int, div#conteneur_part, div#conteneur_contact
{

margin : 15px auto 5px auto ;

}

div#conteneur
{
width : 986px ;
background : url(images/bg_accueil.jpg) no-repeat right top ;
background-color : #fff ;
padding : 0 ;
}

div#conteneur_contact
{
width : 986px ;
background : url(images/bg_contact.jpg) no-repeat right top ;
background-color : #fff ;
padding : 0 ;
}

div#conteneur_int
{
width : 921px ;
background : url(images/bg_int.jpg) no-repeat right top ;
background-color : #fff ;
padding : 0 65px 0 0 ;
}

div#conteneur_part
{
width : 986px ;
background : url(images/bg_part.jpg) no-repeat right top ;
background-color : #fff ;
padding : 0 ;
}


div#menu
{
float : left ;
margin : 0 ;
padding : 0 ;
width : 224px ;
height : 647px ;
background:url(images/bg_menu.jpg) no-repeat left top ;
}

div#menu h1
{
width : 122px ;
height : 119px ;
margin : 50px 0 0 82px ;
padding : 0 ;
}

h1#carre_accueil a, h1#carre_galerie a, h1#carre_part a, h1#carre_croquis a, h1#carre_contact a, h1#carre_blog a, h1#carre_aquarelle a, h1#carre_peinture a
{
display : block ;
text-indent : -5000px ;
width : 122px ;
height : 119px ;
margin : 0 ;
padding : 0 ;
}

h1#carre_accueil a
{
background:url(images/carre_accueil.jpg) no-repeat left top ;
}

h1#carre_galerie a
{
background:url(images/carre_galerie.jpg) no-repeat left top ;
}

h1#carre_part a
{
background:url(images/carre_part.jpg) no-repeat left top ;
}

h1#carre_croquis a
{
background:url(images/carre_croquis.jpg) no-repeat left top ;
}

h1#carre_contact a
{
background:url(images/carre_contact.jpg) no-repeat left top ;
}

h1#carre_blog a
{
background:url(images/carre_blog.jpg) no-repeat left top ;
}

h1#carre_aquarelle a
{
background:url(images/carre_aquarelle.jpg) no-repeat left top ;
}

h1#carre_peinture a
{
background:url(images/carre_peinture.jpg) no-repeat left top ;
}

div#menu ul
{
list-style-type : none ;
margin : 120px 0 0 45px ;
padding : 0 ;
}

div#menu li a
{
display : block ;
color : #39B1A8 ;
font-size : 17px ;
margin : 15px 10px 0 0 ;
padding-right :60px;
text-align : right ;
font-weight : bold ;

}

div#menu li a:hover
{
color : #FAB52A;
}

a#rond1
{
height : 48px ;
background:url(images/rond1.png) no-repeat right top ;
}

a#rond2
{
padding-top : 10px ;
height : 38px ;
background:url(images/rond2.png) no-repeat right top ;
}

a#rond3
{
padding-top : 10px ;
height : 38px ;
background:url(images/rond3.png) no-repeat right top ;
}

a#rond4
{
height : 48px ;
background:url(images/rond4.png) no-repeat right top ;
}

div#content
{
margin : 0 ;
padding : 0 ;
}

div#content_part
{
margin : 0 ;
padding : 0 ;
width : 720px ;
float : right ;
}

div#content_part a
{
display : block ;
text-indent : -5000px ;
}

h1.h1_accueil
{
margin : 0 ;
padding : 137px 0 0 300px ;
color : #000 ;
font-weight : bold ;
font-size : 30px ;
}

h1.h1_int
{
margin : 0 ;
padding : 137px 0 0 300px ;
color : #000 ;
font-weight : bold ;
font-size : 23px ;
}

div#content h1 span
{
color : #39B1A8 ;
}

div#flashcontent
{
width : 520px ;
height : 340px ;
margin : 35px 0 0 268px ;
padding : 0 ;
}

div#scroll
{
width : 80px;
height : 415px ;
margin : 30px 0 0 0 ;
padding : 0 ;
float : right ;
}

a#scroll_haut
{
display : block ;
margin : 0 ;
padding : 0 ;
background:url(images/scroll_haut.jpg) no-repeat left top ;
background-color:#fff ;
height : 50px ;
text-indent : -5000px ;
}

div#defilement_vignettes
{
height : 328px ;
overflow:hidden ;
position:relative;
}

a#scroll_bas
{
display : block ;
margin : 0 ;
padding : 0 ;
background:url(images/scroll_bas.jpg) no-repeat left bottom ;
height : 55px ;
text-indent : -5000px ;
}

div#affiche_tableaux
{
width : 450px ;
height : 415px ;
margin : 43px 0 0 330px ;
padding : 0 ;
text-align : center ;
background:url(images/sablier.gif) no-repeat left top ;
}

div#affiche_tableaux h1
{
margin : 0 ;
padding : 0 ;
color : #CA4421 ;
font-size : 19px ;
}


div.clear
{
clear : both ;
margin: 0 ;
padding : 0 ;
}

div#signature
{
width : 986px ;
margin : 0 auto ;
text-align : right ;
padding : 5px 0;
font-size : 0.8em ;
}

div#signature a
{
color : #39B1A8 ;
}

div#signature a:hover
{
text-decoration : none ;
}

div#croquis
{
float : right ;
width : 655px ;
background:url(images/croquis-a-la-toile.jpg) no-repeat right top;
margin : 20px 0 0 0 ;
padding : 0 ;
}

div#croquis p
{
color : #5A3135;
margin : 0 ;
padding : 290px 0 0 0 ;
line-height : 1.2em ;
}

div#contact
{
text-align : right ;
}

div#contact p
{
font-weight : bold ;
font-size : 9px ;
margin : 90px 20px 0 0 ;
line-height :25px ;
}

div#contact p span
{
font-size : 23px ;
letter-spacing : -2px ;
}

div#contact a
{
display : block ;
margin : 10px 20px 0 0 ;
color : #000 ;
font-size : 23px ;
letter-spacing : -2px ;
font-weight : bold ;
line-height :25px ;
padding : 20px 0 ;
width : 300px ;
height : 100px ;
text-align : right ;
float : right ;
}

div#contact a span
{
color : #3EABA8 ;
}

a.galerie_links
{
display : block ;
float : left ;
margin : 60px 0 0 50px ;
padding : 300px 0 0 0 ;
text-align : center ;
color : #CA4421 ;
font-size : 19px ;
width : 290px ;
font-weight : bold ;
}