/* FEUILLE DE "M-Medicale" COPYRIGHT Proxaweb "Juin 2012" */

/* ---------- Balises ---------- */

html,body,form,ol,ul,li,p,h1,h2,h3,h4,h5,h6,td,th,span,div,input,textarea,select,a {
	color:#283891;
	font-size:11px;
	font-family:Verdana,Tahoma,Arial;
	text-decoration:none;
	line-height:14px;
	}
	
a { 
	color:#FF9900;
	text-decoration:none;
	}
	
a.distri {
	color:#283891;
	}

a:hover {
	text-decoration:underline;
	cursor:pointer;
	}

p {
	margin:8px 0 8px 0;
	}
	
body {
	margin:0;
	}
	
ol, ul {
	margin:0;
	padding:0;
	list-style:none;
	}

table {
	border-spacing:0;
	border-collapse:collapse;
	}
	
img {
	border:none;
	}
	
form {
	margin:0;
	padding:0;
	}

h1 {
	color:#283891;
	font-size:16px;
	font-weight:bold;
	margin-left:10px;
	margin-bottom:18px;
	line-height:20px;
	}

h2 {
	font-size:15px;
	font-weight:bold;
	margin-left:19px;
	margin-bottom:10px;
	margin-top:23px;
	line-height:16px;
	}
	
#corps h2 {
	margin: 20px 6px 10px 6px;
	padding:10px 10px 10px 10px;
	color:#999A9B;
	font-size:15px;
	font-weight:bold;
	text-align:left;
	border-top:1px dotted #999A9B;
	border-bottom:1px dotted #999A9B;
	line-height:18px;
	clear:both;
	}

h3 {
	font-weight:bold;
	margin-left:23px;
	margin-bottom:10px;
	margin-top:12px;
	margin-right:10px;
	line-height:14px;
	font-size:12px;
	color:#000000;
	}
	
h4 {
	font-weight:bold;
	margin-left:27px;
	margin-bottom:8px;
	margin-top:13px;
	line-height:14px;
	font-size:11px;
	color:#8E8F91;
	}
	
/* ---------- Structure ---------- */
	
#page {
	margin-left:auto;
    margin-right:auto;
	width:960px;
	/*background-color:#FF6600;*/
	background: url("images/charte/master-bkg.png") repeat scroll center top transparent;
	height:auto;
	}

#bandeau {
	/*background-color:#99CC00;*/
	background: url("images/charte/ban-menu.png") no-repeat scroll 0 0 transparent;
	height:212px;
	}

#gauche {
	margin-left:25px;
	width:218px;
	/*background-color:#FFCC00;*/
	float:left;
	}
	
#corps {	
	/*background-color:#00CCFF;*/
	width:454px;
	float:left;
	}
	
#droit {
	margin-right:28px;
	width:235px;
	/*background-color:#CC99FF;*/
	text-align:right;
	float:left;
	}

#footer {
	clear:both;
	background: url("images/charte/footer.png") no-repeat scroll 0 0;
	/*background-color:#FF99CC;*/
	width:960px;
	height:38px;
	padding-top:42px;
	padding-left:25px;
	}

/* ---------- Corps du site ---------- */

/* ---------- Formulaires ---------- */
#form-comblag {
	display:none;
	}


/* ---------- Accueil ---------- */

#corps.page-001 div.c03 {	
	background: url("images/charte/bienvenue.png") no-repeat scroll 0 0;
	height:327px;
	margin-top:10px;
	}

#corps.page-001 div.c03 p{
	padding-top:95px;
	padding-right:78px;
	color:#8F9090;
	font-size:10px;
	}

#corps.page-001 div.c03 ul {
	margin-left:38px;
	margin-right:44px;
	}
	
#corps.page-001 div.c03 ul li {
	color:#8F9090;
	font-size:10px;
	}
	
#corps.page-001 div.c03 ul li.c03li2 {
	color:#8F9090;
	font-size:10px;
	padding-top:8px;
	}
	
#corps.page-001 div.c04 {	
	background: url("images/charte/partenaires.png") no-repeat scroll 0 0;
	height:193px;
	margin-top:10px;
	padding-top:70px;
	}
	
#corps.page-001 div.c02 {	
	background: url("images/charte/actualites.png") no-repeat scroll 0 0;
	height:210px;
	padding-top:40px;
	}

#corps.page-001 div.c02 table {
	width:392px;
	height:166px;
	}
	
#corps.page-001 div.c02 p.titre-actu {
	font-weight:bold;
	color:#969FD2;
	font-size:12px;
	margin-top:14px;
	margin-left:2px;
	margin-right:0px;
	}
	
#corps.page-001 div.c02 p.descriptif {
	color:#8F9090;
	font-size:10px;
	margin-left:0px;
	}

#corps.page-001 div.c02 tr.ligne-3 td {
	vertical-align:top;
	}
	
#corps.page-001 h1 {
	display: none;
	}
	
#corps.page-001 ul {
	margin:0px;
}
	
