﻿@charset "utf-8";
/* CSS Document */
/*@import url('https://fonts.googleapis.com/css?family=Raleway');
@import url('https://fonts.googleapis.com/css?family=Raleway-Bold');*/

@font-face {
    font-family: 'Raleway';
    src: url('../fonts/raleway-regular.eot');
    src: url('../fonts/raleway-regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-regular.woff2') format('woff2'),
         url('../fonts/raleway-regular.woff') format('woff'),
         url('../fonts/raleway-regular.ttf') format('truetype'),
         url('../fonts/raleway-regular.svg#ralewayregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'ralewaybold';
    src: url('../fonts/raleway-bold-webfont.eot');
    src: url('../fonts/raleway-bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/raleway-bold-webfont.woff2') format('woff2'),
         url('../fonts/raleway-bold-webfont.woff') format('woff'),
         url('../fonts/raleway-bold-webfont.ttf') format('truetype'),
         url('../fonts/raleway-bold-webfont.svg#ralewaybold') format('svg');
    font-weight: normal;
    font-style: normal;

}
HTML { 
    font-family: 'Raleway'!important;
}
BODY { 
    background-color:#ffffff;
    font-family: 'Raleway'!important;
	color:black;
    font-size : 15px;
	line-height: 140%;

}
.similar li{
	border : thin solid gray; padding : 10px;margin:10px 0 0 0;
}
ul,li {
 padding:0;
 margin:0;
 list-style-type:none;
 /*background-color: green;*/
 display: block;  
 }

 
 .fa-user-circle:before {
    content: "\f2bd";
    color: red;
    font-size: 1.6em;
    margin-right: 10px;
}



A {text-decoration:none;color:black; } 
A:link,A:visited,A:hover,A:active{text-decoration:none;color:black;}
.tag A {color: #FF0000;font-family: 'ralewaybold'!important;}

/* tous le centre*/
.after_header_fix {
    margin-top:185px;
   /* background-color:#ff0000;border:thin solid red;*/
}
hr {margin-top: 2px;margin-bottom: 2px;border-top: 1px solid rgb(0, 0, 0);}

h1, h2, h3, h4, h5, h6, .h1, .h2, .h3, .h4, .h5, .h6 {font-size :1em; font-family: 'ralewaybold'!important;}
.px10{font-size : 0.875em;}
.px11{font-size : 0.95em;}
.px13{font-size : 1.05em;}
.px14{font-size : 1.2em;}
.px15{font-size : 1.3em;}
.px16{font-size : 1.4em;}
.px19{font-size : 1.55em;}
.px38{font-size : 2.35em;}

.red{color:red!important;}
.white{color:white!important;}
.black_bg{background-color:black!important;}
.text-black{color:black!important;}

.b{font-weight: bold; }
.maj{}
.center{text-align:center;margin: 5px auto;}

p{ font-size :1em; font-family: 'Raleway'!important;   text-justify: inter-word;text-justify: inter-ideograph;  } 
/*.home .articles:first-child{margin-right: 20px;}*/
img, object, embed, canvas, video, audio, picture {height: auto;_width: 100%;width: auto ;max-width: 100% !important;}
iframe{max-width: 100%;height:auto;_width: 100%;border: 0px solid transparent;z-index:1;}
.container{ background-color:#FFFFFF;/* background: url('../images/front/100.jpg') repeat center center;*/}
.img-thumbnail {padding: 0em;background-color:transparent!important;
    border: 0px solid #dee2e6; 
    border-radius: 0rem;
    max-width: 103%!important; }
/*  --------------------------------------------------------------------------- */
.card {padding:0px;margin:10px 0;border: 0px solid rgba(0,0,0,.125); /* border-left: 1px solid black;border-right:1px solid black;*/}
.card-title {margin: .2em 0; }
.card-body {padding: 0 20px 0 0 !important;}
.card P {/*text-align: justify;*/}
/*  --------------------------------------------------------------------------- */
.sidebar_left UL{padding-left: 0px; padding-right: 0px; }
.sidebar_right UL{padding-left: 0px; padding-right: 0px; }
.sidebar_left .univers A{background-color: #340E23;border-radius:5px;display: inline-block;margin: 3px;padding: 5px;text-align: center;background-image: linear-gradient(to bottom, #340E23 2%, #454545 20%);background-repeat: repeat-x;}
#home .univers A{background-color: #340E23;border-radius:5px;display: inline-block;margin: 3px;padding: 5px;text-align: center;background-image: linear-gradient(to bottom, #340E23 2%, #454545 20%);background-repeat: repeat-x;}
.dropdown-menu LI {height: 40px; width:300px; min-width:200px;    background-image: linear-gradient(to bottom, #454545 0%, #2b2b2b 100%) !important;background-repeat: repeat-x;padding:5px;margin:5px;border: 1px solid #353535;}


/*  --------------------------------------------------------------------------- */



.fb-like {/*background:#f4f4f4;width:320px;padding:0px;margin:0px 0px;border:solid 6px #e9e8e8;height:40px;border:solid 6px #FFCC00;*/}
.share_single{width: 100% !important;clear: both;background:transparent;float:right;padding:0px;margin:10 0px;}/*border:solid 1px #e9e8e8;*/
.share_single .fb-like {float: right;height:22px;top:1px;margin-top:-5px;margin-right:5px; right:2px;} /*ok juste border: 1px solid #f00;*/
.share_single .twitter-share-button{float:left;height:22px;max-width:90px;top:0px;margin-top:0px;/*border: 1px solid #0ff;*/}/*ok juste border: 1px solid #ff0;*/
.share_single .gplus{float:left;height:22px;max-width:90px;/*border: 1px solid #0f0;*/top:0px;margin-top:0px;}
.share_single .fb-comments{float:right;height:200px;max-width:100%;width:100%;/*border: 1px solid #0f0;*/top:0px;margin-top:0px;padding:3px;}
/*.comments {float:right;width:100% !important; right:0px;border: 1px solid #ff0;margin: 2px;padding:2px;}  */
.fb_iframe_widget{margin : 0px;padding:0px;/*float:right;position:absolute; */right: 0px;top: 0px; /*border: 1px solid red;*/}
.fb-share-button,.fb-follow,.fb-like { /*max-width: 100px !important*/;margin-left:auto; margin-right:auto;/*border: 1px solid green;*/padding:0px;  float : right;}
.fb-like-box,.fb-comments {/*width: 100% !important;*/ margin-left:auto; margin-right:auto;/*border: 1px solid green;position: absolute;*/padding:0px; right: 1px;top: 1px; }
.mods-fb-haut{display: inline-block;margin:5px;/*position:static;top: 2px;right: 5px !important;text-align:right !important;border-right: 1px solid #ff0000;*/} 
.mods-sociaux{/*width: 100% !important;float: right !important;*/} 
/*     ------------------------------border: 1px solid #78909c; border-radius: 1px;border-radius: 1px;;border: 1px solid #78909c;*/
#follow-us { float:right; max-width: 140px;list-style-type: none;padding:3px 4px; margin :5px 13px;}     
#follow-us LI{ display:inline;list-style-type: none;padding:1px 1px;margin:1px 1px;}
#follow-us LI A {color:#DDDDDD;font-size:200%;padding:5px 3px;margin :2px } 
#follow-us LI A:visited,  #follow-us LI A:link { }/* color :#ff9900;:: JAUNE */
#follow-us LI A:hover,    #follow-us LI A:active {color:#FFCC00;}
/*  --------------------------------------------------------------------------- */
/* widget de choix de langue border: 1px solid #FFFFFF; */
/* .qtranxs_widget UL {float:left; max-width: 80px;list-style-type: none;padding:3px 4px; margin :5px 1px;}*/
UL.language_chooser LI {border-radius: 1px;display:inline;list-style-type: none;border: 1px solid #78909c;padding:1px 5px;margin:1px 5px; }
UL.language_chooser A {padding-left:10px; }
UL.language_chooser A {color:#DDDDDD;font-size:150%;padding:1px 5px;border-radius: 3px;}
UL.language_chooser A:visited,UL.qtrans_language_chooser A:link{}
UL.language_chooser A:hover,UL.qtrans_language_chooser A:active{}
UL.language_chooser LI.active {border:  1px solid #FFCC00;}
.qtranxs-available-languages-message{background-color:pink; padding:15px;border-radius: 3px;}
.qtranxs-available-languages-message A {background-color:#999999;color:#FFFFFF;padding:5px;border-radius: 3px;}


/*  --------------------------------------------------------------------------- */
.fa-home:before {content: "\f015";color:red;}
#menu-primary  {width:auto;padding:3px;margin:2px;}
#menu-primary li {padding:1px;margin:1px;}
#menu-primary li A {font-size:0.75em!important;font-weight: bold;padding: 1px 0.5em;margin:0px;/*text-transform: uppercase;*/} 
#menu-primary li A:link,
#menu-primary li A:visited{background-color:red;color:white;border:0 solid red;}
#menu-primary li A:hover,
#menu-primary li A:active{background-color:black;color:white;border:0 solid white;}


/*  --------------------------------------------------------------------------- */
/* fil d'ariane'  */
.breadcrumb {padding: 0; margin-bottom:8px;list-style: none;background-color: white;border-radius: 0;border-bottom: solid thin #c1a7a7;color:#c1a7a7;font-size: 0.8em;}
.breadcrumb  A{color:black;}
/*  --------------------------------------------------------------------------- */
/* carousel  */
/*
.carousel-indicators {left: 100%;list-style: outside none none;margin-left: -5%;margin-right: 30px;padding-left: 0;position: absolute;text-align: center;top: 10px;width: auto;z-index: 15;}
.carousel-caption {background: none repeat scroll 0 0 rgba(150, 150, 150, 0.4);color: #ffffff;display: block;left: 0;    right: 0;overflow: hidden;padding: 10px;position: absolute;z-index: 100;}
.carousel-caption .btn {text-shadow: none;}
.carousel-caption A {color: #ffffff;}
.carousel-caption h2 {font-size: 1.8em;text-align:center;}
*/
/*  --------------------------------------------------------------------------- */
/* pagination  */
.wp-pagenavi {clear: both;text-align: center;}
.wp-pagenavi span.current {font-weight: bold;}
.wp-pagenavi a, .wp-pagenavi span {border: 1px solid #bfbfbf;margin: 2px;padding: 3px 5px;text-decoration: none;}
.wp-pagenavi a:hover, .wp-pagenavi span.current {border-color: #000;}
/*  --------------------------------------------------------------------------- */

/* special ce site gestion de cadres */
.panel {
    background-color: #fff;
    border: 0px solid transparent;
    border-radius: 0px;
    box-shadow: 0 0px 0px rgba(0, 0, 0, 0.05);
    margin-bottom: 20px;
}
.panel-default > .panel-heading {
    background-color: transparent;
    border-color: #ddd;
    color: #333;
}
/*
.navbar-bottom {text-align:center; float:left; width:100%;border: 1px solid red;}
.navbar-bottom .menu-bottom-container {text-align:center;float:left; width:auto; margin-left:auto; margin-right:auto;border: 1px solid yellow;}
.navbar-bottom .menu-bottom-container .group{text-align:center; border: 1px solid green;padding-left:auto; padding-right:auto;}
*/

/*******************************************************************************/
/********************   NAV primary ********************************************/
/*******************************************************************************/
/* Corrections */
.navbar {padding:0px!important;}
.navbar-collapse {
    position: relative;
    padding-top: 5px !important;
    max-height: 270px;
}
.navbar-collapse form[role="search"] {
    position: absolute;
    top: 0px;
    right: 0px;
    width: 100%;
    padding: 0px;
    margin: 0px;
    z-index: 0;
}
.navbar-collapse form[role="search"] button,
.navbar-collapse form[role="search"] input {
    padding: 8px 12px;
    border-radius: 0px;
    border-width: 0px;
    color: rgb(119, 119, 119);
    background-color: rgb(248, 248, 248);
    border-color: rgb(231, 231, 231);
    box-shadow: none;
    outline: none;
}
.navbar-collapse form[role="search"] input {
    padding: 16px 12px;
    font-size: 14pt;
    font-style: italic;
    color: rgb(160, 160, 160);
    box-shadow: none;
}
.navbar-collapse form[role="search"] button[type="reset"] {
    display: none;
}

@media (min-width: 768px) {
    .navbar-collapse {
        padding-top: 0px !important;
        padding-right: 10px !important;
    }
    .navbar-collapse form[role="search"] {
        width: 38px;
    }
    .navbar-collapse form[role="search"] button,
    .navbar-collapse form[role="search"] input {
        padding: 15px 12px;
    }
    .navbar-collapse form[role="search"] input {
        font-size: 18pt;
        opacity: 0;
        display: none;            
        height: 50px;
    }
    .navbar-collapse form[role="search"].active {
        width: 100%;
    }
    .navbar-collapse form[role="search"].active button,
    .navbar-collapse form[role="search"].active input {
        display: table-cell;
        opacity: 1;
    }
    .navbar-collapse form[role="search"].active input {
        width: 100%;
    }
}

/*******************************************************************************/
/********************   search ********************************************/
/*******************************************************************************/

/*******************************************************************************/
/********************   NAV primary ********************************************/
/*******************************************************************************/    


/* Primary Menu */
/*
#espace-logo-big{    
    position: relative;
}
#espace-langue{    
    position: absolute;
    right: 30%;
    bottom: 1%;
    margin-bottom: 1%;
    width: 140px;
    z-index: 100;
    border: thin solid #ff0000!important;
}
#espace-search{    
    position: absolute;
    right: 17%;
    bottom: 1%;
    margin-bottom: 1%;
    width: 140px;
    z-index: 100;
    border: thin solid #ff0000!important;
}
#espace-newsletter{    
    position: absolute;
    right: 2%;
    bottom: 1%;
    margin-bottom: 1%;
    width: 160px;
    z-index: 100;
    border: thin solid #ff0000!important;
}

*/
.group{ margin-top: 1rem;margin-bottom: 1rem;}
.group LI{display:inline;}

.univers-nuages {padding:0px; margin:0px; float:left;}
.univers-nuages A{padding: 2px; margin:2px;color: #ffffff;border: solid thin gray;float:left;}
/* Bootstrap 4 text input with search icon */
.has-search .form-control {
    padding-left: 2.375rem;
}
.has-search .form-control-feedback {
    position: absolute;
    z-index: 2;
    display: block;
    width: 2.375rem;
    height: 2.375rem;
    line-height: 1.7rem;
    text-align: center;
    pointer-events: none;
    color: #aaa;
}

.form-group {
    margin-right: 25px; 
    margin-bottom: 0; 
}
.social{ margin-bottom: 2px; float:right;  }
.social .btn {padding:0px;}
.social A { margin: 0 5px; }


.navbar-brand {
    margin-right: 0rem; 
}


/*
.bloc{border-left:thin solid white;padding:0 5px;margin:0 5!important;font-family: 'Raleway Medium';font-size: 0.8em;}
.bloc:nth-child(2n) {border-right:thin solid yellow;}
ul.menu-footer{list-style: none;padding-left:10px;margin:0;color: white;float:left;}
ul.menu-footer b {color: white;}
ul.menu-footer li::before {content: "•"; color: white;}
ul.menu-footer li A {color: white!important;white-space: nowrap!important;font-size: 0.8em;}

.social{ margin-bottom: 2px; float:right;  }
.social .btn {padding:0px;}
.social A { margin: 0 5px; }
*/
.icon{font-size: 1em; color: white;float:left;margin:3px 10px 8px auto;padding-top:4px;font-weight: bold; padding-left: 8px;}

footer{margin-bottom:0;padding-bottom:0; font-family: 'Raleway'!important;}

/* carousel  */
.carousel-indicators {}
.carousel-caption {
    background: none repeat scroll 0 0 rgba(150, 150, 150, 0.7);
    color: #ffffff;
	 font-family: 'Raleway'!important;
}
.carousel-caption .btn {}
/*titre 38 px = 2.35em*/
.carousel-caption .titre {
    color: black;
    text-align:left;
    text-decoration:none;
    font-size: 2.1em!important;
   /* text-transform: uppercase;*/
    font-weight: bold;   
    line-height: 100%;
	font-family: 'Raleway'!important;
}
.carousel-caption .titre .univers A {
    color: red;
    float:left;
    text-decoration:none;
   /* text-transform: uppercase;*/
    font-weight: bold;  
	 font-family: 'Raleway'!important;
}
.carousel-caption ddd {
    font-size: 0.8em;
    color:white;
    font-family: 'Raleway'!important;
}
/* MOdule auteur*/

#author {float:left;max-width:200px;border:0 solid red;width:200px;margin:0 0 -15px 0;padding:12px;}
#author .icon{float:left;}
#author .name{color:red;background-color:#f0f0f0;margin:10px 0 0 0;width:178px;float:left; font-family: 'ralewaybold'!important;}
#author .description{color:green;}

.spacer10{width:100%;height:10px!important;paddig:5px;margin:5px;border:0 solid pink;float:left;}

ul.tags {padding-left: 0;font-size: 0.9em;margin:3px; padding:3px;/*float:left;*/}
ul.tags  li{display: inline-block;background-color : transparent;text-align: center;border-radius: 0px;padding: 3px;margin:3px; }
ul.tags  li a{color: #555;font-size: 0.7em;	border:solid thin gray ;padding: 5px;}

.navbar-toggler-icon {
    display: inline-block;
    width: 1em;
    height: 1em;
    vertical-align: middle;
    content: "";
    background: no-repeat center center;
    background-size: 100% 100%;
    background-color: red;
}
.form-control-sm {
    height:1.6em;
}
.form-control-sm {
    margin: 15px 0!important;
}
.menu-toggler{
	font-size: 0.7em;
    font-weight: bold;
}


UL.navbar-right{
	margin: 0 0 0 auto;
	background-color: white;
}


/* tous le centre*//* background-color:#ff0000;border:thin solid red;*/
@media only screen and (min-width: 1200px){	.after_header_fix { margin-top:160px;  }}
@media only screen and (min-width: 992px) and (max-width:1199px) {.after_header_fix {margin-top:160px;}}
@media only screen and (min-width: 768px) and (max-width: 991px){.after_header_fix {margin-top:130px;}}
@media only screen and (min-width: 322px) and (max-width: 767px) { .after_header_fix {margin-top:110px;}}
@media only screen and (min-width: 260px) and (max-width: 321px) { .after_header_fix {margin-top:90px;}}

@media only screen and (min-width: 1200px){.carousel-caption .titre {font-size: 1.3em!important;font-family: 'Raleway'!important;}}
@media only screen and (min-width: 992px) and (max-width:1199px){.carousel-caption .titre {font-size: 1.25em!important;font-family: 'Raleway'!important;}}
@media only screen and (min-width: 768px) and (max-width: 991px){.carousel-caption .titre {font-size: 1.1em!important;font-family: 'Raleway'!important;}}
@media only screen and (min-width: 260px) and (max-width: 767px){.carousel-caption .titre {font-size: 1em!important;font-family: 'Raleway'!important;}}


@media only screen and (min-width: 1200px){.px38{font-size : 1.8em;}}
@media only screen and (min-width: 992px) and (max-width:1199px){.px38{font-size : 1.7em;}}
@media only screen and (min-width: 768px) and (max-width: 991px){.px38{font-size : 1.6em;}}
@media only screen and (min-width: 260px) and (max-width: 767px){	.px10{font-size : 0.875em;}
	.px11{font-size : 0.95em;}
	.px13{font-size : 1em;}
	.px14{font-size : 1.1em;}
	.px15{font-size : 1.1em;}
	.px16{font-size : 1.1em;}
	.px19{font-size : 1.2em;}
	.px38{font-size : 1.45em;}
		UL.navbar-right{
		margin: 0 7px;
		background-color: white;
		text-align: center;
		border:thin solid red;
	}
}




#dossier  {background-color:transparent;}
#dossier .card-body {padding: 5px 10px;}
#dossier .card {padding: 0px;margin: 3px 0;border: 0px solid rgba(0,0,0,.125);}

.bg-dark{
	background-color:#000000!important;
}
/* confidentiel, au meme sujet, */
.module-titre{
	font-size :1em; font-family: 'ralewaybold'!important
	}

.similar li {
    border: thin solid gray;
    padding: 10px;
    margin: 10px 0 0 0;
}

/* correction 25 janvier 2021*/
.fixed-bottom {bottom: -17px!important;}
.table td, .table th {padding: .01rem;}
#social A {padding-top:3px!important;padding-bottom:0px!important;}




/*
.icon-bar {
  width: 90px;
  background-color: #555;
}

.icon-bar a {
  display: block;
  text-align: center;
  padding: 16px;
  transition: all 0.3s ease;
  color: white;
  font-size: 36px;
}

.icon-bar a:hover {
  background-color: #000;
}
*/
    

/*
.container {border: 1px solid #ff0000;}
.container-fluid {border: 1px solid #ff0000;}  
.navbar{border: 1px solid #ff00FF;} 
.content {background-color:#ff8686;}  
.row {border: 1px solid #0000FF;}
.col-xs-1,.col-sm-1,.col-md-1,.col-lg-1,.col-xs-2,.col-sm-2,.col-md-2,.col-lg-2,.col-xs-3,.col-sm-3,.col-md-3,.col-lg-3,
.col-xs-4,.col-sm-4,.col-md-4,.col-lg-4,.col-xs-5,.col-sm-5,.col-md-5,.col-lg-5,.col-xs-6,.col-sm-6,.col-md-6,.col-lg-6,
.col-xs-7,.col-sm-7,.col-md-7,.col-lg-7,.col-xs-8,.col-sm-8,.col-md-8,.col-lg-8,.col-xs-9,.col-sm-9,.col-md-9,.col-lg-9,
.col-xs-10,.col-sm-10,.col-md-10,.col-lg-10,.col-xs-11,.col-sm-11,.col-md-11,.col-lg-11,.col-xs-12,.col-sm-12,.col-md-12,
.col-lg-12 {border: 1px solid #ffff00;} 
*/