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;
	background: transparent;
	font-size: 100%;
	font: inherit;
	vertical-align: baseline;
}

@font-face {
	font-family: "Bebas";
	src: url('../fonts/Bebas.ttf') format("truetype");
}

body {
	background: #F5F5F5 url('../images/Background-W.png') center repeat;
	color: #555555;
	font-size: 1em;
	font-family: "Trebuchet MS", "Myriad Pro", Verdana;
}

/* [DEBUT] Style général TITRES */
h1, h2, h3, h4, h5, h6 {
	color: #555555;
	text-shadow: 1px 1px 1px rgba(0, 0, 0, .3);
	
	margin: 5px;
}

h1 {
	font-size: 200%;
}

h2 {
	font-size: 180%;
}

h3 {
	font-size: 175%;
}

h4 {
	font-size: 150%;
}

h5 {
	font-size: 125%;
	font-weight: bold;
}

h6 {
	font-size: 100%;
	font-weight: bold;
}
/* [FIN] Style général TITRES */

h2#archives:first-letter {
	font-size: 120%;
	color: #009DDC;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .3);
}

h2#proposer:first-letter {
	font-size: 120%;
	color: #605FDC;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .3);
}

h2#livreOr:first-letter {
	font-size: 120%;
	color: #963D97;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .3);
}

h2#partenaires:first-letter {
	font-size: 120%;
	color: #4189C3;
	text-shadow: 1px 1px 1px rgba(255, 255, 255, .3);
}

h2#proposer, h2#archives, h2#livreOr, h2#partenaires {
	border-bottom: solid 1px #555555;
	min-width: 500px;
	max-width: 650px;
	margin-bottom: 25px;
}

strong {
	font-weight: bold;
}

abbr {
	border-bottom: 1px dashed;	
}


/* [DEBUT] Style général LIENS */
a {
	text-decoration: none;
	font-weight: bold;
	color: #555555;
	
	-webkit-transition-duration: .3s, .5s;
	-webkit-transition-property: color, text-shadow;
	-webkit-transition-timing-function: ease-in, linear;
	
	-moz-transition-duration: .3s, .5s;
	-moz-transition-property: color, text-shadow;
	-moz-transition-timing-function: ease-in, linear;
	
	-o-transition-duration: .3s, .5s;
	-o-transition-property: color, text-shadow;
	-o-transition-timing-function: ease-in, linear;
}

a:hover {
	color: #009DDC;
}
/* [FIN] Style général LIENS */


/* [DEBUT] Style Logo */
div#logo {
	//display: inline-block;
	font-size: 0;
	padding: 10px 0px 0px 10px;
	width: 282px;
	margin-left: auto;
	margin-right: auto;
}

div#logo h1 {
	font-size: 0;
	text-indent: -9999px;
}

div#logo h1:first-letter {
	font-size: 0;
}
/* [FIN] Style Logo */


/* [DEBUT] Style Header */
div#header {
	position: relative;
	z-index: 10;
	background: #151515 url('../images/Background-Dark.png') center repeat-y fixed;
	color: #f0f0f0;
	box-shadow: inset 0px 0px 15px #000000;
	width: 100%;
	min-height: 110px;
}
/*  [FIN]  Style Header */


/* [DEBUT] Style Boutons Navigation */
div#boutons {
	font-family: Bebas;
	width: 720px;
	z-index: 12;
	margin-bottom: 15px;
	margin-top: 15px;
}

div#boutons ul li a {
	display: inline-block;
	width: 100px;
	padding: 5px;
	text-transform: uppercase;
	text-align: center;
	margin-left: 5px;
	margin-right: 5px;
}

div#boutons ul li {
	display: inline-block;
}

ul li label.menu {
	background-image: url('../images/BGB-50.png');
	//background-color: #252525;
	color: #F0F0F0;
	display: inline-block;
	width: 100px;
	padding: 5px;
	margin-right: 5px;
	text-transform: uppercase;
	text-align: center;
	font-weight: bold;
	box-shadow: 0px 0px 10px rgba(0, 0, 0, .2);
	border-radius: 10px 0px 10px 0px;
}

ul li a#accueil {
	border-radius: 10px 0px 10px 0px;
	
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .3s, .3s;
	-webkit-transition-timing-function: ease-in, ease-in, linear;
	
	-moz-transition-property: background-color, color;
	-moz-transition-duration: .3s, .3s;
	-moz-transition-timing-function: ease-in, ease-in;
	
	-o-transition-property: background-color, color;
	-o-transition-duration: .3s, .3s;
	-o-transition-timing-function: ease-in, ease-in;
}

