/* style global body */
body { background-color: #FAECD4; text-align:center; color: #333;}

* {
	margin: 0;
	padding:0;
}

.center {
	text-align: center;
}

ul, ol {
	padding: 10px 0 0 10px;
}

li {margin-left: 10px;}

/* bloc bandeau */
h1
{
	background: url('../IMG/bandeau-hce2.jpg') no-repeat;
}
h1#recherche
{
	background: url('../IMG/bandeau-comm.jpg') 0 -840px no-repeat;
}
#recherche_msg
{
	display: none;
}
#compteur
{
	position: absolute;
	top: 180px;
	display: block;
	z-index: 999;
	font-size: 20pt;
	font-family: Arial,Helvetica,Sans-serif;
	font-weight: bold;
	margin-left: 70px;
	padding-left: 40px;
	color: #fff;
	line-height: 39px;
	padding: 5px;
	border: 2px #333 solid;
}
#compteur_bkg
{
	position: absolute;
	top: 181px;
	display: block;
	z-index: 995;
	font-size: 20pt;
	font-family: Arial,Helvetica,Sans-serif;
	font-weight: bold;
	margin-left: 71px;
	padding-left: 40px;
	color: #000;
	background-color: #333;
	line-height: 39px;
	padding: 5px;
	border: 2px #333 solid;
    filter:alpha(opacity=50);
    -moz-opacity:0.5;
    -khtml-opacity: 0.5;
    opacity: 0.5;
}
#compteur img,  #compteur_bkg img
{
	vertical-align: middle;
}
h1#gta
{
	background: url('../IMG/bandeau-gta.jpg') no-repeat;
}

h1#huayhuash
{
	background: url('../IMG/bandeau-huayhuash.jpg') no-repeat;
}

h1#gtv
{
	background: url('../IMG/bandeau-gtv.jpg') no-repeat;
}

h1 a {
	display:block;
	width:100%;
	height:234px;
}

h1 a span {
	display:none;
}

h2 {
	padding: 0.2em;
	color: #ffffff;
	background-color: #000000;
	height: 1.4em;
	font-size: 1em;
	text-decoration:none;
	font-weight: normal;
	margin-bottom: 0.5em;
}

h3.spip {
	font-size: 1.3em;
	font-weight: bold;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
}

h4 {
	margin-top:0;
	margin-bottom:0.5em;
	font-family: verdana, helvetica, sans-serif;
	line-height: 1.3em;
	font-size: 1em;
	border-left: 1.3em solid ;
	border-bottom: 1px solid ;
	padding-top: 0.1em;
	no-text-indent: 0.5em;
	padding-left: 0.5em;
	font-weight: normal;
	clear: both;
}

h5 {
	margin-top:0;
	margin-bottom:0.5em;
	font-family: verdana, helvetica, sans-serif;
	height: 18px;
	font-size: 13px;
	border-left: 20px solid ;
	border-bottom: 1px solid ;
	padding-top: 2px;
	text-indent: 4px;
	font-weight: normal;
}

img { border: 0; }
	
p { padding-top: 10px; }

.article { padding: 0.3em 1em 1em; }

#blocArticle div.article {
	padding-left: 22px;
}

#blocArticle {
	float:left;
	width: 548px;
	margin: 0 10px; 
}

#ssbloc5 {
	float:right;
	margin-top: 30px;
	width: 170px;
}

#centrage {
	width: 774px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
}

/* bloc contenu general pour centrage avec une height pour IE */
#conteneur
{
	color: #333;
	font-family: arial, helvetica, sans-serif;
	font-size: 12px;
	background-color: #FFFFFF;
	border: 1px solid black;
	z-index: auto;
	text-align:left;
	float:left;
}

/* bloc menu principal */
#contenu {
	padding-top:10px;
	padding-bottom:10px;
	float:left;
}

.imageCourante { margin-bottom: .5em; }

