html { 
  margin:0;
  padding:0;
  background: url("https://vacancesauparadis.com/demo/css/fond.jpg") no-repeat center fixed; z-index: -1;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
    	cursor: Hand;
}


body, html {
  	font-family: sans-serif;
  margin:0;
  padding:0;
  background: url("https://vacancesauparadis.com/demo/css/fond.jpg") no-repeat center fixed; z-index: -1;
  -webkit-background-size: cover; /* pour anciens Chrome et Safari */
  background-size: cover; /* version standardisée */
    	cursor: Hand;	
	
	
	
}




a{
text-decoration:none;
}

/* écrans TELEPHONES largeur maxi 480 px ************************************************************************/
/*******************************************************************************************************************************************/
@media(max-width: 480px) {

#logo { float: none; width: auto;margin-left: 0%;margin-right: 10%; }
#menu { float: none; margin-left: 1%; width: auto; }



img.logo { max-width: 100%; height: auto; }

.img1 {
margin-left: 10px;
width: 122px;
height: 102px;		
}
.img2 {
margin-right: 50px;
width: 122px;
height: 102px;		
}

.bgSizeContain {
	margin-left: auto;
	margin-right: auto;
  width: 100%;
  height: 377px;

  background-image: url(https://christian-gueguen.fr/agenda/calendrier-hebo.png);
	background-repeat: no-repeat;  
  background-size: contain;

}

#img {
    max-width: 100%;
    height: auto;
	background-image: url(https://christian-gueguen.fr/agenda/calendrier-hebo.png);
  background-size: contain;
  border: 2px solid darkgray;
  color: #000; text-shadow: 1px 1px 0 #fff;	
}


#cadre {
  border-radius: 10px 10px 0 0px;
  background-color: #2382FF; 
  font-size: 22px;
  color: white; 
  height: auto; 
  width: auto;
  vertical-align: center; 
}

#cadreF {
  border-radius: 10px 10px 0 0px;
  background-color: #E8FFF9;
  vertical-align: center;
  text-align: left;
  margin-left: 10px;
  color: #2382FF;
  height: 30px;
}

#cadreJ {
  border-radius: 10px 10px 0 0px;
  background-color: #FFD800;
  vertical-align: center;
  text-align: justify;
  padding: 0%;  
  font-size: 14px;  
  color: #2382FF;
  height: 40px;
}
#cadreBlanc {
  border-radius: 10px 10px 0 0px;
  background-color: #FFFFFF;
  vertical-align: center;
  text-align: justify;
  padding: 0%;  
  font-size: 14px;  
  color: #2382FF;
  height: 40px;
}
#cadreJC {
  border-radius: 10px 10px 0 0px;
  background-color: #FFD800;
  vertical-align: center;
  padding: 0%;
  text-align: center; 
  font-size: 14px;  
  color: #2382FF;
  height: 40px;
}
#cadreJCB {
  border-radius: 10px 10px 0 0px;
  background-color: #475FFF;
  vertical-align: middle;
  padding: 0%;
  text-align: center; 
  font-size: 14px;
font-weight: bold;  
  color: white;
  height: 40px;
}


#fleche2D{
width: 0;
height: 0;
background-color: #2382FF;
border-style: solid;
border-width: 12.5px 0 12.5px 21px;
border-color: transparent transparent transparent #FFFFFF;
}

#fleche2G {
width: 0;
height: 0;
background-color: #2382FF;
border-style: solid;
border-width: 12.5px 21px 12.5px 0;
border-color: transparent #FFFFFF transparent transparent;
}


table.calendrier {
border: 0px; margin-left: 10px;  margin-right: 10px; padding-bottom: 20px;font-family: arial, trebuchet; }

#envoi {

  background-color: #2382FF;
  color: white; 
  height: 40px; 
  width: 100px;  
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
}

td.libre {
  border-radius: 0px 0px 0 0px;
  background-color: #9BF8FF;
  width: 40px;
  height: 40px;
  color: white;
  font-weight: bold;
  font-size: 18px;
  text-align: center;
  
}

td.occuppe {
  border-radius: 0px 0px 0 0px;
  background-image: url('fondPM.png');
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 12px; 
  font-weight: normal;	  
  color: red;  
}

td.jour {
  border-radius: 0px 0px 0 0px;
  background-color: #87FF93;
  font-weight: bold;
  width: 40px;
  height: 40px;
  text-align: center;
  font-size: 18px;  
  color: white;  
}

