@font-face {

font-family: 'Comfortaa-Regular';

src: local('Comfortaa-Regular'), url('fonts/Comfortaa-Regular.ttf') format('woff'); }



@font-face {  font-family: 'Comfortaa-Bold';

src: local('Comfortaa-Bold'), url('fonts/Comfortaa-Bold.ttf') format('woff');}



@font-face {font-family: 'Myriad Pro Regular';

src: local('Myriad Pro Regular'), url('fonts/MYRIADPRO-REGULAR.woff') format('woff');  }



 @font-face {font-family: 'Rubik-Light'; src: local('Rubik-Light'), url('fonts/Rubik-Light.ttf') format('woff');  }

 @font-face {font-family: 'Rubik-Medium'; src: local('Rubik-Medium'), url('fonts/Rubik-Medium.ttf') format('woff');  }

 @font-face {font-family: 'Rubik-Regular'; src: local('Rubik-Regular'), url('fonts/Rubik-Regular.ttf') format('woff');  }



html, body {

	font-family: 'Rubik-light' !important;

	font-size: 16px !important;

}
.container {
	background-color: white;
}


*::-webkit-input-placeholder {

  color: #FFFFFF !important;

}

.inner p{

 

	line-height: 27px;

}

*::-moz-placeholder {

  color: #FFFFFF !important;

}

*:-ms-input-placeholder {

  color: #FFFFFF !important;

}

*:-moz-placeholder {

   color: #FFFFFF !important;

}





#site {  }

#site .publications h3{ margin-bottom: 10px;color: #990002; }

#site h3{

	color: #990002;

	display: block;

	padding: 10px;

	margin: 0;

	text-align: center;



 }

 #site .fil h3{

	color: #990002;

	display: block;

	padding: 10px;

	margin: 0;

	text-align: center;

	background-image: url(../images/heading-icon.png);

	background-repeat: no-repeat;

	background-position: center bottom;

	font-size:25px;

	line-height:30px;

	text-transform:uppercase;

 }

#site .histoire h3{

	color: #990002;

	display: block;

	padding: 10px;

	margin: 0;

	text-align: left!important;

	font-size: 35px;

 }

 .container .chiffre h3{

	color: #00CC33;

	display: block;

	padding: 10px;

	margin: 0;

	text-align: center!important;

	font-size: 35px;

 }

 .hist {

	background-color: #F3F3F3;

	padding: 5px;

 }

  .blanc {

	background-color: transparent;

	padding: 0px;

	margin-top:10px;

 }

  .vert {

	background-color: #307545;

	padding: 5px;

	color: #FFFFFF;

	height:394px;

	float:right;

	width:50%

 }

 .left-bloc {

 float:left;

 width:50%;

 height:394px;}

 #site .mot img{ width: 100% }

 #site .mot h3 {

	display: block;

	text-align: left;

	margin: 0;

	padding: 14px 0px;

	padding-left: 30px;

	position: relative;

	background: transparent;

	color: #163B0D;

	font-family: 'Rubik-Light';

	font-size: 20px;

}

#center .mot .moduletable .h  h3:after {

	position: absolute;

	left: 0;

	border-radius: 0px;

	width:41px;

	height: 38px;

	background-image: url(../images/s1.png);

	background-repeat: no-repeat;

	background-position: left top;

}



#header {

	width: 100%;

	display: block;

	min-height: 75px;

	padding: 10px 0px;

	background: #FFFFFF;

	-webkit-box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.53);

-moz-box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.53);

box-shadow: 0px 2px 10px -6px rgba(0,0,0,0.53);

}

.footer-l.col-sm-8.col-lg-8.col-md-8.col-xs-12 {

	text-align: right;

	font-weight: bold;

}

 #header .logo{  }

#header .logo img {
    width: 82%;
}

