@font-face {
    font-family: "ChunkFive Regular";
    src: local("ChunkFive Regular"), local("ChunkFive"), url("fonts/Chunkfive.woff") format("woff"), url("fonts/Chunkfive.otf") format("opentype");
}
@font-face {
    font-family: "Artifika";
    font-style: normal;
    font-weight: normal;
    src: local("Artifika Medium"), local("Artifika-Medium"), url("fonts/Artifika-Regular.woff") format("woff"), url("fonts/Artifika-Regular.ttf") format("truetype");
}
body {
	background-color:teal; /*silver yellow */
  /* background: url("../images/lune-300.png") repeat-x scroll 0 0 #f2f2f2; */
    color: black; /* #043956    COULEUR POLICE */
    font-family:Trebuchet MS,Arial,Verdana,sans-serif;
    font-size: 13px;
    margin-top: 30px;
    padding: 0;
    text-shadow: 0 1px 1px rgba(0, 0, 0, 0.2);
	
}
body, ul, ol, li, p, a {
    list-style: none outside none;
    text-decoration: none;
}

img{
	border:none;
}

div#page {
    margin:0 auto;
    /*width: 980px;*/
}

h2{
	text-align:center;
}

/*------------ CLEAR  -----------------*/
.clear{
	clear:both;
}



/*------------ FORMULAIRES -----------*/


#validation{
	text-align:right;
	width:220px;
	margin-left:370px;
}


#formulaire-responsive {
	max-width:600px /*-- à modifier en fonction de la largeur désirée --*/;
	margin:0 auto;
        /*width:100%;*/
}
.rang-form {
	width: 100%;
}
.demi-colonne, .colonne {
	float: left;
	position: relative;
	padding: 0.65rem;
	width:100%;
	-webkit-box-sizing: border-box;
        -moz-box-sizing: border-box;
        box-sizing: border-box;
}
.clearfix:after {
	content: "";
	display: table;
	clear: both;
}

/**---------------- Media query ----------------**/
@media only screen and (min-width: 48em) { 
	.demi-colonne {
		width: 50%;
	}
}


/* Et des styles pour les champs, les labels, le bouton d’envoi et les messages de CF7 :*/

.wpcf7 input[type="text"], .wpcf7 input[type="email"], .wpcf7 textarea ,.wpcf7 input[type="file"] {
	width: 100%;
	padding: 8px;
	border: 1px solid #ccc;
	border-radius: 3px;
	-webkit-box-sizing: border-box;
	 -moz-box-sizing: border-box;
	      box-sizing: border-box;
}
.wpcf7 input[type="text"]:focus{
	background: #fff;
}

span.wpcf7-not-valid-tip{
	text-shadow: none;
	font-size: 12px;
	color: #fff;
	background: #ff0000;
	padding: 5px;
}
div.wpcf7-validation-errors { 
	text-shadow: none;
	border: transparent;
	background: #f9cd00;
	padding: 5px;
	color: #9C6533;
	text-align: center;
	margin: 0;
	font-size: 12px;
}
div.wpcf7-mail-sent-ok{
	text-align: center;
	text-shadow: none;
	padding: 5px;
	font-size: 12px;
	background: #59a80f;
	border-color: #59a80f;
	color: #fff;
	margin: 0;
}