@charset "utf-8";

@import "styles_contenu.css";

/* CSS Document */
body, html {
	width:100%;
	margin:0;
	padding:0;
}
body {
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	background:url(../images/fond-body.png);
	background-position:top;
	background-repeat:repeat-y;
	/*background-color:#190316;*/
	background-color:#21041c;
}

#total {
	width:977px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0px;
}
.box {
	width:977px;
}
.ariane { 
	margin-bottom:10px;
}
#header {
	margin-left:auto;
	margin-right:auto;
	height:266px;
	width:977px;
	background:url(../images/fond-header.png);
	background-repeat:no-repeat;
}
#header #logo_menu_haut{
	height:184px;
	width:977px;
}
#header #lien_logo{
	height:184px;
	width:500px;
	display:block;
	float:left;
}
#header #lien_macaron{
	height:184px;
	width:184px;
	display:block;
	float:left;
	margin-left:247px;
}
/*MENU DEROULANT*/
#menu_haut{
	position:relative;
	height:82px;
	width:977px;
	background:url(../images/fond-menu.png);
	background-repeat:no-repeat;
	z-index:2000;
}
#menu_deroulant{
	position:absolute;
	height:67px;
	list-style-type: none;
	padding: 0;
	border: 0;
	margin:0;
	margin-left:7px;
}
#menu_deroulant li{
	float: left;
	/*text-align:center;*/
	width:154px;
	height:67px;
}
#menu_deroulant #first_lien{
	width:172px;
}
#menu_deroulant #first_lien a{
	width:172px;
}
#menu_deroulant #last_lien{
	width:170px;
}
#menu_deroulant #last_lien a{
	width:170px;
}
#menu_deroulant li:hover, #menu_deroulant li.menu_lien_actif{
	cursor:pointer;
}
#menu_deroulant li a{
	display:block;
	padding-top:13px;
	padding-bottom:13px;
	width:131px;
	height:46px;
	color:#ffffff;
	padding-left:23px;
}
#menu_deroulant li:hover{
	background:url(../images/survol.png);
	background-repeat:no-repeat;
	background-position:top;
}
#menu_deroulant li.menu_lien_actif{
	background:url(../images/survol.png);
	background-repeat:no-repeat;
}
#menu_deroulant li:hover a, #menu_deroulant li.menu_lien_actif a{
	color:#3e3d40;
	text-decoration:none;
}
#menu_deroulant #first_lien:hover, #menu_deroulant #first_lien.menu_lien_actif{
	background:url(../images/survol-first.png);
	background-repeat:no-repeat;
}
#menu_deroulant #last_lien:hover, #menu_deroulant #last_lien.menu_lien_actif{
	background:url(../images/survol-last.png);
	background-repeat:no-repeat;
}
#menu_deroulant .sous_menu{
	display: none;
	padding: 0;
	list-style-type: none;
	margin:0;
}
#menu_deroulant .sous_menu li{
	padding: 0;
	margin: 0;
	border: 0;
	height:41px;
	width:291px;
}
#menu_deroulant #last_lien .sous_menu{
	/*margin-left:-123px !important;*/
	margin-left:-123px;
	float:left;
}
#menu_deroulant #last_lien .sous_menu li{
	width:271px;
}
#menu_deroulant #last_lien .sous_menu li a{
	width:271px;
}
#menu_deroulant #last_lien .sous_menu li.last{
	width:273px;
}
#menu_deroulant #last_lien .sous_menu li.last a{
	width:273px;
}
#menu_deroulant #first_lien .sous_menu li{
	width:271px;
}
#menu_deroulant #first_lien .sous_menu li a{
	width:271px;
}
#menu_deroulant #first_lien .sous_menu li.last{
	width:273px;
}
#menu_deroulant #first_lien .sous_menu li.last a{
	width:273px;
}
#menu_deroulant .sous_menu li a:link, #menu_deroulant .sous_menu li a:visited{
	display: block;
	margin:0;
	border: 0;
	text-decoration: none;
	text-align:left;
	background:url(../images/fond-sous-menu.png);
	background-repeat:no-repeat;
	padding-left:20px;
	height:15px;
	width:271px;
	color:#ffffff;
	border-left:1px solid #ffffff;
	border-right:1px solid #ffffff;
}
#menu_deroulant .sous_menu li.last a{
	height:16px;
	background:url(../images/fond-sous-menu-last.png);
	background-repeat:no-repeat;
	border:none;
	width:273px;
}
#menu_deroulant .sous_menu li.first a{
	height:15px;
}
#menu_deroulant .sous_menu li.last a:hover{
	height:16px;
	background:url(../images/fond-sous-menu-last-survol.png);
	background-repeat:no-repeat;
	width:273px;
	border:none;
}
#menu_deroulant .sous_menu li a:hover{
	background:url(../images/survol-sous-menu.png);
	background-repeat:no-repeat;
	color:#ffffff;
	border-left:1px #ffffff solid;
	border-right:1px #ffffff solid;
	width:271px;
}
#menu_deroulant li:hover > .sous_menu{
	display: block;
}
#menu_haut .separateur{
	width:1px;
	height:59px;
	background:url(../images/fond-separateur.png);
	background-repeat:no-repeat;
	float:left;
}
#menu_haut .separateur:hover{
	background:url(../images/fond-separateur.png);
	background-repeat:no-repeat;
}


