@charset "utf-8";
/* ------------------------------------ */
/* |           General                | */
/* ------------------------------------ */

html {


}
body {
width:100%;
font-family: "Century Gothic",Verdana, Helvetica, sans-serif;
background:url(../images/poivrevert_02.gif) repeat-x top;
padding:0px;
margin:0px;
}
a {
text-decoration:none;
color:#86a20c;

}

a:hover
{

color:#cadf71;
}

a:focus
{
outline: none;
color:#666666;
}



cite {
display:block;
}
#menu li a {

text-decoration:none;
color:#FFFFFF;
}
#menu li a:hover {

color: #000000;
}

#menu_footer li a {

text-decoration:none;
color:#FFFFFF;
}
#menu_footer li a:hover {

color: #000000;
}


			#header {
			position:relative;
			margin-left:auto;
			margin-right:auto;
			
			width:1000px;
			height:129px;
			
			}
			
			
			#header h1{
			line-height: 0px;
			font-size:0px;
			text-indent:-5000px;
			}
			
			#header h1 a{
			position:absolute;
			top:24px;
			left:9px;
			background: url(../images/logo.gif) no-repeat;
			height:94px;
			width:398px;}
			
			#menu {
			position:absolute;
			list-style:none;
			right:0;
			bottom:20px;
			}
			#menu li {
			display:inline;
			width:50px;
			height:20px;
			margin-right:5px;
			padding-right:10px;
			border-right:#FFFFFF solid 1px;
			color:#FFFFFF;
			}
			#menu a {
			}


#contenu_a {
position:relative;
margin-left:auto;
margin-right:auto;
width:1000px;
border-bottom:#b1b3b4 solid 1px;
background:url(../images/poivrevert.gif) no-repeat 60% 100%;


}

#contenu_b {
position:relative;
margin-left:auto;
margin-right:auto;
width:1000px;
border-bottom:#b1b3b4 solid 1px;
background:url(../images/poivrevert.gif) no-repeat bottom right;

}
#contenu_c {
position:relative;
margin-left:auto;
margin-right:auto;
width:1000px;
border-bottom:#b1b3b4 solid 1px;
background:url(../images/poivrevert.gif) no-repeat bottom right;
text-indent:12px;

}


#contenu_a p{
padding-bottom:50px;
padding-top:20px;
padding-left:9px;
width:60%;
height:210px;
text-align: justify;
font-size:16px;

}



#contenu_c p{
text-indent:0;
width:60%;
text-align: justify;
font-size:16px;
padding-left:12px;

}
#contenu_c li{
text-indent:0;
width:60%;
text-align: justify;
font-size:16px;
padding-left:12px;

}

#form{
padding-bottom:50px;
padding-top:20px;
padding-left:9px;
width:650px;
text-align: justify;
font-size:16px;
height:auto;
background: #a4bf35 url(../images/devis.png) left top no-repeat;
border:0;
}


#form2{
padding-bottom:50px;
padding-top:20px;
padding-left:9px;
width:650px;
text-align: justify;
font-size:16px;
height:auto;
background: #a4bf35 url(../images/form.png) left top no-repeat;
border:0;
}

			#contenu_b input{
			width:96%;
			
			}
			
			#contenu_b p{
			margin-left:12px;
			}
			
			#devisform {
			
			width:650px;
			height:58px;
			text-indent:-5000px;
			}
			
			#formulaire {
			width:650px;
			height:58px;
			text-indent:-5000px;
			}


#confiance {
position:absolute;
width:320px;
height:295px;
right:0px;
top:0px;
background:url(../images/confiance.gif) no-repeat;
text-indent:-5000px;
}
#confiance li {

text-indent:-5000px;
}
#clients {
list-style: none;
}


#lienw3c a{
position:absolute;
width:320px;
height:295px;
right:0px;
top:0px;
background:url(../images/w3c.gif) no-repeat;
text-indent:-5000px;
}

#xhtmlcss {
position:absolute;
width:320px;
height:295px;
right:0px;
top:0px;
background:url(../images/xhtml-css.gif) no-repeat;
text-indent:-5000px;
}

#cms {
position:absolute;
width:320px;
height:295px;
right:0px;
top:0px;
background:url(../images/cms.gif) no-repeat;
text-indent:-5000px;
}
#cms ul {
list-style:none;

text-indent:-5000px;
}

#cms li {

text-indent:-5000px;
}





#listes {
position:relative;
margin-left:auto;
margin-right:auto;
width:1000px;
border-bottom:#b1b3b4 solid 1px;
padding-top:10px;
}

.liste {

float:left;
			
			margin-right:12px;
			margin-left:12px;
			
			

}

.liste li{
margin-left:-12px;

}


.liste h3 {
			line-height: 0px;
			

}

#garantie h2 {

text-indent:-5000px;
background: url(../images/vos_garanties.gif) no-repeat;
width:324px;
height:28px;
			line-height: 0px;
			font-size:10px;
}

#nous_contacter {

text-indent:-5000px;
background: url(../images/pour_nous_contacter.gif) no-repeat;
width:324px;
height:28px;
			line-height: 0px;
			font-size:10px;
}

#devis {

text-indent:-5000px;
background: url(../images/devis.gif) no-repeat;
width:324px;
height:28px;
			line-height: 0px;
			font-size:10px;
}


    .clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant avec ca dans la page web<br class="clearfloat" />*/
    	clear:both;
        height:0;
        font-size: 1px;
        line-height: 0px;
    }

#contenu2 {
position:relative;
margin-left:auto;
margin-right:auto;
width:1000px;

}

#test {
background: url(../images/ville_nice.png) no-repeat bottom #FFFFFF;

height:66px;

}

#footer {
position: inherit;
bottom:0;
height:auto;
min-height:100px;

			
			width:100%;
			background: #b1b3b4 ;
			

}

#menu_footer {

			width:100%;
			position:relative;
			margin-left:auto;
			margin-right:auto;

}

#menu_footer ul {

position:relative;
			margin-left:auto;
			margin-right:auto;
			list-style:none;
			display: inline-block;

			
			}

#menu_footer li {
			display:inline;
			font-size:10px;
			color:#FFFFFF;
			width:50px;
			height:20px;
			margin-right:5px;
			padding-right:10px;
			border-right:#FFFFFF solid 1px;		
			}

#w3c {
position: absolute;
right:5px;

}
			
#copyright {
clear:left;
position:relative;
height: auto;

bottom:0;
margin:20px 0 0 0;
padding:0;
background-color:#b1b3b4;
text-align:center;
font-size: 10px;
color:#ffffff;

}


kbd {
font-size : 1em;
line-height:2em;
padding: 0px 2px;
border: 1px solid gray;
background-color:#CCCCCC;
}

fieldset {
border:0;

}