/*@charset "utf-8";*/
/* =============================================================================
PROD !!
	css minifier : http://www.cleancss.com/

	collection de polices : http://www.alsacreations.com/article/lire/631-quelles-polices-pour-un-site-web.html

	Serif fonts
		font-family: Times, "Times New Roman", "Liberation Serif", FreeSerif, serif;
		font-family: Georgia, "DejaVu Serif", Norasi, serif;

	Sans-serif fonts
		font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
		font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
		font-family: "Lucida Sans", "Lucida Grande", "Lucida Sans Unicode", "Luxi Sans", sans-serif;
		font-family: Tahoma, Geneva, Kalimati, sans-serif;
		font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
		font-family: Impact, "Arial Black", sans-serif;

	Monospace Fonts
		font-family: Courier, "Courier New", FreeMono, "Liberation Mono", monospace;
		font-family: Monaco, "DejaVu Sans Mono", "Lucida Console", "Andale Mono", monospace;

	Few default class name
		#header {}
		#footer {}
		#main-nav {}
		#aside-nav {}
		#secondary-nav {}
		#breadcrumb {}
		#sidebar {}
		#contact {}
		.aside {}
		.error {}
		.succes {}
		.warnig {}
		.info {}
		.more {}
		.block {}

	Helpers if needed
		.clear-left { clear:left }
		.clear-right { clear:right }
		.clear-both { clear:both }
		.valign-middle { vertical-align:middle }
		.valign-top { vertical-align:top }
		.valign-bottom { vertical-align:bottom }
		.invisible { visibility:hidden }
		.suffix-a { margin-right:XXpx }
		.prefix-a { margin-left:XXpx }

========================================================================== */
/* =============================================================================
	Default styles
	========================================================================== */
html {
	font-size: 62.5%;
}

body {
	background: #ececec;
	color: #000;
	font: 1.2em/1.4 Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
}

a {
	text-decoration: none;
	outline:none;
}

/*
 * http://www.alsacreations.com/astuce/lire/43-comment-dfinir-lapparence-de-ses-liens.html
 */
/*a:visited {
	color: gray;
}

a:hover,
a:focus,
a:active {
	color: #da0019;
	outline:0;
}*/

/* =============================================================================
  Fonts definition
  ========================================================================== */
/*@import url(http://fonts.googleapis.com/css?family=Open+Sans:400,600,700);*/
@font-face {
	font-family: 'icomoon';
	src:url('/reussir/www/fonts/icomoon.eot?id=1');
	src:url('/reussir/www/fonts/icomoon.eot?#iefix') format('embedded-opentype'),
		url('/reussir/www/fonts/icomoon.woff?id=1') format('woff'),
		url('/reussir/www/fonts/icomoon.ttf?id=1') format('truetype'),
		url('/reussir/www/fonts/icomoon.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'museoSlab100';
	src:url('/reussir/www/fonts/Museo_Slab_100Web.eot');
	src:url('/reussir/www/fonts/Museo_Slab_100Web.eot?#iefix') format('embedded-opentype'),
		url('/reussir/www/fonts/Museo_Slab_100Web.woff') format('woff'),
		url('/reussir/www/fonts/Museo_Slab_100Web.ttf') format('truetype'),
		url('/reussir/www/fonts/Museo_Slab_100Web.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'museoSlab500';
	src:url('/reussir/www/fonts/Museo_Slab_500Web.eot');
	src:url('/reussir/www/fonts/Museo_Slab_500Web.eot?#iefix') format('embedded-opentype'),
		url('/reussir/www/fonts/Museo_Slab_500Web.woff') format('woff'),
		url('/reussir/www/fonts/Museo_Slab_500Web.ttf') format('truetype'),
		url('/reussir/www/fonts/Museo_Slab_500Web.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'museoSlab900';
	src:url('/reussir/www/fonts/Museo_Slab_900Web.eot');
	src:url('/reussir/www/fonts/Museo_Slab_900Web.eot?#iefix') format('embedded-opentype'),
		url('/reussir/www/fonts/Museo_Slab_900Web.woff') format('woff'),
		url('/reussir/www/fonts/Museo_Slab_900Web.ttf') format('truetype'),
		url('/reussir/www/fonts/Museo_Slab_900Web.svg#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

/* Use the following CSS code if you want to use data attributes for inserting your icons */
[data-icon]:before {
	font-family: 'icomoon';
	content: attr(data-icon);
	speak: none;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

/* Use the following CSS code if you want to have a class per icon */
/*
Instead of a list of all class selectors,
you can use the generic selector below, but it's slower:
[class*="icon-"] {
*/

.icon-search:before,
.icon-home:before,
.icon-map-marker:before,
.icon-facebook:before,
.icon-twitter:before,
.icon-google-plus:before,
.icon-user:before,
.icon-chevron-right:before,
.icon-chevron-left:before,
.icon-pause:before,
.icon-download:before,
.icon-quote:before,
.icon-camera:before,
.icon-uniF48B:before,
.icon-uniF48C:before,
.icon-book:before,
.icon-video:before,
.icon-video-play:before,
.icon-chat:before,
.icon-printern:before,
.icon-mail:before,
.icon-star:before,
.icon-export:before,
.icon-cart:before,
.icon-pencil:before,
.icon-volume-high:before,
.icon-close:before,
.icon-undo:before,
.icon-first:before,
.icon-last:before,
.icon-prev:before,
.icon-next:before,
.icon-file:before,
.icon-circle-arrow-right:before,
.icon-users:before,
.icon-user-add:before,
.icon-thumbsup:before,
.icon-popup:before,
.icon-calendar:before,
.icon-logout:before,
.icon-info:before,
.icon-help:before,
.icon-warning:before,
.icon-archive:before,
.icon-flow-tree:before,
.icon-bars:before,
.icon-tracteur:before,
.icon-user2:before,
.icon-power-off:before,
.icon-check:before,
.icon-times-circle:before,
.icon-mail-reply-all:before,
.icon-eye:before,
.icon-check-square-o:before,
.icon-check-circle:before,
.icon-thumbs-o-up:before,
.icon-brightness-contrast:before,
.icon-lock:before,
.icon-unlock:before,
.icon-email:before,
.icon-wechat:before {
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-check:before{
	content: "\e624";
}
.icon-search:before {
	content: "\f002";
}
.icon-home:before {
	content: "\f015";
}
.icon-map-marker:before {
	content: "\f041";
}
.icon-facebook:before {
	content: "\f09a";
}
.icon-twitter:before {
	content: "\f099";
}
.icon-google-plus:before {
	content: "\f0d5";
}
.icon-user:before {
	content: "\e002";
}
.icon-chevron-right:before {
	content: "\e600";
}
.icon-chevron-left:before {
	content: "\e601";
}
.icon-pause:before {
	content: "\e602";
}
.icon-download:before {
	content: "\e603";
}
.icon-quote:before {
	content: "\e604";
}
.icon-camera:before {
	content: "\e605";
}
.icon-video:before {
	content: "\e606";
}
.icon-video-play:before {
	content: "\e902";
}
.icon-book:before {
	content: "\e607";
}
.icon-uniF48B:before {
	content: "\f48b";
}
.icon-uniF48C:before {
	content: "\f48c";
}
.icon-chat:before {
	content: "\e608";
}
.icon-printer:before {
	content: "\e609";
}
.icon-mail:before {
	content: "\e60a";
}
.icon-star:before {
	content: "\e60b";
}
.icon-export:before {
	content: "\e60c";
}
.icon-cart:before {
	content: "\e60d";
}
.icon-pencil:before {
	content: "\e60e";
}
.icon-volume-high:before {
	content: "\e60f";
}
.icon-close:before {
	content: "\e610";
}
.icon-undo:before {
	content: "\e611";
}
.icon-first:before {
	content: "\e612";
}
.icon-last:before {
	content: "\e613";
}
.icon-prev:before {
	content: "\e601";
}
.icon-next:before {
	content: "\e600";
}
.icon-file:before {
	content: "\e614";
}
.icon-circle-arrow-right:before {
	content: "\e615";
}
.icon-users:before {
	content: "\e616";
}
.icon-user-add:before {
	content: "\e617";
}
.icon-thumbsup:before {
	content: "\e618";
}
.icon-chat:before {
	content: "\e619";
}
.icon-popup:before {
	content: "\e61a";
}
.icon-calendar:before {
	content: "\e61b";
}
.icon-logout:before {
	content: "\e61c";
}
.icon-info:before {
	content: "\e61d";
}
.icon-help:before {
	content: "\e61e";
}
.icon-warning:before {
	content: "\e61f";
}
.icon-archive:before {
	content: "\e620";
}
.icon-flow-tree:before {
	content: "\e621";
}
.icon-bars:before {
	content: "\e622";
}
.icon-tracteur:before {
	content: "\e623";
}
.icon-mail-reply-all:before {
	content: "\f122";
}
.icon-power-off:before {
	content: "\f011";
}
.icon-check:before {
	content: "\f00c";
}
.icon-times-circle:before {
	content: "\f057";
}
.icon-eye:before {
	content: "\f06e";
}
.icon-check-square-o:before {
	content: "\f046";
}
.icon-check-circle:before {
	content: "\f058";
}
.icon-thumbs-o-up:before {
	content: "\f087";
}
.icon-user2:before {
	content: "\e002";
}
.icon-brightness-contrast:before {
	content: "\e903";
}
.icon-lock:before {
	content: "\f023";
}
.icon-unlock:before {
	content: "\f13e";
}
.icon-email:before {
	content: "\f10b";
}
.icon-wechat:before {
  content: "\f1d7";
}

/* =============================================================================
   From http://www.alsacreations.com/astuce/lire/654-feuille-de-styles-de-base.html
   ========================================================================== */
/* =============================================================================
   Titles
   ========================================================================== */
h1, h2, h3, h4, h5, h6 {
	margin: 1em 0 0;
	font-weight: 700;
	font-style: normal;
}

h1 {
	font-size: 1.75em;
}

h2 {
	font-size: 1.5em;
}

h3 {
	font-size: 1.25em;
}

h4, h5, h6 {
	font-size: 1em;
}

/* =============================================================================
   Margins
   ========================================================================== */
.h1-like:first-child,
.h2-like:first-child,
.h3-like:first-child,
.h4-like:first-child,
.h5-like:first-child,
.h6-like:first-child,
h1:first-child,
h2:first-child,
h3:first-child,
h4:first-child,
h5:first-child,
h6:first-child {
	margin-top: 0 !important;
}

.h1-like {
	color: #31495b;
	float: left;
	font: 26px museoSlab100;
}

.h1-like:before {
	border-style: solid;
	border-width: 4px;
	border-color: red red white white;
	content: '';
	display: block;
	float: left;
	height: 0;
	margin: 2px 2px 0 0;
	width: 0;
}

.h1-like span {
	color: red;
}

.h2-like {
	font: 1.818em museoSlab500;
}

.h2-like b {
	font-family: museoSlab900;
	font-weight: 400;
}

ul,
ol,
dl,
p,
blockquote {
	margin: 1.2em 0 0;
}

dd {
	margin: .25em 0 0;
}

/* avoid margins on nested elements */
li p,
li ul,
li ol {
	margin-top: 0;
	margin-bottom: 0;
}

/* =============================================================================
   form
   ========================================================================== */
/*
* Remove default fieldset styles.
*/
fieldset {
	border: 0;
	margin: 0;
	padding: 0;
}

/*
* Allow only vertical resizing of textareas.
*/
textarea {
	resize: vertical;
}

input[type="checkbox"], input[type="radio"]{
	vertical-align:middle;
}

/* =============================================================================
   various
   ========================================================================== */
em {
	font-style: italic;
}

hr {
	display: block;
	height: 1px;
	border: 0;
	border-top: 1px solid #ccc;
	margin: 1em 0;
	padding: 0;
}

img {
	max-width: 100%;
	height: auto;
}

/* =============================================================================
	Helpers
	========================================================================== */
/*
 *  Micro clear fix http://nicolasgallagher.com/micro-clearfix-hack/
 */
.cf:before,
.cf:after {
	content: "";
	display: table;
}

.cf:after {
	clear: both;
}

.clear {
	clear: both;
}

/*
 * Image replacement
 * http://www.zeldman.com/2012/03/01/replacing-the-9999px-hack-new-image-replacement/
 */
.ir {
	text-indent: 100%;
	white-space: nowrap;
	overflow: hidden;
}

.float-left {
	float: left;
}

.float-right {
	float: right;
}

.desktop-hidden,
.hidden {
	display: none !important;
}

/* spacing helpers
p,m = padding,margin
a,t,r,b,l = all,top,right,bottom,left
s,m,l,n,0,lt = small(< 10px),medium(10px>x<20px),large(20px>x<30px), zero or none(0), <0
source https://github.com/stubbornella/oocss/blob/master/core/spacing/space.css
*/
.ma0 {
	margin: 0 !important;
}

.ma10 {
	margin: 10px !important;
}

.pa0 {
	padding: 0 !important;
}

.pa10 {
	padding: 10px !important;
}

.ml15 {
	margin-left: 15px;
}

.mt25 {
	margin-top: 25px !important;
}

.pt20 {
	padding-top: 20px;
}

.pt15 {
	padding-top: 15px;
}

.mb0 {
	margin-bottom: 0 !important;
}

.mb20 {
	margin-bottom: 20px !important;
}

.pb20 {
	padding-bottom: 20px;
}

.ml25 {
	margin-left: 25px;
}

.w90{
	width:90% !important;
}

/*
 * text decoration
 */
.underline {
	text-decoration: underline;
}

/* =============================================================================
   Layout
   ========================================================================== */
/*#page {
	overflow: hidden;
	position: relative;
	width: 100%;
}*/

.wrapper {
	overflow: hidden;
}

.row .cell {
	display: inline-block;
	vertical-align: top;
}

.grid-a,
.grid-b {
	float: left;
}

.grid-a {
	width: 595px;
}

.grid-b {
	width: 300px;
}

/*#contener{
	width: 1020px;
	margin: 0px auto;
}*/

.container-wrapper {
	/*border-right: 90px solid transparent;*/
	margin: 0 auto;
	position: relative;
	width: 930px;
}

.container {
	background: #fff;
	padding: 0 10px;
}

.main-content {
	padding: 0 0 30px;
	clear:both;
}

.sante-animale div.grid-a, .sante-animale div.grid-b {
	/*margin-top:-7px;*/
}

#page > .container-wrapper > .container {
	padding-top: 10px;
}

/* =============================================================================
   Generics elements
   ========================================================================== */
.ui-tabs {
	position: relative;
	zoom: 1;
}

.more {
	text-align: right;
}

.more a {
	background: #fff;
	color: #000;
	display: inline-block;
	font-weight: 700;
	line-height: 21px;
	padding: 0 8px;
}

/* ==========================================
   header
   ========================================== */

#page #header > .container {
	padding-top: 0;
}

#header a {
	float: left;
	height: 73px;
	margin-left: -10px;
	position: relative;
	width: 698px;
}

#header .float-right {
	height: 73px;
	margin-left: -65px;
	width: 287px;	
}

/* ==========================================
   Main navigation
   ========================================== */

#nav-wrapper .float-right {
	position: relative;
}

.spacerClass {
	position: fixed;
	top: 73px;
	z-index: 200;
}

.scroll-to-fixed-fixed + .spacerClass {
	position: static;
}

.nav-section,
.nav-section li,
.nav-wrapper a,
.nav-wrapper .social,
.search-form {
	display: inline-block;
	vertical-align: top;
}

.nav-wrapper a {
	color: #bdc4ca;
}

.nav-wrapper .social {
	font-size: 1.167em;
	line-height: 25px;
}

.nav-wrapper .social a {	
	width:19px;
	text-align:center;	
	vertical-align: text-top;
}

.nav-wrapper .social a span{	
	display:none;
}

.nav-wrapper .social a:hover {	
	color:#fff;	
	-webkit-transition: background-color 0.2s linear;
	-moz-transition: background-color 0.2s linear;
	-ms-transition: background-color 0.2s linear;
	-o-transition: background-color 0.2s linear;
	transition: background-color 0.2s linear;
}

.nav-wrapper .social a.icon-facebook:hover {
	background-color: #3460A1;	
}

.nav-wrapper .social a.icon-twitter:hover {
	background-color: #28AAE1;
}

.nav-wrapper .social a.icon-google-plus:hover {
	background-color: #DF3F2B;
}

.nav-wrapper p {
	margin: 4px 0 0;
}

.nav-wrapper .container-wrapper {
	position: relative;
}

#main-nav {
	float: left;
}

.nav-section > a {
	border-bottom: 3px solid transparent;
	line-height: 25px;
	padding: 2px 10px 0;
}

.nav-section ul {
	margin: 0;
	padding: 0;
}

#main-nav-sub {
	position: relative;
}

.nav-section > ul > li > a {
	border-bottom: 3px solid transparent;
	height: 18px;
	line-height: 1;
	padding: 9px 10px 0;
}

.nav-section > a.current,
.nav-section > ul > li > a.current {
	background: transparent;
	border-bottom-color: red;
	color: #fff;
}

.nav-section + .nav-section {
	display: none;
}

.nav-section + .nav-section > a:first-child {
	background: #4d6171;
	border-bottom-color: transparent;
	color: #fff;
	font-weight: 700;
	width: 150px;
}

/*#main-nav li.with-submenu:hover a + .sub-menu {
	display: block;
}*/

#main-nav .sub-menu {	
	display: none;
	width: 910px;
	left: 10px;
	position: absolute;
	top: 30px;
}

#main-nav .sub-menu.visible {
	display: block;
}

.sub-menu {
	width: 100%;
	z-index: 9999999;
}

.inner-sub-menu {
	font-size: 11px;
	overflow: hidden;
	padding: 10px 10px 0 0;
}

.sub-menu a {
	color: #fff !important;
	display: inline-block;
	padding:0 5px;
}

.sub-menu a:hover {
	text-decoration: underline;
}

.sub-menu a::after {
    content: '';
    height: 1px;
    position: relative;
    bottom: -5px;
    left: 5px;
    right: 5px;
    background: #fff;
    opacity: .9;
    -webkit-transform: scaleX(0);
    transform: scaleX(0);
    -webkit-transition: .3s ease-in-out;
    transition: .3s ease-in-out;
} 

.sub-menu dl {
	/*float: left;*/
	display: inline-block;
	vertical-align: top;
	line-height: 1.3;
	margin: 0 0 10px 10px;
	padding: 0;
	min-width: 120px;		
}

.sub-menu dd {
	padding: 0 0 0 6px;
}

/*.sub-menu dl.current{
	background: #5baacf;	
}*/

.main-sub-menu {
	background: #20394d;
	display: none;
	position: absolute;
	left: 0;
	width: 190px;
	z-index: 9999999;
}

.ed-num-sub-menu {	
	left: 325px;	
}

.main-sub-menu.visible {
	display: block;
}

.main-sub-menu > ul > li {
	display: block;
}

.main-sub-menu > ul > li > a {
	border-bottom: 3px solid transparent;
	display: block;
	height: 18px;
	line-height: 1;
	padding: 9px 10px 0;
	text-transform: uppercase;
}

.main-sub-menu > ul > li:hover > a {
	background: #4D6171;
}

#dropdown-home {
	font-size:  1.667em;
}

/* ==========================================
   Search button
   ========================================== */
#search-action {
	background: #415768;
	color: #B3BCC3;
	font-size: 11px;
	height: 22px;
	line-height: 22px;
	margin-top: 4px;
	padding: 0 7px;
	text-align: center;
}

#search-action span:first-child {
	display: inline-block;
	line-height: 1;
	margin-right: 3px;
	vertical-align: text-top;
}

#search-action span + span {
	font-size: 15px;
}

.nav-form {
	background: #000;
	color: #b3b3b3;
	display: none;
	font-size: 11px;
	padding: 10px;
	position: absolute;
	right: 0;
	top: 30px;
	width: 230px;
	z-index: 600;
}

.nav-form.visible {
	display: block;
}

.nav-form label {
	display: inline-block;
}


.nav-form input[type="email"],
.nav-form input[type="password"],
.nav-form input[type="text"] {
	font-size: 11px;
	height: 20px;
	padding: 2px 5px;
}

.nav-form input[type="submit"] {
	background: #4d9535;
	border: 0;
	color: #fff;
	font: 11px/25px Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	height: 25px;
	padding-left: 10px;
	padding-right: 10px;
}

.nav-form p {
	margin: 0 0 5px;
}

.nav-form .action-button {
	margin: 10px 0;
}

.form-title {
	font-weight: 700;
	margin: 0 0 10px;
	text-transform: uppercase;
}

.action-button a {
	background: #262626;
	color: #939393;
	display: inline-block;
	line-height: 25px;
	padding: 0 10px;
	margin-right: 13px;
	text-align: center;
}

.action-button:hover{
	opacity:.9;
}

.action-button + p {
	margin: 0;
	text-align: right;
}

#connect-button {
	background: #51a038;
	color: #fff;
	font-size: 11px;
	height:22px;
	line-height: 22px;
	margin: 4px 0 0;
	padding: 0 8px;
	text-transform: uppercase;
}

#login-button:hover, #connect-button:hover{
	background: #5CAF41;
	opacity:1;
}

#login-button span:first-child, #connect-button span:first-child {
	color: #a8cd9b;
	margin-right: 4px;
	vertical-align:middle;
}

#pop-login-form label {
	width: 85px;
}

#pop-login-form input[type="email"],
#pop-login-form input[type="password"] {
	width: 126px;
}

#search-form {
	right: 0; /*109px avec le btn connexion*/
}

#search-action:hover{
	background: #4D667A;
}

#search-form input[type="text"] {
	width: 222px;
}

#search-form .action-button {
	margin-bottom: 0;
}

#search-form .action-button a {
	padding: 0 15px;
}

#search-form input[type="submit"] {
	background: #36709b;
}

/* ==========================================
   widget block
   ========================================== */
#widget {
	font-size: 0.917em;
	position: absolute;
	left: 930px;
	top: 4px;
	visibility: hidden;
	width: 90px;
	z-index: 9999 !important;
}

.content-widget {
	border-color: #fff;
	border-width: 6px 6px 6px 0;
	border-style: solid solid solid none;
}

.content-widget > div {
	position: relative;
	height: 81px;
}

.content-widget p {
	margin: 0;
}

.content-widget a {
	color: #fff;
}

.content-widget .widget-hover {
	display: block;
	padding: 0 0 6px;
	position: relative;
	text-align: center;
	width: 84px;
}

.content-widget .widget-hover span {
	text-transform: uppercase;
}

.content-widget a > img {
	display: block;
	margin: 0 auto;
}

.content-widget a > img + img {
	display: none;
}

.widget-container {
	background: red;
	display: none;
	height: 81px;
	left: 0;
	overflow: hidden;
	position: absolute;
	text-align: left;
	top: 0;
	width: 1px;
	z-index: 200;
}

.widget-content {
	color: #fff;
	height: 68px;
	overflow: hidden;
	padding: 10px 10px 0 13px;
	width: 99px;
}

#widget .widget-title {
	font: 400 18px 'Open Sans';
}

#widget .titres {
	background-position: 0 0;
}

#widget .titres,
#widget .titres .widget-container {
	background-color: #ff7300;
}

#widget .meteo {
	background-position: 0 -78px;
}

#widget .meteo,
#widget .meteo .widget-container {
	background-color: #ffa900;
}


#widget .cotations {
	background-position: 0 -156px;
}

#widget .cotations,
#widget .cotations .widget-container {
	background-color: #87a29c;
}

#widget .annonces {
	background-position: 0 -234px;
}

#widget .annonces,
#widget .annonces .widget-container {
	background-color: #2f9f46;
}

#widget .agenda {
	background-position: 0 -312px;
}

#widget .agenda,
#widget .agenda .widget-container {
	background-color: #6d2f9f;
}

#widget .sondage {
	background-position: 0 -390px;
}

#widget .sondage,
#widget .sondage .widget-container {
	background-color: #b6177d;
}

#widget .newsletter {
	background-position: 0 -468px;
}

#widget .newsletter,
#widget .newsletter .widget-container {
	background-color: #0ca0d3;
}

/* ==========================================
   Arrow for current element
   ========================================== */
.arrow .current:after {
	border-color: red transparent transparent transparent;
	border-style: solid;
	border-width: 5px;
	bottom: -10px;
	content: '';
	height: 0;
	left: 50%;
	margin-left: -5px;
	position: absolute;
	width: 0;
}

/* ==========================================
   Navigation by sectors
   ========================================== */
.sector-nav {
	/*font: 600 12px 'Open Sans';*/
	/* margin: 94px 0 14px 1px; */	
	margin: 94px auto 14px auto;
	width: 495px;
}
   
.sector-nav a {
    background: #d5d9db;
    color: #000;
    float: left;
    line-height: 37px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    width: 80px;
	margin-left: 2px;
}

/*.sector-nav a + a {
	margin-left: 2px;
}*/

.sector-nav a:first-child, 
.sector-nav a:last-child  {
	width: 80px;
	margin-left: 2px;
	overflow: hidden;
}

.sector-nav a span:first-child {
    display: block;
    height: 56px;
    opacity: .8;
    width: 80px;
}

.sector-nav a:hover span:first-child,
.sector-nav .current span:first-child {
	opacity: 1;
}

.sector-nav a span {
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;
}

.sector-nav .current,
.sector-nav a.current:hover {
	background-color: red;
	color: #fff;
}

/* ==========================================
   Login form
   ========================================== */
.login-form {
	font: 11px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	background: #c5d5dc;
	margin: 3px 0 20px;
	padding: 6px 10px 3px;
}

.login-form .h2-like {
	color: #093448;
	font-size: 1.333em;
	text-transform: uppercase;
}

.login-form .h2-like span {
	font-size: 1.333em;
}

.login-form span {
	color: #eef2f5;
	font-size: 1.333em;
	margin-right: 4px;
}

.login-form input[type="text"],
.login-form input[type="password"] {
	border: 0;
	color: #849aa5;
	font: 11px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	height: 18px;
	padding: 3px 9px;
	vertical-align: top;
	width: 100px;
}

.login-form input[type="submit"] {
	background: #2f526c;
	border: 0;
	color: #fff;
	font: 700 13px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	height: 24px;
	padding: 0 6px;
}

.login-form a {
	color: #09374c;
}

.login-form .account-creation-link {
	background: red;
	border: 2px solid #fff;
	color: #fff;
	display: inline-block;
	line-height: 23px;
	padding: 0 6px;
	text-transform: uppercase;
}

/* ==========================================
   Aside block
   ========================================== */
.aside-block {
	margin-top: 10px;
}

.aside-block .h2-like {
	font-size: 16px;
	text-transform: uppercase;
}

.machinisme{
	margin-top:4px;
}

/* ==========================================
   Aside block poll
   ========================================== */
   
.poll input,
.poll label {
	vertical-align: middle;
}

.poll input {
	margin-right: 4px;
}

.poll p {
	line-height: 1.2;
	margin: 0 0 3px;
}  

.poll .answers {
	padding: 3px 0;
}

.poll p b {
	font-size: 1.083em;
}

.bar{
	background:#828282;
}

.poll .more a {
	color: #3a5770;
}

.poll .alreadyVoted{
	margin-top:5px;
	color:#666;
	font-size:0.8em;
}


/* ==========================================
   Aside block quizz
   ========================================== */
.quizz {
	background: #000;
	color: #fff;
	overflow: hidden;
	padding: 10px;
}

.quizz .h2-like + p {
	color: #999;
	font: 16px museoSlab500;
	line-height: 1.2;
	margin: 0;
	text-transform: uppercase;
}

.quizz .h3-like {
	background: #572f9b;
	font-size: 1em;
	line-height: 22px;
	text-transform: uppercase;
	padding: 0 10px;
	margin: 10px -10px;
}

.quizz .float-left + p {
	font-weight: 700;
	margin: 0 0 0 92px;
}

/* ==========================================
   Aside top articles block
   ========================================== */
.top-articles {
	background: #94a4b2;
	padding: 10px;
}

.top-articles .h2-like {
	color: #fff;
	margin-bottom: 5px;
}

.top-articles .ui-tabs .ui-tabs-nav {
	margin-bottom: 0;
}

.top-articles .ui-tabs .ui-tabs-nav li {
	border: 0;
}

.top-articles .ui-tabs .ui-tabs-nav li + li {
	margin-left: 3px;
}

.top-articles .tabs-articles .ui-state-default a,
.top-articles .tabs-articles .ui-state-default a:link,
.top-articles .tabs-articles .ui-state-default a:visited {
	border-top: 3px solid #94a4b2;
	background: #ececec;
	color: #516476;
	font: 700 11px/21px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	padding: 0 9px;
}

.top-articles .tabs-articles .ui-state-active a,
.top-articles .tabs-articles .ui-state-active a:link,
.top-articles .tabs-articles .ui-state-active a:visited {
	background: #fff;
	border-top-color: #fff;
	color: #000;
}

.top-articles .tabs-articles article {
	float: none;
	font-size: 0.917em;
	margin: 0 0 10px 20px;
	width: 260px;
}

.top-articles .tabs-articles.ui-tabs .ui-tabs-panel {
	background: #fff;
	border: 0;
}

.top-articles .tabs-articles article p {
	margin: 0 0 0 60px;
}

.top-articles .tabs-articles article a {
	color: #000;
}

.top-articles .tabs-articles article a:hover {
	color: #da0019;
}

.top-articles .tabs-articles article .meta {
	color: #3a6670;
	font-weight: 400;
}

.top-articles .more {
	margin: 0;
	width: 290px;
}

.top-articles .more a {
	color: #999;
	font-size: 0.917em;
	font-weight: 400;
	text-decoration: underline;
}

/* ==========================================
   Bottom links
   ========================================== */
#rel {
	background: #000;
	font-size: 0.917em;
	padding: 25px 0;
	width: 100%;
}

#rel .container {
	background: #000;
}

#rel section {
	vertical-align:top;
	display: inline-block;
	min-width: 130px;	
}

#rel section + section {
	margin-left: 5px;
}

#rel .cell {
	margin-right: 5px;
}

#rel ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

#rel li {
	white-space: nowrap;
}

#rel a {
	display:inline-table;	
	width:100%;
	color: #666;
	/*text-decoration: underline;*/
	transition-property: text-shadow, color, font-size;
	transition-duration: 0.20s;
}

