/*************
	HTML global
**************/

body{
	background: url(../images/fond-ecran.jpg) no-repeat top center;
	background-color: #fffced;
	font-family: arial, sans-serif;
	line-height:18px;
	margin:0;
	font-size:0.8em;
}

a:hover{
	text-decoration:none;
}
a{
	color:#aa0000;
}
a:visited{
	color:#8ba122;
}
img{
	display:block;
	border:0;
}
p{
	margin: 0 0 15px 0;
}
h1{
	padding:152px 0 0 50px;
}
h2{
	font-size:1.5em;
	line-height:22px;
	color:#8ba124;
	margin:0 0 15px 0;
}
h3{
    color:#ea9311;
    font-size:1.2em;
    margin:0 0 15px 0;
}
h4{
	color:#c6ca51;
	font-size:1.2em;
	margin:20px 0 8px 0;
}
ul{
    margin:0 0 25px 0;
    padding: 0;
    list-style-type: none;
}
ul li{
    background: url(../images/puce.gif) no-repeat left top;
    padding-left: 10px;
}
noscript{
	font-style:italic;
	color: #aa0000;
}

dl{
	margin:0;
	padding:0;
}
dt{
	font-weight:bold;
	margin:7px 0 3px 0;
}
dd{
	background: url(../images/puce.gif) no-repeat left top;
    padding-left: 10px;
    margin:0 0 0 10px;
}

/*************
	HTML Global surcharge
**************/

#cont_colonne ul li{
    background: url(../images/puce2.gif) no-repeat left top;
}
#cont_colonne h3{
    color:#fff;
}
#cont_colonne a{
	color:#000;
}
h3.aime{
    background: url(../images/aime.gif) no-repeat;
    padding:5px 0 5px 34px;
}
h3.aime_pas{
    background: url(../images/aime-pas.gif) no-repeat;
    padding:5px 0 5px 34px;
}


/*************
	Containeurs
**************/

#cont_global{
	position:relative;
	width:980px;
	margin:33px auto 0 auto;
}
#cont_page{
	margin: 0 auto;
	width:938px;
	background: url(../images/fond-page.gif) repeat-y;
}
#cont_entete{
	height:337px;
	background: url(../images/entete-gauche.jpg) no-repeat;
}
#cont_colonne{
	width:338px;
	margin-left:600px;
	position:relative;
	z-index:1;
}
#cont_principal{
	width:370px;
	margin:0 0px 0 20px;
	padding:25px 0 140px 0;
	float:left;
}


/*************
	Embellissement global
**************/

/* Liens de retour page precedente */
.retour_photo{
	padding-top:15px;
	font-size:0.9em;
	font-style:italic;
}
.retour_photo, .retour_photo a{
	color:#c2ca52;
}

#map{
	margin-bottom:20px;
}

/*************
	Index
**************/

/* Colonne de droite */
#cont_colonne h2{
	margin:0 0 15px 0;
}
#cont_colonne #edito{
	background-color: #eac42c;
	padding:0 0 15px 0;
}
#index #cont_colonne p{
	padding:0 15px 0 15px;
}


/*************
	Page type
**************/

#page_type1 #cont_colonne img{
	border:2px solid #8ba126;
}
#page_type1 #cont_colonne{
    padding:0;
    background: url(../images/colonne-haut.gif) no-repeat;
    color:#3b4211;
}
#page_type1 #cont_colonne #texte{
    padding: 45px 20px 30px 20px;
}

#page_type1 #photos_jour{
    padding-top: 20px;
}


/*************
	Galerie photos
**************/

#cont_principal.galerie_photos{
	width:700px;
	float:none;
	margin-left:200px;
}
.galerie_photos #haut_colonne{
	width:338px;
	height:23px;
	background: url(../images/colonne-haut.gif) no-repeat;
	position:absolute;
	top:337px;
	left:621px;
}
img.thumb{
	display:inline;
	border:1px solid #8ca224;
	margin: 8px 10px;
}
.galerie_photos #cont_page{
	background: url(../images/fond-page2.gif) repeat-y;
}

