@charset "utf-8";

/* -------------------------------------------------------------- 
  
   toutes pages :: généralites
   
-------------------------------------------------------------- */

a {text-decoration: none;}
img {border: none;}
.gauche {float: left;}
.droite {float: right;}

img.gauche {float: left; margin-right:10px}
img.droite {float: right; margin-left:10px}

.clear {clear: both;}

body {
	font-size: 75%;
	background: #666;
	font-family: Arial, Helvetica, "Helvetica Neue", sans-serif;
	
  	/* centrage du site pour ie < 6 */
	text-align: center;
}

/* -------------------------------------------------------------- 
  
   zones et blocs
   
-------------------------------------------------------------- */

/* toutes pages */
#zoneMaitre {
	position: relative;	
	width: 1000px;
	background: #fff;
	/* centrage du site */
	margin: 0 auto;
	/* realignement du texte */
	text-align: left;
}

#fondBandeau {
	background: url(images/fd_bandeau.jpg) no-repeat 10px top;
	min-height: 750px;
}

#zoneTete {
	height: 215px;
}

#logo {
	position: absolute;
	top: 12px;
	left: 61px;
}

#bloc_menuTete {
	position: absolute;
	top: 0;
	right: 13px;
	background: url(images/fd_menutete.png) no-repeat left top;	
	width: 361px;
	height: 41px;
	z-index: 0;
}

#bloc_menuTete .navTete {
	margin-top: 5px;
	margin-left: 30px;
}

.page #zoneCentrale {
	padding-bottom:30px;
}

.page #bloc_contenu {
	margin: 10px 50px 50px 300px;
}

.page #bloc_contenu .colGauche {
	float: left;
	width: 600px;
}

.page #bloc_contenu .colDroite {
	float: right;
	width: 200px;
}

/* la typgraphie */

.page #bloc_contenu .colGauche h1{
	font-size: 1.6em;
	font-weight: bold;
	margin:10px 0 10px 0;
}
.page #bloc_contenu.colGauche h2,
.page #bloc_contenu .colGauche h3,
.page #bloc_contenu .colGauche h4 {
	margin-bottom: 10px;
}

.page #bloc_contenu .cloGauche h2 {
	font-size:1.4em;
	font-weight: bold;
}

.page #bloc_contenu h3 {
	font-size:1.2em;
	font-weight: bold;
}

.page #bloc_contenu h4 {
	font-size:1em;
	font-weight: bold;
}

p {padding-bottom: 10px;}

.page #zoneCentrale a {
	color:#888;
	text-decoration: underline;
}

.page #zoneCentrale ul {
	margin-left:25px;
}

/* -------------------------------------------------------------- 
  
   toutes pages :: menu principal
   
-------------------------------------------------------------- */

#bloc_menuPrincipal {
	padding-left: 4px;
}

#bloc_menuPrincipal li {
	list-style: none;
}

#bloc_menuPrincipal li.rubrique {
	display: inline;
	position: relative;
	z-index: 200;
	float: left;
	width: 165px;
	background: url(images/fd_btmenu.png) no-repeat left top;	
	padding-top: 13px;
	padding-bottom: 6px;	
	text-align: center;
}

#bloc_menuPrincipal .rubrique a {
	color: #338055;
	font-weight: bold;
	font-size: 14px;
}

#bloc_menuPrincipal ul.sousRubrique  {
	position: absolute;
	top: 38px;
	left: -2000px;
	width: 152px;
	background: #f9f4cd;
	z-index: 100;
	text-align: left;

	border-color: #999;
	border-style: solid;
	border-width: 1px 2px 2px 1px;
	
	padding-bottom:5px;
}

#bloc_menuPrincipal li.rubrique:hover ul.sousRubrique  {
	left: 6px;
}

#bloc_menuPrincipal .sousRubrique li{
	color: #328055;
	font-size: 1em;

	margin:0 10px 0 30px;
}

#bloc_menuPrincipal .sousRubrique a {
	color: #328055;
	font-size: 1em;
	font-weight: normal;
	display: block;
	float: none;
}

