/* Commun à tout le document */
/* ========================= */
* { margin:0; padding:0;}
html {background:#0c0c0c;}
/* body {background:url(images/bg1.gif);} */
/* remplacé  background:#000000 noir total, noir à peine gris
	et abandonné bg1.gif du fait fond pas homogène */
/* éviter le contraste blanc au chargement */

html, body { height:100%; }
/* adapté le [font-size:100%; line-height:0.875em;] pour pas d'effet tassé */

html, input, textarea	{	font-family:Arial; 
		color:#626262;	}	

.alignMiddle{ vertical-align:middle}
.alignCenter{ text-align: center}
.container1{ width:100%}

.clear { clear:both;}
.fleft{ float:left}
.fright{ float:right}

div.container {	overflow:hidden; width: 100%;}

a img{ border:0px}	/* enlevé la bordure 2px pour logo des danses (KO) */

img{ vertical-align:top;}

/* extrait de spip_style.css pour marge OK autour des images 	*/
.spip_documents_center { clear: both; width: 100%; margin: auto; }
span.spip_documents_center { display: block; margin-top:1em; text-align: center;}
/* 5/7/10 : ajouté centrage des images en evidence (vu à l'affichage | source !!) 
 	    en laissant la marge haute */
.spip_documents_left { float: left; margin-right: 15px; margin-bottom: 5px; }
.spip_documents_right { float: right; margin-left: 15px; margin-bottom: 5px; }

/*  pour marges images différentes dans le portofolio (qq px si + de 2 lignes)
==> sinon, fait chevaucher dans le portofolio !!! donc DIV spécifique
*/
.col-portofolio img {margin: 0 0 5px 0;}
/* .col-portofolio p {padding-left: 0; padding-right: 0;}	*/

#footer #page1 b {color:#54aa00; }	/* vert */
#footer #page2 b {color:#9800fb; } 	/* violet */
#footer #page3 b {color:#ff0000; } 	/* rouge; ancien = #fb4318; orange */
#footer #page4 b {color:#4085e7; } 	/* bleu */
#footer #page5 b {color:#fbb00a; } 	/* jaune */
#footer #page6 b {color:#d41981; } 	/* rose */
#footer #page7 b {color:#54aa00; } 	/* idem page 1 = vert */
/* couleur du gras définies par la couleur de la rubrique */

a{color:#ffffff; text-decoration:underline}
a:hover{text-decoration:none}

/* header */
/* ====== (dupliqué en -srub)	TODO: Garder seulement -srub quand Flash en haut */
#header {font-size:0.95em; color:#FFFFFF }
/* avSWFobject : 1.25em */
#header-srub {font-size:0.7em; font-weight:bold;}
#header-srub a {color:#626262; }
/* couleur des item = gris fonçé; couleur des barres verticales dépend de chaque sous-rubrique (voir plus bas les id #srub-spip*)	*/

#header .logo{ margin:50px 0 39px 16px }
/* enlevé à left-margin, l'élargissement de la page, soit 210 - 194 = 16px */
#header .logo-membre{ margin:0px 0px 22px 240px; height:110px;}
/* zone cliquable du titre blanc si no flash (inc-bandeau-flash-swfo.html) */

#header ul, #header-srub ul {margin:0 0 0 15px; padding:0; list-style:none;}
#header ul li, #header-srub ul li{ margin:0; display:inline}
#header ul li .first, #header-srub ul li .first-srub{ background:none}
#header ul li a {padding:0 17px 0 17px; background:url(images/menu.gif) top left no-repeat; background-position:0 9px} 
/* Ajouté ligne de sous-rubriques du menu horizontal, mais sans la barre verticale (qui est dans le HTML) */

#header ul li a{color:#fff; text-decoration:none; line-height:1.4em; }
#header-srub ul li a {text-decoration:none; line-height:1.2em; } /* couleur dépend de chaque sous-rubrique -spip3,-7,-1 ... */

#page1 #header ul li a:hover, #page1 #header ul li .current { color:#54aa00; text-decoration:none; } 
/* debug du class current KO dans index-1.html ==> enlever le href dans <a>*/
#page1 #header-srub ul, #page1 #header-srub ul li .current-srub, #page1 #header-srub ul li a:hover {color:#54aa00; }
/* sous-rubriques page1 (spip / accueil avec id_rubrique SPIP = 3) :
	Déjà soumis à #header-srub ! Ici pour vert */

/* ESSAIS NO FLASH : clignotement dans la couleur de la rubrique (sinon = blanc) */
#page1 #header ul li a:hover .noFlashMenuPage1, {color:#54aa00; text-decoration:none; } 
#page1 #header #noFlash .MenuPage2 ul li a:hover, {color:#9800fb; text-decoration:none; }
/* KO avec #header #page1 */ 
#noFlash .MenuPage3 ul li a:hover, {color:#ff0000; text-decoration:none; } 

#page2 #header ul li a:hover .noFlashMenuPage1, {color:#54aa00; text-decoration:none; } 
#page2 #header ul li a:hover .noFlashMenuPage2, {color:#9800fb; text-decoration:none; } 
#page2 #header ul li a:hover .noFlashMenuPage3, {color:#ff0000; text-decoration:none; } 

#page3 #header ul li a:hover .noFlashMenuPage1, {color:#54aa00; text-decoration:none; } 
#page3 #header ul li a:hover .noFlashMenuPage2, {color:#9800fb; text-decoration:none; } 
#page3 #header ul li a:hover .noFlashMenuPage3, {color:#ff0000; text-decoration:none; } 
/* FIN ESSAIS NO FLASH .......................................  */

#page2 #header ul li a:hover, #page2 #header ul li .current { color:#9800fb; text-decoration:none; }
#page2 #header-srub ul, #page2 #header-srub ul li .current-srub, #page2 #header-srub ul li a:hover {color:#9800fb; }

#page3 #header ul li a:hover, #page3 #header ul li .current { color:#ff0000; text-decoration:none; }
#page3 #header-srub ul, #page3 #header-srub ul li .current-srub, #page3 #header-srub ul li a:hover {color:#ff0000; }

#page4 #header ul li a:hover, #page4 #header ul li .current{ color:#4085e7; text-decoration:none }
#page4 #header-srub ul, #page4 #header-srub ul li .current-srub, #page4 #header-srub ul li a:hover {color:#4085e7; }

#page5 #header ul li a:hover, #page5 #header ul li .current{ color:#fbb00a; text-decoration:none }
#page5 #header-srub ul, #page5 #header-srub ul li .current-srub, #page5 #header-srub ul li a:hover {color:#fbb00a; }

#page6 #header ul li a:hover, #page6 #header ul li .current{ color:#d41981; text-decoration:none } 
#page6 #header-srub ul, #page6 #header-srub ul li .current-srub, #page6 #header-srub ul li a:hover {color:#d41981; }

#page7 #header ul li a:hover, #page7 #header ul li .current{ color:#54aa00; text-decoration:none } 
#page7 #header-srub ul, #page7 #header-srub ul li .current-srub, #page7 #header-srub ul li a:hover {color:#54aa00; }
/* ajout 	page7 avec couleur comme dans page1 */


#page .logo{ margin:206px 0 0 210px }
#page .enter{ margin:113px 0 0 210px }

/* content */
/* ======= */
#content{ font-size:0.85em; line-height:1.5; width:100%; text-align:left;}
/* enlevé le passage en MAJUSCULES 	 text-transform:uppercase;
   augmenté la taille des car. dans les paragraphes 	*/

#content ul{margin:0; padding:0; list-style:none;}
#content ul li{margin:0; padding-left:10px; }
/* background:url(images/marker.gif) top left no-repeat; background-position:0 5px; 
= non utilisé et gênant pour BUG tiret dans les rubriques */

/* KO: (essai class logorub) #content .logorub ul li{margin:0; padding-left:10px; }
sans url(marker) ==> cacher le tiret dans rubrique.html */

#content ul li a{color:#fff; text-decoration:none ; line-height:1.5em} 
#content ul li a:hover { text-decoration:underline; }

#content h1{color:#e0e0e0;}	/* par défaut : blanc non éclatant */ 
#content h1{font-family: "Monotype Corsiva",Georgia,serif; font-size:1.7em; line-height:1.5em; font-style: italic; font-weight: bold; margin-bottom:1em; }
#content h2{color:#626262;}	/* gris fonçé */

#page1 #content h1 {color:#54aa00; } 	/* vert */
#page1 #content h3 {color:#54aa00; }
#page2 #content h1 {color:#9800fb; } 	/* violet */
#page2 #content h3 {color:#9800fb; }
#page3 #content h1 {color:#ff0000; } 	/* rouge; ancien = #fb4318; orange */
#page3 #content h3 {color:#ff0000; }
#page4 #content h1 {color:#4085e7; } 	/* bleu */
#page4 #content h3 {color:#4085e7; }
#page5 #content h1 {color:#fbb00a; } 	/* jaune */
#page5 #content h3 {color:#fbb00a; }
#page6 #content h1 {color:#d41981; } 	/* rose */
#page6 #content h3 {color:#d41981; }
#page7 #content h1 {color:#54aa00; } 	/* idem page 1 = vert */
#page7 #content h3 {color:#54aa00; }
/* couleur des <h1>,<h3> définies par la couleur de la rubrique */

#content .indent-main{padding:35px 68px 24px 38px}	/* old 35px 108px-40 24px 38px+0 */
	/* 07/11 essai marge gauche du contenu et rien à droite */
#content .indent{padding:0 0 0 0}
#content .title{  margin-bottom:7px}	/* décale les Xpage_title.gif (inutilisé) */
#content .title2{  margin:27px 0 7px 0}
#content .img-left{ float:left; margin:0 16px 9px 0}
#content .img-right{ float:right; margin:0 16px 9px 0}	/* TODO vérif marges */
#content .img-indent{ margin:0 0 20px 0}

/* KO (mieux en padding, mais le texte est toujours par dessus ces bords !!)
#content .col-1 img {background-color:green; margin:9px 16px 9px 16px;}
ajouté un peu d'espace pour se décaler des images	*/

#content p{ margin:0 0 15px 0;}
#content .p{ margin:0 0 5px 0;}
#content .p1{ margin:0 0 15px 0}
#content .p2{ margin:0 0 25px 0}
#content .col-actu{width:80%; }

/*index-1.html*/
/* TODO 	regrouper les section index-* et #page*		*/
#page1 h3{ color:#54aa00; font-size:1.5em; font-weight:bold; margin-bottom:28px}
#page1 .link{ color:#54aa00;}
#page1 .overflow{ overflow:auto; width:400px; height:295px}	/* = width col-2 dans layout.css +10 */
#page1 .overflow1{ width:380px; height:573px}	/* width = celle de overflow - 20px */

/*index-2.html*/
#page2 h3{ color:#ff0000; font-size:1.5em; font-weight:normal; margin-bottom:28px}
#page2 .link{ color:#ff0000;}
/*index-3.html*/
#page3 h3{ color:#fb4318; font-size:1.5em; font-weight:normal;}
#page3 .link{ color:#fb4318;}
#page3 .overflow{ overflow:auto; width:346px; height:295px}
#page3 .overflow1{ width:306px; height:573px}
/*index-4.html*/
#page4 h3{ color:#4085e7; font-size:1.5em; font-weight:normal;}
#page4 .link{ color:#4085e7;}
#page4 .overflow{ overflow:auto; width:355px; height:295px}
#page4 .overflow1{ width:312px; height:573px}
/*index-5.html*/
#page5 h3{ color:#fbb00a; font-size:1.5em; font-weight:normal;}
#page5 .link{ color:#fbb00a;}
/*index-6.html*/
#page6 h3{ color:#d41981; font-size:1.5em; font-weight:normal;}
#page6 .link{ color:#d41981;}
/* ajout 	page6 comme page5 (contact du kit) */
/* TODO 	vérif formulaire OK */


/* Changement des ascenseurs (OK seulement sous IE) */
body   {
    scrollbar-face-color: #006400;	/* surface */
    scrollbar-shadow-color: #228b22;	/* bord droit et bord du bas */
    scrollbar-highlight-color: #98fb98;	/* bord du haut et bord gauche */
    scrollbar-3dlight-color: #8fbc8b;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #6b6d71;	/* ou #080808; comme le fond */
    scrollbar-arrow-color: #eee8aa;
   }

/*block*/
.box{ background:url(images/bg_center.gif) #EAE4E0; width:100%; color:#767676; font-size:1em; }
.box .border-top {background:url(images/border_top.gif) repeat-x top;}
.box .border-bottom {background:url(images/border_bottom.gif) repeat-x bottom;}
.box .border-left {background:url(images/border_left.gif) repeat-y left;}
.box .border-right {background:url(images/border_right.gif) repeat-y right;}
.box .corner-top-left {background:url(images/corner_top_left.gif) no-repeat left top;}
.box .corner-top-right {background:url(images/corner_top_right.gif) no-repeat right top;}
.box .corner-bottom-left {background:url(images/corner_bottom_left.gif) no-repeat left bottom;}
.box .corner-bottom-right {background:url(images/corner_bottom_right.gif) no-repeat right bottom; }
.box .indent-box{ padding:0 0 0 0; }


/*footer*/
#footer {font-family: 'Monotype Corsiva', cursive, serif; color:#848484; font-size:0.8em; font-style: italic; }
#footer .indent-footer{ padding:60px 25px 0 215px;}
.central-footer{ margin-top:2px; margin-right:auto; margin-bottom:2px; margin-left:auto;}
/* KO (?!?) : ajout pour centrer les mentions légales 	*/

#footer a {font-family: Arial, sans-serif; size:0.3em; font-style: normal; color:#848484; text-decoration:none}  
#footer a:hover {  text-decoration:underline}

.h{ height:32px}
.block-contact span{ float:right; margin-right:60px}
input{
   	border:1px solid #626262; 
	background:#0c0c0c;
	color:#FFFFFF;
	width:250px; height:20px;
	font-size:1em;
	padding-left:5px;
	margin-bottom:3px
}
/* enlevé le passage en MAJUSCULES 	 text-transform:uppercase;
   élargi un peu les zones 	*/
textarea{
   	border:1px solid #626262; 
	background:#0c0c0c;
	color:#FFFFFF;
	width:324px; height:10em;
	font-size:1em;
	padding-left:5px;
	margin-bottom:11px;
	overflow:auto}
/* élargi la zone Texte du message 	*/