/* =====[ RESET ]======================================================================== */
body,h1,h2,h3,h4,p,quote,small,form,input,ul,li,ol,label{
	/* Page reset */
	margin:0px;
	padding:0px;
	font-weight:normal;
}
/* =====[ GLOBAL STYLES ]======================================================================== */

body {
	background-image:url('/client/asmiq/images/2017_v1/bg.jpg');
	background-position:top center;
	background-repeat:repeat-x;
	background-color:#f0f0f0;
	font-family: "Myriad Pro", Arial, "sans-serif";
	font-size: 13px;
	color: #666666;
	z-index:0;
}

h1 {color:#666666;	font-size:24px;	text-align:left; padding-bottom:30px;}
h2 {color:#015a84; font-size:21px;	font-weight:normal; }
h3 {color:#015a84; font-size:15px; margin-top:5px;}

h4 {color:#5295b9; font-size:17px; padding-top:20px;}


p { padding:10px 0; text-align:justify}
a {	color: #000000;	text-decoration:none;}
a:hover { color: #7c7c7c;}

.page{
	background:#ffffff;
	width:950px;
	margin:0 auto;
	padding:0px 25px 0 25px;
	z-index:15;
	position:relative;
}

.clear {clear:both}
.left{	float:left}
.right{	float:right}
.center{text-align:center}

/* =====[ Header ]======================================================================== */

.header {	width:1000px; margin:0 auto; height:57px; }
.header ul {	float:right; }
.header ul li{	list-style:none; display:inline-block; float:left; color:#f2f2f2; margin:0 5px 0 0; }
.header ul li img{	vertical-align:middle;}
.header ul li span{	margin:0 5px 0 25px;}
/*si langue*/
.header ul.langue {	float:left}
.header ul.langue li{
	padding:15px 0 0 15px;
	font-size:15px;
	background:url('/client/asmiq/images/2017_v1/b_langue_off.png') no-repeat;
	height:42px;
	width:32px;
	background-size:47px 57px;
/*	cursor:  pointer;*/}
.header ul.langue li a{	color:#ffffff;}
.header ul.langue li:hover{background:url('/client/asmiq/images/2017_v1/b_langue_on.png') no-repeat; background-size:47px 57px;}

.titre p{float:right;	color:#7c7c7c;	font-size:15px; margin:0; padding:30px 0 0 0; }
.titre p > span { margin-left:	30px;}
.titre img{	max-width:400px; width:100%; height:auto; clear:left; margin:25px 0 25px 0;}

/* =====[ INSCRIPTION ]======================================================================== */

.inscription { padding:25px 0; border-top:1px solid #eeeeee}
.inscription_design {background:url(/client/asmiq/images/2017_v1/inscription_bas.png) top center; height:8px; background-size:100% 100%; marin-top:30px;}


.inscription > div { display:inline-block; float:left; vertical-align:top;}
.inscription .bloc01 { width:50%; padding-right:25px; box-sizing:border-box;}
.inscription .bloc02 { width:50%; padding-left:25px; box-sizing:border-box;}
.inscription h3 {	color:#505050;	font-size:15px; height:40px;}

.inscription .bloc01 img{ vertical-align:middle; padding-right:10px;}

.inscription .bloc02 > div { background:#5295b9; padding:15px; text-align:left; margin:30px 0; }
.inscription .bloc02 > div img { float:left;  padding:5px 15px 0 12px; }
.inscription .bloc02 > div h2 { color:#ffffff; font-size:19px;}
.inscription .bloc02 > div span { color:#013f5c; font-size:15px; }

/* ----[ SANS INSCRIPTION ou NOTE ou archive ]----- */

.sans_inscription {	background:#ffffff; text-align:center; padding:60px 0; border-top:1px solid #eeeeee }
.sans_inscription img{	margin-bottom:20px;}
.sans_inscription span{	color:#5295b9; font-size:16px}
.sans_inscription h3 {	color:#7c7c7c;	font-size:15px; margin-top:20px; font-style:italic}

/* =====[ FORMULAIRE ]======================================================================== */

.hauteur_form{ height:200px;} /*Hauteur calculer entre le soustitre et le bouton à l'intérieur du form*/
.hauteur-question{margin-bottom:30px; min-height:200px; /*question simple*/; }
.hauteur-question-complet{  margin-bottom:30px; height:400px; /*Question avec inscription*/}
.succes{text-align:center; background:#f2f2f2; display: table-cell; vertical-align: middle; width:50%; height:200px;}
.succes h2{	margin-bottom:10px;}

form{	margin-bottom:30px;}
form ul { margin-bottom:20px; width:100%;}
form ul li{ list-style:none; display:inline-block; width:50%; padding-right:10px; box-sizing:border-box;}
form ul li:nth-child(2n) {float:right; padding:0 0 0 10px;}

.inscription .bloc02 form ul li {width:100%; padding:0;}
.inscription .bloc02 form ul li:nth-child(2n) {float:none}

form .graph {background:url('/client/asmiq/images/2017_v1/graph.png') repeat-x; height:29px; }
form p{	font-style:italic; }

label {	display: table-cell; padding: 10px 15px 0px 0;	color:#015a84; text-align:left; font-size:13px;	background:url(/client/asmiq/images/2017_v1/pointeur_form.png) right 15px no-repeat; background-size:9px 5px;  }
.blocright label {padding: 0 15px 0 0; background:url(/client/asmiq/images/2017_v1/pointeur_form.png) right 5px no-repeat; background-size:9px 5px; }
.blocright input {margin-bottom:10px; }

select{	-webkit-appearance: none;}
input[type=checkbox]{	-webkit-appearance: none;}
input[type=submit] {
	-webkit-appearance: none;
	border-radius: 0px;
	height:29px;
}

input:focus, textarea:focus, select:focus{	outline:none;}
input, textarea, select {
	background:#f3f3f3;
	padding:4px;
	border:none;
	font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";
	font-size:13px;
	color:#858585;
	border-radius: 0px;
}


input{width:100%; box-sizing:border-box;}
textarea{width:100%; box-sizing:border-box; margin-bottom:15px;}
select{	width:100%; height:25px; box-sizing:border-box;}

input[type=Submit] {
	background:#015a84;
	border: 0px;
	font-size:15px;
	font-weight:normal;
	color:#ffffff;
	font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";
	cursor: pointer;
	width:100px;
	float:right;
}

input[type=Submit]:hover, a.bouton:hover  {background:#7c7c7c;}


a.bouton {
	background:#015a84;
	border: 0px;
	font-size:15px;
	font-weight:normal;
	color:#ffffff;
	font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";
	cursor: pointer;
	text-decoration:none;
	padding:5px 30px;

}

/* =====[ PLAYER - conférence ]======================================================================== */

/*.bg_player{background:#ffffff; padding:45px 0 60px 0;}*/
.player{ max-width:960px; width:100%; margin:0 auto 10px auto; z-index:15; position:relative; border:1px solid #d4d4d5;}

.bg_player{background:url(/client/asmiq/images/2017_v1/bg_player.png) no-repeat bottom center #ffffff; padding:60px 0 70px 0; width:1000px; margin:0 auto;}
/*.player{ max-width:640px; width:100%; margin:0 auto 10px auto; z-index:15; position:relative; border:1px solid #cccccc;}*/

/* =====[ SECTION _ INFO SUR LA CONFÉRENCE ]======================================================================== */

.info {	padding:40px 0;}
.info .blocright {	float:right; width:50%; vertical-align:top; padding:5px 0 0 25px; margin-left:25px; background:#ffffff; box-sizing:border-box}

.showInfo ul.conferencier li{ list-style:none;	margin:20px 0 30px 0; min-height:100px;}
.showInfo ul.conferencier li:before {content:none;}
ul.conferencier img{ float:left; padding-right:15px;}
ul.conferencier h2{
	color:#000000;
	font-size:17px;
	padding:25px 0 0 0;
}

ul.conferencier h3{	color:#555555;}


.questionnaire a{background:#015a84;	padding:15px; width:230px; display:block; color:#ffffff; font-size:16px; /*text-transform:uppercase;*/ margin-top:40px;}
.questionnaire a:hover {background:#7c7c7c;}
.questionnaire a img{padding:5px 0 0 10px; width:27px; height:auto; float:right;vertical-align:middle; }


a.show, a.linkToggle {
	background:url('/client/asmiq/images/2017_v1/iconplus.png') no-repeat 0 0;
	background-size:20px 56px;
	padding:0 0 0 40px;
	display:inline-block;
	height:28px;
	text-decoration:none;
	margin-bottom:20px;
}
.showConferencier h3{
	padding-top:7px;
}
.showInfo, .showConferencier{	border-bottom:1px dashed #cccccc; margin-bottom:20px;}
a.show.minus, a.linkToggle.minus {	background-position:0 -28px;}
.showInfo ul li{	padding-bottom:6px;	margin-left:55px;	list-style:none;}
.showInfo ul li:before {content: "- ";}
.showInfo ul.i_load li:before {content: none;} /*pour une liste de téléchargement*/
.showInfo ul.i_load li{	list-style:url('/client/asmiq/images/2017_v1/pointeur_list.png');  } /*pour une liste de téléchargement*/
.showInfo div, .showConferencier div {	margin-bottom:25px;}


/* =====[ SOCIAL -CONTACT ]======================================================================== */
ul.social {
	text-align: center;
	background:url('/client/asmiq/images/2017_v1/graph.png') repeat-x top center;
	list-style:none;
	margin:60px 0 0px 0;
	padding-bottom:10px;
}

ul.social img{ background:#ffffff; padding:0 ; }
ul.social li{ display:inline; }
ul.social li img{ padding:0 3px}
ul.social li:first-child img{ padding-left:15px }
ul.social li:last-child img{ padding-right:15px }
.marge{	padding-bottom:50px;}


/* =====[ BAS DE PAGE ]======================================================================== */

ul.soutien {
	list-style:none;
	text-align:center;
	padding:50px 0;
	width:900px;
	margin:0 auto;
}
ul.soutien li{
	display:inline-block;
	width:20%;
	min-height:125px;
	padding:0 25px;
	vertical-align:top;
	box-sizing:border-box;
}

ul.soutien li img{	vertical-align:middle; padding-bottom:15px;}
ul.soutien li a{ color:#a4a3a3;text-decoration:none;}
ul.soutien li a:hover{color:#747474}

.copyright {
	background:#015a84;
	padding:30px 0;
	text-align:center;
	font-size:13px;
	color:#e8f5fb;
}
.copyright a {	color:#e8f5fb;	text-decoration:none;}

/* =====[ ERROR message ]======================================================================== */





.inscription h3 > p{color:#ff0000; font-size:13px; height:20px; padding:5px 0 }
.error{color:#ff0000;}
.error_label { color: #ff0000; }

.message_archive_inscription {padding:120px 0px 0px 55px; color:red;}
.message_archive {padding:20px 0px 160px 40px; color:red;}
.generic_error {color:red;}
.message_champs_requis {text-align:right;}


/* =====[ lightbox - support ]======================================================================== */
#inline	ul{
	display:table-row;
	width:600px;
	margin:0 auto;
}

#inline ul li{
	display:table-cell;
	padding:10px;
	margin:0;
	width:150px;
	text-align:center;
	border-left:1px solid #cccccc;
	border-bottom:1px solid #cccccc;
	background:#fff;
}

#inline ul li:first-child{	border-left:none !important;}
#inline ul li img{	vertical-align:middle;}

#inline ul.titre_piro li{
	background:#333333;
	font-weight:bold;
	color:#fff;
	border-left:1px solid #454545;
	border-bottom:1px solid #454545;
}

#inline p, #chat p{
	text-align:center;
	color:#cccccc;
	padding:15px 0;
	font-size:14px;
}

#chat .champs1, #chat textarea {
	background:#363535;
	border: none;
	padding:3px;
	color:#cccccc;
}

#chat {	padding:20px;}
#chat .envoyer{	float:none;}


/* :::::[ IPAD HORIZONTAL ]:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@media screen and (min-width: 1009px) and (max-width: 1200px) {

.page{	width:95%;}
.header {	width:100%; }
.bg_player{width:100%;}
ul.soutien {	width:90%;}

}


/* :::::[ GENERALE toute plus petit qu'un ipad vertical' ]:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@media screen and (max-width: 1008px) {
.header{ width:100%; }

.page{	width:90%; padding:0 5%;}

.hauteur_form{ height:auto;}
.inscription > div { width:100%;  }
.inscription .bloc01 { width:100%; padding-right:0; padding-bottom:20px; border-bottom:1px dashed #cccccc;}
.inscription .bloc02 { width:100%; padding-left:0; margin-top:40px; }
.bg_player{	width:100%;}

.info .blocright {	float:none; width:100%; padding:0; margin:0 0 30px 0; border-bottom:1px dashed #cccccc;}
ul.soutien {	width:95%;}
.succes{display: block; height:auto; min-height:auto; width:100%; padding:20px; box-sizing:border-box}
}
/* :::::[ IPAD VERTICAL ]:::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

@media screen and (min-width: 753px) and (max-width: 1008px) {

.info .blocright {	margin-left:0px;}


}

/* :::::[ 480 PIXELS LAYOUT (IPHONE HORIZONTALE)]::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

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

.header ul li span{	display:none;}
.titre p { float:none; padding:0;}
.inscription .bloc02 > div { text-align:center }
.inscription .bloc02 > div img { float:none;  padding:5px; }
form ul li { width:100%; padding:0;}
form ul li:nth-child(2n) {float:none; padding:0; }

.questionnaire a{margin:40px auto 0 auto;}

.left{	float:none;}
.right{	float:none;}


ul.social {	background:none; margin:50px 0 0px 0;}
ul.social img{ background:#none; width:50px; height:auto;}
ul.social li:first-child img{ padding-left:0 }
ul.social li:last-child img{ padding-right:0 }

ul.soutien li{	width:50%; margin-bottom:30px;}
.copyright a{display:block}

.bg_player{background:#ffffff; padding:40px 0;}
.player{ width:90%; margin:0 auto;}

}

/* :::::[ 320 PIXELS LAYOUT (iphone vertical) ]::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::::: */

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

.titre p > span { margin-left: 0px; display:block}



}