/*table des matières */
/* 
1- Conventions de nommage et d'écriture
2- Eléments HTML
3- Elements de page
4- Classes spécifiques
5- Imprimer


/* 1- Conventions de nommage et d'écriture

> Nommage des fichiers images (images autres que celles provenant par défaut de sharepoint): ID_label_format.extension
> Les ID commencent par une majuscule, les class par une minuscule - Décrivent une fonctionnalité plutôt qu'une apparence
> Nommer comme suit: parent_enfant (Exemple: #header #header_navbar #header_logo)
> Répéter dans le nom des class, le nom des ancêtres
> Pour une seule propriété à afficher, écrire le tout sur une seule ligne
> Indenter le code pour mettre en évidence les dépendances entre chaque éléments CSS d'une même classe !
> Utiliser espaces et commentaires pour séparer les portions de code logiquement différents
> Grouper les élements, tags par type et les ordonner dans une séquence logique
> ordonner alphabétiquement les propriétés 
> séparer le code en catégories pour une meilleure maintenance (typographie - structure - Liens(LVHA) - etc)

*/ 

/* 2- Eléments HTML ****************************************************************************************/


@import url("admin.css"); /* manage lists/librairie view */
@import url("controlesSharepoint.css"); /* manage sharepoint controls style */
@import url("webparts.css"); /* manage webparts style */

/***** Global Settings *****/


html, body {margin:0; padding:0; border:0;}

body {
	background: #e3e1d1 url(/_catalogs/masterpage/_images/hopital/bg.gif) repeat-x top left; 
	font-family:Arial, Helvetica, sans-serif;
	}
	
a { color: #000; }
	a:hover { color: #111; text-decoration:none }
	a img { border: 0}

/* 2- FIN des Eléments HTML ********************************************************************************/

#page { margin:0 auto; width: 854px}

#texture { 
	background: transparent url(/_catalogs/masterpage/_images/hopital/bg.jpg) no-repeat top center;
	height: 457px; 
	position:absolute; top: 0; left: 0; 
	width: 100%
	}

#header {position: relative; height: 482px }



#Accreditation{	position:absolute;z-index:1;top:368px
}
#logo { margin: 49px 0 0 21px; }

#network { position: absolute; top: 49px; right: 10px; }

.LinkBulletEN a{background:url('/_catalogs/masterpage/_images/hopital/header_arrow.gif') no-repeat left top;}

#quick_nav { 
	position: absolute; 
	top: 72px; 
	right: 0; 
	width: 478px;
	height: 23px; 
	padding: 6px 15px 0 0;
	background-image: url(/_catalogs/masterpage/_images/hopital/bg_quick_nav.png); 
	text-align: right; 
	z-index: 5; 
	}
	
		#quick_nav div,
		#quick_nav a { color: #868074;font-size:11px; text-decoration: none }
			#quick_nav a:hover {text-decoration:underline}
		#TopLinkBar{width:250px}			
		#quick_nav div > div{padding:0 5px}
			
		#quick_nav #Language{padding-right:0}

#quick_nav_bg { position: absolute; top: 29px; right: 0; }


#photos { position: absolute; top: 105px; left: -37px; }

#menu { 
	position: absolute; 
	top: 433px; 
	left:0; 
	width: 854px; 
	height: 49px; 
	background-image: url(/_catalogs/masterpage/_images/hopital/bg_menu.png); text-align:center 
	}
	
	#menu a { 
		color: #f0efd1;
		padding:0 8px;
		text-transform: uppercase;
		text-decoration: none; 
		font-size: 11px!important;
		font-weight: bold; 
		line-height: 49px; 
		}
				
		#menu a:hover {color: #7d8886}

#access_membre {position: absolute; top: -36px; right: 10px}
		
/* ------ S U B - M E N U ------ */

#MenuGauche{margin-left: 15px; padding:0 0 15px 4px}

	#MenuGauche a {text-decoration: none; font-family: Verdana, Geneva, sans-serif }
	
	#MenuContainer{
		margin-left: 0; 
		padding:0 15px 15px 15px; 
		border: 1px solid #c0bfb5; 
		background-color: #424140
		}
			
		#MenuContainer #SiteTitle{padding:10px 0;width:100%}
		
			#MenuContainer #SiteTitle a{ 
				margin: 0; 
				padding:0; 
				color: #797872; 
				font-size: 22px; 
				font-weight: normal; 
				line-height: 1em
				}	
	
#MenuControl a{ text-decoration: none; font-family: Verdana, Geneva, sans-serif }


/* ------ C O N T A I N E R ------ */

#container { position: relative }


/*
#sidebar { 
	float: left; 
	width: 254px; 
	padding-right: 20px
	}
*/