#header .slogo {

	padding-top: 15px;

	z-index: 1000;

}

 #header .slogo img{width: 100%;  }



 #header .recherche{text-align: center; }

 #header .menu ul{ float: right;margin-top: 15px }

 #header .menu ul li{float: left; }

 #header .menu ul li.item-101{display: none; }

 #header .menu ul li a{font-family: 'Rubik-Medium'; color: #F7931E; text-transform: uppercase; font-size: 12px; padding: 5px; }

 #header .menu ul li a:hover ,#header .menu ul li a:active, #header .menu ul>li>a:focus { background: transparent; color: #C61D23; }



#menuprincipale {

	min-height: 45px;

	height: auto;

	position: relative;

	background-color: #000000;

}

 #menuprincipale ul { list-style: none }

#menuprincipale ul a {

	/* font-family: 'Rubik-Medium'; */

	font-size: 16px;

	padding: 3px 30px;

	text-transform: uppercase;

}

 #menuprincipale ul  li{ float: left; }

 #menuprincipale ul  li.itemid120{  }

 #slide  .camera_commands{        display: none !important;   }

#slide {
	position: relative;
	margin-top: 20px;
	
}

#dj-megamenu102,
#dj-megamenu171 {

	/*margin-left: 25px !important;*/

}

 #slide #camera_wrap_109 .camera_caption .camera_caption_title{ color: #EF7A04; font-size: 22px;padding: 15px 0px }

 #slide #camera_wrap_109 .camera_caption .camera_caption_desc{ color: #002A54; font-family: 'Rubik-Regular'; font-size: 15px; }

 #slide #camera_wrap_109 .camera_caption {

     width: 40%;top:100px; left: 50px;

 }

  #slide .camera_caption > div{

        background: #fff ; color: #000

   }



#center {
	background: #F9EFF2;
	/* padding: 10px 0px; */
}
#center .mot .moduletable {

	/* border: 1px solid #D4D4D4; */

	padding-bottom: 0px;

	min-height: 195px;

}

 #center .mot .moduletable p:first-child{padding: 0  }

 #center .mot .moduletable p{color: #808080; padding: 15px  }

 #center .mot .moduletable p.plus{text-align: right;margin-top: 20px }

 #center .mot .moduletable p.plus a{color:#4187DC }



 #center .publications .moduletable{height: auto;padding-bottom: 0px; }

 #center .moduletable{  /*border: 1px solid #D4D4D4;*/  position: relative;padding-bottom: 30px; }



 #center .bt-cs .bt-inner {   padding: 0px; }

 #center .bt-cs .bt-inner .bt-image-link img{width: 100% !important; max-width:100% !important;outline: none; border:none }

 #center .bt-cs .bt-row { padding: 0px 0; }

 #center .bt-introtext { padding: 14px;padding:5px 0px; color: #808080;font-family: 'Myriad Pro Regular';  font-size:14px }

 #center #btcontentslider114, #center #btcontentslider130  { height: 100%  }



 #center #btcontentslider114 .bt_handles_num, #center #btcontentslider130 .bt_handles_num {   padding: 2px 0px !important;

    top:auto !important;

    bottom: 0px !important;

    right: 0px !important;

    background: #EF7A04;

    width: 100%  ; text-align: center;



}

 #center  .bt_handles_num li.current a { color: #000 }

 #center  .bt_handles_num li a {

       display: block !important;

    width: 15px;

    font-size: 22px;

    height: 25px;

    line-height: 30px ;

    background: transparent !important;



}





   #center #btcontentslider114 .bt_handles_num li , #center #btcontentslider130 .bt_handles_num li{ float: none;      display: inline-block;



    color: white;

    margin-right: 10px; }

  #center p.readmore {

      margin-bottom: 0

  }

   #center .bt-cs .bt-inner .bt-title {

    clear: both;

    color: #002A54;

    font-weight: bold;

    text-transform: uppercase;

    line-height:30px;padding: 10px 0px;

    display: inline-block;

}

 #center p.readmore a { float: right; padding: 0px; color:#EF7A04 ;

    margin-right: 10px; font-size: 40px;  line-height: 30px; }

 #center .mod-sppoll strong{ display: block;   font-family: 'Rubik-Light';

 background: #00658B; color: #fff; width: 100%;padding:45px 20px; font-weight: normal;

        }

