/* $Id: style.css,v 1.1.4.3 2008/11/22 00:53:22 stevek Exp $
*/

/**
 *
 * ABOUT
 *
 * Style.css is the first custom stylesheet called in the CSS order (for the remaining stylesheets, see the .info file).
 * Please place commonly used CSS snippets here. Otherwise, place design specific styles in css/main.css
 */

/* Simple Layout reset */

* { margin: 0; padding: 0; }

/*
* Copyright (c) 2008, Yahoo! Inc. All rights reserved.
* Code licensed under the BSD License:
* http://developer.yahoo.net/yui/license.txt
* version: 2.6.0
* http://developer.yahoo.com/yui/reset/
*/

/* Uncomment to activate YUI CSS reset, YUI CSS Reset is designed to cancel all basics css styles applyed by field across A-grade browsers by default

html{color:#000;background:#FFF;}
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,code,form,fieldset,legend,input,textarea,p,blockquote,th,td{margin:0;padding:0;}
table{border-collapse:collapse;border-spacing:0;}
fieldset,img{border:0;}
address,caption,cite,code,dfn,em,strong,th,var{font-style:normal;font-weight:normal;}
li{list-style:none;}
caption,th{text-align:left;}
h1,h2,h3,h4,h5,h6{font-size:100%;font-weight:normal;}
q:before,q:after{content:'';}
abbr,acronym{border:0;font-variant:normal;}
sup{vertical-align:text-top;}
sub{vertical-align:text-bottom;}
input,textarea,select{font-family:inherit;font-size:inherit;font-weight:inherit;}
input,textarea,select{*font-size:100%;}
legend{color:#000;}
del,ins{text-decoration:none;}
*/

/**
 * How To Clear Floats Without Structural Markup: 
 * http://www.positioniseverything.net/easyclearing.html
 * 
 */

.clearfix:after {
  content: ".";
  display: block;
  height: 0;
  clear: both;
  visibility: hidden;
}

.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix { height: 1%; }
.clearfix { display: block; }
/* End hide from IE-mac */

/* clear classes for content */

.clearleft { clear: left; }

.clearright { clear: right; }

.clearboth { clear: both; }

/* Float classes for images */

.floatleft { float: left; margin: 0 10px 5px 0 !important; }

.floatright { float: right; margin: 0 0 5px 10px !important; }

.floatleft .caption { font-size: 10px; font-weight: bold; text-transform: uppercase; padding-top: 5px; }

/* "Skip to Main Content" link
*
* This link useful for both visually impaired people and those with mobility impairments
* who cannot use a mouse.
*/

#skip-nav { display: none; }

#skip-nav a, #skip-nav a:hover, #skip-nav a:visited {
  position: absolute;
  left: 0;
  top: -500px;
  width: 1px;
  height: 1px;
  overflow: hidden;
}
#skip-nav a:active, #skip-nav a:focus {
  position: static;
  width: auto;
  height: auto;
}

/** Prevent overflowing content **/

#header,
#content,
#sidebar-left,
#sidebar-right,
#footer {
  overflow: visible;
  word-wrap: break-word; /* A very nice CSS3 property */
}

/* bug fix with views 2 edit links */

div.view div.views-admin-links {
	width:auto;
}

/*node.alaune*/

#alaune

{
margin: 30px auto ;
width: 90% ;
color: #000 ;
letter-spacing: .02em ;
text-align: justify ;

}

#alaune_top
{
margin: 0 ;
width: 540px ;
height: 60px ;
background: url(css/img/alaune_top.png) top ;
}

#alaune_bottom
{
padding: 20px 0 0 0;
width: 540px ;
height: auto ;
background: url(css/img/infospratiques_bottom.png) bottom ;
}

.field-titre
{
color: #e43a1e ;
font-size: 140% ;
font-variant: small-caps ;
font-weight: bold ;
padding: 10px 40px ;
}

.field-une-date
{
color: #5888b6 ;
font-size: 110% ;
font-variant: small-caps ;
padding: 10px 40px ;
}

.field-corps1
{
color: #606060 ;
font-size: 103% ;
padding: 10px 40px ;
}

.field-img-alaune
{
margin: 0 180px ;
}


/*NODE.RENDEZVOUS*/


#rendezvous

{
margin: 30px auto ;
width: 90% ;
color: #000 ;
letter-spacing: .02em ;
text-align: justify ;

}

#rendezvous_top
{
margin: 0 ;
width: 540px ;
height: 60px ;
background: url(css/img/rendezvous_top.png) top ;
}

#rendezvous_bottom
{
padding: 20px 0 0 0;
width: 540px ;
height: auto ;
background: url(css/img/infospratiques_bottom.png) bottom ;
}

.field-titre-rendezvous
{
color: #e43a1e ;
font-size: 140% ;
font-variant: small-caps ;
font-weight: bold ;
padding: 10px 40px ;
}

.field-corps-rdv
{
color: #606060 ;
font-size: 103% ;
padding: 10px 40px ;
}

