/*
	CSS pour la version 2013	
	
*/

@font-face {
	font-family: 'League Gothic Regular';
	src: url('webfonts/League_Gothic.eot');
	src: local('League Gothic Regular'), local('LeagueGothic'), url('webfonts/League_Gothic.woff') format('woff'), url('webfonts/League_Gothic.svg#LeagueGothic') format('svg'), url('webfonts/League_Gothic.otf') format('opentype');
}
		
@font-face {font-family: 'Encorpada-Black';src: url('webfonts/1A4A1A_0_0.eot');src: url('webfonts/1A4A1A_0_0.eot?#iefix') format('embedded-opentype'),url('webfonts/1A4A1A_0_0.woff') format('woff'),url('webfonts/1A4A1A_0_0.ttf') format('truetype');
}

* {
	padding: 0;
	margin: 0;
}

body {
	background: url(../img/ligne_haut.png) repeat-x, url(../img/ligne_bas.png) bottom repeat-x;
	/* border: 1px solid green; */
}

#sac {
	position: absolute;
	width: auto;
	margin-left: 30px;
	
	/* border: 1px solid blue; */
}
#content {
	display: block;
	position: absolute;
	color: #666;
	/* background-color: #fff; */
	/* PAS DE LARGEUR SINON  PB */
	/* width: 100%; */
	
/* 			border: 1px dotted red; */
	/* background-color: aqua; */
	margin-left: 330px;
	margin-top: 45px;
	/*
column-width: 299px; column-gap: 21px; column-count: auto;
	-webkit-column-count: auto;  -webkit-column-width: 298px; -webkit-column-gap:21px;
	-moz-column-count: auto; -moz-column-gap:21px; -moz-column-width: 299px;
*/
}
.ua-opera #content {
	column-count:2;
}
#etalon {
	/* IMPORTANT POUR TENU DES COLONNES */
	position: absolute;
	/* border: 1px solid red; */
	background: url(../img/fond_fin_colonne.png) 30px bottom repeat-x, url(../img/fond_colonne.png) 30px 0px repeat-x;
	min-width: 100%;
}
#content p {
	/* pour tenue des colonnes sous FF et Chrome*/
	width: 299px;
}
header {
	/* Titre + 2 mots */
	position: absolute;
	left: 12px;
	/* top: 125px; */
	top: 105px;
	z-index: 20;
	/* border: 1px solid red; */
}
header h1 {
	font: 100px Georgia,"Times New Roman", Times, serif ;
	font-weight: bold;
	font-style: italic;
	line-height: 100px;
	/*background:  url(../img/albert.png) no-repeat 5px 0px, url(../img/fond_blanc_80.png);*/
	background:  url(../img/albert_vert.png) 4px 0px, url(../img/fond_blanc_80.png);
	/* width: 310px; */
	width: 319px;
	/* height: 70px; */
	height: 91px;
	/* border: 1px solid red; */
	text-indent: -2000px;
	margin-left: -12px;
}
header h1 a, header h2 a {
	/* border: 1px solid red; */
	width: 100%;
	height:100%;
	display:block;
	
}
header h2 {
	color: #b0b0b0;
	font: 150px Georgia,"Times New Roman", Times, serif ;
	font-weight: bold;
	font-style: italic;
	line-height: 80px;
	margin-left: -12px;
	margin-top: 13px;
	/*
width: 630px;
	height: 90px;
*/
	width: 640px;
	height: 97px;
	padding-top: 2px;
	/* background: url(../img/marcoeur.png) 3px 2px, url(../img/trame_points.png); */
	background: url(../img/marcoeur_vert.png) 3px 2px, url(../img/trame_points.png);
	/* border: 1px solid blue; */
	text-indent: -2000px;
}
header p {
	/* font-family: Encorpada-Black; */
	font-size: 60px;
	font-style: italic;
	font-weight: normal;
	text-align: right;
	margin-right: 321px;
	margin-top: 20px;
	line-height: 75px;
	color: #606060;
	/* background: white; */
}
header p span {
	background: url(../img/fond_blanc_80.png);
	padding: 0 5px 0 5px;
}
/*     */
/* nav */
/*     */
nav {
	display: block;
	height: 100px;
	position: fixed;
	font: 14px/18px "Times New Roman", Georgia, Times, serif;
	font-style: italic;
	font-weight: 100;
	bottom: 1px;
	left: 0px;
}
nav ul {
	/* position: absolute; */
	display: inline;
	bottom: 0px;
}