#rel a:hover {
	/*color: #666666; */
	color:#fff;text-decoration:underline;
}

#rel .h2-like {
	color: #999;
	font: 700 11px Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	text-transform: uppercase;
	margin: 0 0 10px;
}

#rel .social {
	float: right;
}

#rel .social span {
	color: #fff;
	display: inline-block;
	font-size: 0.917em;
	font-weight: 700;
	line-height: 23px;
	text-transform: uppercase;
	vertical-align: top;
}

#rel .social a {
	display: inline-block;
	height: 23px;
	margin-left: 1px;
	overflow: hidden;
	text-indent: 100%;
	transition: background-position 0.3s linear 0s;
	vertical-align: top;
	white-space: nowrap;
	width: 23px;
}

#rel .social .ico-facebook {
	background:transparent url("/reussir/www/img/ico-facebook.png") no-repeat scroll 0 0;	
}

#rel .social .ico-facebook:hover {
	background-position: 0 -23px;
}

#rel .social .ico-twitter {
	background:transparent url("/reussir/www/img/ico-twitter.png") no-repeat scroll 0 0;   
}

#rel .social .ico-twitter:hover {
	background-position: 0 -23px;
}

#rel .social .ico-google {
	background:transparent url("/reussir/www/img/ico-gplus.png") no-repeat scroll 0 0;	
}

#rel .social .ico-google:hover {
	background-position: 0 -23px;
}

#rel .social .ico-rss {
	background:transparent url("/reussir/www/img/ico-RSS.png") no-repeat scroll 0 0;	
}

#rel .social .ico-rss:hover {
	background-position: 0 -23px;
}

#rel .social .ico-facebook, #rel .social .ico-twitter, #rel .social .ico-google, #rel .social .ico-rss {
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

/* ==========================================
   Footer
   ========================================== */
#footer {
	background: #111;
	color: #595959;
	font-size: 0.917em;
	line-height: 35px;
	width: 100%;
}

#footer .container {
	background: transparent;
}

#footer span,
#footer a {
	display: inline-block;
	margin-right: 6px;
}

#footer a {   
	color: #666666;	
	margin-left: 6px;
	transition-property: text-shadow, color, font-size;
	transition-duration: 0.20s;
}

#footer a:hover {   
	/*color: #444444;*/
	color:#fff;text-decoration:underline;/*text-shadow:#fff 0 0 5px;*/
}

/* =============================================================================
   Home page
   ========================================================================== */
.ads {
	/*overflow: hidden;*/
	margin-bottom: 10px;	
}

.ads .float-left {
	width: 728px;
}

.account-creation {
	float: right;
	height: 90px;
	width: 170px;
}

/* =============================================================================
   Widget Page
   ========================================================================== */

.news-filter,.news-filter-pa {
	float: right;
	margin: 6px 0 0;
}

.news-filter > div ,.news-filter-pa > div{
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.news-filter ul ,.news-filter-pa ul{
	background: #90a6b6;
	display: none;
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	position: absolute;
	right: 0;
	top: 23px;
	width: 160px;
	z-index: 250;
}

.news-filter,.filter-widget-page {
	float: right;
	margin: 6px 0 0;
}

.news-filter > div ,.filter-widget-page > div{
	display: inline-block;
	position: relative;
	vertical-align: top;
}

.news-filter ul ,.filter-widget-page ul{
	background: #90a6b6;
	display: none;
	font-size: 11px;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	position: absolute;
	right: 0;
	top: 23px;
	width: 160px;
	z-index: 250;
}

.news-filter ul.visible,.filter-widget-page ul.visible {
	display: block;
}

.news-filter ul li a,.filter-widget-page ul li a{
	color: #fff;
	display: block;
	line-height: 18px;
	padding: 0 7px;
}

.news-filter ul li a:hover,.filter-widget-page  ul li a:hover{
	background: #b2c1cc;
}

.news-filter > div > a, 
.filter-widget-page > div > a,
.filter-widget-page > div > em
{
	background: #90a6b6;
	color: #fff;
	display: inline-block;
	font-size: 0.917em;
	line-height: 23px;
	padding: 0 6px;
	position: relative;
	text-transform: uppercase;
}

/*.news-filter .icon-map-marker {
	opacity: .8;
}*/

.news-list article header {
	font-size: 0.917em;
	margin: 5px 0 0;
}

.news-list header .meta,
.news-list header .h2-like {
	margin-left: 115px;
}

.news-list header .infos-medias {
	color: #90a6b6;
	position: absolute;
	right: 5px;
	top: 16px;   
	font-size: 1.6em;
	/*opacity: .8;*/
}

.news-filter .current, .news-filter .current span,.filter-widget-page .current {
	background-color: red !important;	
}

.news-filter div:first-child + div > a,
.news-filter div:first-child + div > em {
	padding-left: 0;
}

.news-filter > div > a:hover{
	opacity:0.9;
}

.news-filter div:first-child + div > a span,
.news-filter div:first-child + div > em span {
	background: #90a6b6 url(/reussir/www/img/picto-france.png) no-repeat 0 0; /* #90a6b6 */	
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	background-size: cover; /* version standardisée */
	display: inline-block;
	height: 23px;	
	vertical-align: top;
	width: 20px;	
}
.news-filter .sub-filter {
	background: #a5b8c6;
	cursor: pointer;
	font-size: 10px;
	display: block;
	float: right;
	color: #fff;
	height: 23px;
	line-height: 23px;
	padding: 0 5px;
}

.sub-filter > a{
	background: #90a6b6;
	color: #fff;
	display: inline-block;
	font-size: 1.1em;
	line-height: 23px;
	padding: 0 6px;
	position: relative;
	text-transform: uppercase;	
}

.sub-filter:hover .current:after, .filter-widget-page ul .current:after {
	border: 0;	
}

.news-filter a span, .filter-widget-page  a span{
	color: #d3dbe2;
	font-size: 1.417em;
	line-height: 1;
	vertical-align: text-top;
}

.news-list article {
	background: #f4f4f4;
	color: #466073;
	margin: 10px 0;
	overflow: hidden;
	position: relative;
	padding: 10px 5px 10px 10px;
}

.news-list article a {
	color: #466073;
}

.news-list article > img {
	border: 3px solid #fff;
	float: left;
}

.news-list p {
	margin: 2px 0 0 115px;
}

.news-list .h2-like {
	margin-top: 5px;
}

.medias {
	background: #191919;
	color: #fff;
	margin: 17px 0;
	overflow: hidden;
}

.medias .col {
	float: left;
	padding: 15px 11px 18px;
	width: 267px;
}

.medias .col + .col {
	margin-left: 3px;
}

.medias a , .medias .meta b{
	color: #a3a3a3;
	font: 11px Helvetica,Arial,"Liberation Sans",FreeSans,sans-serif;
}

.medias .plus {
	float: right;
	margin: 4px 0 0;
}

.medias .h2-like {
	font-size: 1.583em;
	line-height: 1;
	margin: 0;
}

.medias .h3-like, .medias .h3-like a {
	font-size: 1.05em;
	padding-top:10px;	
	color:#fff;	
	font-weight: 700;
}

.medias .media {
	float: left;
	margin: 8px 10px 0 0;
	width: 190px;
}

.medias aside {
	margin-top: 8px;
	overflow: hidden;
}

.medias aside a {
	display: block;
	position: relative;
}

.medias aside a + a {
	margin-top: 5px;
}

.medias .meta {
	font-size: 0.917em;
	color: #b0b0b0;
	margin: 0;
}

.medias .current:before {
	border: 3px solid #fff;
	content: '';
	display: block;
	width: 67px;
	height: 50px;
	left: 0;
	position: absolute;
	top: 0;
}

.medias .col .excerpt, .tabs-articles article .excerpt{
	display:none;
}

.tabs-articles li a {
	text-transform: uppercase;
	font-size: 1em;
}

.tabs-articles .ui-state-default {
	border: 1px solid #d6d6d6;
	font-weight: 700;
}

.tabs-articles .ui-state-default:hover {
	opacity: .8;
}

.tabs-articles .ui-state-active {
	border-bottom-color: #fff;
}

.tabs-articles.ui-tabs .ui-tabs-nav {
	font: 14px museoSlab500;
}

.tabs-articles.ui-tabs .ui-tabs-nav li a {
	padding: 7px;   
}

.tabs-articles .ui-state-default a,
.tabs-articles .ui-state-default a:link,
.tabs-articles .ui-state-default a:visited {
	background: #ececec;
	color: #5e5e5e;
}

.tabs-articles .ui-state-active a,
.tabs-articles .ui-state-active a:link,
.tabs-articles .ui-state-active a:visited {
	background: #fff;
	color: #000;
}

.tabs-articles .ui-tabs-nav li {
	margin: 0;
	padding: 0 !important;
}

.tabs-articles .ui-tabs-nav li + li {
	margin-left: -1px;
}

.tabs-articles .ui-tabs-nav {
	margin-bottom: -1px;
}

.tabs-articles.ui-tabs .ui-tabs-panel {
	border: 1px solid #d6d6d6;
	display: block;
	padding: 15px 0 5px 10px;
}

.tabs-articles .tab-content {
	margin-left: -20px;
	overflow: hidden;
}

.tabs-articles article {
	float: left;
	font-size: 0.917em;
	margin: 0 0 13px 20px;
	width: 270px;
	min-height:40px;	
}

.tabs-articles article:nth-child(2n+1) {
	clear: both;
}

.tabs-articles article .h2-like,
.tabs-articles article p {
	margin: 0 0 0 95px;
}

.tabs-articles article p {
	line-height: 1.2;
}

.tabs-articles article .h2-like {
	font: 700 13px Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
}

.tabs-articles article a {
	color: #369;
}

.tabs-articles article .meta {
	color: #7d7d7d;
	font-weight: 700;
	margin-bottom: 2px;
}

.tab-more {
	clear: both;
	margin: 5px 0 9px 0;
}

.tab-more a {
	background: #369;
	border-radius: 3px;
	color: #fff;
	display: inline-block;
	font: 10px/25px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	padding: 0 7px;
	text-transform: uppercase;
}

.tab-more a:hover {
	opacity: 0.9;	
}

/* ==========================================
   Tags color  
   ========================================== */
   
.sector-tag {	
	color: #fff !important;
	display: inline-block;
	line-height: 18px;
	padding: 0 8px;
}
/* PAD */
.tag-local, .tag-portail {
	background: #7d7d7d;
}

/* Aviculture */
.tag-aviculture{
	background: #994100;
}

/* GC */
.tag-grandes-culture{
	background: #830002;
}

/* chèvre */
.tag-chevre{
	background: #54B6D7;
}

/* Lait */
.tag-lait{
	background: #3568AA;
}

/* patre */
.tag-patre{
	background: #0C8957;
}

/* Bovins */
.tag-bovins{
	background: #B20D10;
}

/* porc*/
.tag-porc{
	background: #C86B8B;
}
/* RLF */
.tag-rlf {
	background: #00417B;
}

/* vigne*/
.tag-vigne{
	background: #7C002C;
}

/* fruits-legumes */
.tag-fruits-legumes{
	background: #4A7D20;
}

/* machinisme */
.tag-machinisme {
	background: #FF7300;
}

/* sante-animale */
.tag-sante-animale {
    background: #01ACA4;
}

/* innovation */
.tag-innovation {
    background: #73849A;
}

/* ==========================================
   Widget sondage
   ========================================== */
.poll {
	background: #e0e0e0;
	color: #000;
	padding: 0 10px 10px;
}

.poll .h2-like {
	background: #e7342a;
	color: #fff;
	line-height: 28px;
	margin: 0 -10px 10px;
	padding: 0 10px;
	position: relative;
}

.poll input,
.poll label {
	vertical-align: middle;
}

.poll input {
	margin-right: 4px;
}

.poll p {
	line-height: 1.2;
	margin: 0 0 3px;
}

.poll p b {
	font-size: 1.083em;
}

.bar{
	background:#828282;
}

.poll .more a {
	color: #3a5770;
}

.poll .alreadyVoted{
	margin-top:5px;
	color:#666;
	font-size:0.8em;
}

/* =============================================================================
   Modules (widget)
   ========================================================================== */
.module {
	font-size: 11px;
	margin: 10px 0 0;
	padding: 0 10px 10px;
	width: 280px;
}

.module .h2-like {
	font: 16px museoSlab500;
	line-height: 29px;
	margin: 0 -10px 10px;
	padding: 0 10px;
	position: relative;
}

.module .module-navigation {
	background: #c9c9c9;
	margin: 0 -10px -10px;
	overflow: hidden;
}

.module .module-pagination {
	float: right;
}

.module .module-pagination .next{
	background: #999999;
}
.module .module-pagination .next:hover{
	background: #666666;
}
.module .module-pagination .prev:hover{
	background: #666666;
}

.module .module-pagination a {	
	color: #fff;
	display: block;
	float: left;
	overflow: hidden;
	cursor:pointer;
}

.module .module-pagination a:hover {
	background: #999;
}

.module .module-pagination a.inactive {
	background: #d9d9d9;
	cursor: default;
}

.module .module-pagination a span {
	display: block;
	height: 23px;
	line-height: 25px;
	text-align: center;
	width: 23px;
}

.module .module-navigation > span {
	color: #555;
	height: 23px;
	line-height: 23px;
	margin: 0 5px;
}

.module .module-navigation > span a {
	color: #555;
	margin-left: 5px;
	text-decoration: underline;
}

.slide-wrapper {
	margin: 0 -10px;
	overflow: hidden;
}

.slide {
	position: relative;
	width: 600px;
}

.slide-container {
	float: left;
	padding: 0 10px;
	width: 280px;
}

.module-arrow:after {
	border-color: #E93326 transparent transparent transparent;
	border-style: solid;
	border-width: 5px;
	bottom: -10px;
	content: '';
	height: 0;
	left: 15px;
	position: absolute;
	width: 0;
}

/* =============================================================================
  Widget les brèves 
   ========================================================================== */
.breves {
	margin-top: 10px;
	background: #e0e0e0;
}

.breves p {
	margin: 0;
}


.breves .lede {
	font-size: 12px;
	margin-bottom: 3px;
}

.breve-content {	
	padding: 0 0 10px 25px;
	position: relative;
	height:40px;
}

.news_style{display:none;margin-left:3px;vertical-align:top;}
.news_move {position: relative;}
.news_title{width:300px;text-align:left;font-size:80%;font-weight:700;padding:0 5px;color:black}
#newscount{font-size:80%;}
.mybreve{width:255px;min-height:170px;margin-left:10px;vertical-align:top;}
.breves img{max-width:100px;max-height:100px;}

.book:before {
	font-family: 'icomoon';
	color: #9c9c9c;
	content: '\e607';
	speak: none;
	font-size: 20px;
	font-weight: normal;
	font-variant: normal;
	position: absolute;
	left: 0;
	top: 0;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.breve-content ~ .breve-content:before {
	color: #bfbfbf;
}

.breves .slide a {
	color: #000;
}

.breves .h3-like {
	background: #828282;
	color: #fff;
	line-height: 21px;
	margin: 0 -10px 12px;
	padding: 0 0 0 36px;
	position: relative;
	text-transform: uppercase;
}

.breves .h3-like:after {
	border-color: #828282 #e0e0e0 #e0e0e0 #e0e0e0;
}

.breves .article-pagination a span {
	font-size: 11px;	
}
.breves .article-pagination #news_prev{
	background: #c4cfd3;
	cursor: pointer;
}

.breves .article-pagination #news_pause:hover {
	background: #fff;	
}

/* =============================================================================
   Widget culture et vous
   =========================================================================== */
.module.culture {
	background: #efefef;
}

.culture .accordion-header {
	background: #ababab url('/reussir/www/img/plus-moins.gif') no-repeat 280px 50%;
	color: #fff;
	cursor: pointer;
	font-weight: 700;
	margin: 0 -10px 1px;
	padding-right: 20px;
}

.culture .accordion-header span {
	background: #969696;
	display: block;
	padding: 5px 42px 5px 10px;
}

.culture .accordion-header.selected {
	background-color: #7d7d7d;
	background-position: 259px 50%;
}

.culture .accordion-header.selected span {
	background: #5b5b5b;
}

.culture .accordion-panel {
	padding-bottom: 5px;
}

.culture .h3-like {
	font-weight: 700;
	font-size: 14px;
	margin-bottom: 3px;
}

.culture-content, .culture-content a {
	color: #474747;
}

.culture-content img, .culture-content a img {
	float: right;
	margin-left: 10px;
}

.culture .more {
	color: #73b6d2;
}


/* =============================================================================
   Widget cloudTag
   =========================================================================== */
.derniere-recherche {
	background: #c1cad2;
	color: #4d677e;
}

/* =============================================================================
  Page culture et vous 
  ============================================================================ */
  
.widget-page.culture .headband {	
	background-color: #E93326 ;
}

.widget-page.network h2 {
	color: red;	
}

.widget-page.network p {
	margin:0;
}

.widget-page.network p a {
	color:#465F73;
}

.widget-page.culture .metas .keyword, .widget-page.culture .metas .keyword a {
	background: #E93326;
	color: #fff;
	padding:0 6px;
}

.back:hover{
	background: #C5D5DC;
	color: #465f73;
}

/* =============================================================================
   Page sondage
   ========================================================================== */
.widget-page.poll-page .headband {	
	background-color: #b6177d;
}

.widget-page.poll-page .total-offers strong,
.widget-page.poll-page .metas .id strong,
.widget-page.poll-page .metas .id,
.widget-page.poll-page .search-event input[type="text"] {
	color: #b6177d;
}

.widget-page.poll-page .metas .keyword {
	background: #b6177d;
}

.poll-state-open {
	color:#390;
}

.poll-state-close {
	color: #f00;
}

.poll-form {
	position: relative;
}

.poll-form legend,
.poll-title {
	font: 700 1.167em Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	margin: 10px 0;
}

.poll-form p {
	margin-top: 2px;
}

.poll-form input[type="radio"],
.poll-form label {
	vertical-align: middle;
}

.poll-form .submit {
	bottom: 0;
	position: absolute;
	right: 0;
}

.poll-form input[type="submit"] {
	background-color: #b6177d;
	border: 3px solid #fff;
	color: #fff;
	font-weight: 700;
	padding: 7px 0;
	text-align: center;
	width: 100px;
}

.display-poll-result .label {
	display: inline-block;
	vertical-align: middle;
	width: 190px;
	margin-top:5px;
}

.result-bar-container {
	background-color: #fff;
	border: 3px solid #fff;
	display: inline-block;
	height: 10px;
	margin-right: 5px;
	position: relative;
	vertical-align: middle;
	width: 300px;
}

.result-bar-content {
	background-color: #94a4b2;
	height: 10px;
	left: 0;
	position: absolute;
	top: 0;
}

.result-bar-content.highscore {
	background-color: #4d677e;
}

/* =============================================================================
   Widget Nuage de mots-clés
   ========================================================================== */
.derniere-recherche .h2-like {
	margin-bottom: 5px;
	padding-top: 5px;
	text-transform: uppercase;
}

.derniere-recherche a {
	color: #4d677e;
	display: inline-block;
	font: 11px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	line-height: 16px;
	margin-bottom: 4px;
	padding: 0 4px;
}

.bg1, .bg2, .bg3, .bg4 {
	background: #fff;
}

.bg1:hover {
	opacity:0.7;	
}

.bg2 {
	opacity:0.8;  
}

.bg2:hover {
	opacity:0.7;	
}

.bg3 {
	opacity:0.7;   
}

.bg3:hover {
	opacity:0.5;	
}

.bg4 {
	opacity:0.5;   
}

.bg4:hover{
	opacity:0.3;	
}

.tagInCloud{
	color: #333333;
	z-index:10;
	opacity:1 !important;
}

/* =============================================================================
   Widget Flux RSS externe
   ========================================================================== */
.rss {
	background: #e8e8e8;
}

.rss .h2-like {
	margin-bottom: 5px;
	padding-top: 5px;
	text-transform: uppercase;
}

.rss .h3-like {
	background: #E93326;
	color: #fff;
	font-weight: 700;
	line-height: 21px;
	margin: 0 -10px 12px;
	padding: 0 0 0 10px;
	position: relative;
	text-transform: uppercase;
}

.rss-content {
	list-style: none;
	margin: 0;
	padding: 0;
}

.rss-content li {
	margin: 0 0 10px;
	padding: 0 0 0 25px;
	position: relative;
	min-height:30px;
}

.rss-content li:before {
	color: #a2a2a2;
	font-size: 22px;
	position: absolute;
	left: 0;
	top: 0;
}

.rss-content a {
	color: #000;
}

.rss-content a span {
	color: #999;
}

.rss .module-navigation a {
	font: 700 13px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	background: #b1b1b1;
}

.rss .module-navigation a.current {
	color: #b1b1b1;
	background: #fff;
}

/* =============================================================================
   Widget Numéro courant (page de couverture)
   ========================================================================== */
.journal {
	margin-top:10px;
	background: #e0e0e0;	
	max-height:250px;	
}

.journal .h2-like {
	background: #E93326;
	color: #fff;
	/*margin: -10px -10px 20px;*/
	padding: 0 10px 0 34px;
	text-transform: uppercase;
}

.journal .h2-like:before {
	color: #fff;
	font-size: 17px;
	left: 13px;
	top: 8px;
}

.content-journal {
	overflow: hidden;
	margin-right: -10px;
}

.content-journal > img {
	float: left;
	margin-right: 13px;
}

.content-journal .wrapper p:first-child {
	color: #085476;
	margin: -1px 0 7px;
}

.content-journal .wrapper p:first-child strong {
	font-size: 13px;
}

.content-journal a {
	background: #3E9EC6;
	/*color: #d8ecf4;*/
	color: #fff;
	display: block;
	line-height: 21px;
	margin: 0 0 2px;
	position: relative;
	padding: 0 5px 0 8px;
}

.content-journal a:hover{
	opacity:0.8
}

.content-journal a:after {
	content: "\e600";
	color: #fff;
	position: absolute;
	right: 6px;
	bottom: 4px;
	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
}

.content-journal .offer {
	margin: 2px 0 5px;
}

.content-journal .offer span {
	background: #085476;
	color: #fff;
	display: block;
	font: 16px museoSlab500;
	line-height: 1.2;
	margin: 0 -8px;
	padding: 9px 8px 4px;
	text-transform: uppercase;
}

.content-journal .offer a {
	background: #000;
	color: #b3b3b3;
}

.content-journal .suscribe {
	background: #2c9210;
}

/* =============================================================================
   Widget A la une des régions
   ========================================================================== */
.top-news {
	background: #eeeeee;
	font-size: 11px;
	padding-bottom: 3px;
}

.top-news .h2-like {
	background: #E7342A;
	color: #fff;
	margin: 0 -10px 0 -10px;
}

.wrapper-top-news {
	height: 190px;
	overflow: hidden;
}

.wrapper-top-news a {
	color: #000;
}

.wrapper-top-news a:hover {
	color: #da0019;
}

.wrapper-top-news .meta a {
	color: #3a6670;
}

.wrapper-top-news article {
	margin: 10px 0 0;
	min-height:50px;	
}

.top-news-content p {
	margin: 0 0 0 60px;
}

.top-news-navigation {
	margin:0;
}

.top-news-navigation a {
	background: #aaa;
	color: #fff;
	height: 18px;
	line-height: 18px;
	text-align: center;
	width: 148px;
}

.top-news-navigation a:hover, .top-news-navigation a.disabled:hover {
	background: #666666;
	cursor:pointer;
}

.top-news-navigation a.disabled {
	background: #c4c4c4;
	cursor: default;
}

.top-news-navigation .float-left {
	margin-left: -10px;
}

.top-news-navigation .float-right {
	margin-right: -10px;
}

.more-news,
.more-news a {
	color: #999;
}

.more-news a {
	text-decoration: underline;
}

.top-news .cropImg50{
	width:50px;
	height:50px;
	margin-top:3px;
	border:0;
}	
.top-news  p.more-news{
	margin: 5px;
}

/* =============================================================================
   Widget Twitter
   ========================================================================== */

.twitter {
	background: #eeeeee;
	font-size: 11px;
	padding-bottom: 3px;
}

.twitter .h2-like {
	background: #E7342A;
	color: #fff;
	margin: 0 -10px 0 -10px;
}
   
.wrapper-twitter {
	height: auto;
	overflow: hidden;
}
   
/* =============================================================================
   medias sélection ????
   ========================================================================== */
.medias-selection {
	background: #000;
	color: #fff;
}

.medias-selection .h2-like {
	background: #E93326;
	color: #fff;
	font-size: 19px;
}

.medias-selection > .float-right:first-child {
	color: #fff;
	font: 11px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	margin-top: 6px;
	padding: 2px 25px 0 0;
	position: relative;
	z-index: 10;
}

