/* CSS Document */

body {
	background-color: #FFFFFF;
	background-image:url(IMG/back.jpg);
	background-repeat:repeat;

}
h1 {
font-family: Georgia, Times New Roman, Times, serif;
	font-size: 17px;
}
h2 {
font-family: Georgia, Times New Roman, Times, serif;
	font-size: 15px;
}
#conteneur {
background-color:#FFFFFF;
	position: absolute;
	width: 770px;
	left: 9%;
	top: 2%;
	text-align: left;
	bottom: 10%;
}
#biogche{
	position: absolute;
	height : 510px;
	width: 100px;
	background-image: url(IMG/biogche.jpg);
	background-repeat:no-repeat;
	left:10px;
	top:18%;
}
#homegche{
	position: absolute;
	height : 510px;
	width: 100px;
	background-image: url(IMG/homegche.jpg);
	background-repeat:no-repeat;
	left: 10px;
	top:18%;
}
#gallgche{
	position: absolute;
	height : 510px;
	width: 100px;
	background-image: url(IMG/gallgche.jpg);
	background-repeat:no-repeat;
	left: 5px;
	top:10px;
}
#contactgche{
	position: absolute;
	height : 510px;
	width: 100px;
	background-image: url(IMG/contactgche.jpg);
	background-repeat:no-repeat;
	left:10px;
	top:18%;
}
#header {
	height: 145px;
	color: #FFFFFF;
	background-repeat: no-repeat;
	background-image: url(IMG/header.jpg);
	background-color: #FFFFFF;
	background-position: center;

	border-left: solid #999999 1px;
	border-top:solid #999999 1px;
	border-right:solid #999999 1px;
	
}
#haut {
	height: 80px;
	color: #999999;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-size: 14px;
	line-height: normal;
	font-weight: bolder;
	text-transform: capitalize;
	font-variant: small-caps;
	text-decoration: none;
	background-color: #FFFFFF;
	text-align: center;
	word-spacing: 5px;
	letter-spacing: 2px;
	padding-left: 160px;
	border-left: solid #999999 1px;
	border-right:solid #999999 1px;
	background-image:url(IMG/bord.jpg);
	background-repeat:repeat-y;
}
#centre {
	background-color: #FFFFFF;
	background-image:url(IMG/bord.jpg);
	background-repeat:repeat-y;
	color: #666666;
	height:500px;
	border-left: solid #999999 1px;
	border-right:solid #999999 1px;
}
html>body #centre {
height: auto;
min-height:500px;
} 

#pied {
	background-color: #FFFFFF;
	color: #999999;
	display: inline;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	font-style: normal;
	word-spacing: 5px;
	letter-spacing: 1px;
	text-align: center;
	padding-top: 1%;
border-left: solid #999999 1px;
	border-right:solid #999999 1px;
	padding-bottom: 1%;
	background-image:url(IMG/bord.jpg);
	background-repeat:repeat-y;
	width: 768px;
	height: 20px;
	position: absolute;
	
	
	
}
.menupied{
	display: inline;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	color: #666666;
	text-align: center;
}
.menupied li {
	display: inline;
	text-align: center;
}
.menupied a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #666666;
	font-style: normal;
	text-align: center;
	text-decoration: none;
}
#lop{
background-image:url(IMG/gal.gif);
background-position:left;
background-repeat:no-repeat;
margin-left:30px;
height:20px;
}
#lop1{
background-image:url(IMG/cont.gif);
background-position:left;
background-repeat:no-repeat;
margin-left:30px;
height:20px;
}
#lop4{
background-image:url(IMG/news.gif);
background-position:left;
background-repeat:no-repeat;
margin-left:30px;
height:30px;
}
#gall {
	width:490px;
	margin-top:25px;
	margin-left:30px;
	background-color: #D0D0D0;
	text-align: center;
	border-top-color:#010101;
	border-top-style:dashed;
	border-top-width:1px;
	position:absolute;
	background-image:url(IMG/gallery.gif);
	background-repeat:no-repeat;
	background-position:center;
	background-position:top;
	
}
#gall a {
margin: 10px 10px 10px 10px;
}
#sougall{
position:absolute;
width:490px;
height:330px;
	background-image:url(IMG/accessoire-gel-pinceau.jpg);
	background-position: top left;
	background-repeat: no-repeat;
	top:370px;
	margin-left:30px;
	}
.pinceau{
z-index:1;}
.mark{
margin-left:10px;
margin-right:10px;
}
.defilement {
height:85px;
overflow:scroll;

}

a span{
display:none;
}
a:hover span{
	display: inline;
	position:absolute;
	top: 110px;
	left:1px;
	color: #171717;
	width: 500px;
	height: 300px;
	padding-top:10px;
	background-color: #FFFFFF;
	text-align:center;
}
a:hover{
background:none;
}
.pinceau1{
z-index:2;}
#arriere {
	display: inline;
	position:absolute;
	top: 255px;
	left: 50px;
	color: #171717;
	width: 500px;
	height: 300px;
	padding-top:10px;
	background-color: #FFFFFF;
	border: outset #666666 1px;
	}
