/* ----------------------------------------------------------------------------------------------- */
/* --- C S S --- Cédric CARMIE --- iMédia Création --- C-toucom ---------------------------------- */
/* --------------------------------------------------------------------------------------------------
                           ___          ____  ____       ___  ____  _  __
                  WWW .   /     ___      /   /   / /  / /    /   / / \/ /   . COM
                         /__            /   /___/ /__/ /___ /___/ /    /                  

-------------------------------------------------------------------------------------------------- */

body, html {
	background:#fff;
	font-family: Arial, Geneva, Verdana, Helvetica, sans-serif;
	color:#111111;
	font-size:12px;
	margin:0;
	padding:0;
	height:100%;
	width:100%;
	text-align:center;
}

body {
	background:url(../images/background.jpg) repeat-x;
}

#milieu ul, #milieu ol {
	margin:0;
	margin-left:15px;
}
#milieu ul li, #milieu ol li {
	list-style:none;
	background:url(../images/li.png) no-repeat 0px 6px;
	padding:5px;
	padding-left:13px;
}
#milieu ul li:hover, #milieu ol li:hover {
	list-style:none;
	background:url(../images/li.png) no-repeat 2px 6px;
	padding-left:13px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Les titres */

h1 {
	background:url(../images/h1.png) no-repeat 5px 5px;
	padding-left:30px;
	color:#4ca498;
	font-family:"Trebuchet MS", Arial, Geneva, Verdana, Helvetica, sans-serif;
}

h1 a, h1 a:hover {
	color:#4ca498;
}

h2 {
	background:url(../images/h2.png) no-repeat 5px 5px;
	padding-left:30px;
	color:#F29400;
	font-family:"Trebuchet MS", Arial, Geneva, Verdana, Helvetica, sans-serif;
}

h2 a, h2 a:hover {
	color:#F29400;
}

h3 {
	background:url(../images/h3.png) no-repeat 5px 0px;
	padding-left:28px;
	color:#7fad1b;
	font-family:"Trebuchet MS", Arial, Geneva, Verdana, Helvetica, sans-serif;
}

h3 a, h3 a:hover {
	color:#7fad1b;
}

h4 {
	border-left:5px solid #4ca498;
	padding-left:6px;
	color:#4ca498;
	font-family:"Trebuchet MS", Arial, Geneva, Verdana, Helvetica, sans-serif;
}

h4 a, h4 a:hover {
	color:#4ca498;
}

h5 {
	border-left:5px solid #F29400;
	padding-left:6px;
	color:#F29400;
	font-family:"Trebuchet MS", Arial, Geneva, Verdana, Helvetica, sans-serif;
}

h5 a, h5 a:hover {
	color:#F29400;
}

h6 {
	border-left:5px solid #7fad1b;
	padding-left:6px;
	color:#7fad1b;
	font-family:"Trebuchet MS", Arial, Geneva, Verdana, Helvetica, sans-serif;
}

h6 a, h6 a:hover {
	color:#7fad1b;
}

/* ----------------------------------------------------------------------------------------------- */
/* Contenu total */

#contenu {
	position:relative;
	overflow:hidden;
	width:100%;
	height:auto;
	margin-bottom:0;
	min-height:100%;
}

/* ----------------------------------------------------------------------------------------------- */
/* Calque contenant l'ombre */

#conteneur_ombre {
	position:relative;
	overflow:hidden;
	height:auto;
	background:url(../images/ombre.png) repeat-y;
	width:1021px;
	margin-left:auto;
	margin-right:auto;
}

/* ----------------------------------------------------------------------------------------------- */
/* Partie haute du site */

#haut {
	position:relative;
	overflow:auto;
	width:100%;
}

/* ----------------------------------------------------------------------------------------------- */
/* Bannière du site */

#banniere {
	background:#fff url(../images/banniere.jpg) no-repeat;
	position:relative;
	height:250px;
	width:981px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Logo du site Internet */

#logo {
	background:#fff url(../images/logo.jpg) no-repeat;
	position:absolute;
	height:129px;
	width:311px;
	left:25px;
	top:15px;
	cursor:pointer;
}

#logo_bis {
	background:#fff url(../images/logo_bis.jpg) no-repeat;
	position:absolute;
	height:154px;
	width:311px;
	left:25px;
	top:8px;
	cursor:pointer;
}

/* ----------------------------------------------------------------------------------------------- */
/* Boutons du site Internet */

#bouton1, #bouton2, #bouton3 {
	position:absolute;
	overflow:auto;
	
	font-family:"Trebuchet MS", Arial, Geneva, Verdana, Helvetica, sans-serif;
	
	font-size:1.5em;
	padding:10px;
	color:#FFFFFF;
	top:160px;
	width:164px;
	height:50px;
}

