@charset "UTF-8";
/* CSS Document */

/*
* Clearfix: contain floats
*
* For modern browsers
* 1. The space content is one way to avoid an Opera bug when the
* `contenteditable` attribute is included anywhere else in the document.
* Otherwise it causes space to appear at the top and bottom of elements
* that receive the `clearfix` class.
* 2. The use of `table` rather than `block` is only necessary if using
* `:before` to contain the top-margins of child elements.
*/

.clearfix:before,
.clearfix:after {
    content: " "; /* 1 */
    display: table; /* 2 */
}

.clearfix:after {
    clear: both;
}

html, body{
	margin: 0px;
	padding:0px;
	background-color: #CCC;/* gris */
	/*line-height:100%;!important*/

}

.textarea_big {
width:620px;!important;
}

.textarea_2 {
width:300px;!important;
}
.textarea_3 {
width:298px;!important;
}

#fixe
{
    background      : #CCC;/*#1768af*/
    height          : 20px;
    /*border-bottom   : 2px solid #d07171;*/
    position        : fixed;
	bottom			: 20px;
	/*top			: 50px;*/
	color			: #FFF;
	padding:5px;
	margin:-15px;
    width: 30%;
	left : 35%;
	right:35%;
	z-index:10;
	text-align:center;
  	/*top : 0;*/
	border-radius:20px;
}


#global{
	width: 688px;/* largeur */
    /*height: 500%; HAUTEUR */
	margin: 5px auto;
	margin-bottom:30px;
	background-color: #FFF;/* blanc*/
	border-radius:20px;
	box-shadow: 5px 5px 5px rgb(186, 186, 186), -5px 0 5px rgb(186, 186, 186);
	padding-bottom:30px;
	
}

#global_ri{
	width: 800px;/* largeur */
    height: 500%; /*HAUTEUR */
	margin: 5px auto;
	margin-bottom:30px;
	background-color: #FFF;/* blanc*/
	border-radius:20px;
	box-shadow: 5px 5px 5px rgb(186, 186, 186), -5px 0 5px rgb(186, 186, 186);
	padding-bottom:30px;
	
}


#entete {
	margin:0px;
	width: 688px;/* largeur */
	HEIGHT: 150px;/* HAUTEUR */
	z-index: 2;
	background-image:url(https://www.css.opqibi.org/images/Entete.png);
	border-radius:20px;
	/*background-color: #FF3; jaune */;
	}

#menu_haut {
	WIDTH: 630px;/* largeur */
	HEIGHT: 23px;/* HAUTEUR */
	margin-left:40px;
	z-index: 3;
	background-color: #FFF/* gris */;
	}
#titre_page {
    float: left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#FFF;
	text-align:left;
	margin-left:25px;
	margin-top:-68px;
	z-index: 3;	
	/*background-color: #FFF gris */;
	}
#titre_page2 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:30px;
	color:#FFF;
	text-align:left;
	margin-left:25px;
	margin-top:70px;
	z-index: 3;	
	/*background-color: #FFF gris */;
	}	
/** ________________________________________________________________________________________________________________
                                                  BULLES DICOS ET LIVRES
   ________________________________________________________________________________________________________________ */
#bulle {
    float: right;
	padding:0px 0;
	margin-top:-5px;
	margin-left:0px;
	z-index:5;
    width: 150px;
	}
#bulle ul,li {
	margin:0;
	padding:0;
	list-style-type:none;
	}
#bulle li {
	float: left;
	width: 50px;
	text-align:center;
	margin:0;
	padding:0;
	/*border:1px solid black;*/
	}
#bulle li a {
	text-decoration:none;
	color:black;
	}
#bulle li a:hover {
	background:none;
	}
#bulle li a span {
	display:none;
	padding:0;
	margin-top:5px; /* espace entre texte et image*/
	}
#bulle li a:hover span {
	display:block;
	}
#bulle li a img {
	border:0;
	}	

/** ________________________________________________________________________________________________________________
                                                  BULLES AIDES
   ________________________________________________________________________________________________________________ */
