/* CSS TSD de base */


/*   Reset
------------------------------------------------------------------- */
/*input form
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, textarea, select {margin: 0; padding: 0; border: 0; font-weight: inherit; font-style: inherit; font-size: 100%; font-family: inherit; vertical-align: baseline;}
table {border-collapse: collapse; border-spacing: 0;}
caption, th, td {text-align: left; font-weight: normal;}
table, td, th {vertical-align: middle;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}
a img {border: none;}
:focus {outline: 0;}


/* 
   General 
------------------------------------------------------------------- 

html {
	height: 100%;
	padding-bottom: 1px;  force scrollbars 
 }*/

body {
	background: #FFF;
	color: #334;
	font: normal 75% sans-serif;  style="font-size:12px"
	line-height: 1.5;
}


#westpanel {
padding: 5px; 
margin: 0px; 
border-style: solid; 
font-size: 12px; 
border-color: grey; 
border-width: 1px; 
overflow: hidden;
} 

#centerpanel {
overflow: hidden; 
padding: 0px; 
margin: 0px; 
border: 0px;
}

#northpanel {
padding: 3px 30px 0px 3px; 
margin: 0px;
overflow: hidden;
}



/*#affich_Lb {

height: 500px;
width: 500px;
}*/

#L4_select {
margin-left: 3px;

}

.ui-menu { width: 150px; }


.bouton{
padding-top: 5px;
padding-left: 5px;
}

.CodeMirror{
display: none;
}

#editeur0 { 
font-size: 18px; 
width: 570px; }

/*.ui-menu
{
width: 100px;
font-size: 12px;
min-height: 22px; /* définit la hauteur minimale du menu (dépendante de la valeur de font-size) 
}
ul#menu
{
width: 500px; /* définit la largeur totale du menu 
}
ul#menu > li
{
width: 100px; /* définit la largeur des items de niveau 1 
float: left; /* définit le positionnement des items de niveau 1 
}

}*/




/*-----------------------style liste 2----------------------------------------*/

p {
    font-family: sans-serif;
}

label.custom-select {
    position: relative;
    display: inline-block;
}

    .custom-select select {
        display: inline-block;
        border: 2px solid #bbb;
        padding: 4px 3px 3px 5px;
        margin: 0px;
        font: inherit;
        outline:none; /* remove focus ring from Webkit */
        line-height: 1.2;
        background: #f8f8f8;
        
        -webkit-appearance:none; /* remove the strong OSX influence from Webkit */
        
        -webkit-border-radius: 3px;
        -moz-border-radius: 3px;
         border-radius: 3px;
    }

    /* for Webkit's CSS-only solution */
    @media screen and (-webkit-min-device-pixel-ratio:0) { 
        .custom-select select {
            padding-right:30px;    
        }
    }
    
    /* Since we removed the default focus styles, we have to add our own */
    .custom-select select:focus {
        -webkit-box-shadow: 0 0 3px 1px #c00;
        -moz-box-shadow: 0 0 3px 1px #c00;
        box-shadow: 0 0 3px 1px #c00;
    }
    
    /* Select arrow styling */
    .custom-select:after {
        content: "▼";
        position: absolute;
        top: 0;
        right: 0;
        bottom: 0;
        font-size: 60%;
        line-height: 30px;
        padding: 0 7px;
        background: #bbb;
        color: white;
        
        pointer-events:none;
        
        -webkit-border-radius: 0 6px 6px 0;
        -moz-border-radius: 0 6px 6px 0;
        border-radius: 0 6px 6px 0;
    }
    
    .no-pointer-events .custom-select:after {
        content: none;
    }








/*------------------------------droptron----------------------------------------
body { font-family: sans-serif; font-size: 12pt; color: #444; line-height: 1.5em; }*/ 
			h1 { font-size: 1.5em; } 
			#wrapper { max-width: 300px; margin: 0 auto; } 
			#main-nav ul { list-style: none; margin: 0; padding: 0; }
			#main-nav ul li { display: inline-block; margin: 0 1em 0 1em; padding: 0.35em 0.75em 0.35em 0.75em; border-radius: 0.2em; background: rgb(128,128,128);}
			#main-nav ul li.active { background: rgb(0,0,0); }
			#main-nav ul li.active a { color: #fff; text-decoration: none; }
		
			/* A single menu */
			.dropotron { background: #444; border-radius: 0.5em; list-style: none; margin: 0; min-width: 10em; padding: 0.75em 1em 0.75em 1em; }
			.dropotron > li { border-top: solid 1px #555; margin: 0; padding: 0; }
			.dropotron > li:first-child { border-top: 0; }
			.dropotron > li > a { color: #ccc; display: block; padding: 0.5em 0 0.5em 0; text-decoration: none; }
			.dropotron > li.active > a, .dropotron > li:hover > a { color: #fff; }
			
			/* Only applies to top level ("level-0") menus */
			.dropotron.level-0 { margin-top: 1.25em; }
			.dropotron.level-0:before { content: ''; position: absolute; border-bottom: solid 0.5em #444; border-left: solid 0.5em transparent; border-right: solid 0.5em transparent; top: -0.5em; }


/* Tables */

table {margin-bottom: 1.4em; width: 100%;}
th {font-weight: bold;}
thead th {background: #C3D9FF;}
th,td,caption {padding: 4px 10px 4px 5px;}
tr.even td {background: #F2F6FA;}
tfoot {font-style: italic;}
caption {background: #EEE;}

table.data-table {
	border: 1px solid #CCB;
	margin-bottom: 2em;
	width: 100%;
}
table.data-table th {
	background: #F0F0F0;
	border: 1px solid #DDD;
	color: #555;
	text-align: left;
}
table.data-table tr {border-bottom: 1px solid #DDD;}
table.data-table td, table th {padding: 10px;}
table.data-table td {
	background: #F6F6F6;
	border: 1px solid #DDD;
}
table.data-table tr.even_rouge td {background: #fbe3e4;}
table.data-table tr.even_vert td {background: #e6efc2;}
table.data-table tr.even_jaune td {background: #fff6bf;}