/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/* 
    Created on : 17-sept.-2015, 13:00:53
    Author     : HOVE
*/
/* source-sans-pro-300 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 300;
    src: url('../fonts/source-sans-pro-v18-latin-300.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/source-sans-pro-v18-latin-300.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v18-latin-300.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v18-latin-300.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v18-latin-300.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v18-latin-300.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-regular - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 400;
    src: url('../fonts/source-sans-pro-v18-latin-regular.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/source-sans-pro-v18-latin-regular.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v18-latin-regular.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v18-latin-regular.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v18-latin-regular.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v18-latin-regular.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-600 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 600;
    src: url('../fonts/source-sans-pro-v18-latin-600.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/source-sans-pro-v18-latin-600.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v18-latin-600.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v18-latin-600.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v18-latin-600.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v18-latin-600.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-700 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 700;
    src: url('../fonts/source-sans-pro-v18-latin-700.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/source-sans-pro-v18-latin-700.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v18-latin-700.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v18-latin-700.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v18-latin-700.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v18-latin-700.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}
/* source-sans-pro-900 - latin */
@font-face {
    font-family: 'Source Sans Pro';
    font-style: normal;
    font-weight: 900;
    src: url('../fonts/source-sans-pro-v18-latin-900.eot'); /* IE9 Compat Modes */
    src: local(''),
    url('../fonts/source-sans-pro-v18-latin-900.eot?#iefix') format('embedded-opentype'), /* IE6-IE8 */
    url('../fonts/source-sans-pro-v18-latin-900.woff2') format('woff2'), /* Super Modern Browsers */
    url('../fonts/source-sans-pro-v18-latin-900.woff') format('woff'), /* Modern Browsers */
    url('../fonts/source-sans-pro-v18-latin-900.ttf') format('truetype'), /* Safari, Android, iOS */
    url('../fonts/source-sans-pro-v18-latin-900.svg#SourceSansPro') format('svg'); /* Legacy iOS */
}

