/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background:#dddddb url(../images/body-tail.jpg) top repeat-x;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial;
		font-size:0.75em;
		line-height:1.333em;
		color:#3e3f3b;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {
  text-decoration:none;
  color:#658300;
  /*color:orange;*/
 }
 
linkPage a {
	color : #000000;
	text-decoration:none;
}

a:hover{text-decoration:none;}
p {padding-top:15px;}
strong {color:#658300;}
strong a {text-decoration:none;}
strong a:hover {text-decoration:underline;}

/* ============================= main layout ====================== */

.link {display:block; float:right; background:url(../images/link-tail-bg.gif) top repeat-x; color:#456805; font-size:1.083em; line-height:1em; text-decoration:none;}
.link span {display:block; background:url(../images/link-right-bg.gif) top right no-repeat;}
.link span span {background:url(../images/link-left-bg.gif) top left no-repeat; padding:3px 12px 7px 12px;}
.link:hover {text-decoration:underline;}
.box .link span {background:url(../images/link-right-bg2.gif) top right no-repeat;}
.box .link span span {background:url(../images/link-left-bg2.gif) top left no-repeat;}

li.none{
    background: url(none) ;
    font-weight: bold;
    padding-bottom: 10px;
}
li a .none{
    font-weight: normal ;
}

li { background:url(../images/list-bg.gif) no-repeat 0 6px; padding-left:18px;  padding-bottom:10px;}
li a { font-weight:bold;}

.marked {background:url(../images/list-bg.gif) no-repeat 0 3px; padding-left:15px; color:#658300; text-decoration:underline;}
h1 {
        font-weight: bold;
        color: #658300;
        font-size: 20px;
        margin-bottom: 10px;   
        font-family: tahoma;   
		line-height: 23px;  
    }
/*h2 {color:#412d21; font-size:13pt; font-weight: bold;font-family: tahoma; line-height:1em; background:url(../images/line1.gif) bottom left repeat-x; padding:4px 0 7px 0; margin-bottom:6px;}*/
h2 {color:rgb(255,153,0); font-size:13pt; font-weight: bold;font-family: tahoma; line-height:1em; padding:4px 0 7px 0; margin-bottom:6px;}
h3 {font-weight: bold; color: #658300; font-size:10pt;font-weight: bold;}
h3 span {color:#639012;}
h4 {font-weight:normal; text-transform:uppercase; text-decoration:underline; margin-bottom:7px;}
h5 {
color:#412D21;
font-size:1.25em;
line-height:1.333em;
text-align:justify;
}
h6{
  font-weight: normal;
    color: #000000;
    font-size: 12px;
     font-family: arial;   
}

.Style2 {
font-family:Arial,Helvetica,sans-serif;
}
.Style3 {
color:#639012;
}
#ContactForm .rowi {
height:32px;
}

.rss {float:right; margin:-4px 9px 0 0; position:relative;}

cite {font-size:1.083em;}

.imgindent {margin:0 20px 0 0; float:left;}
.extra {float:left; position:relative; margin:0 0 0 -26px;}

/* ============================= header ====================== */

.logo
{
    float: left;
    cursor: pointer;
    width: 380px;
    height: 110px;
    margin: 50px 0 0 35px;
    background: url('../images/logo.png') no-repeat;
	
}
.con
{
    float: right;
    cursor: pointer;
    width: 380px;
    height: 110px;
    margin: 50px 0 0 35px;
    background: url('../images/logo.png') no-repeat;
	
}
#header .menu {padding:14px 0 15px 61px; background:url(../images/menu-bg.jpg) top left no-repeat;}

/* ============================= content ====================== */

#content {background:url(../images/content-right-bg.jpg) top right no-repeat;}
#content .left-bg {background:url(../images/content-left-bg.jpg) top left no-repeat; width:100%;}
.indent {background:#fff; margin:0 27px 0 33px; padding:36px 34px 40px 32px;}

.col-pad {padding-right:42px;}

.box {background:#e9ebe3 url(../images/box-tail-top.gif) top repeat-x;}
.box .corner-bottom-right {background:url(../images/box-corner-bottom-right.gif) bottom right no-repeat;}
.box .corner-bottom-left {background:url(../images/box-corner-bottom-left.gif) bottom left no-repeat;}
.box .corner-top-right {background:url(../images/box-corner-top-right.gif) top right no-repeat;}
.box .corner-top-left {background:url(../images/box-corner-top-left.gif) top left no-repeat; width:100%;}
.box .indent {background:none; padding:32px 34px 20px 32px; margin:0;}

.box2 {background:url(../images/box2-tail-bg.gif) top repeat-x #574b45; color:#fff; margin:0 1px 0 2px;}
.box2 .corner-bottom-right {background:url(../images/box2-corner-bottom-right.gif) bottom right no-repeat;}
.box2 .corner-bottom-left {background:url(../images/box2-corner-bottom-left.gif) bottom left no-repeat;}
.box2 .corner-top-right {background:url(../images/box2-corner-top-right.gif) top right no-repeat;}
.box2 .corner-top-left {background:url(../images/box2-corner-top-left.gif) top left no-repeat; width:100%;}
.box2 .indent {background:none; padding:26px 28px 28px 20px; margin:0;}
.box2 strong {text-transform:none; float:right; display:block; margin-bottom:35px; font-size:1.6em; color:#fff;}
.box2 a {color:#8db600; float:right; display:block; margin-top:11px;}

.box3 .indent {background:none; padding:10px 10px 10px 10px; margin:0;}

.indent2 {padding:37px 0 0 20px;}
.indent3 {padding:0 10px 0 15px;}
.indent4 {padding:0 0 0 12px;}
.padding1 {padding-top:17px;}
.padding2 {padding-bottom:40px;}
.padding3 {padding-top:22px;}
.padding4 {padding-top:32px;}
.padding5 {padding-bottom:22px;}
.margin1 {margin-top:28px;}
.margin2 {margin-top:18px;}

.phone {float:right; margin-right:100px;}

/* ============================= footer ====================== */

#footer .right-bg {background:url(../images/footer-right-bg.gif) bottom right no-repeat;}
#footer .left-bg {background:url(../images/footer-left-bg.gif) bottom left no-repeat; color:#151514; width:100%;}
#footer .menu {padding:25px 0 46px 0;}
#footer .menu li {display:inline; background:none; border-left:1px solid #8db600; padding:0 30px 0 29px;}
#footer .menu li a {font-weight:normal; color:#d0d2c8; text-decoration:none;}
#footer .menu li a:hover {text-decoration:underline;}
#footer .menu .first {border:none;}
#footer a {color:#151514;}

#footer .tableMenu {padding:25px 30px 46px 30px;}
#footer .tableMenu a {color:#ffffff; padding-right:10px;}
#footer .tableMenu a:hover { text-decoration:underline;}
#footer .tableMenu table tr td { text-align:left; padding-left:10px; padding-right:10px;padding-top: 15px}
/* ============================= forms ============================= */


#ContactForm {padding:20px 0 0 0;}
#ContactForm .rowi {height:29px;}
#ContactForm .link {margin:20px 0 0 10px;}

.input {width:237px; height:22px; border:1px solid #4b4b4b; background:#fff; padding:0 0 0 5px; font-size:1em;}
textarea {width:227px; height:110px; border:1px solid #4b4b4b; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}



.button2 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/button-bg2.jpg) repeat-x scroll left top;
color:#FFFFFF;
display:block;
float:left;
text-decoration:none;
}
.button2 em {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/button-left2.jpg) no-repeat scroll left top;
display:block;
}
.button2 b {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/button-right2.jpg) no-repeat scroll right top;
display:block;
font-size:16px;
font-style:normal;
font-weight:bold;
padding:20px 18px;
}
.button2:hover {
color:#000000;
}



.button1 {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/button-bg1.jpg) repeat-x scroll left top;
color:#FFFFFF;
display:block;
float:left;
text-decoration:none;
}
.button1 em {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/button-left1.jpg) no-repeat scroll left top;
display:block;
}
.button1 b {
-moz-background-clip:border;
-moz-background-inline-policy:continuous;
-moz-background-origin:padding;
background:transparent url(../images/button-right1.jpg) no-repeat scroll right top;
display:block;
font-style:normal;
font-weight:bold;
padding:3px 18px 20px;
}
.button1:hover {
color:#000000;
}

#contactFormContainer
{
	position: relative;
	float: right;
	padding-right:33px;
	
}

#contactForm
{
	height:35px;
	width:186px;
	cursor:pointer;
	
	
}
#contactForm fieldset
{
	padding-left:20px;
	padding-right:20px;
	border:none;
}      
#contactForm label
{
	display:block;
	color:#ffffff;
	padding-top:5px;
}      
#contactForm input[type=text]
{
	display:block;
	border:solid 1px #4d3a24;
	width:146px;
	height:20px;
	padding: 0px 0px 0px 0px;
}  
#contactForm input[type=password]
{
	display:block;
	border:solid 1px #4d3a24;
	width:146px;
	height:20px;
	padding: 0px 0px 0px 0px;
}
#contactForm textarea
{
	display:block;
	border:solid 1px #4d3a24;
	width:100%;
	margin-bottom:10px;
}  
#contactForm input[type=submit]
{
	background-color:#ffffff;
	border:solid 1px #000000;
	color:#000000;
	width:70px;
	margin-top:5px;
	margin-bottom:5px;

	
}                
#contactLink
{
	height:44px;
	width:186px;
	display:block;
}
#messageSent
{
	color:#ffffff;
	display:none;
}
/* This is the logo link clickable area */
#logo-zone {
position: absolute;
margin-left:33px;
margin-top:73px;
height: 65px;
width: 397px;
background-color: transparent;
text-decoration:none;
}
    
	
	
#lien_layout1, #lien_layout2{
font-family:Arial, Helvetica, sans-serif;
background:none;
   padding: 2px 0px 0px 50px; 
   overflow: auto; 
   width: 725px; 
   margin-top: 0px;
   margin-bottom:0px;
   margin-left: 0px;
   text-align: center;
}
#lien_layout1 p, #lien_layout2 p{ 
color: #000000;
text-decoration: none;
font-size:12px;
padding: 0px 0px 0px 0px;
margin: 0px 0px 0px 0px;
border: 0.5px #000000 solid;
}
#lien a:link{
color: #000000;
text-decoration: none;
}
#lien a:hover{
color:#000000;
text-decoration:none;
}

