/* ----------------------------- */
/* SOMMAIRE                      */
/* ----------------------------- */
/*
/*  1 - Reset
/*  2 - Structure
/*  3 - Navigation
/*  4 - Modules
/*  5 - Formulaires
/*  7 - main
/*  8 - iefix
/*  9 - print
/* 10 - desktop medias
/* 11 - mobile
/*  x - Tricks
/* ----------------------------- */

/* ----------------------------- */
/* 1 - Reset                     */
/* ----------------------------- */

@import url("fonts.css");
@import url("formations.css");
@import url("icomoon/style.css");
/*@import url("font-awesome/css/font-awesome.min.css");*/

/* base font-size corresponds to 10px and is adapted to rem unit */
html { font-size: 62.5%; }
body {
	font-family: opensans-regular, sans-serif;
	font-size: 1.4em; /* equiv 14px */
	line-height: 1.5; /* adapt to your design */
	color: #555;
	background: #f7f7f7 repeat scroll 0 0 transparent;
	-webkit-font-smoothing: antialiased;
	-webkit-text-size-adjust: 100%;
}
::selection {
	background: #cc267e;
	color: #FFFFFF;
}

*,
*:before,
*:after {
   -moz-box-sizing: border-box;
   -webkit-box-sizing: border-box;
   box-sizing: border-box;
}

/* font-sizing for content */
p, ul, ol, dl,
blockquote,
pre, td, th,
label, textarea, caption,
details, figure, hgroup {
	margin: .75em 0 0;
	font-size: 1em; /* equiv 14px */
	line-height: 1.5;
}

.noList { list-style: none; }
h1, .h1-like, h2, .h2-like,
h3, .h3-like, h4, .h4-like,
h5, .h5-like {
	font-family: opensans-regular, sans-serif;
	font-weight: 400;
	color: #000;
}
h1, .h1-like {
	font-size: 34px;
	line-height: 1.4154em;
	margin: .4em 0 .4em 0;
	color:#333;
	font-family: opensans-light, sans-serif;
}
.content h1 a, h1 a {
	text-decoration: none;
	color: #000;
}
.content h2 span.centered, .content h3 span.centered, .content h4 span.centered {
	display: inline-block;
	vertical-align: middle;
	height: 50px;
	width: 50px;
	margin-right: 10px;
	color: #fff!important;
	text-align: center;
	background: #4094c7;
	border-radius: 100%;
}
.content h2 span.centered span, .content h3 span.centered span, .content h4 span.centered span {
	display: inline-block;
	vertical-align: middle;
}
h2, .h2-like {
	font-size: 2em; /* equiv 24px */
	line-height: 1.75em;
	margin: .875em 0 .875em 0;
	font-family: opensans-light, sans-serif;
}
h2.bleu {
	color: #006fb7;
	background-image: url(/images/2013/titre-bleu.png);
	border-bottom: 1px #006fb7 solid;
}
h3, .h3-like {
	font-size: 1.5714em; /* equiv 22px */
	margin: .9545em 0 .9545em 0;
	font-family: opensans-light, sans-serif;
	color:#666;
}
h4, .h4-like {
	font-family: opensans-regular, sans-serif;
	font-size: 1.2em;
	line-height: 1.6em;
	margin:  1.1667em 0 0 0;
}
h5, .h5-like {
	font-size: 1.2em;
	line-height: 1.3125em;
	margin:  1.3125em 0 0 0;
	text-transform: uppercase;
}
h6, .h6-like {
	font-size: 1.2em;
	line-height: 1.3125em;
	margin:  1.3125em 0 0 0;
}
.noTitle h4, .noTitleh2 h2 { display: none !important; }
.displayBlock { display: block; }
.displayNone { display: none !important; }

/* alternate font-sizing */
.smaller { font-size: .7143em; /* equiv 10px */ }
.small { font-size: .8571em; /* equiv 12px */ }
.big { font-size: 1.1429em; /* equiv 16px */ }
.bigger { font-size: 1.2857em; /* equiv 18px */ }
.biggest { font-size: 1.4286em; /* equiv 20px */ }
.f12 { font-size: .8571em; /* equiv 12px */ }
.f14 { font-size: 1.0769em;  /* equiv 14px */ }
.f16 { font-size: 1.1429em; /* equiv 16px */ }
.f18 { font-size: 1.2857em; /* equiv 18px */ }

html, body,
textarea, figure, label {
	margin: 0;
	padding: 0;
}
ul, ol { padding-left: 2em; }
.noList ul, ul.noList {
	list-style: none;
	padding: 0;
}
code, pre, samp {
	white-space: pre-wrap;
	font-family: consolas, 'DejaVu Sans Mono', courier, monospace;
}
code { line-height: 1em; }
table { margin-bottom: 1.5em; }

/* avoid top margins on first content element */
p:first-child, ul:first-child,
ol:first-child, dl:first-child,
blockquote:first-child,
pre:first-child, h1:first-child,
h2:first-child, h3:first-child,
h4:first-child, h5:first-child,
h6:first-child { margin-top: 0; }

li p, li ul, li ol {
	margin-top: 0;
	margin-bottom: 0;
}
img, table, td, blockquote, code, pre, textarea, input, video { max-width: 100%; }
img {
	width: auto;
	height: auto;
	vertical-align: middle;
}
a img { border: 0; }

/* scripts */
body > script {display: none !important;}

/* skip-links */
.skip-links { position: absolute; }
.skip-links a {
	position: absolute;
	left: -9999px;
	padding: 0.5em;
	background: #000;
	color:#fff;
	text-decoration: none;
}
.skip-links a:focus { position: static; }
* {
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	box-sizing: border-box;
}
/* .mod, .item { overflow: hidden; } */
.row {
	display: table;
	table-layout: fixed;
	width: 100%;
}
.row > *, .col {
	display: table-cell;
	vertical-align: top;
}

.clear, .line, .row { clear: both; }
.clear {
	line-height: 1px;
	height: 1px;
}
.clearfix:after, .line:after, .mod:after {
	content: "";
	display: table;
	clear: both;
}

/* ----------------------------- */
/* 2 - Structure                 */
/* ----------------------------- */

/* #article {overflow:hidden;} */
#article span.ico-h1 {color: #d7d7d7;font-size: 1.6em;vertical-align: top;margin-right: 10px;}
#article span.ico-h2 {color:rgba(126,10,83,0.6);}

.d-flex{
	display: flex;
	flex-wrap: wrap;
}
#leftbar {
	position: relative;
	top:-60px;
	z-index: 1;
	width: 25%;
	max-width: 25%;
	flex: 1 0 25%;
}
#contents{
	flex: 1;
}

@media (min-width:1024px) {
	#leftbar + #contents{
		flex: 1 0 75%;
		max-width: 75%;
		margin: 0 auto;
	}
	.accueil_medialibs #leftbar + #contents,
	.cms #leftbar + #contents{
		flex: 1 0 100%;
		max-width: 100%;
	}

	/* @changelog 2023-01-19 [EVOL] (Nicolas) Suppression de la leftbar */
	body.no-leftbar #leftbar + #contents {
		flex: 1 0 100%;
		max-width: 100%;
	}
}
/*#wrapper { background: url(/images/2013/bgLeft.png) repeat-y; }*/

#leftbar .firstLevel li a {
	display: block;
	padding: 14px 3px 14px 10px;
	text-decoration: none;
	border-bottom: 1px #ededed solid;
	color:#555;
	font-size:13px;
}
#leftbar .firstLevel li a:hover, #leftbar .firstLevel li.active a {
	color: #d4007f;
}
#leftbar .title {
	height: 60px;
	line-height: 60px;
	background: #f5f5f5 url(/images/2013/titre.png) 10px 50% no-repeat;
	border-radius:8px 0 0 0;
}

/* #leftbar .widget h3 {
	color: #323232;
    font-size: 16px;
    padding: 24px 3px 24px 30px;
    margin-bottom: 0;
    background: #f5f5f5 url(/images/2013/titre.png) 10px 50% no-repeat;
    border-radius: 6px 6px 0 0;} */

#leftbar h4, .formations a.gradient {
	display:block;
	padding-top: 13px;
	padding-bottom: 13px;
	background: #448ec0; /* Old browsers */
	font-size: 1.1429em; /* equiv 15px */
	font-weight: normal;
	color: #fff;
	text-align: center;
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0OGVjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIxNzliNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzA3NjlhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzdhYjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #448ec0 0%, #2179b4 50%, #0769ab 51%, #237ab5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#448ec0), color-stop(50%,#2179b4), color-stop(51%,#0769ab), color-stop(100%,#237ab5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #448ec0 0%,#2179b4 50%,#0769ab 51%,#237ab5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #448ec0 0%,#2179b4 50%,#0769ab 51%,#237ab5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #448ec0 0%,#2179b4 50%,#0769ab 51%,#237ab5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #448ec0 0%,#2179b4 50%,#0769ab 51%,#237ab5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448ec0', endColorstr='#237ab5',GradientType=0 ); /* IE6-8 */
}

/* #header {height:93px;} */

#headerTop {
	background: #f5f5f5;
	font-size: 12px;
	line-height:12px;
}

#headerTop ul {margin:0;line-height: 0;}
#headerTop li a {padding:0 10px 0 6px;color: #666666;  -webkit-transition: color .3s ease-in-out;
  -moz-transition: color .3s ease-in-out;
  -o-transition: color .3s ease-in-out;
  -ms-transition: color .3s ease-in-out;
  transition: color .3s ease-in-out;
text-decoration:none;}
#headerTop li a:hover {padding:0 10px 0 6px;color: #333333;}
#headerTop li {display:inline-block;margin:0;line-height:12px;border-right:1px solid #666666;}
#headerTop li:last-child {border-right:none;}

#headerInner {
	position:relative;
	width:100%;
	z-index:1000;
}

#headerInner.scrollMenu {position:fixed;top:0px;border-bottom:1px solid #ededed;}

#logo a {
	display: block;
	width: 152px;
	height: 60px;
	text-indent: -9999px;
	background: url(/images/medialibs/medialibs-logo.svg) 50% 50% no-repeat;
}

.connexion{
	float: right;
	padding: 2px 12px;
	margin-top: 20px;
	font-size: .9em;
	color: #fff;
	background: #141414; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzE0MTQxNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMzMzMzMzMiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top,  #141414 0%, #333333 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#141414), color-stop(100%,#333333)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top,  #141414 0%,#333333 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top,  #141414 0%,#333333 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top,  #141414 0%,#333333 100%); /* IE10+ */
	background: linear-gradient(to bottom,  #141414 0%,#333333 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#141414', endColorstr='#333333',GradientType=0 ); /* IE6-8 */
	border-radius: 4px;
	box-shadow: 0 0 2px 2px rgba(200, 200, 200, 1);
}
.connexion a {
	color: #fff;
	text-decoration: underline;
}
.connexion p {
	margin: 0;
	line-height: 30px;
}
.connexion .widgetContainer {
	height: 30px;
	padding-left: 45px;
	line-height: 30px;
	background: url(/images/2013/connexionLogo.png) no-repeat 0 50%;
}

#chapterpicture {
	height: 248px;
	background-size: cover !important;
	overflow: hidden;
}

/* @changelog 2023-01-19 [EVOL] (Nicolas) Affichage du H1 dans le header */
#chapterpicture {
	display: flex;
	justify-content: center;
	align-items: center;
	background: url(/images/medialibs/medialibs-open-space.jpg);
	box-shadow: 0 -15px 50px rgba(0,0,0,0.2) inset;
	z-index: 1;
}

	/* @changelog 2023-01-19 [EVOL] (Nicolas) Contextualisation de l'image par rapport à la classe dans le body */
	body.bandeau-nous_connaitre #chapterpicture {
		background: url(/images/medialibs/bandeaux/nous_connaitre.jpg);
	}

	body.bandeau-team #chapterpicture {
		background: url(/images/medialibs/bandeaux/equipe.jpg);
	}

	body.bandeau-contact #chapterpicture {
		background: url(/images/medialibs/bandeaux/contact.jpg);
	}

	body.bandeau-integration #chapterpicture {
		background: url(/images/medialibs/bandeaux/integration.jpg);
	}

	body.bandeau-developpement #chapterpicture {
		background: url(/images/medialibs/bandeaux/developpement.jpg);
	}

	body.bandeau-serveur #chapterpicture {
		background: url(/images/medialibs/bandeaux/serveur.jpg);
	}

	body.bandeau-formation #chapterpicture {
		background: url(/images/medialibs/bandeaux/formation.jpg);
	}

	body.bandeau-rejoindre #chapterpicture {
		background: url(/images/medialibs/bandeaux/rejoindre.jpg);
	}

#chapterpicture h1 {
	color: #ffffff;
}

/*.breadcrumb2 {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 1;
	width: 100%;
	height: 27px;
	background: url(/images/2013/breadcumb.png) repeat;
}
.breadcrumbShadow {
	position: absolute;
	bottom: 0;
	left: 0;
	z-index: 2;
	width: 100%;
	height: 15px;
	background: url(/images/2013/breadcumbShadow.png) no-repeat 50% 100% ;
}*/

/* #leftbar .widget { margin: 0 0 15px 0; border: 1px #ededed solid; border-radius: 8px 8px 0 0; } */

#leftbar .widgetTextInner {
	border-top: none;
}

.container { 
	position:relative;
	margin-bottom: 10px;
}

.container iframe { width: 100%; height: 100%; }
.container img { width: 100%; height: 100%; }

#footer {
	min-height: 177px;
	color: #ffffff;
	background: #000000;
}

#footer .small {font-size:12px;}

#footer h3 {
	margin-bottom: 20px;
	font-size: 14px;
	color: #ffffff;
    padding-bottom: 10px;
    border-bottom: 1px solid #ffffff;
}
#footer a {
	color: #c7c7c7;
	text-decoration: none;
}
#footer a:hover { color: #fff; }
#footer .wPropos { width: 35.514018691%; }
#footer .widgetShortcutTools,
#footer .widgetText { width: 13.3956386293%; }
#footer .wLiensSoc { width: 24.2990654206%; }

#footer .widgetShortcutTools:last-child {margin-right:0!important;}

/* ----------------------------- */
/* 3 - Navigation                */
/* ----------------------------- */
.breadcrumb {
	position: absolute;
	top: 70px;
	/* left: 20px; */
	left: calc( (100% - 1080px) / 2);
	z-index: 2;
}

@media (max-width:1080px){
	.breadcrumb {
		left: 15px;
		font-size: 10px;
	}
}

