* { box-sizing: border-box; }
img,table,td,blockquote,textarea,input,iframe,object { max-width: 100%; } 
img { height: auto; }
textarea, table, td {
	-webkit-hyphens: auto; /* cŽsure propre */
	-moz-hyphens: auto;
	hyphens: auto;
	word-wrap: break-word; /* passage ˆ la ligne forcŽ */
}
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
body 							{ width: auto; margin: 10px; padding: 0; color: #f9ffff; background-color: #e3e3e3; font-family: Verdana, Arial, Helvetica, sans-serif;  }
.tda 								{ font-size: 0.7em; color: #000000; padding-left: 10px; background-color: #ffffff; padding:0; margin:0; }
.tdb 								{ font-size: 0.7em; color: #000000; padding-left: 10px; background-color: #cbeaf5; padding:0; margin:0; }
.tdrecha 							{ font-size: 0.7em; color: #000000; padding-left: 10px; background-color: #99c58a; padding:0; margin:0; }
.tdrechb 							{ font-size: 0.7em; color: #000000; padding-left: 10px; background-color: #b7deaa; padding:0; margin:0; }

a								{ color: #ffffff; text-decoration: underline; } 
a:visited							{ color: #ffffff; text-decoration: underline; } 
a:active							{ color: #ffffff; text-decoration: none; } 
a:hover							{ color: #ffffff; text-decoration: none; } 
.divRecherche						{ background-color:#99c58a; padding:10px; border-radius: 10px; border: 2px solid white; } 
.divAction							{ background-color:#dbbb4a; padding:10px; border-radius: 10px; border: 2px solid white; } 
.divDate							{ background-color:#ffffff; color:#3b9809; font-weight; bold; margin: 0 0 10px 0; padding:10px; border-radius: 10px; border: 2px solid white; } 
.divActionJour						{ background-color:#4a9fdb; padding:10px; border-radius: 10px; border: 2px solid white; } 

#divSuivi							{ height: 150px; font-size: 18px; background-color:#9c9c9c; margin: 5px 0 0 0; padding:10px; border-radius: 10px; border: 2px solid white; overflow-y:scroll;overflow-x:auto; }
#divSuivi .titre						{ font-size: 15px; margin-bottom:5px; }
#divContact						{ min-height:50px; max-height: 150px; font-size: 17px; background-color:#b2c3de; margin: 5px 0 0 0; padding:10px; border-radius: 10px; border: 2px solid white; overflow-y:scroll;overflow-x:auto; }
#divContact .titre					{ font-size: 15px; margin-bottom:5px; }
#divSuiviModif						{ font-size: 13px; background-color:#9c9c9c; margin: 5px 0 0 0; padding:10px; border-radius: 10px; border: 2px solid white; }
#divSuiviModif .titre					{ font-size: 15px; }
#divSuiviAjout						{ font-size: 16px; background-color:#d6c487; margin: 5px 0 0 0; padding:10px; border-radius: 10px; border: 2px solid white; }
#divSuiviAjout .titre					{ font-size: 15px; margin-bottom:5px; }
#divReponse						{ color: #000000; font-size: 0.8em; }

.tdon									{ color: #a3d2a0; }
.tdoff 								{ color: #ffffff; }
a.noir								{ color: #000000; text-decoration: none; }
a.noir:visited							{ color: #000000; text-decoration: none; }
a.noir:active							{ color: #000000; text-decoration: none; }
a.noir:hover							{ color: #000000; text-decoration: none; }

input,.input,select,textarea	{ padding: 2px 5px 2px 5px; font-size: 0.8em; margin: 2px; border: 1px solid white;  font-family: Verdana, Arial, Helvetica, sans-serif; }
.bouton							{ padding: 4px 8px 4px 8px; font-size: 0.8em; margin: 2px; border: 1px solid white; color: #000000; background-color: #ffffff; font-family: Verdana, Arial, Helvetica, sans-serif; }
a.bouton							{ color: #000000; text-decoration: none; }
a.bouton:visited						{ color: #000000; text-decoration: none; }
a.bouton:active						{ color: #000000; text-decoration: none; background-color: #c8cac8; }
a.bouton:hover						{ color: #000000; text-decoration: none; background-color: #c8cac8; }


.bouton2 {
display: inline-block;
background-color: #04B404;
border-radius: 10px;
border: 4px double #cccccc;
color: #eeeeee;
text-align: center;
font-size: 27px;
padding: 20px;
width: 200px;
-webkit-transition: all 0.5s;
-moz-transition: all 0.5s;
-o-transition: all 0.5s;
transition: all 0.5s;
cursor: pointer;
margin: 5px;
}


.smileyOff							{ border: 2px solid #2189ac; padding:3px 3px 0px 3px; vertical-align:bottom; background-color: #2189ac; border-radius: 5px; }
.smileyOn							{ border: 2px solid #bf0404; padding:3px 3px 0px 3px; vertical-align:bottom; background-color: #bf0404; border-radius: 5px; }
 
#top								{ position: relative; width: 100%; margin: 0 0 10px 0; padding: 0; height: 35px;Ê} 
#top1								{ position: absolute; float:left; z-index:300; top: 0; left:10px; } 
#topmilieu							{ position: relative; float:center; z-index:100; color: #000000; max-width:100%; margin-left:auto; margin-right:auto; top: 4px; } 
#top2								{ position: absolute; float:right; z-index:300; top: 4px; right:10px; } 
 
#divEtablissement					{ background-color:#99c58a; padding:10px; border-radius: 10px; border: 1px solid white; }
	
@media (orientation: portrait) {
	td								{ font-size: 0.8em; }
	div								{ font-size: 1.0em; }
	#divContact td					{ font-size: 0.8em; color: #ffffff; } 
	#divContact .note				{ font-size: 0.5em; color: #ffffff; } 
	#divSuivi td					{ font-size: 0.9em; color: #ffffff; }
	#divSuivi .tda					{ padding-left: 10px; background-color: #b0b0b0; padding:0; margin:0; }
	#divSuivi .tdb					{ padding-left: 10px; background-color: #c4c4c4; padding:0; margin:0; }
	#divSuiviAjout form				{ font-size: 0.8em; color: #ffffff; }
	#divSuiviAjout select,input,textarea	{ font-size: 0.7em; color: #000000; background-color: #ffffff; max-width:200px; }
	.tableliste						{ font-size: 0.9em; color: #ffffff; border-radius: 10px; }
	#listeEtablissement td 			{ font-size: 1.2em; padding-left: 10px; }
	.titre							{ font-size: 0.8em; }
}
@media (orientation: landscape) {
	td								{ font-size: 0.9em; }
	tdpetit							{ font-size: 0.9em; }
	div								{ font-size: 1.0em; }
	#divContact td					{ font-size: 0.9em; color: #ffffff; } 
	#divContact .note				{ font-size: 0.7em; color: #ffffff; } 
	#divSuivi td					{ font-size: 1.2em; color: #ffffff; }
	#divSuivi .tda					{ padding-left: 10px; background-color: #b0b0b0; padding:0; margin:0; }
	#divSuivi .tdb					{ padding-left: 10px; background-color: #c4c4c4; padding:0; margin:0; }
	#divSuiviAjout form				{ font-size: 0.8em; color: #ffffff; }
	#divSuiviAjout select,input,textarea	{ font-size: 0.8em; color: #000000; background-color: #ffffff; max-width:200px; }
	.tableliste						{ font-size: 0.9em; color: #ffffff; border-radius: 10px; }
	#listeEtablissement td 			{ font-size: 1.4em; padding-left: 10px; }
	.titre							{ font-size: 1.4em; }
}
	#listeEtablissement .tda 		{ color: #000000; background-color: #ffffff; }
	#listeEtablissement .tdb 		{ color: #000000; background-color: #c4c4c4; }