#center .mod-sppoll       .form-sppoll{

 padding: 10px

}

 #center  .bt-row-separate {

    border-bottom: 1px dotted #EF7A04;

    margin: 0px 0px;

    margin-bottom: 0px;  display: none ;

}

 #center .acces li{  width: 100%;margin: 6px 0px; height:70px }

 #center .acces li a{ background: #002A54; color: #fff ; display: block;height: 100%; width: 100% }

 #center .acces li a span{display: block; width: 80%; float: left; }

 #center .acces li a img{display: block; width: 20%; float: right; }

 #center .acces li.item-139 a span{padding-top: 15px }

 #center .acces li.item-140 a span{padding-top: 15px }





#contact{    overflow: auto; }

#contact .map{ padding: 0 !important; height: 400px }

#contact .Rejoignez{ padding: 0 !important; background: #002A54 ;height: 400px}

#contact .Rejoignez .moduletable{ padding: 15px }

#contact .Rejoignez .moduletable h3{font-size: 42px; color:#fff; padding-left: 0; background: transparent }

#contact .Rejoignez .moduletable h3:after{display: none; }

#contact .Rejoignez .moduletable p{color:#fff; }





#contact ul{ display: table; /*margin: 0 auto*/ }

  #contact ul li{ float: left;margin:  0px 8px }

/*    #CONTACT ul{width:30%;display: table; margin: 0 auto }

     #CONTACT li{width: 25%; float:left; padding: 10px }*/

    #contact li a{text-align: center; background: #666666; border-radius:6px; padding: 10px; transition:background 500ms;  }

     #contact li a img{width:35px }

     #contact li a.twitter:hover{background: #1da1f2; transition:background 500ms;  }

   #contact li a.twitter{background: #6E6E6E;  }

    #contact li a.facebook:hover{background: #3B5998;transition:background 500ms;   }

    #contact li a.facebook{background: #4C4C4C;   }

    #contact li a.linkedin:hover{background: #0177B5;transition:background 500ms;   }

    #contact li a.linkedin{background:#8A8A8A ;  }

    #contact li a.youtube:hover{background: #CC181E; transition:background 500ms;  }

#mediatheque {

    min-height: 500px; background: #F2F2F2; padding: 30px 0px;

}



#mediatheque  .dj-galleryGrid {

    margin: 0px !important;

   ;

}

 #mediatheque h3{

    text-align: center;background: transparent;color: #002A54; font-size: 42px; padding-bottom: 30px;

 }



.footer_b {

	height: 40px;

	background: #990002;

	color: #fff;

	padding: 10px 0px;

}

.footer_c {
	overflow: auto;
	    background: #e6e6e6;
	color: #fff;
	padding: 10px 0px;
}
.footer_c a,.footer_c p,.footer_c span,.footer_c strong{
	color: #333;
}

.container.chiffres {
    margin: 0px 230px;
	background-color: transparent;

}

p.marge {

padding:10px;}

.footer_c h3 {

    color: #990002!important;
    text-align: left!important;
    background: #fff;
    margin-bottom: 10px !important;


}

.footer_c .foot-f img {

margin-right:5px;}

.footer_c .foot-f ul  {

	list-style-type: none;

}

.footer_c .foot-f ul li {

	list-style-type: none;

	background-image: url(../images/f-arrow.png);

	background-repeat: no-repeat;

	background-position: left center;

	padding-left: 20px;

}

.footer_a {

	/*height: 180px;*/

	color: #fff;

	font-family: 'Myriad Pro Regular';

	background-color: #333333;
	overflow: hidden;

	margin-top: 0px;

	margin-bottom: 10px;

	padding-top: 20px;

	padding-right: 0px;

	padding-bottom: 20px;

	padding-left: 0px;

	background-image: url(../images/call-back-bg.jpg);

	background-repeat: no-repeat;

	background-position: right center;

} 

.footer_c .footer-l .image_margin_top{
	    margin: 20px 0px 0px;
}