#bloc_menuPrincipal .sousRubrique a:hover,
#bloc_menuPrincipal .sousRubrique a:focus {
	color: #999;
}

#bloc_menuPrincipal .sousRubrique li.tRub {
	margin-left: 15px;
	padding-top: 5px;
	border-top: 1px solid #e2edd8;
	font-weight: bold;

}
	

/* -------------------------------------------------------------- 
  
   toutes pages :: menu tete
   
-------------------------------------------------------------- */

#bloc_menuTete a {
	color: #347f55;
	float: left;
	margin-top: 1px;	
}

#bloc_menuTete a:hover,
#bloc_menuTete a:focus,
#validerRecherche:hover,
#validerRecherche:focus {
	color: #000
}

#bloc_menuTete span {
	color: #347f55;
	float: left;
	margin: 0 5px;
}

#bloc_menuTete form {
	float: left;
}

#motsClefs {
	width: 100px;
	border: 1px solid #347f55;
}

#validerRecherche {
	border: none;
	background: none;
	color: #347f55;
	margin:0;
	padding: 0;
	cursor: pointer;
	width: 70px;
}


/* -------------------------------------------------------------- 
  
   page d'acceuil
   
-------------------------------------------------------------- */

#bandeau {
    margin: 50px 0 0 300px;
}


.acceuil {
	background: #666;
}

.acceuil #zoneMaitre {
	/*background: url(images/fd_acceuil_1.jpg) no-repeat center top;*/
}
/*
.acceuil #zoneMaitre img{
	background: url(images/fd_acceuil_1.jpg) no-repeat center top;
}
*/
.acceuil #fondBandeau {
	background: url(images/fd_bandeau.png) no-repeat 70px top;
}

.acceuil #logo {
	position: absolute;
	top: 12px;
	left: 121px;
}

.acceuil h1 {
	text-indent: -2000px;
}

#bloc_actualites {
	float: left;
	width : 395px;
	height: 420px;
}

#bloc_actualites h2 {
	margin: 20px 105px 0 100px;
	color: #f2f8f5;
	font-weight: bold;
	font-size: 1.4em;
}

#bloc_actualites li{
	margin-left: 100px;
	margin-right: 105px;
	color: #f2f8f5;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 120%;
	list-style: none;
}

#bloc_actualites a {
	font-style: italic;
	font-weight: bold;
	/*color: #f2f8f5;*/
	color: #ffed46;
}

#bloc_actualites li.intro {
	font-style: italic;
	font-weight: normal;
	border-top: 1px solid #f2f8f5;
	padding:4px 0 10px 0;
}


#bloc_actualites p.art {
	margin-left: 100px;
	margin-right: 105px;
	color: #f2f8f5;
	font-weight: bold;
	font-size: 1.1em;
	line-height: 120%;
	list-style: none;
}



.acceuil #bloc_contenu {
	margin-top: 44px;	
	float: left;
	width: 519px;
	background: url(images/fd_pres_bord.png) repeat-y left top;
	position: relative;
}

#hautContenu {
	position: absolute;
	top: -24px;
	left: 0;
	background: url(images/fd_pres_haut.png);
	width: 519px;
	height: 24px;
}

#basContenu {
	position: absolute;
	bottom: -26px;
	left: 0;
	background: url(images/fd_pres_bas.png);
	width: 519px;
	height: 26px;
}

#presentationSite {
	padding: 0 30px 0 80px;
	color: #999;
	font-weight: bold;
	background: url(images/txt_presentation.png) no-repeat left top;
}

#presentationSite p {
	font-weight: bold;
}
	

#zonePied {
	clear: left;
	margin-left : 285px;
	text-align: center;	
	padding-bottom:20px;
}

#blocMenuPied {
	color: #ffed46;
	font-weight: bold;
	font-size: 1.2em;

}

#blocMenuPied a {
	color: #ffed46;
	font-weight: bold;
}

#blocMenuPied a:hover,
#blocMenuPied a:focus {
	color: #faf2b8;
}

#zonePied p.coordonnes {
	color: #fff;
	font-weight: bold;
	font-size: 1em;
}