/*
*	Projet		: Site Estilo Tango 
*	Lien			: NA 
*	fichier		: style.css
*	Contenu		: Feuille de style
*	Auteurs		: Manolie FLECHE, Yann FLECHE
*	05/05/2010	: Ajout de commentaires ;-)
*/

	/**************************************************************************
	*	Définitions générales pour le site
	***************************************************************************
	*/

	/* Couleur de fond, Police, Couleur des ascenceurs... */
body
{
	margin: 0px;  												/* Evite les marges */
	text-align: center; 										/* pour corriger le bug de centrage des <div> avec MSIE < 6 */
	background-color:black;
	font-family: "Century Gothic", Verdana, Arial, sans-serif;	/* Police */
	scrollbar-face-color: #F4E5A4;								/*jaune pâle face plate */
	scrollbar-shadow-color: #FAAA19;							/*orangé coule sombre relief btn et ascens*/
	scrollbar-highlight-color: #FAAA19;							/*couleur claire relief btn et ascens*/
								/*coul claire relief qd btn pas enfoncé*/
	scrollbar-track-color:D7BFE2;								/* mauve dessous */
	scrollbar-arrow-color: #772B90;						/* fleches */
	scrollbar-darkshadow-color: #772B90; 						/* violet couleur sombre relief qd btn pas enfoncé */
	scrollbar-border-color:#772B8F;										/* #772B8F; Violet */

}

	/* classe globale pr centrer le site 800x600 */
.global_800x600 
{
	width: 800px; 												/* largeur du site */
	margin-left: auto;	margin-right: auto;						/* centrage du site */
	text-align: left;											/* Rétablit l'alignement normal du texte (Bug de centrage des <div> MSIE < 6) */
}

	/* classe globale pr centrer le site 1024x768 */
.global_1024x768 
{
	width: 1024px; 												/* largeur du site */
	margin-left: auto;	margin-right: auto;						/* centrage du site */
	text-align: left; 											/* Rétablit l'alignement normal du texte  (Bug de centrage des <div> MSIE < 6) */
}

.centrage_1024x768 
{
	width: 1024px; 												/* largeur du site */
	margin-left: auto;	margin-right: auto;						/* centrage du site */
	text-align: left; 											/* Rétablit l'alignement normal du texte  (Bug de centrage des <div> MSIE < 6) */
}

	/* liens */
