body
{
background:url(../images/arriereplanbleu.png) center fixed;/*image arrière plan  */
}

#capsule
{
width: 980px;
margin-left: auto;
margin-right: auto;  
}


#en-tete
{
	width: 785px;
	height: 250px;
	margin-left: 195px;
	position: absolute;
	background-image:url(../images/entete.png);/*banière tente et logo */
	
	
}

#en-tete2
{
	width: 180px;
	height: 250px;
	position: absolute;
	background-image:url(../images/entete2.png);/*image banière menu*/
	
	
}


/*------------------------------------------------------------------------------------------*/

 
.caps
{
position: absolute;
margin-top: 250px;
margin-left: 0px;
padding-top: 0px;

}



.navigation
{
width: 180px;
text-align: center;
list-style-type:none;
margin-bottom: 0px;
padding-left:	0px;
margin-left:0 ;
margin-top: 0px;
}

.subMenu
{
text-align: center;
background: black;
  margin: 0;
  padding: 0;
}

.subMenu li
{
text-align: center;
background: black;
}

.subMenu li:hover {
     
	  background-image:url(../images/menu.png);/*image fond sous-menu survolé */
      }
	  
	  
.toggleSubMenu  li 
{
list-style-type:none;
border: 10px none; /*apparence bordure  haut  */
height: 100%;/*hauteur*/
font-size: 20px;/*taille police */
padding: 2px;/*marge intérieur basse */
margin:0px;/*marge intérieur basse */

}


.navigation a {
      display: block;
      padding: 8px 10px;
      color: #00C7C2;/*couleur police titre menu*/
      text-decoration: none;
      background: black;
	  font-size: 22px;/*taille police */
	  font-family:Thickhead,Typewriter,"Times New Roman";
	  background-image:url(../images/menu2bleu.png);/*image ligne sous titres*/
	  
      }
	  
.navigation a:hover{
     
      color: #B3361D;/*Couleur texte menu survolé  accueil  */
    
      }
	  
.navigation span {
      display: block;
      padding: 4px 10px;
      text-decoration: none;
      }
   
   .navigation ul.subMenu a {
      background: none;
      padding: 3px 0px;
	  color: #3A87B1;/*Couleur texte menu   */
      }
	  
	.navigation ul.subMenu a:hover {
	  color: #B3361D;/*Couleur texte menu  survoler  */
      }
	  


	#photo h3
	{
text-align: center;
font-family:Thickhead,Typewriter,"Times New Roman";
cursor: pointer;/*curseur doigts*/
padding-left:	0px;/*marge intérieure  */
margin-bottom: 0px;
margin-top: 0px;
height: 30px;/*Hauteur menu dt */
width: 180px;
line-height: 20px;/*interline bloc raport police */
text-align: center;/*alignement du texte*/
font-weight: bold;/*police gras*/
color: #00C7C2;/*couleur texte h3 bloc photo */
background: black;/*couleur fond */
font-size: 20px;/*taille police */
padding-top: 10px;/*marge intérieur haute */
background-image:url(../images/menu2bleu.png);/*image ligne sous titres*/
}
	
	.photos
	{
	height: 170px;
	width: 180px;
	position: absolute;/*Position absolut */
	padding-top: 20px;
	padding-bottom: 15px;
	padding-left:	0px;/*marge intérieure  */
	margin-left:0 ;/*marge intérieure ie pffff que de temps perdu à cause de ie*/
	margin-top: 0px;
	background: black;
	list-style-type:none;
	border: 10px none; /*apparence bordure  haut  */
	font-size: 20px;/*taille police */
	color:#3A87B1 ;/*Couleur texte div photo  */
	text-align:center;
	font-family:Thickhead,Typewriter,"Times New Roman";
	} /*------------------------------------------------------------------------------------------*/
 
 
#corps
{
width: 785px;
position: absolute;
margin-top: 250px;
margin-left: 195px;
}

