/* pour permettre l'utilisation de la navbar dockée au sommet, padding obligatoire ! */
body 
{ 
	padding-top: 70px;
	/* background-color: #1D237F; */
	/* background: linear-gradient(to bottom, #1D237F, rgba(0,255,0,0)) no-repeat; */
	
	background: -webkit-linear-gradient(#1D237F, rgba(0,255,0,0)) no-repeat; /* For Safari 5.1 to 6.0 */
	background: -o-linear-gradient(#1D237F, rgba(0,255,0,0)) no-repeat; /* For Opera 11.1 to 12.0 */
	background: -moz-linear-gradient(#083C7F, rgba(0,255,0,0)) no-repeat; /* For Firefox 3.6 to 15 */
	background: linear-gradient(#044A94, rgba(0,255,0,0)) no-repeat; /* Standard syntax */
	
	/*
	background: -moz-linear-gradient(top, #FFFFFF 0%, #EEEEEE 50%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#FFFFFF), color-stop(50%,#EEEEEE)); 
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#FFFFFF', endColorstr='#EEEEEE', GradientType=0);
	*/
}

.d-inline-block
{
	display: block;
}

#nocolor
{
	background: none;
}

#cb_au_dessus, #cb_a_gauche, #cb_a_droite, #cb_en_bas {
padding:1px 0;
}

#cb_au_dessus {
text-align:center;
}

#cb_a_gauche  {
min-width: 340px;
max-width: 45%;
position:relative;
float: left;
}

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

#cb_baseline {
font-size: 1.4em;
}

#cb_a_droite {
position: relative;
margin-left:345px;
max-height:150px;
float: top right;
text-align: right;
}

#cb_en_bas {
position: absolute;
text-align:right;
float: bottom;
clear:both;
width: 90%;
}

.my_inline
{
	display: inline;
}

.my_small_col
{
	width: 250px;
}

.btn-group form,
.btn-group-vertical form {
  position: relative;
  display: inline-block;
  vertical-align: middle;
}

.btn-group form > .btn,
.btn-group-vertical form > .btn {
  position: relative;
  float: left;
}

.btn-group form > .btn:hover,
.btn-group-vertical form > .btn:hover,
.btn-group form > .btn:focus,
.btn-group-vertical form > .btn:focus,
.btn-group form > .btn:active,
.btn-group-vertical form > .btn:active,
.btn-group form > .btn.active,
.btn-group-vertical form > .btn.active {
  z-index: 2;
}

.btn-group form > .btn:focus,
.btn-group-vertical form > .btn:focus {
  outline: none;
}

.btn-group form .btn + .btn,
.btn-group form .btn + .btn-group form,
.btn-group form .btn-group + .btn,
.btn-group form .btn-group + .btn-group  form{
  margin-left: -1px;
}

.btn-group form > .btn:not(:first-child):not(:last-child):not(.dropdown-toggle) {
  border-radius: 0;
}

.btn-group form > .btn:first-child {
  margin-left: 0;
}

