/* CSS Document */

*{
margin:0;
padding:0;}

.spacer{
height:0;
margin:0;
padding:0;
clear:both;
background-color:#262626;}

body{
background-color:#262626;}

#general{
width:955px;
margin:40px auto;}

h1 a{
width:600px;
height:46px;
display:block;
text-indent:-5000px;
background:url(../images/annie-vene-peintre-deco.jpg) no-repeat 15px 0;}

ul#menu{
list-style:none;
margin:0 0 0 30px;}

ul#menu li{
display:inline;}

a#m1, a#m2, a#m3, a#m4, a#m6{
float:left;
display:block;
text-indent:-5000px;
height:125px;}

a#m1{
width:154px;
background:url(../images/m1-murs-peints_2.jpg) no-repeat 0 75px;}
a#m1:hover{background:url(../images/m1-murs-peints_2.jpg) no-repeat 0 -50px;}
a#m2{
width:133px;
background:url(../images/m2-decors_2.jpg) no-repeat 0 75px;}
a#m2:hover{background:url(../images/m2-decors_2.jpg) no-repeat 0 -50px;}
a#m3{
width:196px;
background:url(../images/m3-patines_2.jpg) no-repeat 0 75px;}
a#m3:hover{background:url(../images/m3-patines_2.jpg) no-repeat 0 -50px;}
a#m4{
width:152px;
background:url(../images/m4-enseignes.jpg) no-repeat 0 75px;}
a#m4:hover{background:url(../images/m4-enseignes.jpg) no-repeat 0 -50px;}
a#m6{
width:97px;
background:url(../images/m6-etc.jpg) no-repeat 0 75px;}
a#m6:hover{background:url(../images/m6-etc.jpg) no-repeat 0 -50px;}
a#m5{
display:block;
text-indent:-5000px;
height:56px;
width:94px;
float:right;
margin:77px 0 0 0;
background:url(../images/m5-contact2.jpg) no-repeat 0 -54px;}
a#m5:hover{background:url(../images/m5-contact2.jpg) no-repeat 0 0;}


#content{
clear:both;
margin: 0 0 0 30px;}



/****************       I M A G E S    **********************/

#bloc-portfolio{
width:922px;
background-color:#303030;
margin:30px 0;}

#bloc-portfolio-v{
width:922px;
margin:30px 0;}



/**#violet-prev{
float:left;
width:30px;}
#violet-prev a{
display:block;
width:30px;
height:300px;
text-indent:-5000px;
text-decoration:none;
background:#303030 url(../images/prev-violet.jpg) no-repeat 0 150px;}
#violet-prev a:hover{
background:#303030 url(../images/prev-violet.jpg) no-repeat -30px 150px;
}
**/

#violet-prev, #violet-next, #bleue-prev, #bleue-next, #rouge-prev, #rouge-next, #orange-prev, #orange-next{
float:left;
width:30px;
}

#violet-prev a, #violet-next a, #bleue-prev a, #bleue-next a, #rouge-prev a, #rouge-next a, #orange-prev a, #orange-next a{
display:block;
width:30px;
height:70px;
text-indent:-5000px;
text-decoration:none;
}

#violet-prev a{background:#303030 url(../images/prev-violet.jpg) no-repeat 0 20px;}
#violet-prev a:hover{background:#303030 url(../images/prev-violet.jpg) no-repeat -30px 20px;}
#violet-next a{background:#303030 url(../images/next-violet.jpg) no-repeat 0 20px;}
#violet-next a:hover{background:#303030 url(../images/next-violet.jpg) no-repeat -30px 20px;}

#bleue-prev a{background:#303030 url(../images/prev-bleue.jpg) no-repeat -30px 20px;}
#bleue-prev a:hover{background:#303030 url(../images/prev-bleue.jpg) no-repeat 0 20px;}
#bleue-next a{background:#303030 url(../images/next-bleue.jpg) no-repeat 0 20px;}
#bleue-next a:hover{background:#303030 url(../images/next-bleue.jpg) no-repeat -30px 20px;}

#rouge-prev a{background:#303030 url(../images/prev-rouge.jpg) no-repeat -30px 20px;}
#rouge-prev a:hover{background:#303030 url(../images/prev-rouge.jpg) no-repeat 0 20px;}
#rouge-next a{background:#303030 url(../images/next-rouge.jpg) no-repeat 0 20px;}
#rouge-next a:hover{background:#303030 url(../images/next-rouge.jpg) no-repeat -30px 20px;}