.footer_c .nav>li>a:hover,.footer_c .nav>li>a:focus {
    text-decoration: none;
    background-color: #fff;
    transition: all 0.8s;
}

#shiva {

	/*width: 115px;*/

	/* height: 100px; */

	background: none;

	float: left;

	/*margin: 5px 95px;*/

	padding: 12px;

	/*margin-left: 20px;*/

	text-align: center;

	border-left-width: 2px;

	border-left-style: solid;

	border-left-color: #D2D2D2;

}

.right {

	float: right;

	width: 20%;

	background-color: #eef5e1;

	margin-left: 15px;

}

.ch h3 {
padding-left: 140px;

margin:0;

padding:0;

color:#CCCCCC!important;

font-size:35px;



}

.ch {

	float: left;

	margin-top: 30px;

}

.count {

	line-height: 25px;

	color: #5cb47c;

	/* margin-left: 8px; */

	font-size: 25px;

	clear: both;

	display: block;

	text-align: center;

	/*width: 100px;*/

}

.right .count {

	line-height: 30px!important;

	color: #5cb47c;

	/* margin-left: 8px; */

	font-size: 20px!important;

	

}

#talkbubble {

   width: 120px;

   height: 80px;

   background: red;

   position: relative;

   -moz-border-radius:    10px;

   -webkit-border-radius: 10px;

   border-radius:         10px;

  float:left;

  margin:20px;

}

#talkbubble:before {

   content:"";

   position: absolute;

   right: 100%;

   top: 26px;

   width: 0;

   height: 0;

   border-top: 13px solid transparent;

   border-right: 26px solid red;

   border-bottom: 13px solid transparent;

}



.linker

{

  font-size : 20px;

  font-color: black;

}



.footer-r {

    text-align: right;

}



a#rechereche{     float: right;  }

a#rechereche img{     width: 55px;

    margin-top: 5px; }



.scrollToTop {

    padding: 8px;

    text-align: center;

    text-decoration: none;

    position: fixed;

    bottom: 50px;

    right: 15px;

    display: none;

    background: #990002;

    z-index: 99999;

    opacity: 0.6;

    border-radius: 2px;

}



.inner .page-header {

    padding-bottom: 9px;

    margin: 40px 0 20px;

    border-bottom:none;

}

.inner .page-header h2 {

	margin: 0;

	color: #990002;

	font-size: 30px;

	/* font-family: 'Rubik-Medium'; */

	text-transform: uppercase;

	background-image: url(../images/heading-icon.png);

	background-repeat: no-repeat;

	background-position: left bottom;

	min-height: 60px;

}

.inner  p{

  

}



@media (max-width:1200px){

  #menuprincipale ul a{ font-size: 22px; padding: 3px 20px;}

 #slide #camera_wrap_109 .camera_caption {

    width: 50%; top:50px

  }

#slide {

    margin-top: 50px;

}

#center .acces li {

        margin: 19px 0px;

    height: 75px;

}

   }



@media (max-width:992px){

    #center .moduletable {

       height: 640px;  margin-bottom: 20px

}

 #center #btcontentslider114{

    height: 94%;

}

 #center #btcontentslider130 {

    height: 96%;

}

#center .mot .moduletable p {

    font-size: 16px;

}

#center .acces li a img {

    display: block;

    width: 45px;

    float: right;

    height: 45px;

}

#center .acces li {

    margin: 7px 0px;

    height: 58px;

}

#mediatheque {

    min-height: 360px;

}

#contact .Rejoignez{

    text-align: center;

}

#contact ul {     margin: 0 auto; }

#center .publications .moduletable {

  margin-bottom: 0

}

#slide #camera_wrap_109 .camera_caption{

    display: none !important

}

 #header .menu ul li a {font-size: 14px }



 #center .acces li.item-139 a span{padding-top:5px }

 #center .acces li.item-140 a span{padding-top: 5px }