#sidebar { 
	float: left;
	width: 257px; 
	padding: 0 18px 0 0;
	margin:0; 
	position:relative /*top: -135px;	z-index:125*/
	}

		#sidebar #donate { 
			position:relative; right:-20px; 
			margin-bottom:10px;
			display:block; 
			width: 249px; 
			height:88px; 
			clear:both
			}
				
		#sidebar #access { 
			position:relative; 
			float:right; 
			margin-bottom:0px
			}
		
		#HR{position:relative;top:-3px}
				
		#sidebar .calendar_container {padding-top:10px;padding-left:20px;width:237px;position:relative!important}
	
	
			#sidebar .calendar_container .calendar_repeat { 
				background:url(/sites/Fondation/_catalogs/masterpage/_images/fondation/bg_calendrier_repeat.gif) repeat-y; 
				padding:18px
				}
				
				#sidebar .calendar_container .calendar_div_top { padding-top:0; padding-bottom:10px}
				
				#sidebar .calendar_container .calendar_div { padding:18px 0}
				
				#sidebar .calendar_container .calendar_div_bottom { padding:10px 0}
		
				#sidebar .calendar_container #events_title { padding-bottom:17px}
				
				#sidebar .calendar_container .event_date { 
					float: left; 
					margin-right:7px; 
					background:url(/sites/Fondation/_catalogs/masterpage/_images/fondation/calendrier_date_container.gif) no-repeat;
					width:33px; 
					height:42px
					}
					
				#sidebar .calendar_container .event_date_day { 
					font-family:Verdana, Geneva, sans-serif; 
					font-size:16px; 
					font-weight:bold; 
					color:#FFF; width:33px; 
					text-align:center; 
					padding-top:3px; 
					}
					
				#sidebar .calendar_container .event_date_month { 
					font-family:Verdana, Geneva, sans-serif; 
					font-size:10px; 
					font-weight:bold; color:#FFF;
					text-transform:uppercase;
					width:33px;
					text-align:center
					}
				
				#sidebar .calendar_container .event_description { 
					float:left; 
					width: 157px; 
					font-family:Verdana, Geneva, sans-serif; 
					font-size:12px; 
					color:#FFF
					}
					
				#sidebar .calendar_container .event_description .title, 
				#sidebar .calendar_container .event_description .title a { font-size:12px; color:#FFF; text-decoration:none }
				
				#sidebar .calendar_container .event_description .desc { font-size: 10px; color:#dad6ca; }
				
				#sidebar .calendar_container #all_events .arrow { float: left; margin-right:7px}
				
				#sidebar .calendar_container #all_events .link { float: left; margin-top: 7px}
				
					#sidebar .calendar_container #all_events .link a { 
						font-family:Verdana, Geneva, sans-serif; 
						font-size:10px; 
						font-weight:bold; 
						color:#FFF; 
						text-decoration:none; 
						}
						
						#sidebar .calendar_container #all_events .link a:hover { text-decoration:underline}
		

				#sidebar .calendar_container #noEvents { color:white;font-size:11px;padding-bottom:17px}







#SearchContainer{
	margin:0; 
	padding: 10px 0 10px 20px; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size:10px; color: #6a6256
	}
	
#SearchLabel{padding-bottom:10px}

#main { 
	float: left; 
	width: 560px; 
	padding-bottom: 25px; 
	margin-bottom: 20px; 
	border: 1px solid #d7d5c6; 
	border-width: 0 1px 1px; 
	background-color: #fafaf7
	}
	
#steth { position: absolute; top: 55px; right: -65px }
* html #steth { position: absolute; right: 771px}/* Hack IE */



#big_title {
	background:url('/_catalogs/masterpage/_images/hopital/bg_big_title.gif') no-repeat left top;
	min-height:79px;
	margin-top:-20px;
	width:560px;
	vertical-align:middle
	}

#big_title {*margin-top:0px}/*Hack IE7*/



	#big_title h1, 
	#big_title h1 .ms-pagetitle, 
	#big_title h1 a {
		color: #999482; 
		font-size: 30px; 
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-weight: normal; 
		}
	
	#big_title h1{padding:15px 10px 0 25px}
	
	#big_title .ms-titlearealine {display:none}	
	
	#big_title img[title^="Icon"],
	#big_title img[title^="Icône"]{display:none}	

#HH_ContentDiv{	
	min-height:440px;
	height: expression(this.height < 440 ? 440: true);/* hack to add a min height property for IE*/
	margin: 15px; 
	padding: 20px; 
	border: 1px solid #e2e1d7; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	font-size: 11px; 
	color: #434342;
	text-align:justify
	}		

		

		/* Pour éviter le plus possible les débordements des modes éditions et des listes de trop grande largeur */
		#HH_ContentDiv > div {
				display:block;
				overflow-x: auto;
				width:100%;
				overflow-y:hidden
				}


		#HH_ContentDiv .post ul{margin:0 0 0 15px}
		#HH_ContentDiv .post ul li ul{margin:10px 0 0 15px}
		#HH_ContentDiv .post li{padding-bottom:10px}


.ms-SPZoneLabel{padding-top:100px!important}/* allow to add a space to manage WP edition */


/* ------ P O S T ------ */
.post, .postWithImage {
	color: #434342;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px!important;
	padding:0px 0 0 0;
	}
	