.breadcrumb a {color:#d7d7d7!important;}
.breadcrumb a:hover {color:#fff!important;}
/* ----------------------------- */
/* 4 - Modules                   */
/* ----------------------------- */

/* ----------------------------- */
/* 5 - Formulaires               */
/* ----------------------------- */
form, fieldset { border: none; }
.radio { margin: 7px 0 0 10px; }
input, button,
select, label { vertical-align: middle; }
form .row {
	display: block;
	overflow: hidden;
}
.error_form { color:red; }
.multi_radio, .multi_checkbox {
	float: left;
	display: block;
	margin-left: 0em;
}
.multi_radio label, .multi_checkbox label {
	display: inline-block !important;
	vertical-align: middle !important;
	width: auto;
	font-weight: 700;
}
.multi_checkbox.other ul, .multi_radio.other ul { list-style: none; }
.row > *, .col {
	display: table-cell;
	vertical-align: top;
	/* padding: 1em; */
	padding: 5px 0;
}
.formulaire .row > div, .formulaire .row > span { display: block; }
.noLinkFormation .formulaire .row > span {
	float: left;
	width: 320px;
}
form label {
	float: left;
	display: block !important;
	vertical-align: middle !important;
	width: 200px;
	padding-right: 0 !important;
	margin-right: 1em;
	font-weight: 700;
	text-align: right;
	overflow: hidden;
}

/* buttons */
.btn {
	display: inline-block;
	padding: 10px 18px;
	font-size: 1em;
	color: #fff;
	text-align: center;
	text-decoration: none;
	/*text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25);*/
	background-color: #D71F85;
	background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
	background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
	background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
	background-image: -o-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
	background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
	border-bottom: 0;
	border-radius: 5px;
	/*box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);*/
 }
/*OLD
.btn.blue, .btn.blue2 {
	display: inline-block;
	padding: 10px 30px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #777;
	background: #18b2ea;
	background: -moz-linear-gradient(top, #18b2ea 0%, #0097ce 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#18b2ea), color-stop(100%,#0097ce));
	background: -webkit-linear-gradient(top, #18b2ea 0%,#0097ce 100%);
	background: -o-linear-gradient(top, #18b2ea 0%,#0097ce 100%);
	background: -ms-linear-gradient(top, #18b2ea 0%,#0097ce 100%);
	background: linear-gradient(to bottom, #18b2ea 0%,#0097ce 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b2ea', endColorstr='#0097ce',GradientType=0 );
	border: 1px solid #479ccf;
	border-color: #16a5d9 #0b8cbc #00759f;
	box-shadow: inset 0px 1px 1px #80d5f3;
	cursor: pointer;
}*/

.btn.blue, .btn.blue2 { display: inline-block;
    font-size: 14px;
    color: #ffffff;
    background: #18b2ea;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 60px;
    font-family: opensans-bold,sans-serif;
    padding: 12px 2padding: 12px 34px;
    text-decoration: none;
   }
    
.btn.blue:hover, .btn.blue2:hover {
	background: #0097ce;
}
/*OLD 

.btn.violet {
	padding: 10px 30px;
	font-size: 14px;
	color: #fff;
	text-align: center;
	text-decoration: none;
	text-shadow: 0 1px 1px #777;
	border-color: #cc267e;
	background: #cc267e;
	background: -moz-linear-gradient(top, #d2418e 0%, #cc267e);
	background: -webkit-gradient(linear, left top, left bottom, from(#d2418e), to(#cc267e));
	border-radius: 5px;
	box-shadow: inset 0 1px 1px #ebb6d2;
}*/

.btn.violet {
    display: inline-block;
    font-size: 14px;
    color: #ffffff;
    background: #d4007f;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -moz-border-radius: 3px;
    -webkit-border-radius: 3px;
    -khtml-border-radius: 3px;
    border-radius: 60px;
    font-family: opensans-bold,sans-serif;
    padding: 12px 34px;
    text-decoration: none;
}

.btn.violet:hover { background: #b6016d; }

.arrow {
	padding-left: 15px;
	background: url(/images/2013/arrow-single-right-green.png) no-repeat 0 50%;
}
.btn.cercle {
	width: 30px;
	height: 30px;
	background: url(/images/2013/imageLien.png) no-repeat 50% 50%;
}
.btn.cercle2 {
	width: 30px;
	height: 30px;
	background: url(/images/2013/imageLien2.png) no-repeat 50% 50%;
}
.btn.cercle span, .btn.cercle2 span { display: none; }

/* forms items */
label { cursor: pointer; }
legend {
	border: 0;
	white-space: normal;
}
button, input, select {
	font-size: 100%;
	margin: 0;
	vertical-align: baseline;
	*vertical-align: middle; /* Improves appearance in IE6/7 */
}
textarea {
	overflow: auto; /* Removes default vertical scrollbar on empty textarea in IE6/7/8/9 */
	min-height: 5em;
	vertical-align: top;
	resize: vertical;
}
span.aide p {
    /* margin-right: 27%; */
    /* text-align: justify; */
}
input.rgpd[type="checkbox"], input.rgpd[type="radio"] {
    margin-bottom: 5em;
}
button, input[type="button"],
input[type="reset"], input[type="submit"] {
	cursor: pointer;
	-webkit-appearance: button; /* clickable input types in iOS */
	*overflow: visible; /* Corrects inner spacing displayed oddly in IE7 */
}
input[type="checkbox"], input[type="radio"] {
	float: left;
	padding: 0; /* Corrects excess space around these inputs in IE8/9 */
	margin-right: 0.5em;
	margin-top: 0.2em;

	*width: 13px; *height: 13px; /* Corrects excess space around these inputs in IE7 */
}
input[type="search"] { -webkit-appearance: textfield; }

/* if select styling bugs on WebKit */
/* select { -webkit-appearance: none; } */

/* 'x' appears on right of search input when text is entered. This removes it */
input[type="search"]::-webkit-search-decoration,
input[type="search"]::-webkit-search-cancel-button,
input[type="search"]::-webkit-search-results-button,
input[type="search"]::-webkit-search-results-decoration { display: none; }
::-webkit-input-placeholder { color: #777; }
input:-moz-placeholder, textarea:-moz-placeholder   { color: #777; }

/* Removes inner padding and border in FF3+ */
button::-moz-focus-inner,
input[type='button']::-moz-focus-inner,
input[type='reset']::-moz-focus-inner,
input[type='submit']::-moz-focus-inner {
	border: 0;
	padding: 0;
}
input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"],
input[type="email"], input[type="month"], input[type="number"], input[type="password"],
input[type="search"], input[type="tel"], input[type="text"], input[type="time"],
input[type="url"], input[type="week"], select, textarea, button, input[type="button"] {
	min-width: 300px;
	padding: .2em 0 .2em .2em;
	border: 1px solid #ccc;
}
.formulaire .submit { text-align: center; }

#formpersonnalise9745 .multi_checkbox {width:100%;margin-left:200px;}

/* ----------------------------- */
/* 6 - Spécifique                */
/* ----------------------------- 
.solutionWebPortal #wrapper {
	width: 100%;
	max-width: 100%;
	background-image: none;
}
.solutionWebPortal #contents {
	top: 0;
	padding-left: 0;
	margin-bottom: 0;
	overflow: visible;
}
.solutions_web #leftbar, .solution-web .breadcrumbShadow { display: none; }
.solutionWebPortal .breadcrumb {
	right: 50%;
	width: 1080px;
	margin-right: -540px;
}
.solutionWebPortal .sectionDescription {
	font-family: 'Open Sans', Arial, sans-serif;
	font-size: 18px;
	color: #999;
}
.solutionWebPortal .bGreyLight .sectionDescription { color: #666; }
.solutionWebPortal #solutionsCMS .cms img { cursor: pointer; }
.solutionWebPortal .cms a, .solutionWebPortal .linkWithPin {
	display: block;
	font-size: 14px;
	line-height: 32px;
	color: #0097ce;
	text-decoration: none;
}
.solutionWebPortal .cms a:hover, .solutionWebPortal .linkWithPin:hover { text-decoration: underline; }
.solutionWebPortal .cms a:before, .solutionWebPortal .linkWithPin:before {
	content: '\f105';
	display: inline-block;
	vertical-align: top;
	margin: 7px 5px 0 0;
	font: normal normal 18px/1em fontAwesome;
	color: #0097ce;

}*/

a.certif {
  padding:20px 0;
  border:1px solid #ccc;
  font-size: 1.5714em;
  font-family: opensans-regular, sans-serif;
  color: #000;
  text-decoration:none!important;
  display:block;
  margin-bottom:24px;
  transition: all .3s ease-in-out;
}
a.certif:hover {background:#f4f4f4;}

/* ----------------------------- */
/* X - Tricks                    */
/* ----------------------------- */
.txtbold { font-weight: bold; }
.txtitalic, .txtnormalitalic { font-style: italic; }
.txtnormalbold { font-weight: normal; }
.txtuppercase { text-transform: uppercase; }
.lh120{ line-height: 120%; }
.cursor{ cursor: pointer; }

.cblack      { color: #000; }
.cwhite      { color: #FFF; }
.cDarkGrey   { color: #323232; }
.cDarkGrey2  { color:#3c3c3c; }
.cRose       { color: #e2afc5 !important; }
.cRose2      { color: #cc267e !important; }
.cLightGrey  { color: #999; }
.colorViolet { color: #7e0a53 !important; }
.colorPink   { color:#d4007f; }
.colorBlue   { color: #4094c7 !important; }
.cGreen      {color:#6dcd6e;font-size:16px!important;}
.cGrey       {color:#cccccc;font-size:16px!important;}

.accroche, .formations .chapo_description{font-family: opensans-regular, sans-serif; font-size: 18px; line-height: 30px; border-bottom: 1px solid #ccc; color: #666; padding-bottom: 30px; margin-bottom: 30px; clear:both;}
.cBlueEM     {color: #262f72 !important; }
.cOrangeIM   {color: #f19305 !important; }

.content a { color: #666; text-decoration: underline; }
.lDarkGrey a { color: #323232; }
.noLink a, a.noLink, .content .noLink a { text-decoration: none; }
.lGreyLight, .lGreyLight a { color: #999; }
.lWhite, .lWhite a { color: #fff; }
.lBlueEM, .lBlueEM a { color: #262f72; }
.lOrangeIM, .lOrangeIM a { color: #f19305; }
.lBlue, .lBlue a { color: #4094c7 !important; }
.lViolet, .lViolet a { color: #7e0a53 !important; }
.lViolet:hover { color: #000 !important; text-decoration: underline !important; }
.rViolet:hover { color: #7e0a53 !important; }
.encart:hover .rBlack { color: #000 !important; text-decoration: underline !important; }

.bBlack        { border: 1px #000 solid; }
.bGrisLight1px { border: 1px solid #e2e2e2; }
/*.bGrisDark, .widgetLastElements img { border: 1px #323231 solid; }*/
.bRightGris1px { border-right: #8f8f8f 1px solid; }
.bRightGrisLight1px { border-right: #d5d5d5 1px solid; }
.bRightGrisLightDotted1px { border-right: #d5d5d5 1px dotted; }
.bLeftWhite1px   { border-left: 1px white solid; }
.shadow          { box-shadow: inset 0 2px 2px 2px rgba(200, 200, 200, 1); }
.bBlanc1pxBas    { border-bottom: 1px solid #fff; }
.bBlanc1pxHaut   { border-top: 1px solid #fff; }
.bBottom1pxGrey  { border-bottom: 1px #31312f solid; }
.bBottom1pxGrey2 { border-bottom: 1px #d5d5d5 solid; }
.bBottom1pxGrey3 { border-top: 8px #ececec solid; }

.borderRight     { border-right: 1px solid #d7d7d7; }
.borderBottom     { border-bottom: 1px solid #d7d7d7; }

.TableBorderTop { border-top: 1px solid #d7d7d7; }
.TableBorderBottom { border-bottom: 1px solid #d7d7d7; }
.TableBorderRight { border-right: 1px solid #d7d7d7; }
.TableBorderLeft { border-left: 1px solid #d7d7d7; }

.bgWhite     { background-color: #fff; }
.bGris       { background-color: #d5d5d5; }
.bBlueLight  { background-color: #eaeff2; }
.bGreyLight  { background-color: #eee; }
.bGreyLight2 { background-color: #f5f5f5; }
.bDarkGrey   { background-color:#333; }
.arrondis    { border-radius: 5px; }

.left, .intext_left { float: left; }
img.left, .intext_left img { margin-right: 1em; }

.right, .intext_right { float: right; }
img.right, .intext_right img { margin-left: 1em; }

img.left, img.right, .intext_left img, .intext_right img { margin-bottom: 5px; }

.posMiddle { margin: 0 auto; }

.center    { margin-left: auto; margin-right: auto; }
.txtleft   { text-align: left; }
.txtright  { text-align: right; }
.txtcenter { text-align: center; }

.inbl {
	display: inline-block;
	vertical-align: top;
	margin-right: -.25em;
}
.relative { position: relative; }

/* equal grids with 2% gutter */
[class*=grid] > * {float: left; } /* direct childrens are floating */
[class*=grid] > * + * { margin-left: 2%; } /* here's the gutter */
.grid2 > * { width: 49%; }
.grid3 > * { width: 32%; }
.grid4 > * { width: 23.5%; }
.grid5 > * { width: 18.4%; }
.grid6 > * { width: 15%; }

/* unequal grids (1-2, 2-1, 1-3 and 3-1) */
.grid2-1 > *:first-child,
.grid1-2 > * + * { width: 66%; }
.grid1-2 > *:first-child,
.grid2-1 > * + * { width: 32%; }
.grid1-3 > *:first-child,
.grid3-1 > * + * { width: 23.5%; }
.grid3-1 > *:first-child,
.grid1-3 > * + * { width: 74.5%; }

/* blocks widths (percentage and pixels) */
.w10    { width: 10%; }
.w15    { width: 15%; }
.w20    { width: 20%; }
.w25    { width: 25%; }
.w29    { width: 29%; }
.w30    { width: 30%; }
.w33    { width: 33.333%; }
.w40    { width: 40%; }
.w50    { width: 50%; }
.w60    { width: 60%; }
.w63    { width: 63%; }
.w66    { width: 66.666%; }
.w70    { width: 70%; }
.w75    { width: 75%; }
.w80    { width: 80%; }
.w90    { width: 90%; }
.w100   { width: 100%; }

.w50p   { width: 50px; }
.w100p  { width: 100px; }
.w105p  { width: 105px; }
.w150p  { width: 150px; }
.w200p  { width: 200px; }
.w300p  { width: 300px; }
.w400p  { width: 400px; }
.w500p  { width: 500px; }
.w600p  { width: 600px; }
.w700p  { width: 700px; }
.w800p  { width: 800px; }
.w960p  { width: 960px; }
.w1070p  { width: 1070px; }
.w1080p  { width: 1080px; }
.mw100p { max-width: 100px; }
.mw120p { max-width: 120px; }
.mw360p { max-width: 360px; }
.mw960p { max-width: 960px; }
.mw1070p  { max-width: 1070px; }
.mw1080p  { max-width: 1080px; }

.h100 { height: 100%; }

.h80p  { height: 80px; }
.h100p { height: 100px; }

.mh123 {min-height: 123px; }
.mh180 {min-height: 180px; }

.m-reset, .ma0 { margin: 0; }
.p-reset, .pa0 { padding: 0; }
.ma1, .mas { margin: 10px; }
.ma2, .mam { margin: 20px; }
.ma3, .mal { margin: 30px; }
.pa1, .pas { padding: 10px; }
.pa2, .pam { padding: 20px; }
.pa3, .pal { padding: 30px; }

.mt-5        { margin-top: -5px; }
.mt0, .mtn   { margin-top: 0; }
.mt0-5, .mtn { margin-top: 5px; }
.mt1, .mts   { margin-top: 10px; }
.mt2, .mtm   { margin-top: 20px; }
.mt3, .mtl   { margin-top: 30px; }
.mr0, .mrn   { margin-right: 0; }
.mr0-5, .mrn { margin-right: 5px; }
.mr1, .mrs   { margin-right: 10px; }
.mr1-5, .mrm { margin-right: 15px; }
.mr2, .mrm   { margin-right: 20px; }
.mr3, .mrl   { margin-right: 30px; }
.mr4, .mrxl  { margin-right: 40px; }
.mb0, .mbn   { margin-bottom: 0; }
.mb0-5, .mbn { margin-bottom: 5px; }
.mb1, .mbs   { margin-bottom: 10px; }
.mb1-5       { margin-bottom: 15px; }
.mb2, .mbm   { margin-bottom: 20px; }
.mb3, .mbl   { margin-bottom: 30px; }
.mb5, .mbl   { margin-bottom: 50px; }
.ml0, .mln   { margin-left: 0; }
.ml0-5       { margin-left: 5px; }
.ml1, .mls   { margin-left: 10px; }
.ml2, .mlm   { margin-left: 20px; }
.ml3, .mll   { margin-left: 30px; }
.ml6         { margin-left: 60px; }
.ml7         { margin-left: 60px; }

.pt0, .ptn   { padding-top: 0; }
.pt1, .pts   { padding-top: 10px; }
.pt0-5, .pts { padding-top: 5px; }
.pt0-7, .pts { padding-top: 7px; }
.pt1-5       { padding-top: 15px; }
.pt2, .ptm   { padding-top: 20px; }
.pt2-5       { padding-top: 25px; }
.pt3, .ptl   { padding-top: 30px; }
.pt4         { padding-top: 40px; }
.pt6         { padding-top: 60px; }
.pt13        { padding-top: 13px; }
.pr0, .prn   { padding-right: 0; }
.pr1, .prs   { padding-right: 10px; }
.pr1-5, .prm { padding-right: 15px; }
.pr2, .prm   { padding-right: 20px; }
.pr3, .prl   { padding-right: 30px; }
.pr4         { padding-right: 40px; }
.pr6         { padding-right: 60px; }
.pb13        { padding-bottom: 13px; }
.pb0, .pbn   { padding-bottom: 0; }
.pb0-2, .pbn { padding-bottom: 2px; }
.pb0-5, .pbn { padding-bottom: 5px; }
.pb1, .pbs   { padding-bottom: 10px; }
.pb2, .pbm   { padding-bottom: 20px; }
.pb3, .pbl   { padding-bottom: 30px; }
.pb4         { padding-bottom: 40px; }
.pb6         { padding-bottom: 60px; }
.pl0, .pln   { padding-left: 0; }
.pl1, .pls   { padding-left: 10px; }
.pl2, .plm   { padding-left: 20px; }
.pl3, .pll   { padding-left: 30px; }
.pl4         { padding-left: 40px; }
.pl5         { padding-left: 50px; }
.pl6         { padding-left: 60px; }
.pl0-5, .pls { padding-left: 5%; }
.p1          { padding: 10px; }
.p2          { padding: 20px; }

.visually-hidden {
	position: absolute;
	left: -7000px;
	overflow: hidden;
}
[dir=rtl] .visually-hidden {
	left: auto;
	right: -7000px;
}
.desktop-hidden { display: none; } /* hidden on desktop */

/* modif du 11/02/19 */

.ancre
{
display: block; 
height: 65px; /*same height as header*/ 
margin-top: -65px; /*same height as header*/
}

/* ------------------------------------
/* ==MENU IMBRIQUE (NESTED) : PREMIER NIVEAU
--------------------------------------*/
.navigation {
	position: relative;
	z-index: 300;
	background: #ffffff;
}
#nested ul {
	z-index: 5000;
	padding: 0 0 0 10px;
	margin: 0;
}

#nested .firstLevel li {
	list-style: none;
	float: left;
	width: auto;
	padding: 0;
	position:relative;
}
#nested .firstLevel li:last-child {
	padding-right: 0;
	margin-right: 0;
	background-image: none;
}
#nested .firstLevel li a {
	display: block;
	padding: 0 16px;
	line-height: 60px;
	color: #d4007f;
	text-decoration: none;
	-webkit-transition: color .3s ease-in-out;
    -moz-transition: color .3s ease-in-out;
    -o-transition: color .3s ease-in-out;
    -ms-transition: color .3s ease-in-out;
    transition: color .3s ease-in-out;
}
#nested .firstLevel li:hover a, #nested .firstLevel li.active a:hover,
#nested .firstLevel li.active.sfhover a, #nested .firstLevel li.accueil a {
	color: #b6016d;
}
#nested .firstLevel li:hover a span, #nested .firstLevel li.active a:hover span { display: block; }
#nested .firstLevel li:hover a { color: #b6016d; }
#nested .firstLevel li.active a {
	color: #b6016d;
	background: rgba(212,0,127,0.1);
}

/* Icone accueil du menu */
#nested .firstLevel li.accueil a {display:none;}
#nested .firstLevel li.accueil.sfhover a { background: #fff url(/images/2013/menuHome.png) 50% 50% no-repeat; }
#nested .firstLevel li.accueil span { display: none !important; }

/* Call to action */
#nested .firstLevel li.call a {color:#ffffff;
background:#d4007f;
margin:11px 0 0 16px;
 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-border-radius: 60px;
   -webkit-border-radius: 60px;
   -khtml-border-radius: 60px;
   border-radius: 60px;
   font-family:opensans-bold,sans-serif;
   padding:8px 28px;
   line-height:22px;}
#nested .firstLevel li.call:hover a {background:#b6016d;}

/* -----------------------
GESTION DU MENU DEROULANT
-------------------------*/
/*on masque les éléments qui ne doivent pas s'afficher*/
#nested .firstLevel li ul, #nested .firstLevel li:hover ul ul,
#nested .firstLevel li.sfhover ul ul, #nested .firstLevel ul li:hover ul ul,
#nested .firstLevel ul li.sfhover ul ul {
	position: absolute;
	left: -999em;
	width: 235px;
	height: auto;
}
#nested .firstLevel ul li a {
	padding: 0 5px;
	line-height: 18px;
}

#nested .firstLevel li .menu-link {display:none;}
#nested .firstLevel li ul li .menu-link-sub {display:block; position:absolute;right:0px;width:50px; height:52px;top:0; color: #555;font-size: 13px;cursor:pointer;line-height:52px;text-align:center;}


/* -----------------------
SECOND NIVEAU
-------------------------*/
#nested .firstLevel li:hover ul, #nested .firstLevel li.sfhover ul {
	left: auto;
	padding: 0;
	background: #ffffff;
}
#nested .firstLevel li ul { box-shadow: 0px 15px 50px rgba(0, 0, 0, .1); border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
#nested .firstLevel li ul li {
	float: none;
	background: none;
}
#nested .firstLevel li ul li a {
	width: 235px;
	padding: 15px 0 15px 15px;
	border-bottom: 1px solid #ededed!important;
}
#nested .firstLevel li.active li a { text-decoration: none; }
#nested .secondLevel li:last-child a { border: none; border-bottom-right-radius: 8px; border-bottom-left-radius: 8px; }
#nested .firstLevel li.active ul li a { background: none; }
/*#nested li.active .secondLevel a, #nested li.active:hover .secondLevel a { color: #8C8C8C; }
#nested .firstLevel .secondLevel li.sfhover a, #nested .firstLevel .secondLevel li.active:hover a {
	color: #fff;
	border-radius: 0;
}*/

#nested .firstLevel li .secondLevel a { color: #555!important; font-size:13px;}
#nested .firstLevel li .secondLevel a:hover { color: #a1a1a1!important; }
#nested .secondLevel li.active a { color: #d4007f!important;}

/* -----------------------
TROISIEME NIVEAU
-------------------------*/

#nested .firstLevel ul li ul,
#nested .firstLevel li ul li.temoignages .menu-link-sub,
#nested .firstLevel li ul li.actualites .menu-link-sub,
#nested .firstLevel li ul li.job .menu-link-sub,
#nested .firstLevel ul li.active ul.visible {display:none;}
#nested .firstLevel ul li ul.visible,
#nested .firstLevel ul li.active ul {position:relative; display:block;left: auto;padding: 0;background: #f5f5f5;box-shadow:none;border-radius:0;}
#nested .firstLevel ul li ul.visible li:last-child a {border-radius:0;}

#nested .secondLevel li.active .thirdLevel li a { color: #555!important;}
#nested .secondLevel li.active .thirdLevel li.active a { color: #666!important;}

/* ================================================================== */

/* Vidéo

/* ================================================================== */

#home {/*margin-top:-93px;*/position:relative;}

/*#solutions-web:after,
#communaute:after {
content: '';
position: absolute;
bottom: -110px;
left: 50%;
z-index: 100;
width: 140px;
height: 140px;
border-radius: 35%;
background: #fff;
-webkit-transform: translateX(-50%)rotate(45deg);
box-shadow:0 -15px 50px rgba(0,0,0,0.1);}*/

.homepage-hero-module {
    border-right: none;
    border-left: none;
    position: relative;
}
.no-video .video-container video,
.touch .video-container video {
    display: none;
}
.no-video .video-container .poster,
.touch .video-container .poster {
    display: block !important;
}
.video-container {
    position: relative;
    bottom: 0%;
    left: 0%;
    height: 100%;
    width: 100%;
    overflow: hidden;
    background: #000;
}
.video-container .poster img {
    width: 100%;
    bottom: 0;
    position: absolute;
}
.video-container .filter {
    z-index: 100;
    position: absolute;
    /*background: rgba(0, 0, 0, 0.2);*/
    background-image: url('/images/medialibs/test2.jpg');
    background-position:center;
    background-size:cover;
    opacity:0.55;
    height:100%;
    width: 100%;
}
.video-container video {
    position: absolute;
    z-index: 0;
    bottom: 0;
}
.video-container video.fillWidth {
    width: 100%;
}

.hidden {display:none!important;}

.main-title {position:absolute;width:70%;top:40%;left:15%;right:15%;text-align:center;z-index:200;}
.main-title h1 {color:#fff;font-size:34px;font-family: opensans-light, sans-serif;}
.main-title h1 span {font-family: opensans-bold-italic, sans-serif;}
.main-title p {color:#d7d7d7;font-size:16px!important;margin-bottom:60px;}
.main-title a.call {
text-decoration:none;
	color:#ffffff;
background:#d4007f;
 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 60px;
   font-family:opensans-bold,sans-serif;
   padding:12px 34px;
display:inline-block;}

.main-title a.call:hover {background:#b6016d;}
.section-link  {position:absolute;width:100%;bottom:0px;text-align:center;z-index:110;background: url('/images/medialibs/separator.png') no-repeat 50% 0;*/}
.section-link-1 {position:absolute;width:100%;top:-8px;text-align:center;z-index:110;background: url('/images/medialibs/separator.png') no-repeat 50% 0;*/}
.section-link-2 {position:absolute;width:100%;bottom:0px;text-align:center;z-index:110;background: url('/images/medialibs/separator.png') no-repeat 50% 0;*/}
.section-link i,
.section-link-1 i,
.section-link-2 i {color:#a1a1a1;font-size:24px;line-height:38px;-webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;}
.section-link i:hover,
.section-link-1 i:hover,
.section-link-2 i:hover {color:#333;}

/* ================================================================== */

/* Partenaire digital

/* ================================================================== */

#digital {background: #fff;overflow:hidden;text-align:center;z-index:120;position:relative;}
#digital h1 {color:#333333;font-size:34px;font-family: opensans-light, sans-serif;margin-bottom:4px;}
#digital h1 span {font-family: opensans-bold-italic, sans-serif;}
#digital p.desc {color:#666666;font-size:16px;margin-top:4px;}
#digital p {color:#555;font-size:16px;margin-top:12px;}
#digital h2 {color:#333;font-size:18px;font-family: opensans-semibold, sans-serif;}
#digital a.action {display:inline-block;
	color:#333333;
border:1px solid #d7d7d7;

 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 60px;
   font-family:opensans-regular,sans-serif;
   padding:12px 34px;
text-decoration:none;
margin-top:40px;
font-size:16px;}

#digital a.action:hover {border:1px solid #333333;}

/* ================================================================== */

/* Partenaire digital

/* ================================================================== */

#digital-1 {background: #f9f9f9 url("/images/medialibs/etoile-2.png") no-repeat top right;overflow:hidden;text-align:center;z-index:120;position:relative;}
#digital-1 h1 {color:#333333;font-size:34px;font-family: opensans-light, sans-serif;margin-bottom:4px;}
#digital-1 h1 span {font-family: opensans-bold-italic, sans-serif;}
#digital-1 p.desc {color:#666666;font-size:16px;margin-top:4px;}
#digital-1 p {color:#555;font-size:16px;margin-top:12px;}
#digital-1 h2 {color:#333;font-size:18px;font-family: opensans-semibold, sans-serif;}
#digital-1 a.action {display:inline-block;
	color:#333333;
border:1px solid #d7d7d7;

 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 60px;
   font-family:opensans-regular,sans-serif;
   padding:12px 34px;
text-decoration:none;
margin-top:40px;
font-size:16px;}

#digital-1 a.action:hover {border:1px solid #333333;}

/* ================================================================== */

/* Webo

/* ================================================================== */

#webo {background:#190b3c;position:relative;}
#webo h3 {text-align:right; color:#ffffff;font-size:20px;font-family: opensans-light, sans-serif;margin-bottom:0;line-height:48px;}
#webo p {margin:2px 0 0;}
#webo a.webo {
display:inline-block;
	font-size:16px;color:#ffffff;
background:#d4007f;
 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 60px;
   font-family:opensans-bold,sans-serif;
   padding:12px 34px;
text-decoration:none;}
#webo a.webo:hover {background:#b6016d;}

/* ================================================================== */

/* Communaute

/* ================================================================== */

#communaute {background-image: url("/images/medialibs/test3.jpg"); background-size:cover;overflow:hidden;text-align:center;background-attachment:fixed;position:relative;}
#communaute h1 {color:#fff;font-size:34px;font-family: opensans-light, sans-serif;margin-bottom:4px;}
#communaute h1 span {font-family: opensans-bold-italic, sans-serif;}
#communaute p.desc {color:#d7d7d7;font-size:16px;text-align:center;margin-top:4px;}
#communaute h2 {color:#eee;font-size:28px;font-family: opensans-light, sans-serif;text-align:center;margin-bottom:0px;}
#communaute strong.b {color:#fff; display:block;font-size:54px;font-family: opensans-bold, sans-serif;margin-bottom:14px;}
#communaute .col .col:first-child {padding-left:18px;}
#communaute .col .col:last-child {padding-right:18px;}
#communaute .linkPartenaire {display:inline-block;}
#communaute a.action {color:#fff;
border:1px solid #d7d7d7;

 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 60px;
   font-family:opensans-regular,sans-serif;
   padding:12px 34px;
line-height:120px;
font-size:16px;}

#communaute a.action:hover {border:1px solid #fff;}

/* ================================================================== */

/* Fonctionnalités

/* ================================================================== */

#features {overflow:hidden;text-align:center;box-shadow:0 -15px 50px rgba(0,0,0,0.2);background: url("/images/medialibs/etoile-1.png") no-repeat top left;}
#features h1 {color:#333333;font-size:34px;font-family: opensans-light, sans-serif;margin-bottom:4px;}
#features h1 span {font-family: opensans-bold-italic, sans-serif;}
#features h2 {color:#333;font-size:18px;font-family: opensans-semibold, sans-serif;text-align:left;line-height:14px;margin-top:4px;}
#features p.desc {color:#666;font-size:16px;text-align:center;margin-top:4px;}
#features i {float:left; font-size:38px;color:#a1a1a1;}
#features div.fa {float:left; font-size:38px;color:#a1a1a1;}
#features p {text-align:left;color:#555;font-size:16px;}
#features .border {height:1px;width:100%;background-color:#D7D7D7;}
#features h3 {text-align:right; color:#333333;font-size:20px;font-family: opensans-light, sans-serif;margin-bottom:0;line-height:50px;}
#features  a.contact {
display:inline-block;
text-decoration:none;
	color:#333333;
border:1px solid #d7d7d7;

 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 60px;
   font-family:opensans-regular,sans-serif;
   padding:12px 34px;
   font-size:16px;
float:left;}
#features a.contact:hover {border:1px solid #333333;}

/* ================================================================== */

/* Blog

/* ================================================================== */

#blog {overflow:hidden;text-align:center;background: #f9f9f9 url("/images/medialibs/etoile-2.png") no-repeat top right;position:relative;border-top:1px solid #d7d7d7;}
/*#blog:before {
content: '';
position: absolute;
top: -110px;
left: 50%;
z-index: 100;
width: 140px;
height: 140px;
border-radius: 35%;
background: #fff;
-webkit-transform: translateX(-50%)rotate(45deg);
box-shadow:0 -15px 50px rgba(0,0,0,0.1);}*/
#blog h1 {color:#333;font-size:34px;font-family: opensans-light, sans-serif;margin-bottom:4px;}
#blog h1 span {font-family: opensans-bold-italic, sans-serif;}
#blog h2 {color:#333;font-size:18px;font-family: opensans-semibold, sans-serif;text-align:left;line-height:20px;}
#blog p.desc {color:#666;font-size:16px;margin-bottom:0px;text-align:center;margin-top:4px;}
#blog .actu {border-radius:20px;box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);transition: all 0.3s cubic-bezier(.25,.8,.25,1);}
#blog .actu:hover {box-shadow: 0px 5px 15px rgba(0, 0, 0, .2);transform: translateY(-10px);}
#blog img {vertical-align:bottom;}
#blog .bloc {width:100%;padding:0px 18px;background-color:#ffffff;}
#blog a.link {color:#d4007f;font-family: opensans-semibold, sans-serif;}
#blog a.link:hover {color:#b6016d;}
#blog a.action {
display:inline-block;
text-decoration:none;
	color:#333;
border:1px solid #d7d7d7;

 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 60px;
   font-family:opensans-regular,sans-serif;
   padding:12px 34px;
font-size:16px;}

#blog a.action:hover {border:1px solid #333;}
#blog .widgetLastElementsDescription {color:#555;font-size:1em;}


/* ================================================================== */

/* Spécifs

/* ================================================================== */

.solutions_web #leftbar, .gestion_activite_web #leftbar, .creation_site_internet #leftbar, .gestion_email #leftbar, .cms #leftbar, .cms_e-majine #leftbar, .cms_saytup #leftbar, .cms_izi-media #leftbar, .logiciel_messagerie_maylhop #leftbar, .logiciel_newsletter_sayndit #leftbar, .animation_reseaux_sociaux #leftbar, .services #leftbar {display:none;}

/* @changelog 2023-01-19 [EVOL] (Nicolas) Supprime la leftBar */
body.no-leftbar #leftbar {
	display: none;
}

.solutions_web #chapterpictureOuter, .gestion_activite_web #chapterpictureOuter, .creation_site_internet #chapterpictureOuter, .gestion_email #chapterpictureOuter, .cms #chapterpictureOuter, .cms_e-majine #chapterpictureOuter, .cms_saytup #chapterpictureOuter, .cms_izi-media #chapterpictureOuter, .logiciel_messagerie_maylhop #chapterpictureOuter, .logiciel_newsletter_sayndit #chapterpictureOuter, .animation_reseaux_sociaux #chapterpictureOuter, .services #chapterpictureOuter {display:none;}
.solutions_web #wrapper, .gestion_activite_web #wrapper, .creation_site_internet #wrapper, .gestion_email #wrapper,.cms #wrapper, .cms_e-majine #wrapper, .cms_saytup #wrapper, .cms_izi-media #wrapper, .logiciel_messagerie_maylhop #wrapper, .logiciel_newsletter_sayndit #wrapper, .animation_reseaux_sociaux #wrapper, .services #wrapper  { width: 100%;max-width: 100%;background-image: none;}
.accueil_medialibs #contents, .solutions_web #contents, .gestion_activite_web #contents, .creation_site_internet #contents, .gestion_email #contents, .cms #contents, .cms_e-majine #contents, .cms_saytup #contents, .cms_izi-media #contents, .logiciel_messagerie_maylhop #contents, .logiciel_newsletter_sayndit #contents, .animation_reseaux_sociaux #contents, .services #contents {top: 0;padding-left: 0;margin-bottom: 0;overflow: visible;padding-top:0;border-radius: 0;margin-top: 0;padding-right:0;}

.creation_site_internet #logiciel div.n4 {display:none;}
.gestion_email #logiciel div.n3, .gestion_email #logiciel div.n4 {display:none;}

.gestion_activite_web #logiciel h2 {color:#77c52c;}
.cms_e-majine #logiciel h2 {color:#3fa1d8;}
.cms_saytup #logiciel h2 {color:#3cb991;}
.cms_izi-media #logiciel h2 {color:#f56b0a;}
.logiciel_messagerie_maylhop #logiciel h2 {color:#916ebd;}
.logiciel_newsletter_sayndit #logiciel h2 {color:#b8a685;}

.gestion_activite_web #features div.fa {color:rgba(119,197,44,0.8);}
.cms_e-majine #features div.fa {color:rgba(63,161,219,0.8);}
.cms_saytup #features div.fa {color:rgba(60,185,145,0.8);}
.cms_izi-media #features div.fa {color:rgba(245,107,10,0.8);}
.logiciel_messagerie_maylhop #features div.fa {color:rgba(145,110,189,0.8);}
.logiciel_newsletter_sayndit #features div.fa {color:rgba(184,166,133,0.8);}

.gestion_activite_web #produit,
.cms #produit,
.cms_e-majine #produit,
.cms_saytup #produit,
.cms_izi-media #produit,
.logiciel_messagerie_maylhop #produit,
.logiciel_newsletter_sayndit #produit,
.animation_reseaux_sociaux #produit {background-image:url("/images/medialibs/medialibs-open-space.jpg");background-position:center;background-size:cover;}

.gestion_activite_web #logiciel,
.cms_wordpress #logiciel,
.cms_e-majine #logiciel,
.cms_saytup #logiciel,
.cms_izi-media #logiciel,
.logiciel_messagerie_maylhop #logiciel,
.logiciel_newsletter_sayndit #logiciel,
.webo_facto #logiciel,
.animation_reseaux_sociaux #logiciel {padding-top:320px;}

.solutions_parent #logiciel{
	padding-top: 0;
}
.cms_wordpress #webo,
.cms_wordpress #features,
.cms_wordpress #digital-1{
	display: none;
}

/* {} */
.emajine {color:#3fa1d8!important;text-decoration:none!important;}
.saytup {color:#3cb991!important;text-decoration:none!important;}
.izimedia {color:#f56b0a!important;text-decoration:none!important;}
.maylhop {color:#916ebd!important;text-decoration:none!important;}
.sayndit {color:#b8a685!important;text-decoration:none!important;}

/*.gestion_activite_web #features {background-color:rgba(119,197,44,0.1);}
.cms_e-majine #features {background-color:rgba(63,161,219,0.1);}
.cms_saytup #features {background-color:rgba(60,185,145,0.1);}
.cms_izi-media #features {background-color:rgba(245,107,10,0.1);}
.logiciel_messagerie_maylhop #features {background-color:rgba(145,110,189,0.1);}
.logiciel_newsletter_sayndit #features {background-color:rgba(184,166,133,0.1);}*/

/* ================================================================== */

/* Pages solutions

/* ================================================================== */


#solutions-web {background: url("/images/solutions/solutions-web-medialibs.jpg"); overflow:hidden;text-align:center;background-size:cover;background-position:center;position:relative;padding-bottom:40px;}
#solutions-web h1 {color:#fff;font-size:34px;font-family: opensans-light, sans-serif; line-height: 1.75em; margin: .875em 0 .875em 0;}
#solutions-web h1 span {font-family: opensans-bold-italic, sans-serif;}
#solutions-web p {width:70%; margin:0 auto;color:#d7d7d7;font-size:18px!important;}

/* ================================================================== */

/* Pages produit

/* ================================================================== */

#produit {background:#f5f5f5; overflow:hidden;text-align:center;position:relative;height:580px;}
#produit h1 {color:#fff;font-size:34px;font-family: opensans-light, sans-serif;line-height: 1.75em; margin: .875em 0 .875em 0;}
#produit h1 span {font-family: opensans-bold-italic, sans-serif;}
#produit p {width:70%; margin:0 auto;padding-bottom:30px;color:#D7D7D7;font-size:18px!important;}
.screen {
	position:absolute;z-index:100;top:450px;width:100%;
}
.screen img {border-radius:8px 8px 0 0;box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);display:block;margin:0 auto;}


/* ================================================================== */

/* Logiciel

/* ================================================================== */

#logiciel {background:#fff;text-align:left;position:relative;box-shadow: 0 -15px 50px rgba(0,0,0,0.2);}
#logiciel p {color:#555;font-size:16px;margin-bottom:30px;}
#logiciel h2 {color:#333;font-size:18px;font-family: opensans-semibold, sans-serif;}
#logiciel a.action {color:#333333;
border:1px solid #d7d7d7;

 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 60px;
   font-family:opensans-regular,sans-serif;
   padding:12px 34px;
text-decoration:none;
display:inline-block;margin-bottom:30px;
font-size:16px;}

#logiciel a.action:hover {border:1px solid #333333;}
#logiciel .software img {max-width:none;box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);border-radius:8px;}
#logiciel .software-r img {float:right;max-width:none;box-shadow: 0px 5px 15px rgba(0, 0, 0, .1);border-radius:8px;}

.services #logiciel .software img {max-width:100%;box-shadow: none;border-radius:0;}
.services #logiciel .software-r img {float:right;max-width:100%;box-shadow: none;border-radius:0;}

/* ================================================================== */

/* Footer

/* ================================================================== */

#others {background:#fff;overflow:hidden;text-align:left;}
#others h2 {color:#333333;font-size:30px;font-family: opensans-light, sans-serif;margin-bottom:6px;line-height:38px;}
#others h2 span {font-family: opensans-bold-italic, sans-serif;}
#others p {color:#555;font-size:16px;margin-bottom:20px;margin-top:12px;}
#others .br {border-right:1px solid #d7d7d7;}
#others a.action {
display:inline-block;
text-decoration:none;
	color:#333333;
border:1px solid #d7d7d7;

 -webkit-transition: all .3s ease-in-out;
  -moz-transition: all .3s ease-in-out;
  -o-transition: all .3s ease-in-out;
  -ms-transition: all .3s ease-in-out;
  transition: all .3s ease-in-out;
  -moz-border-radius: 3px;
   -webkit-border-radius: 3px;
   -khtml-border-radius: 3px;
   border-radius: 60px;
   font-family:opensans-regular,sans-serif;
   padding:12px 34px;
font-size:16px;}

#others a.action:hover {border:1px solid #333333;}

/* ----------------------------- */
/* ==tables */
/* ----------------------------- */
table, .table {
	display: table;
	table-layout: fixed;
	border-collapse: collapse;
	vertical-align: top;
}
table {
	width: 100%;
	caption-side: bottom;
}
caption {
	padding: 10px;
	color: #555;
	font-style: italic;
}
tbody { border: 1px solid #ccc; }
/*tbody tr:nth-child(odd), table .row1 { background: #eee; }*/
tbody tr > * + * { border-left: 1px solid rgba(0, 0, 0, .05); }
table th, table td {
	padding: 10px 20px;
	text-align: left;
	border-bottom: 1px solid #d7d7d7;
}
table td { color: #555; }

table.noLines tbody,
table.noLines tr,
table.noLines tr > td {
	background-color: transparent;
	border: none;
}

/* ----------------------------- */
/* ==main */
/* ----------------------------- */
.fb_edge_widget_with_comment {
	float: left;
	margin-right: 35px;
	line-height: 23px;
}
.refMobile .lGreyLight, .wFormations h4, .wRef h4,
.partenaires #directory_linked_entries, .references #directory_linked_entries,
.androidStore { display: none; }
.formations h2 { color: #7e0a53; }
.appStore0 { width: 49%; }
.formations .chapo_description {
	margin-bottom: 0;
	padding-bottom: 15px;
	border-bottom: none;
}
.accueil_medialibs .image a {
	display: block;
	width: 200px;
	height: 200px;
}
.accueil_medialibs .solut2 .image a {
	display: block;
	width: 80px;
	height: 80px;
}
.accueil_medialibs .image a span { display: none; }
.boxcalendar table {
	table-layout: fixed;
	width: 242px!important;
	margin: 0 auto;
}
.boxcalendar table caption { width: 243px; }
.boxcalendar table .calendar_nav {
	color: #fff;
	background: #666;
}
.boxcalendar table .calendar_nav a {
	color: #fff;
	text-decoration: none;
}
.boxtagcloud .tagcloud { padding: 10px; }
.boxcalendar table th, .boxcalendar table td{
	padding: 5px 0;
	text-align: center;
}
body.releases .version {
	padding: 10px;
	background:#f0f0ed;
}
body.releases .version ul { margin: 10px 0 10px 20px; }
body.releases .version li {
	color: #666;
	display: inline;
	font-size: 14px;
	font-weight: bold;
	margin-right: 26px;
	line-height: 20px;
}
body.releases .version li a.beta {
	padding-right: 35px;
	background: transparent url(/images/communaute/beta.gif) no-repeat right center;
}
body.releases li {
	font-size:.9em;
	color:#666;
}
body.releases #new ul li .date { font-style: italic; }
body.releases .part .detail {
	font-weight: bold;
	margin-bottom: 10px;
}
body.releases .part {
	margin: 10px 0;
	border-bottom: 1px dashed #666;
}
body.releases .list li { margin-bottom: 1em; }
.pager {
	text-align: center;
	background: #eaeaef;
	border-radius: 10px;
}
.pager a {
	display: inline-block;
	padding: 20px 0 15px 0;
	width: 5%;
	line-height: 22px;
	text-align: center;
	text-decoration: none;
}
.pager a.pager_current_page { color: silver; }
.pager a.PagerPrevious, .pager a.PagerNext {
	width: auto;
	margin: auto 1em;
}
.encart {
	padding: 1em;
	border-radius: 4px;
	background: rgba(0, 0, 0, 0.03);
}
.grid2.blue, .grid2.pink {
	margin: 0 0 1em;
	background: none;
	border: 1px solid #448ec0;
}
.grid2.pink { border: 1px solid #e1008c; }
.grid2.blue .encart, .grid2.pink .encart {
	background: none;
	border-radius: 0;
}
.grid2.pink .encart:nth-child(2) { padding-bottom: 0; }
.grid2.pink .encart:nth-child(2) h3 { margin: -7px 0 7px!important; }
.grid2.blue .encart.bluePlain, .grid2.blue .encart.bluePlain h3 {
	color: #fff;
	background: #448ec0;
}
.grid2.pink .encart.pinkPlain, .grid2.pink .encart.pinkPlain h3 {
	color: #fff;
	background: #e1008c;
}
.grid2.blue .encart.bluePlain h3, .grid2.pink .encart.pinkPlain h3 { margin: 0 0 .2em; }
.pink .encart .hours, .pink .encart2Cols .days {
	height: 25px;
	margin: 0 -14px -10px -29px;
	font-family: 'Open Sans', Arial, sans-serif;
	border-top: 1px solid #ccc;
}
.pink .encart2Cols .days {
	height: 100%;
	margin: 0 0 0 -15px;
	border-top: none;
}
.pink .encart2Cols .days h3 { font-size: 1.2em; }
.encart .hours > span, .encart2Cols .days > div {
	float: left;
	display: block;
	width: 50%;
	line-height: 28px;
	text-align: center;
}
.encart .hours > span:first-child, .encart2Cols .days > div:first-child { border-right: 1px solid #ccc; }
.encart.noBackground { background: transparent; }
.lastAvailable, .lastAvailable2, .fullAvailable {
	position: absolute;
	top: 60px;
	right: 0;
	z-index: 2;
	width: auto;
}
.lastAvailable2 { top: 60px; }
.fullAvailable {
	top: 65px;
	right: 200px;
}
#overDiv {
	position: absolute;
	top: 0;
}
.formations #contents, .partenariat #contents, .medialibsTheme #contents, .integration #contents, .hebergement #contents, 
.developpement_web #contents, .open_source #contents, .maintenance_site_internet #contents, .noLinkFormation #contents,
.conceptions_digitales #contents, .financement_de_la_formation #contents, .partenaires #contents, .devenir_partenaire #contents,
.references #contents, .webinaire #contents, .nos_partenaires #contents, .certification_webo-facto #contents,
.solutions #contents, .integration_et_developpement #contents, .webmarketing #contents, .exercez_vos_droits #contents,
.gestion_des_donnees_personnelles #contents, .tutos #contents { 
	float: left;
	width: 75%;
	padding-top: 30px;
	border-radius:8px;
	margin-top: -188px;
	background:#fff;
	padding-right: 50px;
}

#contents { padding-top: 30px; border-radius:8px; margin-top: -188px; background:#fff; padding-right: 50px; }

#contents p,
#contents ul {font-size:1em;}

.accueil_medialibs .actus .widgetLastElementsPicture img { height: 180px; }
.boxdirectories .directoryResume { position: relative; }
.boxdirectories .partName {
	position: absolute;
	bottom: -5px;
	left: 0;
	display: none;
	width: 100%;
	height: 30px;
	line-height: 22px;
	font-size: 12px;
	color: #fff;
	background: #eee;
	background: rgba(0,0,0,.25);
}
.boxdirectories .directoryResume:hover .partName { display: block; }
.boxdirectories .directoryResume .partLabel { display: none; }
.partLogo > div { text-align: center; }
.directoryCreator { padding: 20px 0 0; }
.directoryCreator > div { border: none!important; }
.directoryCreator .w20 { width: 100%; }
.directoryCreator .partLabel {
	margin-bottom: 15px;
	font: 300 18px 'Open Sans', Arial, sans-serif;
	color: #999;
}
.directoryCreator .partLogo {
	display: inline-block;
	vertical-align: middle;
	width: 100px;
	margin-right: 10px;
	border: 1px solid #e2e2e2;
}
.directoryCreator .partName {
	display: inline-block;
	vertical-align: middle;
}
.rencontre .clear,
.accueil_medialibs #leftbar, .accueil_medialibs .breadcrumb,
.accueil_medialibs #chapterpictureOuter, .forum #leftbar,
.forum .breadcrumbShadow, .rencontre #leftbar,
.rencontre .breadcrumbShadow, .oneCol #leftbar,
.oneCol .breadcrumbShadow { display: none; }
.temoign .mb5 { margin-bottom: 10px; }
.temoign .mr2 { margin-right :auto; }
.accueil_medialibs #contents {
	top: 0;
	z-index: 1;
	padding-left: 0;
	padding-right: 0;
	margin-bottom: 0;
	padding-top:0;
}
.accueil_medialibs .articleAction { display: none; }
.accueil_medialibs #wrapper {
	max-width: none;
	background-image: none;
}
.forum #wrapper, .rencontre #wrapper,
.oneCol #wrapper { background-image: none; }

.solu {
	border-right: 1px #bbb solid;
	border-left: 1px #bbb solid;
	box-shadow: 0px 0px 1px 1px rgba(0, 0, 0, .2);
	overflow: auto;
}
.solu h2.bleu {
	padding-left: 25px;
	padding-bottom: 10px;
	line-height: 100%;
	background-position: 6px 4px;
	background-repeat: no-repeat;
}
.accueil_medialibs .partName, .accueil_medialibs .partDesc,
.accueil_medialibs .partCertif, .accueil_medialibs .partURL { display: none; }
.accueil_medialibs .boxdirectories h2 {
	margin: .4em 0 .4em 0;
	font-size: 34px;
	font-weight: normal;
	line-height: 1.6154em;
	color: #cc267e;
	text-align: center;
	border-bottom: none;
}
.accueil_medialibs .boxdirectories .w20 { width: 22%; }
.boxdirectories .maxH {
	height: 120px;
	width:120px;
	padding: 0 5px;
	font-size: 1px;
	line-height: 120px;
	text-align: center;
	overflow: hidden;
	float:left;
	border-radius:20px;
	box-shadow: 0px 15px 50px rgba(0, 0, 0, .6);
	transition: all 0.3s cubic-bezier(.25,.8,.25,1);
}

.boxdirectories .maxH:hover {box-shadow: 0px 15px 50px rgba(0, 0, 0, .8);transform: translateY(-10px);}

.boxdirectories .maxH img {
  vertical-align: middle;
  max-height: 70px;
}
.widget.video { line-height: 0; }
.widget.video h4 a {
	color: #fff;
	text-decoration: none;
}
.partenaires .maxH  {box-shadow:none;border: 1px solid #e2e2e2; margin-bottom: 20px;}
.partenaires .maxH:hover {box-shadow:none;transform: translateY(-10px);}
.partenaires .linkPartenaire,
.references .linkPartenaire {display:none;}

.partenaires .maxH img {
	vertical-align: middle;
	max-height: 100px;
}
.partenaires .boxdirectories h2 {
	color: #7e0a53;
	border-bottom: none;
}
.partenaires .boxdirectories h4 { text-transform: none; }
.partenaires .boxdirectories:first-child {
	padding-top: 0;
	border-top: none;
}
#directory_linked_entries .w20 {
	width: auto;
	margin-right: 0;
}
.partenaires #directory_linked_entries .adsEntrySummary {
	width: 100%;
	margin-bottom: 1em;
	padding-bottom: 1em;
	border-bottom: 1px solid #fff;
}
.partenaires #directory_linked_entries .bGrisLight1px {
	float: left;
	width: 20%;
	margin-right: 25px;
	border: none;
}
.partenaires #directory_linked_entries h4 { margin-bottom: 1.5em; }
.partenaires #directory_linked_entries .adsEntrySummary h4,
.partenaires #directory_linked_entries .adsEntrySummary .small {
	margin-top: 0;
	margin-bottom: 0;
}
.partenaires #directory_linked_entries .adsEntrySummary:last-child{
	margin-bottom: 0;
	padding-bottom: 0;
	border-bottom: none;
}
.partenaires .otherProjects .adsEntrySummary img { width: 100%; }
.features .image {
	display: block;
	width: 200px;
	height: 200px;
	margin: 0 auto 11px;
	text-align: center;
	background: url(/images/2013/cases-features.png) top left no-repeat;
}
/*.features .features2 .image { background-position: 0 -200px; }
.features .features3 .image { background-position: 0 -400px; }*/
.solut {
	display: block;
	padding-bottom: 150px;
	background: #cc267e url('/images/2013/solucWF.png') 50% 100% no-repeat;
}
.solut2 .image {
	display: block;
	width: 80px;
	height: 80px;
	margin: 0 auto;
	text-align: center;
	background: url(/images/2013/cases-features2.png) 50% 0% no-repeat;
}
.solut2 .solut2b .image { background-position: 100% -80px; }
.solut2 .solut2wf .image { background-position: 100% -160px; }
.accueil_medialibs .boxdirectories h2 { display: none; }
.tabs li { line-height: 120%; }
.tabs li .image {
	width: 27px;
	height: 27px;
	background: url(/images/2013/pictoRef.png);
}
.tabs li a { min-height: 80px; }
.tabs li a.selected {
	color: white !important;
	background: #7e0a53;
}
.tabs li a.selected .image { background: url(/images/2013/pictoRef.png) 100% 0; }
.tabs li a.tab2 .image { background-position: 0 -27px; }
.tabs li a.tab2.selected .image { background-position: -28px -27px; }
.tabs li a.tab3 .image { background-position: 0 -54px; }
.tabs li a.tab3.selected .image { background-position: -83px -54px; }
.tabs li a.tab4 .image { background-position: 0 -81px; }
.tabs li a.tab4.selected .image { background-position: -83px -81px; }
.tabs li a.tab5 .image { background-position: 0 -108px; }
.tabs li a.tab5.selected .image { background-position: -28px -108px; }
.tabs li a.tab6 .image { background-position: 0 -135px; }
.tabs li a.tab6.selected .image { background-position: -28px -135px; }
.references .adsEntrySummary h4, .partenaires .adsEntrySummary h4 {
	margin-bottom: 0.5em;
	font-size: 1em;
}
.references .adsEntrySummary {
	width: 22%;
	margin-right: 2%;
	margin-bottom: 3em;
}
.references .adsEntrySummary div { width: 171px; }
.references .adsEntrySummary .adsEntrySummaryRef { max-height: 105px; }
.services #contents li {
	position: relative;
	min-height: 300px;
	padding: 1em;
	background-color: #f0f0ed;
	border-radius: 4px;
	cursor: pointer;
}
.services #contents li h2, .services #contents li h2 a {
	line-height: 120%;
	color: #660066;
	text-align: center;
}
.services #contents li .image {
	width: 55px;
	height: 55px;
	display: block;
	margin: .5em auto;
	background-image: url(/images/2013/services.png)
}
.services .serv2 .image { background-position: 0 -55px; }
.services .serv3 .image { background-position: 0 -110px; }
.services .serv4 .image { background-position: 0 -165px; }
.services .serv5 .image { background-position: 0 -220px; }
.services .serv6 .image { background-position: 0 -275px; }
.services #contents li a{
	position: absolute;
	bottom: -15px;
	right: 0;
	width: 39px;
	height: 39px;
	background: url(/images/2013/iconePlus.png);
}
.services #contents li a span { display: none; }
.thumbnails.tall {
	margin-bottom: 10px;
	margin-left: -30px;
	margin-top: -22px;
	list-style: none;
}
.thumbnails > li {
	float: left;
	margin-top: 22px;
	margin-bottom: 20px;
	padding: 0;
	line-height: 22px;
}
.thumbnail {
	position: relative;
	float: left;
	display: block;
	vertical-align: text-top;
	padding: 5px;
	line-height: 1;
	border-radius: 5px;
	background: #fff;
	box-shadow: 0 0 0 1px rgba(0, 0, 0, 0.1), 0 1px 3px 0 rgba(0, 0, 0, 0.15);
}
.thumbnail > img {
	position: relative;
	display: block;
	width: auto !important;
	max-width: 100% !important;
	margin-left: auto;
	margin-right: auto;
}

.rencontre .thumbnail > img {width:298px!important;}

a.thumbnail .btn {
	position: absolute;
	top: 50%;
	left: 50%;
	padding: 13px;
	margin-left: -27px;
	margin-top: -19px;
	font-size: 20px;
}
.customer-block.center { text-align: center; }
.customer-block.center span { display: block; }
.customer-block.center .logo {
	text-align: center;
	margin-left: auto;
	margin-right: auto;
}
.obligatory { color: red; }
a.thumbnail:hover.fancybox-media { box-shadow: 0 0 0 1px rgba(60, 60, 60, 0.75), 0 1px 5px 0 rgba(8, 176, 135, 0.5); }
.smartpage #leftbar .widget { margin-bottom: 30px; }
.wDevenons .widgetTextInner { padding: 10px; }
.wDevenons .widgetTextInner h4 {
	font-weight: bold !important;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	color: #000 !important;
	background: none !important;
}
.wDevenons .widgetTextInner h5 { margin-top: 0; }
.wDevenons form label {
	width: 100%;
	text-align: left;
	padding: 5px 0 0 0;
}
.wDevenons fieldset { padding: 0; }
.wDevenons .row > *, .wDevenons .col {
	padding: 0em 0 7px 0;
	display: block !important;
}
.wDevenons input, .wDevenons select {
	min-width: 100% !important;
	width: 100% !important;
}
.wDevenons .submit { margin: 10px 0; }
.wDevenons .submit input#reset { display: none; }
.wDevenons .submit input#submitid {
	padding: 5px;
	width: auto !important;
}
.wDevenons #captcha span, .wDevenons #captcha a { display: block; }
.filtres legend { display: none; }
.filtres .formulaire, .filtres #sort_form {
	width: 49%;
	float: left;
}
.filtres form label {
	width: auto;
	text-align: left;
	padding-bottom: 0;
}
.filtres .row > *, .filtres .col { padding-top: 3px; }
.filtres h2 { display: none; }
/* Stars */
.ui-stars-cancel, .ui-stars-star {
	float: left;
	display: block;
	width: 17px;
	height: 15px;
	text-indent: -999em;
	background: transparent;
	cursor: pointer;
	overflow: hidden;
}
.ui-stars-cancel, .ui-stars-cancel a { background: url(/common_images/skin001/star-delete.gif) no-repeat 0 -16px; }
.ui-stars-star, .ui-stars-star a { background: url(/common_images/skin001/star.gif) no-repeat 0 0; }
.ui-stars-cancel a, .ui-stars-star a {
	display: block;
	width: 16px;
	height: 100%;
	background-position: 0 0;
}
.ui-stars-star-on a      { background-position: 0 -16px!important; }
.ui-stars-star-hover a   { background-position: 0 -32px; }
.ui-stars-cancel-hover a { background-position: 0 -16px; }
.ui-stars-cancel-disabled a, .ui-stars-star-disabled,
.ui-stars-star-disabled a { cursor: default !important; }
.ui-stars-star {
	margin-left: 20px;
	background: transparent!important;
	overflow: hidden!important;
}
.notes, .notes_2 {
	float: left;
	margin: 0;
	width: 10%;
}
.righpart {
	float: right;
	width: 85%;
	margin: 0 0 20px;
}
.notes fieldset, .notes_2 fieldset {
	margin: 0;
	padding: 0;
}
.notes label, .notes_2 label {
	width: 100%;
	text-align: center;
}
.nbvotes {
	clear: both;
	text-align: center;
}
.ui-stars-star {
	background: transparent!important;
	overflow: hidden!important;
	margin-left: 30px;
}
.ui-stars-star, .ui-stars-star a { background: url(/images/communaute/star.gif) no-repeat 0 0px; }
.ui-stars-cancel a, .ui-stars-star a {
	display: block;
	width: 16px;
	height: 100%;
	background-position: 0 0px;
}
.ui-stars-star-on a { background-position: 0 -16px!important; }
.boiteaidees .post .linksmore {
	padding: 0 0 0 12px;
	background: transparent url(/images/communaute/boiteaidees-readmore.png) no-repeat 0px 2px;
}
.boiteaidees .comments {
	margin: 10px 0 0 10px;
	padding: 0 0 0 12px;
	background: transparent url(/images/communaute/boiteaidees-comments.png) no-repeat 0px 2px;
}
.icon-social a {
	width: 25px;
	height: 25px;
	margin-right: 5px;
	margin-bottom: 5px;
	background: transparent url(/images/2013/social.png) no-repeat 0px 0px;
}
.icon-social a span { display: none; }
.icon-social a.icon-fb { background-position: -63px -63px; }
.icon-social a.icon-tw { background-position: -13px -63px; }
.icon-social a.icon-gp { background-position: -113px -63px; }
.icon-social a.icon-vi { background-position: -162px -63px; }
.icon-social a.icon-yt { background-position: -212px -63px; }
.icon-social a.icon-dm { background-position: -262px -63px; }
.icon-social a.icon-fb:hover { background-position: -63px -13px; }
.icon-social a.icon-tw:hover { background-position: -13px -13px; }
.icon-social a.icon-gp:hover { background-position: -113px -13px; }
.icon-social a.icon-vi:hover { background-position: -162px -13px; }
.icon-social a.icon-yt:hover { background-position: -212px -13px; }
.icon-social a.icon-dm:hover { background-position: -262px -13px; }

div.atelier-rnn {background:#eee;padding:40px 80px;border:1px solid #ccc;margin-top:20px;}
div.atelier-rnn h3 a {color:#cc267e;}
div.atelier-rnn p.desc {color:#000;}
div.atelier-rnn p.info {margin-top: 20px;font-style: italic;font-size: 12px;border-top: 1px solid #ccc;padding-top: 20px;}


/* ----------------------------- */
/* ==Forum */
/* ----------------------------- */
.newpost .style input, .newpost select, .barreS input,
.barreS select { min-width: inherit !important; }
.editpost .editName, .editpost .editEmail { display: none; }
.newpost .style input, .editeurWYSYWIG input {
	color: buttontext;
	padding: 2px 6px 3px;
	border: 2px outset buttonface;
	background-color: buttonface;
}
.forum .editeurWYSYWIG input { width: auto !important; }
.forum input[type="button"] { min-width: 25px !important; }
.forum table th, .forum table td { padding: 5px 10px; }
.contentLogin .connexion {
	float: none;
	display: inline-block;
}
.forum table { table-layout: auto; }
.forum .breadcrumb { margin-bottom: 20px; }
.newpost form label, .newtopic form label { width: 100px; }
.forum .newtopic form label { width: auto !important; }
.boardPostPreviewContent { font-style: italic; }
.boardContent { clear: both; }
.board table th, .lastSubj th {
	padding: .3em 1em;
	color: 000;
	text-align: center;
	background: #dbe6eb;
	border-right: 1px #dddddd solid;
}
.board table th a {
	color: #000;
	text-decoration: none;
}
.boardActions {
	position: absolute;
	top: 5px;
	right: 10px;
}
.board table, .board tbody tr:nth-child(2n+1) { background: #fff; }
.board { position: relative; }
td.boardTopicFlag div {
	height: 22px;
	width: 22px;
}
div.board img { max-width: 500px; }
div.board table {
	margin: 10px 0;
	border: none;
}
div.board_crumb { padding: 2px 5px; }
div.board_actions { text-align: right; }
div.board_footer h4 {
	margin: 0;
	padding: 0;
}
div.board_footer li {
	padding: 2px 0 2px 18px;
	list-style: none;
	background: url(/common_images/skin001/syndication.png) no-repeat 0 50%;
}
.flag { font-weight: bold; }
td.board_category h3 { margin: 5px; }
td.boardForumFlag {
	width: 46px;
	padding: 4px;
}
td.boardForumFlag div {
	height: 25px;
	width: 46px;
}
div.board_forum_open { background: url(/common_images/board/folder_big.gif) no-repeat center left; }
div.board_forum_closed { background: url(/common_images/board/folder_locked_big.gif) no-repeat center left; }
td.board_forum_forum h4 { margin: 0; }
td.board_forum_topics, td.board_forum_posts, td.board_forum_lastpost { text-align: center; }
td.board_forum_lastpost a {
	font-weight: normal;
	text-align: center;
}
td.board_category { padding: 15px 0 0 0; }
td.boardTopicFlag {
	height: 22px;
	width: 22px;
}
td.gret div {
	height: 22px;
	width: 22px;
}
div.board_topic_normal { background: url(/common_images/board/folder.gif) no-repeat center center; }
div.board_topic_sticky { background: url(/common_images/board/folder_sticky.gif) no-repeat center center; }
div.board_topic_announcement { background: url(/common_images/board/folder_announce.gif) no-repeat center center; }
td.board_topic_topic { width: 40%; }
td.board_topic_replies, td.board_topic_author, td.board_topic_views, td.board_topic_lastpost { text-align: center; }
#posts {
	margin: 5px 0;
	padding: 2px;
	border: 2px solid #eee;
}
div.boardPost {
	background: #ddd;
	border-top: 3px solid #3a3a3a;
}
div.boardPostUser {
	float: left;
	width: 100px;
	padding:5px 0;
	text-align:center;
}
div.boardPostUser .avatar {
	height: 80px;
	width: 80px;
	margin: auto;
	overflow: hidden;
}
div.boardPostUser .avatar img {
	float: none;
	max-width: 80px;
	max-height: 80px;
}
div.boardPostMessageHeader {
	padding: .3em 1em;
	background: #dbe6eb;
}
div.boardPostMessageHeader a { text-decoration: none; }
div.boardPostMessageTools {
	padding: 3px;
	text-align: right;
	background: #eee;
}
span.boardPostMessageSubject {
	margin: 0 0 0 15px;
	font-size: 1.2em;
	font-weight: bold;
	color: #1FBDF0;
}
div.boardPostMessage { margin: 0 0 0 110px; }
div.boardPostBody {
	padding: 10px;
	color: #000;
	background: #fff;
}
div.postContent { clear: both; }
textarea#post_message, input#post_subject {
	max-width: 100%;
	width: 100%;
	height: 200px;
}
.forum input#post_subject {
	height: 25px !important;
	margin-bottom: 1em;
}
.forum .editeurWYSYWIG input { min-width:auto !important; }
q {
	display: block;
	padding: .5em;
	margin: .5em;
	font-style: italic;
	border: 1px silver solid;
}
/* End board/categories.html */

.board_post_name {
	margin-bottom: 10px;
	font-weight: bold;
}
.board_post_user .label { font-style: italic; }
div.board_post_user .avatar {
	width: auto;
	height: auto;
	max-height: 80px;
	max-width: 80px;
	margin: 0 auto 5px;
	font-size: .9em;
}
.board_post_user .profil, .board_post_user .certificats,
.board_post_user .nbMessages {
	margin-bottom: 6px;
	margin-left: 2px;
	font-size: .9em;
	text-align: left;
	word-wrap: break-word;
}

/* ----------------------------- */
/* ==hack iefix */
/* ----------------------------- */

/* haslayout for IE6/IE7 */
.ie678 .clearfix, .ie678 .line,
.ie678 .mod, .ie678 .row,
.ie678 .col { zoom: 1; }
/* inline-block and table-cell for IE6/IE7 */
/* warning: .col needs width on IE6/IE7 */
.ie67 .btn, .ie67 .col,
.ie67 .inbl {
	display: inline;
	zoom: 1;
}
.ie8 img { width: auto; }
/* Active box-sizing for IE6/IE7 */
/* @source https://github.com/Schepp/box-sizing-polyfill */
.ie67 * { behavior: url(/scripts/boxsizing.htc); }
.ie678 #slider{ display: none; }
.ie678 .line { display: block; }
.ie678 #footer .wLiensSoc { width: auto; }
.ie678 #footer .wPropos { width: 30%; }
.ie678 #leftbar h4 { background: #448ec0; }
.ie67 #chapterpictureOuter, .ie67 .smart-menu { display: none; }
.ie678 .navigation { background: #8b2765; }
.ie678 .grid3 > * { width: 27%; }
.ie678 .grid2 > * { width: 41%; }
.ie67 .accueil_medialibs .boxdirectories .w20 { width: 15%; }
.ie678 #nested .firstLevel li ul { border: 1px solid #a9a9a9; }
.ie678 .connexion { background: #000; }
.ie678 #contents {
	float: right;
	width: 800px;
	padding-left: 10px;
}
.ie678 .accueil_medialibs #contents, .ie678 .forum #contents, .ie678 .rencontre #contents {
	float: none;
	width: auto;
	padding-left: auto;
}
.ie678 .forum #contents, .ie678 .rencontre #contents {
	position: relative;
	top: -21px;
	left: 0;
}
.ie678 .mw1070p { width: 1070px; }
.ie678 .adsEntrySummaryRef { display: block; }
.ie678 .thumbnail {
	width: 100%;
	float: none;
}
.ie678 .rencontre .simpleText {
	width: 33%;
	float: left;
}
.evolutions_2013 #wrapper, .enquete #wrapper, .personas #wrapper, .nis #wrapper,
.mentions_legales #wrapper { background: none; }
.evolutions_2013 #leftbar, .enquete #leftbar, .evolutions_2013 .breadcrumbShadow,
.enquete .breadcrumbShadow, .evolutions_2013 .step { display: none; }
.evolutions_2013 .formulaire h2, .enquete .formulaire h2 {
	margin: .875em 0 .4em 0;
	font-size: 34px;
	line-height: 1.4154em;
}
.evolutions_2013 .form_creator_header, .enquete .form_creator_header {
	padding-bottom: 40px;
	margin-bottom: 40px;
	border-bottom: 1px solid #d5d5d5;
}
.evolutions_2013 .form_creator_header p, .enquete .form_creator_header p {
	margin: 0;
	font: 300 18px/33px 'Open Sans', Arial, _serif;
	color: #999;
}
.enquete .cadre {
	display: block;
	clear: both;
	width: 780px;
	padding: 20px;
	margin: 0 auto 20px;
	background: rgba(0,0,0,0.03);
	border-radius: 4px;
}
.evolutions_2013 .cadre {
	display: block;
	clear: both;
	width: 880px;
	padding: 20px;
	margin: 0 auto 20px;
	background: rgba(0,0,0,0.03);
	border-radius: 4px;
}
.evolutions_2013 fieldset, .enquete fieldset {
	padding: 0;
	margin: 0;
}
.evolutions_2013 fieldset legend, .enquete fieldset legend {
	font: 300 1.5714em/1.5em 'Open Sans', _serif;
	color: #000;
}
.evolutions_2013 .description p, .enquete .description p {
	font-weight: 200;
	color: #999;
}
.evolutions_2013 .notes, .enquete .notes, .enquete .notes_2 {
	width: 100%;
	margin: 10px 0 0 310px;
}
.evolutions_2013 .notes span, .enquete .notes span, .enquete .notes_2 span {
	float: left;
	display: block;
	width: 80px;
	font: bold 16px 'Open Sans', Arial, _serif;
	text-align: center;
}
.enquete .notes_2 span { font: bold 11px 'Open Sans', Arial, sans-serif !important; }
.evolutions_2013 .row > *, .enquete .row > * { padding: 1em; }
.enquete form label {
	width: 310px;
	font-weight: 300;
	display: inline-block;
}
.evolutions_2013 form label {
	display: inline-block;
	width: 290px;
	font-weight: 300;
	text-align: left;
}
.evolutions_2013 .multi_checkbox label, .enquete .multi_checkbox label { text-align: left; }
.enquete .multi_radio, .enquete .multiRadio {
	float: left;
	width: 80px;
	height: 20px;
	padding: 0 25px;
}
.evolutions_2013 .radio { margin: 0; }
.evolutions_2013 .multi_radio {
	float: left;
	width: 70px;
	height: 20px;
	padding: 0 25px;
	margin: 0 4px;
	text-align: center;
}
.enquete .multiRadio label { display: none !important; }
.evolutions_2013 .multi_radio label, .enquete .multi_radio label, .enquete .multiRadio label {
	text-align: left;
	width: auto;
}
.evolutions_2013 textarea { width: 810px; }
.enquete .step {
	width: 902px;
	border: 1px solid #ccc;
	background: #eee;
}
.enquete .step span {
	float: left;
	display: block;
	width: 300px;
	height: 40px;
	line-height: 40px;
	font-size: 18px;
	text-align: center;
	border-left: none;
	background: #eee url(/images/bg_enquete_ariane.png) right center no-repeat;
}
.enquete .step span.active {
	color: #fff;
	background: rgb(48, 159, 203) url(/images/bg_enquete_ariane_active.png) right center no-repeat;
}
.enquete .step span.before { background: url(/images/bg_enquete_ariane_beforeactive.png) right center no-repeat; }
.enquete .step span.last { background: none; }
a.valid {
	vertical-align: baseline;
	padding: 1px 8px;
	font-size: 100%;
	text-decoration: none;
	background: url(/images/bt_valider.jpg);
	border-radius: none;
	border: 1px solid #888;
	cursor: pointer;
	-webkit-appearance: button;
}

/* Convention */
.convention #linkToSubscribe {
	position: fixed;
	top: -100px;
	left: 0;
	z-index: 100;
	width: 100%;
	height: 65px;
	padding: 10px 0;
	text-align: center;
	background: rgb(233, 49, 139);
	border-bottom: 1px solid #ccc;
	box-shadow: 0 0 4px rgba(0,0,0,.4);
	overflow: hidden;
}
.convention #linkToSubscribe .btn {
	color: rgb(233, 49, 139);
	text-shadow: none;
	background: #fff;
}
.convention #chapterpicture {
	height: 375px;
	background: url(/images/convention/bandeau2014.jpg) top center no-repeat;
}
.convention span.h2-like {
	width: 100%;
	display: block;
	padding-bottom: 10px;
	margin-bottom: 10px;
	border-bottom: 1px solid #ccc;
}
.convention p.h3-like {
	padding-left: 30px;
	margin-left: -30px;
	background: url(/images/convention/etoile.png) left no-repeat;
}
.convention p.h3-like span {
	margin: 0 15px 0 0;
	font-weight: 600;
	font-size: 0.8em;
	color: rgb(233, 49, 139);
}
.convention .h4-like {
	margin-bottom: 5px;
	font-weight: 600;
}
.convention .calage_gauche { margin-left: 0; }
.convention .mb2 { margin-left: 2%; }
.convention .btn.blue2 {
	color: #fff;
	text-shadow: 0 1px 1px #cd2d7b;
	text-shadow: 0px 1px 1px #777;
	border: 1px solid #e9318b;
	border-color: #ff419e #cd2d7b #b51764;
	background: #18b2ea;
	background: -moz-linear-gradient(top, #fe65b0 0%, #d31371 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#fe65b0), color-stop(100%,#d31371));
	background: -webkit-linear-gradient(top, #fe65b0 0%,#d31371 100%);
	background: -o-linear-gradient(top, #fe65b0 0%,#d31371 100%);
	background: -ms-linear-gradient(top, #fe65b0 0%,#d31371 100%);
	background: linear-gradient(to bottom, #fe65b0 0%,#d31371 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#18b2ea', endColorstr='#d31371',GradientType=0 );
	box-shadow: inset 0px 1px 1px #ffa6d2;
}
.convention .colorBlue { color: rgb(233, 49, 139)!important; }
.convention .picture {
	position: relative;
	cursor: pointer;
}
.convention .picture img:hover { opacity: 0.7; }
.convention .speaker_active {
	position: absolute;
	top: 0;
	left: 50%;
	z-index: 2;
	margin-left: -100px;
}
.convention .history_wrapper {
	display: block;
	width: 100%;
	height: 0;
	overflow: hidden;
}
.convention .history {
	display: block;
	padding: 20px;
	margin: 10px auto 0;
	color: #333;
	background: #eee;
	border: 1px dashed rgba(233,39,139,1);
	border-radius: 5px;
}
.convention .history a { color: rgb(233,39,139); }
#linkConvention {
	position: relative;
	float: right;
	height: 35px;
	margin: 20px 25px 0;
	padding: 0 10px;
	color: #fff;
	font-size: 12px;
	line-height: 37px;
	text-decoration: none;
	background: #03aaee;
	border-radius: 4px;
	box-shadow: 0 0 10px rgba(0, 0, 0, 0.5);
	-webkit-transition: opacity 200ms ease-in-out;
	-o-transition: opacity 200ms ease-in-out;
	transition: opacity 200ms ease-in-out;
}
#linkConvention:hover { opacity: .8; }
#treasureConvention {
	position: absolute;
	top: -15px;
	left: -50px;
}
.rh form #offre {
	width: 265px!important;
	min-width: 265px!important;
}
.rh form label { width: 175px; }
.rh form input[type="text"] { min-width: 260px; }
.rh form #cv, .rh form #lettre_de_motivation { width: 266px; }
.rh .formulaire h2:first-child { display: none; }
.smartWill #wrapper { background: none; }
.smartWill #contents {
	left: -245px;
	padding-left: 0;
}
.smartWill #leftbar { z-index: 2; }

.widgetMenu {
	border-radius: 8px 0 0 0;
	background: #ffffff;
	color: #333;
}
#leftbar .widgetMenu h3 {
	height: 60px;
	padding: 0 0 0 30px;
	margin-bottom:0;
	font-size: 1.2857em;
	font-weight: bold;
	line-height: 60px;
	color: #323232;
	text-align: left;
	background: #f5f5f5 url(/images/2013/titre.png) 10px 50% no-repeat;
	border-radius: 8px 0 0 0;
	cursor: pointer;
}

#leftbar .widgetMenu li a {display: block;
    padding: 14px 3px 14px 10px;
    text-decoration: none;
    border-bottom: 1px #ededed solid;
    color: #555;
    font-size: 13px;}

#leftbar .widgetMenu li a:hover {color:#d4007f;}

#leftbar .widgetText h3 {
	height: 60px;
	padding: 0 0 0 30px;
	margin-bottom:0;
	font-size: 1.2857em;
	font-weight: bold;
	line-height: 60px;
	color: #323232;
	text-align: left;
	background: #f5f5f5 url(/images/2013/titre.png) 10px 50% no-repeat;
	border-radius: 8px 0 0 0;
	cursor: pointer;
}

#leftbar .lh0 h3 {
	height: 60px;
	padding: 5px 5px 0 30px;
	margin-bottom:0;
	font-size: 1.3em;
	font-weight: bold;
	color: #323232;
	text-align: left;
	background: #f5f5f5 url(/images/2013/titre.png) 10px 50% no-repeat;
	border-radius: 8px 0 0 0;
	cursor: pointer;
	line-height: normal;
}

#leftbar .smartMenu .widgetTextInner {
	display: none;
	border: 1px solid #ccc;
	border-top: none;
}
#leftbar .smartMenu ul { padding-left: 0; }
#leftbar .smartMenu ul li { list-style-type: none; }
#leftbar .smartMenu a {
	display: block;
	padding: 3px 20px 3px 30px;
	color: #000;
	text-decoration: none;
}
#leftbar .smartMenu a:hover {
	color: #fff;
	background: #7e0a53;
}
.smartForm {
	position: absolute;
	top: 310px;
	left: 50%;
	margin-left: 324px;
	padding: 10px 10px 0 10px;
	width: 250px;
	background: #eee;
}
.smartForm h4 { display: none; }
.smartForm p.bigger { padding-left: 1em; }
.smartForm fieldset { padding: 0; }
.smartForm label {
	display: block;
	text-align: left;
	padding-bottom: 0;
	padding-top: 0;
	padding-left: 0;
}
.smartForm input[type="text"], .smartForm textarea {
	min-width: 225px;
	width: 225px;
}
.smartForm .formulaire .row > span {
	display: block;
	padding-top: 0;
	padding-left: 0;
}

.partenaires .staredProjects .project:nth-child(3n) { margin-right: 0; }
.partenaires .staredProjects .linkDetail { position: relative; }
.partenaires .staredProjects img { width: 223px; }
.partenaires .staredProjects .h140 { height: 140px; }
.partenaires .staredProjects .description { height: 55px; }

.partenaires .otherProjects h4 { font-size: .85em; }
.partenaires .otherProjects h4 strong {}
.partenaires .otherProjects .small { display: none; }
.partenaires .otherProjects .project:nth-child(5n) { margin-right: 0; }

/* Personas */
.personas .form_creator_header, .nis .form_creator_header {
	padding-bottom: 20px;
	margin-bottom: 20px;
	border-bottom: 1px solid #ccc;
}
.personas fieldset, .nis fieldset { margin-bottom: 20px; }
.personas legend, .nis legend {
	margin-left: -15px;
	font: normal 18px 'Open Sans', Arial, sans-serif;
}
.personas label, .nis label { text-align: left; }
.personas textarea, .nis textarea { width: 100%; }
.personas .multi_radio label, .personas .multi_checkbox label,
.nis .multi_radio label, .nis .multi_checkbox label { font-weight: normal; }
.personas .multi_checkbox, .nis .multi_checkbox {
	float: none;
	clear: both;
}
.personas form label { display: inline-block!important; }
.personas form .row > span {
	display: inline-block;
	width: 770px;
}
.personas form .row > span .multi_radio, .nis form .row > span .multi_radio {
	display: inline-block;
	width: 50%;
}
.personas .aide, .nis .aide {
	font-size: 12px;
	font-style: italic;
	color: #aaa;
}
.personas form > fieldset:first-child .row:nth-child(2) > span .multi_radio { width: auto; }
.personas form > fieldset:first-child .row:nth-child(8) > label,
.personas form > fieldset:first-child .row:nth-child(9) > label,
.personas form > fieldset:nth-child(2) .row:nth-child(2) > label,
.personas form > fieldset:nth-child(2) .row:nth-child(3) > label,
.personas form > fieldset:nth-child(2) .row:nth-child(4) > label,
.personas form > fieldset:nth-child(2) .row:nth-child(5) > label,
.personas form > fieldset:nth-child(2) .row:nth-child(6) > label,
.personas form > fieldset:nth-child(3) .row:nth-child(2) > label,
.personas form > fieldset:nth-child(3) .row:nth-child(3) > label,
.personas form > fieldset:nth-child(3) .row:nth-child(4) > label,
.personas form > fieldset:nth-child(4) .row:nth-child(2) > label,
.personas form > fieldset:nth-child(4) .row:nth-child(3) > label,
.personas form > fieldset:nth-child(4) .row:nth-child(4) > label,
.personas form > fieldset:nth-child(4) .row:nth-child(5) > label,
.personas form > fieldset:nth-child(4) .row:nth-child(6) > label {
	width: 100%;
	padding-bottom: 0;
	text-align: left;
}
.personas form > fieldset:nth-child(3) ul, .nis form > fieldset:nth-child(3) ul {
	float: left;
	margin-top: 0;
	list-style-type: none;
}
.personas form > fieldset .row .row, .nis form > fieldset .row .row {
	margin: 0 0 15px 5px;
	font-size: 12px;
	background: #f6f6f6;
	border-left: 3px solid #ccc;
}

.nis form label {
	float: none;
	display: block!important;
	width: 100%;
}
.nis form .row > span { font-size: 12px; color: #999; }
.nis form .row > span > span { color: #666; }
.nis .selectToSlide {display: none; }

/* ----------------------------- */
/* IAdvize                           */
/* ----------------------------- */

div#idz_chatglobal {
	display: none!important;
}

.rh div#idz_chatglobal {
	display: block!important;
}

#idz_chatbar .idz_face_inner {
	display: block;
}

#idz_chatbar #idz_chatbar_shadow {
	display: none;
}

#idz_chatbar #idz_chatbar_content, #idz_chatbar #idz_chatbar_inner, #idz_chatbar #idz_sendmsg, #idz_chatbar .idz_arrowl, #idz_chatbar #msgform, #idz_chatbar table#idz_chatbar_minifier, table#idz_chatbar_mini {
	position: relative!important;
	height: auto!important;
	background: none!important;
}

#idz_chatbar .idz_arrowl {
	background: #eee!important;
}

#idz_chatbar {
	position: absolute!important;
	left: auto!important;
	right: 100px!important;
	bottom: 0!important;
	height: auto!important;
	width: 300px!important;
}

#idz_chatbar #idz_chatbar_inner, #idz_chatglobal #idz_chatbox {
	position: initial!important;
	left: none!important;
	right: none!important;
	height: auto!important;
	width: auto!important;
	margin-left: 0!important;
}
#idz_chatbar #idz_chatbar_content, #idz_chatbar #idz_chatbar_inner, #idz_chatbar #idz_sendmsg,
#idz_chatbar .idz_arrowl, #idz_chatbar #msgform, #idz_chatbar table#idz_chatbar_minifier,
table#idz_chatbar_mini { height: auto!important; }
#idz_chatbar #idz_sendmsg {
	position: initial!important;
	right: none!important;
	width: 300px!important;
	height: auto!important;
	background: #fff!important;
}
#idz_chatglobal #idz_chatbar .idz_msgmsg_bg {
	position: initial!important;
	top: none!important;
	left: none!important;
	height: 30px!important;
	width: 300px!important;
	border-left: 1px solid #888;
	border-right: 1px solid #888;
	background: none;
}
#idz_chatbar #idz_postmsg { display: none!important; }
#idz_chatbar #msgform {
	position: absolute!important;
	display: block!important;
	float: none !important;
	background: none !important;
	border: none !important;
	width: auto !important;
	margin: 0!important;
	padding: 0!important;
	top: 0!important;
	bottom: auto!important;
	border-top: 1px solid #CCC!important;
}
#idz_chatglobal #idz_chatbar #idz_msgmsg {
	position: absolute!important;
	top: 0!important;
	left: auto!important;
	padding: 4px!important;
	margin: 0!important;
	width: 170px!important;
	min-width: 300px!important;
	height: 30px!important;
	border: 0!important;
	background: none!important;
	outline: none;
	font-size: 12px!important;
	color: #444;
}
#idz_chatbar .idz_msgmsg_bg .idz_pict { display: none; }
.idz_logo #idz_chatbar .idz_chatbar_logo {
	position: absolute!important;
	bottom: 252px!important;
	right: 5px!important;
}
#idz_chatglobal .idz_chatbar_logo a {
	position: initial!important;
	right: auto!important;
	top: auto!important;
	width: 45px!important;
	background: url('//static.iadvize.com/images/livechat/buttons-bar.png') no-repeat -155px -59px!important;
}
#idz_chatbar .idz_arrowl div { text-align: left!important; }
#idz_chatglobal .idz_chatbox_hidemore { display: block!important; }
#idz_chatbox_main {
	position: absolute!important;
	bottom: 30px!important;
	right: 100px!important;
	overflow: hidden!important;
	height: 250px!important;
	width: 300px!important;
	color: black!important;
	background: white!important;
	border: 1px solid #999!important;
	border-radius: 0!important;
	box-shadow: 0 0 0 0!important;
}
#idz_chatbox_main h2 { display: none!important; }
#idz_chatbox_main_content {
	position: relative!important;
	padding: 34px 0 0!important;
	margin: 0!important;
	border-radius: 0!important;
	background: none!important;
}
#idz_dialogbox {
	height: 250px!important;
	width: 100% !important;
}
#idz_chatbox_main .jspContainer {
	width: auto!important;
	min-width: 300px !important;
	min-width: 300px !important;
	height: 215px!important;
	overflow: hidden;
	overflow-y: scroll;
}
#idz_chatbox_main .jspPane {
	left: 0!important;
	width: 300px!important;
	padding: 0 0 30px!important;
}
#idz_chatbox_left, #idz_chatbar .idz_arrowl {
	position: absolute!important;
	top: -250px!important;
	width: 300px!important;
	min-height: 0!important;
}
#idz_chatglobal #idz_chatbar .idz_arrowl div {
	position: initial!important;
	top: none!important;
	padding: 0 20px 0 10px!important;
	line-height: 35px!important;
	font-size: 14px!important;
	font-style: normal;
	color: #fff!important;
	background: #8b2765;
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzhiMjc2NSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzg1MTY1YiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzdlMGE1MSIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiM3ZTBhNTEiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #8b2765 0%, #85165b 50%, #7e0a51 51%, #7e0a51 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#8b2765), color-stop(50%,#85165b), color-stop(51%,#7e0a51), color-stop(100%,#7e0a51));
	background: -webkit-linear-gradient(top, #8b2765 0%,#85165b 50%,#7e0a51 51%,#7e0a51 100%);
	background: -o-linear-gradient(top, #8b2765 0%,#85165b 50%,#7e0a51 51%,#7e0a51 100%);
	background: -ms-linear-gradient(top, #8b2765 0%,#85165b 50%,#7e0a51 51%,#7e0a51 100%);
	background: linear-gradient(to bottom, #8b2765 0%,#85165b 50%,#7e0a51 51%,#7e0a51 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#8b2765', endColorstr='#7e0a51',GradientType=0 );
}
#idz_chatbar .idz_arrowl, #idz_chatbar .idz_arrowl div { color: #fff!important; }
.idz_msg_operator {
	position: relative;
	background: #E4EBF0!important;
	-webkit-border-radius: 0!important;
}
.idz_msg_operator .idz_msgtime { background: none; }
.idz_msg_operator .idz_ope .idz_opename {
	position: absolute;
	top: 7px;
	left: 75px;
	font-size: 12px!important;
}
.idz_msg_visitor {
	height: 41px!important;
	background: white url('/images/default_user.jpg') 11px 5px no-repeat!important;
}
.idz_msg_operator .idz_msgtext { margin-top: 20px; }
.jspVerticalBar {
	border-left: 1px solid #DDD!important;
	position: absolute!important;
	top: 35px!important;
	right: 0!important;
	width: auto!important;
	height: 100%!important;
}
.jspCap { display: none!important; }
.jspVerticalBar .jspArrow {
	height: 16px!important;
	background-color: none!important;
}
.jspTrack {
	background: none!important;
	position: relative!important;
	width: auto!important;
}
.jspDragTop {
	position: absolute!important;
	top: 0!important;
	left: 0!important;
	overflow: hidden;
	height: 6px;
	width: auto!important;
}
.jspDragBottom { width: auto!important; }
.jspHorizontalBar { display: none!important; }
table.calendar {
	width: 220px;
	caption-side: top;
	margin: 0;
}
.calendar caption {
	margin: 0;
	padding: 5px;
	display: block;
	width: 220px;
	font-style: normal;
	background: #ddd;
}
.calendar .nav { background: #7e0a51; }
.calendar .nav a {
	color: #fff;
	text-decoration: none;
}
.calendar td, .calendar th {
	padding: 5px 0;
	text-align: center;
}
.calendar tbody td:hover { background: #4094c7; }
.calendar tbody td:hover a {
	color: #fff;
	cursor: pointer;
}
.calendar tbody td a {
	color: #4094c7;
	text-decoration: none;
}
.calendar tbody td.today { background: #4094c7; }
.calendar tbody td.today a { color: #fff; }
.calendar tbody td.past_day { background: #eee; }
.calendar tbody td.past_day a { color: #bbb; }
.calendar tbody td.no_day { background: #ddd; }
.demoPage #overDiv {
	border: 2px solid #7e0a51;
	background: #fff;
}
.demoPage #overlibheader { display: none; }
.demoPage #overlibfooter {
	text-align: center;
	background: #666;
}
.demoPage #overlibfooter a {
	color: #fff;
	text-decoration: none;
}
.demoPage .demoFormG, .demoPage .demoFormD {
	display: inline-block;
	vertical-align: top;
	width: 49%;
}
.demoPage form label { width: 160px; }
.demoPage input[type="text"], .demoPage select, .demoPage textarea {
	min-width: 250px;
	max-width: 250px;
}
.demoPage textarea { height: 80px; }

/* ----------------------------- */
/* Widget Formation */
/* ----------------------------- */
.dates_formation {
	font-size: .9em;
	background: #f1f1f1
}
.dates_formation h4 {
	display: block;
	padding-top: 13px;
	padding-bottom: 13px;
	font-size: 1.1429em; /* equiv 15px */
	font-weight: normal;
	color: #fff;
	text-align: center;
	background: #448ec0; /* Old browsers */
	/* IE9 SVG, needs conditional override of 'filter' to 'none' */
	background: url(data:image/svg+xml;base64,PD94bWwgdmVyc2lvbj0iMS4wIiA/Pgo8c3ZnIHhtbG5zPSJodHRwOi8vd3d3LnczLm9yZy8yMDAwL3N2ZyIgd2lkdGg9IjEwMCUiIGhlaWdodD0iMTAwJSIgdmlld0JveD0iMCAwIDEgMSIgcHJlc2VydmVBc3BlY3RSYXRpbz0ibm9uZSI+CiAgPGxpbmVhckdyYWRpZW50IGlkPSJncmFkLXVjZ2ctZ2VuZXJhdGVkIiBncmFkaWVudFVuaXRzPSJ1c2VyU3BhY2VPblVzZSIgeDE9IjAlIiB5MT0iMCUiIHgyPSIwJSIgeTI9IjEwMCUiPgogICAgPHN0b3Agb2Zmc2V0PSIwJSIgc3RvcC1jb2xvcj0iIzQ0OGVjMCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUwJSIgc3RvcC1jb2xvcj0iIzIxNzliNCIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjUxJSIgc3RvcC1jb2xvcj0iIzA3NjlhYiIgc3RvcC1vcGFjaXR5PSIxIi8+CiAgICA8c3RvcCBvZmZzZXQ9IjEwMCUiIHN0b3AtY29sb3I9IiMyMzdhYjUiIHN0b3Atb3BhY2l0eT0iMSIvPgogIDwvbGluZWFyR3JhZGllbnQ+CiAgPHJlY3QgeD0iMCIgeT0iMCIgd2lkdGg9IjEiIGhlaWdodD0iMSIgZmlsbD0idXJsKCNncmFkLXVjZ2ctZ2VuZXJhdGVkKSIgLz4KPC9zdmc+);
	background: -moz-linear-gradient(top, #448ec0 0%, #2179b4 50%, #0769ab 51%, #237ab5 100%); /* FF3.6+ */
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#448ec0), color-stop(50%,#2179b4), color-stop(51%,#0769ab), color-stop(100%,#237ab5)); /* Chrome,Safari4+ */
	background: -webkit-linear-gradient(top, #448ec0 0%,#2179b4 50%,#0769ab 51%,#237ab5 100%); /* Chrome10+,Safari5.1+ */
	background: -o-linear-gradient(top, #448ec0 0%,#2179b4 50%,#0769ab 51%,#237ab5 100%); /* Opera 11.10+ */
	background: -ms-linear-gradient(top, #448ec0 0%,#2179b4 50%,#0769ab 51%,#237ab5 100%); /* IE10+ */
	background: linear-gradient(to bottom, #448ec0 0%,#2179b4 50%,#0769ab 51%,#237ab5 100%); /* W3C */
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#448ec0', endColorstr='#237ab5',GradientType=0 ); /* IE6-8 */
}
.dates_formation > div > ul {
	margin: 0 0 0 1.2em;
	padding: .75em;
	color: #7e0a53;
	list-style-type: square;
}
.dates_formation li span { color: #444; }
.dates_formation li.year {
	width: 245px;
	margin: .7em 0 0 -2em;
	padding: 0 0 0 .8em;
	font-weight: bold;
	color: rgba(6,105,172,1);
	border-left: 15px solid rgba(6,105,172,.3);
	list-style-type: none;
}
.dates_formation li.year:first-child { margin-top: 0; }
.dates_formation li strong { color: #7e0a53; }
.dates_formation li i { color: #888; }
.dates_formation h5 {
	padding: 5px 0 5px .75em;
	margin: 0;
	font: normal 1.1em 'Open Sans', Arial, sans-serif;
	font-weight: 500;
	color: #7e0a53;
	text-transform: none;
	border-bottom: 1px solid rgba(126,10,83,.3);
}
.dates_formation p {
	padding: .75em;
	margin: 0;
	font-size: .95em
}
#contents .dates_formation {
	display: inline-block;
	vertical-align: top;
	width: 320px;
	border: 1px solid;
}
.noLinkFormation fieldset {
	display: inline-block;
	vertical-align: top;
	width: 450px;
	padding-left: 0;
	padding-right: 0;
	margin: 0;
}
.noLinkFormation .row {
	margin-left: -1em;
	padding-left: 1em;
}
.noLinkFormation label {
	padding: 0;
	margin-right: 0;
	text-align: left;
}
.noLinkFormation .row > label { width: 100%; }
.noLinkFormation .formulaire span {
	width: 400px!important;
	padding: .5em 0 1em 0;
}
.noLinkFormation span.multi_radio {
	display: inline-block;
	width: 49%!important;
	padding: 0;
}
.noLinkFormation span.multi_radio input { margin-left: 0; }
.noLinkFormation fieldset > .row:first-child label:first-child { display: none!important; }
.noLinkFormation fieldset > .row:first-child span .group_multi_radio span.multi_radio {
	width: 100%!important;
}
.noLinkFormation input[type="text"], .noLinkFormation textarea { width: 450px; }
.noLinkFormation .submit { width: 660px; }

/* ----------------------------- */
/* ==print */
/* ----------------------------- */

@media print {
	p, blockquote {
		orphans: 2;
		widows: 2;
	}
	blockquote,
	ul, ol { page-break-inside: avoid; }
	h1,
	h2,
	h3,
	caption { page-break-after: avoid; }
}

/* quick print reset */
@media print {
	body {
		width: auto !important;
		margin: auto !important;
		font-family: serif;
		font-size: 12pt;
		background-color: #fff !important;
		color: #333 !important;
	}
	p,
	h1, h2, h3,
	h4, h5, h6,
	blockquote,
	ul, ol {
		color: #000 !important;
		margin: auto !important;
	}
	.print { display: block; /* displaying .print elements */ }
	p,
	blockquote {
		orphans: 3; /* no orphans */
		widows: 3; /* no widows */
	}
	blockquote,
	ul,
	ol { page-break-inside: avoid; /* no breaks inside these elements */ }
	h1 { page-break-before: always; /* page break before main headers */ }
	h1,
	h2,
	h3,
	caption { page-break-after: avoid; /* no breaks after these elements */ }
	a {
		color: #000 !important;
		text-decoration: underline !important;
	}
	a[href]:after { content: " (" attr(href) ")"; /* displaying URLs */ }
}

/* ----------------------------- */
/* ==mobile */
/* ----------------------------- */

.smart-menu {
	position: relative;
	display: none !important;
	width:100%;
	margin: 0;
	cursor: pointer;
	font-size: 1.8em;
	line-height: 60px;
	color: #000;
	text-align: center;
	text-decoration: none;
	text-shadow: none;
	background: none;
	box-shadow: 0 0 0 rgba(0, 0, 0, 0);
}
.smart-menu a { border: 1px solid #7b7b7b; }

/* quick tablet reset */

@media (max-width: 1085px) {
	
	#headerTop,
	#headerInner,
	#digital,
	#webo,
	#communaute,
	#features,
	#blog,
	#others,
	#logiciel,
	#footer {padding-left:20px;padding-right:20px;}
}

@media (max-width: 1024px) {

	.pl0-5 {
		padding-left: 20px;
	}
	body { padding-bottom: 15px; }
	.convention p.h3-like { margin-left: 0; }
}

@media (max-width: 945px) {
	#nested .firstLevel li a {
		padding: 0 8px;
		font-size: 1em;
	}
	#slider h2 { font-size: 1.5em !important; }
}

/* quick tablet reset */
@media (max-width: 768px) {
	.tablet-hidden { display: none; }
	.w60, .w66, .w70, .w75, .w80, .w90, .w100,
	.w600p, .w700p, .w800p, .w960p,
	.mw360p, .mw960p, .mw1070p, .mw1080p { width: auto; }

	/* responsive widths for medium (m) screens, like tablets */
	.m25 { width: 25%; }
	.m33 { width: 33.3333%; }
	.m50 { width: 50%; }
	.m66 { width: 66.6666%; }
	.m75 { width: 75%; }
	.m100 {
		display: block !important;
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;
	}
	
	.hidden {display:block!important;}
	.video-container .poster img {margin:0!important;}
	.main-title {top:32%;}
	#digital h2, #communaute h2, #features h2, #blog h2 {font-size:15px;}
	#digital a.action, #digital p, #features p, #blog .widgetLastElementsDescription {font-size:13px;}
	#digital a.action {padding:12px 22px;}
	#communaute span.b {font-size:38px;}

	img.mr2 { margin-right: 5px; }
	form label {
		width: 100%;
		text-align: left;
	}
	.partenaires .maxH {
		height: 70px;
		line-height: 70px;
	}
	input[type="color"], input[type="date"], input[type="datetime"], input[type="datetime-local"], input[type="email"], input[type="month"], input[type="number"], input[type="password"], input[type="search"], input[type="tel"], input[type="text"], input[type="time"], input[type="url"], input[type="week"], select, textarea, button, input[type="button"] {
		min-width: 85%;
		max-width: 85% !important;
	}
	form label { padding-bottom: 0 !important; }
	.formulaire .row > div, .formulaire .row > span {
		padding-top: 5px;
		display: block;
	}
	.multi_radio label, .multi_checkbox label { display: inline !important; }
	.thirdLevel { display: none !important; }
}

@media (max-width: 860px) {
	#nested .firstLevel li a {
		padding: 0 5px;
		font-size: .80em;
	}
	#slider h2 { font-size: 1.5em !important; }

}

/* quick smartphone reset */
@media (max-width: 640px) {
	.phone-hidden { display: none !important; }
	.mod, .item, .col, label, fieldset {
		display: block !important;
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;
	}
	.w30, .w33, .w40, .w50,
	.w300p, .w400p, .w500p { width: auto; }
	.row {
		display: block !important;
		width: 100% !important;
	}
	/* responsive widths for tiny (t) screens, like smartphones */
	.t25 { width: 25%; }
	.t33 { width: 33.3333%; }
	.t50 { width: 50%; }
	.t66 { width: 66.6666%; }
	.t75 { width: 75%; }
	.t100 {
		display: block !important;
		float: none !important;
		clear: none !important;
		width: auto !important;
		margin-left: 0 !important;
		margin-right: 0 !important;
		border: 0;
	}

	/* th, td { text-align: left !important; } */
	thead { display: none; }
	.smart-menu{ display: block !important; }
	.firstLevel, .connexion,
	.wLiensSoc,
	#leftbar,
	.liensSupp,
	/*#slider,*/ .socialNetworks { display: none; }
	#footer .wPropos {
		width: 100%;
		padding-right: 0;
	}
	#chapterpictureOuter {height:118px;}
	.breadcrumb {top:82px;}
	#contents { padding:30px 20px 0; margin-top:0;}
	.accroche, .formations .chapo_description {margin-top:30px;}

	#wrapper { background-image: none; }
	.pl0-5 {
		padding-left: 10px;
	}
    
    #header {height:0;}
	#headerTop {display:none;}
	#headerInner {position:fixed;}

/* ----------------------------- */
/* Navigation mobile */
/* ----------------------------- */

	/* modif du 30/01/19 */

	.formations #contents, .partenariat #contents, .medialibsTheme #contents, .integration #contents, .hebergement #contents, 
	.developpement_web #contents, .open_source #contents, .maintenance_site_internet #contents, .noLinkFormation #contents,
	.conceptions_digitales #contents, .financement_de_la_formation #contents, .partenaires #contents, .devenir_partenaire #contents,
	.references #contents, .webinaire #contents, .nos_partenaires #contents, .certification_webo-facto #contents,
	.solutions #contents, .integration_et_developpement #contents, .webmarketing #contents, .exercez_vos_droits #contents,
	.gestion_des_donnees_personnelles #contents, .tutos #contents {
		margin-top: 0;
		padding-right: 20px;
	}

	/* modif du 31/01/19 */

	.mpc_ls .mpc_ls_slides li .mpc_ls_slide_item {
		left: 0 !important;
		right: 0 !important;
	}
	
	#nested ul { height: auto; }
	#nested .firstLevel {
		overflow: visible !important;
		clear: both;
		position:absolute;
		background:#fff;
		top:60px;
		right:-20px;
		width:235px;
		box-shadow: 0 15px 50px rgba(0,0,0,0.1);
		border-bottom-left-radius: 8px;
	}

	#nested .firstLevel.open {display:block!important; transition:all 0.3s ease-in-out;}

	#nested .firstLevel li .menu-link {display:block; position:absolute;right:0px;width:50px; height:52px;top:0; color: #d4007f;font-size: 1.15em;cursor:pointer;line-height:52px;text-align:center;}
    #nested .firstLevel li ul li .menu-link-sub {display:none;}
	
	#nested .firstLevel li ul, #nested .firstLevel li:hover ul ul, #nested .firstLevel li.sfhover ul ul, #nested .firstLevel ul li:hover ul ul, #nested .firstLevel ul li.sfhover ul ul {
		position: relative;
		left: 0;
		width: auto;
		height: auto;
	}
	#nested .firstLevel li.accueil a {
		height: auto;
		width: auto;
		margin-right: 0px;
		padding: 5px;
		background: none;
	}
	 #nested .firstLevel li.accueil a span { display: block !important; }
	#nested .firstLevel li {
		background-image: none;
		width: 100%;
	}
	#nested {
		padding-left: 0;
		padding-right: 0;
	}

	#nested .firstLevel .secondLevel { border-radius: 0; display:none; }

	#nested .firstLevel .secondLevel.visible { border-radius: 0; display:block!important; transition:all 0.3s ease-in-out; }

	#nested .firstLevel li ul { box-shadow: 0 0 0 rgba(0, 0, 0, 0); }
	/*#nested li.active .secondLevel a, #nested li.active:hover .secondLevel a {
		padding-left: 10px;
		margin-left: 25px;
		margin-right: 25px;
		line-height: normal !important;
		color: #fff;
	}*/
	#nested ul { padding: 0; }
	#nested .firstLevel li a {
		padding: 15px 50px 15px 15px;
		font-weight: normal;
		line-height: normal;
		font-size: 1.15em;
	}
	#nested .secondLevel li a { font-weight: normal; }
	#nested .firstLevel li.accueil {display:none;}
	#nested .firstLevel li.accueil a { color: #fff; }
	#nested .firstLevel li ul li a {
		width: auto;
		padding-left: 25px;
		line-height: normal;
		border-bottom: none!important;
	}
	#nested .firstLevel li {
		border-bottom: 1px solid #ededed!important;
		float: none;
		display: block;
	}
	 #nested .firstLevel .secondLevel li {
		border-bottom: none!important;
		padding-top: 0;
		padding-bottom: 0;
	}
	#nested .firstLevel li:last-child { border-bottom: 0!important; }

	#nested .secondLevel li.active a {
		    background:none!important;
	}

	#nested .firstLevel li:hover ul, #nested .firstLevel li.sfhover ul { background: none; }
	
	#nested .firstLevel .secondLevel li.sfhover a, #nested .firstLevel .secondLevel li.active:hover a,
	#nested .firstLevel li:hover .secondLevel a { color: #fff; }

    #nested .firstLevel li.call a {border-bottom-left-radius: 8px; border-bottom-right-radius: 0; border-top-right-radius: 0; border-top-left-radius: 0; padding:15px 0 15px 15px; line-height:normal;margin:0;}
    #nested .firstLevel li.call a:hover {color:#fff;}


	h1 {font-size:26px!important;}
	p.desc {margin-top:32px!important;}
	#home {margin-top:-33px;}
    /*.main-title {top:27%;width:80%;left:10%;right:10%;}
    .main-title p.desc {font-size:13px!important;margin-top:0;margin-bottom:32px;}
    .main-title a.call {padding:12px 32px;}*/
    .section-link-1,
    .section-link-2 {margin-left:-20px;}
    #digital a.action {padding:12px 34px;}
    #communaute .directoryResume {margin-bottom:30px;float:none;}
    #communaute .linkPartenaire {width:100%;}
    #features .discoverLink {text-align:center;}
    #features .discoverLink a {float:none;}
    #features h3 {text-align:center;font-size:16px;}
    #webo .discoverLink {text-align:center;}
    #webo h3 {text-align:center;font-size:16px;}
    #blog .actu {margin-bottom:30px;}
    #others {text-align:center;}
    #footerInner .widget {width:100%;}
    #solutions-web,
    #produit {margin-top:60px;background-position:top;background-size:auto;}
    #solutions-web p,
    #produit p {font-size:13px;width:100%;}
    #features .discoverLink {text-align:center;}
    /*Images*/
    #logiciel .software img {max-width:100%;display:none;}
    #logiciel .software-r img {max-width:100%; margin-top:12px; float:none;display:none;}
    #logiciel .left img {margin-top:12px;display:none;}
    /*Images*/
    .creation_site_internet #logiciel .n3,
    .gestion_email #logiciel .n2 {border:none!important;}

	.accueil_medialibs aside .grid1-2 > *:first-child {
		width: auto !important;
		margin-right: 10px !important;
	}
	.accueil_medialibs aside .grid1-2 > * + * { width: 63% !important; }
	.accueil_medialibs .widgetLastElements{
		border-right: 0;
		padding-right: 0;
	}
	.wSolutions { margin-left: 10px; }
	.accueil_medialibs .solu .bGris { height: auto !important; }
	.grid2 > *, .grid3 > *, .grid4 > *, .grid5 > *, .grid6 > *, .grid1-2 > *:first-child, .grid1-2 > * + * {
		width: 100%;
		margin-bottom: 1em;
		margin-left: 0;
	}
	.accueil_medialibs h3 .txtcenter { text-align: left; }
	.services #contents li { min-height: inherit; }
	#tabs.grid6 > * {
		width: 30%;
		margin-left: 2%;
		margin-bottom: 1em;
	}
	.references .adsEntrySummary {
		margin-bottom: 3em;
		margin-right: 0%;
		width: 100%;
	}
	.references .adsEntrySummary .bGrisLight1px {
		text-align: center;
		display: block;
		border: none;
	}
	.boardActions {
		position: relative;
		top: 0;
		right: 0;
	}
	#newtopic, .boardForum h2 { float: none; }
	.boardTopic h2 {
		margin-top: 10px;
		margin-bottom: 10px;
		line-height: 100%;
		font-size: 1.5em;
	}
	div.boardPostUser .avatar { display: none; }
	div.boardPostUser {
		float: none;
		padding: 5px 0;
		text-align: center;
		width: 100%;
	}
	div.boardPostMessage { margin: 0; }
	.mpc_ls .mpc_ls_slides li .mpc_ls_slide_item {
		position: absolute;
		width: 100% !important;
	}
	.mpc_ls_slides_thumbs { display: none !important; }
	.accueil_medialibs .boxdirectories .w20 { width: 45%; }
	.solut2 h3 { margin-bottom: 0; }
	.thumbnails > li { float: none; }
	.thumbnail { float: none; }
	h1, .h1-like {
		font-size: 24px;
		line-height: 1.1154em;
		margin: 0.2em 0;
	}
	.accroche, .formations
	.chapo_description {
		font-size: 18px;
		font-weight: 300;
		line-height: 20px;
	}
	.news_event, .formations .chapo_description img {
		 display: block;
		 float: none !important;
		margin: 0 auto 10px;
	}
	.news_event .right, #chapo .right, #chapoList .right {
		float: none;
		text-align: center;
		width: 100%;
	}
	.news_event img, #chapo img, #chapoList img {
		float: none !important;
		display: block;
		margin: 0 auto 10px;
	}
	.grid2 > * {
		float: none;
		width: 100%;
		margin-left: 0;
		margin-right: 0;
		margin-bottom: 1em;
	}
	.accroche img { float: none !important; }
	.partenaires .maxH {
		height: 50px;
		line-height: 50px;
	}
	.mh180 { min-height: 10px; }
	.references .adsEntrySummary {
		border-bottom: 1px solid #D5D5D5;
		padding-bottom: 1em;
	}
	.lastSubj { font-size: 1em; }
	p, ul, ol, dl, blockquote, pre, td, th, label, textarea, caption, details, figure, hgroup { font-size: 1.1em; }
	#header ul { font-size: 1em; }
	.staredProjects .project { width: 100%; }
}

/* Page formations */
.colorBlack { color: #000 !important; }
.catalogFormation { font-size: .9em; }
/*.accroche, .formations .chapo_description {
  padding-bottom: 15px !important;
  margin-bottom: 15px !important;
}*/
.formations .encart {
  background: white;
  box-shadow: #ececec 0px 0 30px;
  border-radius: 15px;
  padding: 20px;
}
.formations .encart > p:first-child { text-align: center; }
.formations .encart > p:last-child { text-align: left; }
.formations .colorViolet a, .formations .colorViolet a:visited {
	text-decoration: none !important;
	color: #7e0a53 !important;
}
.formations .colorViolet a:hover { text-decoration: underline !important; }
.formations h3 { font-size: 1.3em !important; }
.formations .encart img { max-height: 75px; }
.bgBlockGris {
	padding: 0.5em;
	background: #F3F3F3;
	overflow: hidden;
}
.formations .lead {
	margin-left: 1em;
	font-family: 'Open Sans', sans-serif;
	color: #666;
}
.formations .lead2 {
	font-family: 'Open Sans', sans-serif;
	color: #666;
}
.formations .blocCertif {
	width: 60%;
	float: left;
}
.formations .bBottom1pxGrey2 { clear: both; }
.formations .widgetLinkFormation h4 { display: none !important; }
.formations .widgetLinkFormation .widgetTextInner { border: none !important; }
.formations .widgetLinkFormation a { width: 100%; }
.noLinkFormation form label[for*="other"],
.formations form label[for*="other"] { width: 40px !important; }
.noLinkFormation form label[for*="other"] + ul,
.formations form label[for*="other"] + ul {
  position: relative;
  left: -65px;
}
.noLinkFormation form input.text,
.formations form input.text { min-width: 234px !important; }
.noLinkFormation #chapoList .right { text-align:center !important; }
.noLinkFormation .chapo_description { clear: none !important; }

/* Page solutions */
.solutions #chapoList .description + .mt2 { display: none; }

@media (-webkit-min-device-pixel-ratio: 2), (min-resolution: 192dpi), (min-resolution: 2dppx) { /* Style adjustments for retina devices */ }

/* orientation iOS font-size fix */
@media (orientation: landscape) and (max-device-width: 768px) {
	html, body { -webkit-text-size-adjust: 100%; }
}

/* Ajout page présentation solution */
@media (max-width: 1099px) {
	.w1080p {
		width: 100%;
		padding-right: 20px;
		padding-left: 20px;
	}
	.w1000p { width: 100%; }
}
@media (max-width: 1019px) {}
@media (max-width: 949px) {
	h3, .h3-like { font-size: 1.8em; }
}
@media (max-width: 879px) {
	h2, .h2-like { line-height: 2.2em; }
	h3, .h3-like { font-size: 1.6em; }
	.w600p, .w33 { width: 100%; }
}
@media (max-width: 799px) {
	h2, .h2-like { font-size: 2.4em; }
	.h300p, .h100 { height: auto; }
	article > h1 {
		position: fixed;
		top: 0;
		left: 50%;
		z-index: 1000;
		display: block;
		font-size: 1.6em;
		font-weight: 400;
		line-height: 50px;
		text-align: center;
		white-space: nowrap;
		-webkit-transform: translateX(-50%);
		-ms-transform: translateX(-50%);
		transform: translateX(-50%);
	}

	.mhide  { display: none; }
	.mblock { display: block!important; }

	.msquare-30 { width: 30px; height: 30px; display: inline-block; vertical-align: middle; }

	.mw10  { width: 10%; }
	.mw20  { width: 20%; }
	.mw25  { width: 25%; }
	.mw30  { width: 30%; }
	.mw33  { width: 33.333%; }
	.mw40  { width: 40%; }
	.mw50  { width: 50%; }
	.mw60  { width: 60%; }
	.mw66  { width: 66.667%; }
	.mw70  { width: 70%; }
	.mw80  { width: 80%; }
	.mw90  { width: 90%; }
	.mw100 {
		float: none;
		width: 100%!important;
		min-width: 100%!important;
		border-left: none;
		border-right: none;
	}
	.mw100.pl30,
	.mw100.pl50 { padding-left: 0; }
	.mw100.pr30 { padding-right: 0; }

	.mpt0  { padding-top: 0; }
	.mpt10 { padding-top: 10px; }
	.mpt20 { padding-top: 20px; }
	.mpt30 { padding-top: 30px; }
	.mpr0  { padding-right: 0; }
	.mpr10 { padding-right: 10px; }
	.mpr20 { padding-right: 20px; }
	.mpb0  { padding-bottom: 0; }
	.mpb10 { padding-bottom: 10px; }
	.mpb20 { padding-bottom: 20px; }
	.mpb30 { padding-bottom: 30px; }
	.mpl0  { padding-left: 0; }
	.mpl10 { padding-left: 10px; }
	.mpl20 { padding-left: 20px; }

	.mmt10 { margin-top: 10px; }
	.mmr10 { margin-right: 10px; }
	.mmt30 { margin-top: 30px!important; }
	.mml10 { margin-left: 10px; }
	.mml0  { margin-left: 0; }

	.mtxtCenter { text-align: center; }

	.mBorderBottom { border-bottom: 1px solid #ccc; }

	.icons-menu { background-position: -315px -15px; }

	#homeSolutionsText {
		position: static!important;
		padding: 0 20px;
		-webkit-transform: none!important;
		-ms-transform: none!important;
		transform: none!important;
	}
}
@media (max-width: 679px) {
	h2, .h2-like {
		font-size: 2em;
		line-height: 1.6em;
	}
	h4, .h4-like { font-size: 1.3em; }
	.solutionWebPortal .sectionDescription { font-size: 1.1em; }
}
@media (max-width: 579px) {

}
@media (max-width: 479px) {
	body {
		font-size: 1.2em;
		font-weight: 400;
	}

	.shide { display: none; }

	.sw10  { width: 10%; }
	.sw20  { width: 20%; }
	.sw25  { width: 25%; }
	.sw30  { width: 30%; }
	.sw33  { width: 33.333%; }
	.sw40  { width: 40%; }
	.sw50  { width: 50%; }
	.sw60  { width: 60%; }
	.sw66  { width: 66.667%; }
	.sw70  { width: 70%; }
	.sw80  { width: 80%; }
	.sw90  { width: 90%; }
	.sw100 {
		float: none;
		width: 100%!important;
		min-width: 100%!important;
		border-left: none;
		border-right: none;
	}

	.spt0  { padding-top: 0; }
	.spt10 { padding-top: 10px; }
	.spt20 { padding-top: 20px; }
	.spt30 { padding-top: 30px; }
	.spr0  { padding-right: 0; }
	.spr10 { padding-right: 10px; }
	.spr20 { padding-right: 20px; }
	.spb10 { padding-bottom: 10px; }
	.spb20 { padding-bottom: 20px; }
	.spb30 { padding-bottom: 30px; }
	.spl0  { padding-left: 0; }
	.spl10 { padding-left: 10px; }
	.spl20 { padding-left: 20px; }

	.sml0  { margin-left: 0; }

	.stxtCenter { text-align: center; }

	.lh50 { line-height: normal; }
}
@media (max-width: 379px) {
	article > h1 { font-size: 1.2em; }
}

/* ------------------------------ */
/* Slider                         */
/* ------------------------------ */
.ui-slider {
	position: relative;
	margin: 10px 0 25px;
	text-align: left;
	border: 1px solid #ccc;
}
.ui-slider .ui-slider-handle { position: absolute; z-index: 2; width: 1.2em; height: 1.2em; cursor: default; }
.ui-slider .ui-slider-range { position: absolute; z-index: 1; font-size: .7em; display: block; border: 0; background-color: #4094c7; background-position: 0 0; }
.ui-slider-horizontal { height: .8em; }
.ui-slider-horizontal .ui-slider-handle {
	top: -.3em;
	margin-left: -.6em;
	background: #fff;
	border: 1px solid #ccc;
	outline: none;
}
.ui-slider-horizontal .ui-slider-range { top: 0; height: 100%; }
.ui-slider-horizontal .ui-slider-range-min { left: 0; }
.ui-slider-horizontal .ui-slider-range-max { right: 0; }

.ui-slider-vertical { width: .8em; height: 100px; }
.ui-slider-vertical .ui-slider-handle { left: -.3em; margin-left: 0; margin-bottom: -.6em; }
.ui-slider-vertical .ui-slider-range { left: 0; width: 100%; }
.ui-slider-vertical .ui-slider-range-min { bottom: 0; }
.ui-slider-vertical .ui-slider-range-max { top: 0; }

#formpersonnalise8283 .row:nth-child(5) > label, #formpersonnalise8271 .row:nth-child(5) > label { height: 70px; }

/*.accueil_medialibs #slider .mpc_ls_slides > li:first-child > .mpc_ls_slide_item { display: none; }*/

/* Optimisation page formations - 22/06/2015 Manuel */
.noLinkFormation .formulaire select { width:400px !important; }
.marge h4 { margin-bottom: 20px; }

/* Actualite convention 2015 - 17/07/2015 Manuel */
#conventionLinkToSubscribe a {
	padding: 10px 60px;
	font-size: 18px;
	line-height: 40px;
	color: #fff;
	text-decoration:none;
	background: #c51f29;
	border: 4px solid #fff;
	border-radius: 30px;
	cursor: pointer;
}
#conventionLinkToSubscribe a > i {
	width: 40px;
	height: 40px;
	font-size: 24px;
	line-height: 40px;
	color: #fff;
	-webkit-transition: all 200ms ease-out;
	-o-transition: all 200ms ease-out;
	transition: all 200ms ease-out;
}
#conventionLinkToSubscribe a:hover { background: #ed1f24; text-decoration:underline;}
#conventionLinkToSubscribe a:hover > i {
	transform: rotate(180deg);
	-moz-transform: rotate(180deg);
	-webkit-transform: rotate(180deg);
}
#homeSolutionsText {
	position: absolute;
	top: 50%;
	left: 0;
	z-index: 2;
	-webkit-transform: translateY(-50%);
	-ms-transform: translateY(-50%);
	transform: translateY(-50%);
}


.colorWhite{
  color:white !important;
  text-decoration: none !important;
}

#formpersonnalise8700 .error_form {
    color: #ff0000;
}

