/* 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;
}


/* typos intégrées :

'gravitybold'
'gravitybold_italic'
'gravitybook'
'gravitybook_italic'
'gravityitalic'
'gravitylight'
'gravitylight_italic'
'gravityregular'
'gravityultralight'
'gravityultralight_italic'
*/


/*** Règles générales ***/

body
	{
		background-color:black;
		font-family: 'gravityregular', Arial, sans-serif;
		letter-spacing:1px;
		min-width:680px;
		font-size:16px;
		color:white;
	}


/*** Header ***/

header{padding:80px 40px;}

#logo
	{
		background: url(images/logo.png) no-repeat center;
		float:left;
	}

#logo a
	{
		display:block;
		width:100px;
		height:100px;
	}

#titreetchapo
	{
		background: url(images/background_source.jpg) no-repeat center;
		font-family: 'gravityitalic', Arial, sans-serif;
		text-align:center;
		color:white;
		font-size:100%;
		height : 768px;
		margin:100px auto;
		letter-spacing:2px;
	}

.titregras, .gras{font-family: 'gravitybold', Arial, sans-serif;}

.titrelight_majuscule{font-family: 'gravitylight', Arial, sans-serif;}

.grasitalique{font-family: 'gravitybold_italic', Arial, sans-serif;}

.gravitylight_italic{font-family: 'gravitylight_italic', Arial, sans-serif;}

.titregras, .titrelight_majuscule
	{
		font-size:48px;
		text-transform:uppercase;
		letter-spacing:6px;
	}


/*** 1ère section ***/


#premiere_section
	{
		background-color : white ;
		padding : 30px 0;
		color : #B81F42;
		font-family: 'gravitylight', Arial, sans-serif;
		min-height:640px
	}
	
#premiere_section h3{font-size:40px;}
	
#premiere_section_colonne_gauche
	{
		float:left;
		width:250px;
		margin:20px;
		padding:20px;
	}
	
#premiere_section_colonne_gauche p
	{
		padding:5px;
		font-size:16px;
	}
	
#premiere_section_colonne_droite
	{
		margin-left:370px;
		margin-right:30px;
	}
	
#resume{padding-bottom:30px;}

#resume p
	{
		margin-bottom:10px;
		text-align:justify;
	}

#resume_premiere_colonne
	{
		width:48%;
		float:left;
	}
	
#resume_deuxieme_colonne
	{
		width:48%;
		float:right;
	}
	
#carre4lignes, #titre_2e_section
	{
		display:block;
		width:200px;
		font-size:12px;
		padding-top:20px;
		padding-bottom:40px;
		margin-bottom:40px;
		border-bottom:2px solid #B81F42;
	}
	
.rouge{color:#E82C0C;}

.serif
	{
		font: italic bold 100%/110% serif;
		padding-bottom:40px;
	}


	
/*** Footer ***/

footer p
	{
		font-size : 12px;
		text-align:center;
		margin : 20px;
	}
	
footer a
	{
		color : red;
	}
	
	
	
/* 1ère section : cas particulier des résolutions inférieures à 1279px;*/

@media (max-width: 1279px)
	{
		#resume_premiere_colonne, #resume_deuxieme_colonne
			{
				float:none;
				width:100%;
			}
	}
	
	
	
	
/*** 2ème section ***/


#deuxieme_section
	{
		background-color : #380000 ;
		padding:40px;
		color : white;
		font-family: 'gravitylight', Arial, sans-serif;
	}

#txt_Yann{margin-bottom:50px;}
	
#txt_Yann p
	{
		padding-bottom:20px;
		text-align:justify;
	}
		
#bio_Yann
	{
		font: normal normal 100%/130% serif;
		text-align:center;
		border-top:1px dashed #aaa;
		letter-spacing:2px;
	}
	
#bio_Yann h4{padding:25px;}	
	
	
	
/*** 3ème section ***/


#troisieme_section
	{
		background-color : white ;
		padding:40px;
		color : #4481A6;
		font-family: 'gravitylight', Arial, sans-serif;
		float:left;
	}

#txt_auteur
	{
		margin-bottom:0;
		padding-bottom:30px;
	}
	
#txt_auteur p
	{
		padding-bottom:20px;
		margin-bottom:10px;
		text-align:justify;
	}
	
#txt_auteur_premiere_colonne
	{
		width:48%;
		float:left;
	}
	
#txt_auteur_deuxieme_colonne
	{
		width:48%;
		float:right;
	}
		
#bio_auteur
	{
		float:left;
		font: normal normal 100%/130% serif;
		text-align:center;
		border-top:1px dashed #4481A6;
		letter-spacing:2px;
	}
	
#bio_auteur h4{padding:25px;}

#titre_3e_section
	{
		display:block;
		width:500px;
		font-size:12px;
		padding-top:20px;
		padding-bottom:40px;
		margin-bottom:40px;
		border-bottom:1px solid #4481A6;
	}
	
	
	
/*** 4ème section ***/

#quatrieme_section
	{
		background-color: #4481A6;
		color : white;
		font-family: 'gravitylight', Arial, sans-serif;
	}
	
#titre_4e_section
	{
		display:block;
		margin:0 auto;
		width:84px;
		text-transform:uppercase;
		border-bottom:2px solid white;		
	}

#titre_4e_section h3
	{
		display:block;		
		margin-top:20px;		
	}

#equipe{padding:30px;}
	
#equipe p
	{
		display:block;
		width : 30%;
		margin:0 auto;
		padding:20px;
		text-align:center;
	}
	
#equipe_gauche{float:left;}
#equipe_droite{float:right;}



/*** 5ème section ***/

#cinquieme_section
	{
		background-color: #380000;
		color : white;
		font-family: 'gravitylight', Arial, sans-serif;
	}

#cinquieme_section p
	{
		display:block;
		width : 40%;
		padding:40px;
	}