.medias-selection > .float-right:after {
	font-family: 'icomoon';
	color: #fff;
	speak: none;
	font-size: 19px;
	font-weight: normal;
	font-variant: normal;
	position: absolute;
	right: 0;
	top: 0;
	text-transform: none;
	line-height: 1;
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.medias-selection .legend-media {
	font-size: 13px;
	font-weight: 700;
	margin: 0;
}

.medias-selection .meta-media {
	color: #b0b0b0;
	margin: 0;
}

.medias-selection .container-media {
	height: 155px;
	margin: 10px 0;
	width: 280px;
}

.medias-selection ul {
	list-style: none;
	margin: 0;
	padding: 0;
}

.medias-selection li {
	float: left;
	margin-left: 9px;
	position: relative;
}

.medias-selection li a {
	display: block;
	height: 51px;
	width: 67px;
}

.medias-selection li.current:after {
	content: '';
	border: 3px solid #fff;
	height: 45px;
	left: 0;
	position: absolute;
	top: 0;
	width: 61px;
}

.medias-nav {
	height: 51px;
	position: relative;
}

.medias-nav .slide-wrapper {
	width: 237px;
	margin: 0 auto;
}

.medias-nav-button {
	background: #4d4d4d;
	display: block;
	height: 23px;
	line-height: 23px;
	margin-top: -12px;
	position: absolute;
	text-align: center;
	top: 50%;
	width: 23px;
}

.medias-nav-button.prev {
	left: 0;
}

.medias-nav-button.next {
	right: 0;
}

.medias-nav-button span {
	color: #fff;
}

.medias-nav-button.inactive span {
	color: #000;
}

.medias-selection.photos > .float-right:after {
	content: "\e605";
}

.medias-selection.videos > .float-right:after {
	content: "\e606";
}

.medias-selection.videos .container-media {
	height: 200px;
}

.medias-selection.photos > .float-right:first-child {
	padding: 3px 25px 0 0;
}

/* =============================================================================
   Slider de news (A la Une)
   ========================================================================== */
.evoslider {	
	margin: 10px 0 14px !important;
}

.evoslider .medias-details,
.mobile-news .medias-details {
	position: absolute;
	bottom: 5px;
	font-size: 16px;
	right: 5px;
	color: #536775;	
}

.evoslider .medias-details a,
.mobile-news .medias-details a{	
	color: #536775;	
}

.medias-details  span{
	font-weight:normal;	
	color:#fff;
}

.evoslider .meta {
	color: #ccc;
	font-size: 10px;
}

.evoslider .medias-details .numUne {   
	font-size: 8px;
	color: #9cbcd6;
}

.evoslider .meta.source {
	color: #9cbcd6;
}

.evoslider .meta strong {
	color: red;
}

/*.evoslider .title {
	margin: 2px 0;
}*/

.evoslider.default .controlNav li.rotator {
	height: 90px;
	padding: 0;
	width: 235px;
	line-height: 1.3;
}

.evoslider.default .controlNav li.rotator p {
	height: 90px !important;	
	margin: 0;
	overflow: hidden;	
}

.evoslider.default .controlNav li.rotator p a { 	
	display: block;
	height: 90px;
	padding: 3px 25px 0 25px;
	width: 195px;
} 

.evoslider.default .controlNav li.rotator p .title {
	color: #fff;	
}

/* =============================================================================
   Slider de news mobile
   ========================================================================== */
.mobile-news {
	display: none;
	margin-bottom: 10px;
}

.mobile-news img {
	float: left;
	border-right: 2px solid #fff;
}

.mobile-news a {
	float: left;   
}

.mobile-news > div {
	background: #26445c;
	clear: left; /*Safari ipad*/
	margin-bottom: 2px;
	overflow: hidden;
	position: relative;
}

.mobile-news .content {
	color: #fff;
	font-size: .917em;
	padding: 8px 10px 9px 115px;
}

.mobile-news .content a  {
	color:white;
}

.mobile-news .meta {
	font-size: 11px;
}

.mobile-news .content .title  {
	display: block;
	font-weight: 700;
	margin: 2px 0;
}

.mobile-news .meta strong {
	color: #f00;
}

.mobile-news .excerpt {
	margin: 3px 0;
}
.mobile-news .meta.source {
	color: #9CBCD6;
}
.mobile-news .content .chapo  {
	display: block;	
}

/* =============================================================================
   Navigation liste d'articles home page
   ========================================================================== */
.article-navigation {
	background: #dae6eb;
	color: #666;
	font-size: .917em;
	line-height: 23px;
	padding: 0 0 0 7px;
}

.article-navigation form {
	margin: 0 5px;
}

.direct-page-access {
	float: right;
}

.article-pagination {
	background: #c9c9c9;
	float: right;
	margin: 0;
	.ads: hidden;	
}

.article-pagination a {		
	background: #c4cfd3;
	color: #fff;
	display: block;
	float: left;			
	height: 23px;
	line-height: 22px;
	text-align: center;
	min-width: 23px;	
	font-weight:700;
	font-size: 13px;
	/*margin-left: 1px;*/
	overflow: hidden;
}

.article-pagination .inactive  {
	background: #c4cfd3 !important;
	color: #fff;
	cursor: default;
}

.article-pagination a:hover, .article-pagination .inactive:hover {
	background: #a6b1b5 !important;
}

.article-pagination .current {	
	background: #fff !important;
	color: #4d677e;
	cursor: default;	
}

.article-pagination span {	
	display: block;	
	height: 23px;	
	text-align: center;
	min-width: 23px;
	float: left;
	font-weight:700;
	font-size: 13px;
}

.article-pagination .prev ,
.article-pagination .next  {
	background: #4d677e;
	line-height: 25px;
}

.article-pagination .next:hover, .article-pagination .prev:hover {
	background: #40556a;
}

.article-pagination .nextPage{	
	display:inline-block;	
	background: #4d677e;
	min-width:120px;
	color:#fff;
	font-weight: 500;	
	font-size: 13px;
	padding-top:-3px;
}

.article-pagination .first span,
.article-pagination .last  span{
	font-size: 16px;
}

.article-pagination .first span,
.article-pagination .last span,
.article-pagination .prev span,
.article-pagination .next span {
	line-height: 27px;
}

/* =============================================================================
   Liste d'offres
   ========================================================================== */
.widget-page {
	color: #465f73;
}

.widget-page .headband i[class^="icon-"],
.widget-page .headband i[class*=" icon-"] {
	font-size: 1.2em;
	vertical-align: middle;
	margin-right: .2em;
}

.widget-page .headband {   
	background-color: #2f9f46;
	color: #fff;
	font: 30px/1 museoSlab100;
	margin: 10px 0 5px;   
	padding: 20px 20px 15px;
	position: relative;
}

.widget-page .headband:before {
	border-color: #fff #fff transparent transparent;
	border-style: solid;
	border-width: 5px;
	content: ' ';
	height: 0;
	left: 10px;
	position: absolute;
	top: 0;
	width: 0;
}

.search-event {
	float: right;
}

.search-event p {
	margin: 4px 0 0;
}

.search-event input[type="text"] {
	border: 0;
	color: #2f9f46;
	font: 12px/26px Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	height: 28px;
	margin: 0 -.6em 0 0;
	padding: 0 5px;
	vertical-align: top;
	width: 115px;
}

.search-event a input[type="image"] {
	vertical-align: top;
}

.widget-page .headband .our-offers {
	background: #fff;
	color: #2f9f46;
	display: inline-block;
	font: 15px/1 museoSlab100;
	line-height: 27px;
	padding: 0 14px;
}

.total-offers {
	margin: 0;
}

.total-offers span {
	color: #2F9F46;
}

.widget-page > header {
	margin-bottom: 15px;
}

.widget-page .news-filter .label, .widget-page .filter-widget-page .label {
	color: #90a6b6;
	font: 11px/24px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	vertical-align: middle;
}

.widget-page .news-filter a, .widget-page .filter-widget-page a {
	padding: 0 10px !important;
}

.widget-page .offer {
	background: #f4f4f4;
	margin: 0 0 5px;
	padding: 10px;
}

.widget-page .metas {
	font-size: 11px;
	margin: 0;
}

.widget-page .metas span {
	display: inline-block; 
	padding: 0;
}
.widget-page .metas .meta {
	margin-right: 10px
}

.widget-page .metas .tag {
	background: #fff;
	text-transform: uppercase;
}

.widget-page .tag  a{ 
	padding:0 5px;
	color: #465F73;
}

.widget-page .metas .keyword, .widget-page .metas .keyword a {
	background: #2f9f46;
	color: #fff;
}

.widget-page .metas .id {
	background: #fff;
}

.widget-page .metas .id strong {
	color: #2f9f46;
}

.widget-page .offer .icon-file {
	color: #90a6b6;
	font-size: 18px;
	margin: 5px 0 0;
}

.widget-page .article-navigation {
	margin-top: 15px;
}

/* =============================================================================
   Agenda
   ========================================================================== */
.widget-page.agenda .headband {
	/*background: #6d2f9f url(/reussir/www/img/bg-agenda.png) no-repeat 0 0;*/
	background-color: #6d2f9f;
}

.search-event input[type="text"] {   
	margin: 0 -1em 0 0;   
}

.search-event.agenda input[type="text"],
.widget-page.agenda .total-offers strong,
.widget-page.agenda .metas .id strong,
.widget-page.agenda .metas .id,
.widget-page.agenda .search-event input[type="text"] {
	color: #6d2f9f;
}

.widget-page.agenda .metas .keyword, .widget-page.agenda .metas .keyword a{
	background: #6d2f9f;
}

.widget-page .agenda .metas strong, .agenda .total-offers, .widget-page .agenda .tag  a{ 
	padding:0 5px;
	color: #465F73;
}

.widget-page.agenda article a {
	color: #465f73;
	text-decoration:underline;
}

.widget-page.agenda article .aside-detail a {   
	text-decoration:none;
}

.widget-page.agenda .offer > p > a {
	text-decoration: underline;
}

.calendar {
	background: #f4f4f4;
	margin-top: 15px;
	padding: 25px;
}

.inner-calendar {
	background: #fff;
	padding: 10px 8px;
}

.calendar .timeInfo {
	color: #000;
	font: 24px/1 museoSlab500;
}

.calendar .btn {
	background: #6d2f9f;
	border-radius: 3px;
	color: #fff;
	line-height: 28px;
	text-align: center;
	width: 49px;
}

.responsive-calendar .day.header {
	border: 0;
	font: 13px Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	padding-bottom: 5px;
}

.responsive-calendar .days .day {
	font: 24px/1 museoSlab500;
}

.responsive-calendar .day a {
	background-color: #eeeeee;
	color: #787878;
	border: 1px solid #fff;
}

.responsive-calendar .day.not-current a {
	color: #bfbfbf;
}

.responsive-calendar .day.event-type-1 a {
	background: #f00;
	color: #fff;
}

.responsive-calendar .day.event-type-2 a {
	background: #6d2f9f;
	color: #fff;
}

.responsive-calendar .day .badge {
	font: 11px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	background-color: #f90;
	color: #fff;
	padding: 2px 4px;
	right: 1px;
	top: 1px;
}

.responsive-calendar .day.today{
	background: #E9CFFF;
}

/* =============================================================================
   Fiche agenda
   ========================================================================== */
.back {
	background: #e0e7ec;
	color: #465F73;
	display: inline-block;
	font-size: 11px;
	line-height: 22px;
	padding: 0 11px;
	text-decoration: none;
}

.widget-page.agenda .title-event {
	font: 1.667em Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	margin: 15px 0 20px;
}

.detail-event aside {
	margin-top: 35px;
}

.aside-detail {
	background-color: #e8edf1;
	color: #465f73;
	display: block;
	font-size: 11px;
	margin: 0 0 5px;
	padding: 10px;
}

.aside-detail:hover {
	background-color: #d7dce0;
}

.aside-detail #gmap {
	border: 4px solid #fff;
	margin-top: 10px;
}

.aside-detail > span {
	color: #90a6b6;
	font-size: 30px;
	line-height: 1
}

.aside-detail-content {
	margin-left: 33px;
}

/* =============================================================================
   Page article
   ========================================================================== */
#breadcrumb {
	color: #3e9ec6;
	font-size: .917em;
	margin-bottom: 10px;
}

#breadcrumb a {
	color: #3e9ec6;
	display: inline-block;
}

.article h2, .article h3 { /*.h2-like*/
	color: #2f526c;
	font: 700 14px 'Open Sans';
	margin: 10px 0;
}

.social-article {
	float: right;
	margin-top: 2px;
}

.social-article span {
	/*color: #fff;*/
	display: inline-block;
	font-size: 0.917em;
	/*font-weight: 700;*/
	line-height: 13px;
	/*text-transform: uppercase;*/
	vertical-align: top;
}

.social-article a {
	display: inline-block;
	height: 14px;
	margin-left: 1px;
	overflow: hidden;
	text-indent: 100%;
	/*transition: background-position 0.3s linear 0s;*/
	vertical-align: top;
	white-space: nowrap;
	width: 14px;
}

.social-article .ico-facebook {
	background:transparent url("/reussir/www/img/ico-facebook.png") no-repeat scroll 0 -14px;	
}

.social-article .ico-twitter {
	background:transparent url("/reussir/www/img/ico-twitter.png") no-repeat scroll 0 -14px;	
}

.social-article .ico-google {
	background:transparent url("/reussir/www/img/ico-gplus.png") no-repeat scroll 0 -14px;   
}

.social-article .ico-facebook, .social-article .ico-twitter, .social-article .ico-google {
	-webkit-background-size: cover; /* pour Chrome et Safari */
	-moz-background-size: cover; /* pour Firefox */
	-o-background-size: cover; /* pour Opera */
	background-size: cover; /* version standardisée */
}

.meta-article {
	color: #3e9ec6;
	font-size: .917em;
   /* margin-right: 155px;*/
}

.meta-article a {
	color: #3e9ec6;
}

.meta-article .tags {
	margin: 10px 0;
	font: 1em Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	text-transform:capitalize;
}

.meta-article .tags a {
	background: #ccc;
	color: #fff;
	display: inline-block;
	border-radius: 3px;
	line-height: 17px;
	padding: 0 6px;
	margin:1px;
}

.meta-article .tags a:hover{
	background: #AFAFAF;	  
}

.article .article-title {
	color: #2f526c;
	font: 400 2.167em/1.1 'Open Sans';
}

.article-options {
	border-top: 1px solid #c8c8c8;
	border-bottom: 1px solid #c8c8c8;
	color: #7d7d7d;
	font-size: 0.917em;
	line-height: 28px;
	margin: 10px 0;
}

.article-options + * {
	margin-top: 0 !important;
}

.article-options > a {
	margin: 0 0 0 13px;
}
.article-options span[data-icon], .article-options span[class*='icon-']{
	color: #bfbfbf;
	font-size: 16px;
	vertical-align: middle;
}

.article-options .subscription, .lireLaSuite {
    background: #3295c3;
    color: #fff;
    display: inline-block;
    font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
    line-height: 30px;
    margin: -1px 0;
    padding: 0 16px;
    vertical-align: top;
}

.lireLaSuite{
	color: #fff;
	font-size: 0.917em;
}
a.lireLaSuite {
	color: #fff;
}

.lireLaSuite:hover{
	opacity:0.8;
}

.lireLaSuite span{
	line-height:26px;
	padding:0 2px;
	vertical-align:top;
}

.troncature{
	color: #3295c3;
}

.article-options a {
	color: #7d7d7d;
}

.article-options a.subscription:hover {
	background: #3295c3;
    color: #fff;
	opacity:0.8;
}

.article-content {
	overflow: hidden;
	padding-bottom: 20px;
}

.article-content .encadre {
	padding:10px;
	margin:20px 0;
	/*color:#4D677E;*/
	background: #eef4f6;	
}

.article-attachment {
	background: #eef4f6;
	margin-bottom: 17px;
}

.article-attachment > div:first-child {
	background: #94a4b2;
	color: #fff;
	font-weight: 700;
	line-height: 21px;
	padding: 0 8px;
}

.attachment-list {
	color: #4d677e;
	font-size: 11px;
	padding: 8px;
}

.attachment-list p {
	margin: 0 0 8px 37px;
}

.attachment-list a {
	color: #4d677e;
	font-weight: 700;
	text-decoration: underline;
}

.icon-attachment {
	border: 2px solid #fff;
	float: left;
	height: 26px;
	width: 26px;
	margin-right:5px;
}

.photoleft {
	float: left;
	margin: 5px 20px 5px 0;
	width: 240px;
}

.photoright {
	float: right;
	margin: 5px 0 5px 20px;
	width: 240px;
}

.photoleft figcaption,
.photoright figcaption,
.phototop figcaption{
	color: #666;
	font: .833em/1.1 Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	margin: 5px 0 0;
	max-width: 100%;
}

.phototop {
	clear: both;
}

.phototop img {
	width: 100%;
	max-width:595px;
}

.dewplayer{
	margin:5px 5px;
}

#dewplayer{	
	margin:0 5px;
	padding:0;
	float:left;
	background-color: #fff;
}

.rating {
	display: inline-block;
	margin-left: 13px;
}

.rating a {
	display: inline-block;
	margin: 0 0 0 -.3em;
}

.rating a span {
	color: #bfbfbf;
}

.rating a:hover span,
.rating .selected span {
	color: #ffba00;
}

.article-medias {
	float: right;
}

.article-options .article-medias span {
	color: #fff;
	display: inline-block;
	font-size: 1.500em;
	/*line-height: 30px;*/
	margin: -1px 0;
	padding: 3px 6px 1px;
	vertical-align: top;
}

.article-medias .photos {
	background-color: #ff9900;
}

.article-medias .videos {
	background-color: #f00;
}

.article-medias .audios {
	background-color: #7a37c8;
}
.article .article-navigation {
	clear: both;
	margin: 0 0 20px;
	overflow: hidden;
}

.article .article-pagination .next {
	background-color: #4D677E;
	color: #fff;
	line-height: 1.6;
	padding-left: 6px;
	/*width: 150px;*/
}

.article .article-pagination .next span {
    float: right;
}

.related-article{	
	margin:10px 0 20px 0;	
}

.related-article article{
	float:left;
	width:190px;
	height:300px;
	margin:10px 4px 10px 0;
	padding:0;	
	background-color: rgba(246,246,246,1);		
	overflow:hidden;
	transition-property: box-shadow;
	transition-duration: 0.2s;
	border:1px solid transparent;
}

.related-article article:hover{	
	/*background-color: rgba(204,204,204,1);*/
	background-color: rgba(236,236,236,1);
	box-shadow: 1px 1px 10px #aaa;	
	border:1px solid #ddd;
}

.related-article article p{
	color:#999;
}

.related-article article:first-child{	
	margin-left:0px;	
}

.related-article article h2, .related-article article p{	
	padding:0 5px;	
}

.related-article article .meta{
	position: relative;
	left: 0;
	top: 0;
	width: 100%;
}

.related-article article a{
	color: #3e9ec6;
}

.related-article .tag-local{	
	opacity: 0.8;
}

.article .title-line{
	font-weight:700;
	display: block;	
	margin-top: 20px;
	margin-bottom: 10px;
	font-size: 16px;
	text-align: center;
	position: relative;
	line-height: 1.6em;
	letter-spacing: 2px;
	padding: 3px 10px;
	overflow: hidden;
	text-transform: uppercase;
}

.title-line::before {
    right: .3em;
    margin-left: -50%;
    width: 50%;
}
.title-line::after {
    left: .2em;
    margin-right: -50%;
    width: 50%;
}
.title-line::after, .title-line::before {
    background-color: #83817e;
    content: "";
    display: inline-block;
    height: 1px;
    position: relative;
    vertical-align: middle;
}
*::before, *::after {
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    box-sizing: border-box;
}

/* =============================================================================
   Share Form
   ========================================================================== */
.share {
	background: #a53388;
	color: #fff;
	display: none;
	font-size: .917em;
	overflow: hidden;
	padding: 10px;
	position: absolute;
	width: 575px;
	z-index: 500;
}

.share .icon-close {
	font-size: 1.5em;
	cursor: pointer;
}

.share.visible {
	display: block;
}

.share p {
	margin: 5px 0 0;
}

.share fieldset p:first-child {
	margin-bottom: 10px;
}

.share .captcha {
	height: 113px;
}

.share input {
	height: 18px;
}

.share input,
.share fieldset textarea {
	border: 0;
}

.share fieldset + fieldset {
	margin-left: 15px;
}

.share label {
	display: inline-block;
	width: 130px;
}

.share fieldset {
	float: left;
}

.share-widget{
	width: 345px;
}

.share .share-widget + fieldset {
	width: 355px;
}

.share .share-widget + fieldset input {
	padding: 2px 5px;
	width: 210px;
}

.share input[type="text"] {
	height: 22px;
	padding: 2px 5px;
	width: 270px;
}

.share fieldset textarea {
	padding: 5px;
	width: 210px;
}

.share input[type="submit"], #reloadShare {
	background: #fff;
	color: #a53388;
	font-size: 1.083em;
	font-weight: 700;
	height: 24px;
	padding: 4px 10px;
}

.share-widget {
	/*background: #fff;*/
	padding: 5px;
}

/* =============================================================================
   Articles liés
   ========================================================================== */
.related-actions {
	position: relative;
	margin-bottom: 15px;
}

.related-actions a:hover {
	opacity:0.9;
}

.related-actions .related-button {
	color: #fff;
	display: inline-block;
	font: 600 1.083em/1.1 'Open Sans';
	line-height: 34px;
	padding: 0 10px;
	text-align: center;
	text-transform: uppercase;
	width: 175px;
}

.related-actions .related-button span {
	font-size: 15px;
	margin-right: 7px;
	opacity: .6;
	vertical-align: middle;
}

.related-actions .btn-share {
	float: left;
}

.related-actions .btn-share a {
	background: #a53388;
}

.related-actions .btn-subscription {
	margin-left: 5px;
}

.related-actions .btn-subscription a {
	background: #f90;
}

.related-actions .btn-related {
	float: right;
}

.related-actions .btn-related > a {
	background: #496b86;
}

.related-menu {
	background: #3a5770;
	color: #c4cdd4;
	display: none;
	font-size: 0.917em;
	padding: 1px 10px 10px;
	position: absolute;
	right: 0;
	text-align: left;
	top: 35px;
	width: 250px;
	z-index: 501;
}

.related-menu.visible {
	display: block;
}

.related-menu p {
	margin-bottom: 5px;
}

.related-menu p a {
	color: #c4cdd4;
}

.related-menu > a {
	color: #fff;
	display: block;
	font-weight: 700;
	line-height: 27px;
	margin: 0 -8px 0;
	padding: 0 8px 2px;
}

.related-menu > a:hover {
	background: #577085;
}

.related-menu > a span {
	display: inline-block;
	font-weight: 400;
	line-height: 1;
	vertical-align: baseline;
}

.related-menu > a span + span {
	line-height: 1.2;
	vertical-align: text-top;
	padding-bottom: 4px;
	width: 205px;
}

.related-menu .meta {
	color: #cdd4db;
}

/* =============================================================================
   Commentaire Form
   ========================================================================== */
.react {
	min-height: 450px;
}

.react aside {
	color: #666;
	float: left;
	font: 0.917em/1.3 Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	margin-right: 10px;
	width: 120px;
}

.react aside a {
	text-decoration: underline;
	color: #666;
}

.sponsor {
	line-height: 120px;
	background: #efefef;
	color: #999;
	font-size:13px;
	padding:0;	
}

.sponsor a { 
  width:100px;   
  vertical-align:middle;
  display:inline-block;
  line-height:normal;   
}

.sponsor  a, .sponsor  a:active, .pub120-120 a{		
	color: #69c !important;
	text-decoration:none !important;
}

.campTv {
	background: #01753D;
	color: #FFF;
	font-size:13px;
	padding:0;	
}

.campTv a{	
	color: #FFF !important;	
}
.campTv:hover{background-color:#01753D !important;opacity:0.8}

.sponsor img {
	width:116px;
	margin:2px 2px;
}

.react .sponsor a {
	color: #69c;
}

.react-number {
	background: #39a6c0;
	color: #fff;
	font-family: Verdana, "DejaVu Sans", "Bitstream Vera Sans", Geneva, sans-serif;
	padding: 10px;
	position: relative;
}

.react-number:after {
	border-color: transparent transparent transparent #39a6c0;
	border-style: solid;
	border-width: 7px;
	content: '';
	position: absolute;
	right: -14px;
	top: 15px;
}

.react .react-number a  {
	color: #fff;
	text-decoration: underline;
}

.react-number strong {
	font: 600 1.545em/1.1 'Open Sans';
}

.react-number big {
	display: block;
	font-size: 5em;
	line-height: 1;
}

.comments-wrapper {
	font-size: 0.917em;
	float: left;
	position: relative;
	width: 464px;
}

.comments-wrapper .warning {
	background:#fff !important;
	color: #7f7f7f;
	font-family: Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
	line-height: 1.1;
}

.all-comment {
	background: #39a6c0;
	color: #fff !important;
	display: block;
	/*line-height: 24px;*/
	padding: 3px 9px 4px;
}

.comments-wrapper .warning small {
	font-size: .909em;
}

.comment {
	background: #dfeef2;
	margin-bottom: 5px;
	padding: 1px 40px 10px 10px;
}

.comment a {
	color: #000;
	text-decoration: underline;
}

.indent {
	margin-left: 15px;
}

.comment .meta {
	color: #268ea7;
}

.react-button {
	float: right;
	margin: -1px -40px 0 0;
	position: relative;
}

.react-button-infowindow {
	background: #add8e3;
	color: #fff;
	font-size: 11px;
	line-height: 25px;
	overflow: hidden;
	position: absolute;
	left: 0;
	text-align: center;
	top: 0;
	width: 0;
}

.react-button a {
	background: #39a6c0;
	color: #c4e4ec !important;
	display: block;
	font-size: 1.417em;
	height: 25px;
	line-height: 25px;
	text-align: center;
	text-decoration: none !important;
	width: 25px;
}

.abus-button {
	float: right;
	margin: 25px -40px 0 0;
	position: relative;
}

.abus-button .icon-warning {
	font-size:1em;
	color:#fff;
}

.abus-button-infowindow {
	background: #FFAFAF;
	color: #fff;
	font-size: 11px;
	line-height: 25px;
	overflow: hidden;
	position: absolute;
	left: 0;
	text-align: center;
	top: 0;
	width: 0;
}

.abus-button a {
	background: #FF7F7F;
	color: #c4e4ec !important;
	display: block;
	font-size: 1.417em;
	height: 25px;
	line-height: 25px;
	text-align: center;
	text-decoration: none !important;
	width: 25px;
}

.comment-form {
	background: #39a6c0;
	color: #fff;
	display: none;
	left: 0;
	overflow: hidden;
	padding: 15px;
	position: absolute;
	top: 0;
	width: 434px;
	z-index: 400;
}

.comment-form .icon-close {
	font-size: 1.5em;
	cursor: pointer;
}

.comment-form.visible {
	display: block;
}

.title-comment-form {
	font: 400 2.5em/1.1 'Open Sans';
	margin: 0 0 15px;
}

.comment-form label {
	display: inline-block;
	position: relative;
	width: 145px;
}

.comment-form input,
.comment-form textarea {
	border: 0;
}

.comment-form input[type="text"], #c_pseudo{
	background-color: #57b3c9;
	color: white !important;
	-webkit-text-fill-color:white;
	height: 22px;
	padding: 2px 5px;
	width: 270px;
}

.comment-form textarea {
	padding: 5px;
	width: 270px;
}

.comment-form input[type="submit"] {
	background: #fff;
	color: #39a6c0;
	float: right;
	font-size: 1.182em;
	font-weight: 700;
	height: 25px;
	padding: 4px 10px;
}

.comment-form input[type="checkbox"] {
	vertical-align: middle;
}

.comment-form input[type="checkbox"] + label {
	vertical-align: middle;
	width: auto;
}

.comment-form a {
	color: #fff;
	text-decoration: underline;
}

.comment-form .notes {
	color: #b0dbe6;
	position: absolute;
	left: 15px;
	width: 130px;
	top: 110px;
}

.comment-cgu{
	font-family: 'Open Sans';
	color: #369;
	font-size:1em;
	line-height : 1;	
}
.comment-cgu h3{	
	color: #000;		
}

.comment-cgu .paywall-heading {
	background-color: #39A6C0;
}

/* =============================================================================
   Diaporama
   ========================================================================== */
.fotorama {
	clear: both;
	margin: 20px 0;
}

.fotorama__arr.fotorama__arr--next,
.fotorama__arr.fotorama__arr--prev {
	height: 412px;
	margin-top: 0;
	opacity: 1 !important;
	top: 0;
	width: 46px;
	transform: none !important;
}

.fotorama__arr.fotorama__arr--next {
	background: transparent url(/reussir/www/img/fotorama-next-short.png) no-repeat 0 0;
	right: 0;
}

.fotorama__arr.fotorama__arr--prev {
	background: transparent url(/reussir/www/img/fotorama-prev-short.png) no-repeat 0 0;
	left: 0;
}

.fotorama__arr.fotorama__arr--prev.fotorama__arr--disabled,
.fotorama__arr.fotorama__arr--next.fotorama__arr--disabled {
	opacity: .5 !important;
}

.fotorama__caption__wrap {
	background: #333;
	color: #fff;
	font-size: 11px;
	margin-left: 46px;
	width: 503px;
	opacity: 0.7;
}

.fotorama__thumb-border {
	border-color: #fff;
}

/* =============================================================================
   Page Partenaires
   ========================================================================== */   
.widget-page.partners .headband {   
	background-color: #94a4b2;
	margin-bottom:0;
}
.widget-page.partners  header{   	
	margin-bottom:0;
}

.widget-page.partners h2 {
	color: #94a4b2;
}

article.partenaires {
	background-color: #e8e8e8;	
}

article p.partenaire {
	color: #94a4b2;
	font-size:0.9em;
}

article .title-partenaire{
	font: 400 2.167em/1.1 'Open Sans';
	color: #94A4B2;
}
.article-content section.partners .partenaires{	
	font-size:0.6em;	
}

/* =============================================================================
   Page Nos titres
   ========================================================================== */   
.widget-page.network .headband {   
	background-color: #f00;
}

.widget-page.network h2 {
	color: red;
}

.widget-page.network p {
	margin-top: 0;
}
.widget-page.network p a {
	color:#465F73;
}

.titles-grid {
	list-style: none;
	margin: 10px 0 0 -5px;
	overflow: hidden;
	padding: 0;
}

.titles-grid li {
	float: left;
	margin: 0 0 5px 5px;
}

.titles-grid li a {
	background: #f4f4f4;
	display: block;
	height: 68px;
	padding-top: 32px;
	text-align: center;
	width: 195px;	
}

.titles-grid li a:hover {
	background-color: #e9e9e9;
}

.title-list {
	margin: 30px 0;
}

.title-list img{
	vertical-align:middle;
	max-width: 200px;
}

.title-list ul {
	display: inline-block;
	list-style: none;
	margin: 0;
	padding: 0;
	vertical-align: top;
	width: 49%;
}

.title-list a {
	color: #369;
}

.title-related {
	margin-top: 0;
}

.title-related a {
	background-color: red;
	color: #fff;
	display: inline-block;
	font: 16px/1 museoSlab500;
	padding: 16px 0;
	position: relative;
	text-align: center;
	text-transform: uppercase;
	width: 32.83%;
}

.title-related a:hover {
	opacity:0.9;
	background-color: #E20001;	
}

.title-related a:before {
	border-color: #fff #fff transparent transparent;
	border-style: solid;
	border-width: 5px;
	content: ' ';
	height: 0;
	left: 15px;
	position: absolute;
	top: 0;
	width: 0;
}

.widget-page.network #desc{		
	margin-top:0;	
}

.widget-page.network hr{
	width:80%;
	margin:5px;
}
.widget-page.network .legende{	
	margin-top:20px;
	text-align:center;
}

.widget-page.network .legende div{	
	display:inline-block;
	padding:0 4px;	
	line-height:1.1em;
}

.widget-page.network  .pressCover span, .widget-page.network  .partners  {	
	vertical-align:middle;
	display:inline-block;
	width:15px;
	height:15px;
	margin:0 2px 0 0;
}

.widget-page.network  .pressCover span {	
	background:#FF0000;	
}

.widget-page.network  .partners{	
	margin-left:20px;
	background:#FF6666;	
}

#network-map { 
	margin-top:20px;
	padding-left:20px;		
}

.qtip-content-map {
  background: #577384 !important;
  border: 3px solid #efefef !important;
  color: #fff !important;
  font-size: 0.9em;
  
}

.qtip-content-map .titre {	
	font-size: 12px;
	font-weight:700;
}

.ajax-content-pad {
	background-color: #f4f4f4;
	color: #000;
	line-height: 1.3;
	position: relative;
	padding: 10px 20px;
	width:560px;
	display: inline-block !important;
}

.ajax-content-pad:before {
	content: "";
	border-color: transparent transparent #f4f4f4;
	border-style: solid;
	border-width: 20px;
	height: 0;
	position: absolute;
	top: -40px;
	left: 50%;
	margin-left: -10px;
	width: 0;
}

.ajax-content-pad .cell {
	width: 48%;
	
}

.ajax-content-pad .cell + .cell {
	margin: 0 5px;
	padding-top: 10px;
	text-align: right;
}


.ajax-content-pad h2 {
	font: 700 24px 'museoSlab100';
	margin-bottom: 0;
}

.ajax-content-pad p {
	margin-top: 0;
	margin-bottom: 10px;
}

.ajax-content-pad .label {
	display: inline-block;
	width: 50px;
}

.ajax-content-pad .btn-web {
	background-color: red;
	color: #fff !important;
	display: inline-block;
	font-size: 13px;
	font-weight: 700;
	line-height: 30px;
	padding: 0 10px;
	margin:10px 0;
}

.ajax-content-pad .logo{	
	text-align:center;
	background-color: #fff;
	width:240px;
	height:173px;
	line-height:173px;	
}

.ajax-content-pad .logo img{	
	max-width:220px;	
}

/* =============================================================================
   Page Le groupe
   ========================================================================== */
.widget-page.group {
	color: #000;
}

.widget-page.group .headband {
	/*background: #f00 url(/reussir/www/img/bg-group.png) no-repeat 0 0;*/
	background-color: #f00;
	font-family: 'museoSlab100';	
}

.widget-page.group article strong {
	color: #000;
}

.widget-page.group p {
	margin: 1em 0;
}

.widget-page.group p img{
	width:auto;
	margin:0 auto;
}

.widget-page.group h2 {
	color: #f00;
	margin: 0 0 -0.5em 0;
}

.widget-page.group article a {
	color: #369;
	text-decoration: underline;
}

.list-item-highlight {
	color: red;
}

/* =============================================================================
   Page Contacts
   ========================================================================== */
.widget-page.contact {
	color: #000;
}

.widget-page.contact .headband {   
	background-color: #f00;
	font-family: 'museoSlab100';
}

.widget-page.contact > header {
	margin-bottom: 3px;
}

.widget-page.contact h2 {
	color: #f00;
	margin-bottom: .75em;
}

.contact-section-content {
	background-color: #f2f5f6;
	padding: 10px;
}

.contact-section .label {
	display: inline-block;
	/*width: 250px;*/
}

.contact-section .label-small {
	width: 50px;
}

.contact-section + .contact-section {
	margin-top: 15px;
}

.contact-section h3 {
	color: #f00;
	font-size: 14px;
	font-weight: 400;
}

.contact-section-content a {
	color: #369;
	text-decoration: underline;
}

.contact-section-person {
	margin: 0 0 1em;	
}

