/*

------------------------------------------------- 

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% !important; 

   	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 50%;

}	





#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 50%;

}



#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: 150px;

	height: 88px;

	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

}