@charset "utf-8";

@import "styles_contenu.css";

/* CSS Document */
body, html {
	width:100%;
	margin:0;
	padding:0;
}
html{
	background-image:url(../images/fond-repeat.png);
	background-repeat:repeat-x;
	background-color:#0d2542;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background-image:url(../images/fond-body.png);
	background-repeat:no-repeat;
	background-position:center top;
	margin-left:auto;
	margin-right:auto;
}

/* @note : introducing new HTML5 elements */
header, nav, footer, figure, section, article, figcaption, aside {
	display: block;
}

.ariane { 
	margin-bottom:10px;
	font-size:11px;
	font-weight:normal;
}
.ariane a {
	font-size:11px;
	font-weight:normal;
} 
header {
	width:988px;
	height:424px;
	margin-left:auto;
	margin-right:auto;
	background-image:url(../images/fond-header.png);
	background-repeat:no-repeat;
	background-position:bottom;
}
#lien_logo{
	width:603px;
	height:145px;
	float:left;
}

#span_tempo{
	width:127px;
	height:38px;
	margin-top:37px;
	float:left;
	margin-left:218px;
}

#bouton_english{
	background-image:url(../images/bouton-english.png);
	width:127px;
	height:38px;
	/*margin-top:37px;*/
	float:left;
	/*margin-left:218px;*/
	margin-top:21px;
	margin-left:85px;
	margin-bottom:16px;
}
#bouton_english:hover{
	background-image:url(../images/bouton-english-survol.png);
}
#bouton_french{
	background-image:url(../images/bouton-french.png);
	width:135px;
	height:38px;
	/*margin-top:37px;*/
	float:left;
	/*margin-left:218px;*/
	margin-top:21px;
	margin-left:85px;
	margin-bottom:16px;
}
#bouton_french:hover{
	background-image:url(../images/bouton-french-survol.png);
}

#recherche{
	width:385px;
	height:145px;
	float:left;
}
.se_recherche {
	float:left;
	text-align:left;
	margin-top:38px;
	margin-left:161px;
	height:32px;
}
.recherche_text {
	border:1px solid #FFFFFF;
	height:19px;
	width:140px;
	margin:0;
	padding:0;
	float:left;
}
.recherche_submit{
	float:left;
	margin-left:20px;
	margin-top:0px;
	padding:0px;
	height:23px;
	width:35px;
	position:absolute;
}

/*MENU DU HAUT*/
/*
#menu_haut {
	position:relative;
	height:38px;
	float:left;
	margin-left:7px;
}
#menu_haut a {
	display:block;
	float:left;
	padding-top:11px;
	width:129px;
	text-align:center;
	height:27px;
	font-size:13px;
	color:#707173;
	font-weight:bold;
	text-decoration:none;
}
#menu_haut a:hover, #menu_haut a.menu_lien_actif {
	color:white;
	background-image:url(../images/fond-survol.png);
	background-repeat:repeat-x;
}

#menu_haut .separateur{
	display:block;
	width:1px;
	height:38px;
	background-image:url(../images/separateur-menu.png);
	background-repeat:no-repeat;
	float:left;
}
#menu_haut .first_lien{
	display:block;
	width:24px;
	height:25px;
	background-image:url(../images/lien-accueil.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	padding:13px 20px 0px 20px;	
}
#menu_haut .first_lien:hover{
	background-image:url(../images/fond-survol-first.png);
}
#menu_haut .first_lien_actif{
	display:block;
	width:24px;
	height:25px;
	background-image:url(../images/fond-survol-first.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	padding:13px 20px 0px 20px;	
}
#menu_haut .first_lien_actif:hover{
	background-image:url(../images/fond-survol-first.png);
	background-position:center;
	background-repeat:no-repeat;
}
#menu_haut .last_lien{
}
#menu_haut .last_lien:hover{
	background-image:url(../images/fond-survol-last.png);
	background-position:right;
}
#menu_haut .last_lien_actif{
	background-image:url(../images/fond-survol-last.png);
	background-position:right;
	color:white;
}
#menu_haut .last_lien_actif:hover{
	background-image:url(../images/fond-survol-last.png);
	background-position:right;
}
*/

