﻿				.Cwait {
					border-top-width: 0px;
					border-right-width: 0px;
					border-bottom-width: 0px;
					border-left-width: 0px;
					font-family: Arial, Tahoma, Verdana, Helvetica;
					font-weight: 500;
					font-size:12px;
					position: absolute;
					text-align: center;
					left:50%;
					margin: auto auto;
					margin-left:-200px;
					top:50%;
					margin-top:-50px;
					z-index: 2;
					color: #FFFFFF;
				}
				*+html {}
				* html {}
				html {
					height:100%;
					font-size: 100%;
				}
				html:not([lang*=""]) #page {      /*hack css pour firefox */
					margin-top:-30px;					
				}


				body {
					display:block;
					position: relative;
					z-index: 0;
					background-image:none;
					background-color:#000000;	
					background-attachment:scroll;
					padding: 0;
					border:none;
					margin: 0px;
					text-align: center;
					width: 100%;
					height:100%;
					min-height:100%;
					overflow-x:hidden;
					overflow-y:scroll;
					font-size: 1.0em;
					<!--[if lt IE 7]>
					overflow-y: hidden;
					position: static;
					<![endif]-->
				}					
				
  				.Ccontenu {
					position: relative;
					margin: 0 auto;
					min-height:100%;
					width: 100%;
					height:100%;
					border: none;
				}
				#header {
					background-image:url(img/bg-bois1.jpg);
					background-position:center;	
					background-repeat:repeat-x;	
					height: 70px ;
					width: 100%;
				}
				#conteneur_logo{
					height: 84px;
					width: 800px;
					margin: 1px auto;
				}
				#bandeau{
					background-image: url(img/bandeau120.jpg);
					background-position: center;
					background-repeat: no-repeat;
					height: 120px;
					width: 100%;
					}	
				#fond_menu{
					position: relative;
					display: block;
					width: 100%;
					margin: auto auto;
					background-image:url(img/bg_menu.jpg);
					background-repeat:repeat-x;
			  		}
				.conteneur_menu{
					background-image:url(img/bg_menu.jpg);
					background-repeat:repeat-x;
					height: 30px;
					width: 824px;
					margin: auto auto;
				    }
				/*********************************/
				/* Menu horizontal (items flottants) */
				/*********************************/
						
				#menu-p {
					list-style: none ;
					margin: 0 ;
					padding: 0 ;
					overflow: hidden ;		/* Création du contexte de formatage */
					width: 100%;					
			    }
	
				#menu-p li {
					float: left ;
					width: 116px ;				
					margin-right: 0px ;
					color: #fff ;
					}
	
				#menu-p li a {
					display: block;
					background: url(img/bg_menu.jpg) left top repeat-x;
					color: #fff;
					font: .60em "Arial",Arial,sans-serif;					
					font-weight:bold;
					line-height: 22px;
					padding: 4px 0;
					text-align: center;
					text-decoration: none;
					margin-left: 2px;
					margin-right: 2px;
					}
	
				#menu-p li a:hover, #menu-p li a:focus, #menu-p li a:active {
					background: url(img/bg_menu_over.jpg) right top repeat-x;
						}	
				#menu-p a:hover {
					color: #FF6600;
					text-shadow: #000000 1px 1px;
				}
				.CDocs {
					float: left;
					width: 152px;
					border: none;
					font: .7em "Arial",Arial,sans-serif;
					font-weight:1000;
					line-height: 22px;
					padding: 4px 0;
					margin: 0 0 0 20px;
					text-align: left;
				}
				.CDocs a:link {
					color: #FF6600;
				}
				.CDocs a:focus {
					color: #FF6600;
				}
				.CDocs a:active {
					color: #FF6600;
				}
				.CDocs a:hover {
					color: #FFFFFF;
				}
				.CDocs a:visited {
					color: #FF6600;
				}
				.CSpecial {
					float: right;
					width: 200px;
					border: none;
					font: .7em "Arial",Arial,sans-serif;
					font-weight:1000;
					line-height: 22px;
					padding: 4px 0;
					margin: 0 20px 0 10px;
					text-align: right;
				}
				.CSpecial a:link {
					color: #85F985;
				}
				.CSpecial a:focus {
					color: #85F985;
				}
				.CSpecial a:active {
					color: #85F985;
				}
				.CSpecial a:hover {
					color: #FF6600;
				}
				.CSpecial a:visited {
					color: #85F985;
				}
				#espace_blanc {
					position: relative;
					display: block;
					width: 100%;
					height: 24px;
					background-image:url(img/bg_page.png);
					background-repeat:repeat-x;
					left: 0;
					}
				#centre{
					background-image:url(img/paper_4.jpg);
					background-position:50% 0;
					background-repeat:no-repeat;
					position: absolute;	 /* OK */
					height: 100%;
					width: 100%;
					padding: 0;
					overflow: hidden;
					position: absolute;
					float: right;
					left: 0;
					}

				#left_panel {
					position: absolute; /* OK */
					float: left;
					background-color:#c19a57;
					width: 20%;
					top: 0;
					left: 0;
					margin: 0 0 0 0;
					padding: 0;
					height: 700px;
				}
				#ecomess1 {
					position: relative;	/* OK */
					padding: 20px 20px 40px 20px;
					text-align: justify;
					font: .9em "Arial",Arial,sans-serif;
					font-weight: normal;
					color: #000000;
					top: 19%;
					height: 560px;
				}
				.lettrine {
					font: 1.2em "Arial",Arial,sans-serif;
					font-weight: bold;
					color: #286525;
					text-shadow: #00643c .5px .5px;
				}				
				#page {					
					position: relative;	 /* OK */
					left: 0;
					margin-left: 20%;
					padding: 36px 0 0 0;
					float: right;					
					width: 70%;
					height: 66%;
					}
				#pied {					
					background-color:#333333;
					position: fixed; /* OK */
					border: none;
					overflow: hidden;
					bottom: 0;
					left: 0;
					clear: left;
					width: 100%;
					}
				.styledate {
					text-align: center;
					color:#FFFFFF;
					font: 1.1em "Arial",Arial,sans-serif;
					font-weight: bold;
					text-shadow: #000000 1px 1px;
					border: none;
					}
				#barre {
					position: relative;
					width: 100%;
					height: 53px;
				}
				.Style1 {
					font-family: Arial, Tahoma, Verdana, Helvetica;
					color: #FFFFFF;
					font-size: 9px;
					font-weight: bold;
					border: none;
					}
					
				#footer1 {
					border: none;
					position: absolute;
					text-align: left;
					left: 5px;
					top: 0;
					margin: 5px;
					padding: 0;
					height: 15px;
					width: 480px;
				}
 				#idFfx {
					border: none;
					position: absolute;
					z-index: 5;
					left: 5px;
					top: 30px;
				}					
				#idSafari {
					border: none;
					position: absolute;
					z-index: 5;
					left: 86px;
					top: 30px;
					}
				#idChrome {
					border: none;
					position: absolute;
					z-index: 5;
					left: 122px;
					top: 30px;
					}
				.liens {
					font-family: Arial, Tahoma, Verdana, Helvetica;
					font-size: .72em;
				}					
				#footmenu1 {
					border: none;
					position: absolute;
					left: 35%;
					top: 26px;
					margin: 0px 20px 0px 0px;
					padding: 0;
					z-index: 5;
					width: 150px;
					text-align: center;
					z-index: 6;
				}
				#footmenu2 {
					border: none;
					position: absolute;
					left: 55%;
					top: 26px;
					margin: 0px 0px 0px 20px;
					padding: 0;
					z-index: 5;
					width: 150px;
					text-align: center;
					z-index: 6;
				}


				#backgrd #LogoTapiero{
					position: absolute;
					left: 5px;
					top: 1px;
					z-index: 1;
				}
				
				#backgrd #slog{
					position: absolute;
					left: 280px;
					top: 8px;
				}

				#backgrd #postit1 {
					border: none;
					position: absolute;
					z-index: 1;
					left: 24px;
					top: 288px;
				}
				
				#backgrd #pefc {
					border: none;
					position: absolute;
					left: 3%;
					top: 0;
				}
				
				#backgrd #certif {
					border: none;
					position: absolute;
					left: 42%;
					top: 1%;
				}
				
				#backgrd #fcba {
					border: none;
					position: absolute;
					left: 3%;
					top: 13%;
				}
				
			
				#backgrd #logosmall {
					border: none;
				}	