#formpersonnalise8700 label {
    font-size:0.9em !important;
}

#formpersonnalise8700 #reset {
    display:none;
}

#formpersonnalise8700 #submitid {
    display: inline-block;
    padding: 10px 18px;
    font-size: 1em;
    color: #fff;
    text-align: center;
    text-decoration: none;
    text-shadow: -1px -1px 1px rgba(0, 0, 0, 0.25);
    background-color: #D71F85;
    background-image: -webkit-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    background-image: -moz-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    background-image: -ms-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    background-image: -o-linear-gradient(rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    background-image: linear-gradient(to bottom, rgba(255, 255, 255, 0.4), rgba(255, 255, 255, 0));
    border-bottom: 0;
    border-radius: 5px;
    box-shadow: 0 1px 3px rgba(0, 0, 0, 0.2);
    border: none;
}

#field2909 option {
    font-size:0.8em !important;
}

.btnGrey {
  background:#E7EBEB !important;
  text-shadow:none !important;
}

.clear {
 clear:both;
}

#formpersonnalise8700 label, #formpersonnalise8700 span {
 float:none !important;
 padding: 0.5em !important;
 text-align: left;
}

#formpersonnalise8700 .multi_radio, #formpersonnalise8700 .multi_radio label {
  padding: 0 !important;
}

