/*  ----------------------------------------------------------- */
/*  Feuilles de styles des squelettes par defaut pour SPIP 1.9  */
/*  ----------------------------------------------------------- */

/* taille typo
 * Base				100%
 * -------------------------------------
 * 20px				1.27em
 * 19px				1.21em
 * 18px				1.15em
 * 17px				1.09em
 * 16px				1.03em
 * 15px				0.96em
 * 14px				0.88em
 * 13px				0.82em
 * 12px				0.77em
 * 11px				0.71em
 * 10px				0.65em
 *  9px				0.59em
 * Attention : en dessous de 0.71em le texte devient illisible en text smallest sur MSIE
 */

/*  ------------------------------------------
/*  Correction des styles HTML par defaut
/*  ------------------------------------------ */

@import url(inc-vignettes.css); /* Vignettes MRC et étapes */
@import url(inc-calendrier.css); /* Calendrier */
@import url(inc-multimedia.css); /* Multimedia */
@import url(jeux.css); /* Jeux */


body {
	margin: 0;
	text-align: center;
	font-size: 0.9em;
	color: #333;
	background: #E1DEBE url(../images/bg_beige.jpg) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
}

img, table { margin: 0; padding: 0; border: none; }
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; font-size: 1em; font-weight: normal; }

/*  ------------------------------------------
/*  Couleurs des liens
/*  ------------------------------------------ */
a { color: #333; }
a:hover { text-decoration: underline; }

/*  ------------------------------------------
/*  Disposition a l'ecran des blocs principaux
/*  ------------------------------------------ */
#page {
	background-repeat: repeat-y;
	background-position: left;
	background-color: #2a2708;
	position: relative;
	margin: 0 auto;
	width: 760px;
	color: #333;
	background-image: url(../images/bg_page.gif);
}

#page, #page_bas {
	text-align: left;
	}

/* Menu supŽerieur */
#menu_top
{
	height: 40px;
	padding: 1em;
	border-bottom: 3px solid #fff;
	background-color: #A82D01;
/*
	background : url(../images/bg_cuir.jpg) repeat-x;

*/}

#menu_top small
{
	font-size: 0.77em;
	color: #FFF;
}

#menu_top a { color: #e0debe; }

.cde
{width: 250px;}

.lang
{float: right;
margin: -1.7em 0 0 0;}


/* Fil d'Ariane */
#hierarchie {
	clear: both;
	margin: 2em 0 2em 0;
	color: #66643d;
}

#hierarchie a { 	color: #66643d;

}
/* Logo Chemin des Cantons - Retour ˆla page d'accueil */

#navigation
{
	float: left;
	margin: 0;
	width: 220px;
	min-height: 300px;
}

#logo_chemin_cantons
{
	height: 200px;
	width: 215px;
    position:relative;
    border: none;
	text-align: center;
}

#logo_chemin_cantons h1
{
	margin: 0;
	padding: 0;
}

#logo_chemin_cantons h1 a
{
	display: block;
	height: 200px;
	width: 215px;
}

#logo_chemin_cantons img
{
	border: none;
}

#logo_tourisme_cde
{
	height: 200px;
	width: 215px;
    position:relative;
    right: -5px;
    top:-35px;
    border: none;
}

#logo_tourisme_cde h1
{
	margin: 0;
	padding: 0;
}

#logo_tourisme_cde h1 a
{
	display: block;
	height: 200px;
	width: 215px;
}

#logo_tourisme_cde img
{
	border: none;
}

#menu_rubriques ul
{
	list-style: none;
	margin: 20px 0 0 0;
	padding: 0;
}

#menu_rubriques li
{
	font-size: 16px;
	border-top-color: #96946e;
	border-width: 0px;
	list-style: none;
	margin: 0px;
	border-top: 1px solid;
}

#menu_rubriques li a
{
	font-weight: bold;
	border-left-color: #332f0d;
	border-left-style: solid;
	border-bottom-width: 0px;
	border-left-width: 10px;
	border-top-width: 0px;
	width: 188px;
	\width: 188px;
	w\idth: 188px;
	display: block;
	padding: 5px 8px 5px 8px;
	background: #605b30;
	text-decoration: none;
}

#menu_rubriques li a:link { font-weight: bold; color: #ffffff; }
#menu_rubriques li a:visited { color: white; }

#menu_rubriques li a:hover
{
	border-color: #e1cc7c;
	color: #ffffff;
	background: #a09566;
}

#meme_rubrique{
width: 214px;}

