<!--
 
 
/* ============================     RESET STYLES    ========================================== */
html, body, div, span, applet, object, iframe,h1, h2, h3, h4, h5, h6, p, blockquote, 
pre,a, abbr, acronym, address, big, cite, code,del, dfn, em, img, ins, kbd, q, s, samp,small,
strike, strong, sub, sup, tt, var,b, u, i, center,dl, dt, dd, ul, ol, li,fieldset, form, label, 
legend,table, caption, tbody, tfoot, thead, tr, th, td, article, aside, canvas, details, embed,figure, 
figcaption, footer, header, hgroup,menu, nav, output, ruby, section, summary,time, mark, audio, video {
	margin: 0;
	padding: 0;
	border: 0;
	position: relative;
	box-sizing:border-box;
}
.relative {
	display: inline-block;
	position: relative;
}

/* ============================   FONTS    ========================================== */ 
  
@font-face {font-family: 'Poppins-Light';src:url('webfonts/Poppins-Light.otf') format('truetype');}
@font-face {font-family: 'Poppins-Medium';src:url('webfonts/Poppins-Medium.otf') format('truetype');}
@font-face {font-family: 'Poppins-Bold';src:url('webfonts/Poppins-Bold.otf') format('truetype');}
@font-face {font-family: 'Poppins-SemiBold';src:url('webfonts/Poppins-SemiBold.otf') format('truetype');}



/* ============================   GENERAL    ========================================== */ 


/**{margin:0; padding:0; box-sizing:border-box; position:relative; }*/
body {
	width:1200px;
	margin:0 auto;
	font-family:'Poppins-Medium', 'Arial';
	font-size:13px;
	color:#333;
}
a:hover, .show-hide-all:hover {
	opacity:0.5;
}
p, li, input, td, textarea, form, .actualites_contenu {
	font-size:13px;	
	font-family:'Poppins-Light', 'Arial';
}
p, li {
	line-height: 1.4em;
}
p {
	margin-bottom:5px;
}

ol li {
	width:95%;
	margin-left:5%;
}

th{
	font-size:13px;
	font-family:'Poppins-Medium', 'Arial';
}
.strong, strong, b, form table.texte_picto_exclamation_table td {
	font-family:'Poppins-SemiBold', 'Arial';
	font-weight: normal;
}
h1 {
	font-size:1.7em;
	line-height:1.3em;
}
h2 {
	font-size:1.4em;
	line-height:1.3em;
}
.actualites_contenu h2 {
	font-family:'Poppins-Medium', 'Arial';
}
h3, h4, h5, h6 {
	font-size:1.2em;
	line-height:1.1em;
}

.h1_filet_separateur {
	width:80%;
	margin-left:10%;
	height:1px;
	margin-top:0.5em;
	margin-bottom:1em;
}
.filet_separateur {
	display: block;
	width:100%;
	height:1px;
	padding:0;
	margin:1em 0;
}
ul {
	width:95%;
	margin-left:5%;
}

/* ============================   NAVIGATION + HEADER    ========================================== */ 

header {
	position: relative;
	width:100%;
	margin:0 auto;
	z-index: 1000;
}
img.bg_header {
	width:100%;
	margin:0;
}
img.logo_go {
	position:absolute;
	width:12%;
	left:0.2%;
	top:5%;
}
img.logo_just_go {
	position:absolute;
	width:15%;
	left:0.2%;
	top:8%;
}
header > nav  {
	position: absolute;
	width:89%;
	left:18%;
	top:8%;
	z-index: 9000!important;
}
header > nav > ul {
	position: relative;
	width:100%;
	display: block;
	width:100%;
	margin-left:0%;
}
header > nav > ul > li {
	position: relative;
	display: inline-block;
	color:#253d86; /* 253d86 */
	z-index: 9000!important;
}
header > nav > ul > li a {
	display: inline-block;
	font-size:13px;
	color:#253d86;
	font-family:'Poppins-Medium', 'Arial';
}
header > nav > ul > li a.selected {
	color:#678dc8;
}
header > nav > ul > li a.lien_menu_gerer_compte, header > nav > ul > li a.lien_menu_gerer_membres {
	position:relative;
	left:20%;
	color:#fff;
	background-color: #00338e;
	padding:2px 5px;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
}
header > nav > ul > li a.lien_menu_gerer_membres {
	display:none;
	left:30%;
}
header > nav > ul > li a.lien_menu_gerer_compte:hover, header > nav > ul > li a.lien_menu_gerer_membres:hover {
	color:#00338e;
	background-color: #fff;
}
header > nav > ul > li:last-child {
	display:none;
}
header > nav > ul > li:hover > .sub_nav {
	/*display:block;*/
}


.separateur_menu {
	width:2.2%;
}
.sub_nav {
	display:none;
	position:absolute;
	z-index:10;
	background-color:#ddd;
	width:200%;
	top:20px;
}
.sub_nav li {
	list-style-type: none;
	margin: 0 10px;
	text-align:left;
	border-top:1px solid #fff;
	padding:10px 5px;
}
.sub_nav li:first-child {
	border-top:0px solid #fff;
}

.header_liens_like_side_left {
	position: absolute;
	width:30%;
	left:40%;
	top:100px;
}
.header_liens_like_side_left a {
	color:#fff;
	line-height: 15px;
}
.header_liens_like_side_left .header_liens_like_side_left_1 {
	position:relative;
	left:70%;
}
.header_liens_like_side_left .header_liens_like_side_left_2 {
	position:relative;
	left:40%;
	top:20px;
}
.header_liens_like_side_left .header_liens_like_side_left_3 {
	top:50px;
}
.header_liens_like_side_left .container_puce_triangle_texte {
	display: inline-block;
	margin-bottom:0.2em;
}



/******************************************** ID GÉNÉRIQUE ********************************************/

p.fil_ariane {
	position:absolute;
	width:99%;
	left:1%;
	top:-0.6em;
	margin: 0em 0;
	z-index:100!important;
	font-size: 0.9em;
}




/******************************************** ID GÉNÉRIQUE ********************************************/
#index { background:url('../images/map_monde.png') no-repeat center; height:655px; width:100%; margin:auto; margin-top:20px; } 


/******************************************** CONTENUS PAGES, SIDES ********************************************/

.actualites_contenu {
	width:80%;
	margin-left:10%;
}

.container_max { width:100%; margin:auto; }

.side_left, .colonne_center, .side_right {
	float: left;
	width:22%;
}
.side_left {
	margin-top:8em;
	margin-right:3%;
}
.side_right {
	margin-top:1em;
}
.side_right_menu_if_reponsive {
	display: none;
}
.colonne_center {
	position: relative;
	top:-1.5em;
	width:50%;
	margin-right:3%;
	background-color: #f3f3f3;
	z-index: 100;
}
.contenu_page_1_col .side_left, .contenu_page_2_col .side_left {
	display: none;
}
.contenu_page_1_col .side_right {
	display: none;
}
.contenu_page_1_col .colonne_center, .contenu_page_2_col .colonne_center {
	top:0em;
	width:75%;
	margin-right:3%;
	background: none;
}
.contenu_page_1_col .colonne_center {
	top:0em;
	width:100%;
	margin-left:0%;
}
.contenu_page_1_col .colonne_center.colonne_center_width_printmode, .contenu_page_2_col .colonne_center.colonne_center_width_printmode {
	top:0em;
	width:100%;
	margin-right:0%;
}
.contenu_page_1_col .colonne_center.colonne_center_width_printmode,
.contenu_page_1_col .colonne_center.colonne_center_width_printmode th,
.contenu_page_1_col .colonne_center.colonne_center_width_printmode td,
.contenu_page_1_col .colonne_center.colonne_center_width_printmode p,
.contenu_page_1_col .colonne_center.colonne_center_width_printmode li,
.contenu_page_1_col .colonne_center.colonne_center_width_printmode input,
.contenu_page_1_col .colonne_center.colonne_center_width_printmode textarea,
.contenu_page_2_col .colonne_center.colonne_center_width_printmode,
.contenu_page_2_col .colonne_center.colonne_center_width_printmode th,
.contenu_page_2_col .colonne_center.colonne_center_width_printmode td,
.contenu_page_2_col .colonne_center.colonne_center_width_printmode p,
.contenu_page_2_col .colonne_center.colonne_center_width_printmode li,
.contenu_page_2_col .colonne_center.colonne_center_width_printmode input,
.contenu_page_2_col .colonne_center.colonne_center_width_printmode textarea
{
	font-size:20px;
}
.contenu_page_1_col .colonne_center.colonne_center_width_printmode .titre_section,
.contenu_page_2_col .colonne_center.colonne_center_width_printmode .titre_section
{
	font-size:40px;
}

