body{
background: background: transparent none ;   
color: #000000;
}

.style3 {
    text-decoration: underline;
    color: #000;
    font-size: 14px;
    font-weight: bold;
    text-align: center;
}
#contenu{
/**background: url("../images/center.png") repeat scroll transparent;**/
color: #000000;
display: block;
width: 1068px;
margin-left: auto;
margin-right: auto;
}
#question{
color: #000000;
display: block;
width: 696px;
float: left;
}
#header
{
background: url("../images/header.png") no-repeat transparent;
color: #000000;
display: block;
height: 101px;
width: 707px;

}
#titre
{
background: url("../images/titre.png") no-repeat transparent;
display: block;
height: 58px;
margin-left: 20px;
width: 1068px;

}
#erreur{
	display: block;
    font-size: 12px;
	color: #CC3333;

}

#voyant{
  float: left;
  border: 0px solid #c6c6c6;
  padding-top: 30px;
  padding-bottom: 40px;
  padding-left: 5px;
  width: 580px;
  background-image: url(../images/voyant/bg.jpg);
  background-repeat: no-repeat;
}

#etape1 {
    background-image: url("../images/bg-etape1.png");
    background-repeat: no-repeat;
    border: 0 solid #FFFFFF;
    float: right;
    height: 216px;
    margin-bottom: 0;
    padding-bottom: 0;
    padding-top: 39px;
    width: 650px;
    }
#etape2{
    background-image: url("../images/bg-etape2.png");
    background-repeat: no-repeat;
    border: 0 solid #FFFFFF;
    float: right;
    height: 227px;
    margin-bottom: 0;
    padding-left: 31px;
    padding-top: 37px;
    width: 620px;
}

#etape-carte{
    background-image: url("../images/bg-carte.png");
    background-repeat: no-repeat;
    border: 0 solid #FFFFFF;
    float: right;
    height: 142px;
    margin-bottom: 0;
    padding-left: 28px;
    padding-top: 92px;
    width: 623px;
}
#etape3{
  width: 725px;
  height: 145px;
  padding-top: 10px;
  padding-left: 50px;
  padding-bottom: 5px;
  border: 1px solid #FFFFFF;
  float: left;
  background-image: url(../images/bg-etape3.jpg);
  background-repeat: no-repeat;
}
#etape4{
    background-image: url("../images/bg-etape4.png");
    background-repeat: no-repeat;
    float: right;
    height: 258px;
    padding-bottom: 0;
    padding-top: 23px;
    width: 651px;
}
#poser_votre_question{
	float: left;
    height: 185px;
    margin-left: 0;
    padding-bottom: 0;
    width: 343px;

}
.text-etape3{
 font-size: 16px;
 font-family: Arial, Helvetica, sans-serif;
 font-weight: bold;
 color:#2d2d2d;
 padding-left: 0px;
 padding-bottom: 20px;
 margin-bottom: 20px;
}
#capcha{
  width: 368px
}

#capcha div{
float:left;
}

#carte{
    clear: left;
    display: block;
    float: left;
    height: 128px;
    overflow-x: auto;
    padding-left: 96px;
    padding-top: 0;
    width: 423px;
}

.cartejj{
  padding-left: 2px;
  padding-top: 2px;

}
input {
 background: url("../images/bg-input.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
 width: 220px;
 height: 26px;
 border: 0;
}

body {

	font-family:Verdana, Arial, Helvetica, sans-serif;

	font-size:0.8em;

	margin:0;

	padding:0;

	background-image:none ;

    background-color: #ffffff;

}

#container {

	position:relative;

	width:1056px;

	margin:0 auto;

    background-color: #ffffff

}
#center{
width:1065px;
height:1252px;
}


#head {

	height:176px;

	background-image:url('../images/head.jpg');

	background-repeat:no-repeat;

}

p {

  margin:0;

  padding:10px;

  clear:both;

  color:#000000;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 14px;

  line-height:18px;

}

.style1 {

  color: #b1097f;

  font-weight: bold;

  font-family: Arial ;

  font-size:1.5em;

  text-transform: none;

  text-align: left;





}

