/**************************************
  Fichier : screen.css
  Type : CSS v1
  Version : 28-05-2006
  Utilisation : ecrans d'ordinateurs
***************************************/
* {margin:0; padding:0;}
body {
	margin:auto;
	background-color:#fc8;
	font-size:medium;
	font-family:verdana, arial, sans-serif;
	color:#000;
}
/* images du site sans bordures */
img {
	border:none;
}
/* titres du site */
h1, h2, h3, h4 {
	font-family:Georgia, "Times New Roman", Times, serif;
	background-color:#900;
}

/* haut de page */
div#hautpage {
	height:2em;
	margin:0;
	padding:0.5em 0.5em 0em 1em;
	background:#ee9a00 url(../images/fond-menuhaut.jpg) repeat;
	color:#fff;
	font:x-small verdana, arial, sans-serif;
}
div#hautpageplan {
	position:absolute;
	top:0;
	right:0;
	margin:0;
	padding:0.5em 1em 0.5em 0.5em;
	text-align:right;
}
div#hautpage span.cache a {
	color:#fff;
}
div#hautpage span.cache a:hover {
	color:#fff;
	text-decoration:none;
}
div#hautpage a {
	color:#fff;
	text-decoration:none;
}

div#hautpage a:hover {
	text-decoration:underline;
}

/* Logo */
div#logo {
	height:3.5em;
	margin:0;
	padding:0;
	background:#f60 url(../images/menugauche.jpg) repeat bottom;
}
div#logo h1 {
	margin:0;
	padding:0.3em 0em 0.3em 3em;
	color:#fff;
	font:bold xx-large "Times New Roman", Times, serif;
	background:transparent url(../images/bandeau-ftky.jpg) no-repeat top left;
}

/* menu principal de navigation du haut */  
div#menuprincipal {
	height:1.5em;
	margin:0;
	border:0;
	padding:0.5em 0 0 0;
	background:#f60 url(../images/menugauche.jpg) repeat center;
	text-align:center;
	color:#fff;
	font:bold small verdana, arial, sans-serif;
}
div#menuprincipal a {
	height:1em;
	margin:0;
	border-left:3px solid #f60;
	padding:0.4em 0.1em 0.3em 0.1em; 
	background-color:#900;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}
div#menuprincipal a:hover {
	border-left:3px solid #f60;
	background-color:#fff;
	color:#000;
}
div#menuprincipal a#droit {
	border-right:1px solid #f60;
}
div#menuprincipal a#selection {
	margin:0;
	border-left:1px solid #f60;
	border-bottom:solid #fff;
	margin-bottom:0.4em;
	background:#fff url(../images/menuhaut.jpg) no-repeat top left;
	color:#000;
	text-decoration:none;
}

/* Menu contextuel de gauche */
div#menugauche {
	float:left;
	clear:left;
	width:170px; /* Largeur menu gauche */
	margin:0;
	border-bottom: 2px solid #900;
	padding: 0.1em 0.2em 1em 0.2em;
	background:#f60 url(../images/menugauche.jpg) repeat bottom;
	font-family:tahoma, helvetica, arial, sans-serif;
	font-size:small;
}
div#menugauche dl {
	margin:0;
	padding:1em 0.1em 1em 0.1em;
}

div#menugauche dt {
	margin:0;
	padding:0.5em 0em 0.5em 0em;
	font-weight: bold;
	color:#fff;
	font-size:medium;
	font-family:Georgia, "Times New Roman", Times, serif;
}
div#menugauche dd {
	display:block;
	margin:0;
	padding:0em 0.1em 0em 0.1em;
}

div#menugauche dd a {
	display:block;
	padding:0.2em;
	background-color:#fc0;
	color:#300;
	text-decoration:none;
	font-weight:bold;
	text-align:right;
}
div#menugauche dd a:hover {
	display:block;
	background-color:#f60;
	text-decoration:none;
	font-weight:bold;
	color:#fff;
}

