@charset "utf-8";
/* ==============================================
   FEUILLE DE STYLES DES GABARITS HTML/CSS --- 11
   © Elephorm & Alsacreations.com
   Conditions d'utilisation:
   http://creativecommons.org/licenses/by/2.0/fr/
   ============================================== */


/* --- COULEURS --- */

/* 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». */

/* Général */
* {
margin: 0;
padding: 0;
}

body {
	overflow-y:scroll;
	background: #FFF;
	color: #000;
	font: normal 0.8125em Arial, Helvetica, sans-serif;
}
/*a {
	color: #FF6533;
}*/
a {
	color: #298C94;
}
a:hover, a:focus {
	color: #FF4C00;
}
strong a {color: #06C;} 

h1 span, h2 span {
height: 1px;
left: 0;
overflow: hidden;
position: absolute;
top: -9999px;
width: 1px;
}
img {border: none;}
input {margin: 3px 3px 0px 5px;}
ul {
margin: 0 0 0 24px;
}
/* Conteneur central */
#centre {
	background: url(img/11-colgauche.png) repeat-y left top;
	border-top: none;
	border-bottom: none;
	border-left: 2px solid #CCC;
	border-right: 2px solid #CCC;
}
#centre-bis {
	background: url(img/11-coldroite.png) repeat-y right top;
}
#centreHead {
	background: #FFF url(../img/centre-bg.gif) left top repeat-x;
	border-left: 2px solid #CCC;
	height: 13px;
	margin: 10px 0 0 0;
	padding: 0;
	position: relative;
}
/* Navigation */
#navigation {
	background: #FFF;
}
#navigation a {
	color: #FF6533;
}
/*  bug de IE 8
#navigation a:hover, #navigation a:focus {
	background: #000000;
}
*/
/* Contenu principal */
#principal {
	color: #181A12;
	background: #FFF;
}
#principal strong {
	color: #181A12;
}

/* Contenu secondaire */
#secondaire {
	background: #FFF;
}
/* --- POSITIONNEMENT --- */

/* Page */
body {
	padding: 5px 0;
}
#global {
	width: 990px;
	/*max-width: 90em;
	min-width: 850px;*/
	margin: 0 auto;
}

/* En-tête */
#entete {
	background: url(../img/header-bg.gif) left top repeat-x;
	height: 147px;
	padding: 0;
	position: relative;
}
#entete h1 {
	margin: 0;
}

/* Bloc central */
#centre-bis {
	width: 100%;
	overflow: hidden;
}

/* Menu de navigation */
#navigation {
	float: left;
	padding: 0 0 0 5px;
	width: 230px;
}
#navigation ul {
	margin: 0;
	padding: 0;
	list-style: none;
}
#blocRecherche, #blocNav, #blocLogin {
border: 2px solid #CCC;
margin: 5px 0;
padding: 0;
width: 213px;
}
#blocRecherche, #blocLogin {
padding: 5px;
width: 203px;
}
#blocNav li {
margin: 0;
padding: 0;
}
#blocLogin p, #blocRecherche p {
margin: 5px 0;
}
/* Contenu principal */
#principal {
	margin-left: 235px;
	margin-right: 220px;
	padding: 10px 5px;
}
#principal > :first-child {
	margin-top: 10px;
}
#principal p {margin: 5px 0;}
#principal p, #principal li {
	line-height: 1.5;
}
#contenu {
background: #FFF;
margin-left: 235px;
margin-right: 10px;
margin-top: -8px;
padding: 10px 5px;
}
#blocSelection {
background: #FFF url(../img/titre-selection.gif) left top no-repeat;
height: 275px;
margin: 0 auto;
padding: 65px 5px 0 5px;
width: 503px;
}
	#blocSelection div {
	background: #FFF;
	float: left;
	margin: 0;
	padding: 0;
	width: 290px;
	}
	#blocSelection img {
	float: left;
	margin: 10px 3px 0 0;
	padding: 0;
	width: 210px;
	}
	#blocSelection p {
	margin: 0 0 5px 0;
	}
#presentation {
background: #FFF;
}
/* Contenu secondaire */
#secondaire {
	float: right;
	width: 200px;
	padding: 12px 5px;
}
#blocAgenda {
background: #FFF url(../img/titre-rendez-vous.gif) left top no-repeat;
margin: 0;
padding: 41px 0 0 0;
}
#blocAgendaBody {
border: 2px solid #B3C69F;
margin: 0;
padding: 5px 0 0 0;
width: 181px;
}
#blocRessource {
background: #FFF url(../img/titre-ressource.gif) left top no-repeat;
margin: 10px 0 0 0;
padding: 41px 0 0 0;
}
#blocRessourceBody {
border: 2px solid #9CC9C2;
margin: 0;
padding: 5px;
width: 171px;
}
/* Pied de page */
#pied {
	background: url(../img/footer-bg.gif) left top repeat-x;
	margin: 0;
	padding: 0 260px 0 0;
	position: relative;
	font-size: .85em;
	height: 34px;
}
#piedNav {
color: #FFF;
position: absolute;
left: 260px;
top: 8px;
}
#piedNav a {
color: #FFF;
}
/* Mention de copyright */
#copyright {
	margin: 8px 0 0 0;
	font-size: 1em;
	text-align: left;
}

/* Classes */
.AgendaInfo {
background: #FFF url(../img/puce-rendez-vous.gif) left top no-repeat;
border-bottom: 1px solid #F90;
margin: 0 auto 10px auto;
padding: 0 0 0 25px;
width: 140px;
}
	.AgendaInfo p {margin: 5px 0;}