.colonne_center_titre_contenu {
	position: absolute;
	width:19%;
	left:3%;
	top:8em;
}
.colonne_center_titre_contenu img {
	width:100%;
}
.colonne_center_titre_contenu_pleine_largeur {
	position: relative;
	width:94%;
	left:3%;
	top:3em;
}
.colonne_center_titre_contenu_pleine_largeur img {
	display: none;
}

img.logo_go_ou_justgo_documentation_titre {
	width:90px;
}

.colonne_center_contenu {
	margin-top:4em;
	margin-bottom:2em;
}
.contenu_page_1_col .colonne_center.colonne_center_width_printmode .colonne_center_contenu,
.contenu_page_2_col .colonne_center.colonne_center_width_printmode .colonne_center_contenu
{
	margin-top:1em;
	margin-bottom:0em;
}
.contenu_page_1_col .colonne_center_contenu, .contenu_page_2_col .colonne_center_contenu {
	width:67%;
	margin-left:30%;
	min-height:500px;
}
.contenu_page_1_col .colonne_center_contenu {
	width:92%;
	margin-left:4%;
}
.contenu_page_1_col .colonne_center_contenu_pleine_largeur, .contenu_page_2_col .colonne_center_contenu_pleine_largeur {
	width:94%;
	margin-left:3%;
}


p.liste_membres_auteur_actuellement_connecte {
	border:1px solid #ccc;
	width:80%;
	margin-left:10%;
	max-height:10em;
	overflow: auto;
}


.login_p_intro {
	background-color: #eee;
	padding:1em 0;
	-moz-border-radius: 20px;
	-webkit-border-radius: 20px;
	-khtml-border-radius: 20px;
	border-radius: 20px;
}
.login_p_intro_contenu {
	width:80%;
	margin:1em 10%;
	margin-top:1em;
}
.login_p_intro_contenu_liste {
	width:60%;
	margin:0em 20%;
}


td.bordereau_entete_colonne {
	/*float: left;*/
}
td.bordereau_entete_colonne1 {
	width:60%!important;
}
td.bordereau_entete_colonne2 {
	width:40%!important;
}
td.bordereau_entete_colonne img {
	display: block;
	width:150px;
	position: relative;
}

.bordereau_entete_bloc_texte_bg_couleur {
	width:85%;
	padding:10px;
}

.contact_bloc {
	width:33.3333%;
	float: left;
	margin:0;
	margin-bottom:2em;
}
img.contacts_portrait {
	width:94%;
	margin-left:3%;
}

.colonne_center_bottom_biais, .colonne_center_bottom_biais img {
	display: block;
	width: 100%;
	margin:0;
}
.qa_question img {
	display: block;
	position: absolute;
	width:1.7em;
	left:-2em;
	top:0;
}

.home_actus_fonctionnalites_liste {
	width:95%;
	margin-left:5%;
}
.home_actus_fonctionnalites_liste .qa_question img, .login_p_intro_contenu_liste .qa_question img{
	width:1.3em;
}


img.ax_a_m {
	width:40%;
}

a.side_left_bouton {
	display: block;
	text-decoration: none;
	cursor: pointer;
}
.side_left_separation {
	width:100%;
	height:2px;
	border-bottom:1px solid #ccc;
	margin:0.9em 0;
}
.container_puce_triangle_texte {	
	left:-1em;
}

.header_liens_like_side_left .container_puce_triangle_texte {	
	left:0;
	background-color: #ddd;
	-moz-border-radius: 8px;
	-webkit-border-radius: 8px;
	-khtml-border-radius: 8px;
	border-radius: 8px;
	padding:3px 8px;
}

.picto_puce_triangle {
	display: inline-block;
	left:0em;
	top:0.3em;
}
.picto_puce_triangle img {
	display: inline-block;
	width:80%;
}

.header_liens_like_side_left .container_puce_triangle_texte .picto_puce_triangle {	
	top:0.1em;
}
.header_liens_like_side_left .container_puce_triangle_texte .picto_puce_triangle img {	
	width:0.8em;
}

p.accueil_diaporama {
	width:80%;
	margin-left:10%;
}
p.accueil_diaporama img {
	width:100%;
}

img.picto_groupe_perso_bulles {
	display: block;
	width:50%;
	margin:0 auto;
}
a.side_right_bouton {
	display: block;
	position:relative;
	text-decoration: none;
	cursor: pointer;
	width:100%;
	height:90px; /* et non auto sinon les table dedans n'ont pas de height 100% */
}
a.side_right_bouton img {
	width:100%;
}
table.side_right_bouton_texte {
	position: absolute;
	width:70%;
	height:100%;
	left:15%;
	top:0em;
	border: 0px solid grey; /* pour test */
	border-collapse:collapse;
}
table.side_right_bouton_texte tr {
	height:100%;
}
table.side_right_bouton_texte td {
	width:100%!important;
	height:100%;
	vertical-align: middle;
	text-align:center;
	border: 0px solid grey;
	margin:0;
	padding:0;
}

table.souscription_liste_formulaires {
	width:100%;
	margin-left:0%;
	border-collapse: collapse;
	border:3px solid #ccc;
}
table.souscription_liste_formulaires th, table.souscription_liste_formulaires td{
	padding:2px 5px;
	border:1px solid #ccc;
}
table.table_modifier_ajouter_membre th, table.table_modifier_ajouter_membre td{
	padding:2px 5px;
	border:0px solid #ccc;
}
table.souscription_liste_formulaires .picto_edition {
	width:20px;
	position: relative;
	top:3px;
}

table.souscription_liste_formulaires.couleurs_lignes_odd_even tr:nth-child(even) td {
	background-color: #eee;
}

table.souscription_table_etapes th, table.souscription_table_etapes td{
	padding:0;
	border:0;
}
.td_onglet_etape {  /* x 5 */
	width:19.5%;
	position: relative;
	vertical-align: top;
}
td.onglet_etape_espace_entre { /* x 4 */
	width:0.5%;
}
.onglet_etape {
	width:100%;
	position: relative;
	padding-top:0.5em;
	/* 2 arrondis en haut */
	-moz-border-radius: 20px 20px 0 0;
	-webkit-border-radius: 20px 20px 0 0;
	-khtml-border-radius: 20px 20px 0 0;
	border-radius: 20px 20px 0 0;
}
.onglet_etape_titre_etape {
	width:100%;
	padding-top:0.5em;
	padding-bottom:0.5em;
	margin-top:0.5em;
	display: inline-block;
}
.onglet_etape_titre_etape_texte {
	width:90%;
	height:100%;
	margin-left:5%;
}
.onglet_etape_titre_etape_texte_min_height3 {
	min-height:3em!important;
}
.onglet_etape_titre_etape_texte_min_height5 {
	min-height:5em!important;
}
.onglet_etape_erreurs {
	width:100%;
	position: absolute;
	text-align: center;
	left:0;
	top:-1.5em;
	display: block;
}
.picto_point_excla_blanc_triangle_rouge {
	width:1.2em;
	margin-left:0.2em;
}
.onglet_etape:hover {
	background-color: #00338e!important;
}
.onglet_etape:hover .onglet_etape_titre_etape {
	background-color: #f3f3f3!important;
}
.onglet_etape a:hover {
	opacity: 1;
}

.bloc_message_formulaire {
	margin:4px 0;
	width:70%;
	margin-left:15%;
	padding:1em 0.5em;
	-moz-border-radius: 20px 20px 20px 20px;
	-webkit-border-radius: 20px 20px 20px 20px;
	-khtml-border-radius: 20px 20px 20px 20px;
	border-radius: 20px 20px 20px 20px;
}
.bloc_message_formulaire p {
	width:80%;
	margin-left:10%;
}


