/* ESCALANQUES : STYLE DE LA PAGE "nous-contacter.html"
------------------------------------------------------------------------------------
 */


*{
	margin: 0;
	padding: 0;
}

/* la police pour tout le texte est verdana */
body {
	color: black;
	font-size: 12px;
	font-family: Verdana;
}

/*les liens par défaut sont en blanc*/
a {
 	color: #cccc66;
	text-decoration: none;
	}

/*les liens  sélectionnés sont encadrés */
a:hover {
	color: #cccc66;
	background-color: white;	
}

/* les liens visités ne sont pas repérés */
a:visited {
	text-decoration: none;
}


/* CONTENEUR DE TOUTE LA PAGE
---------------------------------------------------------
*/

#conteneur {
	position: relative;
	width: 850px;
	margin-top: 10px;
	margin-left: auto;
	margin-right: auto;
	margin-bottom: 20px;
}

h1 {
	font-size: 14px;
	text-indent: -5000px;	
}

h1 em {
	font-weight: normal;
	font-style: italic;	
}

h2 {
	margin-top: 0px;
	padding-top: 0px;
	width: 570px;
	height: 20px;
	background-color:#cc9 ;
	font-size: 14px;
	color: white;
	text-indent: 2px;
}

h3 {

	font-size: 12px;
}

ul {}

li {}

p  {}
	
td  { font-size: 12px }

/* EN-TETE
----------------------------------------------
*/

#en_tete p {
	color: #999999;
}

#intro p {
	color: black;
	font-weight: 600;
}

#en_tete a {}

#en_tete a:hover {}

/* le bandeau est au centre avec une image en arrière plan */
#bandeau_contact   {
	background-image: url("../images/bandeaux/contact/bandeau-contact_02.jpg");
	background-repeat: no-repeat;
	background-position: 50% bottom;
	width: 850px;
	height: 170px
	}

/* la barre de navigation est une image en arrière plan */
#navbar_contact   {
	line-height: 20px;
	background-image: url("../images/bandeaux/contact/bandeau-contact_01.jpg");
	background-repeat: no-repeat;
	text-align: right;
	height: 20px
	}

#navbar_contact a {
	color: #999999;
}

/*#navbar_contact a:hover {
	color: #cccc66;
}*/


/* CORPS DE PAGE
-------------------------------------------
*/

#corps {
	margin-top: 20px;
	/*background-color: springgreen;*/
}

/* COLONNE DE GAUCHE
-------------------------------------------
*/

/*  le menu contient quatre rubriques : boutons, coordonnées, divers et logo   */
#colonne_gauche   {
	/*background-color: indianred;*/
	background-image: url("../images/logo-arete.jpg");
	background-repeat: no-repeat;
	background-position: left 100%;
	padding-top: 0;
	position: absolute;
	left: 0;
	width: 260px;
	height: 1100px;
	}

#menu {
	margin-top: -10px;
}

#menu li {
	list-style-type: none;

}

#coordonnees   {
	font-size: 10px; 
	background-image: url("../images/escalanques-petit-logo.jpg"); 
	background-repeat: no-repeat; 
	background-position: 10px 0; 
	margin-top: 10px; 
	padding-top: 20px; 
	padding-left: 10px;
	padding-bottom: 70px;
}

#infos { }

#issuu p {
	
	font-size: 10px;
}

/*#newsletter {
	background-color: #cccc66;
	width: 240px;
	height: 80px;
	margin-top: 20px;
	padding-top: 10px;
	padding-left: 10px;
	padding-right: 5px;
	padding-bottom: 20px;
	font-style: italic;
}

#newsletter strong {
	color: white;
}*/

#logo {
	height: 300px;
	margin-top: 10px;
}


/* COLONNE DE DROITE
-------------------------------------------
*/

/*  le corps de page comprend un titre, un paragraphe descriptif et une photo  */
#colonne_droite {
	/*background-color: #d3d3d3;*/
	width: 570px;
	height: 1100px;
	margin-top: 20px;
	margin-left: 280px;	
}

#colonne_droite h2 {
	clear: both;
}

#colonne_droite a {
	color: black;
	font-size: 10px;
}

#colonne_droite a:hover {
	background-color: transparent;
	text-decoration: none;
	font-size: 12px;
}


/* les "corps" contiennent deux colonnes activite */
#corps1 {
	/*background-color: indianred;*/
}

