/*_______________________menu_______________________*/

/********** STYLES GENERAUX DU MENU **********/

#menu
{
	width:956px;
	float:left;
	overflow:hidden;
	font-size:.65em;
	/* Fix IE6 */ _overflow:visible; _zoom:1;}
	/* Fix Opera */ @media screen, projection and (float:left) {#menu {overflow:visible;}
}
 
#menu li
{
	float:left;
	text-transform:uppercase;
	list-style-type:none;
}

#menu li a:hover, #menu li a:focus, #menu li a:active
{
	opacity:0.75;
	filter:alpha(opacity=75);
	-moz-opacity:0.75;
	-khtml-opacity:0.75;
}


#menu li li
{
	float:none;
	position:relative;
	font-family:arial, sans-serif;
	/* Fix IE */ *zoom:1; *margin-top:4px;
}

#menu li ul
{
	margin-top:-5px;
}

body:last-child:not(:root:root) #menu li ul {margin-top:5px;}

#menu li ul a
{
	border:1px solid #CCCCFF;
	line-height:1em; padding:.6em 0 .7em;
	/*Fix IE pour rendre la totalite du lien cliquable */ 
	*background:url(skin/bkg-links.png) 12000px 12000px no-repeat;
}

#menu li ul img
{
	position:absolute;
	top:0;
	left:0;
	z-index:-1;
	width:100%;
	height:100%;
	opacity:0.7;
	filter:alpha(opacity=70);
	-moz-opacity:0.7;
	-khtml-opacity:0.7;
	/* Fix IE */ *height:2.5em;}


#menu li ul a:hover, #menu li ul a:focus, #menu li ul a:active
{
	color:#336600;
}


/********** STYLES PARTICULIERS DU MENU **********/

li#association a {width:191px;}
/* Fix IE */ li#association ul {*width:191px;}
li#association ul a {width:171px; padding-left:18px;}
li#projets a{width:139px;}
/* Fix IE */ li#projets ul {*width:139px;}
li#projets ul a {width:119px; padding-left:18px;}
li#courses a {width:148px;}
/* Fix IE */ li#courses ul {*width:148px;}
li#courses ul a {width:128px; padding-left:18px;}
li#ecole a {width:104px;}
/* Fix IE */ li#ecole ul {*width:104px;}
li#ecole ul a {width:84px; padding-left:18px;}
li#partenaires a {width:197px;}
/* Fix IE */ li#partenaires ul {*width:197px;}
li#partenaires ul a {width:177px; padding-left:18px;}
li#multimedia a {width:177px;}
/* Fix IE */ li#multimedia ul {*width:177px;}
li#multimedia ul a {width:157px; padding-left:18px;}
#cont {position:relative; z-index:1000;}
.hasJS #menu ul {position:absolute; overflow:hidden; display:none;}
.hasJS #menu .show ul {display:block;}

/*____________________fin du menu____________________*/


/*commun à toutes les pages*/

/********** ENTETE **********/

#header a
{
	color:#003399;
	text-decoration:none;
	display:block;
}

#header ul
{
	margin:0;
	padding:0;
}

p
{
	text-indent: 30px;
	text-align:justify;
	color: black;
}

a
{
	color: blue;
}

img
{
	border:0px;
	margin: 0px;
	padding: 0px;
}

body
{
	margin: 0px;
	padding: 0px;
	background-image: url("../images/fond.jpg");
	background-attachment: fixed;
	font-family:Cortoba, Verdana, Calibri, Arial;
}

/*
div
{
	margin: 1px;
	border: 1px solid black;
}
*/

#page
{
	width: 956px;
	margin: auto;
}

#barre_haut
{
	height:40px;
	background-image: url("../images/barre_haut.png");
}	
	
#image_entete
{
	display: block;
	width:956px;
	height:160px;
	background-image: url("../images/image_entete.jpg");
}



#carre_droite
{
	float: right;
	width: 201px;
	height: 294px;
	margin-top:0px;
}

#haut_haut_corps
{
	display:block;
	margin-top: 154px;
	margin-left: 162px;
	height: 13px;
	width: 384px;
}

#bas_haut_corps
{
	height: 63px;
	display:block;
}

#milieu_corps
{
	background-image: url("../images/milieu_corps.png");
	background-repeat: repeat-y;
	padding:30px;
	width: 670px;
}

#milieu_corps_accueil
{
	background-image: url("../images/milieu_corps.png");
	background-repeat: repeat-y;
	padding:20px;
	width: 690px;
}

.image_droite
{
	float: right;
	padding-right: 0px;
	padding-left: 10px;
	border: 0px;
}

.image_gauche
{
	float: left;
	padding-left: 0px;
	padding-right: 10px;
	border: 0px;
}

#bas_corps
{
	height: 99px;
	margin-bottom: 50px;
}

.barre_bas
{
	background-image: url("../images/barre-bas.png");
	background-repeat: repeat-x;
	border: 2px solid grey;
	width: 950px;
	height: 56px;
	margin: auto;
	padding: 0px;
	position: relative;
	bottom: 0px;
}

.barre_bas a
{
	color: white;
	text-decoration: none;	
}

#logo_bas
{
	display: block;
	float: right;
	margin: 4px;
}

#contacts
{
	float: left;
	margin-left: 10px;
	margin-top: 18px;
}

.liens
{
	float: left;
	margin-left: 20px;
	margin-top: 18px;
	font-size:.8em;
}

/*commun à toutes les pages*/
.entete
{
	display: block;
	margin-left:-10px;
}

/*page membre*/
.tableau_bureau
{
	margin-top: 20px;
	margin-left: 65px;
}

/*page partenaires*/
.logo
{
	width: 200px;
	text-align: center;
}

.description
{
	width: 400px;
	padding: 10px;	
}

/*page parrain*/
.lettre_vatanen
{
	margin-left: 40px;
	margin-top: 0px;
	width: 600px;
	height: 851px;
	background-image: url("../images/partenaires/lettre_vatanen.gif");
}

.logo_vatanen
{
	float: left;
	margin-left: 65px;
	margin-top: 80px;
}

.logo_itd
{
	float: left;
	margin-left: 10px;
	margin-top: 80px;
}

/*page contacts*/
.tableau_contacts
{
	width: 600px;
	text-align: center;
}