table.table_contenu_small th, table.table_contenu_small td {
	font-size:0.9em;
	line-height:1.1em;
	padding:1px;
}
table.table_contenu_small .picto_edition {
	width:15px;
}

.terme_trouve_recherche_client, .terme_trouve_recherche_faq {
	display: inline-block;
	background-color: #fbbb15;
}

form {
	display: block;
	width:100%;
}
.input_recherche_container{
	display: inline-block;
	position: relative;
}
.picto_loupe {
	display: block;
	position: absolute;
	width:30px;
	left:0.5em;
	top:1em;
	z-index: 9000;
}
.picto_loupe, a.picto_croix_annuler_recherche_lien {
	display: block;
	position: absolute;
	width:30px;
	left:0.5em;
	top:1em;
	z-index: 9000;
}
a.picto_croix_annuler_recherche_lien {
	width:20px;
	left:91%;
	top:1em;
}
a.picto_croix_annuler_recherche_lien img {
	width:100%;
}

form .texte {
	margin:0.5em 0;
}

form .texte.bold{
	font-family:'Poppins-Medium', 'Arial';
}

form .texte.borderbottom {
	border-bottom: 1px solid #ccc;
}

form .titre_section {
	color:white;
	background-color:#5b95ff;
	text-align:center;
	font-size:1.5em;
	line-height: 2em;
	font-family:'Poppins-Medium', 'Arial';
	margin:1em 0;
}
form input, a.submit_recherche_annuler, a.form_etape {
	/*background-color:#e9f2ff!important;*/
	/*border:1px solid #00338e;*/
	background-color:#efefef!important;
	border:0;
	border-bottom:1px solid #5b95ff;
	padding:5px;
	margin:5px 0;
	text-decoration: none;
	/*-moz-border-radius: 3px;
	-webkit-border-radius: 3px;
	-khtml-border-radius: 3px;
	border-radius: 3px;*/
}
form.form_simulation input {
	
/*	position: relative;
	left:2%;
	width:98%;
	
	background-color:#efefef!important;
	border:0;
	border-bottom:1px solid #5b95ff;
	padding:5px;
	margin:5px 0;
	text-decoration: none;*/
	
}

form input.input_recherche {
	padding:0.5em;
	padding-left:4em;
	font-size:1em;
}

form input[type=submit], a.submit_recherche_annuler, a.form_etape {
	padding:0.3em 1em;
	font-family:'Poppins-Bold', 'Arial';
	font-size:1.3em;
}

a.form_etape {
	padding:0.5em;
	font-size:1.1em;
	display: inline-block;
	width:30%;
}

a.submit_recherche_annuler {
	font-family:'Poppins-Medium', 'Arial';
}
form input[type=submit]:hover, a.submit_recherche_annuler:hover {
	background-color:#999!important;
	color:white!important;
	/*border:1px solid #b8c9e4;*/
	cursor: pointer;
}
form input[type=submit].submit_recherche, a.submit_recherche_annuler {
	padding:0.5em;
	font-size:1em;
}
form input[type=file] {
	cursor: pointer;
}
form .sous_titre_1 {
	color:#5b95ff;
	font-size:1.2em;
	font-family:'Poppins-Bold', 'Arial';
	width: 95%;
	margin-left:5%;
	margin-top:1em;
	margin-bottom:0.5em;
}
form .champ_document {
	width: 95%;
	margin-left:5%;
	margin-top:1em;
	margin-bottom:0.5em;
}

span.espace_bouton_radio {
	display: inline-block;
	width:17px;
}

.champ_document_carre_vert {
	display:inline-block;
	position:absolute;
	width:20px;
	height:20px;
	top:4px;
	left:-4%;
	/*border:2px solid #4ab992;*/
	margin-right:2em;
}
.champ_document_carre_vert img {
	width:100%;
}
.contenu_page_2_col .colonne_center.colonne_center_width_printmode .champ_document_carre_vert
{
	width:25px;
	height:25px;
	/*border:5px solid #4ab992;*/
}

form .champ_document input {
	background:none;
	border:0px solid #ddd;
	padding:0px 3px;
	margin:5px 0;
}


.puce_bulle_big {
	font-size:2em;
	position:absolute;
	top:-0.35em;
	left:-0.7em;
}
form .sous_titre_2 {
	color:#00338e;
	font-size:1.1em;
	font-family:'Poppins-Bold', 'Arial';
	margin-top:1em;
	margin-bottom:0.5em;
}
form .texte_picto_exclamation {
/*	border-top:1px solid #5b95ff;
	border-bottom:1px solid #5b95ff;*/
}

form table {
	/*display:block;*/
	width:100%;
	/*padding-top:10px;
	padding-bottom:10px;*/
	border-collapse:collapse;
	/*display:none;*/
}
form table td {
	vertical-align:middle;
	border-top:1px solid #ccc;
	border-bottom:1px solid #ccc;
}


.picto_user_mdp {
	position: relative;
	top:0.5em;
}
.picto_user_mdp_mdp{
	top:0.8em;
}
/* captcha */
.captcha_container {
	width:40%;
	margin-left:25%;
}
form .captcha_container table td {
	border:none!important;
}
td.captcha_code {
	text-align: right;
}
img#cryptogram {
	display: inline-block;
	margin-right:1em;
}



form table td input {
	width:100%;
}
form table td input[type='radio'] {
	display:inline-block;
	width:auto;
	margin-right:0.5em;
}
form table td input.input_reduit, form input.input_reduit {
	width:80px;
}
form span input {
	width:80px;
}
form span input[type='checkbox'] {
	width:1em;
}
/*form table td:first-child {
	width:100%;
}*/
/*form table td:last-child {
	width:100%;
}*/



/*
form table.table_champ_texte_in, form table.table_champ_texte_in tbody {
	display:block;
	width:100%!important;
	border:1px solid #ccc;
	padding:0;
	margin:0;
}
form table.table_champ_texte_in td {
	word-break: break-all;
	border:1px solid #ccc;
}
form table.table_champ_texte_in td.table_champ_texte_in_td1 {
	width:90%!important;
}
form table.table_champ_texte_in td.table_champ_texte_in_td2 {
	width:90%!important;
}
*/
.champ_texte_in_container_texte_et_input {
	/*border-bottom:1px solid #ccc;*/
	padding:0.4em 0;
}
.champ_texte_in_texte, .champ_texte_in_input {
	float: left;
}
.champ_texte_in_texte {
	text-align: right;
	position: relative;
	top:1em;
}
.champ_texte_in_texte input, .champ_texte_in_input input {
	width:98.5%;
}
.champ_texte_in_texte {
	width:40%;
	margin-right:2%;
}
.champ_texte_in_input {
	width:58%;
}

.select_container {
	position: relative;
	top:1em;
	margin-bottom:1.5em;
	width:100%!important;
}
.select {
	/* à affiner avec https://anybodesign.com/des-select-personnalises-en-css/ */
	width:100%!important;
}
.select option {
	width:100%!important;
}


form table.texte_picto_exclamation_table {
	/*display:inline-block;*/
	width:100%;
	border-top:1px solid #5b95ff;
	border-bottom:1px solid #5b95ff;
	padding-top:10px;
	padding-bottom:10px;
	/*display:none;*/
}
form table.texte_picto_exclamation_table td {
	vertical-align:middle;
	border-top:0px solid #ccc;
	border-bottom:0px solid #ccc;
	
}
form table.texte_picto_exclamation_table td:first-child {
	width:10%!important;
}
form table.texte_picto_exclamation_table td:last-child {
	width:90%!important;
}
.texte_picto_exclamation_picto {
	display:block;
	width:80%;
}
.texte_picto_exclamation_picto img{
	display:block;
	width:50px;
	margin:5px 0;
}

form textarea, form p.textarea_print {
	display:block;
	width:100%;
	height:5em;
	border:0;
	background-color:#b8c9e4;
	border:1px solid #ddd;
	padding:0px 3px;
/*	margin:5px 0;*/
}

.puce_fleche {
	font-size:1.8em;
	line-height:1.3em;
	position:relative;
	top:0.1em;
}

