/* KultUrBain *
* FoOjiN RoOlz tout droit réservé *
* www.foojin.com */

/* General */

html, body {
			margin : 0;
			padding : 0;
			font-family : verdana, arial, sans-serif;
			font-size : 12px;
			text-align : center;
			background-color: #ffffff;
			color : #000000
			}
#global {
			position: static;
			width : 867px;
			margin-right : auto;
			margin-left : auto;
			margin-top : auto;
			margin-bottom : auto;
			}
#entete {
			width : 867px;
			height : 258px;
			background-image: url(images/layout_01.gif);
			}
#corps {
			width : 867px;
			/* min-height: 353px; */
			background-image : url(images/layout_02.gif);
			overflow : hidden;
			color: #669900;
		   }  
#pied {
			width : 867px;
			height : 115px;
			text-align : center;
			background : url(images/layout_03.gif) no-repeat;
			}
a img {
			border: 0px;
			}
/* Divers */
.form {
			font-size: 14px;
			border: 1px #669900 dotted;
			vertical-align: top;
			}	
.hot {
			color: #FF0000;
			font-weight: bold;
			font-size: 12px;
			}
.hot a, .hot a:visited {
			color: #FF0000;
			text-decoration: none;
			}
.hot a:active, .hot a:hover {
			color: #FF0000;
			text-decoration: underline;
			}
a, a:visited {
			color: #666600;
			text-decoration: none;
			}
a:hover, a:active {
			color: #666600;
			text-decoration: underline;
			}
h1 {
			padding-left: 40px;
			}
h1 span {
			color: #99cc66;
			}
hr {
			background-color: #669900;
			}
.balise {
			font-weight: bold;
			}
.exemple {
			color: #666600;
			font-style: italic;
			}
.code {
			background: #CCCCCC;
			border: #000000;
			color: #666600;
			padding-left: 90px;
			padding-right: 50px;
			}
#fondie {
			background-image:url(images/fondie.gif);
			width: 580px;
			height: 500px;
			margin: auto;
			}
#ie {
			width: 550px;
			height: 450px;
			margin: auto;
			color: #000000;
			text-align: justify;
			padding-left: 10px;
			padding-right: 10px;
			padding-top: 0px;
			}
#ie a, #ie a:visited {
			color: #000000;
			font-style: italic;
			font-weight: bold;
			text-decoration: none;
			}
#ie a:hover, #ie a:active {
			color: #000000;
			font-style: italic;
			font-weight: bold;
			text-decoration: underline;
			}
.os {
			font-size: 16px;
			font-weight: bolder;
			}
#quote {
			font-size: 18px;
			}
.imp {
			font: 20px bold;
			color: #666600;
}
.imp a {
			text-decoration: underline;
			}
.style {
			color: #669900;
			padding-left: 30px;
			font-weight: bold;
			}
.style2 {
			color: #99cc66;
			font-weight: bold;
			}
.title {
			font-size: 16px;
			font-weight: bold;
			}
.title2 {
			font-size: 14px;
			font-weight: bold;
			}
.blocg {
			padding-left: 30px;
			padding-right: 10px;
			}
.blocd {
			padding-left: 130px;
			padding-right: 10px;
			}
/* Menu Puzzle */

#pmenu {
			position: relative;
			width: 280px;
			height: 82px;
			margin: 0 auto;
			text-align: left;
}
#pmenu ul {
			position: absolute;
			top: 2px;
			left: -161px;
			width: 280px;
			height: 82px;
			padding: 0;
			margin: 0;
			list-style: none;
			background: transparent url(images/pmenu.gif) top left no-repeat;
}
#pmenu li {
			float: left;
			padding: 0;
			margin: 0;
}
#pmenu li a {
			display: block;
			height: 82px;
			width: 70px;
			text-decoration: none;
			font-size: 1px;
			line-height: 82px;
			color: #000000;
}
#pmenu li a span {
			position: absolute;
			left: -5000px;
}
#pmenu li a:hover {
			background: transparent url(images/pmenu.gif) top left no-repeat;
}
#pmenu a#equipe:hover {
			background-position: 0px -83px;
			color: #000000;
}
#pmenu a#projets:hover {
			background-position: -70px -83px;
			color: #000000;
}
#pmenu a#newsletter:hover {
			background-position: -140px -83px;
			color: #000000;
}
#pmenu a#talents:hover {
			background-position: -210px -83px;
			color: #000000;
}

