/*
 * Les éléments graphiques et le design du site (et donc cette feuille de styles CSS
 * et les images) restent la propriété exclusive de leurs auteurs respectifs conformément 
 * aux droits d'auteur. Toute réutilisation devra faire l'objet d'une demande préalable
 * (email:jtx@odebi.com).
 * Il est de plus dans votre intêret d'avoir un site au design original, pour qu'il ait sa 
 * propre identité visuelle, plutôt qu'un design plagié...
 */


/*
screen0.css contient des éléments pour changer l'habillage du back office et de la plupart des zones de saisie
screen.css est appelé ensuite
screen2.css est appelé ensuite
*/

/* BEGIN GENERALE */
img, p, dl, dd, dt, h1, h2, h3, h4, h5, h6, ul, li, table, tr, td { margin:0;padding:0; }
img { border:0; }
body {
color:#000;
font-family:Arial,Verdana,Geneva,Helvetica,sans-serif;
font-size:10px;
margin:0;padding:0;
width:800px;
height:100%;
}

table {	
border-collapse: collapse;
empty-cells: show;
border-spacing:0;
}

/* END GENERALE */

/* BEGIN TABLEAU DE BASE - CONTENEUR */
#container{
width: 800px;
position: absolute;
margin: 0 0 0 -400px;
padding: 0 0 0 11px;
left: 50%;
background:url("fondhtml.jpg") top left repeat-y;
}
.tableau {
width:776px;
}

td {vertical-align:top;}

td.menu {
background:#EDF0F7;
width:192px;
}
td.droite {
width:208px;
background:url("fondcentre.jpg") top left repeat-y;
}
td.centre {
width:375px;
}
td.centre2 {
width:583px;
}
tr.pied {
color:#fff;
font-size:11px;
background:#003B87;
height:15px;
}
.pied td { padding:0 0 0 5px; }
.pied a { color:#fff;}
/* END TABLEAU DE BASE - CONTENEUR */

/* BEGIN HEADER */
#header{
background:#003B87 url("fondheader.jpg") top left no-repeat;
width:776px;
height:132px;
color:#fff;
}
#header h1 {
font-size:11px;
padding-top:10px;
}

#header h2, #header h3 {
width:200px;
margin:0 0 0 80px;
font-size:10px;
position:relative;
top:16px;
}

#header h3 a {
font-size:10px;
}

#header label {
font-weight:bold;
font-size:11px;
margin:0;
padding:0;
}

img.deconnexion {
margin:0 5px 0 0;
}

#header form {
position:absolute;
top:10px;left:630px;
background-position:65px 3px;
height:40px;
}
#form_recherche {
width:160px;
border:0;
}
#header input {
margin:0;
padding:0;
}
#recherche {
position:relative;
top:-7px;
width:115px;display:inline;
font-size:11px;
border:0 solid #000;
margin:0;
padding:0;
}
#sub { 
display:inline;
margin-left:15px; 
}


#header li { display:inline; }
#header ul.drapeau {
list-style-type:none;
margin-top:12px;
}
#header ul.contacts {
list-style-type:none;
margin-top:20px;
}
#header ul.contacts li {
list-style-type: none;
background-image: url("puceOrange.gif");
background-repeat: no-repeat;
background-position: 0% 50%;
padding: 0 6px 0 8px;
display:inline;
}
#header a {
color:#fff;
font-size:11px;
font-weight:bold;
text-decoration:none;
}
img.logo {
float:left;
margin:10px;
}

.accueil img{
margin:0 0 0 5px ;
}
.accueil span {
position:relative;
top:-10px;
right:5px;
}
#header a.accueil {
position:relative;
left:-10px;
top:30px;
margin-top:55px;
font-size:10px;
}
/* END HEADER */



/* BEGIN MENU - SOUS MENU */
#menu {
width:191px;
background:#003B87;
}
#menu h1 {
font-weight:bold;
color:#fff;
padding-left:16px;
padding-bottom:10px;
background:#003B87 url("fondmenu_h1.jpg") bottom left no-repeat;
font-size:16px;
}
#menu li {
margin-bottom:5px;
font-size:11px;
list-style-type: none;
}


