@charset "UTF-8";
/* CSS Document */

html, body{
	margin:0;
/*	systematiquement pour opéra qui met du padding*/
	padding:0;
}
body{
	background-color: #C5C2AC;
	font-family: "Lucida Grande", "Helvetica Neue", Arial, sans-serif;
	font-size: 11px;
	line-height: 1.2em;
}
h1{
	color:#3F3F2F;
	font-size:22px;
	line-height: 120%;
}
h2{
	color:#3F3F2F;
	font-size:15px;
	margin-top:0;
	padding-top: 10px;
}

h3{
	background-color: #AD400E;
	color:black;
	font-size:14px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	margin-top: 0px;
	padding-top: 0px;
	padding-left:10px;
	
}
.titreniveau3 {
	font-size: 14px;
	font-weight: bold;
	color: #A94114;
	line-height: 120%;
}

h4{
	font-weight:bold;
	font-size:14px;
	height:30px;
	line-height:120%;
	margin:0;
	padding-left:0px;
	color: #794700;
}

ul{
/*	background-color:aqua;
*/	margin:0;
	padding:0;/* donc on ne voit plus les puces*/
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#conteneur{
	background-color:#EEEDE0;
	border:solid thin #3F3F2F;
	margin:0 auto;
	overflow:auto;
	zoom:1;
	
	width:1024px;
}
#header{
	/*background-color:#EEEDE0;*/
	border-bottom:solid thin #3F3F2F;
	margin:0;
	padding:0;
	float:left;
	width:1024px;
}

#gauche-menu{
	/*background-color:grey;*/
	float:left;
	border-right:#3F3F2F 1px solid;
/*		border-top:#3F3F2F 1px solid;
*/	height:700px;
	width:190px;
}
#centre{
	background-color:#EEEDE0;
float:left;
	padding:15px;
	width:580px;
}
#droite{
	/*background-color:pink;*/
	border-left:#3F3F2F 1px solid;
	/*	border-top:#3F3F2F 1px solid;*/
	float:right;
	/*padding:5px;*/
	height:700px;
	width:200px;
}
#footer{
	/*background-color:IndianRed;*/
	border-top:solid thin #3F3F2F;
	font-size:10px;
	height:30px;
	width:1024px;
}






/*<<<<<<<<<<<<<<<<<<<<<<<<GAUCHE<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#gauche-menu ul {
	/*background-color:pink;*/
	
}
#gauche-menu ul li {
/*	background-color:Chocolate;*/
	color: #3F3F2F;
	font-weight:bold;
	font-size:1.1em;
	height:22px;
	line-height:22px;
	padding-left:5px;
	
}
#gauche-menu ul li a {
	/*background-color:pink;*/
	color:#4D4D39;
	display:block;
	list-style:none;
	text-decoration:none;

}
#gauche-menu ul li a:visited {
	color: #9B6B63;
	text-decoration:none;
}

#gauche-menu ul li a:hover {
	background-color:#DED0C1;
	text-decoration:underline;
}
#gauche-menu ul li a:active {
	background-color:#DED0C1;
	color: #AD400E;	
}

/*#gauche-menu ul .gauche-maigre{
	color: #3F3F2F;
	font-weight:normal;
	font-size:0.8em;
	padding-left:10px;*/

/*}*/
#gauche-menu ul .gauche-maigre li a {
	/*background-color:white;*/
	color:#4D4D39;
	display:block;
	list-style:none;
	text-decoration:none;
}
#gauche-menu ul .gauche-maigre li a:visited {
	color: #9B6B63;
	text-decoration:none;
}

#gauche-menu ul .gauche-maigre li a:hover {
	background-color:#DED0C1;
	text-decoration:underline;
}
#gauche-menu ul .gauche-maigre li a:active {
	background-color:#DED0C1;
	color: #AD400E;	
}
.gauche-titre-culture{
	background-color: #9B6B63;
	color:black;
	font-size:20px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	padding-top:20px;
	padding-left:5px;
}

