
/*########################################
#
#		Bleu :					#19365e		rgba(25,54,94,1)
#		Bleu opacité :			#6d8db8		rgba(109,141,184,1)
#		Bleu clair :			#0a5c95		rgba(10,92,149,1)
#		Bleu clair opacité :	#3a87bd		rgba(58,135,189,1)
#		Bleu gris :				#466c80		rgba(70,108,128,1)
#		Bleu vert :				#0a667c		rgba(10,102,124,1)
#		Vert :					#086563		rgba(8,101,99,1)
#		Violet :				#553873		rgba(85,56,115,1)
#		Parme :					#3c4b8b		rgba(60,75,139,1)
#		Marron :				#745547		rgba(116,85,71,1)
#		Ocre :					#9b7e4e		rgba(155,126,78,1)
#		Rose :					#925f70		rgba(146,95,112,1)
#
#		Noir :					#1b1a19		rgba(27,26,25,1)
#		Gris bleu :				#373c47		rgba(55,60,71,1)
#		Gris jaune :			#4e4e4d		rgba(78,78,77,1)
#		Gris ocre :				#49462d		rgba(73,70,45,1)
#
#
##########################################*/

/*########################################
#
#			GENERIC
#
/*########################################

	/* Fixing Chrome refresh issue */
	body {
		-webkit-animation-duration: 0.1s;
		-webkit-animation-name: fontfix;
		-webkit-animation-iteration-count: 1;
		-webkit-animation-timing-function: linear;
		-webkit-animation-delay: 0.1s;
	}
	@-webkit-keyframes fontfix{
		from{ 	opacity: 1; }
		to{	opacity: 1; }
	}
	/* Body */
		html,body,h1,h2,h3,h4,h5,h6 {
			/* font-family: 'PT Sans',helvetica,arial,sans-serif; */
			/* font-family: 'Open Sans',helvetica,arial,sans-serif; */
			font-family: 'Raleway',helvetica,arial,sans-serif;
			font-weight: 500;
		}
		html,body {
			/* font-family: 'PT Sans',helvetica,arial,sans-serif; */
			/* font-family: 'Open Sans',helvetica,arial,sans-serif; */
			font-family: 'Raleway',helvetica,arial,sans-serif;
			font-weight: 500;
			font-size: 13px;
			color: #1b1a19;
		}
		#content {
			margin-top: 70px;
		}
		.row p,
		.row li {
		}
		a b.glyphicon {
			margin-left: .5em;
		}
		label {
			display: block;
		}
		a {
			color: #0a5c95;
		}
	/* Titles */
		h1 {
			font-size: 30px;
			margin: .5em 0;
			font-weight: 200;
		}
		h1 strong {
			font-weight: 500;
		}
		h2 {
			font-size: 20px;
			border-bottom-style: solid;
			border-bottom-width: 1px;
			border: none;
			font-weight: 500;
		}
		h3 {
			font-size: 16px;
			font-weight: 500;
		}
	/* Floats */
		.clear {
			clear: both !important;
			float: none !important;
		}
		.left {
			float: left !important;
		}
		.right {
			float: right !important;
		}
		.center {
			text-align: center;
		}
	/* Font size */
		.ft10 {
			font-size: 10px;
		}
		.ft11 {
			font-size: 11px;
		}
		.ft12 {
			font-size: 12px;
		}
		.ft13 {
			font-size: 13px;
		}
		.ft14 {
			font-size: 14px;
		}
		.ft16 {
			font-size: 16px;
		}
		.ft20 {
			font-size: 20px;
		}
		.ft22 {
			font-size: 22px;
		}
		.ft30 {
			font-size: 30px;
		}
		.ft40 {
			font-size: 40px;
		}
		.ft50 {
			font-size: 50px;
		}
		.ftBold {
			font-weight: 600;
		}
		.ftLight {
			font-weight: 400;
		}
	/* Text Alignment */
		.alJustify {
			text-align: justify;
		}
		.alCenter {
			text-align: center;
		}
		.alLeft {
			text-align: left;
		}
	/* Hovers */
		.hoverOpacity {
			opacity: 0.7;
			filter : alpha(opacity=70)
		}
		.hoverOpacity:Hover {
			opacity: 1;
			filter : alpha(opacity=100)
			transition-duration: .3s;
		}
		.hover {
			transition-property: background-color;
			transition-duration: .3s;
			cursor: pointer;
		}
		.hoverBlue:Hover {
			background-color: #19365e;
		}
		.hoverOpacityBlue:Hover {
			background-color: #6d8db8;
		}
		.hoverLightBlue:Hover {
			background-color: #0a5c95;
		}
		.hoverOpacityLightBlue:Hover {
			background-color: #3a87bd;
		}
		.hoverGreyBlue:Hover {
			background-color: #466c80;
		}
		.hoverGreenBlue:Hover {
			background-color: #0a667c;
		}
		.hoverGreen:Hover {
			background-color: #086563;
		}
		.hoverPurple:Hover {
			background-color: #553873;
		}
		.hoverParme:Hover {
			background-color: #3c4b8b;
		}
		.hoverBrown:Hover {
			background-color: #745547;
		}
		.hoverOcher:Hover {
			background-color: #9b7e4e;
		}
		.hoverPink:Hover {
			background-color: #925f70;
		}
		.hoverDark:Hover {
			background-color: #1b1a19;
		}
		.hoverLightGrey:Hover {
			background-color: #EEE;
		}
		.hoverGrey:Hover {
			background-color: #333;
		}
		.hoverBlueGrey:Hover {
			background-color: #373c47;
		}
		.hoverYellowGrey:Hover {
			background-color: #4e4e4d;
		}
		.hoverOcherGrey:Hover {
			background-color: #49462d;
		}
		.hoverWhite:Hover {
			background-color: #FFF;
		}
		.hoverRed:Hover {
			background-color: #ac193d;
		}
		.hoverOrange:Hover {
			background-color: #ff8f32;
		}
		.hoverColWhite:Hover {
			color: #FFF.
		}
	/* Backgrounds */
		.bgBlue {
			background-color: #19365e;
		}
		.bgOpacityBlue {
			background-color: #6d8db8;
		}
		.bgLightBlue {
			background-color: #0a5c95;
		}
		.bgOpacityLightBlue {
			background-color: #3a87bd;
		}
		.bgGreyBlue {
			background-color: #466c80;
		}
		.bgGreenBlue {
			background-color: #0a667c;
		}
		.bgGreen {
			background-color: #086563;
		}
		.bgPurple {
			background-color: #553873;
		}
		.bgParme {
			background-color: #3c4b8b;
		}
		.bgBrown {
			background-color: #745547;
		}
		.bgOcher {
			background-color: #9b7e4e;
		}
		.bgPink {
			background-color: #925f70;
		}
		.bgDark {
			background-color: #1b1a19;
		}
		.bgUltraLightGrey {
			background-color: #F9F9F9;
		}
		.bgLightGrey {
			background-color: #EEE;
		}
		.bgGrey {
			background-color: #333;
		}
		.bgBlueGrey {
			background-color: #373c47;
		}
		.bgYellowGrey {
			background-color: #4e4e4d;
		}
		.bgOcherGrey {
			background-color: #49462d;
		}
		.bgWhite {
			background-color: #FFF;
		}
		.bgRed {
			background-color: #ac193d;
		}
		.bgOrange {
			background-color: #ff8f32;
		}
	/* Backgrounds dégradés */
		.bgDegBlue {
			background-image: linear-gradient(to bottom, rgba(13,36,67,1), rgba(25,54,94,1));
		}
	/* Colors */
		.colWhite {
			color: #FFF;
		}
		.colLightGrey {
			color: #999;
		}
		.colGrey {
			color: #333;
		}
		.colMediumGrey {
			color: #666;
		}
		.colDark {
			color: #1b1a19;
		}
		.colBlue {
			color: #19365e;
		}
		.colGreen {
			color: #008a17;
		}
		.colRed {
			color: #c00202;
		}
		.hoverColWhite:Hover {
			color: #FFF;
		}
	/* Borders */
		.borBot1 {
			border-bottom: 1px solid;
		}
		.borderLightGrey {
			border: 1px solid rgba(240,240,240,1);
		}
		.borderColLightGrey {
			border-color: #EEE;
		}
		.borderColGrey {
			border-color: #333;
		}
		.borderColMediumGrey {
			border-color: #999;
		}
	/* Border radius */
		.borRad5 {
			border-radius: 5px !important;
			-webkit-border-radius: 5px !important;
		}
		.borRad8 {
			border-radius: 8px !important;
			-webkit-border-radius: 8px !important;
		}
		.borRad10 {
			border-radius: 10px !important;
			-webkit-border-radius: 10px !important;
		}
	/* Margins */
		/* All */
		.m0 {
			margin: 0px;
		}
		.m5 {
			margin: 5px;
		}
		.m10 {
			margin: 10px;
		}
		/* Top */
		.mTop0 {
			margin-top: 0px;
		}
		.mTop5 {
			margin-top: 5px;
		}
		.mTop10 {
			margin-top: 10px;
		}
		.mTop20 {
			margin-top: 20px;
		}
		.mTop30 {
			margin-top: 30px;
		}
		.mTop35 {
			margin-top: 35px;
		}
		.mTop40 {
			margin-top: 40px;
		}
		.mTop45 {
			margin-top: 45px;
		}
		.mTop50 {
			margin-top: 50px;
		}
		.mTop55 {
			margin-top: 55px;
		}
		.mTop60 {
			margin-top: 60px;
		}
		/* Right */
		.mRight0 {
			margin-right: 0px;
		}
		.mRight5 {
			margin-right: 5px;
		}
		.mRight10 {
			margin-right: 10px;
		}
		.mRight20 {
			margin-right: 20px;
		}
		.mRight25 {
			margin-right: 25px;
		}
		.mRight30 {
			margin-right: 30px;
		}
		.mRight40 {
			margin-right: 40px;
		}
		/* Bottom */
		.mBot0 {
			margin-bottom: 0px;
		}
		.mBot5 {
			margin-bottom: 5px;
		}
		.mBot10 {
			margin-bottom: 10px;
		}
		.mBot20 {
			margin-bottom: 20px;
		}
		.mBot30 {
			margin-bottom: 30px;
		}
		.mBot40 {
			margin-bottom: 40px;
		}
		/* Left */
		.mLeft0 {
			margin-left: 0px;
		}
		.mLeft5 {
			margin-left: 5px;
		}
		.mLeft10 {
			margin-left: 10px;
		}
		.mLeft20 {
			margin-left: 20px;
		}
		.mLeft30 {
			margin-left: 30px;
		}
		.mLeft40 {
			margin-left: 40px;
		}
	/* Paddings */
		/* All */
		.p0 {
			padding: 0px;
		}
		.p5 {
			padding: 5px;
		}
		.p10 {
			padding: 10px;
		}
		/* Top */
		.pTop0 {
			padding-top: 0px;
		}
		.pTop5 {
			padding-top: 5px;
		}
		.pTop10 {
			padding-top: 10px;
		}
		.pTop20 {
			padding-top: 20px;
		}
		.pTop30 {
			padding-top: 30px;
		}
		.pTop40 {
			padding-top: 40px;
		}
		/* Right */
		.pRight0 {
			padding-right: 0px;
		}
		.pRight5 {
			padding-right: 5px;
		}
		.pRight10 {
			padding-right: 10px;
		}
		.pRight20 {
			padding-right: 20px;
		}
		.pRight30 {
			padding-right: 30px;
		}
		.pRight40 {
			padding-right: 40px;
		}
		/* Bott.p */
		.pBot0 {
			padding-bottom: 0px;
		}
		.pBot5 {
			padding-bottom: 5px;
		}
		.pBot10 {
			padding-bottom: 10px;
		}
		.pBot15 {
			padding-bottom: 15px;
		}
		.pBot20 {
			padding-bottom: 20px;
		}
		.pBot30 {
			padding-bottom: 30px;
		}
		.pBot40 {
			padding-bottom: 40px;
		}
		/* Left */
		.pLeft0 {
			padding-left: 0px;
		}
		.pLeft5 {
			padding-left: 5px;
		}
		.pLeft10 {
			padding-left: 10px;
		}
		.pLeft15 {
			padding-left: 15px;
		}
		.pLeft20 {
			padding-left: 20px;
		}
		.pLeft30 {
			padding-left: 30px;
		}
		.pLeft40 {
			padding-left: 40px;
		}
	/* Caps */
		.caps {
			text-transform: uppercase;
		}
	/* Alignment */
		.alignCenter {
			text-align: center;
		}
		.alignLeft {
			text-align: left;
		}
		.alignRight {
			text-align: right;
		}
	/* Lists */
	.typeNone {
		list-style-type: none;
		margin: 0 0 0 0;
		padding: 0 0 0 0;
	}
	/* Buttons */
		.btn-primary:hover, .btn-primary:focus, .btn-primary:active, .btn-primary.active, .open .dropdown-toggle.btn-primary {
			background-image: linear-gradient(to bottom, rgba(55,60,71,1), rgba(27,26,25,1));
			border: 1px solid rgba(55,60,71,1);
		}
		.btn-primary {
			background-image: linear-gradient(to bottom, rgba(55,60,71,1), rgba(27,26,25,1));
			border: 1px solid rgba(55,60,71,1);
			border-radius: 0;
			-webkit-border-radius: 0;
			background: #333;
		}
		.btn-primary.bgBlue {
			background-color: #0a5c95;
			border: 1px solid #0a5c95;
		}
		.btn-primary:Hover {
			border: 1px solid #3a87bd;
			background: #3a87bd;
			transition-property: background-color,border;
			transition-duration: .3s;
		}
	/* DOMWindow */
		#DOMWindow {
			border-radius: 5px;
			-webkit-border-radius: 5px;
			overflow:hidden !important;
		}
		body#user #DOMWindow {
			overflow:auto !important;
		}

	/* Custom scrollbar for webkit browsers. For cross-browser solution, look at : http://manos.malihu.gr/jquery-custom-content-scroller/ */ 
		::-webkit-scrollbar {
			width: 10px;
		}
		::-webkit-scrollbar-track {
			/*
			-webkit-box-shadow: inset 0 0 2px rgba(0,0,0,0.3); 
			-webkit-border-radius: 10px;
			border-radius: 10px;
			*/
		}
		::-webkit-scrollbar-thumb {
			background: rgba(200,200,200,0.8); 
			/*
			-webkit-border-radius: 10px;
			border-radius: 10px;-webkit-box-shadow: inset 0 0 6px rgba(0,0,0,0.5);
			*/
		}
		::-webkit-scrollbar-thumb:Hover {
			background: rgba(200,200,200,1); 
		}
		::-webkit-scrollbar-thumb:window-inactive {
			background: rgba(200,200,200,0.4); 
		}
	/* Tables */
		table {
			width: 100%;
			border: 1px solid #EEE;
		}
		td {
			padding: 5px 10px;
			color: #000;
			text-align: left;
			font-weight: 400;
			font-size: 13px;
			border-top: 1px solid #EEE;
		}
		td a {
			color: #000;
		}
		.header td {
			background: #EEE;
			padding: 7px 10px;
			color: #333;
			font-weight: 600;
		}
		.header td.per5 {
			width: 5%;
		}
		.header td.per10 {
			width: 10%;
		}
		.header td.per15 {
			width: 15%;
		}
		.header td.per20 {
			width: 20%;
		}
		.header td.per25 {
			width: 25%;
		}
		.header td.per30 {
			width: 30%;
		}
		.header td.per35 {
			width: 35%;
		}
		.header td.per40 {
			width: 40%;
		}
		.header td.per45 {
			width: 45%;
		}
		.header td.per50 {
			width: 50%;
		}
		.header td.per55 {
			width: 55%;
		}
		.header td.per60 {
			width: 60%;
		}
		.header td.per65 {
			width: 65%;
		}
		.header td.per70 {
			width: 70%;
		}
		.header td.per80 {
			width: 80%;
		}
		.header td.per90 {
			width: 90%;
		}
		.even td {
			/* background-color: #F0F0F0; */
		}
		tbody tr:Hover td {
			background-color: #3a87bd;
			color: #FFF;
		}
		tbody tr:Hover td span {
			color: #FFF;
		}
		tbody tr:Hover td a {
			color: #FFF;
		}
		tr.even td {
			background-color: #FAFAFA;
		}
		td.vaTop {
			vertical-align: top;
		}
		.vaMiddle {
			vertical-align: middle;
		}
	/* Panels */
		.panel {
			border-radius: 0;
			-webkit-border-radius: 0;
			box-shadow: none;
			-webkit-box-shadow: 0;
			border: 0;
			margin-bottom: 10px;
		}
		.panel-default > .panel-heading {
			background: #EEE url('../i/heading_arrow.png') no-repeat right 5px;
			color: #333;
			border-radius: 0;
			-webkit-border-radius: 0;
			border: 0;
			cursor: pointer;
			font-weight: 600;
			text-transform: uppercase
		}
		.panel-default > .panel-heading.closed {
			background: #EEE url('../i/heading_arrow.png') no-repeat right -35px;
		}
		.panel-default > .panel-body {
			border: 1px solid #CCC;
			border-top: 0;
			margin: 0 5px;
		}
	/* Pagination */
		.pagination {
			float: right;
		}
		.pagination > .active > a, .pagination > .active > span, .pagination > .active > a:hover, .pagination > .active > span:hover, .pagination > .active > a:focus, .pagination > .active > span:focus {
			background-color: #3a87bd;
			border-color: #3a87bd;
		}
	/* Labels */
		label {
			font-weight: 400;
			font-size: 16px;
		}
	/* Wells */
		.well {
			border-radius: 0px;
			-moz-border-radius: 0px;
			-webkit-border-radius: 0px;
			margin-bottom: 0;
			box-shadow: none;
			-webkit-box-shadow: none; 
			border: 1px solid #F0F0F0;
			background: #FAFAFA;
		}
	/* Tabs */
		ul.tabs {
			list-style: none;
			margin: 0;
			padding: 0;
			border-bottom: 1px solid #CCC;
		}
		ul.tabs li {
			background: #EEE;
			float: left;
			padding: 5px 10px;
			margin: 0 2px 0 0;
			cursor: pointer;
			-webkit-border-top-left-radius: 3px;
			-webkit-border-top-right-radius: 3px;
			-moz-border-radius-topleft: 3px;
			-moz-border-radius-topright: 3px;
			border-top-left-radius: 3px;
			border-top-right-radius: 3px;
			font-weight: 600;
		}
		ul.tabs li.active,
		ul.tabs li:Hover {
			background: #0a5c95;
			color: #FFF;
		}
		ul.tabs li:Hover {
			background: #3a87bd;
		}
