@charset "UTF-8";
@media all
{
  html * { font-size: 11px}
  body { background: #fff url("") repeat-x top left fixed; padding: 0px 0; }
    body {
    font-family:arial, Verdana, Helvetica, Arial, sans-serif;
    font-size: 75.00%;
    color: #444;
margin:0; padding:0
  }

  h1,h2,h3,h4,h5,h6 {
   font-family:"Arial Narrow", 'Trebuchet MS', Verdana, Helvetica, Arial, sans-serif;
  	font-weight:bold;
  	color:#666;
  	margin: 0 0 0.25em 0;
  }

  h1 { font-size: 200% }                        /* 24px */
  h2 { font-size: 200%; color:#182E7A}          /* 24px */
  h3 { font-size: 150% }                        /* 18px */
  h4 { font-size: 15px }                     /* 16px */
  h5 { font-size: 116.67% }                     /* 14px */
  h6 { font-size: 116.67%; font-style:italic }  /* 14px */

  #header h1 {
    font-size:2.5em;
    letter-spacing:3px;
    line-height:65%;
	text-align:center;
    color:#fff;
	padding: 20px 0 0 0 ;
	height:58px;
  }

  #header span { color:#999; }
  p { line-height: 1em; margin: 0 ; }
  /* ### Lists | Listen  #### */


  img { border:0}

  ul, ol, dl { line-height: 1.5em; margin: 0 0 1em 1em ;}
  li { margin-left: 1.5em; line-height: 1.5em;  }

  dt { font-weight: bold }
  dd { margin: 0 0 1em 2em }

  /* ### text formatting | Textauszeichnung ### */

  cite, blockquote { font-style:italic }
  blockquote { margin: 0 0 1em 1.5em }

  strong,b { font-weight: bold;}
  em,i { font-style:italic }

  pre, code { font-family: monospace; font-size: 1.1em; }

  acronym, abbr {
    letter-spacing: .07em;
    border-bottom: .1em dashed #c00;
    cursor: help;
  }



  #page_margins {width: 955px; margin: 0px auto; border: 1px #ACACAC solid;  padding:0 0 px 0; display:block; clear:both; height:685px; }
  #page{ background: #fff;  margin:0 ; padding: 0 0 4px 0  }

bbody { text-align: center }
  #page_margins { text-align:left }

  #header {
    color: #000;
	background-image:url(../images/header.jpg);
	background-position:left top;
	background-repeat:no-repeat;
	height:123px;
	width:955px;
	float:left;
  }

  #topnav { color: #aaa; background: transparent; }
  .home  { height:461px; overflow:hidden; }

  #nav_main {background-color: #336}

  #main { padding:0;  float:left; display:block; clear:both; width: 955px; }

  *html #main { padding:0;  float:left; display:block; clear:both; width: 955px; margin-top:-15px; position :relative; top : -5px;}
  #footer {
    color:#666;
	display:block; clear:both; float:left; width: 100%;  }

  #col1 { width: 197px; float:left; padding:0 10px;  }
  *html #col1{ width: 190px; float:left; padding:0 0px;}
  #col1_content {
	  float:left; display:block; clear:both;
	  margin:0; padding:0; width: 50%;

  }
  #col1_content  ul, #col1_content  ul li  {
	  /*list-style-type:disc !important;*/
	list-style-type:none !important;
	  color: #9DB638;
	  float:left;
	  margin:0; padding:0;
	  list-style-position: inside;
	  width: 200px;

  }
  #col1_content  ul li{
 	 background:url(../images/puce-vert.gif) no-repeat 0 5px;
  }
  #col1_content  ul{
  		padding-bottom:15px;
  		margin-left:5px;

  }
  #col1_content  ul li  a {
	  font-size: 13px;
	  font-weight:bold;
	  width: 100%;
	 display:inline;
	 padding-left:15px;
	  color: #000 !important;

  }
    #col1_content  ul   li.mini a{
	  font-size: 10px;
	  width: 100%;
	 display:inline;
	  color: #000 !important;

  }
	#col1  form.selections div {display:block; clear:both;  float:left;   margin: 3px 0; width:0px;}
	#col1  form.selections h1 {color: #1A171B; font-size:13px; font-weight:"Arial",'Trebuchet MS',Verdana,Helvetica,Arial,sans-serif;}
	#col1  form.selections input  {display:block; clear:both; width: 0; marign:0; padding:0 ; float:left; margin-left:80px; width:90px; }
   *html 	.btn-search  {display:block; clear:both; width: 0; margin:0; padding:0 ; float:left !important;  width:60px; margin-left:45px !important; }
	#col1  form.selections  {padding:10px 0 0 10px; width: 170px; float:left; display:block; clear:both; overflow: hidden}
	
	/* ajout pierrick select colonne gauche */
	*html #col1  form.selections{width:200px;padding:10px 0 0 0;float:left; display:block; clear:both;}
	*+html #col1  form.selections{width:200px;padding-left:-20px;float:left;  clear:both;}
	/* fin ajout pierrick select colonne gauche */
	
  #col2 { width: 520px; float:left; overflow:hidden;  }
  #col2_content { }

  #col3 {width: 218px; height:527px; float:right;  background:url(../images/bg-rightcol-2.jpg) no-repeat top; background-color:#2AAEB2; line-height:1.1em; }
 *html #col3 {width: 215px; height:527px; float:right;  background:url(../images/bg-rightcol.jpg) no-repeat top; background-color:#2AAEB2; line-height:1.1em; }
  #col3_content { color:white;  }

  #col3 .rando {width: 160px; height:210px; overflow:hidden;  padding:60px 0 0 32px; }
  #col3 .rando img {text-align:center; padding: 2px 0px; }
  #col3 .hebergement {height:80px;overflow:hidden;padding:29px 0 0 32px;width:150px;  }
  #col3 .sortie {height:135px;overflow:hidden;padding:30px 0 0 32px;width:150px;  }


  #col3_content { color:white;  }
  #col3_content h4 { color:white;  }
  #col3_content a { color:white;  display:block; clear:both; margin: 3px 0 ;}

}

  body { text-align: center }
  #page_margins { text-align:left }

  #topnav { color: #aaa; background: transparent; }

  #nav ul { margin-left: 20px; }
  #nav_main {background-color: #336}



	a.plus  {text-decoration:underline;}



  .note {background: #dfd; padding: 1em; border-bottom: 1px #bdb dotted; border-bottom: 1px #dbb dotted;}
  .important {background: #ffd; padding: 1em; border-bottom: 1px #ddb dotted; border-bottom: 1px #dbb dotted;}
  .warning {background: #fdd; padding: 1em; border-bottom: 1px #dbb dotted; border-bottom: 1px #dbb dotted;}

  .float_left { float: left; display:inline; margin-right: 1em; margin-bottom: 0.15em;  }
  .float_right { float: right; display:inline; margin-left: 1em; margin-bottom: 0.15em;  }
  .center { text-align:center; margin: 0.5em auto }


  a {color: #fff; text-decoration:none;}
  a:focus,
  a:hover,
  a:active {color:#fff; text-decoration:underline;}

  #pied {
		background-color:#FDFDFC;
		float:right;
		text-align:center;
		width:796px;padding : 0 0 5px 0 ;
		display:block; clear:both;
	}

  hr {
    color: #fff;
    background:transparent;
    margin: 0 0 0.5em 0;
    padding: 0 0 0.5em 0;
    border:0;
    border-bottom: 1px #eee solid;
  }

  .btn-search  {
   background:url(../images/btn-search.png) no-repeat left top ; width:75px!important; height:15px; float:left; border:0;
   display:block; cursor: pointer;  margin:5px; margin-bottom:15px;
  }

  .selectHome{
   background:url(../images/bg-input.jpg) repeat-x 0 1px ;  float:left; border:0;
   display:block; cursor: pointer;   width:167px; height:18px;
   margin-top:1px;
   border-left:1px solid #ddd;

  }
  
  *html .selectHome{       
  width:192px; 
 
  }
  
   *+html .selectHome{  
   width:192px;    
  }

  /* RECUP OLD STYLES */
  .content-header {
	clear:both;
	display:block;
	font-family:Verdana,"Bitstream Vera Sans",Tahoma,Arial,sans-serif;
	font-size:10px;
	height:24px;
	width:100%;
}
.menu-intro {

	background-image:url(../images/bg-menu-left.png);
	background-position:left top;
	background-repeat:no-repeat;
	color:#000000;
	float:left;
	font-family:Verdana,"Bitstream Vera Sans",Tahoma,Arial,sans-serif;
	font-size:10px;
	font-weight:normal;
	height:43px;
	padding:5px 10px;
	text-align:center;
	width:207px;
}
*html .menu-intro {
	background:none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(src="squelettes/images/bg-menu-left.png", sizingMethod="crop");
	position:relative; margin-right:-3px;
}

.menu-top {


float:left;
height:15px;
width:740px;
}

.menu {
	background-color:#FCFCFB;
	color:#7D7D7D;
	float:right;
	font-size:10px;
	height:19px;
	margin-top:11px;
	padding-left:10px;
	text-transform:uppercase;
	width: 718px; overflow: hidden;
	margin-right: 0px;
}
/**{border:1px solid red; }*/
.lien_navi {
	background-repeat:no-repeat;
	color:#CCCCCC;
	font-size:14px;
	font-weight:bold;
	margin:0;
	text-align:left;
	width: 180px; overflow: hidden;
	float:left;
	display:block; clear:both;
}
.lien_navi a img{
	margin-left:10px;
	padding-bottom:15px;
	padding-top:10px;

}
.form-recherche {
	border:0px solid #000000;
	margin-left:5px;
	margin-left:10px;
	text-align:left;
	width:200px;
	float:left; display:block; clear:both;
}
.form-recherche label {
	border:medium none;
	color:#999999;
	font-size:14px;
	font-weight:bold;
	line-height:10px;
	text-align:left;
	float:left; display:block; clear:both;
}
.form-recherche .zone {
	border:1px solid #999999;
	color:#999999;
	font-size:11px;
	font-weight:normal;
	margin-top:7px;
	width:120px;
	float:left;

}
.ok {
	background-color:#FFFFFF;
	background-image:url(../images/btok.gif);
	background-position:left top;
	background-repeat:no-repeat;
	border:0px none;
	cursor:pointer;
	height:20px;
	margin-left:5px;
	margin-top:5px;
	width:30px;
	float:left;
}
.form-recherche label img {
	float:left; display:block; clear:both;
	margin-top: 5px;

}

.accueil1-spec {
	background-color:#FFFFFF;
	border:1px solid #DEDEDE;
	color:#838383;
	height:610px;
	overflow-x:hidden;
	overflow-y:auto;
	position:relative;
	visibility:visible;
	width:575px;
	padding:10px 10px 0 10px;
	z-index:60;
}
.max{
	font-size:30px;
	font-weight:normal;
	margin:10px 0;
	padding-left:5px;
	text-align:left;
	vertical-align:text-bottom;
}

.spip-art-entete{
border-bottom:2px dotted #838383;
font-size:14px;
font-weight:normal;
padding-bottom:10px;
padding-left:10px;
padding-top:3px;
}
.spip-art-contenu a{
		color:#000000;
}
.spip-art {
color:#838383;
display:inline;
float:left;
padding-left:15px;
padding-right:5px;
padding-top:5px;
width:250px;
}
.descriptif {
border-bottom:2px dotted #838383;
color:#838383;
float:left;
font-size:12px;
font-weight:normal;
height:170px;
padding-top:0;
text-align:left;
}
.descriptif .spip_logos {
float:right;
max-width:120px;
padding:5px;
}
.lei_row {
border-top:1px dashed #FFFFFF;
margin:0;
padding:20px 5px 5px;

}
.lei_description {
display:inline;
font-size:0.91em;
color:#838383;
}
.lei_row h3 {
font-size:0.9em;
font-weight:bold;
text-decoration:underline;
color:#838383;
}
.event_calendar {
background:transparent url(../images/picto/calendar2.gif) no-repeat scroll 0 0;
float:left;
height:48px;
margin:0 6px 10px 0;
padding:0;
width:40px;
}
.first{
	margin-top:20px;
	font-size:15px;
	}
.other{
	display:block;
	clear:both;
	float:left;
	width: 100%;
	}
	.other a{font-size:15px;font-weight:bold;}
	.first a{font-size:15px;font-weight:bold;}

.presentation{
	display:block;
	float:left;
	width:220px;
}
.circPlus{
	display:block;
	float:left;
	font-weight:bold;
	font-size:15px;
}
.desc{
	float:left;
	display:inline;
}
.accueil1-spec strong{
	font-size:1.2em;
}
.circPlus a{
	font-size:15px;


}
#lei_map_a{
	float:right;
}
.agendaTitre{
	color:#BE2720;
}
#lei_comment p{
	font-size:1.2em;
	font-weight:bold;
}
.sur-titre{font-family:sans-serif;font-size:18px;font-weight:bold;}
.sous-titre{font-family:sans-serif;font-size:16px;font-weight:bold;}
.photogallery {
    height:  165px;
    width:   220px;
    padding: 0;
    margin:  0 0 0 5px;
    float:right;
}

.photogallery .navi{
	color:#665400;
	font-size:12px;
	font-weight:bold;
	margin-top:5px;
	text-align:center;
}

.photogallery .navi a{cursor:pointer;}

.photos img {
    padding: 0px;
    border:  1px solid #ccc;
    background-color: #eee;
    width:  210px;
    height: 155px;
    top:  0;
    left: 0;
}

.tabs ul{	text-align:center;	}
.tabs li{
	background:#EEEEEE;
	border-color:white darkgray white white;
	border-style:solid;
	border-width:1px;
	float:left;
	height:4em;
	margin:5px 0px -1px 0px;
	padding:2px 1em;
	width:11em;
	text-align:center;
	list-style:none;
}
.tabs li :hover{text-decoration:underline;}
.tabs a {	text-decoration:none;color:#000000;	}

.tabs .ui-tabs-panel{
	margin-top: 2px;
	background:#EEEEEE;
	border-color:white darkgray darkgray white;
	border-style:solid;
	border-width:1px;
	font-size:13px;
	font-weight:bold;
	padding:10px;
	clear:both;
}
.tabs .ui-tabs-panel a{	text-decoration:none;	}
.tabs .ui-tabs-panel a:hover{	text-decoration:underline;	}
.tabs li.ui-tabs-selected{	border-bottom-color:#EEEEEE;	}
.tabs .ui-tabs-hide { display: none!important; }
.retour_carte {color:#7AA126;	font-size:13px;	font-weight:bold;	text-decoration:none;}
.retour_carte:hover {color:#7AA126; text-decoration:underline;}
.onglet{
		border-bottom-color:#EEEEEE;
		background:#EEEEEE none repeat scroll 0 0;
		border-color:white white white white;
		border-style:solid;
		border-style:solid;
		border-width:1px;
		width:140px;
		float:left;
		height:6em;
		padding:2px 1em;
		margin:5px 0 -1px;
		text-align:center;
		padding-top:40px;
		}
.onglet a{
	color:#000000;
	font-weight:bold;

}
.ongletLoger{
	border-bottom-color:#EEEEEE;
		background:#EEEEEE none repeat scroll 0 0;
		border-color:white white white white;
		border-style:solid;
		border-style:solid;
		border-width:1px;
		width:140px;
		float:left;
		height:6em;
		padding:2px 1em;
		margin:5px 0 -1px;
		text-align:center;
		padding-top:40px;
	font-weight:bold;
}
.ongletBarre{
		border-bottom-color:#EEEEEE;
		background:#EEEEEE none repeat scroll 0 0;
		border-color:white white white white;
		border-style:solid;
		border-style:solid;
		border-width:1px;
		width:470px;
		float:left;
		height:3em;
		padding:2px 1em;
		margin:5px 0 -1px;
		text-align:center;

		}
.rss{
	color:#000000;

}
 a.rss:hover, a.rss:focus, a.rss:active{
	color:#000000;
	text-decoration:underline;

}
.titreRando{
	font-weight:bold;
	font-size:1.1em;
}
.titreRando p{
	color:#9DB638;
	font-size:1.5em;
}
.photogallery{
	float:left;
}
.infoRando li{
	color:#9DB638;
	list-style-position:inside;
	list-style-type:disc !important;
	margin:0 0 0 5px;
	padding:0;
}
.infoRando span{
	color:#838383;
}
.signalerProbleme li{
	color:#9DB638;
	list-style-position:inside;
	list-style-type:disc !important;
	margin:0 0 0 -40px;
	padding:0;
}
.signalerProbleme span{
	color:#838383;
}
.sousImage{
	float:left;
	width:300px;
}
.menuRando{
	float:left;
}
.telecharger{
	float:right;
	text-align:center;
}
.nameSite{
	color:#FFFFFF !important;
	display:block;
	float:left;
	font-size:18px;
	font-weight:normal;
	letter-spacing:0.5em;
	margin-left:140px;
	margin-top:40px;
	padding-right:60px;
	padding-left:30px;
	font-weight: bold;
}
*html .nameSite {
margin-left:90px;
}
.localiseHome{
margin-top:10px;
}



/*logo cg*/
#header .spip_logos{margin-left:-35px;margin-right:10px;padding-top:7px;}
*+html #header .spip_logos{margin-left:-35px;}
*html #header .spip_logos{margin-left:-60px;}

* html img,
* html .png{
position:relative;
behavior: expression((this.runtimeStyle.behavior="none")&&(this.pngSet?this.pngSet=true:(this.nodeName == "IMG" && this.src.toLowerCase().indexOf('.png')>-1?(this.runtimeStyle.backgroundImage = "none",
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.src + "', sizingMethod='image')",
this.src = "transparent.gif"):(this.origBg = this.origBg? this.origBg :this.currentStyle.backgroundImage.toString().replace('url("','').replace('")',''),
this.runtimeStyle.filter = "progid:DXImageTransform.Microsoft.AlphaImageLoader(src='" + this.origBg + "', sizingMethod='crop')",
this.runtimeStyle.backgroundImage = "none")),this.pngSet=true)
);
}

.logo_cg{float:right;margin-right:15px;margin-top:-80px;}
*+html .logo_cg{float:right;margin-right:15px;margin-top:-85px;}
*html .logo_cg{float:right;margin-top:-83px;margin-right:10px;}
/*fin logo cg*/


/*sous footer*/
.sfooter {font-size: 9px;text-align:center;margin-top:10px;}
.sfooter a{color:blue;font-size:9px;}
}