#contenu{
	background:url(../images/fond-contenu.png);
	background-repeat:repeat-y;
	width:883px;
	padding-left:47px;
	padding-right:47px;
	padding-bottom:28px;
	padding-top:5px;
}
#contenu_accueil{
	background:url(../images/fond-contenu.png);
	background-repeat:repeat-y;
	width:937px;
	padding-left:23px;
	padding-right:17px;
	padding-bottom:28px;
	padding-top:5px;
}
#diaporama_accueil{
	width:937px;
	height:384px;
}
#diaporama_gauche{
	width:648px;
	height:384px;
	float:left;
	background-color:#c6c7c8;
}
#diaporama_droite{
	width:289px;
	height:384px;
	float:left;
}
#bouton_particulier{
	width:289px;
	height:191px;
	float:left;
	background:url(../images/bouton-particulier.png);
	background-repeat:no-repeat;
}
#bouton_particulier:hover{
	width:279px;
	height:191px;
	float:left;
	background:url(../images/bouton-particulier-over.png);
	background-repeat:no-repeat;
	padding-left:10px;
}
#lien_bouton_particulier{
	display:block;
	width:289px;
	height:191px;
	position:absolute;
}
#lien_bouton_particulier:hover{
	text-decoration:none;
}
#bouton_particulier h3{
	font-size:18px;
	background:none;
	margin-top:5px;
}
#bouton_particulier a{
	color:#FFFFFF;
}
#bouton_particulier p{
	padding-left:20px;
	padding-top:20px;
}

#bouton_pro{
	width:289px;
	height:191px;
	float:left;
	background:url(../images/bouton-pro.png);
	background-repeat:no-repeat;
	margin-top:2px;
}
#bouton_pro:hover{
	width:279px;
	height:191px;
	float:left;
	background:url(../images/bouton-pro-over.png);
	background-repeat:no-repeat;
	padding-left:10px;
}
#lien_bouton_pro{
	display:block;
	width:289px;
	height:191px;
	position:absolute;
}
#lien_bouton_pro:hover{
	text-decoration:none;
}
#bouton_pro h3{
	font-size:18px;
	background:none;
	margin-top:5px;
}
#bouton_pro a{
	color:#FFFFFF;
}
#bouton_pro p{
	padding-left:20px;
	padding-top:20px;
}

#diaporama_accueil .showcase{
	border:none !important;
	margin:0;
	padding:2px;
}

#bas_accueil{
	width:937px;
	height:259px;
	margin-top:18px;
}
#bas_accueil #gauche{
	float:left;
	width:454px;
	height:259px;
	background:url(../images/fond-actu.png);
	background-repeat:no-repeat;
}
#bas_accueil #gauche h3{
	background:none;
	color:#FFFFFF;
	font-size:16px;
	margin-top:18px;
}
#bas_accueil #gauche h4{
	padding-left:20px;
	margin-bottom:5px;
	padding-top:15px;
}
#bas_accueil #gauche h4 a{
	color:#707173;
}
#bas_accueil #gauche p a{
	color:#707173;
	font-weight:normal;
}
#bas_accueil #droite{
	float:left;
	width:454px;
	height:259px;
	background:url(../images/fond-actu.png);
	background-repeat:no-repeat;
	margin-left:20px;
}
#bas_accueil #droite h3{
	background:none;
	color:#FFFFFF;
	font-size:16px;
	margin-top:18px;
}
#bas_accueil #droite h4{
	padding-left:20px;
	margin-bottom:5px;
	padding-top:15px;
}
#bas_accueil #droite h4 a{
	color:#707173;
}
#bas_accueil #droite p a{
	color:#707173;
	font-weight:normal;
}
#bas_accueil p{
	margin:0;
	padding-top:6px;
	padding-left:20px;
	padding-right:20px;
}
#bas_accueil .lien{
	font-size:12px;
	float:right;
	margin-right:20px;
	margin-top:10px;
}

#footer {
	background:url(../images/fond-footer.png);
	background-repeat:no-repeat;
	background-position:top;
	padding-top:20px;
	text-align:center;
	color:#ffffff;
	font-size:10px;
	width:977px;
}
#footer a {
	color:#ffffff;
	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;
}
.se_recherche {
	text-align:right;
	margin-bottom:10px;
}