/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 04
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */

/* Note: vous pouvez modifier simplement l'aspect de ce gabarit en modifiant
   uniquement les couleurs de fond (propriétés background) et les couleurs
   du texte (propriété color).
   Pour modifier la disposition des blocs, voir plus bas dans la feuille de
   styles la partie «positionnement». */


body {
	color: #582900;
	/*background:url(img/fond-vergisson.png) repeat #ece5d9;*/
	background-color:#f0dfc7;/*#decfba;/*f6e9d8*/ 
}
/* liens */
a {
	color: #582900;/*marron*/
}
a:hover, a:focus {
	background: #B3D48C;
	font-weight:bold;
	text-decoration:underline;
}

/*menu acordeon*/
.navigation a, .navigation span { 
      display: block;  
      text-decoration: none;
	  border:0px solid #ddd4b0; 
	  padding-top: 1px;
padding-right: 0px;
padding-bottom: 1px;
padding-left: 1px;/*15*/
      } 
.navigation .toggleSubMenu a, .navigation .toggleSubMenu span { 
      } 
li.toggleSubMenu.lilient { /*lien on sur le titre de la rubrique accordeon + sous menu correspondant fond legerement colore*/
margin-left:0px;
text-decoration:none;
background:#f0dfc7;/*d0b083;*/
font-weight:bold;
padding: 0 ;
  } 
.navigation .open a, .navigation .open span 
{ /*lien on sur le titre de la rubrique accordeon + sous menu correspondant fond legerement colore*/
		background:#f0dfc7;/*#d0b083;	*/
		}
.navigation a:hover, .navigation a:focus, .navigation a:active {
text-decoration: none;
			}
.navigation .subMenu {
			margin: 0px;
			padding:0px;
			}

.navigation .subMenu a:hover,.navigation .subMenu a:focus,.navigation .subMenu a:active {
			  color: #b3d48c; background: #582900;
			}
.navigation .lilien a {
			  color: #b3d48c; background: #582900;
			}
.navigation .vide a {	  
			}
.navigation ul.subMenu a {/*sous menu*/
			padding: 0px;
			margin:0px;
			border: 0px;
			}
.navigation ul.subMenu li a:before {
content: "\00BB ";
}
.navigation .liliend a {/*lilien en cours sous-menu deroulant*/
color: #b3d48c;
background: #582900;/*jaune*/
text-decoration: none;
			}
/*ancien menu*/
.navigation .titreMenu/*titr intermediaire du menu TOURISME*/
 {
	color: #582900;
	width:auto;
	height:auto;
	background:#b3d48c;
	padding: 0px;
	font-weight:bold;
	margin:0px;
	text-align : left;
	line-height:140%;
			}

.navigation a:hover, .navigation a:focus,.navigation a:active {
color: #b3d48c;
background: #582900;/*marron*/
			}
			
.navigation .lilien a {
color: #b3d48c;
background: #582900;/*marron*/
text-decoration: underline;
			}
<!--[if lte IE 6]>
	/*pour IE 5.0, IE 5.5 et IE 6.0 mais pas IE7.0 */
	li {
			height: 1px;
			}
	-->
	<!--[if lte IE 7]>
	
	li {
			height: 1px;
			}
	-->
	
a.citation {/*citation*/ 
	 color:#fff;
	 text-decoration:none;
}
a:hover.citation {/*citation*/ 
	 color:#fff;/*e6dd02;*/
	 text-decoration:underline;
	 background-color:transparent;
}
/* Contenu principal */
#contenu {
	background: transparent;
	border:0px red solid;
	margin:0 0 1em 0;
}
#contenu a {font-weight:normal;
text-decoration:underline;}
#contenu ul {
margin: 0px;
}
#contenu p, #contenu li {
	/*width:600px;*/
	margin: 0 20px;
	line-height:140%;
}

#contenu address img{/*page demarche administrative*/

float:left;
margin:.2em .2em 0 0 ; 
padding:.1em;
vertical-align:middle;
border:0;
}

#contenu p.court {
	width:350px;
	float:left;
	margin: 5px 5px 0 10px ;
	border:0px solid red;
}
#contenu p.court-prod {
	width:350px;
	margin:0px 0 65px 250px;
}
#contenu p.em {/*contact sigale*/
	font-style:italic;
	clear:both;
	float:left;
	width:60%;
	border:0px solid red;
}
#contenu p.ital {
	font-style: italic;
}
#contenu .left {
	text-align:left;
}
#contenu .right {
	text-align:right;
}
#contenu p.right {
	float:right;
}
#contenu h2 {
	 padding-left:20px;
	 border:0px red solid;
	/*width:560px;*/
	margin:0;
	}
.vert{
color:#006600;
/*text-decoration:underline;*/
	}

.hleft {/*page patrimoine prehistoire*/
clear:both;
float:left;
	}
