/******      GENERAL      ******/
*{
	margin:0;
	padding:0;
}



@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Regular.woff2') format('woff2'),
        url('../fonts/OpenSans-Regular.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Italic.woff2') format('woff2'),
        url('../fonts/OpenSans-Italic.woff') format('woff');
    font-weight: normal;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBoldItalic.woff') format('woff');
    font-weight: 600;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-SemiBold.woff2') format('woff2'),
        url('../fonts/OpenSans-SemiBold.woff') format('woff');
    font-weight: 600;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBold.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBold.woff') format('woff');
    font-weight: 800;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Bold.woff2') format('woff2'),
        url('../fonts/OpenSans-Bold.woff') format('woff');
    font-weight: bold;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-Light.woff2') format('woff2'),
        url('../fonts/OpenSans-Light.woff') format('woff');
    font-weight: 300;
    font-style: normal;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-LightItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-LightItalic.woff') format('woff');
    font-weight: 300;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-BoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-BoldItalic.woff') format('woff');
    font-weight: bold;
    font-style: italic;
}

@font-face {
    font-family: 'Open Sans';
    src: url('../fonts/OpenSans-ExtraBoldItalic.woff2') format('woff2'),
        url('../fonts/OpenSans-ExtraBoldItalic.woff') format('woff');
    font-weight: 800;
    font-style: italic;
}




body,html
{
	width:100%;
	height:100%;
}


body{
	font-family: 'Open Sans', sans-serif, 'Helvetica Neue', Helvetica, Arial, sans-serif;
	background-image:url(../images/icones/trame_gris.gif);
}


a img{
	border:0;
}

.sup_tm
{
	font-size:0.2em !important;
}

h2
{
	font-weight:400;
}

.gras
{
	font-weight:400;
}

.flexible
{
	width:100%;
	height:auto;
}

.couleur_neutre
{
	color:#93a5cd;
}

.no_mobile
{
	display:none !important;
	visibility:hidden !important;
}

.no_tablette
{
	display:none !important;
	visibility:hidden !important;
}
/*ecran loader////////*/
#ecran_loader
{
	position:fixed;
	width:100%;
	height:100%;
	z-index:2000;
	background-color:#FFF;
}
#ecran_loader img
{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-45px;
	margin-top:-45px;
}


/*volet filets////////*/
.volet
{
	width:0px;
	opacity: 0;
	filter: alpha(opacity =0);
	
}

.volet .img
{
	height:auto;
}


/*elements principaux de la page////////*/
#page_interieure
{
	width:100%;
	background-color:#FFF;
	position:relative;
	padding:0px;
	min-height:100%;
}

#page_interieure .chapeau
{
	font-weight:400;
	padding-bottom:30px;
	margin-bottom:30px;
	border-bottom:1px solid #000;
}

.row
{
	width:90%;
	padding-left:5%;
	position:relative;
}

#page_interieure h1
{
	font-size:1.7em;
	line-height:1em;
	font-weight:400;
	padding:15px 0px;
	margin-bottom:15px;
	border-bottom:1px solid #000;
}

.titre_liste
{
	padding-top:40px;
	padding-bottom:20px !important;
	border-bottom:none !important;
	margin-bottom:0px !important;
}

/*fin elements principaux de la page////////*/

/*nav de la page newsletter////////*/
.page_newsletters .chapeau
{
	border-bottom:none !important;
	padding-bottom:0px !important;
}


.page_newsletters h1
{
	border-bottom: none !important;
	margin-bottom:0px !important;
}

.page_newsletters nav
{
	border-bottom:1px solid #000;
	margin-bottom:40px;
}

.page_newsletters nav a
{
	display:inline-block;
	padding:5px;
	color:#fff;
	background-color:#536f8e;
	text-decoration:none;
}

.page_newsletters nav a:hover
{
	background-color:#000;
}

.page_newsletters nav .active
{
	background-color:#000 !important;
}


/*liste d'élements à télécharger////////*/
.ligne_element_download
{
	border-bottom:1px solid #ccc;
	margin-bottom:30px;
	overflow:hidden;
}

.ligne_element_download .visuel,.ligne_element_download .infos
{
	width:100%;
	margin-bottom:20px;
}

.ligne_element_download .visuel
{
	position:relative;
}

.ligne_element_download .voile
{
	position:absolute;
	background-color:#536f8e;
	width:100%;
	height:100%;
	opacity: 0;
	filter: alpha(opacity =0);
}