#meme_rubrique h2 {

	padding: 0.3em 0.3em 0.3em 0.4em;
	color: white;
	height: 20px;
	font-weight: bold;
	border-bottom-color: #e2cc7d;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	background-color: #ab9356;
	font-size: 16px;
	margin: 1em 0 0 0;
}


#meme_rubrique h2 a{
color: #fff;}
#meme_rubrique ul
{
	list-style: none;
	margin: 0;
	padding: 0;
}

#meme_rubrique li
{
	border-width: 0px;
	margin: 0px;
	border-bottom: solid 1px #332f0d;
}

#meme_rubrique li a
{
	font-weight: bold;
	border-left-color: #332f0d;
	border-left-style: solid;
	border-bottom-width: 0px;
	border-left-width: 10px;
	border-top-width: 0px;
	width: 188px;
	\width: 188px;
	w\idth: 188px;
	display: block;
	padding: 5px 8px 5px 8px;
	background: #c3a561;
	text-decoration: none;
}

#meme_rubrique .on
{ 
	background: #332f0d;

}
#meme_rubrique li a:link { font-weight: bold; color: #ffffff; }
#meme_rubrique li a:visited { color: white; }

#meme_rubrique li a:hover
{
	border-color: #e1cc7c;
	color: #ffffff;
	background: #a09566;
}

#info_touristique {
	width: 214px;
	}

#info_touristique h2 {

	padding: 0.3em 0.3em 0.3em 0.4em;
	color: white;
	font-weight: bold;
	border-bottom-color: #e2cc7d;
	border-bottom-style: dotted;
	border-bottom-width: 2px;
	background-color: #ab9356;
	font-size: 16px;
	margin: 1em 0 0 0;
}

#info_touristique h3
{
	font-weight: bold;
	color: white;
	padding-left: 0.5em;
	margin: 0 0 0.5em 0;
}

#info_touristique p {
	color: white;
	padding: 0.5em;
	margin: 0;
	border-top: solid 1px #ffffff;
	border-bottom: solid 1px #ffffff;
	}

#info_touristique address {
	border-width: 0;
	color: white;
	margin: 0;
	line-height: 1.2em;
	margin: 0 0 1em 0;
		padding: 0.5em;

	}
#info_touristique address a{
	color: white;
	text-decoration: underline;
	}
#info_touristique img{
margin-left: 0.5em;	}

/* Diaporama */

#diaporama
{
	width: 530px;
	height: 300px;
	background-color: #66643d;
	float: right;
	margin: 0;
}

#video
{
	margin: 0.5em 0 1em 0;
	background-color: #5A6731;
}
/* Menu Multimedia */
#menu_multimedia_fr
{
	float: right;
	border-bottom: solid 5px #c45a43;
	border-top: solid 5px #7c2513;
	width: 530px;
	height: 110px;
	text-align: center;
	background-color: #c45a43;
	background-image: url(../images/deux_siecles.png);
	background-repeat: no-repeat;
}

#menu_multimedia_en
{
	float: right;
	border-bottom: solid 5px #c45a43;
	border-top: solid 5px #7c2513;
	width: 530px;
	height: 110px;
	text-align: center;
	background-color: #c45a43;
	background-image: url(../images/two_centuries.png);
	background-repeat: no-repeat;
}

#multimedia_boutons {
    position: relative;
    left: 270px;
    top: 20px;
}

.bouton_video_fr h3, .bouton_carte_fr h3, .bouton_audio_fr h3,
.bouton_video_en h3, .bouton_carte_en h3, .bouton_audio_en h3,

{
	margin: 0;
	padding: 0;
}

.bouton_video_fr h3 a, .bouton_carte_fr h3 a, .bouton_audio_fr h3 a,
.bouton_video_en h3 a, .bouton_carte_en h3 a, .bouton_audio_en h3 a,

{
	display: block;
	height: 72px;
	width: 72px;
}

.bouton_video_fr
{
	height: 76px;
	width: 76px;
    border: none;
    background: url(../images/bouton_video.png) no-repeat top left;
    padding: 0;
    margin: 0 5px 0 0;
   	float: left;
}

.bouton_carte_fr
{
	height: 76px;
	width: 76px;
    border: none;
    background: url(../images/bouton_carte.png) no-repeat top left;
    padding: 0;
    margin: 0 5px 0 0;
   	float: left;
}

.bouton_audio_fr
{
	height: 76px;
	width: 76px;
    border: none;
    background: url(../images/bouton_audio.png) no-repeat top left;
    padding: 0;
    margin: 0 5px 0 0;
   	float: left;
}

.bouton_video_en
{
	height: 76px;
	width: 76px;
    border: none;
    background: url(../images/button_video.png) no-repeat top left;
    padding: 0;
    margin: 0 5px 0 0;
   	float: left;
}