.field-img-rdv
{
margin: 0 190px ;
}

/*****************DEBUT DEPUIS LES SECTIONS****************************/


#depuis_les_sections
{
margin: 40px auto ;
width: 90% ;
padding: 10px 0 ;
width: 540px ;
height: auto ;
border: 1px solid #d7d7d7 ;
background: #fff url(css/img/depuislessections.png) top right no-repeat ;
}

.field-dls-titre
{
color: #36407d ;
font-size: 110% ;
font-weight: bold ;
padding: 10px 40px ;
}

.field-dls-date
{
color: #999999 ;
font-size: 103% ;
font-weight: bold ;
padding: 10px 40px ;
}

.field-dls-corps
{
color: #606060 ;
font-size: 103% ;
padding: 10px 40px ;
}

.field-dls-section
{
color: #e43a1e ;
font-size: 109% ;
padding: 10px 40px ;
}

.field-dls-lien
{
color: #36407d ;
font-size: 103% ;
padding: 10px 40px ;

}




/*************DEBUT ************PAGE DES SECTIONS*****************************/

#main_node_page_section
{
margin: 30px auto ;
width: 90% ;
color: #000 ;
letter-spacing: .02em ;
text-align: justify ;

}

h4.field-label
{

line-height: 1.2em ;
padding: 4px 2px;
color: #000 ;
background: url(css/img/titre_field.png) no-repeat ;
width: 90px ;
font-weight: bold ;
font-size: 100% ;
}

 div.field-president h4.field-label,div.field-siteweb h4.field-label
{

line-height: 1.2em ;
padding: 4px 2px;
color: #000 ;
background:url(css/img/titre_field_president.png) no-repeat ;
width: 90px ;
font-weight: bold ;
font-size: 100% ;
}

 div.field-lieu h4.field-label,div.field-adresse h4.field-label
{
line-height: 1.2em ;
padding: 4px 2px;
color: #000 ;
background: url(css/img/titre_field_lieu.png) no-repeat ;
width: 90px ;
font-weight: bold ;
font-size: 100% ;

}


 div.field-tarif h4.field-label
{
width: 90px ;
line-height: 1.2em ;
padding: 4px 2px;
color: #000 ;
background: url(css/img/titre_field_tarif.png) no-repeat ;
font-weight: bold ;
font-size: 100% ;
}

 div.field-horaires h4.field-label,div.field-telephone h4.field-label,div.field-tarifs h4.field-label
{
width: 90px ;
line-height: 1.2em ;
padding: 4px 2px;
color: #000 ;
background: url(css/img/titre_field_horaires.png) no-repeat ;
font-weight: bold ;
font-size: 100% ;
}




.field-sec-text-pres,.field-infos,.field-presentation-activites,.field-programme-ete,.field-programme-toussain,.field-fich1-hor,.field-fich2-hor,.field-fichier1
{
color: #606060 ;
font-size: 103% ;
padding: 10px 40px ;
}


.field-telephone,.field-siteweb,.field-email,.field-adresse
{
color: #606060 ;
padding: 10px 0px ;

}

#section_infos

{
margin: 0  ;
}

#infospratiques_top
{
margin: 0 ;
width: 540px ;
height: 60px ;
background: url(css/img/infospratiques_top.png) top ;
}



#infospratiques_bottom
{
padding: 20px 0 0 0;
width: 540px ;
height: auto ;
background: url(css/img/infospratiques_bottom.png) bottom ;
}

.field-president,.field-lieu,.field-tarif,.field-tarifs
{
padding: 10px 40px ;
color: #606060 ;
}

.field-entraineurs,.field-horaires
{
padding: 10px 40px ;
color: #606060 ;
text-align: right :

}

#contact_section a
{
color: #666 ;
line-height: 1.2em ;
padding: 0 ;
}



#contact_section
{
width: 540px ;
height: auto ;
}







#contact_section_top
{
width: 540px ;
height: 60px ;
background: url(css/img/ensavoirplus_top.png) top center ;
}

#contact_section_bottom
{
width: 540px ;
height: 400px ;
background: url(css/img/infospratiques_bottom.png) bottom ;
}

#contact_section_left
{
float: left ;
width: 300px ;
margin: 30px 0 0 40px ;
}

#contact_section_right
{
float: left ;
width: 160px ;
height: 160px ;
margin: 60px 0 0 0 ;
height: auto ;

}


/*************FIN************PAGE DES SECTIONS*****************************/

/*************DEBUT ************PAGE MULTIACTIVITES*****************************/

.field-titre-presentation
{

color : red ;
font-size: 120% ;
font-variant: small-caps ;
}

.field-infos-multiactivites
{
color: #303030 ;
font-size: 103% ;
padding: 10px 40px ;

}

div.activites_photos
{
width : 660px ;
height : 200px ;
}

div.field-stage-photo1
{
padding: 5px ;
float : left ;
}

