/* --------------Ensemble des styles © La Félixe sauf mentionné ---------------   */
/* --------------------- Balises HTML ------------------------------------------ */
html, .ie html {
	background: -moz-linear-gradient(#fcf7f1, #e6cfb8);	
	background: -webkit-linear-gradient(#fcf7f1, #e6cfb8);
	background: -o-linear-gradient(#fcf7f1, #e6cfb8);
	background: -ms-linear-gradient(#fcf7f1, #e6cfb8);
	background: linear-gradient(#fcf7f1, #e6cfb8);
}
body {
	
	margin: 0; /* RAZ des marges : en théorie tous les enfants de body vont hériter  */
	padding: 0;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size:14px;
	color:#000;
	text-align:justify;
	}
img {
	border:none;
}
h1 {
	margin:0px 0px 20px 0px;
	font-size:2em;
}
h2 {
	font-size:1.3em;
	margin:0px 0px 10px 0px;
}
h3 {
	font-size: 0.9em;
	font-weight: normal;
	font-style:italic;
	margin:0px;
}
h4 {
	font-style:italic;
	font-weight:bold;
	font-size: 0.8em;
	padding: 10px;
}
section {
	font-style:italic;
	font-weight:bold;
	font-size: 0.8em;
	padding: 8px;
}
.principal { 
	margin:5px auto; /* permet de centrer */
	padding: 0px;
	width: 970px;
	height:auto;
	position: relative;	
}
/* ------------ les 2 colonnes ------------- */
.col_g { 
	float: left;
	background:rgba(255,129,0,0.1);
	border-right: #ff8100 thin solid;
	margin: 1px 8px 1px 1px;
	padding: 2px 0 4px 2px;
	height: 670px;
	width: 210px;
	overflow:hidden;
} 
.col_d {
	
	margin: 1px 1px 1px 8px;
	padding: 0px;
	height: auto;
	min-height: 680px;
	width: 745px;
	overflow:hidden;
}
/* -----------------------Menus et bandeaux ---------------- */
.flags {
	text-align:right;
	margin: 20px 0px 30px 0px;
	width:180px;
	position:relative;
	left:770px;
}
.flags img {
	width: 20px;
}
.bouton {
	display: inline-block;
	border-radius: 0 15px 0 15px;
	box-shadow: 2px 3px 3px #aaa;	
	padding: 2px 8px 2px 8px;
	overflow:hidden;
	text-align:center;	
}
#picasa {
	background-color: rgba(255,255,255,1);
	margin:5px 15px;
	width:335px;	
}
#forum {
	margin: 0px 10px 0px 0px;
	background-color: rgba(255,129,0,0.3);	
}
#titre_menuB {
	color:#49a0f8;
	}
#titre_menuV {
	color:#71f371;
	}
#titre_menuM {
	color:#a9755b;
	}
.menu_b ,.menu_v ,.menu_m {
	height:250px;
	margin-bottom: 30px;
}
.menu_b {
	color : #416c97;
}
.menu_v {
	color : #418a41;
}
.menu_m {
	color : #7e320d;
}
.ariane {
	position:absolute;
	top: 75px;
	font-size : 0.9em;
	color : #ff8100;
	font-style:italic;
}
#menu_bas {
	text-align:center;
	font-size:0.9em;
	margin: 2px 0px 10px 0px;
	color : #ff8100;
}
/* ---------------------- Dans les pages ------------------------ */
.accueil {
	height:250px;
	margin-bottom: 30px;
}
.map1 {
margin: 20px auto;
}
.page_b, .page_v, .page_m {
	display: inline-block;
	vertical-align:top;
	overflow:hidden;
}
.page_b {
	color : #416c97;	
}
.page_v {
	color : #418a41;
}
.page_m {
	color : #7e320d;
}
.pasapas1 a { font-size:0.8em; }
.pasapas1 img { vertical-align: middle; }

.openrunner1 img { vertical-align: middle; }

.heberg1 img { vertical-align: middle; }