#menu_mobile    .menu_affiche{

     width: 100%;

       background: #002a54;

    height: 50px;

    padding: 10px;overflow: hidden;     padding-left: 65px;

}

  #menu_mobile h3{ text-align: left;background: transparent; color: #EF7A04; }

   .pushmenu { /*this is the nav*/



  background:#000000;







  width: 270px;



  height: 100%;



  top: 0;



  z-index: 1000;



  position:fixed;



  overflow-y: auto;



}



.pushmenu a#close {

        z-index: 100000;

    position: absolute;



    right: 10px;



    top: 10px;



    padding: 0;height: 33px;width: 33px  ; border-top: 0;



}  .pushmenu a#close img { width: 100% }



.pushmenu a {



  display: block; /* drops the nav vertically*/



  color: #fff;



  font-size: 16px;







  text-decoration: none;



  border-top: 1px solid #56544e;



  border-bottom: 1px solid #312e2a;



  padding: 14px;



}



.pushmenu ul {     padding: 0; list-style: none; direction: ltr;}



.pushmenu ul ul { background: #00ADEF }



.pushmenu ul ul li a{ background: #00ADEF ;  border-bottom: 1px solid #FFFFFF;  border-top: 0px solid #FFFFFF; }



















.pushmenu-left {



  left: -270px;







}







.pushmenu-left.pushmenu-open {



  left: 0;        direction: rtl;



}







.pushmenu-push {



  overflow-x: hidden;



  position: relative;



  left: 0;



}







.pushmenu-push-toright {



  left: 270px;



}







/*Transition*/



.pushmenu, .pushmenu-push {



  -webkit-transition: all 0.3s ease;



  -moz-transition: all 0.3s ease;



  transition: all 0.3s ease;



}







#nav_list {



  background: url(../images/menu.png) no-repeat;



  cursor: pointer;



  height: 33px;



  width: 33px;



  text-indent: -99999em;



  float: left;



}



   }



 @media (max-width:767px){
  #site #search_input{
    color: #fff;
  }
 #site #search_input::-webkit-input-placeholder {
color: #fff !important;
}
 
#site #header #search_input:-moz-placeholder { /* Firefox 18- */
color: #fff !important;  
}
 
#site #header #search_input::-moz-placeholder {  /* Firefox 19+ */
color: #fff !important;  
}
 
#site #header #search_input:-ms-input-placeholder {  
color: #fff !important;  
}
    #site .slogo {
    margin: 7px auto !important;
    padding: 0px !important;
    background: #990002;
  }
    .icons ul .print-icon{display: none;}
  #myTabTabs li{font-size: 12px;}
  #site .menu_title h3 {display: block !important;}
 	.chiffres .container {
   padding: 0px !important;
}

 	.ch{
 		padding-left: unset !important;
 		width: 100% !important;
 	}
 	.container.chiffres{
 		padding: 0px !important;
 	}
 	#shiva{
 		border:transparent;
 		width: 100% !important;
 	}

 	#shiva .count{
 		width: 100%;
 	}
 	.footer_a{
 		/*min-height: 564px !important;*/
 		background-color: unset !important;
 	}
.dropdown-menu>li>a {
    font-size: 0px;
    height: 25px;
    padding: 3px 10px !important;
}
.icons .dropdown-menu{
    top: -140px !important;
    padding: 0px !important;
    margin: 0px !important;  
    }

  #menu_mobile .menu_affiche {

        padding-left: 20px;

}

#center .mot .moduletable p.plus {

    text-align: right;

    margin-top:0px

}
.footer_c {
	/*height: 835px;*/

}

#center .moduletable {

    height: auto;

    margin-bottom: 15px;

}

#center #btcontentslider114, #center #btcontentslider130 {

    height: 100%;

    padding-bottom: 45px;

}

.photos{

    margin-bottom: 15px

}

#header .logo {

    text-align: center;

}

  #header .logo img {

    width: 40%; margin: 0 auto;

}

     }

	 .container.inner {

  min-height: 400px;

}

#menuprinc {

	background: white;

}

.nav > li > a {

	padding: 5px 5px!important;

}