/* News sous le menu gauche */
div#menugauche div#newsindex {
	margin-top:2em;
	border:1px solid #fff;
	padding-right: 0px;
	background-color:#ee7600;
	color:#fff;
	text-align:left;
}
div#menugauche div#newsindex h3 {
	margin:0;
	padding:0.5em;
	background:#ee7600 url(../images/fond-titre-news.gif) repeat-y left;
	color:#fff;
	text-align:center;
}
div#menugauche div#newsindex ul {
	margin:0;
	border-bottom:10px solid #ff4500;
	padding:0;
	list-style:none;
}
div#menugauche div#newsindex li {
	margin:0;
	border-bottom:1px solid #ee7600;
}
div#menugauche div#newsindex li a {
	display:block;
	padding:5px 5px 5px 0.5em;
	border-left: 10px solid #ff4500;
	border-right: 10px solid #ee7600;
	background-color: #ef8f42;
	color:#fff;
	text-decoration: none;
}
div#menugauche div#newsindex li a:hover {
	border-left:10px solid #ff4500;
	border-right:10px solid #ff4500;
	background-color:#ee7600;
	color:#fff;
}

/* texte de la page */
div#texte {
	margin:0px 1px 0px 175px; /* LARGEUR MENU GAUCHE */
	border-left:1px solid #f60;
	padding:0.5em 3em 0.5em 0.5em; /* MARGE DE DROITE = 3em */
	background:#fff url(../images/bgh.jpg) repeat-x top;
	color:#000;
}
/* titre principal dans encadre */
div#texte div#imagehaut h2 {
	margin:0;
	padding:0.4em 0em 0.3em 1em;
	background:#900 url(../images/fond-titre.gif) repeat-x;
	color:#fff;
	font-weight:bold;
	font-size:medium;
}
div#texte h2, h3, h4 {
	margin:1em 0em 0em 0em;
	background-color:#fff;
	color:#900;
}
div#texte p {
	margin:0;
	padding:0.5em;
	text-align:justify;
	line-height:1.5em;
	font-size:medium;
	font-family:"Trebuchet MS", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
}
div#texte strong {
	margin:0;
	padding:0.5em;
}
div#texte ul {
	margin:0;
	padding:0em 0em 0em 2em;
	font-family:"Trebuchet MS", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
}
div#texte li {
	margin:0;
	padding:0.3em;
}
div#texte a {
	text-decoration:none;
	color:#000;
	border-bottom:1px dotted #900;
}
div#texte h1 a {
	text-decoration: none;
	color:#fff;
}
div#texte a:hover {
	text-decoration:none;
	color:#900;
}

/* image ilustration de l'encadre */
div#texte div#imagehaut {
	width:38em;
	position:relative;
	border:1px solid #f60;
	padding:1em 1em 0em 1em;
}
/* encadre de haut de page */
div#texte div#imagehaut div#encadre {
	position: absolute;
	margin: 5px 0px 0px 28em;
	width:8em;
	height:9em;
	padding-top:4px;
	padding-left:12px;
	padding-right:15px;
	padding-bottom:0px;
	background-image: url(../images/texture-encadre.jpg);
	border-right:2px solid #000;
	border-bottom:3px solid #000;
}
div#texte div#imagehaut div#encadre blockquote {
	font-family:helvetica, arial, sans-serif;
	font-size:large;
	font-weight:bold;
}
/* bordure dessous l'encadre dans le titre */ 
div#texte div#imagehaut div#titreprincipal {
	border-top: 3px solid #000;
	border-right: 2px solid #000;
}

/* Grandes cartes des pays des associations */
div#cartes {
	padding: 10px 0px 0px 0px;
	border:3px solid #f60;
	text-align:center;
}
div#cartes b {
	color:#fff;
}
div#cartes img#pays {
	display: block;
	margin-left: auto;
	margin-right: auto 
}
/* Menu déroulent des regions sous la grande carte */
div#cartes form {
	margin:10px 0px 0px 0px;
	padding:10px 0px 10px 0px;
	background-color:#f60;
}

/* Liste des associations par régions */
div#listeassos {
	padding:10px;
}
div#listeassos dd {
padding:0px;
border:2px solid #f60;
font-size:small;
}
div#listeassos dt {
	display:block;
	padding:5px 5px;
	background-color:#f60;
	font-size:medium;
	color:#fff;
}
div#listeassos dt a {
	color:#fff;
	text-decoration:none;
}
div#listeassos dt a:hover {
	color:#fff;
	text-decoration:none;
}
div#listeassos dd a {
	padding:5px;
	display:block;
	font-weight:bold;
	font-size:medium;
	color:#000;
}
div#listeassos dd a:hover {
	font-weight:bold;
	background-color:#f60;
	color:#fff;
}
/* page des assos et des cours */
div#titrecours h2 {
	margin-top:10px;
	margin-left:10px;
	padding:5px 5px;
	background-color:#f60;
	color:#fff;
	font:normal medium verdana, Arial, "Bitstream Vera Sans", sans-serif;
}
div#titrecours h2 a {
	text-decoration:none;
	color:#fff; 
}
div#titrecours h2 a:hover {
	text-decoration:none;
	color:#fff; 
}