.contact-section-person p:first-child {
	margin-top: 0;
}

.contact-section-person p + p {
	margin-top: 1em;
}

.contact-section-person-photo {
	width: 90px;
	padding:5px;	
	margin:2px 15px 5px 2px;
	background: #fff;	
}

.contact-section-person-photo img{
	width: 90px;
}

/* =============================================================================
   Page credits
   ========================================================================== */
.widget-page.credits {
	color: #000;
}

.widget-page.credits .headband {	
	background-color: #f00;
	font-family: 'museoSlab100';
}

.widget-page.credits h2 {
	color: #f00;
	font-size: 12px;
	margin: 0;
}

.widget-page.credits p {
	margin: 0 0 15px;
}

.widget-page.credits a {
	color: #369;
	text-decoration: underline;
}

.widget-page.credits span {
	color: #369;
}

.widget-page.credits span a {
	text-decoration: none;
}

.credits-content {
	background: transparent url('/reussir/www/img/bg-credits.jpg') no-repeat 0 0;
	padding-left: 185px;
}

/* =============================================================================
   Page Mentions légales
   ========================================================================== */
.widget-page.legals-mentions {
	color: #000;
}

.widget-page.legals-mentions h1 {
	color: #f00;
	font-size: 17px;
	margin-bottom: 10px;
}

.widget-page.legals-mentions .headband {
	/*background: #f00 url(/reussir/www/img/bg-legals-mentions.png) no-repeat 0 0;*/
	background-color: #f00;
	font-family: 'museoSlab100';
}

.widget-page.legals-mentions h2 {
	color: #f00;
	font-size: 12px;
	margin: 0;
}

.widget-page.legals-mentions p {
	margin: 0 0 15px;
}

.widget-page.legals-mentions a {
	color: #369;
	text-decoration: underline;
}

/* =============================================================================
   Page plan
   ========================================================================== */
.widget-page.plan {
	color: #000;
}

.widget-page.plan .cols {
	float: left;
	width: 50%;
}

.widget-page.plan .headband {   
	background-color: #f00;
	font-family: 'museoSlab100';
}

.widget-page.plan h2 {
	color: #f00;
	font-size: 12px;
	margin: 0;
	font-weight: 400;
	text-transform: uppercase;
}

.widget-page.plan ul {
	list-style: none;
	padding: 0;
	margin: 0 0 20px;
}

.widget-page.plan p {
	margin: 0 0 15px;
}

.widget-page.plan a {
	color: #369;
	text-decoration: underline;
}

/* ==========================================================================
	ajout Fabien.	
	====================================================================== */

/* ==========================================================================
	Encarts pub	
	====================================================================== */
.pub728-90, .pub468-60, .pub300-250, .pub300-140, .pub300-600, .pub160-600{background-color:#fff;color:#999;}
.pub728-90{max-height:90px;max-width:728px;}
.pub728-90:hover{background-color:#fff;color:#fff;}
.pub468-60{min-height:60px;min-width:468px;text-align:right;}
.pub468-60:hover{background-color:#fff;color:#fff;}
.pub120-120{width:120px;height:120px;margin:10px auto;clear:both;}
.pub120-120:hover{background-color:#ddd;color:#fff;}
.pub300-250{width:300px;min-height:250px;max-height:600px;}
.pub300-250:hover{background-color:#fff;color:#fff;}
.pub300-600:hover{background-color:#ddd;color:#fff;}
.pub300-600{width:300px;min-height:250px;max-height:600px;background-color:#ccc;}
.pub300-140{min-height:140px;float:right;margin-top:10px;margin-right:0;}
.pub300-140:hover{background-color:#999;color:#fff;}
.pub160-600:hover{background-color:#ddd;color:#fff;}
.news-list article.native {Background-color : #ccc;}
.native  a.sector-tag {Background-color : #777 !important;}

/* cache les pubs vides !*/
/*a[target*="_top"] {	
	display:none;
}*/

#base{	
	position: absolute; 
	left: -170px; 
	top: 107px;	
}

#base_mobile .pub160-600{
	position:absolute; 
	top:113px;	
	width:160px;
	height:600px;	
	background-color:transparent;
	position:absolute;
	left:-70px; 	
}

#base_mobile.fixed{
	position:fixed; 
	top:120px;
}


span.middle a img{display:none;}
span.middle  a article {padding:0 !important}
.link_annonceur{clear:both;width:100%;text-align:center;font-size:0.85em;}
.link_annonceur a{color:#666;}
.sponsor{margin-top:10px !important}

/* LIGHTBOX */
.lightbox{cursor:url('/reussir/skin/images/zoomin.cur'),pointer}
#jquery-lightbox, #jquery-overlay {cursor:url('/reussir/skin/images/zoomout.cur'),pointer}

.error, .success, .warning, .info{  margin:0 0 10px 0;}
.error{ background: #FFCFCF; /*border:1px solid #CF0000;*/ color:#CF0000; } 
.about-user-nd-lvl-entry.error, .about-user-nd-lvl-content.error, .fonce.error, .about-user-thd-lvl-entry.error {background: #FFDFDF !important; color:#CF0000;}
.about-user-thd-lvl-entry.error {padding:0}
/*.about-user-nd-lvl-content.error, .about-user-nd-lvl-body.error {padding:8px}*/
.ui.global {padding:8px}
#exploitation  p.center.hide, #exploitation  p.center.hide .icon-warning{color: #CF0000;font-size: 1em;}
.success{background: #E4FFDF; border:1px solid #3B8F2C; color:#137F00;}
.warning{background-color: #FFEDDF !important; color:#666; }
.warning .icon-warning{font-size: 1em; color:#FF9900;}
.warning .icon-close, .success .icon-close, .error .icon-close{ font-size: 12px !important;}
.warning .icon-close {color:#FF9900;}
.info{border:1px solid #355f94;background-color:#DFEFFF !important;color:#355f94;border-radius:4px; -moz-border-radius:4px; -webkit-border-radius:4px;padding:5px;}
.info .icon-info{font-size:.9em !important;color:#355f94 !important;}
#precisAutre{  
	width:250px;
	position:relative;   
}

#precisAutre .arrow-top {
	width:0; height:0;
	border:8px solid transparent;
	border-top:none;
	border-bottom:8px solid #355f94;
	position:absolute;
	top:-8px;
	left:50%;   
}

.pres a, .deps a{color:#333}
.center{text-align:center; margin : 0 auto}
.poll-form .error{width:50%}
.hide{display:none;}
.btnCaptcha{cursor:pointer;}
.secure{width:90px;margin-top:5px;height:25px;text-transform:uppercase;font-size:1.3em;padding-left:10px}
#resultSendArt{display:block;width:100%; height: 24px; margin:10px 0; padding:0 }


#btnToVote, #cookieVote, #pollid, #errorPoll{display:none}
#btnSubmit{
	border:0;	
	color: #3a5770;
	background: #fff;	
	display: inline-block;
	font-weight: 700;	
	padding: 3px 8px;
}

.carousel_container {
	width: 600px;	
	margin: -60px auto 0 auto;	
}

.pa li{
  border-bottom: 1px solid #eeeeee;
  padding-top: 10px 0 0 0;
  list-style-image: url("/reussir/skin/images/arrowVC.gif");
}

.datePa{
	float:right;
}

.menuRubPa{
	width:30%;
	margin-left:20px;
	float:left;
	background-color:#efefef;
}

.menuRubPa li{
  display: block;
  margin-left:-10px;
  padding: 0px;	
  border-bottom: 1px dotted #cccccc;
}

.menuRubPa li a{
  color:#666;
}

.listPa li{
	margin:0;
	padding: 5px;
	border-bottom: 1px solid #b8ce67;
}

.surTitreListe{	 	
	text-transform:capitalize !important;
}

/* ==========================================================================
	Images au carré   
	====================================================================== */
.cropImg50 {
	border: 1px solid #efefef; 
}
.cropImg50  {	
	width: 50px;
	height: 40px;
	background-position: center;	
	background-size: cover;
}
.cropImg67 .current{
	border: 3px solid #fff;	
}
.cropImg67  {	
	width: 67px;
	height: 50px;
	background-position: center;	
	background-size: cover;
}

.cropImg85 {
	border: 3px solid #fff;	
}

.cropImg85  {	
	width: 85px;
	height: 85px;
	background-position: center;	
	background-size: cover;
}

.cropImg100  {	
	width: 104px;
	height: 104px;
	background-position: center;	
	background-size: cover;
}

.cropImg190 {
	border: 0;	
}

.cropImg190  {	
	width: 190px;
	height: 160px;
	background-position: center;	
	background-size: cover;
}
.cropImg372  {	
	width: 372px;
	height: 270px;
	background-position: center;	
	background-size: cover; /*contain , scaledown*/	
}

.news-list article .cropImg100 {
	border: 3px solid #fff;
	float: left;
	transition: transform 0.8s ease 0s;
	-moz-transition: transform 0.8s ease 0s;
	-ms-transition: transform 0.8s ease 0s;
	-webkit-transition: transform 0.8s ease 0s;
	-o-transition: transform 0.8s ease 0s;
}

.news-list article .cropImg100:hover {
  /*transform: scale(1.05);
  -moz-transform: scale(1.05);
  -webkit-transform: scale(1.05);
  -o-transform: scale(1.05);
  -ms-transform: scale(1.05);  IE 9 */
  -ms-filter: "progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand')"; /* IE8 */
   filter: progid:DXImageTransform.Microsoft.Matrix(M11=1.05, M12=0, M21=0, M22=1.05, SizingMethod='auto expand'); /* IE6 and 7 */ 
} 




/* ==========================================================================
	pictos vidéos/diaporama  
	====================================================================== */

.cropImg50 .small-overlay,
.cropImg67 .small-overlay,
.cropImg85 .small-overlay, 
.cropImg100 .small-overlay ,
.cropImg190 .small-overlay ,
.big-overlay {
	position:relative;
	color:#fff;
	opacity:0.8;
	font-weight:700;
}

.cropImg67 .small-overlay {		
	top:13px;
	left:22px;
	font-size:2em;		
}

.cropImg50 .small-overlay {		
	top:3px;
	left:13px;
	font-size:2em;		
}

.cropImg85 .small-overlay {	
	top:20px;
	left:26px;
	font-size:3em;		
}

.cropImg100 .small-overlay {	
	top:30px;
	left:33px;
	font-size:3em;	
}

.cropImg190 .small-overlay {		
	top:55px;
	left:70px;
	font-size:5em;	
}

.big-overlay {
	top:30%;
	left:37%;
	font-size:8em;	
}


.img-wrapper .cropImg372 {	
	transition: all .6s ease;
}

.img-wrapper .cropImg372:hover {
	-webkit-transform: scale(1.1);
	-moz-transform: scale(1.1);
	-o-transform: scale(1.1);
	transform: scale(1.1);
}



/* ==========================================================================
	Fil d'ariane  
	====================================================================== */
#breadcrumb{
	text-transform:uppercase;
}

.article-content{
	width:100%;
}


/* abonnement */
.choice-1, .choice-2, .choice-1 label, .choice-2 label {
	cursor:pointer;
}
.choice-1:hover, .choice-2:hover {
	opacity:.9;
}


.left {float:left;display:inline}
.right{float:right}
.precision{font-size:0.8em;color:#999}
code{display:none}

.map{margin:10px 10px;padding:10px 10px;background: transparent url('/reussir/skin/images/bg-header.png') bottom left repeat-x ;border:1px solid #ccc}
.map a{color:#000;font-weight:700;margin:2px 0}
.map a:hover{color:#999;position:relative;top:0;left:2px}
.map h2{text-decoration:underline;color:#CF0012;font-style:italic;font-size:1.4em;font-weight:700;margin:5px 0}
.map li{list-style-image: url('/reussir/skin/images/checkmark.gif');margin:0 0 0 35px;line-height:12px}
.map div{padding:5px 0;line-height:15px}
.map td{padding:5px 0;line-height:15px}
.map span{font-weight:700;color:#CF0012}
.map p{padding:10px}


.xtypo-alert, .xtypo_info, .xtypo_warning, .xtypo_sticky, .xtypo_feed{display: block;padding: 0.5em 1em;box-shadow: #cccccc; border-radius: 3px;margin: 10px 0px;}
.xtypo-alert{background-color: #f5fd98; background-image: url("/reussir/skin/images/shadow.png"); background-repeat: repeat-x; background-attachment: scroll; background-position: center bottom; background-clip: border-box;border: 1px solid #fcdc5e; color: #99666a; text-shadow: #ffffff;}
.xtypo-alert ul, .xtypo-alert ol{margin:0 0 0 20px;list-style:none;font-size:1.2em;}
.etoile {font-weight:700;color:#B9020A}

/* ==========================================================================
	PAYWALL  
	====================================================================== */

.limit-alert {
	position: relative;
	clear: both;

}

.limit-alert:before {
	background: transparent url(/reussir/www/img/degrade-transp.png) repeat-x 0 0;
	content: " ";
	position: absolute;
	width: 100%;
	height: 200px;
	bottom: 100%;
}

.limit-alert-content {
	background-color: #f4f4f4;
	border: 3px solid #ccc;
	color: #666;
	overflow: hidden;
	padding: 15px 10px;
}

.icon-warning {
	color: #f90;
	font-size: 5em;
	line-height: 1;
}

.error .icon-warning {
	font-size:1em;
	color: #f00;   
}

.limit-alert-content .wrapper {
	padding: 0 15px;
	
}

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

   .limit-alert-content .wrapper {
		overflow: visible;
		clear: both;
		padding: 10px 0;
	}

}

.limit-alert-btn {
	color: #fff;
	display: inline-block;
	font-size: 1.083em;
	font-weight: 700;
	line-height: 2;
	/*padding-bottom: 5px;*/
	padding-left: 10px;
	padding-right: 10px;
	/*text-align: center;*/
	width: 90%;
}

.limit-alert-btn span {
	display: inline-block;
	line-height: 1.2;
	vertical-align: baseline;
}

.limit-alert-btn i[class^="icon-"],
.limit-alert-btn i[class*=" icon-"] {
	color: #fff;
	font-size: 1.083em;
	vertical-align: middle;
	opacity: .7;
	margin-right: .4em;
}

.limit-alert-btn-theme-a {
	background-color: #369;
}

.limit-alert-btn-theme-b {
	background-color: #4f9a36;
}

.limit-alert-btn-theme-c {
	background-color: #4f9a36;
	text-align: center;
	padding-bottom: 10px;
	line-height: 1.4;
	padding-top: 10px;
}

.limit-alert-btn-theme-c:hover {
	background-color: #72ae5e;
	color: #fff;
}

.limit-alert-btn-theme-c .icon-user {
	float: left;
	font-size: 18px !important;
	margin-top: 6px;
}

.limit-alert-btn-theme-c .icon-mail {
	float: left;
	font-size: 24px !important;
	margin-top: 2px;
}

.limit-alert-btn-theme-c span {
	line-height: 1.4;
}

.limit-alert-content a:visited{
	color : white;
}

#login-button {
	background: #51a038;
	color: #fff;
	font-size: 11px;
	height: 18px;
	line-height: 18px;
	margin: 4px 0 0;
	padding: 4px 8px 0 8px;
	text-align: center;	
	text-transform: uppercase;	
}

/* =============================================================================
   connexion
   ========================================================================== */
.widget-page.connexion {
	color: #000;
}

.widget-page.connexion .error a>i.icon-close {
	color: #FF0000;
}

.widget-page.connexion .headband {
	background-color: #4f9a36;
	font-family: 'museoSlab100';
}

.widget-page.connexion .cols {
	float: left;
	width: 49%;
}

.widget-page.connexion .cols + .cols {
	margin-left: 1%;
}

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

	.widget-page.connexion .cols {
		float: none;
		width: 100%;
		margin-left: 0;
	}

}

.widget-page.connexion .ui.form .field > label {
	font-size: 1.083em;
}

.widget-page.connexion .ui.form .ui.button {
	background-image: none;
	font-family: 'Open Sans';
	font-weight: 400;
	box-shadow: none;
	padding-bottom: 5px;
	padding-top: 8px;
}

.widget-page.connexion .ui.form .form-heading {
	font-family: 'museoSlab100';
	font-size: 1.667em;
	text-transform: uppercase;
	margin-bottom: .8em;
}

.widget-page.connexion .ui.form input[type="submit"].ui.button {
	padding-bottom: 9px;
	padding-top: 9px;
}

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

	.widget-page.connexion .ui.form input[type="submit"].ui.button.float-right {
		float: none;
		margin-bottom: 5px;
	}

}

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

	.widget-page.connexion .ui.form input[type="submit"].ui.button.float-right {
		float: none;
		margin-bottom: 0;
	}

}

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

	.widget-page.connexion .ui.form input[type="submit"].ui.button.float-right {
		margin-bottom: 5px;
	}

}

.third-party {
	border-left-width: 7px;
	border-left-style: solid;
	font-size: .917em;
	margin-top: 8px;
	margin-bottom: 8em;
	padding: 15px;
}

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

	.third-party {
		margin-bottom: 3em;
	}

}

.third-party .button {
	font-weight: 400;
	text-transform: none;
}

.third-party .blue.button {
	background-color: #1AB8F3;
}

.third-party .f-blue.button {
	background-color: #345ab8;
	color: #fff;
	margin-left: .8em;
}

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

	.third-party .f-blue.button {
		margin-left: 0;
		margin-top: 5px;
	}

}

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

	.third-party .f-blue.button {
		margin-left: .8em;
		margin-top: 0;
	}

}

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

	.third-party .f-blue.button {
		margin-left: 0;
		margin-top: 5px;
	}

}

.third-party .button .icon {
	font-size: 177%;
	padding-top: .3em !important;
	width: 1.75em !important;
}

.form-inscription {
	background-color: #ebf4fb;
	color: #369;
	padding: 20px;
}

.ui.form.form-inscription  input[type="email"]:focus,
.ui.form.form-inscription  input[type="password"]:focus {
	box-shadow: .3em 0 0 0 #369 inset;
	color: inherit;
}

.ui.form-inscription .field > label {
	color: #369;
}

.ui.form-inscription .ui.dark-blue.button {
	background-color: #369;
	color: #fff;
	font-size: 1.083em;
}


.ui.form-inscription .ui.soft-blue.button {	
	background: #9dc3e9;
	color: #fff;
	font-size: 1em;
	padding-left: 12px;
}

.ui.form-inscription .ui.soft-blue.button i[class^="icon-"],
.ui.form-inscription .ui.soft-blue.button i[class*=" icon-"] {
	font-size: 1.4em;
	vertical-align: middle;
	line-height: 1;
	margin-right: .4em;
}

.third-party-inscription {
	background-color: #f2f9ef;
	border-left-color: #4f9a36;
	color: #4f9a36;
}

.form-connexion {
	background-color: #f2f9ef;
	color: #4f9a36;
	padding: 20px;
}

.ui.form.form-connexion input[type="email"]:focus,
.ui.form.form-connexion input[type="password"]:focus {
	box-shadow: .3em 0 0 0 #4f9a36 inset;
	color: inherit;
}

.ui.form.form-inscription .field,
.ui.form.form-connexion .field {
	margin-bottom: 12px;
	position: relative;
}

@media screen and (min-width: 769px) {

	.ui.form.form-inscription .field,
	.ui.form.form-connexion .field {
		padding-bottom: 39px;
	}

}

@media screen and (max-width: 768px) and (min-width: 600px) {

	.ui.form.form-inscription .field,
	.ui.form.form-connexion .field {
		padding-bottom: 55px;
	}

}

.ui.form-connexion .field > label {
	color: #4f9a36;
}

.ui.form-connexion .ui.dark-green.button {
	background-color: #4f9a36;
	color: #fff;
	font-size: 1.083em;
}

.ui.form-connexion .ui.white.button, .account-connexion .ui.white.button  {
	background-color: #fff;
	color: #4f9a36;
	font-size: 1em;
	padding-left: 12px;
}

.ui.form-connexion .ui.white.button i[class^="icon-"],
.ui.form-connexion .ui.white.button i[class*=" icon-"] {
	color: #4f9a36;
	font-size: 1.4em;
	vertical-align: middle;
	line-height: 1;
	margin-right: .4em;
}

.third-party-connexion {
	background-color: #f2f9ef;
	border-left-color: #4f9a36;
	color: #4f9a36;
}

.form-resend-email .error, .account .icon-warning, .account-connexion .icon-warning{
	font-size: 13px;
}

.message {
	background-color: #efefef;
	border: 1px solid #ff7f7f;
	border-radius: 3px;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.6);
	height: auto;
	line-height: 1.33;
	font-size: 11px;
	display: block !important;
	margin: 12px 0;
	padding: 8px;
	position: relative;
}

.alert-error-field {
	background-color: #efefef;
	border: 1px solid #ff7f7f;
	border-radius: 3px;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.6);
	height: auto;
	line-height: 1.33;
	font-size: 11px;	
	margin: 12px 0;
	padding: 8px;
	position: relative;
}

.error.message, .alert-error-field {
  background-color: #ffefef;
  color: #f00;  
}

.success.message {
	background-color: #E4FFDF;
	border:0;
	color: #137F00;  
}

.error.message.pointer:before , .error.alert-error-field.pointer:before{
	content: url(/reussir/www/img/error-message-after.gif);
	position: absolute;
	left: 50%;
	top: -10px;
	line-height: 1;
	margin-left: -5px;
}

.error.alert-error-field.pointer{
	width:50%;
	margin:10px auto;	
}

.ui.form-connexion .error.message,
.ui.form-inscription .error.message {
	margin-top: 7px;
}

.global.error.message {
	border: 0;
	font-size: 13px;
	line-height: 1.2;
}

.global.error.message > * {
	vertical-align: middle;
}

.global.error.message .icon-close {
	color:red;
	font-size: 12px;
}

.global.error.message .icon-warning {
	font-size: 18px;
	margin-right: 5px;
}

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

	.profil-form .main-field .error.message.global {
		background-color: #ebf4fb;
		padding-left: 27px;
		padding-top: 0;
	}

}

.ui.form .fields.error .field textarea,
.ui.form .fields.error .field input[type="text"],
.ui.form .fields.error .field input[type="email"],
.ui.form .fields.error .field input[type="date"],
.ui.form .fields.error .field input[type="password"],
.ui.form .fields.error .field input[type="number"],
.ui.form .fields.error .field input[type="url"],
.ui.form .fields.error .field input[type="tel"],
.ui.form .field.error textarea,
.ui.form .field.error input[type="text"],
.ui.form .field.error input[type="email"],
.ui.form .field.error input[type="date"],
.ui.form .field.error input[type="password"],
.ui.form .field.error input[type="number"],
.ui.form .field.error input[type="url"],
.ui.form .field.error input[type="tel"] {
	border-color: #f00;
}

@media screen and (min-width: 768px) {

	.ui.form-connexion .error.message,
	.ui.form-inscription .error.message {
		position: absolute;
		bottom: 0;
		left: 0;
		width: 94%;
	}

}

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

	.ui.form-connexion .error.message,
	.ui.form-inscription .error.message {
		width: 92%;
	}

}

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

	.ui.form-connexion .error.message,
	.ui.form-inscription .error.message {
		width: 90%;
	}

}

@media screen and (max-width: 768px) and (min-width: 569px) {

	.ui.form-connexion .error.message,
	.ui.form-inscription .error.message {
		height: 47px;
	}

}

.nivo-lightbox-theme-paywall .nivo-lightbox-ajax,
.nivo-lightbox-theme-paywall .nivo-lightbox-inline {
	padding: 0;
}

/* =============================================================================
   Création compte membre
   ========================================================================== */
.widget-page.account-form .headband {
	background-color: #369;
	font-family: 'museoSlab100';
}

.account-steps {
	font-size: 1.083em;
	list-style: none;
	margin: 0 0 20px;
	overflow: hidden;
	padding: 0;
}

.account-steps li {
	float: left;
}

.account-steps li + li {
	margin-left: 2em;
}

.account-steps li a {	
	background-color: #bbb;
	color: #fff;
	display: block;
	padding-left: .8em;
	position: relative;
	line-height: 2.4em;
	width: 147px;
}

.account-steps li a i{
	font-size:1.5em;
	vertical-align:middle;		
}

@media screen and (max-width: 768px) and (min-width: 569px) {

	.account-steps li a {
		width: auto;
	}

}

.account-steps li a:after {
	border-color: transparent transparent transparent #bbb;
	border-style: solid;
	border-width: 16px;
	content: " ";
	height: 0;
	position: absolute;
	right: -32px;
	width: 0;
}

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

	.account-steps {
		margin-bottom: 15px;
	}

	.account-steps li {
		margin-bottom: 5px;
	}

	.account-steps li:nth-child(4) {
		margin-left: 0;
	}

}

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

	.account-steps li {
		float: none;
	}

	.account-steps li + li {
		margin-left: 0;
	}

	.account-steps li a {
		width: auto;
	}

	.account-steps li a:after {
		display: none;
	}

}

.account-steps .current a {
	background-color: #369;
}

.account-steps .current a:after {
	border-color: transparent transparent transparent #369;
}

.account-steps .complete a {
	background-color: #9cbcdb;
}

.account-steps .complete a:after {
	border-color: transparent transparent transparent #9cbcdb;
}

.profil-form {
	font-size: 1.053em;
}

.ui.form .inline.fields .field > input,
.ui.form .inline.field > input {
	font-size: inherit;
	padding-top: 5px;
	padding-bottom: 5px;
}

.ui.form textarea,
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"],
.ui.form input[type="password"],
.ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form input[type="tel"] {
	color:#355F94;	
	border: 1px solid #8fadca;
}

.connexion .ui.form textarea,
.connexion .ui.form input[type="text"],
.connexion .ui.form input[type="email"],
.connexion .ui.form input[type="date"],
.connexion .ui.form input[type="password"],
.connexion .ui.form input[type="number"],
.connexion .ui.form input[type="url"],
.connexion .ui.form input[type="tel"] {
	width: 94% !important;
}

.ui.form .icon-check {
	color: #4f9a36;
	font-size: 20px;
}

.ui.form .icon-close {
	color: #f00;
	font-size: 15px;
}

.ui.form input[type="date"], input.simpleDatePicker {
	background: #fff url(/reussir/www/img/picto-date.png) no-repeat 100% 50%;
	padding-right:30px;
	height: 29px;
}

.profil-form select {
	color:#355F94;	
	background-color: #ffffff;
	border: 1px solid #8fadca;
	border-radius: 0.3125em;
	box-sizing: border-box;
	margin: 0;
	outline: medium none;
	padding: 5px 1.2em;
}

.profil-form .main-field {
	background-color: #f7f9fb;
	margin-bottom: 20px;
}

.tbl {
	display: table;
	width: 100%;
	table-layout: fixed;
}

.profil-form .col-1 {
	display: table-cell;
	/*display: inline-block;*/
	width: 30%;
	vertical-align: middle;
}

.profil-form .col-2 {
	/*display: inline-block;*/
	display: table-cell;
	/*width: 69%;*/
	width: 67%;
	vertical-align: top;
}

.col-theme-a {
	background-color: #ebf4fb;
}

.col-theme-b {
	background-color: #e4f0fa;
}

.col-theme-c {
	background-color: #75a5d5;
}

.profil-form .col-2 .field {
	padding: 6px 15px 6px;
	margin: 0 !important;
}

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

	.profil-form .step-2 .col-1 {
		display: block;
		background-color: #ebf4fb;
		width: 100%;
	}

	.step-4.profil-form .col-1 {
		clear: both;
		padding-top: 5px;
	}

	.profil-form .col-2 {
		display: block;
		width: 100%;
	}

}

.profil-form input[size="60"] {
	width: 74% !important;
}

.profil-form select,
.profil-form input[size="30"] {
	width: 34% !important;
}

.profil-form input[size="16"],
.profil-form .civilite {
	width: 16% !important;
}

.profil-form input.simpleDatePicker {
	width: 22% !important;
}

.profil-form input[size="15"] {
	width: 15% !important;
}

.ui.form.profil-form .field > label {
	color: #369;
	display: inline-block;
	font-weight: 700;
}

.ui.form.step-2 .field > label {
	width: 22%;
}

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

	/*.ui.form.step-2 .field > label {
		width: 100%;
	}*/

}

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

	.connexion .ui.form textarea,
	.connexion .ui.form input[type="text"],
	.connexion .ui.form input[type="email"],
	.connexion .ui.form input[type="date"],
	.connexion .ui.form input[type="password"],
	.connexion .ui.form input[type="number"],
	.connexion .ui.form input[type="url"],
	.connexion .ui.form input[type="tel"] {
		width: 92% !important;
	}

}

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

	.ui.form.step-2 .field > label {
		width: 23%;
	}

	.ui.form textarea,
	.ui.form input[type="text"],
	.ui.form input[type="email"],
	.ui.form input[type="date"],
	.ui.form input[type="password"],
	.ui.form input[type="number"],
	.ui.form input[type="url"],
	.ui.form input[type="tel"] {
		width: 72% !important;
	}

}

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

	.ui.form.step-2 .field > label,
	.connexion .ui.form textarea,
	.connexion .ui.form input[type="text"],
	.connexion .ui.form input[type="email"],
	.connexion .ui.form input[type="date"],
	.connexion .ui.form input[type="password"],
	.connexion .ui.form input[type="number"],
	.connexion .ui.form input[type="url"],
	.connexion .ui.form input[type="tel"],
	.connexion .profil-form select,
	.profil-form input[size="30"],
	.profil-form .civilite {
		width: 90% !important;
	}

	.ui.form textarea,
	.ui.form input[type="text"],
	.ui.form input[type="email"],
	.ui.form input[type="date"],
	.ui.form input[type="password"],
	.ui.form input[type="number"],
	.ui.form input[type="url"],
	.ui.form input[type="tel"],
	.profil-form select, .profil-form input[size="30"],
	.profil-form .civilite {
		width: 100% !important;
	}

}

.ui.form.step-3 .field > label {
	width: 40%;	
}

.profil-form.step-3 input[size="60"] {
	width: 56% !important;
}

.aside-field {
	background-color: #eff3f6;
	color: #577384;
	padding: 15px 25px;
}

.aside-field label,
.aside-field input[type="radio"] {
	vertical-align: middle;
}

.aside-field input[type="radio"] + label {
	margin-right: 1em;
}

.profil-form .btn-back,
.profil-form .btn-next {
	background: transparent url(/reussir/www/img/next-prev.png) no-repeat left center;
	color: #fff;
	display: inline-block;
	font-size: 1.077em;
	padding: 10px 14px;
}

.profil-form .btn-back {
	background-color: #f90;
	background-position: 8px -13px;
	padding-left: 25px;
	opacity:0.8;
}

.profil-form .btn-back:hover{
	opacity:1;
}

.profil-form .btn-next {
	border-radius: 0;
	background-color: #369;
	background-position: 96% 15px;
	border: 0;
	padding-right: 25px;
}

.profil-form .btn-save {
	background: transparent url(/reussir/www/img/bg-save.png) no-repeat 10px 50%;
	background-color: #3a8027;
	border-radius: 0;
	border: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.077em;
	padding: 10px 14px 10px 40px;
	opacity:0.8; 
	cursor:pointer;
}

.profil-form .btn-del {  
	background: transparent url(/reussir/www/img/bg-del.png) no-repeat 10px 50%;
	background-color: #df0009;
	 border-radius: 0;
	border: 0;
	color: #fff;
	display: inline-block;
	font-size: 1.077em;
	padding: 10px 14px 10px 40px;
	opacity:0.8; 
	cursor:pointer;

}

.profil-form .btn-save:hover, .profil-form .btn-del:hover {	
	opacity:1;  
}

.input-help, .col-1 p{
	color: #999;
	padding: 0 .6em;
}

.input-help-tel {
	color: #999;
	padding: 0 .6em;
}

.profil-form-heading {
	color: #355F94;
	font-family: 'Open Sans';
	font-size: 1.692em;
	padding: 20px 0 20px 33px;
}

#about-user-2 .profil-form-heading {
	padding-left: 27px;
}


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

	.input-help {
		padding: 0 10px 15px 27px;
	}

	.step-4 .input-help {
		padding-left: 20px;
	}

}