/*MENU DEROULANT*/
/*
#menu_haut{
	position:relative;
	height:38px;
	width:974px;
	float:left;
	margin-left:7px;
	z-index:2000;
}

#menu_deroulant{
	position:absolute;
	height:38px;
	list-style-type:none;
	padding:0;
	border:0;
	margin:0;
}
#menu_deroulant li{
	float: left;
	height:38px;
	text-align:center;
	width:129px;
}
#menu_deroulant li.separateur{
	display:block;
	width:1px;
	height:38px;
	background-image:url(../images/separateur-menu.png);
	background-repeat:no-repeat;
	float:left;
}

#menu_deroulant #first_lien{
	float: left;
	height:38px;
	width:64px;
}

#menu_deroulant #first_lien a{
	display:block;
	width:24px;
	height:25px;
	background-image:url(../images/lien-accueil.png);
	background-position:center;
	background-repeat:no-repeat;
	float:left;
	padding:13px 20px 0px 20px;
}

#menu_deroulant #first_lien a:hover,#menu_deroulant #first_lien.menu_lien_actif a{
	background-image:url(../images/fond-survol-first.png);
}

#menu_deroulant #last_lien a:hover,#menu_deroulant #last_lien.menu_lien_actif a{
	background-image:url(../images/fond-survol-last.png);
	background-position:right;
}

#menu_deroulant li a{
	display:block;
	float:left;
	padding-top:11px;
	width:129px;
	text-align:center;
	height:27px;
	font-size:13px;
	color:#707173;
	font-weight:bold;
	text-decoration:none;
}

#menu_deroulant li:hover a{
	color:white;
	background-image:url(../images/fond-survol.png);
	background-repeat:repeat-x;
}

#menu_deroulant li a:hover, #menu_deroulant li.menu_lien_actif a{
	color:white;
	background-image:url(../images/fond-survol.png);
	background-repeat:repeat-x;
}

#menu_deroulant .sous_menu{
	display:none;
	padding:0;
	list-style-type:none;
	margin:38px 0 0 0;
}
#menu_deroulant .sous_menu li{
	padding: 0;
	margin: 0;
	border: 0;
	height:38px;
	width:183px;
	margin-left:-26px;
}
#menu_deroulant .sous_menu li a:link, #menu_deroulant .sous_menu li a:visited{
	display:block;
	margin:0;
	text-decoration:none;
	text-align:left;
	background:#ededee;
	padding-top:11px;
	height:27px;
	padding-left:10px;
	width:173px;
	color:#707173;
	border:1px solid #bbbdbe;
}
#menu_deroulant .sous_menu li.first a{
	border-top:none;
}
#menu_deroulant .sous_menu li.sous_menu_top{
	width:185px;
	height:11px;
	background-image:url(../images/sous-menu-top.png);
}
#menu_deroulant .sous_menu li.sous_menu_bottom{
	width:185px;
	height:11px;
	background-image:url(../images/sous-menu-bottom.png);
}
#menu_deroulant .sous_menu li a:hover{
	color:#FFFFFF;
	background-image:url(../images/fond-survol.png);
	background-repeat:repeat-x;
}

#menu_deroulant li:hover > .sous_menu{
	display: block;
}
*/