/* tableaux des dates de stages */
table.tableaustage {
	margin-top:0.6em;
	margin-left:auto;
	margin-right:auto;
	width:70%;
	border: 1px solid #f60;
	font-family: tahoma, helvetica, arial, sans-serif;
	font-size:medium;
	text-align:center;
}
table.tableaustage a {
	color: #fff;
	font-weight: bold;
}
table.tableaustage a:hover {
	color: #fff;
	font-weight: bold;
}
table.tableaustage th {
	padding: 10px 1px 12px 1px;
	text-align: center;
	font-size:130%;
	border-bottom: 1px solid #000;
}
table.tableaustage th img {
	float:left;
	padding-left:5px;
}
table.tableaustage td {
	font-family:sans-serif;
	font-size:medium;
	color:#000;
	font-weight: bold;
	padding-left: 10px;
	text-align: left;
}
table.tableaustage tr.lignegrise {
	background-color: #ccc;
}
/* Tableaux choix cartes des assos et cours de Yoga */
table#cartescours {border-collapse:collapse;}
table#cartescours tr.cours td {border: 1px solid #f60; text-align:center;}
table#cartescours tr.cours td a {display:block; padding:10px; background-color:#fff;}
table#cartescours tr.cours td a:hover {background-color:#666;}
table#cartescours tr.courstitre td {padding:10px; border: 1px solid #f60; font-weight:bold;}

/* cours de yoga et activités de l'association */
div.cours {
	margin:10px;
	border:1px solid #ddd;
	padding:15px;
	background:#eee url(../images/fond-asso-texte.gif) repeat-x;
}
div.cours ol {
	padding-left:1.5em;
	font:normal medium verdana, Arial, "Bitstream Vera Sans", sans-serif;
}
div.cours ol.listedef strong {
	text-transform:uppercase;
	color:#600;
}
div.cours ul {
	margin-bottom:0.5em !important;
}
div.cours h2, div.cours h3, div.cours h4 {
	background-color:#eee !important;
}
div.cours h3 {
	margin-top:0.6em;
	margin-bottom:0.5em;
	border-bottom:1px solid #f60;
	color:#C25D12;
}
div.cours span.ville {
	font-weight:bold;
	color:#900;
}
div.cours span.jours {
	color:#900;
}

/* Plan du site */
dl.plansite {
	padding-top: 15px;
	padding-bottom: 10px;
	padding-left: 20px;
}
dl.plansite dt {
	padding:0.3em 0 0.4em 0em;
	font-weight:bold;
}
dl.plansite dd {
	padding:0px 0px 0.4em 2em;
}

/* Diaporama */
div.cours div#diaporama {
	width:460px;
	margin-left:auto;
	margin-right:auto;
	text-align:center;
}

/* Imitation touche sur liste acceskey */
div#texte ul.clef li {
	list-style:none;
}
div#texte .clef span {
	margin:0;
	padding:0px 4px;
	border:1px solid #333;
	font-family:"Trebuchet MS", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
	font-weight:bold;
}
div#texte dl.clef {
	margin:0;
	padding:4px;
	font-size:medium;
	font-family:"Trebuchet MS", Helvetica, Arial, "Bitstream Vera Sans", sans-serif;
}
div#texte dl.clef dt {
	margin:0;
	padding-top:0.4em;
	padding-left:5px;
	font-weight:bold;
}
div#texte dl.clef dd {
	margin:0;
	padding:0.2em;
	padding-left:25px;
	font-weight:normal;
}

/* Pied de page */
#basdepage {
	text-decoration: none;
	text-align: center;
	font-size: small;
	padding: 1.9ex 2.6mm 2.4ex 2.6mm;
	background-color: #900;
	color:#fff;
}
#basdepage div {
	text-decoration: none;
	text-align: center;
	line-height: 1.50em;
}
#basdepage a {
	border-bottom-color:#fff;
	text-decoration: none;
	border-bottom: none;
	color:#fff;
}
#basdepage a:hover {
	text-decoration: none;
	border-bottom: none;
}
div#basdepage table {
	margin-left:auto; /* centre le menu */
	margin-right:auto;
	width:24em;
}
#basdepage td {
	text-align:center;
	vertical-align:top;
	width:8em;
}
/* ligne de bas de page */
#copy img {
	padding-bottom: 10px;
}