html, body {
	margin : auto ; /* Centre la page dans l'ecran */
	padding : 0 ;
	background : white ;
	font : 90% Arial, Verdana, "Arial Black", "Times New Roman", sans-serif ;
	height : 100% ;
	width: 100%;
}

#site {
	position : relative ;
	width : 970px ;
	margin : 0 auto ;
	min-height : 100% ;
	height : auto;
	background : #ffffff url("IMG/menu_gauche.gif") 0 0 repeat-y ;
}


/************************************* Pr l'impression *************************************/

#logo_bici { 
	display : none ; 
}

/************************************** Partie en ht **************************************/

#en_tete {	
	width : 970px ; /* Taille du bandeau */
	height : 134px ;
	display : block ;
}

#en_tete IMG {
	border-width: 0;
}

#menu_ht {
	width : 970px ;
	height : 28px ;
	background-image : url("IMG/bandeau_ht.jpg") ;
	background-repeat : no-repeat ; 
	padding-top : 7px ;
	position: relative;
}

#menu_ht ul li { 
	margin : 1.3em ; /* Espace entre chq elmt */ /*16px*/
	display : inline ;
	margin-left : 0.5em ;
}  
	
#drapeau {
	position : absolute ;
	top: 4px;
	width : 12.7em ;
	text-align : center ;
}

html:first-child #drapeau { /* Pr Opera */
	padding-top : 10.2em ;
}

.un_drapeau {
	border : 0 ; /* pr pas qu'il y ait de cadre violet (lien) autour du drapeau */
}

#onglets {
	margin-top : 0 ;
	text-align : center ;
	font-weight : bold ;
	font-size : 1.2em ;
}


/************************************** Partie gauche **************************************/

#menu_gauche {
	margin-top : 0em ;
	float : left ; /* Le menu "flotte" a gauche du texte */
	margin-left : 0em ;
	width : 12.7em ;
	color : white ;
}

#services {
	margin-top : 1.9em ;
	margin-bottom : 1.5em ;	
	text-align : center ;
	font-size : 1.5em ;	
}

#barre_serv {
	width : 5.5em ;
	height : 2px ;
}

#menu {
	margin-top : 4em ;
	text-align : center ;
}

#menu dt { /* Catégories principales*/
	cursor : pointer ;
	font-weight : bold ;
	margin : 2em ; /* Espace entre chq catégorie du menu */ 
}

#menu dd {
	display : none ;
	border : 1px solid gray ;
}

html:first-child #menu dd { /* Pr Opera */
	width : 13.5em ;
}

#menu li { /* Sous menu */
	text-align : left ;
	margin-left : 0.1em ;
	margin : 0.2em ;
}

#menu li a, #menu dt a { /* Le lien prend tte la ligne (sa coloration au survol aussi)*/
	display : block ;
	height : 100%;
	border : 0 none ;
}


/************************************* Partie centrale *************************************/

#corps {
	margin : auto ;
	margin-top : 4.4em ;
	padding-bottom : 5em ; /* Espace entre le corps et le pied de page */
	width : 41.4em ; /* Largeur du corps */ 
	min-height : 75em ; /* Qd il n'y a pas de texte, pour que le pied de page soit tout en bas */
}

/* Pr IE (versions avt 7) */
* html #corps {
	height : 75em ;
}

/************************************** Partie droite **************************************/

#menu_droite {
	margin-top : 2em ;
	float : right ; /* Le menu "flotte" à droite du texte */
	width : 10.8em ;
}

html:first-child #menu_droite { /* Pr Opera */
	width : 11.7em ;
}

#menu_agenda {
	border : 2px solid #93107E ;
	color : #93107E ; 
	padding-bottom : 0.3em ;
	padding-left : 0.3em ;
	padding-right : 0.2em ;	
	max-height : 28em ;
	overflow : hidden ;
}

* html #menu_agenda { /* Pr IE 6 */
	height : 365px ;
	height : expression(this.scrollHeight > 365? "365px" : "auto") ; /* max-height */
}

#text_agenda {
	font-weight : bold ;
	font-size : 1.2em ;
	text-align : center ;
}