#diapo_header{
	width:974px;
	height:237px;
	float:left;
	margin-left:7px;
	margin-top:2px;
}
#contenu {
	background-image:url(../images/fond-contenu.png);
	background-repeat:repeat-y;
	width:988px;
	margin-left:auto;
	margin-right:auto;
}
#contenu #gauche{
	width:273px;
	min-height:530px;
	float:left;
	margin-left:7px;
	margin-top:8px;
}
#contenu #gauche h2{
	margin:0;
	background-image:url(../images/titre-gauche.png);
	background-repeat:no-repeat;
	width:203px;
	height:31px;
	font-size:16px;
	font-weight:bold;
	padding:10px 0px 0px 70px;
}
#contenu #gauche #phare{
	background-image:url(../images/fond-phare.png);
	background-repeat:no-repeat;
	width:273px;
	float:left;
}
#contenu #gauche #phare a{
	display:block;
	float:left;
	height:23px;
	width:164px;
	background-image:url(../images/lien-ile.png);
	margin-left:69px;
	color:#707173;
	padding-left:40px;
	padding-top:6px;
	font-size:13px;
}
#contenu #gauche #phare .separation{
	display:block;
	float:left;
	height:1px;
	width:204px;
	background-image:url(../images/separateur.png);
	margin-left:69px;
}

#contenu #gauche #phare a.first{
	height:23px;
	background-image:url(../images/first-ile.png);
	padding-top:12px;
}

#contenu #gauche #phare a.first:hover{
	background-image:url(../images/first-ile-survol.png);
	color:#ffffff;
	text-decoration:none;
	padding-left:40px;
	width:164px;
}

#contenu #gauche #phare a.first_actif,#contenu #gauche #phare a.first_actif:hover{
	background-image:url(../images/first-ile-survol.png);
	color:#ffffff;
	text-decoration:none;
	padding-left:40px;
	width:164px;
	padding-top:12px;
	height:23px;
}

#contenu #gauche #phare a:hover{
	background-image:url(../images/survol-ile.png);
	color:#ffffff;
	text-decoration:none;
	padding-left:40px;
	width:164px;
}

#contenu #gauche #phare a._actif{
	background-image:url(../images/survol-ile.png);
	color:#ffffff;
	text-decoration:none;
	padding-left:40px;
	width:164px;
}

#contenu #gauche #phare a.last{
	height:29px;
	background-image:url(../images/last-ile.png);
	margin-left:0px;
	padding-left:109px;
}

#contenu #gauche #phare a.last:hover{
	background-image:url(../images/last-ile-survol.png);
	padding-left:109px;
	width:164px;
	color:#ffffff;
}

#contenu #gauche #phare a.last_actif{
	background-image:url(../images/last-ile-survol.png);
	color:#ffffff;
	padding-left:109px;
	width:164px;
	height:29px;
	margin-left:0px;
}

#contenu #droite{
	padding:20px;
	width:668px;
	float:left;
}
#contenu #droite #accueil{
	width:701px;
	height:510px;
	position:relative;
	float:left;
	margin-left:-20px;
	margin-top:-20px;
	margin-bottom:-20px;
}

#contenu #droite #accueil_gauche{
	width:346px;
	float:left;
	height:538px;
	margin-left:20px;
	background-image:url(../images/fond-accueil-gauche.png);
	background-repeat:no-repeat;
	background-position:right top;
}
#contenu #droite #accueil_gauche a{
	font-weight:normal;
}
#contenu #droite #accueil_gauche .haut{
	width:345px;
	height:245px;
	float:left;
	background-image:url(../images/fond-accueil-gauche-haut.png);
	background-repeat:no-repeat;
	background-position:left bottom;
}
#contenu #droite #accueil_gauche .haut p{
	padding-right:42px;
}
#contenu #droite #accueil_gauche .haut p.article_home{
	height: 115px;
	line-height: 16px;
	overflow: hidden;
	padding-right: 42px;
}
#contenu #droite #accueil_gauche .haut h1{
	font-size:18px;
	color:#0297d9;
	margin-top:17px;
	margin-bottom:0px;
}
#contenu #droite #accueil_gauche .haut h2{
	font-size:12px;
	background-image:url(../images/fond-h2-accueil-gauche-haut.png);
}
#contenu #droite #accueil_gauche .bas{
	width:345px;
	height:293px;
	float:left;
}
#contenu #droite #accueil_gauche .bas p{
	padding-right:17px;
}