a.h2link {
	color:rgb(255,153,0);
	text-decoration:none;	
}

a.h2link:hover {
	color:rgb(255,153,0);
	text-decoration:none;
}

#main { width:980px; margin:0 auto; text-align:left;}

#header {height:265px; background:url(../images/header-bg.jpg) top left no-repeat;}

.menu
{
    float: left;
    width: 980px;
    height: 53px;
    background: url(../images/menu-bg.jpg) no-repeat;
    padding: 14px 0 20px 61px;
	margin-top:40px;

}

#nav_btn_m1
{
    width: 132px;
    background: url(../images/m1.jpg) no-repeat;
}

#nav_btn_m1:hover
{
    width: 132px;
    background: url(../images/m1-act.jpg) no-repeat;
}

#nav_btn_m2
{
    width: 150px;
    background: url(../images/m2.jpg) no-repeat;
}

#nav_btn_m2:hover
{
    width: 150px;
    background: url(../images/m2-act.jpg) no-repeat;
}

#nav_btn_m3
{
    width: 158px;
    background: url(../images/m3.jpg) no-repeat;
}

#nav_btn_m3:hover
{
    width: 158px;
    background: url(../images/m3-act.jpg) no-repeat;
}

#nav_btn_m4
{
    width: 151px;
    background: url(../images/m4.jpg) no-repeat;
}

