/*  
	Author  : Marchal Sébastien
	Date    : 06/10/2016
	Version : 1.0.3

*/

/* http://meyerweb.com/eric/tools/css/reset/ 
   v2.0 | 20110126
   License: none (public domain)
*/



html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;

}
/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

/*--------------------------------------------------------*/
/* GLOBAL */
/*--------------------------------------------------------*/
body {
	
	
	font-family: Arial, Helvetica, sans-serif;
	font-size: 16px;
	line-height: 24px;
	text-align: left;
	background:#334521;
	color:#000000;
	
}
 
.Degrade {
background-image:linear-gradient(#0b1c28,white);
}


/* Typograpy */
/*--------------------------------------*/
h1, 
h2,
h3,
h4,
h5,
h6 {
	/*color: #3d92d79;*/
	color:#d92d79;
	margin: 20px 0;
	font-weight: 700;
}
h1 {
	font-size: 32px;
	line-height: 48px;}
	
h2 {
	font-size: 28px;
	line-height: 42px;
	font-variant: small-caps;
	color:#d92d79;
}
h3 {
	font-size: 28px;
	line-height: 33px;
	color:#d92d79;
	font-family: 'Racing Sans One', cursive;


}
h4 {
	font-size: 24px;
	line-height: 30px;
	font-family: 'Racing Sans One', cursive;
}
h5 {
	font-size: 18px;
	line-height: 27px;
}
h6 {
	font-size: 16px;
	line-height: 24px;
	font-style: italic;
}

/* links */
/*--------------------------------------*/

a, /* le lien par défaut */
a:visited { /* le lien visité*/
	color: #fff;
}
a:hover { /*le lien au survol de la souris*/
	text-decoration: none; /*soluignement du texte*/
}
a:active { /*tant que je ne relache pas le clic de la souris*/
	color: #fff;
}


/* list */
/*--------------------------------------*/

/* table */
/*--------------------------------------*/


/* other */
/*--------------------------------------*/
article img {
	max-width: 100%;
	height: auto;
	vertical-align: baseline;

}

iframe {
	float: right;
	padding: 0px 15px 10px 10px;

}


/* btn */
/*--------------------------------------*/
.btn, .btn:visited {
	width: 220px;
	display: inline-block;
	border:1px solid #ccc;
	padding:  0 0 0 45px;
	margin: 15px 5px 5px 5px;
	text-decoration: none;
	background-color: #333;
	position: relative;
	font-weight: 400;
	font-size: 16px;
	


}
.btn:hover {
	background-color: #b9462c;
	color: #fff;
}
.btn:active {
	top: 1px;
	color: #fff;
}

.btn2, .btn2:visited {
	width: 220px;
	display: inline-block;
	border:1px solid #ccc;
	padding:  0 0 0 45px;
	margin: 15px 5px 5px 5px;
	text-decoration: none;
	background-color: #b9462c;
	position: relative;
	font-weight: 400;
	font-size: 16px;
	


}
.btn2:hover {
	background-color: #0b1b28;
	color: #fff;
}
.btn2:active {
	top: 1px;
	color: #fff;}


/*--------------------------------------------------------*/
/* LAYOUT */
/*--------------------------------------------------------*/
#wrap {
	width: 960px;
	padding: 20px 10px;
	margin: 0 auto;
}




/* header */
/*--------------------------------------*/
header{
	width: 960px;
	margin: 0 auto;
}
header a{
	float: left;
	width: 960px;
	overflow: hidden;/*2 on masque ce qui depasse de la boite (le texte du h1)*/
}
header h1 {
	background-image: url('../img/Fight_Club_logo.png');
	background-repeat: no-repeat;
	margin-bottom: 0;
	height:0px;/*1 on reduit la hauteur de h1*/
	padding-top: 55px;/*3 on redonne de la hauteur a la boite vai le padding top pour bottom*/

	/*text-indent: -9999px;*/
		
}

/* nav */
/*--------------------------------------*/

nav {
	

	background-color: #000000;
	color: #fff;
	padding: 0;
	margin: 0;
	text-align: center;
	
	font-family: 'Racing Sans One', cursive;

}
nav ul {
	padding: 0;
	margin: 0;

}
nav li {
	display: inline-block;

}
nav a, nav a:visited {
	display: block;
	text-decoration: none;
	text-transform: uppercase;
	padding: 15px 63px;
	
	

}
nav a:hover{
	color: #ccc;
	background-color: #fff;
}
nav a.current {
	color: #d92d79;}


/* main */
/*--------------------------------------*/




main {
	


}
.pageint

{
	background-color: #ccc;
	overflow: hidden;
	/*width: 730px;
	float: right;*/
}




/*--------------------------------------------------------*/
/* LAYOUT */
/*--------------------------------------------------------*/

.premiere-section {
	    /* clear: both; */
    /* width: 960px; */
    
    /* margin: 0; */
	}
	

.premiere-section img {
	border-bottom: 10px solid #b9462c;
	display:block;
	
	}
	
	

.second-section {
	color: #fff;
	overflow: hidden;
	background-color: #000000;
	padding: 20px 0;
	border-bottom: 10px solid #b9462c;
	

}
.second-section img {
float: left;
margin-right: 15px;
padding: 20px;
}

.second-section article {
	float: left;
	width: 260px;
	margin-right: 15px;
}

.second-section article:last-of-type {

	margin-right: 0;
}

#banner {
	position: relative;
	display: block;

}
#banner img{
	display: block;
	border-bottom: 10px solid #b9462c;
}
#banner figcaption {
	position: absolute;
	top: 0;
	left:0;
	right:0;
}