.ligne_element_download .picto
{
	position:absolute;
	left:50%;
	top:50%;
	margin-left:-25px;
	margin-top:-50px;
	opacity: 0;
	filter: alpha(opacity =0);
}

.ligne_element_download .visuel img
{
	display:block;
}

.ligne_element_download .infos a
{
	display:inline-block;

	background-color:#fff;
	text-decoration:none;
	color:#000;
	padding:5px 2px;
}
.ligne_element_download .infos a:hover
{
	background-color:#000;
	color:#FFF;
	
}

.ligne_element_download .infos p
{
	line-height:1.2em;
	padding-bottom:20px;
	color:#666;
}

.ligne_element_download h4
{
	padding-bottom:20px;
	font-weight:400;
	font-family: 'Open Sans', sans-serif;
	font-size:1.4em;
}

.ligne_element_shanghai h4
{
	color:#E30613;
}
.ligne_element_shanghai .voile
{
	background-color:#E30613;
}
.ligne_element_paris h4
{
	color:#801EA8;
}
.ligne_element_paris .voile
{
	background-color:#801EA8;
}
.ligne_element_new-york h4
{
	color:#0689FF;
}
.ligne_element_new-york .voile
{
	background-color:#0689FF;
}

/*page inscription newsletter*/
.form_subscribe_newsletter .contenu
{
	border-bottom:1px solid #000;
	overflow:hidden;
}
.form_subscribe_newsletter .row_form
{
	display:block;
	height:60px;
	margin-bottom:20px;
}

.form_subscribe_newsletter input[type="text"],.form_subscribe_newsletter select
{
	display:block;
	width:95%;
	border:none;
	background-color:#EDEDED;
	padding:2%;
	font-family:"Lucida Grande", "Lucida Sans Unicode", "Lucida Sans", "DejaVu Sans", Verdana, sans-serif;
	font-size:1em;
	box-sizing:border-box;
}
.form_subscribe_newsletter #zone_message
{
	clear:both;
}

.form_subscribe_newsletter .renseignement_manquant
{
	border:1px solid #ff0000 !important;
}

.form_subscribe_newsletter input[type=submit]{
	cursor:pointer;
	margin-bottom:20px;
    background: #000;
	padding:5px;
	color:#FFF;
	text-transform:uppercase;
	text-align:center;
	display:inline-block;
	font-size:0.9em;
	border:0px;
	margin-top:20px;
}
.form_subscribe_newsletter input[type=submit]:hover{
	background-color:#536f8e;
}


.form_subscribe_newsletter #msg_alert
{
	font-weight:400;
	clear:both;
}

.form_subscribe_newsletter .rouge
{
	color:red !important;
}


.form_subscribe_newsletter .vert
{
	color:#04C000 !important;
}

/*damier////////*/
.damier_row
{
	padding-bottom:40px;
	position:relative;
	width:100%;
	overflow:hidden;
}
	
.damier_row .colonne
{
	width:100%;
	position:relative;
	overflow:hidden;
}
.damier_row .colonne .bloc
{
	width:90%;
	position:relative;
	left:5%;
	margin-bottom:30px;
	text-align:center;

}

.damier_row .colonne .bloc img
{
	width:100%;
	height:auto;
	display:block;
}
	
#colonne_infos_medias
{
		background-color:#536f8e;
		color:#fff;
		padding:20px;
}
#colonne_infos_medias h3
{
	font-size:2em;
	line-height:1em;
	font-weight:300;
	padding-bottom:20px;
}

#colonne_infos_medias h4
{
	font-size:1.3em;
	font-weight:400;
	border-bottom:1px solid #fff;
	padding-bottom:10px;
	margin-bottom:10px;
}

#page_press 
{
	padding-bottom:20px;
	overflow:hidden;
	border-bottom:1px solid #000;
}

/*contact////////*/
.row_contact
{
	overflow:hidden;
	padding-bottom:20px;
}
.row_contact a
{
	color:#000;
	text-decoration:none;
}
.row_contact h2
{
	font-size:2em;
	font-weight:400;
	border-bottom:1px solid #000;
	margin-bottom:20px;
	padding-bottom:20px;
	color:#E30613;
	line-height:1em;
}
.row_contact h3
{
	font-size:1.4em;
	font-weight:400;
	text-transform:uppercase;
	padding-bottom:5px;
	margin-bottom:10px;
	border-bottom:1px solid #ccc;
	color:#536f8e;
}

.row_contact h4
{
	font-size:1.2em;
	font-weight:400;
}

.row_contact p
{
	padding-bottom:10px;
}