nav li {
	display: inline;
	position: absolute;
	width: 100px;
	height: 25px;
	background: white;
	bottom: 0px;
	border-right: 1px solid white;
	border-bottom: 1px solid white;
	margin-bottom: -1px;
}
nav li a {
	position: absolute;
	width: 100%;
	height: 100%;
	background-color: black;
	background: transparent url(../img/fond_ombre_menu.png) repeat-x;
	top: 0;
	text-align: center;
	line-height: 25px;
	text-decoration: none;
	color: #fff;
}
nav li a:hover {
	background: transparent url(../img/motif_over_menu.png);
	color: #000;
}
#item1 {
	position: absolute;
	left: 0px;
	margin-left: 0px;
	border-left: 1px solid white;
}
#item2 {
	position: absolute;
	left: 101px;
	margin-left: 1px;
}
#item3 {
	position: absolute;
	left: 202px;
	margin-left: 1px;
}
#item4 {
	position: absolute;
	left: 303px;
	margin-left: 1px;
}
#item5 {
	position: absolute;
	left: 404px;
	margin-left: 1px;
}
#item6 {
	position: absolute;
	left: 505px;
	margin-left: 1px;
}
#item7 {
	position: absolute;
	margin-right: 1px;
}

nav li.over a {
	background: white url(../img/motif_over_menu.png);
	color: #000;
	cursor: default;
}

/*         */
/* content */
/*         */

div #content>article {
	width: 299px;
	/* background-color: rgba(255,255,255,.8); */
	/* pour recoller le titre en haut */
	/* margin-top: 10px; */
}
article:first-child {
	margin-top: 0px;
}

#content article/article {
	background-color: red;
}

#content p {
	/* width: 299px; */      
	margin-bottom: 12px;
	/* font: 14px/18px "Times New Roman", Georgia, serif; */
	font: 14px/15px "Crimson Text", serif;
	/*font-family: 'Tinos', serif */
	font-style: normal;
	word-wrap: break-word;
	font-weight: 100;
}

#content section#col1,
#content article#col1 {
/*	top: 170px;
	position: relative;
 	border: 1px solid red; */
 	top: 273px;
	position: absolute;
	/* border: 1px solid red; */
	bottom: 0px;
	/* height: 456px; */
	overflow-y: scroll;
	overflow-x: hidden;
}

section#col2,
article#col2 {
/* border: 1px solid red; */
	position: relative;
	left: 0;
	top: 0;
	margin-top: 0;
	overflow-y: auto;
	overflow-x: hidden;
	width: 100%;
	height: 100%;
	max-height: 100%;
}
section#col3,
article#col3 {
	/* border: 1px solid red; */
	/* position: absolute; */
	left: 640px;
	/* top: 0;
	margin-top: 0;
	bottom: 0px;
	height: 100%; 
	max-height: 100%;*/
	overflow-y: auto;
	overflow-x: hidden;
	width: 299px;
}

section#col4,
article#col4 {
	/* border: 1px solid red; */
	/* position: absolute; */
	left: 960px;
	/* top: 0;
	margin-top: 0;
	bottom: 0px; */
	/* height: 100%;
	max-height: 100%; */
	overflow-y: auto;
	overflow-x: hidden;
	width: 299px;
}
section#col5,
article#col5 {
	/* border: 1px solid red; */
	/* position: absolute; */
	left: 1280px;
	/* top: 0;
	margin-top: 0;
	bottom: 0px;
	height: 100%;
	max-height: 100%; */
	overflow-y: auto;
	overflow-x: hidden;
	width: 299px;
	margin-right: 20px;
}
section#col6,
article#col6 {
	/* border: 1px solid red; */
	/* position: absolute; */
	left: 1600px;
	/* top: 0;
	margin-top: 0;
	bottom: 0px; */
	overflow-y: scroll;	
	width: 299px;
	margin-right: 20px;
}



#content article#aphorismes {
	position: absolute;
	/* border: 1px solid blue; */
	top: 0px;
	word-wrap: break-word;
}
#content article #aphorisme {
	font-size: 22px;
	line-height: 24px;
	font-style: italic;
	word-wrap: break-word;
	color: #ff006c;
}

/* INFOS */
section#infos,
article#infos {
	position: relative;
	top: 0px;
	/* margin-top: 45px; */
	word-wrap: break-word;
}

section#infos a,
article#infos a {
	position: relative;
	width: 48px;
	height: 48px;
	left: 50%;
	margin-left: -24px;
	/* border: 1px solid red; */
	background: url(../img/bdc_telechar3.gif) 0 0;
	margin-top: -5px;
}
section#infos a:hover,
article#infos a:hover {
	background: url(../img/bdc_telechar3.gif) 0 -58px;
}

section#infos a.telechar,
article#infos a.telechar {
	position: absolute;
	width: 48px;
	height: 48px;
	text-indent: -2000px;
	margin-top: -10px;
}


article #info {
	font-size: 13px;
	line-height: 15px;
	font-style: italic;
	word-wrap: break-word;
	/* color: #ff006c; */
}

article #info em{
	letter-spacing: normal;
	color: #333333;
}
#content article {
	font-size: 12px;

}

#content h2 {
	/* width: 299px; */
	top: 1px;
	position: relative;
	color: #fff;
	/* background-color: #404040; */
	background-color: #0084F1;
	padding: 4px 5px 2px 5px;
	text-indent: 5px;
	display: inline;
	font: 16px Encorpada-Black;
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-weight: normal;
	font-style: normal;
	
}
#content h3 {
	/* width: 299px; */
	margin-top: 2px;
	text-indent: 5px;
	padding-top: 2px;
	color: #444444;
	/* font-weight: bold; */
	font: 18px/22px Encorpada-Black;
	
	font-weight: normal;
	font-style: normal;
}

