/*************** FORMULAIRE STYLE CSS ***************/

div.wpcf7 {
	margin: 0;
	padding: 0;
}

div.wpcf7-response-output {
	margin: 2em 0.5em 1em;
	padding: 0.2em 1em;
}

div.wpcf7-mail-sent-ok {
    height:50px;
    width:250px;
	border: 0px solid #ff0000;
    background:url(http://template.izicharte.com/images/form-alerte-message.png);
    background-repeat:no-repeat;
    background-position:center;
    text-align: left;
    padding-top: 8px;
    padding-left: 260px;
    margin-left: 143px;
    color: #46893d;
    font-size: 15px;
    font-weight: regular;
    margin-top: -74px; /* moitié de la hauteur */
}

div.wpcf7-mail-sent-ng {
	border: 2px solid #ff0000;
}

div.wpcf7-spam-blocked {
	border: 2px solid #ffa500;
}

div.wpcf7-validation-errors {
    height:54px;
    width:250px;
	border: 0px solid #ff0000;
    background:url(http://template.izicharte.com/images/form-alerte-message.png);
    background-repeat:no-repeat;
    background-position:center;
    text-align: left;
    padding-top: 8px;
    padding-left: 260px;
    margin-left: 143px;
    color: #ff0000;
    font-size: 15px;
    font-weight: regular;
    margin-top: -76px; /* moitié de la hauteur */
}

span.wpcf7-form-control-wrap {
	position: relative;
}

span.wpcf7-not-valid-tip {
	position: absolute;
	top: 20%;
	left: 20%;
	z-index: 100;
	background: #fff;
	border: 1px solid #ff0000;
	font-size: 10pt;
	width: 280px;
	padding: 2px;
}

span.wpcf7-not-valid-tip-no-ajax {
    position: relative;
    height:20px;
    width:307px;
    color: #f00;
	font-size: 10pt;
	display: block;
    text-align: left;
    margin-left: 189px;
    margin-top: 2px;
    margin-bottom: 5px;
    border: 0px solid #ff0000;
    padding-left: 5px;
}

span.wpcf7-list-item {
	margin-left: 0.5em;
}

.wpcf7-display-none {
	display: none;
}

img.ajax-loader {
	border: none;
	vertical-align: middle;
}


/*************** IZICHARTE DOT COM THEME ***************/

/**** CHAMPS ****/

label {
width:180px;
float:left;
text-align:left;
display: inline;
padding-right:10px;
}

div.input {
margin-bottom:7px;
}

.champs-simple {
height: 26px;
width: 312px;
border: 0; 
background: url(http://template.izicharte.com/images/form-champs-simple.png) no-repeat;
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px; 
color:#192534;
text-align: absmiddle;
padding: 0px 0px 0px 4px;
}

.champs-court {
height: 26px;
width: 130px;
border: 0; 
background: url(http://template.izicharte.com/images/form-champs-court.png) no-repeat;
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px; 
color:#666;
text-align: absmiddle;
padding: 0px 0px 0px 7px;
}

.champs-long {
height: 232px;
width: 415px;
border: 0; 
background: url(http://template.izicharte.com/images/form-fond-message.png) no-repeat;
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px; 
color:#666;
text-align: absmiddle;
padding: 7px 7px 7px 7px;
}

.champs-liste-small {
height: 26px;
width: 49px;
border: 0; 
background: url(http://template.izicharte.com/images/form-champs-liste.png) no-repeat;
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px; 
color:#666;
text-align: absmiddle;
padding: 4px 0px 0px 7px;
}

.champs-liste {
height: 26px;
width: 130px;
border: 0; 
background: url(http://template.izicharte.com/images/form-champs-liste.png) no-repeat;
font-family: Arial, Helvetica, sans-serif; 
font-size: 15px; 
color:#666;
text-align: absmiddle;
padding: 4px 0px 0px 7px;
}

/**** BOUTON ****/
.submit-bouton1 {
display:-moz-inline-box; 
display:inline-block; 
margin:0; 
padding:0; 
font:26px/1.5 Trebuchet MS, Arial, Helvetica, sans-serif; 
white-space:nowrap; 
text-align:center; 
vertical-align:middle; 
cursor:pointer; 
border:0; 
background: transparent url('http://template.izicharte.com/images/form-bouton.png') no-repeat top left;
width:133px;
height:193px;
}

.submit-bouton {
width: 190px;
height: 65px;
margin: 0;
padding: 0;
border: 0;
cursor: pointer;
white-space:nowrap; 
font:0px/0 Trebuchet MS, Arial, Helvetica, sans-serif; 
text-align:center;
vertical-align:middle;
background: transparent url(http://template.izicharte.com/images/form-bouton.png) no-repeat top left ;

}
.submit-bouton:hover {
background-position: 0 -65px;/* On déplace l'image d'arrière plan pour donner l'effet */
}


/*************** SELECT ***************/