/*
------------------------------------------------- 
Auteur: Tania Frassanito
Date de création : 18.01.2007
Fichier: miseEnPage.css
Description: Mise en page de la structure de base
-------------------------------------------------
*/

/* --- STRUCTURE DE BASE --- */

html, body {
	margin: 0px;
	padding: 0px;
	height: 100%;
}

body {
	background-color: #b2b2b2;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #FFFFFF;
}

#conteneur_principal {
	border-style:solid;
	border-width:1px;
	border-color:#b2b2b2;	
	
	padding: 0px;
	
	height: auto !important; 
   	height: 100%; 
   	min-height: 100%; 
	
	width:935px;
	margin-left: auto;
    margin-right: auto;
}

#element_structure_colonne {
	display: inline;
	position: absolute;
	
	margin-left: 23px;
	padding: 0px;
	
	width: 330px;
	background-image:url(../img/structure/img_structure_04.jpg);

	height: auto !important; 
   	height: 100%; 
   	min-height: 100%; 
}

#element_structure_colonne_pied_de_page {
	margin-top: 15px;	
	margin-left: 120px;
}

#element_structure_logo {
	margin-top: 18px;
	margin-left: 58px;
}

#element_structure_lignes_haut img{
	margin-left: 352px;
}

#copyright {
	font-size: 9px;
	color: #FFFFFF;
	
	margin: 5px 0px 45px 157px;
}

#element_structure_lignes_milieu img{
	margin-left: 352px;
}

#element_structure_centre {
	height: 438px;
	background-image:url(../img/structure/img_structure_03.jpg);
	background-repeat:repeat-x;
}

#element_structure_centre_angle {
	float:left;
	margin-top: 309px;	
}

#element_structure_centre_marge_gauche {
	display: inline;
	margin-left: 370px;	
	font-size: 0px;
}

#element_structure_centre_marge_gauche img{
	margin-top:1px;
}

#element_structure_centre_contenu {
	position: absolute;
	display: inline;
	
	margin-top: 1px;
	height: 436px;
	width: 509px;
	
	background-image:url(../img/structure/img_structure_06.jpg);
	background-repeat:repeat-x;
}

#element_structure_zone_contenu{
	overflow: auto;
	
	scrollbar-face-color: #fa60b2;
	scrollbar-shadow-color: #fa60b2;
	scrollbar-highlight-color: #fa60b2;
	scrollbar-3dlight-color: #FFFFFF;
	scrollbar-darkshadow-color: #666666;
	scrollbar-track-color: #fa60b2;
	scrollbar-arrow-color: #FFFFFF;

	position:absolute;
	z-index: 0;
	
	height: 396px;
	width: 489px;

	padding-left: 20px;	
	padding-top: 40px;
	
	background-image:url(../img/structure/img_structure_12.jpg);
	background-repeat:repeat-y;
	background-position: right;
}	


#element_structure_menu_rapide {
	position:absolute;
	z-index: 1;
	
	margin-left: 414px;
	height: 436px;
	width: 75px;

	background-image:url(../img/structure/img_structure_07.jpg);
	background-repeat: no-repeat;
	background-position: left;
}

#element_structure_menu_rapide table{
	margin-left: 29px;
	margin-top: 250px;
}

#element_structure_lignes_milieu2 {
	margin: 0px;
}

#element_structure_lignes_milieu2 img{
	margin-left: 352px;
}

#element_structure_pied_de_page {
	margin-left: 353px;

	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px 0px 1px 0px;	

	height: 28px;
	
	background-color:#fa60b2;
}

#element_structure_lignes_bas img{
	margin-left: 352px;
}


/* --- MENU --- */

#element_structure_menu {
	padding-left: 435px;

	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px 0px 1px 0px;	

	height: 28px;
	
	background-color:#fa60b2;
}

#element_structure_menu img{
	margin-right: 15px;
}

#element_structure_sous_menu{
	display: none;
	position: absolute;
	z-index: 10;

	margin-left: -7px;	
	margin-top: 28px;
	width: 447px;
}

.element_structure_sous_menu_background{
	position: absolute;

	border-style: solid; 
	border-width: 1px;	
	border-color: #FFFFFF;	
	background-color:#f960b2;	
	padding: 5px 13px 10px 13px;	

	filter:alpha(opacity=80); 
	-moz-opacity:0.8;
	opacity: 0.8;
}	

.element_structure_sous_menu_items{
	position: absolute;
	padding: 5px 13px 10px 13px;
}

#sous_menu_ecole{
	display: none;
}

#sous_menu_ecole .element_structure_sous_menu_background{
	width: 160px;
	height: 102px;
	margin-top: 7px;
	margin-left: 10px;
}

#sous_menu_ecole .element_structure_sous_menu_items{
	margin-left: 10px;
	margin-top: 12px;
}

#sous_menu_informations{
	display:none;
}

#sous_menu_informations .element_structure_sous_menu_background{
	width: 100px;
	height: 45px;
	margin-top: 7px;
	margin-left: 80px;
}

#sous_menu_informations .element_structure_sous_menu_items{
	margin-left: 80px;
	margin-top: 12px;
}

#sous_menu_plus{
	display:none;
}

#sous_menu_plus .element_structure_sous_menu_background{
	width: 150px;
	height: 75px;
	margin-top: 7px;
	margin-left: 335px;
}

#sous_menu_plus .element_structure_sous_menu_items{
	margin-left: 335px;
	margin-top: 12px;
	width: 145px;
}

#sous_menu_spectacle{
	display:none;
}

#sous_menu_spectacle .element_structure_sous_menu_background{
	width: 150px;
	height: 45px;
	margin-top: 7px;
	margin-left: 340px;
}

#sous_menu_spectacle .element_structure_sous_menu_items{
	margin-left: 340px;
	margin-top: 12px;
	width: 145px;
}


/* --- MISE EN PAGE SPECIFIQUE POUR CONSOLE D'ADMINISTRATION --- */

#element_structure_centre_contenu_admin{
	position: absolute;
	display: inline;
	
	margin-top: 1px;
	height: 436px;
	width: 882px;
	
	background-image:url(../img/structure/img_structure_06.jpg);
	background-repeat:repeat-x;
}

#element_structure_pied_de_page_admin {
	border-style: solid;
	border-color: #FFFFFF;
	border-width: 1px 0px 1px 0px;	

	height: 28px;
	
	background-color:#fa60b2;
}

#element_structure_centre_marge_gauche_admin {
	display: inline;
	margin-left: 20px;	
	font-size: 0px;
}

#element_structure_centre_marge_gauche_admin img{
	margin-top:1px;
}

#element_structure_centre_marge_droite_admin {
	position:absolute;
	z-index: 0;
	
	background-image:url(../img/structure/img_structure_07_admin.jpg);
	
	margin-left: 835px;
	margin-top: 1px;
	height: 436px;
	width: 48px;
}