/*
	CSS pour Clinique médicale XO2
	Emilie - egzakt.com
	2007/09/11
*/

body {
	background-color:#d5e0ea;
	font:68.8%/180% 'Trebuchet MS', Verdana, Arial, sans-serif;
	margin:10px 0 0 0;
	color:#003566;
}

h1, h2, h3, h4 {
	font-size:1em;	
	font-family:Arial, Verdana, sans-serif;
	margin:0;
}

h2 {
	font:bold 1.18em/1.3em 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#003566;
	margin:0 0 6px 0;
}

h3 {
	font:bold 1em/1.3em 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#c8003d;
	margin:0 0 5px 0;
}

h4 {
	font:bold 1.09em/1.3em 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#006dc5;
	margin:0 0 4px 0;
}

pre {
	font-size:12px;
}

p {
	margin:0;
	padding:0;
}

a {
	cursor:pointer;
	color:#c8003d;
	text-decoration:underline;
}

a:hover {
	color:#006dc5;
}

img {
	border:0;
}

ol {
	margin:0;
	padding:0 0 0 22px;	
}

ul {
	margin:0;
	padding:0 0 0 15px;
}


#wrapper {
	width:776px;
	margin:0 auto;
	background:url(../images/tuiles/cotes.gif) no-repeat bottom left;
}

#wrapper_padding {
	width:760px;
	padding:0 8px;	
}


/* ENTETE
-----------------------------------------*/
#entete {
	background:url(../images/tuiles/entete.jpg) no-repeat top left;
	width:760px;
	height:212px;
	position:relative;
}

#entete h1 {
	padding:108px 0 0 20px;
}

#entete div {
	position:absolute;
	top:140px;
	left:417px;
	line-height:1.2em;
	color:#003566;
}

#entete div span {
	color:#006dc5;
}


/* CONTENU
-----------------------------------------*/
#contenu {
	background-color:#FFFFFF;
}

#contenu .colonne_gauche {
	float:left;
	width:212px;
	margin-bottom:230px;
}

#contenu .colonne_droite {
	float:left;
	width:528px;
}



/* NAVIGATION
-----------------------------------------*/
ul#navigation {
	list-style-type:none;
	margin:0 0 10px 0;
	padding:0 0 0 14px;
	width:177px;
	
}

ul#navigation li {
	display:inline;
}

ul#navigation a {
	display:block;
	position:relative;
	font:1.09em/1.3em 'Trebuchet MS', Verdana, Arial, sans-serif;
	color:#FFFFFF;
	text-decoration:none;
	background-color:#4c99d6;
	background-image:url(../images/tuiles/navigation.gif);
	background-repeat:no-repeat;
	background-position:0 -40px;
	padding:4px 10px 4px 20px;
	border-bottom:1px solid #FFFFFF;
}

ul#navigation a:hover, ul#navigation a.selected {
	background-color:#006dc5;
	background-position:0 -155px;
}

a#inscrivez_vous {
	position:absolute;
	margin:0 0 0 12px;
}

a#inscrivez_vous:hover {
	background:transparent;
}

a#inscrivez_vous .over {
	position:absolute;
	visibility:hidden;
}

a#inscrivez_vous:hover .over {
	visibility:visible;
}



/* ACCUEIL
-----------------------------------------*/
#accueil {
	padding-bottom:20px;
}

#accueil .intro {
	background-color:#c1dcf1;
	padding:0 28px 33px 28px;
	line-height:2em;
}

#accueil .intro img#bienvenue {
	position:relative;
	top:-5px;	
}

#accueil #horaire {
	float:left;
	position:relative;
	width:300px;
	margin:0 0 0 28px;
	display:inline; /* Pour IE6 double margin bug */
}

#accueil #nouvelles {
	float:right;
	position:relative;
	width:180px;
}

#accueil #horaire img {
	position:absolute;
	top:-15px;
}