#corps h1
{/* Tous les titres h1 du corps */
margin: 0; padding: 0;
color: #00C7C2;/*couleurs texte h1   (activité)*/
text-align: center;
font-family:Thickhead,Typewriter,"Times New Roman";
}

#corps h2
{/* Tous les titres h1 du corps */
color:#457598;/*couleurs texte h2  (club alpes mans ailes*/
padding-left: 20px;
text-align: center;
font-family:Thickhead,Typewriter,"Times New Roman";
}

#corps h3
{/* Tous les titres h1 du corps */
color:#457598;/*couleurs texte h3  inutilisé*/
padding-left: 20px;
font-family:Thickhead,Typewriter,"Times New Roman";
}

#corps h4
{/* Tous les titres h1 du corps */
color: #B3432D;/*couleurs texte h4 (base ulm piacé)*/
padding-left: 10px;
font-family:Thickhead,Typewriter,"Times New Roman";
}

#corps p
{/* Tous les titres p du corps */
color: white; /*couleurs texte corps*/
padding-left: 20px;
text-align:left;
font-size: 18px;
}

#corps a:visited
{
color:white;
}


 #corps a:hover /*quand on pointe sur un lien du corps*/
 {
 color: #B3361D;/*couleurs lien corps*/
 }

#corps li 
{
list-style-type:none;
font-size: 18px;
}

.google
{
border: 2px solid black ;
background-color: black;
background-image: url(../images/menu2bleu.png);/*image ligne sous titres*/
background-repeat: repeat-x;
}

.orientation
{
border: 2px solid black ;
background-color: black;
background-image: url(../images/menu2bleu.png);/*image ligne sous titres*/
background-repeat: repeat-x;
}

.terrain
{
text-align: center;
background-repeat: no-repeat;
height: 300px;
float: right;
margin-right: 15px;
margin-left: 15px;
}
.cabane
{
text-align: center;
background-repeat: no-repeat;
height: 200px;
float: left;
margin-right: 15px;
margin-left: 15px;
}

.google2
{
text-align: center;
background-repeat: no-repeat;
height:20px;
float: left;
margin-left: 50px;
}  

.tut
{
text-align: left;
background-repeat: no-repeat;
margin-right: 5px;
margin-left: 5px;
}

.liens
{
border: 2px solid black ;
background-color: black;
background-image: url(../images/menu2bleu.png);/*image ligne sous titres*/
background-repeat: repeat-x;
text-align: left;
Padding-left: 50px;
}

.liens  a
{
color: white;
}


.liens  a:visited
{
color:white;
}


 .liens  a:hover /*quand on pointe sur un lien du corps*/
 {
 color: #B3361D;/*couleurs lien corps*/
 }


#tuto
{
background-color: black;

}

#tuto p
{/* Tous les titres p du corps */
color: white; /*couleur texte   p*/
padding-left: 20px;
text-align:left;
font-size: 20px;
}

#tuto h1
{/* Tous les titres h1 du corps */
margin: 0; padding: 0;
color: #00C7C2; /*couleur  texte h1*/
text-align: center;
font-family:Thickhead,Typewriter,"Times New Roman";
background-image: url(../images/menu2bleu.png);/*image ligne sous titres*/
}

.travaux
{
text-align: center;
background-repeat: no-repeat;
height: 200px;
}

.forum
{
border: 2px solid black;
color: #ffffc0;/*couleur  texte forum*/
background-color: black;
background-image: url(../images/menu2bleu.png);/*image ligne sous titres*/
background-repeat: repeat-x;
}

.forum p
{
text-align: center;
}

.pied-de-page
{
border: 2px solid black;
background-color: black;
background-image: url(../images/menu2bleu.png);/*image ligne sous titres*/
background-repeat: repeat-x;
margin-bottom: 30px;
padding-bottom: 0px;
text-align: center;
}

.pied-de-page h5
{
color: #00C7C2;/*couleur  texte pied de page*/
}