#menu a {
display:block;
width:146px;
font-weight:bold;
vertical-align:middle;
margin-left:5px;
color:#fff;
text-decoration:none;
padding:10px 0 10px 40px;
}
/*
#menu a {
display:block;
width:146px;
line-height:34px;
font-weight:bold;
padding-left:40px;
margin-left:5px;
color:#fff;
text-decoration:none;
}


#menu li.patient a{background:#0173BA url("fondmenu_patient.jpg") 
no-repeat;}
#menu li.patient a:hover, #menu li.patientSelected a{background:#54BEFE 
url("fondmenu_patient.jpg") no-repeat;background-position: 0 -34px;}

#menu li.profSante a{ background:#0173BA 
url("fondmenu_profSante.jpg") no-repeat;}
#menu li.profSante a:hover, #menu li.profSanteSelected a { 
background:#54BEFE url("fondmenu_profSante.jpg") 
no-repeat;background-position: 0 -34px;}

#menu li.etudiant a{ background:#0173BA 
url("fondmenu_etudiant.jpg") no-repeat;}
#menu li.etudiant a:hover, #menu li.etudiantSelected a{ 
background:#54BEFE url("fondmenu_etudiant.jpg") 
no-repeat;background-position: 0 -34px;}

#menu li.autreProf a{background:#0173BA 
url("fondmenu_autreProf.jpg") no-repeat;}
#menu li.autreProf a:hover, #menu li.autreProfSelected a{ 
background:#54BEFE url("fondmenu_autreProf.jpg") 
no-repeat;background-position: 0 -34px;}
*/

#menu li.patient a{background:#0173BA url("fondmenu_patient.jpg") 
no-repeat;}
#menu li.patient a:hover, #menu li.patientSelected a{background:#54BEFE 
url("fondmenu_patient2.jpg") no-repeat;}

#menu li.profSante a{ background:#0173BA 
url("fondmenu_profSante.jpg") no-repeat;}
#menu li.profSante a:hover, #menu li.profSanteSelected a { 
background:#54BEFE url("fondmenu_profSante2.jpg") no-repeat;}

#menu li.etudiant a{ background:#0173BA 
url("fondmenu_etudiant.jpg") no-repeat;}
#menu li.etudiant a:hover, #menu li.etudiantSelected a{ 
background:#54BEFE url("fondmenu_etudiant2.jpg") no-repeat;}

#menu li.autreProf a{background:#0173BA 
url("fondmenu_autreProf.jpg") no-repeat;}
#menu li.autreProf a:hover, #menu li.autreProfSelected a{ 
background:#54BEFE url("fondmenu_autreProf2.jpg") no-repeat;}
/*
#menu li.urgence {
background:#CC0001;
padding:5px 0 5px 35px;
margin-bottom:0;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
}

#menu li.urgence a{
height:21px;
line-height:21px;
display:inline;
padding-left:10px;
background:#CC0001 url("puceOrange.gif") no-repeat;
background-position: 0% 45%;
}

#menu li.bref {
padding:5px 0 5px 35px;
margin-bottom:0;
border-bottom:solid 1px #fff;
background:#E59C01 url("fondmenu_bref.jpg") bottom right no-repeat;
}

#menu li.bref a{
height:21px;
line-height:21px;
display:inline;
padding-left:10px;
background:url("puceBlanche.gif") no-repeat;
background-position: 0% 45%;
}
*/
#menu li.urgence {
background:#CC0001;
padding:5px 0 6px 35px;
margin-bottom:0;
border-top:solid 1px #fff;
border-bottom:solid 1px #fff;
}

#menu li.urgence a{
height:21px;
line-height:21px;
display:inline;
padding-left:10px;
background:#CC0001 url("puceOrange.gif") no-repeat;
background-position: 0% 45%;
padding-top:4px;
}

#menu li.bref {
padding:5px 0 5px 35px;
margin-bottom:0;
border-bottom:solid 1px #fff;
background:#E59C01 url("fondmenu_bref.jpg") bottom right no-repeat;
}

#menu li.bref a{
height:21px;
line-height:21px;
display:inline;
padding-left:10px;
background:url("puceBlanche.gif") no-repeat;
background-position: 0% 45%;
}


#menu li.lien_maternite {
padding:5px 0 5px 35px;
margin-bottom:0;
border-bottom:solid 1px #fff;
background:#FF99CC;
}

/*line-height:21px;*/
#menu li.lien_maternite a{
height:21px;

display:inline;
padding-left:10px;
background:url("puceBlanche.gif") no-repeat;
background-position: 0% 45%;
}