/*/colonnes*/
.colonne30,.colonne35,.colonne40,.colonne45,.colonne50,.colonne55,.colonne60,.colonne65,.colonne70
{
	margin-bottom:20px;
	clear:both;
}
/*/fin colonnes*/


/*/blocs interne*/
.bloc_interne
{
	margin-bottom:20px;
}
/*/fin blocs interne*/

/*/Page about Spinexpo*/
.page_about_spinexpo h1
{
	font-size:3em !important;
}
.page_about_spinexpo h1 img
{
	display:none;
	visibility:hidden;
}

.page_about_spinexpo #bloc_intro
{
	background-color:#E30613;
	color:#fff;
	font-size:1.8em;
	font-weight:400;
	position:relative;
	z-index:1;
}


.page_about_spinexpo #bloc_intro p
{
	width:90%;
	padding:5%;
}

.page_about_spinexpo #bloc_haut_page p
{
	padding-top:20px;
	line-height:1.4em;
}

.page_about_spinexpo section
{
	clear:both;
	padding-top:40px;
	overflow:hidden;
}

.page_about_spinexpo h2
{
	font-size:2em;
	font-weight:300;
	line-height:1em;
	padding-bottom:20px;
	border-bottom:1px solid #000;
	margin-bottom:20px;
}

.page_about_spinexpo #section_double_colonne h2
{
	border-bottom:0px !important;
	margin-bottom:0px !important;
}

.page_about_spinexpo #section_double_colonne .colonne45
{
	padding-top:20px;
	border-top:1px solid #000;

}

.page_about_spinexpo #section_double_colonne .colonne45 p
{
	padding-bottom:20px;
	line-height:1.4em;
}

.page_about_spinexpo #section_double_colonne .chapeau
{
	font-size:1.5em;
	font-weight:400;
	color:#0689FF;
	line-height:1.2em !important;
	padding-bottom:20px !important;
	margin-bottom:0px !important;
	border-bottom:none !important;
}

.page_about_spinexpo #citation
{
	overflow:visible;
}
.page_about_spinexpo #citation .contenu
{
	background-color:#EAEAEA;
	font-weight:400;
	font-size:1.5em;
	text-align:center;
}

.page_about_spinexpo #citation .contenu #quote1
{
	position:relative;
	height:65px;
}

.page_about_spinexpo #citation .contenu #quote2
{
	position:relative;
	height:65px;
}

.page_about_spinexpo #citation .contenu #quote1 img
{
	position:absolute;
	top:-30px;
	left:0;
}

.page_about_spinexpo #citation .contenu #quote2 img
{
	position:absolute;
	bottom:-30px;
	right:0;
}

.page_about_spinexpo #section_global_reach p
{
	line-height:1.4em;
	padding-bottom:0px;
}

.page_about_spinexpo #section_global_reach .chapeau
{
	font-size:1.5em;
	font-weight:400;
	color:#801EA8;
	line-height:1.2em !important;
	border-bottom:none !important;
}

.page_about_spinexpo #section_bas_page p
{
	line-height:1.4em;
	padding-bottom:0px;
}

.page_about_spinexpo #section_bas_page .chapeau
{
	font-size:1.5em;
	font-weight:400;
	color:#E30613;
	line-height:1.2em !important;
	border-bottom:none !important;
}

.page_about_spinexpo #bas_page
{
	background-color:#EAEAEA;
	margin-top:40px;
	padding:40px 0px;
	font-weight:400;
	text-align:center;
	font-size:2em;
}

footer
{
	background-color:#000;
	color:#fff;
	padding:20px 0px;
	text-align:center;
	font-size:0.85em;
}

footer a
{
	font-size:1em !important;
}

/*page seminar////////*/
.bloc_seminar
{
	padding:5%;
	border:1px solid #ccc;
	margin-bottom:20px;
}

.bloc_seminar h2
{
	font-size:1.5em;
	border-bottom:1px solid #000;
	margin-bottom:15px;
	padding-bottom:10px;
}

.bloc_seminar p
{
	padding-bottom:10px;
}

.bloc_seminar .date
{
	color:#E30613;
	font-weight:400;
	border-bottom:1px solid #000;
	margin-bottom:15px;
}