#content h3.album_titre{
/* 	margin-top: -4px; */
	text-indent: 4px;
	/* padding-top: 2px; */
	/* color: #444; */
	/* color: #80C342; */
	/* font: 16px/22px Encorpada-Black; */
	font: 22px 'League Gothic Regular';
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-transform: uppercase;
	font-weight: normal;
	font-style: normal;
	/* margin: -2px 0 0 4px; */
	margin: -1px 0 1px 0px;
	
}
#content h4 {
	text-indent: 5px;
	padding-bottom: 5px;
	color: #666666;
	width: 299px;
	font: 15px "Times New Roman", Georgia, Times, serif;
	/* font-weight: bold; */
	font-style: italic;
	font-smooth: never;
}
#content h5 {
	/* text-indent: 5px; */
	margin-top: -2px;
	padding-bottom: 5px;
	color: #666666;
	width: 299px;
	font: 12px/16px "Times New Roman", Georgia, Times, serif;
	/* font-weight: bold; */
	font-style: italic;
}
#content h6 {
	/* width: 299px; */
	          
	margin-top: 12px;
	color: #fff;
	background-color: #666;
	padding: 2px 5px 0px 5px;
	text-indent: 5px;
	/* display: inline; */
	/* font: 14px/16px Encorpada-Black; */
	font: 16px/26px 'League Gothic Regular';
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	font-weight: normal;
	font-style: normal;
	text-transform: uppercase; 
	
}
/* titre des histoires */
#content h6 a{
	text-decoration: none;
	color: inherit;
	/* border: 1px solid red; */
}
.inv {
	background-color: #808080;
	color: #fff;
	padding: 0 3px 1px 3px;
	font-style: normal;
}
figure {
	margin: 0;
	padding: 0;
	/* fonctionne pas sous safari */
	margin-bottom: 10px;
	/* border: 1px solid red; */
}
#content figcaption {
	margin: 0;
	background-image: url(../img/fond_figcaption.png);
	padding: 2px 5px 3px 5px;
	color: #eee;
	position: relative;
	margin-top: -25px;
	font-size: 12px;
	font-style: italic;
	margin-bottom: 10px;
	/* display: inline; */
	
}
.ua-chrome #content figcaption, .ua-opera-11 #content figcaption {
	margin-top: -22px;
}

/* pb de positionnement sous safari*/
.ua-safari #content figcaption {
	/* background-color: red; */
	position: inherit;
	margin: 0;
}

article img {
	position: relative;
	width: 299px;
}

/* pb de positionnement de l'image sous safari */
.ua-safari article img {
	position: inherit;
}

#langue {
	position: fixed;
	
	left: 0;
	top: 50%;
	margin-top: -50px;
	width: 31px;
	height: 100px;
	background: transparent url(../img/onglet_langue.png) 0 1px no-repeat;
}
#langue a {
	position: absolute;
	left: 0;
	width: 31px;
	height: 100px;
	
	text-indent: -200px;
}
#en {
	/* border: 1px solid red; */
	position: absolute;
	margin-left: 0px;
	background: transparent url(../img/en.png) 8px 0px no-repeat;
}
#fr {
	/* border: 1px solid red; */
	position: absolute;
	margin-left: 0px;
	background: transparent url(../img/fr.png) 8px 0px no-repeat;
}
		/*
#langue a#fr:hover   {
			background: transparent url(../img/onglet_langue-fr2en.gif) 0 1px no-repeat;
		}
*/


.actu h5 {
/* 	margin-top: 1px; */
	margin-bottom: 0px;
	text-indent: 5px;
}
#dates p strong {
	color: #0084F1;
}


#dates h3.actu  {
	position: relative;
	/* text-indent: -10px; */
	font: 18px 'League Gothic Regular';
	-webkit-font-smoothing: antialiased;
	font-smoothing: antialiased;
	text-transform: uppercase;
	margin: -50px 0 10px 76px;
}

#dates h3.actu a  {
	color: rgb(255, 139, 128);
	text-decoration: none;
	margin-left: 0px;
}
#dates .date_chiffre {
	position: relative;
	color: rgb(255, 255, 255);
	background-color: rgb(255, 139, 128);
	font: 16px 'League Gothic Regular';
	text-transform: uppercase;
	width: 65px;
	display: block;
}
#dates .date_mois {
	position: relative;

}
#dates .date_annee {
	position: relative;

}
#dates h5 {
	margin-top: 5px;color: rgb(255, 139, 128);
}
#dates article:first-child {
	margin-top: 10px;
}
#dates p {
	position: relative;
	margin-top: 22px;
	line-height: 16px;
}
#dates p a {
	background-color: #404040;
	color: white;
	padding: 0px 3px 2px 3px;
	text-decoration: none;
	line-height: 22px;
}

/* article .signal {
	position:absolute;
	width: 299px;
	height: 50px;
	background:  transparent url(../img/degrad_overflow.png) 0 bottom repeat-x;
	z-index: 2;
	display: none;
} */