.AgendaTitre, .AgendaTitre a {
color: #990;
font-weight: bold;
}
.AgendaDate {
color: #660;
}
.AgendaLieu {
color: #660;
}
.bleu {color: #06C;}
.center {text-align: center;}
.coinDroite {
position:absolute;
right: 0;
}
.right {text-align: right;}
.separateur {
border: none;
clear: both;
display: block;
height: 1px;
margin: 0;
padding: 0;
visibility: hidden;
}
/*------------------------  JUMEL --------------------------*/
select {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt;
	font-style: normal;
	color: #000000;
	background: #D6EFF7;

} 
#affichage {
	color: White;
	background: orange;
	font: bold;
	text-align: center;
}

.rubriques {
  width: 180px;
  background-color: #E9E9E9;
  margin: 0;
  padding: 2px;
}

.rubrique {
  font: bold;
  color: red;
  margin: 3px; 2px;
  padding: 2px;
}

/* menu */

.menu { color: #FFFFFF; text-align: left;}

.menu_td1 { background-color: #586eac; text-align: center; cursor:pointer;
			border:1px solid #0a194b; padding: 4px 0px 4px 2px;}
.menu_td2 { background-color: #6b63ae; text-align: center; cursor:pointer;
			border:1px solid #0a194b; padding: 4px 0px 4px 2px;}

#rech_accueil { width:123px; border:1px solid #959595; background-color: #d9f2f4; color:#0b8b9a;}

.titre_page {
	background-color: #5A6BAD;
	color:#FFFFFF;
	font-weight: bold;
	margin-bottom: 10px; 
	padding: 6px;
	margin-bottom:2;
	width: 240px;
}
.titre2_page {
	position:relative;
	top:-28px;
	background-color: #5A6BAD;
	color:#FFFFFF;
	font-weight: bold;
	padding: 6px;
}

#nompays { color: #000000 ; font-weight:bold;}
#nompays:hover {text-decoration: underline;}

.prop { background-color : #FFCC99; }
.refu { background-color : #FF0000; }
.pub { background-color : #CCFFCC; }

.note { background-color : transparent;  border: none;}

.bg_section { background-color: #d9f2f4; padding:12px 7px 8px 7px; }
.bg_section td { padding:12px 7px 8px 7px; }


.click { cursor: pointer; }
.clickable { overflow:hidden; cursor: pointer; position:absolute; background-color:#FFFFFF; opacity:.0; filter: alpha(opacity=0);}
#plan { top:80px; left:131px; width:73px; height:9px;}
#mentions { top:80px; left:219px; width:101px; height:10px;}
#moccam { top:80px; left:335px; width:130px; height:9px;}

#Jura_Nord { top:64px; left:139px; width:70px; height:20px;}
#Dole { top:105px; left:112px; width:41px; height:20px;}
#Val_Damour { top:147px; left:152px; width:84px; height:20px;}
#Nozeroy { top:230px; left:268px; width:61px; height:20px;}
#Champagnole { top:258px; left:225px; width:90px; height:20px;}
#Foncine_Le_Haut { top:285px; left:257px; width:122px; height:20px;}
#BDP { top:295px; left:133px; width:100px; height:35px;}
#Orgelet { top:352px; left:159px; width:56px; height:20px;}
#Jura_Sud { top:377px; left:163px; width:70px; height:20px;}
#Saint_Amour { top:399px; left:88px; width:90px; height:21px;}
#Saint_Lucipin { top:399px; left:206px; width:90px; height:20px;}
#Saint_Claude { top:422px; left:228px; width:90px; height:20px;}


#Cat { border: 1px solid #000000; width:48%; height:170px; font-family:cursive; margin-right: 10px;}
#PEB { border: 1px solid #000000; width:100%; height:170px; font-family:cursive;  margin-left: 15px;}

.titre_bloc {	text-align: center; background-color: #5A6BAD; color:#FFFFFF;	font-weight: bold;
	padding: 6px; display:block; }

/* .corps_bloc { text-align: justify; padding: 6px; display:block;} */
.corps_bloc { text-align: justify;}
	
.lien_bloc { text-align: center; padding: 6px; font-weight: bold; color: #0b8b9a; display:block; cursor:pointer;}


/*#reseau_bib { border:1px solid #000000; position:relative; top:-18px; border-collapse: collapse; }*/

#reseau_bib { border:1px solid #000000;  border-collapse: collapse; }

#reseau_nom { background-color: #5A6BAD; color:#FFFFFF;	font-weight: bold;
			  padding: 6px; border-bottom:1px solid #000000; }
#reseau_infos { padding: 6px; width:80%; }
#reseau_img { text-align: center; padding: 6px; width:20%; height:100%; border-left:1px solid #000000; }
#reseau_link { color:#0b8b9a; font-weight:bold;}
#reseau_visuel { text-align: center; padding: 6px; }

.titre_r { text-decoration:underline; color: #5A6BAD; font-weight:bold; }
.reseau_mod { cursor: pointer; }
.reseau_input { border:1px solid #000000; }
.wmax { width:100%; }
.tarea { width:95%; height:100px; border:1px solid #000000; }

.btn {
background: #86B2C3 url(/images/bg-btn.jpg) left top repeat-x;
border: 1px solid #92C4C9;
color: #1F363F;
cursor: pointer;
display: block;
float: left;
font-weight: bold;
height: 16px;
margin-right: 10px; 
padding: 2px 10px;
}

.btnput {
background: #86B2C3 url(/images/bg-btn.jpg) left top repeat-x;
border: 1px solid #92C4C9;
color: #1F363F;
cursor: pointer;
font-size: 10pt;
font-weight: bold;
height: 20px;
margin-right: 2px; 
padding: 2px 10px;
text-align: center;
}