ul li a#accueil:hover {
	background-color: #555555;
	color: #f0f0f0;
	box-shadow: inset 0px 0px 5px #000000;
	border-radius: 10px 0px 10px 0px;
}

ul li a#accueil:active {
	box-shadow: inset 0px 0px 10px #000000;
}

ul li a#archives {
	color: #009DDC;
	border-radius: 10px 0px 10px 0px;
	
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .3s, .3s;
	-webkit-transition-timing-function: ease-in, ease-in, linear;
	
	-moz-transition-property: background-color, color;
	-moz-transition-duration: .3s, .3s;
	-moz-transition-timing-function: ease-in, ease-in;
	
	-o-transition-property: background-color, color;
	-o-transition-duration: .3s, .3s;
	-o-transition-timing-function: ease-in, ease-in;
}

ul li a#archives:hover {
	background-color: #009DDC;
	color: #f0f0f0;
	box-shadow: inset 0px 0px 5px #252525;
	border-radius: 10px 0px 10px 0px;
}

ul li a#archives:active {
	box-shadow: inset 0px 0px 10px #252525;
}

ul li a#archivesOn {
	background-color: #009DDC;
	color: #f0f0f0;
	text-shadow: 1px 1px 1px #555555;
	box-shadow: 0px 0px 5px #000000;
	border-radius: 10px 0px 10px 0px;
}


ul li a#proposer {
	color: #605FDC;
	border-radius: 10px 0px 10px 0px;
	
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .3s, .3s;
	-webkit-transition-timing-function: ease-in, ease-in;
	
	-moz-transition-property: background-color, color;
	-moz-transition-duration: .3s, .3s;
	-moz-transition-timing-function: ease-in, ease-in;
	
	-o-transition-property: background-color, color;
	-o-transition-duration: .3s, .3s;
	-o-transition-timing-function: ease-in, ease-in;
}

ul li a#proposer:hover {
	background-color: #605FDC;
	color: #f0f0f0;
	box-shadow: inset 0px 0px 5px #252525;
	border-radius: 10px 0px 10px 0px;
}

ul li a#proposer:active {
	box-shadow: inset 0px 0px 10px #252525;
}

ul li a#proposerOn {
	background-color: #605FDC;
	color: #f0f0f0;
	text-shadow: 1px 1px 1px #555555;
	box-shadow: 0px 0px 5px #000000;
	border-radius: 10px 0px 10px 0px;
}


ul li a#livreOr {
	color: #963D97;
	border-radius: 10px 0px 10px 0px;
	
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .3s, .3s;
	-webkit-transition-timing-function: ease-in, ease-in;
	
	-moz-transition-property: box-shadow, background-color;
	-moz-transition-duration: .3s, .3s;
	-moz-transition-timing-function: ease-in, ease-in;
	
	-o-transition-property: box-shadow, background-color;
	-o-transition-duration: .3s, .3s;
	-o-transition-timing-function: ease-in, ease-in;
}

ul li a#livreOr:hover {
	background-color: #963D97;
	color: #f0f0f0;
	box-shadow: inset 0px 0px 5px #252525;
	border-radius: 10px 0px 10px 0px;
}

ul li a#livreOr:active {
	box-shadow: inset 0px 0px 10px #252525;
}

ul li a#livreOrOn {
	background-color: #963D97;
	color: #f0f0f0;
	text-shadow: 1px 1px 1px #555555;
	box-shadow: 0px 0px 5px #000000;
	border-radius: 10px 0px 10px 0px;
}


ul li a#facebook {
	color: #3B5999;
	border-radius: 10px 0px 10px 0px;
	
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .3s, .3s;
	-webkit-transition-timing-function: ease-in, ease-in;
	
	-moz-transition-property: box-shadow, background-color;
	-moz-transition-duration: .3s, .3s;
	-moz-transition-timing-function: ease-in, ease-in;
	
	-o-transition-property: box-shadow, background-color;
	-o-transition-duration: .3s, .3s;
	-o-transition-timing-function: ease-in, ease-in;
}

ul li a#facebook:hover {
	background-color: #3B5999;
	color: #f0f0f0;
	box-shadow: inset 0px 0px 5px #252525;
	border-radius: 10px 0px 10px 0px;
}

ul li a#facebook:active {
	box-shadow: inset 0px 0px 10px #252525;
}


ul li a#twitter {
	color: #53D4FF;
	border-radius: 10px 0px 10px 0px;
	
	-webkit-transition-property: background-color, color;
	-webkit-transition-duration: .3s, .3s;
	-webkit-transition-timing-function: ease-in, ease-in;
	
	-moz-transition-property: box-shadow, background-color;
	-moz-transition-duration: .3s, .3s;
	-moz-transition-timing-function: ease-in, ease-in;
	
	-o-transition-property: box-shadow, background-color;
	-o-transition-duration: .3s, .3s;
	-o-transition-timing-function: ease-in, ease-in;
}