/*########################################
#
#			SPECIFIC
#
/*########################################
/* Home / En pratique */
	ul#pratique {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	ul#pratique li {
		padding: 10px 0 0 10px;
	}
/* Home / Actus */
	ul#actus {
		list-style-type: none;
		margin: 0;
		padding: 0;
	}
	ul#actus li {
		padding: 10px 0 0 10px;
	}
	ul#actus li p.authoring {
		font-size: 11px;
	}
/* Home / Rejoindre */
#colJoin ol {
	text-align: left;
	padding-left: 18px;
}
#colJoin ol li {
	padding:0 0 10px 0;
}
/* Atouts */
a.anchor{
	display: block;
	position: relative;
	top: -80px; 
	visibility: hidden;
}
/* SLAs */
	.sla1 .time {
		background-image: url('../i/ico_horloge_green.png');
		background-repeat: no-repeat;
		background-position: center center;
	}
	.sla2 .time {
		background-image: url('../i/ico_horloge_orange.png');
		background-repeat: no-repeat;
		background-position: center center;
	}
	.sla3 .time {
		background-image: url('../i/ico_horloge_red.png');
		background-repeat: no-repeat;
		background-position: center center;
	}
	.sla4 .time {
		background-image: url('../i/ico_horloge_redblink.gif');
		background-repeat: no-repeat;
		background-position: center center;
	}
	.sla1 div.time,
	.sla2 div.time,
	.sla3 div.time,
	.sla4 div.time {
		background-position: left center;
		padding-left: 25px;
	}
