p,form{
	padding: 0;
	margin: 0;
}

body{
	background: url(../images_enquete/background-body33.jpg) #fff no-repeat fixed top center ;
	text-align: center;
	padding: 0;
	margin: 0;
}

.clear{
	clear: both;
}
li{
	list-style-type: none;
}
a{
	text-decoration: underline;
	color: #6C0207;
}
a:hover{
	text-decoration: underline;
	color: #6C0207;
}
img{
	border: 0;
}
#conteneur{
	margin: 0 auto;
	width: 650px;
	/*font-family: Trebuchet MS, Arial, Verdana, sans-serif;*/
	font-family: Trebuchet MS, Arial, Verdana, sans-serif;
	font-size: 13px;
	color: #434242;
	text-align: left;
	min-height: 550px;
	/*background: url(../images_enquete/background-enquete2.jpg) repeat-y;*/
	
}
#header{
	width: 650px;
	height: 225px;
	background: url(../images_enquete/header33.jpg) no-repeat;
}
#carousel{
	width: 650px;
	/*height: 230px;*/
	padding: 0px 0px 0 0;
}
#content{
	/*background: #eeeeee;*/
	padding: 0px 10px 0 10px;
	min-height: 500px;
	background: #fff;
}
.textintro{font-size: 11px;font-style:italic;}
.input-grand{
	background: url(../images_enquete/input-grand.png) no-repeat;
	width: 582px;
	height: 25px;
	padding: 0 5px;
}
.input-moyen{
	background: url(../images_enquete/input-moyen.png) no-repeat;
	width: 276px;
	height: 25px;
	padding: 0 5px;
}
.input-petit{
	background: url(../images_enquete/input-petit.png) no-repeat;
	width: 134px;
	height: 25px;
	padding: 0 5px;
}

.survey_question{
	padding-top: 20px;
	padding-bottom: 14px;
	font-weight: bold;
	/*font-weight: italic;*/
	font-size: 15px;
}
.checkbox{
	padding-left: 5px;
}

p{
	padding-bottom: 0px;
}
.civ{padding-left: 80px;}
.label{
	padding: 20px 0 5px 0;
	font-weight: bold;
	/*font-weight: italic;
	font-size: 13px;*/
}

.submit{
	background: url(../images_enquete/enquete33_je_participe.jpg) no-repeat;
	width: 219px;
	height: 50px;
	margin-left: 150px;
	border: none;
	margin-top:20px;
}
.survey_navigation_next{
	background: url(../images_enquete/suivant33.jpg) no-repeat;
	width: 219px;
	height: 50px;
	border: none;
	/*margin-left: 30px;*/
	margin-top:20px;
	display: inline-block;
}
.survey_navigation_back{
	background: url(../images_enquete/precedent33.jpg) no-repeat;
	width: 219px;
	height: 50px;
	border: none;
	margin-right: 80px;
	margin-top:20px;
	display: inline-block;
}
.terminer{
	background: url(../images_enquete/terminer33.jpg) no-repeat;
	width: 219px;
	height: 50px;
	margin-left: 0px;
	border: none;
	margin-top:20px;
}
.survey_page{
	padding-bottom: 10px;
}
.survey_navigation{
	padding-bottom: 30px;
}
.survey_error{
	font-style: italic;
	color: red;
}
.tablevir{
	border: 3px solid #6C0207;
	padding: 10px;
}
.survey_component, .survey_comp_checkbox{
	margin: 0;
	padding: 0;
}
#C_004{padding-top: 50px;}
/*
#C_001 .survey_cell img{padding-right: 40px;display:block;margin: -30px 0 0 0;}
#C_001 .survey_cell input{position: relative; top: 135px;left:40px;}
*/
.survey_cell img{padding-right: 85px;}
#C_019 .survey_cell img{padding-right: 35px;}
#C_026 .survey_cell{padding-bottom: 20px;}
.survey_comp_list{padding-bottom:20px;}




@media only screen and (max-width: 640px) {

 /* passer tous les éléments de largeur fixe en largeur automatique */
 body, element1, element2 {
   width: auto;
   margin: 0;
   padding: 0; 
   background: none;
 }

 /* fixer une largeur maximale  de 100 % aux éléments potentiellement problématiques */
 img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {
   max-width: 100%;
 }
/* conserver le ratio des images et empêcher les débordements de boîtes dûs aux border ou padding */
 img {
   height: auto; width: auto;
   -webkit-box-sizing: border-box;
   -moz-box-sizing: border-box;
   box-sizing: border-box;
 }

 /* gestion des mots longs */
 textarea, table, td, th, code, pre, samp {
   word-wrap: break-word; /* passage à la ligne forcé */
   -webkit-hyphens: auto; /* césure propre */
   -moz-hyphens: auto;
   hyphens: auto;
 }
 code, pre, samp {
   white-space: pre-wrap; /* passage à la ligne spécifique pour les éléments à châsse fixe */
 }

 /* Passer à une seule colonne (à appliquer aux éléments multi-colonnes) */
 element1, element2 {
   float: none;
   width: auto;
 }

 
 
 /* masquer les éléments superflus */
 .hide_mobile {
   display: none !important;
 }
 
 #conteneur{
	margin: 0 auto;
	width: 480px;
}
#header{
	width: 480px;
	height: 149px;
	background: url(../images_enquete/header33-mobile.jpg) no-repeat;
}
#carousel{
	width: 480px;
	/*height: 230px;*/
	padding: 0px 0px 0 0;
}
#content{
}

/*table{width:480px;}
td{width:240px;}*/
input[type=text]{width:125px;}
.civ{padding-left: 10px;}

.submit{
	background: url(../images_enquete/enquete33_je_participeMobile.jpg) no-repeat;
	width: 179px;
	height: 39px;
	margin-left: 150px;
	border: none;
	margin-top:20px;
}
.survey_navigation_next{
	background: url(../images_enquete/suivant25mobile.png) no-repeat;
	width: 179px;
	height: 39px;
	border: none;
	/*margin-left: 30px;*/
	margin-top:5px;
	display: inline-block;
}
.survey_navigation_back{
	background: url(../images_enquete/precedent25Mobile.png) no-repeat;
	width: 179px;
	height: 39px;
	border: none;
	margin-right: 10px;
	margin-top:20px;
	display: inline-block;
}
.terminer{
	background: url(../images_enquete/terminer25Mobile.png) no-repeat;
	width: 179px;
	height: 39px;
	margin-left: 0px;
	border: none;
	margin-top:20px;
}
.survey_component{max-width:450px;}

}