@charset "utf-8";
/**********************/
/* Estelle Junqua CSS */
/**********************/

/* Proprietes generales */
body{width:100%; height:100%; margin:0px; padding:0px; text-align:center; background-color:#111000; color:#FFCCFF; font-family:"Trebuchet MS", Verdana, Arial;}
a:link, a:visited, a:active{color:#FF6699; text-decoration:none; font-style:normal;}
a:hover, a:focus{color:#FFCCFF; text-decoration:none; font-style:normal;}
h3{text-align:right; margin-right:10px; line-height:100%}
h1, h2, h4{text-align:left; margin:0px; padding-top:5px; margin-left:10px; line-height:100%;}
p{text-indent:30px; letter-spacing:1px;}

/* proprietes conteneur #main */
#main{width:800px; height:600px; position:absolute; top:50%; left:50%; margin-top:-300px; margin-left:-400px; background:transparent url(portrait_p.jpg) no-repeat scroll left top; border:1px dotted #552211;}

/* proprietes #logo _right et _left */
#logo_left{float: left; width:400px; height:30px; line-height:30px; text-align:left;}
#logo_left a:link, #logo_left a:visited, #logo_left a:active{padding:0 0 0 15px; color:#FF1493; font-size:18px; font-weight:bold;}
#logo_left a:hover, #logo_left a:focus{color:#FFCCFF;}
#logo_right{float:left; width:400px; height:30px; line-height:30px; text-align:right;}
#logo_right a:link, #logo_right a:visited, #logo_right a:active, #logo_right a:hover, #logo_right a:focus{padding:0 15px 0 0; font-size:18px; font-weight:bold;}

/* proprietes menu principal #menu_haut */
#menu_haut{position:absolute; width:800px; height:25px; left:0; top:30px; z-index:100;}
/* proprietes des cases du menu */
.case_menu{float:left; width:198px; height:25px; line-height:25px; border:1px dotted #552211; background:transparent url(voile.png) repeat scroll;}
.case_sousmenu{width:198px; height:25px; line-height:25px; border:1px dotted #552211; background:transparent url(voile.png) repeat scroll;}

/* proprietes conteneurs #presentation #parcours #contact #flash */
#presentation{position:absolute; width:350px; left:2%; top:25%; font-size:14px; text-align:left; padding:5px 15px; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}
#actualite{position:absolute; width:350px; left:2%; top:60%; font-size:14px; text-align:right; padding:5px 15px; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}
#actualite img{border:none;}
#parcours{position:absolute; width:400px; height:500px; overflow:auto; left:2%; top:12%; margin-left:20px; margin-top:10px; font-size:14px; text-align:left; padding:5px 15px; background:transparent url(voile.png) repeat scroll; /*border:1px dotted #552211;*/}
#parcours_artvision{position:absolute; width:700px; left:4%; top:15%; font-size:14px; text-align:center; padding:5px 15px; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}
#parcours_gourmandise{position:absolute; width:700px; left:4%; top:12%; font-size:14px; text-align:center; padding:5px 15px; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}
#parcours_artpresent{position:absolute; width:700px; left:4%; top:12%; font-size:14px; text-align:center; padding:5px 15px; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}
#contact{position:absolute; width:650px; height:450px; margin:0; padding:0; left:75px; top:100px; text-align:center; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}
form{padding-top:1px;}
#flash{position:absolute; width:650px; height:450px; margin:0; padding:0; left:75px; top:100px; text-align:center; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}

/* proprietes conteneurs gallerie */
#galerie{position:absolute; width:700px; top:80px; left:50px; text-align:center; padding:0px; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}
#galerie_moyens{position:absolute; width:750px; top:80px; left:24px; text-align:center; padding:0px; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}
#galerie_petits{position:absolute; width:750px; top:90px; left:24px; text-align:center; padding:0px; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}
#galerie_diptyques{position:absolute; width:750px; top:80px; left:24px; text-align:center; line-height:50%; padding:0px; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}
#galerie_triptyques{position:absolute; width:790px; top:120px; left:4px; text-align:center; padding:0px; background:transparent url(voile.png) repeat scroll; border:1px dotted #552211;}
#galerie img, #galerie_moyens img, #galerie_petits img, #galerie_diptyques img, #galerie_triptyques img{border:5px solid #333333;}

/* proprietes du footer #webmestre */
#webmestre{position:absolute; right:0px; bottom:0px; text-align:right; font-size:10px; color:#333333;}
#webmestre a:link, #webmestre a:visited, #webmestre a:active{font-size:10px; color:#333333;}
#webmestre a:hover, #webmestre a:focus{font-size:10px; color:#FF6699;}