html, body {
 margin: 1px;
 padding: 1px;
 /*background-color: #FFFFBF ;*/
 /*background-image: url(fond-Web-Nivot.jpg);*/
 /*background-image: url(cire-miel.jpg);*/
 }
body {
 background-color: #FFFFCF; 
 font-family: Verdana, sans-serif; 
 font-size: 0.9em;
 }
h1 {
 font-size: 1em; 
 color: #910910 ;/*navy; */
 text-align: center;
 }
h2 {
 font-size: 1em;
 font-family:Times, serif;
 color: red; 
 padding-left: 5px;
 }
h3 .legende {
 font-size: .8em;
 font-family:verdana;
 font-weight : normal;
 color: black; 
 padding-left: 5px;
 }
 .titretableau {
 font-size: 1.2em; 
 font-family:Times, serif;
 color:#910910 ;/*navy; */
 text-align: center;
 font-weight: bold;
 }
 .intableau-r {
 font-family: Verdana, sans-serif; 
 font-size: 1em;
 font-weight: normal;
 vertical-align: top;
 text-align: right;
 color:#910910 ;/*navy; */
 }
 .intableau-l {
 font-family: Verdana, sans-serif; 
 font-size: 1em;
 font-weight: normal;
 vertical-align: top;
 text-align: left;
 color:#910910 ;/*navy; */
 }
 .intableau-c {
 font-family: Verdana, sans-serif; 
 font-size: 1em;
 font-weight: normal;
 vertical-align: top;
 text-align: center;
 color:#910910 ;/*navy; */
 }

.oblig {
color: red;
font-family: Verdana, sans-serif;/*Times, serif;*/
font-size:.9em;
text-align: left;
font-weight: normal;
}
.n-oblig {
color : green;
font-family: Verdana, sans-serif;/*Times, serif;*/
font-size:90%;
text-align: left;
font-weight: normal;
}
.soulignerouge {
color: red;
text-decoration: underline;
}
.legende  {
 font-size: 0.9em;
 font-family:verdana;
 font-weight : normal;
 color: #910910 ;/*navy; */
 border-color :  #1A44EF;
 border-style : solid;
 border-width : 1px;
 border-radius : 5px;
 padding-left: 5px;
 background-color : #FFD8A8; /*#FFAA3A;*/
 }

.recapchamp {
 text-align : left;
 font-size: 1em;
 font-family:verdana;
 font-weight : normal;
 color: black; 
 border-color : red; /*#FF9900;*/
 border-style : solid;
 border-width : 2px;
 border-radius : 3px;
 padding-top: 5px;
 padding-left : 15px;
 padding-bottom: 5px;
 margin: 2px;
 background-color :#FFFFFF;
}
 .commentaire {
text-align : left;
 font-size: .9em;
 font-family:verdana;
 font-weight : normal;
 color: black; 
 border-color : red; /*#FF9900;*/
 border-style : solid;
 border-width : 2px;
 border-radius : 3px;
 padding-top: 5px;
 padding-left : 15px;
 padding-bottom: 5px;
 margin: 1px;
 background-color :#FFFFFF;
 }
p,ul,li,td {
 color: #910910 ;/*navy; */
 text-align: left; 
 }
a:link {
 color: green;
 text-decoration: underline;
 }
a:visited {
 color: gray;
 }
a:hover {
 color: red;
 text-decoration: none;
}
a:active, a:focus {
 color: red;
 }