#sousmenu {
width:191px;
background:#EDF0F7;
margin:0;padding:0;
}
#sousmenu h1 {
background:none;
color:#003B87;
padding:10px 0 0 19px;
padding-bottom:6px;
font-size:16px;
font-weight:bold;
}
#sousmenu ul {margin:0;margin-left:37px;}
#sousmenu li a {
color:#474644;
padding:0;margin:0;
line-height:12px;
width:120px;
}
#sousmenu li  {
background:url("puceOrange.gif") no-repeat;
background-position:0 2px;
margin:0;padding:0 0 5px 10px;
}
/* END MENU - SOUS MENU */



/* BEGIN NAVIGATION */
ul.navigation {
list-style-type:none;
font-size:10px;
text-align:right;
padding: 0 10px 0 0;
width:95%;
}
ul.navigation li {
color:#003B87;
display:inline;
}
.navigation a {
color:#003B87;
text-decoration:none;
}
.navigation img {margin: 0 5px 0 0;}
.navigation span {
position:relative;
top:-4px;
}
/* END NAVIGATION */

/* BEGIN ACTUALITE - ACCUEIL */
#actualite {
color:#000;
border:1px solid #999999;
width:340px;
padding:0 0 5px 0;
margin:0;
}
#sousactualite {
width:342px;
margin:0;
background:url("fondactualite.jpg") top left repeat-x;
padding:10px 0 0 0;
}
#sousactualite h2 {
background:url("../img/fondcentre_h2.jpg") top left no-repeat;
background-position:0 4px;
color:#003B87;
font-size:12px;
padding:0 0 8px 15px;
margin:0 0 0 10px;
}
#actualite h2 {
background:url("../img/fondcentre_h2.jpg") top left no-repeat;
background-position:0 4px;
color:#003B87;
font-size:12px;
padding:0 0 8px 15px;
margin:10px 0 0 10px;
}

p.bas { 
text-align:right;
color:#003B87;
}

.bas a {
float:left;
color:#E59C01;
font-size:11px;
text-decoration:none;
}

#actualite img {
margin-left:10px;
}
/* END ACTUALITE - ACCUEIL */

/* BEGIN BLOC 1 */
/*
.bloc1 {
width:550px;
}*/

.bloc1 h1 {
color:#E49D07;
font-size:24px;
margin:15px 0 4px 0;
}
.bloc1 h2 {
color:#003B87;
font-size:12px;
/*width:420px;*/
margin:0 0 25px 0;
}
.bloc1 h3 {
color:#003B87;
font-size:12px;
background:url("traitorange1.jpg") bottom right no-repeat;
padding:0 0 2px 8px;
margin:16px 0 8px 0;
}
.bloc1 h4 {
color:#0173B9;
font-size:12px;
margin:8px 0 6px 0;
}
.bloc1 ul {
list-style-type:none;
background:#EDF0F7;
border:1px solid #003B87;
color:#000;
font-size:12px;
padding:8px 0;
}
.bloc1 li {
margin:0 0 0 10px;
padding:0 0 0 8px;
background:url("minipuceBleue.gif") no-repeat;
background-position: 0% 0.5em;
}
/*
.bloc1 p {
font-size:11px;
color:#000;
width:430px;
}*/
.bloc1 p {
font-size:12px;
color:#000;

}

/* END BLOC 1 */

/* BEGIN BLOC 2 */
#bloc2gauche {float:left;}
#bloc2droite {float:right;}

.bloc2 {
width:260px;
}
.bloc2 h3 {
color:#003B87;
font-size:12px;
background:url("traitorange2.jpg") bottom right no-repeat;
padding:0 0 2px 8px;
margin:16px 0 8px 0;
}
.bloc2 p {
font-size:12px;
color:#000;
width:255px;
}
/* END BLOC 2 */


/* BEGIN ZONE DROITE - ACCUEIL */
#droite {
width:190px;
padding:10px 0 0 18px;
color:#000;
font-size:12px;
}

#droite p {
padding-right:20px;
}

#droite h1 {
color:#CC0001;
font-size:18px;
}

#droite h2 {
font-weight:bold;
font-size:12px;
}

/* CENTRE POUR ACCUEIL */
#centre p {
font-size:12px;
padding:0 10px 5px 10px;
}

#centre h1 {
background:#0173BA url("fondcentre_h1.jpg") top right no-repeat;
width:218px;
color:#fff;
font-size:13px;
padding:0 0 0 5px;
}