#tooltip {
	visibility:hidden;
	/*background-color:#FFEEC7;*/
	background-color:#F60;
	border:1px solid black; 
	padding:0.2em; 
	font-size:0.8em;
	font-family:Arial, Helvetica, sans-serif;
	/*color:#009;*/
	color:#FFF;
	/*background-image:url(../images/Bulles_d_aides.png);
	background-repeat:no-repeat;*/
}
/** ________________________________________________________________________________________________________________
                                                  POP UP
   ________________________________________________________________________________________________________________ */

    .black_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0.8;
        opacity:.80;
        filter: alpha(opacity=80);
    }
    .white_content {
        display: none;
        position: fixed;
		max-width:654px;
		min-width:654px;
		margin:auto;
		border-radius:20px;
        padding: 16px;
        border: 1px solid orange;
        background-color: white;
        z-index:1002;
        overflow: auto;
    }
	
    .white_content3 {
        display: none;
		position:fixed;
		max-width:654px;
		min-width:654px;
		margin-top:-1600px;
		/*margin:auto;
		margin-top:0;*/
		border-radius:20px;
        padding: 16px;
        border: 1px solid orange;/**/
        background-color: white;
        z-index:1003;
        overflow: auto;
    }

    .white_content2 {
        display: none;
		position:absolute;
		max-width:654px;
		min-width:654px;
		margin:auto;
		border-radius:20px;
        padding: 16px;
        border: 1px solid orange;/**/
        background-color: white;
        z-index:1002;
        overflow: auto;
    }
/** ________________________________________________________________________________________________________________
                                                  Titre et entete corps
   ________________________________________________________________________________________________________________ */
/**/
#wapper {
    margin:auto;
    width: 650px; /*largeur */
    margin-top:40px;
    margin-left:20px;
    /*background-color:#9F0;*/
	
}
#wapper_RI {
    margin:auto;
    /*width: 650px; largeur */
    margin-top:0px;
    margin-left:20px;
    /*background-color:#9F0;*/
}

#sous-titre {
	width: 600px;/* largeur */
	margin:auto;
	margin-top:30px;
	margin-left:0px;
	/*background-color:#99F;*/
	}

#sous-titre2 {
	margin:auto;
	width: 640px;/* largeur */
	margin-top:0px;
	margin-left:10px;
	/*background-color:#9F0;*/
	}
	
#titre {
	padding:0px;
	margin-top:0px;
	margin-left:0px;/**/
	z-index:0;
	/*background-color:#3F3;*/
	}
#fil_ariane {
	width: 650px;/* largeur */
	HEIGHT: 20px;/* HAUTEUR */
	padding:7px 0;
	margin-left:20px;
	margin-top:0px;
	margin-bottom:0px;
	z-index: 0;
	}	
#filet {
	width: 658px;/* largeur */
	HEIGHT: 0.5px;/* HAUTEUR */
	padding:0 0;
	margin-top:2px;
	color:#999;
	z-index: 0;
	}
#formulaire_log #email{
	top: -63px;
	margin-left:9px;
	font-size: 11px;
	width:200px;
}
#formulaire_log #passe{
	top: -60px;
	margin-left:7px;
	font-size: 11px;
	width:200px;
}
#tableau {
	width: 658px;/* largeur */
	HEIGHT: 20px;/* HAUTEUR */
	padding:15px 0;
	margin-left:8px;
	margin-top:50px;
	margin-bottom:0px;
	z-index: 0;
}

