body, html {
height:100%;
/*width:100%;*/
}

/* *{padding: 0; margin: 0;}  */

h1 {
	 margin:0.60em;
}

h2 {
	margin:0.80em 0;
}
h4 {
	font-size:30px;
	padding:0px;
	color:#0e264b;
}


hr {
	clear:both;
	height:1px;
	margin:5px;
}

a {
	color:#103b67;
	text-decoration:none;
}
a:hover{
	color:#6890cb;
	text-decoration:underline;
}

.lien0 {
	font-size:12px;
}

.lien1 {
	font-size:16px;
}

.lien2 {
	font-size:17px;
	font-weight:bold;
}

.texte { font-family:Arial, Verdana; font-size: 14px;  }

.accueil {
	font-family:Arial, Verdana; font-size: 16px; 
	/*text-align:center;*/
	color:#596582;
}

.news {
	font-family:Arial, Verdana; 
	font-size: 14px; 
	color:#596582;
}

.moyenne_cadre {
	border:solid 1px;
	margin:20px;
	margin-bottom:5px;
	padding:10px;
	padding-left:100px;
}

.moyenne {
	font-size:30px;
	padding-left:10px;
	font-weight:bold;
	color:#0e264b;
	line-height:30px;
	vertical-align:middle;
}

#thickbox_black { /*full black*/
	display: none;
	position: fixed;
	z-index:100;
	top: 0px;
	left: 0px;
	height:100%;
	width:100%;
	background-color:#000;
	background: url(images_page/macFFBgHack.png) repeat;
	filter:alpha(opacity=75);
	-moz-opacity: 0.75;
	opacity: 0.75;
}


#thickbox {
	display: none;
	position: fixed;
	background: gray;
	z-index: 102;
	color:#000000;
	border: 4px solid #A3B6CD ;
	text-align:left;
	top:50%;
	left:50%;
	/*overflow:auto;*/
	width:640px;
	margin-left:-320px;
	height:440px;
	margin-top:-220px;
	}

#mini_thickbox {
	display: none;
	position: absolute;
	top:70px;
	left:360px;
	background: #94b3e2;
	z-index: 102;
	color:#000000;
	border: 1px solid #284d79 ;
	text-align:left;
	width:290px;
	height:32px;
	padding:6px;
	}

#mini_thickbox2 { /* dans classement */
	display: none;
	position: absolute;
	top:170px;
	left:360px;
	background: #94b3e2;
	z-index: 102;
	color:#000000;
	border: 1px solid #284d79 ;
	text-align:left;
	width:350px;
	height:32px;
	padding:6px;
	}
	
#close {
	background: #D3E1ED;
	border:solid 1px black;
	border-bottom: none;
	color:#333333;
	line-height:30px;
	text-align:right;
	font-size:9px;
	height:30px;
	padding-right:2px;
	}
	
.boxcontent {
	background: #FFFFFF;
	z-index: 102;
	text-align:left;
	height:406px;
	border:solid 1px black;
	}

	
#minifiche {
	clear:both;
	display:none;
	background: #DDE4F0;
	text-align:justify;
	/*min-height:220px;
	height:auto;*/
	border:solid 1px #A9BBDA;
	padding:10px;
	position:relative;
	/*top:20px;*/
}

.patienter1 { /*en attendant la page chargée */
	margin-top:200px;
	background: transparent url("images_page/loadingAnimation.gif") no-repeat center; 
	font:13pt Arial;
	text-align:center;	
}

.patienter2{ /*en attendant la page chargée pour les mini */
	margin-top:10px;
	background: transparent url("images_page/loadingAnimation.gif") no-repeat center; 
	font:13pt Arial;
	text-align:center;	
}

.tab {
clear:left;
margin-top:15px;
}

.tab_label {
	margin-right: 8px;
	float:left;
	text-align: right;
	width:150px;
	font-weight:bold;
	/*margin-top:15px;*/
}

.tab_text {
	/*float:left;
	width:330px;
	margin-top:15px;*/
	margin-left:6px;
	text-align: justify;
	
} 

.add {
	line-height:30px;
	font-size:12px;
	color:#103b67;
}
.add:hover{
	font-size:12px;
	color:red;
	text-decoration:underline;
}

.hide {
	display: none;
}

.show {
	display: block;
}

.valign{ /* dès que j'ai besoin d'aligner un texte à droite d'un champ de formulaire */
	line-height:30px;
	margin-left:15px;
	font-size:16pt;
}

.caption { /* affichage du texte à droite des étoile de notation */
	float: left;
	line-height: 26px;
	font-size:13px;
	padding-left:15px;
} 

.stars-off {
	float: left;
	height: 30px;
	width: 140px;
	background: url(js/rating/crystal-stars2.png) repeat-x 0 -55px;
}

.stars-on {
	float: left;
	height: 30px;
	background: url(js/rating/crystal-stars2.png) repeat-x 0 -83px;
}