.btn-group form > .btn:first-child:not(:last-child):not(.dropdown-toggle) {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group form > .btn:last-child:not(:first-child),
.btn-group form > .dropdown-toggle:not(:first-child) {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group form > .btn-group {
  float: left;
}

.btn-group form > .btn-group form:not(:first-child):not(:last-child) > .btn {
  border-radius: 0;
}

.btn-group form > .btn-group form:first-child > .btn:last-child,
.btn-group form > .btn-group form:first-child > .dropdown-toggle {
  border-top-right-radius: 0;
  border-bottom-right-radius: 0;
}

.btn-group form > .btn-group form:last-child > .btn:first-child {
  border-bottom-left-radius: 0;
  border-top-left-radius: 0;
}

.btn-group form .dropdown-toggle:active,
.btn-group form.open .dropdown-toggle {
  outline: 0;
}

.btn-group-xs form > .btn {
  padding: 5px 10px;
  padding: 1px 5px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-sm form > .btn {
  padding: 5px 10px;
  font-size: 12px;
  line-height: 1.5;
  border-radius: 3px;
}

.btn-group-lg form > .btn {
  padding: 10px 16px;
  font-size: 18px;
  line-height: 1.33;
  border-radius: 6px;
}

.btn-group form > .btn + .dropdown-toggle {
  padding-right: 8px;
  padding-left: 8px;
}

.btn-group form > .btn-lg + .dropdown-toggle {
  padding-right: 12px;
  padding-left: 12px;
}

.btn-group form.open .dropdown-toggle {
  -webkit-box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
          box-shadow: inset 0 3px 5px rgba(0, 0, 0, 0.125);
}

/* Table avec lignes cliquables */

table TD#grey
{
	background-color: #d4d2d3;
}

table TD#white
{
	background-color: #ffffff;
}

table TR.my_pointeur:hover
{
	/* border: 1px solid #7b0117; */
}
 
table TR.my_pointeur:hover TD#white
{
	cursor: pointer;
	background-color: #ebbfc7;
}

table TR.my_pointeur TD#grey
{
   cursor: hand;
}
 
table TR.my_pointeur:hover TD#grey
{
	cursor: pointer;
	background-color: #ebbfc7;
	
}


.my_pointeur:hover
{
	cursor: pointer;
	background-color: #E8E8E8;
}

.my_pointeur
{
   cursor: hand;
}

.my_padding_bottom
{
	margin-bottom: 5px;
}

.my_img_small
{
	max-width: 24px;
}

/* Clearfix de bootstrap, selon leurs indications */
/* Mixin 
.clearfix() {
  &:before,
  &:after {
    content: " ";
    display: table;
  }
  &:after {
    clear: both;
  }
}

// Usage 
.element {
  .clearfix();
}
*/

/*
Styles utilisés pour caclcul force MDP
*/

#weak, #medium
{
	border-right:solid 1px #DEDEDE;
}

#sm
{
	margin:0px;
	padding:0px;
	height:14px;
	font-family:Tahoma, Arial, sans-serif;
	font-size:9px;
}

#sm ul
{
	border:0px;
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:center;
}

#sm ul li
{
	display:block;
	float:left;
	text-align:center;
	padding:0px 0px 0px 0px;
	margin:0px;
	height:14px;
}

.nrm
{
	width:84px;
	color:#adadad;
	text-align:center;
	padding:2px;
	background-color:#F1F1F1;
	display:block;
	vertical-align:middle;
}

.red
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FF6F6F;
	display:block;
	vertical-align:middle;
}

.yellow
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#FDB14D;
	display:block;
	vertical-align:middle;
}

.green
{
	width:84px;
	color:#FFFFFF;
	text-align:center;
	padding:2px;
	background-color:#A0DA54;
	display:block;
	vertical-align:middle;
}

.center-block {
  display: block;
  margin-left: auto;
  margin-right: auto;
}

/* Usage as mixins */
.element {
  .center-block();
}

.vertbas {    
  -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg); 
       -o-transform: rotate(-90deg); 
          transform: rotate(-90deg);
		 /*
            height: 200px;
            width: 200px; 
    vertical-align: top; */
	float: left;
}

/*
   Vertical text
   by @kizmarh
*/
.vertical-text {
	display: inline-block;
	overflow: hidden;
	width: 1.5em;
}
.vertical-text__inner {
	display: inline-block;
	white-space: nowrap;
	line-height: 1.5;
  -webkit-transform: rotate(-90deg); 
     -moz-transform: rotate(-90deg); 
      -ms-transform: rotate(-90deg); 
       -o-transform: rotate(-90deg);
	transform: translate(0,100%) rotate(-90deg);
	transform-origin: 0 0;
}
/* This element stretches the parent to be square
   by using the mechanics of vertical margins  */
.vertical-text__inner:after {
	content: "";
	display: block;
	margin: -1.5em 0 100%;
}

th, td
{
	font-size: smaller;
}

.margin-bas
{
	margin-bottom: 3px;
}

/* Pour resizer les iframe youtube */
.video-container { 
   position: relative; /* keeps the aspect ratio */ 
   padding-bottom: 56.25%; /* fine tunes the video positioning */ 
   padding-top: 60px; overflow: hidden;
}

.video-container iframe,
.video-container object,
.video-container embed { position: absolute; top: 0; left: 0; width: 100%; height: 100%; }

.panel-heading a
{
	color: white;
}

.table-rav
{
	border: 1px solid;
}

.noborder td,
.noborder th
{
	border: none !important;
}

.table-rav-centered
{
	text-align: center;
}

.cgreen, .cgreen span {
  color: #09A551;
}

.cwhite, .cwhite span {
  color: #FFF;
}