.picto_fleche_verte {
	width:20px;
	position:relative;
	top:0px;
}
.checkbox_img_remplacement {
	width:20px;
	position:relative;
	top:3px;
}

form ul li {
	list-style-type:square;
	color:#4ab992; /* vert pour les puces*/
}


form table.table_cachet_et_signatures, form table.table_cachet_et_signatures tbody {
	display:block;
	width:100%; /* prend pas ... */
	border-top:0px solid #5b95ff;
	border-bottom:0px solid #5b95ff;
	padding-top:10px;
	padding-bottom:10px;
	/*display:none;*/
	border-collapse:collapse;
}
form table.table_cachet_et_signatures td {
	width:20%; /* ok pour des td à 100 % ... ??? */
	vertical-align:middle;
	border:1px solid #4ab992;
	vertical-align:top;
	text-align:center;
	font-family:'Poppins-Bold', 'Arial';
	padding:10px;
}
.signature_axa {
	width:100%;
}

form table.table_choix_options_traitement, form table.table_choix_options_traitement tbody {
	width:100%!important;
	padding-top:0!important;
	padding-bottom:0!important;
	margin:0 auto;
	/*display: none!important;*/
}
form table.table_choix_options_traitement td, form table.table_choix_options_traitement th {
	padding:5px;
	text-align: center;
	width:10%!important;
}
form table.table_choix_options_traitement td:first-child, form table.table_choix_options_traitement th:first-child {
	/*width:40%!important;*/
}
form table.table_choix_options_traitement td, form table.table_choix_options_traitement th {
	width:20%!important;
}

.picto_doc {
	position: relative;
	width:30px;
	margin-right:1em;
}


.picto_delete {
	width:30px;
}
.picto_delete_baisse {
	position: relative;
	top:0.8em;
}

.span_champ_obligatoire_a_completer {
	display: inline-block;
	position: absolute;
	left:-0.5em;
	top:-0.15em;
}

.graph_encours_container {
	width:100%;
	border:0px solid #ccc;
	margin-bottom:2em;
}
.graph_encours_container_donnee {
	float: left;
	margin-bottom:0.4em;
	height:1.8em;
}
.graph_encours_container_donnee_nom {
	width:20%;
}
.graph_encours_container_donnee_montant {
	width:20%;
}
.graph_encours_container_donnee_pourcent {
	width:10%;
}
.graph_encours_container_donnee_barre {
	width:50%;
}
.graph_encours_container_donnee_barre_barre, .graph_encours_container_donnee_barre_barre_bg {
	display: inline-block;
	position: absolute;
	left:0;
	top:0;
	/*wisdth en php */
	height:20px;
}

img.picto_avant_texte {
	position:relative;
	width:16px;
	top:3px;
}


.message_alerte_format_donnee {
	color:#e20031;
	font-style: italic;
	position: relative;
	top:0.8em;
}

img.logo_go_vert_gris {
	width:15%;
}


/********************************************* DOCUMENTATION *****************************************************/
#block_docs a {
	position:relative;
	display:block;
	text-decoration:none;
	color:#000;
}
#block_docs a img { top:12px; }

.inner_doc {
	width:31%;
}



.flip-card {
	background-color: transparent;
	width: 100%;
	height: 196px;/*  attention voir aussi plus bas ligne  avec ...  ->  .flip-card - 2 */
	perspective: 1000px;
	position: relative;
	float: left;
	display: inline-block;
	margin: 1%;
}

.flip-card-inner {
  position: relative;
  width: 100%;
  height: 100%;
  text-align: center;
  transition: transform 0.6s;
  transform-style: preserve-3d;
}

.flip-card:hover .flip-card-inner {
  transform: rotateY(180deg);
}

.flip-card-front, .flip-card-back {
  position: absolute;
  width: 100%;
  height: 100%;
  backface-visibility: hidden;
}

.flip-card-front {
  background-color: #678dc8 ; /* old 47a977 */
  color: #fff;
  height:194px;/* .flip-card - 2 */
  width:100%;
  padding:20px;
}
.flip-card-front img , .flip-card-back img {
  width:55%;
}
.text-doc {
	margin-top:0.5em;
}

.flip-card-back {
  color: white;
  transform: rotateY(180deg);
  background-color: #00338e;
  height:194;/* .flip-card - 2 */
  width:100%;
  padding:20px;
}

.flip-card-back img {left: -4px;}


.picto_doc_go {
	position:absolute;
	width:20%;
	top:2%;
	left:78%;
}
.picto_doc_go_justgo {
	left:2%;
}
.picto_doc_go img {
	width:100%;
}










/******************************************** CLASS GÉNÉRIQUE ********************************************/



.cursor-pointer { cursor:pointer; }
.clr { clear:both!important; height:0px!important; overflow:hidden!important; margin:0!important; padding:0!important; }
.justify { text-align:justify!important; }
.right { text-align:right!important; }
.left { text-align:left!important; }
.center { text-align:center!important; }
.hide { display:none; }
.show { display:initial; }
.small { font-size:0.6rem; }
.inline-block { display:inline-block; }
.display-block { display:block; }
.display-flex { display:flex; }
.display-inline-flex { display:inline-flex; }
.display-inline { display:inline; }
.width-1 { width:1%; }
.width-2 { width:2%; }
.width-3 { width:3%; }
.width-4 { width:4%; }
.width-5 { width:5%; }
.width-6 { width:6%; }
.width-7 { width:7%; }
.width-8 { width:8%; }
.width-9 { width:9%; }
.width-10 { width:10%; }
.width-11 { width:11%; }
.width-12 { width:12%; }
.width-13 { width:13%; }
.width-14 { width:14%; }
.width-15 { width:15%; }
.width-16 { width:16%; }
.width-17 { width:17%; }
.width-18 { width:18%; }
.width-19 { width:19%; }
.width-20 { width:20%; }
.width-21 { width:21%; }
.width-22 { width:22%; }
.width-23 { width:23%; }
.width-24 { width:24%; }
.width-25 { width:25%; }
.width-26 { width:26%; }
.width-27 { width:27%; }
.width-28 { width:28%; }
.width-29 { width:29%; }
.width-30 { width:30%; }
.width-31 { width:31%; }
.width-32 { width:32%; }
.width-33 { width:33%; }
.width-34 { width:34%; }
.width-35 { width:35%; }
.width-36 { width:36%; }
.width-37 { width:37%; }
.width-38 { width:38%; }
.width-39 { width:39%; }
.width-40 { width:40%; }
.width-41 { width:41%; }
.width-42 { width:42%; }
.width-43 { width:43%; }
.width-44 { width:44%; }
.width-45 { width:45%; }
.width-46 { width:46%; }
.width-47 { width:47%; }
.width-48 { width:48%; }
.width-49 { width:49%; }
.width-50 { width:50%; }
.width-51 { width:51%; }
.width-52 { width:52%; }
.width-53 { width:53%; }
.width-54 { width:54%; }
.width-55 { width:55%; }
.width-56 { width:56%; }
.width-57 { width:57%; }
.width-58 { width:58%; }
.width-59 { width:59%; }
.width-60 { width:60%; }
.width-61 { width:61%; }
.width-62 { width:62%; }
.width-63 { width:63%; }
.width-64 { width:64%; }
.width-65 { width:65%; }
.width-66 { width:66%; }
.width-67 { width:67%; }
.width-68 { width:68%; }
.width-69 { width:69%; }
.width-70 { width:70%; }
.width-71 { width:71%; }
.width-72 { width:72%; }
.width-73 { width:73%; }
.width-74 { width:74%; }
.width-75 { width:75%; }
.width-76 { width:76%; }
.width-77 { width:77%; }
.width-78 { width:78%; }
.width-79 { width:79%; }
.width-80 { width:80%; }
.width-81 { width:81%; }
.width-82 { width:82%; }
.width-83 { width:83%; }
.width-84 { width:84%; }
.width-85 { width:85%; }
.width-86 { width:86%; }
.width-87 { width:87%; }
.width-88 { width:88%; }
.width-89 { width:89%; }
.width-90 { width:90%; }
.width-91 { width:91%; }
.width-92 { width:92%; }
.width-93 { width:93%; }
.width-94 { width:94%; }
.width-95 { width:95%; }
.width-96 { width:96%; }
.width-97 { width:97%; }
.width-98 { width:98%; }
.width-99 { width:99%; }
.width-100 { width:100%; }

