/* CSS Document */

/* MODE D'EMPLOI 

1- redefinir une balise
TABLE { 

Appel :
<TABLE>

Element
TABLE TH { pas de point

2- Creer une classe
.MaClass {
	
APPEL :
<TABLE class="MaClass">

3- Creer uen IDENTITE
#MonID {
	
<TH ID="MonId">
*/

 /* Pour changer les couleurs : 
 https://www.w3schools.com/colors/colors_picker.asp
 */
 

.warning1 {
	border:solid 5px red;
	background-color:yellow;
	border-radius: 20px;
	padding:.5em;
}
	
.warning3 {
	border:dotted 3px red;
	background-color:white;
	border-radius: 20px;
	padding:1em;
	color:blue;
}
 
 /* Statut cach‚ initial de div */
.hide {
  display: none;  
	visibility : "hidden";
	height :"0";    
  disabled : true; 
  }

body {
	margin: 0;
	padding: 0;
	/*text-align: center;
*/
	background: #fff;
	font-family: arial;
	background-image: url(img/fond.jpg);
	background-repeat: no-repeat;
	background-position: center;
	background-repeat: no-repeat;
	background-attachment: fixed;
}
body#saisie {
	/*background-image: url(img/saisie.jpg);
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: left center;
*/
	text-align: center;
}
body#serveur {
	background-image: url(img/serveur.jpg);
	background-repeat: repeat-Y;
	background-attachment: fixed;
}
body#_envoi {
	background-image: url(img/envoyer.jpg);
	background-repeat: repeat-Y;
	background-attachment: fixed;
}
#affiche {
	text-align: left;
	background: #EEE;
	margin: .2em 6em;
	padding: 1em;
	border: 3px double;
}
#cadre {
	margin: 0 8em;
	padding: 1em;
	background: #EEE;
	border: none;
}

.cadrearrondi {
	text-align:center; 
    margin: 1em auto; 
	padding:2em; 
	width:500px; 
	border:solid 2px; 
	border-radius: 20px;
	background-color:#EEE;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	
}

/******************************************************************************/
#logo {
	margin: .5em 3em;
	padding: 2px;
	border: 3px ridge;
	background-image: "./img/titrepage.png";
	background-position: center;
	background-repeat: no-repeat;
}
#logo h1 {
	letter-spacing: .2em;
}
#logo h2 {
	color: #400040;
}
#logo td {
	margin: 0;
	padding: 2px;
	width: 1px;
}
#logo th {
	margin: 5px;
	width: 600px;
	text-align: center;
	/*background: #FFF;
*/
	background-image: url("./img/grossesse.png");
	background-position: center;
	background-repeat: no-repeat;
	/*color: #FF0;
*/
	color: #0000FF;
}
#logo a:hover {
	border: 1px dotted #000;
}
/******************************************************************************/
/*H1 {
	color: blue;
	border: thick solid black;
	border-width: thin;
	text-align: center;
	padding: 1em;
	margin: 1em 1em;
}
*/
h2 {
	margin: 2px;
}

#big_titre {
/* Titres des pages */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
	text-transform: uppercase;
	text-align: center;
	width: 50%;
	font-weight: bold;
	color: #EEE;
	background: #FF9999;
	padding: .5em;
	margin: 1em;
}

#big_foot {
/* Titres des pages */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);
  
  text-transform: lowercase;

	text-align: center;
	width: 50%;
	font-weight: bold;

	padding: .5em;
	margin: 1em;
}

h4 {
	margin: 2px;
}
/* H6 = Boite d'info */
h6 {
	text-align: center;
	font-size: 150%;
	color: green;
	border: 1px dashed #000;
	margin: .5em;
	padding: .3em;
	background: #FFA;
}
h6 span {
	font-size: 50%;
	color: #000;
}
h6 hr {
	width: 50%;
	text-align: center;
	margin: 1em auto;
}
/*** TABLE ********************************************************************/

table caption { /* TITRE DES TABLES */
	-moz-border-radius: 10px;
	-webkit-border-radius: 10px;
	border-radius: 10px;
	/*box-shadow: -1px 2px 5px 1px rgba(0, 0, 0, 0.7);*/
		box-shadow: 8px 8px 12px #666;
	text-transform: uppercase;
	text-align: center;
	width: 66%;
	font-weight: bold;
	color: black;
	background: aqua;
	padding: .5em;
	margin:1em auto; /* Centré */	
}

table.questions {
/* Bord ronds du tableau */
	border-collapse: separate;
	border-spacing: 0px;
	border-radius: 14px;
	width: 90%;
	margin: 0 auto;
	padding: .3em;
	border: 2px outset;
	background: #FFFFFF;
}