#banner figcaption {
    display: block;
    top: 0;
    vertical-align: top;
    width: 500px;
    text-decoration: none;
    color: #080808;
}
#banner figcaption h3 {
    padding: 16px;
} 
#banner figcaption p {
    padding: 16px;
    background-color: rgba(251,239,243,0.6);
}

#banner figcaption a :hover {
	/*background-color: rgba(176, 45, 91, 0.8);*/
}


#banner h3 {
	border-bottom: none;
}









.partie1{
	overflow: hidden;
    background-color: #ccc;
    padding: 20px 0;
    /* width: 960px; */
    border-bottom: 10px solid #b9462c;
}


.partie1 article {
    float: left;
    width: 260px;
    /* margin-right: 20px; */
    margin-left: 20px;
    /* padding: 0px 0px 10px; */



	
}

.partie1 article:last-of-type{
	margin-right: 0;
}


.menu2 {
	background-color: #fff;
    padding: 20px 0;
    overflow: hidden;
    

}

.menu2 img {
	margin: 0  0 15px 0;
}



.menu2 article {

    float: left;
    width: 280px;
    margin-right: 10px;
    margin-left: 20px;
    background-color: #cccccc;
}

.menu2 article .text-content{
	padding:10px;
}

.menu2 article .btn{
	margin:0;
	width:260px;
	padding:10px;
	border:none;
	text-align: center
}
.menu2 article h3{
	margin: -10px  0 15px 0;
}

.menu2 article:last-child {
	margin-right: 0;
}






.partie3 {
	color: #fff;
	overflow: hidden;
	background-color: #272728;
	padding: 15px 0;
	border-bottom: 10px solid #b9462c;

	overflow: hidden;
	
	
	width: 960px;
	
	

}
.partie3 img {
    float: left;
    margin-right: 0px;
    /* padding: 20px; */
}

.partie3 article {
	float: left;
    width: 458px;
    margin-right: 15px;
    margin-left: 15px;
}

.partie3 article h3 {
	margin-top: 0;
}


.partie4 {
	color: #000000;
	overflow: hidden;
	background-color: #fff;
	padding: 15px 0;
	border-bottom: 10px solid #b9462c;
	width: 960px;
	
	

}
.partie4 img {
    float: left;
    margin-left: 15px;
    /* padding: 20px; */
}

.partie4 article {
	float: right;
    width: 458px;
    margin-right: 15px;
    margin-left: 0px;
}

	
.partie4 article h3 {
	margin-top: 0;
}

/*Menu bas de page*/




.partie5 {
	color: #000000;
	overflow: hidden;
	background-color: #ccc;
	padding: 15px 15px;

	width: 735px;
    float: right;
	

}


.partie5 article {
    margin-bottom: 15px;
}

	
.partie5 article h3 {
	margin-top: 8px;
}

.partie5 iframe {
	/*width: 800px;*/
	margin: 20px 70px 0 0;
	float: left;
	padding-right: 00px;
}