#formulaire_log  input.sub { width: 68px;height: 19px; display: inline-block; background: url('https://www.css.opqibi.org/images/btn_submit.jpg') no-repeat; padding: 0;margin:10px; margin-top:-60px;border: none; cursor: pointer; margin-left:82px;
}
div.formulaire_log input.sub { width:auto; font-size: 12px; color: #FFF;font-weight: bold; background:#1768af; /*padding: 5px, 10px;*/ border: none;}

#formulaire_acceder input.sub {
	width: 130px;
	height: 23px;
	display: inline-block;
	padding: 0;
	background-color: #1768af;
	margin: 0;
	border: none;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

.bouton_e {
	width: 130px;
	height: 20px;
	display: inline-block;
	/*padding: 0;*/
	background-color: #1768af;
	margin: 0;
	border: none;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
	padding-top: 4px;
}

div.formulaire_acceder input.sub { width:auto; font-size: 14px; color: #FFF;font-weight: bold; background:#1768af; padding: 5px;;border: none;}

#formulaire_acceder_hidden input.sub {
	width: 300px;
	height: 23px;
	display: inline-block;
	padding: 0;
	background-color: #1768af;
	margin: 0;
	border: none;
	font-size: 14px;
	color: #FFF;
	font-weight: bold;
	cursor: pointer;
	text-align: center;
}

div.formulaire_acceder_hidden input.sub { width:auto; font-size: 14px; color: #FFF;font-weight: bold; background:#1768af; padding: 5px;;border: none;}

#sous_identification {
	width: 658px;/* largeur */
	HEIGHT: 400px;/* HAUTEUR */
	padding:5px 0;
	margin-left:8px;
	margin-top:50px;
	margin-bottom:0px;
	z-index: 0;
	/*background-color:#C9F;*/
	}
#fonction_base_moyen_h {
	width: 630px;/* largeur */
	padding:0px 0;
	margin-left:1px;
	margin-top:10px;
	margin-bottom:0px;
	z-index: 0;
	/*background-color:#C9F;*/
	}

sous_identification.select{
	background: #FFF;
	width: 100px;
	padding: 5px;
	padding-left:250px;
	font-size: 11px;
	font-weight:800;
	/*line-height: 1;*/
	border: 0;
	border-radius: 0;
	height: 20px;
	-webkit-appearance: none;
	-moz-appearance: none;
	appearance: none;
	/*background-color:#F03;*/
}

 .select{
	/*background-color:#C9F;*/
	padding-left:310px;
	margin-top:-10px;
	width: 100px;
	height: 20px;
	overflow: hidden;
	font-size:11px;
}
	
#sous_identification  select.q1 { 
	text-align: center;
	padding-left:100px;
}

/* ________________________________________________________________________________________________________________
                                                  01. GENERAL TYPOGRAPHY
   ________________________________________________________________________________________________________________ */

/*********************** Polices*************************/
h1,h2,h3,h4,h5,h6, label, .texte_h3{font-family: Arial, Helvetica, sans-serif; font-weight:normal;line-height:120%; text-decoration: none;}
p,h1, h2, h3, h4, h5, h6, ul.check_list, label, .texte_h3, ul.arrowlist{padding-left:0px; line-height: 120%;}
h1,h2,h3,h4,h5,h6,hr,p,ul,ol,dl,pre,address,form, label, .texte_h3{margin:0 0 0px}
/*
form .log{
	border-radius:20px;
	box-shadow: 2px 2px 2px rgb(186, 186, 186), -5px 0 5px rgb(186, 186, 186);
	padding:20px;
	padding-bottom:-10px;
	margin-bottom:20px;
	margin-top:-20px;
	width:300px;
	background-color:#CCC;
}
*/

/*********************** Taille*************************/
h1{ font-size: 17px; line-height: 22px;}/**   Titre */
h2{font-size:14px; line-height: 20px;} /**   sous-Titre */
h3 {font-size:13px; margin-top:-17px; line-height: 19px;}/* N° de comité et nom de la personne */
.texte_h3{font-size:13px; margin-top:-17px; line-height: 19px;}/* Liste puce dans log */
h4{font-size:13px;} /** Filet d'ariane ****/
h5, label {font-size:12px; line-height: 17px;}/*text-transform:uppercase;letter-spacing:1.1px;margin-bottom:5px;*/ /* Petit menu */
h6{font-size:12px; line-height: 19px;}/*padding-bottom:5px;text-transform:uppercase; line-height:20px;letter-spacing:0px;margin-bottom:0px;*//**  colonne tableau */
.taille_mini{font-size:10px; font-weight:normal;line-height:100%; text-decoration: none; padding-left:0px; margin:0 0 0px;font-family: Arial, Helvetica, sans-serif;}/*padding-bottom:5px;text-transform:uppercase; line-height:20px;letter-spacing:0px;margin-bottom:0px;*//** Bulles dico*/
.taille_mini_11{font-size:11px; font-weight:normal;line-height:100%; text-decoration: none; padding-left:0px; margin:0 0 0px;font-family: Arial, Helvetica, sans-serif;}/*padding-bottom:5px;text-transform:uppercase; line-height:20px;letter-spacing:0px;margin-bottom:0px;*//** Bulles d'aide*/