#nav_btn_m4:hover
{
    width: 151px;
    background: url(../images/m4-act.jpg) no-repeat;
}

#nav_btn_m5
{
    width: 146px;
    background: url(../images/m5.jpg) no-repeat;
}

#nav_btn_m5:hover
{
    width: 146px;
    background: url(../images/m5-act.jpg) no-repeat;
}

#nav_btn_m6
{
    width: 135px;
    background: url(../images/m6.jpg) no-repeat;
}

#nav_btn_m6:hover
{
    width: 135px;
    background: url(../images/m6-act.jpg) no-repeat;
}

.menu_btn
{
    float: left;
    cursor: pointer;
    height: 38px;
}

#footer { margin:0 27px 0 33px; background:url(../images/foot.png) ; text-align:center;}

.col-1, .col-2, .col-3 {float:left;}
.container {width:100%; overflow:hidden;}

/* ============================= page1 ===========================*/

#page1 .col-1 {width:280px;}
#page1 .col-2 {width:532px;}

#page1 .col-1 .col-1 {width:76px;}
#page1 .col-1 .col-2 {width:196px;}

/* ============================= page2 ===========================*/

#page2 .col-1 {width:532px;}
#page2 .col-2 {width:280px;}

/* ============================= page3 ===========================*/

#page3 .col-1 {width:290px;}
#page3 .col-2 {width:522px;}

/* ============================= page4 ===========================*/

#page4 .col-1 {width:532px;}
#page4 .col-2 {width:280px;}