#contenu #droite #accueil_gauche .bas p.actu_img{
	margin:0;
	padding:0;
	text-align:center;
}

#contenu #droite #accueil_gauche .bas .gauche{
	float:left;
	width:163px;
	height:293px;
	background-image:url(../images/fond-accueil-gauche-bas.png);
	background-repeat:no-repeat;
	background-position:top right;
}

#contenu #droite #accueil_gauche .bas ul{
	margin:0;
	padding:0;
}
#contenu #droite #accueil_gauche .bas li{
	list-style-type:none;
	margin:0;
	padding:0;
	background:none;
}

#contenu #droite #accueil_gauche .bas .droite{
	float:left;
	width:164px;
	height:293px;
	padding-left:18px;
}
#contenu #droite #accueil_gauche .bas h1{
	margin:20px 0px 0px 0px;
}

#contenu #droite #accueil_gauche .bas h2{
	background-image:url(../images/fond-h2-actu.png);
	background-repeat:no-repeat;
	font-size:12px;
	padding:0px 0px 0px 10px;
}

#contenu #droite #accueil_droite{
	width:335px;
	float:left;
	height:531px;
}
/*#contenu #droite #accueil_droite #carte_flash{
	background-image:url(../images/carte_flash.png);
	background-repeat:no-repeat;
	width:335px;
	height:415px;
	float:left;	
}*/

#contenu #droite #accueil_droite #bulletin{
	background-image:url(../images/fond-bulletin.png);
	background-repeat:no-repeat;
	width:335px;
	height:116px;
	float:left;	
}

#contenu #droite #accueil_droite #bulletin h1{
	font-size:18px;
	color:#ffffff;
	padding-left:41px;
	padding-top:5px;
	margin-bottom:10px;
}
#contenu #droite #accueil_droite #bulletin p{
	margin:0px 0px 6px 0px;
	padding-left:30px;
	padding-right:35px;
}
#contenu #droite #accueil_droite #bulletin .lettre{
	font-size:12px;
	background:url(../images/fond-lettre.png);
	background-repeat:no-repeat;
	display:block;
	height:18px;
	padding-left:30px;
	padding-top:3px;
}

#contenu #droite #accueil_droite #bulletin .toutes{
	font-size:11px;
	font-weight:normal;
}

footer {
	background-image:url(../images/fond-footer.png);
	background-repeat:no-repeat;
	width:988px;
	height:146px;
	/*padding:10px;*/
	margin-left:auto;
	margin-right:auto;
	text-align:center;
	color:#d9dadb;
	font-size:10px;
}

#footer_gauche{
	width:655px;
	height:136px;
	padding:0px 10px 10px 10px;
	float:left;
}

#footer_droite{
	width:293px;
	height:96px;
	padding:40px 10px 10px 10px;
	float:left;
}

footer p{
	margin:8px;
}
footer a {
	color:#d9dadb;
	font-size:10px;
}
footer .footer_big{
	font-size:12px;
}
footer .footer_big a{
	font-size:12px;
}
/*PAGINATION*/
#contenu .bloc_pagination {
	text-align:center;
}
#contenu .bloc_pagination a, #contenu .bloc_pagination span {
	padding:4px 8px 4px 8px;
	font-size:13px;
	color:#F49F0E;
	border:1px #F49F0E solid;
	margin:1px;
}
#contenu .bloc_pagination span {
	font-weight:bold;
	background:#F49F0E;
	color:#FFFFFF;
}

#contenu .bloc_pagination a:hover {
	text-decoration:none;
	color:#939393;
}
#contenu .bloc_pagination #contenu .page_active {
	background-color:#d1cf09;
	color:white;
}

.facebook_box {
	position:absolute;
	margin-left:733px;
	margin-top:5px;
	padding-left:10px;
	padding-top:3px;
	background-image:url(../images/onglet_facebook.png);
	width:244px;
	height:64px;
}