/* 
   NE PAS METTRE D ACCENT DANS LES COMMENTAIRES DES LIGNES !  
   SINON LE FICHIER NE S OUVRIRA PLUS DAN L EXPLORATEUR DE FICHIER

   La page global.css est malgre tout active pour les generalites de tous les themes (NE PAS TOUCHER)
   La page globlal.php ne sert qu'a appeler les couleurs et styles de la base de donnees (NE PAS TOUCHER)
*/

/*  EXEMPLE : Importation des fontes via googleapis 

@import url(https://fonts.googleapis.com/css?family=Roboto+Condensed&display=swap);
@import url(https://fonts.googleapis.com/css?family=Montserrat&display=swa);
@import url(https://fonts.googleapis.com/css?family=Titillium+Web&display=swap);

*/
/****************************************************************************/

.menu-sect li {
border-bottom: #666 dotted 1px;
margin-top: 0;
}
.menu-sect {
text-align: left;
margin-right: 10%;
margin-top: 12%;
}
.menu-sect .fort {
font-size: 26px;
line-height: 40px;
color: #424242;
font-family: 'Roboto Condensed', sans-serif;
font-style: normal;
}
.menu-sect a {
font-size: 18px;
line-height: 40px;
color: #424242;
width: 100%;
padding-bottom: 10px;
}
.menu-sect a:hover {
color: #1288B3;
}
.menu-sect ul {
list-style: none;
}
.menu-sect li.actif a {
color: #1288B3;
}