#centre {
padding-top:8px;
padding-left:20px;
}

#centre p.navigation{
color:#003B87;
font-size:10px;
font-weight:normal;
margin:0 0 10px 0;
padding:0;
}

/* CENTRE POUR AUTRE QUE ACCUEIL */
#centre2 {
padding:8px 10px 10px 0;
margin:0 0 10px 0;
padding-left:20px;
}

#centre2 ul.navigation{
background: url("point.jpg") bottom left repeat-x;
}

span.imprimer {
display:inline;
float:right;
}


/* CLASSES DE BASE */
.left {
float:left;
}

.imageflottanteleft {
float:left;
padding:0 10px 5px 0;
margin:0;
}

.imageflottanteright {
float:right;
padding:0 0 5px 5px;
margin:0 0 0 10px;
}

.clear {
clear:left;
visibility:hidden;
}

hr.clear {
clear: both;
height: 1px;
visibility: hidden; 
margin: 0; 
padding: 0; 
}

p.point {
clear:left;
height:10px;
width:100%;
background:url("point.jpg") bottom left repeat-x;
}

/* CALENDRIER */
#calendrier {
margin:10px 0 0 12px;
}

#calendrier table {
width:170px;
font-size:11px;
font-weight:bold;
}

#calendrier td {
border:1px solid #0173BA;
padding:0 2px;
color:#003B89;
text-align:center;
background:#CEDFEF;
}

#calendrier td.selected {
background:#ECDEC1;
}

#calendrier td img { margin:0 0 0 5px; }

#calendrier th {
border:1px solid #0173BA;
text-align:left;
background:#0173BA;
color:#fff;
padding:2px 2px 2px 10px;
}


#calendrier th a {
border:1px solid #8AC1DF;
display:block;
text-decoration:none;
height:8px;
width:8px;
font-size:1px;
}

#calendrier td.top {
background:#E59C01;
color:#fff;
text-align:right;
padding:2px 5px 2px 0;
}

/* BOITE BLEUE et ORANGE */
div.boiteBleue, div.boiteOrange {
width:170px;
margin:10px 0 10px 11px;
}

.droite div.boiteBleue, .droite div.boiteOrange {
width:185px;
margin:10px 0 0 11px;
}

div.boiteBleue {
border:1px solid #0173BA;
background:#B9D5EA;
}
div.boiteOrange {
border:1px solid #E59C01;
background:#ECDEC1;
}

.boiteBleue ul, .boiteOrange ul  {
list-style:none;
padding:0 0 0 10px;
}

ul.boiteBleue, ul.boiteOrange {
color:#fff;
font-size:11px;
font-weight:bold;
padding:2px 2px 2px 10px;
height:18px;
line-height:18px;
}

ul.boiteBleue {
background:#0173BA ;
}

ul.boiteOrange {
background:#E59C01 ;
}

a.boiteBleue, a.boiteOrange {
position:relative;
top:3px;
right:4px;
display:block;
text-decoration:none;
height:8px;
width:8px;
font-size:1px;
float:right;
line-height:1px;
}

a.boiteBleue {
border:1px solid #8AC1DF;
}

a.boiteOrange {
border:1px solid #F1D38D;
}

/* FAQ*/
#FAQ {
margin:20px 20px 0 0;
font-size:12px;
}
#FAQ h1 {
color:#E49D07;
font-size:24px;
margin:0 0 10px 0;
}
#FAQ h2 {
color:#003B87;
font-size:11px;
margin:0 0 10px 0;
font-weight:bold;
}
#FAQ ul {
list-style:none;
width:100%;
background:#EDF0F7;
padding:20px 10px;
margin:0 0 20px 0;
}

#FAQ ul a {
display:block;
color:#003B87;
text-decoration:none;
font-weight:bold;
font-size:11px;
padding: 10px 0;
}
#FAQ h3  {
color:#E49D07;
font-size:11px;margin:0 0 5px 0;
}

#FAQ h3 a {
text-decoration:none;
color:#000;
font-size:11px;margin:0 0 5px 0;
}

#FAQ p {
margin:0 0 8px 0;
}
#FAQ p span {
font-weight:bold;
color:#000;
}

a.haut {
float:right;
}

a.interne {
color:#0173B9;
text-decoration:none;
font-weight:bold;
font-size:12px;
}

a.externe {
color:#E47809;
text-decoration:none;
font-weight:bold;
font-size:12px;
}