body { color: #333; font-family:Arial, Helvetica, sans-serif; font-size: 12px; background: #f4f3ef; padding: 0px; margin:0px;}
b { color:#f3455e; font-family:Arial, Helvetica, sans-serif; font-size: 12px; font-weight:bold; }

a { color:#f3455e; font-family:Arial, Helvetica, sans-serif; text-decoration:underline; }
a:hover {  color:#00f; }
a:active { color:#00f; }

#main
{
	width: 1000px;
	height: 100%;
	margin: 0px auto 0px auto;
	padding: 0px;
}

#header
{
	margin: 0px;
	padding: 0px;
}

#header_gauche 
{
	float:left;
    padding:15px 15px 15px 0px;
    margin:0px;  
    width:105px;
    height:55px;
}
#header_droite
{
	margin:0px;   
    margin-left:105px;   
    padding:40px;
    color:#f3455e;
    font-family:Arial, Helvetica, sans-serif;
    font-size: 24px;
    font-weight: normal;
    text-align:center;
	height:55px;
}

#content
{
	background: #fff;
	height: 100%;
	margin: 0px auto 0px auto;
	padding: 20px;
	
	#border: 1px solid #fff;
	border-radius:	5px;
 	box-shadow:		2px 2px 3px #ddd;
}

#menuhorizontal
{
	padding:0px;
    margin:0px;  
    text-align:	center;
    height:		20px;
}

.menuhorizontal_element
{
	background: #f4f3ef;
	text-align:	center;
	margin:		0 5px 0 5px;
	padding: 5px 5px 5px 5px;
	border-top-left-radius:		5px;
	border-top-right-radius:	5px;
	border: 1px solid #f4f3ef;
}

.menuhorizontal_element_actif
{
	background: #fff;
	text-align:	center;
	margin:		0 5px 0 5px;
	padding: 5px 5px 5px 5px;
	border-top-left-radius:		5px;
	border-top-right-radius:	5px;
	border: 1px solid #fff;
}


a.menu
{
	height:				20px;
	font-weight:		normal;
	color: 				#333;
	text-decoration:	none;
	font-weight:		bold;
	padding:			5px;
}

a.menu:hover, a.menu:focus, a.menu:active
{
	color:				#f3455e;
	text-decoration:	none;
}

.titre
{
	color:			#f3455e;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		20px;
	font-weight:	normal;
	margin:			20px;
	padding: 		0px;
	text-align:		center;
}

#footer
{
	clear:left;
	height: 100px;
	margin: 0px;
	padding: 5px;
	text-align:right;
}

#loginform
{
	text-align: center;
	width: 50%;
	margin: 0px auto 0px auto;
	padding: 20px;
	background: #f4f3ef;
	border: 0px;
	border-radius:	5px;
	
	color:#f3455e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 24px;
}

.loginform_label
{
	margin-top: 20px;
	font-size: 16px;
}
.loginform_element
{
	margin: 0px;
}

#loginform input 
{
	color:			#444;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		16px;
	
	padding:		2px;
	margin:			2px;
 	border: 1px solid #f3455e;
 	border-radius:	5px;
 	width:			400px;
 	text-align:		center;
}

#loginform input[type=submit]
{
	width:			300px;
	color:			#fff;
	background:		#f3455e;
	text-align:		center;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		16px;
	
	font-weight:	bold;
	margin:			20px;
	padding:		10px;
	
	border-radius:	5px;
	box-shadow:		2px 2px 3px #ddd;
	cursor:			pointer;
}

#loginform input[type=submit]:hover
{
	background:			#0f0;
}

.formulaire
{
	text-align: left;
	width: 80%;
	margin: 0px auto 20px auto;
	padding: 10px;
	background: #f4f3ef;
	border: 0px;
	border-radius:	5px;
	
	color:#f3455e;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 20px;
}


.formulaire_label
{
	width: 80%;
	margin: 5px auto 5px auto;
	font-size: 12px;
}
.formulaire_element
{
	width: 80%;
	margin: 5px auto 5px auto;
	font-size: 12px;
}

.dossierpatient_label
{
	width: 80%;
	margin: 3px auto 3px auto;
	font-size: 12px;
	background: #fff;
	color: #444;
	border:	1px solid #eee;
	border-radius:	4px;
	padding:6px;
}

.dossierpatient_label_reponsemanquante
{
	width: 80%;
	margin: 3px auto 3px auto;
	font-size: 12px;
	background: #4cff72;
	color: #000;
	border:	1px solid #4cff72;
	border-radius:	4px;
	padding:6px;
}

.dossierpatient_element
{
	
}

input, textarea
{
	color:			#444;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	
	padding:		2px;
	margin:			2px 0px 2px 0px;
 	border:			0px ;
 	border-radius:	3px;
 	border:			1px solid #f3455e;
 	width:			90%;
 	text-align:		left;
}

select
{
	color:#444;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
	padding:		2px;
	margin:			2px 0px 2px 0px;
 	border:			0px ;
 	border-radius:	3px;
 	border:			1px solid #f3455e;
 	width:			90%;
 	text-align:		left;
}


input[type=submit], input[type=button]
{
	width:			300px;
	color:			#fff;
	background:		#f3455e;
	text-align:		center;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		12px;
	font-weight:	bold;
	margin:			10px;
	padding:		10px;
	
	border:			3px solid #fff;
	border-radius:	10px;
	box-shadow:		2px 2px 3px #ddd;
	cursor:			pointer;
}

input[type=submit]:hover, input[type=button]:hover
{
	background:		#0f0;
}

input[type=checkbox]
{
	width:			30px;
	border:			0px;
}

#message
{
	color: 			#00f;
	font-size:		16px;
	font-weight:	bold;
	text-align:		center;
}

.tablehead
{
	 background:	#f3455e;
	 font-weight:	bold;
	 color:			#fff;
	 border-radius:	3px;
	 padding:		3px;
}

.tablehead a
{
	font-weight:		bold;
	font-weight:		bold;
	color:				#fff;
	text-decoration:	none;
}

.tablehead a:hover, .tablehead a:focus, .tablehead a:active
{
	text-decoration:	underline;
}

.tableheadtotal
{
	 background:	#bbb;
	 font-weight:	bold;
	 color:			#000;
	 border-radius:	3px;
	 padding:		3px;
}


.tableheadcriteres
{
	 background:	#102e4f;
	 font-weight:	bold;
	 color:			#fff;
	 border-radius:	3px;
	 padding:		3px;
}



.tableline1
{
	background: #f0f0f0;
	border-radius:	3px;
	padding:		3px;
}

.tableline2
{
	background: #e0e0e0;
	border-radius:	3px;
	padding:		3px;
}

.tablelinegris
{
	background: #bbb;
	border-radius:	3px;
	padding:		3px;
}

input[type=button].changementmois
{
	width:			30px;
	height:			30px;
	color:			#fff;
	background:		#f3455e;
	text-align:		center;
	font-family:	Arial, Helvetica, sans-serif;
	font-size:		14px;
	font-weight:	bold;
	margin:			0px 10px 0px 10px;
	padding:		2px;
	
	border: 1px solid #fff;
	border-radius:	10px;
}

input[type=button].changementmois:hover
{
	background:			#0f0;
}


#entretiens_menu
{
    padding:5px;
    width: 50%;
    margin:0px auto 10px auto;  
               
    font-size: 12px;
	color: #444;
	
	background: #ddd;
    border-radius:	5px;
    
    text-align:		center;
}

#entretiens_menu ul
{
	list-style-type:	none;
	padding:			0px;
	margin:				10px auto 0px auto;
	text-align:			center;
	color: 				#909090;
	
}

#entretiens_menu ul li
{
	padding:		0px;
	margin:			0px;
}

#entretiens_menu a
{
	display: 			block;
	padding:			3px;
	margin:				0px;
	font-weight:		normal;
	color: 				#333;
	text-decoration:	none;
	font-weight:		bold;
}

.entretiens_selectedmenu
{
	background:			#f3455e;
	color: 				#fff;
}


#entretiens_menu a:hover, #entretiens_menu a:focus, #entretiens_menu a:active
{
	color:				#fff;
	background:			#f3455e;
	text-decoration:	none;
	font-weight:		bold;
}


#entretien
{
	margin:0px;   
    padding:5px;
    
    text-align:left;
    background: #ddd;
    border-radius:	5px;
	
	font-size: 12px;
	color: #444;
}

.calendrier_header
{
	background:	#f3455e;
	margin: 	0px;
	padding: 	5px;
	width:		20px;
	border-radius:	4px;
	
	color: 				#fff;
	text-decoration:	none;
	font-size:			18px;
	font-weight:		bold;
}

.calendrier_semaine
{
	background:	#fff;
	margin: 	0px;
	padding: 	0px;
	width:		20px;
	height:		20px;
	border-radius:	4px;
	
}

.calendrier_weekend
{
	background:	#f5d8d4;
	margin: 	0px;
	padding: 	0px;
	width:		20px;
	height:		20px;
	border-radius:	4px;
	
}

.calendrier_semaine a, .calendrier_weekend a
{
	width:		20px;
	height:		20px;
	
	display: 			block;
	padding:			5px;
	margin:				0px;
	color: 				#f3455e;
	text-decoration:	none;
	font-size:			18px;
	font-weight:		bold;
	border-radius:	4px;
}

.calendrier_semaine a:hover, .calendrier_semaine a:focus, .calendrier_semaine a:active, .calendrier_weekend a:hover, .calendrier_weekend a:focus, .calendrier_weekend a:active
{
	color:				#fff;
	background:			#f3455e;
}



.grandcalendrier_header
{
	background:	#f3455e;
	margin: 	0px;
	padding: 	5px;
	width:		120px;
	border-radius:	4px;
	
	color: 				#fff;
	text-decoration:	none;
	font-size:			16px;
	font-weight:		bold;
}

.grandcalendrier_semaine
{
	background:	#eee;
	margin: 	0px;
	padding: 	3px;
	width:		120px;
	height:		100px;
	border-radius:	4px;
	
	font-size:			18px;
	font-weight:		bold;
	color: 				#f3455e;
}

.grandcalendrier_weekend
{
	background:	#f5d8d4;
	margin: 	0px;
	padding: 	3px;
	width:		120px;
	height:		100px;
	border-radius:	4px;

	font-size:			18px;
	font-weight:		bold;	
	color: 				#f3455e;
}

.grandcalendrier_content
{
	text-align:			left;
	padding:			2px;
	margin:				5px 0px 5px 0px;
	color: 				#333;
	font-size:			10px;
	font-weight:		normal;	
	background:	#fff;
	border-radius:	4px;
	border: 1px solid #333;
}

.grandcalendrier_content a
{
	color:				#f3455e;
	font-size:			10px;
	font-weight:		normal;	
	text-decoration:	none;
	padding:			5px;
}

.grandcalendrier_content a:hover, .grandcalendrier_content a:focus, .grandcalendrier_content a:active
{
	text-decoration:	underline;
}


a.grandcalendrier_ajout
{
	color: 				#333;
	text-decoration:	underline;
	font-size:			10px;
	font-weight:		bold;
	margin-top: 		20px;
	margin-bottom: 		10px;
}

a.grandcalendrier_ajout:hover, a.grandcalendrier_ajout:focus, a.grandcalendrier_ajout:active
{
	color:				#f3455e;
}

.grandcalendrier_nbentretiens
{
	text-align:			center;
	padding:			5px;
	margin:				5px 0px 5px 0px;
	color: 				#333;
	font-size:			10px;
	font-weight:		normal;	
	background:	#ccc;
	border-radius:	4px;
	border: 1px solid #ccc;
}

.grandcalendrier_nbentretiens a
{
	color: 				#333;
	text-decoration:	none;
	font-size:			10px;
	font-weight:		bold;
}

.grandcalendrier_nbentretiens a:hover, .grandcalendrier_nbentretiens a:focus, .grandcalendrier_nbentretiens a:active
{
	color:				#f3455e;
	text-decoration:	underline;
}

.grandcalendrier_dispo
{
	text-align:			left;
	padding:			2px;
	margin:				0px 1px 0px 1px;
	color: 				#333;
	font-size:			10px;
	font-weight:		normal;	
	background:	#fff;
	border-radius:	4px;
	border: 0px;
	height: 60px;
}

.dispo
{
	text-align:			center;
	font-size:			10px;
	font-weight:		bold;	
	color: 				#ddd;
	padding:			15px 5px 5px 5px;
}

.dispo a
{
	color: 				#ddd;
	text-decoration:	none;
}

.dispo a:hover, .dispo a:focus, .dispo a:active
{
	color:				#f3455e;
}

.grandcalendrier_indispo_1
{
	text-align:			left;
	padding:			2px;
	margin:				0px 1px 0px 1px;
	color: 				#fff;
	font-size:			10px;
	font-weight:		normal;	
	background:			#f3455e;
	border-radius:		4px;
	border: 			0px;
	height:				60px;
}

.grandcalendrier_indispo_2
{
	text-align:			left;
	padding:			2px;
	margin:				0px 1px 0px 1px;
	color: 				#fff;
	font-size:			10px;
	font-weight:		normal;	
	background:			#aaffaa;
	border-radius:		4px;
	border: 			0px;
	height:				60px;
}

.grandcalendrier_indispo_3
{
	text-align:			left;
	padding:			2px;
	margin:				0px 1px 0px 1px;
	color: 				#fff;
	font-size:			10px;
	font-weight:		normal;	
	background:			#8888dd;
	border-radius:		4px;
	border: 			0px;
	height:				60px;
}

.grandcalendrier_indispo_4
{
	text-align:			left;
	padding:			2px;
	margin:				0px 1px 0px 1px;
	color: 				#fff;
	font-size:			10px;
	font-weight:		normal;	
	background:			#88dddd;
	border-radius:		4px;
	border: 			0px;
	height:				60px;
}

.grandcalendrier_indispo_5
{
	text-align:			left;
	padding:			2px;
	margin:				0px 1px 0px 1px;
	color: 				#fff;
	font-size:			10px;
	font-weight:		normal;	
	background:			#ffdd00;
	border-radius:		4px;
	border: 			0px;
	height:				60px;
}


.indispo
{
	text-align:			left;
	font-size:			10px;
	font-weight:		normal;	
	color: 				#fff;
	padding:			0px;
}

.indispo a
{
	color: 				#fff;
	font-weight:		bold;	
	text-decoration:	underline;
}

.indispo a:hover, .indispo a:focus, .indispo a:active
{
	
}

#infos_intervenant
{
	background: #eee;
	padding:5px;
	margin: 5px auto 5px auto;
	width:  600px;
	border-radius:	5px;
	color: #333;
	font-family:Arial, Helvetica, sans-serif;
	font-size: 12px;
}