#serv h3 {

	color: #000000;

	display: block;

	padding: 10px;

	margin: 0;

	text-align: left;

}

.plan {

	float: right;

	position: relative;

	bottom: 4px;

}

.plan a {

	color:white!important;

	margin-bottom:5px!important;

}

.plan a:hover {

	background-color:#ccc!important;

	

}

.acts {

	height: 10px;

	

	padding: 10px;

	margin: 5px;

}

.acts  h3 {

	font-size: 20px!important;

	color:#990002!important;

	

}

.acts .moduletable {

	/* border: 1px solid #D4D4D4; */

	

	padding-bottom: 0px!important;

	font-size:11px!important;

}

.acts img {

	max-width: 50%;

}

.acts p {

	margin: 0 0 -25px;

}

.colors {

	float: left;

}
.footer-l .colors img{
	border: 1px solid #fff;
}
.mod-languages {
/*	margin-left: 50px;*/
	margin-top: 4px;
	color:#000000;
}
.chzn-container-single .chzn-single span {
	display: block;
	overflow: hidden;
	margin-right: 26px;
	text-overflow: ellipsis;
	white-space: nowrap;
	color:#000000!important;
}
div.mod-languages a {
	text-decoration: none;
	color: white !important;
}

.dj-slideshowThumbs .dj-indicators{
	height: 55px !important;
}

#dj-slideshowThumbs13p .dj-indicators{
	    
	    background: #f58c31;
}


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


.breadcrumb{
	background: unset !important;
}



.icons .dropdown-menu {
    position: relative;
    top: -88px;
    left: 0;
    z-index: 1000;
    display: none;
    float: left;
    min-width: 160px;
    padding: 5px 20px !important;
    margin: 2px 0 0;
    list-style: none;
    font-size: 14px;
    background-color: #fff;
     border: unset !important; 
     border: unset !important; 
     border-radius: unset !important; 
     -webkit-box-shadow: unset !important; 
     box-shadow: unset !important; 
     background-clip: unset !important; 
}
.icons button {
    display: none;
}

.icons ul {
    display: inline-block;
}
.icons ul .print-icon{
    background-image: url(images/printer.png);
    background-repeat: no-repeat;
    padding-left: 12px;
}

.icons ul .email-icon{
    background-image: url(images/email.png);
    background-repeat: no-repeat;
    padding-left: 12px;
}

.icons .dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus {
    background-color: unset !important;
}
.chiffres .container {
   background: transparent;
   padding: 0px 170px;
}

.dj-megamenu-default li:hover a.dj-up_a, .dj-megamenu-default li.hover a.dj-up_a, .dj-megamenu-default li.active a.dj-up_a{
	background: #990002 !important;
}

.dj-megamenu-select-dark .dj-mobile-open-btn, .dj-megamenu-offcanvas-dark .dj-mobile-open-btn, .dj-megamenu-accordion-dark .dj-mobile-open-btn{
	background: #990002 !important;
}

ul.dj-mobile-dark li.dj-mobileitem:hover > a, ul.dj-mobile-dark li.dj-mobileitem.active > a{
	background: #990002 !important;
}

.menu_title h3 {display: none !important;}
dl.contact-position.dl-horizontal {
    display: none;
}
.moduletable h3{
  text-align: center;
  color: #990002;
}
.mot {
    padding: 0px 40px !important;
}
#search_input::-webkit-input-placeholder {
color: #990002 !important;
}
 
#search_input:-moz-placeholder { /* Firefox 18- */
color: #990002 !important;  
}
 
#search_input::-moz-placeholder {  /* Firefox 19+ */
color: #990002 !important;  
}
 
#search_input:-ms-input-placeholder {  
color: #990002 !important;  
}

#header .search_extend_link {
    color: #990002;
    font-size: 25px;
}
.footer-bas {
    background: #990002;
    min-height: 40px !important;
    padding: 10px;
    font-family: 'Myriad Pro Regular';
    color: #fff;
    text-align: center;
    margin: 0 auto;
}