.postPostes{
	color: #434342;
	display:block;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px!important;
	padding:10px 0 10px 0				
	}
	
.NewsItemPicture {padding:10px 20px 20px 0}

.NewsItemPicture img{
	max-width:125px!important;
	width: expression(this.width > 125 ? 125: true); /* Hack IE */
	}
	
.date { 
	color: #7db2bf;
	font-size:10px!important;
	font-weight:bold;	
	margin:0; 
	padding:0 
	}
	
.dateNewsEvent { 
	color: #7db2bf;
	font-size:10px!important;
	font-weight:bold;	
	margin:0; 
	padding:0;padding-top:10px
	}



.title, .title a {
	color: #297d92; 
	display:block;
	font-size: 16px!important; 
	font-weight: bold;
	margin:0; 
	padding:0 0 0px 0;
	text-decoration:none
	}

.titleWP, .titleWP a, .ms-WPBody .titleWP a {
	color: #297d92; 
	display:block;
	font-size: 16px!important; 
	font-weight: bold;
	margin:0;
	padding:0 0 0px 0!important;
	text-decoration:none
	}

	
.sub-title,
.RadEContentContainer .sub-title{
	color: #6fa7b4!important; 
	display:block;
	font-size:12px; 
	font-style:italic; 
	font-weight:normal;
	padding:10px 0 0px 0!important
	}
	
.more {
	display:block;
	font-size:11px;
	margin:0; margin-right:0px;margin-top:10px;
	float:right;
	padding:0; text-align:right	
	}
	
.NewsItemContainer .more{float:none}	
	
	.more a, a.more {
		background: #b3a076 url(/_catalogs/masterpage/_images/hopital/arrow_more.gif) no-repeat right 3px!important; 
		color: #fff!important;
		font-family:Verdana, Arial, Helvetica, sans-serif;
		padding: 0px 20px 2px 5px!important;
		text-decoration:none ;display:inline
		}
		
	
/* ------ F O O T E R ------ */
#MenuFooter{padding-left:0px!important}
#footer { position: relative; top: 10px; left: 275px; width: 560px; padding-bottom: 30px; color: #575653; font-family:Verdana, Arial, Helvetica, sans-serif; font-size:10px; text-align:center; }
#FooterLabel{font-weight:bold}
#footer a {color: #575653; text-decoration: none;}
	#footer .HH-BottomNavContainer a{ font-size:10px!important;padding:0 5px}

#footer a:hover {text-decoration: underline;}
#footer > div { margin:0; padding:10px; }
#footer .copyright { border-top: 1px solid #c5c2b2;/*padding-top:5px;*/ }

/* Others */

#MSOTlPn_MainTD{position:absolute;right:0px;top:30px;clear:both}

/* Permet de placer correctement le lien pour modifier le titre d'une page donnée: */
#MSOWebPart_Header .ms-SPLink nobr a{
	color:blue;
	font-size:11px;
	position:absolute;
	right:435px;
	top:80px;
	font-family:Arial, Helvetica, sans-serif
	}

#HH_ContentDiv .ms-listviewtable .ms-vb2, 
#HH_ContentDiv .ms-listviewtable .ms-vb2 a,
#HH_ContentDiv .ms-listviewtable .ms-vb-title .ms-vb {
		display:block;
		white-space:normal!important;/*not W3C valide but work for IE to wrap URL in list : */word-wrap: break-word!important;
		width:75px!important
}

#EditConsoleContainer{position:absolute;z-index:400}


/* / Others */


/* 4- Classes spécifiques utilisées plusieurs fois ***********************************************************/ 
/***** Global Classes *****/
 
.clear         { clear:both; } 
.float-left    { float:left; } 
.float-right   { float:right; } 
.text-left     { text-align:left; } 
.text-right    { text-align:right; } 
.text-center   { text-align:center; } 
.text-justify  { text-align:justify; } 
.bold          { font-weight:bold; } 
.italic        { font-style:italic; } 
.underline     { border-bottom:1px solid; } 
.highlight     { background:#ffc; } 
.wrap          { width:960px;margin:0 auto; } 
.img-left      { float:left;margin:4px 10px 4px 0; } 
.img-right     { float:right;margin:4px 0 4px 10px; } 
.nopadding     { padding:0; }
.paddingLeft5  { padding-left:5px }
.marginLeft5  { margin-left:5px!important }
.paddingLeft9  { padding-left:9px }
.paddingTop10  { padding-top:20px;margin-top:10px }
.cpcs		   { border-collapse:collapse;margin:0;padding:0 } /* remplace le cellpadding et cellspacing nuls d'une table */
.noindent      { margin-left:0;padding-left:0; }
.nobullet      { list-style:none;list-style-image:none; }
.noDisplay 	   { display:none;visibility:hidden }
.width100 	   { width: 100%; }
.width75 	   { width: 75%; }
.width50 	   { width: 50%; }


/* 4- Fin des classes spécifiques utilisées plusieurs fois **************************************************/ 
/* End of global Classes *****/