/* LIVE SEARCH & RESULTS */
	.liveResults {
		position: absolute;
		background: #FFF;
		border: 1px solid #EEE;
		border-bottom:0;
		margin: 35px 0 0 0;
		padding: 0;
		width: 100%;
		list-style-type: none;
		z-index: 1000;
		box-shadow: 0px 0px 3px 0px rgba(0,0,0,.25);
		-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,.5); 
	}
	.liveResults li {
		border-bottom: 1px solid #EEE;
		cursor: pointer;
		padding: 5px 10px;
	}
	.liveResults li span.questionsCount{
		color: #CCC;
		display: block;
		float: none;
	}
	.liveResults li:Hover,
	.liveResults li.hover {
		background: #3a87bd;
		color: #FFF;
	}
	.liveResults li:Hover span.questionsCount,
	.liveResults li.hover span.questionsCount {
		color: #FFF;
	}
/* ACCORDIAN */
	#accordian {
		background: #F9F9F9;
		margin: 0;
		padding: 0;
	}
	#accordian ul {
		margin: 0;
		padding: 0;
	}
	#accordian ul li {
		margin: 0;
		padding: 0;
	}
	#accordian ul li.active h3 {
		background: #0a5c95 url('../i/accordian_arrow.png') no-repeat right -17px;
		color: #FFF;
	}
	/*heading styles*/
	#accordian h3 {
		font-size: 13px;
		line-height: 34px;
		padding: 0 0 0 10px;
		margin: 0;
		cursor: pointer;
		background: #EEE url('../i/accordian_arrow.png') no-repeat right 9px;
		color: #333;
		border-bottom: 1px solid #DDD;
		border-top: 1px solid #FFF;
		font-weight: 600;
		text-transform: uppercase;
	}
	/*heading hover effect*/
	#accordian h3:hover {
		color: #FFF;
		background-color: #3a87bd;
	}
	/*list items*/
	#accordian li {
		list-style-type: none;
	}
	/*links*/
	#accordian ul ul li {
	}
	#accordian ul ul li a {
		clear: both;
		text-decoration: none;
		font-size: 13px;
		line-height: 27px;
		display: block;
		padding: 0 0 0 20px;
		color: #333;
		/*transition for smooth hover animation*/
		transition: all 0.15s;
	}
	#accordian ul ul li a span {
		font-family: arial,helvetica,sans-serif;
		font-size: 10px;
		float: right;
		margin: 5px 5px 5px 0;
		padding: 0 5px;
		height: 16px;
		line-height: 16px;
		border-radius: 5px;
		-moz-border-radius: 5px;
		-webkit-border-radius: 5px;
		background: #3a87bd;
		background: #FFF;
		color: white;
		color: #3a87bd;
		font-weight: bold;
	}
	/*hover effect on links*/
	#accordian ul ul li a:hover {
		background: #3a87bd;
		padding-left: 30px;
		color: #FFF;
	}
	#accordian ul ul li a.active {
		background: #3a87bd;
		color: #FFF;
	}
	/*Lets hide the non active LIs by default*/
	#accordian ul ul {
		display: none;
	}
	#accordian li.active ul {
		display: block;
	}