#agenda {
	float:left;
	width:300px;
	background-color: rgb(254,245,254);
	background-color: rgba(255,255,255,0.3);
	padding: 10px;
	margin: 0 20px 0 0;
	color:#418a41;
	overflow:hidden;
}
#agenda h1, #compterendu h1 {
	font-size: 1.2em;
	margin:0px;
	padding:0px;
}
#agenda h2 {
	margin:0px;
	padding:0px;
	font-size: 1.1em;
	font-style:italic;
}
#agenda p {
	margin:0px;
	padding:0px;
}
#compterendu {
	background-color: rgb(65,138,65);
	background-color: rgba(65,138,65,0.8);
	width:380px;
	overflow:hidden;
	color:#ffffff;
	padding:0 10px 10px 10px;
}
#compterendu img {
	float:right;
	width:180px;
	margin:10px;
}
.refuge {
	margin: 25px 0 0 0;
	text-align:left;
	overflow:hidden;
}
.refuge ul {
	margin-left:0;
	padding-left:0;
	list-style-position:inside;
	font-size:1em;
}
.refuge li {
	margin-bottom:20px;
}
.refuge img {
	max-width:150px;
	max-height:100px;
	float:right;
}
.dates, .dates p {
	font-style:italic;
	font-size: 0.9em;
	font-weight:bold;
}
#jumelage img{
	float:right;
	margin:0 0 0 10px;
	max-width:300px;
}
.chapeau {
	font-size:1.1em;
	font-style:italic;
	font-weight:bold;
	margin:0 0 40px 0;
}
.chapeau img {
	float : left;
	width:150px;
	margin-right:10px;
}
#divers_jum {
	background-color: rgb(65,138,65);
	background-color: rgba(65,138,65,0.4);
	color: #000;
	padding: 20px;	
	border-radius: 0 25px 0 25px;
}
.partner {
	color:#ffffff;
	width:220px;
	padding:10px;
	overflow:hidden;
	text-align:left;
}
.partner a {
	font-size:0.6em;
}
.partner h3 {
	font-size:1em;
}
.mention h1 {
	font-size:1.2em;
}
.mention h2 {
	font-size:1em;
	font-style:italic;
}
.actu {
	border-radius: 0 20px 0 20px;
	box-shadow: 3px 3px 4px #aaa;
	margin: 10px 0 0 0;
	max-height:50px;
	width:722px;
	overflow:hidden;
	
}
.actu a {color:#000 !important; font-size: inherit !important;}
.actu a:visited, .actu a:hover, .actu a:focus { color:#999 !important; }
.actu_b { background-color: rgba(65,108,151,0.3); }
.actu_b a { color:rgba(0,75,150,1) !important;}
.actu_b a:visited, .actu_b a:hover, .actu_b a:focus { color:rgba(0,75,150,0.5) !important;}
.actu_v { background-color: rgba(65,138,65,0.3); }
.actu_v a { color:rgba(71,102,0,1) !important;}
.actu_v a:visited, .actu_b a:hover, .actu_b a:focus { color:rgba(71,102,0,0.5) !important;}
.actu_m { background-color: rgba(126,50,13,0.3); }
.actu_m a { color:rgba(188,78,7,1) !important;}
.actu_m a:visited, .actu_b a:hover, .actu_b a:focus { color:rgba(188,78,7,0.5) !important;}


.actu_voie1 { border:#416c97 thin solid; padding:1rem; background:rgba(65,108,151,0.3); color:#000000; font-style: italic; }
/* --------------------------- POPUP ---------------------------- */
.coucou {
	visibility:hidden;
}
.popup_big {
	background-image:url(img_fixes/fond_black.png);
	z-index:50;
	display:none;
	position: absolute;
	position: fixed;
	top: 0px;
	left: 0px;
	width:100%;
	height:100%;
}
	
.popup_small {
	top:10px;
	left:15px;
	width:950px;
	height:auto;
	border-top:#c9c9c9 solid 1px;
	border-left:#c9c9c9 solid 1px;
	border-right:#555555 solid 2px;
	border-bottom:#555555 solid 2px;
	position: absolute;
	position: fixed;
	padding: 8px;
	color: #ffffff;
	font-size:0.9em;
	}
.popup_small_bleu {
	background-color:#416c97;
}
.popup_small_vert {
	background-color:#418a41;
}
.popup_small_marron {
	background-color:#7e320d;
}
.popup_small h1 {
	color:#ffffff;
	margin: 5px 0px 15px 0px;
	padding: 0px;
	font-size: 1.4em;
	font-style:italic;
	text-decoration:underline;
}
.fermer {	/* --- A placer toujours apres .popup img --- */
	float:right;
	width: 30px;
	z-index:60;
	display:inherit;
	cursor:default;
	border:#ffffff solid 0px;
	padding:0px;
	}
	
.fermer img {
	height: 20px;
	width: 20px;
	top:0px;
	left:0px;
	border:#ffffff solid 0px;
	margin:3px;
	}
/* ---------- Liens ---------- */
a {
  font-weight:bold;
  text-decoration: none;
  font-size:0.9em;
  color: #ff8100;
}
a:link, a:visited {
	color: #ff8100;
}
a:hover, a:focus {
  color: #ffcc00;
}
/* ---------- Menus déroulants - © Patrick Griffitz et Dan Webb www.pompage.net ---------- */
.menu_b a{
color : #416c97;	
}
.menu_b a:visited{
color : #416c97;	
}
.menu_b a:hover, .menu_b a:focus{
color : #49a0f8;	
}
.menu_v a{
color : #418a41;	
}
.menu_v a:visited{
color : #418a41;	
}
.menu_v a:hover, .menu_v a:focus{
color : #71f371;	
}
.menu_m a{
color : #7e320d;	
}
.menu_m a:visited{
color : #7e320d;	
}
.menu_m a:hover, .menu_m a:focus{
color : #a9755b;	
}
.nav, .nav ul {
padding: 0px;
margin: 0px;
list-style: none;
text-align:left;
z-index:100;
}
.nav a {
display: block;
width: auto;
text-align:left;
font-size: 1.2em;
font-weight:normal;
text-decoration:none;
}
.nav li {
/*float: left;*/
width: auto;
text-align:left;
}
.nav li ul {
	position: absolute;
	width: 200px;
	left: -999em;
}
.nav li:hover ul {
	left: auto;
	display: block;
	text-align:left;
}
.nav li:hover ul, .nav li.sfhover ul {
	left: auto;
}
.conl, .diapo, .required {}