@media screen and (min-width: 640px)
{
	.no_mobile
	{
	display:block !important;
	visibility:visible !important;
	}
	/*elements principaux de la page////////*/
	#page_interieure
	{
		width:95%;
		left:2.5%;
	}
	
	#page_interieure .chapeau p
	{
		width:60%;
	}
	
	#page_interieure h1
	{
	font-size:3em;
	padding:40px 0px;
	margin-bottom:40px;
	}
	
	/*fin elements principaux de la page////////*/
	
	.ligne_element_download
	{
		margin-bottom:50px;
	}
	
	.ligne_element_download .visuel
	{
		width:40%;
		float:left;
		margin-bottom:0px;
	}
	
	.ligne_element_download .infos
	{
		width:55%;
		margin-left:5%;
		float:left;
		margin-bottom:0px;
	}
	
	/*page inscription newsletter*/
	.form_subscribe_newsletter .colonne50
	{
		width:50%;
		float:left;
	}
	
	/*/damier*/
	.damier_row .colonne
	{
		width:50%;
		float:left;
	}
	
	/*contact////////*/
	.row_contact .colonne1
	{
		width:45%;
		padding-right:10%;
		float:left;
	}
	
	.row_contact .colonne2
	{
		width:45%;
		float:left;
	}
	
	.row_contact h3
	{
		padding-top:15px;
	}
	
		
	
	/*/blocs interne*/
	.bloc_interne
	{
		float:left;
		width:47.5%;
	}
	.marge_gauche_bloc_interne
	{
		margin-left:5%;
	}
	/*/fin blocs interne*/

	/*/Page about Spinexpo*/
	.page_about_spinexpo h1
	{
		font-size:5em !important;
	}
	.page_about_spinexpo h1 img
	{
		display:inline;
		visibility:visible;
	}
	.page_about_spinexpo h2
	{
	font-size:3.5em;
	}
	
	.page_about_spinexpo #section_global_reach
	{
		padding-top:80px;
	}
	
	/*page seminar////////*/	
	.bloc_seminar h2
	{
		font-size:2.5em;
	}
}
/*/mediaquery*/

@media screen and (min-width: 960px)
{
	#spinexplore_shanghai
	{
		background-color:#E30613 !important;
		margin-top: 20px;
	}
	#spinexplore_paris
	{
		background-color:#801EA8 !important;	
		margin-top: 20px;
	}
	#spinexplore_new_york
	{
		background-color:#0689FF !important;	
		margin-top: 20px;
	}
	.no_tablette
	{
	display:block !important;
	visibility:visible !important;
	}
	
	#page_interieure h1
	{
	font-size:4em;
	}
	/*/damier*/
	.damier_row .colonne
	{
	/*width:33.333333%;*/
	}
	
	#colonne_logo_medias
	{
		width:60%;
		float:left;
	}
	
	#colonne_infos_medias
	{
		width:25%;
		padding:2.5%;
		float:right;
	}

	/*/colonnes*/
	.colonne30,.colonne35,.colonne40,.colonne45,.colonne50,.colonne55,.colonne60,.colonne65,.colonne70
	{
		clear:none;
	}
	.colonne30
	{
		width:30%;
	}
	.colonne35
	{
		width:35%;
	}
	.colonne40
	{
		width:40%;
	}
	.colonne45
	{
		width:45%;
	}
	.colonne50
	{
		width:50%;
	}
	.colonne55
	{
		width:55%;
	}
	.colonne60
	{
		width:60%;
	}
	.colonne65
	{
		width:65%;
	}
	.colonne70
	{
		width:70%;
	}
	.marge_gauche_colonne
	{
		margin-left:5%;
	}
	.marge_droite_colonne
	{
		margin-right:5%;
	}
	.flottant_gauche
	{
		float:left;
	}
	.flottant_droite
	{
		float:right;
	}
	/*/fin colonnes*/
	
	
	/*/blocs interne*/
	.bloc_interne
	{
		float:none;
		width:100%;
	}
	.marge_gauche_bloc_interne
	{
		margin-left:0%;
	}
	/*/fin blocs interne*/
	
	/*/Page about Spinexpo*/
	.page_about_spinexpo h1
	{
		font-size:7em !important;
	}
		
	.page_about_spinexpo #bloc_haut_page
	{
	position:relative;
	z-index:0;
	margin-top:-150px;
	}
	.page_about_spinexpo h2
	{
	font-size:4.5em;
	}
	.page_about_spinexpo #citation .contenu
	{
		font-size:2em;
	}
	/*page seminar////////*/	
	.bloc_seminar h2
	{
		font-size:3.5em;
	}
	
}
@media screen and (min-width: 1260px)
{
	#page_interieure
	{
		width:1197px;
		margin:0 auto;
		left:auto;
	}
	#page_interieure h1
	{
	font-size:5em;
	}
	
	/*/Page about Spinexpo*/
	.page_about_spinexpo h1
	{
		font-size:9em !important;
	}
	
}
/*/mediaquery*/