/* Footer */
#footer {
	height: 220px;
	overflow: hidden;
	width: 100%;
}
.footer h3 {
	font-size:16px;
}
.footer p {
	line-height: 1.2em;
}
/* Navbar */
.navbar {
	min-height: 70px;
	color: #FFF;
	background: #FFF;
	border-top: 3px solid #19365e;
	border-bottom: 1px solid #EEE;
}
.navbar-brand {
	padding: 7px 20px 3px 0;
}
.navbar-nav>li>a {
	padding-top: 27px;
	padding-bottom: 27px;
	transition-property: background-color;
	transition-duration: .3s;
	color: #19365e;
}
.navbar .navbar-nav>.active>a,
.navbar .navbar-nav>.active>a:hover,
.navbar .navbar-nav>.active>a:focus {
	color: #FFF;
	background: #19365e url('../i/nav-arrow.png') no-repeat center bottom;
}
.navbar .navbar-nav>li>a:hover {
	color: #FFF;
	background-color: #3a87bd !important;
}
.dropdown-menu > li > a:hover, .dropdown-menu > li > a:focus {
	background-color: #3a87bd !important;
}
/* Login form */
#loginForm {
	margin-left: auto;
	margin-right: auto;
	margin-top: 150px;
	margin-bottom: 200px;
	width: 550px;
}
#loginFormContent {
	width: 550px;
	height: 350px;
	background: #19365e url('../i/loginbox_background.jpg') no-repeat center center;
}
#loginFormContent .title {
	height: 60px;
	background: #FFF url('../i/header_logo.png') no-repeat center center;
	box-shadow: 0px 0px 3px 0px rgba(0,0,0,.25);
	-webkit-box-shadow: 0 0 3px 0px rgba(0,0,0,.25); 
	margin: 0 0 30px 0;
}
#loginFormContent .input {
	padding: 0 30px 0 20px;
}
#loginFormContent input {
	margin: .5em 0 2em 0;
}
#loginFormContent .btn {
}
#loginFormContent input.error {
	box-shadow: 0px 0px 3px 0px rgba(255,0,0,.25);
	-webkit-box-shadow: 0 0 3px 0px rgba(255,0,0,.25); 
	border: 1px solid #FF0000;
}
#loginFormContent div.message {
	display: none !important;
}
/* Ask Form */
#askQuestion input.error,
#askQuestion select.error,
#askQuestion textarea.error {
	box-shadow: 0px 0px 3px 0px rgba(255,0,0,.25);
	-webkit-box-shadow: 0 0 3px 0px rgba(255,0,0,.25); 
	border: 1px solid #FF0000;
}