@font-face {
    font-family: 'caviar_dreamsregular';
    src: url('../fonts/CaviarDreams-webfont.eot');
    src: url('../fonts/CaviarDreams-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CaviarDreams-webfont.woff') format('woff'),
         url('../fonts/CaviarDreams-webfont.ttf') format('truetype'),
         url('../fonts/CaviarDreams-webfont.svg#caviar_dreamsregular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'caviar_dreamsbold';
    src: url('../fonts/Caviar_Dreams_Bold-webfont.eot');
    src: url('../fonts/Caviar_Dreams_Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Caviar_Dreams_Bold-webfont.woff') format('woff'),
         url('../fonts/Caviar_Dreams_Bold-webfont.ttf') format('truetype'),
         url('../fonts/Caviar_Dreams_Bold-webfont.svg#caviar_dreamsbold') format('svg');
    font-weight: normal;
    font-style: normal;

}
@font-face {
    font-family: 'caviar_dreamsitalic';
    src: url('../fonts/CaviarDreams_Italic-webfont.eot');
    src: url('../fonts/CaviarDreams_Italic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CaviarDreams_Italic-webfont.woff') format('woff'),
         url('../fonts/CaviarDreams_Italic-webfont.ttf') format('truetype'),
         url('../fonts/CaviarDreams_Italic-webfont.svg#caviar_dreamsitalic') format('svg');
    font-weight: normal;
    font-style: normal;

}

@font-face {
    font-family: 'caviar_dreamsbold_italic';
    src: url('../fonts/CaviarDreams_BoldItalic-webfont.eot');
    src: url('../fonts/CaviarDreams_BoldItalic-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/CaviarDreams_BoldItalic-webfont.woff') format('woff'),
         url('../fonts/CaviarDreams_BoldItalic-webfont.ttf') format('truetype'),
         url('../fonts/CaviarDreams_BoldItalic-webfont.svg#caviar_dreamsbold_italic') format('svg');
    font-weight: normal;
    font-style: normal;

}






body
{	
	font-family: 'Source Sans Pro', sans-serif;
	font-size:16px;	
	color:#231F44;	
       
}
.contenu .gauche,.vpmD_txt{ text-align: justify  }
h1{
    font-size: 32px;
    font-weight: 600;
    color: #388E9A;
    padding-bottom: 10px;
    border-bottom: solid 1px #eee;
}
a, a:hover{color: #388E9A}
.txt_turquoise{
    color: #388E9A
}
.txt_turquoise_c{
    color: #72DAD0
}
.txt_gris{
    color: #3E3D40
}
.txt_gris_c{
    color: #C9C9C9
}
.txt_bleu{
    color: #0D0046
}
.txt_rouge{
    color: #B51434
}
header{
    background-color: #CECECE;
    padding: 15px 0px
}
header img{display: inline-block !important}
header .col-border{border-right: 1px solid #ffffff}

#menu_horizontal{
    background-color: #231F44;
    color: #ffffff
}
#menu_horizontal .container{padding-left: 0}
.navbar{
    margin-bottom: 0;
    border: none;
    min-height:0;
    border-radius:0px       
}
.navbar-default{background-color: transparent}
.nav-tabs{border-bottom:none}
.nav-tabs > li > a{
    border: none;
    border-radius: 0;
    margin-right: 0}
.navbar-default .navbar-nav > li > a {color: #ffffff}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav .open > a, .navbar-default .navbar-nav .open > a:hover, .navbar-default .navbar-nav .open > a:focus, .navbar-default .navbar-nav .select a{
    color: #231F44;
    background-color: #CECECE
}
.dropdown-menu{
    background-color: #cecece;
    border: none;
    padding: 0
}
.dropdown-menu > li > a:hover{
    background-color:#388e9a;
    color: #ffffff
}
.contenu{padding-top: 20px}
.doc_pave_titre{
    font-size: 32px;
    font-weight: 600;
    color: #388E9A
}
.doc_pave{    
    margin-bottom: 10px;
    padding-bottom: 10px
      
}
.doc_pave::after{  
    content: "";
    display: block;   
    border-bottom: 1px dashed #3F3E3E;    
     position: absolute;
    bottom: 0;
    width: 97%
}
/*Volets*/
.vpmD_content{
    background-color:#F5F5F5;
    padding: 5px 10px;
    color: #403F42;
    margin-top: 15px
}
.vpmD_titre{
    font-size: 20px;
    font-weight: bold;
    color: #388E9A;
    padding-bottom: 5px
}
.vpmD_titreCont{
    font-size: 24px;
    font-weight: bold
}
.nouveaute{
  font-size: 12px;
}
.nouveaute .titre{
    font-weight: 600;
    font-size: 18px;
   color:#403F42;
   padding-bottom: 15px;
   line-height: 22px
}
.nouveaute .titre a{ color:#403F42}
.nouveaute .categorie{font-weight: bold;  text-transform: uppercase}

.sondage, .nouveaute{}
.sondage button{   
     color: #388E9A;
     font-size: 16px;    
}
.sondage .btn:hover{color:#231f44}
footer {
    background-color: #E6E6E6;
    margin-top: 20px;
    padding-top: 50px;
    color:#403F42;
    font-size: 14px;
    font-weight: 300
}
footer .entete_bas{
    font-size: 21px;
    font-weight: bold;
    color: #656158;
    margin-top: 20px
}
footer #mention_bas{
    color: #8b8b8c;
    font-size: 14px;
    line-height: 17px;
    margin-bottom: 10px;
}
footer a{
    color: #403F42;}
footer hr {
    background-color: #aaa;
    height: 1px;
    margin: 20px 0 10px;
}
#menu_bas {
    float:left;
    display: table;
    margin: 0 10px;
}
#menu_bas ul{
	list-style: none;
	margin: 0;
	padding: 0;
	float: left; 	
	display:block;
	font-weight:bold;	
        min-width: 100px;
	text-align:left;	
}
#menu_bas > div{
    display: table-cell;
    padding-left: 5px;
    padding-right: 5px;
    vertical-align: top
}
.menu_bas_sep{	
    border-right: 1px solid #ccc;     
}
#menu_bas ul ul{
	float:none;
	font-weight:normal;
	margin:0px;
	width:auto;
	border:none
}
#menu_bas ul li a{
	text-decoration:none;
	display:block;
	color:#787779;
	padding-bottom: 10px;
}
#menu_bas ul ul li a{
	font-size:14px;
	color:#666666;
	padding-bottom:3px;
}
#menu_bas ul ul li a:hover{
	text-decoration:underline;
}
#menu_bas .avec_titre{
}
#menu_bas .sans_titre a{
	color:#FFF;
}
#menu_bas .sans_titre a span{
	color:#FFF;
	font-size:9px;
}
#menu_bas .sans_titre ul a{
	color:#2f65a1;
}
.dossier_liste, .doc_doc_detail{
border-bottom: 1px dashed #3F3E3E;
padding: 15px 0px
}
.dossier_liste .dossier_titre, .doc_lst_tit{  
    font-size: 24px;
    font-weight: 600;
    margin-bottom: 10px;
}
.dossier_liste .lien, .doc_lnk_detail{
    padding-top: 5px;
    font-weight: bold
}
.dossier_liste a:hover, .chapitre .sommaire a:hover, .chapitre .fic a:hover, .sommaire .current a, .doc_lnk_detail a:hover, .doc_lst_tit a:hover{
   color: #231f44;
   text-decoration: none
}
.dossier{
    border-bottom: 1px dashed #3F3E3E;
    padding-bottom:15px;   
}
.dossier h1{
    font-size: 32px;
    font-weight: 600
}
.chapitre{padding-top: 15px}
.chapitre .contenu{  
    padding-top: 0
}
.chapitre .droite{
     float: right;  
      margin-left: 15px;
      width: 35%;     
}
.chapitre .sommaire{  
    background-color: #F5F9FA;
    border-bottom: 5px solid #E1EEF0;   
    padding: 10px;    
}
.chapitre .fic{
   padding: 10px 0px;  
   font-weight: bold
}
.chapitre .sommaire .titre{
 color:#388E9A;
 font-size: 20px;
 font-weight: bold
}
.chapitre .chap{
    padding-bottom: 10px
}
.dossier_nav{
    padding-top: 10px;
    float: right
}
.dossier_nav img{
    padding-right: 5px
}
.dossier_nav .fic_img{padding-right: 20px}
.ressource a{
    font-size: 18px;
    font-weight: 300;
    color: #403F42    
}
.ressource a:hover{
    text-decoration: none;
    color:#388E9A
}