#accueil #horaire table {
	margin:27px 0 0 0;
	width:100%;
	font:1em/1.2em 'Trebuchet MS', Verdana, Arial, sans-serif;
}

#accueil #horaire table th, #accueil #horaire table td {
	border-right:2px solid #FFFFFF;
	border-bottom:1px solid #FFFFFF;
	vertical-align:center;
	padding:3px 10px;
}

#accueil #horaire table th {
	background-color:#bcd9f0;
	font:0.91em/1.3em Arial, Verdana, sans-serif;
	text-transform:uppercase;
	text-align:left;
	letter-spacing:1px;
}

#accueil #horaire table td {
	background-color:#ddecf7;
	text-align:center;
	width:81px;
}

#accueil #nouvelles img {
	position:absolute;
	top:-15px;
}

#accueil #nouvelles dl {
	margin:27px 0 0 10px;
	font:1em/1.6em 'Trebuchet MS', Verdana, Arial, sans-serif;
}

#accueil #nouvelles dt {
	color:#006dc5;
	font-weight:bold;
}

#accueil #nouvelles dd {
	margin:0 0 10px 0;
}


/* PAGE TEXTE
-----------------------------------------*/
.page_texte {
	padding:0 30px 10px 50px;
}

.page_texte h1 {
	margin-bottom:15px;
}

.bloc_texte ul {
	list-style-type:none;
	padding-left:0;
}

.bloc_texte ul li {
	background:url(../images/graphiques/puce.gif) no-repeat 0 8px;
	padding-left:8px;
}

.colore {
	color:#3980c3;
}

.encadre {
	background-color:#f4f8fc;
	border:1px solid #c1dcf1;
	padding:10px
}

.note {
	font:0.9em/1.1em 'Trebuchet MS', Verdana, Arial, sans-serif;
}


/* DEVENIR MEMBRE
-----------------------------------------*/
ol#etapes {
	list-style-type:none;
	margin:0;
	padding:0;
	overflow:hidden;
	height:1%;
}

ol#etapes li {
	float:left;
	border-right:1px solid #FFFFFF;
}

ol#etapes li img {
	display:block;
}

a#etape_suivante {
	float:right;
	margin-top:10px;
	padding:2px 15px;
	border:1px solid #FFFFFF;
	background-color:#c8003d;
	color:#FFFFFF;
	font:1em/1.2em 'Trebuchet MS', Verdana, Arial, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
}

a#etape_precedente, #recommencer {
	float:right;
	padding:2px 15px;
	border:1px solid #FFFFFF;
	background-color:#74afdf;
	color:#FFFFFF;
	font:1em/1.2em 'Trebuchet MS', Verdana, Arial, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
}
#recommencer {
	float:none;
	margin-left:190px;
}

form {
	margin:0 0 20px 0;
}

#inscription {
	background-color:#f0f6fb;
	width:525px;

	border-bottom:1px solid #b4d4ed;
	margin-bottom:1px;
}

#inscription .padding {
	padding:25px 15px 21px 32px;
}

#inscription .gauche {
	float:left;
	width:230px;
}

#inscription .droite {
	float:left;
	width:230px;
}

#inscription form {
	margin:0 0 20px 0;
}

#inscription label {
	color:#003566;
	font-weight:bold;
	line-height:1.4em;
}

#inscription input, #inscription select, #inscription textarea {
	border:1px solid #bfdaf0;
	height:13px;
	padding:2px;
	margin-bottom:5px;
	font:1em/1.4em 'Trebuchet MS', Verdana, Arial, sans-serif;
}

#inscription select {
	height:auto;
}

#inscription .radio {
	border:0;
	padding:0;
	margin:0;
}


#membres {
	position:relative;
	background-color:#c9e0f3;
	width:478px;
	padding:5px 15px 0 32px;
	border-top:1px solid #FFFFFF;
}

