/* Chartre graphique des EC
 PANTONE COOL GRAY 008 CVC : 
	Noir 58%
	HTML #707070
 PANTONE COOL GRAY 003 CVC : 
	Noir 18%
	HTML #d1d1d1
 PANTONE 1795 CVC : 
	Noir 18%
	HTML #ca0016
*/

html {
    background-color:   #d1d1d1;
}

body {
    background-color:   white;
    border-left:        2px solid #707070;
    border-right:       2px solid #707070;
	display:            block;
	font-family:        Arial,Helvetica,sans-serif;
	font-size:          95%;
	margin:             0 8% 0 8%;
    padding:            0 2% 1px 2%;
}

div#logo {
	float:          left;
    padding:        1% 15px 15px 0 ;

}

#logo img {
	width:  37mm;
}

hr {
	border: thin solid #d1d1d1;
	height: 0px;
}

hr.separateur {
	width:  30%;
}

/* 
    Styles pour la barre de navigation 
 */
div#site-side-nav {
	padding-top:    2%;
	text-align:     center;
}

#site-side-nav table {
	background-color:   white;
	border-collapse:    collapse;
    color:              inherit;
	list-style:         none;
	margin:             0;
	padding:            0;
	text-align:         justify;
	width:              80%;
}

#site-side-nav table.sous-menu {
	width: auto;
}

#site-side-nav td {
    width:              auto;
}

#site-side-nav td.sous-menu,td.news{
    background-color:   inherit;
	color:              #707070;
	font-size:          smaller;
	font-style:         italic;
    width:              auto;
}
#site-side-nav td.title{
	background-color:   #d1d1d1;
	color:              white;
	display:            none;
	margin:             0;
	padding:            0;
	text-align:         center;
}

#site-side-nav a {
    background-color:   inherit;
	color:              #707070;
	display:            block; 
	margin:             0;
	padding:            4px;
	text-decoration:    none;
}

#site-side-nav td:hover  {
	background-color:   #707070;
    color :             inherit;
}

#site-side-nav td:hover a {
    background-color:   inherit;
	color:              white;
}

#site-side-nav td.news:hover {
	background-color:   white;
	color:              #707070;
}

#site-side-nav td.news:hover a {
	background-color:   #707070;
	color:              white;
}

#site-side-nav strong a {
    background-color:   inherit;
	color:              #ca0016;
	font-weight:        normal;
}

#site-side-nav td:hover strong a {
    background-color:   inherit;
	color:              red;
	font-weight:        normal;
}


/* Barre de navigation rapide */
#easy-access {
	color:              #707070;
	font-size:          smaller;
	font-style:         italic;
    text-align:         right;

    position:           absolute;
    right:              10%;
    top:                1%;
}

#easy-access p {
    margin:             0;
    padding:            0;
}

#easy-access a {
	color:              #707070;
    text-decoration:    underline;
}

#easy-access a:hover {
    font-weight:        bold;
}





/* 
    Styles de la page principale 
 */
div#main {
	background-color:   white;
	clear:              left;
    color:              inherit;
	margin-bottom:      15px;
	margin-top:         15px;
	width:              100%;
}

#main h2 {
    background-color:   inherit;
	color:              #ca0016;
	display:            none;
}

#main h3,h4,h5 {
    background-color:   inherit;
	color:              #707070;
}

#main h3 {
    margin-bottom:      1%;
}

#main h5 {
    font-size:          0.9em;
 }

#main p, ul {
    margin-top:         0;
	padding:            0 5% 0 5%;
}

li ul {
	padding:            0 0 0 0;
}

li {
	list-style:         none;
	margin:             5px 5% 0 5%;
}

ul.list li {
	margin-bottom:      0px;
	margin-top:         15px;
}

ul.simple li, ul.simple2 li  {
    list-style:         disc;
}

ul.simple li ul li {
    list-style:         none;
}

ul.simple2 li {
    margin-left:        100px;
}

.bottom a , #main a  {
    background-color:   inherit;
	color:              #ca0016;
	font-style:         italic;
	font-weight:        bold;	  
}

#main table{
	border-spacing:     15px;
    padding:            0 20% 0 20%;
	table-layout:       fixed;
	width:              auto ;
}