/* Carousel */
#myCarousel {
	background: #FFF url('../media/pics/carrousel_background.jpg') no-repeat center center;
	border-bottom: 1px solid #EEE;
}
.carousel {
	/* margin-top: 60px; */
	height: 400px;
}
.carousel-inner {
	background: transparent;
}
.carousel-inner>.item {
	height: 400px;
	overflow: hidden;
}
.carousel-inner>.item>img, .carousel-inner>.item>a>img {
	margin: 0 auto;
}
.carousel-caption {
	text-shadow: none;
	color:#333;
	top: 0;
	position: relative;
	left: 0;
	right: 0; 
	text-align: left;
}
.carousel-caption.left {
	float: left;
}
.carousel-caption.right {
	float: right;
}
.carousel-control.left,
.carousel-control.right {
	background: transparent;
}
.carousel-control.left {
	background-image: linear-gradient(to right, rgba(255,255,255,1),rgba(255,255,255,0));
}
.carousel-control.right {
	background-image: linear-gradient(to right, rgba(255,255,255,0),rgba(255,255,255,1));
}
.carousel-control {
	opacity: 1;
}
.carousel-control:Hover {
	opacity: 1;
}
.carousel-indicators li {
	border: 1px solid #AAA;
}
.carousel-indicators li.active,
.carousel-indicators li:Hover {
	background: #AAA;
}
.carousel h2 {
	font-size: 26px;
	border: 0;
}
.carousel h2 span {
	display: block;
	float: left;
	clear: both;
	padding: .25em .5em .25em .5em;
	margin: 0 0 .125em 0;
}
.carousel .carousel-caption p {
	clear: both;
	float: left;
	font-size: 16px;
	width: 500px;
	text-align: left;
	margin: 2em 0 0 0;
}
/*
.carousel a {
	clear: both;
	float: left;
}
*/
.carousel img.left {
	float: left;
}
.carousel img.right {
	float: right;
}
.carousel h2 .grey {
	background: #333;
	color: #FFF;
}
/* Home */
.vignette div {
	padding: 150px 1em 10px 1em;
	background: #FAFAFA url('../i/home_icon_conseil.png') no-repeat center 20px;
	height: 220px;
	text-align: center;
}
.vignette h2 {
	border: 0;
	font-size: 16px;
}
#homeReactivite div {
	background: #FAFAFA url('../i/home_icon_reactivite.png') no-repeat center 20px;
}
#homeDev div {
	background: #FAFAFA url('../i/home_icon_dev.png') no-repeat center 20px;
}
#homeCoaching div {
	background: #FAFAFA url('../i/home_icon_coach.png') no-repeat center 22px;
}
#homeOpportunity div {
	background: #FAFAFA url('../i/home_icon_opportunity.png') no-repeat center 22px;
}
#homeEvent div {
	background: #FAFAFA url('../i/home_icon_event.png') no-repeat center 22px;
}
#homeConseil div:Hover,
#homeReactivite div:Hover,
#homeDev div:Hover,
#homeCoaching div:Hover,
#homeOpportunity div:Hover,
#homeEvent div:Hover {
	background-color: #F0F0F0;
	transition-property: background-color;
	transition-duration: .3s;
}
/* Wheel */
#wheel {
	background: transparent url('../i/wheel.jpg') no-repeat -15px 15px;
	height: 500px;
	width: 480px;
	margin: 0 auto 0 auto
}
#wheel ul li {
	display: block;
	float: none;
	position: absolute;
	border-radius: 100px;
	-moz-border-radius: 100px;
	-webkit-border-radius: 100px;
	-khtml-border-radius: 10px;
	color: #FFF;
	vertical-align: middle;
	padding: 40px 0 0 0;
	text-align: center;
	font-weight: 700;
	font-size: 15px;
	cursor: pointer;
	width: 105px;
	height: 105px;
}
#wheel1 {
	margin-left: 146px;
	margin-top: 10px;
}
#wheel2 {
	margin-left: 330px;
	margin-top: 130px;
}
#wheel3 {
	margin-left: 320px;
	margin-top: 305px;
	padding-top: 30px !important;
}
#wheel4 {
	margin-left: 146px;
	margin-top: 395px;
	padding-top: 35px !important;
}
#wheel5 {
	margin-left: -30px;
	margin-top: 305px;
	padding-top: 35px !important;
}
#wheel6 {
	margin-left: -40px;
	margin-top: 130px;
}
#wheel7 {
	margin-left: -30px;
	margin-top: 305px;
}
#wheel8 {
	margin-left: -50px;
	margin-top: 185px;
	padding-top: 17px !important;
	font-size: 12px !important;
}
#wheel9 {
	margin-left: 0px;
	margin-top: 65px;
	padding-top: 20px !important;
	font-size: 12px !important;
}
/* Forms */
.field .input-group {
	float: left;
}
.field .message {
	background: transparent url('../i/icon_error.png') no-repeat center center;
	width: 30px;
	height: 30px;
	overflow: hidden;
	float: left;
	cursor: pointer;
}
.field .message span {
	display: none !important;
}
.field .message:Hover span {
	display: block !important;
	position: absolute;
	margin-left: 30px;
	background: #FFF;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
	padding: 1em;
	width: 100%;
	z-index: 1000;
	box-shadow: 0px 0px 3px 2px rgba(0,0,0,.1);
	-webkit-box-shadow: 0 0 3px 2px rgba(0,0,0,0.1); 
}
.field input,
.field select,
.field textarea {
	float: left;
	-webkit-border-radius: 4px !important;
	border-radius: 4px !important;
}
.field select {
	width: 150px;
}
.field label.radioLbl {
	float: left;
	margin: .125em 1em 0 .5em;
	font-weight: 500;
}
.field .form-control {
	width: 300px;
}
.field.small .form-control {
	width: 240px;
}
.field label {
	color: #666;
}
ul.navSteps {
	list-style-type: none;
	margin: 1em 0 1em 0;
	padding:0;
	background: #EEE;
	color: #999;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.navSteps li {
	padding: 1em;
	font-size: 17px;
	-webkit-border-radius: 4px;
	border-radius: 4px;
}
.navSteps li b {
	margin-right: 1em;
}
.navSteps li.active {
	background-color: #086563;
	color: #FFF;
	transition-property: background-color;
	transition-duration: 1s;
}
form .container {
	padding: 1em;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	background: #FAFAFA;
	border: 1px solid #EEE;
}
form .container .row {
	margin: 0 0 1em 0;
}
#contactForm textarea.error,
#contactForm select.error,
#contactForm input.error {
	border: 1px solid #FF0000;
	box-shadow: 0 0 3px 0 rgba(255, 0, 0, 0.25);
}
#contactForm div#msg div.message {
	padding-left: 20px;
}
/* Preinscription */ 
#paypalLogo {
	height: 100px;
	width: 340px;
	overflow: hidden;
	display: block;
	clear: both;
	float:none;
	-webkit-border-radius: 8px;
	border-radius: 8px;
	border: 1px solid #DDD !important;
	background: #FFF;
	padding: 10px;
	margin: 20px 0 0 80px;
}
#paypalLogo img {
}
#preinscriptionPage div.message {
	color: #C00;
	font-weight: 600;
	text-align: center;
	font-size: 120%;
	margin: 0 0 10px 0;
}
/* Discussion */
.discussion {
	width: 85%;
	margin: 5px 0;
	padding: 10px;
	background: #EEE;
	-webkit-border-radius: 8px;
	border-radius: 8px;
}
/* Transfert */
#transfertFormContent tbody td {
	cursor: pointer;
}
#transfertFormContent tr.selected td {
	background-color: #3a87bd;
	color: #FFF;
	font-weight: 600;
}
#validateTransfer {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
#validateArchive {
	position: absolute;
	bottom: 10px;
	right: 10px;
}
/* Offre */
#offre48h {
	background: transparent url('../i/offre48h.png') no-repeat left top;
}
#offreCible {
	background: transparent url('../i/offreCible.png') no-repeat left top;
}
#offreInclude {
	background: transparent url('../i/offreInclude.png') no-repeat left top;
}
#offreCroissance {
	background: transparent url('../i/offreCroissance.png') no-repeat left top;
}
#offreCoaching {
	background: transparent url('../i/offreCoaching.png') no-repeat left top;
}
#offre48h,
#offreCible,
#offreInclude,
#offreCroissance,
#offreCoaching {
	padding-left: 0;
}