#corps ul, #corps ol {
	margin-left:52px;
	margin-right:44px;
	}
	
#corps ul li{
	list-style-type:disc; 
	margin-top:6px;
	}
	
#corps ol li{
	list-style-type:decimal; 
	margin-top:6px;
	}
	
#corps ol ul li{
	list-style-type:disc; 
	margin-top:6px;
	}
	
#corps ul li.c03li1, #corps ul li.c03li2, #corps ul.carousel-list li{
	list-style:none;
	}
	
#corps p {
	margin-left:28px;
	margin-right:10px;
	}
	
#tab_form td {
	padding:5px;
	text-align:center;
	}
	
#tab_form td.left {
	text-align:right;
	}

#tab_form td.right {
	text-align:left;
	}

#corps span.visible {
	color:#51B809;
	font-weight:bold;
	font-size:12px;
	}
	
#corps p.msg_confirm {
	color:#51B809;
	font-weight:bold;
	text-align:center;
	margin-left:0px;
	padding-left:20px;
	padding-right:20px;
	}
	
#corps p.msg_centrer {
	text-align:center;
	margin-left:0px;
	padding-left:20px;
	padding-right:20px;
	}
	
#corps div.cadre_tarif{
	width:300px; 
	height:180px; 
	text-align:center;
	border:#283891 1px solid;	
	padding:5px; 
	margin-left:auto; 
	margin-right:auto;
	}

#corps div.cadre_tarif p{
	margin-left:0px;
	line-height:16px;
}
	
.etoile {
	color:#EA0000;
	}
	
#corps p.erreur {
	color:#EA0000;
	font-weight:bold;
	text-align:center;
	margin-left:0px;
	}
	
#corps fieldset {
	border:3px double #C6C7C8; 
	width:400px; 
	margin-top:15px; 
	padding-left:7px; 
	padding-right:7px; 
	padding-bottom:7px;
	margin-left:17px;
	}
	
#corps legend{
	color:#283891; 
	font-weight:bold;
	}
	
#corps fieldset input.form_input{
	width:140px;
}

#annee {
	width:59px;
	}
	
#jour, #mois {
	width:44px;
	}

#corps p.img-p-left {
	float:left;
	margin-top:0px;
	margin-bottom:0px;
	}
	
#corps p.img-p-right {
	float:right;
	margin-top:0px;
	margin-left:10px;
	margin-bottom:0px;
	}
	
#corps p.imprime-p-right {
	float:right;
	margin-top:20px;
	margin-left:10px;
	margin-bottom:10px;
	font-style:italic;
	clear:both;
	}
	
#corps table.table {
	float:left;
	margin-bottom:20px;
	margin-top:6px;
	margin-left:12px;
	width:96%;
	}
	
#corps table.table th{
	color:#FFFFFF;
	background-color:#969696;
	border:1px solid #DADADA;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding:6px 6px 6px 6px;
	}
#corps table.table td{
	text-align:center;
	border:1px solid #DADADA;
	line-height:11px;
	padding:6px 6px 6px 6px;
	line-height:14px;
	}
	
#corps table.table td.no-border{
	border:none;
	}
	
table.listing {
	float:left;
	margin-bottom:20px;
	margin-top:6px;
	margin-left:12px;
	width:98%;
	}
	
table.listing th{
	color:#FFFFFF;
	background-color:#969696;
	border:1px solid #DADADA;
	font-weight:bold;
	font-size:12px;
	text-align:center;
	padding:8px 3px 8px 3px;
	}
table.listing td{
	text-align:center;
	border:1px solid #DADADA;
	line-height:11px;
	padding:3px 3px 3px 3px;
	line-height:14px;
	}
	
table.listing td.erronee{
	background-color:#F4B3BE;
	}

table.listing td.pair{
	background-color:#F5F5F5;
	}

table.listing td.impair{
	background-color:#DFEFFF;
	}
	
table.listing th a{
	color:#FFFFFF;
	}
	
.img-h2 {
	clear:both;
	}
	
select.form_input {
	padding-left:0px;
	padding-right:0px;
	width:240px;
	}

.exemple {
	font-size:10px; 
	color:#808080;
	}
	
.imp {
	color:#283891;
	font-weight:bold;
	}

.form_input {
	border:#283891 1px solid;
	width:235px;
	padding-left:2px;
	padding-right:2px;
	background:#EFEFEF;
	color:#363738;
}

.form_textarea {
	border:#283891 1px solid;
	padding-left:2px;
	padding-right:2px;
	background:#EFEFEF;
	color:#363738;
	width:98%;
}

.form_button {
	border:#363738 0px solid;
	font-weight:bold;
	background:#363738;
	color:#FFFFFF;
	margin-top:12px; 
	width:130px;
	height:18px;
	cursor:pointer;
}

.bloc-connexion {
	margin-left:auto;
	margin-right:auto;
	margin-top:100px;
	width:940px;
	text-align:center;
}

div.bloc-connexion .form_input {
	border:#123484 1px solid;
	width:235px;
	padding-left:2px;
	padding-right:2px;
}