#bouton1 a, #bouton2 a, #bouton3 a {
	color:#FFFFFF;
}

#bouton1 a:hover, #bouton2 a:hover, #bouton3 a:hover {
	color:#FFFFFF;
	text-decoration:none;
}

#bouton1 { left:380px; background:url(../images/bouton1.png) no-repeat; }
#bouton2 { left:579px; background:url(../images/bouton2.png) no-repeat; }
#bouton3 { left:778px; background:url(../images/bouton3.png) no-repeat; }

/* ----------------------------------------------------------------------------------------------- */
/* Menu du haut */

#menu_haut {
	position:relative;
	overflow:auto;
	background:#d9d3cc;
	width:981px;
	height:30px;
}

/* ----------------------------------------------------------------------------------------------- */
/* Partie centrale du site Internet */

#centre {
	width:981px;
	margin-top:0;
	text-align:left;
}

/* ----------------------------------------------------------------------------------------------- */
/* Calque contenant l'ombre */

#zone_encadree {
	padding:0;
	overflow:auto;
	background:#fff url(../images/bottom_menu.jpg) bottom left no-repeat;
}

/* ----------------------------------------------------------------------------------------------- */
/* Partie gauche du site */

#gauche {
	position:relative;
	float:left;
	width:240px;
}

#menu_de_gauche {
	position:relative;
	float:left;
	overflow:hidden;
	
	height:400px;
	
	width:240px;
	background:#fff url(../images/background_menu.jpg) top repeat-x;
}

#menu_de_gauche ul, #menu_de_gauche li {
	padding:0;
	margin:0;
}

#menu_de_gauche li {
	list-style:none;
	width:240px;
	height:40px;
}

#menu_de_gauche li a {
	display:block;
	
	width:210px;
	height:30px;
	
	color:#5e4124;
	font-size:1.2em;
	
	background:url(../images/puce.png) no-repeat 8px 10px;
	padding-left:30px;
	padding-top:10px;
}

#menu_de_gauche li a:hover {
	background:url(../images/puce_active.png) no-repeat 5px 10px;
	color:#076b2f;
	text-decoration:none;
}

#menu_de_gauche li a.active_menu {
	background:url(../images/puce_active.png) no-repeat 5px 10px;
	color:#076b2f;
}

#newsletter {
	position:relative;
	overflow:hidden;
	width:240px;
	height:34px;
	color:#FFFFFF;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:1.1em;
	
	padding-top:5px;
	
	background:url(../images/newsletter.png) no-repeat center top;
	text-align:center;
}

#newsletter a {
	color:#FFFFFF;
	font-size:1.1em;
}

#newsletter a:hover {
	color:#FFFFFF;
	font-size:1.3em;
	text-decoration:none;
}

#informations_gauche {
	position:relative;
	clear:both;
	overflow:auto;
	
	font-size:11px;	
	color:#5f4124;
	
	padding:10px;
	padding-bottom:180px;
	width:220px;
}

#informations_gauche a, #informations_gauche p {
	color:#5f4124;
}

/* ----------------------------------------------------------------------------------------------- */
/* Contenu du site */

#milieu {
	float:left;
	width:651px;
	padding:20px;
	background:#fff url(../images/top_left.jpg) no-repeat;
}

/* ----------------------------------------------------------------------------------------------- */
/* Partie droite du site */

#droite {
	position:relative;
	float:left;
	width:50px;
	height:400px;
	background:url(../images/background_menu.jpg) top repeat-x;
}

/* ----------------------------------------------------------------------------------------------- */
/* Pied de page du site */

#pied {
	position:relative;
	float:left;
	width:981px;
	height:auto;
	padding-top:15px;
	padding-bottom:15px;
	background:#c8d200;
}

#pied ul, #pied li {
	padding:0;
	margin:0;
}

#pied ul li
{
	display:inline;
}

#pied ul li a
{
	display:inline;	
	color:#FFFFFF;
	padding-left:20px;
	padding-right:20px;
	border-right:1px solid #fff;
}

#pied ul li a:hover
{
	display:inline;
}

/* ----------------------------------------------------------------------------------------------- */
/* Haut de page */

#haut_de_page {
	position:absolute;
	overflow:auto;
	width:16px;
	height:16px;
	top:15px;
	right:15px;
}

#haut_de_page p {
	margin:0;
	padding:0;
}

/* ----------------------------------------------------------------------------------------------- */
/* Contenu auto */

.contenu_auto {
	overflow:auto;
}