table.questions th {
	text-align: right;
	width: 40%;
	background-color : #F9F9F9;
	color : black;

}

table.questions th h1 {
	width: 100%;
	margin: .5em 0;
	padding: .5em 0;
	text-align: center;
	font-size: 100%;
	color: navy;
	background-color : #FFE;
	
	border-bottom: 3px double;
	border-top: 3px double;
	/* border-radius: 8px;*/
	box-shadow: 8px 8px 12px #aaa;
}

table.questions th ul {
	text-align: left;
}
/* Trait pointillé dans les cellules */
table.questions td hr {
	border-top: 1px solid;
	
}

table.questions_plus {
	
/* Bord ronds du tableau */
	border-collapse: separate;
	border-spacing: 0px;
	border-radius: 10px;	
	width: 600px;
	margin: 0.5em auto;
/* Centrage */
	padding: .3em;
	border: 1px dotted;
/*	border-bottom: 3px groove; */
	background: #CCC;	
	box-shadow: 8px 8px 12px black;
}

#_TABLE_ACC {
	width: 1%;
}
#_TABLE_IVG {
	width: 1%;
}
#_TABLE_IMG {
	width: 1%;
}
#_TABLE_FCS {
	width: 1%;
}
#_TABLE_GEU {
	width: 1%;
}

.bouton {
 padding:1rem;
 width : 150px;
 font-weight: bold;
 }
 

 .bouton_ok {
 padding:1rem;
 width : 150px;
 font-weight: bold;
 background-color:lime;
 border:ridge;
  border-radius: 10px;
 }
 
  .bouton_cancel {
 padding:1rem;
 width : 150px;
 font-weight: bold;
 background-color: #ff9933;
 border:dotted 2px red;
 border-radius: 10px;
 }
 
table.tableau {
	
	margin: 0.5em auto;
	padding: .5em;
	border: 3px ridge #EEE;
  
    border-radius: 10px;
	
	background-color: #ff99ff;
	text-align: center;
  
	font-size: 90%;
	font-weight: normal;
	width: 100%;
}

table.tableau th {
	margin: 0;
	padding: 0;
	width: 1%;  
	background-color: white;
	border: solid 1px #CCC;
	text-align: center;
	border-radius: 5px;
}
table.tableau td {
	margin: 0;
	padding: 0;
}

table.boutons {
	width: 40%;
	margin: 0 auto;
/* Centrage */
	padding: 0;
	border: 0;
  
}


caption {
	border-collapse: separate;
	border-spacing: 0px;
	border-radius: 10px;
  
/*	text-transform: uppercase;   */
	font-weight: bold;  
	color: black;
	background: aqua;
	padding: .2em;
	margin: 1em auto;
}
th {
	width: 50%;
	font-family: verdana;
	font-size: 80%;
	text-align: left;
	font-weight: bold;
	color: #313f44;
	border: none;
	/*background: #DDD;
*/
	padding: 0 1em;
	margin: 0 1em;
}
td {
	/* border: 1px solid;
*/
	font-family: verdana;
	font-size: 80%;
	padding: 0 2em;
	margin: 0;
}
/*** FIN TABLE ****************************************************************/
legend {
	font-weight: bold;
}

em {
/* Surlignage */
	padding: .2em .5em;
	margin: 0 .5em;
	font-weight: bold;
	font-style: normal;
	background: yellow;
	border-bottom: 1px dotted;
	border-right: 1px dotted;
}

.titre {
	padding: .2em .5em;
	margin: 1em;
	font-weight: bold;
	text-align: center;
	letter-spacing: 1em;
	background: #E0EEF1;
	border-bottom: 1px dotted;
	border-right: 1px dotted;
}
#message {
	margin: 0 10em 1em;
	padding: 1em;
	border: 1px dashed;
	background: #FFA;
	text-align: left;
	font-size: 60%;
}
#boutons {
	font-size: 60%;
	margin: 0 20em;
	padding: 1em;
	border: 3px inset;
	background: #ccc;
}
a {
	text-decoration: none;
}
li a:hover {
	background: #CFA;
	border: 2px outset;
	padding: 2px 3px;
}
.btn_img {
	border: 3px groove;
}
#btn_edit {
	display: block;
}
#btn_save {
	display: block;
}
#btn_envoi {
	display: none;
}
.hidden {
	visibility: hidden;
}
.none {
	display: none;
}
input:hover {
	background: #CA0;
	color: #FFF;
}
.note {
	font-size: 80%;
}