.margin-top-1 { margin-top: 1px; }
.margin-right-1 { margin-right: 1px; }
.margin-bottom-1 { margin-bottom: 1px; }
.margin-left-1 { margin-left: 1px; }
.margin-top-2 { margin-top: 2px; }
.margin-right-2 { margin-right: 2px; }
.margin-bottom-2 { margin-bottom: 2px; }
.margin-left-2 { margin-left: 2px; }
.margin-top-3 { margin-top: 3px; }
.margin-right-3 { margin-right: 3px; }
.margin-bottom-3 { margin-bottom: 3px; }
.margin-left-3 { margin-left: 3px; }
.margin-top-4 { margin-top: 4px; }
.margin-right-4 { margin-right: 4px; }
.margin-bottom-4 { margin-bottom: 4px; }
.margin-left-4 { margin-left: 4px; }
.margin-top-5 { margin-top: 5px; }
.margin-right-5 { margin-right: 5px; }
.margin-bottom-5 { margin-bottom: 5px; }
.margin-left-5 { margin-left: 5px; }
.margin-top-6 { margin-top: 6px; }
.margin-right-6 { margin-right: 6px; }
.margin-bottom-6 { margin-bottom: 6px; }
.margin-left-6 { margin-left: 6px; }
.margin-top-7 { margin-top: 7px; }
.margin-right-7 { margin-right: 7px; }
.margin-bottom-7 { margin-bottom: 7px; }
.margin-left-7 { margin-left: 7px; }
.margin-top-8 { margin-top: 8px; }
.margin-right-8 { margin-right: 8px; }
.margin-bottom-8 { margin-bottom: 8px; }
.margin-left-8 { margin-left: 8px; }
.margin-top-9 { margin-top: 9px; }
.margin-right-9 { margin-right: 9px; }
.margin-bottom-9 { margin-bottom: 9px; }
.margin-left-9 { margin-left: 9px; }
.margin-top-10 { margin-top: 10px; }
.margin-right-10 { margin-right: 10px; }
.margin-bottom-10 { margin-bottom: 10px; }
.margin-left-10 { margin-left: 10px; }
.margin-top-11 { margin-top: 11px; }
.margin-right-11 { margin-right: 11px; }
.margin-bottom-11 { margin-bottom: 11px; }
.margin-left-11 { margin-left: 11px; }
.margin-top-12 { margin-top: 12px; }
.margin-right-12 { margin-right: 12px; }
.margin-bottom-12 { margin-bottom: 12px; }
.margin-left-12 { margin-left: 12px; }
.margin-top-13 { margin-top: 13px; }
.margin-right-13 { margin-right: 13px; }
.margin-bottom-13 { margin-bottom: 13px; }
.margin-left-13 { margin-left: 13px; }
.margin-top-14 { margin-top: 14px; }
.margin-right-14 { margin-right: 14px; }
.margin-bottom-14 { margin-bottom: 14px; }
.margin-left-14 { margin-left: 14px; }
.margin-top-15 { margin-top: 15px; }
.margin-right-15 { margin-right: 15px; }
.margin-bottom-15 { margin-bottom: 15px; }
.margin-left-15 { margin-left: 15px; }
.margin-top-16 { margin-top: 16px; }
.margin-right-16 { margin-right: 16px; }
.margin-bottom-16 { margin-bottom: 16px; }
.margin-left-16 { margin-left: 16px; }
.margin-top-17 { margin-top: 17px; }
.margin-right-17 { margin-right: 17px; }
.margin-bottom-17 { margin-bottom: 17px; }
.margin-left-17 { margin-left: 17px; }
.margin-top-18 { margin-top: 18px; }
.margin-right-18 { margin-right: 18px; }
.margin-bottom-18 { margin-bottom: 18px; }
.margin-left-18 { margin-left: 18px; }
.margin-top-19 { margin-top: 19px; }
.margin-right-19 { margin-right: 19px; }
.margin-bottom-19 { margin-bottom: 19px; }
.margin-left-19 { margin-left: 19px; }
.margin-top-20 { margin-top: 20px; }
.margin-right-20 { margin-right: 20px; }
.margin-bottom-20 { margin-bottom: 20px; }
.margin-left-20 { margin-left: 20px; }
.margin-top-21 { margin-top: 21px; }
.margin-right-21 { margin-right: 21px; }
.margin-bottom-21 { margin-bottom: 21px; }
.margin-left-21 { margin-left: 21px; }
.margin-top-22 { margin-top: 22px; }
.margin-right-22 { margin-right: 22px; }
.margin-bottom-22 { margin-bottom: 22px; }
.margin-left-22 { margin-left: 22px; }
.margin-top-23 { margin-top: 23px; }
.margin-right-23 { margin-right: 23px; }
.margin-bottom-23 { margin-bottom: 23px; }
.margin-left-23 { margin-left: 23px; }
.margin-top-24 { margin-top: 24px; }
.margin-right-24 { margin-right: 24px; }
.margin-bottom-24 { margin-bottom: 24px; }
.margin-left-24 { margin-left: 24px; }
.margin-top-25 { margin-top: 25px; }
.margin-right-25 { margin-right: 25px; }
.margin-bottom-25 { margin-bottom: 25px; }
.margin-left-25 { margin-left: 25px; }
.margin-top-26 { margin-top: 26px; }
.margin-right-26 { margin-right: 26px; }
.margin-bottom-26 { margin-bottom: 26px; }
.margin-left-26 { margin-left: 26px; }
.margin-top-27 { margin-top: 27px; }
.margin-right-27 { margin-right: 27px; }
.margin-bottom-27 { margin-bottom: 27px; }
.margin-left-27 { margin-left: 27px; }
.margin-top-28 { margin-top: 28px; }
.margin-right-28 { margin-right: 28px; }
.margin-bottom-28 { margin-bottom: 28px; }
.margin-left-28 { margin-left: 28px; }
.margin-top-29 { margin-top: 29px; }
.margin-right-29 { margin-right: 29px; }
.margin-bottom-29 { margin-bottom: 29px; }
.margin-left-29 { margin-left: 29px; }
.margin-top-30 { margin-top: 30px; }
.margin-right-30 { margin-right: 30px; }
.margin-bottom-30 { margin-bottom: 30px; }
.margin-left-30 { margin-left: 30px; }
.margin-top-31 { margin-top: 31px; }
.margin-right-31 { margin-right: 31px; }
.margin-bottom-31 { margin-bottom: 31px; }
.margin-left-31 { margin-left: 31px; }
.margin-top-32 { margin-top: 32px; }
.margin-right-32 { margin-right: 32px; }
.margin-bottom-32 { margin-bottom: 32px; }
.margin-left-32 { margin-left: 32px; }
.margin-top-33 { margin-top: 33px; }
.margin-right-33 { margin-right: 33px; }
.margin-bottom-33 { margin-bottom: 33px; }
.margin-left-33 { margin-left: 33px; }
.margin-top-34 { margin-top: 34px; }
.margin-right-34 { margin-right: 34px; }
.margin-bottom-34 { margin-bottom: 34px; }
.margin-left-34 { margin-left: 34px; }
.margin-top-35 { margin-top: 35px; }
.margin-right-35 { margin-right: 35px; }
.margin-bottom-35 { margin-bottom: 35px; }
.margin-left-35 { margin-left: 35px; }
.margin-top-36 { margin-top: 36px; }
.margin-right-36 { margin-right: 36px; }
.margin-bottom-36 { margin-bottom: 36px; }
.margin-left-36 { margin-left: 36px; }
.margin-top-37 { margin-top: 37px; }
.margin-right-37 { margin-right: 37px; }
.margin-bottom-37 { margin-bottom: 37px; }
.margin-left-37 { margin-left: 37px; }
.margin-top-38 { margin-top: 38px; }
.margin-right-38 { margin-right: 38px; }
.margin-bottom-38 { margin-bottom: 38px; }
.margin-left-38 { margin-left: 38px; }
.margin-top-39 { margin-top: 39px; }
.margin-right-39 { margin-right: 39px; }
.margin-bottom-39 { margin-bottom: 39px; }
.margin-left-39 { margin-left: 39px; }
.margin-top-40 { margin-top: 40px; }
.margin-right-40 { margin-right: 40px; }
.margin-bottom-40 { margin-bottom: 40px; }
.margin-left-40 { margin-left: 40px; }
.margin-top-41 { margin-top: 41px; }
.margin-right-41 { margin-right: 41px; }
.margin-bottom-41 { margin-bottom: 41px; }
.margin-left-41 { margin-left: 41px; }
.margin-top-42 { margin-top: 42px; }
.margin-right-42 { margin-right: 42px; }
.margin-bottom-42 { margin-bottom: 42px; }
.margin-left-42 { margin-left: 42px; }
.margin-top-43 { margin-top: 43px; }
.margin-right-43 { margin-right: 43px; }
.margin-bottom-43 { margin-bottom: 43px; }
.margin-left-43 { margin-left: 43px; }
.margin-top-44 { margin-top: 44px; }
.margin-right-44 { margin-right: 44px; }
.margin-bottom-44 { margin-bottom: 44px; }
.margin-left-44 { margin-left: 44px; }
.margin-top-45 { margin-top: 45px; }
.margin-right-45 { margin-right: 45px; }
.margin-bottom-45 { margin-bottom: 45px; }
.margin-left-45 { margin-left: 45px; }
.margin-top-46 { margin-top: 46px; }
.margin-right-46 { margin-right: 46px; }
.margin-bottom-46 { margin-bottom: 46px; }
.margin-left-46 { margin-left: 46px; }
.margin-top-47 { margin-top: 47px; }
.margin-right-47 { margin-right: 47px; }
.margin-bottom-47 { margin-bottom: 47px; }
.margin-left-47 { margin-left: 47px; }
.margin-top-48 { margin-top: 48px; }
.margin-right-48 { margin-right: 48px; }
.margin-bottom-48 { margin-bottom: 48px; }
.margin-left-48 { margin-left: 48px; }
.margin-top-49 { margin-top: 49px; }
.margin-right-49 { margin-right: 49px; }
.margin-bottom-49 { margin-bottom: 49px; }
.margin-left-49 { margin-left: 49px; }
.margin-top-50 { margin-top: 50px; }
.margin-right-50 { margin-right: 50px; }
.margin-bottom-50 { margin-bottom: 50px; }
.margin-left-50 { margin-left: 50px; }
.margin-top-51 { margin-top: 51px; }
.margin-right-51 { margin-right: 51px; }
.margin-bottom-51 { margin-bottom: 51px; }
.margin-left-51 { margin-left: 51px; }
.margin-top-52 { margin-top: 52px; }
.margin-right-52 { margin-right: 52px; }
.margin-bottom-52 { margin-bottom: 52px; }
.margin-left-52 { margin-left: 52px; }
.margin-top-53 { margin-top: 53px; }
.margin-right-53 { margin-right: 53px; }
.margin-bottom-53 { margin-bottom: 53px; }
.margin-left-53 { margin-left: 53px; }
.margin-top-54 { margin-top: 54px; }
.margin-right-54 { margin-right: 54px; }
.margin-bottom-54 { margin-bottom: 54px; }
.margin-left-54 { margin-left: 54px; }
.margin-top-55 { margin-top: 55px; }
.margin-right-55 { margin-right: 55px; }
.margin-bottom-55 { margin-bottom: 55px; }
.margin-left-55 { margin-left: 55px; }
.margin-top-56 { margin-top: 56px; }
.margin-right-56 { margin-right: 56px; }
.margin-bottom-56 { margin-bottom: 56px; }
.margin-left-56 { margin-left: 56px; }
.margin-top-57 { margin-top: 57px; }
.margin-right-57 { margin-right: 57px; }
.margin-bottom-57 { margin-bottom: 57px; }
.margin-left-57 { margin-left: 57px; }
.margin-top-58 { margin-top: 58px; }
.margin-right-58 { margin-right: 58px; }
.margin-bottom-58 { margin-bottom: 58px; }
.margin-left-58 { margin-left: 58px; }
.margin-top-59 { margin-top: 59px; }
.margin-right-59 { margin-right: 59px; }
.margin-bottom-59 { margin-bottom: 59px; }
.margin-left-59 { margin-left: 59px; }
.margin-top-60 { margin-top: 60px; }
.margin-right-60 { margin-right: 60px; }
.margin-bottom-60 { margin-bottom: 60px; }
.margin-left-60 { margin-left: 60px; }
.margin-top-61 { margin-top: 61px; }
.margin-right-61 { margin-right: 61px; }
.margin-bottom-61 { margin-bottom: 61px; }
.margin-left-61 { margin-left: 61px; }
.margin-top-62 { margin-top: 62px; }
.margin-right-62 { margin-right: 62px; }
.margin-bottom-62 { margin-bottom: 62px; }
.margin-left-62 { margin-left: 62px; }
.margin-top-63 { margin-top: 63px; }
.margin-right-63 { margin-right: 63px; }
.margin-bottom-63 { margin-bottom: 63px; }
.margin-left-63 { margin-left: 63px; }
.margin-top-64 { margin-top: 64px; }
.margin-right-64 { margin-right: 64px; }
.margin-bottom-64 { margin-bottom: 64px; }
.margin-left-64 { margin-left: 64px; }
.margin-top-65 { margin-top: 65px; }
.margin-right-65 { margin-right: 65px; }
.margin-bottom-65 { margin-bottom: 65px; }
.margin-left-65 { margin-left: 65px; }
.margin-top-66 { margin-top: 66px; }
.margin-right-66 { margin-right: 66px; }
.margin-bottom-66 { margin-bottom: 66px; }
.margin-left-66 { margin-left: 66px; }
.margin-top-67 { margin-top: 67px; }
.margin-right-67 { margin-right: 67px; }
.margin-bottom-67 { margin-bottom: 67px; }
.margin-left-67 { margin-left: 67px; }
.margin-top-68 { margin-top: 68px; }
.margin-right-68 { margin-right: 68px; }
.margin-bottom-68 { margin-bottom: 68px; }
.margin-left-68 { margin-left: 68px; }
.margin-top-69 { margin-top: 69px; }
.margin-right-69 { margin-right: 69px; }
.margin-bottom-69 { margin-bottom: 69px; }
.margin-left-69 { margin-left: 69px; }
.margin-top-70 { margin-top: 70px; }
.margin-right-70 { margin-right: 70px; }
.margin-bottom-70 { margin-bottom: 70px; }
.margin-left-70 { margin-left: 70px; }
.margin-top-71 { margin-top: 71px; }
.margin-right-71 { margin-right: 71px; }
.margin-bottom-71 { margin-bottom: 71px; }
.margin-left-71 { margin-left: 71px; }
.margin-top-72 { margin-top: 72px; }
.margin-right-72 { margin-right: 72px; }
.margin-bottom-72 { margin-bottom: 72px; }
.margin-left-72 { margin-left: 72px; }
.margin-top-73 { margin-top: 73px; }
.margin-right-73 { margin-right: 73px; }
.margin-bottom-73 { margin-bottom: 73px; }
.margin-left-73 { margin-left: 73px; }
.margin-top-74 { margin-top: 74px; }
.margin-right-74 { margin-right: 74px; }
.margin-bottom-74 { margin-bottom: 74px; }
.margin-left-74 { margin-left: 74px; }
.margin-top-75 { margin-top: 75px; }
.margin-right-75 { margin-right: 75px; }
.margin-bottom-75 { margin-bottom: 75px; }
.margin-left-75 { margin-left: 75px; }
.margin-top-76 { margin-top: 76px; }
.margin-right-76 { margin-right: 76px; }
.margin-bottom-76 { margin-bottom: 76px; }
.margin-left-76 { margin-left: 76px; }
.margin-top-77 { margin-top: 77px; }
.margin-right-77 { margin-right: 77px; }
.margin-bottom-77 { margin-bottom: 77px; }
.margin-left-77 { margin-left: 77px; }
.margin-top-78 { margin-top: 78px; }
.margin-right-78 { margin-right: 78px; }
.margin-bottom-78 { margin-bottom: 78px; }
.margin-left-78 { margin-left: 78px; }
.margin-top-79 { margin-top: 79px; }
.margin-right-79 { margin-right: 79px; }
.margin-bottom-79 { margin-bottom: 79px; }
.margin-left-79 { margin-left: 79px; }
.margin-top-80 { margin-top: 80px; }
.margin-right-80 { margin-right: 80px; }
.margin-bottom-80 { margin-bottom: 80px; }
.margin-left-80 { margin-left: 80px; }
.margin-top-81 { margin-top: 81px; }
.margin-right-81 { margin-right: 81px; }
.margin-bottom-81 { margin-bottom: 81px; }
.margin-left-81 { margin-left: 81px; }
.margin-top-82 { margin-top: 82px; }
.margin-right-82 { margin-right: 82px; }
.margin-bottom-82 { margin-bottom: 82px; }
.margin-left-82 { margin-left: 82px; }
.margin-top-83 { margin-top: 83px; }
.margin-right-83 { margin-right: 83px; }
.margin-bottom-83 { margin-bottom: 83px; }
.margin-left-83 { margin-left: 83px; }
.margin-top-84 { margin-top: 84px; }
.margin-right-84 { margin-right: 84px; }
.margin-bottom-84 { margin-bottom: 84px; }
.margin-left-84 { margin-left: 84px; }
.margin-top-85 { margin-top: 85px; }
.margin-right-85 { margin-right: 85px; }
.margin-bottom-85 { margin-bottom: 85px; }
.margin-left-85 { margin-left: 85px; }
.margin-top-86 { margin-top: 86px; }
.margin-right-86 { margin-right: 86px; }
.margin-bottom-86 { margin-bottom: 86px; }
.margin-left-86 { margin-left: 86px; }
.margin-top-87 { margin-top: 87px; }
.margin-right-87 { margin-right: 87px; }
.margin-bottom-87 { margin-bottom: 87px; }
.margin-left-87 { margin-left: 87px; }
.margin-top-88 { margin-top: 88px; }
.margin-right-88 { margin-right: 88px; }
.margin-bottom-88 { margin-bottom: 88px; }
.margin-left-88 { margin-left: 88px; }
.margin-top-89 { margin-top: 89px; }
.margin-right-89 { margin-right: 89px; }
.margin-bottom-89 { margin-bottom: 89px; }
.margin-left-89 { margin-left: 89px; }
.margin-top-90 { margin-top: 90px; }
.margin-right-90 { margin-right: 90px; }
.margin-bottom-90 { margin-bottom: 90px; }
.margin-left-90 { margin-left: 90px; }
.margin-top-91 { margin-top: 91px; }
.margin-right-91 { margin-right: 91px; }
.margin-bottom-91 { margin-bottom: 91px; }
.margin-left-91 { margin-left: 91px; }
.margin-top-92 { margin-top: 92px; }
.margin-right-92 { margin-right: 92px; }
.margin-bottom-92 { margin-bottom: 92px; }
.margin-left-92 { margin-left: 92px; }
.margin-top-93 { margin-top: 93px; }
.margin-right-93 { margin-right: 93px; }
.margin-bottom-93 { margin-bottom: 93px; }
.margin-left-93 { margin-left: 93px; }
.margin-top-94 { margin-top: 94px; }
.margin-right-94 { margin-right: 94px; }
.margin-bottom-94 { margin-bottom: 94px; }
.margin-left-94 { margin-left: 94px; }
.margin-top-95 { margin-top: 95px; }
.margin-right-95 { margin-right: 95px; }
.margin-bottom-95 { margin-bottom: 95px; }
.margin-left-95 { margin-left: 95px; }
.margin-top-96 { margin-top: 96px; }
.margin-right-96 { margin-right: 96px; }
.margin-bottom-96 { margin-bottom: 96px; }
.margin-left-96 { margin-left: 96px; }
.margin-top-97 { margin-top: 97px; }
.margin-right-97 { margin-right: 97px; }
.margin-bottom-97 { margin-bottom: 97px; }
.margin-left-97 { margin-left: 97px; }
.margin-top-98 { margin-top: 98px; }
.margin-right-98 { margin-right: 98px; }
.margin-bottom-98 { margin-bottom: 98px; }
.margin-left-98 { margin-left: 98px; }
.margin-top-99 { margin-top: 99px; }
.margin-right-99 { margin-right: 99px; }
.margin-bottom-99 { margin-bottom: 99px; }
.margin-left-99 { margin-left: 99px; }
.margin-top-100 { margin-top: 100px; }
.margin-right-100 { margin-right: 100px; }
.margin-bottom-100 { margin-bottom: 100px; }
.margin-left-100 { margin-left: 100px; }
.margin-auto { margin:auto; }

