/**
* CSS
* 
* @version 1.0
* @author Guillaume Benhamou http://www.guillaume-b.com
*/
/*
/* Generated by Font Squirrel (http://www.fontsquirrel.com) on February 19, 2012 */



@font-face {
    font-family: 'AntiqueOliveStdRoman';
    src: url('antiqueolivestd-roman-webfont.eot');
    src: url('antiqueolivestd-roman-webfont.eot?#iefix') format('embedded-opentype'),
         url('antiqueolivestd-roman-webfont.woff') format('woff'),
         url('antiqueolivestd-roman-webfont.ttf') format('truetype'),
         url('antiqueolivestd-roman-webfont.svg#AntiqueOliveStdRoman') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AntiqueOliveStdBlack';
    src: url('antiqueolivestd-black-webfont.eot');
    src: url('antiqueolivestd-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('antiqueolivestd-black-webfont.woff') format('woff'),
         url('antiqueolivestd-black-webfont.ttf') format('truetype'),
         url('antiqueolivestd-black-webfont.svg#AntiqueOliveStdBlack') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AntiqueOliveStdItalic';
    src: url('antiqueolivestd-italic-webfont.eot');
    src: url('antiqueolivestd-italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('antiqueolivestd-italic-webfont.woff') format('woff'),
         url('antiqueolivestd-italic-webfont.ttf') format('truetype'),
         url('antiqueolivestd-italic-webfont.svg#AntiqueOliveStdItalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'AntiqueOliveStdBold';
    src: url('antiqueolivestd-bold-webfont.eot');
    src: url('antiqueolivestd-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('antiqueolivestd-bold-webfont.woff') format('woff'),
         url('antiqueolivestd-bold-webfont.ttf') format('truetype'),
         url('antiqueolivestd-bold-webfont.svg#AntiqueOliveStdBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 13px;
	line-height: 12pt;
	font color: #49a175;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #49a175;
	font-family: 'AntiqueOliveStdBlack',  'Arial Black', sans-serif;
	font-weight: normal;
	background-color : #e8e8e8;
	margin-right: center;
}

.contenu {
	font-size: 14px;
	line-height: 13pt;
	font color: #000000;
	font-family: 'AntiqueOliveStdBlack',  'Arial Black', sans-serif;
	background: #fff;
	background-color : none;
	width: 640px;
	font-weight: normal;

}


.container {
    padding: 5px 5px 3px 5px;
}

.iframe {
	margin:0;
	padding:0;
	height:100%;
	display:block;
	border:none;
	z-index:200;
	
}

body.section-1 { }
body.section-2 { }
body.section-3 { }



a:link { text-decoration: none; color: #49a175; }
a:active { text-decoration: none; color: #49a175; }
a:visited { text-decoration: none ; color: #49a175; }
a:hover { color : #424242; border: 0px; width: 41px ;margin-bottom: 0px ; }

a img { border: none; }



	
	
#contenuindex {
	font color: #49a175;
	top: 125px;
	position: absolute;
	left: 310px;	
	width: 660px;
	}
	
#contenu {
	font color: #49a175;
	top: 125px;
	position: absolute;
	margin-left: auto;
    margin-right: auto;
	margin-left: -322px;
	left: 50%;	
	width: 660px;
	}
	
#mobile {
	font color: #000000;
	top: 0px;
	position: absolute;
	margin-left: auto;
    margin-right: auto;
	margin-left: -322px;
	left: 50%;	
	width: 660px;
	z-index: 20;
	}
	
#contact {
	z-index: 100;
	font color: #49a175;
	top: 45px;
	position: absolute;
	left: 62px;	
	padding : 10px;
	background-color: #FFF;
	border: #49A175 solid 8px;
	}
	
#zigzag {
	z-index: 100;
	top: -116px;
	position: fixed;
	left: -68px;	
	}
	
#menu {
	font color: #49a175;
	top: 145px;
	left: 62px;
	z-index: 100;
	position: fixed;	
	}
	
#back_mobile {
	font color: #000000;
	top: 43px;
	position:fixed;
	left: 20px;	
	z-index: 100;
	}
	
#next_mobile {
	font color: #000000;
	top: 220px;
	position:fixed;
	right: 110px;	
	z-index: 100;
	}
	
#open {
	position:fixed;
	top: 45px;
	width: 60px;
	right: 20px;
	z-index: 400;
	background-color: #e8e8e8;
	border: none;
}
			
