/* feuille de style de squelette-basique */

body {
     font-family: Verdana, Helvetica, sans-serif;
		 margin: 0px;
		 padding: 0px;
		 font-size: 11px;
}

h1 {
/*     background-color: #ddd;
		 text-transform: uppercase;
		 border: solid 1px #aaa;
		 font-size: 28px;
		 width: 50px;
*/
		 height: 50px;
		 margin: 0px 30px;
		 padding: 0px;
		 text-align: top;
}
h1 div {
/*		 width: 20%;
		 white-space: nowrap;
		 background: #fff;
*/
		 margin: 10px 0px 0px 20px;    
}
h1 div span {
     position: absolute;
		 background: #fff;
		 padding-top: 0px;
		 left: 0px;
/*		 
		 left: 0px;
		 display: block;
		 width: 100%;*/
}

.masquer {
    position: absolute;
    left: 0px;
		top: 0px;
		z-index: -1;
    white-space: normal;
/*		color: #736F6F;*/
}


/*
h1 > div{
 		 margin: 20px 0px 0px 20px;
		 padding-top: 10px;
}
h1 > div > span{
		 z-index: 10;
}
h1 > div > img {
		 z-index: 12;
     position: absolute;
		 background: #fff;
		 padding-top: 0px;
		 left: 0px;
}
*/

h2 {
/*     background-color: #736F6F;
		 width: 75%;
		 border: solid 1px #ddd;*/
		 padding-top: 10px;
		 font-size: 20px;
		 text-align: center;
     white-space: nowrap;
}

h3, h2 {
     margin: 0px;
}

h3 {
     font-size: 12px;
}
h3 a:hover {
   color: #000;
	 background: #ddd;
}

p {
     padding-top: 0px;
		 margin-top: 0px;
}
a[name] { border: none; }
h1 a { border: none; background-color: #fff; }

#entete, #pied, #entete a, #entete .logo_site, #pied a, .porte_coulissante,  
.cadre-activite h2, .cadre-billet h2,  .pratique h3, .bandeauTitre, .pratique a, .cartouche,
.cadre_texte h3, .ui-tabs-nav a {
    background: #736F6F;
}

#entete a, #pied a, #entete a:hover, #pied a:hover, .porte_coulissante, .pratique a {
		border: none;
}

.porte_coulissante a span, .bandeauTitre, 
.pratique a, .cadre_texte h3, #pied, #tel_mail, .cartouche, .ui-tabs-nav a {
    color: #F9ED27;
}

a, #pied .adminP, .pratique_ajax a, .pratique a:hover, .bandeau_bas, .ui-tabs-nav a:hover  {
     text-decoration: none;
		 font-weight: bold;
		 background: #eee;
		 color: #000;
}
a, #pied .adminP, .pratique_ajax a, .bandeau_bas {
		 border: 1px dotted #aaa;
}
a:hover, #pied .adminP:hover, .pratique_ajax a:hover, .bandeau_bas:hover {
    background: #ff9;
}
a:hover, #pied .adminP:hover {
		 border: 1px dotted #aaa;
}

a:visited {
     
}
.spip_in { color: #000 !important; }


hr {
     display: none;
}

img {
		border: none;
}

.float_R { float: right; }
.float_L { float: left;  }


#contenuPage {
     margin: 0px;
		 padding: 0px;
}

#cadre_central {
    margin: 0px 10px;
		padding: 0px;
}
#central_sorties {
    margin: 20px 20px;
		padding: 0px;
}
#central_billets { margin: 0 190px 0 250px; padding: 0px; }

#total_onglets { /* margin-right: 200px;  */ }

.nettoyeur {
     clear: both;
		 margin: 0px;
		 padding: 0px;
}

#tel_mail {
    float: right;
		font-size: 16px;
/*    font-family: Verdana, Helvetica, sans-serif;
		position: absolute;*/
		right: 0px;
		top: 80px;
}
#tel_mail a { color: #F9ED27; }

.menu_langues {
    float: right;
		font-size: 10px;
}
.menu_langues a img {
		vertical-align: baseline;
		padding-top: 2px;
}

#entete, #pied {
/*		 height: 196px;*/
		 width: 100%;
}
#entete {
		 padding: 5px 0px 0px 0px;
		 margin: 0px auto;
}
#entete .logo_site {
		 display: block;