a.lien_top { display: block; width: 37px; height: 37px; background: url(../images/btn_haut.png) top left no-repeat; position: fixed; right: 12%; bottom: 1%; z-index: 2000; }
.valign-top { vertical-align:top; }
.valign-middle { vertical-align:middle; }
.valign-bottom { vertical-align:bottom; }
.font-size-none { font-size:0; } /* Permet d'eviter les espaces blanc dans un container */
.underline { text-decoration:underline; }
.text-decoration-none { text-decoration:none; }
.uppercase{ text-transform:uppercase; }
.lowercase{ text-transform:lowercase; }

.menu_burger { display:none; }
.float-right { float:right; }
.float-left { float:left; }
.menu_burger_close { display:none; }
.border-radius { border-radius:10px; }

.bg-color-black { background-color:#000; }
.bg-color-white { background-color:#fff; }
.bg-color-grey { background-color:#efefef; }
.bg-color-yellow { background-color:#fff400; }


/******************************************** FAQ ********************************************/
.cat_question.active:after { content: "\2212"; }
.cat_question:after { content: '\002B'; color: #1a1d56; float: right; right: 0px; top: -4px; position: absolute; font-size: 18px; }
.cat_question { color:#000; font-size:20px; margin:20px 0; cursor:pointer; }
.question { color:#1a1d56; font-size:20px; margin-top:20px; margin-bottom:10px; cursor:pointer; }
blockquote { }

/******************************************** POPUP ********************************************/
.content_popup_html { display:none; }
.popup_fond_noir{ position:fixed; background-color:#000;opacity:0.7; width:100%; height:100%; z-index:100; display:none; }
.popup_block{ position:fixed; background-color:#fff; opacity:1; width:50%; height:400px; z-index:101;margin-left:-25%; left:50%; top:25%; box-shadow:13px 8px 20px 0px #000000; border-radius:10px 10px 0 0; border:2px solid #2b2b2b; display:none; }
.popup_block .content_popup { padding:10px 25px; overflow:auto; height:315px; }
.popup_block .header_popup { padding:10px 25px; height:40px; border-bottom:1px solid #d0d0d0; background-color:#efefef; }
.popup_block .footer_popup { position:absolute; height:40px; bottom:0; padding:10px 25px; border-top:1px solid #d0d0d0; width:100%; background-color:#efefef; }
.popup_block .footer_popup input[type="button"] { padding:5px 25px;; background-color:#d0d0d0; border:1px solid #efefef; color:#000; text-transform:uppercase; top:-2px; }
.show-popup, .hide-popup { cursor:pointer; }

/******************************************** POPUP ALERT ********************************************/
.popup_block_alert { display:none; position:fixed; background-color:#fff; opacity:1; width:50%; z-index:101;margin-left:-25%; left:50%; top:10%; box-shadow:0px 0px 10px 0px #efefef; border:2px solid #d9d9d9; display:none; }
.popup_block_alert .header_popup { padding:10px 25px; height:40px; border-bottom:1px solid #d0d0d0; background-color:#efefef; }
.popup_block_alert .content_popup { padding:10px 25px; }
.popup_block_alert .footer_popup { height:40px; bottom:0; padding:10px 25px; width:100%; }
.popup_block_alert .footer_popup input[type="button"] { padding:5px 25px; background-color:#d0d0d0; border:1px solid #efefef; color:#000; text-transform:uppercase; top:-2px; }


/******************************************** COULEUR ********************************************/
.white { color:#fff; }
.black { color:#000; }


/******************************************** BANDEAU COOKIES ********************************************/
.popup_home_alertcookie {
	position: absolute; width: 100%; height: auto; font-size: 15px; top: 0; left: 0; z-index: 8000; background-color:#000; color:#fff; opacity:1;
}
.popup_home_alertcookie_contenu {
	width:90%;
	margin:auto;
	padding:5px 0;
	z-index: 8000;
}
a.btn_croix {
	position: absolute; display: block;
	right: 5px;
	bottom: 5px;
	width: 43px;
	height: 43px; background: url(../images/picto_croix.png) top left no-repeat; z-index: 10; cursor: pointer;
	}
.popup_home_alertcookie_contenu a { color:#fff; }
a.popup_home_alertcookie_jaccepte {
	display: inline-block;
	background-color: #ccc;
	color:#000;
	padding:3px;
	z-index: 9000;
	text-decoration: none;
	font-weight: bold;
}






.gerer_fichiers_vignette {
	max-height:100px;
}




/*************************************************** FOOTER **********************************************/
footer {
	margin-top:2em;
	margin-bottom:2em;
}
footer a{ color:#000; }







/* ============================     STYLES GENERAUX   ========================================== */
	
.justify {text-align:justify!important;}
.right {text-align:right!important;}
.left, td.left {text-align:left!important;}
.center, td.center {text-align:center!important;}


.rouge, a.rouge {color:#e20031!important;}
.bg_rouge {background-color:#e20031!important;}
.rouge2 {color:#ED174C!important;}
.bg_rouge2 {background-color:#ED174C!important;}

.bleufonce {color:#00338e!important;}
.bg_bleufonce {background-color:#00338e!important;}
.bleufonce2 {color:#315893!important;}
.bg_bleufonce2 {background-color:#315893!important;}
.bleuclair {color:#5b95ff!important;}
.bg_bleuclair {background-color:#5b95ff!important;}
.bleupale {color:#678dc8!important;}
.bg_bleupale {background-color:#678dc8!important;}

.cyan {color:#03BED7!important;}
.bg_cyan {background-color:#03BED7!important;}
.turquoise {color:#63cbd5!important;}
.bg_turquoise {background-color:#63cbd5!important;}
.vert {color:#4ab992!important;}
.bg_vert {background-color:#4ab992!important;}
.vertclair {color:#96dcc3!important;}
.bg_vertclair {background-color:#96dcc3!important;}
.vertclairclair {color:#d3f2e7!important;}
.bg_vertclairclair {background-color:#d3f2e7!important;}
.vertfonce {color:#006c50!important;}
.bg_vertfonce {background-color:#006c50!important;}

/*Colors for Nortia*/
.bg_orange_021C {background-color:#ff5500!important;}
.orange_021c{color:#ff5500;}
.bg_black_7C{background-color:#3d3935!important;}
.bg_gray{background-color:#e9f0f5!important;}

/* .orange, a.orange {color:#F8981D!important;} */
.orange, a.orange {color:#fbbb15!important;}
/* .bg_orange {background-color:#F8981D!important;} */
.bg_orange {background-color:#fbbb15!important;}
.bg_multiple {background-color:#F5BC3B!important;} /* couleur multiple orange */
.framboise {color:#aa294d!important;}
.bg_framboise {background-color:#aa294d!important;}
.bg_securite {background-color:#aa294d!important;} /* couleur securité framboise */
.bg_securite {background-color:#c26781!important;} /* couleur securité framboise + clair */

.bleumauve {color:#8ca4d5!important;}
.bg_bleumauve {background-color:#8ca4d5!important;}

.white, .white p, .white li,  .blanc, .blanc p, .blanc li  {color:white!important;}
a.white:hover {color:#222!important;}
.bg_white, .bg_blanc {background-color:white!important;}
.black, .noir {color:black!important;}
.bg_black, .bg_noir {background-color:black!important;}
.gris3 {color:#333!important;}
.bg_gris3 {background-color:#333!important;}
.gris6 {color:#666!important;}
.bg_gris6 {background-color:#666!important;}
.gris9 {color:#999!important;}
.bg_gris9 {background-color:#999!important;}
.grise6 {color:#e6e6e6!important;}
.bg_grise6 {background-color:#e6e6e6!important;}
.grise {color:#eee!important;}
.bg_grise {background-color:#eee!important;}
.gris_btn {color: #EFEDEA;}
.bg_gris_btn {background-color: #EFEDEA;}

.gris, .grisd6 {color:#d6d7d6!important;}
.bg_gris, .bg_grisd6 {background-color:#d6d7d6!important;}

.bleu_btn {color: #29398E;}
.bg_bleu_btn {background-color: #29398E;}

.normal {font-weight: normal!important;}
.arial {font-family: 'Arial'!important;}

.size10 {font-size:10px!important;}
.size11 {font-size:11px!important;}
.size12 {font-size:12px!important;}
.size13 {font-size:13px!important;}
.size14 {font-size:14px!important;}
.size15 {font-size:15px!important;}

.padding3 {padding:3px;}
.padding5 {padding:5px;}
.padding10 {padding:10px;}
.padding15 {padding:15px;}
.padding20 {padding:20px;}

.big1 {font-size: 1.1em!important;}
.big2 {font-size: 1.2em!important;}
.big3 {font-size: 1.3em!important;}
.big4 {font-size: 1.4em!important;}
.big5 {font-size: 1.5em!important;}
.big6 {font-size: 1.6em!important;}
.big7 {font-size: 1.7em!important;}
.big8 {font-size: 1.8em!important;}
.big9 {font-size: 1.9em!important;}
.big20 {font-size: 2em!important;}
.big30 {font-size: 3em!important;}
.small7 {font-size: 0.7em!important;line-height: 1em!important;}
.small8 {font-size: 0.8em!important;line-height: 1.2em!important;}
.small9 {font-size: 0.9em!important;line-height: 1.3em!important;}

em, .italic {font-style: italic!important;}

.underline {text-decoration: underline!important;}
.nounderline {text-decoration: none!important;}
a.nounderline {text-decoration: none!important;}
a.nounderline:hover {text-decoration: underline!important;}

.onglet_etape a.nounderline:hover {
	text-decoration: none!important;
}


sup {line-height: 1em;font-size: 0.7em!important;}
sub {line-height: 0em;font-size: 0.7em;position: relative;top:-3px!important;}
 
 /* vire l'encadrement firefox */
a:focus, a:active, img, video {outline:0!important;}

.hidden, a span.hidden {visibility: hidden!important;}

.decalage_puce_gauche {
	margin-left: -11px;
}
	
.margin_bottom_5 {
	margin-bottom: 5px;
}

.uppercase {
	text-transform: uppercase!important;
}

.ombre_5_6 {	
	-moz-box-shadow: 5px 5px 5px #666!important; 
	-webkit-box-shadow: 5px 5px 5px #666!important; 
	box-shadow: 5px 5px 5px #666!important;
}

/*
.ombre_3_3 {	
	-moz-box-shadow: 3px 3px 3px #333!important; 
	-webkit-box-shadow: 3px 3px 3px #333!important; 
	box-shadow: 3px 3px 3px #333!important;
}
*/

.noborder {
	border: none!important;
}

.word-wrap{
	word-wrap: break-word;
}
td.break-all {
	word-break: break-all;
}

.margin_{
	margin-top: 10px;
}




/* container pour img ou tables pour donner une taille min, afin de créer un scroll horizontal sur petits formats*/
.container_scroll {
	width: 100%;
	overflow-x:auto;
	overflow-y:auto;	
}

.cursor_normal, .cursor_normal:hover {
	cursor: text!important; /* default ou text */
	filter:progid:DXImageTransform.Microsoft.Alpha(opacity=100);
	filter:alpha(opacity=100);
	-moz-opacity : 1;
	opacity : 1;
}

.displaynone {
	display: none;
}

th, td {
	background-clip: padding-box;
}




-->