#backgrd #conteneur_defil {
	border: none;
	position:absolute;
	width:100%;
	left: 0;
	margin:0 auto;
	overflow:hidden;
	line-height:normal;
	z-index: 13;
}
#backgrd #cadre_defil {
	position:relative;
	width:100%;
	height:24px;
	overflow:hidden;
	background:#c19a57;
	z-index: 13;
}
#backgrd #cadre_defil img{
	vertical-align: middle;
	border:0;
}
#backgrd #defile { 
	position:absolute;
	width:100%;
	font: 1.1em "Arial",Arial,sans-serif;
	white-space: nowrap;
	color:#131313;
}
#backgrd #defile .liens {
}

.ombrage { 
	border: 5px solid #fff; 
	-moz-box-shadow: 4px 4px 12px #555;  
	-webkit-box-shadow: 4px 4px 12px #555;  
	box-shadow: 4px 4px 12px #555;  
	}  
     
<!--[if lte IE 8]>
 
  .ombrage {
    padding: 0;
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
    zoom: 1;
  }

<![endif]-->

				#page a:focus, #page a:active, #page a:link, #page a:visited{
					color: #98C465;
					text-decoration: none ;						
					}
					
				#page a:hover{
					color: #55A51C;								
				}
				a {
					font-weight: bold;
					color: #FFFFFF;
					text-decoration: none;
					text-shadow: #000000 1px 1px;
					}

				a:visited {
					font-weight: normal;
					text-decoration: none;
				}
						
				a:hover {
					color: #FF6600;
					text-shadow: #000000 1px 1px;
				}

.tip {
	background-color: #333;
	padding: 5px;
}

.something_else .tip {
	background-color: #993300;
}

.something_else .tip-title {
	background-color: #0000CC;
}

.tip-title {
	color: #fff;
	background-color: #666;
	font-size: 20px;
	padding: 5px;
	text-align: center;
}

.tip-text {
	color: #fff;
	padding: 5px;
	text-align: center;
	z-index: 995;
}

.ind {
	width: 200px;
	background-color: #666;
	color: white;
	padding: 15px;
	border-bottom: 1px solid white;
}

#hide {
	margin-bottom: 20px;
}

.custom_tip .tip {
	background-color: #333;
	padding: 5px;
}


.custom_tip .tip-title {
	color: #fff;
	background-color: #666;
	font-size: 20px;
	padding: 5px;
}

.custom_tip .tip-text {
	color: #fff;
	padding: 5px;
}
