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

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

}
body{
	font-family: times new roman serif;
	margin:0;
	padding:0;
	background: transparent url(../images/bg_paper.jpg) left top repeat;
}

ul,
li{
	margin:0;
	padding:0;
	list-style:none;
}
a{
	text-decoration: none;
	color: #555555;
}
a:hover{
	text-decoration: none;
		color: #b53030;
}
h6{
	margin:0;
	padding:0;
	font-family: times new roman serif;
	text-transform: none;
	font-size: 14px;
}
#container{
	margin-left: auto;
	margin-right: auto;
	width: 980px;
	background: transparent url(../images/bg_page.jpg) left top repeat;
}
#header{
	width: 980px;
	height: 312px;
	background: transparent url(../images/header.jpg) left top no-repeat;
}
#footer{
	width: 980px;
	height: 51px;
	background: transparent url(../images/footer.jpg) left top no-repeat;
    font-family: 'stonyislandnfregular';
	color: #555555;
	text-transform: uppercase;
	text-align: center;
	padding-top: 60px;
	font-size: 10px;
	letter-spacing: 2px;
	clear: left;
}
#header1{
	width: 980px;
	height: 269px;
}
#headerlogo{
	margin-left: 195px;
	padding-top: 40px;
	opacity: 0.8;
}
#header2{
	width: 980px;
	height: 30px;
	text-align: center;
	margin-top: 5px;
}
#headera{
    font-family: 'loki_colaregular';
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 2px;
	color: #555555;
	width: 150px;
	height: 30px;
	float: left;
	border-right: #555555 solid 1px;
}
.headerapetit{
    font-family: 'stonyislandnfregular';
	text-transform: none;
	font-size: 14px;
	letter-spacing: 0;
	vertical-align: middle;
	color: #555555;
}
#headerb{
    font-family: 'stonyislandnfregular';
	color: #555555;
	text-transform: uppercase;
	margin-top: 3px;
	font-size: 25px;
	letter-spacing: 2px;
	width: 678px;
	height: 30px;
	float: left;
}
#headerc{
    font-family: 'loki_colaregular';
	text-transform: uppercase;
	font-size: 30px;
	letter-spacing: 2px;
	color: #555555;
	width: 150px;
	height: 30px;
	float: left;
	border-left: #555555 solid 1px;
}
#content{
	width: 980px;
}
#col1{
	width: 150px;
	float: left;
}
#col2{
	width: 680px;
	float: left;
	margin-top: 20px;
}
#col2cadre_p1{
	width: 680px;
	height: 600px;
}
#col2cadre_p2{
	width: 680px;
	height: 730px;
}
#col2cadre_p3{
	width: 680px;
	height: 1530px;
}
#col2cadre_p4{
	width: 680px;
	height: 950px;
}
#col2cadre_p5{
	width: 680px;
	height: 1200px;
}
#col2cadre_p6{
	width: 680px;
	height: 600px;
}
#col2cadre_p7{
	width: 680px;
	height: 650px;
}
#col2cadre1{
	width: 21px;
	height: 75px;
	background: transparent url(../images/parenthese.png) left top no-repeat;
	float: left;
}
#col2cadre2{
	width: 638px;
	height: 75px;
	text-align: center;
	float: left;
	text-transform: uppercase;
}
#col2cadre2 h1{
    font-family: 'stonyislandnfregular';
	letter-spacing: 2px;
	font-size: 60px;
	margin: 10px 0 0 0;
	padding: 0;
	color: #555555;
}
#col2cadre3{
	width: 21px;
	height: 75px;
	background: transparent url(../images/parenthese.png) right top repeat-y;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	float: left;
}
#col2cadre4,
#col2cadre4b,
#col2cadre4c,
#col2cadre4d,
#col2cadre4e{
	width: 21px;
	height: 100%;
	background: transparent url(../images/parenthese.png) right center repeat-y;
	float: left;
}
#col2cadre5_p1{
	width: 638px;
	height: 600px;
	background: transparent url(../images/portrait_accueil.jpg) top right no-repeat;
	float: left;
}
#col2cadre5_p2{
	width: 638px;
	height: 700px;
	float: left;
}
#col2cadre5_p3{
	width: 638px;
	height: 1530px;
	float: left;
}
#col2cadre5_p4{
	width: 638px;
	height: 950px;
	float: left;
}
#col2cadre5_p5{
	width: 638px;
	height: 1200px;
	float: left;
}
#col2cadre5_p6{
	width: 638px;
	height: 600px;
	float: left;
}
#col2cadre5_p7,
#col2cadre5_p7a,
#col2cadre5_p7b,
#col2cadre5_p7c,
#col2cadre5_p7d,
#col2cadre5_p7e{
	width: 638px;
	height: 600px;
	float: left;
}
.col2cadre5texte{
	font-size: 18px;
	color: #555555;
	line-height: 25px;
	text-align: justify;
	width: 565px;
	margin-top: 35px;
	margin-left: 35px;
	float: left;
}
.col2cadre5texte_p5{
	font-size: 14px;
	color: #555555;
	line-height: 15px;
	width: 630px;
	margin-top: 10px;
	margin-left: 10px;
	float: left;
}
.col2cadre5textehome{
	font-size: 18px;
	color: #555555;
	line-height: 25px;
	text-align: justify;
	width: 270px;
	margin-top: 35px;
	margin-left: 35px;
	float: left;
}
.col2cadre5textehome span{
    font-family: 'loki_colaregular';
	font-size: 36px;
	vertical-align: middle;
}
.col2cadre5texte span{
    font-family: 'loki_colaregular';
	font-size: 36px;
	vertical-align: middle;
}
.col2cadre5encart0{
	width: 30%;
	height: 340px;
	float: left;
}
.col2cadre5encart{
	width: 25%;
	height: 345px;
	margin-left: 10px;
	margin-right: 10px;
	padding-left: 15px;
	padding-right: 15px;
	float: left;
	font-family: times new roman serif;
	font-size: 14px;
	color: #555555;
	line-height: 18px;
	text-align: justify;
}
.col2cadre5encart_p5{
	width: 33%;
	text-align: center;
	float: left;
}
.col2cadre5encart_p5b{
	width: 50%;
	text-align: center;
	float: left;
}
.col2cadre5encart_p5c{
	width: 80%;
	padding-left: 50px;
	text-align: center;
	float: left;
}
.col2cadre5encart span{
    font-family: 'loki_colaregular';
	font-size: 26px;
	vertical-align: middle;
	margin-bottom: 50px;
}
.col2cadre5encart a{
	margin-bottom: 50px;
}
.col2cadre5encart a:hover{
	margin-bottom: 50px;
}
.col2cadre5encart h3{
    font-family: 'stonyislandnfregular';
	letter-spacing: 2px;
	margin-top: 10px;
	text-transform: uppercase;
	font-size: 30px;
	margin-bottom: 15px;
	text-align: center;
}
.col2cadre5encart img{
	margin-left: 3px;
}
.col2cadre5separateur{
	width: 1px;
	height: 300px;
	float: left;
	margin-top: 30px;
	background-color: #555555;
}
.col2cadre5bloctexte0{
	width: 565px;
	float: left;
}
.col2cadre5bloctexte1{
	width: 385px;
	float: left;
}
.col2cadre5bloctexte2a{
	width: 180px;
	text-align: left;
	float: left;
}
.col2cadre5bloctexte2b{
	width: 180px;
	text-align: right;
	float: left;
}
#col2cadre6,
#col2cadre6a,
#col2cadre6b,
#col2cadre6c,
#col2cadre6d,
#col2cadre6e{
	width: 21px;
	height: 100%;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	background: transparent url(../images/parenthese.png) right center repeat-y;
	float: left;
}
#col2cadre7{
	width: 21px;
	height: 116px;
	background: transparent url(../images/parenthese.png) right bottom no-repeat;
	float: left;
}
#col2cadre8{
	width: 638px;
	height: 1px;
	float: left;
}
#col2cadre9{
	width: 21px;
	height: 116px;
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
	background: transparent url(../images/parenthese.png) right bottom no-repeat;
	float: left;
}
#col3{
	width: 140px;
	height: 600px;
	float: left;
	margin-left: 5px;
}
#col3contenu{
	margin-top: 16px;
	width: 120px;
	height: 600px;
	float: left;
}
.col3textebig{
	font-size: 22px;
	color: #555555;
	line-height: 22px;
	text-align: center;
}
.col3textepetit{
	font-size: 14px;
	color: #555555;
	line-height: 16px;
	text-align: center;
	font-weight: bold;
}
.col3texteminus{
	font-size: 12px;
	color: #555555;
	line-height: 14px;
	text-align: center;
	font-weight: normal;
}
.col3textebig span{
    font-family: 'loki_colaregular';
	font-size: 30px;
	vertical-align: middle;
	margin-bottom: 50px;
	letter-spacing: 4px;
}
.col3texte{
	font-size: 18px;
	color: #555555;
	line-height: 20px;
	text-align: center;
}
.col3texte span{
    font-family: 'loki_colaregular';
	font-size: 26px;
	vertical-align: middle;
	margin-bottom: 50px;
	letter-spacing: 1px;
}
.demitour{
	-moz-transform: scaleX(-1);
    -o-transform: scaleX(-1);
    -webkit-transform: scaleX(-1);
    transform: scaleX(-1);
    filter: FlipH;
    -ms-filter: "FlipH";
}
/* **************************** MENU ****************************** */
#menu{
	width: 125px;
	height: 103px;
	margin-left: 15px;
}
#menu li{
	float: left;
}
#menu a,
#menu a:link,
#menu a:visited,
#menu a:active,
#menu a:hover{
	font-size: 16px;
	color: #555555;
	text-indent: 3px;
	letter-spacing: -0.5px;
	width: 125px;
	height: 103px;
	margin-top: 20px;
	text-decoration: none;
	display: block;
	line-height: 18px;
	border-top: #555555 solid 1px;
	border-bottom: #555555 solid 1px;
	padding-top: 5px;
	padding-bottom: 5px;
	text-transform: uppercase;
	font-weight: bold;
}
#menu a:hover{
	color: #FFFFFF;
}
#menu a span{
	font-size: 12px;
	color: #555555;
	display: block;
	text-transform: none;
	font-weight: normal;
	letter-spacing: 0;
}
#menu a:hover span{
	color: #FFFFFF;
}
#menu a.page1{
	background: transparent url(../images/menu_1a.jpg) left 59px no-repeat;
}
#menu a:hover.page1{
	background: transparent url(../images/menu_1.jpg) left 5px no-repeat;
}
#menu a.page2{
	background: transparent url(../images/menu_2a.jpg) left 59px no-repeat;
}
#menu a:hover.page2{
	background: transparent url(../images/menu_2.jpg) left 5px no-repeat;
}
#menu a.page3{
	background: transparent url(../images/menu_3a.jpg) left 59px no-repeat;
}
#menu a:hover.page3{
	background: transparent url(../images/menu_3.jpg) left 5px no-repeat;
}
#menu a.page4{
	background: transparent url(../images/menu_4a.jpg) left 59px no-repeat;
}
#menu a:hover.page4{
	background: transparent url(../images/menu_4.jpg) left 5px no-repeat;
}
#menu a.page5{
	background: transparent url(../images/menu_5a.jpg) left 59px no-repeat;
}
#menu a:hover.page5{
	background: transparent url(../images/menu_5.jpg) left 5px no-repeat;
}
#menu a.page6{
	background: transparent url(../images/menu_6a.jpg) left 59px no-repeat;
}
#menu a:hover.page6{
	background: transparent url(../images/menu_6.jpg) left 5px no-repeat;
}
/* ************************* FIN MENU ****************************** */