@import url("style_menu.css"); /* Inclus le css du fichier style_menu.css */

body /* On travaille sur la balise body, donc sur TOUTE la page */
{
	font-family: Calibri,"Times New Roman", Times, serif;
	background-color: black; /* Le fond de la page sera noir */
	color: white; /* Le texte de la page sera blanc */
	scrollbar-face-color: rgb(255,134,0);
    scrollbar-shadow-color: #000000;
    scrollbar-highlight-color: rgb(255,134,0);
    scrollbar-3dlight-color: #8fbc8b;
    scrollbar-darkshadow-color: #000000;
    scrollbar-track-color: #000000;
    scrollbar-arrow-color: #000000;
}

.banniere
{
	display: block;
	margin: 0 auto; 
	margin-top:15px;
	text-align:center;
}


a img
{
	border: none;
} 

.cadre1
{	
	float:left;
	width:430px;
	height:240px;
	margin-left:10%;
	padding-left:25px;
}

.cadre2
{	
	width:430px;
	height:240px;
	margin-left:10%;
	padding-left:25px;
}

.cadre3
{	
	clear: both;
	width:810px;
	height:200px;
	margin-left:10%;
	padding-left:10%;
}

legend
{
	font-family: Calibri,"Times New Roman", Times, serif;
	font-size: 2em;
	color: rgb(256,134,0);
}

ul {
	margin:15px;
	vertical-align: middle; display: inline;
}

p
{
	font-family: Calibri,"Times New Roman", Times, serif;
	color: white;
}

h1
{
	font-family: Cambria,"Times New Roman", Times, serif;
	color: rgb(256,134,0);
}

h2
{
	font-family: Cambria,"Times New Roman", Times, serif;
	color: rgb(256,134,0);
}

h3
{
	font-family: Cambria,"Times New Roman", Times, serif;
	color: rgb(256,134,0);
	margin-left:30px
}

li
{
	font-family: Calibri,"Times New Roman", Times, serif;
	margin-bottom:10px;
	color: rgb(255,134,0);
	/*font-size:1.2em;*/
	cursor: pointer;
}

#orgas
{
	color: black;
	list-style-type: none;
	width: 240px;
	background-color: #CCCCCC;
	border: 1px solid grey;
	border-radius: 5px 5px 5px 5px;
	padding-left: 6px;
	font-size: 13px;
	padding-top: 3px;
	padding-bottom: 6px;
}

table input,table textarea
{
	font-family: Calibri,"Times New Roman", Times, serif;
	width:150px;
}

input:focus, textarea:focus  /*Quand le curseur est sur un champ (ne marche pas sur IE) */
{
   background-color: rgb(255,134,0);
}

.champ1
{
	position:relative;
	float: right;
	font-family: Calibri,"Times New Roman", Times, serif;
	width:180px;
}

.champ2
{
	position:relative;
	float: right;
	margin-right: 109px;
	font-family: Calibri,"Times New Roman", Times, serif;
	width:180px;
}

.champ3
{
	position:relative;
	float: right;
	margin-right: 200px;
	font-family: Calibri,"Times New Roman", Times, serif;
	width:180px;
}

.submit
{
	position:relative;
	float: right;
	font-family: Calibri,"Times New Roman", Times, serif;
	width:180px;
}

select
{
	position:absolute;
	left:30%;
	font-family: Calibri,"Times New Roman", Times, serif;
	width:180px;
} 

table /* Le tableau en lui-même */
{
	margin: auto; /* Centre le tableau */
	border: 2px outset white; /* Bordure du 
tableau avec effet 3D (outset) */
	border-collapse: collapse; /* Colle les bordures entre elles */
	color: rgb(255,134,0);

}

td /* Toutes les cellules des tableaux... */
{
	text-align: center;
	border: 1px solid white; /* ... auront une bordure de 1px */
	font-family: Calibri,"Times New Roman", Times, serif;
	padding: 5px;
	max-width:350px;
	font-size:1em;
}

th /* Les cellules d'en-tête */
{
	background-color: rgb(255,134,0);
  	color: white;
   	font-family: Calibri,"Times New Roman", Times, serif;
	padding:8px;
}

.bas
{
	position:relative;
	width:700px;
	margin: auto;
	margin-top:15px;
	margin-left: auto;
	margin-right: auto;
	border: 1px solid rgb(255,134,0);
	font-family: Calibri,"Times New Roman", Times, serif;
	font-size:0.8em;
	color:rgb(255,134,0);
	text-align: center;
	

}

.float{float: right;}

.floatleft{float: left;}

#corps
{
	width: 900px;
	/*overflow: auto;*/
	margin-left: 60px; 
	margin-right: 60px;
	padding: 15px; 
	color: white;
	/*font-size: 1.2em;*/
}
#photos
{
	width:60%;;
	/*overflow: auto;*/
	margin-left: 350px; 
	/*margin-right: 60px;*/
	padding: 15px; 
	color: white;
	font-size: 1.2em;
}
#regles
{
	width:650;
	/*overflow: auto;*/
	margin-left:350px; 
	padding: 15px; 
	color: white;
	/*font-size: 1.2em;*/
}
#conseils
{
	width:650px;
	/*overflow: auto;*/
	margin-left:300px; 
	padding: 15px; 
	color: white;
	/*font-size: 1.2em;*/
}

#menuregles
{
	float:left;
	width:350px;
	margin-left: 60px; 
	margin-top:125px;
	color: white;
	font-size:1.2em;

}

#menuconseils
{
	float:left;
	width:250px;
	margin-left: 40px; 
	/*margin-right: 20px;*/
	margin-top:125px;
	color: white;
	font-size:1.2em;

}
#image {
position: absolute;
margin-left: 350px;
/*top: 430px;*/

} 

#carteecoles {
width: 400px;
}

a
{
	color: #e9cdb6;
	border: 0px;
   	font-family: Calibri,"Times New Roman", Times, serif;
	text-align: left;
}

a:hover{text-decoration: none;color: red;}
a:active {background-color: #ffffff;}