.bouton_carte_en
{
	height: 76px;
	width: 76px;
    border: none;
    background: url(../images/button_carte.png) no-repeat top left;
    padding: 0;
    margin: 0 5px 0 0;
   	float: left;
}

.bouton_audio_en
{
	height: 76px;
	width: 76px;
    border: none;
    background: url(../images/button_audio.png) no-repeat top left;
    padding: 0;
    margin: 0 5px 0 0;
   	float: left;
}

#contenu_top {
}


/* Contenu page article
----------------------------------------------- */
#enveloppe_beige {	background-color: #eceada;
}

#contenu_services {
	position: relative;
	float: left;
	width: 512px;
	min-height: 280px;
	height: auto;
	}
	

#contenu_accueil
{
	background-color: #eceada;
	min-height: 300px;
	float: left;
	width: 320px;
	height: auto;
}

#contenu_article
{
	margin: 0px;
	width: 480px;
	background-color: #eceada;
	min-height: 300px;
	float: right;
	height: auto;
	padding: 1em;
}

#cartouche
{
	background-color: #66643d;
	min-height: 240px;
	padding: 1em;
	margin: 0 0 1em 0;
	color: #ffffff;
}

#petite_cartouche
{
	background-color: #66643d;
	min-height: 50px;
	padding: 1em;
	margin: 0 0 1em 0;
}

#cartouche h1, #petite_cartouche h1

{
		color: white;
		font-weight: bold;
		font-size: 24px;
		margin: 0.5em 0 0.5em 0;
		}
		
.soustitre{
	color: #ffffff;
	font-weight: bold;}
		
#cartouche .soustitre{

		width: 360px;
		border-color: #959372;
		border-width: 2px;
		border-style: solid;
		color: white;
		height: auto;
		font-weight: bold;
		font-size: 18px;
		margin: 0 0 0.5em 0;
		padding: 10px 0 10px 72px;
		background : url(../images/panneau_etape_icon.gif);
		background-repeat: no-repeat;
		}
		
#cartouche .descriptif{

		color: white;
		height: 30px;
		font-weight: bold;
		font-size: 14px;
		margin: 0 0 0.5em 0;
		}
		
#cartouche .surtitre{

		color: white;
		height: 30px;
		font-weight: bold;
		font-size: 14px;
		margin: 0 0 0.5em 0;
		}

#cartouche a {
		font-weight: bold;
		}


#texte_article {
	color: #333;
	padding: 0;
	margin: 0;
}

#texte_article p {
	color: #333;
	padding: 0;
	margin: 0 0 1em 0;
}

#texte_article h2, #contenu_article h3 {
	font-size: 16px;
	font-weight: bold;
	color: #c45a43;
	margin: 1em 0 1em 0;

}

#texte_article h2 a {
	color: #c45a43;
}

#texte_evenements {
	color: #333;
	padding: 0;
	margin: 0;
}

#texte_evenements h2 {
	font-size: 16px;
	font-weight: bold;
	color: #66643D;
	padding: 0 0 0 1em;
	margin: 2em 0 0 0;
}

#texte_evenements li {
margin-bottom: 0.5em;
padding-bottom: 0.5em;
border-bottom: solid 1px #c45a43;}

#texte_evenements li p {
margin: 0;
font-style: italic;}

#texte_evenements li p.titre_evenement {
font-weight: bold;
font-style: normal;
font-size: 14px;
margin-bottom: 0.5em;}

#texte_evenements li p.date_evenement {
font-style: normal;}

#texte_evenements li a {
	color: #c45a43;
}

.amis {
height: 170px;
clear: both;
margin-bottom: 1em;
border-bottom: solid 1px #c45a43;
}

.amis h2 a{
	font-size: 16px;
	margin: 0 0 1em 0;
}

.image_amis {
float: left;
width: 110px;
margin: 0 1em 4em 0;
text-align: center;
}

.titre_amis {
font-weight: bold;
}

.amis address {
font-weight: normal;
border: none;
padding: 0;
}

.amis h3{
margin: 0 0 1em;
}

.texte_amis address {
	background: none;
	margin: 0;
	line-height: 1.2em;
	margin: 0 0 1em 0;
	padding: 0.5em;
	}



#contact h2

{
	color: #333;
	font-size: 16px;
	font-weight: bold;
	margin: 0 0 0.5em 0;
}

#bit

{	margin: 2em 0 0 0;}

#bit h3 {
	color: #333;
	font-size: 14px;
	font-weight: bold;
	margin: 1em 0 0.5em 0;
}
#bit ul
{
	list-style: none;
	margin: 0px;
	padding: 0;
}

