/* CSS Document */
html, body{height:100%;}

body{
margin:0; padding:0;
background:#fffbe3 url('../images/bg-body.gif') repeat-x top;
font:14px/20px Verdana, Geneva, sans-serif;
color:#1d1d1d;
}

#body02{
background:url('../images/bg-body02.jpg') no-repeat top;
min-height:100%;
}

#body03{
background:url('../images/bg-body03.jpg') no-repeat bottom;
min-height:100%;
}


#container{
margin:0 auto;
width:980px;
}
	
	#head{
	width:980px;
	height:400px;
	}
		#head img{display:block;}
	
	#page01{background:#fff url('../images/bg-page01.jpg') repeat-y top;}
	#page02{background:url('../images/bg-page02.jpg') no-repeat top;}
	#page03{background:url('../images/bg-page03.jpg') no-repeat bottom;}
	
		#menuOnglet{
		}
			#menuOnglet ul{
			margin:0; padding:0;
			text-align:center;
			}
			#menuOnglet li{
			list-style:none none;
			display:inline;
			}
			#menuOnglet a{
			display:inline-block;
			height:51px;
			width:302px;
			margin:0 3px;
			background:no-repeat top left;
			font:20px Cambria, serif;
			color:#534325;
			}
				#menuOnglet img{display:block; border:0;}
				
				a#ongletActivites{background-image:url('../images/onglet-activites.jpg');}
                                .current a#ongletActivites{background:url('../images/onglet-activites-curr.jpg') top left;}
                                
				a#ongletAlimentation{background-image:url('../images/onglet-alimentation.jpg');}
                                .current a#ongletAlimentation{background:url('../images/onglet-alimentation-curr.jpg') top left;}
				
                                a#ongletSecurite{background-image:url('../images/onglet-securite.jpg');}
                                .current a#ongletSecurite{background:url('../images/onglet-securite-curr.jpg') top left;}
			
				#menuOnglet a:hover{background-position:bottom;}
                                
		
		#menu{
		margin-top:16px;
		}
			#menu ul{
			margin:0; padding:0;
			text-align:center;
			}
			#menu li{
			list-style:none none;
			display:inline;
			background:url('../images/bg-menu-li.gif') no-repeat left;
			height:19px;
			padding:9px 0 12px 0;
			}
				#menu li.firstItem{background:none;}
				
			#menu a{
			display:inline;
			padding:0 11px;
			font:18px/normal Cambria, serif;
			color:#534325;
			text-decoration:none;
			}
			#menu a:hover, #menu a.current{color:#2e779b;}
	
	#contenu{
	width:900px;
	padding:30px 40px 50px 40px;
	height:400px;
	}
	html > body #contenu{height:auto; min-height:400px; overflow:hidden;}
	
		.colLeftTier{
		float:left;
		width:585px;
		}
		.colRightTier{
		float:right;
		width:285px;
		}
                
                .colLeftTierFlip{
		float:left;
		width:285px;
		}
		.colRightTierFlip{
		float:right;
                width:585px;
		}
                
                .colLeftDemi{
		float:left;
		width:435px;
		}
		.colRightDemi{
		float:right;
		width:435px;
		}
                
        #hautPage{
  
        margin:-30px 0 0 40px;
        padding-bottom:10px;
        text-align:right;
        border-bottom:1px solid #e4dec2;
        width:900px;
        overflow:hidden;
        }
            #hautPage a{
            padding-right:18px;
            background:url('../images/fleche-top.gif') no-repeat center right;
            }
        
	#footer{
	clear:both;
	height:118px;
	width:980px;
        text-align:center;
	padding-top:18px;
	background:url('../images/bg-footer.jpg') no-repeat bottom;
	}
		#footer p{
		margin:0;
		text-align:center;
		font-family: Cambria, serif;
		font-size: 12px;
		line-height:normal;
		color:#776441;
		}
			#footer p a{
			color:#776441;
			text-decoration:underline;
			}
			#footer p a:hover{
			text-decoration:none;
			}
		
                #signature img{
                margin-top:50px;    
                display:inline-block;
                }
                
                #signatureCache{
                position:absolute;
                top:-999999px;
                }
/*Structure FIN*/

/*Class*/
.boiteColRight{
background-color:#fffbe3;
border:5px solid #f4f0d9;
padding:15px;
}

.clear{clear:both;}
/*Class FIN*/

/*Id*/

#mapNousjoindre{
background:#e4dec2 url('../images/nousjoindre-map-fond.jpg') no-repeat;
padding:13px;
}

/*Id FIN*/