.acteur {
	color: #000000;
	background-color: #ccc;
    width: 750px;
    float: right;
    padding: 10px;
	

}
.image-acteur {
	float: left;
	margin: 15px 20px 5px 0px;
	
	}



.acteur article {
    margin-bottom: 15px;
    /*width: 750px;*/
    float: right;


}

	
.acteur article h4 {
	margin-top: 8px;
}

.livre {
	color: #000000;
	overflow: hidden;
	background-color: #fff;
	padding: 15px 0;
	border-bottom: 10px solid #b9462c;
	width: 960px;

	
	

}
.livre img {
    float: left;
    margin-left: 0px;
    /* padding: 20px; */
}

.livre article {
	float: right;
    width: 920px;
    margin-right: 20px;
    margin-left: 15px;

}

	
.livre article h3 {
	margin-top: 0;
	margin-left: 15px;
}

.livre article h4 {
	margin-top: 30px;
}

/*.produits*/
.produits {
	background-color: #afadaa;
	
	padding: 20px 0;
	overflow: hidden;
	
	float: left;
	width: 960px;

}

.produits img {
	margin: 0  0 10px 0;
	border: 3px solid #b9462c;
}
.produits article p {
	padding: 5px;
}


.produits article {

    float: left;
    width: 136px;
    margin-right: 15px;
    margin-left: 10px;
    background-color: #cccccc;
}

.produits article .text-content{
	padding:10px;
}


.produits article h3{
	margin: -10px  0 15px 0;
}

.produits article:last-child {
	margin-right: 0;
}

.produits h3 {
	margin-top: 0;
	margin-left: 10px;
}
.produits article .btn {
	margin: 0;
    width: 116px;
    padding: 10px;
    border: none;
    text-align: center;
}


.produits article .btn2 {
	margin: 0;
    width: 116px;
    padding: 10px;
    border: none;
    text-align: center;
}


/*.partie5 article:last-child {
	margin-right: 0;*/
.menubas {
	background-color: #fff;
	padding: 20px 0;
	overflow: hidden;
	
	float: left;
	width: 960px;

}

.menubas img {
	margin: 0  0 15px 0;
}



.menubas article {

    float: left;
    width: 136px;
    margin-right: 15px;
    margin-left: 10px;
    background-color: #cccccc;
}

.menubas article .textbas-content{
	padding:5px;
}

.menubas article .btn{
	margin: 0;
    width: 116px;
    padding: 10px;
    border: none;
    text-align: center;
}
.menubas article h3{
	margin: -10px  0 15px 0;
}

.menubas article:last-child {
	margin-right: 0;
}

.menubas h3 {
	margin-top: 0;
	margin-left: 10px;
}
/* aside */
/*--------------------------------------*/



aside {
	float: left;
	width: 190px;
	
}

/*Menu coté*/

.menucote {
	background-color: #fff;
	padding: 20px 0;
	margin-left: 0px;
	overflow: hidden;
	

}

.menucote img {
	margin: 0  0 0 0;
	display: block;

}



.menucote article {

    float: left;
    width: 190px;
   
    margin-left: 25px;
    margin-top: 20px;
    
}

.menucote article .textbas-content{
	padding:10px;
}

.menucote article .btn{
	margin:0;
	width:120px;
	padding:10px;
	border:none;
	text-align: center
}
.menucote article h3{
	margin: -10px  0 15px 0;
}

.menucote article:last-child {
	margin-right: 0;
}

.menucote h3 {
	margin-top: 0px;
	margin-left: 25px;
}





footer {
	width: 920px;
	background-color: #080808;
	color: #fff;
	clear: both; 							/*empeche les éléments de remonter il se cale en desous, le footer est bien en bas*/
	padding: 20px;
	text-align: center;
	margin-top: 00px;
	border-top: 10px solid #b9462c;
	border-bottom: 10px solid #b9462c;
	
	

}
footer p {
	margin-bottom: 0;
}

footer a, footer a:visited {
	color: #fff;
	padding: 0 10px;
	text-decoration: none;
}

footer a:hover {
	color: #b9462c;
}




header{position:relative;}
ul.rs{position:absolute;top:10px;right:10px;}
ul.rs li{display: inline-block;}