.item { margin-top: 1em; margin-left: 0.5em; margin-right: 0.5em;  margin-bottom: 1em; }
.item-breves { padding-top: 0.5em; padding-left: 0.5em; padding-right: 0.5em;  padding-bottom: 0.5em;}
.notes { margin-left: 0.5em; margin-right: 0.5em;  margin-bottom: 1em; }
.mp3 { margin-left: 0.5em; margin-right: 0.5em;  margin-bottom: 1em; }
.chapeau { margin-left:1em; margin-right: 1em;  margin-top: 1em; background-color: #eee; padding: 0.5em;}
.sous-titre { margin-left: 1em; margin-right: 1em;  margin-top: 1em; font-style: oblique; }
table.details { margin:0; border:0; width:100%; padding:2px; }
.rubrique-article { margin:0; color:#666666; text-align:left; font-size:0.8em; }
.date-article { margin:0; color:#666666; text-align:right; font-size:0.8em; }
.date-breves { padding:0.25em; margin-top:0.5em; margin-bottom:0; margin-left:0; margin-right:0; background-color:#dddddd; color:#666666; text-align:right; font-size:0.8em;}

#bloc1 .item, #bloc2 .item, #blocArticle .item { margin-bottom: 3em; }

.bleu {
	color: #1381B3;
	border-color: #1381B3;
}
.fond_bleu {
	background-color: #1381B3;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

.fond_bleu a:link, .fond_bleu a:visited
{
	color: #fff;
	text-decoration: none;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

.fond_bleu a:hover
{
	text-decoration: underline;
	text-transform: none;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

.marron {
	color: #B95820;
	border-color: #B95820;
}

.rouge {
	color: #8B0E1B;
	border-color: #8B0E1B;
}

.jaune {
	color: #E7A226;
	border-color: #E7A226;
}
.fond_jaune {
	background-color: #E7A226;
	padding-left: 0.2em;
	padding-right: 0.2em;
}

#lesPhotos, #lesFichiersAudio { margin: 1em 0 1.3em; }

ul#liste_articles {
	padding-left: 0;
  list-style-image: none;
	list-style-type: none;
	padding-bottom: 2em;
}

ul#liste_articles li { 
  list-style-image: none;
	list-style: none !important; 
}


.vignette-gauche { margin: 0 2px 2px 0; }

/* ************************** bloc11 : colonne de gauche dans une page a 2 colonnes ************************* */
div#bloc1
{
	float:left;
	width: 280px;
	border-right: #CCC;
	border-width: 0 1px 0 0;
	border-style: none solid none none;
	removed-padding-left: 10px;
	padding-right: 10px;
	margin-left: 5px;
	overflow-x: hidden;
}

#bloc1 p
{
	text-align: justify;
	line-height: 1.2em;
	margin-left: 4px;
	margin-right: 4px;
}

#bloc1 p.grand
{
	text-align:center;
	margin-bottom: 0.5em;
	margin-top: 0.5em;
}
/*************************** bloc2: colonne de droite dans une page a 2 colonnes ************************* */
div#bloc2
{
	float: left;
	width: 240px;
	removed-padding-left: 10px;
	removed-padding-right: 0px;
	margin-left: 10px;
	overflow-x: hidden;
}

#bloc2 p
{
	text-align: justify;
	line-height: 1.2em;
	margin-left: 4px;
	margin-right: 4px;
}

/**************************** bloc3: colonne des breves tout a droite ************************* */
div#bloc3
{
	float:right;
	width: 194px;
	removed-padding-left: 10px;
	padding-right: 10px;
	overflow-x: hidden;
}

/**************************** bloc4: contenu d'une page a une seule colonne ************************* */
#bloc4 {
	float:left;
	width: 540px;
	padding-left: 10px;
	padding-right: 10px;
	padding-bottom: 1em;
	overflow-x: hidden;
}

/*************** affichage d'une vignette de photo 100x100 *********************************/
.vignette {
	width: 120px;
	height: 120px;
	display: inline;
	float: left;
	text-align: center;
	background: url("../../IMG/vignette.gif");
	margin: 2px;
}
/** pour eviter que les vignettes ne flottent sur l'element qui les suit, mettre un spacer **/
.spacer {
	height: 1em;
	clear: both;
}


/*************** styles de titre: carre + soulignes de couluers diverses *******************/
.carre1
{
	float: left;
	width: 16px;
	height: 16px;
	background-color: #8B0E1B;
	border-right: 0;
}

.ss_titre1 {
	font-family: verdana, helvetica, sans-serif;
	color: #8B0E1B;
	height: 16px;
	font-size: 13px;
	border-bottom: 1px solid #8B0E1B;
	padding-top: 4px;
	text-indent: 3px;
}

.carre2
{
	float: left;
	width: 20px;
	height: 20px;
	background-color: #65B17A;
	border-right: 2px white solid;
}

.titre2
{
	height: 20px;
	font-family: verdana, helvetica, sans-serif;
	color: white;
	background-color: #65B17A;
	line-height: 1.5em;
	font-size: 13px;
	text-indent: 3px;
}

.carre3
{
	float: left;
	width: 20px;
	height: 20px;
	background-color: #DBDEDD;
	border-right: 2px white solid;
}

.titre3
{
	height: 20px;
	font-family: verdana, helvetica, sans-serif;
	color: #65B17A;
	background-color: #DBDEDD;
	line-height: 1.5em;
	font-size: 13px;
	text-indent: 3px;
}


.petimg
{
	margin-left: 4px;
	margin-right: 8px;
	margin-bottom: 8px;
}

.titre4
{
	font-family: verdana, helvetica, sans-serif;
	color: white;
	background-color: #1381B3;
	height: 20px;
	line-height: 1.5em;
	font-size: 13px;
	text-indent: 3px;
}

.ss_titre4 {
	font-family: verdana, helvetica, sans-serif;
	color: #1381B3;
	height: 16px;
	font-size: 13px;
	border-bottom: 1px solid #1381B3;
	padding-top: 4px;
	text-indent: 3px;
}
.petit_carre4
{
	float: left;
	width: 16px;
	height: 16px;
	background-color: #1381B3;
	border-right: 0;
}

.carre4
{
	float: left;
	width: 20px;
	height: 20px;
	background-color: #1381B3;
	border-right: 2px white solid;
}

.titre5
{
	font-family: verdana, helvetica, sans-serif;
	color: white;
	background-color: #9E322B;
	height: 20px;
	line-height: 1.5em;
	font-size: 13px;
	text-indent: 3px;
	clear: both;
}

.titre6
{
	font-family: verdana, helvetica, sans-serif;
	color: white;
	background-color: #851F6F;
	height: 20px;
	line-height: 1.5em;
	font-size: 13px;
	text-indent: 3px;
	clear: both;
}

.suite
{
	text-align: right;
	line-height: 1.2em;
	margin-right: 6px;
}

.partenaires
{
	border-bottom: #333;
	border-width: 0 0 1px 0;
	border-style: none none dotted none;
	padding: 0px 4px 10px 4px;
}

.texte3
{
	text-align: left;
	line-height: 1.2em;
	margin-left: 4px;
	margin-right: 4px;
}

.titre7
{
	font-family: verdana, helvetica, sans-serif;
	color: white;
	background-color: #E7A226;
	height: 20px;
	line-height: 1.5em;
	font-size: 13px;
	text-indent: 3px;
}

.sstitre7
{
	font-family: verdana, helvetica, sans-serif;
	color: #E7A226;
	height: 16px;
	font-size: 13px;
	border-bottom: 1px solid #E7A226;
	padding-top: 4px;
	text-indent: 3px;
}

.carre7
{
	float: left;
	width: 16px;
	height: 16px;
	background-color: #E7A226;
}

IMG#photo { margin: 8px; }

/* ************************ BLOC 4 GAUCHE DIRECT LIVE ********************** */
IMG#photo_small { margin: 0px 6px 0px 0px; }

.texte4
{
	text-align: justify;
	line-height: 1.3em;
	margin-left: 20px;
	margin-right: 5px;
}

div#carre8
{
	float: left;
	width: 20px;
	height: 20px;
	background-color: #B95820;
	border-right: 2px white solid;
}

div#titre8
{
	height: 20px;
	font-family: verdana, helvetica, sans-serif;
	color: white;
	background-color: #B95820;
	line-height: 1.5em;
	font-size: 13px;
	text-indent: 3px;
}

.carre8
{
	float: left;
	width: 18px;
	height: 16px;
	background-color: #B95820;
}

.sstitre8
{
	margin-bottom:0.5em;
	font-family: verdana, helvetica, sans-serif;
	color: #B95820;
	height: 16px;
	font-size: 13px;
	border-bottom: 1px solid #B95820;
	padding-top: 4px;
	text-indent: 4px;
}

/* ************************ BLOC 5 GAUCHE ITINERAIRE ********************** */
IMG#carte { margin: 5px 20px 0px 0px; }

div#carre9
{
	float: left;
	width: 20px;
	height: 20px;
	background-color: #1381B3;
	border-right: 2px white solid;
}

div#titre9
{
	height: 20px;
	font-family: verdana, helvetica, sans-serif;
	color: white;
	background-color: #1381B3;
	line-height: 1.5em;
	font-size: 13px;
	text-indent: 3px;
	letter-spacing: 0.1em;
}

.carre9
{
	float: left;
	width: 18px;
	height: 16px;
	background-color: #1381B3;
}

.sstitre9
{
	font-family: verdana, helvetica, sans-serif;
	color: #1381B3;
	height: 16px;
	font-size: 13px;
	border-bottom: 1px solid #1381B3;
	padding-top: 4px;
	text-indent: 4px;
}

ul
{
	list-style-image: url(../IMG/carre_bleu.gif);
}


/* ***************************** FIN BLOCS ****************************** */
/* style lien ou on est */
.ici
{
	font-weight: bold;
	text-decoration: none;
	color: #8B0E1B;
	display: block;
	margin: 0;
	padding: 0.1em 0 0.1em 0;
}

.ici_foot
{
	font-weight: bold;
	text-decoration: none;
	color: #8B0E1B;
}

/* styles globaux liens href */
a:link
{
	color: #333;
	text-decoration: none;
}

a:visited
{
	color: #333;
	text-decoration: none;
}

a:hover
{
	color: #8B0E1B;
	text-decoration: underline;
	text-transform: none;
}

.lien
{
	color: #8B0E1B;
	text-decoration: underline;
}

a:link.lien
{
	color: #8B0E1B;
	text-decoration: underline;
}

a:visited.lien
{
	color: #8B0E1B;
	text-decoration: none;
}

a:hover.lien
{
	color: #8B0E1B;
	text-decoration: none;
}

/* bloc pied de page  */
div#footer
{
	float:left;
	width: 774px;
	font-family: verdana, arial, sans-serif;
	color: #333;
	font-size: 11px;
	background-color: transparent;
	padding-top: 4px;
	padding-bottom: 4px;
	margin-left: auto;
	margin-right: auto;
	text-align: center;
	z-index: auto;
}

.credits
{
	position: relative;
	font-family: verdana, arial, sans-serif;
	color: #333;
	font-size: 10px;
	text-align: center;
}

/* specifique menu css */
#navlist, #navlist ul {
	float:left;
	width:774px;
	list-style: none;
	list-style-image: none;
	line-height: 1;
	background: #FAECD4;
	font-weight: bold;
	border: solid #eda;
	border-width: 2px 0;
	padding: 0;
	margin: 0 0 1em 0;
}
	
#navlist a
{
  display: block;
  width: 90px;
  color: #7C6240;
  text-decoration: none;
  padding: 4px 10px;
}

#navlist li {
	float: left;
	margin: 0;
	padding: 0;
	width: 90px;
}

#navlist li ul { 
	position: absolute;
	left: -999em;
	height: auto;
	width: 190px;
	font-weight: normal;
	border-width: 2px;
	margin: 0;
}

#navlist li ul li, #navlist li ul li a {
	width: 190px;
}