.liens {color:#C5203C; font-size:0.8em;_font-size:0.65em;}
.liens a:hover {color:#FAAA19; outline:none;}


	/* classe Entête de page */     
.pg_header { height: 20px; /*background-color: red; */}

	/* classe Corps de page ACCUEIL */
.pg_accueil_800x600 { height: 600px; background-image: url(img/accueil_fond_800x600.jpg); }
.pg_fond_accueil_1024x768 
{
	position:relative;  										/* Permet de servir de conteneur parent */
	height: 768px; width: 1024px;
	background-image: url(img/accueil_fond_1024x768.jpg); 
}

	/* classe  Corps de page ACTU */
.pg_fond_actu_800x600 { height: 600px; background-image: url(img/actu_fond_800x600.jpg); }
.pg_fond_actu_1024x768 
{
	position:relative;  										/* Permet de servir de conteneur parent */
	height: 768px; width: 1024px; 
	background-image: url(img/actu_fond_1024x768.jpg);
	background-repeat: no-repeat;
}

	/* classe  Corps de page HORS ACCUEIL ET ACTU */
.pg_fond_800x600 { height: 600px; background-image: url(img/fond_800x600.jpg); }
.pg_fond_1024x768 
{
	position:relative;  										/* Permet de servir de conteneur parent */
	height: 768px; width: 1024px; 
	background-image: url(img/fond_1024x768.jpg);
	background-repeat: no-repeat;
}
 
	/*classe Contener central (cours, contact, mentions)*/
.contener {padding-top:200;_padding-top:150;margin:auto;width:1024px;}	

	/* classe Pied de page */
.pg_footer 	{ height: 20px; /*background-color: yellow;*/ }

	/* Texte mis évidence pour ne rien oublier pdt developpement */
.Tmp_Txt {background:lime; color:white; font-weight:bolder; font-size: 12px; font-style: italic;}

	
a img{border:0;}
a {outline:none;}
.clear_both { clear:none; /*clear: both;*/}

#msk{position:relative;clear:both;}
.msk h3{font-size:0.5em;color:black;}

	/**************************************************************************
	*	Page Accueil
	***************************************************************************
	*/

	/**********************************
	*	Page Accueil
	*	Boite Accueil gauche
	***********************************
	*/
#pg_accueil_box_textegauche
{
	position:absolute; top: 305px; left: 21px;					/* Positionnement dans la zone parente (fond) */
	height: 180px; width: 220px;									/* Hauteur Largeur */
	text-align: left; color: #FAAA19;							/* Formattage du texte : alignement, couleur */
	font-size: 12px; font-weight: normal;						/* Formattage du texte : taille, style */
/*	background:lime; */											/* Pour visu zone */
}


	/**********************************
	*	Page Accueil
	*	Boite Accueil centre
	***********************************
	*/
#pg_accueil_box_textecentre
{
	position:absolute; top: 415px; left: 290px;					/* Positionnement dans la zone parente (fond) */
	height: 100px; width: 400px;								/* Hauteur Largeur */
	text-align: left; color: #772d8e;							/* Formattage du texte : alignement, couleur */
	font-size: 12px; font-weight: normal;						/* Formattage du texte : taille, style */
	line-height: 180%;											/* interligne poue aerer le texte */
	margin-top: 0px; margin-bottom: 0px;						/* Marges verticales extérieures autour de la boite du texte */
	padding-left: 10px;
}


/**************************************************************************
*	Page Actu
***************************************************************************
*/

	/**********************************
	*	Page Actu 
	*	Styles globaux
	***********************************
	*/

/* Couleur de fond des titres boites comportant une couleur de fond */
.fond_rougeFonce { background-color: #C5203C;}
/* Texte boites */
.pg_actu_box_textes{margin-top: 0px; margin-bottom: 0px;
	text-align: left; color: black;font-size: 12px; font-weight: normal;font-family:Arial, Verdana, sans-serif;}
/* Titre boites (h2) */
h2.pg_actu_box_titles_h2{margin-top: 0px; margin-bottom: 0px;height: 26px;
	text-align: center;	color: #FAAA19;font-size: 16px; font-weight: bolder;line-height:26px;}
/* Soustitre boites (h3) */
.pg_actu_box_titles_h3{margin-top: 0px; margin-bottom: 0px;
	text-align: center;	color: #FAAA19;font-size: 14px; font-weight: bolder;line-height:15px;}
/* Renseignements boites */
.pg_actu_box_renseignements{margin-top: 0px; margin-bottom: 0px;
	text-align: left; color: #772B8F;font-size: 12px; font-style: italic;}
/*aspects lignes d'info*/
.txtstyletitre{color:#FAAA19;font-weight: bolder;text-align:center;}
.txtstyletitre1{color:#FAAA19;font-weight: bolder;text-align:center;font-size:0.9em;}
.txtstylecontenu{color:black;font-weight:lighter;font-size:0.8em;}
.txtstylerens{color:#772B8F;font-style: italic;font-size:0.75em;font-weight:lighter;} 	

/**EVENEMENT DU MOIS **/
/* Boite englobante */
#pg_actu_box_evtmois{float:left;margin-top:50px;width:217px;}
	/* Sous-boite photo */
	#box_evtmois_photo{border:thin solid #FAAA19;background:black;height:170px;text-align:center;}
	#box_evtmois_photo table{margin:auto;text-align:center;vertical-align:middle;height:160px;background:;}
	
	#box_evtmois_photo img{width:190px;}
	html>body #box_evtmois_photo img{max-width:190px;max-height:160px;}
	
	/* Sous-boite texte */
	#box_evtmois_texte{position:relative;float:left;margin-top:5;width:204px;height:210px;padding:10 3 5 7;overflow:auto;
		background:white;border:2px solid #FAAA19;text-align:left;		}

/** A NE PAS MANQUER **/
/* Boite englobante */	
#blocmanq{position:relative;float:left;
	margin-top:-270px;
	margin-left:15;
	width:250;height:auto;
	border:2px solid #C5203C;}
	
/*	#manqbloca{border:thin solid C5203C;background:#C5203C;font-weight:bolder;font-size:1em;color:#FAAA19;height:25;} */
	#manqblocCont{height:250px;overflow:auto;}
		.manqBlocbTxt{padding:10 3 5 7;
				background:white;
				text-align:left;
				font-family:Arial, Verdana, sans-serif;}

/** MES CARNETS DE VOYAGE **/				
/* Boite englobante */
#bloccarn{position:relative;float:left;
		margin-top:-270px;margin-left:30;
		width:420;height:auto;background:white;
		}
	/* Boite trainee */
	#bloccarna{height:45;text-align:center;}
	/* Boite englobante scrollable */
	#bloccarnb{height:202!important;
				height:206!important!;
				width:416px;
				overflow:auto;border:thin solid #CDC9C4;background:white;}
	/*tablo*/
	
	.carnblocfoto{height:198px;width:198px;min-width:198px;min-height:198px;background-color:black;text-align:center;vertical-align:middle;}
	
	.carnblocfoto img{width:185px;}
	html>body .carnblocfoto img{max-width:185px;max-height:185px;}
	
	.carnbloctxt{height:198px;width:180px;max-height:198px;max-width:180px;padding:0 15 0 15;border:thin solid #CDC9C4;background:white;
		font-size:0.7em;text-align:left;font-family:Arial, Verdana, sans-serif;font-weight:lighter;}

/** L'ACTU D'ESTILO TANGO **/
/* Boite englobante */
#blocactu{float:right;width:520;height:250;padding:18 18 0 0;
			margin-top:-20px;}
	/* Boite trainee */
	#blocactua{height:50;background:url(img/actutrain.jpg) center top no-repeat;font-weight:bolder;color:#FAAA19;}
	/* Boite englobante scrollable */
	#blocactub{border:2px solid #FAAA19;height:180;overflow:auto;}
		.blocactufoto{text-align:center;vertical-align:middle;
		height:100px;max-width:100px;min-width:100px;min-height:100px;}
		
		.blocactufoto img{width:100px;}
		html>body .blocactufoto img{max-width:100px;max-height:100px;}
		
		.blocactutxt{padding:0 15 0 15;width:340;font-size:0.75em;font-family:Arial, Verdana, sans-serif;text-align:left;font-weight:lighter;}

/** ICI ET AILLEURS **/
/* Boite englobante */		
#blocici{float:left;width:400;height:250;margin-left:15;margin-top:10;}
	/* Boite trainee */
	#blocicia{height:35;background:url(img/actutrainici.jpg) center top no-repeat;font-weight:bolder;color:#FAAA19;}
	/* Boite englobante scrollable */
	#blocicib{height:180;overflow:auto;background:white;}
		.blocicifoto{height:175px;width:175px;min-width:175px;min-height:175px;background-color:black;text-align:center;vertical-align:middle;}
		
		.blocicifoto img{width:165px;}
		html>body .blocicifoto img{max-width:165px;max-height:165px;}
		
		.blocicitxt{padding:0 15 0 15;width:200px;font-size:0.7em;font-family:Arial, Verdana, sans-serif;text-align:left;font-weight:lighter;}

/**************************************************************************
*	Page Cours
***************************************************************************
*/
#blocPartic{position:relative;float:left;width:400px;margin-left:15px;}
#blocCollect{position:relative;float:left;width:560px;padding-left:10px;border-left:thin solid red;}
		#blocCollect2{height:250px;_height:235px;background:;}
#blocPartic1, #blocPartic2, #blocPartic3, #blocPartic4{position:relative;clear:left;background:;_width:390px;}
#blocPartic4{padding-top:15px;text-align:left;}
	#blocPartic11, #blocPartic21, #blocPartic31, #blocPartic41{
		position:relative;float:left;width:270px;_width:250px;margin-left:10px;background:;}
	#blocPartic2, #blocPartic31{padding-top:20px;_padding-top:0px;}
	
.blocTrainee{position:relative;	height:50px;background:url(img/courstrainee.jpg) center top no-repeat;
			font-weight:bolder;color:#FAAA19;text-align:center;}	
		
/*pg couleurs case*/	
#blocCoul{position:relative;margin:auto;width:600px;}
#blocRepere{position:relative;clear:both;}

/*imgs ds tablos*/
.blocFotoG, .blocFotoD{width:120px;height:120px;background:;}
html>body .blocFotoG, .blocFotoD{max-width:120px;max-height:120px;background:;}
.blocFotoG{position:relative;float:left;}
.blocFotoD{position:relative;float:right;}
.blocFotoG td, .blocFotoD td, .blocFotoDemo td{text-align:center;}
.blocFotoG table, .blocFotoD table{width:120px;height:120px;_width:110px;_height:110px;border:0;background:;}
.blocFotoG img, .blocFotoD img{vertical-align:middle;width:110px;z-index:100;}
html>body .blocFotoG img, .blocFotoD img{vertical-align:middle;max-width:120px;max-height:120px;z-index:100;}
.fotoTop img, .fotoBottom img{width:120px;z-index:100;}
html>body .fotoTop img, .fotoBottom img{max-width:120px;max-height:120px;z-index:100;}
.fotoTop img{vertical-align:middle;}
.fotoBottom img{vertical-align:bottom;}

/*items avec puce*/
.coursListe, .coursListe1{display:block;
					list-style-type:none;
					text-align:left;
					font-weight:bolder;
					font-size:0.8em;_font-size:0.70em;
					line-height:1.6em;					
					word-spacing:-1px;
					margin-left:-37px;_margin-left:0px;
					}
.coursListe li{width:300;_width:240;height:25;margin-top:5px;background:;}
.coursListe1 li{width:300;_width:240;height:15;margin-top:5px;background:;}
/*adresses*/
.rens{font-size:0.8em;font-weight:lighter;text-align:left;}

/*Aspect des cases des différents tableaux*/	
.coursTablo1 caption, .coursTablo2 caption, .coursTablo3 caption{text-align:left;}	
.coursTablo1 th, .coursTablo2 th, .coursTablo3 th{background:#E4E3E2;}		
.coursTablo1 td, .coursTablo1 th{width:120px;height:30px;}
.coursTablo2 th{width:140px;height:30px;}
.coursTablo2 td{width:140px;height:20px;}
.coursTablo3 td, .coursTablo3 th{width:80px;height:30px;}
.coursTablo4 td{height:20px;}
.coursTablo1, .coursTablo2, .coursTablo3,.tabloCopie1, .tabloCopie2{text-align:center;vertical-align:center;margin-bottom:15px;
	font-weight:light;font-size:0.8em;_font-size:0.70em;}
.coursTablo4{text-align:left;vertical-align:center;font-weight:light;font-size:0.75em;_font-size:0.65em;}

/*Aspect des cases du tableau cours collectifs*/		
.th{font-weight:bold;}
.caseGrisF{background:#E4E3E2;}
.caseGrisC{background:#F2F2F2;}
.neutre{background:#F2F2F2;}
.caseJau{background:#F7F1B7;}
.caseRou{background:#F9AB8C;}
.caseVio{background:#DDC4F2;}

/*temporaire*/
#excuse{margin:auto;width:600px;height:150px;border:thin solid #C1272D;
	font-weight:bold;text-align:center;}

				
	/**************************************************************************
	*	Page Contact
	***************************************************************************
	*/
			
			#cont_bloca
			{
				float:left;width:420px;
				padding-left:20;padding-top:30;background:;
			}
		
			#cont_etaga, #cont_news 
			{
				background:url(img/courstrainee.jpg) center no-repeat;
				height:50px;
				font-weight:bolder;
				color:#FAAA19;
				text-align:center;
			}
						
			#cont_txtform{float:left;background:;
					margin-top:20;margin-left:10;
					width:130;
					height:300;
					font-family:"Century Gothic", verdana, Arial, sans-serif;					
					font-size:0.9em;
					text-align:left;
					line-height:1.5em;}
					
			#champs{float:left;margin-top:20;_margin-top:00;width:260;height:320;background:;}
			#valid{position:relative;clear:both;margin:auto;text-align:center;background:;width:250px;}
			#valid1{position:relative;clear:both;margin:auto;text-align:center;background:;height:80px;background:;}
			button{color:#772B8F;font-weight:bold;outline:none;}
			textarea{background-color:#E1DFDD;border-color:#772B8F;}		
			.erreur{color:#C5203C;font-size:0.8em;_font-size:0.65em;}
			.confirm{color:#772B8F;font-weight:bolder;font-size:0.9em;_font-size:0.75em;}
		#cont_blocb{float:left;}
			
						
		#cont_blocc{float:right;width:43%;
					padding-top:30;text-align:center;
					}
			#cont_cadre{float:left;margin-top:40;
						margin-left:20;
						padding:10;
						width:375;
						font-family:"Century Gothic", verdana, Arial, sans-serif;
						border:medium solid #9B9292;
						text-align:right;
						font-size:0.8em;}
		#cont_mess{float:left;}
		#cont_sub1{position:relative;margin:auto;margin-top:20;}
		.erreur1{color:#C5203C;font-size:0.9em;_font-size:0.75em;}
		.confirm1{color:#772B8F;font-weight:bolder;font-size:1em;_font-size:0.85em;}

		#blocDesinscr{background:;width:400px;height:520px;margin:auto;margin-top:50px;}	
		#formNonews{margin-left:-20px;}	
		
	/**************************************************************************
	*	Page Mentions
	***************************************************************************
	*/							
#ment_bloca{float:left;
			width:43%;
			padding-left:20;padding-top:60;}

#ment_blocb{float:left;}
#ment_blocc{float:left;width:43%;padding-top:60;}
	#ment_barrio, #ment_site{background:url(img/courstrainee.jpg) center no-repeat;
							margin-left:40;
							height:50px;
							font-weight:bolder;
							color:#FAAA19;
							text-align:center;
							}

	#barrio, #mentions{border:thin solid #C5203C;
						text-align:left;
						font-size:0.8em;
						padding:50 10 50 10;}
	#mentions li{list-style:none;}		
	#parten{font-weight:bolder;font-size:1.2em;_font-size:1em;color:#772B8F;}

	/**************************************************************************
	*	Page NewsSite : inutilisé
	***************************************************************************
	*/
	div.newsPageSite .pg_fond_1024x768{text-align:center;}
	div.newsPageSite #contener{position:relative;clear:both;margin:auto;width:700px;border:thin solid #C5203C;}
	.themeNews h1{font-size:1.1em;font-weight:bold;line-height:30px;text-align:center;background:#C5203C;color:#FAAA19;}
	.themeNews h2{font-size:0.9em;}
	.themeNews p{font-size:0.8em;}
	
	
	/**************************************************************************
	*	Page Map
	***************************************************************************
	*/	
	.map_contener{padding-top:220;_padding-top:190;margin:auto;width:1024px;}	
	
	/**************************************************************************
	*	Toutes pages
	*	Affichage des boutons de menu
	***************************************************************************
	*/
	
	/* Position des boutons du menu ACCUEIL */
div#btn_mnu_accueil_pos	
{
	position:absolute; 
	top: 500px;													/* 425px en 1024x768, 300px en 800x600*/ 
	left: 0px; 
	width: 263px;
	/*background-color: lime;*/	/* Pour visualiser la zone, A VIRER */
}

	/* Position des boutons du menu MAP*/
div#btn_mnu_map_pos { position:relative; float:left; top:144; _top:160; margin-left:-40px; _margin-left:-38px; }

	/* Position des boutons des menus HORS ACCUEIL  et MAP*/
div#btn_mnu_pos { position:relative; float:left; top:144; _top:160; margin-left:-40px;}

	/* suppression du marqueur de liste pour les boutons de menu */
#btn_mnu_accueil, #btn_mnu_actu, #btn_mnu li, #btn_mnu_map li{list-style:none;}

#btn_mnu_accueil li{width:180px; height:50px; margin-left:0px; /* 5px en 1024x768 ,-25px en 800x600 */}
#btn_mnu_actu li{float:left; width:196.25px; height:50px;}
#btn_mnu_map li{float:left;width:204.8px;height:50px;}
#btn_mnu li{float:left;width:256px;height:50px;}
	
#btn_mnu_accueil a, #btn_mnu_actu a, #btn_mnu a, #btn_mnu_map a
{
	display: block;
	height: 37px;		
	color: #FAAA19; font-weight: bolder;						/* Police */
	line-height: 32px;											/* Centrage vertical du texte */
/*	padding: 10px 10px ;*/
	text-align: center;
	text-decoration: none; 
	outline: none;
}
	
#btn_mnu_accueil a{background: url(img/btn_mnu_accueil.jpg) left top no-repeat;font-size: 1em;}
#btn_mnu_actu a{background: url(img/btn_mnu_actu.jpg) left top no-repeat;font-size: 0.95em;}
#btn_mnu_map a{background: url(img/btn_mnu_map.jpg) left top no-repeat;font-size: 0.95em;}
#btn_mnu a{background: url(img/btn_mnu.jpg) left top no-repeat;font-size: 0.95em;}
	
#btn_mnu_accueil li a:hover{background: url(img/btn_mnu_accueil.jpg) right top no-repeat;outline:none;}
#btn_mnu_accueil li a:visited {color:#FAAA19;}
#btn_mnu_accueil li a:hover {color:#C6203C;}

#btn_mnu_actu li a:hover {background: url(img/btn_mnu_actu.jpg) right top no-repeat;outline:none;}
#btn_mnu_actu li a:visited {color:#FAAA19;}
#btn_mnu_actu li a:hover{color:#C6203C;}

#btn_mnu_map li a:hover{background: url(img/btn_mnu_map.jpg) right top no-repeat;outline:none;}
#btn_mnu_map li a:visited {color:#FAAA19;}
#btn_mnu_map li a:hover{color:#C6203C;}

#btn_mnu li a:hover {background: url(img/btn_mnu.jpg) right top no-repeat;outline:none;}
#btn_mnu li a:visited {color:#FAAA19;}
#btn_mnu li a:hover{color:#C6203C;}

	/* Comportement liens "En savoir plus" sur page Actu */
.actulien {font-size:0.8em;color:#C5203C;}
.actulien a:link, .actulien a:visited{color:#C5203C;outline:none;}
.actulien a:hover{color:#FAAA19;outline:none;}

	/* Comportement lien Acces sur page Cours - Comportement lien Retour sur page Map */
#cours_acces0  a:link, #cours_acces0 a:visited, .return a:link, .return a:visited{color:#C5203C;font-size:1em;_font-size:0.85em;outline:none;}
#cours_acces0 a:hover, .return a:hover{background:white;color:#FAAA19;font-weight:bolder;}

 	/* Comportement liens vers sites sur page Mentions */
.ment_liens {padding:50 0 0 40; text-align:left; font-size:0.8em;color:black;}
.ment_liens a:link, .mentliens a:visited{color:#C5203C;}
.ment_liens a:hover{color:#772B8F;}