@import url('reset.css');

/* General Demo Style */
body{
	background-image: url(../images/bg.png);
	color: #000;
	font-family: Georgia, "Times New Roman", Times, serif
	font-size: 13px;
}


/* font face */

@font-face {
    font-family: "Bira";
	src: url(../typo/Bira_PERSONAL_USE_ONLY.ttf);
}

@font-face {
    font-family: "Rockwell";
	src: url(../typo/RockwellStd.otf);
	font-style:normal;
}

@font-face {
    font-family: "Rockwell-light";
	src: url(../typo/RockwellStd-Light.otf);
	font-style: light;
}

@font-face {
    font-family: "Rockwell-bold";
	src: url(../typo/RockwellStd-Bold.otf);
	font-style: bold;
}


/* end font face */

/* header */

header{
	width:780px;
	height:100px;
	background-color:#ca2d18;
	margin:auto;
	text-align:center;
	}

.logo {
	background-image:url(../images/llogo.png);
	width:156px;
	height:100px;
	background-repeat:no-repeat;
	margin:auto;
	}
	
nav{
	position:relative;
	text-align:center;
	width:780px;
	margin:auto;
	font-family: "Rockwell-light", Arial, Helvetica, sans-serif;
	font-size:20px;
	}
	
nav ul li{
	display: block;
	float:left;
	width:156px;
	height:100px;
	line-height:135px;
	color:#e7e8e9;
	text-align:center;
	}

nav ul li a{
	color: #e7e8e9;
	text-decoration: none;
}
	
nav ul li a:hover {
	text-decoration:underline;
	color:#e7e8e9;
	}

a{
	text-decoration:none;
	color:#ca2d18}

a:hover{
	color: #000;
}

/* Fin header */

/* TITRES */
h1 {
	width:780px;
	margin:auto;
	color:#ca2d18;
	text-align:center;
	font-family: "Rockwell", Arial, Helvetica, sans-serif;
	font-style:bold;
	font-size:26px;
	}

h2 {
	width:780px;
	margin:auto;
	color:#ca2d18;
	border-bottom: 1px solid #242424;
	font-family: "Rockwell", Arial, Helvetica, sans-serif;
	font-size:20px;
	}
	
h3 {
	width:780px;
	margin:auto;
	color:#ca2d18;
	text-align:center;
	font-family: "Rockwell", Arial, Helvetica, sans-serif;
	font-size:16px;
	}

h4 {
	color:#ca2d18;
	font-family: "Rockwell", Arial, Helvetica, sans-serif;
	}
	
h5 {
	width:780px;
	margin:auto;
	color:#242424;
	text-align:center;
	font-family: "Rockwell-light", Arial, Helvetica, sans-serif;
	font-size:18px;
	}
	
h6 {
	width:580px;
	margin:auto;
	color:#ca2d18;
	border-bottom: 1px solid #242424;
	font-family: "Rockwell", Arial, Helvetica, sans-serif;
	font-size:20px;
	}
/* fin TITRES */

/* Class */
.bgrey{
	color:#242424;}
.select{
	background-color:#ca2d18;
	color:#242424;
	padding:3px 7px 1px 7px;}

.orange {
	width:780px;
	margin:auto;
	color:#ca2d18;
	text-align:center;
	font-family: "Rockwell", Arial, Helvetica, sans-serif;
	font-size:16px;
	text-decoration:none;
	}

#work{
	text-align:center;
	
	}

#worktitle{
	width:890px;
	margin: auto;}
.arrowprec{
	width:40px;
	height:60px;
	margin:auto;
	float:left;}
	
.arrownext{
	width:40px;
	height:60px;
	float:right;}

.clr{
	clear: both;
}
.wrapper{
	position: relative;
	width: 100%;
	margin-top:20px;
	margin-bottom:20px;
}
.wrapper p{
	clear: both;
	font-size: 14px;
	line-height: 40px;
	text-align: center;
}

.container{
	position:relative;
	margin-top:20px;
}


.main{
	position:relative;
    width:780px;
    margin: 0 auto;
}


.top{
	margin-top:20px;}
.midtop{
	margin-top:40px;}
.bigtop{
	margin-top:60px;}
.megatop{
	margin-top:80px;}
	
.bottom{
	margin-bottom:20px;}
.midbottom{
	margin-bottom:40px;}
.bigbottom{
	margin-bottom:60px;}
	
.space{
	margin-top:20px;
	margin-bottom:20px;
	}

.llogo{
	float:left;}
	
/* fin Class */

/* section */

section {
	width:780px;
	margin:auto;
	}


/*contact*/
#contact{
	width:172px;
	margin:auto;
	}


/* footer */


footer{
	width:780px;
	height:100px;
	margin:auto;
	background-color:#ca2d18;
	
	}
#footer1{
	margin-top:260px;
	}
#footer2{
	margin-top:780px;}
	
#footer3{
	margin-top:590px;}


.copyright {
	line-height:14px;
	float:left;
	color:#e7e8e9;
	font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
	padding-top:35px;}
	
#rs{
	float:right;
	margin-top:30px;
	margin-right:20px;
	}


#tweet:hover{background-image:url(../images/rs/rst.png);
}

/*fin footer */

/* formulaire */

form{
	width:760px;
	margin:auto;
	margin-top:20px;
	margin-bottom:20px;
	text-align:left;
	background-color:#ca2d18;
	padding:20px 0 20px 20px;
	}

/* fin formulaire */

/* pour video iframe */

/*iframe{
	width:780px;
	margin:auto;
	text-align:center;}*/
#video {
	width:780px;
	margin:auto;
}

#soon {
	width:780px;
	margin:auto;
	text-align:center;}