@charset "utf-8";
/* CSS Document */

.gras {font-weight:bold;}
.vert {color:#018032;}
.clear { clear:both;}
.clearLeft { clear:left;}
.clearRight { clear:right;}
.floatLeft { float:left;}
.floatRight { float:right;}
a img {border:none;}
.ombrage {text-shadow: 1px 3px #000000;}
img.ombrage { box-shadow: -moz-box-shadow: 6px 6px 24px #aaa; -webkit-box-shadow: 6px 6px 24px #aaa;  box-shadow: 6px 6px 24px #555; }
p.ombrage img {box-shadow: -moz-box-shadow: 6px 6px 24px #aaa; -webkit-box-shadow: 6px 6px 24px #aaa;  box-shadow: 6px 6px 24px #555; }
<!--[if lte IE 8]>
  
  img.ombrage {
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
    zoom: 1;
  }  
  p.ombrage img {
    filter:progid:DXImageTransform.Microsoft.Shadow(color='#aaaaaa', Direction=135, Strength=12);
    zoom: 1;
  }
  
<![endif]-->

.clearfix:after {
	content: ".";
	display: block;
	clear: both;
	visibility: hidden;
	line-height: 0;
	height: 0;
}
 
.clearfix {
	display: inline-block;
}

#ui-datepicker-div {font-size:12px;}

/* Formulaires */
.form {clear:left;}
.form > div {margin:5px 0;}
.form140 {display:block; width:140px; padding-right:20px; float:left; text-align:right;}
.form180 {display:block; width:180px; padding-right:20px; float:left; text-align:right; font-size:0.8em;}
.form200 {display:block; width:200px; padding-right:20px; float:left; text-align:right; font-size:0.8em;}
.form90 {display:block; width:90px; padding-right:20px; float:left; text-align:right;}
.inputCadre { border:#529e11 1px solid;}

.input-text { border: 1px solid #dcdcdc; color: #000000; padding: 7px 5px; width: 70%;}
textarea { border: 1px solid #dcdcdc; color: #000000; padding: 7px 5px;  width: 70%; height:75px;}

.submit {display:block; margin-left:250px;}
/*
.submit input, input.submit { text-transform: uppercase; font-size:17px; cursor:pointer; text-decoration:none; color:#4ABCBC; background:#fff;   border:1px solid #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; padding:2px 5px; }
.submit input:hover, input.submit:hover {background:#4ABCBC; color:#ffffff;}

.bouton, #contenu a.bouton { text-transform: uppercase; font-size:17px; display:inline-block; cursor:pointer; text-decoration:none; color:#4ABCBC;  background:#fff; border:1px solid #ffffff; border-radius: 3px; -moz-border-radius: 3px; -webkit-border-radius: 3px; -khtml-border-radius: 3px; padding:2px 5px; }
#contenu .bouton a, #contenu a.bouton,#contenu .bouton a:visited, #contenu a.bouton:visited {text-transform: uppercase; font-size:17px; text-decoration:none; color:#4ABCBC;}
.bouton:hover, #contenu a.bouton:hover {background:#4ABCBC; color:#ffffff;}
#contenu .bouton:hover a, #contenu a.bouton:hover { text-decoration:none;  background:#4ABCBC; color:#ffffff;}

*/

.submit input,
input.submit,.bouton,.bouton-fleche,
#global a.bouton,
#global a.bouton:visited,
#global a.bouton-fleche,
#global a.bouton-fleche:visited {font-family:"Roboto"; text-transform: uppercase;  outline:none; border:1px solid #4abcbc; color:#4abcbc; font-size:17px; background:#fff;  min-height: 60px; min-width: 120px;  font-weight: 500; text-align: center; padding: 10px 30px; margin: 10px 10px 10px 0;   border-radius: 10px; text-decoration: none; cursor: pointer; display: -webkit-inline-box; display: -ms-inline-flexbox; display: inline-flex; -webkit-box-align: center; -ms-flex-align: center; align-items: center; -webkit-box-pack: center; -ms-flex-pack: center; justify-content: center; -webkit-transition: background 280ms ease-in-out; -moz-transition: background 280ms ease-in-out; -ms-transition: background 280ms ease-in-out; -o-transition: background 280ms ease-in-out; transition: background 280ms ease-in-out; -webkit-box-sizing: border-box; box-sizing: border-box; -webkit-hyphens: unset; -ms-hyphens: unset; hyphens: unset; -webkit-hyphens: none; -ms-hyphens: none; hyphens: none; position:relative; z-index:10; overflow:hidden;}

.bouton span,
#global .bouton span,
#global button.bouton span,
#global a.bouton span,
#global a.bouton:visited span,
#global .bouton-fleche span,
#global a.bouton-fleche span,
#global a.bouton-fleche:visited span {  font-weight: 500;}

a.bouton span,
a.bouton:visited span,
#global a.bouton span,
#global a.bouton:visited span,
#global a.bouton-fleche span,
#global a.bouton-fleche:visited span,
#global a.bouton-fleche i,
#global a.bouton-fleche:visited i,
#global .bouton a,
#global .bouton a:visited,
#global .bouton-fleche span,
#global .bouton-fleche i,
#global .bouton-fleche a,
#global .bouton-fleche a:visited { text-decoration:none; }

.bouton-fleche i,
#global a.bouton-fleche i {margin-left:12px;  position:relative; z-index:20;}

.bouton-fleche span,
#global a.bouton-fleche span {color:#4abcbc;}

.bouton,
#global a.bouton,
#global a.bouton:visited,
.bouton-fleche,
#global a.bouton-fleche,
#global a.bouton-fleche:visited {	line-height: 20px; }

.submit input:hover,
input.submit:hover,
.bouton input:hover,
input.bouton:hover,
.bouton:hover,
#global .bouton:hover,
#global a.bouton:hover,
.bouton-fleche:hover,
#global .bouton-fleche:hover,
#global a.bouton-fleche:hover { background: #4abcbc; color:#fff;text-decoration:none; }

.bouton-fleche:hover span,
#global a.bouton-fleche:hover span {color:#fff;}

.reponse-message,
.reponse-erreurs, .ok { padding: 0.8em; margin-bottom: 1em; border: 2px solid #ddd; }

.reponse-erreurs { background: #fbe3e4; color: #8a1f11; border-color: #fbc2c4; padding:0 0.8em; }
.reponse-message, .ok { background: #e6efc2; color: #264409; border-color: #c6d880; }
.reponse-erreur { color: #8a1f11; font-weight:bold; margin:5px 0; }
.reponse-message, .ok { color: #264409; font-weight:bold; }