/* Corps du site */

html {
	margin:	0!important;
	padding:	0!important;
}

body {
	position:	absolute;
	display:	block;
	top:	0;
	width:	100%;
	height:	100%;
	padding:	0;
	margin:	0;
	line-height:	1.8em;
	background-color:	#0b3efb;
	color:	#ffffff;
	font-size:	100%;
	font-family:	"Times New Roman", "Times", serif;
}

.fondbleu {
	background-image:	url("fondbleu.jpg");
}

.fondbeige {
	background-image:	url("fondbeige.jpg");
}

.fondrouge {
	background-image:	url("fondrouge.jpg");
}

#conteneur {
	position:	relative;
	display:	block;
	top:	0px;
	width:	60em;
	padding:	0;
	margin:	0	auto	0	auto;
}

p {
	margin-bottom:	0.5cm;
	text-align:	center;
	font-size:	28px;
	font-weight:	bold;
}

p.nob {
	margin:	1em	auto;
	font-size:	100%;
}

p.rub1 {
	text-align:left;
	font-size: 32px!important;
	margin-left:21px;
	margin-bottom:-0.5em;
}

p.rub2 {
	text-align:left;
	font-size: 18px!important;
	margin-left:21px;
}

p.rub2 span {
	color:#ffff00;
}

.textejaune {
	color:#ffff00;
}

/* Décalage en hauteur du premier titre */
h1 {
	margin-top:	0;
	margin-bottom:	0.5cm;
	line-height:	0.9em;
	font-weight:	bold;
	font-size:	64px;
	text-align:	center;
}

h1:first-child 	{
	margin-top:	0em;
}

.actutitre {
	color: #000000;
	margin-bottom: 1em;
}

.h1rubrique {
	font-size: 48px;
	line-height: 0.5em;
}

.h1sommaire2 {
	line-height: 1.2em;
}

.soustitre {
	font-size: 40px!important;
	line-height: 1.2em;
}

h2 {
	margin-top:	0.5cm;
	margin-bottom:	0.5cm;
	line-height:	0.9em;
	font-weight:	bold;
	font-size:	64px;
	text-align:	center;
}

.h2sommaire2 {
	line-height: 1.1em;
}

h3 {
	margin-top:	1em;
	margin-bottom:	0.5cm;
	line-height:	1em;
	font-weight:	bold;
	font-size:	24px;
	text-align:	center;
}

/* Séparateur linéaire */

.div_separateur	{
	width:	50%;
	margin-left:	auto;
	margin-right:	auto;
	padding-left:	25%;
	padding-right:	25%;
}

.separateur	{
	width:	100%;
	line-height:	1.5em;
	border-top:	solid 2px #ffffff;
}

/* Image d'accueil */
img {
	display:	inline-block;
	margin-top:	0.5em;
	border:	none;
}

img.bouton {
	margin-top:	0;
}

img.rubr {
	display:block;
	margin: 2px auto 2px auto;
	width:	128px;
	height:	128px;
	border:	solid thin #0020ff;
	
}

/* Bouton (dimensions) */
.bouton	{
	width:	108px;
	height:	32px;
}

.btn_bor {
	border:	solid 1px #0020ff;
}

.btn_bor2 {
	border:	solid 2px #ffa04a;
}

.btn_bor3 {
	border:	solid 2px #800000;
}

/* Autre */

.btn_couv_ref, .btn_couv_actu {
	border:	solid 2px #ffa04a;
}

.btn_couv_ref:hover, .btn_couv_actu:hover {
	border:	solid 2px #120000;
}

.cadrebleu {
	width:	70%;
	background-image:	url('fondbleu.jpg');
	margin-left:	auto;
	margin-right:	auto;
	padding-top:	1em;
	padding-bottom:	1em;	
	font-size: 18px!important;
	line-height: 1.2em;
	font-weight:	normal;
	text-align:	center;
	color:	#ffffff;
}

.fondruban {
	width:	99%;
	background-image:	url('fondbleu.jpg');
	margin-left:	auto;
	margin-right:	auto;
	margin-bottom:	3em;
}

.tablerubriques {
	display:	table;
	width:	66%;
	margin-left:	17%;
	margin-right:	17%;
	font-weight:	bold;
	color:	#ffffff;
}

.leftcell {
	width:	75%;
	display:	table-cell;
	vertical-align:	middle;
}

.rightcell {
	display:	table-cell;
	vertical-align:	middle;
}

.ladate {
	padding-right:	1em;
}

.divspe {
	width:	70%;
	margin-left:	auto;
	margin-right:	auto;
	margin-top:	1em;
	margin-bottom:	1em;
	font-family:	"Times New Roman", "Liberation Serif", Times, serif;
	text-align:	center;
	color:	#ffffff;
}

.titresommaire {
	background-image:	url('fondrouge.jpg');
	font-weight:	bold;
	font-size:	64px;
	padding:	1em	16px	16px	16px;
	line-height:	2em;
}

.divbleu {
	background-image:	url('fondbleu.jpg');
	font-weight:	normal;
	font-size:	20px;
	padding:	16px;
}

.textenoir {
	text-align:	center;
	font-size: 18px!important;
	line-height: 1.2em;
	font-weight:	bold;
	color:	#000000;
	margin-top:0px;
}

.revenirmenu {
	text-align:	center;
	font-size: 18px!important;
	line-height: 1.2em;
	font-weight:	bold;
	color:	#000000;
	margin-top: 3em;
}

.textenoirplusgrand {
	text-align:	center;
	font-size: 20px!important;
	line-height: 1.2em;
	font-weight:	bold;
	color:	#000000;
	margin-top:0px;
}

.lienCGU {
	text-align:	center;
	font-size:	15px!important;
	color:	#ffff80;
}

.avert_ecran {
	font-size:	18px;
	line-height:	1.25em;
}

.avert_cadre {
	border:	solid 3px #FFFFFF;
	padding:	16px;
}

.autre_cadre {
	border:	solid 3px #FFFFFF;
	background-image:	url('fondbleu.jpg');
	padding:	48px 16px;
}

.mgb2 {
	margin-bottom:	2em;
}

.tleg {
	font-size: 24px!important;
	line-height: 1.15em;
}

.t18 {
	font-size: 18px!important;
}

.t21 {
	font-size: 21px!important;
}

.t24 {
	font-size: 24px!important;
}

.t28 {
	font-size: 28px!important;
}

.t32 {
	font-size: 32px!important;
}

.t48 {
	font-size: 40px!important;
}

.t64 {
	font-size: 64px!important;
}

/* Responsive */
@media screen and (max-device-width: 480px) {
	body {
		width:	99.9%;
		margin:	0;
		padding:	0;
	}
	
	#conteneur {
		width:	50em!important;
		padding:	0;
	}
	
	#acces_site {
		padding:	0.8em	0	0.8em	0!important;
	}
	
	p, h1, h3 {
		width:	100%!important;
		margin-left:	0!important;
		margin-right:	0!important;
	}
}