.btn-facebook {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #2b4b90;
  *background-color: #133783;
  background-image: -moz-linear-gradient(top, #3b5998, #133783);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#3b5998), to(#133783));
  background-image: -webkit-linear-gradient(top, #3b5998, #133783);
  background-image: -o-linear-gradient(top, #3b5998, #133783);
  background-image: linear-gradient(to bottom, #3b5998, #133783);
  background-repeat: repeat-x;
  border-color: #133783 #133783 #091b40;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff3b5998', endColorstr='#ff133783', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-facebook:hover,
.btn-facebook:focus,
.btn-facebook:active,
.btn-facebook.active,
.btn-facebook.disabled,
.btn-facebook[disabled] {
  color: #ffffff;
  background-color: #133783;
  *background-color: #102e6d;
}

.btn-facebook:active,
.btn-facebook.active {
  background-color: #0d2456 \9;
}

.fa {
display: inline-block;
font-family: FontAwesome;
font-style: normal;
font-weight: normal;
line-height: 1;
-webkit-font-smoothing: antialiased;
-moz-osx-font-smoothing: grayscale;
}

.btn-linkedin {
  color: #ffffff;
  text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.25);
  background-color: #60a9ce;
  *background-color: #4393bb;
  background-image: -moz-linear-gradient(top, #73b8db, #4393bb);
  background-image: -webkit-gradient(linear, 0 0, 0 100%, from(#73b8db), to(#4393bb));
  background-image: -webkit-linear-gradient(top, #73b8db, #4393bb);
  background-image: -o-linear-gradient(top, #73b8db, #4393bb);
  background-image: linear-gradient(to bottom, #73b8db, #4393bb);
  background-repeat: repeat-x;
  border-color: #4393bb #4393bb #2f6783;
  border-color: rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.1) rgba(0, 0, 0, 0.25);
  filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#ff73b8db', endColorstr='#ff4393bb', GradientType=0);
  filter: progid:DXImageTransform.Microsoft.gradient(enabled=false);
}

.btn-linkedin:hover,
.btn-linkedin:focus,
.btn-linkedin:active,
.btn-linkedin.active,
.btn-linkedin.disabled,
.btn-linkedin[disabled] {
  color: #ffffff;
  background-color: #4393bb;
  *background-color: #3c84a8;
}

.btn-linkedin:active,
.btn-linkedin.active {
  background-color: #367595 \9;
}

.carousel {
        background-color: #55555B;
        position: relative;
    }
	
/* Navbar.css */
body {
padding: 30px;
}

.navbar {
margin-bottom: 30px;
}

/* Sticky footer styles
-------------------------------------------------- */

html,
body {
  height: 100%;
  /* The html and body elements cannot have any padding or margin. */
}

/* Wrapper for page content to push down footer */
#wrap {
  min-height: 100%;
  height: auto !important;
  height: 100%;
  /* Negative indent footer by its height */
  margin: 0 auto -60px;
  /* Pad bottom by footer height */
  padding: 0 0 60px;
}

/* Set the fixed height of the footer here */
#footer {
  height: 60px;
  background-color: #f5f5f5;
}


/* Custom page CSS
-------------------------------------------------- */
/* Not required for template or sticky footer method. */

#wrap > .container {
  padding: 60px 15px 0;
}
.container .credit {
  margin: 20px 0;
}

#footer > .container {
  padding-left: 15px;
  padding-right: 15px;
}

code {
  font-size: 80%;
}

/* u_signin css */

body {
  padding-top: 40px;
  padding-bottom: 40px;
  background-color: #eee;
}

.form-signin {
  max-width: 330px;
  padding: 15px;
  margin: 0 auto;
}
.form-signin .form-signin-heading,
.form-signin .checkbox {
  margin-bottom: 10px;
}
.form-signin .checkbox {
  font-weight: normal;
}
.form-signin .form-control {
  position: relative;
  font-size: 16px;
  height: auto;
  padding: 10px;
  -webkit-box-sizing: border-box;
     -moz-box-sizing: border-box;
          box-sizing: border-box;
}
.form-signin .form-control:focus {
  z-index: 2;
}
.form-signin input[type="text"] {
  margin-bottom: -1px;
  border-bottom-left-radius: 0;
  border-bottom-right-radius: 0;
}
.form-signin input[type="password"] {
  margin-bottom: 10px;
  border-top-left-radius: 0;
  border-top-right-radius: 0;
}

.monfondsgris
{
  background-color: #BBD2E1;
}

.cursor_pointer
{
	cursor: pointer;
}