#contenu h4 {/*citation left*/
	 background-color:#582900;
	 color:#decfba;/*e6dd02;*/
	 width:600px;
	 margin:0 20px;
	 float:left;
	 padding:1em;
	 /*border:1px solid #ddd4b0;*/
}
#contenu h5 {/*citation left*/
	 background-color:#582900;
	 color:#decfba;/*e6dd02;*/
	 margin:42px 20px 0 0px;
	 float:right;
	 padding:1em;
	 width:160px;
	 /*border:1px solid #ddd4b0;*/
}
/* Contenu -index */
#contenu-index {
	border:0px red solid;
	width:700px;/*670*/
	float: right; /* -> 2 */
	margin:0 0 1em 0;
	padding:0;
	/*border: 1px solid red;*/
}
#contenu-index h1 {
margin:0px 22px 5px 0;
	font-size: 1.5em; /* -> 8 */
	color:#582900;
	background:#f0dfc7;/*#d0b083;*/
	padding-top: 0.5em;/*75*/
padding-right: 0;
padding-bottom: 0.5em;
padding-left: 5px;
margin-top: 0.25em;
}
#contenu-index p, #contenu-index li {
	margin:0px 22px 0 0;
	line-height:140%;
	border:0;
	background-color:#decfba;
}

#contenu-index p.em {
	font-style: italic;
	clear:both;
	float:left;
}

#contenu-index h2 {
	 padding:20px;
	 border:0px red solid;
	/*width:560px;*/
	margin:0;
	}
#contenu-index h4 {/*citation*/
	 display:block; background-color:#582900;
	 color:#fff;/*e6dd02;*/
	 padding:20px;
	 width:140px;
	 margin:164px 0;
	 float:left;
	 /*border:1px solid #ddd4b0;*/
}
#contenu-index img {
	 padding:0px;
	 border:0px red solid;
	margin:0;
	}
/*lettrine*/
.lettrine{
float:left;
font:bold 1.25em/1em 'Trebuchet MS', Helvetica, sans-serif;
/*color:#900;
border:1px solid #900;
background-color:#ffc;*/
margin-right:1px;
padding:1px;

}


/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 0px; /* Voir -> Note 1 ci-dessous */
	border: 0px solid red;
	margin:0;
}
#global
{
width: 950px;
padding:0px;
margin: 0 auto;
border:1px dotted #d0b083;
background:#decfba;/*f6e9d8*/ 

}
#global a:hover.lienneutre
{
font-weight:normal;
background-color:transparent;
}
/* En-tête */
#entete {
width: 950px;
	height: 193px;/*193*/
	margin: 0 auto;
	/*border: 1px solid red;*/
	/*background:url(img/pano-index-SORDucadre.jpg) bottom no-repeat;*/
}
#entete img {
margin: 0;
padding:0;
}
#entete span {display:none;
/*<span><?php echo $lienindex1fr;?></span><span><?php echo $lienindex1en;?></span>ne pas placer les drapeaux dans l'entete*/
}
/* Contenu */
#contenu{
	width:700px;/*670*/
	float: right; /* -> 2 */
	margin:0;
	padding:0;
	border-left:1px solid #d0b083;
	/*border: 1px solid red;*/
}

#master0 {/*pas de bordure pour le slide faramine*/
float:right; 
}
#master0 img {/*pas de bordure pour le slide faramine*/
	border: none; 
}


#sigale{/*anim 4 image*/
height:200px; 
width:250px; 
float:left;
margin-left:20px;
margin-top:10px;
padding:0;
}
#sigale img{/*safari*/ 
padding:.5em;
border: 1px solid #d0b083;
margin:0;
padding:0;
}
.navigation {
			margin: 0px;
			padding: 0px;
			}
/* Menu de navig */
#navig {
	margin:10px 0 50px 25px;		
	padding:0px;
	width:190px;
	float: left;
	/*border: 1px solid red;*/
}
#navig ul {
	margin: 0px;
	padding: 0px;
	list-style: none;
}
#navig a {
	display: block;
	height: 1%; /* -> 3 */
	padding: 1px 0px 1px 15px;
/*	line-height: 1.5;*/
	text-decoration: none;
}



/* Mention de paternité */
#copyright {
border-top:0px solid #d0b083;
clear:both;
padding:0px;
margin:0;
font-size: 0.9em;
}
#copyright p {
background: #B3D48C;
margin:0 auto;
text-align:center;
padding:7px;
}
/*popeye*/
/* 
|
|   examples
|
--------------------------------------------------------------------------*/

#ex-wrap {
    padding:0px;/*40*/
    font-size:0.8em;
    color:#5b5b5b;
	margin:0;
	border:0px solid red;
}
.mute {
    color: #9c9c9c;
}
.puce {
float:left;
margin:.2em .2em 0 0 ; 
padding:.1em;
vertical-align:middle;
border:0;
}