@charset "utf-8";

@import "styles_contenu.css";

/* CSS Document */
body, html {
	width:100%;
	margin:0;
	padding:0;
}

html{
	background-color:#d9dadb;
	background-image:url(../images/fond-repeat.png);
    background-repeat:repeat-x;
}

body {
	background-image:url(../images/fond-body.png);
    background-position:center top;
    background-repeat:no-repeat;
    font-family:Arial,Helvetica,sans-serif;
    font-size:13px;
    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:1014px;
	height:241px;
	background-image:url(../images/fond-header.png);
	margin-left:auto;
	margin-right:auto;
}

#logo_home{
	display:block;
	width:500px;
	height:200px;
	margin-top:32px;
	float:left;
}

#content{
	width:1014px;
	margin-left:auto;
	margin-right:auto;
}

#menu{
	float:left;
	width:236px;
}

#infos{
	width:235px;
	background-image:url(../images/fond-infos.png);
	background-repeat:no-repeat;
	float:left;
	text-align:center;
	color:#4b4b4d;
	font-size:12px;
	line-height:14px;
}

#menu_gauche{
	float:left;
	background-image:url(../images/fond-menu.png);
	background-repeat:repeat-y;
	padding-top:5px;
	padding-bottom:1px;
	width:236px;
}

#menu_gauche a{
	display:block;
	width:189px;
	height:25px;
	float:left;
	background-image:url(../images/menu.png);
	margin-left:13px;
	margin-top:1px;
	font-family:"insignia", Verdana;
	font-weight:normal;
	font-size:15px;
	color:#FFFFFF;
	padding-top:10px;
	padding-left:20px;
	text-decoration:none;
}

#menu_gauche a .survol{
	background-image:url(../images/vide.png);
	width:203px;
	height:31px;
	float:left;
	margin-left:-21px;
	margin-top:-11px;
	padding-top:11px;
	padding-left:21px;
	display:block;
	cursor:pointer;
	position:absolute;
}
#menu_gauche a .survol:hover{
	background-image:url(../images/menu_actif.png);
}

#menu_gauche a.menu_lien_actif .survol{
	background-image:url(../images/menu_actif.png);
	width:203px;
	height:31px;
	float:left;
	margin-left:-21px;
	margin-top:-11px;
	padding-top:11px;
	padding-left:21px;
	display:block;
	position:absolute;
}

#menu_gauche a:hover > .survol{
	display:block;
}

#menu_gauche a.menu_fils{
	color:#4b4b4d;
	background-image:url(../images/menu_fils.png);
	height:23px;
	text-decoration:none;
	padding-top:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}
#menu_gauche a.menu_fils_menu_actif, #menu_gauche a.menu_fils:hover{
	color:#4b4b4d;
	background-image:url(../images/menu_fils_actif.png);
	height:23px;
	text-decoration:none;
	font-weight:bold;
	padding-top:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#menu_gauche a.menu_fils_last{
	color:#4b4b4d;
	background-image:url(../images/menu_fils.png);
	height:21px;
	text-decoration:none;
	padding-top:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#menu_gauche a.menu_fils_last_menu_actif, #menu_gauche a.menu_fils_last:hover{
	color:#4b4b4d;
	background-image:url(../images/menu_fils_actif.png);
	height:21px;
	text-decoration:none;
	font-weight:bold;
	padding-top:7px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
}

#contenu {
	padding:20px;
	width:738px;
	float:left;
	background-image:url(../images/fond-contenu.png);
	background-repeat:repeat-y;
	background-position:left;
	margin-left:-4px;
	min-height:442px;
}

#accueil{
	width:737px;
	height:463px;
	float:left;
	margin-top:-20px;
	margin-left:3px;
}

#accueil_actu{
	background-image:url(../images/fond-actu.png);
	width:358px;
	height:213px;
	float:left;
}

#accueil_actu h3{
	width:308px;
	float:left;
	margin-left:25px;
	margin-bottom:10px;
}
#accueil_actu h3 a{
	color:#9d097d;
}

#accueil_actu h2{
	color:#9d097d;
	font-size:17px;
	font-family:"insignia", Verdana;
	float:left;
	width:308px;
	margin-left:25px;
	margin-top:15px;
}
#accueil_actu h2 a{
	color:#9d097d;
}
#accueil_actu p{
	float:left;
	width:308px;
	margin-left:25px;
	margin-top:0px;
	margin-bottom:0px;
	/*height:113px;*/
	height:97px;
	line-height:16px;
	overflow:hidden;
}

.more{
	float:right;
	width:85px;
	height:22px;
	background:url(../images/btn_more.png);
	background-position:0px 0px;
}

.more:hover{
	background-position:0px 22px;
}

#accueil_actu .more{
	margin-right:25px;
	margin-top:11px;
	/*margin-top:0px;*/
}

#accueil_pp{
	width:169px;
	height:213px;
	float:left;
	margin-left:20px;
}

#accueil_pp .lien{
	display:block;
	width:169px;
	height:96px;
	background:url(../images/lien-pp.png);
	float:left;
	background-position:0px 0px;
}

#accueil_pp .lien:hover{
	background-position:0px 96px;
}

#accueil_pp h2{
	color:#9d097d;
	font-size:15px;
	font-family:"insignia", Verdana;
	float:left;
	width:169px;
	margin-top:8px;
	border-bottom:1px #c6c7c8 solid;
	height:23px;
	margin-bottom:0px;
}

#accueil_pp h2 a{
	color:#9d097d;
}
#accueil_pp h2 a:hover{
	text-decoration:none;
}

#accueil_pp p{
	float:left;
	width:169px;
	height:48px;
	overflow:hidden;
	margin-top:9px;
	margin-bottom:8px;
	line-height:16px;
}