#navlist li:hover,
#navlist li.sfhover
{
	background: #eda;
}

#navlist li:hover ul,
#navlist li.sfhover ul
{
	left: auto;
}

.spip_documents_center
{
	margin: 0.5em;
	display: block;
	clear: both;
	text-align: center;
}
.spip_documents dd
{
	margin-bottom: 10pt;
	text-align: center;
	display: inline;
}

.spip_documents dt
{
	text-align: center;
	display: block;
}

.spip_documents dt.spip_doc_titre
{
	display: inline;
}
.spip_documents
{
	margin: 5px;
}

/***************** tables *********************/
tr.row_even td, tr.row_odd td, tr.row_header td {
	padding: 0.2em;
}

.row_even {
	background-color: #FAECD4;
}
.row_odd {
	background-color: #eeeeee;
}

.row_header {
	background-color: #1381B3;
	color: #ffffff;
}

/*********** pagination *************/
.pages_impression {
	display:none;
}
.pages {
	padding: 0.2em;
	margin: 0.1em;
	text-align:center;
	color: #B95820;
}
a.lien_pagination {
	border: 1px solid #B95820;
	padding: 0.2em;
	background-color: #B95820;
	color: #FFFFFF;
}
a.lien_pagination:link
{
	color: #fff;
	text-decoration: none;
}

a.lien_pagination:visited
{
	color: #fff;
	text-decoration: none;
}

a.lien_pagination:hover
{
	color: #fff;
	text-decoration: underline;
	text-transform: none;
}
.on {
	border: 1px solid #B95820;
	padding: 0.2em;
}