#corps2 {
	height: 540px;
	/*background-color: green;*/
}

#corps2 h2 {
	
}

/* le "corps3" contient deux colonnes : 3 "cellules" de texte à G et une photo à D */

#corps3 {}


#colonne3 {
	width: 270px;
	/*background-color: navajowhite;*/
}

#colonne3 h2 {
	
	width: 270px;
}

/* une DIV pour fermer le conteneur corps1 */
.clearfloats {
	font-size: 0pt;
	line-height: 0px;
	height: 0px;
}

.activitexte {
	text-align: justify;
	word-spacing: -1px;
	width: 240px;
	margin-left: 30px;
	padding-top: 2px;
}

/* ------------------------- S'inscrire --------------------------------- */
#activite1  {
	background-image: url("../images/triangle_cccc00.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding-top: 10px;
	padding-right: 10px;
	width: 260px;
	/*height: 140px;*/
	float: left
	}

#puce1  {
	/*line-height: 20px;
	background-image: url("../images/puces/puce-infos99ff99.jpg");
	background-repeat: no-repeat;
	background-position: right 50%;*/
	text-align: center;
	position: relative;
	bottom: 15px;
	left: 130px;
	width: 110px;
	height: 20px
	}

#activite1bis  {
	/*background-image: url("../images/triangle_ccffff.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;*/
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 20px;
	width: 260px;
	
	float: left;
	left: 290px;
	bottom: 160px;
	}

#activite1 a {
	font-size: 12px;
}

#activite1 a:hover {
	color: white;
	font-size: 12px;
	background-color: #cccc66;
}

#activite1bis a {
	font-size: 12px;
}

#activite1bis a:hover {
	color: white;
	font-size: 12px;
	background-color: #cccc66;
}

#activite1bis em {
	font-size: 10px;
}

#puce1bis  { /* fiche d'inscription */
	line-height: 20px;
	background-image: url("../images/puces/puce-infoscccc00.jpg");
	background-repeat: no-repeat;
	background-position: right 50%;
	text-align: center;
	position: relative;
	bottom: 15px;
	left: 130px;
	width: 110px;
	height: 20px
	}


/*--------------------présentation d'escalanques----------------------*/
#identite   {
	background-image: url("../images/triangle_cc9933.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	margin-bottom: 30px; 
	padding-top: 10px; 
	padding-right: 10px; 
	width: 560px; 	
	float: left 
	}

#esprit {
	margin-left: 30px;
	padding-top: 2px;
	text-align: justify;
}


/*#activite4   {
	background-image: url("../images/triangle_ffff33.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding-top: 10px;
	padding-right: 10px;   
	width: 260px;
	height: 100px;
	float: left
	}


#puce4  {
	line-height: 20px;
	background-image: url("../images/puces/puce-infosffff33.jpg");
	background-repeat: no-repeat;
	background-position: right 50%;
	text-align: center;
	position: relative;
	bottom: 15px;
	left: 130px;
	width: 110px;
	height: 20px
	}*/



/*----------------------------- Vincent-------------------------------------*/
#vincent {
	text-align: right;
	word-spacing: -1px;
	width: 220px;
	margin-left: 30px;
	padding-left: 10px;
	padding-top: 2px;
}

#activite2  { /* photo de vincent */
	background-image: url("../images/triangle_ffff33.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding-top: 10px;
	padding-right: 10px;
	width: 260px;
	height: 150px;
	float: left
	}

/*#puce2   {
	line-height: 20px;
	background-image: url("../images/puces/puce-infosccffff.jpg");
	background-repeat: no-repeat;
	background-position: right 50%;
	text-align: center;
	position: relative;
	bottom: 15px;
	left: 130px;
	width: 110px;
	height: 20px
	}*/
#activite2 h3 {
	margin-bottom: 10px;
	

}


#activite2 img {
	margin-left: 30px;
	}

#activite2 p {
	width: 220px;
	text-align: right;
	font-style: italic;
	font-size: 10px;
	}



/*#activite5   {
	background-image: url("../images/triangle_ffcc00.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;	
	width: 260px;
	height: 100px;
	float: left
	}

#puce5  {
	line-height: 20px; 
	background-image: url("../images/puces/puce-infosffcc00.jpg"); 
	background-repeat: no-repeat; 
	background-position: right 50%; 
	text-align: center; 
	position: relative; 
	bottom: 15px; 
	left: 130px; 
	width: 110px; 
	height: 20px 
	}*/