#logosurvol {
	margin-top: 25px;
	margin-right: 100px;
	margin-bottom:10px;
}
#articlesom {
	border-top-color:#010101;
	border-top-style:dashed;
	border-top-width:1px;
	padding-top:10px;
	margin-left: 30px;
	margin-bottom:10px;
	width: 90%;
	background-color: #FFFFFF;
}
#artgallery{
	margin-top: 30px;
	margin-left: 540px;
	margin-right: 100px;
	width: 200px;
	text-align:justify;
	position:absolute;
	border-left:solid #000000 1px;
	padding-left:10px;
}
#artgallery2{
	margin-top: 10%;
	margin-bottom: 10px;
	width: 90%;
	margin-left: 6%;
	background-color: #FFFFFF;
	padding: 8px;
}
#commander{
	margin-top: 10%;
	margin-bottom: 10px;
	width: 90%;
	margin-left: 6%;
}
#newsletter{
background-image: url(IMG/tableau.jpg);
background-repeat:no-repeat;
background-position: top center;
	width : 230px;
	height: 140px;
	margin-top:100px;
	margin-left: 520px;
	text-align: center;
	font-size:14px;
	font-family:Arial, Helvetica, sans-serif;
	text-align:center;
	padding: 30px 10px 10px 10px;
}
.newsletter{
font-family: Georgia, Times New Roman, Times, serif;
	font-size: 15px;
	color: #000000;
	font-style: normal;
	word-spacing: 1px;
	letter-spacing: 2px;
	line-height:16px;
	font-weight:bold;
	text-decoration:none;}
#rss{
	background-color: #FFFFFF;
	background-image:url(IMG/feur.jpg);
	background-repeat:no-repeat;
	background-position:top left;
	width:420px;
	margin-top:-120px;
	margin-left: 30px;
	margin-bottom: 3px;
	list-style-type: none;
	border-left:solid #666666 2px;
	padding-left:5px;
	}
	
#portfoliohome{
	height:180px;
	width:550px;
	margin-top:30px;
	margin-left:50px;
	padding-top:5px;
	padding-left:10px;
	padding-right:10px;
	padding-bottom:5px;
	border-left:solid #666666 2px;
	background-color: #CCCCCC;
}
#portfoliohome a{
text-decoration:none;
}
#portfoliogallery{
	height: auto;
	width: 55%;
	margin-top: 20px;
	background-color: #FFFFFF;
	text-align: center;
	left:-10px;
}


#articlegen{
	margin-bottom: 30px;
	margin-left: 60px;
	width: 590px;
	border-top:dotted #666666 2px;
	padding-top:10px;
}

#rubriquegen{
	background-image: url(IMG/imcont1.jpg);
	background-position: bottom;
	background-repeat:no-repeat;
	margin-top:10px;
	height:200px;
	}
	
#article1{
background-image:url(IMG/peinture1.jpg);
background-position: bottom right;
background-repeat:no-repeat;
	margin-top:30px;
	margin-left: 50px;
	margin-bottom: 10px;

	padding-top:20px;
	width: 680px;
	height:300px;
	border-top:dashed #333333 1px;
}

#principal {
	margin-left: 1px;
	margin-right: 0px;
	width: 50px;
	height: auto;
	padding: 0px;
	background-color: #FFFFFF;
	margin-bottom: 1px;
	line-height: 20px;
}

.general		{
	background-color: #FF80C0;
	text-align:center;

}
.general .menu-titre 	{ background-color: #fcfcf0; }
#article1bio{	
margin-top:30px;
	margin-left: 30px;
	width: 420px;
	padding-left: 5px;
	padding-right: 20px;
	border-top-color:#010101;
	border-top-style:dashed;
	border-top-width:1px;
	padding-top:10px;
}
#pinceau2{
background-image:url(IMG/pinceau2.jpg);
	background-repeat:no-repeat;
	background-position:bottom left;
	margin-left:30px;
	height:200px;
}
#lop3{
	background-color: #FFFFFF;
	background-image:url(IMG/bio.gif);
	background-position:left;
	background-repeat:no-repeat;
	margin-left:30px;
	margin-right:60px;
height:25px;
	}
html>body #article1bio {
height: auto;
min-height: 550px;
} 
#article2bio{
	padding: 60px 10px;
	margin-top: 150px;
	margin-left: 530px;
	margin-right:40px;
	width:200px;
	top:70px;
	background-image:url(IMG/plat.jpg);
background-repeat:no-repeat;
background-position:top;
	position: absolute;
	text-align: left;
	text-decoration: none;
	border-left: solid #333333 1px;
}
.article2bio a {
	text-decoration: none;
	color: #CCCCCC;
}
#articlecont{
    margin-left:30px;
	margin-bottom: 10px;
	margin-right: 100px;
	width: 590px;
}
#article{
	background-image:url(IMG/plat.jpg);
background-repeat:no-repeat;
background-position:top left;
padding-top:70px;
padding-left:5px;
margin-left:50px;
width:600px;
border-left: solid 1px #333333;
}

.text {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #333333;
	font-style: normal;
	word-spacing: 1px;
	letter-spacing: 2px;
	line-height:16px;
}
.text a:hover{
	color: #666666;
	text-decoration: none;
}
.text a {
	color: #666666;
	text-decoration: none;
	font-style: normal;
}
.text1 {
	font-family: Georgia, Times New Roman, Times, serif;
	font-size: 12px;
	color: #FFFFFF;
	font-style: normal;
	word-spacing: 1px;
	letter-spacing: 2px;
	line-height:16px;
	font-weight:bold;
}
.text1 a {
	color: #FFFFFF;
	text-decoration: none;
	font-style: normal;
}
.text li {
	text-align: left;
	left: 1px;
	list-style-type: none;
}
.menuhaut {
	
	margin: 0;
	padding:0;
	color: #FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	text-align: right;
	display: inline;
	font-size: 16px;
}
.menuhaut li {
	display: inline;
}
.menuhaut a {
	margin: 0px;
	color: #666666;
	text-decoration: none;
	font-style: normal;
	line-height: normal;
	text-transform: none;
	text-align: right;
	vertical-align: middle;
	padding: 0;
}
.menuhaut a:hover {
	text-decoration: none;
	color: #333333;
}
p {margin: 0 0 10px 0;}
</style>