#formpersonnalise8700 label[for="field2910"] {
  width:220px;
}

#field2910 {
 width:100% !important;
}

.error {
 color:red;
}


.formulaire form input#reset {
 display:none;
}


a[title="Formation précédente"], a[title="Formation suivante"]{
    height: 30px;
    width: 150px;
    font-size: 0.8em;
    line-height: 10px;
}

/* modif du 04/02/19 -- responsive Widget Pourquoi Medialibs ... */

@media (max-width: 950px) {
 #leftbar .lh0 h3 {
	padding: 5px 5px 0 30px;
	font-size: 1.2em;
	line-height: normal;
}
}

@media (max-width: 890px) {
 #leftbar .lh0 h3 {
	padding: 10px 5px 0 30px;
	font-size: 1em;
	line-height: normal;
}
}

@media (max-width: 762px) {
 #leftbar .lh0 h3 {
	padding: 10px 5px 0 30px;
	font-size: 0.9em;
	line-height: normal;
}
}

@media (max-width: 700px) {
 #leftbar .lh0 h3 {
	padding: 10px 5px 0 30px;
	font-size: 0.8em;
	line-height: normal;
}
}

/* modif du 04/02/19 -- screen page solutions */

@media (max-width: 800px) {
.screen {top:550px}
}

@media (max-width: 700px) {
.screen {top:600px;}
}