#page4 .col-1 .col-1 {width:240px;}
#page4 .col-1 .col-2 {width:215px;}

/* ============================= page5 ===========================*/

#page5 .col-1 {width:290px;}
#page5 .col-2 {width:522px;}

/* ============================= page6 ===========================*/

#page6 .col-1 {width:532px;}
#page6 .col-2 {width:280px;}

#page6 .col-1 .col-1 {width:256px;}
#page6 .col-1 .col-2 {width:234px;}

.txtt {
        font-size:12px;
        height:17px;
        width:330px;
        }
        .bigg {
            font-size:18px;
            padding-bottom:20px;
        }   
.bTopLeft{
        background: url("../images/nImages/btl.png") no-repeat;        
        width: 28px;
        height: 28px;
    }
    .bTop{
        background: url("../images/nImages/bt.png") repeat-x;
        height: 28px;
    }
    .bTopRight{
        background: url("../images/nImages/btr.png") no-repeat;        
        width: 28px;
        height: 28px;
    }
    .bLeft{
        background: url("../images/nImages/bl.png") repeat-y;
    }
    .bRight{
        background: url("../images/nImages/br.png") repeat-y;
    }
    .bBottomLeft{
        background: url("../images/nImages/bbl.png") no-repeat;        
        width: 28px;
        height: 28px;
    }
    .bBottom{
        background: url("../images/nImages/bb.png") repeat-x;
        height: 28px;
    }
    .bBottomRight{
        background: url("../images/nImages/bbr.png") no-repeat;        
        width: 28px;
        height: 28px;
    }
    .greenTitle{
        font-weight: bold;
        color: #658300;
        font-size: 20px;
        margin-bottom: 10px;   
        font-family: tahoma;     
    }
    .greenTitle2{
        font-weight: bold; 
        color: rgb(111, 141, 0);
        font-size: 13pt;
        margin-bottom: 10px;   
        font-family: tahoma;     
    }
	
	.greenTitleAcc{
        /* font-weight: bold; */
        color: rgb(111, 141, 0);
        font-size: 13pt;
        margin-bottom: 10px;   
        font-family: tahoma;     
    }
    .greenTitle3{
        font-weight: bold;
        color: rgb(111, 141, 0);
        font-size: 14pt;
        margin-bottom: 10px;   
        font-family: tahoma;     
    }    
    .blackBold{
        font-weight: bold;
        font-size: 16px;
        margin-bottom: 10px;
        font-family: tahoma;
    }
    
    .blackBold2{
        font-weight: bold;
        font-size: 20px;
        margin-bottom: 10px;
        font-family: tahoma;
    }
    .contentText{
        /*font-size: 11pt;*/
        /*font-family: tahoma;*/
        text-align:justify;
    }
    .contentText2{
        font-size: 11pt;
        /*font-family: tahoma;*/
        font-weight: bold; 
        text-align:justify;
    }
	 .contentTextAcc{
        font-size: 13pt;
        /*font-family: tahoma;*/
        /* font-weight: bold; */
        text-align:justify;
    }
    .greentContentText{
        /*font-size: 11pt;*/
        /*font-family: tahoma;*/
        font-weight: bold;
        color:#658300 ;
     
    }
    .orangeTitle{
        color:rgb(255,153,0);
        font-weight: bold;
        padding-bottom: 5px;
    }
    .categoryTitle{
        font-weight: bold;
        font-size: 14px;
        margin-bottom: 10px;
		padding-top: 10px;
        font-family: tahoma;
    }
	.orange
	{
		 color:rgb(255,153,0);
	}
	.green
	{
		  color:#658300 ;
	}
	.plan-du-site p a
	{
		  color:#000000 ;
	}
    
span.puce {
    background:url("../images/list-bg.gif") no-repeat scroll 0 0 transparent;
    display:block;
    height:9px;
    width:11px;
}    
/*td.puce {
    background:url("../images/list-bg.gif") no-repeat scroll 0 0 transparent;
    display:block;
    height:9px;
    width:11px;
} */   

.divSurMesure{
        width: 297	px;
        height: 167px;
        border: solid black thin;
        left: 0px;
        background: url("../images/surMesure.png") right no-repeat;
        padding-left: 10px;
        padding-top: 10px;
}
.artBtnSurMesure{
	width: 124px; 
	height: 20px; 
	background: url('../images/artSelect.png') no-repeat;
	padding-left: 26px;
	color: white;
	padding-top: 2px;
	margin-right: 36px;
}
.artBtnSurMesure a{
color:white;
font-weight:bold;
}