/*Balise*/
a{color:#2e799e;}
a:hover{text-decoration:none;}
a:focus, a:active{outline:none;}

a img{border:0;}
.imgContenu{
padding:6px;
background-color:#e4dec2;
border:2px solid #ece8d4;
}
.imgColRightTier{position:relative; margin-left:-5px;}

a.flecheRight{
padding-left:18px;
background:url('../images/fleche-right.gif') no-repeat center left;
}
a.imp{
padding-right:18px;
background:url('../images/ico-imp.gif') no-repeat center right;
}

p{padding:0; margin:14px 0; text-align:justify;}

h1, h2, h3, h4, h5, h6{
font-family:Cambria, serif;
line-height:normal;
font-weight:normal;
padding:0;
}

h1{
color:#776441;
font-size:30px;
margin:0 0 24px 0;
}

h2{
color:#2e779b;
font-size:24px;
margin:28px 0 14px 0;
}
    h2:first-child{
    margin-top:0;
    }
    
h3{
color:#534325;
font-size:20px;
margin:14px 0 14px 0;
}

ul{
padding:0;
margin:14px 0 14px 25px;
list-style:outside square url('../images/puce.gif');
}

.hr{
border-top:1px solid #e4dec2;
margin:28px 0;
}
	.hr hr{display:none;}
        
em{font:17px Cambria, serif;}

small{font-size:11px; line-height:15px;}

dl{margin:14px 0;}

dt{
font:17px Cambria, serif;
}
	dt span{font:12px Verdana, Geneva, sans-serif;}
        
dd{margin:0 0 14px 0;}

/*Balise FIN*/

/*Formulaire*/

.formulaire{
margin:40px auto 20px auto;
width:600px;
}


fieldset{
background-color:#fffbe3;
border:2px solid #f4f0d9;
padding:15px;
margin:0;
}

.formulaireOverflow{
width:571px;
margin-right:-20px;
overflow:hidden;
}

.formulaireOverflow p{
margin:12px 20px 12px 0;
float:left;
width:265px;
overflow:hidden;
}

.formulaireOverflow p.fullWidth{
width:auto;
overflow:visible;
}

label{
font:17px Cambria, serif;
display:inline-block;
padding-bottom:5px;
}
	label span{font:12px Verdana, Geneva, sans-serif;}

input, textarea{
margin:0; padding:0;
font:14px/19px Verdana, Geneva, sans-serif;
color:#1d1d1d;
}

input.text{
width:255px;
padding:3px;
border:2px solid #776441;
}

.formulaireOverflow textarea{
width:540px;
padding:3px;
border:2px solid #776441;
}
.formulaireOverflow textarea:focus, input.text:focus{border-color:#998b71;}

.formulaireOverflow .hr{
border-top:2px solid #f4f0d9;
width:550px;
float:left;
margin:12px 0;
}

.formulaire .boutonContainer{
margin-top:20px;
}

/*Formulaire FIN*/

/*Bouton*/
.boutonContainer{ /* generic container (i.e. div) for floating buttons */
width:100%;
overflow: hidden;
}
.boutonContainer a.bouton{margin-left:8px;}

a img{border: none;}
a.bouton {
    background: transparent url('../images/bg-btn-right.gif') no-repeat scroll top right;
    display: block;
    color:#fff;
    font:17px Cambria, serif;
    height: 30px;
    padding-right: 1px; /* sliding doors padding */
    text-decoration: none;
    outline: none; /* hide dotted outline in Firefox */
}
	
a.boutonLeft{
float:left;
margin-left:0;
margin-right:12px;
}
a.boutonRight{
float:right;
margin-left:12px;
margin-right:0;
}

a.bouton span {
    background:url('../images/bg-btn-left.gif') no-repeat scroll top left;
    display: block;
    line-height: 17px;
    padding: 6px 9px 7px 10px;
}
	.tbnBoite a.bouton span{background-image:url('../images/bg-btn-left-tbnboite.gif')}

a.bouton:active, a.bouton:hover {
    background-position: bottom right;
}

a.bouton:active span, a.bouton:hover span {
    background-position: bottom left;
	padding: 7px 9px 6px 10px; /* push text down 1px */
}
/*Bouton FIN*/

/*Galerie photos*/
dl.galerie {
text-align:left;
margin:40px 0 20px 97px;
width:720px;
}

.galerie dt, 
.galerie dd{
float:left;
}

.galerie dt {
width:180px;
margin-bottom:18px;
}

	.galerie dt img {
	vertical-align:bottom;
	padding:6px;
        background-color:#e4dec2;
        border:2px solid #ece8d4;
	}

.galerie dd {
width:182px;
text-align:left;
padding-top:10px;
margin:165px 0 0 -182px;
}

/*Galerie photos FIN*/

/*Plans*/
	

	dl.planFloatContainer{
	margin:0 -22px 0 -5px;
	padding:0;
	width:922px;
	}
	.planFloatContainer dt, .planFloatContainer dd{
	margin-right:10px; float:left;
	}
	
	.planFloatContainer dt{
	height:260px;
	}
	
	.planFloatContainer dt img{
	width:194px;
	padding:13px;
	background:url('../images/plans/bg-small-plan.jpg') no-repeat;
	float:left;
	}
	
	.planFloatContainer dd{
	text-align:right;
	margin-top:220px;
	margin-left: -225px;
	width:202px;
	}
	
	body#iframePlan{background:#fff none; margin:3px 12px 6px 12px; overflow:hidden;}
	
	body#iframePlan img{display:block;}
	
	body#iframePlan p{
	padding:3px 0 0 0;
	margin:0;
	border-top:1px solid #e4dec2;
	text-align:right;
	}
	
/*Plans -FIN-*/