* {
  margin: 0;
  padding: 0;
  border: none;
  outline: none;
  box-sizing: border-box;
}

html {width: 100%; -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%; } 
  
body {width: 100%; background: white;
/* A generic family name only */
font-family: serif;
font-family: sans-serif;
font-family: monospace;
font-family: cursive;
font-family: fantasy;
font-family: system-ui;
font-family: ui-serif;
font-family: ui-sans-serif;
font-family: ui-monospace;
font-family: ui-rounded;
font-family: emoji;
font-family: math;
font-family: fangsong;
  font-family: "Helvetica Neue", Helvetica, Arial, sans-serif,'Open Sans', Roboto, Arial, Times, Courier New, Verdana, Baskerville, Calibri, Cambria, Garamond, Perpetua, Century Gothic, Georgia, cursive;
  font-size: 14px;
  color: #333333;
  -webkit-text-size-adjust: 100%; -ms-text-size-adjust: 100%;
} 

/*   afficher ou de cacher son mot de passe      */
.showhide{ vertical-align: middle; padding-left: 10px;}






#logo{float:left;margin:10px 0}
 *{ margin:0; padding:0; } 
 
h1, h2, h3, h4, h5, h6, ul, ol {

}

ul ul, ol ul, ul ol, ol ol {
  margin-bottom: 0;
}

li {
  display: inline-block;
  padding-right: 5px;
  padding-left: 5px;
}

/* Headings */
h1 { font-size: 2em; }
h2 { font-size: 1.5em; }
h3 { font-size: 1.17em; }
h4 { font-size: 1em; }
h5 { font-size: 0.83em; }
h6 { font-size: 0.67em; } 

label {
  display: inline-block;
  color:black;
  max-width: 100%;
  margin-left: 10px;
  word-wrap : break-word ;
  white-space : pre-line ;
  
}

		
p {
color:black;
line-height : 1.3 ;
word-wrap : break-word ;
white-space : pre-line ;
 padding-right: 5px;
  padding-left: 5px;

}

nput[type="file"] {
  font-size: 0.9em;
  padding-top: 0.35rem;
  color:black;
}
input[type=date]{
  background-color: yellow;
}

input[type="checkbox"], input[type="radio"] {
  vertical-align: middle;
}
input[type="checkbox"],
input[type="radio"],
input[type=date],
input[type=time],
input[type=text],
input[type=number],
input[type=email],
input[type=password],
input[type=tel]{
  display: inline-block;
  max-width:94%;	
  margin-left: 5px;
  padding: 5px 10px;
  transition: 180ms box-shadow ease-in-out;
  color: black;
  background-color:WHITE;
  border: 1px solid #CCC;
  -moz-border-radius: 10px;
  -webkit-border-radius: 10px;
  -ms-border-radius: 10px;
  -o-border-radius: 10px;
  border-radius:10px;
  outline: none;
  
}

input[readonly] {
  border-style: dotted;
  cursor: not-allowed;
  color: #777;
}

input:required {
background: hsl(180, 50%, 90%);
border: 1px solid #999;
}


input[type=submit]:hover {
  background-color: #006666;
  color: #fff;
  border-color: #10c45c;
  box-shadow: none;
}

input[type="button"], input[type="reset"], input[type="submit"] {
  cursor: pointer;
  -webkit-appearance: button;
  height:2em;
}

input[type=text]:active,
input[type=number]:active,
input[type=email]:active,
input[type=password]:active,
input[type=tel]:active{
  background-color: #fff;
  border-color: #f0f2f5;
  outline: none;

}

input[type=date]:focus,
input[type=text]:focus,
input[type=number]:focus,
input[type=email]:focus,
input[type=password]:focus,
input[type=tel]:focus{
  background-color: gold;
 outline: 1px solid red;
 border-color: rgba(225, 1, 1, 0.75);
-moz-box-shadow: rgba(225, 1, 1, 0.75);
-webkit-box-shadow: rgba(225, 1, 1, 0.75);
box-shadow: rgba(225, 1, 1, 0.75);
}

	textarea:active,
	textarea:focus,
	textarea {
	  overflow: auto;
	  vertical-align: top;
	 margin-left:10px;
	 margin-right:10px;
	  padding: 5px 10px;
	 color: black;
	 border: 1px solid black;
	
	}

	table{width:100%; margin-bottom:10px; }
	table, tr, td, th{border-collapse: collapse;}
	td, th{border: 1px solid black; padding:0 2px; text-align:left;}
			
	tr:hover{background-color: white; color:black;}
	tr td a:hover{background-color: white; color:black;}

a{		display: inline-block;
        color:blue;
	   padding:4px 10px;
	   /* 
		 text-transform: uppercase; */
        text-decoration: none;
}


select {
	padding:2px 5px;
    margin-left: 5px;
	border-radius:10px;
    color:black;
    display: inline-block;
}
select option {
	 padding:4px 10px;
    color:black;
    font-size:14px;
    font-weight:normal;
    height:2.2em;
    background-color:white;
}

select:before {
    background-color:gray;
    font-size: 14px;
}


article, aside, details, figcaption, figure, footer, header, hgroup, main, nav, section, summary {
  display: block;
}

audio, canvas, video {
  display: inline-block;
}

	
abbr[title] {
  border-bottom: 1px dotted;
}

b, strong, em {
  font-weight: bold;
}

dfn {
  font-style: italic;
}

	code,pre,samp, div {
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}

/* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

	img,table,td,blockquote,code,pre,textarea,input,iframe,object,embed,video {
		max-width: 100%;
	}
	
	
	/* gestion des mots longs */

	textarea,code,pre,samp,span,div {
		-webkit-hyphens: auto; /* césure propre */
		-moz-hyphens: auto;
		hyphens: auto;
		word-wrap: break-word; /* passage à la ligne forcé  */
		white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
	}
	
code, kbd, pre, samp {
  font-family: Monaco, Menlo, Consolas, "Courier New", monospace;
  font-size: 1em;
}

code {
 padding:4px 10px;
  font-size: 90%;
  color: #c7254e;
  white-space: nowrap;
  background-color: #f9f2f4;
  border-radius: 4px;
}


pre {
  display: block;
 padding:4px 10px;
  margin: 0 0 10px;
  font-size: 13px;
  line-height: 1.428571429;
  color: #333333;
  word-break: break-all;
  word-wrap: break-word;
  background-color: #f5f5f5;
  border: 1px solid #cccccc;
  border-radius: 4px;
   white-space: pre-wrap;
}


blockquote {
  padding: 10px 20px;
  margin: 0 0 20px;
  border-left: 5px solid #eeeeee;
}

blockquote p {
  font-size: 17.5px;
  font-weight: 300;
  line-height: 1.25;
}

address {
  display: block;
  margin-bottom: 10px;
  font-style: normal;
  line-height: 1.428571429;
}


/*  hr:after {
    background: #fff;
    content: '§';
    padding: 0 4px;
    position: relative;
}
*/

/* Headings */

button {
	display: inline;
	padding: 4px 10px;
	margin-right: 8px;
	border: 1px solid #777;
	background: #ddd;
	color:#d04;

	border-radius: 5px;
	box-shadow: 2px 2px 2px #888;
	-moz-box-shadow: 2px 2px 2px #888;
	-webkit-box-shadow: 2px 2px 2px #888;
	}
	
button:hover {
	color: yellow;
}

button, input {
  line-height: normal;
}

button, select {
  text-transform: none;
}

button {
  cursor: pointer;
  -webkit-appearance: button;
}

	/* conserver le ratio des images */
img {
		/* background-size: cover; height: auto;
		 background-size: cover;
		 max-width : 100%;
		 display : block ;
		 */
	}
	
img { vertical-align: middle; }

.entete{position: relative; float:left; text-align:center; height:auto; width:calc(100% - 320px); padding-top:5px; margin-bottom: 1px;}
.entetelogo{position: relative; float:left; text-align:center; height:auto; width:120px; padding-top:5px; margin-bottom: 1px;}
.entetestruc{position: relative; float:right; text-align:center; height:auto; width:190px; padding-top:5px; margin-bottom: 1px;}
.entetestruc img { float: right;}
	
.depensesagent{position: relative; float:left; padding-left: 5px;  padding-right: 5px; margin-bottom: 10px; margin-left: 5px; width: 47%; height: auto; color: black;  
	border:2px solid #00BFFF; 
	background:white; 
    background: -moz-linear-gradient(white1,  orange);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, orange),color-stop(1, white));
    background: -webkit-linear-gradient(white,  orange);
    background: -o-linear-gradient(white,  orange);
    background: -ms-linear-gradient(white,  orange);
    background: linear-gradient(white,  orange);
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999} 
.depensesagent label{ color: black; }