.message { border-radius : 3px; border-style : solid; border-width : 1px; border-color :#777777;background-color : /* #FFAA3A;*/ #FAEBAE; /*#C8D8E8;*/ font-size : 1.2em; font-family: Times, serif;}
.message:hover {background-color : #FFFFFF; border-style : solid; border-width : 1px; border-color: #FF0F00;}
.message:focus {background-color : #FFFFFF; border-style : solid; border-width : 1px; border-color: #FF0F00;}

input { font-size: 1em; font-family:verdana; font-weight : normal; color: #910910 ;/*navy; */ border-radius : 3px; border-style : solid; border-width : 1px; border-color :#777777; background-color : #FAEBAE; /*#E3E8ED; /*#D3E3F3 #FFC;*/}
input:hover {background-color : #FFFFFF; border-style : solid; border-width : 1px; border-color: #FF0F00;}
input:focus {background-color : #FFFFFF; border-style : solid; border-width : 1px; border-color: #FF0F00;}

/*.box:{background-color : #FFF; border-width : 1px;border-color: #FF00FF; }*/
input[type=checkbox] {  background-color : #FAEBAE	; border-width : 1px;border-color: #910910 ;/*navy; */}
input:hover[type=checkbox] {background-color : #FFFFFF; border-style : solid; border-width : 1px; border-color: #FF0F00;}
input:focus[type=checkbox] {background-color : #FFFFFF; border-style : solid; border-width : 1px; border-color: #FF0F00;}

/* .checkbox input[type=checkbox] { background-color: red; border-style : solid; border-width : 2px; border-color :#888888;background-color : #FFC;} /* [type="checkbox"] */

/*Pas utilisé… verifier */
/* input[type=checkbox].css-checkbox{ display:none; }*/

/*input[type=checkbox].css-checkbox + label.css-label{
	padding-left:20px;
	height:15px;
	display:inline-block;
	line-height:15px;
	background-repeat:no-repeat;
	background-position: 0 0;
	font-size:15px;
	vertical-align:middle;
	cursor:pointer;
}
input[type=checkbox].css-checkbox:checked + label.css-label{ background-position: 0 -15px; }
.css-label{ background-image:url(../lite-red-check.png); } */


/* affichage dans formulaire-niveau 1-2-3 */
#pagestage {
background-color : white; /*#FFAA3A;*/
width : 700px;
margin : 0 auto;
padding : 5px;
border-color: #FFAA3A;
border-style: solid;
border-width: .1em;
border-radius : 10px;
box-shadow : 3px 3px 7px  #88AABB;
}

#header {
background-color : #fff4e6;
margin-bottom : 5px;
/*border:1px solid #1A44EF;*/
/*border-radius : 10px;*/
height : 85px;
}

#exergue {
float : left;
/*display : inline-table;*/
width : 120px;
background-color : #fff4e6;
padding-left : 5px;
margin-left : 10px;
text-align : center;
border-color : #1A44EF;
border-style : solid;
border-width : 0px;
}

#titrepage {
display : inline;
padding : 0px;
margin : 0px;
text-align : center;
border-color : #1A44EF;
border-style : solid;
border-width : 0px;
}

/*#identite {
background-color : #C8D8E8;
margin-bottom : 5px;
padding-left : 10px;
border-color :  #1A44EF; 
border-style : solid;
border-width : 1px;
border-radius : 10px;
}*/

/*[css] pour traite-datas */
#pageresume  /* verifier si utile ? */ { 
background-color : #FAF941; /*#FFFADB;*/
width : 800px;
margin-left: auto;
margin-right: auto;
padding : 5px;
}

#tableidentite {
display:table;
background-color :  #fff4e6;
/*margin : auto;*/
border-color :  #1A44EF; 
border-style : solid;
border-width : 1px;
} 

/*#tablechoixstage {
display:table;
background-color : #C8D8E8;
padding : 10px:;
margin : 0 auto;
margin-top : 5px;
padding : 10px;
border-color :  #1A44EF; 
border-style : solid;
border-width : 1px;
} */

#finresume /* verifier si utile ? */{
background-color :  #fff4e6;
width : 800px;
padding : 10px;
margin : 5px auto;
/*margin-top : 5px;*/
border-color :  #1A44EF; 
border-style : solid;
border-width : 1px;
}

.agauche {
text-align: left;
/*font-weight: bold;*/
color : #102055;
padding: 15px;
margin :10px;
background-color: #fff4e6;
}
.adroite {
color : #265511;
text-align: right;
padding: 15px;
margin : 10px;
}
.titreresume /* verifier si utile ? */{
font-size: 1.5em; 
 color: #910910 ;/*navy; */ 
 text-align: center;
}
.themechamp {
background-color :  #fff4e6;
padding-left : 10px;
margin-top: .7em; /*4px;*/
border-color :  #1A44EF; 
border-style : solid;
border-width : 1px;
border-radius : 10px;
}
.centrer {
text-align: center;
}
.gras  {
font-weight: bold;
}
.item {
padding-top : 2px;
padding-left : 5px;
}
/* ******** Ligne des tableaux ******** */
.tableau-line span {
display:inline;
float:left;
border:0px solid #FF6600;
padding:0px 3px 3px 0;
}
.tableau-line p {
clear:left;
/*margin:0px;*/
/*padding:0px;*/
/*height:100% !important; height:1em;*/
}
.tableau-line p.legende {font-weight:bold}
.tableau-line span .col20  {width: 20px;}
.tableau-line span .col30  {width:  30px;}
.tableau-line span .col50  {width:  50px;}
.tableau-line span .col100 {width: 100px;}
.tableau-line span .col150 {width: 150px;}
.tableau-line span .col200 {width: 200px;}
.tableau-line span .col250 {width: 250px;}
.tableau-line span .col300 {width: 300px;}
.tableau-line span .col350 {width: 350px;}
.tableau-line span .col400 {width: 400px;}
.tableau-line span .col450 {width: 450px;}
.tableau-line span .col500 {width: 500px;}
.tableau-line span .col550 {width: 550px;}
.tableau-line span .col575 {width: 575px;}
.tableau-line span .col600 {width: 600px;}


/* ----- Bouton de fin inscription --------------*/
#bouton-fin button {
background: #F9CF13;
border: 1px solid #F7370A;
border-radius: 5px;
color: #fff;
font-family: verdana, helvetica, arial, sans-serif;
font-size: 20px;
font-weight: bold;
line-height: 1.2;
margin-bottom: 10px;
padding: 5px 0 6px 0;
text-align: center;
text-shadow: 0px -1px 1px rgba(255, 0, 35, .5);
width: 120px;}

#bouton-fin button:hover {
background: #FFA22C;}

#bouton-fin button:active {
background: #FF742C;
margin-top: 2px;
margin-left: 1px; }