/* police par defaut de tout le site */
TD, DIV, SPAN {font-family:tahoma; font-size:9pt; color:#000000; font-weight:normal}

body {
	margin-left: 0px;
	margin-top: 10px;
	margin-right: 0px;
	margin-bottom: 10px;
	font-family:tahoma;
	font-size:9pt;
	line-height:13pt;
	background-image:url(images/bg_saintjoseph.jpg);
	background-repeat:repeat-x;
	background-color:#FFFFFF;
	color:#000000; /*#1F1F1F;*/ /*#252525;*/
	}


/* elements mise en page globale */

#chemnav {
height:40px;
font-size:8pt;
color:#666666;
}

#whole_itf {
width:900px;
} 
#global_content {
background-image:url('images/bg_content.jpg');
background-repeat:repeat-x;
background-position:left bottom;
background-color:#FFFFFF;
padding:20px 20px 0px 10px;
}

#content {
width:680px;
}
#entete_print {
display:none;
}

#footer{
	clear:both;
	width:auto;
	/*text-align:center;
	height:21px;
	background:#666;
	padding-left:0.4em;
	padding-top:0.2em;
	font-weight:bold;*/
	background-color:#C2EAF1;
	padding:0px 5px 0px 8px;
	border-top:solid 1px #FFFFFF;
}
	#footer ul { display:inline;}
	#footer ul li {display:inline; padding-right:5px; padding-left:0px;}
	#footer A {color:#004798; font-size:11px; text-decoration:none;}
	#footer A:hover {color:#004798;}


#separator {
clear:both;
width:100px;
}





/* ******************** le menu  ***************************** */

td#titre_section{
border-bottom:solid 1px #6eabdf;
}

/* menus de sections */

.btn_menu {
background-position:left top;
background-image:url(../images/btn_menu.jpg);
background-repeat:repeat-x;
height:36px;
border-top:solid 1px #CCCCCC;
font-size:10pt;
cursor: pointer;
width: 148px;
}


div.deroul_conteneur {
width: 148px;
height:auto;
/*border:solid 1px red;*/
}
div.ss_deroul_conteneur {
width: 148px;
/*border:solid 1px red;*/
}

.essai_ss_btn{

}

#btn_menu img {
float:left;
}

td#menu_ss_section{
border-bottom:solid 1px #CCCCCC;
padding:5px 0px 5px 0px;
}

table#menu_section {
width:148px;
margin:0px 30px 0px 0px;
/*background-color:#FFFFFF;*/
}

.btn_ss_menu {
margin:0px 0px 0px 0px;
padding:0px 0px 6px 0px;
font-size:9pt;
width:148px;
}

div#btn_ss_ss_menu {
margin:0px 0px 0px 10px;
padding:0;
font-size:8pt;
width:138px;
}









/* lien par défaut */
A {color:#666; text-decoration:none}
/*A:hover {color:#FF6600; background:#FFCC33; text-decoration:none}*/
A:hover {color:#078EBD; text-decoration:none}


/* liste par défaut */
ul {list-style-type:square; margin:0; padding-left:15px}

/* titre par défaut */
h1 {color:#666; font-weight:bold;font-size:16px}

/* image par défaut */
IMG{border:0}


/* temp.html */

#header{
	margin-top:1em;
	margin-bottom:0;
	left:0;
	width:100%;
	height:69px;
	BORDER-BOTTOM:#000 6px solid
}





	#hh01{height:41px; float:left}
		#hh01 a:hover {background:#FFF}
	/*#hh02{float:right; font-weight:bold; padding-top:4em; padding-bottom:0}*/
	#hh02{border-top:solid 1px #FFFFFF; background-color:#C2EAF1; padding:0px 8px 0px 8px;}


/* MODIF : hauteur de bordure droite de l'UL du menu horizontal (FF et IE), bordure droite parasite UL 2e niveau (IE) - 16/O5/2006 */
      #hh02 ul {padding:0; margin:0; /*margin-right:1em;*/ display:inline; /*border-right:2px solid #FF6600;*/}
      #hh02 ul ul {border-right:0;}

		#hh02 ul li {/*border-left:2px solid #FF6600;*/ display:inline; /*padding:0 0.6em 0 1em*/}
		#hh02 a {color:#666}
		#hh02 a:hover {color:#FF6600}

#header2{
	clear:left;
	width:100%;
	height:68px;
	background:#CCC;
	border-bottom:4px solid #FF6600
}
	#hh03{float:left; font-size:10px; color:#000; margin:0.6em}
	#hh04{float:right; margin-right:0.3em; margin-top:0.3em}


#entete {
font-size:8pt;
}
  	#entetepage {	
	float:right;
	padding-top:0.2em;
	padding-right:1em;
	color:#FFF; font-weight:bold; text-align:right
  	}
		#entetepage A {color:#FFF; font-weight:normal}
		#entetepage A:hover {color:#FF8000; font-weight:normal}

	DIV.mg1 {clear:left; font-size:9pt; color:#FFCC33; font-weight:bold; background:#000; height:21px; margin-top:0.5em; margin-bottom:0.5em; padding-left :0.4em; padding-top:0.2em}
	DIV.mg3 {color:#000; padding-left:0; line-height:15px; width:148px;}
	DIV.mg3 a {color:#000}


#menugauche {
	/*border-bottom:#000 1px solid;*/
	/*border-right:#000 1px solid;*/
	/*width:135px;*/
	width:148px;
	float:left;
	/*background:#EEE*/
}    
 
#contenupage {
	padding-left:150px;
	padding-right:5px
} 
	#coulcentre {padding:20px;}









/* page accueil */

 #rubriques h1, #aa02 h1, #aa01 h1 {font-size:11pt;}

#accueil{
	width:99%
}

#aa01{
	float:left;
	padding:0.5em
}

#rubriques{
	float:left;
	width:98%;
	margin-top:1em;
	padding-top:1em;
	padding-bottom:1em;
	border-top:#666 1px solid
}

	#rubriques ul {list-style-type:none; margin:0; padding-left:15px}
	/*#rubriques A {color:#FF6600} ORANGE*/
	#rubriques A {color:#078EBD;}
	/*#rubriques A:hover {color:#FF6600} ORANGE*/
	#rubriques A:hover {color:#078EBD;}
	#rubriques img {float:left}

/* fin page accueil */




/* autres éléments par défaut */
INPUT {
   background-color:#EEE; border-color:#000;  
   border-top-width:1px; 
   border-right-width:1px; 
   border-bottom-width:1px; 
   border-left-width:1px;
   text-indent:1px;  
   font-size:9px
}

textarea {   
   font-size:10pt;
   color:#000;
   font-style:normal;
   line-height:normal;
   font-weight:normal;
   text-decoration:none;
   letter-spacing:normal;
   word-spacing:normal;
   border:solid 1px #CCCCCC;
   background-color:#EEE
}

SELECT {  
   font-size:9px;
   color:#000;
   background-color:#FFF
}