/* =============== */
/* FONTS */

@font-face {
  font-family: 'Yanone';
  font-style: normal;
  font-weight: 400;
  src: local('Yanone Kaffeesatz Regular'), local('YanoneKaffeesatz-Regular'), url('fonts/YanoneKaffeesatz-Regular.ttf') format('truetype');
}
@font-face {
  font-family: 'Open';
  font-style: normal;
  font-weight: 400;
  src: local('Open Sans'), local('OpenSans'), url('fonts/OpenSans-Light.ttf') format('truetype');
}
@font-face {
  font-family: 'Marker';
  font-style: normal;
  font-weight: 400;
  src: local('Drawing with markers'), local('DrawingWithMarkers'), url('fonts/DrawingWithMarkers.ttf') format('truetype');
}


/* =============== */
/* STYLES */

form{
margin:0px;
}

table.tabs{
	width:100%;
	background:#fff;
}
#home{
background-image: url('tabs/img/_home.gif');
background-repeat: repeat-x;
background-position: 0% 100%;
}
#planning{
background-image: url('tabs/img/_planning.gif');
background-repeat: repeat-x;
background-position: 0% 100%;
}
#user{
background:#D03757;
background-image: url('tabs/img/_user.gif');
background-repeat: repeat-x;
background-position: 0% 100%;
}
#nutrition{
background:#777;
background-image: url('tabs/img/_nutr.gif');
background-repeat: repeat-x;
background-position: 0% 100%;
}
#extract{
background:#760;
background-image: url('tabs/img/_extract.gif');
background-repeat: repeat-x;
background-position: 0% 100%;
}
#nett{
background:#3131D3;
background-image: url('tabs/img/_nett.gif');
background-repeat: repeat-x;
background-position: 0% 100%;
}
#dechets{
background:#03D392;
background-image: url('tabs/img/_dechets.gif');
background-repeat: repeat-x;
background-position: 0% 100%;
}
#sys_error{
background:#D31313;
background-image: url('tabs/img/_sys_error.gif');
background-repeat: repeat-x;
background-position: 0% 100%;
}
#social{
background:#C03767;
background-image: url('tabs/img/_social.gif');
background-repeat: repeat-x;
background-position: 0% 100%;
}

body{
font-family:verdana;
padding:0px;
margin:0px;
}

a,
a:visited{
color:#039392;
text-decoration:none;
}
a:hover{
text-decoration:underline;
}

div{
display:inline;
}

div.titre{
font-size:1.2em;
font-weight:bold;
color:#444;
margin-top:10px;
margin-bottom:5px;
}

div.titre_shade{
color:gray;
font-weight:bold;
margin-top:10px;
margin-bottom:5px;
}

div.extended_options{
margin-left:30px;
}

a.nostyle{
color:black;
text-decoration:none;
}
a.nostyle:hover{
color:black;
text-decoration:underline;
}
a.nostyle:active{
color:black;
background:silver;
}

a.gris{
color:gray;
font-style:italic;
font-size:0.8em;
}

span.gris{
color:gray;
font-style:italic;
font-size:0.8em;
}
span.darkred{
color:darkred;
font-style:italic;
font-size:0.8em;
}
span.error{
display:block;
color:darkred;
font-size:0.8em;
text-align:justify;
padding:5px;
margin:5px;
border:1px solid red;
}
span.emapp{/* à supprimer dès que nettoyé du code car remplacé par "core" ci-dessous */
color:#13D3A2;
font-style:italic;
font-size:0.6em;
}
span.core{
color:#13D3A2;
font-style:italic;
font-size:0.6em;
}
span.network{
color:#D3A213;
font-style:italic;
font-size:0.6em;
}
span.perso{
color:darkred;
font-style:italic;
font-size:0.6em;
}

table.main{
width:100%;
height:80%;
}

table.edit td{
font-size:0,7em;
}
table.edit td a{
text-decoration:none;
}

table.fullscreen{
width:100%;
height:85%;
}

td.left{
vertical-align:top;
width:75%;
}

table.gris td{
color:gray;
font-style:italic;
font-size:0.8em;
}

table.tabscontainer{
width:100%;
margin:0px;
/* padding:8px; basculé dans tabs/... */
padding-left:20px;
overflow:hidden;
}

div.tab{
font-size:1.1em;
font-weight:bold;
padding:12px 8px 12px 12px;
color:white;
}
td.tabs a,
td.tabs a:visited,
td.tabs a:active,
td.tabs a:hover{
color:white;
text-decoration:none;
}
td.tabs a.menuactif,
td.tabs a.menuactif:visited,
td.tabs a.menuactif:active,
td.tabs a.menuactif:hover{
text-decoration:underline;
}

a.sys{
font-size:1.1em;
font-weight:bold;
padding:20px;
color:white;
position:right;
text-decoration:none;
background:#777;
}

#hiseparator{
margin-left:60px;
margin-right:60px;
}
#loseparator{
margin-left:30px;
margin-right:30px;
}

table.data{
	margin:auto;background:#eee;padding:0px;
}
table.data th{
	background:#888;color:white;font-size:0.9em;padding:7px;font-weight:normal;margin-left:0px;margin-right:0px;
}
table.data td{
	color:black;font-size:0.8em;border:1px solid white;padding:6px;margin:0px;
}