.espace98{position: relative; float: left; width: 98%; height:auto; margin-left: 5px; margin-right: 5px; margin-bottom: 20px;
border:2px solid -webkit-gradient(linear,left bottom,left top,color-stop(0, #0e86d4 ),color-stop(1, #1E8449));
    color:black;
	background: #0e86d4;
    background: -moz-linear-gradient(#0e86d4,  lightgray );
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, lightgray ),color-stop(1, #0e86d4));
    background: -webkit-linear-gradient(#0e86d4,  lightgray );
    background: -o-linear-gradient(#0e86d4,  lightgray );
    background: -ms-linear-gradient(#0e86d4,  lightgray );
    background: linear-gradient(#0e86d4,  lightgray );
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999;}

.espace47{position: relative; float: left; width: 47%; height:auto; margin-left: 5px; margin-right: 5px; margin-bottom: 20px;
border:2px solid -webkit-gradient(linear,left bottom,left top,color-stop(0, #0e86d4 ),color-stop(1, #1E8449));
    color:black;
	background: #0e86d4;
    background: -moz-linear-gradient(#0e86d4,  lightgray );
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, lightgray ),color-stop(1, #0e86d4));
    background: -webkit-linear-gradient(#0e86d4,  lightgray );
    background: -o-linear-gradient(#0e86d4,  lightgray );
    background: -ms-linear-gradient(#0e86d4,  lightgray );
    background: linear-gradient(#0e86d4,  lightgray );
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999;}

.circulaies{position: relative; float: left; color:white; width: 80%; padding-left: 5px; color:black;}
.circulaiesan{position: relative; float: left; color:white; width: 18%; padding-left: 5px; color:black;}

.div46 {position: relative; float: left; width: 46%;}
.div100juste {position: relative; float: left; width: 100%;  margin-left: 10px;}
.div100 {position: relative; float: left; width: 100%;}
.div75 {position: relative; float: left; width: 73%; margin-left: 10px;}
.div50 {position: relative; float: left; width: 48%; margin-left: 10px;}
.div33 {position: relative; float: left; width: 31%; margin-left: 10px; border: 0px solid black;}
.view100 {position: relative; float: left; width: 100%;  margin-top:20px; padding:0 10px; text-align:center; border: 0px solid black; font-weight: 600;}
.view75 {position: relative; float: left; width: 74%;}
.view50 {position: relative; float: left; width: 48%;  margin-top:20px; padding:0 10px; text-align:center; border: 0px solid black; font-weight: 600;}
.view25 {position: relative; float: left; width: 24%;}
.view {position: relative; float: left; width:99%; padding:20px;  margin:10px 0; background-color:white; border: 2px solid black;}
.imageaccueil{float:left; width:38%;}
.imageaccueiltext{float:left; width:60%;}

.slogan{font-family: cursive; font-style: italic; font-size: 26px; padding:0px 20px; width:100%;}
.ombretext{position: relative; float:left; height:auto; width:100%;
  margin-bottom: 3px; padding: 10px;
  font-family: 'Ubuntu', sans-serif;
  font-size: 2.5rem;
  font-weight: bold;
  color:black;
  text-align: center;
  letter-spacing: 5px;
  text-shadow: 0 2px 2px white, 
      -2px 5px 1px #00d200, 
      -4px 8px 0px #f87c0c; /*
     -6px 11px 0px #747474,  
      -8px 14px 0px #565656,
     -10px 17px 0px #343434,
      -12px 20px 0px #171717,
      -14px 23px 0px #000;
	  
  background: linear-gradient(to left top, black, red);
  -webkit-background-clip: text;
  -webkit-text-fill-color: transparent;

	  */
}

/*     ACCUEIL       */
.region a{ color:white;}
.region a:hover { background-color:orange;}

.accueil1{position: relative; width: 20%; float: left; border:2px solid blue; margin-left: 10px;}
.accueil2{position: relative; width: 20%; float: left; border:2px solid green; margin-left: 10px;}
.accueil3{position: relative; width: calc(100% - 45%); float: left; border: 1px solid orange; margin-left: 10px; padding: 4px 10px;}

.iepp { position: relative; float:left; width: 47%; height: auto; margin:5px; color: black; 
	border:2px solid -webkit-gradient(linear,left bottom,left top,color-stop(0, black),color-stop(1, #00BFFF)); 	
	background: #00BFFF;
    background: -moz-linear-gradient(#00BFFF,  black);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, black),color-stop(1, #00BFFF));
    background: -webkit-linear-gradient(#00BFFF,  black);
    background: -o-linear-gradient(#00BFFF,  black);
    background: -ms-linear-gradient(#00BFFF,  black);
    background: linear-gradient(#00BFFF,  black);
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999;}   
.iepp label{ color: white; }

/* CONCEPTEUR */
 	
.concepteur{position: relative; float:left; margin-right: 12px; margin-bottom: 10px; width: 100%; height: auto; background-color:#DAF7A6; color: black; }  
.enregfacture{ position: relative; float:left; width: 47%; height: auto; margin:5px; background-color:lightgray; color: black;
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; 
box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}
.localitechager{ position: relative; float:left; width: 47%; height: auto; margin:5px; background-color:lightgray; color: black;
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; 
box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}

.parametres{ position: relative; float:left; width: 47%; height: auto; margin:5px; color: black;
	border:2px solid -webkit-gradient(linear,left bottom,left top,color-stop(0, green ),color-stop(1, #1E8449));
    color:black;
	background: #449ADF;
    background: -moz-linear-gradient(#449ADF,  green );
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, green ),color-stop(1, #449ADF));
    background: -webkit-linear-gradient(#449ADF,  green );
    background: -o-linear-gradient(#449ADF,  green );
    background: -ms-linear-gradient(#449ADF,  green );
    background: linear-gradient(#449ADF,  green );
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; 
	box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999;}
 
.structure{ position: relative; float:left; width: 48%; height: auto; margin:5px; background-color:lightgray; color: black;
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; 
box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999} 

	
.premieradmin{ position: relative; float:left; width: 32%; height: auto; padding: 4px 10px; margin-left:10px; margin-bottom:10px; color:black;  
				border:2px solid green; background-color:#2082AA; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}  	

.premierconcepteur{ position: relative; float:left; padding-left: 5px; padding-right: 5px; margin-right: 15px; width: 33%; height: 250px; border:2px solid green; background-color:#DAF7A6; color: black;   border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}  	
	
.guidesaff{position: relative; color:white; width: 98%; padding-left: 5px; color:black;}
.section{position: relative; color:white; width: 98%; height: auto; background-color: #b76823; border:1px solid black; padding: 5px; color:black;}
.utile{position: absolute; top: 930px; left: 550px; width: 180px; height: auto; color:black; background-color: azure; border:5px solid green;}

.infos{position: relative; float:left; width: 47%; padding-left: 5px;  padding-right: 5px; margin-bottom: 10px; margin-left:10px; height: auto; border:2px solid #00BFFF; background-color:gray; color: black;   border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}  	
				
.enregregion{ position: relative; float:left; padding-left: 3px; background-color:#DAF7A6; color: black; padding-bottom: 5px; margin-left: 1%; margin-top: 20px; width: 380px; height: auto; border:2px solid green; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}  

.adminsaisie { position: relative; float:left; width:32%; border:2px solid -webkit-gradient(linear,left bottom,left top,color-stop(0, #58D68D ),color-stop(1, #1E8449)); height: auto; padding: 1%; margin-top: 10px; margin-left: .5%; margin-right: .5%;
    color:black;
	background: green;
    background: -moz-linear-gradient(green,  #58D68D );
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, #58D68D ),color-stop(1, green));
    background: -webkit-linear-gradient(green,  #58D68D );
    background: -o-linear-gradient(green,  #58D68D );
    background: -ms-linear-gradient(green,  #58D68D );
    background: linear-gradient(green,  #58D68D );
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}   
.adminsaisie #inscr {position: absolute; top: 120px; left: 0px; width: 100px; height: 40px; padding-left: 5px;}
.adminsaisie #inscr7 {position: absolute; top: 120px; left: 115px; width: 100px; height: 40px; padding-left: 5px;}
.adminsaisie #inscr8 {position: absolute; top: 180px; left: 0px; width: 100px; height: 40px; padding-left: 5px;}
.adminsaisie #inscr5 {position: absolute; top: 60px; left: 115px; width: 100px; height: 40px; padding-left: 5px;}
.adminsaisie #inscr6 {position: absolute; top: 60px; left: 0px; width: 100px; height: 40px; padding-left: 5px;}
.adminsaisie #statentrees {position: absolute; top: 160px; left: 0px; width: 250px; height: 40px; padding-left: 5px;}
.adminsaisie #statsorties {position: absolute; top: 60px; left: 0px; width: 100px; height: 40px; padding-left: 5px;}
.adminsaisie #statlistes {position: absolute; top: 60px; left: 0px; width: 100px; height: 40px; padding-left: 5px;}

.imageaccueil{float:left; width:190px; height:172px;}
.imageaccueiltext{float:left; width:100%; padding:5px 15px;}

.textpadding{padding: 4px 10px;}


.accueilcont1{position: relative; width: 230px; height:auto; float: left; border: 1px solid #B40404; margin-left: 5px;  padding: 4px 10px;}
.accueilcont2{position: relative; width: calc(100% - 480px); height:auto; float: left; border: 1px solid white; margin-left: 5px;  padding: 4px 10px;}
.accueilcont3{position: relative; width: 215px; height:auto; float: right; right:0px; border: 1px solid #B40404; margin-left: 5px;  padding: 4px 10px;}


#slideshow { height:172px;
		    padding: 10px;
		    box-shadow: 0 0 20px rgba(10,20,0,0.4);
			border:color:#0000FF;	
		}
#chefvillage { 
			height:172px;
		    padding: 10px;
		    box-shadow: 0 0 20px rgba(10,20,0,0.4);
			border:color:#0000FF;
		}

			
			

#slideshow { height:120px; width:120px;
		    padding: 10px;
		    box-shadow: 0 0 20px rgba(10,20,0,0.4);
			border:color:#0000FF;	
		}

.imagemodele img{height: 160px; width: 120px; display: inline-block;}
.placeholder img{height: 80px; width: 80px; border-radius: 50%; display: inline-block;}
.placeholderfooter img{height: 40px; width: 40px; margin-left:5px auto; border-radius: 50%; display: inline-block;}


.connexion{position: relative; float:left;    display: block; margin-left:20px; width: 370px; height: auto; color:black;  background-color: #3498DB; border:5px solid orange;  padding: 4px 10px;}
.cmdcon input{position: relative; float:left; margin-left:2.3em; margin-bottom:1em; width:7em; height:2em;display:inline-block; font-family: Serif; font-size: 1em; font-weight: bold; color: white; background-color: orange; border: 2px solid white; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999;}
.connexion #buttonconnexion {width: 160px; height: 200px; background-color: azure; border:5px solid black;}

.admin{position: relative; float:left; margin-right: 10px; margin-bottom: 10px; width: 48%; height: auto; background-color:white; color: black; border:2px solid red;}  	
.donnees{position: relative; float:left; padding-left: 5px;  padding-right: 5px; margin-bottom: 10px; margin-left: 10px; width: 94%; height: auto; border:2px solid green; background-color:#20B2AA; color: black;   border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}  	
.personnel { position: relative; float:left; padding: 5px; width: 48%; height: auto; padding: 4px 10px; margin-left:10px; margin-bottom:10px; color:black; border:2px solid #00BFFF; background-color:white; color: black;
	border:2px solid -webkit-gradient(linear,left bottom,left top,color-stop(0, white),color-stop(1, Coral)); 
	background: Coral;
    background: -moz-linear-gradient(Coral,  white);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, white),color-stop(1, Coral));
    background: -webkit-linear-gradient(Coral,  white);
    background: -o-linear-gradient(Coral,  white);
    background: -ms-linear-gradient(Coral,  white);
    background: linear-gradient(Coral,  white);
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px;
	box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999; -o-box-shadow:2px 4px 4px #999; -ms-box-shadow:2px 4px 4px #999; }   
.personnel label{ color: black; } 

.associes { position: relative; float:left; padding: 5px; width: 48%; height: auto; padding: 4px 10px; margin-left:10px; margin-bottom:10px; color:black; border:2px solid #00BFFF; background-color:white; color: black;
	border:2px solid -webkit-gradient(linear,left bottom,left top,color-stop(0, white),color-stop(1, Coral)); 
	background: Coral;
    background: -moz-linear-gradient(Coral,  white);
    background: -webkit-gradient(linear,left bottom,left top,color-stop(0, white),color-stop(1, Coral));
    background: -webkit-linear-gradient(Coral,  white);
    background: -o-linear-gradient(Coral,  white);
    background: -ms-linear-gradient(Coral,  white);
    background: linear-gradient(Coral,  white);
	border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; -o-border-radius:20px; -ms-border-radius:20px;
	box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999; -o-box-shadow:2px 4px 4px #999; -ms-box-shadow:2px 4px 4px #999; }   
.associes label{ color: black; } 

.enreggerant{ position: relative; float:left; width: 29%; height: auto; padding: 1%; margin: 3px 10px; background-color:#DAF7A6; color: black; border:2px solid -webkit-gradient(linear,left bottom,left top,color-stop(0, #21177D),color-stop(1, #00CCCB));
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; 
box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}  

.enregclient{ position: relative; float:left; width: 29%; height: auto; padding: 1%; margin: 3px 10px; background-color: Coral; color: black; border:2px solid -webkit-gradient(linear,left bottom,left top,color-stop(0, #21177D),color-stop(1, #00CCCB));
border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; 
box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}  

.marq1 {position: absolute;left: 0px;top: 65px; width: 100%; height: 90px;}
.cmdr input{ padding: auto; margin-left:0.7em; margin-bottom:1em; width:7em; cursor:hand; height:2em; display:inline-block; font-family: Serif; font-size: 1em; font-weight: bold; color: white; background-color: red; border: 2px solid white; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999;}
.cmd input{ padding: auto; margin-left:0.7em; margin-bottom:1em; width:7em; cursor:hand; height:2em;  display:inline-block;  font-family: Serif; font-size: 1em; font-weight: bold; color: white; background-color: #566573; border: 2px solid white; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999;}
.cmdremb input{ padding: auto; margin-left:0.7em; margin-bottom:1em; width:10em; cursor:hand; height:2em;  display:inline-block;  font-family: Serif; font-size: 1em; font-weight: bold; color: white; background-color: #566573; border: 2px solid white; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999;}
.cmdhsup input{ padding: auto; margin-left:0.7em; margin-bottom:1em; width:13em; cursor:hand; height:2em;  display:inline-block;  font-family: Serif; font-size: 1em; font-weight: bold; color: white; background-color: #566573; border: 2px solid white; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999;}

.periode{position: relative; float:left; text-align:left; color: black; padding-left: 5px;  padding-right: 5px; width: 100%; height: auto; border:2px solid green; background-color:white;   border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}  	
.titre{ position: relative; float:left; text-align: center; color: white; padding-left: 5px; padding-right: 5px; margin-bottom: 10px; margin-left: 10px; width: 94%; height: auto; border:2px solid green; background-color:#B69126;  border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}  	
.soustitre{text-align: center; color: black; width: 98% }  	

/* CONCEPTEUR border: 1px solid #B40404; border: 1px solid #B40404; */

.espace{margin-top: 0px; margin-bottom: 0.1px;}

.pensee{position: relative; float:left; color:black; width: 50%; height: 100px; background-color: white; border:5px solid #CCCCCC; padding-left: 10px; padding-top: 10px; margin-right: 10px;}
.pensee #buttonpense {position: absolute; top: 5px; left: 185px; width: 150px; height: 40px; line-height: 1px;text-align: center;}

.rouge{position: relative; float:left; padding:0 5px;   width: 100%; height: auto; color:white; border:1px solid black;  background-color:#d9534f; text-align:center; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}
.vert {position: relative; float:left; padding:0 5px;  width: 100%; height: auto; color:white; border:1px solid black;  background-color:green; text-align:center; border-radius:20px; -moz-border-radius:20px; -webkit-border-radius:20px; box-shadow:2px 4px 4px #999; -moz-box-shadow:3 4px 4px #999; -webkit-box-shadow:2px 4px 4px #999}

.rouge a {float:left; color:white; margin: 0;}
.vert a {float:left; color:white; margin: 0;}

#header{position:relative; float: left; width: 100%; margin:0;}
.container {position: relative; width: 100%; height: auto; display:block; float:left; padding: 20px 10px; margin: 0 auto; background-color:white;  color: black; border: 1px solid gold; }
.footer {position: relative; width: 100%; height: auto; display:block; float:left; padding: 20px 10px; margin: 0 auto; background-color:#CC7722;  color: black; border: 1px solid gold; }

#footer { position: absolute; width: 100%; float:left; height: auto; display:block;  padding: 0;  margin: 0 Auto;  
		 border: 1px solid #B40404; text-align: center; color: black;}
#footer1 { position: relative; width: 55%; height: auto; display:block; float:left; padding: 4px 6px;  margin-left:3px;
		 text-align: left; color: white;}
#footer2 { position: relative; width: 38%; height: auto; display:block; float:left; padding: 4px 6px;  margin-left:3px;
		 border: 1px solid #B40404; text-align: center; color: white;}
#footer3 { position: relative; width: 42%; height: auto; display:block; float:left; padding: 4px 6px;  margin-left:3px;
		  text-align: center; color: white;}
		

/* MOBILE FIRST   */
.hamburger {position: absolute; background-color:blue; top:0; right:0; line-height: 1.42857143; color:#999; padding: 6px 12px;   border: 1px solid transparent; 
	 font-size: 14px; font-weight: normal; cursor: pointer; white-space: nowrap; vertical-align: middle; border-radius: 4px;
	 outline:none;
}
#hamburger {position: absolute; background-color:blue; top:0; right:0; line-height: 1.42857143; color:#999; padding: 6px 12px;   border: 1px solid transparent; 
	 font-size: 14px; font-weight: normal; cursor: pointer; white-space: nowrap; vertical-align: middle; border-radius: 4px;
	 outline:none;
}
.cross {position: absolute; background-color:#20B2AA; top:0; right:0; line-height: 1.42857143; color:#999; padding: 6px 12px;   border: 1px solid transparent; 
	 font-size: 14px; font-weight: normal; text-align: center; cursor: pointer; white-space: nowrap; vertical-align: middle; border-radius: 4px;
	 outline:none; 
}

/* menu btn */
#main-menu #hamburger {display: none;}
ul.menularge { display:none; }
#main-menu{position:relative; float: left; display: block; width:100%; min-height:56px; box-shadow:0 0 5px #999; background-color:#CC7722;}
#main-menu .menularge{clear:both; max-height:0; transition:max-height .2s ease-out; position:relative; float: left; width:100%; background:green;}

#main-menu .aff{position: relative; float: left; padding: 20px 20px; color:white; border:1px solid red;}
#main-menu .menuicon {position: relative; float: right; padding: 28px 20px; border:1px solid red;}

#main-menu .menuicon .navicon {background: #333; display: block; height:2px; width: 18px; position:relative; cursor: pointer; transition:background .2s ease-out;}
#main-menu .menuicon .navicon:before {background: #333; display: block; height:100%; width: 100%; position:absolute; content:""; top:5px; transition:all .2s ease-out;}
#main-menu .menuicon .navicon:after {background: #333; display: block; height:100%; width: 100%; position:absolute; content:""; top:-5px; transition:all .2s ease-out;}

/* menu btn Animation */
#main-menu .hamburger:checked ~ .menularge { max-height:240px; }
#main-menu .hamburger:checked ~ ul.menularge { display:block; }
#main-menu .hamburger:checked ~ .menuicon .navicon {
	background:transparent;
}

#main-menu .hamburger:checked ~ .menuicon .navicon:before {
	transform: rotate(-45deg); top:0; 
}

#main-menu .hamburger:checked ~ .menuicon .navicon:after {
	transform: rotate(45deg); top:0;
}

#main-menu ul{float:left;padding:0;margin:0;list-style:none;font:bold 16px Arial,Helvetica,sans-serif;}
#main-menu ul a{display:block; padding:0 12px;text-align:center;text-decoration:none;color:#eee;text-shadow:0 -1px 0 rgba(0,0,0,.25); outline:1px solid red; border-right:3px solid #aaa;}
#main-menu ul a:hover{color:red}

#main-menu li{position:relative;float:left;padding:0;margin:0;line-height:46px}
#main-menu ul li:first-child{padding-left:0}

#main-menu li>a.active{background:#5c7eb2;color:#fff;text-decoration:none}

#main-menu li li{line-height:13px;min-width:190px;padding:0;margin:0}
#main-menu li li a{min-width:150px;margin:0;background:#5c7eb2;border-top:#374d72 1px solid;font:bold 16px Arial,Helvetica,sans-serif;line-height:36px;text-align:left;overflow:hidden}
#main-menu li li:first-child>a{border-top:none}
#main-menu li li a:hover{background:#5c7eb2;text-decoration:underline}
#main-menu li ul{display:none;position:absolute;z-index:9999;min-width:190px;height:auto;padding:0;margin:0;box-shadow:0 0 3px #333}
#main-menu li ul ul{margin:-33px 0 0 190px!important}


#main-menu li:hover>ul,#main-menu li li:hover>ul,#main-menu li li li:hover>ul{display:block; background:white;}  /* Tous les ul ont un arrière plan blanc   */

/* menu items background colour */
#main-menu ul li:hover a{ background:black;}

/* Sub menu items background colour */
#main-menu ul li:hover ul li a:hover { /* survol du li du sous-menu ---> a: ecriture en noir et arrière plan en bleu ciel */
background-color: #e3f2fd; 
color:black;
width:100%;
}
#main-menu ul li:hover ul li a { /* survol du li du menu ---> ul, li et a du sous-menu devient orange : #f87c0c */
background:#f87c0c; 
color:#fff;
width:100%;
}



@media (max-width:320px){
		html {font-size :1rem ; /* 16px */}
		body {
		  font-size: 1em;
		  line-height: 1.3em;
		width : 100% ;
		max-width:320px;
		background-color: yellow; opacity:0; filter:Alpha(opacity=0);
		}	
.container{width:100%; background-color: white;}

.espace47{width: 98%;}

.connexion{margin-left:30px; width: 370px;}

#logo { height:265px; width: 300px;}
#siege { height:265px; width: 300px;}
		
.container{width:100%; background-color: yellow;}

/*     ACCUEIL       */
.iepp{ width: 94%;}
.depensesagent{ width: 96%;}
.accueil1{ width: 20%;}
.accueil2{ width: 20%; }
.accueil3{width: calc(100% - 45%);}

#footer1 {width: 96%;}
#footer3 {width: 96%;}


.enregfacture{ width: 94%; } 
.parametres{ width: 94%; } 
.personnel{ width: 90%; } 
.associes{ width: 90%; } 


.infos{ width: 94%; } 

.structure{ width: 94%; } 
.premieradmin{ width: 98%; } 

.entete{width:100%;}
.entetelogo{display: none; width:48%;}
.entetestruc{width:100%;}
#slideshow { height:100%;
width:100%;
		}	


/*  DEBUT FORMAT MOBILE  */

label {
  display: inline;
  width: Auto;
  margin-bottom: 5px;

}

/*  DEBUT FORMAT MOBILE 
 */


.imageaccueil{float:left; width:98%;}
.imageaccueiltext{float:left; width:98%;} 



.div50 {width: 100%;}
.div46 {width: 100%;}

.view50 {width: 100%;}
/* CONCEPTEUR */
		

.admin {width:98%; height: 500px;}  	
.donnees {width:94%;}  	
.validation {width:98%;} 
.invalidation {width:98%;} 
.consultation {width:98%;} 

.periode {width: 100%; }  	
.titre {width: 100%; } 

	.adminsaisie { width:98%;}
	.enregregion{ width: 98%; height: 600px;} 
		.carteep{ width: 98%; height: 600px;}
		.carteprets{ width: 98%; height: auto;}
		.admopera{ width: 98%; height: auto;} 
		

}

@media (min-width:320px) and (max-width:480px){
			html {font-size : 1rem ; /* 16px */ width: 100%;}
			body {
			  font-size: 1.5 em; /* 24px */
			  line-height: 1.5em;
			/* max-width : 767px ; */
			width: 96%;
			max-width:96%;
		background-color: red;
		}
.container{width:100%; background-color: white;}

.espace47{width: 98%;}

.connexion{margin-left:30px; width: 370px;}

#logo { height:265px; width: width:98%;}
#siege { height:265px; width: width:98%;}
.entete{width:100%;}
.entetelogo{width:100%;}
.entetestruc{width:100%;}

#footer1 {width: 96%;}
#footer3 {width: 96%;}

/*     ACCUEIL       */
.iepp{ width: 94%;}
.depensesagent{ width: 96%;}
.accueil1{ width: 95%;}
.accueil2{ width: 95%; }
.accueil3{width: 90%;}

.enregfacture{ width: 94%; } 
.parametres{ width: 94%; } 
.personnel{ width: 90%; } 
.associes{ width: 90%; } 


.infos{ width: 94%; } 
		
.structure{ width: 94%; } 
.premieradmin{ width: 98%; } 


#slideshow { height:100%;
width:100%;
		}
		

/*  DEBUT FORMAT MOBILE  */

label {
  display: inline;
  width: Auto;
  margin-bottom: 5px;

}

.imageaccueil{float:left; width:98%;}
.imageaccueiltext{float:left; width:98%;}
/*  DEBUT FORMAT MOBILE 
*/

  
/*  FIN FORMAT MOBILE  */

.div50 {width: 100%;}
.div46 {width: 100%;}
.view50 {width:100%;}



.admin {width:98%; height: 490px; } 
.donnees {width:94%;}  	
.validation {width:98%;} 
.invalidation {width:98%;} 
.consultation {width:98%;} 
	
	.adminsaisie { width:98%;}
	.enregregion{ width: 98%; } 
	.carteep{ width: 98%; height: 550px;} 
	.carteprets{ width: 98%; height: auto;} 
	.admopera{ width: 98%; height: auto;} 
	

		h1, .h1 { font-size: 2.5 em; line-height: 1.25em;}
		h2, .h2 {font-size: 1.75 em; line-height: 1.25em;}
		h3, .h3 {font-size: 1.25 em; line-height: 1.25em;}
		h4, .h4 {font-size: 1em; line-height: 1.22em;}
		h5, .h5 {font-size: 0.8125 em; line-height: 1.22em;}
		h6, .h6 {font-size: 0.625 em; line-height: 1.22em;}
		
		
		.pensee{color:black; width: 55%; float:left; height: 100px; background-color: white; border:5px solid #CCCCCC; padding-left: 10px; padding-top: 10px; margin-right: 10px;}
		.pensee #buttonpense {position: absolute; top: 5px; left: 185px; width: 150px; height: 40px; line-height: 1px;text-align: center;}
		.about1{width: 28%; float:left; background-color:#fff; padding-left: 3px;}

		
}

/* 48em = 768px */

@media (min-width: 48em) {

#main-menu .menuicon{display: none; }	
#main-menu .aff{display: none; }	

    nav
    {
        height: auto; /* pour déployer le menu  */ 
    }
 
    #main-menu .menularge
    {
        display: block; 
		height: auto;
    }
	


}

@media (min-width:480px) and (max-width:768px){
			html {font-size : 1rem ; /* 16px */}
			body {
			  font-size: 1.5 em; /* 24px */
			  line-height: 1.5em;
			/* max-width : 767px ; */
			margin : Auto ;
			background-color: green;
			}
			
.container{width:100%; background-color: white;}

.espace47{width: 98%;}

.connexion{margin-left:20%; width: 370px;}

#logo { height:130px; width: 160px;}
#siege { height:130px; width: 160px;}
#president { height:70px; width: 50px; margin:5px;}

			
.entete{width:calc(100% - 700px); }
.entetelogo{ height:140px; width: 170px;}
.entetestruc{height:140px; width: 170px;}

/*     ACCUEIL       */
.iepp{ width: 94%;}
.depensesagent{ width: 96%;}

.region{ display:none;}
.enregfacture{ width: 96%; margin-left: 10px;} 

.accueil1{ width: 46%; margin-left: 5px;}
.accueil2{ width: 46%; margin-left: 5px;}
.accueil3{width: 98%; display:none;}

.parametres{ width: 94%; } 
.personnel{ width: 42%; height: 400px; } 
.associes{ width: 42%; height: 550px; } 
.localitechager{ width: 47%; margin-left: 15px;}

.infos{ width: 94%; } 
		
.structure{ width: 47%; } 
.premieradmin{ width: 47%; } 

.entete{width:100%;}
.entetelogo{width:49%;}
.entetestruc{width:49%;}
#slideshow { height:300px;
width:100%; }



#footer1 { width: 96%;}
#footer3 { width: 96%;}
/*  DEBUT FORMAT MOBILE  */

.imageaccueil{float:left; width:98%;}
.imageaccueiltext{float:left; width:98%;}
/*  DEBUT FORMAT MOBILE  */

		
.admin {width:98%;} 
.donnees {width:94%;}  	
.validation {width:98%;} 
.invalidation {width:98%;} 
.consultation {width:98%;} 

	.adminsaisie { width:98%;}
	.enregregion{ width: 98%; } 
	.carteep{ width: 98%; height: 450px;} 
	.carteprets{ width: 98%; height: auto;} 
	.admopera{ width: 98%; height: auto;} 
	

			h1, .h1 { font-size: 2.625 em; line-height: 1.25em;}
			h2, .h2 {font-size: 1.875 em; line-height: 1.25em;}
			h3, .h3 {font-size: 1.375 em; line-height: 1.25em;}
			h4, .h4 {font-size: 1.0625 em; line-height: 1.22em;}
			h5, .h5 {font-size: 0.875 em; line-height: 1.22em;}
			h6, .h6 {font-size: 0.6875 em; line-height: 1.22em;}


			
}

@media (min-width:768px) and (max-width:1280px){
	
			html {font-size : 1rem ; /* 16px */}
			body {
			  font-size: 1.5 em; /* 24px */
			  line-height: 1.5em;
			/* max-width : 767px ; */
			margin : Auto ;
			background-color: orange;
			}
			
.container{width:100%; background-color: white;}

.espace47{width: 48%;}

.connexion{margin-left:38%; width: 370px;}

#logo { height:130px; width: 160px;}
#siege { height:130px; width: 160px;}
			
.entete{width:calc(100% - 400px); }
.entetelogo{ height:140px; width: 170px;}
.entetestruc{height:140px; width: 170px;}

/*     ACCUEIL       */
.iepp{ width: 47%;  margin-right: 10px;}
.depensesagent{ width: 47%; margin-right: 20px;}

.accueil1{ width: 20%;}
.accueil2{ width: 20%; }
.accueil3{width: calc(100% - 48%);}

.enregfacture{ width: 46%; margin-left: 10px;} 

#footer1 { width: 48%;}
#footer3 { width: 48%;}
 
.structure{ width: 47%; }



.personnel{ width: 44%; height: 340px; } 
.associes{ width: 44%; height: 450px; } 
.localitechager{ width: 47%; margin-left: 15px;}
.localite{ float:left;  width:48%;}

.admin {width:48%;} 
.donnees {width:94%;}  	
.validation {width:98%;} 
.invalidation {width:98%;} 
.consultation {width:98%;} 

	.adminsaisie { width:48%;}
	.enregregion{ width: 48%; } 
	
	.carteep{ width: 47%; height: 550px;} 
	.carteprets{ width: 47%; height: auto;} /*  height: 480px; */
	

			h1, .h1 { font-size: 2 em; line-height: 1.25em;}
			h2, .h2 {font-size: 1.5 em; line-height: 1.25em;}
			h3, .h3 {font-size: 1.17 em; line-height: 1.25em;}
			h4, .h4 {font-size: 1em; line-height: 1.22em;}
			h5, .h5 {font-size: 0.83 em; line-height: 1.22em;}
			h6, .h6 {font-size: 0.67 em; line-height: 1.22em;}

			
			select.input-lg {
			  height: 46px;
			  line-height: 46px;
			}

		
			.pensee{color:black; width: 60%; float:left; height: 125px; background-color: white; border:5px solid #CCCCCC; padding-left: 10px; padding-top: 10px; margin-right: 10px;}
			.pensee #buttonpense {position: absolute; top: 5px; left: 185px; width: 150px; height: 40px; line-height: 1px;text-align: center;}
			.about1{width: 28%; float:left; background-color:#fff; padding-left: 3px;}


}

@media (min-width: 1280px) {
			 
			html {font-size : 1rem ; /* 16px */}
			body {
			  font-size: 1.5 em; /* 24px */
			  line-height: 1.5em;
			/* max-width : 767px ; */
			margin : Auto ;
			background-color: white;
			}

.container{width:100%; background-color: white;}

.espace47{width: 48%;}

.connexion{margin-left:43%; width: 370px;}

#header{ padding-bottom: 30px; }

#logo { height:130px; width: 160px;}
#siege { height:130px; width: 160px;}

.enregfacture{ width: 47%; margin-left: 20px;} 

.iepp{ width: 48%; margin-right: 10px;}
.depensesagent{ width: 47%; margin-right: 20px;}
			
.entete{width:calc(100% - 400px); }
.entetelogo{ height:140px; width: 170px;}
.entetestruc{height:140px; width: 170px;}
.structure{ width: 47%; }
.personnel{ width: 22%; height: 390px;} 
.associes{ width: 45%; height: 500px; margin-left: 25px;} 
.localitechager{ width: 73%; margin-left: 15px;}
.localite{ float:left;  width:48%;}
	
.admin {width:48%; height: 400px;} 
.donnees {width:94%;}  	
.validation {width:48%;} 
.invalidation {width:48%;} 
.consultation {width:48%;} 
			
	.adminsaisie { width: 32%;}
	.enregregion{ width: 48%;} 
 
	
			
			h1 { font-size: 2em; }
			h2 { font-size: 1.5em; }
			h3 { font-size: 1.17em; }
			h4 { font-size: 1em; }
			h5 { font-size: 0.83em; }
			h6 { font-size: 0.67em; } 


			.input-lg {
			  height: 46px;
			  padding: 10px 16px;
			  font-size: 18px;
			  line-height: 1.3333333;
			  border-radius: 6px;
			}
			
			select.input-lg {
			  height: 46px;
			  line-height: 46px;
			}
		
			.pensee{color:black; width: 60%; float:left; height: 125px; background-color: white; border:5px solid #CCCCCC; padding-left: 10px; padding-top: 10px; margin-right: 10px;}
			.pensee #buttonpense {position: absolute; top: 5px; left: 185px; width: 150px; height: 40px; line-height: 1px;text-align: center;}
			.about1{width: 15%; float:left; height: 145px; background-color:#fff; padding-left: 5px; font-size: 0.875 em; line-height: 1.22em;}


}