#membres a.ajouter, #membres a.supprimer {
	display:block;
	position:absolute;
	top:-8px;
	left:10px;
	width:115px;
	height:20px;
	padding:0 0 0 24px;
	background-image:url(../images/boutons/ajouter_membre.gif);
	background-repeat:no-repeat;
	background-position:0 0;
	text-decoration:none;
	color:#003566;
}
#membres a.supprimer {
	position:static;
	margin-top:10px;
	background-image:url(../images/boutons/supprimer_membre.gif);
}


#membres a:hover {
	color:#FFFFFF;
	background-position:0 -20px;
}



#formulaire_actions {
	width:495px;
	background-color:#e8f2fa;
	overflow:hidden;
	height:1%;
	padding:5px 15px;
}

#formulaire_actions #cout {
	float:left;
	position:relative;
	color:#003566;
	font-weight:bold;
	text-transform:uppercase;	
}

#formulaire_actions #cout div {
	width:55px;
	position:absolute;
	top:-1px;
	left:78px;
	padding:4px 5px;
	background-color:#FFFFFF;
	border:1px solid #bfdaf0;
	line-height:1em;
	text-align:right;
}

#formulaire_actions #cout span {
	padding-left:78px;
}

#formulaire_actions input, #etape3_confirmation #btn_caisse {
	float:right;
	margin:0 0 0 10px;
	height:19px;
	padding:0 5px;
	border:1px solid #FFFFFF;
	background-color:#c8003d;
	color:#FFFFFF;
	font:1em/1.2em 'Trebuchet MS', Verdana, Arial, sans-serif;
	text-decoration:none;
	text-transform:uppercase;
}


/* DEVENIR MEMBRE > ETAPE 3
-----------------------------------------*/
#etape3_confirmation h2 {
	margin:15px 0 10px 0;
}

#etape3_confirmation table {
	width:100%;
}

#etape3_confirmation th {
	width:130px;
	padding:0 20px 0 40px;
	text-align:left;
}

#etape3_confirmation td, #etape3_confirmation th {
	background-color:#b9d7ef;
}


#etape3_confirmation tr.paire td, #etape3_confirmation tr.paire th {
	background-color:#eaf3fa;
}

#etape3_confirmation h3 {
	margin-top:15px;
	padding-left:40px;
	border-bottom:1px solid #74afdf;
	font-size:1.3em;
	font-weight:normal;
}

#etape3_confirmation #couts {
	background-color:#f9e5eb;
	padding:2px 20px;
	color:#c8003d;
	font-weight:bold;
	text-align:right;
	font-size:1.3em;
	margin-bottom:20px;
}

#etape3_resultat {
	margin:15px 0 0 0;
}



/* BAS
-----------------------------------------*/
#bas {
	position:relative;
}

#bas #coordonnees {
	width:170px;
	position:absolute;
	top:-156px;
	left:0;
	padding:0 0 30px 23px;
	background:url(../images/tuiles/coordonnees.gif) no-repeat bottom left;
	font:1em/1.2em 'Trebuchet MS', Verdana, Arial, sans-serif;
}

#bas #coordonnees div {
	margin:7px 0;
}

#signature {
	width:760px;
	margin:0 auto;
	position:relative;
}

#signature a {
	position:absolute;
	right:4px;
	top:-10px;
	text-transform:uppercase;
	text-decoration:none;
	font:9px/16px Arial, Verdana, sans-serif;
	color:#69b5dd;
}

#signature a:hover {
	text-decoration:underline;
}

/* DIVERS
-----------------------------------------*/
a.pdf {
	background:url(../images/icones/pdf.gif) no-repeat 0 0;
	padding:2px 0 2px 22px;
}

.message_erreur, .message_succes {
	width:100%;
	margin:0 auto 15px auto;
	text-align:center;
	border:1px solid #F8170C;
	background-color:#FFFFFF;
	color:#F8170C;
	padding:4px;
	font-weight:bold;
	line-height:1.4em;
}

.message_succes {
	border:1px solid #72BF44;
	color:#72BF44;
}

.erreur {
	color:#F8170C !important;
}