/***************** STYLE GLOBAUX *****************/
a img{
border:none;
}
a:active, a:focus{
outline:none;
}


table{
border-collapse:collapse;
border-spacing:0px;
margin : 0px;
padding : 0px;
}

input{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:center;
color:#000000;
border : thin solid #000000;
}

/***************** STYLE CONTENU *****************/
h1{
display:block;
height:50px;
margin:0 0 12px 0;
font:bold 20px Arial, Helvetica, sans-serif;
color:#000000;
letter-spacing:1px;
}

h2{
font:bold 15px Arial, Helvetica, sans-serif;
color:#000000;
height:25px;
letter-spacing:1px;
margin:0 0 12px 0;
}

h3{
font:bold 12px Arial, Helvetica, sans-serif;
text-decoration:underline;
color:#000000;
height:25px;
letter-spacing:1px;
margin:0 0 12px 0;
}


h1.index{
display:block;
background:url(charte_ngf/h1-index.gif) center top no-repeat;
font:0px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

h1.pratique{
display:block;
background:url(charte_ngf/h1-pratique.gif) center top no-repeat;
font:0px Arial, Helvetica, sans-serif;
color:#FFFFFF;
}

#contenu p{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#424242;
margin-top:1.2em;
}

#contenu li,ul{
font:12px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:#424242;
padding-left:15px;
padding-top:5px;
}

#contenu p em {
font-weight:bold;
font-size:12px;
line-height:1.3em;
font-style:normal;
}

#contenu a:link, #contenu a:visited{
font-weight:bold;
text-decoration:underline;
color:#000;
}

#contenu a:hover, #contenu a:active{
color: #0099FF;
}

#contenu div.format_gras, span.format_gras{
font:inherit;
font-weight: bold;
color:inherit;
display:inline;
}

#contenu div.information{
font:9px/1.2em Arial, Helvetica, sans-serif;
text-align:center;
color:#999999;
}

#contenu div.touch, span.touch{
font:inherit;
color:#FF0000;
}

/*Calque pour les messages d'alerte*/
#contenu div.alerte0{
font:12px/1.2em Arial, Helvetica, sans-serif;
color:#FF0000;
text-align:center;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #FF0000;
padding: 1em;
margin: 1em;
margin-left:auto;
margin-right:auto;
background: #f9c0c0;
width:600px;
font-weight: bold;
}

/*Calque pour les messages de validation*/
#contenu div.alerte1{
font:12px/1.2em Arial, Helvetica, sans-serif;
color:#009200;
text-align:center;
border-width: 2px 2px 2px 2px;
border-style: solid;
border-color: #009200;
background: #c5f3c5;
padding: 1em;
margin: 1em;
margin-left:auto;
margin-right:auto;
width:75%;
font-weight: bold;
}

/*Calque pour les aides à la saisie*/
#contenu div.aide_saisie{
border-width: 1px 1px 1px 8px;
border-style: solid;
border-color: #FFCC33;
padding: 0 1em 1em 1em;
margin-bottom: 1em;
-moz-border-radius:6px 0px 0px 6px ;
text-align:left;
background: #F5FF72;
}

/*Calque pour les aides à la saisie*/
#contenu div.param_stat{
border-width: 1px 1px 1px 8px;
border-style: solid;
border-color: #2F4CFB;
padding: 10px 5px 10px 10px;
margin-bottom: 1em;
margin-top:1em;
-moz-border-radius:6px 0px 0px 6px ;
text-align:left;
background: #B1BCFF left top no-repeat;
display:block;
position:relative
}


div.infobulle{
background:#b0dbeb;
font:13px/1.2em Arial, Helvetica, sans-serif;
text-align:left;
color:#FF0000;
border : 1px solid #FFCC33;
position : absolute; 
visibility : hidden;
z-index : 10;
font-weight:bold;
}

#contenu option.suppr{
background:#FF0000;
font:inherit;
color:#FFFFFF;
font-weight:bold;
}

#contenu option.optiongras{
background:#b0dbeb;
font:inherit;
font-weight: bold;
}

#contenu input.record{
background:url(record.png) left top no-repeat;
width:110px;
height:40px;
border : none;
}

#contenu font.barre{
text-decoration:line-through;
font:inherit;
font-weight:normal;
color:inherit;
text-align:center;
}


/******** STYLE TABLEAU MODULE DEFAUT *********/

#contenu table.module{
width:840px;
margin-right:auto;
margin-left:auto;
}

#contenu table.demimodule{
width:420px;
margin-right:auto;
margin-left:auto;
}

/***************** STYLE NAVIGATION *****************/

#contenu div.navigation{
font:13px/1.2em Arial, Helvetica, sans-serif;
text-align:center;
color:#0066CC;
margin-bottom:0.1em;
}

#contenu div.navigation a:link, #contenu div.navigation a:visited{
font:inherit;
text-align:inherit;
color:inherit;
text-decoration : none;
}

#contenu div.navigation a:hover{
font:13px/1.2em Arial, Helvetica, sans-serif;
text-align:justify;
color:inherit;
text-decoration : underline;
}


/***************** STYLE FOOTER *****************/
#footer p{
font:10px/30px Arial, Helvetica, sans-serif;
color:#bc0000;
text-align:center;
letter-spacing:1px;
padding:80px 0px 0 0;
}
#footer a:link, #footer a:visited, #footer a:hover, #footer a:active{
text-decoration:none;
color:#bc0000;
}


#info_footer{
font:10px/30px Arial, Helvetica, sans-serif;
color:#0C627D;
text-align:center;
letter-spacing:1px;
}

#info_footer a:link, #info_footer a:visited, #info_footer a:hover, #info_footer a:active{
text-decoration:underline;
color:inherit;
}