@font-face {
font-family: 'nexa_boldregular';
src: url('/client/studiocast/images/2015_v1/fonts/nexa_bold-webfont.eot');
src: url('/client/studiocast/images/2015_v1/fonts/nexa_bold-webfont.eot?#iefix') format('embedded-opentype'),
	url('/client/studiocast/images/2015_v1/fonts/nexa_bold-webfont.woff') format('woff'),
	url('/client/studiocast/images/2015_v1/fonts/nexa_bold-webfont.ttf') format('truetype'),
	url('/client/studiocast/images/2015_v1/fonts/nexa_bold-webfont.svg#nexa_boldregular') format('svg');
font-weight: normal;
font-style: normal;
}
@font-face {
font-family: 'nexa_lightregular';
src: url('/client/studiocast/images/2015_v1/fonts/nexa_light-webfont.eot');
src: url('/client/studiocast/images/2015_v1/fonts/nexa_light-webfont.eot?#iefix') format('embedded-opentype'),
	url('/client/studiocast/images/2015_v1/fonts/nexa_light-webfont.woff') format('woff'),
	url('/client/studiocast/images/2015_v1/fonts/nexa_light-webfont.ttf') format('truetype'),
	url('/client/studiocast/images/2015_v1/fonts/nexa_light-webfont.svg#nexa_lightregular') format('svg');
font-weight: normal;
font-style: normal;
}
/* =====[ 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 {
	font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";
	font-size: 13px;
	color: #606060;
	/*background:url('/client/studiocast/images/2015_v1/bg_contenu.png') no-repeat top center #f3f3f3;*/
	margin: 0px;
	padding: 0px;
	z-index:0;
}
p {padding:10px 0; text-align:justify}
h1 {
	font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";
	color:#606060;
	font-size:22px;
	text-align:left;
	width:600px;
}
h2 {
	font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";
	color:#32A5F3;
	font-size:21px;
	font-weight:normal;
}
h3{
	font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";
	font-size:13px;
	color:#32A5F3;
}
h3 p{
	font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";
	color:#000000;
	font-size:17px;
	padding:0;
	margin-top:-5px;
}
.clear {clear:both}
a {	color: #000000;	text-decoration:none;}
a:hover { color: #32A5F3;}
.header .cadre {
/*	padding-top:30px;*/
}
.header .cadre h1
{
	width:480px;
	font-size:18px;
	padding-top: 10px;
}
.header .video
{
	background:#ffffff;
	width:1000px;
	margin:0 auto;
	padding-bottom:0px;
}
.header .video h1
{
	width:950px;
	padding-top:10px;
}

.cadre{
	background:#ffffff;
	width:1000px;
	margin:0 auto;
	padding-bottom:40px;
}

.header .background
{
	padding-bottom:0px;
	background:url('/client/studiocast/images/2015_v1/header.jpg') no-repeat top center; height:236px;
}

.contenu
{
	position:relative;
	width:950px;
	margin:0 auto;
}
.contenu h2
{
	padding-left: 2px;
	padding-top: 2px;
	padding-bottom: 2px;
}
.contenu h3
{
	color:#32a5f3;
}

.right{	float:right; }
.left{	float:left; }
/* =====[ Header ]======================================================================== */
.header
{
	background:url('/client/studiocast/images/2015_v1/top_bg.jpg') repeat-x top center;
}
.header a
{
	color:#fff;
}
.header ul.top, .header ul.langue{
	list-style:none;
	height:57px;
	/*margin-bottom:26px;*/
}
.header ul.top li, .header ul.langue li{ display: inline-block; color:#ffffff;}
.header ul.top li img{	vertical-align:middle; margin:0 5px 0 15px;}
.header ul.top li:last-child img{	vertical-align:middle; margin:0 0 0 15px;}
.header ul.langue li {
	margin-right:5px;
	padding:15px 0 0 15px;
	font-size:15px;
	background:url('/client/studiocast/images/2015_v1/b_langue_off.png') no-repeat;
	height:57px;
	width:32px;
	cursor:  pointer;
	color:#fff;
}
.header ul.langue li:hover {background:url('/client/studiocast/images/2015_v1/b_langue_on.png') no-repeat;}
.header span{
	font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";
	color:#32a5f3;
	font-size:15px;
	}
.header span strong{ padding-left:30px; font-weight:normal}
.header .paysage{
	width:100%;
	height:auto;
}
.header .cadre img
{
	padding-bottom:40px;
}

/* =====[ SANS INSCRIPTION ou NOTE ]======================================================================== */

.bloc_sans_inscription{
	text-align:center;
	/*background:#4c545f;*/
	width:950px;
	padding:50px 25px;
	height:200px;
}

.bloc_sans_inscription .contenu {
	/*background:#707985;*/
	padding:50px 0;

}

.bloc_sans_inscription img {padding-bottom:25px}
.bloc_sans_inscription h2 {color:#000000}


/* =====[ INSCRIPTION  - archive]======================================================================== */
.archive {
	text-align:center;
	background:#4c545f;
	padding:50px 25px;
	height:200px;
}

.archive img {padding-bottom:25px}
.archive h2 {color:#ffffff}

/* =====[ INSCRIPTION ]======================================================================== */
.bloc_inscription {
	background:#0087e3;
	width:950px;
	padding:0 25px;
}
.bloc_inscription .connexion {	width:450px; padding:25px 0px 0px 22px; /*height:390px; border-left:1px solid #e4e4e4*/}
.bloc_inscription .inscription {width:460px; padding:25px 16px 15px 0px; border-right:1px solid #56a8e0; /*height:400px;*/}
.bloc_inscription span{
	color:#FFFFFF;
	font-size:15px;

}
.bloc_inscription h1{	font-size:20px; color:#FFFFFF}
.bloc_inscription h2{	margin-bottom:0px; color:#FFFFFF}
.bloc_inscription p em {	color:#FFFFFF; padding: 10px 0}
.bloc_inscription .decompte {	color:#32a5f3; font-size:17px;}
.bloc_inscription .champs1, .inscription .champs2 {
	background:#f2f2f2;
	border: none;
}
.bloc_inscription .champs1 {	width:214px;}
.bloc_inscription select {
	height: 25px;
	width: 221px;
	background: #F2F2F2 none repeat scroll 0% 0%;
	border: medium none;
	font-family: "nexa_lightregular","Myriad Pro",Arial,"sans-serif";
}


/*.bloc_inscription .champs2 {	width:395px;}*/
.bloc_inscription label
{
	color:#FFFFFF;
	padding: 10px 0px 3px;
}
.bloc_inscription label.error {color:#febc72;}
.bloc_inscription form {	margin:0px 0px 0px 0px;}
.bloc_inscription input {color:#000000;}
.bloc_inscription input.b_connexion {color:#ffffff; font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";}
.bloc_inscription .graph {
	background:url('/client/studiocast/images/2015_v1/graph.png') repeat-x;
	height: 29px;
	margin-top: 25px;
	width: 450px;
}
.bloc_inscription a {	color:#FFFFFF; text-decoration:none;}
.bloc_inscription a:hover {	color:#FFFFFF;}
.bloc_inscription img {	vertical-align:middle; padding-right:10px;}

.vert {
	background:#1b1b1b;
	padding:14px 0px;
	text-align:left;
}

.vert img {
	float:left;
	padding:5px 15px 0 12px;
}
.vert h2 {
	color:#ffffff;

}
.inscription .decompte {
	color:#FFFFFF;
	font-size:20px;
}
/* =====[ BLOC droite ]======================================================================== */
.col_droite {
	width:450px;
	padding:0px 0px 0px 30px;
	background:#ffffff;

}
.col_droite h2 {
	padding-bottom:10px;
	border-bottom:none;
}
.col_droite textarea { width:443px;}
.col_droite input { width:214px;}
.col_droite .graph { background:url('/client/studiocast/images/2015_v1/graph.png') repeat-x middle; margin-top:15px; height:29px; }
.col_droite .graph input { width: 112px;}
.col_droite ul li{	list-style:none;	display:inline;}
.col_droite ul{	text-align:right}


.player {
	width:640px;
	margin:0 auto;
}
.bg_player {
	background:url('/client/studiocast/images/2015_v1/bg_player.png') no-repeat 0 0px ;
	height:400px;
	padding:30px 0;
}


/* =====[ FORMULAIRE ]======================================================================== */
label {
	display: table-cell;
	padding: 10px 0 3px 0;
	color:#000000;
	text-align:left;
	font-size:13px;
}
.error{color:#febc72;}
.error_label { color: #febc72; }
label img{
	padding-left:5px;
	vertical-align:middle;

}

input, textarea {
	background:#f2f2f2;
	padding:4px;
	border:none;
	font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";
	font-size:13px;
	color:#000000;
}


form {
	margin-bottom:30px;
}
.succes
{
	padding: 80px 0px 20px 50px;
	text-align: center;
}
.succes a
{
	color:#FFFFFF;
}
.succes a:hover
{
	color:#000000;
}

/* =====[ BOUTON ]======================================================================== */

.b_connexion {
	background:#1b1b1b;
	width:100px;
	border: 0px;
	font-size:15px;
	font-weight:normal;
	color:#ffffff;
	font-family: 'nexa_lightregular', "Myriad Pro", Arial, "sans-serif";
	cursor: pointer;
	float:right;
	/*text-shadow:0px 1px 2px #757575;*/
}
.b_connexion:hover {
	background:#32a5f3;
}

a.bouton {
	background:#003366;
	font-size:15px;
	color:#ffffff;
	font-weight:normal;
	text-decoration:none;
	padding:10px 40px;
	text-shadow:0px 1px 2px #757575;
}

a.bouton:hover {
	background:#000000;
	color:#ffffff;
}
/* =====[ SECTION _ INFO SUR LA CONFÉRENCE ]======================================================================== */

/*à remplacer */
ul.conferencier li
{
	list-style:none;
	margin:14px 0;
	min-height:120px;
	text-align:justify;
}
ul.conferencier { border-bottom:0px dashed #cccccc; margin-bottom:15px;}
ul.conferencier img{ float:left; padding-right:15px;}
ul.conferencier h2
{
	font-family: 'nexa_boldregular', "Myriad Pro", Arial, "sans-serif";
	color:#4c4c4e;
	font-size:17px;
	margin-bottom:10px;
	padding-top:15px;/*enlever si le titre est plus long*/
}

ul.conferencier h3{	color:#606060;}
/*fin*/



a.show, a.linkToggle {
	background:url('/client/studiocast/images/2015_v1/iconplus.png') no-repeat 0 0;
	padding:0 0 0 40px;
	display:inline-block;
	height:28px;
	text-decoration:none;
	margin-bottom:20px;
}
.showInfo{	border-bottom:1px dashed #cccccc; margin-bottom:15px;}
a.show.minus, a.linkToggle.minus {	background-position:0 -28px;}
.showInfo ul li{
	padding-bottom:6px;
	margin-left:18px;
	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/studiocast/images/2015_v1/pointeur_list.png');} /*pour une liste de téléchargement*/
.showInfo div {
	margin-bottom:15px;
}
/* =====[ SOCIAL -CONTACT ]======================================================================== */
.social {
	margin-top:60px;
	text-align: center;
	background:url('/client/studiocast/images/2015_v1/graph_social.png') repeat-x 20px center;
}


.social img{vertical-align:middle;}
.social ul {
	list-style:none;
	width:25%; /* ajusté le % selon le nombre d'icone*/
	margin:0 auto;
	background:#ffffff;}
.social ul li{	display:inline;}
/* =====[ BAS DE PAGE ]======================================================================== */

/*.footer_barre{
	 background:url('/client/studiocast/images/2015_v1/copyright_bg.jpg'); height:5px;
}*/
.footer {/*background:#373737;*/}
.footer ul { list-style:none; padding:40px 0; text-align:center; }
.footer ul li{
	display:inline-block;
	width:100px;
	min-height:125px;
	border-left:1px solid #ffffff;
	border-right:1px solid #e4e3e3;
	padding:0 25px;
	vertical-align:top;
}
.footer ul li:first-child{
	border-left:0;
	border-right:1px solid #e4e3e3;
}
.footer ul li:last-child{
	border-left:1px solid #ffffff;
	border-right:0;
}
.footer ul li img{	vertical-align:middle; padding-bottom:15px;}
.footer ul li a{ color:#606060;text-decoration:none;}
.footer ul li a:hover{color:#000000}
.copyright {
	background:#000000;/*background:url('/client/studiocast/images/2015_v1/copyright_bg.jpg');*/

	padding:30px 0;
	text-align:center;
	font-size:13px;
	color:#ffffff;

}
.copyright a {
	color:#ffffff;
	text-decoration:none;
}
.message_archive_inscription {padding:120px 0px 0px 55px; color:red;}
.message_archive {padding:20px 0px 160px 40px; color:red;}
.generic_error {color:#febc72;}
.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 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;
}

/* =====[ PPT ]======================================================================== */

.archive_ppt_nav {
	float:right;
}
.archive_ppt_nav div{
	float:left;
	padding: 10px 0px 10px 50px;
}
.archive_ppt_nav .next_fin{
	float:left;
	padding: 10px 10px 10px 50px;
}

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

@media only screen and (max-width:1024px) and (min-width:768px) and (-webkit-min-device-pixel-ratio: 1) and (orientation: portrait)
{
	.header
	{
		width:1001px;
	}
	.header .cadre
	{
		width:1001px;
	}
	.footer
	{
		width:1001px;
	}
	.bg_footer
	{
		height:0px;
	}
	.copyright
	{
		width:1001px;
	}
	.bloc_inscription .champs1
	{
    	width: 200px;
	}
	.bloc_inscription select
	{
    	width: 210px;
	}
}
@media only screen and (min-device-width: 768px) and (max-device-width: 1024px) and (orientation: landscape) and (-webkit-min-device-pixel-ratio: 1)
{
	.header
	{
		width:1024px;
	}
	.header .cadre
	{
		width:1024px;
	}
	.footer
	{
		width:1024px;
	}
	.bg_footer
	{
		height:0px;
	}
	.copyright
	{
		width:1024px;
	}
	.bloc_inscription .champs1
	{
    	width: 200px;
	}
	.bloc_inscription select
	{
    	width: 210px;
	}
}
/* ----------- iPhone----------- 4 */
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)
{
	.header
	{
		width:1001px;
	}
	.footer
	{
		width:1001px;
	}
	.bg_footer
	{
		height:0px;
	}
	.copyright
	{
		width:1001px;
	}
	.bloc_inscription .champs1
	{
   		width: 200px;
	}
	.bloc_inscription select
	{
	   	width: 210px;
	}
}
@media only screen and (min-device-width:320px) and (max-device-width:480px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape)
{
	.header
	{
		width:1001px;
	}
	.footer
	{
		width:1001px;
	}
	.bg_footer
	{
		height:0px;
	}
	.copyright
	{
		width:1001px;
	}
	.bloc_inscription .champs1
	{
   		width: 200px;
	}
	.bloc_inscription select
	{
	   	width: 210px;
	}
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: portrait)
{
	.header
	{
		width:1001px;
	}
	.footer
	{
		width:1001px;
	}
	.bg_footer
	{
		height:0px;
	}
	.copyright
	{
		width:1001px;
	}
	.bloc_inscription .champs1
	{
   		width: 200px;
	}
	.bloc_inscription select
	{
	   	width: 210px;
	}
}
@media only screen and (min-device-width:320px) and (max-device-width:568px) and (-webkit-min-device-pixel-ratio: 2) and (orientation: landscape)
{
	.header
	{
		width:1001px;
	}
	.footer
	{
		width:1001px;
	}
	.bg_footer
	{
		height:0px;
	}
	.copyright
	{
		width:1001px;
	}
	.bloc_inscription .champs1
	{
   		width: 200px;
	}
	.bloc_inscription select
	{
	   	width: 210px;
	}
}


@media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: landscape)
{
	.header
	{
		width:1000px;
	}
	.header .cadre
	{
		width:1000px;
	}
	.footer
	{
		width:1000px;
	}
	.bg_footer
	{
		height:0px;
	}
	.copyright
	{
		width:1000px;
	}
	.bloc_inscription .champs1
	{
    	width: 200px;
	}
	.bloc_inscription select
	{
    	width: 210px;
	}
}

@media only screen and (min-device-width: 360px) and (max-device-width: 640px) and (orientation: portrait)
{
	.header
	{
		width:1000px;
	}
	.header .cadre
	{
		width:1000px;
	}
	.footer
	{
		width:1000px;
	}
	.bg_footer
	{
		height:0px;
	}
	.copyright
	{
		width:1000px;
	}
	.bloc_inscription .champs1
	{
    	width: 200px;
	}
	.bloc_inscription select
	{
    	width: 210px;
	}
}

@media screen and (min-device-width: 800px) and (max-device-width: 1280px)
{
	.header
	{
		width:1000px;
	}
	.header .cadre
	{
		width:100%;
	}
	.footer
	{
		width:1000px;
	}
	.bg_footer
	{
		height:0px;
	}
	.copyright
	{
		width:1000px;
	}
	.bloc_inscription .champs1
	{
    	width: 200px;
	}
	.bloc_inscription select
	{
    	width: 210px;
	}
}

@media only screen and (min-device-width: 800px) and (max-device-width: 1280px) and (orientation: landscape)
{
	.header
	{
		width:1280px;
	}
	.header .cadre
	{
		width:1280px;
	}
	.footer
	{
		width:1280px;
	}
	.bg_footer
	{
		height:0px;
	}
	.copyright
	{
		width:1280px;
	}
	.bloc_inscription .champs1
	{
    	width: 200px;
	}
	.bloc_inscription select
	{
    	width: 210px;
	}
}
@media only screen and (min-device-width: 780px) and (max-device-width: 1280px) and (orientation: landscape)
{
	.header
	{
		width:100%;
	}
	.header .cadre
	{
		width:100%;
	}
	.footer
	{
		width:100%;
	}
	.bg_footer
	{
		height:0px;
	}
	.copyright
	{
		width:100%;
	}
	.bloc_inscription .champs1
	{
    	width: 200px;
	}
	.bloc_inscription select
	{
    	width: 210px;
	}
}