/* Page d'erreur */

#erreur {
	border:             thin dashed #ca0016;
    color:              #ca0016;
	font-family:        Courier New,Courier,monospace;
    font-weight:        bold;
    margin:             0 0 20% 0;
    padding:            30px;
    text-align:         center;
}

/*
#main img {
	width:              20mm;
}
*/

div.list {
    margin:             0 0 1% 0;
}

div.list p, div.list ul {
    margin:             0;
}

/*
    Styles pour le formulaire et les nouvelles
 */
p.input {
    background-color:   inherit;
	color:              #707070;
	padding:            0 5% 0 5%;
	text-align:         left;
}

input, textarea, select {
    border:             thin solid #ca0016;	
}

ul.news, p.warning, p.news {
	background-color:   #d1d1d1;
	border:             thin dashed #ca0016;
    color:              inherit;
	font-family:        Courier New,Courier,monospace;
	margin:             0 0 0 10%;
	padding:            1% 0 1% 0;
}

p.warning {
    background-color:   inherit;
    color:              #ca0016;
    font-weight:        bold;
}

h3.news {
    background-color:   inherit;
	color:              #707070;
	font-weight:        bold;
	margin:             0;
	padding:            0;
}

.news a {
	color:              #ca0016;
	font-style:         italic;
    text-decoration:    underline;
}

.news li {
    list-style:         circle;
    margin-bottom:      15px;
}

.news img {
    width:              24px;
}

.news p {
    margin:             0;
}

/*
    Styles pour le pied de page
 */
div.bottom {
	clear:              left;
	color:              #707070;
    font-size:          0.9em;
    font-weight:        bold;
    text-align:         center;
}

div.bottom_menu {
    text-align: right;
}

a.navigation {
    font-style:         normal;
    font-size:          1em;
    text-decoration:    none;
}

/*
    Styles 
 */
span {
    background-color:   inherit;
	color:              #ca0016;
    font-weight:        bold;
}

span.em {
    background-color:   inherit;
	color:              inherit;
    font-style:         italic;
    font-weight:        normal;
    text-decoration:    underline;
    
}

span.super {
    color:              inherit;
    font-size:          smaller;
    vertical-align:     top;
}

a img {
 	border:             none;
}

a img:hover { 
 	border:             none;
}

img.logotype {
    width:              auto;
    height:             auto;
}

img.icone {
    height:             auto    ;
    width:              auto    ;
}

img.icone_dans_texte {
    height:             16px    ;
    width:              auto    ;
}

img.ascreen {
    width:              90px ; /* ascreen : 90px H x 120px l */
}

/* DB URL */
div.controle {
    margin:     0 ;
    padding:    0 ;
}

div.controle table {
    border: 3px solid #d1d1d1;
    border-collapse: collapse;
    width: 66%;
}

div.controle table tr.header{
    background-color:   #efefef;
    font-weight:        bold;
    text-align:         center;
}

div.controle table tr.pair{
    background-color: #abcdef;
}

div.controle table tr.impair{
    background-color: #e0a0a0;
}

div.controle table.cible {
    border: none;
    border-collapse: collapse;
}

div.controle table td {
    border-left:   1px solid white ;
    border-right:  1px solid white ;
    padding: 5px ;
    width:  auto;
}

div.controle table.cible td {
    border-left:    none ;
    border-right:   none ;
    padding: 2px ;
    width:  auto;
}
    
div.controle table td.ascreen,td.logotype {
    width:  90px ;
}

table.cible td.ascreen {
    width:  auto ;
}

div.controle table.cible td.ascreen img {
    width:  150px ;
}

div.controle table td.description {
    width:  auto ;
}

/* Web accessibility */
a[accesskey]:hover:after, a[accesskey]:focus:after {
    content: " [" attr(accesskey) "] "; 
}

span.touche {
    border:         thin solid black;
    color:          black;
    font-family:    "Courier New", serif;
    font-weight:    bold;
    padding:        2px;
}

/* Flashcode */

td.flashcode {
    text-align:         right;
    color:              black;
}

td.flashcode a {
    text-decoration:    none ;
}