/*		 width: 100%;
     float:left;
		 background: transparent;*/
		 padding-left: 50px;
		 padding-bottom: 5px;
}

#pied {
		 text-align: center;
		 margin: 20px 0px;
		 padding: 5px 0px 5px 0px;
		 font-weight: bold;
     clear: both;
}
#pied .porte_coulissante {
     margin-top: -5px;
}

.adminP {
     float: right;
		 margin-right: 10px;
		 font-size: 10px;
}
#mentions {
     margin: 15px 0px 5px 0px;
		 font-weight: normal;
}

.intro {
     font-size: 14px;
		 font-weight: 600;
		 padding-top: 15px;
		 margin: 30px 30px;
		 text-align: justify;
		 position: relative;
     line-height: 24px;
}

#boite_infos {
     float: right;
		 margin: 0 0 20px 20px;
		 padding: 0px;
		 position: relative;
		 z-index: 10;
}
.pratique {
     margin-top: 10px;
}
#boite_infos, .pratique {
		 width: 170px;
}
.pratique a {
		 margin: 0px;
		 padding: 5px 0 5px 5px;
		 display: block;
/*		 font-size: 12px;  */
}
.pratique a:hover, .pratique a {
		 border: 0;
}
.pratique_ajax {
/*		 border: solid 5px #736F6F;*/
		 background: #eee;
		 padding: 5px;
		 margin: 0px;
		 height: 380px;
}
/*
.pratique div {
		 position: absolute;
		 z-index: 10;
}
*/
.cadre_telech_doc {
     clear: right;
		 float: right;
	   width: 140px;
		 right: 0px;
		 vertical-align: middle;
}

.cadre_telech_doc a {
		 display: block;
     padding: 0px 5px;
		 width: 100%;
}
.cadre_telech_doc span, .bandeau_telech span, bandeau_bas span {
    padding: 0px;
		margin: 0px;
		vertical-align: middle;
}
.bandeau_telech {
     width: 100%;
		 height: 15px;
		 margin-top: 10px;
}
.bandeau_telech div, .bandeau_bas a {
		 font-size: 10px;
		 margin: 0px;
		 font-weight: normal;
    padding: 0px;
}
.bandeau_telech div {
		float: left;
		 margin-left: 5px;
}
.bandeau_bas {
		display: inline;
		width: 150px;
		float: left;
		margin: 0px;
}
.bandeau_bas a {
		width: 150px;
		float: left;
		display: block;
		margin: 0px;
}
.float_L img {
    margin-right: 5px;
}
.float_R span {
    padding-left: 5px;
}

.splickrbox {
     float: left;
		 margin: 0px 20px 0px 0px;
		 position: absolute;
}
.splickrbox a {
     padding: 0px;
		 margin: 0px;
		 border: 0;
}

/*
#pratique1apa {
		 height: 265px;
}
*/
.cadre-sorties, .cadre-activite, .cadre-billet {
     margin: 10px 10px;
}
.cadre-activite p, .cadre-billet p {
		padding: 5px;
}
.cadre-activite h2, .cadre-billet h2 {
     margin: 0px;
		 padding: 0px;
		 border: solid 1px #ddd;
		 font-size: 20px;
		 width: 100%;
		 min-height: 55px;
		 color: #736F6F;
		 text-align: left;   
}
.cadre-activite, .cadre-billet {
/*		 margin: 0px 2px;*/
		 overflow: hidden;
		 display: block;
     font-weight: normal;
		 font-size: 10px;
		 padding: 0px;
/*		 background: #ddd;
		 border: solid 1px #aaa;
*/
}
.cadre-activite { width: 22%; float: left; }

.cadre-billet p { font-size: 12px; margin: 0px; padding: 15px; }
.cadre-billet h2 {  padding: 0; }
.cadre-billet {  /*width: 550px;*/ margin-bottom: 10px;}
.cadre-billet .titre_cat { float: right; text-align: right; }
.cadre-billet p small{ padding-top: 10px; display: block; }

.cadre-activite h2 span, .cadre-billet h2 span {
		position: absolute;
}
#central_billets p { font-size: 12px; margin: 0px; padding: 5px 15px; }