.Titre_DRC{ 
font-family:GliscorGothicRegular,Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif;
font-size: 30px;
color:#039;
}

.taille_2x{ font-size:xx-large; }
.taille_x{ font-size:large; }
.taille_div_2{ font-size:x-small;}
.taille_small{ font-size:small;}
.chronologie { font-family:GliscorGothicRegular,Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif; text-transform:uppercase; color:#FFF; font-weight:100; font-size:16px; background-color:rgb(114, 170, 47); padding:3px; margin-top:15px; }


.chronologie_DRC { font-family:GliscorGothicRegular,Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif; text-transform:uppercase; color:#039; font-weight:100; font-size:16px; background-color:#CCC; padding:3px; margin-top:15px; }

/*.chronologie { font-size:14px; background-color:#c8def5; padding:3px; margin-top:15px; }*/

.faux_bouton { font-family:GliscorGothicRegular,Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif; color:#FFF; font-weight:100; font-size:15x; background-color:#1768af; padding:3px; margin-top:15px; text-align:center; }


/*********************** Couleur *************************/
.color_1{ color:#039} /* Bleu_foncé*/
.color_2{ color:#09F} /* Bleu_clair*/
.color_3{ color:#999} /* Gris moyen*/
.color_4{ color:#F60} /* orange*/

.monTab tr {
	padding-top:5px;
	background-color: #FFF;
	}
.monTab tr:nth-child(4n+3) {
	background-color: #EFEFEF;
	}
.monTab_RI tr:nth-child(odd) {
	padding-top:5px;
	background-color: #FFF;
	}
.monTab_RI tr:nth-child(even) {
	padding-top:5px;
	background-color: #EFEFEF;
	}


/* Coloration alternative des tableau*/
.color_ligne_tab1{ background-color: #EFEFEF } /*EFEFEF gris claire / E4F6FF bleu clair */
.color_ligne_tab2{ background-color:#FFF} /* Blanc */

/* Coloration alternative des tableau*/
.scroll{ 
	overflow:auto;
	height:690px !important;
	line-height:200%;
	} /*EFEFEF gris claire / E4F6FF bleu clair */

.formulaire_fond_gris{ color:#000; background-color:#EFEFEF; font-family: Arial, Helvetica, sans-serif; font-size:11px; font-weight:100; font-style:normal; font-weight:normal; line-height:normal;} 
.formulaire_fond_blanc{ color:#000; background-color:#FFF; font-family: Arial, Helvetica, sans-serif;  font-size:11px; font-weight:100; font-style:normal; font-weight:normal; line-height:normal;}


.droite{ text-align:right;}
.gauche{ text-align:left;}
.centre{ text-align:center;}

.esp_paragraphe_05{ margin-bottom:0.5em;}
.esp_paragraphe_1{ margin-bottom:1em;}
.esp_paragraphe_2{ margin-bottom:2em;}
.esp_paragraphe_7px{ margin-bottom:7px;}

.marges_collaborateur{ margin-left:20px;}
/*
.ligne_altern:nth-child(even) {
  background-color: #CCC; /*bleu*//*
}
.ligne_altern:nth-child(even) {
  background-color: lime; /*vert*//*
}
*/
/*********************** graisse *************************/
.bold{ font-weight:900;} 
.fin{ font-weight:100;} 
strong, b{font-weight:bold;}
em, dfn, i{font-style:italic;}

a:link,a:visited,a:hover,a:active,a:focus{text-decoration:none;outline:none;-moz-outline-style:none;}
a{color:#039;}/* Bleu_foncé*/
a:hover{color:#09F;}/* Bleu_clair*/

a img
{
border: none;
}
.puce_ul{
	list-style-image: url(https://www.css.opqibi.org/images/puce.png);
}
.espace{
	width:550px;
	margin:5px;
	padding:5px;
}
.espace td{
	margin:5px;
	padding:5px;
}
hr {
	color: #999;
	background-color: #F60;
	height: 1px;
	border: 0;
	margin: 3px;
}

/* ________________________________________________________________________________________________________________
                                                  02. OLD SITE
   ________________________________________________________________________________________________________________ */

.Style3 {font-size: 15px; color: #990000; font-style: italic; font-family: Arial, Helvetica, sans-serif; font-weight: bold;}

.Style21 {font-size: 12px;
	font-family: Arial, Helvetica, sans-serif;
	font-style: normal;
	font-weight: 700;
	color: #999999;
}

.Cha {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #2F60C1;
	font-weight: bold;
}

.Cha_lien {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #0000CC;
	font-weight: bold;
}

.Cha_n {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
	text-align: justify;
}
.Cha_nn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #000000;
}
.Cha_nnn {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	font-weight: 100;
}
.Cha_r {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	color: #FF0000;
}
/* ________________________________________________________________________________________________________________
                                                  0. SITE POUR IMPRESSION
   ________________________________________________________________________________________________________________ */

@media print {
.no_print{ display:none;}

html, body{
	width: 100%;
	margin: 0px;
	padding:0px;
	background-color: #FFF;/* gris */
	border:none;
}

#global, #sous-titre, #sous-titre2, #wapper_RI, #wapper,  #tableau, #sous_identification, div{
	/*page-break-inside: avoid;*/
}
#global{
	width: 100%;/* largeur */
	background-color: #FFF;/* blanc*/
	margin: 0;
	margin-bottom:0px;
	border-radius:0px;
	box-shadow: none;
	padding-bottom:0px;
	
}
#entete {
	display: none;
	}
#menu_haut, #titre_page, #titre_page2, #bulle, #fil_ariane{
	display: none;
	}

hr {
	color: #000;
	background-color: #000;
	height: 1px;
	border: 0;
	margin: 3px;
}

p, span, h2, h3, h4, h5, h6, ul{
	orphans: 3; /* pas de ligne seule en bas */
	widows: 3; /* pas de ligne seule en haut */
	/*page-break-inside: avoid;*/
}

h1 {
  /*page-break-before: always;/* chaque titre commence sur une nouvelle page */
}
.black_overlay{
        display: none;
        position: fixed;
        top: 0%;
        left: 0%;
        width: 100%;
        height: 100%;
        background-color: black;
        z-index:1001;
        -moz-opacity: 0;
        opacity:.0;
        filter: alpha(opacity=0);
    }

.white_content2, white_content {
        display: none;
		position:absolute;
		/*width: 17cm;*/
		margin:0;
		border-radius:0px;
		padding: 0px;
        border: 0px solid #FFF;/**/
		/*top: 1%;*/
        /*height: 70%;
        left: 15%;*/
        z-index:1002;
        overflow: auto;
    }
#wapper {
    margin:auto;
		/*width: 17cm;*/
    margin-top:0px;
    margin-left:0px;
    /*background-color:#9F0;*/
}
#wapper_RI {
    margin:auto;
		/* width: 17cm;*/
    margin-top:0px;
    margin-left:0px;
    /*background-color:#9F0;*/
}
#sous-titre, #sous-titre2 {
		/* width: 17cm; */
	margin:auto;
	margin-top:0px;
	margin-left:0px;
	/*margin-left:40px;*/
	/*background-color:#99F;*/
	}
#filet {
		/* width: 17cm; */
	HEIGHT: 0.5px;/* HAUTEUR */
	padding:0 0;
	/*margin-left:8px;
	margin-top:15px;*/
	margin-top:2px;
	color:#000;
	z-index: 0;
	}

#tableau {
		/* width: 17cm;*/
	HEIGHT: 20px;/* HAUTEUR */
	padding:15px 0;
	margin-left:8px;
	margin-top:50px;
	margin-bottom:0px;
	z-index: 0;
}

#sous_identification {
	/*width: 17cm;*/
	padding:5px 0;
	margin-left:8px;
	margin-top:50px;
	margin-bottom:0px;
	z-index: 0;
	/*background-color:#C9F;*/
	}
.scroll{ 
	overflow:none;
	/*width: 17cm;*/
	line-height:200%;
	} /*EFEFEF gris claire / E4F6FF bleu clair */
	
.monTab tr:nth-child(odd) {
	padding-top:5px;
	background-color: #FFF;
	}
.monTab tr:nth-child(even) {
	padding-top:5px;
	background-color: #EFEFEF;
	}

}