/****************************************************
Jerome ETIENNE POUR ECOCERT SA
DATE DE CREATION : 01/04/2011
DATE DE MISE A JOUR : 11/04/2011
Fichier css permettant la mise à jour 
****************************************************/

/****************************************************
Balise generale définissant les proprietes
****************************************************/

/* Sur tout le texte*/
body{
    font-size : 12px;
    font-family: verdana;
    padding-top: 10px;
    padding-left: 10px;
    padding-right: 10px;
}

/*Les titres*/
h1
{
   font-family: "Verdana"; /*Copier la police en verdana*/
   font-size: 18px;	/*Taille en 18px*/
   color : #e31a0e; /*Couleur de la police, rouge ecocert*/
   font-weight: bold; /*Police en gras*/
   font-variant:small-caps;
}

h2
{
   font-size: 16px;  /*Taille police 16 px*/
   font-family: "Verdana"; /*Plice de type Verdana*/
   color : #e31a0e; /*Couleur de la police, rouge ecocert*/
   font-weight: bold; /*Police en gras*/
}
h3
{
   font-size: 14px; /*Police en 14 px*/
   font-family: "Verdana"; /*Police Verdana*/
   font-weight: bold;   /*Police en gras*/
   color: #291f1d;
}

/*Les images*/
img
{
	border: none; /*Les images n ont pas de bordure*/
}

/*Les liens web*/
a
{
   text-decoration:none;
   color : #e31a0e;
}

p {
    /* padding-top: 10px; */
}

ul {
    font-size: 12px;
    line-height: 16px;
    list-style-image: url("puce.jpg");
    margin-left: 50px;
}

table /* Le tableau en lui-même */
{
   width: 100%;
   margin: auto; /* Centre le tableau */
   border-collapse: collapse; /* Colle les bordures entre elles */
   overflow:auto;
}

th 
{
   background-color: #ECE9D8;
   border: 1px solid black;
   padding : 2px;
}

th.a {
text-decoration:none;
color: red;
}

 
td 
{
   border: 1px solid black;
   background-color: #ffffff;
   font-family: Verdana, Arial ;
   text-align: center; 
   padding: 5px; 
} 

.mdp td{
text-align: right;
background: #ECE9D8;
padding: 5px 0 5px 0;
border:0px;

}
/* CSS pour le choix du référentiel*/

#langue {
position: relative;
/* width: 160px; */ 
padding-left: 110px;
text-align: justify;
}
#drapeau {
position: absolute;
top: 35px;
left: 20px;
width: 60px;
}

.titreindex
{
	font-size: 20px;
	 font-weight:bold;
	 font-variant:small-caps;
	 color: #e31a0e;


}

.titre-index1{
text-align:center;
color: #6D874D;
font-family: Georgia, "Arial Black", Helvetica, Verdana;
font-size: 26px;
font-weight:bold;
font-variant:small-caps;
margin-bottom:20px;
margin-top:20px;
}


#contenu {
text-align:justify; 
margin:20px 120px 0px 120px;
 }
 
#titrechoix {
	 clear: left;  
	font-weight:bold; 
	font-variant:small-caps; 
	color: #e31a0e; 
	text-align:center;
	padding:20px 0px 0px 0px;
}

.choix {
	 color: #000; 
	 text-align:left;
	 font-size: 16px;
	 margin-bottom: 10px;
}

a.liens:hover {color:#635A47;}
a.liens{color:#6D874D;}

#drapeaux {
text-align:center;
margin:40px 0px 40px 0px;
} 

#drapeaux img {
margin: 0px 15px 0px 15px;
}

#menu {
   width: 98%;
   background: #ECE9D8;
   padding:10px;
	margin:10px;
   overflow: auto;
}
.definition {
color:#e31a0e;
font-weight: bold;
font-size:15px;
font-variant:small-caps;
text-decoration:underline;
 }

#nav  {
   margin:0;
   padding:0;
   background:#F3F1E8 0 0 repeat-x; /* Fond du bandeau D3E553 - E2E2E2*/
   float:left;
   width:100%;
   border:1px solid #2B510C; /* Couleur de la bordure - 42432d*/
   border-width:1px 0;
   text-align:center;
   vertical-align:middle;
}

#nav ul {
 margin: 10px;
}

#nav li {
   display:inline;
   padding:0;
   margin:0;
   vertical-align:middle;
/*    text-align:center; */
}

#nav a:link, #nav a:visited {
   color:#fff;
   background:#32470C; /* Couleur du fond du choix du reférentiel - b2b580*/
   padding:5px 10px 5px 10px; /* 20px 40px 4px 10px */
   width:auto;
   border:3px solid #2B510C; /* Couleur de la bordure - 42432d*/
   font:bold 1em/1em Arial, Helvetica, sans-serif;
   text-transform:uppercase;
}

#nav-ok a:link, #nav-ok a:visited {
   color:#fff;
   background:#E74343; /* Couleur du fond du choix du reférentiel - b2b580*/
   padding:5px 10px 5px 10px; /* 20px 40px 4px 10px */
   width:auto;
   border:3px solid #2B510C; /* Couleur de la bordure - 42432d*/
   font:bold 1em/1em Arial, Helvetica, sans-serif;
   text-transform:uppercase;
}
#nav a:hover {
   color:#000;
   background:#D4E283; /* Couleur du fond du choix du reférentiel si séléctionné - 727454*/
}


/****************************************************
Bloc css propre a une application
****************************************************/


.grey td {
    background: none repeat scroll 0 0 #F3F1E8;
    margin-top: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
    color: black /*#E31A0E*/;
    text-align: center;
	border: 1px solid black;
	font-size: 12px;
    
}
.none{
    border-style: none;
}
.white td{
    background: none repeat scroll 0 0 #FFFFFF;
    margin-top: 20px;
    padding-bottom: 5px;
    padding-left: 10px;
    padding-top: 5px;
    color: black /*#E31A0E*/;
    text-align: center;
	border: 1px solid black;
	font-size: 12px;
}

.tab{
    font-size: 13px;
    font-weight: bold;
    color: #E53138;
    font-variant: small-caps;
    text-decoration: none;
}

input[type=text]{
 /*     position: absolute;
   left: 30%;
    width: 372px; */
}

input[type=file]{
    position: absolute;
    left: 30%;
    width: 372px;

}

input[type=checkbox]{
    padding-left: 10px;
    padding-right: 10px;

}
input[type=submit]{
    align: center;
    margin:0 auto;

}
select{   
    margin-top: 5px;
    width: 100%;
}

* {
    margin: 0;
    padding: 0;
}