.widget-page .suppression i[class^="icon-"],
.widget-page .suppression i[class*=" icon-"] {
	font-size: 1.2em;
	vertical-align: middle;
	margin-right: .2em;
}

.widget-page .suppression {   
	background-color: #DF0009;
	color: #fff;
	font: 30px/1 museoSlab100;
	margin: 4px 0 5px;
	/*padding: 20px 20px 20px 68px;*/
	padding: 20px 20px 15px;
	position: relative;
}

.widget-page .suppression:before {
	border-color: #fff #fff transparent transparent;
	border-style: solid;
	border-width: 5px;
	content: ' ';
	height: 0;
	left: 10px;
	position: absolute;
	top: 0;
	width: 0;
}

.account-suppression-infos {
	margin-bottom: 15px;
	position: relative;
}

.account-suppression-infos:after {
	border-color: #FFAFB2 transparent transparent;
	border-width: 10px;
	border-style: solid;
	bottom: -20px;
	content: " ";
	height: 0;
	left: 30%;
	position: absolute;
	width: 0;
}

.account-suppression-infos-content {
	background-color: #FFAFB2;
	font-family: 'Open Sans';
	font-size: 1.308em;
	padding: 16px 40px 3px 20px;
	color:#465F73;
	height:87px;
}

.account-suppression-infos-content a {   
	color:#DF0009;	
}

.account-suppression-infos-content i[class^="icon-"],
.account-suppression-infos-content i[class*=" icon-"] {
	color: #fff;
	font-size: 4em;
	vertical-align: middle;
	line-height: 1.3;
	margin-right: .2em;
}

.account-suppression-infos-content span{
	display: inline-block;
	vertical-align: top;
	width: 60%;
}

.account-creation-infos {	
	margin-bottom: 15px;
	position: relative;
}

.account-creation-infos:after {
	border-color: #e4f0fa transparent transparent;
	border-width: 10px;
	border-style: solid;
	bottom: -20px;
	content: " ";
	height: 0;
	left: 30%;
	position: absolute;
	width: 0;
}

.account-creation-infos-content {
	background-color: #e4f0fa;
	font-family: 'Open Sans';
	font-size: 1.308em;
	padding: 12px 40px 3px 20px;
	color:#465F73;
	min-height:92px;
}

.account-creation-infos-content i[class^="icon-"],
.account-creation-infos-content i[class*=" icon-"] {
	color: #fff;
	font-size: 4em;
	vertical-align: middle;
	line-height: 1.3;
	margin-right: .2em;
}

.placeholder-error::-webkit-input-placeholder {
	color:#FF0000 !important;
}

.account-creation-infos-content .paywall-btn, 
.account-creation-infos-content .paywall-btn i[class^="icon-"],
.account-creation-infos-content .paywall-btn i[class*=" icon-"] {
	font-size:0.9em !important;
	padding:2px;
	 line-height: 17px;
}

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

	.account-creation-infos-content i[class^="icon-"],
	.account-creation-infos-content i[class*=" icon-"] {
		display: none;
	}

}

.account-creation-infos-content span{
	display: inline-block;
	vertical-align: top;
	width: 60%;
}

.account-creation-infos-content span a{
	color:#fff;
	text-decoration:underline;
}

.account-creation-infos-content span a:hover{
	opacity:0.8;
}

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

	.account-creation-infos-content span{
		width: 85%;
	}

}

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

	.account-creation-infos-content span {
		width: 75%;
		padding-bottom: 15px;
	}

}

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

	.account-creation-infos-content span {
		width: 100%;
	}

}

.account-creation-infos-illus {
	float: right;	
	width: 31%;
}

.big {
	font-size: 1.154em;
}

.account-creation-details {
	margin-bottom: 15px;
	position: relative;
}

.account-creation-details:after {
	border-color: #75a5d5 transparent transparent;
	border-width: 10px;
	border-style: solid;
	margin-left: -10px;
	bottom: -20px;
	content: " ";
	height: 0;
	left: 50%;
	position: absolute;
	width: 0;
}

.account-creation-details-col {
	float: left;
	width: 230px;
}

.account-creation-details-content {
	background-color: #75a5d5;
	color: #fff;
	line-height: 1.2;
	padding: 11px 33px 16px;
}

.account-creation-details-content p {
	margin-bottom: .3em;
	margin-top: 0;
}

.account-creation-details-content label {
	vertical-align: middle;
}

.ui.form .account-creation-details-content input[type="checkbox"] {
	vertical-align: middle;
}

.account-creation-details-heading {
	font-family: 'Open Sans';
	font-size: 1.692em;
}

.account-creation-details-illus {
	float: right;
	width: 31%;
}


.step-3 .account-creation-infos-content {
	font: 1.2em/1.4 Verdana,"DejaVu Sans","Bitstream Vera Sans",Geneva,sans-serif;   
	font-size: 1em;   	
	color: #3D5E95;
	background-color: #e4f0fa;
	height:88px;
}

.step-3 .account-creation-infos:after {
	border-color: #e4f0fa transparent transparent;
}

.step-3 .profil-form-heading {
	color: #3D5E95;
	padding: 10px 0 0 20px;
}

.step-3 .col-1 {
	vertical-align: top;
	padding-top: 50px;
}

.step-3 .input-help {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	line-height: 1.2;
}

.step-4 .profil-form-heading {
	padding-left: 20px;
	padding-top: 15px;
}

.step-4 .split {
	float: left;
	width: 50%;
	box-sizing: border-box;
	padding: 0 20px 20px;
}


.step-4 .checkDiv  {
	margin:0 0 10px 20px;
	font-size:0.9em;	
}

.step-4 .checkDiv  a {	
	color:#336699;	
}

.step-4 .col-1 {
	vertical-align: top;
	padding-top: 20px;
}

.step-4 .input-help {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	line-height: 1.2;
}

@media screen and (max-width: 320px) {
	.profil-form .col-1 {
		display:none;
	}
	
	/*.account-tab a, .ui-tabs .ui-tabs-nav li a {		
		display: block !important;	
		width: 260px !important;			
		margin-top: 8px !important;		
	}*/
	
	.step-4 .split {
		float: none;
		width: 100%;
	}

	.step-4 .split + .split {
		padding-top: .75em;
	}
	
	.checkAll, .uncheckAll{
		margin-right:5px;
		border:1px solid #A0B5CD;
		background-color:#C4D1E0;
		padding:10px;
		cursor:pointer;
	}
	.checkAll:hover, .uncheckAll:hover{		
		background-color:#B6C3D3;		
	}

}

.step-4 .split label {	
	color: #369;
	padding-left: 6px;
	vertical-align: middle;
}

.step-4 .split label:hover , .step-4 .split label.checked{	
	font-weight: 700;	
}

.step-4 .split label:hover , .step-4 .split label.checked{	
	font-weight: 700;   
}

.step-4 .show-example {
	color: #a0b5cd;
	font-size: 120%;
}

.step-4 .show-example:hover, .step-4 .show-example:visited {
	color: #369;
}

.step-4 .split input[type="checkbox"] {
	vertical-align: middle;
}

.step-5 .account-creation-infos-content {
	color: #fff;
	background-color: #369;
}

.step-5 .account-creation-infos:after {
	border-color: #369 transparent transparent;
}

.step-5 .profil-form-heading {
	color: #369;
	padding: 10px 0 0 20px;
}

.profil-form-content {
	color: #369;
	padding: 0 20px 20px;
}

.step-5 .profil-form-content .float-left + p {
	margin-left: 20px;
}

.profil-form-content p {
	margin-top: 20px;
}

.profil-form-content .icon-warning {
	font-size:18px;
}

.step-5 .paywall-btn {
	font-size: 14px;
	padding: 8px;
	line-height: 1;
}

.step-5 .paywall-btn .icon-undo {
	font-size: 16px;
	opacity: .5;
}

.step-5 .col-1 {
	vertical-align: top;
	padding-top: 50px;
}

.step-5 .input-help {
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	line-height: 1.2;
}

.step-6 .account-creation-infos-content {
	color: #fff;
	background-color: #4f9a36;
}

.step-6 .account-creation-infos:after {
	border-color: #4f9a36 transparent transparent;
}

.step-6 .account-validation {
	background-color: #FF8A00;  
	color:#fff;
}

.step-6 .account-validation:after {
	border-color: #FF8A00 transparent transparent !important;
}

.step-6 .profil-form-heading {
	color: #369;
	padding: 10px 0 0 20px;
}

.step-6 .col-1 {
	vertical-align: top;
	color:#999;
	/*padding-top: 50px;*/
}

.step-6 .input-help, .step-6 .col-1 p{
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 15px;
	line-height: 1.2;
}

.step-6 .col-1-heading{
	padding-left: 15px;
	padding-right: 15px;
	padding-top: 10px;
	padding-bottom: -10px;
	line-height: 1.2;
}

.advantages-list {
	font-size:1.1em;
	line-height: 1.3;
	margin: 0;
	padding: 0;
}

.advantages-list li{
	list-style:none;
	margin: 10px 0;
	padding: 2px 0;
}

.advantages-list .icon-check-circle {
	font-size: 130%;
	float: left;
	line-height: 1.3;
	padding-right:10px;
}

.eye-legend {
	background-color: #95b3cc;
	color: #fff;
	font-size: 11px;
	padding: 8px;
	display: none;
	width: 195px;
	position: absolute;
	z-index: 500;
}

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

	.step-5 .col-1 ,
	.step-6 .col-1 {
		padding-top: 0;
	}

	.step-5 .col-1 p,
	.step-6 .col-1 p {
		margin-top: 0;
	}

	.step-5 .input-help,
	.step-6 .input-help {
		padding-left: 20px;
	}

}


/* ==========================================================================
	exploitation form   
	====================================================================== */
.about-user-first-lvl {
	padding-left: 23px;
	padding-right: 23px;
}

.ui.form .about-user-first-lvl label {
	width: 26% !important;
}

.ui.form .about-user-first-lvl label.label-small{
	width: 25px !important;
	font-weight:normal;
}

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

	.about-user-first-lvl {
		padding-left: 6px;
		padding-right: 6px;
	}

	.ui.form .about-user-first-lvl label {
		padding-left: 6px !important;
	}

}

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

	.ui.form .about-user-first-lvl label {
		display: block !important;
		width: auto !important;
		margin-bottom: .4em;
	}

	/*.about-user-first-lvl .inline.field {
		padding-left: 6px;
		padding-right: 6px;
	}*/

	.about-user-first-lvl .inline.field select,
	.about-user-first-lvl .inline.field input {
		width: 100% !important;
	}

	.about-user-first-lvl .inline.field .ml25 {
		margin-left: 15px;
	}

}

.about-user-other {
	margin-left: 25px;
	margin-top: 25px !important;
}

.about-user-first-lvl select {
	width: 24% !important;
	min-width: 195px;
}


@media screen and (min-width: 321px) {

	.about-user-first-lvl input[type="text"][size="84"] {
		width: 72% !important;
	}

}

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

	/*.about-user-first-lvl input[type="text"][size="84"] {
		width: 69% !important;
	}*/

}

@media screen and (max-width: 568px) and (min-width: 321px) {

	.about-user-first-lvl input[type="text"][size="84"] {
		width: 69% !important;
	}

}

.about-user .icon-info {
	color: #75a5d5;
	font-size: 1.5em;
	line-height: 1.2;
}

.about-user-first-lvl .icon-info {
	line-height: 1.6;
}

.about-user-first-lvl .icon-info {
	margin-right: 6px;
}

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

	.about-user-first-lvl .icon-info {
		margin-right: 8px;
	}

}

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

	.about-user-first-lvl .icon-info {
		margin-right: 0;
	}

}

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

	/*.about-user-nd-lvl .icon-info {
		line-height: 1.2;
	}*/

}

.about-user input[type="text"][size="5"] {
	width: 8% !important;
}

.about-user-nd-lvl {
	background-color: #D9E9F8;
	padding: 6px;
}

.about-user-nd-lvl-autre {
	background-color: #ebf4fb;
	padding: 6px;
}

.about-user-first-lvl-entry, .about-user-first-lvl-entry .field{
	margin:0 !important;
	padding:3px;	
}

.about-user-first-lvl-entry input[type="text"][size="40"]{
	padding-top:6px !important;
	padding-bottom:6px !important;
	width:66% !important;
}

.about-user-nd-lvl input,
.about-user-nd-lvl label {	
	vertical-align: middle;
	
}

.about-user-nd-lvl-label {
	color: #369 !important;
	display: inline-block;
	font-size: 1em;
	font-weight: 700;
	margin-right: .5em;
	padding: 4px 2px 0 27px;
	vertical-align: top;
	width: 24%;
}

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

	.about-user-nd-lvl-label {
		display: block;
		width: auto;
		padding-left: 6px;
		margin-bottom: 1em;
	}

}

.about-user-nd-lvl-wrapper {
	display: inline-block;
	width: 68%;
}

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

	.about-user-nd-lvl-wrapper {
		width: 66%;
	}

	.about-user-nd-lvl-wrapper.about-user-other {
		width: 63%;
	}

}

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

	.about-user-nd-lvl-wrapper {
		display: block;
		width: auto;
	}

	.about-user-nd-lvl-wrapper.about-user-other {
		margin: 0 !important;
		width: auto;
	}

}

.category label, .ss_category label{
	cursor:pointer;
}

.about-user-nd-lvl-content .fonce{
	background-color: #D9E9F8;
}

.about-user-nd-lvl-content hr {
	margin:2px 0;

}

.about-user-nd-lvl-entry {
	background-color: #c2d8e8;
	padding: 6px 8px;
	margin-bottom: .5em !important;
}

.about-user-nd-lvl-entry .field {
	margin-bottom: 0 !important;
}

.about-user-nd-lvl-entry .label {
	display: inline-block;
	font-weight: 700;
	color:#355F94;
	width: 45%;
}

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

	.about-user-nd-lvl-entry .label {
		min-width: 166px;
		width: 60%;
	}

}

.about-user-nd-lvl-body {
	display:none;
}

.about-user-nd-lvl-body select {
	padding: 2px;
	width: 9% !important;
	min-width: 56px;
}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row {
	margin-bottom: 0;
	padding: 3px 0 3px 25px;	
}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row.lv3 {  
	padding-bottom:7px;	
}

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

	.about-user-nd-lvl-row .xs-full {
		width: 80% !important;
		margin-bottom: .4em !important;
	}

	.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row {
		padding-left: 6px;
	}

}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row:hover {
	background-color: #cfe2f0;
}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row.error:hover {
	background-color: #FFDFDF;
}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row > label {
	font-size: 11px;	
	font-weight: 400;
	width: 40%;
}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row .lv4 > label {	
	width: 37.4%;
}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row .lv5 {	
	padding-left:9%;
}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row .lv5 > label {	
	width: 34.0%;
}

.about-user-nd-lvl-body .clair{	
	background-color: #ebf4fb;
}

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

	.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row > label {
		width: 54%;
	}

}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row > .label {
	display: inline-block;
	font-weight: 700;
	font-size: 11px;
	color:#465F73;
	width: 42%;
}

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

	.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row > .label {
		width: 277px;
	}

}

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

	.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row > .label {
		width: 289px;
	}

}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row > .label ~ label {
	font-size: 13px;
	width: auto;
}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row > input[type="text"] {
	padding: 2px 4px;
	border-radius: 0;
	border: 0;
	font-size: 12px;
	width: 54px !important;
}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row > input[type="text"] + label {
	width: auto;
}

.about-user-nd-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row > input[type="checkbox"] {
	margin-right: 0;
}

.about-user-thd-lvl-entry {
	background-color: #cfe2f0;
	padding-bottom: 1px;
	/*margin-bottom: .5em;*/
	margin: .5em 0;
}

.about-user-thd-lvl-entry .ui.radio.checkbox.inline.field.about-user-nd-lvl-row,
.about-user-fth-lvl .ui.radio.checkbox.inline.field.about-user-nd-lvl-row {
	margin-bottom: 0 !important;
}

.about-user-fth-lvl {
	/*margin-bottom: -.5em !important;*/
	margin-left: 30px;
}

#totaHaLv2 strong{
	margin-left:10px;
	text-decoration:underline;
	font-weight:normal;
}
/* fin exploitation form */

/* ==========================================================================
	paywall   
	====================================================================== */

.paywall {
	background-color: #fff;
	max-width: 514px;	
	padding: 8px;
}

.paywall-heading {
	background-color: #ffac00;
	color: #fff;
	font-weight: 700;
	line-height: 33px;
	padding: 0 10px;
	margin-bottom: 10px;
	text-transform: uppercase;
}

.paywall-heading .lightbox-close {
	font-weight: normal;
	color: #fff;
	text-transform: capitalize;
}

.paywall-alert {
	background-color: #e4f0fa;
	font-family: 'Open Sans';
	color: #369;
	font-size: 1.823em;
	padding: 0;
	text-align:center;
	/*line-height: 60px;*/
	margin-bottom:0;
}

.paywall-alert i[class^="icon-"],
.paywall-alert i[class*=" icon-"] {
	color: #fff;
	font-size: 2em;
	vertical-align: middle;
	margin-right: .4em;
}

.paywall-content {
	background-color: #dbebf8;
	color: #369;
	font-family: 'Open Sans';
	font-size: 1.4em;
	padding: 5px 0;
	margin-bottom: 20px;
	text-align: center;
	position: relative;
}

.paywall-content em {
	font-style: normal;
	text-decoration: underline;
}

.paywall-content:after {
	border-color: #e4f0fa transparent transparent;
	border-width: 10px;
	border-style: solid;
	bottom: -20px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -12px;
	position: absolute;
	width: 0;
}

.paywall-btn {
	color: #fff;
	display: inline-block;
	font-size: 1.333em;
	line-height: 60px;
	/*padding-bottom: 5px;*/
	padding-left: 15px;
	padding-right: 35px;
	text-align: center;
}

.paywall-btn-choice {	
	color: #369;
	display: inline-block;
	line-height: 60px;	
	text-align: center;
	text-transform: uppercase;
	margin:0 10px;
}

.paywall-btn span {
	display: inline-block;
	line-height: 1.2;
	vertical-align: middle;	
}

.paywall-btn i[class^="icon-"],
.paywall-btn i[class*=" icon-"] {
	color: #fff;
	font-size: 2em;
	vertical-align: middle;
	/*line-height: 1;*/
	margin-right: .4em;
}

.paywall-btn-theme-a {
	background-color: #369;
}

.paywall-btn-theme-a:hover {
	color: #fff;
	background-color: #5c85ad;
}

.paywall-btn-theme-b {
	background-color: #4f9a36;
}

.paywall-btn-theme-b:hover {
	background-color: #72ae5e;
	color: #fff;
}

.paywall-btn-theme-c {
	background-color: #4f9a36;
	line-height: 1.4;
	padding-bottom: 12px;
	padding-top: 15px;
}

.paywall-btn-theme-c:hover {
	background-color: #72ae5e;
	color: #fff;
}

.paywall-btn-theme-c i[class^="icon-"],
.paywall-btn-theme-c i[class*=" icon-"] {
	float: left;
}

.paywall-note {
	float: left;
	color: #4f9a36;
	width: 270px;
	font-size: 12px;
}



.message.warning.rubriques{
	font-size:1.2em;}
}

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

	.paywall-alert {
		line-height: 2;
	}

	#paywall-resend-email .paywall-alert {
		line-height: 1.6;
	}

	#paywall-resend-email .paywall-btn {
		line-height: 1;
		padding-top: 10px;
		padding-bottom: 10px;
	}

	.paywall-alert .icon-warning,
	.paywall .icon-logout,
	.paywall .icon-user-add {
		display: none;
	}

	.paywall-btn {
		padding-left: 30px;
		padding-right: 30px;
	}

	.paywal-content {
		font-size: 1em;
		padding: 10px 0;
	}

	.paywall-btn-choice {
		margin-left: 14px;
	}

}

@media screen and (max-width: 320px) {
	.paywall, .fancybox-opened, .fancybox-skin{	
		max-width:240px;
	}
	

	.paywall-note {
		float: none;
		width: auto;
		display: block;
		padding-bottom: 10px;
	}

	.paywall-alert {
		padding-left: 0;
		font-size: 14px;
		text-align: center;
	}

	.paywall-content {
		font-size: 14px;
		padding-left: 10px;
		padding-right: 10px;
	}

	.paywall-content br {
		display: none;
	}

	.paywall-heading {
		line-height: 2;
	}

	.paywall-btn {		
		display: block;
		float: none;
	}

	.paywall-btn-choice {
		display: none;
	}

	.paywall-note {
		display: none;
	}
	
}

.form-resend-email input[type="email"] {
	border: 0;
	color: #069;
	font-size: 13px;
	width: 70%;
	margin-top: 10px;
	padding: 5px 10px;
	border-radius: 3px;
}

.resend-email .paywall-heading {
	background-color: #4f9a36;
}

/* =============================================================================
   connexion
   ========================================================================== */
.widget-page.account-connexion {
	color: #fff;
}

.widget-page.account-connexion .headband {
	background-color: #4f9936;
	font-family: 'museoSlab100';
}

.widget-page.account-connexion .profil-form .main-field {
	background-color: #f7f7f7;
}

.account-infos {
	float: right;
	font-family: 'verdana';
	font: 13px verdana;
	text-align: right;
}

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

	.account-infos {
		margin-top: 10px;
	}

}

.account-infos p {
	margin: 0 0 5px;
}

.account-state {
	color: #b9d6af;
}

.account.message.error , .account.message.warning, .account.message.success{
	border: 0 none;
	font-size: 13px;
	line-height: 1.2;
}

.account.message.error a, .global.error a {
	color: #f00;
}

.account.message.error a strong {
	text-decoration: underline;
}

.account.message.warning a {
	color: #FF9900;
}

.account.message.success a {
	color: #137F00;
}

.account-tab {
	margin-bottom: 20px;
}

.account-tab a {
	background-color: #8cc273;
	border-radius: 3px 3px 0 0;
	color: #fff;
	display: inline-block;
	font-weight: 800;
	line-height: 32px;
	padding: 0 20px;
	position: relative;
	text-decoration: none;
	
}

.account-tab a:hover {
	background-color: #3A8027;
	border-radius: 3px 3px 0 0;
	border:0 !important;
}

.account-tab .ui-state-hover a, .ui-state-hover a:hover, .ui-state-hover a:link{
	color: #fff;
	border:0;
}

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


	.account-tab a {
		padding: 0 12px;
	}

}

.account-tab .current {
	background-color: #3a8027;
}

.account-tab .current:after {
	border-color: #3a8027 transparent transparent;
	border-width: 5px;
	border-style: solid;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	width: 0;
}

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

	.widget-page.account-connexion .profil-form .col-1,
	.widget-page.account-connexion .profil-form .main-field .error.message.global {
		background-color: #eeeeee;
	}
}

.account-connexion-title {
	color: #3a8027;
	font: 34px 'museoSlab100';
	margin: 15px 0;
}

.widget-page.account-connexion .col-theme-a {
	background-color: #eeeeee;
}


.ui.button {
	cursor: pointer;
	display: inline-block;
	vertical-align: middle;
	min-height: 1em;
	outline: none;
	border: none;
	background-color: #FAFAFA;
	color: #808080;
	margin: 0em;
	padding: 0.8em 1.5em;
	font-size: 1rem;
	text-transform: uppercase;
	line-height: 1;
	font-weight: bold;
	font-style: normal;
	text-align: center;
	text-decoration: none;
	background-image: -webkit-gradient(linear, left top, left bottom, from(rgba(0, 0, 0, 0)), to(rgba(0, 0, 0, 0.05)));
	background-image: -webkit-linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
	background-image: linear-gradient(rgba(0, 0, 0, 0), rgba(0, 0, 0, 0.05));
	border-radius: 0.25em;
	-webkit-box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
	box-shadow: 0px 0px 0px 1px rgba(0, 0, 0, 0.08) inset;
	-webkit-user-select: none;
	-moz-user-select: none;
	-ms-user-select: none;
	user-select: none;
	-webkit-box-sizing: border-box;
	-moz-box-sizing: border-box;
	-ms-box-sizing: border-box;
	box-sizing: border-box;
	-webkit-tap-highlight-color: rgba(0, 0, 0, 0);
	-webkit-transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, -webkit-box-shadow 0.25s ease;
	transition: opacity 0.25s ease, background-color 0.25s ease, color 0.25s ease, background 0.25s ease, box-shadow 0.25s ease;
}


/*
 * # Semantic - Form
 * http://github.com/jlukic/semantic-ui/
 *
 *
 * Copyright 2013 Contributors
 * Released under the MIT license
 * http://opensource.org/licenses/MIT
 *
 */


/*******************************
		   Standard
*******************************/

/*--------------------
		Form
---------------------*/

.ui.form {
  position: relative;
  max-width: 100%;
}

.ui.form :first-child {
  margin-top: 0em;
}

.ui.form :last-child {
  margin-bottom: 0em;
}

/*--------------------
		Content
---------------------*/

.ui.form > p {
  margin: 1em 0;
}

/*--------------------
		Field
---------------------*/

.ui.form .field {
  clear: both;
  margin: 0em 0em 1em;
}

/*--------------------
		Labels
---------------------*/

.ui.form .field > label {
  margin: 0em 0em 0.3em;
  display: block;
  /*color: #555555;*/
  font-size: 0.875em;
}

/*--------------------
	Standard Inputs
---------------------*/

.ui.form textarea,
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"],
.ui.form input[type="password"],
.ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form input[type="tel"],
.ui.form .ui.input {
  width: 100%;
}