.style2 {

  color:#bc0a12;

  font-family:Arial, Helvetica, sans-serif;

  font-size:14px;

  font-weight: bold;





}


.Style9 {

    color: #2CA000;

}

.copyright{

  text-align: left;

  margin:0;

  padding-left :5px;

  padding-top: 5px;

  color:#8c847a;

  font-family:Arial, Helvetica, sans-serif;

  font-size:12px;

  line-height:18px;

}

#menu {

	position:relative;

	float:right;

	top: 170px;

	right: 20px;



}

#left{

  width: 358px;

  float: left;

  height: 1232px;

  background-color: #FFFFFF;

  border: 0px solid #9b9b9b;

  background-image:url('../images/left.jpg');

  background-repeat: no-repeat;

}

.text-left{

  padding-top: 380px;

  padding-left: 25px;

  width: 328px;

}

#ask{

  float: right;

  width: 900px;

  padding-right: 20px;

  background: transparent none;

}

.bienvenu{

  padding-top: 80px;

  text-align: center;

  font-family: Arial, Helvetica, sans-serif;

  font-size: 14px;

}

#f_button{

 height:30px;

 background: transparent url(../images/envoyez.png) no-repeat;

 border: 0;


 color: #FFFFFF;

 font-weight: bold;

 font-size: 18px;

 font-family: Arial, Helvetica, sans-serif;



}



#footer{

    background-image: url("../images/bg_foot.jpg");
    background-repeat: repeat-x;
   clear: left;
    color: #FFFFFF;
    display: block;
   /*  float: left;*/
    height: 83px;
    padding-top: 3px;
    text-align: center;
    width: 84%;
	margin:auto;

}
#bas-page{

 background: url("../images/bas-page.png") no-repeat scroll 0 0 rgba(0, 0, 0, 0);
    height: 410px;
    padding: 0 16px 0 6px;
    text-align: justify;
    width: 1025px;

}



#ask_ok{

  float: left;

  width: 662px;

  padding-left: 20px;

}

/* *************************************************************************************** */