#col-archives { width: 220px; border-right: solid 2px #ddd; padding: 10px; float: left; margin-right: 10px;}
#col-archives ul { padding-left: 5px; list-style-type: none; }
#col-archives ul a { display: block; padding: 3px; margin: 3px; }

#comments dt, #comments dd { background-color: #eee; padding: 10px; }
#comments dl dd { padding: 0 0 10px 30px; margin: 0 0 15px 0; }

small.nb_comm { float: right; text-align: right; font-size: 10px; color: #000; margin-right: 15px;}

.format_png {
		margin: 5px 0px 0px 10px;
}
.img_titre {
		float: left;
		padding: 0px !important;
}

h3 p {
    padding: 0px;
		margin: 0px;
}


.infos_sortie {
     float: left;
		 width: 240px;
		 background: #ddd;
		 padding: 10px;
		 margin: 0px 20px 0px 0px;
}
.infos_sortie ul, .cadre_texte ul {
     margin-top: 0px;
		 padding-top: 0px;
}
.infos_sortie p {
     margin-bottom: 0px;
		 margin-top: 5px;
}

.bandeauTitre {
    margin: 20px 0 10px 0;
		padding: 5px 40px;
}
.bandeauTitre .reduit_txt { font-size: 80%; font-weight:normal; }

.texte {
     padding: 10px 0px;
}

.cadre_texte {
     margin: 20px ;
		 padding: 0px;
		 width: 75%;
}
.cadre_texte h3 {
		 text-align: justify;
		 padding: 5px 20px;
		 margin: 20px 0px 3px 25px; 
}
.cadre_texte p, .cadre_texte ul {
		 padding-bottom: 0px;
		 margin-left: 35px;
		 margin-bottom: 0px;
}

.cartouche {
     margin: 0px 0px 0px 20px;
		 padding: 10px 5px;
		 float: right;
		 clear: right;
/*		 top: 80px;
		 left: 10px;
		 position: relative;
		 background: #ddd;*/	
		 border: dotted 1px #aaa;
		 width: 160px;
}

.cartouche span {
    font-size: 10px;
    margin: 10px 0px;
		line-height: 20px;
		padding-left: 5px; 
}
.cartouche p {
}
.cartouche ul {
    margin-top: 0px;
}

/* le formatage conditionné par le niveau des sorties  */
.nivo_sorties {
    border-width: 0px 0px 10px 0px;
}
.nivo_legende{
    border-width: 0px 0px 0px 10px;
}
.nivo_page {
    border-width: 0px 0px 0px 30px;
}
.familial, .sportif, .tres_sportif, .family_level, .sport_level, .very_sport {
		border-style: solid;
}
.familial, .family_level {
    border-color: #008FD5;
}
.sportif, .sport_level {
   border-color: #8BC63E;
}
.tres_sportif, .very_sport {
   border-color: #EE1D23; 
}

.videoG {
    float: left;
		cursor: pointer;
		margin-right: 20px;
		margin-left: 20px;
}
.videoGd {
     float: left;
		 position: absolute;
		 z-index: 10;
		 margin-left: 120px;
		 margin-top: -120px;
}
.videoR {
    float: left;
		margin: 0px 20px;
}
.videoP {
    float: left;
		margin: 0px 20px;
		width: 360px;
}

#documents_portfolio {
    height: 240px;
		overflow: hidden;
		margin: 0px;
		padding: 0px;
}
#photos_portfolio {
		margin: 10px 0px 0px 20px;
		padding: 0px;
}
#documents_portfolio a, #photos_portfolio a {
		border: 0;
		background: #fff;
}
#documents_portfolio img, #photos_portfolio img {
		padding: 20px 10px;
}

#documents_portfolio .spip_documents_left, #photos_portfolio .spip_documents_left {
   margin-top: 0px;
	 padding-top: 0px;
}
#documents_portfolio, .videoR  {
   background: #fff;
}

.site_associe a {
   display: block;
	 float: left;
	 width: 75%;
	 margin-top: 15px;
	 padding: 10px;
}
.site_associe a img {
	 vertical-align: middle;
}


/* les paramètres css necessaire aux animations js */
.apa {display: none;}