{-moz-box-sizing: border-box; box-sizing: border-box;}
h1.lien { margin-left: 10%; margin-right: 10%; } 
h1.menu { background-color: grey; color: white; font-style: normal; font-weight: bold; text-align: center; margin-left: 10%; margin-right: 10%; width: auto;font-family: arial, trebuchet; }
h1.menuT{ background-color: #E8FFF9; color: grey; font-style: normal; font-weight: bold; text-align: center; margin-left: 10%; margin-right: 10%;font-family: arial, trebuchet; }


h1.menuV { background-color: green; color: white; font-style: normal; font-weight: bold; text-align: center; margin-left: 10%; margin-right: 10%;font-family: arial, trebuchet; }

h2.menu { background-color: white; color: grey; font-style: normal; font-weight: bold; text-align: justify; 
margin-left: 10%; margin-right: 10%; width: auto; font-size: 17px;font-family: arial, trebuchet; }
h2.titre {
	background-color: green;
    color: white;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 17px;font-family: arial, trebuchet; }

h2.titreT {
	background-color: #E8FFF9;
    color: grey;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 17px;font-family: arial, trebuchet; }

h2.titreG {
	background-color: green;
    color: white;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 17px;font-family: arial, trebuchet; }

h2.titre2 {
	background-color: white;
    color: blue;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 17px;font-family: arial, trebuchet; }

h2.titre3 {
	background-color: #E8FFF9;
    color: grey;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: normal;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 16px;font-family: arial, trebuchet; }

h2.tel {
	background-color: #E8FFF9;
    color: #0090DB;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 17px;font-family: arial, trebuchet; }

select.nom {
      width: 100%;
      height: 40px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#213D64;
      background-color: white;
      padding:5px;
	  font-weight: bold;
	  font-size: 14px;
      border-radius: 10px;
margin:10px 0;font-family: arial, trebuchet; }

select.acpte{
      width: 20%;
      height: 45px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#213D64;
      background-color: white;
      padding:5px;
	  font-weight: bold;
	  font-size: 14px;
      border-radius: 10px;
margin:10px 0;font-family: arial, trebuchet; }

select.dispo {
      width: 100%;
      height: 40px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#213D64;
      background-color: white;
      padding:5px;
	  font-weight: bold;
	  font-size: 12px;
      border-radius: 10px;
margin:10px 0;font-family: arial, trebuchet; }

label.label { text-align: left; font-style: bold; background-color: #FFE8FB; font-size: 20px; color: #A0A0A0; height: 10px;font-family: arial, trebuchet; }


input.age {
      width: 60%;
      height: 40px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;
      margin:10px 0;
}

input.acpte{
      width: 60%;
      height: 20px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;
      margin:10px 0;
}

input.img {
      width: 60%;
      height: 20px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;
      margin:10px 0;
}

input.img2 {
      width: 60%;
      height: 40px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;
      margin:10px 0;
}




input.nomGM {
      width: 200px;
      height: 40px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
	  margin:10px 0;
}
input.nomMed {
      width: 300px;
      height: 40px;
	  margin-top: 0px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
	  margin:10px 0;
}
input.nomPM {
      width: 90%;
      height: 5px;
	  margin-top: 0px;
      margin-left: auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
}

input.cpPM {
      width: 30%;
      height: 5px;
	  margin-top: 0px;
      margin-left: auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
}

input.mobPM {
      width: 50%;
      height: 5px;
	  margin-top: 0px;
      margin-left: auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
}



p.lien { margin-left: 10%; margin-right: 10%; }
p.blanc { background-color: white; color: black;text-align: left;font-size: 18px;font-style: normal;font-family: arial, trebuchet; }
p.blancC { background-color: white; color: black;text-align: center;font-size: 18px;font-style: normal;font-family: arial, trebuchet; }
p.bleu { background-color: #88b7d5; color: white;text-align: left;font-size: 18px;font-style: normal;font-family: arial, trebuchet; }
p.bleuC { background-color: #88b7d5; color: white;text-align: center;font-size: 18px;font-style: normal;font-weight: bold;font-family: arial, trebuchet; }
p.vert { background-color: green; color: white;text-align: left;font-size: 18px;font-style: normal; font-weight: bold;font-family: arial, trebuchet; }
p.tel { background-color: white; color: blue;text-align: center;font-size: 30px;font-style: normal; font-weight: bold;font-family: arial, trebuchet; }


table.menu { border: 0px; margin-left: auto; margin-right: auto; width: 50%; padding-bottom: 5px;font-family: arial, trebuchet; }

table.cadre { border: 0px; margin-left: 1%;  margin-right: 1%; padding-bottom: 20px;font-family: arial, trebuchet;width: 100%; }
table.cadreSuc { border: 0px; margin-left: 1%;  margin-right: 1%; padding-bottom: 20px;font-family: arial, trebuchet;width: 100%; }

th.cadre {

  border-radius: 10px 10px 10px 10px;
  background-color: #2382FF;
  vertical-align: center;
  margin-left: 2px;
  text-align: left;
  width: 50%;
  color: white;
  height: auto;

}

p.cadre {   background-color: #2382FF; color: white; text-align: left;font-size: 22px;font-style: normal;font-weight: bold;font-family: arial, trebuchet; margin-left: 5px; text-indent: 24px; margin-top: 10px;  }
th.cadreTitre {   background-color: #F8EE2A; color: #2382FF; text-align: center;font-size: 22px;font-style: normal;font-weight: bold;font-family: arial, trebuchet; padding-bottom: 0px;   border-radius: 10px 10px 0 0px;width:50%; }

th.cadreT {

  border-radius: 10px 10px 0 0px;
  background-color: #FFE8FB;
  text-align: left;
  width: 50%;
  color: #2382FF;
  height: auto;

}

p.cadreT{ background-color: #FFE8FB; color: #2382FF; text-align: left ;font-size: 22px;font-style: normal;font-weight: bold;font-family: arial, trebuchet; margin-left: 5px; }


table.fin { border: 0px; margin-left: 5%; margin-right: 5%; width: 100%; }

th.lien { text-align: center; font-style: normal; font-weight: bold; background-color: white; font-size: 18px; color: white;font-family: arial, trebuchet; }
caption.titre { text-align: center; font-style: normal; font-weight: bold; background-color: grey; font-size: 18px; color: white; width: auto; font-family: arial, trebuchet;}
th.titreInput { text-align: left; font-style: normal; font-weight: bold; background-color: #E8FFF9; font-size: 18px; color: grey; width: auto;font-family: arial, trebuchet; }
th.titreInput2 { text-align: center; font-style: normal; font-weight: bold; background-color: #E8FFF9; font-size: 18px; color: grey; width: 100%;font-family: arial, trebuchet; }

th.payer { font-family: arial;font-size: 12px;color: #7F0000;border: 0;font-style: bold;text-align: left;width: auto;padding: 5px;background-color: #D3E1FF; }
input.txt { display: block; background-color: white; margin: 0;width: 40%;font-family: arial;font-size: 12px; appearance: none; box-shadow: none; border-radius: yes; size: 70%; }
th.suivant { font-family: arial;font-size: 12px;color: #7F0000;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #D3E1FF; }

th.checkboxC1 { text-align: left; font-style: normal; background-color: #E8FFF9; font-size: 18px; color:grey; height: 10px;
padding-top: 30px; padding-right: 5px; padding-bottom: 20px;padding-left: 5px;font-family: arial, trebuchet; }

th.checkboxC2 { text-align: left; font-style: normal; background-color: white; font-size: 18px; color: grey; height: 10px;
padding-top: 30px; padding-right: 5px; padding-bottom: 20px;padding-left: 10px;font-family: arial, trebuchet; }

th.label{ text-align: left; font-style: normal; background-color: white; font-size: 18px; color: grey; height: 10px;
padding-top: 30px; padding-right: 0px; padding-bottom: 20px;padding-left: 5px;
font-family: arial, trebuchet; }

th.right { text-align: right; font-style: normal; background-color: white; font-size: 18px; color: grey; height: 10px; padding-top: 20px;font-family: arial, trebuchet; }
th.center { text-align: center; font-style: normal; background-color: white; font-size: 18px; color: grey; height: 30px; padding-top: 5px;font-family: arial, trebuchet; }

textarea.menu{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto;font-family: arial, trebuchet;	  font-weight: bold;
	  font-size:14px; }	
 
textarea.description { height:80px;width:100%; font-family: arial, trebuchet;	  font-weight: bold;
	  font-size:12px; }	  



table.app {
 border: 0px; width: 100%; 	
}

#app2 { font-family: Arial, Helvetica, sans-serif; font-size: 15px;color: white;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #3F62FF; }

th.app { font-family: Arial, Helvetica, sans-serif; font-size: 15px;color: #4284FF;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #F4FF2D; }
td.app { font-family: Arial, Helvetica, sans-serif; font-size: 15px;color: white;border: 0;font-style: bold;text-align: left;width: auto;padding: 5px;background-color: #3F62FF; }

th.app2 { font-family: Arial, Helvetica, sans-serif; font-size: 15px;color: #4284FF;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #F4FF2D; }
td.app2 { font-family: Arial, Helvetica, sans-serif; font-size: 15px;color: #3F62FF;border: 0;font-style: bold;text-align: left;width: auto;padding: 5px;background-color: white; }
caption.app { text-align: center; font-style: normal; font-weight: bold; background-color: #3F62FF; font-size: 18px; color: white; width: auto; font-family: arial, trebuchet;}


checkbox.option-input-cocher { border-radius: 50%; }
radio.option-input-cocher { border-radius: 50%; }
radio.qg-radio-questions{
    margin-left:5px;
}
label.qg-label-questions {
    font-size:18px;
    color: #3c3774;
    padding-bottom: 15px;
    font-weight: bolder;
}
radio.qg-radio-questions .option-input{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    position:relative;
    height: 40px;
    width: 40px;
    background: #8E8E8E;
    color:white;
    cursor: pointer;
    padding-bottom:5px;
}

radio.option-input:hover {
    background: #9faab7;
}

radio.option-input:checked {
    background: #17c5a9;
}

radio.option-input:checked::before {
    height: 40px;
    width: 40px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 20px;
}
radio.option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #40e0d0;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}
radio.option-input.radio {
    border-radius: 50%;
}
radio.option-input.radio::after {
    border-radius: 50%;
}
         input.largerCheckbox { 
             transform : scale(3); 
         } 
.qg-send-button{
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-width: 5px!important;
    border-color: #fa3a5e;
    border-radius: 48px;
    letter-spacing: 0px;
    background-color: #fa3a5e;
    cursor: pointer;
    line-height:30px;
    width:80px;

}		 

div.pied {
position: absolute;
bottom: 0;
left: 0;
margin-left: 5%;
margin-right: 5%;
width: 90%;
height: auto;
background-color: #7F0000;
color: white; 
font-family: arial;
font-weight: bold;
font-size:11px;
text-align: center;
vertical-align: center;
}

font.pied {
font-size:24px;	
}

div.arrow_box {
	position: relative;
	background: #88b7d5;
	border: 4px solid #c2e1f5;
	margin-left: 0%;
	margin-right: 0%;
}
div.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #88b7d5;
	border-width: 40px;
	margin-top: -40px;
}
div.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #c2e1f5;
	border-width: 46px;
	margin-top: -46px;
}

p.fleche {
	text-align: center;
	color: white;
	font-size: 25px;
	font-weight: bold;
	
	
}

p.pied{
	text-align: center;
	color: white;
	font-size: 14px;
	font-weight: bold;
	background-color: #88b7d5;
	margin-left: 5%;
margin-right: 5%; }

div.lien2 {
position: relative;
margin-left: 5%;
margin-right: 5%;
margin-top: 0%;		
}

/******* liens ********************************************************************/
/**************************************************************************************************************/
ul {
  padding: 0;
  width: 100%;
  left: -999em;
}

li {
  display: inline;
  float: center;
}

a {
  outline: none;
  text-decoration: none;
  display: inline-block;
  width: auto;
  margin-right: 0.625%;
  text-align: center;
  line-height: 3;
  color: white;
  font-weight: bold;
}

li:last-child a {
  margin-right: 0;
}

a:link, a:visited, a:focus {
   background: #0756A4;
   font-weight: bold;   
}

a:hover {     
  background: orange;
}

a:active {
  background: red;
  color: white;
}

div.bouton input {
    background-image: url("https://0impot.eu/0-new/img/bouton-mob.png");
    cursor:pointer;	
    width: 280px;
    height: 81px;
    border: none;
	margin-left: 5%;
	margin-right: 10%;
        background-repeat:no-repeat;
        background-color: inherit;	
}

p.fleche {
	text-align: center;
	background-color: #88b7d5;
	font-size: 25px;
	font-weight: bold;
	color: white;
		
}

img.fleche {
    cursor: pointer;
	background-image: url("bouton.png");
	border-width: 0px;
		
}

.bouton2 {
	padding:6px 0 6px 0;
	font:bold 13px Arial;
	background:#fff;      
	color:#478bf9;
	border-radius:2px;
	font-size: 22px;
	width:100px;
	border:none;
    cursor:pointer;		
}

.bouton3 {
	padding:6px 0 6px 0;
	font:bold 18px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:120px;
	height: auto;
	border:none;
    cursor:pointer;		
}

.bouton3Prive {
	padding:6px 0 6px 0;
	font:bold 14px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:120px;
	height: auto;
	border:none;
    cursor:pointer;		
}
.bouton3P {
	padding:6px 0 6px 0;
	font:bold 18px Arial;
	background:#0026FF;
	color:#fff;
	border-radius:2px;
	width:240px;
	height: auto;
	border:none;
    cursor:pointer;		
}
.bouton3PriveGM {
	padding:6px 0 6px 0;
	font:bold 18px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:220px;
	height: auto;
	border:none;
    cursor:pointer;		
}
.bouton3P {
	padding:6px 0 6px 0;
	font:bold 18px Arial;
	background:#0026FF;
	color:#fff;
	border-radius:2px;
	width:240px;
	height: auto;
	border:none;
    cursor:pointer;		
}

.bouton3GM {
	padding:6px 0 6px 0;
	font:bold 18px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:220px;
	height: auto;
	border:none;
    cursor:pointer;		
}

.bouton3D {
	padding:6px 0 6px 0;
	font:bold 12px Arial;
	text-align: right;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:150px;
	height: auto;
	border:none;
    cursor:pointer;		
}

.bouton4 {
	padding:6px 0 6px 0;
	font:bold 12px Arial;	
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:220px;	
	height: auto;
	border:none;
    cursor:pointer;	
}


.bouton5 {
	padding:6px 0 6px 0;
	background:red;
	color:#fff;
	border-radius:2px;
	width:220px;
	font:bold 18px Arial;	
	height: auto;
	border:none;
    cursor:pointer;	
}

p.ou { text-align: center;
font:bold 24px Arial; }




}

/* écrans TABLETTES largeur MINI 481 px et MAXI 780 px ************************************************************************/
/*******************************************************************************************************************************************/
@media(min-width: 481px) AND (max-width: 780px) {

#logo { float: none; width: auto;margin-left: 0%;margin-right: 10%; }
#menu { float: none; margin-left: 1%; width: auto; }

.img1 {
margin-left: 10px;
width: 122px;
height: 102px;		
}
.img2 {
margin-right: 50px;
width: 122px;
height: 102px;		
}

.bgSizeContain {
margin-left: 25%;
margin-right: 25%;
  width: 100%;
  height: 377px;

  background-image: url(https://christian-gueguen.fr/agenda/calendrier-hebdoGM.png);
	background-repeat: no-repeat;  
  background-size: contain;
}


img.logo { max-width: 100%; height: auto; }

#cadre {
  border-radius: 10px 10px 0 0px;
  background-color: #2382FF; 
  font-size: 22px;
  color: white; 
  height: 80px; 
  margin-left: 20%;
  margin-right:20%;
  vertical-align: center; 
}

#cadreF {
  border-radius: 10px 10px 0 0px;
  background-color: #E8FFF9;
  vertical-align: center;
  text-align: left;
  margin-left: 10px;
  color: #2382FF;
  height: 30px;
  font-size: 22px;
}

#cadreJ {
  border-radius: 10px 10px 0 0px;
  background-color: #FFD800;
  vertical-align: center;
  text-align: justify;
  padding: 2%;  
  font-size: 15px;  
  color: #2382FF;
  height: 40px;
}
#cadreBlanc {
  border-radius: 10px 10px 0 0px;
  background-color: #FFFFFF;
  vertical-align: center;
  text-align: justify;
  padding: 2%;  
  font-size: 15px;  
  color: #2382FF;
  height: 40px;
}
#cadreJC {
  border-radius: 10px 10px 0 0px;
  background-color: #FFD800;
  vertical-align: center;
  text-align: center;
padding: 2%;  
  font-size: 15px;  
  color: #2382FF;
  height: 40px;
}

#cadreJCB {
  border-radius: 10px 10px 0 0px;
  background-color: #475FFF;
  vertical-align: center;
  padding: 0%;
  text-align: center; 
  font-size: 15px;
font-weight: bold;  
  color: white;
  height: 40px;
}


#fleche2D{
width: 0;
height: 0;
background-color: #2382FF;
border-style: solid;
border-width: 12.5px 0 12.5px 21px;
border-color: transparent transparent transparent #FFFFFF;
}

#fleche2G{
width: 0;
height: 0;
background-color: #2382FF;
border-style: solid;
border-width: 12.5px 21px 12.5px 0;
border-color: transparent #FFFFFF transparent transparent;
}


table.calendrier {
border: 0px; margin-left: 5%;  margin-right: 5%; padding-bottom: 20px;font-family: arial, trebuchet; }

#envoi {

  background-color: #2382FF;
  color: white; 
  height: 40px; 
  width: 100px;  
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
}

td.libre {
  border-radius: 0px 0px 0 0px;
  background-color: #9BF8FF;
  width: 80px;
  height: 80px;
  color: white;
  font-weight: bold;
  font-size: 14px;
  text-align: center;
}

td.occuppe {
  border-radius: 0px 0px 0 0px;
  background-image: url('fondGM.png');
  width: 80px;
  height: 80px;
  text-align: center;
  font-size: 12px; 
  font-weight: bold;
  color: red;    
}

td.jour {
  border-radius: 0px 0px 0 0px;
  background-color: #87FF93;
  width: 80px;
  height: 80px;
  text-align: center;
  font-size: 20px;  
  color: white;  
}


{-moz-box-sizing: border-box; box-sizing: border-box;}
h1.lien { margin-left: 20%; margin-right: 20%; } 
h1.menu { background-color: grey; color: white; font-style: normal; font-weight: bold; text-align: center; margin-left: 20%; margin-right: 20%; width: auto; }
h1.menuT{ background-color: #E8FFF9; color: grey; font-style: normal; font-weight: bold; text-align: center; margin-left: 20%; margin-right: 20%;font-family: arial, trebuchet; }

h1.menuV { background-color: green; color: white; font-style: normal; font-weight: bold; text-align: center; margin-left: 20%; margin-right: 20%; }

h2.menu { background-color: white; color: grey; font-style: normal; font-weight: bold; text-align: justify; 
margin-left: 10%; margin-right: 10%; width: auto; font-size: 12px; }
	
h2.titre {
	background-color: green;
    color: white;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 17px;font-family: arial, trebuchet; }

h2.titreT {
	background-color: #E8FFF9;
    color: grey;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 17px;font-family: arial, trebuchet; }

h2.titreG {
	background-color: green;
    color: white;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 17px;font-family: arial, trebuchet; }

h2.titre2 {
	background-color: white;
    color: blue;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 17px;font-family: arial, trebuchet; }	
	


h2.titre3 {
	background-color: #E8FFF9;
    color: grey;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: normal;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 18px;font-family: arial, trebuchet; }






	
h2.tel {
	background-color: #E8FFF9;
    color: #0090DB;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 40px;font-family: arial, trebuchet; }
	
	
	
	
	
	
	
	
	
	
select.nom {
      width: 60%;
      height: 40px;
	  margin-top: 2px;
      margin-left: 100px;
	  border:solid 5px #ccc;
      color:#213D64;
      background-color: white;
      padding:5px;
	  font-weight: bold;
	  font-family: arial, trebuchet;
	  font-size: 16px;
      border-radius: 10px;
}

select.acpte{
      width: 20%;
      height: 45px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#213D64;
      background-color: white;
      padding:5px;
	  font-weight: bold;
	  font-size: 14px;
      border-radius: 10px;
margin:10px 0;font-family: arial, trebuchet; }	

select.dispo {
      width: 90%;
      height: 40px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#213D64;
      background-color: white;
      padding:5px;
	  font-weight: bold;
	  font-size: 12px;
      border-radius: 10px;
margin:10px 0;font-family: arial, trebuchet; }


p.lien { margin-left: 20%; margin-right: 20%; }
p.blanc { background-color: white; color: black;text-align: left;font-size: 18px;font-style: normal;font-family: arial, trebuchet; }
p.blancC { background-color: white; color: black;text-align: center;font-size: 20px;font-style: normal;font-family: arial, trebuchet; }
p.bleu { background-color: #88b7d5; color: white;text-align: left;font-size: 18px;font-style: normal;font-family: arial, trebuchet; }
p.bleuC { background-color: #88b7d5; color: white;text-align: center;font-size: 20px;font-style: normal;font-weight: bold;font-family: arial, trebuchet; }
p.vert { background-color: green; color: white;text-align: left;font-size: 18px;font-style: normal; font-weight: bold;font-family: arial, trebuchet; }
p.tel { background-color: white; color: blue;text-align: center;font-size: 35px;font-style: normal; font-weight: bold;font-family: arial, trebuchet; }

	

label.label { text-align: left; font-style: bold; background-color: #FFE8FB; font-size: 16px; color: #A0A0A0; height: 10px;font-family: arial, trebuchet; margin-left: 100px; }

	
input.age {
      width: 30%;
      height: 40px;
	  margin-top: 2px;
      margin-left: 100px;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;

}

input.acpte{
      width: 30%;
      height: 20px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;
      margin:10px 0;
}

input.img {
      width: 30%;
      height: 20px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;
      margin:10px 0;
}

input.img2 {
      width: 30%;
      height: 40px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;
      margin:10px 0;
}


input.nomGM {
      width: 400px;
      height: 40px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
	  margin:10px 0;
}
input.nomMed {
      width: 300px;
      height: 40px;
	  margin-top: 0px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
	  margin:10px 0;
}
input.nomPM {
      width: 90%;
      height: 5px;
	  margin-top: 0px;
      margin-left: auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
}

input.cpPM {
      width: 40%;
      height: 5px;
	  margin-top: 0px;
      margin-left: auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
}

input.mobPM {
      width: 40%;
      height: 5px;
	  margin-top: 0px;
      margin-left: auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
}
	
table.menu { border: 0px; margin-left: auto;  margin-right: auto; width: 40%; padding-bottom: 5px;font-family: arial, trebuchet; }

table.cadre { border: 0px; margin-left: auto;  margin-right: auto; padding-bottom: 20px;font-family: arial, trebuchet; width: 80%; }
table.cadreSuc { border: 0px; margin-left: auto;  margin-right: auto; padding-bottom: 20px;font-family: arial, trebuchet;width: 50%; }

th.cadre {

  border-radius: 10px 10px 10px 10px;
  background-color: #2382FF;
  vertical-align: center;
  margin-left: 40px;  
  text-align: left;
	width: 25%;
  color: white;
  height: auto;

}
p.cadre {   background-color: #2382FF; color: white; text-align: left;font-size: 22px;font-style: normal;font-weight: bold;font-family: arial, trebuchet; margin-left: 20px; text-indent: 24px; margin-top: 20px;  }
th.cadreTitre {   background-color: #F8EE2A; color: #2382FF; text-align: center;font-size: 22px;font-style: normal;font-weight: bold;font-family: arial, trebuchet; padding-bottom: 0px;   border-radius: 10px 10px 0 0px; }

th.cadreT {

  border-radius: 10px 10px 0 0px;
  background-color: #FFE8FB;
  text-align: left;
  width: 50%;
  color: #2382FF;
  height: auto;

}

p.cadreT{ background-color: #FFE8FB; color: #2382FF; text-align: left ;font-size: 22px;font-style: normal;font-weight: bold;font-family: arial, trebuchet; margin-left: 40px; }


table.fin { border: 0px; margin-left: 5%; margin-right: 5%; width: 100%;font-family: arial, trebuchet; }

table.fleche { border: 0px;margin-left: 45%; margin-right: 30%; padding-bottom: 20px;font-family: arial, trebuchet; }
th.fleche { text-align: right; font-style: normal; font-weight: bold; background-color: white; font-size: 20px; color: white; width: auto;font-family: arial, trebuchet; background-color: #E8FFF9; }


th.lien { text-align: center; font-style: normal; font-weight: bold; background-color: white; font-size: 18px; color: white;font-family: arial, trebuchet; }
th.titreInput { text-align: left; font-style: normal; font-weight: bold; background-color: #E8FFF9; font-size: 18px; color: grey; width: auto;font-family: arial, trebuchet; }
th.titreInput2 { text-align: center; font-style: normal; font-weight: bold; background-color: #E8FFF9; font-size: 18px; color: grey; width: 100%;font-family: arial, trebuchet; }


caption.titre { text-align: center; font-style: normal; font-weight: bold; background-color: grey; font-size: 24px; color: white; width: auto;font-family: arial, trebuchet; }

th.payer { font-family: arial;font-size: 16px;color: #7F0000;border: 0;font-style: bold;text-align: left;width: auto;padding: 5px;background-color: #D3E1FF; }
input.txt { display: block; background-color: white; margin: 0;width: 40%;font-family: arial;font-size: 12px; appearance: none; box-shadow: none; border-radius: yes; size: 70%; }
th.suivant { font-family: arial;font-size: 12px;color: #7F0000;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #D3E1FF; }


th.checkboxC1 { text-align: left; font-style: normal; background-color: #E8FFF9; font-size: 18px; color: grey; height: 10px;
padding-top: 30px; padding-right: 0px; padding-bottom: 20px;padding-left: 10px; width: auto;font-family: arial, trebuchet; }

th.checkboxC2 { text-align: left; font-style: normal; background-color: white; font-size: 18px; color: grey; height: 10px;
padding-top: 30px; padding-right: 0px; padding-bottom: 20px;padding-left: 5px; width: auto;font-family: arial, trebuchet; }

th.label { text-align: left; font-style: normal; background-color: white; font-size: 18px; color: grey; 
padding-top: 10px; padding-right: 0px; padding-bottom: 5px;padding-left: 0px; width: auto;font-family: arial, trebuchet; }

th.right { text-align: right; font-style: normal; background-color: white; font-size: 18px; color: grey; height: 10px; padding-top: 20px;font-family: arial, trebuchet; }

textarea.menu{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto;font-family: arial, trebuchet;	  font-weight: bold;
	  font-size:14px; }	

textarea.description { min-width:500px; max-width:100%;min-height:110px;height:100%;width:100%; }
	  
table.app {
 border: 0px; width: 50%; 	
}

#app2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px;color: white;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #3F62FF; }
th.app { font-family: Arial, Helvetica, sans-serif;font-size: 20px;color: #4284FF;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #F4FF2D; }
td.app { font-family: Arial, Helvetica, sans-serif;font-size: 20px;color: white;border: 0;font-style: bold;text-align: left;width: auto;padding: 5px;background-color: #3F62FF; }
th.app2 { font-family: Arial, Helvetica, sans-serif; font-size: 20px;color: #4284FF;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #F4FF2D; }
td.app2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px;color: #3F62FF;border: 0;font-style: bold;text-align: left;width: auto;padding: 5px;background-color: white; }
caption.app { text-align: center; font-style: normal; font-weight: bold; background-color: #3F62FF; font-size: 20px; color: white; width: auto; font-family: arial, trebuchet;}


checkbox.option-input-cocher { border-radius: 50%; }
radio.option-input-cocher { border-radius: 50%; }
radio.qg-radio-questions{
    margin-left:5px;
}
label.qg-label-questions {
    font-size:18px;
    color: #3c3774;
    padding-bottom: 15px;
    font-weight: bolder;
}
radio.qg-radio-questions .option-input{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    position:relative;
    height: 40px;
    width: 40px;
    background: #8E8E8E;
    color:white;
    cursor: pointer;
    padding-bottom:5px;
}

radio.option-input:hover {
    background: #9faab7;
}

radio.option-input:checked {
    background: #17c5a9;
}

radio.option-input:checked::before {
    height: 40px;
    width: 40px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 40px;
}
radio.option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #40e0d0;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}
radio.option-input.radio {
    border-radius: 50%;
}
radio.option-input.radio::after {
    border-radius: 50%;
}
         input.largerCheckbox { 
             transform : scale(2); 
         } 
.qg-send-button{
    color: #ffffff;
    font-size: 14px;
    font-weight: bold;
    border-width: 5px!important;
    border-color: #fa3a5e;
    border-radius: 48px;
    letter-spacing: 0px;
    background-color: #fa3a5e;
    cursor: pointer;
    line-height:30px;
    width:80px;

}		 

div.pied {
position: absolute;
bottom: 0;
left: 0;
margin-left: 5%;
margin-right: 5%;
width: 90%;
height: auto;
background-color: #7F0000;
color: white; 
font-family: arial;
font-weight: bold;
font-size:11px;
font-family: arial, trebuchet;
text-align: center;
vertical-align: center;
}
font.pied {
font-size:18px;	
font-family: arial, trebuchet;
}

div.arrow_box {
	position: relative;
	background: #88b7d5;
	border: 4px solid #c2e1f5;
	margin-left: 40%;
	margin-right: 40%;
}
div.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #88b7d5;
	border-width: 40px;
	margin-top: -40px;
}
div.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #c2e1f5;
	border-width: 46px;
	margin-top: -46px;
}

p.fleche {
	text-align: center;
	color: white;
	font-size: 40px;
	font-weight: bold;
	font-family: arial, trebuchet;	
	
}
p.pied{
	text-align: center;
	color: white;
	font-size: 14px;
	font-weight: bold;
	background-color: #88b7d5;
	margin-left: 30%;
margin-right: 30%; }

div.lien2 {
position: relative;
margin-left: 30%;
margin-right: 30%;
margin-top: 0%;		
}


/******* liens ********************************************************************/
/**************************************************************************************************************/
ul {
  padding: 0;
  width: 100%;
}

li {
  display: inline;
}

a {
  outline: none;
  text-decoration: none;
  display: inline-block;
  width: 30%;
  margin-right: 0.625%;
  text-align: center;
  line-height: 3;
  color: white;
  font-weight: bold;
}

li:last-child a {
  margin-right: 0;
}

a:link, a:visited, a:focus {
   background: #0756A4;
   font-weight: bold;   
}

a:hover {     
  background: orange;
}

a:active {
  background: red;
  color: white;
}


div.bouton input {
    background-image: url("https://0impot.eu/0-new/img/bouton-mob.png");
    cursor:pointer;	
    width: 280px;
    height: 81px;
    border: none;
	margin-left: 5%;
	margin-right: 10%;
        background-repeat:no-repeat;
        background-color: inherit;	
}

p.fleche {
	text-align: center;
	background-color: #88b7d5;
	font-size: 25px;
	font-weight: bold;
	color: white;
		
}

img.fleche {
    cursor: pointer;
	background-image: url("bouton.png");
	border-width: 0px;
		
}

.bouton2 {
	padding:6px 0 6px 0;
	font:bold 13px Arial;
	background:#fff;      
	color:#478bf9;
	border-radius:2px;
	font-size: 22px;
	width:100px;
	border:none;
    cursor:pointer;		
}

.bouton3Prive {
	padding:6px 0 6px 0;
	font:bold 14px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:120px;
	height: auto;
	border:none;
    cursor:pointer;		
}
.bouton3PriveGM {
	padding:6px 0 6px 0;
	font:bold 14px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:220px;
	height: auto;
	border:none;
    cursor:pointer;		
}
.bouton3P {
	padding:6px 0 6px 0;
	font:bold 18px Arial;
	background:#0026FF;
	color:#fff;
	border-radius:2px;
	width:240px;
	height: auto;
	border:none;
    cursor:pointer;		
}

.bouton3 {
	padding:6px 0 6px 0;
	font:bold 18px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:110px;
	height: auto;
	border:none;
    cursor:pointer;	
}

.bouton3GM {
	padding:6px 0 6px 0;
	font:bold 18px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:220px;
	height: auto;
	border:none;
    cursor:pointer;		
}

.bouton3D {
	padding:6px 0 6px 0;
	font:bold 18px Arial;
	text-align: right;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:150px;
	height: auto;
	border:none;
    cursor:pointer;		
}


.bouton4 {
	padding:6px 0 6px 0;
	font:bold 24px Arial;	
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:220px;	
	height: auto;
	border:none;
    cursor:pointer;	
}


.bouton5 {
	padding:6px 0 6px 0;
	background:red;
	color:#fff;
	border-radius:2px;
	width:300px;
	font:bold 24px Arial;	
	height: auto;
	border:none;
    cursor:pointer;	
}

p.ou { text-align: center;
font:bold 24px Arial; }


}




/* écrans ORDIS largeur MINI 781 px ************************************************************************/
/*******************************************************************************************************************************************/
	

@media(min-width: 781px) {

#logo { float: none; width: auto;margin-left: 0%;margin-right: 10%; }
#menu { float: none; margin-left: 1%; width: auto; }

.bgSizeContain {
margin-left: 25%;
margin-right: 25%;
  width: 100%;
  height: 377px;

  background-image: url(https://christian-gueguen.fr/agenda/calendrier-hebdoGM.png);
	background-repeat: no-repeat;  
  background-size: contain;
}
img.logo { max-width: 100%; height: auto; }


#cadre {
  border-radius: 10px 10px 0 0px;
  background-color: #2382FF;
  vertical-align: center; 
  margin-top: auto;
  margin-left: 25%;
  margin-right: 25%;
  font-size: 24px;
  color: white;
  height: 40px;
}

#cadreF {
  border-radius: 10px 10px 0 0px;
  background-color: #E8FFF9;
  vertical-align: center;
  text-align: left;
  margin-left: 10px;
  color: #2382FF;
  height: 30px;
  font-size: 24px;  
}

#cadreJ {
  border-radius: 10px 10px 0 0px;
  background-color: #FFD800;
  vertical-align: center;
  text-align: justify;
  padding: 2%;  
  font-size: 18px;  
  color: #2382FF;
  height: auto;
}
#cadreBlanc {
  border-radius: 10px 10px 0 0px;
  background-color: #FFFFFF;
  vertical-align: center;
  text-align: justify;
  padding: 2%;  
  font-size: 18px;  
  color: #2382FF;
  height: auto;
}
#cadreJC {
  border-radius: 10px 10px 0 0px;
//  background-color: #FFD800;
border: 5px solid #FFD800;
  vertical-align: center;
  text-align: center; 
  font-size: 18px; 
  
  color: #2382FF;
  height: 40px;
}
#cadreJCB {
  border-radius: 10px 10px 0 0px;
  background-color: #475FFF;
  vertical-align: middle;
  padding: 0%;
  text-align: center; 
  font-size: 18px;
font-weight: bold;  
  color: white;
  height: 40px;
}

#fleche2D {
width: 0;
height: 0;
background-color: #2382FF;
border-style: solid;
border-width: 12.5px 0 12.5px 21px;
border-color: transparent transparent transparent #FFFFFF;
}

#fleche2G {
width: 0;
height: 0;
background-color: #2382FF;
border-style: solid;
border-width: 12.5px 21px 12.5px 0;
border-color: transparent #FFFFFF transparent transparent;
}


.img1 {
margin-left: 10px;
width: 122px;
height: 102px;		
}
.img2 {
margin-right: 50px;
width: 122px;
height: 102px;		
}


	 
table.calendrier {
border: 0px; margin-left: 5%;  margin-right: 5%; padding-bottom: 20px;font-family: arial, trebuchet; }

#envoi {

  background-color: #2382FF;
  color: white; 
  height: 40px; 
  width: 100px;  
  font-weight: bold;
  font-style: italic;
  cursor: pointer;
}

td.libre {
  border-radius: 0px 0px 0 0px;
  background-color: #9BF8FF;
  width: 80px;
  height: 80px;
  color: white;
  font-weight: bold;
  font-size: 20px;
  text-align: center;
}

td.occuppe {
  border-radius: 0px 0px 0 0px;
  background-image: url('fondGM.png');
  width: 80px;
  height: 80px;
  font-size: 14px;
  font-weight: bold;
  text-align: center;
  color: red;  
}
td.jour {
  border-radius: 0px 0px 0 0px;
  background-color: #87FF93;
  width: 80px;
  height: 80px;
  text-align: center;
  font-size: 20px;  
  color: white;  
}

{-moz-box-sizing: border-box; box-sizing: border-box;}
h1.lien { text-align: center; } 
h1.menu { background-color: grey; color: white; font-style: normal; font-weight: bold; text-align: center; margin-left: 30%; margin-right: 30%;font-family: arial, trebuchet; }
h1.menuT{ background-color: #E8FFF9; color: grey; font-style: normal; font-weight: bold; text-align: center; margin-left: 30%; margin-right: 30%;font-family: arial, trebuchet; }
h1.menuV { background-color: green; color: white; font-style: normal; font-weight: bold; text-align: center; margin-left: 30%; margin-right: 30%;font-family: arial, trebuchet; }
h2.menu { background-color: white; color: grey; font-style: normal; font-weight: bold; text-align: justify; 
margin-left: 20%; margin-right: 20%; width: auto; font-size: 20px;font-family: arial, trebuchet; }


h2.titre {
	background-color: green;
    color: white;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
margin-left: 30%; margin-right: 30%; width: auto; font-size: 28px;font-family: arial, trebuchet; }

h2.titreT {
	background-color: #E8FFF9;
    color: grey;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
margin-left: 30%; margin-right: 30%; width: auto; font-size: 28px;font-family: arial, trebuchet; }

h2.titreG {
	background-color: green;
    color: white;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: left;
	font-weight: bold;
margin-left: 30%; margin-right: 30%; width: auto; font-size: 28px;font-family: arial, trebuchet; }

h2.titre2 {
	background-color: white;
    color: blue;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
margin-left: 30%; margin-right: 30%; width: auto; font-size: 28px;font-family: arial, trebuchet; }


h2.titre3 {
	background-color: #E8FFF9;
    color: grey;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: normal;
margin-left: 30%; margin-right: 30%; width: auto; font-size: 18px;font-family: arial, trebuchet; }



h2.tel {
	background-color: #E8FFF9;
    color: #0090DB;
    font-weight: bold;
    padding-top: 10px;
    padding-bottom: 10px;
	text-align: center;
	font-weight: bold;
margin-left: 10%; margin-right: 10%; width: auto; font-size: 40px;font-family: arial, trebuchet; }



select.nom {
      width: 60%;
      height: 40px;
	  margin-top: 2px;
      margin-left: 100px;
	  border:solid 5px #ccc;
      color:#213D64;
      background-color: white;
      padding:5px;
	  font-weight: bold;
	  font-family: arial, trebuchet;
	  font-size: 16px;
      border-radius: 10px;
}

select.acpte{
      width: 20%;
      height: 45px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#213D64;
      background-color: white;
      padding:5px;
	  font-weight: bold;
	  font-size: 14px;
      border-radius: 10px;
margin:10px 0;font-family: arial, trebuchet; }

select.dispo {
      width: 90%;
      height: 40px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#213D64;
      background-color: white;
      padding:5px;
	  font-weight: bold;
	  font-size: 14px;
      border-radius: 10px;
margin:10px 0;font-family: arial, trebuchet; }



p.lien { margin-left: 30%; margin-right: 30%; }
p.blanc { background-color: white; color: black;text-align: left;font-size: 18px;font-style: normal;font-family: arial, trebuchet; }
p.blancC { background-color: white; color: black;text-align: center;font-size: 20px;font-style: normal;font-family: arial, trebuchet; }
p.bleu { background-color: #88b7d5; color: white;text-align: left;font-size: 18px;font-style: normal;font-family: arial, trebuchet; }
p.bleuC { background-color: #88b7d5; color: white;text-align: center;font-size: 20px;font-style: normal;font-weight: bold;font-family: arial, trebuchet; }
p.vert { background-color: green; color: white;text-align: left;font-size: 18px;font-style: normal; font-weight: bold;font-family: arial, trebuchet; }
p.tel { background-color: white; color: blue;text-align: center;font-size: 40px;font-style: normal; font-weight: bold;font-family: arial, trebuchet; }

label.label { text-align: left; font-style: bold; background-color: #FFE8FB;; font-size: 16px; color: #A0A0A0; height: 10px;font-family: arial, trebuchet; margin-left: 100px; }


input.age {
      width: 40%;
      height: 40px;
	  margin-top: 0px;
      margin-left: 100px;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;

}
input.acpte{
      width: 20%;
      height: 20px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;
      margin:10px 0;
}

input.img {
      width: 50%;
      height: 20px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;
      margin:10px 0;
}

input.img2 {
      width: 60%;
      height: 50px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: black;
      border-radius: 10px;
      margin:10px 0;
}
input.nomGM {
      width: 400px;
      height: 40px;
	  margin-top: 2px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
	  margin:10px 0;
}
input.nomMed {
      width: 300px;
      height: 40px;
	  margin-top: 0px;
      margin: 0 auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
	  margin:10px 0;
}
input.nomPM {
      width: 90%;
      height: 5px;
	  margin-top: 0px;
      margin-left: auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
}

input.cpPM {
      width: 40%;
      height: 5px;
	  margin-top: 0px;
      margin-left: auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
}

input.mobPM {
      width: 40%;
      height: 5px;
	  margin-top: 0px;
      margin-left: auto;
	  border:solid 5px #ccc;
      color:#fff;
      background-color: white;
      padding:10px;
	  color: grey;
	  font-weight: bold;
	  font-size:20px;
      border-radius: 10px;
}



table.menu { border: 0px; margin-left: auto; margin-right: auto; width: 50%; padding-bottom: 5px;font-family: arial, trebuchet; }

table.cadre { border: 2px; margin-left: 10%;  margin-right: 10%; padding-bottom: 20px;font-family: arial, trebuchet; width: auto; }
table.cadreSuc { border: 0px; margin-left: auto;  margin-right: auto; padding-bottom: 20px;font-family: arial, trebuchet;width: 50%; }

th.cadre {

  border-radius: 10px 10px 10px 10px;
  background-color: #2382FF;
  text-align: left;
  margin-left: 40px;   
	width: 25%;
  color: white;
  height: auto;

}
p.cadre {   background-color: #2382FF; color: white; text-align: left;font-size: 22px;font-style: normal;font-weight: bold;font-family: arial, trebuchet; margin-left: 20px; text-indent: 24px; margin-top: 20px;  }



th.cadreTitre {  
	background-color: #F8EE2A; 
	color: #2382FF;
	text-align: center;
	font-size: 22px;
	font-style: normal;
	font-weight: bold;
	font-family: arial, trebuchet;
	padding-bottom: 0px; 
	border-radius: 10px 10px 0 0px;
}

th.cadreT {
  border-radius: 10px 10px 0 0px;
  background-color: #FFE8FB;
  text-align: left;
  width: 30%;
  color: #2382FF;
  height: auto;

}

p.cadreT{ background-color: #FFE8FB; color: #2382FF; text-align: left ;font-size: 22px;font-style: normal;font-weight: bold;font-family: arial, trebuchet; margin-left: 40px; }


table.fin { border: 0px; margin-left: 25%; margin-right: 25%; width: 50%; padding-bottom: 20px;font-family: arial, trebuchet; background-color: #E8FFF9; }

table.fleche { border: 0px;margin-left: 45%; margin-right: 30%; padding-bottom: 20px;font-family: arial, trebuchet; }
th.fleche { text-align: right; font-style: normal; font-weight: bold; background-color: white; font-size: 20px; color: white; width: auto;font-family: arial, trebuchet; background-color: #E8FFF9; }

th.lien { text-align: center; font-style: normal; font-weight: bold; background-color: white; font-size: 20px; color: white;font-family: arial, trebuchet; }
table.fin { border: 0px; margin-left: 25%; margin-right: 25%; width: 50%; padding-bottom: 20px;font-family: arial, trebuchet; }
th.fin{ text-align: justify; font-style: normal; font-weight: bold; background-color: grey; font-size: 20px; color: white; width: auto;font-family: arial, trebuchet; }

th.titreInput { text-align: left; font-style: normal; font-weight: bold; background-color: #E8FFF9; font-size: 18px; color: grey; width: auto;font-family: arial, trebuchet; }
th.titreInput2 { text-align: center; font-style: normal; font-weight: bold; background-color: #E8FFF9; font-size: 18px; color: grey; width: 100%;font-family: arial, trebuchet; }

caption.titre { text-align: center; font-style: normal; font-weight: bold; background-color: grey; font-size: 26px; color: white; width: auto;font-family: arial, trebuchet; }

th.payer { font-family: arial;font-size: 16px;color: #7F0000;border: 0;font-style: bold;text-align: left;width: auto;padding: 5px;background-color: #D3E1FF; }
input.txt { display: block; background-color: white; margin: 0;width: 40%;font-family: arial;font-size: 16px; appearance: none; box-shadow: none; border-radius: yes; size: 70%; }
th.suivant { font-family: arial;font-size: 12px;color: #7F0000;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #D3E1FF; }


th.checkboxC1 { text-align: left; font-style: normal; background-color: #E8FFF9; font-size: 18px; color: grey; height: 10px; padding-top: 20px;
padding-top: 30px; padding-right: 5px; padding-bottom: 10px;padding-left: 0px;font-family: arial, trebuchet; }

th.checkboxC2 { text-align: left; font-style: normal; background-color: white; font-size: 18px; color: grey; height: 10px; padding-top: 20px;
padding-top: 30px; padding-right: 5px; padding-bottom: 10px;padding-left: 0px;font-family: arial, trebuchet; }

th.label{ text-align: left; font-style: normal; background-color: white; font-size: 20px; color: black; height: 5px;
padding-top: 30px; padding-right: 0px; padding-bottom: 10px;padding-left: 0px;
font-family: arial, trebuchet; }


th.right { text-align: right; font-style: normal; background-color: white; font-size: 18px; color: grey; height: 10px; padding-top: 20px;font-family: arial, trebuchet; }

textarea.menu{ -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; width: 100%; height: auto;font-family: arial, trebuchet;	  font-weight: bold;
	  font-size:14px; }	
	  
textarea.description { min-width:500px; max-width:100%;min-height:110px;height:100%;width:100%; font-family: arial, trebuchet;	  font-weight: bold;
	  font-size:14px; }	  

table.app {
 border: 0px; width: 50%; 	
}
#app2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px;color: white;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #3F62FF; }
th.app { font-family: Arial, Helvetica, sans-serif;font-size: 18px;color: #4284FF;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #F4FF2D; }
td.app { font-family: Arial, Helvetica, sans-serif;font-size: 18px;color: white;border: 0;font-style: bold;text-align: left;width: auto;padding: 5px;background-color: #3F62FF; }
th.app2 { font-family: Arial, Helvetica, sans-serif; font-size: 18px;color: #4284FF;border: 0;font-style: bold;text-align: center;width: auto;padding: 5px;background-color: #F4FF2D; }
td.app2 { font-family: Arial, Helvetica, sans-serif; font-size: 14px;color: #3F62FF;border: 0;font-style: bold;text-align: left;width: auto;padding: 5px;background-color: white; }
caption.app { text-align: center; font-style: normal; font-weight: bold; background-color: #3F62FF; font-size: 20px; color: white; width: auto; font-family: arial, trebuchet;}



checkbox.option-input-cocher { border-radius: 50%; }

radio.option-input-cocher { border-radius: 50%; }
radio.qg-radio-questions{
    margin-left:5px;
}

label.qg-label-questions {
    font-size:18px;
    color: #3c3774;
    padding-bottom: 15px;
    font-weight: bolder;
}
radio.qg-radio-questions .option-input{
    -webkit-appearance: none;
    -moz-appearance: none;
    -ms-appearance: none;
    -o-appearance: none;
    position:relative;
    height: 40px;
    width: 40px;
    background: #8E8E8E;
    color:white;
    cursor: pointer;
    padding-bottom:5px;
}

radio.option-input:hover {
    background: #9faab7;
}

radio.option-input:checked {
    background: #17c5a9;
}

radio.option-input:checked::before {
    height: 40px;
    width: 40px;
    position: absolute;
    content: '✔';
    display: inline-block;
    font-size: 26.66667px;
    text-align: center;
    line-height: 40px;
}
radio.option-input:checked::after {
    -webkit-animation: click-wave 0.65s;
    -moz-animation: click-wave 0.65s;
    animation: click-wave 0.65s;
    background: #40e0d0;
    content: '';
    display: block;
    position: relative;
    z-index: 100;
}
radio.option-input.radio {
    border-radius: 50%;
}
radio.option-input.radio::after {
    border-radius: 50%;
}
         input.largerCheckbox { 
             transform : scale(2); 
         } 
	
div.lien{
position: relative;
background-color: pink;
margin-left: 30%;
margin-right: 30%;		
}


div.pied {
position: absolute;
bottom: 0;
left: 0;
width: 100%;
height: auto;
background-color: #7F0000;
color: white; 
font-family: arial;
font-weight: bold;
font-size:11px;
text-align: center;
vertical-align: center;
}
font.pied {
font-size:24px;	
}

div.arrow_box {
	position: relative;
	background: #88b7d5;
	border: 4px solid #c2e1f5;
	margin-left: 40%;
	margin-right: 40%;
}
div.arrow_box:after, .arrow_box:before {
	left: 100%;
	top: 50%;
	border: solid transparent;
	content: " ";
	height: 0;
	width: 0;
	position: absolute;
	pointer-events: none;
}

div.arrow_box:after {
	border-color: rgba(136, 183, 213, 0);
	border-left-color: #88b7d5;
	border-width: 40px;
	margin-top: -40px;
}
div.arrow_box:before {
	border-color: rgba(194, 225, 245, 0);
	border-left-color: #c2e1f5;
	border-width: 46px;
	margin-top: -46px;
}

p.fleche {
	text-align: center;
	color: white;
	font-size: 40px;
	font-weight: bold;
	
	
}

p.pied{
	text-align: center;
	color: white;
	font-size: 14px;
	font-weight: bold;
	background-color: #88b7d5;
	margin-left: 30%;
	margin-right: 30%;
	
	
}

div.lien2 {
position: relative;
margin-left: 30%;
margin-right: 30%;
margin-top: 0%;		
}

/******* liens ********************************************************************/
/**************************************************************************************************************/
div.center {
	position: relative;
	margin-left: auto;
	margin-right: auto;
}
ul {
  padding: 0;
  margin-left: auto;
  margin-right: auto;
  width: 90%;
}

li {
  display: inline;
}

a {
  outline: none;
  text-decoration: none;
  display: inline-block;
  width: auto;
  margin-right: 0.625%;
  text-align: center;
  line-height: 3;
  color: white;
  font-weight: bold;
}

li:last-child a {
  margin-right: 0;
}

a:link, a:visited, a:focus {
   background: #0756A4;
   font-weight: bold;   
}

a:hover {     
  background: orange;
}

a:active {
  background: red;
  color: white;
}

div.bouton input {
    background-image: url("https://0impot.eu/0-new/img/bouton-mob.png");
    cursor:pointer;	
    width: 280px;
    height: 81px;
    border: none;
	margin-left: 30%;
	margin-right: 30%;
        background-repeat:no-repeat;
        background-color: inherit;	
}

p.fleche {
	margin-left: 80%;
	margin-right: 1%;
	text-align: center;
	background-color: #88b7d5;
	font-size: 18px;
	font-weight: bold;
	color: white;
		
}
submit.fleche {
color: #808080;
font-style: italic;">
/* mettre une largeur de 80px au cadre *//* bordure du haut de 20px en rouge *//* bordure de droite de 20px en vert *//* bordure du bas de 20px en bleu *//* bordure de gauche de 20px en violet */	
}

img.fleche {
    cursor: pointer;
	background-image: url("bouton.png");
	border-width: 0px;
		
}

	a.button{
		background:url(img/button.gif);
		display:block;
		color:#555555;
		font-weight:bold;
		height:30px;
		line-height:29px;
		margin-bottom:14px;
		text-decoration:none;
		width:191px;
	}

	a:hover.button{
		color:#0066CC;

}

.qg-send-buttonD{

    color: #2382FF;

    background-image: url("flecheD.png");

    cursor: pointer;

    line-height:30px;

    width:80px;



}

.boutonFlecheD {
	background: url("flecheD.png");
	display:block;
	color:#2382FF;
	line-height:40px;
    width:80px;
	cursor: pointer;
}

.bouton2 {
	padding:6px 0 6px 0;
	font:bold 13px Arial;
	background:#fff;      
	color:#478bf9;
	border-radius:2px;
	font-size: 22px;
	width:100px;
	border:none;
    cursor:pointer;		
}

.bouton3Prive {
	padding:6px 0 6px 0;
	font:bold 14px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:120px;
	height: auto;
	border:none;
    cursor:pointer;		
}
.bouton3PriveGM {
	padding:6px 0 6px 0;
	font:bold 18px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:220px;
	height: auto;
	border:none;
    cursor:pointer;		
}

.bouton3 {
	padding:6px 0 6px 0;
	font:bold 24px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:200px;
	height: auto;
	border:none;
    cursor:pointer;	
}

.bouton3GM {
	padding:6px 0 6px 0;
	font:bold 24px Arial;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:360px;
	height: auto;
	border:none;
    cursor:pointer;		
}

.bouton3D {
	padding:6px 0 6px 0;
	font:bold 24px Arial;
	text-align: right;
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:200px;
	height: auto;
	border:none;
    cursor:pointer;		
}

.bouton4 {
	padding:6px 0 6px 0;
	font:bold 24px Arial;	
	background:#478bf9;
	color:#fff;
	border-radius:2px;
	width:360px;	
	height: auto;
	border:none;
    cursor:pointer;	
}

.bouton5 {
	padding:6px 0 6px 0;
	background:red;
	color:#fff;
	border-radius:2px;
	width:360px;
	font:bold 24px Arial;	
	height: auto;
	border:none;
    cursor:pointer;	
}

p.ou { text-align: center;
font:bold 24px Arial; }


}