/*<<<<<<<<<<<<<<<<<<<<<<<<<FOOTER<<<<<<<<<<<<<<<<<<<<<<<<*/
.gauche-titre-mathurin {
	background-color: #85ad2d;
	color:black;
	font-size:20px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	padding-top:20px;
	padding-left:5px;
}
.gauche-titre-histoire {
	background-color: #AD400E;
	color:black;
	font-size:20px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	padding-top:20px;
	padding-left:5px;
}
.gauche-titre-pelerinage {
	background-color: #BD82A2;
	color:black;
	font-size:18px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	padding-top:20px;
	padding-left:5px;
	margin-top: 0px;
}
.gauche-titre-artiste {
	background-color: #FFC1BE;
	color:black;
	font-size:20px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	padding-top:20px;
	padding-left:5px;
}
.gauche-titre-nature {
	background-color: #969B3A;
	color:black;
	font-size:20px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	padding-top:20px;
	padding-left:5px;
}
.gauche-titre-nature-alain {
	background-color: #81CA3C;
	color:black;
	font-weight:normal;
	height:30px;
	line-height:30px;
	padding-top:20px;
	padding-left:5px;
	font-size: 15px;
}
.gauche-titre-photo {
	background-color: #3F3F2F;
	color:#DEDFCD;
	font-size:20px;
	font-weight:normal;
	height:30px;
	line-height:30px;
	padding-top:20px;
	padding-left:5px;
}
.gauche-maigre{
	/*	background-color:yellow;
*/		font-weight:normal;
	font-size:0.8em;
}
.legende-photo{
	background-color:#C96;
	padding:0 10px;
	margin:0;
/*	padding-right:10px;
*/}


/*<<<<<<<<<<<<<<<<<<<<<HEADER<<<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/

#header li{
	display:inline;
	list-style:none;
}
#header li a{
	background-color:#eeede0;
	color:4D4D39;
	/*background-image:url(globalnavbg0907.png);*/
	display:block;
	float:left;
	font-weight:bold;
	height:35px;
	line-height:30px;
	/*margin-left:5px;*/
	text-align:center;
	text-decoration:none;
	width:120px;
}

#header li a:visited {
	color: #9B6B63;
	text-decoration:none;
}

#header li  a.a-saintmathurin:visited {
	background-position:-130px -72px;
}
#header li  a.a-eglise:visited {
	background-position:-260px -72px;
}
#header li  a.a-histoire:visited {
	background-position:-390px -72px;
}
#header li  a.a-nature:visited {
	background-position:-520px -72px;
}
#header li  a.a-artiste:visited {
	background-position:-650px -72px;
}

#header li a:hover {
	background-color:#DED0C1;	
	background-image:url(file:///ponpon/Users/nicole/Sites/images/header.gif);
	background-repeat:no-repeat;
	background-position:0px 0px;
	color:#1F1F17;
	text-decoration:underline;	
}

#header li  a.a-saintmathurin:hover {
	background-position:-130px 0;
}
#header li  a.a-eglise:hover {
	background-position:-260px 0;
}
#header li  a.a-histoire:hover {
	background-position:-390px 0;
}
#header li  a.a-nature:hover {
	background-position:-520px 0;
}
#header li  a.a-artiste:hover {
	background-position:-650px 0;
}

#header li a:active {
	background-color:#DED0C1;
	color: #AD400E;	
}
#header li  a.a-saintmathurin:active {
	background-position:-130px -36px;
}
#header li  a.a-eglise:active {
	background-position:-260px -36px;
}
#header li  a.a-histoire:active {
	background-position:-390px -36px;
}
#header li  a.a-nature:active {
	background-position:-520px -36px;
}
#header li  a.a-artiste:active {
	background-position:-650px -36px;
}

.imagelogo{
	padding-left:40px;
}
/*<<<<<<<<<<<<<<<<<<fin style header>>>>>>>>>>>>>>>>>>>>>>>>>>>*/




/*<<<<<<<<<<<<<<<<<<<<<<<FOOTER<<<<<<<<<<<<<<<<<<<<<<<<<<<<*/
#footer ul{
	/*background-color:orange;*/
	color:#3F3F2F;
}
#footer li{
	/*background-color:blue;*/
	display:inline;
	list-style:none;
}
#footer li a{
		/*background-color:yellow;*/
	color:#4D4D39;
	font-weight:bold;
	height:30px;
	line-height:30px;
	margin:0 10px;
	text-align:center;
	text-decoration:none;	
}
#footer li a:visited{
	color:#8D605A;
	text-decoration:none;
}
#footer li a:hover{
	color:black;
	text-decoration:underline;

}
#footer li a:active{
	color:#AD400E;
	text-decoration:underline;
}
.clearfloat { /* cette classe doit être placée pour un élément div ou break et doit être l'élément final avant la balise de fin d'un conteneur qui doit contenir entièrement un élément flottant */
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}
.imageblancdroite {
	margin-right: 10px;
}
.noir {
	font-weight:bold;
	font-size:14px;
	height:30px;
	line-height:120%;
	margin:0;
	padding-left:0px;
	color: #000;
}