/* Menu Femmes */

#fmenu {
			position: relative;
			width: 628px;
			height: 160px;
			margin: 0 auto;
			text-align: left;
}
#fmenu ul {
			position: absolute;
			top: 1px;
			left: 102px;
			width: 628px;
			height: 160px;
			padding: 0;
			margin: 0;
			list-style: none;
			background: transparent url(images/fmenu.gif) top left no-repeat;
}
#fmenu li {
			float: left;
			padding: 0;
			margin: 0;
}
#fmenu li a {
			display: block;
			height: 160px;
			width: 125px;
			text-decoration: none;
			font-size: 1px;
			/*line-height: 160px;*/
			color: #000000;
}
#fmenu li a span {
			position: absolute;
			left: -5000px;
}
#fmenu li a:hover {
			background: transparent url(images/fmenu.gif) top left no-repeat;
}
#fmenu a#art:hover {
			background-position: 0px -160px;
			color: #000000;
}
#fmenu a#lecture:hover {
			background-position: -125px -160px;
			color: #000000;
}
#fmenu a#musique:hover {
			background-position: -250px -160px;
			color: #000000;
}
#fmenu a#sport:hover {
			background-position: -375px -160px;
			color: #000000;
}
#fmenu a#danse:hover {
			background-position: -500px -160px;
			color: #000000;
}
#fmenu a#logolink{
			position: absolute;
			left: -70px;
			}
#retour {
			position: absolute;
			left: 200px;
			top: 25px;
			}
#bienvenue {
			position: absolute;
			left: 230px;
			top: 25px;
			}
/* Corps */

.centre {
			color: #669900;
			padding-left: 20px;
			font-size: 12px;
			}
.centre a, .centre a:visited {
			color: #666600;
			text-decoration: none;
			}
.centre a:active, .centre a:hover {
			color: #666600;
			text-decoration: underline;
			}
.centre ul {
			text-align: left;
			padding-left: 280px;
			}
#corpstext {
			text-align: justify;
			color: #669900;
			padding-left: 110px;
			padding-right: 70px;
			}
#news {
			color: #669900;
			padding-top: 50px;
			padding-left: 40px;
			}
/* Pied */


.coord {
			display: block;
			color: #669900;
			font-style: italic;
			font-size: 10px;
			padding-left: 30px;
			}
.foot {
			color: #669900;
			font-style: italic;
			font-size: 10px;
			padding-left: 0px;
			}
.foot a, .foot a:visited {
			color: #669900;
			text-decoration: none;
			}
.foot a:active, .foot a:hover {
			color: #669900;
			text-decoration: underline;
			}
/* Newsletter */


form { 
			width: 500px; 
			margin: 30px auto; 
			color: #669900; 
			padding-left: 30px; 
			}
form fieldset { 
			border: 1px dashed #669900;
			}
form div {
			padding: 6px 8px;
			}
form div.bloc label {
			display: block;
			float: left;
			padding-left: 50px;
			width: 30%;
			}
form div.center {
			text-align: center;
			}
    
label[for] {
			cursor: pointer;
			}
p.message {
			text-align: center;
			} 
#email, #format, #liste {
			border: 1px dashed #669900;
			color: #669900;
			}
form legend {
			background-color: white; 
			padding: 1px 4px; 
			color: #669900;
			}
			
/* Images */

a img {
			border: 0
			}
#pop{ /* fausse popup */
			position:absolute;
			left:5px;
			top:5px;
			display:none;
			z-index:200;
			background-color:#FFF;
			border:3px solid #66732f;
/* pour IE seulement */
			filter:progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#63421b,strength=6)
			}
#tet{ /* titre */
			cursor:move;
			background-color: #66732f;
			font:12px/18px "Comic Sans MS", "Times New Roman", Times, serif;
			color: #ffe805;
			padding:0 20px 0 .5em;
			}
#tet img{ /* croix pour fermer */
			position:absolute;
			right:0;
			top:0;
			height:14px;
			width:16px;
			cursor:default;
			margin:2px 1px 1px;
			border:0
			}