#offre48h ul,
#offreCible ul,
#offreInclude ul,
#offreCroissance ul,
#offreCoaching ul {
	list-style-type: none;
	list-style-image: url('../i/star.png');
}
#offre48h ul li,
#offreCible ul li,
#offreInclude ul li,
#offreCroissance ul li,
#offreCoaching ul li {
	margin: 0 0 .5em 0;
	padding: 0;
	line-height: 1.2em;
}
/* Dashboard */
.dashboardTile {
	height: 94px;
}
#dashLogs {
	list-style: none;
	margin: 0;
	padding: 0;
}
#dashLogs li {
	padding: 0 10px 0 5px;
}
#dashLogs li.even {
	background-color: #F6F6F6;
}
#dashLogs li:Hover {
	background-color: #6d8db8;
	color: #FFF;
}
#dashLogs li span {
	display: block;
	float: left;
	padding-top: 5px;
	padding-bottom: 5px;
}
#dashLogs li span.link {
	float: right;
}
#dashLogs li:Hover span.link a {
	color: #FFF !important;
}
#dashLogs li span.datetime {
	width: 125px;
	padding-left: 25px;
}
#dashLogs li.questionTransfered span.datetime {
	background: transparent url('../i/activityTransfert.png') no-repeat left 4px;
}
#dashLogs li.newQuestion span.datetime {
	background: transparent url('../i/activityNewQuestion.png') no-repeat left 4px;
}
#dashLogs li.questionAssigned span.datetime {
	background: transparent url('../i/activityAssign.png') no-repeat left 4px;
}
#dashLogs li.questionFees span.datetime {
	background: transparent url('../i/activityFees.png') no-repeat left 4px;
}
#dashLogs li.qualifQuestion span.datetime {
	background: transparent url('../i/activityQualif.png') no-repeat left 4px;
}
#dashLogs li.questionArchived span.datetime {
	background: transparent url('../i/activityArchive.png') no-repeat left 4px;
}
#dashLogs li.newQuestionComment span.datetime {
	background: transparent url('../i/activityComment.png') no-repeat left 4px;
}
#dashLogs li:Hover span.datetime {
	background-position: left -26px;
}
#dashLogs li span.name {
	font-weight: 600;
	padding-right: 2px;
}
#dashLogs li span.action {
	padding-right: 2px;
}
ul.table li{
	border-bottom: 1px solid #EEE;
	padding: 2px 0;
}


