@charset "utf-8";

@import "styles_contenu.css";

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

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

#header_accueil {
	background-image:url(../images/header_accueil.jpg);
	width:1000px;
	height:277px;	
}
#header_contenu {
	width:1000px;
	height:307px;	
}

/* Couleurs CEI 56 */
.header_bleu {
	background-image:url(../images/bleu_header.png);
}
.footer_bleu {
	background-image:url(../images/bleu_footer.png);
}
.coin_bleu {
	background-image:url(../images/bleu_coin.png);
	background-repeat:no-repeat;
}
.contenu_bleu {
	background-image:url(../images/bleu_ligne.png);
}
.contenu_bleu h1 {
	color:#46a1a4;
	border-color:#46a1a4;
}
.contenu_bleu h2, .contenu_bleu h3, .contenu_bleu a{
	color:#46a1a4;
}
.contenu_bleu li {
	background-image:url(../images/bleu_puce.png);
}
.header_vert {
	background-image:url(../images/vert_header.png);
}
.footer_vert {
	background-image:url(../images/vert_footer.png);
}
.coin_vert {
	background-image:url(../images/vert_coin.png);
	background-repeat:no-repeat;
}
.contenu_vert {
	background-image:url(../images/vert_ligne.png);
}
.contenu_vert h1 {
	color:#79b51c;
	border-color:#79b51c;
}
.contenu_vert h2, .contenu_vert h3, .contenu_vert a{
	color:#79b51c;
}
.contenu_vert li {
	background-image:url(../images/vert_puce.png);
}

.header_vert2 {
	background-image:url(../images/vert2_header.png);
}
.footer_vert2 {
	background-image:url(../images/vert2_footer.png);
}
.coin_vert2 {
	background-image:url(../images/vert2_coin.png);
	background-repeat:no-repeat;
}
.contenu_vert2 {
	background-image:url(../images/vert2_ligne.png);
}
.contenu_vert2 h1 {
	color:#1d622c;
	border-color:#1d622c;
}
.contenu_vert2 h2, .contenu_vert2 h3, .contenu_vert2 a{
	color:#1d622c;
}
.contenu_vert2 li {
	background-image:url(../images/vert2_puce.png);
}

.header_jaune {
	background-image:url(../images/jaune_header.png);
}
.footer_jaune {
	background-image:url(../images/jaune_footer.png);
}
.coin_jaune {
	background-image:url(../images/jaune_coin.png);
	background-repeat:no-repeat;
}
.contenu_jaune {
	background-image:url(../images/jaune_ligne.png);
}
.contenu_jaune h1 {
	color:#f29400;
	border-color:#f29400;
}
.contenu_jaune h2, .contenu_jaune h3, .contenu_jaune a{
	color:#f29400;
}
.contenu_jaune li {
	background-image:url(../images/jaune_puce.png);
}
.header_gris {
	background-image:url(../images/gris_header.png);
}
.footer_gris {
	background-image:url(../images/gris_footer.png);
}
.coin_gris {
	background-image:url(../images/gris_coin.png);
	background-repeat:no-repeat;
}
.contenu_gris {
	background-image:url(../images/gris_ligne.png);
}
.contenu_gris h1 {
	color:#505053;
	border-color:#505053;
}
.contenu_gris h2, .contenu_gris h3, .contenu_gris a{
	color:#505053;
}

.contenu_jaune {
	background-image:url(../images/jaune_ligne.png);
}
#contenu_texte_accueil {
	display:none;	
}

#contenu_accueil {
	background-image:url(../images/contenu_accueil.jpg);
	width:1000px;
	height:434px;	
}
#footer_accueil1 {
	background-image:url(../images/footer_accueil.jpg);
	width:970px;
	height:67px;
	color:white;	
	padding-top:28px;
	padding-left:30px;
}
#footer_contenu1 {
	width:970px;
	height:66px;
	color:white;
	padding-top:83px;
	padding-left:30px;
}
.logos_footer {
	float:right;
	margin-right:40px;
	margin-top:-5px;
}
.logos_footer img {
	vertical-align:middle;	
}

h1.h1_logo{
	margin:0;
	padding:0;
	border:none;
}
h1.h1_logo a.lien_logo, #logo_home {
	display:block;
	position:absolute;
	width:240px;
	height:130px;
	margin-left:40px;
	margin-top:40px;
}
h1.h1_logo span{
	display:none;
}
.h2_titre {
	position:absolute;
	margin-left:370px;
	margin-top:50px;
	color:white;
	font-size:30px;
	font-family:Helvetica, Arial;
	font-weight:normal;
}

.ariane { 
	margin-bottom:10px;
	font-size:11px;
	font-weight:normal;
}
.ariane a {
	font-size:11px;
	font-weight:normal;
} 
#contenu {
	background-repeat:repeat-y;
	width:1000px;
}
footer {
	text-align:center;
	color:#666;
	font-size:10px;
	margin-bottom:10px;
}
footer a {
	color:#666;
	font-size:10px;
}
footer .footer_big {
	font-size:12px;
}
footer .footer_big a{
	font-size:12px;
}
#contenu_texte {
	width:630px;
	float:left;
	margin-top:-40px;
}

#menu_gauche {
	font-family: "din";
	color:white;
	padding-left:10px;
	padding-right:80px;
	padding-top:30px;
	width:230px;
	float:left;
}
#menu_gauche_contenu {
	font-family: "din";
	color:white;
	padding-left:10px;
	padding-right:80px;
	width:230px;
	float:left;
}
.menu_decale {
	padding-left:30px;
}
a.menu_level_0 {
	font-weight:normal;
	color:white;
	display:block;
	border-bottom:1px solid white;
	margin-bottom:8px;
	padding:8px 8px 8px 8px;
	text-transform:uppercase;
	font-size:15px;
}
a.menu_level_0:hover, a.menu_level_0.menu_lien_actif {
	text-decoration:none;	
	font-family:"dinbold";
}
a.menu_level_1 {
	font-weight:normal;
	color:white;
	display:block;
	border-bottom:1px dashed #969698;
	padding:6px 6px 6px 30px;
	font-size:14px;
}
a.menu_level_1:hover, a.menu_level_1.menu_lien_actif {
	background-color:#77787a;
	text-decoration:none;
}

.boutons_menu {
	margin-top:40px;
}
.btn_realisations {
	display:block;
	background-image:url(../images/btn_realisations.png);
	background-position:-5px 0;
	height:36px;
	width:181px;	
}
.btn_realisations:hover, .btn_realisations.menu_lien_actif {
	background-position:0 36px;	
	width:186px;
}
.btn_realisations span {
	display:none;	
}

.btn_contacter {
	margin-top:5px;
	display:block;
	background-image:url(../images/btn_contacter.png);
	background-position:-5px 0;
	height:36px;
	width:181px;	
}
.btn_contacter:hover, .btn_contacter.menu_lien_actif {
	background-position:0 36px;	
	width:186px;
}
.btn_contacter span {
	display:none;	
}

/*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;
}