.mini_stars-off {
	float: left;
	height: 16px;
	width: 80px;
	background: url(js/rating/ui.stars2.gif) repeat-x 0 -32px;
}

.mini_stars-on {
	float: left;
	height: 16px;
	background: url(js/rating/ui.stars2.gif) repeat-x 0 -49px;
}

.fondcolor {
	background: #DDE4F0;
	border:solid 1px #A9BBDA;
	padding:10px;
}

.desactive {
	color:#666666; /* inutile*/
}
.desactive:hover{
	color:#999999;
}

tr.titre {
	text-align:center;
	font-weight:bold;
}

.notes {
	min-height:40px;
	line-height:40px;
}

.menu_titre {
	width:100%;
	text-align:center;
	font-size:13px;
	font-weight:bold;
	color:#16314F;
	background-color:#E1EAEE;
	border-bottom:solid 1px white;
	padding:2px;
}

.menu1 {
	width:90%;	
	font-family:Arial;
	font-size:13px;
	border-bottom:solid 1px white;
	padding:5px;
}

.picto {
	position:absolute;
	top:30px;
}
.menu_media {
	float:left;
	width:15%;
	min-height:25px;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	border:solid 1px;
	padding:5px;
	line-height:12px;
	background-color:#E2E7ED;
	color:#16314F;
	position:relative;
	z-index:2;
}

a.menu_media {
	text-decoration:none;
}

.menu_media2 {
	float:left;
	width:15%;
	min-height:35px;
	font-family:Arial;
	font-size:11px;
	font-weight:bold;
	border:solid 1px;
	line-height:12px;
	background-color:#E2E7ED;
	color:#16314F;
	position:relative;
	z-index:2;
}

.menu_media2 span{
	display:block;
	padding:5px;
}


.menu_media:hover , .menu_media2 span:hover, .menu_media2:hover span{	
	background-color:#B1C4D0;
	border-color:#6890cb;
	color:#FEFEFE;
}

.menu_media2:hover span{
	min-height:25px;
}

.menu_media2 div {
	display:none;
	color:#16314F;
	line-height:18px;
	text-align:left;
	padding:2px;
	border-top:solid 1px white;
	font-size:12px;
}

.menu_media2 a{
	text-decoration:none;
}


.menu_media2:hover div{
	display:block;
}

.menu_media2 div:hover {
	background-color:white;
	color:#16314F;
}
 
 

/*
.menu_media_scroll {
	text-align:left;
	width:16.7%;
	font-family:Arial;
	font-size:12px;
	border-bottom:solid 1px;
	border-left:solid 1px;
	border-right:solid 1px;
	background-color:#E2E7ED;
	color:#16314F;
	line-height:18px;
}

.menu_media_scroll  p{
	padding:2px;
	padding-left:7px;
	border-bottom:solid 1px white;
	margin:0;
}



.menu_media_scroll  p:hover{

	background-color:white;
	color:#16314F;

}

.menu_media_scroll  a:hover{
	text-decoration:none;
}
*/
.cadre_index {
	border:solid 1px #465A6C;
	padding:6px;
	background-color:#DDE4EB;
	margin-right:10px;
	min-height:410px;
}

.onglet_date_on {
	border-top:solid 1px #465A6C;
	border-right:solid 1px #465A6C;
	border-left:solid 1px #465A6C;
	padding:6px;
	background-color:#DDE4EB;
	position:relative;
	width:80px;
	top:1px;
	font-size:10px;
	text-align:center;
	float:left;
}

.onglet_date_off {
	background-color:#E9EEF2;
	top:0px;
	color:gray;
}

a:hover .onglet_date_off { /* pour IE */
	background-color:#FCFCFC;
}

.onglet_date_off :hover { /* pour les autres */
	background-color:#FCFCFC;
	text-decoration:none;
}

#random {
	clear:both;
	border:solid 1px #636467;
	padding:6px;
	font-size:12px;
	text-align:center;
	margin:8px;
	background-color:#EFEFEF;
}

.foot-text {
	color: #FFFFFF;
}

/****** MISE EN PLACE DES FORMULAIRE DANS JQTRANSFORM  **************
*******       REPETITION SI JAVASCRIPT DESACTIVE     ****************/
form label{
	margin-top: 5px;
	margin-right: 8px;
	display: block;
	float:left;
	text-align: right;
	line-height:18px;
	width:200px;
}

form label.falc{
	color:#808080;
}

form label.extended{
	width:200px;
	height:20px;
	/*height:10px;*/
	vertical-align:text-bottom;
}

form label span.info {
	display: block;
	margin-top: .2em;
	font-size: .8em;
	font-weight: normal;
	cursor: default;
}

form div.rowElem{
	clear:both;
	vertical-align:text-bottom;
}
/*
.stars-off {
width:300px;
}*/
/*********** SERA ECRASÉ PAR JQTRANSFORM SI JAVASCRIPT ACTIVÉ *************/