@media (max-width: 500px) {
.gestion_activite_web #logiciel,
.cms_e-majine #logiciel,
.cms_saytup #logiciel,
.cms_izi-media #logiciel,
.logiciel_messagerie_maylhop #logiciel,
.logiciel_newsletter_sayndit #logiciel,
.animation_reseaux_sociaux #logiciel {padding-top:240px;}
.screen {top:550px;}
}

@media (max-width: 400px) {
.gestion_activite_web #logiciel,
.cms_e-majine #logiciel,
.cms_saytup #logiciel,
.cms_izi-media #logiciel,
.logiciel_messagerie_maylhop #logiciel,
.logiciel_newsletter_sayndit #logiciel,
.animation_reseaux_sociaux #logiciel {padding-top:180px;}
.screen {top:600px;}
}

@media (max-width: 320px) {
.screen {top:630px;}
}

/* modif du 07/02/19 -- tableaux responsive */

.table_col_2
{
    width: 100%;
    padding: 0;
}
.table_col_2 li
{
    list-style: none;
    margin: 2em 0 0 0;
    border: .0625em solid #d7d7d7;
    margin-bottom: 0;
    position: relative;
    float: left;
    width: 25%;
    padding: 0;
}

.text-light
{
    font-weight:300;
    font-style: normal;
}

