@font-face { font-family:'OpenS'; src: url('/biodiv_oc/dreal/ressources/fonts/open_sans.ttf'); }
@font-face { font-family:'Segoe'; src: url('/biodiv_oc/dreal/ressources/fonts/Segoe_UI.ttf'); }
@font-face { font-family:'SegoeB'; src: url('/biodiv_oc/dreal/ressources/fonts/Segoe_UI_Bold.ttf'); }

body { margin:0; font-family:'OpenS',Arial,sans-serif; font-size:13px; background-color:#cfd8dc; }

#page { position:fixed; top:10px; right:0px; left:0px; margin:auto; background-color:#FFFFFF; font-family:OpenS, Arial; width:800px; height:90px; }
#thead { position:fixed; top:104px; }
#tbody { overflow:auto; position:fixed; top:150px; right:0px; bottom:40px; left:0px; background-color:#cfd8dc; }

.intro { text-align:center; font-family:Segoe, OpenSans, Arial; font-size:1.50rem; border:none; margin:auto; padding:5px; background-color:#FFFFFF; width:780px; line-height:1.2; vertical-align:middle; }

input[type="email"] { display:inline-block; width:700px; border:1px solid #CCC; border-radius:2px; padding:6px 10px; }

table { table-layout:fixed; width:96%; margin:auto; border-spacing:4px; }

/* tr:hover { background-color:#F9E79F; } ne fonctionne pas avec even/odd */

tr:nth-child(odd) { background:#FEF9E7; }
tr:nth-child(even) { background:#FBEEE6; }

th { font-family:SegoeB, OpenSans, Arial; font-weight:normal; background-color:DarkOrange; color: #FFFFFF; padding:4px; border: none; border-radius:4px;	}
td { text-align:center; border: none; padding:0px 4px; border-radius:4px; }

.d { text-align: right; }
.g { text-align: left; }
.dat { text-align:center; width:120px; }


.field-label { display:block; font-weight:550; margin:20px 0 4px 0; }

/* div { border-right:thin dotted #000000;  border-left:thin dotted #000000; } */