@charset "utf-8";
/* CSS Document */

html {width:100%;}

body { 	 
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#6d6d6d;
	background-image:url(http://www.pierredezel.com/maconnerie/images/fond.jpg);
	margin:0;
	padding:0;
	

}

.bg {width:100%; background:url(http://www.pierredezel.com/maconnerie/images/fond-menu.jpg) center 0 repeat; height:65px;}

p { margin:0px; padding-bottom:15px;line-height:20px;}

p.right { margin:0px; padding-bottom:15px;line-height:20px; text-align:right!important;}

img { border:none;}

.image-gauche { padding-right:10px;}

.clear {clear:both;}

h1 { font-family:Arial, Helvetica, sans-serif; font-size:17px; text-align:left; margin:0; padding:0; padding-bottom:20px; color:#AA859F;}
h2 { font-family:Arial, Helvetica, sans-serif; font-size:15px; text-align:left; margin:0; padding:0; padding-bottom:20px; color:#AA859F;}

a, a:link, a:active, a:visited { color:#AA859F; text-decoration:underline;}
a:hover{ color:#9EC567; text-decoration:none;}


/*Haut de page*/

#header
{
width:1000px;
margin-left:auto;
margin-right:auto;
height:65px;
background-image:url(http://www.pierredezel.com/maconnerie/images/fond-menu.jpg);
background-repeat:repeat-x;
}


#logo
{
float:left;
width:346px;
text-align:left;
height:61px;
margin-top:4px;
}



/*MENU*/

/*Le menu horizontal*/


#menu {
float:left;
width:654px;
height:65px;
font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;font-size:17px;
z-index:1000;
 }



#menu ul {
 margin:0;
 padding:0;
 list-style-type:none;
 text-align:center;
 
 }
#menu li {
 float:left;
 margin:auto;
 padding:0;
 list-style-image:none;
  background-image:url(http://www.pierredezel.com/maconnerie/images/menu-tiret.gif);
 background-position:right bottom;
 background-repeat:no-repeat; 
 }
 
 #menu li.last {
 float:left;
 margin:auto;
 padding:0; 
 background-image:none;
 }

 
#menu li a {
	
 display:block;
 color:#FFFFFF;
 text-decoration:none;
 padding:0;
  width:110px;
   line-height:50px;


 }
#menu li a:hover {
 color:#9EC567;
  padding:0;
  

 }
 
 
 #menu li a.niveau1 {
 display:block;
 color:#FFFFFF;
 text-decoration:none;
 padding:5px;
 height:29px;
 font-size:17px;
 background-position:center;
 background-repeat:no-repeat;
 margin-left:5px;
 
 }
 
 #menu li a.niveau1:hover {
 color:#9EC567;
 padding:5px;
 background:url(http://www.pierredezel.com/maconnerie/images/menu-hover.gif) 0px 0 no-repeat;
 background-position:top center;
 background-repeat:no-repeat;
 height:29px;
 font-size:17px;
 margin-left:5px;
 }
 
  #menu li a.liensel{
 color:#FFFFFF;
 padding:5px;
 background:url(http://www.pierredezel.com/maconnerie/images/menu-hover.gif) 0px 0 no-repeat;
 background-position:top center;
 background-repeat:no-repeat;
 height:29px;
 font-size:17px;
 margin-left:5px;
 }
 


 
#menu ul li ul {
 display:none;
 z-index:1000;
 
 }
 
 #menu ul li:hover ul {
 display:block;
 }
 
 #menu li:hover ul li {
 float:none;
 }


#menu li ul {
 position:absolute;
 z-index:1000;
 }
 
#menu ul li ul li {
background-image:none; 
 }

#menu ul li ul li a {
 display:block;
 color:#FFFFFF;
 text-decoration:none;
 padding-left:10px;
 padding-right:10px;
 height:29px;
 width:151px;
 font-size:15px;
 line-height:28px;
 background-color:#6d6d6d;
 background-image:none;
 }
 
 #menu ul li ul li a:hover {
 display:block;
 color:#FFFFFF;
 text-decoration:none;
 padding-left:10px;
 padding-right:10px;
 height:29px;
  width:151px;
 font-size:15px;
 line-height:28px;
 background-color:#7D7D7D;
 background-image:none;
 }
 
 
#contenu-principal
{
width:980px;
margin-left:auto;
margin-right:auto;
background-color:#FFFFFF;
padding:10px;
}

hr.contenu
{
clear:left;
visibility:hidden;
height:0px;
padding:0;
margin:0;
}

.baseline
{
text-align:right; font-style:italic; margin-bottom:10px;

}

 
 /*BANDEAU ANIMATION ACCUEIL*/

#bandeau-anim
{
clear:both;
width:980px;
margin-left:auto;
margin-right:auto;
text-align:center;
margin-top:10px;
margin-bottom:0px;
}






/****************************footer************************/

#contenu-footer
{
clear:both;
width:1000px;
margin-left:auto;
margin-right:auto;
margin-bottom:0;
padding-top:20px;
background-color:#FFFFFF;
}


#footer {
width:980px;
margin-left:auto;
margin-right:auto;
height:30px;
padding-top:10px;
border-top:1px solid #9EC567;
margin-bottom:10px;
font-size:10px;
text-align:center;
}

#footer a {color:#9EC567;text-decoration:none;}
#footer a:hover{text-decoration:underline; color:#252525;}

/* BLOCS 2*/

.colonne1
{
float:left;
width:580px;
text-align:justify;
margin-right:20px;
}

.colonne2
{
float:left;
width:380px;
text-align:right;
}

.uneligne p
{
text-align:justify;
}
.uneligne-centre p
{
text-align:center;
}

/*COLONNE CONTACTS*/

.colonne-contact1
{
float:left;
width:580px;
margin-right:20px;
}

.colonne-contact22
{
float:left;
width:380px;
text-align:left;
}

/*FORMULAIRE*/

/*FORMULAIRE CONTACT*/

form#formulaire2 fieldset {
border: 1px solid #9EC567;
padding:10px;
width:552px;
padding-top:10px;
margin-bottom:20px;
}

.stepligne2 {
clear:both;
background: transparent;
width: 552px;
}

.stepgauche {
float:left;
width: 263px;
padding-right:25px;
text-align:right;
}
.stepdroite {
float:left;
width: 263px;
text-align:right;
}



.champ_text2 {
width:120px;
margin-bottom:5px;
margin-right:10px;
}




legend {
font-weight:bold;
color:#221F20;}

form#formulaire2 p.droite {
text-align: right;
}

form#formulaire2 p.centre {
text-align:center;

}

form#formulaire2 p.gauche {
text-align: left;
padding-left:5px;
}

form#formulaire2 p.mentions {
text-align: justify;
font-size:11px;
color:#221F20;
}

form#formulaire2 input {
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:1px;
}

form#formulaire2 textarea {
width: 97%;
font-size:11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
padding:1px;
}

form#formulaire2 p.boutonenregistrement {
clear: both;
}