/*----------------------------------------------
Définition des couleurs
------------------------------------------------*/
.FondFuchsia   {background-color: #C10A74 } 
.FondGrisClair {background-color: #EEEBE4 }
.FondGrisFonce {background-color: #A09C9E }
.FondGrisTresFonce {background-color: #494748 }
.FondBlanc     {background-color: #FFFFFF }
.Noir  { COLOR: #000000 }
.Blanc { COLOR: #ffffff }
.Gris  { COLOR: #999999 }
.Erreur{ COLOR: #FF0000 }
.Vert  { COLOR: #008000 }
.Fuchsia {	color: #D7006C;}
/*----------------------------------------------
Définition des tailles de caractère
------------------------------------------------*/
.s1  {	FONT-SIZE: 1px}
.s8  {	FONT-SIZE: 8px}
.s9  {	FONT-SIZE: 9px}
.s10 {	FONT-SIZE: 10px}
.s11 {	FONT-SIZE: 11px}
.s12 {	FONT-SIZE: 12px}
.s14 {	FONT-SIZE: 14px}
.s16 {	FONT-SIZE: 16px}
.s18 {	FONT-SIZE: 18px}
.s24 {	FONT-SIZE: 24px}
.s085em { FONT-SIZE: 0.85em}
.s080em { FONT-SIZE: 0.80em}
/*----------------------------------------------
Définition des styles de caractère
------------------------------------------------*/
.Italique    {	FONT-STYLE: italic}
.Souligne    {	TEXT-DECORATION: underline}
.PasSouligne {	TEXT-DECORATION: none}
.Gras  		 {	FONT-WEIGHT: bold}
.Normal		 {	FONT-WEIGHT: normal}
/*----------------------------------------------
Définition des alignements 
------------------------------------------------*/
.talr {	TEXT-ALIGN: right }
.tall {	TEXT-ALIGN: left }
.talc {	TEXT-ALIGN: center }
.talj {	TEXT-ALIGN: justify }
/*----------------------------------------------
Définition des marges (PADDING)
H = Horizontal, V= Vertical
G = Gauche , D = droit
------------------------------------------------*/

.pad20HG { PADDING-LEFT: 20px; }
.pad20H10V { padding-left:20px; padding-right:20px; padding-top:10px; padding-bottom:10px;}
.pad10H10V { padding-left:10px; padding-right:10px; padding-top:10px; padding-bottom:10px;}
.pad5H10V { padding-left:5px; padding-right:5px; padding-top:10px; padding-bottom:10px;}
.pad2H10V { padding-left:2px; padding-right:2px; padding-top:10px; padding-bottom:10px;}

.CursorPointer {
	cursor:pointer;
}

/*----------------------------------------------
Redéfinition des balises standards
------------------------------------------------*/

body,tbody {
MARGIN :0;
padding:0;
	FONT-SIZE: 1em; 
	/* COLOR: #3a3838; */
	COLOR: #777;
	FONT-FAMILY: Verdana, sans-serif;
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none;
}
html,body {
background:#eeebe4 url(../images/fblanc_repeat2.jpg) repeat-x;
}


TABLE {
	MARGIN : 0px;
	FONT-SIZE: 14px; COLOR: #3a3838;
	FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;
	TEXT-ALIGN: left; 
	TEXT-DECORATION: none
}

INPUT[type=text] {background:#fff;border:1px solid #DCD9D4;border-radius:3px; padding-left:3px;FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif; 	}

INPUT[type=radio] {
	background:#fff;border:1px solid #DCD9D4;border-radius:3px; padding-left:3px;FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif; } 
INPUT[type=radio]:hover {
	background:#fff;border:1px solid #E10025;border-radius:3px; padding-left:3px;FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif; } 
INPUT[type=checkbox] {
	background:#fff;border:1px solid #DCD9D4;border-radius:3px; padding-left:3px;FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif; } 
INPUT[type=checkbox]:hover {
	background:#fff;border:1px solid #E10025;border-radius:3px; padding-left:3px;FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif; } 
/* INPUT[type=button]{background:none repeat scroll 0 0 #C20072;border:medium none;border-radius:3px 3px 3px 3px;display:block;cursor:pointer;margin:5px 0 50px 0;padding:7px}
INPUT[type=button]:hover{background:none repeat scroll 0 0 #E10025} */

INPUT[type=button] {padding:5px 10px;border:none;background:#C20072;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;font-size:12px;color:#fff;font-weight:bold;}
INPUT[type=button]:hover {padding:5px 10px;border:none;background:#E10025;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;font-size:12px;color:#fff;font-weight:bold;}

INPUT[type=submit] {padding:5px 10px;border:none;background:#C20072;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;font-size:12px;color:#fff;font-weight:bold;}
INPUT[type=submit]:hover {padding:5px 10px;border:none;background:#E10025;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;font-size:12px;color:#fff;font-weight:bold;}

INPUT {border:1px solid #DCD9D4;border-radius:3px; padding-left:3px;FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif; 	} 

/* classe BOUTON utile pour IE 7/8 si on veut avoir le même style que ff et chrome */
INPUT.bouton {padding:5px 10px;border:none;background:#C20072;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;font-size:12px;color:#fff;font-weight:bold;}
INPUT.bouton:hover {padding:5px 10px;border:none;background:#E10025;cursor:pointer;-webkit-border-radius:2px;-moz-border-radius:2px;border-radius:2px; FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;font-size:12px;color:#fff;font-weight:bold;} 

TEXTAREA {
	background:#fff;border:1px solid #DCD9D4;border-radius:2px; padding-left:3px;FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;
}

SELECT {
	background:#fff;border:1px solid #DCD9D4;border-radius:2px; padding-left:3px; 
}

H2 { font-family:"Trebuchet MS", Verdana, sans-serif; font-size:17px; color:#1e1d1d;}
H2 {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:1.2em; color:#c20072 ;}

/* H3 {	MARGIN: 15px 0px 10px; FONT: bold 120% Helvetica, Arial, sans-serif; COLOR: #211265; TEXT-ALIGN: left}  */
H3 {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:11px; color:#1e1d1d;}
H3 {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:1.1em; color:#000000 ; font-weight:bold;MARGIN-BOTTOM: 10px; border-bottom:1px solid #bfbeb9;}
/* H4 {	FONT: bold 110% Helvetica, Arial, sans-serif; COLOR: #ffb300; TEXT-ALIGN: left} */
.h3_petit {MARGIN-BOTTOM: 3px;MARGIN-TOP: 5px; line-height:20px; font-family:"Trebuchet MS", Verdana, sans-serif; font-size:150%; color:#c20072 ;}

H4 {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:11px; color:#1e1d1d;}
H4 {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:0.9em; color:#1e1d1d ; font-weight:bold}


H1 {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:1.7em; color:#c20072 ;}
H2 {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:1.5em; color:#c20072 ;}
H3 {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:1.4em; color:#000000 ; font-weight:bold;border-bottom:1px solid #bfbeb9;MARGIN-BOTTOM: 10px;}
H4 {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:1.3em; color:#1e1d1d ; font-weight:bold}
H5 {font-family:Verdana, sans-serif; font-size:0.85em; color:#777;}


A {
	COLOR: #c20072 ;TEXT-DECORATION: underline
}
#BasPagePetit A {
	COLOR: #000000 ;TEXT-DECORATION: none
}
A:hover {COLOR: #c20072 ;
	TEXT-DECORATION: none
}


/*----------------------------------------------
Définition des blocs nommés (ou identificateurs)
------------------------------------------------*/


/*----------------------------------------------
Définition des classes
------------------------------------------------*/

.CadreFondGrise {
	BACKGROUND:#F1F0EB; BORDER: #d1dadf 1px solid; 
	}
/* .CadreOmbreDroite {
	BACKGROUND: url(../Images/ombre_droite_coupee.gif) no-repeat right top; 
	} */
.CadreOmbreDroite {	}
.CadreTraitFin {
	BORDER: #a6a498 1px solid; 
	}
/* cadre en bas à droite*/
.CadreTraitFin11 {
	border-bottom: solid 1px #a6a498; border-right: solid 1px #a6a498; 
	}
/* cadre en bas seul */
.CadreTraitFin12 {
	border-bottom: solid 1px #a6a498;
	}
/* cadre à droite seul */
.CadreTraitFin21 {
	border-right: solid 1px #a6a498; 
	}
.CadreAM {
	border-bottom: solid 1px #a6a498; border-right: dashed 1px #a6a498; 
	}
.CadrePM {
	border-bottom: solid 1px #a6a498; border-right: solid 1px #a6a498; 
	}
.CadrePM2 {
	border-bottom: solid 1px #a6a498;
	}

.CadreOmbreGauche { }
	
.Separateur { }

.Entete_tableau1 {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	background-color: #C10A74;
	height:20px
	}

.Cadre_tableau1 {
	BORDER: #494748 1px solid;  overflow: auto; 
}
.tbl_elements_pairs {
	background-color: #EEEBE4 ; 
}
.tbl_elements_impairs {
	background-color: #FFFFFF ; 
}
.tbl_elements_pairs_select {
	background-color: #E3E3D7 ; cursor:pointer;
}
.tbl_elements_impairs_select {
	background-color: #FFFFFF ; cursor:pointer;
}
/* ancien navbar.css */
.navbar {
  margin-bottom: 20px;
  width:100%
}
.navbar-brand {
  float: left;
  height: 50px; 
}
.navbar-inverse .navbar-brand {
  color: #FFFFFF;
}

#page{max-width:960px;margin-right:auto;margin-left:auto;-webkit-box-shadow:none;box-shadow:none;}

#page_canevas_haut{max-width:960px;margin-right:auto;margin-left:auto;-webkit-box-shadow:none;box-shadow:none; }

#site { FONT-SIZE: 1em; COLOR: #777;   }
.H1_XS {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:20px; color:#FFFFFF;} 
.H1_XXS {font-family:"Trebuchet MS", Verdana, sans-serif; font-size:0.9em; color:#FFFFFF;} 

#carousel{-webkit-box-shadow:0 30px 20px -16px hsl(0,0%,0%);box-shadow:0 30px 20px -16px hsl(0,0%,0%);  border-radius:0 0 0 0; margin-bottom:0px;margin-top:20px; }
#bandeau {-webkit-box-shadow:0 30px 20px -16px hsl(0,0%,0%);box-shadow:0 30px 20px -16px hsl(0,0%,0%);  border-radius:0 0 0 0; margin-bottom:0px;margin-top:20px; }


.blocCadre {background:#ffffff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.8);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.8);box-shadow:0 2px 5px rgba(0,0,0,0.8);color:#808080;text-align:left;overflow:hidden; width:99%; margin-top:0%; margin-bottom:15px; margin-left:0px; margin-right:0px; padding:3% 3% 3% 3% ; ;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px; }

.bloc_cadre_entete { padding-bottom:3%;}
.bloc_cadre_entete  H1 { font-size:1.8em}
.bloc_cadre_image { padding-bottom:3%;}
.bloc_cadre_image imgss {max-height:70px; max-width:100px;}
.bloc_cadre_texte { font-size:0.9em; color:#393939  }

.blocTS {background:#ffffff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.8);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.8);box-shadow:0 2px 5px rgba(0,0,0,0.8);color:#808080;text-align:left;overflow:hidden; width:99%; margin-top:0%; margin-bottom:15px; margin-left:0px; margin-right:0px; padding:3% 3% 3% 3% ; ;border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px;  }
.blocTS img {height:100px; width:150px}
.blocTS .media-body {font-size:0.9em; color:#393939}

.bloc_entete_TS, .bloc_body_TS {background:#ffffff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.8);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.8);box-shadow:0 2px 5px rgba(0,0,0,0.8);color:#808080;text-align:left;overflow:hidden; width:100%;margin-bottom:15px; padding-left:2%;padding-right:2%; padding-top:5px;color:#393939; padding-bottom:5px; border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px; }

.bloc_body_TS fieldset {margin:0.5em 0 1em 0; padding:0 1em 0 1em; border:1px solid #C20072;}
/* pb avec IE sur le dashed :   .bloc_body_TS .sous_fieldset {border:1px dashed #C20072;}  */
.bloc_body_TS .sous_fieldset {border:1px solid #000000;}
.bloc_body_TS legend {color:#c20072;font-size:16px; font-weight:bold; font-family:"Trebuchet MS", Verdana, sans-serif; margin-bottom:0px;border-bottom:0px;padding:0 0.3em 0 0.3em;width:auto}
.bloc_body_TS .alert {padding-top:5px; padding-bottom:5px; padding-left:5px; padding-right:30px; margin-bottom::10px; }
.bloc_body_TS .form-group {margin-bottom:5px; }
.bloc_body_TS .panel {margin-bottom: 12px;  }
.bloc_body_TS .panel-body {padding: 8px; }

.EnSavoirPlus {font-style:italic; color:#9d9d9d}
a.EnSavoirPlus:hover {color:#9d9d9d}

#BasDePage {

	background-color:#EEEBE4;
	padding-top:25px;
	padding-bottom:25px;
	padding-right:0px;
	margin-top:10px;
	border-top-width:3px;
	border-top-style:solid;
	border-top-color:#1e1d1d;
}
#BasDePageMobile {

	background-color:#FFF;
	border-top-width:3px;
	border-top-style:solid;
	border-top-color:#1e1d1d;
	font-size:1.0em;
	color:#3a3838;
	font-family:"Trebuchet MS", Verdana, sans-serif;
}
#BasDePageMobile A {
	COLOR: #000000 ;TEXT-DECORATION: none
}
#BasDePage .col-md-3 {padding-left:0px;padding-right:0px}
#BasDePageMobile .col-md-3 {padding-left:0px;padding-right:0px}

.bloc_bas_page {font-size:0.8em; color:#716f64;text-align:left}
.bloc_bas_page h2 {font-size:1.8em ; font-weight:bold; color:#73696e}
.bloc_bas_page ul li {padding-left:0px;margin-top:3px;margin-bottom:3px; margin-right:0px;margin-left:0px;list-style-type:none}
.bloc_bas_page ul  {padding-left:0px;}
.bloc_adresse h2 {margin-bottom:5px;}
.bloc_adresse a.LienBasPage {	font-size: 12px; COLOR: #D50125; TEXT-DECORATION: none }
.bloc_adresse a.LienBasPage:hover {	font-size: 12px; COLOR: #D50125; TEXT-DECORATION: underline}
.bloc_bas_page a {text-decoration:none;color:#716f64}
.bloc_bas_page a:hover {text-decoration:underline;color:#716f64}

.ligne_bas_page {font-size:0.8em; color:#716f64;margin-top:5px;margin-bottom:3px}
.ligne_bas_page ul { text-align:right;}
.ligne_bas_page ul li {list-style-type:none; display:inline;}
.ligne_bas_page a { TEXT-DECORATION: none; color:#716f64; margin-left:10px}
.ligne_bas_page a:hover { TEXT-DECORATION: underline; color:#716f64; margin-left:10px}

#bloc_btn_dropdown a {text-decoration:none;font-weight: bold;FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;font-size:12px}
#bloc_btn_dropdown a:hover { background-color:#c20072; font-weight: bold; color:#FFFFFF;FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;font-size:12px}

.blocCarreTS{background:#ffffff;-webkit-box-shadow:0 2px 5px rgba(0,0,0,0.8);-moz-box-shadow:0 2px 5px rgba(0,0,0,0.8);box-shadow:0 2px 5px rgba(0,0,0,0.8);text-align:left;overflow:hidden; margin: 0px 0px 0px 0px ; padding-left:2%;padding-right:2%; padding-bottom:5px; border-radius:0px;-webkit-border-radius:0px;-moz-border-radius:0px; }

.label_champ {padding-top:3px;font-weight: bold;font-size:1.1em;color:#58585A;font-family:"Trebuchet MS", Verdana, sans-serif;}
.selection {
  width: 80%; display: block;
  margin: 2px 0 2px 0; padding: .1em;
   font-family:"Trebuchet MS", Verdana, sans-serif;font-size:14px;
    font-weight: normal; 
   color:#0066FF;
  /* color:#393939;   */
}
.selection_autre {
    margin: 2px 0 2px 0; padding: .1em;
    font-family:"Trebuchet MS", Verdana, sans-serif;font-size:14px;
	font-weight: normal; 
     color:#0066FF;
  }
.champ_colore {color:#0066FF}
.champ_obligatoire{ COLOR: #FF0000 ;  font-size: 0.8em; vertical-align:top}

.no-padding_left_right { padding-left:0px; padding-right:0px }

.padding_left3 { padding-left:3%; }
.padding_right3 { padding-right:5%; }

label {font-size:16px;color:#58585A;font-family:"Trebuchet MS", Verdana, sans-serif;}

.bordureList {
border:1px solid #666666;
}

.btn {padding:5px 10px;border:none;background:#C20072;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;font-size:12px;color:#fff;font-weight:bold;}
.btn:hover {padding:5px 10px;border:none;background:#E10025;cursor:pointer;-webkit-border-radius:3px;-moz-border-radius:3px;border-radius:3px; FONT-FAMILY: "Trebuchet MS", Verdana, sans-serif;font-size:12px;color:#fff;font-weight:bold;}

.form-group .radio {margin-top:0px; margin-bottom:3px;}

h1{margin:0;padding:0;}
h2{margin:0;padding:0;}
h4{margin:0;padding:0;}
h5{margin:0;padding:0;}

form{display:inline}
.clear{clear:both !important; float:none !important;}

.bloc_entete_TS .progress {margin-bottom:5px;}
.back-to-top {
    cursor: pointer;
    position: fixed;
    bottom: 75px;
    right: 25px;
    display:none;
}