div.field-stage-photo2
{
padding: 5px ;
float : left ;
}

div.field-stage-photo3
{
padding: 5px ;
float : left ;
}
#
{
margin: 30px auto ;
width: 90% ;
color: #000 ;
letter-spacing: .02em ;
text-align: justify ;
}

#infospratiques_stages_top
{
margin: 0 ;
width: 540px ;
height: 60px ;
background: url(css/img/infospratiques_stages.png) top ;
}

#infospratiques_stages_bottom
{
padding: 20px 0;
width: 540px ;
height: auto ;
background: url(css/img/infospratiques_stages_bot.png) bottom ;
}

#hor-zebra
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	margin: 45px;
	width: 480px;
	text-align: left;
	border-collapse: collapse;
}
#hor-zebra th
{
	font-size: 14px;
	font-weight: normal;
	padding: 10px 8px;
	color: #039;
}
#hor-zebra td
{
	padding: 8px;
	color: #669;
}
#hor-zebra .odd
{
	background: #e8edff; 
}

#programmes_stages_top

{
margin: 0 ;
width: 540px ;
height: 60px ;
background: url(css/img/programmes_stages_top.png) top ;
}


#programmes_stages_bottom
{
padding: 20px 0;
width: 540px ;
height: auto ;
background: url(css/img/programmes_stages_bottom.png) bottom ;
}



/*************DEBUT ************PAGE DES PARTENAIRES*****************************/

.img_page
{
width: 98% ;
text-align: center ;
}

.texte_page
{
padding: 10px 40px ;
color : #848484 ;
}

.dev_partenaires
{
margin: 0 auto ;
width: 400px ;
height: 30px ;
background : url(css/img/bg_partenaires.jpg) ;
text-align: center ;
}

.dev_partenaires a
{
font-size: 110% ;
color: blue ;
}

#main_node_page_partenaires
{
margin: 45px auto ;
padding: 0 ;
width: 97% ;
color: #000 ;
text-align: left ;


}
#hor-minimalist-a
{
	font-family: "Lucida Sans Unicode", "Lucida Grande", Sans-Serif;
	font-size: 12px;
	background: #fff;
	border-collapse: collapse;
	text-align: left;
}

.bubbleInfo {
    position: relative;
	width: 180px ;
	height: 15px ;
	padding : 0 ;
	margin : 0 ;
}



.popup {
	padding: 
	3px 3px 4px 6px ;
	font-size: 80% ;
    position: absolute;
    display: none; /* keeps the popup hidden if no JS available */
	width : 225px ;
	height: 125px ;
	background : url(css/img/bulle.png) no-repeat;
	text-align: left ;
	color: #000 ;
}

div.popup a
{
color: #000 ;
}

p.trigger
{
width: 180px ;
margin: 0 ;
padding : 0px ;
color: #000 ;
font-size: 90% ;
text-align: left ;
}

td
{
text-align: left ;
padding: 5px 0px 0px 0px;
}

.chevrons
{
color: red ;
}


span.titrebulle
{
color: #415594 ;
font-weight: bold ;
font-size: 110% ;
}

tbody.parte
{
border-top: #fff ;
}


/*************FIN ************PAGE DES PARTENAIRES*****************************/

/*************DEBUT*************PAGE MANIFESTATIONS************************/

.field-nom-manif1,.field-nom-manif2,.field-nom-manif3
{
width: 420px ;
color: #415594 ;
font-weight: bold ;
font-size: 120% ;
padding: 10px 20px ;
margin: 0 30px ;
border-top: 1px dotted #e4e4e4 ;

}

.field-date-manif1,.field-date-manif2,.field-date-manif3
{
padding: 10px 30px ;
margin: 0 30px ;
color: #02a0bc ;
}

.field-lieu-manif1,.field-descr-manif1,.field-lien-manif1,.field-tarif-manif1
{
padding: 10px 30px ;
margin: 0 30px ;
color: #g2g2g2 ;
}

.field-img-manif1
{
text-align: center ;
}

#manifestations_top
{
margin: 0 ;
width: 540px ;
height: 60px ;
background: url(css/img/manifestations_top.png) top ;
}


#manifestations_bottom
{
padding: 20px 0;
width: 540px ;
height: auto ;
background: url(css/img/manifestations_bottom.png) bottom ;
}



/*************DEBUT ************PAGE CONTACT*****************************/


.contact
{
color: #5888b5 ;
font-size: 110% ;
padding: 40px 140px ;

}

.contact h4
{
color : #415594 ;
}

/*********************Page Installations****************/



div.inst_photos
{
margin: 0 auto ;
width : 660px ;
height : 200px ;
}

div.field-field-img-inst-1, div.field-field-img-inst-2, div.field-field-img-inst-3, div.field-field-img-inst-4, div.field-field-img-inst-5, div.field-field-img-inst-6, div.field-field-img-inst-7, div.field-field-img-inst-8, div.field-field-img-inst-9 
{
padding: 20px 16px;
float : left ;
}