body,button,input,textarea, select	{font-family: 'Roboto', sans-serif;font-size: 13pt;font-weight: normal;}
h1,h2,h3,h4{font-family: 'Monda', sans-serif;}
.citation, .citationaDroite, .script {font-family: 'Grape Nuts', cursive;}
.citation {
	position: relative;
	font-size: 28pt;
	margin: 1em 60px;
	line-height: 22pt;
	color: #424242;
	border-left: #d7d7d7 10px solid;
	padding-left: 14px;
}

/*.citation {position: relative;font-size: 28pt;	margin: 0.8em 10%;	line-height: 22pt;	color: #424242;}
.citation:before {
	position: absolute;
	top: -13px;
	left: -42px;
	content: "\00AB";
	font-size: 70pt;
	color: #00000038;
}
 .citation:after {
	position: absolute;
	bottom: -13px;
	right: -42px;
	font-family: 'Fontawesome';
	content: "\00BB";
	font-size: 70pt;
	color: #00000038;
}
 */
/* h2,h4{font-family: 'Josefin Sans', sans-serif;} */
h1{font-size:32pt; margin: 1em 0;}
h2{font-size:22pt; margin: 1em 0;}
h3{font-size:16pt; margin: 1em 0;}
h4{font-size:13pt; margin: 1em 0;}
.consolide{clear:both;display:block; height: 0;font-size: 1px;line-height: 0px;}

.aDroite{float:right; margin: auto 0 30px 40px; max-width: 370px;}
.aGauche{float:left; margin: auto 40px 30px 0;/*text-align:right*/}
.rondDroite, p.rondDroite img {max-width: 250px; border-radius: 100%; margin: auto 0 auto 40px; float:right; }
a.lienTrait {text-align:right;border-bottom:1px #BF933A7D solid;margin:1em 0 2em 0;display:block}

/*#blocs25 {margin-top: 2em;}*/
.vignettesrealisations {	width: 58%;	float: right;	margin: 0em 0 1em 3%;text-align: center;}
.float50 {	width: 49%;	float: left;	margin: 5px 0 5px 1%;}
.float40 {width: 40%; float: left;}
.float33 {width: 32.3%; float: left; margin-right: 1%;}
.float25 {width: 24%; float: left; margin: 0 1% 1% 0}
.float25 img {display:block}
.bloc25 {width:23%;display:inline-block;vertical-align:top;margin:1em 0% 2em 1%;font-size: 11pt;}


/* FORMULAIRES CONTACTS */
.ptitextediscret {	font-size: 10pt;	color: rgb(110, 110, 110);}
#formulaire input[type="text"], #formulaire input[type="textarea"], #formulaire input[type="select"], #formulaire textarea, #formulaire select, #formulairevisit input[type="text"], #newsletter input[type="text"] {color: rgb(0,0,0);	width: 100%;margin: 0;	padding: 10px 6px;	background-color: #fff;border: 1px var(--couleurSecond) solid;	border-radius: 5px;}

.focusChamp, #formulaire input:focus,#formulaire textarea:focus,#formulaire .focusChamp	{background-color:#FEFFD5;border-color:#000}
.focusTexte {background-color: #FEFFD5;	border: #000 2px solid;	padding: 5px;	border-radius: 6px;}
input:focus-visible {border: #000;}

#contenu input[type="button"], #contenu input[type="submit"], .lienBouton a, a.lienBouton {background-color: var(--couleurSecond);box-shadow: 2px 2px 22px 3px #0003;	border-radius: 5px;	padding: 0px 20px;	color: #fff;	font-weight: bold;	border: none;white-space: nowrap;line-height: 36pt; display: inline-block;  min-width: 160px;}
#contenu input[type="button"]:hover, #piedcontact a.lienBouton:hover, #contenu input[type="submit"]:hover, .lienBouton a:hover, a.lienBouton:hover 	{background-color:rgb(108, 204, 242);color:var(--couleurBlanc);}


/* TEINTES */
h1 {color: #44495b}
h2, h3, h4, .couleur,#mentions .couleur,#mentions a,.zp_sitemap .zli1 a,.zp_sitemap .zli2 a,.zp_sitemap .zli3 a, a {color: var(--couleurPrinci);}
.blocCouleur, hr {background-color:#e1e1e1;}
.gris {color:#8b919d}

hr {border:0;height: 1px;margin: 2em 0;clear: both;}
.petitext {font-size:11pt;font-style: italic;color:#8b919d;line-height: 15pt;}
.blocCouleur {padding: 11px 15px;border-radius: 6px;border: none;text-align: center; display: inline-block; margin: 1em auto;}
.blocCouleur, .blocCouleur h1, .blocCouleur h2, .blocCouleur h3, .blocCouleur h4 {color: #424242;} 
hr.trait {background: url('images/trait.png') center center no-repeat scroll transparent;height: 50px;}
.textdiscret {	font-size: 10pt;	line-height: 10pt;	color: #498fb9;}