.ui.form textarea,
.ui.form input[type="text"],
.ui.form input[type="email"],
.ui.form input[type="date"],
.ui.form input[type="password"],
.ui.form input[type="number"],
.ui.form input[type="url"],
.ui.form input[type="tel"] {
  margin: 0em;
  padding: 0.85em 1.2em;
  font-size: 0.875em;
  background-color: #FFFFFF;
  /*border: 1px solid rgba(0, 0, 0, 0.15);*/
  outline: none;
  /*color: rgba(0, 0, 0, 0.7);*/
  color:#355F94;
  border-radius: 0.3125em;
  -webkit-transition: background-color 0.3s ease-out, -webkit-box-shadow 0.2s ease, border-color 0.2s ease;
  transition: background-color 0.3s ease-out, box-shadow 0.2s ease, border-color 0.2s ease;
  -webkit-box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
  box-shadow: 0em 0em 0em 0em rgba(0, 0, 0, 0.3) inset;
  -webkit-appearance: none;
  -webkit-tap-highlight-color: rgba(255, 255, 255, 0);
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.ui.textarea,
.ui.form textarea {
  line-height: 1.33;
  min-height: 8em;
  height: 12em;
  max-height: 24em;
  resize: vertical;
}

.ui.form textarea,
.ui.form input[type="checkbox"] {
  vertical-align: middle;
}

/*--------------------
	   Dividers
---------------------*/

.ui.form .divider {
  clear: both;
  margin: 1em 0em;
}

/*--------------------
   Types of Messages
---------------------*/


.ui.form .info.message,
.ui.form .warning.message,
.ui.form .error.message {
  display: none;
}

/* Assumptions */

.ui.form .message:first-child {
  margin-top: 0px;
}

/*--------------------
   Validation Prompt
---------------------*/

.ui.form .field .prompt.label {
  white-space: nowrap;
}

.ui.form .inline.field .prompt {
  margin-top: 0em;
  margin-left: 1em;
}

.ui.form .inline.field .prompt:before {
  margin-top: -0.3em;
  bottom: auto;
  right: auto;
  top: 50%;
  left: 0em;
}

/*******************************
			States
*******************************/

/*--------------------
		Focus
---------------------*/

.ui.form input[type="text"]:focus,
.ui.form input[type="email"]:focus,
.ui.form input[type="date"]:focus,
.ui.form input[type="password"]:focus,
.ui.form input[type="number"]:focus,
.ui.form input[type="url"]:focus,
.ui.form input[type="tel"]:focus,
.ui.form textarea:focus {
  color: rgba(0, 0, 0, 0.85);
  border-color: rgba(0, 0, 0, 0.2);
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-appearance: none;
  -webkit-box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset;
  box-shadow: 0.3em 0em 0em 0em rgba(0, 0, 0, 0.2) inset;
}

/*--------------------
		Error
---------------------*/

/* On Form */

.ui.form.warning .warning.message {
  display: block;
}

/*--------------------
		Warning
---------------------*/

/* On Form */

.ui.form.error .error.message {
  display: block;
}

/* On Field(s) */

/*.ui.form .fields.error .field label,
.ui.form .field.error label,*/
.ui.form .fields.error-field .field .input,
.ui.form .field.error-field .input {
  color: #D95C5C;
}

.ui.form .fields.error-field .field .corner.label,
.ui.form .field.error-field .corner.label {
  border-color: #D95C5C;
  color: #FFFFFF;
}

.ui.form .fields.error-field .field textarea,
.ui.form .fields.error-field .field input[type="text"],
.ui.form .fields.error-field .field input[type="email"],
.ui.form .fields.error-field .field input[type="date"],
.ui.form .fields.error-field .field input[type="password"],
.ui.form .fields.error-field .field input[type="number"],
.ui.form .fields.error-field .field input[type="url"],
.ui.form .fields.error-field .field input[type="tel"],
.ui.form .field.error-field textarea,
.ui.form .field.error-field input[type="text"],
.ui.form .field.error-field input[type="email"],
.ui.form .field.error-field input[type="date"],
.ui.form .field.error-field input[type="password"],
.ui.form .field.error-field input[type="number"],
.ui.form .field.error-field input[type="url"],
.ui.form .field.error-field input[type="tel"] {
  background-color: #FFFAFA;
  border-color: #D95C5C;
  border-left: none;
  color: #D95C5C;
  padding-left: 1.2em;
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
  -webkit-box-shadow: 0.3em 0em 0em 0em #D95C5C inset;
  box-shadow: 0.3em 0em 0em 0em #D95C5C inset;
}

.ui.form .field.error-field textarea:focus,
.ui.form .field.error-field input[type="text"]:focus,
.ui.form .field.error-field input[type="email"]:focus,
.ui.form .field.error-field input[type="date"]:focus,
.ui.form .field.error-field input[type="password"]:focus,
.ui.form .field.error-field input[type="number"]:focus,
.ui.form .field.error-field input[type="url"]:focus,
.ui.form .field.error-field input[type="tel"]:focus {
  border-color: #ff5050;
  color: #ff5050;
  -webkit-appearance: none;
  -webkit-box-shadow: 0.3em 0em 0em 0em #FF5050 inset;
  box-shadow: 0.3em 0em 0em 0em #FF5050 inset;
}

/*--------------------
  Empty (Placeholder)
---------------------*/

/* browsers require these rules separate */

.ui.form ::-webkit-input-placeholder {
  color: #AAAAAA;
}

.ui.form ::-moz-placeholder {
  color: #AAAAAA;
}

.ui.form :focus::-webkit-input-placeholder {
  color: #999999;
}

.ui.form :focus::-moz-placeholder {
  color: #999999;
}

/* Error Placeholder */

.ui.form .error ::-webkit-input-placeholder {
  color: rgba(255, 80, 80, 0.4);
}

.ui.form .error ::-moz-placeholder {
  color: rgba(255, 80, 80, 0.4);
}

.ui.form .error :focus::-webkit-input-placeholder {
  color: rgba(255, 80, 80, 0.7);
}

.ui.form .error :focus::-moz-placeholder {
  color: rgba(255, 80, 80, 0.7);
}

/*--------------------
	   Disabled
---------------------*/

.ui.form .field :disabled,
.ui.form .field.disabled {
  opacity: 0.5;
}

.ui.form .field.disabled label {
  opacity: 0.5;
}

.ui.form .field.disabled :disabled {
  opacity: 1;
}

/*--------------------
	 Loading State
---------------------*/

/* On Form */

.ui.form.loading {
  position: relative;
}

.ui.form.loading:after {
  position: absolute;
  top: 0%;
  left: 0%;
  content: '';
  width: 100%;
  height: 100%;
  background: rgba(255, 255, 255, 0.8) url(/reussir/skin/images/loader-large.gif) no-repeat 50% 50%;
  visibility: visible;
}

/*******************************
		   Variations
*******************************/

/*--------------------
	  Fluid Width
---------------------*/

.ui.form.fluid {
  width: 100%;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

/*--------------------------
  Input w/ attached Button
---------------------------*/

.ui.form input.attached {
  width: auto;
}

/*--------------------
	  Date Input
---------------------*/

.ui.form .date.field > label {
  position: relative;
}

.ui.form .date.field > label:after {
  position: absolute;
  top: 2em;
  right: 0.5em;
  font-family: 'Icons';
  content: '\f133';
  font-size: 1.2em;
  font-weight: normal;
  color: #CCCCCC;
}

/*--------------------
	Inverted Colors
---------------------*/

/*.ui.inverted.form label {
  color: #FFFFFF;
}*/

.ui.inverted.form .field.error textarea,
.ui.inverted.form .field.error input[type="text"],
.ui.inverted.form .field.error input[type="email"],
.ui.inverted.form .field.error input[type="date"],
.ui.inverted.form .field.error input[type="password"],
.ui.inverted.form .field.error input[type="number"],
.ui.inverted.form .field.error input[type="url"],
.ui.inverted.form .field.error input[type="tel"] {
  background-color: #FFCCCC;
}

/*--------------------
	 Field Groups
---------------------*/

/* Grouped Vertically */

.ui.form .grouped.fields {
  margin: 0em 0em 1em;
}

.ui.form .grouped.fields .field {
  display: block;
  float: none;
  margin: 0.5em 0em;
  padding: 0em;
}

/*--------------------
		  Fields
---------------------*/

/* Split fields */

.ui.form .fields {
  clear: both;
}

.ui.form .fields:after {
  content: ' ';
  display: block;
  clear: both;
  visibility: hidden;
  line-height: 0;
  height: 0;
}

.ui.form .fields > .field {
  clear: none;
  float: left;
  -webkit-box-sizing: border-box;
  -moz-box-sizing: border-box;
  -ms-box-sizing: border-box;
  box-sizing: border-box;
}

.ui.form .fields > .field:first-child {
  border-left: none;
  -webkit-box-shadow: none;
  box-shadow: none;
}

/* Other Combinations */

.ui.form .two.fields > .fields,
.ui.form .two.fields > .field {
  width: 50%;
  padding-left: 1%;
  padding-right: 1%;
}

.ui.form .three.fields > .fields,
.ui.form .three.fields > .field {
  width: 33.333%;
  padding-left: 1%;
  padding-right: 1%;
}

.ui.form .four.fields > .fields,
.ui.form .four.fields > .field {
  width: 25%;
  padding-left: 1%;
  padding-right: 1%;
}

.ui.form .five.fields > .fields,
.ui.form .five.fields > .field {
  width: 20%;
  padding-left: 1%;
  padding-right: 1%;
}

.ui.form .fields .field:first-child {
  padding-left: 0%;
}

.ui.form .fields .field:last-child {
  padding-right: 0%;
}

/*--------------------
	Inline Fields
---------------------*/

.ui.form .inline.fields .field {
  min-height: 1.3em;
  margin-right: 0.5em;
}

.ui.form .inline.fields .field > label,
.ui.form .inline.fields .field > p,
.ui.form .inline.fields .field > input,
.ui.form .inline.field > label,
.ui.form .inline.field > p,
.ui.form .inline.field > input {
  display: inline-block;
  /*width: auto;*/
  margin-top: 0em;
  margin-bottom: 0em;
  vertical-align: middle;
  font-size: 1em;
}

.ui.form .inline.fields .field > input,
.ui.form .inline.field > input {
  /*font-size: 0.875em;*/
  font-size: 1em;
}

.ui.form .inline.fields .field > :first-child,
.ui.form .inline.field > :first-child {
  margin: 0em 0.5em 0em 0em;
}

.ui.form .inline.fields .field > :only-child,
.ui.form .inline.field > :only-child {
  margin: 0em;
}

/*--------------------
		Sizes
---------------------*/

/* Standard */

.ui.small.form {
  font-size: 0.875em;
}

.ui.small.form textarea,
.ui.small.form input[type="text"],
.ui.small.form input[type="email"],
.ui.small.form input[type="date"],
.ui.small.form input[type="password"],
.ui.small.form input[type="number"],
.ui.small.form input[type="url"],
.ui.small.form input[type="tel"],
.ui.small.form label {
  font-size: 1em;
}

/* Large */

.ui.large.form {
  font-size: 1.125em;
}


div.alert-message { 
	display: block; 
	padding: 13px 12px 12px; 
	font-weight: bold; 
	font-size: 14px;
	color: white;
	background-color: #2ba6cb;
	border: 1px solid rgba(0, 0, 0, 0.1); margin-bottom: 12px;
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
	-ms-border-radius: 3px;
	-o-border-radius: 3px;
	border-radius: 3px;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
	position: relative; 
} 


div.alert-message .box-icon { 
	display: block; 
	float: left;
	background-image: url('icon.png');
	width: 30px; height: 25px;
	margin-top: -2px;
	background-position: -8px -8px;
} 


div.alert-message p{
	margin: 0px;
}

div.alert-message.success{
	background-color: #5da423;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

div.alert-message.success .box-icon{
	background-position: -48px -8px;
}

div.alert-message.warning{
	background-color: #e3b000;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

div.alert-message.warning .box-icon{
	background-position: -88px -8px;
}

div.alert-message.error{
	background-color: #c60f13;
	color: #fff;
	text-shadow: 0 -1px rgba(0, 0, 0, 0.3);
}

div.alert-message.error .box-icon{
	background-position: -128px -8px;
}

div.alert-message a.close{
	color: #333;
	font-size: 17px;
	opacity: 0.2;
	padding: 4px;
	position: absolute;
	right: 4px;
	top: -1px;
}

div.alert-message a.close:hover, div.alert-box a.close:focus{
	opacity: 0.4;
}

.nav-form-user {
	background-color: #51A038;
	color: #FFF;
	display: none;
	font-size: 12px;
	padding:0;
	position: absolute;
	right: 0;
	top: 30px;
	width: auto;
	min-width:160px;
	z-index: 600;
}

#pop-login-form ul {
	list-style: none;
	top:0;
}

#pop-login-form li a { 
	display: block;
	margin: 0;
	background-repeat: no-repeat;
	background-position: 97% center;
	font-size: 12px;
	color: white;
	text-decoration: none;
	line-height:20px;
	padding:8px 8px 8px 15px;
	top:0;
}

#pop-login-form li a:hover { 	
	background-color:#5CAF41;	
}


.nav-form-user ul{
	padding:0;
	margin:0;
}


.menu-icon{
	margin-right:15px;
}

/*.center a:visited{
	color:#FFF;
}*/

.profil-form-content-popup{
	font-size:12px;
	line-height : 1;
	text-align:left;
	clear:left;
	margin-left:15px;
}

.paywall-alert-popup {
	font-family: 'Open Sans';
	color: #369;
	font-size: 1.833em;
	line-height: 80px;
}

.paywall-alert-popup i[class^="icon-"],
.paywall-alert-popup i[class*=" icon-"] {
	color: #369;
	font-size: 1em;
	float:left;
}

.icon-margin{
	margin-top:4px;
}

.error-hidden{
	display:none !important;
}

.icon-margin{
	margin-left : 5px;
	font-size:10px;
}


.full-message{
	width:100%;
}

.paywall a:visited{
	color:white;
}

.paywall-btn-ok{
	color: #fff;
	display: inline-block;
	font-size: 1.333em;
	line-height: 60px;
	/*padding-bottom: 5px;*/
	padding-left: 20px;
	padding-right: 20px;
	text-align: center;
}

.message-info {
	background-color: #efefef;
	border-radius: 3px;
	box-sizing: border-box;
	color: rgba(0, 0, 0, 0.6);
	height: auto;
	line-height: 1.33;
	font-size: 11px;
	margin: 12px 0;
	padding: 8px;
	position: relative;
}

.error.message-info {
  background-color: #ffefef;
  color: #f00;
  border:0;
}

.comment-form textarea {
	padding: 5px;
	height: 185px;
	width: 275px;
}

.comment-form-content {
	background-color: #fff;
	color: #39a6c0 !important;
	font-size: 13px;
	padding: 7px 10px 10px 10px;
	margin-bottom: 20px;
	line-height: 1.2;
	/* text-align: center; */
	position: relative;
}

.comment-form-content:after {
	border-color: #fff transparent transparent;
	border-width: 10px;
	border-style: solid;
	bottom: -20px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -8px;
	position: absolute;
	width: 0;
}

.comment-form-content i[class^="icon-"], .comment-form-content i[class*=" icon-"] {
	font-size: 2.5em;
	margin-right: .4em;
	float: left;
	color: #39a6c0 !important;
}

.comment-form-btn-theme-c i[class^="icon-"], .comment-form-btn-theme-c i[class*=" icon-"] {
	font-size: 2em;
}

.comment-form-btn i[class^="icon-"], .comment-form-btn i[class*=" icon-"] {
	color: #fff;
	line-height: 1;
	font-size: 1.5em;
	vertical-align: middle;
	display: inline-block;
	margin-right: .4em;
}

.comment-form-btn .icon-user2, .comment-form-btn .icon-mail {
	padding-top: 3px;
}

.comment-form-btn-theme-c {
	background-color: #4f9a36;
	margin: 0 auto;
	padding-bottom: 5px;
}

.comment-form-btn {
	color: #fff;
	border: 2px solid #fff;
	display: inline-block;
	font-size: 14px;
	line-height: 40px;
	/* padding-bottom: 5px; */
	padding-left: 15px;
	padding-right: 15px;
	text-align: center;
	vertical-align: top;
	text-decoration: none !important;
}

.comment-form-btn span {
	display: inline-block;
	line-height: 1.2;
	vertical-align: baseline;
}

.comment-form-btn-theme-c span {
	vertical-align: middle;
}

.comment-form-btn-theme-c i[class^="icon-"], .comment-form-btn-theme-c i[class*=" icon-"] {
	font-size: 2em;
}

.comment-form-btn .icon-user2, .comment-form-btn .icon-mail {
	padding-top: 3px;
}

.comment-form-btn-theme-a {
	background-color: #369;
}

.comment-form-btn-theme-b {
	background-color: #4f9a36;
}

.comment-form-btn-choice {
	color: #fff;
	display: inline-block;
	line-height: 47px;
	text-align: center;
	text-transform: uppercase;
	margin-left: 19px;
}

.labelCheck{
	width: 100% !important;
}


/* == form mon-compte == */
#NvilleContainer{
	display: inline;
}


#navlist{
	padding:0;
}

#navlist li{
	display: inline;
	list-style: none;
	margin:0 2px;
}

.editAccount-title {	
	color: #3a8027;
	font: 20px 'museoSlab100';
	margin: 5px 0;
	font-weight:700;
}

.account-tab .ui-tabs .ui-tabs-nav li  {
	list-style: none; 
	float: left; 
	position: relative; 
	top: 0; 
	margin: 1px .2em 0 0; 	 	 
	white-space: nowrap;
}

.ui-tabs .ui-tabs-nav li a{
	padding: 0 20px;	
}

.ui-state-hover{
	border: 0; 
	/*background: #8cc273;*/
	font-weight: bold; 
	color: #c77405;
}

.green-warning{
	color:#b9d6af !important;
}

.limit-alert-content:hover a{
	color:white !important;
}

#villeView:disabled{
	opacity:1;
}

.account-suppression-infos-content a:visited{
	color:white;
}

/*.col-theme-a  a:visited{
	color:white;
}*/

.profil-form-content p.float-left .icon-warning{
	font-size : 6em;
	padding-right : 15px;
}

.account-tab .tab-error{
	background:#FF0000 !important;
}

.account-tab .tab-error.current:after { 
	border-color: #FF0000 transparent transparent !important;	
	border-width: 5px;
	border-style: solid;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	width: 0;
}

.limit-alert-content:hover a{
	color:white !important;
}

.account-suppression-infos-content a:visited{
	color:white;
}

.account-creation-infos-content a:visited{
	color:#369;
}
.account-creation-infos-content a{
	color:#369;
}

.account-creation-infos-content a:hover{
	color:#FFF;
	text-decoration:underline;
}


/* =============================================================================
   METEO
   ========================================================================== */
.widget-page.meteo {
	color: #fff;
	clear:both;
}

.widget-page.meteo .headband {
	background-color: #FFA900;
	font-family: 'museoSlab100';
}

.widget-page.meteo .headband a {
	color:#fff;
}

/*.widget-page.meteo .headband i.icon-brightness-contrast {	   
	color:#FDDC97;	
}*/

#blocSlider{
	max-width:585px;
	z-index:0;
	position:relative;	
	border:5px solid #ededed !important;
	height:190px;
	max-height:190px;
	margin:0 auto;
}

#blocSlider img{	
	z-index:1;
	position:relative;
}

.meteo .fotorama__arr.fotorama__arr--next,
.meteo .fotorama__arr.fotorama__arr--prev {
	width: 20px;
	height: 20px;
	margin-top: 0;
	opacity: 1 !important;
	top: 90px;   
	transform: none !important;
}

.meteo .fotorama__arr.fotorama__arr--next {
	background: transparent url('/reussir/www/img/droite_gris.png') no-repeat 0 0;
	right: 0;
}
.meteo .fotorama__arr.fotorama__arr--next:hover {
	background: transparent url('/reussir/www/img/droite_bleu.png') no-repeat 0 0;
	right: 0;
}

.meteo .fotorama__arr.fotorama__arr--prev {
	background: transparent url('/reussir/www/img/gauche_gris.png') no-repeat 0 0;
	left: 0;
}

.meteo .fotorama__arr.fotorama__arr--prev:hover {
	background: transparent url('/reussir/www/img/gauche_bleu.png') no-repeat 0 0;
	left: 0;
}

.meteo .fotorama__arr.fotorama__arr--prev.fotorama__arr--disabled,
.meteo .fotorama__arr.fotorama__arr--next.fotorama__arr--disabled {
	opacity: .5 !important;
}

div.TextConnexion{
	width:485px;
	margin:0 auto;
	margin-top:10px;
	color:#3e9ec6;	
}

div.TextConnexion p{
	font-size:12px;
	text-align : justify;
	margin:0;
	margin-bottom:20px;
}

div.boutonConnexion{
	width:485px;
	margin:0 auto;	
}

#bloc_page{
	max-width: 910px;
	margin: auto;
	margin-top:0;
	height: 100%;
	font-family:arial;
}

.moteurRecherche{
	max-width: 910px;
	height: 50px;
	/* */
	margin-top:0;
	margin-right:0;
	margin-left:0;
	height: 100%;
}

/* Champ Recherche */
input[type="text"].inputSearch{
	width:100%;
	padding:0 ;
	padding-left:30px;
	border:8px solid #3e9ec6;
	border-left:none;
	height:50px;
	font-size:14px;
	color:  #3e9ec6;
	text-align:left;
	outline:none;  
	-webkit-border-radius: 0;
	-moz-border-radius:  0;
	border-radius:  0;	
}

input[type="text"].loadinggif{
	background:#F7F5F4 url('/reussir/skin/images/loadingAnimation.gif') center left no-repeat;	/* left+100px*/
}

input[type="submit"].searchButton {
	background-image:url('/reussir/www/img/searchForMeteo.jpg');
	width:100%;
	height:50px;
	border:8px solid #3e9ec6;
	border-right:2px solid #3e9ec6;
	padding:0px;
	outline:none;
	-webkit-border-radius: 0;
	-moz-border-radius:  0;
	border-radius:  0;
}

/* pour le zoom des border */
input { 
	box-sizing: border-box;
}


div.boutonR{
	width:110px;
	height:50px;
	float:left;
	border-radius:0;
}

div.textR{
	width:800px;
	height:50px;
	float:left;
	border-radius:0;
}

#moteurR{
	margin: 0;
	padding: 0;
	border: 0 none;
	position:relative;
	margin-bottom:50px;
	max-width:910px;
	float:left;
}

/*suggestion liste */
.suggestBlue{
	color:#3e9ec6;
	font-family:arial;
	font-weight:normal;
	border:1px solid #3e9ec6 !important;
}

.suggestBlue .ui-widget-content{
	border:1px solid #3e9ec6;
}

.ui-autocomplete{ 
	max-height: 200px;
	width:782px;
	overflow-y: auto;
	/* prevent horizontal scrollbar */
	overflow-x: hidden;
}

.suggestBlue { border: 1px solid #999; background: #FFF; overflow: auto; }
.suggestBlue { padding: 2px 5px; white-space: nowrap; overflow: hidden; }
.suggestBlue { background: #eeeeee; }
.suggestBlue strong { font-weight: normal; color: green; }

/*couleur des crollBars*/
.ps-scrollbar-y-rail{
	background: transparent !important;
}

.ps-scrollbar-y{
	height:60px !important;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y{
	background: #333 !important;
	opacity:0.9 !important;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover{
	background: #ccc !important;
	opacity:0.5 !important;
}

.ps-container:hover > .ps-scrollbar-y-rail:hover, .ps-container:hover > .ps-scrollbar-y-rail:hover > .ps-scrollbar-y{
	min-width: 7px;
	width: 16px;
	min-height:60px;
	-webkit-border-radius: 16px;
	-moz-border-radius: 16px;
	border-radius: 16px;
}


/* IE 6 doesn't support max-height
* we use height instead, but this forces the menu to always be this tall
*/
* html .ui-autocomplete {
	height: 200px;
}
/*
.jspDrag {
	background:#3e9ec6 !important;
	width:8px;	
}
.jspTrack{
	border:none;
	padding:0;
	margin:0;	
	background:#C3D7DF !important;
	width:8px !important;
}
.jspVerticalBar {
	background-color: rgba(255,255,255,0.5);
	width:8px !important;
}*/

.ui-autocomplete .ui-menu-item{ 	
	font-size:16px;
	font-family:arial;
	font-weight:normal;
	left:0px;
	max-width:790px;
	color: #3e9ec6;
}
			
.ui-menu .ui-menu-item { 
	font-weight:normal;	
	margin:0;
	padding: 0;
	zoom:0;
	float:left;
	clear:left;
	width: 790px; 
}
.ui-menu .ui-menu-item a {
	font-weight:normal;
}

.ui-autocomplete .ui-state-hover, 
.ui-autocomplete .ui-widget-content .ui-state-hover, 
.ui-autocomplete .ui-widget-header .ui-state-hover, 
.ui-autocomplete .ui-state-focus, 
.ui-autocomplete .ui-widget-content .ui-state-focus, 
.ui-autocomplete .ui-widget-header .ui-state-focus{ 
	background:#3e9ec6 !important ;
	color: white !important ;
	border:1px solid #fff !important ;
}


/* Lien météo : matin midi .... */
#links {
	font-family:Arial;
	position:relative;
	color:#3e9ec6;
	width:910px;
	height:32px;
	margin:0;
	margin-top:0;
	margin-bottom:23px;
	padding:0;
	display:inline;
	float:left;
}

#links a:link,
#links a:visited, 
#links a:hover { 
	color: #3e9ec6; 
	text-decoration: none; 
}

#links a:hover, #links a:active{
	font-weight: bold;
	text-decoration: underline; 
}

#links span.disabled{
	color: #999; 
	font-weight: 100;
	display:inline;
}

#links a.current{
	font-weight : bold;
	text-decoration: underline; 
}

#links a.arrow.current:after { 
	border-color: #3e9ec6 transparent transparent !important;	
	border-width: 5px;
	border-style: solid;
	bottom: -20px;
	content: " ";
	height: 0; 
	left:-10%;
	margin-left: 0;
	position: relative;
	width: 0;
}

#links p{
	height:32px;
	border:none;
	margin:0;
	text-align:left;   
	margin-bottom:23px;
}

#links strong{
	font-size:14px;
} 

#links p span{	
	width:180px;
	display:inline-block;	
}

#links p span.gauche{	
	float:left;
	margin-right:180px;
}

#links p span.droite{
	float:right;  	
}

/* boutons bleu carte */
#temps_bouton,#vents_bouton,#radar_pluie_bouton,#radar_orage_bouton,#alertes_bouton{
	width:60px;
	height:60px;
	margin-left:10px;
	margin-bottom:10px;
	margin-right:10px;
	margin-top:0px;
	float:left;
	filter:grayscale(100%);
	-webkit-filter:grayscale(100%);
	-moz-filter:grayscale(100%);
	-ms-filter:grayscale(100%);
	-o-filter:grayscale(100%)
}
#temps_bouton:hover,#vents_bouton:hover,#radar_pluie_bouton:hover,#radar_orage_bouton:hover,#alertes_bouton:hover,#boutonCarte .current{
	margin-left:10px;
	margin-bottom:10px;
	margin-right:10px;
	margin-top:0px;
	float:left;
	filter:grayscale(0%);
	-webkit-filter:grayscale(0%);
	-moz-filter:grayscale(0%);
	-ms-filter:grayscale(0%);
	-o-filter:grayscale(0%)
}
#temps_bouton{background-image:url('/reussir/www/img/meteo/temps_bleu.jpg')}
#vents_bouton{margin-left:0px;background-image:url('/reussir/www/img/meteo/vents_bleu.jpg')}
#vents_bouton:hover,#vents_bouton.current,#radar_orage_bouton:hover,#radar_orage_bouton.current{
	margin-left:0px
}
#radar_pluie_bouton{background-image:url('/reussir/www/img/meteo/radar_pluie_bleu.png')}
#radar_orage_bouton{margin-left:0px;background-image:url('/reussir/www/img/meteo/radar_orage_bleu.png')}
#alertes_bouton{width:130px;background-image:url('/reussir/www/img/meteo/alertes_bleu.jpg')}
.fb-share-button{margin:20px}
#partage{position:absolute;top:0;width:0px;right:70px;height:5px;z-index:110;}


/* fond de carte */

/* CARTE NATIONALE */
.fd_carte_national, .fd_carte_region{
	position:relative;
	z-index:1;	 
	margin:0 auto;	
	background-color:#576A7F;
	width:910px;
	height:500px;	
}

.fd_carte_national:before {
	content:"";
	position:absolute;
	z-index:-1;
	top:0;
	bottom:0;
	left:0;
	right:0;
	background:url('/reussir/www/img/meteo/fd_map/france.jpg') no-repeat;
	opacity:1;
}

.fd_carte_national.am:before,.fd_carte_region.am:before {		
	opacity:0.7;
}

.fd_carte_national.night,.fd_carte_region.night {
	background-color: #1A3149;   
}  

.fd_carte_national.night:before,.fd_carte_region.night:before {	
	opacity:0.5;
}  

.fd_carte_national a, .fd_carte_region a {
	color:#000;
}

/* RADAR */
.fd_carte_national_radar{
	position:relative;
	z-index:1;	 
	margin:0 auto;	
	background:#efefef;
	width:910px;
	height:500px;
	margin:0;
	padding:0;
}

.fd_carte_national_radar:before {
	content:"";
	position:absolute;
	z-index:-1; 
	top:0;
	bottom:0;
	left:0;
	right:0;	
	opacity:1;
}

.fd_carte_national_alerte{
	margin:0;
	padding:0;
	position:relative;
}

.dayDiv{
	display:none;
}


.encartInfoTps, .encartInfoVts{	
	cursor:pointer;	
	top:0;
	width:50px;
	height:50px;
	position:absolute;	
	display:inline-block;
	text-align:center;
	font-weight:700;
	font-family: Arial, Geneva, sans-serif;
	font-size:1.4em;	
}

.encartInfoTps img{	
	margin-top:-15px;
}

/* NATIONAL */
/*.fd_carte_national .encartInfoTps, 
.fd_carte_national .encartInfoVts{
	border:1px solid green;*/
	/*width:70px;
	height:70px;	
}*/

/*.fd_carte_national .encartInfoTps img{	
	margin-top:-22px;	
}*/

/* pour centrer les box en test */
.encartInfoTps img.center{	
	position: absolute;
	margin: auto;
	top: 0;
	bottom: 0;
	left: 0;
	right: 0;	
	width:1px;	
	border:1px solid red;
}

/*.fd_carte_national .encartInfoVts img{	
	width:50px;
}*/

.encartInfoVts img{	
	margin-top:-10px;
}

.encartInfoVts sup{	
	font-size:0.6em;	
	color:#333;
	margin-left:-3px;
}


/* REGION */
.fd_carte_region .encartInfoTps{
	/*border:1px solid red;*/
	width:80px;
	height:80px;
}

.fd_carte_region .encartInfoTps img{
	margin-top:-25px;		
}

.fd_carte_region sub{
	display:block;
	color:#000;
	text-shadow: 1px 1px #fff;
	margin-top:-10px;	
	margin-left:-45px;
	text-align:center;
	padding:0;	
	font-size:0.65em !important;
	font-weight:100;
	width:170px;	
	height:15px;	
}

.fd_carte_region.night sub{
	color:#fff;
	text-shadow: 1px 1px #000;
}

.fd_carte_region .encartInfoVts{
	/*border:1px solid red;*/
	width:80px;
	height:80px;
}

.fd_carte_region .encartInfoVts img{	
	width:60px;
	margin-right:5px;
	margin-left:5px;
	margin-top:-15px;
}

.fd_carte_region .encartInfoVts sup{	
	font-size:0.7em;	
	color:#333;
	margin-left:-3px;
}

/*images alertes météos et nationales */
div.carteAlertesMeteo{
   margin:0;
   padding:0; 
   float:left;
   position:relative;
   width:910px;
   height:500px;
   z-index:0;
}
div.carteAlertesMeteo img{
	position:relative;
	z-index:1;
}
div.carteAlertesNational{   
   margin:0;
   padding:0; 
   float:left;
   position:relative;
   width:910px;
   z-index:0;
   height:500px;
}
div.carteAlertesNational img{
	position:relative;
	z-index:1;
}

.cycle-slideshow img { display: none }
.cycle-slideshow img.first { display: block }

.fd_carte_national_radar #caption{
	position:absolute;
	top:5px;
	left:550px;	
	z-index:100;
	color:#ccc;
	text-shadow: 1px 1px #999;
}

#slideShowBar{
	position:absolute;
	top:0;
	width:0px;
	left:410px;	
	height:5px;
	z-index:110;	
	background-color:#999;	
}

.titreAlerte{
	position:absolute;
	top:0;
	left:700px;
	z-index:3;
	color:#ccc;
	text-shadow: 1px 1px #999;
}