#bit li
{
	margin: 0 0 0.5em 0;;
	padding: 0;
}

/* Menu Presentation
----------------------------------------------- */

#presentation
{
	margin: 0;
	width: 100%;
	float: left;
	background-color: #F6F6F6;
}

#presentation li
{
	color: #c45a43;
	margin: 0 0 0.5em 0;
}

#presentation li p {
margin: 0;
color: #333;
font-style: italic;}

#presentation li p.titre_evenement {
font-weight: bold;
font-style: normal;
font-size: 14px;
margin-bottom: 0.5em;}

#presentation li p.date_evenement {
font-style: normal;}

#presentation li a {
	color: #c45a43;
}

#presentation h2
{
	height: 30px;
	font-weight: bold;
	font-size: 16px;
	background-color: #a82d01;
	border-bottom: solid 5px #c45a43;
	border-top: solid 5px #7c2513;
	color: #fff;
	padding: 0.5em 0 0 1em;
}	

/* Menu evenements */


#evenements
{
	margin: 0;
	padding-bottom: 1em;
	background-color: #F6F6F6;
	width: 100%;
}

#evenements h2.fr {
background: #F6F6F6 url(../images/cdc_evenements_fr.gif) no-repeat;
font-weight:bold;
height: 60px;
border: none;
}

#evenements h2.en {
background: #F6F6F6 url(../images/cdc_events_en.gif) no-repeat;
font-weight:bold;
height: 60px;
border: none;
}

#evenements h2 span {
display: none;
}

#evenements h3 {
background: #d4dc8f url(../images/cdc_evenements_fr.gif) no-repeat;
font-weight:bold;
height: 60px;
margin: 2em 0 1em 0;
}

#evenements h3 {
background: #d4dc8f url(../images/cdc_evenements_fr.gif) no-repeat;
font-weight:bold;
height: 60px;
margin: 2em 0 1em 0;
}

#evenements h3 span {
display: none;
}

#evenements h4 {

color: #66643D;
font-size:14px;
font-weight:bold;
margin: 1em 0 1em 1em;
}

#evenements p
{
font-size: 0.9em;
line-height: 1.4em;
margin: 0 1em 0 1em;
}

#evenements address
{
margin: 1em 1em 0 1em;
}

#evenements li
{
	color: #c45a43;
	margin: 0.5em 0 0.5em 0;
}

#cartouche_evenements_fr
{
	background: #fecb00 url(../images/cdc_evenements_cartouche_fr.gif) no-repeat;
	height: 140px;
	padding: 1em;
	margin: 0 0 1em 0;
}

#cartouche_evenements_en
{
	background: #fecb00 url(../images/cdc_events_cartouche_en.gif) no-repeat;
	height: 140px;
	padding: 1em;
	margin: 0 0 1em 0;
}

#cartouche_evenements_fr h1 span, #cartouche_evenements_en h1 span
{
display: none;
}

/* IE Min-Height Hack */
* html #video { height: 370px; }


/* Contact
----------------------------------------------- */

#contact_enveloppe
{
	clear: both;
	border-top: dotted 1px #5A6731;
	margin: 2em 0 0 0;
	padding: 1em 0 0 0;
}

#contact label { font-size: 1em; }
#contact input { margin: 0.5em 0 1em 0; }
#contact textarea { margin: 0.5em 0 1em 0; }
                 

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

#pied {
	clear: both;
	border-bottom: 5px solid #978E5A;
	border-top: 5px solid #3a381c;
	padding: 1em;
	text-align: center; 
	background-color: #545427;
	color: #E1DEBE;
	height: 270px;
	font-size: 0.9em;
}
#pied img { vertical-align: bottom; }
#pied a { color: #E1DEBE; }

#pied h3 {
margin: 1em 0 1em 0;
font-weight: bold;}

.colonne {
display:inline;
float:left;
width: 293px;
height: 260px;
}

.colonne2 {
display:inline;
margin-left:30px;
width:130px;
border-left: solid 1px #978E5A;
text-align: left;
}

.colonne3 {
width: 240px;
display:inline;
margin-left:30px;
border-left: solid 1px #978E5A;
}


/* Espaceur de blocs */
.nettoyeur { clear: both; margin: 0; padding: 0; border: none; height: 0; line-height: 1px; font-size: 1px; }
.invisible {display: none;}



/*  Mise en forme des textes du contenu
---------------------------------------------- */
.chapo {
	margin-bottom: 1.5em;
	font-weight: bold;
	line-height: 1.4em; }