ul li a#twitter:hover {
	background-color: #53D4FF;
	color: #f0f0f0;
	box-shadow: inset 0px 0px 5px #555555;
	border-radius: 10px 0px 10px 0px;
}

ul li a#twitter:active {
	box-shadow: inset 0px 0px 10px #555555;
}
/* [FIN] Style Boutons Navigation */


/* [DEBUT] Style Fil Ariane */
div#filAriane {
	position: relative;
	z-index: 5;
	background-image: url('../images/Background-B.png');
	/*color: #555555;
	background-color: #151515;*/
	color: #F0F0F0;
	border-radius: 0px 0px 10px 10px;
	box-shadow: 0px 0px 10px #252525;
	padding: 10px 10px 7px 10px;
	margin-top: -5px;
}

div#filAriane a {
	color: #009DDC;
	
	-webkit-transition-duration: .3s;
	-webkit-transition-property: color;
	-webkit-transition-timing-function: ease-in;
	
	-moz-transition-duration: .3s;
	-moz-transition-property: color;
	-moz-transition-timing-function: ease-in;
	
	-o-transition-duration: .3s;
	-o-transition-property: color;
	-o-transition-timing-function: ease-in;
}

div#filAriane a:hover {
	color: #454545;
}
/* [FIN] Style Fil Ariane */


/* [DEBUT] Style Date */
div.date {
	font-family: Bebas;
	font-size: 1.4em;
	text-shadow: 1px 1px 1px #F0F0F0;
	color: #303030;
	margin: 0px 0px 0px 0px;
	padding: 5px 0px 10px 0px;
	text-align: center;
}

div.date span {
	color: #009DDC;
}

div.jour {
	color: #4189C3;
	font-size: 130%;
	margin: 0px;
	text-align: center;
	width: 31px;
	padding-top: 2px;
}

div.mois {
	color: #009DDC;
	margin: 0px;
	width: 31px;
}

div.annee {
	color: #963d97;
	-webkit-transform: rotate(90deg);
	-moz-transform: rotate(90deg);
	-o-transform: rotate(90deg);
	font-size: 130%;
	margin: 0px;
	position: relative;
	text-align: center;
	top: -33px;
	left: 18px;
	width: 100%;
}
/*  [FIN]  Style Date */


/* [DEBUT] Style ARTICLE */

div#contenu {
	//max-width: 320px;
	width: auto;
	padding: 10px;
}

div.tags {
	//background-color: #c8c8c8;
	background-color: #303030;
	text-align: center;
	color: #FFFFFF;
	margin: 5px 0px 0px 0px;
	padding: 1px 0px 2px 0px;
	text-shadow: 0px 1px 1px #000000;
	
	border-radius: 2px 2px 2px 2px;
}

div.tags a {
	font-weight: normal;
	color: #009ddc;
	text-shadow: 1px 1px 0px #000000;
	text-decoration: underline;
}

div.tags a:hover {
	color: #00FF00;
	text-shadow: 1px 1px 0px #555555;
}

div.source {
	position: absolute;
	margin-top: -25px;
	right: 15px;
}

div.source a {
	color: #963D97;
	text-shadow: 1px 1px 0px #F0F0F0;
}

div.source a:hover {
	color: #F0F0F0;
	text-shadow: 1px 1px 3px #303030;
}

div.sourceMusic {
	position: absolute;
	width: 155px;
	top: 0px;
	right: 5px;
}

div.reseauxSociaux {
	width: 185px;
	margin: 0;
	margin-left: 5px;
}

.conteneurGP, .conteneurTwitter, .conteneurFB {
	width: 90px;
	display: inline-block;
}

div.conteneurGP {
	margin-left: 0px;
}

div.conteneurTwitter {
	margin-left: -15px;
}

div.conteneurFB {
	position: absolute;
	margin-left: 15px;
	overflow: hidden;
}

div.liens {
	margin-top: 10px;

}

/* [FIN] Style ARTICLE */


/* [DEBUT] Style FOOTER */
div#footer {
	color: #F0F0F0;
	background: #151515 url('../images/Background-Dark.png') center fixed;
	box-shadow: inset 0px 0px 15px #000000;
	font-size: .9em;
	
	margin: 0;
	margin-bottom: 15px;
	min-height: 100px;
	
	text-align: center;
	vertical-align: middle;
}

div#footer p {
	padding: 10px 0px 10px 0px;
	text-align: center;
}
/*  [FIN]  Style FOOTER */