/*
html, body {
font-weight: 400;
}

/*hauteur page qui est dans option.tpl 
@media (max-width:480px) {
.debut {
height: 40px
}
}
@media (min-width:1020px) {
.debut {
height: 20px
}
}

.marge-top {
height: 95px
}
.marge-bottom {
height: 85px;
}
/********************************** 

/*General 
.left {
text-align: left
}
.center {
text-align: center
}

.h1, h1, .h1right, .h1left {
margin-bottom: 0.75em;
border-radius: 24px 0 16px 0;
padding: 12px 10px 13px 0px;
/*   background-image: url(../images/puce_H1.png);
background-position: bottom center;
background-repeat: no-repeat;
 
line-height: 50px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
}
.h2, h2, .h2right, .h2left {
margin-bottom: 0.55em;
border-radius: 0;
padding: 12px 10px 12px 0px;
/*   background-image: url(../images/puce_H1.png);
background-position: bottom center;
background-repeat: no-repeat;
 
line-height: 50px;
font-weight: bold;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
text-align: center
}
.content {
padding-top: 0;
margin-top: -30px;
}
.content .h3, .content h3 {
line-height: 1.4em;
text-align: center;
background: transparent;
border: 0px solid #141414;
border-radius: 0;
padding: 10px 10px 12px 10px;
margin-top: 15px;
margin-bottom: 15px;
font-family: 'Roboto Condensed', sans-serif;
}
#Milieu .content {
padding-top: 40px;
}
.n {
margin-bottom: 0.75em;
font-size: 2.8em;
line-height: 60px; 
/*    background-image: url(../images/puce_H1.png);
background-position: bottom center;
background-repeat: no-repeat;
 
}
.m {
margin-bottom: -0.50em;
font-size: 2.8em;
line-height: 60px; margin-top:-10px;
/*    background-image: url(../images/puce_H1.png);
background-position: bottom center;
background-repeat: no-repeat;
 
}
.fort {
font-size: 19px;
line-height: 40px;
color: #0A4D66;
font-weight: normal
}
strong {
color: #424242;
font-size: 19px;
line-height: 40px;
}
.blog_article {
margin-bottom: 0.05em;
border: 0;
font-size: 2.6em;
padding: 12px 10px 13px 0px;
/*   background-image: url(../images/puce_H1.png);
background-position: bottom center;
background-repeat: no-repeat;
 
line-height: 50px;
text-transform: uppercase;
font-family: 'Roboto Condensed', sans-serif;
}
.fa-2x {
font-size: 3em;
}
blockquote {
margin: 2%;
border-left: 0px solid #fff;
padding: 5px 0 5px 20px;
font-size: 100%
}
blockquote p {
}
blockquote ul li {
padding-left: 3%;
padding-bottom: 5px;
font-size: 105%;
}
ul {
list-style: square;
}
/********************************** 


/*filets 

.filet1 {
color: #333;
}
.filet1ac {
margin-top: 5px;
padding: 15px 20px 20px 15px;
border: 1px solid #DDDDDD;
color: #333;
border-radius: 4px;
background: none repeat scroll 0% 0% transparent;
}
.filet1b {
margin-top: 5px;
padding: 15px 20px 20px 15px;
border: 0px solid #DDDDDD;
color: #333;
border-radius: 4px;
background: none repeat scroll 0% 0% transparent;
}
/********************************** 


/*menu gauche interieur 

.menu-sect li {
border-bottom: #666 dotted 1px;
margin-top: 0;
}
.menu-sect {
text-align: left;
margin-right: 10%;
margin-top: 12%;
}
.menu-sect .fort {
font-size: 26px;
line-height: 40px;
color: #424242;
font-family: 'Roboto Condensed', sans-serif;
font-style: normal;
}
.menu-sect a {
font-size: 18px;
line-height: 40px;
color: #424242;
width: 100%;
padding-bottom: 10px;
}
.menu-sect a:hover {
color: #1288B3;
}
.menu-sect ul {
list-style: none;
}
.menu-sect li.actif a {
color: #1288B3;
}



/************************************************************************** 
/************************************************************************** 


/*Css pour ou moins 480px 

@media (max-width:480px) {
.left {
text-align: center
}
.menu-sect {
text-align: left;
width: 100%;
margin-right: auto;
margin-top: 12%;
float: left;
margin-bottom: 40px;
}
.m {
margin-bottom: -0.50em;
font-size: 2em;
line-height: 40px;
/*    background-image: url(../images/puce_H1.png);
background-position: bottom center;
background-repeat: no-repeat;
 
}
.filet1 {
width: 100%;
margin-left: 1%;
margin-right: 1%;
margin-top: 5px;
border: 0;
background: #333;
color: #fff
}
.filet1 h2 {
color: #fff
}
.filet1 h3 {
font-size: 1.5em;
color: #fff
}
.filet1b {
width: 100%;
margin-left: 1%;
margin-right: 1%;
margin-top: 5px;
border: 0;
background: #333;
color: #fff
}
.filet1b h2 {
color: #fff
}
.filet1b h3 {
font-size: 1.5em;
color: #fff
}
.filet1ac {
width: 106%;
margin-left: -3%;
margin-top: 5px;
padding: 10px 5px 20px 15px;
border: 0;
background: #333;
color: #fff
}
.filet1ac h2 {
color: #fff
}
.filet1ac h3 {
font-size: 1.5em;
color: #fff
}
.tab-content {
padding: 0;
margin-left: -3%;
width: 106%;
}
.media > .pull-left {
margin: 0;
}
p {
text-align: left;
hyphens: auto;
margin-bottom: 10px;
font-size: 1.02em;
}
h1,
#Milieu h1, .h1,
#Milieu .h1, h1.right, h1.left, .h1left, .h1right {
}
h2,
#Milieu h2, .h2,
#Milieu .h2 {
font-size: 1.8em;
text-align: center;
margin-top: 10px;
margin-bottom: 10px
}
h3,
#Milieu h3 {
font-size: 1.7em;
font-weight: bold;
margin-top: 0px;
text-align: center;
margin-bottom: 5px;
margin-top: -10px;
text-transform: uppercase;
}
#Milieu .text_slide {
font-size: 18px;
line-height: 30px;
}
#Milieu .btnn {
background: #1288B3;
color: #fff;
display: inline-block;
padding: 10px 30px;
border: 0;
border-radius: 2px;
font-size: 18px;
color: white;
position: relative;
width: 90%;
margin-left: 5%;
height: 70px
}
blockquote {
margin-left: -15px;
border-left: 0;
padding: 0;
text-align: left;
}
blockquote ul li {
padding-left: 0;
margin-left: 0;
text-align: left;
}
a {
font-weight: bold
}
.input-group .form-control {
width: 95%;
margin-bottom: 0;
}
.fort {
font-weight: normal
}
.ifheight {
height: 550px;
overflow: hidden;
}
#Milieu .content {
padding-top: 80px;
}
}


/*Css pour ou moins 550px 

@media (max-width:550px) {

ul {
list-style: none;
}

.module_contact {
width: 100%;
font-size: 18px;
color: #1C4B8A;
background-color: rgba(255,255,255,0.84);
border: 0;
padding: 0;
}
}
/********************************** 



/*Css pour plus ou moins 780px 

@media (max-width:780px) {
.inline_mini {
display: none
}
.inline_mini_top {
display: none
}
.navbar-header {
background-color: #000;
}
}


@media (min-width:781px) {
.inline_mini {
height: 70px;
margin-top: 50px;
margin-left: 0
}
.inline_mini_top {
height: 85px;
margin-top: 30px;
margin-left: 0
}
.bouton_menu_droit {
right: 3%;
}

.module_contact {
width: 80%;
margin-left: 10%;
font-size: 16px;
color: #1C4B8A;
background-color: rgba(255,255,255,0.84);
border: 1px solid #DDDDDD;
border-radius: 4px;
padding: 20px;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #fff;
color: #ccc
}
.navbar-inverse .navbar-nav > li > a {
font-weight: normal;
font-family: 'Roboto Condensed', sans-serif;
font-size: 16px;
padding-top: 9px;
padding-bottom: 14px;
text-transform: uppercase;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
font-weight: normal;
text-transform: none;
font-size: 16px;
}
.navbar-nav {
margin: 7.5px -10px;
padding-top: 0;
}
.navbar {
height: 75px;
}
.navbar-default .navbar-nav .active {
color: #000;
}
.navbar-inverse .navbar-nav > li > a:hover {
background-color: #fff;
color: #1288B3;
font-size: 16px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
background-color: #fff
}
.navbar-default .navbar-nav > li > a {
margin-top: 10px;
}
.navbar-nav > li {
margin-top: 2px;
height: 87px
}
.navbar-inverse .navbar-nav .dropdown-menu {
margin-top: 5px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
color: #1288B3;
font-size: 16px;
}
.navbar-default .navbar-nav .active {
background-color: #fff;
color: #1288B3
}
.navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
background-color: #fff;
color: #1288B3
}
.bouton_menu_droit {
top: 21px;
}
}
/********************************* 




/*Css pour plus ou moins 1000px 

@media (min-width:1000px) {
.inline_mini {
height: 90px;
margin-top: 30px;
margin-left: 0
}
.inline_mini_top {
height: 85px;
margin-top: 30px;
margin-left: 0
}
.bouton_menu_droit {
right: 3%;
}
}


/*Css pour plus ou moins 1200px 

@media (min-width:1200px) {
.inline_mini {
height: 90px;
margin-top: 10px;
margin-left: 0
}
.inline_mini_top {
height: 85px;
margin-top: 10px;
margin-left: 0
}
.bouton_menu_droit {
right: 10%;
}
}

@media screen and (min-width: 550px) and (max-width: 1200px) {
.titre_slide h1 {
font-size: 80px;
line-height: 80px;
}
.text_slide {
font-size: 46px;
line-height: 60px;
}  

#Milieu .text_slide {
font-size: 26px;
line-height: 30px;
}

}


/*Css pour plus ou moins 1600px 

@media (min-width:1600px) {
.inline_mini {
height: 125px;
margin-top: 10px;
margin-left: 0
}
.inline_mini_top {
height: 90px;
margin-top: 0;
margin-left: 0
}
.bouton_menu_droit {
right: 10%;
}
}


/*slides*/
/* @media screen and (min-width: 550px) and (max-width: 1200px) {}  

.titre_slide h1 {
font-size: 50px; line-height: 60px;
text-shadow: 0 0 12px #000;	color: #fff;
font-family: 'Roboto Condensed', sans-serif;
font-weight: normal;
text-transform: uppercase;
background: none;
}
.text_slide {
font-size: 26px;line-height: 40px;	
text-shadow: 0 0 12px #000;
color: #fff;
font-family: 'Montserrat', sans-serif;
text-transform: uppercase;
}


@media (max-width: 1620px) {
.titre_slide h1 {font-size: 60px;line-height: 70px}
.text_slide {font-size: 30px;line-height: 50px}
.m {font-size: 42px;line-height: 50px}
}

@media (max-width: 1400px) {
.titre_slide h1 {font-size: 70px;line-height: 80px}
.text_slide {font-size: 32px;line-height: 40px}
.m {font-size: 42px;line-height: 50px}
}


@media (max-width: 1100px) {
.titre_slide h1 {font-size: 80px;line-height: 80px}
.text_slide {font-size: 42px;line-height: 60px}
.m {font-size: 42px;line-height: 50px}
}


@media (max-width: 999px) {
.titre_slide h1 {font-size: 80px;line-height: 80px}
.text_slide {font-size: 42px;line-height: 60px}
.m {font-size: 42px;line-height: 50px}
#Milieu .btnn a {width : 50%}
}


@media (max-width: 600px) {
.titre_slide h1 {font-size: 105px;line-height: 110px}
.text_slide {font-size: 26px;line-height: 30px}
.m {font-size: 26px;line-height: 30px}
#Milieu .btnn a {width : 100%}
#Milieu h2 {line-height:40px}

.centre {margin: 0 auto;	max-width: 1000px;	position: relative;	width: 100%;}
.slider-gauche .centre { margin-top:-6%;}
}


@media (max-width: 480px) {
.titre_slide h1 {font-size: 135px;line-height: 150px}
.text_slide {font-size: 70px;line-height: 90px}
.m {font-size: 26px;line-height: 30px}
#Milieu .btnn a {width : 100%}
#Milieu h2 {line-height:40px}

.centre {margin: 0 auto;	max-width: 1000px;	position: relative;	width: 100%;}
.slider-gauche .centre { margin-top:-6%;}
}