.text-light ul
{
	padding: 0;
}

.text-light ul li
{
    list-style: none;
    width:100%;
    padding: 10px 0;
    margin: 0;
}

.text-light ul li:first-child
{
    margin-top: 10px
}

.text-light ul li:last-child
{
    margin-bottom: 10px
}

.text-light .h3-like
{
    font-size: 1.5714em; /* equiv 22px */
	margin: .9545em 0 .9545em 0;
	font-family: opensans-light, sans-serif;
	color:#666;
}

.back-color
{
    background-color: #d7d7d7;
}

.back-color-black
{
    background-color: black;
}

.background-color-white
{
    background-color: #fff;
    color: #000;
}

.shadow-on
{
    box-shadow: 0 2px 2px 0 rgba(0,0,0,.2), 0 0 2px 0 rgba(0,0,0,.2);
}

.radius-off
{
    border-radius: 0;
}

.border-off
{
    border-color:transparent;
}

.text-center
{
    text-align: center;
    align-items: center;
}

.table_col_3
{
    width: 100%;
    padding:0;
}

.table_col_4
{
    width: 100%;
    padding:0;
}

.table_col_3 li
{
    list-style: none;
    margin-top: 2em 0 0 0;
    border: .0625em solid #d7d7d7;
    margin-bottom: 0;
    position: relative;
    float: left;
    width: 33%;
    padding: 0;
}