.lien {
	background: #EEE;
	margin: 1em;
	margin-bottom: 1.5em;
	padding: 0.82em;
	border: 1px solid #CCC;
	font-size: 0.82em;
	font-weight: bold; }

.texte { color: #333; font-size: 0.96em; }

.ps, .notes {
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
.ps { font-size: 0.82em; }
.notes { clear: both; font-size: 0.77em; }
.ps h2, .notes h2 { font-size: 1em; font-weight: bold; }

/*  Portfolio
---------------------------------------------- */
#documents_portfolio {
	clear: both;
	margin-top: 1.4em;
	padding-top: 2px;
	border-top: 2px solid #CCC; }
#documents_portfolio h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }

#document_actif { margin-top: 1em; }

/*  Listes de documents joints (a un article ou une rubrique)
---------------------------------------------- */
#documents_joints {
	padding-top: 0.5em;
	border-top: 3px solid #fff; }
#documents_joints h2 { margin-bottom: 0.4em; font-size: 0.88em; font-weight: bold; }
#documents_joints ul { margin: 0; padding: 0; list-style: none; }
#documents_joints li {
background: #FFFFFF none repeat scroll 0 0;
float: left;
margin: 0.2em;
padding: 0.5em;
text-align: center;
width: 210px;}
#documents_joints li .spip_doc_titre {}
#documents_joints li .spip_doc_titre small { font-weight: normal; }
#documents_joints li .spip_doc_descriptif {}
#documents_joints li p {margin: 0;}

dl {text-align: left;
margin: 0;}
.spip_documents { text-align: center;}
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; }
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }
.spip_doc_titre { font-weight: bold; font-size: 0.8em; margin-left: auto; margin-right: auto; width: auto;}
.spip_doc_descriptif { clear: both; font-size: 0.8em; margin-left: auto; margin-right: auto; width: auto;}

/*  ------------------------------------------
/*  Habillage specifique du plan du site
/*  ------------------------------------------ */

.page_plan .cartouche { display: none; }

.page_plan #contenu h2 {
	clear: both;
	background: #EEE;
	border: 1px solid #CCC;
	padding: 0.5em;
	margin-bottom: 1em;
	font-weight: bold;
	text-align: center; }

.page_plan #contenu .contre-encart ul {
	display: block;
	clear: left;
	margin-top: 0;
	margin-bottom: 1em;
	padding-top: 0; }
.page_plan #contenu .contre-encart li {}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

.formulaire_spip { text-align: left; font-size: 0.77em; }
.formulaire_spip p { margin: 0.5em 0; padding: 0; }

.formulaire_spip fieldset {}
.formulaire_spip legend {}

.formulaire_spip label {}
.formulaire_spip .forml { width: 99%; font-family: inherit; font-size: inherit; }

/* Boutons */
.spip_bouton { text-align: right; }
.spip_bouton input { float: right; }

/* Reponse du formulaire */
.reponse_formulaire { font-weight: bold; color: #e86519; }
fieldset.reponse_formulaire { border-color: #e86519; font-weight: normal; }

/* Previsualisation du message */
fieldset.previsu { padding: 1em; }

/* Formulaire de login au forum */
.formulaire_login_forum .forml { width: 12em; }
.formulaire_login_forum .spip_logos { float: right; padding-left: 10px; }

/* Choix des mots-clefs */
ul.choix_mots { float: left; width: 47%; margin: 0; padding: 0; list-style: none; } 
ul.choix_mots label { display: inline; }

/* Formulaire de recherche */

#formulaire_recherche { 
float: right;
padding: 20px 10px;
width: 510px;
background-color:#FECB00;
color:#FFFFFF;
font-size:18px;
font-weight:bold;
height:30px;
}

.formulaire_recherche { 
}

.formulaire_recherche label { display: none; }

input.formulaire_recherche {
background: #ff0000;
}

.text {
border:1px solid #999999;
font-size:14px;
padding: 8px 5px 5px 5px;
width:320px;
}
.submit {
background:url("../images/zoom.png") no-repeat scroll 8px 50% #A82D01;
border: solid #7C2513 1px;
color:#FFFFFF;
cursor:pointer;
font-size: 14px;
padding:5px 10px 5px 30px;
}

/*  ------------------------------------------
/*  Habillage des formulaires
/*  ------------------------------------------ */

tabs a {color: #654B24;}


/* Formulaire de recherche */
.toc
{font-weight: bold;
font-size: 16px;}

ul.toc
{border: 1px white solid;
padding: 1em;
list-style: none;
line-height: 2em;
}

.toc a
{text-decoration: none;}