/* Edit User */
#editUser select.error,
#editUser input.error,
#editUser textarea.error {
	border: 1px solid #F00;
}
#paiementDate {
	width: 150px;
	background: transparent url('../i/ico_calendar.png') no-repeat right 7px;
	cursor: pointer !important;
}
#paiementFormForm label {
	font-weight: 600;
	font-size: 110%;
	color: #333;
	float: left;
	width: 100px;
	padding-top: 5px;
}
.datepicker tbody tr:Hover td,
.datepicker tbody tr:Hover td span {
	background-color: transparent;
	color: #000;
}
.datepicker tbody tr td span:Hover {
	background: #eeeeee;
}
.datepicker tbody tr:Hover td.old,
.datepicker tbody tr:Hover td.new {
	color: #999;
}
.datepicker tbody tr:Hover td.active {
	color: #FFF;
}
.datepicker th {
	font-weight: 600;
	font-size: 12px;
}
.datepicker .table-condensed thead > tr > th,
.datepicker .table-condensed tbody > tr > th,
.datepicker .table-condensed tfoot > tr > th,
.datepicker .table-condensed thead > tr > td,
.datepicker .table-condensed tbody > tr > td,
.datepicker .table-condensed tfoot > tr > td {
	padding: 0;
}
.datepicker tbody tr:Hover td span.old {
	color: #999;
}
/* Edit Cabinet */
#editCabinet select.error,
#editCabinet input.error,
#editCabinet textarea.error {
	border: 1px solid #F00;
}