.table_col_4 li
{
    list-style: none;
    margin-top: 2em 0 0 0;
    border: .0625em solid #d7d7d7;
    margin-bottom: 0;
    position: relative;
    float: left;
    width: 25%;
    padding: 0;
}

@media (max-width: 1000px) {
	.table_col_2 li
	{
		width:45%;
		margin:10px;
	}
	.table_col_4 li
	{
		width:45%;
		margin:10px;
	}
}

@media (max-width: 860px) {
	.table_col_3 li
	{
		width:45%;
		margin:10px;
	}
}

@media (max-width: 680px) {
	.table_col_2 li
	{
		width:45%;
		margin:5px;
	}
	.table_col_4 li
	{
		width:45%;
		margin:5px;
	}
	.table_col_3 li
	{
		width:45%;
		margin:5px;
	}
}

@media (max-width: 640px) {
	.table_col_2 li
	{
		width:90%;
		margin:10px;
	}
	.table_col_4 li
	{
		width:90%;
		margin:10px;
	}
	.table_col_3 li
	{
		width:90%;
		margin:10px;
	}
}


/* @changelog 2022-03-28 [FIX] (Anne-Lyse) Modifiation de la mise en forme des formulaires */
.formulaire {
	background-color: #F3F3F3;
	padding: 30px;
}
.formulaire select,
.formulaire input[type="text"]{
	min-height: 40px;
}	
.formulaire form .row > label{
	display: none !important;
}
.formulaire select,
.formulaire input[type="text"],
.formulaire textarea{
	width: 100%;
	font-family: opensans-regular, sans-serif;
	font-size: 1em;
	padding: 10px;
	border: none;
	outline: none;
	border: 2px solid #fff;
	transition: 0.2s ease-in-out;
}
.formulaire select:focus,
.formulaire input[type="text"]:focus,
.formulaire textarea:focus{
	border: 2px solid #fe65b0;
}