#accueil_tm{
	width:169px;
	height:213px;
	float:left;
	margin-left:20px;
}

#accueil_tm .lien{
	display:block;
	width:169px;
	height:96px;
	background:url(../images/lien-tm.png);
	float:left;
	background-position:0px 0px;
}

#accueil_tm .lien:hover{
	background-position:0px 96px;
}

#accueil_tm h2{
	color:#9d097d;
	font-size:15px;
	font-family:"insignia", Verdana;
	float:left;
	width:169px;
	margin-top:8px;
	border-bottom:1px #c6c7c8 solid;
	height:23px;
	margin-bottom:0px;
}

#accueil_tm h2 a{
	color:#9d097d;
}
#accueil_tm h2 a:hover{
	text-decoration:none;
}

#accueil_tm p{
	float:left;
	width:169px;
	height:48px;
	overflow:hidden;
	margin-top:9px;
	margin-bottom:8px;
	line-height:16px;
}

#accueil_sep{
	width:729px;
	height:1px;
	float:left;
	margin-left:5px;
	margin-top:20px;
	margin-bottom:20px;
	background-color:#c6c7c8;
}

#accueil_ref{
	width:169px;
	height:213px;
	float:left;
}

#accueil_ref .lien{
	display:block;
	width:169px;
	height:96px;
	background:url(../images/lien-ref.png);
	float:left;
	background-position:0px 0px;
}

#accueil_ref .lien:hover{
	background-position:0px 96px;
}

#accueil_ref h2{
	color:#9d097d;
	font-size:15px;
	font-family:"insignia", Verdana;
	float:left;
	width:169px;
	margin-top:8px;
	border-bottom:1px #c6c7c8 solid;
	height:23px;
	margin-bottom:0px;
}

#accueil_ref h2 a{
	color:#9d097d;
}
#accueil_ref h2 a:hover{
	text-decoration:none;
}

#accueil_ref p{
	float:left;
	width:169px;
	height:48px;
	overflow:hidden;
	margin-top:9px;
	margin-bottom:8px;
	line-height:16px;
}

#accueil_p{
	width:169px;
	height:213px;
	float:left;
	margin-left:20px;
}

#accueil_p .lien{
	display:block;
	width:169px;
	height:96px;
	background:url(../images/lien-p.png);
	float:left;
	background-position:0px 0px;
}

#accueil_p .lien:hover{
	background-position:0px 96px;
}

#accueil_p h2{
	color:#9d097d;
	font-size:15px;
	font-family:"insignia", Verdana;
	float:left;
	width:169px;
	margin-top:8px;
	border-bottom:1px #c6c7c8 solid;
	height:23px;
	margin-bottom:0px;
}

#accueil_p h2 a{
	color:#9d097d;
}
#accueil_p h2 a:hover{
	text-decoration:none;
}

#accueil_p p{
	float:left;
	width:169px;
	height:48px;
	overflow:hidden;
	margin-top:9px;
	margin-bottom:8px;
	line-height:16px;
}

#accueil_ct{
	width:169px;
	height:213px;
	float:left;
	margin-left:20px;
}

#accueil_ct .lien{
	display:block;
	width:169px;
	height:96px;
	background:url(../images/lien-ct.png);
	float:left;
	background-position:0px 0px;
}

#accueil_ct .lien:hover{
	background-position:0px 96px;
}

#accueil_ct h2{
	color:#9d097d;
	font-size:15px;
	font-family:"insignia", Verdana;
	float:left;
	width:169px;
	margin-top:8px;
	border-bottom:1px #c6c7c8 solid;
	height:23px;
	margin-bottom:0px;
}

#accueil_ct h2 a{
	color:#9d097d;
}
#accueil_ct h2 a:hover{
	text-decoration:none;
}

#accueil_ct p{
	float:left;
	width:169px;
	height:48px;
	overflow:hidden;
	margin-top:9px;
	margin-bottom:8px;
	line-height:16px;
}

#accueil_ptla{
	width:169px;
	height:213px;
	float:left;
	margin-left:20px;
}

#accueil_ptla .lien{
	display:block;
	width:169px;
	height:96px;
	background:url(../images/lien-ptla.png);
	float:left;
	background-position:0px 0px;
}

#accueil_ptla .lien:hover{
	background-position:0px 96px;
}

#accueil_ptla h2{
	color:#9d097d;
	font-size:15px;
	font-family:"insignia", Verdana;
	float:left;
	width:169px;
	margin-top:8px;
	border-bottom:1px #c6c7c8 solid;
	height:23px;
	margin-bottom:0px;
}

#accueil_ptla h2 a{
	color:#9d097d;
}
#accueil_ptla h2 a:hover{
	text-decoration:none;
}

#accueil_ptla p{
	float:left;
	width:169px;
	height:48px;
	overflow:hidden;
	margin-top:9px;
	margin-bottom:8px;
	line-height:16px;
}

footer {
	width:974px;
	padding:20px 20px 20px 20px;
	text-align:center;
	color:#646567;
	font-size:10px;
	background-image:url(../images/fond-footer.png);
	background-repeat:no-repeat;
	background-position:232px 0px;
	margin-left:auto;
	margin-right:auto;
}
footer a {
	color:#646567;
	font-size:10px;
}
footer .footer_big{
	font-size:12px;
	float:left;
	width:310px;
	margin-left:230px;
	text-align:left;
	padding-left:10px;
}

footer .footer_dmu{
	float:left;
	width:410px;
	text-align:right;
	margin-top:11px;
	padding-right:10px;
}

footer .footer_big a{
	font-size:12px;
}

/*PAGINATION*/
#contenu .bloc_pagination {
	text-align:center;
	padding-bottom:10px;
	padding-top:10px;
}
#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;
}