/*----------------------Chandra--------------------------------*/
#chandra {
	
	text-align: right;
	word-spacing: -1px;
	width: 220px;
	margin-left: 30px;
	padding-left: 10px;
	
	padding-top: 2px;
}

#activite3   { /* portrait de chandra */
	background-image: url("../images/triangle_ffcc00.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 10px;
	right: 10px;	
	height: 150px;
	float: left
	}

#activite3 h3 {
	margin-bottom: 10px;
	
}

#activite3 img {
	margin-left: 30px;
	}

#activite3 p {
	text-align: right;
	font-style: italic;
	font-size: 10px;
}

/*#puce3  {
	line-height: 20px;
	background-image: url("../images/puces/puce-infosccffcc.jpg");
	background-repeat: no-repeat;
	background-position: right 50%;
	text-align: center;
	position: relative;
	bottom: 15px;
	left: 130px;
	width: 110px;
	height: 20px
	}*/

/*------------------------ a propos du site internet---------------------*/
#activite6   {
	background-image: url("../images/triangle_cccc00.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	
	margin-bottom: 30px; 
	padding-top: 10px; 
	padding-right: 10px; 
	width: 260px; 
	
	float: left 
	}


#puce6  {
	line-height: 20px; 
	/*background-image: url("../images/puces/puce-infoscccc00.jpg"); 
	background-repeat: no-repeat; 
	background-position: right 50%;*/ 
	text-align: center; 
	position: relative; 
	bottom: 15px; 
	left: 130px; 
	width: 110px; 
	height: 20px 
	}


#credits_photos {
	text-align: justify;
	word-spacing: -1px;
	width: 540px;
	margin-left: 30px;
	padding-top: 2px;
	
}
 
#credits_photos li {
	list-style: circle;
	text-indent: 20px;
}

/* --------------------- Conditions générales --------------------- */
#activite7   {
	background-image: url("../images/triangle_ccffff.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding-top: 10px;
	padding-right: 10px;
	width: 260px;
	
	float: left
	}


#puce7   {
	line-height: 20px;
	/*background-image: url("../images/puces/puce-infosccffff.jpg");
	background-repeat: no-repeat;
	background-position: right 50%;*/
	text-align: center;
	position: relative;
	bottom: 15px;
	left: 130px;
	width: 110px;
	height: 20px
	}

#activite8   {
	background-image: url("../images/triangle_ffcc00.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	margin-bottom: 20px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	width: 260px;
	
	float: left
	}

#puce8   {
	line-height: 20px;
	/*background-image: url("../images/puces/puce-infosccffcc.jpg");
	background-repeat: no-repeat;
	background-position: right 50%;*/
	text-align: center;
	position: relative;
	bottom: 15px;
	left: 130px;
	width: 110px;
	height: 20px
	}


#activite9   {
	background-image: url("../images/triangle_ffff33.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	padding-top: 10px;
	padding-right: 10px;
	width: 260px;
	
	float: left
	}

#puce9   {
	line-height: 20px;
	/*background-image: url("../images/puces/puce-infosffff33.jpg");
	background-repeat: no-repeat;
	background-position: right 50%;*/
	text-align: center;
	position: relative;
	bottom: 15px;
	left: 130px;
	width: 110px;
	height: 20px
	}


#activite10   {
	background-image: url("../images/triangle_ccff99.gif");
	background-repeat: no-repeat;
	background-position: 0 10px;
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 10px;
	padding-bottom: 30px;
	width: 260px;
	
	float: left
	}

#puce10  {
	line-height: 20px; 
	background-image: url("../images/puces/puce-infosccff99.jpg"); 
	background-repeat: no-repeat; 
	background-position: right 50%; 
	text-align: center; 
	position: relative; 
	bottom: 0px; 
	left: 130px; 
	width: 110px; 
	height: 20px 
	}




/* PIED DE PAGE
------------------------------------------
*/

/* le menu pied de page est dans un cadre gris   */
#pied_de_page {
	
	width: 850px;
	margin-top: 20px;
	margin-bottom: 20px;
	height: 30px;
	line-height: 15px;
	padding-bottom: 3px;
	color: white;
	font-size: 10px;
	background-color: #cc9;
	text-align: center;
}

#pied_de_page a {
	color: white;
}

#pied_de_page a:hover {
	background-color: white;
	font-size: 10px;
	color: #999999;
}