#close {
	position:fixed;
	top: 45px;
	width: 60px;
	right: 20px;
	z-index: 300;
	background-color: #e8e8e8;
	border: none;

}
	

h1 {
	font-size: 14px;
	text-align: left;
	font-weight: normal;
}
h2 {
	font-size: 14px;
	text-align: left;
	font-weight: normal;
}
h3 {
	font-size: 14px;
	font-family: 'AntiqueOliveStdBlack',  'Arial Black', sans-serif;
	letter-spacing: 1px;
	line-height: 14px;
}
h4 {
	font-size: 12px;
	font-weight: normal;
}
h5 {
	font-size: 12px;
	font-family: 'AntiqueOliveStdBlack',  'Arial Black', sans-serif;
	font-weight: normal;
}

h6 {
	font-size: 14px;
	line-height: 17px;
	font-family: 'AntiqueOliveStdBlack',  'Arial Black', sans-serif;
	font-weight: normal;
	letter-spacing: 1px;
	font color: #49a175;
}

.texte_infos {
	font-size: 36px;
	line-height: 36px;
	letter-spacing: 1px;
	font-family: 'AntiqueOliveStdBlack',  'Arial Black', sans-serif;
	font-weight: normal;
	text-align: center;
	width: 400px;
	top: 110px;
	position: absolute;
}

.texte_mobile {
	font-size: 42px;
	line-height: 42px;
	font-family: 'AntiqueOliveStdBlack',  'Arial Black', sans-serif;
	font-weight: normal;
 }
 
.cache_infos {
	font-size: 36px;
	line-height: 36px;
	font-family: 'AntiqueOliveStdBlack',  'Arial Black', sans-serif;
	font-weight: normal;
	width:400px;
}

#un {
	left: 62px; 
	z-index: 100;
	font color: #49a175;
	bottom: 120px;
	position: fixed;
	height: 30px;
	width: 40px;
}

#deux {
	left: 112px; 
	z-index: 100;
	font color: #49a175;
	bottom: 100px;
	position: fixed;
	height: 30px;
	width: 40px;
}

#trois {
	left: 162px; 
	z-index: 100;
	font color: #49a175;
	bottom: 80px;
	position: fixed;
	height: 30px;
	width: 40px;
}

#quatre {
	left: 212px; 
	z-index: 100;
	font color: #49a175;
	bottom: 60px;
	position: fixed;
	height: 30px;
	width: 40px;
}

#cinq {
	left: 262px; 
	z-index: 100;
	font color: #49a175;
	bottom: 40px;
	position: fixed;
	height: 30px;
	width: 40px;
}

/* hack Chrome / Safari */
@media screen and (-webkit-min-device-pixel-ratio:0) {
#un {
	right: -100px;
	z-index: 100;
	font color: #49a175;
	top: -40px;
	position: fixed;
	height: 30px;
	width: 40px;
}

#deux {
	right: -200px;
	z-index: 100;
	font color: #49a175;
	top: -40px;
	position: fixed;
	height: 30px;
	width: 40px;
}

#trois {
	right: -300px;
	z-index: 100;
	font color: #49a175;
	top: -40px;
	position: fixed;
	height: 30px;
	width: 40px;
}

#quatre {
	right: -400px;
	z-index: 100;
	font color: #49a175;
	top: -40px;
	position: fixed;
	height: 30px;
	width: 40px;
}

#cinq {
	right: -500px;
	z-index: 100;
	font color: #49a175;
	top: -40px;
	position: fixed;
	height: 30px;
	width: 40px;
}}