div.bloc-connexion .form_button {
	border:#123484 0px solid;
	font-weight:bold;
	background:#123484;
	color:#FFFFFF;
	margin-top:12px; 
	width:120px;
}

#conn td {
    padding: 3px;
    text-align: right;
}

.erreur{
	color:#CA0000;
}
/* ---------- Galerie Photos ---------- */

#corps.page-005 table.rep-album {
	/*border:1px solid #000000;*/
	width:444px;
	margin-left:5px;
	}

#corps.page-005 table.rep-album td {
	width: 148px;
	}
	
#corps.page-005 table.rep-album div {
    border: 1px solid #CCCCCC;
    padding: 4px;
	height: 89px;
	width: 119px;
	}
	
#corps.page-005 table.rep-album div.div_tab_alb {
	margin-top: 90px;
	}

#corps.page-005 table.rep-album img {
    border: 1px solid #CCCCCC;
    padding: 4px;
	background:#FFFFFF;
	}
	
#corps.page-005 table.rep-album img:hover, #corps.page-005 table.rep-album div:hover {
	border: 1px solid #283891;
	cursor:pointer;
	}
	
#corps.page-005 table.rep-album p.titre-album {
	color:#3B5998;
	font-weight:bold;
	margin: 3px 0 3px 0;
	}

#corps.page-005 table.rep-album p.titre-album a {
	color:#3B5998;
	}

#corps.page-005 table.rep-album p.nbr-photo {
	color:#9C9D9E;
	margin: 0 0 4px 0;
	font-size:10px;
	}

#tab-album {
	width:100%;
	}
	
#tab-album td {
	width:33%;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	}
	
#tab-img{
	width:100%;
	}
	
#tab-img td {
	width:33%;
	text-align:center;
	padding-top:6px;
	padding-bottom:6px;
	}
	
.retour-bas {
	margin:15px;
	width:100%;
	text-align:center;
	}
	
.retour {
	margin-top:-14px;
	}
	
a.none:hover {
	text-decoration:none;
	cursor:pointer;
	}
/* ---------- Menu Droit a customiser ---------- */

#droit a {
	color:#283891;
	text-decoration:none;
	}

#droit a:hover {
	text-decoration:underline;
	cursor:pointer;
	}

li.d02 {
	background: url("images/charte/professionnel.png") no-repeat scroll 0 0 transparent;
	height:278px;
	width:233px;
	}
	
li.d03 {
	background: url("images/charte/institution.png") no-repeat scroll 0 0 transparent;
	height:226px;
	width:233px;
	}

ul.menu {
	width:199px;
	padding-top:83px;
	padding-left:19px;
	}

ul.menu li {
	background: url("images/charte/puce.png") no-repeat scroll left top transparent;
	padding-top:7px;
	padding-left:20px;
	text-align:left;
	width:189px;
	height:35px;
	}

/* ---------- Menu Gauche a customiser ---------- */

li.g04 {
	background: url("images/charte/fan-facebook.png") no-repeat scroll 0 0 transparent;
	height:219px;
	width:216px;
	}
	
p.p-menu {
	padding-top:72px;
	padding-left:22px;
	padding-right:22px;
	font-size:10px;
	margin:0 0 0 0;
	}
	
p.p-menu-d03 {
	padding-top:85px;
	padding-left:22px;
	padding-right:22px;
	font-size:10px;
	margin:0 0 0 0;
	text-align:center;
	}
p.p-menu-d03 img{
	margin-top:5px;
	}

#gauche h2 {
	margin:0;
	}
	
#gauche div.diap{	
	background: url("images/charte/galerie-photos.png") no-repeat scroll 0 0;
	height:136px;
	padding-top:75px;
	padding-left:48px;
	}

/* ---------- Bandeau a customiser ---------- */

div.b01 {
	padding-top:15px;
	padding-left:830px;
	}

div.b02 {
	padding-top:2px;
	padding-left:105px;
	}

#navig {
	padding-top:34px;
	padding-left:36px;
	}

#navig a {
	font-size:13px;
	font-weight:bold;
	color:#FFFFFF;
	}

#navig li {
    float: left;
	padding-left:20px;
	padding-right:10px;
	background: url("images/charte/puce-gris-haut.png") no-repeat scroll left top transparent;
	}

#navig li.start {
	padding-left:0px;
	padding-right:13px;
	background: none;
	}

#navig li.no-puce {
	padding-left:40px;
	background: none;
	}

#navig li.puce-bleu {
	background: url("images/charte/puce-bleu-haut.png") no-repeat scroll left top transparent;
	}

/* ---------- Footer ---------- */

#pied-page li {
    float: left;
	padding-left:22px;
	padding-right:12px;
	color:#8F9090;
	background: url("images/charte/puce-footer.png") no-repeat scroll left top transparent;
	}

#pied-page li.f01  {
	background: none;
	padding-left:100px;
	}
#pied-page li.f05 {
	background: none;
	padding-left:80px;
	}

#pied-page a {
	color:#8F9090;
	}