/* CSS DANCING ACROSS BORDERS */

/*  ==================================
		GENERAL
=================================== */
* { padding: 0; margin: 0; }
html { 
	height: 101%; /*FORCE L AFFICHAGE DE LA BARRE DE DEFILEMENT DANS FIREFOX */
	scrollbar-face-color: #666; 
	scrollbar-shadow-color: #666; 
	scrollbar-highlight-color: #666; 
	scrollbar-3dlight-color: #CCC; 
	scrollbar-darkshadow-color: #FFF; 
	scrollbar-track-color: #FFF; 
	scrollbar-arrow-color: #CCC; 
 }	

body {
	text-align:center;
	color: #fff;
	background-color: #8c8c8c;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: small;
}


a { text-decoration: none; outline:none; }
a:link {color: white; }
a:visited {color: white; }
a:hover, a:focus { text-decoration:underline; }
a:active { color: black; background-color: transparent; }

.skiplink { display: none; }

.bloc1 {
	text-align: left;
	height: auto;
	margin-top: 0px;
}


/*  ==================================
		WRAPPER
=================================== */
#wrapper {
	color: #000;
	background-color: #CCC;
	width: 970px;
}	


/*  ==================================
		BANDO
=================================== */
#bando {
	color: black;
	width: 970px;
	height: 252px;
	background-image: url(img/bando.jpg);
}
.flag_fr {
	padding: 10px;
	margin-left: 920px;
}
.flag_uk {
	padding: 10px;
	padding-top: 0;
	margin-left: 920px;
}

/*  ==================================
		MENU
=================================== */
#menu {
	color: blue;
	text-align: right;
	background-image: url(img/bando_menu.jpg);
	font-size: medium;
	height: 30px;
}
#menu li { 
	display: inline;
	padding: 7px;
	line-height: 2em;
}
#menu li a:hover, #menu li a:focus, #menu li a:active {
	color: black;
	background-color: white;
	text-decoration: none;
}	


/*  ==================================
		ZONE D'IMAGES
=================================== */
#image {
	color: black;
	background-color: #666;
	width: 320px;
	height: auto;
	float: left;
	padding-top: 0px;
	padding-left: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
}


/*  ==================================
		ZONE DE TEXTE
=================================== */
#texte {
	text-align: justify;
	color: black;
	width: auto;
	height: auto;
	background-color: #fff;
	background-image: url(img/logo-5rythmes.png);
	background-repeat: no-repeat;
	background-position: top;
	padding-top: 10px;
	padding-left: 40px;
	padding-right: 20px;
	padding-bottom: 20px;
	margin-left: 300px;
}
.blackstrong {
	color: black;
}
.white {
	color: white;
}
.whiteurl a {
	color: white;
	background-color: none;
	text-decoration: underline;
}
.video {text-align: center; }

#texte a {
	color: #666;
	background-color: none;
	text-decoration: underline;
}
#texte a:hover, #texte a:focus {
	color: black;
	background-color: #ccc;
	text-decoration: none;
}
#texte a:active {
	color: black;
	background-color: transparent;
}


/*  ==================================
		PIED DE PAGE
=================================== */
#pied {
	color: #fff;
	background-image: url(img/bando_pied_page.jpg);
	margin-bottom: 0px;
}


/*  ==================================
		HTML
=================================== */

h1 {font-size: 150%; }
h2 {font-size: 130%; }
h3 {font-size: 110%; }

/*ul li { list-style-type: square; }
ol li { list-style-type: decimal; }
ol ol li { list-style-type: lower-alpha; }*/

address {
	text-align: right;
	font-size: 80%;
	font-style: normal;
	letter-spacing: 2px;
	line-height: 1.5em;
}


/*  ==================================
		FORMULAIRE DE CONTACT
=================================== */

#fcontact {
	background-color: #eee;
	width: 400px;
	padding: 20px;
	border: 1px solid #8c8c8c;
}

label {	display: block; } /* Titre sur une ligne à part & Meme longeur pour les 2 champs */

#exp, textarea {
	width: 300px;
	border: 1px solid #8c8c8c;	
	margin-bottom: 1em;
}

textarea { height: 7em; }

input:focus, textarea:focus {
	background-color: #ccc;
}