.carteAlertesMeteo #legende,
.carteAlertesMeteo .legende{
	vertical-align: middle;	
	position:absolute;
	top:457px;
	font-size:1em;
	left:151px;
	height:43px;	
	background-color:#fff;
	color:grey;
	z-index:3;	
	margin:0;	
}

.carteAlertesMeteo #legende div,
.carteAlertesMeteo .legende div{		
	padding:0;
	margin:1px auto;
	border:none;	
	width:28px;
	height:28px;	
	line-height:28px;
	display:inline-block;	
}

#legende h1, .legende h1{
	line-height:15px;
	font-size:13px;
	padding: 1 0;
	height:15px;
	margin:0;
	padding:0;
	border:none;
	background-color: #b1b1b1;
	font-weight:normal;
	color:white;
}

.carteAlertesMeteo .legende span {
	display:inline-block;		
	line-height:26px;
	height:26px;	
}
	
.carteAlertesMeteo .legende ul{		
	margin:0;
	padding:0;	
	display:inline-block;
	list-style:none;	
	height:26px;	
	line-height:26px;	
	width:80px;	
}

.carteAlertesMeteo .legende li{
	/*border:1px solid blue;*/
	margin:0;
	padding:2px 0 0 0 ;	
	height:10px;	
	line-height:10px;	
	font-size:1em;	
}

#transparent {
	background-color:rgba(255,255,255,.5);
	max-width:150px;
	height:500px;
	line-height:500px;	
	border-right:1px solid white;
	text-align:center;
	position:absolute;
	z-index:2;
	margin:0;	   
}

#boutonCarte{
	line-height:normal;
	display:inline-block;
	vertical-align:middle;
}

#boutonCarte a{
   display:inline-block;
   padding:0;
   border:none;
   text-decoration:none;
}

div.underImg {
	background-color:#3e9ec6;
	width:910px;
	height:25px;
	line-height:25px;
	color:white;
	font-size:12px;
	font-family:arial;
	text-align:center;
	position:relative;
	padding:0;
	/*margin-top:1px;*/
	border:none;
	float:left;	
}

div.underImg p{
	display:inline;
	text-align:center;
	vertical-align:middle;
	font-weight:700;
}

#linkUnderImg{
	max-width:910px;
	position:relative;
	height:30px;
	float:left;
}

#linkUnderImg a{
	width:129px;
	height:30px;
	display:inline-block;
	float:left;
	margin-right:1px;
	margin-top:1px;
	padding-bot:0;
	border:none;
	text-decoration:none;
	background-color:grey; 
	color:#fff;
	font-size:1.3em;
	letter-spacing:-0.8px;	
	text-align:center;
	line-height:1.8em;
}

#linkUnderImg a:hover, #linkUnderImg a.active{  
	background-color:#4397C4;
}

#linkUnderImg a .icon-warning{
	color:#FDBD02;
	vertical-align:middle;
	font-size:1.8em;
}

.custom-infobulle{
	position:absolute;
	color:grey;
	font-size:10px;
}

.custom-infobulle h1{
	text-align:left;
	color:#3e9ec6;
	font-size:small;
	border:none;
	margin:0;
}

.custom-infobulle h1 .icon-warning{	
	font-size:small;	
}

.custom-infobulle strong{	
	text-align:left;
	color:#3e9ec6;
	font-size:12px;
	font-weight:normal;
	line-height:40px;
	margin:0;
	padding:0;
}

.custom-infobulle h2{
	/*text-transform: capitalize;*/
	text-align:left;
	color:#3e9ec6;
	font-size:12px;
	font-weight:normal;	
	margin:0;
	padding:0;
}

.custom-infobulle h3{	
	text-align:left;
	color:grey;
	font-size:11px;
	font-weight:normal;
	margin:0;
	padding:0;
}

.custom-infobulle div {
	color:grey;
	font-size:10px;
}

.custom-infobulle p{
	border:none;
	margin:0;
	padding:0;
}

/* fil d'ariane météo */
#filAriane{
	font-family:Arial;
	position:relative;
	color:#3e9ec6;
	width:910px;
	height:32px;
	margin:0;
	line-height:32px;
	vertical-align:middle;
	font-size:14px;
	padding:0;
	display:inline;
	float:left;
}

#filAriane strong{
	font-weight:normal;
}

#filAriane b{
	font-weight:bold;
	font-size:1.4em;
}

#filAriane a:link,
#filAriane a:visited, 
#filAriane a:hover { 
	color: #3e9ec6; 
	text-decoration: none; 
}

#filAriane a:hover, 
#filAriane a:active{
	color:#3e9ec6;
	text-decoration:underline;
	font-weight:normal;
}

.navTab{	
	font-family:Arial;
	position:relative;
	width:910px;
	height:30px;
	margin:0 0 1px 0;	
	padding:0;   
	float:left;
	line-height:30px;
	display:block;
	background-color:#808080;
}

#buttonBar .navTab a, #buttonBar .navTab .ui-tabs-anchor, .navTab ul li{
	text-align:center;	
	display:inline-block;
	color:white;
	text-decoration:none;
	width:302px;
	border-left:1px solid white;
	color:#fff;
}


#buttonBar .navTab .ui-state-default{	
	background-color:#808080;	
}

#buttonBar .navTab .ui-tabs-active{	
	background-color:#3e9ec6;	
}

#buttonBar .navTab a:active,
#buttonBar .navTab a:hover,
#buttonBar li.ui-tabs-active,
#buttonBar li.ui-state-active{
	display:inline-block;
	background:#3e9ec6;
	color:white;
	text-decoration: none;
	border-left:1px solid white;	 	
}

.navTab.ui-tabs,
.navTab.ui-tabs .ui-tabs-nav,
.navTab.ui-widget-header{
	padding:0;
	margin:0;
	border:0;	
	background: #fff;	
	color: #fff;	
}

#buttonBar.ui-widget-content,
#buttonBar.ui-corner-all, 
#buttonBar .ui-corner-bottom, 
#buttonBar .ui-corner-right, 
#buttonBar .ui-corner-br, 
#buttonBar .ui-corner-left, 
#buttonBar .ui-corner-bl, 
#buttonBar .ui-corner-top, 
#buttonBar .ui-corner-tr,
#buttonBar .ui-tabs .ui-widget .ui-widget-content {
	border:0;
	background:white;
	padding:0;
	margin:0;	
	border-top-left-radius: 0 !important;
	border-top-right-radius: 0 !important;
	border-bottom-left-radius: 0 !important;
	border-bottom-right-radius: 0 !important;
}


#buttonBar.ui-tabs .ui-tabs-nav .ui-tabs-anchor {
	float: left;
	padding: 0.5em 0;	
}

.btnSousTab {
	cursor:pointer;
}

.btnSousTab:hover{	
	position:relative;
	opacity:.9;
}

#blockMeteo{
	max-width:910px;
	position:relative;
	float:left;
	display:inline-block;	
}

.clickToShow{
	position:relative;
	float:left; 
	left:177px;
	margin-top:-30px;
	color:#aaa;
	width:705px;
	height:22px;
	border:1px solid #eee;
	background-color:#efefef;
	padding:3px 0;
}

.clickToShow i{
	margin:0 5px;
	vertical-align:middle;
}

.jour, .jour2, .jour3{
	float:left;
	width:710px;
	height:30px;
	line-height:30px;
	vertical-align:middle;
	left:175px;
	position:relative;
	margin-top:10px;
	margin-bottom:10px;
	background-color:#ededed;
	color:#3e9ec6;
	text-align:center;
	font-weight:700;
	font-size:16px;
}


.jour2 div, .jour3 div{
	text-align:center;	
	height:30px;
	width:142px;
	padding:0 1px;
	line-height:30px;
	display:table-cell;
	border-right:1px solid white;
	border-bottom:1px solid white;
	background-color:#ededed;	
	font-weight:700;
	font-size:14px;
	/*position: relative;
	cursor:pointer;*/
}

.jour2 div.current,
.jour2 div:hover,
.jour3 div.current,
.jour3 div:hover{		
	background-color:#3E9EC6; 
	color:white;	
}

.jour2 div.current:after, .jour3 div.current:after{	
	border-color: #3e9ec6 transparent transparent !important;	
	border-width: 7px;
	border-style: solid;
	bottom: -30px;
	content: " ";
	height: 0; 
	width: 0;
	margin:0;
	left:-30px;   
	position: relative;	
}

div.donnees{	
	width:910px;
	height:30px;
	margin:0;
	padding:0;
	line-height:30px;
	vertical-align:middle;
	position:relative;
	float:left;	
}

div.donneesLeft{
	width:150px;
	float:left;
	height:100%;
	background-color:#ededed;
	color:#808080;
	text-align:center;
	margin-right:25px;
	font-size:12px;
	font-weight:normal;
}

div.donneesLeft.pm{
	height:37px;	
}

div.donneesLeftEmpty{	
	width:152px;
	float:left;
	height:100%;
	background-color:#fff;
	color:transparent;
	text-align:center;
	margin-right:25px;
	font-size:12px;
	font-weight:normal;
}

div.donneesRight{
	/*margin-left:179px;*/
	float:left;
	height:100%;
	width:710px;
	background-color:#ededed;
	color:#808080;
	display:table;
	table-layout: fixed;
	overflow:hidden;	
}

div.donneesRight div{
	text-align:center;
	height:30px;
	display:table-cell;
	border-right:1px solid white;
	font-size:12px;
	font-weight:normal;
}

.donneesRight div.cell{
	text-align:center;
	height:30px;
	width:55px;
	padding:0;
	line-height:30px;
	display:table-cell;
	border-right:1px solid white;
	border-bottom:1px solid white;
	background-color:#ededed;	
	font-weight:normal;
	font-size:12px;	
}

#tab-2 div.dataSsTab div.cell, #tab-2 div.dataSsTab div.selCol{	
	width:87.55px;
	margin:0;
}

#tab-3 div.dataSsTab div.cell, #tab-3 div.dataSsTab div.selCol{  	
	width:88px;	
	margin:0;
	padding:0;
}

#tab-3 div.dataSsTab div.selCol, #tab-3 div.dataSsTab div.selCol .pm{
	font-size:0.8em;		
	padding-top:-5px !important;	
} 

#tab-3 div.dataSsTab div.selCol.pm{	
	line-height:14px;
	/*word-wrap: break-word;		*/
}

.jour3{		
	overflow:hidden;
}

/*.jour3 div.current:after{	
	bottom: -29px;
}*/

.jour3 div.day {		
	width:175px;	
	color:#3E9EC6;	
	/*font-size: 14px;	*/
}

.jour3 div.day:hover {		
	color:#fff;	
}

.tps, .tps2, .tps3{
	height:40px !important;
	line-height:40px !important;
	vertical-align:middle;
}

div.ImgTab{
	position:relative;
	float:left;
	width:100%;
	margin:0;
	height:30px;
	padding:0;
	margin-top:10px;
}

#sousTab1,
#sousTab2,
#sousTab3,
#sousTab4{
	width:910px;
	position:relative;
	float:left;
}

div.leftCol,
div.indiceFiabilite{
	width:150px;
	display:block;
	background-color:#ededed;
	color:#808080;
	position:relative;
	float:left;
	border-right:1px solid white;
	border-bottom;
}

div.indiceFiabilite{
	margin-top:10px;
	margin-right:25px;
}

div.leftCol div:last-child{	
	border-bottom:0px;
}

/* fleches météo grise */
.fleche-meteo{	
	position:relative;
	width:25px;
	float:left;  
	height:216px;
	background-color:#bbb;
	text-align: center;	
	vertical-align:middle;
}

.fleche-meteo span{	
	font-size:1.3em;	
	color:#fff;	
	position: absolute;
	top: 50%;
	left: 25%;
}

.fleche-meteo:hover{	
	cursor:pointer;
	background-color:#999;	
}

.fleche-meteo.disabled{		
	background:#eee;
	cursor:default;	
}

.fleche-meteo.disabled:hover{	
	background-color:#ddd;
}

.fleche-meteo.empty{		
	background:#fff;
	cursor:default;	
}

.temps{
	height:226px;
}

.pluie{
	height:154px;
}

.agri{
	height:247px;
}

.phyto{
	margin-top:10px;
	height:73px;
}

.phyto span{		
	top: 35%;	
}



div.leftCol div{
	height:30px;
	border-bottom:1px solid white;
	line-height:30px;
	vertical-align:middle;
	font-size:12px;
	font-family:arial;
}

div.leftCol div p{
	border:0;
	padding:0;
	margin:0;
	margin-left:5px;
}

div.leftCol div p.help span{ 
	float:right;
	width:16px;		
	color:#999;	
	font-size:1.2em;
	cursor:help;	
}

.help-infobulle{
	position:absolute;
	color:grey;
	font-size:0.9em !important;
	min-width:550px;	
}


div.dataSsTab{
	position:relative;
	float:left;
	height:100%;
	width:707px;
	background-color:white;
	color:#808080;
	display:table;
	table-layout: fixed; 
	border-collapse: collapse;
	empty-cells: hide;
}

div.row{	
	display:table-row;	
}

div.row.bottom{	
   border-bottom:0;
}

div.row div.cell:first-child{	
	border-left:1px solid white;
}

.blockView{
	float:left;
	display: bloc;
	margin:0;
	padding:0;
	max-width:709px;
	min-height:30px;	
	overflow:hidden;	
}

.slide-right{
	float:right;
}

.fullRow{		
	width:707px;
	display:table-cell;	 
	text-align: center;
	background-color:#ededed;
	color:#808080;
	margin:0;
	padding:0;
	height:30px;
	line-height:30px;	
	font-weight:normal;
	font-size:12px;
	border-bottom:1px solid white;
	border-left:1px solid white;   
	border-right:1px solid white; 
}

#tab-2 .fullRow {	
	min-width:707px; /* firefox */
	width:703px;	/* chrome + tablette */
}

#tab-3 .fullRow {	
	width:177px;	
}

#phytoResult .disable {		
	background-color:#ededed; 		
}

#phytoResult .disable span {	
	color:#fff !important;	
}

div.dataSsTab  div.cell{
	text-align:center;
	height:30px;
	width:58px;
	line-height:30px;
	display:table-cell;
	border-right:1px solid white;
	border-bottom:1px solid white;
	background-color:#ededed;	
	font-weight:normal;
	font-size:12px;	
}

div.dataSsTab  div.cell img{
	max-width:40px;
}

div.dataSsTab  div.dirVent img, div.dataSsTab  div.dirVent2 img, div.dataSsTab  div.dirVent3 img{
	max-width:30px;
}


/*div.cell.tps3{
	background:#999 !important;
}*/

#blockMeteo .cell:hover, #blockMeteo .fullRow:hover, #buttonBar .hover{
	background-color:#ccc;
}

#blockMeteo div.row .cell:hover{
	background-color:#ccc;
}

#blockMeteo div.cell span, .fullRow span{
	line-height:1em;
	font-size:10px;		
}

#blockMeteo div .disable{
	opacity:0.3;		
}

#tab-3 div.cell span, #tab-3 .fullRow span{
	line-height:10px;
	font-size:7px !important;	
}

.selCol.current, .viewRow:hover{
	background-color:#aaa !important;
	color:#fff;
}

.viewRow:hover .icon-help{
	color:#fff;
}


.selCol.current.select, .selCol.select {
	background-color:#FFB93F !important;
	color:#fff;
}

.blockView .current:after {
	border-color: #3e9ec6 transparent transparent ;   
	border-width: 5px;
	border-style: solid;
	bottom: -10px;
	content: " ";
	height: 0;
	left: 50%;
	margin-left: -6px;
	position: absolute;
	width: 0;
}

#buttonBar .select{
	background-color:#FFD68F;
}

.nebul10{background-color:#DFDFDF !important;color:#999;}
.nebul20{background-color:#CFCFCF !important;color:white;}
.nebul30{background-color:#BFBFBF !important;color:white;}
.nebul40{background-color:#AFAFAF !important;color:white;}
.nebul50{background-color:#9F9F9F !important;color:white;}
.nebul60{background-color:#8F8F8F !important;color:white;}
.nebul70{background-color:#7F7F7F !important;color:white;}
.nebul80{background-color:#6F6F6F !important;color:white;}
.nebul90{background-color:#5F5F5F !important;color:white;}
.nebul100{background-color:#4F4F4F !important;color:white;}
.nebul10.select, 
.nebul20.select, 
.nebul30.select, 
.nebul40.select,
.nebul50.select, 
.nebul60.select,
.nebul70.select, 
.nebul80.select,
.nebul90.select, 
.nebul100.select{background-color:#FFD68F !important;color:#999;}

.swipeleft{background-color:green !important;}
.swiperight{background-color:orange !important;}

.indiceFiabilite p{
	border:0;
	padding:0;
	margin:0;
	margin-left:5px;
	height:30px;
	line-height:30px;
	font-size:12px;
	font-weight:normal;
}

div.dataIndiceFiabilite{	
	border-top:10px solid white !important;		
}

/* outil Phyto */
div.PhytoExpert{
	width:150px;
	display:block;
	background-color:#ededed;
	color:#808080;
	position:relative;	
	min-height:73px;	
	margin-top:10px;	
	font-weight:normal;
	font-size:12px;
}

div.PhytoExpertData{
	display:block;	
	line-height:29px;
	width: 707px;
	float:left;
	position:relative;
	background-color:#ededed;
	color:#666;
	font-size:0.9em;
	margin:0;
	padding:0;	
	margin-top:10px;
	font-weight:normal;
	font-size:12px;
	border-left:1px solid #fff;	
}

div.PhytoExpertData form{		
	height:60px;	
}

div.PhytoExpertData p{
	margin:0;
	padding:0;
}

div.PhytoExpertData .error.message{
	font-size:0.8em;
	margin-bottom:0;
}
/*
.PhytoExpertData .selCatProd{
	float:left;
	width:525px;	
}

.selCatProd select{
	min-width:200px;
	max-width:200px;
	margin-top:8px;
	font-size:0.9em;
	color:#666;
	font-weight:700;
	font-style:italic;
	float:left;	
	height:21px;
}

.selCatProd select optgroup{	
	text-transform:uppercase;	
	font-style:italic;
	font-size:1em;
	color:#333;
	margin:5px 5px;
	font-weight:700;	
}

.selCatProd select option{	
	text-transform:lowercase;	
	font-weight:100;
	font-size:1em;
	color:#666;
}
*/

div.PhytoExpertData label{	
	display:table-cell;
	float:left;
	width:300px;
	height:20px;
	margin-left:10px;	
}

div.PhytoExpertData .legende{	
	margin-left:2px !important;	
}

div.PhytoExpertData .legende label{	
	display:inline-block;	
	width:100px;	
	margin-left:2px;
	text-align:left;
}

div.PhytoExpertData .legende .meteoCube{		
	margin:5px 5px 0 5px;	
	width:20px;
	height:20px;
	border:1px solid white;
	line-height:20px;
	text-align:center;
}

/*
.yourProduct{
	background-color:#EDEDED !important;
	min-height:90px;
	text-align:left;
	padding:5px 5px;
	line-height:17px !important;
}

#yourProduct{
	color:#3e9ec6;
	background-color:#EDEDED;
	font-size:1em;
	font-weight:700;
	margin:3px;
}

#submitPhyto, #newProduct{
	position:relative;
	width:100px; 
	background-color:#3e9ec6;
	color:white;
	height:20px;
	text-align:center;
	line-height:20px;
	vertical-align:middle;
	cursor:pointer;	
}

#submitPhyto{
	float:left;
	margin-top:8px;
}

#newProduct{
	height: 20px !important;	
	width:90%; 	
	margin:10px auto;
	clear:both;
}

#submitPhyto:hover{  
	opacity: 0.9;
}*/

/* couleur carte alerte + outil phyto */
.meteoCube{
	width:26px;
	height:26px;
}

.meteoVert{
	background-color:#ACD65C !important;
}

.meteoVertFonce{
	background-color:#249F1D !important;
}

.meteoOrange{
	background-color:#ff9900 !important;
}

.meteoRouge{
	background-color:#ff0000 !important;
	color:#fff;
}

.meteoJaune{
	background-color:yellow !important;
}

.meteoVertFonce span, .meteoOrange span, .meteoRouge span {
	color:#fff;
	font-size:12px !important;
}

.mini-rouge, .mini-orange, .mini-vert{
	border:1px solid #fff;	
	display:bloc;
	padding:0 6px;
	width:10px;
	height:10px;
	margin:3px;
}

.mini-rouge{
	background-color:#ff0000;
}

.mini-orange{
	background-color:#ff9900;
}

.mini-vert{
	background-color:#249F1D;
}

/*.infoPhyto:hover{
	opacity:.8;	
}*/

/*i.icon-warning{
	font-size:1.2em;
}*/

.orange{
	color:#FF6400;
}
.rouge{
	color:red;
}

/* couleur bleu du placeholder pour mozilla  et autres*/
input:-moz-placeholder, textarea:-moz-placeholder {
	color: #3e9ec6;
}

input::-webkit-input-placeholder, textarea::-webkit-input-placeholder {
	color: #3e9ec6;
}
 
input.placeholder, textarea.placeholder {
	color:#3e9ec6;
}


/* =============================================================================
   MEDIA QUERIES
	Les tailles d’écrans et le responsive design :
	320px : Petits téléphones d’écran de résolution 480x320 en mode portrait.
	480px : Smartphones moyens, ou petits téléphones en orientation paysage.
	600px : Tablettes en portrait, iPad, e-readers, téléphone de résolution 800x480 en orientation paysage.
	801px : tablette, iPad en orientation paysage, laptops de basse résolution.
	1025px : Grandes tablettes en orientation paysage, laptops et desktops courants.
	1281px : laptops et desktops de haute résolution.
	
	/* #### Mobile Phones Portrait #### 
	@media screen and (max-device-width: 480px) and (orientation: portrait){
	   some CSS here 
	}*/

	/* #### Mobile Phones Landscape #### 
	@media screen and (max-device-width: 640px) and (orientation: landscape){
		some CSS here
	}*/

	/* #### Mobile Phones Portrait or Landscape ####
	@media screen and (max-device-width: 640px){
		some CSS here
	} */

	/* #### iPhone 4+ Portrait or Landscape ####
	@media screen and (max-device-width: 480px) and (-webkit-min-device-pixel-ratio: 2){
		some CSS here
	} */

	/* #### Tablets Portrait or Landscape #### 
	@media screen and (min-device-width: 768px) and (max-device-width: 1024px){
		some CSS here
	}*/

	/* #### Desktops #### 
	@media screen and (min-width: 1024px){
		some CSS here
	}*/
   /* ========================================================================== */   
   
/* Display above 1024px */
@media screen and (min-width: 1024px) {		
	
	#widget {
        visibility: visible;
    }

    .nav-section a + ul {
        display: inline-block;
    }

    .sector-nav a span:first-child {		
        background: #d5d9db url('/reussir/www/img/sector-nav-sprite.jpg') no-repeat 0 0;
    }

    .sector-nav .a-la-une span:first-child {
		width: 82px;
        background-position: -10px 0;
    }

    .sector-nav .grandes-cultures span:first-child {		
        background-position: -95px 0;
    }

    .sector-nav .bovins-lait span:first-child {
        background-position: -184px 0;
    }

    .sector-nav .bovins-viande span:first-child {
        background-position: -267px 0;
    }

    .sector-nav .vigne span:first-child {
        background-position: -356px 0;
    }

    .sector-nav .porc span:first-child {
        background-position: -445px 0;
    }

    .sector-nav .aviculture span:first-child {
        background-position: -534px 0;
    }

    .sector-nav .ovins span:first-child {
        background-position: -623px 0;
    }

    .sector-nav .caprins span:first-child {
        background-position: -712px 0;
    }
	
	.sector-nav .sante-animale span:first-child {
		background: #d5d9db url('/reussir/www/img/filiere-sante-animale.gif') no-repeat 0 0;	
		background-size:82px;
    }

    .sector-nav .fruits span:first-child {
		width:82px;
        background-position: -801px 0;
    }

	#rel .more,
	#rel .social span,
	.poll .more + .more {
		display: none;
	}

	.medias .col {
		margin-left: 3px;
	}

}/* Display above 1024px */


/* La touche finale : réduire de façon harmonieuse toutes les tailles de polices en orientation paysage (car bugguée sur les périphériques iPhone et iPad).*/

@media screen and (max-device-width:768px) and (orientation: landscape) {
	html {
		-webkit-text-size-adjust: 100%;
		-ms-text-size-adjust: 100%;
	}
}

/*Display under 1023px*/
@media screen and (max-width: 1023px) {
	
	.grid-a,
	.grid-b {
		float: none;
		width: 100%;
	}
	
	/*.grid-b {
		display: -moz-box;
		display: -webkit-box;
		display: box;
		-moz-box-orient: vertical;
		-webkit-box-orient: vertical;
		box-orient: vertical;
		width: 100%;
	}*/

	#header a {
		float: none;
	}
	
	.bg-ad, .ads, .ads img{			
		max-width: 100%;
		height:auto;
	}
	
	.ads{		
		padding:0;
		margin:0;
	}	
	
	.ads .float-left {
		float: none;
	}
	
	.pub728-90, .pub728-90 img{			
		max-width: 100%;
		height:72px;
	}		
	
	.pub728-90 object{
		margin-top:-9px;
		vertical-align:top;
		display:inline-block;
		width:100%;	
		height:auto;
	}
	
	.mobile-right-ad {		
		height:250px;
	}
	
	.content-widget > div{
		height:81px;
	}
		
	.titles-grid li a {		
		width: 246px;
	}
	
	.module {	
		margin-top:10px;
		width: auto;
	}
	
	.journal{
		margin-bottom:10px;	
		max-height:250px;
	}
	
	.content-journal{margin-bottom:0}
		
	.titles-grid li a {		
		width: 246px;
	}

	.related-actions {
		max-width: 595px;
	}

	.mobile-news {
		display: block;
	}

	#home-slider {
		display: none;
	}

	#dropdown-sector + ul {
		background: #000;		
		text-transform: auto;
	}

	#dropdown-sector + ul li {
		line-height:20px;
		height: 30px;		
	}

	#dropdown-sector + ul li.sepa {
		border-top: 1px solid #4d4d4d;
		margin-top: 3px;
		padding-top: 3px;
	}

	#main-nav .sub-menu {
		margin-right: 10px;
		width: auto;
	}

	.sub-menu dl {
		width: 23%;
	}
	
	#widget {
		visibility: visible;
	}

	.content-widget .disabled a > img {
		display: none;
	}

	.content-widget .disabled a > img + img {
		display: block;
	}

	#widget .disabled .meteo,
	#widget .disabled .meteo + .widget-container {
		background-color: #d7d7d7;
	}

	#widget .disabled .cotations,
	#widget .disabled .cotations + .widget-container {
		background-color: #959595;
	}

	#widget .disabled .annonces,
	#widget .disabled .annonces + .widget-container {
		background-color: #acacac;
	}

	#widget .disabled .agenda,
	#widget .disabled .agenda + .widget-container {
		background-color: #7d7d7d;
	}

	#widget .disabled .sondage,
	#widget .disabled .sondage + .widget-container {
		background-color: #c2c2c2;
	}

	#widget .disabled .newsletter,
	#widget .disabled .newsletter + .widget-container {
		background-color: #636363;
	}

	#widget .disabled .titres,
	#widget .disabled .titres + .widget-container {
		background-color: #464646;
	}
	
	.content-widget a:hover{
		opacity:0.8;
	}

	#search-form {
		right: 33px;
	}

	.sector-tag + span {
		display: block;
	}

	.container-wrapper {
		border-right: none;
	}

	/*Helpers*/
	.mobile-hidden {
		display: none !important;
	}

	/*Hide*/
	.nav-wrapper .social,
	.search-form,
	#header .float-right,
	.account-creation,
	.sector-nav,
	.answers,
	.login-form,
	.quizz,
	#rel section,
	.widget-content,
	.top-articles,
	#login-button span:first-child,
	.news-filter a span {
		display: none;
	}


	.news-filter {
		margin: 5px 0 0;
	}

	.container-wrapper,
	.ads .float-left,
	.tabs-articles article {
		width: auto !important;
	}
	
	.ads object, .ads embed{
		width: 100%;
	}
	
	.nav-section + .nav-section {
		display: inline-block;
	}

	.nav-section + .nav-section a:first-child {
		width: auto;
	}

	.nav-section + .nav-section a.hover {
		background: #E7342A;
		border-bottom-color: #E7342A;
		color: #c2dfed;
	}

	.nav-section {
		position: relative;
	}

	.nav-section ul {
		background: #000;
		display: none;
		left: 0;
		position: absolute;
		top: 30px;
		width: 191px;
		z-index: 10;
	}

	.nav-section .visible,
	.nav-section ul li,
	.nav-section ul a {
		display: block;
	}


	/*.aside-block {
		-ms-box-ordinal-group: 2;
		-moz-box-ordinal-group: 2;
		-webkit-box-ordinal-group: 2;
		box-ordinal-group: 2;
	}

	.poll {
		-ms-box-ordinal-group: 1;
		-moz-box-ordinal-group: 1;
		-webkit-box-ordinal-group: 1;
		box-ordinal-group: 1;
	}*/

	.medias .col {
		clear: both;
		float: none;
		overflow: hidden;
		width: auto;
	}

	.medias .h3-like {
		font-size: 1.333em;
	}

	.medias .meta {
		font-size: 1.083em;
		margin: 15px 0;
	}

	.medias .col + .col {
		border-top: 12px solid #fff;
		margin: 0;
	}

	.medias aside {
		float: right;
	}
		
	.medias .col .excerpt, .tabs-articles article .excerpt{
		display:block;
		padding-right:100px;
	}

	.grid-b.ml15 {
		margin-top: 10px;
		margin-left: 0;
	}
	
	.mobile-news .meta strong{
		color:#FF8F33;		
	}
	
	/* widgets */
	#widget {
		position: static;
		width: 100%;
		margin: 10px 0 0 0;
		overflow: hidden;
		padding: 0;
	}

	.content-widget {
		border: 0;
	}

	.content-widget > div {
		float: left;
		width: 16.66%;
	}
	
	.content-widget div img{		
		width: 70px;
	}

	#widget a {
		width: auto;
	}

	.poll .h2-like + p {
		float: left;
		width: 75%;
	}

	.poll .more + .more {
		float: right;
		text-transform: uppercase;
	}

	#rel {
		padding: 13px 0;
	}

	#rel .more {
		text-align: left;
		margin: 0;
	}

	#rel .more a {
		background: #202021;
		color: #a6a6a6;
		line-height: 31px;
		text-decoration: none;
		text-transform: uppercase;
	}

	#rel .social {
		margin-top: 3px;
	}

	#footer a {
		margin-left: 0;
	}

	#footer span, #footer a {
		margin-right: 0;
	}

	.news-filter div:first-child + div > a {
		padding-left: 6px;
	}

	.news-filter div:first-child + div > a span {
		display: none;
	}
		
	.top-news-navigation a {		
		width: 51% !important;
	}
		
	.widget-page.group p img{
		float:none;
		width:593px;
		margin:0 auto !important;
	}
	
	.machinisme{
		display:block;
	}
	
	/* articles */
	.related-article article{		
		width:243px;
		height:270px;
		overflow:hidden;
	}
	
	.related-article article div{		
		background-size:243px;					
	}
	
	.related-article article div.cropImg190 {
		width: 243px;
		height: 150px;
	}
	
	/*météo*/
	div.textR{
		width:85%;		
	}

	#links {		
		width:100%;		
	}
		
	#links p span.gauche{	
		float:left;
		margin-right:80px;
	}
	
	.carteAlertesMeteo{
		width: 748px;
		height: 411px;
	}
	
	/* CARTE NATIONALE */
	.fd_carte_national, .fd_carte_region{		
		width:748px;
		height:411px;				
		float:left;
	}

	.fd_carte_national:before {	
		background-size: 748px 411px;				
	}
	
	#transparent{
		max-width: 120px;
		height: 411px;
		line-height: 350px;
	}
	
	#boutonCarte a, #boutonCarte a:hover, #boutonCarte .current {
		width: 45px;
		height: 45px;
		background-size: 45px 45px;
		margin: 5px;
	}
	
	#alertes_bouton {
		width: 100px;
		height: 45px;
		background-size: 100px 45px;		
	}	

}/*Display under 1023px*/