input[type="checkbox"]:checked,
input[type="checkbox"]:not(:checked),
input[type="radio"]:checked,
input[type="radio"]:not(:checked) {
	width: 1px;
	height: 1px;
	margin: 0;
	padding: 0;
	opacity: 0;
	position: absolute;
	clip: rect(0 0 0 0);
	clip: rect(0,0,0,0);
	-webkit-appearance:	none;
	-moz-appearance:	none;
	-o-appearance:		none;
	appearance:			none;
}
input[type="checkbox"]+label,
input[type="radio"]+label {
	float: left;
	padding-left: 26px;
	padding-left: 2.6rem;
	margin-right: 16px;
	margin-right: 1.6rem;
	position: relative;
	cursor: pointer;
}
input[type="checkbox"]+label:before,
input[type="radio"]+label:before {
	content: '';
	position: absolute;
	left: 0;
	top: 50%;
	margin-top: -9px;
	margin-top: -.9rem;
	width: 16px;
	width: 1.6rem;
	height: 16px;
	height: 1.6rem;
	background-color: rgba(255,255,255,.7);
	background:	-webkit-gradient(linear, 0% 0%, 0% 100%, from(rgba(255,255,255,.4)), to(rgba(255,255,255,.9)));
	background:	-webkit-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));
	background:	   -moz-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));
	background:		 -o-linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));
	background:			linear-gradient(top, rgba(255,255,255,.4), rgba(255,255,255,.9));
	-webkit-box-shadow:	inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	-moz-box-shadow:	inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	-o-box-shadow:		inset 1px 1px 2px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.1);
	-o-box-shadow:		inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	box-shadow:			inset 1px 1px 2px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1);
	box-shadow:			inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1);
	-webkit-border-radius:	.3rem;
	-moz-border-radius:		.3rem;
	-o-border-radius:		3px;
	-o-border-radius:		.3rem;
	border-radius:			3px;
	border-radius:			.3rem;
}
input[type="radio"]+label:before {
	-webkit-border-radius:	.8rem;
	-moz-border-radius:		.8rem;
	-o-border-radius:		8px;
	-o-border-radius:		.8rem;
	border-radius:			8px;
	border-radius:			.8rem;
}
input[type='checkbox']:focus + label:before,
input[type='radio']:focus + label:before {
	-webkit-box-shadow:	inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1), 0 0 0 .3rem rgba(0,0,0,.4);
	-moz-box-shadow:	inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1), 0 0 0 .3rem rgba(0,0,0,.4);
	-o-box-shadow:		inset 1px 1px 2px rgba(0,0,0,.3), inset 0 0 0 1px rgba(0,0,0,.1), 0 0 0 3px rgba(0,0,0,.4);
	-o-box-shadow:		inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1), 0 0 0 .3rem rgba(0,0,0,.4);
	box-shadow:			inset 1px 1px 2px rgba(0,0,0,.2), inset 0 0 0 1px rgba(0,0,0,.1), 0 0 0 3px rgba(0,0,0,.4);
	box-shadow:			inset .1rem .1rem .2rem rgba(0,0,0,.3), inset 0 0 0 .1rem rgba(0,0,0,.1), 0 0 0 .3rem rgba(0,0,0,.4);
}
/* ---------------- Transitions ---------------- */
input+label:after {
	-webkit-transition:	-webkit-transform 0.2s ease-in-out;
	-moz-transition:	   -moz-transform 0.2s ease-in-out;
	-o-transition:			 -o-transform 0.2s ease-in-out;
	transition:					transform 0.2s ease-in-out;
}
/* ---------------- Checkbox version "traits verts" ---------------- */
.choices-border input[type="checkbox"]+label:after {
	content: '';
	position: absolute;
	left: 7px;
	left: .7rem;
	top: 50%;
	margin-top: -4px;
	margin-top: -.4rem;
	width: 14px;
	width: 1.4rem;
	height: 6px;
	height: .6rem;
	border-style: solid;
	border-color: #bd2936;
	border-width: 0 0 2px 3px;
	border-width: 0 0 .2rem .3rem;
	-webkit-box-shadow:	-.1rem .1rem .1rem 0 rgba(0,0,0,.4);
	-moz-box-shadow:	-.1rem .1rem .1rem 0 rgba(0,0,0,.4);
	-o-box-shadow:		-1px 1px 1px 0 rgba(0,0,0,.4);
	-o-box-shadow:		-.1rem .1rem .1rem 0 rgba(0,0,0,.4);
	box-shadow:			-1px 1px 1px 0 rgba(0,0,0,.4);
	box-shadow:			-.1rem .1rem .1rem 0 rgba(0,0,0,.4);
	-webkit-transform:	rotateZ(-40deg) skewX(-30deg) scale(0);
	-moz-transform:		rotate(-40deg) skewX(-30deg) scale(0);
	-o-transform:		rotate(-40deg) skewX(-30deg) scale(0);
	transform:			rotate(-40deg) skewX(-30deg) scale(0);
	-webkit-transform-origin:	0 100%;
	-moz-transform-origin:		0 100%;
	-o-transform-origin:		0 100%;
	transform-origin:			0 100%;
}
.choices-border input[type="checkbox"]:checked+label:after {
	-webkit-transform:	rotateZ(-40deg) skewX(-30deg) scale(1);
	-moz-transform:		rotate(-40deg) skewX(-30deg) scale(1);
	-o-transform:		rotate(-40deg) skewX(-30deg) scale(1);
	transform:			rotate(-40deg) skewX(-30deg) scale(1);
}
.choices-border input[type="checkbox"]:checked+label:hover:after {
	-webkit-transform:	rotateZ(-40deg) skewX(-30deg) scale(1.3);
	-moz-transform:		rotate(-40deg) skewX(-30deg) scale(1.3);
	-o-transform:		rotate(-40deg) skewX(-30deg) scale(1.3);
	transform:			rotate(-40deg) skewX(-30deg) scale(1.3);
}