/*************
	Thumbs de gauche
**************/

#photos_jour{
	width:190px;
	float:left;
	padding:0 0 235px 0;
	background: url(../images/fond-photos-jour.jpg) no-repeat;
}
#photos_jour p img{
	border:2px solid #fff;
	margin-left:40px;
}
#photos_jour h2{
	margin-bottom:5px;
}
#photos_jour p{
	margin-bottom:10px;
}
#photos_jour a{
	display:block;
	color:#00aa00;
}
#photos_jour.vide{
	height:360px;
}

/*************
	Menu
**************/

ul#menu{
    position:absolute;
    top:92px;
    left:278px;
	width:188px;
    padding:0;
    list-style-type: none;
    margin:0;
}
ul#menu li{
    margin:0;
    padding:0;
    font-size:0;
}
ul#menu li a{
    display:block;
    width:188px;
    height:24px;
    color:#7cc998;
    padding:0;
    margin: 0;
    background-color: #fff;
}
ul#menu li a:hover{
    background-color: #da961a;
}
ul#menu li.actif a{
    background-color: #8ba122;
}

/*************
	bas de page
**************/

#bas_page{
	clear:both;	
	height:30px;
	position:relative;
	z-index:0;
}
#bas_page #ill01{
	position:absolute;
	top:-155px;
	left:0;
	width:938px;
	height:185px;
	background: url(../images/pied.gif) no-repeat;
}
#bas_page #ill02{
	position:absolute;
	height:307px;
	width:177px;
	background: url(../images/pied-feuilles.gif) no-repeat;
	top: -237px;
	left:-21px;
}

/*************
	Entete
**************/

#sous_flash{
	background: url(../images/anes-de-francis-2.jpg);
	width:519px;
	height:324px;
	position:absolute;
	top:13px;
	right:0;
}
#flash{
	width:312px;
	height:308px;
	position:absolute;
	left:196px;
	top:6px;
}
h1 a{
	display:block;
	width:160px;
}

/*************
	Pied de page
**************/

#adresse_pied{
	margin: 8px 0 10px 0;
	color:#8ba122;
}
#adresse_pied, #adresse_pied a{
	color:#102b02;
}
#mentions{
	margin: 0 0 30px 0;
	font-size:0.8em;
}
#mentions, #mentions a{
	color:#8ba122;
}
#adresse_pied, #mentions{
	text-align:center;
}


/*************
	Formulaire de contact
**************/

form#contact{
    margin-top:30px;
    margin-bottom:30px;
    padding:0;
}
form#contact input, form#contact textarea{
    font-size:0.9em;
	font-family: verdana, arial, sans-serif;
}
form#contact input#nom, form#contact input#sujet, form#contact input#email1, form#contact input#email2{
    width:270px;
    background-color: #ecf0b4;
    border:0;
}
form#contact textarea{
    background-color: #ecf0b4;
    width:270px;
    height:70px;
    border:0;
}
form#contact input#email1{
    background-color: #ecf0b4;
}
form#contact #submit{
    padding:3px 5px;
    background-color: #8ba123;
    border-top: 1px solid #fff;
    border-left: 1px solid #fff;
    border-right: 1px solid #555;
    border-bottom: 1px solid #555;
    color:#fff;
}
.formErreur {
    color:#aa0000;
}
.formOK {
    color:#fff;
}
form#contact label{
    color:#3d4313;
    font-weight:bold;
}
form p{
    margin-bottom:8px;
}
form .note{
	font-style:italic;
	font-size:0.9em;
}

.plaquette a{
	display:block;
	width: 180px;
	height: 175px;
}
.plaquette2 a{
	display:block;
	width: 180px;
	height: 141px;
}
#cont_colonne #texte  .plaquette2 img{
	border: 0;
}