#orange-prev a{background:#303030 url(../images/prev-orange.jpg) no-repeat -30px 20px;}
#orange-prev a:hover{background:#303030 url(../images/prev-orange.jpg) no-repeat 0 20px;}
#orange-next a{background:#303030 url(../images/next-orange.jpg) no-repeat 0 20px;}
#orange-next a:hover{background:#303030 url(../images/next-orange.jpg) no-repeat -30px 20px;}


/**#violet-next{
float:left;
width:30px;}
#violet-next a{
display:block;
width:30px;
height:300px;
text-indent:-5000px;
text-decoration:none;
background:#303030 url(../images/next-violet.jpg) no-repeat 0 150px;}
#violet-next a:hover{
background:#303030 url(../images/next-violet.jpg) no-repeat -30px 150px;
}
**/
#bloc-images{
float:left;
width:854px;
min-height:10px;
display:block;
background-color:#303030;
border-left:4px solid #262626;
border-right:4px solid #262626;}

#bloc-images img{
float:left;
border-right:4px solid #262626;}

#bloc-images img.fin{
float:left;
border:none;}

#bloc-vignettes{
float:left;
width:854px;
min-height:10px;
display:block;}


/*******************   D E S C R I P T I O N S    B A S     ***********************/



#description, #bienvenue{
float:left;
margin:10px 0 80px 0;}
#description{
width:285px;
padding-right:20px;}
#bienvenue{
width:590px;
padding: 0 0 20px 10px;
border-left:1px solid #666;}


p.gris{
font:11px Arial, Helvetica, sans-serif;
color:#939393;}
p.blanc{
font:12px Arial, Helvetica, sans-serif;
color:#d4d4d4;}

a.jaune{
font:12px Arial, Helvetica, sans-serif;
color:#E8D07D;
text-decoration:none;}
a.jaune:hover{
font:12px Arial, Helvetica, sans-serif;
color:#CCCC99;
text-decoration:underline;}

a.ablanc12{
font:12px Arial, Helvetica, sans-serif;
color:#777777;
text-decoration:none;}
a.ablanc12:hover{
font:12px Arial, Helvetica, sans-serif;
color:#ffffff;
text-decoration:none;}



/**************************** F O R M   C O N T A C T**********************************/

form.form{
float:left;
width:300px;
font:11px Verdana, Arial, Helvetica, sans-serif;
color:#ccc;
}

form.form label.champs{
float:left;
width:100px;
font:11px Arial, Helvetica, sans-serif;
color:#939393;}
label.champs-bt{
width:170px;
margin: 5px 15px 0 0;
font:11px Arial, Helvetica, sans-serif;
color:#939393;}

form.form li{
width:600px;
clear:both;}

li#champs-oblig{
color:#7d544b;
margin-left:100px;
text-align:left;
}

form.form  input.champs, textarea.champs{
margin:2px 0;
float:left;
}

form.form  li{
list-style:none;
text-align:left;
}

form.form a{
font-weight:bold;
color:#7d544b;
margin-left:110px;
font:11px Verdana, Arial, Helvetica, sans-serif;
text-decoration:none;}
form.form a:hover{
color:#7d544b;
text-decoration:underline;}

.erreur{
background-color:#fff;
border:1px solid red;
color:#ff6600;
margin: 5px 0 0 0;
}

#error{
font:10px Verdana, Arial, Helvetica, sans-serif;
color:red;}

a#envoi{
width:200px;
height:30px;
display:block;
text-indent:-5000px;
margin-top:10px;
background:url(../images/bt-envoi.jpg) no-repeat 100px 0;}
a#envoi:hover{
background:url(../images/bt-envoi.jpg) no-repeat 100px 0;}

/*******************************************************************************************************/

/****************************     F O O T E R     **********************************/

div#footer{
clear:both;
width:925px;
margin:50px 0 20px 30px;
padding:10px 0 0 0;
font:10px Arial, Helvetica, sans-serif;
color:#444444;
border-top:1px dotted #444;}

#footer a{
font:10px Arial, Helvetica, sans-serif;
color:#444444;
text-decoration:none;}

#footer a:hover{
font:10px Arial, Helvetica, sans-serif;
color:#444444;
text-decoration:underline;}