.submit input{
	color: #ffffff;
    background: #d4007f;
    margin: 11px 0 0 16px;
    -webkit-transition: all .3s ease-in-out;
    -moz-transition: all .3s ease-in-out;
    -o-transition: all .3s ease-in-out;
    -ms-transition: all .3s ease-in-out;
    transition: all .3s ease-in-out;
    -moz-border-radius: 60px;
    -webkit-border-radius: 60px;
    -khtml-border-radius: 60px;
	border:none;
	text-transform: uppercase;
    border-radius: 60px;
    font-family: opensans-bold,sans-serif;
    padding: 8px 28px;
    line-height: 22px;
	transition: 0.2s ease-in-out;
}
.submit input:hover{
	background-color: #000;
}


#contents .rgpd .aide p{
	line-height: 1;
	font-size: 0.9em;
}


.formulaire form .row.radio > label{
	display: block !important;
	width: 100%;
	text-align: left;
}


/* @changelog 2023-01-20 [EVOL] (Nicolas) Classes utilitaires */

[class*="col"] {
	width: 100%;
}

@media (min-width: 768px) {
	.col-md-3 {
		width: calc(100% / (12 / 3));
	}
}


/* @changelog 2023-01-20 [EVOL] (Nicolas) Page - Team Medialibs */



.team-medialibs__intro {
	color: #555555;
	margin: 20px auto 90px;
	max-width: 650px;
}

	@media (min-width: 768px) {
		.team-medialibs__intro {
			margin-bottom: 150px;
		}
	}

.team-medialibs__intro h2 {
	color: #555555;
	line-height: 1.2;
}

.team-medialibs__listing {
	position: relative;
	display: flex;
	flex-wrap: wrap;
	margin: 0 -8px;
}

	@media (min-width: 768px) {
		.team-medialibs__listing {
			margin: 0 -8px 60px;
		}

			.team-medialibs__listing::after {
				content: "";
				position: absolute;
				bottom: 150px;
				right: -50vh;
				background-image: url(/images/medialibs/icon-medialibs.svg);
				background-size: cover;
				width: 415px;
				height: 444px;
				z-index: 1;
			}
	}

/* Card Medialibs */

.card-medialibs {
	margin: 0 8px 30px;
}

	@media (max-width: 767px) {
		.card-medialibs {
			display: flex;
			flex-direction: column;
			align-items: center;
			text-align: center;
		}
	}

.card-medialibs__img {
	position: relative;
	margin-bottom: 10px;
}
.card-medialibs__img > div:first-child {
	aspect-ratio: 5 / 6;
}
.card-medialibs__img > div:first-child img{
	object-fit: cover;
	font-family: 'object-fit: cover';
	height: 100%;
	width: 100%;
}

	.team-medialibs__listing > :first-child .card-medialibs__img::before {
		content: "";
		position: absolute;
		top: 50%;
		left: 0;
		background-image: url(/images/medialibs/icon-medialibs.svg);
		background-size: cover;
		width: 65px;
		height: 69px;
		transform: translate(-50%, -50%);
		z-index: 1;
	}

.card-medialibs__categorie {
	position: absolute;
	bottom: 0;
	color: #fff;
	font-size: 13px;
	padding: 2px 7px;
}

	.card-medialibs__categorie[class*="Accompagnement"] {
		background-color: #7E0A53;
	}

	.card-medialibs__categorie[class*="Gestion"] {
		background-color: #EC6692;
	}

	.card-medialibs__categorie[class*="Ergonomie"] {
		background-color: #26358C;
	}

	.card-medialibs__categorie[class*="web"] {
		background-color: #E62987;
	}

.card-medialibs__poste {
	color: #BCBCBC;
}

.card-medialibs__title {
	color: #7E0A53;
	font-size: 30px;
}