* html #text_agenda {
	padding-top : 0.3em ;
}

#menu_bici, #menu_evts {
	margin-top : 3em ;
	color : #043669 ;
	font-weight : bold ;
	border-bottom : 2px solid #043669 ;
	border-left : 2px solid #043669 ;
	border-right : 2px solid #043669 ;
	background-color : #d0d92f ;
	padding-bottom : 18px ;
}

.ht {
	text-align : center ;
	_width : 138px ; /* Uniquement pr Mozilla */
	margin-left : -2px ;
	background-image : url("IMG/haut_menu.gif") ;
	background-repeat : no-repeat ; 
	padding-top : 20px ;
}

#menu_bici li, #menu_evts li { /* Espace entre chq titre du menu */
	margin : 1em ;
}

/* Pour FF */
#menu_evts li a, #menu_bici li a { /* Le lien prend tte la ligne (sa coloration au survol aussi)*/
	display : block ;
	height : 100% ;
}

/* Pr IE (versions avt 7) */
* html #menu_evts li a, * html #menu_bici li a { /* Le lien prend tte la ligne (sa coloration au survol aussi)*/
	display : block ;
	height : 1em ;
}

/* Pr IE (version 7) */
*+ html #menu_evts li a, *+ html #menu_bici li a { /* Le lien prend tte la ligne (sa coloration au survol aussi)*/
	display : inline ;
	height : 100% ;
}


/************************************** Partie en bas **************************************/

#pied_de_page {
	position : absolute ;
	text-align : center ;
	font-size : 0.9em ;
	bottom : 0 ; 
	left : 0 ;
	width : 970px ;
	height : 42px ;
	background-image : url("IMG/footer.jpg") ;
	background-repeat : no-repeat ; 
	clear : both ; 
}

#pied_de_page span { 
	left : 385px ; 
	position : absolute ; 
	top : 13px ; 
}

/************************************** Pr tt le site **************************************/

dl, dt, dd, ul, li {
	margin : 0 ;
	padding : 0 ;
	list-style-type : none ;
}

a { /* ts les liens */
	text-decoration : none ; /* Les liens ne seront plus soulignés */
	color : black ;
}

#menu_gauche a { /* Les liens du menu de gauche seront en  blanc */
   color : white ; 
}

#menu_ht a, #pied_de_page a, #menu_bici a, #menu_evts a  {/* Les liens du menu en ht, en bas, a droite seront en  bleu marine */
	color : #000066 ;
}

#onglets a:hover, #onglets a:focus, #pied_de_page a:hover, #pied_de_page a:focus, .trois_menus li a:hover, .trois_menus li a:focus, #corps a:focus, #corps a:hover { /* qd on passe sur le menu en ht et en bas les liens st soulignés */
	text-decoration : underline ;
}

#menu li a:hover, #menu li a:focus { /* Survol d'un elmt du menu : surligne*/
	background : #29547f ;
}

#menu_evts li a:focus, #menu_evts li a:hover, #menu_bici li a:focus, #menu_bici li a:hover{
	background : #e5e887 ;
}

.trois_menus {
	margin-top : 2.2em ;
	margin-bottom : 2em ;
}

.trois_menus a {
	color : #000066 ;
	font-weight : bold ;
}

.trois_menus li {
	margin : 1em ;
	margin-left : 9.5em ;
	list-style-image : url("IMG/pt.gif") ;
}

#pts {
	margin-top : 1.5em ;
	margin-bottom : 1em ;
	height : 1px ;
	width : 41.5em ;
}

* html #pts { 	width : 41.4em ; }

#pts_imprimer {
	margin-top : 3em ;
	margin-bottom : 1em ;
	height : 1px ;
	width : 41.5em ;
}

* html #pts_imprimer { width : 41.4em ; }

h3 {
	color : #11A4D0 ; 
	margin-bottom : 2.5em ;
	text-decoration : underline ;
	text-align : center ;
}

.centre { text-align : center ; }