/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */
/* ----------------------------------------------------------------------------------------------- */



/* ----------------------------------------------------------------------------------------------- */
/* Page d'accueil du site Internet */

#actualite {
	position:relative;
	overflow:auto;
	width:630px;
	margin-left:10px;
}

#breves {
	position:relative;
	overflow:auto;
	float:left;
	margin-left:10px;
	margin-top:10px;
	height:335px;
	width:322px;
}	

#breve1, #breve2 {
	position:relative;
	overflow:auto;
	margin-top:10px;
	height:119px;
	padding:10px;
	border:1px solid #ccbdaa;
}

#breve1 {
	background:#d3e4df;
}

#breve2 {
	background:#eff2c5;
}

.plus_d_infos {
	position:absolute;
	overflow:hidden;
	width:61px;
	height:17px;
	background:url(../images/plus_d_infos.png) no-repeat;
}

.plus_d_infos:hover {
	position:absolute;
	overflow:hidden;
	width:61px;
	height:17px;
	background:url(../images/plus_d_infos_on.png) no-repeat;
	cursor:pointer;
}

#breve1 .plus_d_infos {
	top:115px;
	left:10px;
}

#breve2 .plus_d_infos {
	top:115px;
	right:10px;
}

#cadre_carte_territoire {
	position:relative;
	overflow:auto;
	float:left;
	margin-left:10px;
	margin-top:10px;
	background:#fff url(../images/cadre_carte_du_territoire.jpg) top no-repeat;
	height:335px;
	width:298px;
}

#carte_du_territoire {
	position:absolute;
	overflow:hidden;
	text-align:center;
	width:290px;
	height:174px;
	left:4px;
	top:120px;
}

#cadre_carte_territoire h2 {
	color:#7a6046;
	margin:0;
	margin-top:10px;
	padding:0;
	padding-right:100px;
	background:none;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:1.5em;
	text-align:center;
}

#breves h2, #actualite h2 {
	color:#7a6046;
	margin:10px;;
	padding:0;
	background:none;
	font-family:"Trebuchet MS",Arial, Helvetica, sans-serif;
	font-size:1.5em;
}

#actualite h2 a {
	color:#7a6046;
}

#actualite h2 a:hover {
	color:#7a6046;
}

/* ----------------------------------------------------------------------------------------------- */
/* Diaporama de photo Sologne Bocage */

#diaporama {
	position:relative;
	overflow:auto;
	width:650px;
	background:#d9d3cc;
}

#precedent_diaporama, #suivant_diaporama {
	position:absolute;
	overflow:hidden;
	height:16px;
	width:16px;
	right:15px;
}

#precedent_diaporama {
	top:80px;
}

#suivant_diaporama {
	top:180px;
}

#miniatures_diaporama, #photo_diaporama, #description_photo {
	position:relative;
	overflow:hidden;
	float:left;
	margin:10px;
}

#description_photo {
	width:150px;
	text-align:right;
	font-weight:bold;
}

#photo_diaporama {
	width:300px;
	text-align:center;
}

#miniatures_diaporama {
	width:100px;
	text-align:center;
}

/* ----------------------------------------------------------------------------------------------- */
/* Les projets : */

.projet {
	position:relative;
	overflow:auto;
	padding:5px;
	border:1px solid #efefef;
	margin-bottom:10px;
	background:#fff url(../images/projet.png) no-repeat bottom right;
}

.projet:hover {
	border:1px solid #7fad1b;
	background:#FBFBFB url(../images/projet.png) no-repeat bottom right;
	cursor:pointer;
}

.projet h3 {
	margin:5px;
}

/* ----------------------------------------------------------------------------------------------- */

.projet_pays {
	position:relative;
	overflow:auto;
	padding:5px;
	border:1px solid #efefef;
	margin-bottom:10px;
	background:#fff url(../images/projet.png) no-repeat bottom right;
}

.projet_pays:hover {
	border:1px solid #f39500;
	background:#FBFBFB url(../images/projet.png) no-repeat bottom right;
	cursor:pointer;
}

.projet_pays h3 {
	margin:5px;
	color:#f39500;
	background-image:url(../images/h3_projet.png);
}

.projet_pays h3 a {
	color:#f39500;
}

.projet_pays h3 a:hover {
	color:#f39500;
}

/* ----------------------------------------------------------------------------------------------- */

.actualite {
	position:relative;
	overflow:auto;
	border:1px solid #f29400;
	padding:10px;
	margin-bottom:10px;
}

.actualite:hover {
	background:#fff9f0;
	cursor:pointer;
}

.actualite h2 {
	margin:0;
	padding:5px;
	padding-left:25px;
}