/**
* 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: 'FuturaClassicBold';
    src: url('futurclabol-webfont.eot');
    src: url('futurclabol-webfont.eot?#iefix') format('embedded-opentype'),
         url('futurclabol-webfont.woff') format('woff'),
         url('futurclabol-webfont.ttf') format('truetype'),
         url('futurclabol-webfont.svg#ChantillyBold') format('svg');
    font-weight: normal;
    font-style: normal;

}

* {
	margin: 0;
	padding: 0;
}

body {
	font-size: 13px;
	line-height: 12pt;
	letter-spacing: 1px;
	text-transform: uppercase;
	color: #0000FF;
	font-family: 'FuturaClassicBold',  Courier New, monospace;
	font-weight: normal;
	background-color : #e8e8e8;
	margin-right: center;
}

.contenu {
	font-size: 14px;
	line-height: 13pt;
	font-family: 'FuturaClassicBold',  Courier New, monospace;
	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: #0000FF; }
a:active { text-decoration: none; color: #0000FF; }
a:visited { text-decoration: none ; color: #0000FF; }
a:hover { color : #000000; border: 0px; width: 41px ;margin-bottom: 0px ; }

a img { border: none; }



	
	
#contenuindex {
	top: 125px;
	position: absolute;
	left: 310px;	
	width: 660px;
	}
	
#contenu {
	top: 125px;
	position: absolute;
	margin-left: auto;
    margin-right: auto;
	margin-left: -322px;
	left: 50%;	
	width: 660px;
	}
	
#mobile {
	top: 0px;
	position: absolute;
	margin-left: auto;
    margin-right: auto;
	margin-left: -322px;
	left: 50%;	
	width: 660px;
	z-index: 20;
	}
	
#contact {
	z-index: 100;
	top: 45px;
	position: absolute;
	left: 62px;	
	padding : 0 0 10px 0;
	border-bottom: #0000FF solid 8px;
	}
	
#zigzag {
	z-index: 100;
	top: -116px;
	position: fixed;
	left: -68px;
	}
	
#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;
}}
	
#menu {
	top: 165px;
	left: 62px;
	z-index: 100;
	position: fixed;
	}
	
#back_mobile {
	top: 43px;
	position:fixed;
	left: 20px;	
	z-index: 100;
	}
	
#next_mobile {
	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: 20px;
	line-height: 26px;
	text-align: left;
	font-weight: normal;
}
h2 {
	font-size: 14px;
	line-height: 15px;
	text-align: left;
	font-weight: normal;
}
h3 {
	font-size: 14px;
	font-family: 'FuturaClassicBold',  Courier New, monospace;
	letter-spacing: 1px;
	line-height: 14px;
}
h4 {
	font-size: 12px;
	font-weight: normal;
}
h5 {
	font-size: 12px;
	font-family: 'FuturaClassicBold',  Courier New, monospace;
	font-weight: normal;
}

h6 {
	font-size: 14px;
	line-height: 17px;
	font-family: 'FuturaClassicBold',  Courier New, monospace;
	font-weight: normal;
	letter-spacing: 1px;
	font color: #0000FF;
}
.styleswitch {
	font-size: 14px;
	line-height: 26px;
	text-align: left;
	font-weight: normal;
	border-bottom : #0000FF 4px solid;
}
.texte_infos {
	font-size: 36px;
	line-height: 36px;
	letter-spacing: 1px;
	font-family: 'FuturaClassicBold',  Courier New, monospace;
	font-weight: normal;
	text-align: center;
	width: 400px;
	top: 110px;
	position: absolute;
}

.texte_mobile {
	font-size: 42px;
	line-height: 42px;
	font-family: 'FuturaClassicBold',  Courier New, monospace;
	font-weight: normal;
 }
 
.cache_infos {
	font-size: 36px;
	line-height: 36px;
	font-family: 'FuturaClassicBold',  Courier New, monospace;
	font-weight: normal;
	width:400px;
}