/* Display under 640px */
@media screen and (max-width: 640px) {
	* {
		-webkit-box-sizing: border-box;
		   -moz-box-sizing: border-box;
				box-sizing: border-box;
	}
	
	/* passer body (et tous les éléments de largeur fixe) en largeur automatique */
	body {
		width: auto;
		margin: 0;
		padding: 0;
	}
	
	 /* fixer une largeur maximale de 100% aux éléments potentiellement problématiques */

	img,
	table,
	td,
	blockquote,
	code,
	pre,
	textarea,
	input,
	iframe,
	object,
	embed,
	video {
		max-width: 100%;
	}
	
	/* gestion des mots longs */

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

	/*body:before {
		content: "Version mobile du site";
		display: block;
		text-align: center;
		font-style: italic;
		color: #777;
	}*/
	
	.grid-a,
	.grid-b{
		float:none;
		width:100%;
		max-width:100%;
	}
	

	.tabs-articles .ui-tabs-nav li + li {
		margin-left: 0;
	}

	.tabs-articles .ui-tabs-nav li {
		float: none;	
		padding:0;
	}

	.tabs-articles .ui-tabs-nav li a {
		display: block;
		width:100% !important;		
		float: none;
		font-size: .8em;
		margin:1px 0;
		padding:5px 0;
	}

	.mobile-right-ad {
		float: none;
		margin-top: 0;
		height:250px;
	}

	#widget {
		font-size: .833em;
	}
	
	.content-widget > div{
		height:81px;
	}
	
	.medias .col .excerpt{
		display:none;
		padding-right:100px;
	}
	
	.ml15{
		margin-left: 0;
	}
	
	.module {	
		margin-top:10px;		
		max-width: 100%;
	}
	
	.form-inscription,.form-connexion {			
		padding: 5px;
	}
	.form-connexion {
		margin-top:5px;
		margin-left:-4px;
	}

	.ui.form-inscription .ui.soft-blue.button, 
	.ui.form-inscription .ui.dark-blue.button,
	.ui.form-connexion .ui.white.button, 
	.account-connexion .ui.white.button,
	.ui.form-connexion .ui.dark-green.button	{ 
		padding:5px;
		font-size: 0.9em;
	}	
	.ui.form.form-inscription .field, 
	.ui.form.form-connexion .field{
		padding-bottom: 15px;
	}	
	
	#login-button{
		height: 22px;
		line-height: 22px;
		margin-top: 4px;
		padding: 0px 7px;
	}
	
	/* machinisme*/
	.tabs-articles{margin-top:10px;}
	.top-articles .ui-tabs .ui-tabs-nav li + li{ margin-left: 0;}	
	.top-articles .tabs-articles .ui-state-default a, .top-articles .tabs-articles .ui-state-default a:link, .top-articles .tabs-articles .ui-state-default a:visited {
		border-top: 0;
	}	
	.account-tab a, .ui-tabs .ui-tabs-nav li a { margin-top:0;}
	.ui-tabs-active, .ui-state-active{background:#fff}
	.top-articles .tabs-articles article{	margin: 0 0 3px 20px; }
	
	
}/* Display under 640px */


/*Display under 600px - Ipad mini portrait */
@media screen and (max-width: 600px) {
		
	.grid-a,
	.grid-b{
		float:none;
		width:100%;
		max-width:580px;
	}
	
	.bg-ad, .ads, .ads img{			
		max-width: 100%;
		height:auto;
	}
	
	.ads{		
		padding:0;
		margin:0;
	}	
	
	.ads .float-left {
		float: none;
	}
	
	.pub728-90, .pub728-90 img{			
		max-width: 100%;
		height:72px;
	}		
	
	.pub728-90 object{
		margin-top:-9px;
		vertical-align:top;
		display:inline-block;
		width:100%;	
		height:auto;
	}
	
	.content-widget > div{
		height:81px;
	}
		
	#dropdown-sector + ul li a {		
		line-height: 20px;
		height: 30px;	
	}

	.titles-grid li a {		
		width: 190px;
	}
	
	.medias .col .excerpt{
		display: block;
		padding-right: 100px;
	}
	
	.module {	
		margin-top:10px;		
		max-width: 100%;
	}
	
	.slide {			
		max-width: 580px;
	}
	
	.top-news-navigation a {		
		width: 50% !important;
	}
	
	/* articles */
	.comment-form{
		width: 580px;
		position:relative;
	}
	
	.comment-form .notes {
		display: none;
	}

	.comment-form .ml150 {
		margin-left: 0;
	}
	
	.react-number {
		margin-bottom: 5px;
	}

	.related-actions .btn-related,
	.related-actions .btn-share {
		float: none;
	}

	.related-actions .related-button {
		display: block;
		width: auto;
	}

	.related-actions .btn-subscription {
		margin-left: 0;
	}

	.react aside {
		float: none;
		margin: 0;
		width: auto;
	}

	.react .sponsor {
		display: none;
	}

	.react-number:after {
		border: 0;
	}
	
	.related-article article{		
		width:188px;
		height:300px;
		overflow:hidden;
	}
		
	/*météo*/
	div.textR{
		width:81%;		
	}

	#links {		
		width:100%;		
	}
			
	#links p span.gauche{
		margin-right:10px;
		float:left;		
	}
	
	.carteAlertesMeteo{
		width: 580px;
		height: 319px;
	}
	
	/* CARTE NATIONALE */
	.fd_carte_national, .fd_carte_region{		
		width:580px;
		height:319px;	
	}

	.fd_carte_national:before {	
		background-size: 580px 319px;		
	}
	
}/*Display under 600px - Ipad mini portrait */


/* Display under 568px - orientation : portrait*/
@media screen and (max-width: 568px) and (orientation : portrait) {
	
	.widget-page .headband{
		font: 25px/1 museoSlab100;	
	}

	#widget {
		font-size: .667em;
	}
	
	.content-widget > div{
		height: auto;
	}

	#search-action, #login-button{		
		margin:0 5px 0 0;
		line-height:30px;
		width:48px;
		height:30px;
	}
	
	.titles-grid li a {			
		width: 175px;
	}
	
	.title-list > ul {		
		width: auto;
		display: block;
	}	
			
	.module {	
		margin-top:10px;		
		max-width: 100%;	
	}
	
	.slide {			
		max-width: 500px;
	}
}/* Display under 568px - orientation : portrait*/

/* Display under 568px - orientation : landscape*/
@media screen and (max-width: 568px) and (orientation : landscape) {

	#widget {
		font-size: .667em;
	}
	
	.content-widget a > img{
		width: 74px;
	}
	
	.titles-grid li a {			
		width: 175px;
	}
	
	.title-list > ul {		
		width: auto;
		display: block;
	}	
			
	.module {	
		margin-top:10px;		
		max-width: 100%;		
	}
	
	.slide {			
		max-width: 500px;
	}
}/* Display under 568px - orientation : landscape*/


/* Display under 540px */
@media screen and (max-width: 540px) { 
   
	.share,
	.share fieldset,
	.share .share-widget + fieldset input[type="text"],
	.share .share-widget + fieldset textarea,
	.comment-form textarea,
	.comment-form,
	.comment-form input[type="text"] {
		width: 100% !important;
		-webkit-box-sizing: border-box;
		-moz-box-sizing: border-box;
		box-sizing: border-box;
	}

	.comments-wrapper {
		float: none;
		width: auto;
	}

	.share label,
	.comment-form label {
		display: block;
	}

	.comment-form input[type="checkbox"] + label {
		display: inline-block;
	}

	.share fieldset {
		float: none;
	}

	.share fieldset + fieldset {
		margin-left: 0;
	}

	.share .captcha {
		height: auto;
	}

	.content-widget a > img {
		max-width: 100%;
	}

	#widget {
		font-size: .667em;
	}
	
	.mobile-news .content .chapo {
		display:none;
	}
	
	.ml15{
		margin-left: 0;
	}
	
	.titles-grid li a {			
		width: 145px;
	}
	
	.title-list > ul {		
		width: auto;
		display: block;
	}	
	
	.widget-page.network .legende{
		float:none;
		width:auto;
		margin-top:10px;	
	}

	.widget-page.network .legende div{		
		padding:4px;
	}

	#network-map {	
		margin-top:0;	
		float:none;
		padding:0;		
	}
	
	.module {	
		margin-top:10px;		
		max-width: 100%;
	}	
	
}/* Display under 540px */


/* Display under 480px */
@media screen and (max-width: 480px) and (orientation : portrait) {

	.mobile-news, .h1-like {		
		width:auto;
	}
	
	.mobile-news div.content {		
		width:auto;
	}

	.meta-article {
		margin-right: 0;
	}

	.meta-article strong {
		display: block;
	}

	.meta-article .tags a {
		margin-bottom: 2px;
	}

	#search-action span:first-child {
		display: none;
	}

	#login-button span + span, #connect-button  span + span{
		display: none;
	}

	#login-button span:first-child {
		display: block;
		margin: 0;
	}

	.sub-menu dl {
		width: 31%;
	}

	.news-filter,
	.h1-like {
		float: none;
	}

	#widget {
		font-size: .6em;
	}
	
	.container-wrapper,
	.ads .float-left,
	.tabs-articles article {
		width: auto;
		height: auto;			
	}
		
	.mobile-news .content .chapo {
		display:none;
	}
	
	.ml15{
		margin-left: 0;
	}
	
	.module {	
		margin-top:10px;		
		max-width: 100%;
	}	

	.journal{
		margin-bottom:10px;		
	}	
	
	.mobile-news .excerpt {
		display: none;
	}
		
	.medias .col .excerpt, .tabs-articles article .excerpt{
		display: none;
	}
	
	/* article*/
	.photoleft,
	.photoright {
		float: none;
		margin-left: 0;
		width:300px;
		clear:both;
	}
	
	.news-list header .meta{
		margin-left:0;
	}
	
	.news-list header .meta a, 
	.news-list header .meta span {
		margin: 0px 5px 5px 0px;
		float: left;
	}
		
	.news-list header .meta a + span {
		line-height: 18px;		
	}
	
	.news-list article .cropImg100{
		float:none;
		margin:0 auto;
		border:0;
		width: 300px;
		height:220px;		
		clear:both;
		margin-bottom:3px;
	}
	
	.news-list p, .news-list h2.h2-like{
		margin:0;
	}
	
	.news-list article a{
		display:inline-block;		
	}	
		
	.article-content div p, .article-content p, .article-content div h3 {
		font-size:120%;
	}
	
}/* Display under 480px */


/* Display under 320px */
@media screen and (max-width: 320px) and (orientation : portrait) {
/*@media screen and (max-width: 320px) {*/
	/*body{
		-webkit-text-size-adjust:80%!important;
	}*/
	#header, #header a {						
		overflow:hidden;
		margin:0;
		padding:0;
		height:38px;		
	}		
	
	#header, #header a img {
		max-width: 100%;
	}
		
	#header a {	
		max-width: 107%;			
	}	
	
	#dropdown-sector + ul li, #dropdown-sector + ul li a {
		line-height:20px;
		height: 30px;		
	}
			
	.bg-ad, .ads, .ads img{			
		max-width: 100%;
		height:auto;
	}
	
	.ads{					
		line-height:35px;
		height:37px;
		padding:0;
		margin:0;
	}	
	
	.pub728-90 object{
		margin-top: -26px;
		vertical-align:top;
		display:inline-block;
		width:100%;			
	}
	
	.sub-menu dl {		
		width: 46%;
	}
	
	#login-button span:first-child, #connect-button span:first-child {		
		margin-right: 0;
		vertical-align:middle;
		padding:0 5px;
	}
	
	.grid-a, .grid-b{
		width:300px;
		max-width:300px;
	}
	
	.grid-b{
		margin-top:0;
	}
	
	.medias{
		margin-bottom:0;
	}
	
	.medias .meta {
		margin: 0;
	}

	.medias .h3-like {
		clear: both;
		padding-top: 5px;
	}
	
	/* widgets */
	#widget{			
		width:300px;
		height:40px;
		margin: 10px 0;
	}
	
	#widget a{		
		width:50px;		
	}
	
	#widget a span {
		display: none;
	}
	
	.content-widget > div,.content-widget a > img{
		width: 50px;
	}

	.news-filter .sub-filter {
		display: none;
	}

	.news-filter > div > a {
		font-size: .833em;
	}

	#search-form {
		right: 51px;
	}

	.news-list header .h2-like,
	.news-list p {
		clear: left;
		margin-left: 0;
	}
	
	.container-wrapper,
	.ads .float-left,
	.tabs-articles article {
		width: auto;
		height: auto;		
	}	
	
	.mobile-news, .h1-like {		
		width:auto;
	}
	
	.mobile-news div.content {		
		width:auto;
	}
	
	.mobile-news .content .chapo {
		display:none;
	}
			
	.title-related a {
		font-size: 12px;
		line-height: 1.2;
		width: 32.30%;
	}	
		
	.cell .logo, .cell .btn-web{
		float:none;
		width:99%;	
	}
		
	.top-news-navigation a {		
		width: 53% !important;
	}
	
	.ml15{
		margin-left: 0;
	}
	
	#jquery-lightbox, #lightbox-container-image-box, #lightbox-container-image-data-box{
		max-width:300px !important;
		height:auto;
		max-height:410px;
	}
	
	#lightbox-container-image-data-box{	
		width:280px !important;
		max-height:60px;
		padding:0;
	}
	
	#lightbox-image-details{		
		width:100% !important;
	}
	
	#lightbox-secNav-btnClose{
		display:none;
	}
	
	
	/* article */	
	.infos-medias, .medias-details{
		display:none;
	}
	
	.news-list .cropImg100 .small-overlay {	
		top:55px;
		left:100px;
		font-size:6em;	
	}
	
	.photoleft,
	.photoright {
		float: none;
		margin-left: 0;
		width:300px !important;
	}
	
	.news-list header .meta{
		margin-left:0;
	}
	
	.news-list header .meta a, 
	.news-list header .meta span {
		margin:0 5px 0 0;
		float: left;
	}
	
	.news-list header .meta a + span {
		line-height: 18px;		
	}
	
	.news-list article .cropImg100{
		border:0;
		width: 280px;
		height:200px;		
		clear:both;
		margin-bottom:3px;
	}
	
	.article-content div p, .article-content p, .article-content div h3 {
		font-size:120%;
	}
		
	#video_1_wrapper{
		max-width:300px;
		height:auto;
	}

	.fotorama__stage{
		max-height:200px;
	}
	
	.fotorama__caption__wrap{
		margin-left: 30px;
		width: 240px;
	}
	
	.fotorama__arr.fotorama__arr--prev,.fotorama__arr.fotorama__arr--next{		
		max-width:30px;	
		max-height:200px;
	}
	.fotorama__arr.fotorama__arr--prev{		
		background: url("/reussir/www/img/fotorama-prev-short.png") no-repeat scroll -8px -65px transparent !important;		
	}
	.fotorama__arr.fotorama__arr--next{		
		background: url("/reussir/www/img/fotorama-next-short.png") no-repeat scroll -8px -65px transparent !important;
	}
	
	.related-article article{		
		width:300px;
		height:250px;		
	}
	
	.related-article article div{		
		background-size:300px;					
	}
	
	.related-article article div.cropImg190 {
		width: 300px;
		height: 150px;
	}
	
	/* form comment */
	.comment-form-btn-choice{
		display:none;
	}
	
	.comment-form-btn-theme-a, .comment-form-btn-theme-b{
		float:none !important;
		width:100%;
		margin:1px auto;
	}
	
	.react {
		min-height: 390px;
	}
	
	.comment-form {
		min-height: 300px;
	}
	
	.comment-form input[type="submit"] {
		float: none;
		display: block;
		margin-bottom: 5px;
	}
	
	#commentForm{
		min-height: 420px;
	}
	
	.module {	
		margin-top:10px;		
		max-width: 100%;
	}
	
	/* journal*/
	.journal{margin-bottom:10px;}		
	
	/* mots-clés*/
	.tagCloud, .derniere-recherche{	display:none;}		
	
	/* mon compte */
	.widget-page .headband {
		font: 24px/1 museoSlab100;
		margin: 0;
		padding: 10px 10px 5px;
	}	
	.account-tab {
		margin-bottom: -20px;
	}	
	#navlist li{		
		text-align: center;		
		margin: 3px 2px;
	}
	.ui-tabs .ui-tabs-nav li a{
		display: inline-block;
		padding: 0px;
		width: 300px;		
	}
	.account-connexion-title {		
		font: 23px "museoSlab100";		
	}
	
	
}/* Display under 320px */


/* ==========================================================================
	Print styles.
	Inlined to avoid required HTTP connection: h5bp.com/r
	====================================================================== */
@media print {
	* {
		background: transparent !important;
		color: #000 !important; /* Black prints faster: h5bp.com/s */
		box-shadow: none !important;
		text-shadow: none !important;
	}

	body {
		font: 9pt Arial;
	}

	a,
	a:visited {
		text-decoration: underline;
	}

	pre,
	blockquote {
		page-break-inside: avoid;
	}

	thead {
		display: table-header-group; /* h5bp.com/t */
	}

	tr,
	img {
		page-break-inside: avoid;
	}

	img {
		max-width: 100% !important;
	}

	@page {
		margin: 0.5cm;
	}

	p,
	h2,
	h3 {
		orphans: 3;
		widows: 3;
	}

	h2,
	h3 {
		page-break-after: avoid;
	}
}




.subscription{
	border:1px solid #BFE1FF;
	margin-top:10px;
	padding:10px;
	color:#355F94;
	background-color:#F7F7F7;
}

.subscription:hover{	
	background-color:#FFF;
}

.subscription h3{	
	margin-top:-5px;
	margin-bottom:10px;	
}

.subscription .subStatus{	
	float:right;
	border-left:1px solid #BFE1FF;
	border-bottom:1px solid #BFE1FF;
	background-color:#D9E9F8;
	position:relative;
	margin-top:-10px;
	margin-right:-10px;
	padding:5px 10px;
}

.subscription .subStatus i{	
	font-size:1.1em;
}

.subscription img{	
	width:100px;
	margin:0 10px 0  0;
	float:left;
}

.subscription.toCome span.toCome{		
	background-color:#FF8A00;
	color:#fff;
}

.subscription.toCome:hover{	
	background-color:#FFE8BF;
}

.coupling div{	
	width:60px;
	margin:8px 5px 3px 0;
}

.coupling strong{
	display:inline-block;
	font-size:6px;
	max-width:80px;
	font-weight:100;	
}

.profil-form-content .heading-couple{
	margin:0 auto;
	margin-top:10px;
	width:95%;
	text-align:center;
	background-color: #D9E9F8; 
	clear:both;
	padding:5px 10px;	
	position: relative;
	font-weight:700;	
}

.profil-form-content .heading-couple:after {
	border-color: #D9E9F8 transparent transparent transparent;
	border-width: 10px;
	border-style: solid;
	bottom: -20px;
	content: " ";
	height: 0;
	left: 45%;
	position: absolute;
	width: 0;		
}

.step-6 .declareAbo{
	vertical-align: top;	
	padding-top:10px;
	background-color:#4F9A36;
	color:#fff;
}

.step-6 .declareAbo h2{	
	width:80%;
	margin:0 auto;
}

.step-6 .declareAbo p {	
	color:#fff;
	width:90%;
	margin:0 auto 10px auto;
}

.declareAbo .btn-yellow {
	background-color: #F90;   
	border: 0px none;
	color: #FFF;
	display: inline-block;
	font-size: 1.077em;
	padding: 10px 10px;
	opacity: 1;
	margin: 10px;   
	cursor: pointer;
	/*font-weight:700;
	text-transform: uppercase;*/
}
.declareAbo .btn-yellow i {
	font-size:1.333em;
	vertical-align: middle;
}

.declareAbo .btn-yellow:hover {	
	background-color: #EF9200;	
}

.accountSubscriptions span.enabled{	
	color:#4F9A36;
}

.accountSubscriptions .disabled, 
.accountSubscriptions .suspend{	
	background-color:#ccc;
}

.accountSubscriptions span.disabled, 
.accountSubscriptions span.suspend{	
	background-color:#999;
	color:#fff;
}

.accountSubscriptions span.disabled, 
.accountSubscriptions span.suspend{	
	color:#fff;	
}

.accountSubscriptions .suspend .icon-warning{	
	font-size:1em;
	padding-right: 0;
}

.accountSubscriptions .toCome{		
	background-color:#FFDC9F;
}

.accountSubscriptions .toCome .next{		
	text-shadow: 1px 1px #fff;
}

.accountSubscriptions .cancelled {		
	color:red;
	background-color:#FFCFCF;
}

.accountSubscriptions  span.cancelled {		
	color:#fff;
	background-color:red;
	border:0;
}

.accountSubscriptions .cancelled .icon-warning{
	font-size:1.2em;
	padding-right: 0;
	color:#fff;
}

.accountSubscriptions .pending {			
	background-color:#FFE0AF;
}

.accountSubscriptions  span.pending {		
	color:#fff;
	background-color:#FF7200;
	border:0;
}

.accountSubscriptions .cancelled .next{		
	color:red;
	text-shadow: 1px 1px #fff;
}

.accountSubscriptions .icon-warning{
	font-size:1.2em;
	color:#FF9900;
}

.profil-form-content .section{
	padding:5px;
	background-color:#eeeeee;	
}

.profil-form-content .ou{
	width:50px;
	margin:0 auto 3px auto;
	font-size:1.2em;
	font-weight:700;
}

.formReportSubscription .form-subscription-segment{
	background-color:#E0EBF2;
	margin-top:10px;
}

.formReportSubscription .form-subscription-heading {	
	font-size:1.3em;
	margin-bottom: 10px;
}

.profil-form-content .etape{
	font: 18px "museoSlab500";
	float:left;
	margin-right:10px;		
	background-color:#3E5F77;
	border-radius: 20px;
	padding: 1px 8px;
	color:#fff;
}

.profil-form-content small{
	color:#999;
}

.formReportSubscription .profil-form-content label{
	font-weight:700;
}

.profil-form-content .paywall-btn{
	border:0;
	padding: 10px 14px;
}

.formReportSubscription .form-subscription-choice{
	background-color: #FFF;
	width:29%;
	max-width: 29%;
	float:left;
	margin-right:10px;
}

.formReportSubscription .form-subscription-choice{
	background-color: transparent;	
}

/*.formReportSubscription .form-subscription-segment .selected {
	border-top:1px solid #fff;	
}*/

.form-subscription-choice-highlight.choice-0, 
.form-subscription-choice-highlight.choice-0 label {
	cursor:pointer;
	background-color: #75A5D5;
}

.form-subscription-choice-highlight.choice-0:hover{	
  opacity: 0.9;
}

.form-subscription-choice-highlight.choice-0:after {
	border-color: #75A5D5 transparent transparent transparent;
}

/* bulletin abo */
.suscribe .form-subscription-list {
	list-style: none;
	margin-left: -3%;
	overflow: hidden;
	padding: 0;
}

.suscribe .form-subscription-list li {
	background-color: #fff;
	color: #2f526c;
	cursor: pointer;
	float: left;
	margin-bottom: 10px;
	margin-left: 3%;
	max-width: 130px;
	padding-bottom: 2px;
	text-align: center;
	width: 22%;
}

.suscribe .form-subscription-list img {
	max-height: 170px;
	display: block;
	border-bottom: 2px solid #E0EBF2;
}

.form-subscription-list li:hover, 
.form-subscription-list li.vignetteRevueSelected {
	background-color: red;
	color: #fff;
}

/* déclarer un abo */
.formReportSubscription .form-subscription-list {	
	list-style:none;
	padding:0;	
	margin:0 0 0 42px;		
}

.formReportSubscription .form-subscription-list li {
	/*border:1px solid #ccc;*/
	background-color:transparent;
	padding:5px 0 0 0;
	margin-left:5px;
	text-align:center;
	display:inline-block;
	width:78px;
	float:left;
	cursor:pointer;	
}

.formReportSubscription .form-subscription-list li img {	
	width:70px;	
	margin: 0 10px;
	border:1px solid #ccc;
	margin-left:3px;
	-webkit-transition: all 0.3s ease; /* Safari and Chrome */
	-moz-transition: all 0.3s ease; /* Firefox */
	-ms-transition: all 0.3s ease; /* IE 9 */
	-o-transition: all 0.3s ease; /* Opera */
	transition: all 0.3s ease;	
}


.formReportSubscription .form-subscription-list li:hover img {
	-webkit-transform:scale(1.1); /* Safari and Chrome */
	-moz-transform:scale(1.1); /* Firefox */
	-ms-transform:scale(1.1); /* IE 9 */
	-o-transform:scale(1.1); /* Opera */
	transform:scale(1.1);	
}

.formReportSubscription  .form-subscription-list li:hover, 
.formReportSubscription  .form-subscription-list li.vignetteRevueSelected{
  background-color: #406179;
  color: #ffffff;
  /*box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.2);*/
}

ul.topiclist li.row, .post{
  transition-property: box-shadow;
  transition-duration: 0.25s;
  transition-timing-function: ease;
  transition-delay: 0s;
}

/* Ligne 2761 */
ul.topiclist li.row:hover, .post:target, .post:hover, .unreadpost{
  position: relative;
  z-index: 35;
  box-shadow: 0px 3px 25px 0px rgba(0, 0, 0, 0.2);
}

.form-subscription-choice.unSelected .form-subscription-choice-highlight, 
.form-subscription-choice.unSelected .form-subscription-choice-highlight label {
	background: #999;	
	-webkit-transition: background-color 100ms linear;
	-moz-transition: background-color 100ms linear;
	-o-transition: background-color 100ms linear;
	-ms-transition: background-color 100ms linear;
	transition: background-color 100ms linear;
}

.form-subscription-choice.unSelected .form-subscription-choice-highlight:after {
	border-color: transparent transparent transparent transparent;
}

.form-subscription-list li.preSelected{
	background: #FF0000;	
}

.form-subscription-list li.selected{
	background: #4F9936;	
}

.formEditSubscription .contener{
	min-height:145px;	
}
.formEditSubscription .precision{
	color:#333;	
}

.borderListCouv{
	width:80%;
	margin:5px auto;
	border-bottom:1px dotted #75A5D5;	
}

.visuel-film-help{
	color: #75A5D5;
	font-size: 1.5em;
	line-height: 1.2;
}

.message .error .icon-warning{
	font-size:1em;
}

.account.message.error{
	border: 1px solid red;	
}
.account.message.warning{
	border: 1px solid orange;	
}
.account.message.success{
	border: 1px solid green;	
}
/*.ui.account.message a.float-right{
	margin-top:5px;
}*/

.specimen{
	border:1px solid #999;
	display:block;
	width:40%;
	min-width:200px;
	height:80px;
	background-color: #ccc;
}

.specimen-text{	
	font-size:1.1em;
	display:block;
	width:55%;
	min-width:150px;
	height:80px;	
}

.declareAbo  img{
	border:1px solid #ccc;	
	-webkit-transition: all .1s ease-in-out;
	-moz-transition:	all .1s ease-in-out;
	-o-transition:	  all .1s ease-in-out;
	-ms-transition:	 all .1s ease-in-out; 
}
 
.declareAbo  img:hover{
  -webkit-transform:rotate(-7deg) scale(1.1); 
  -moz-transform:rotate(-7deg) scale(1.1);
  -o-transform:rotate(-7deg) scale(1.1); 
  -ms-transform:rotate(-7deg) scale(1.1); 
  transform:rotate(-7deg) scale(1.1);
  /*box-shadow: 1px 1px 10px #ccc;*/
}

.calameo {
	background-color: #ffa900 !important;	
	margin-top:3px !important;
}

/* politique de confidentialité */

.widget-page.droit .headband,
.dpoForm .headband.fd-tag-portail {
	background-color: #f00;
}

.widget-page.droit {	
	text-align:justify;
}

.widget-page.droit h1{		
	text-align:center;
	text-transform:uppercase;
}

.widget-page.droit h2{	
	color: #20394DB3;
	margin-bottom:20px;
}

.widget-page.droit h2::before {
    content: '';
    background-color: #f00;
    width: 1.5em;
    height: 1.5em;
    display: block;
    float: left;
    margin-right: 1rem;
}

.widget-page.droit h3 {
	color: #f00;
}

.widget-page.droit a {
	text-decoration: underline;
}