.bleu_marine { color : #000066 ; }

.lien_bleu_marine a { color : #000066 ; }

.bleu { color : #11A4D0 ; }

.rouge { color : red ; }

.vert { color : #b9c448 ; }

.lien_vert a { color : #b9c448 ; }

.italique { font-style : oblique ; }

.gras { font-weight : bold ; }

.souligne { text-decoration : underline ; }

.type_rubrique {
	color : #000066 ;
	text-align : right ;
	font-size : 1.5em ;
	margin-bottom : 1.5em ; /* Espace entre la barre et le txt */
}

.barre {
	width : 22em ;
	height : 2px ;
}

.bici_accueil { /* logo du bici sur la page d'accueil */
	width : 142px ;
	height : 160px ;
	display: block ;
    margin : auto ;
	margin-bottom : 2em ;
}

.liste { /* Utilise ds BiCi pr "Retrouvez actualites */
	margin-left : 2em ;
}

.liste_photos li {
	margin-left : 1em ;
	margin : 0.6em ;
}

.liste_carre li {
	list-style-type : square ;
	margin : 0.3em ;
	margin-left : 2em ;
}

.liste_carre_droite { /* liste un peu alignée vers la droite */
	margin-bottom : 1em ;
}

.liste_carre_droite li { /* Utilise ds ouverture_compte pr ss partie ds sejour */
	list-style-type : square ;
	margin : 0.2em ;
	margin-left : 3em ;
}

.cadre {
	margin-top : 2em ;
	margin-bottom : 2em ;
	padding : 0.3em ;
	border : 1px solid black ;
}

.align_droite { 	margin-left : 9.5em ; }

p a, .liste a { color : #11A4D0 ; }

a img { border : 0 ; }

/***************** Images dans la partie "Partenaires du BiCI" ************************/

.float_right {
	margin-left : 1.5em ;
	float : right ;
	border : 0 ;
}

.float_left {
	margin-right : 1em ;
	float : left ;
	border : 0 ;
}

#conseil_gnrl {
	width : 57px ;
	height : 79px ;
}

#san {
	margin-top : 0.3em ;
	width : 50px ;
	height : 75px ;
}

#idf {
	width : 170px ; 
	height : 28px ;
}

#ciup {
	margin-top : 0.5em ;
	width : 134px ; 
	height : 52px ;
}

#fnak {
	width : 200px ; 
	height : 50px ;
}

#educ_nationale {
	width: 105px; 
	height: 116px;
}

#euraxess {
	margin-top : 1em ;
	margin-bottom : 1em ;
	width : 59px; 
	height : 40px;
}


/****************************** Galerie de photos ******************************/

#galerie {
	margin : auto ;
	width : 450px ;
	background : #fafae7 ;
	border : 1px solid #000066 ;/*#b9c448*/
	padding : 15px ;
	text-align : center ;
}

#galerie_mini {
	margin : 0 ;
	padding : 0 ;
}

#galerie_mini li { display : inline ;}

.petite_photo {
	height : 40px ;
}

#galerie_mini li a img {
	margin : 2px 1px ;
	border : 0 ;
}

#photo {
	margin : 0 auto ;
	margin-top : 2em ;
}

html:first-child #photo { /* Pr Opera */
	height : 420px ;
}

#photo dt {
	font : 1.2em Georgia, Arial, Verdana, "Times New Roman", sans-serif ;
	color : #000066 ;
	margin-bottom : 0.8em ;
}

#photo dd { margin : 0 ; }

#big_pict { max-width : 425px ; }

html:first-child #big_pict { /* Pr Opera */
	max-height : 380px ;
}

/****************************** Formulaire ******************************/

table td {
	width : 12em ; /* Espace le txt et le chps a remplir */
}

#form td { /* Tableau qui contient tout le formulaire */
	padding-top : 0.5em ;
}

#boutons td{ /* Ligne qui contient submit et reset */
	padding-top : 2em ;
}

/*****************************/

#temoignage_francesco { 
	margin-top : 0.5em ;
	width : 158px ;  
	height : 119px ;
}

#temoignage_sugimoto { 
	margin-top : 0.5em ;
	width : 115px ; 
	height : 150px ;
}

#plan {
	width : 555px ;
	height : 250px ;
	border : 1px solid #000066 ;
}