.ressource ul{
    padding-left: 20px;
}

.ressource li {
    display: block;
}

.ressource li:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e041";
    font-family: 'Glyphicons Halflings';
    
    margin-top: 4px;
    margin-left: -20px;
    color: #403f42;
}

li:hover:before{color:#388E9A;}

.img-responsive{display: inline;}

.doc_cat_tit{font-weight: bold;
font-size: 25px;
color: #231f44;
padding: 5px 0px}

.doc_cat_tit:before {
    /*Using a Bootstrap glyphicon as the bullet point*/
    content: "\e080 ";
    font-family: 'Glyphicons Halflings';
    font-size: 15px;
    margin-top: 4px;   
    padding-right: 5px;
    color: #231f44;
}

/*Recherche*/
.form-inline .input-group {
    display: table;
    position :relative;
 
}
.form-control:focus{border-color :#388e9a }
.recherche{padding-top: 8px}
.recherche .form-control{background-color:#CECECE }
.recherche .btn{background-color: #fff;height: 34px;color: #231f44}

@media print {
  body, footer{font-size: 12px}
  h1, .dossier h1{font-size: 16px;font-weight: 600;padding-bottom: 0;margin-top: 0;margin-bottom:5px}
  h2{font-size: 14px}
  a[href]:after {
    content: none !important;
  }
   img {
    max-width: 100% !important;
  }
}