/********************* Reset  **************************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, canvas, details, embed, 
figure, figcaption, footer, header, hgroup, 
menu, nav, output, ruby, section, summary,
time, mark, audio, video {
	margin: 0;
	padding: 0;	
	font-size: 100%;
/*	font: inherit;
*/	vertical-align: baseline;
}

b, strong {
    font-weight: bold;

}p {
    margin: 0 0 10px;
}

/* HTML5 display-role reset for older browsers */
article, aside, details, figcaption, figure, 
footer, header, hgroup, menu, nav, section {
	display: block;
}
body {
	line-height: 1.5; 
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}
table {
	border-collapse: collapse;
	border-spacing: 0;
}

a {
    color: #BCCF00; 
}
a:hover {
    color: #5f5053; 
    text-decoration: none; 
}
/* Fin Reset */ 


/********************* Général **************************/
body {
    font-family: 'Fira Sans', sans-serif;
    font-size: 16px;
    word-break: keep-all;
    color: #444;
    overflow-x: hidden; 
}
.fa .fa-angle-left {
    
    
}

.gras {
    font-weight: bold; 
}

h1 {
     color: #fff;
    font-size: 36px;
    text-transform: uppercase;
    font-weight:700;
    text-align: left; 
    line-height: 1;
}

h1.surtitre{
    font-weight: normal;
    font-style: italic;
}

h2 {
    text-transform: uppercase; 
    font-size: 36px;
    color: white;
    margin-bottom: 20px;
    text-align: center; 
}

h3 {
    text-transform: uppercase; 
    font-size: 26px;
    color: #5f5053;
    font-weight: bold;
    line-height: 1.1;
    margin: 15px 0 5px 0; 
}

h3.spip{
}

h4 {
    text-transform: uppercase; 
    font-size: 24px;
    color: white;
    font-weight: bold;
}

h5 {
    font-size: 20px; 
    font-weight: bold; 
    color: #99846D;
    margin-top: 15px; 
}

h6 {
    font-weight: bold; 
    color: white; 
}

.brd_marron {
    border-bottom: 1px solid #5f5053;
}

.brd_white {
    border-bottom: 1px solid white;
}

.text_chapo {
    /*color: #99846D;*/
    /*text-align: justify;*/
    font-size: 18px;
    margin: 15px 0;
    
}
.color_1 {
    color:#5f5053;
}

.color_2 {
    color:#BCCF00;
}
.color_3 {
    color:#99846D;
}

.fd_1 {
    background-color: #BCCF00; /*vert flash*/
}

.fd_2 {
    background-color: #99846D; /*taupe*/
}

.fd_3 {
    background-color: #09c6c6; /*cian*/
}
.fd_4 {
    background-color: #E05159; /*Rouge*/
}
.fd_5 {
    background-color: #7EB51C;  /*vert AF*/
}
.fd_6 {
    background-color: #EE8A3C; /*orange*/
}

.fd_7 {
    background-color: #5f5053; /*marron foncé*/
}

.fd_8 {
    background-color: #56812D; /* vert foncé */
}

.fd_9 {
    background-color: #EEF2C6; /* vert clair */
}

button {
    border: none;
}
.bttn {
    text-transform: uppercase; 
    font-size: 16px;
    color: white; 
    background-color: #5f5053;
    border-radius: 20px;
    padding-left: 40px;
    padding-top: 2px;
    padding-right: 40px;
    line-height: inherit;
    font-weight: bold;
    
}

.bttn:hover {
    color: white; 
}

.bttn_2 {
    padding-left: 20px; 
    padding-right: 20px;
    background-color: #BCCF00;
}

.bttn_3 {
    padding: 0px; 
    text-align: center; 
    border-radius:50%;
    width:30px;
    height:30px; 
    margin-right: 10px; 
}

.bttn_4 {
    padding-top: 8px; 
    padding-bottom: 8px;
    font-size: 24px; 
}

.bttn_5 {
     padding: 8px 12px 8px 12px; 
    font-size: 16px; 
    color: white;
    margin: 20px; 
}
.navigation {
    background-image: url(../image/bordure.png); 
    background-position: top center; 
    background-repeat: no-repeat; 
    margin-top: 20px; 
    padding-top: 50px; 
}
.navigation button {
    background-color: white;
    margin-right: 20px;
    margin-bottom: 20px; 
}

.navigation button h5 {
    text-transform: uppercase; 
    color: #BCCF00;
    font-size: 18px; 
}


section {
    padding-top: 40px; 
    padding-bottom: 40px; 
}


.bordure{
    border-top: 10px solid #5f5053;
    width: 100%; 
}
.no-padding {
    padding: 0; 
}

.videos {
    margin-bottom: 25px; 
}

.video-container {
	position: relative;
	padding-bottom: 56.25%;
	padding-top: 30px;
	height: 0;
	overflow: hidden;
}

.video-container iframe,  
.video-container object,  
.video-container embed {
	position: absolute;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
}

.logo-right{
    margin-bottom: 30px;
}

.logo-right img{
    margin: 0 auto;
}

.bloc {
    width: 100%; 
    height: auto; 
    padding: 20px;
    color: white; 
    text-align: center;
    -webkit-box-shadow: 3px 2px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 2px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 2px 8px 0px rgba(0,0,0,0.75);
    margin-top: 40px;
    margin-bottom: 40px; 
}

.fil_ariane {
    width: 100%; 
    padding: 5px; 
    color: white; 
    background-color: #5f5053;
}

.fil_ariane a:hover{
    color: #FFF;
}

.tag li {
    background-color: #5f5053; 
    float: left; 
    width: auto;
    color: white; 
    padding: 5px 20px 5px 20px; 
    margin:5px 5px 30px 5px; 
}


/********************* Page d'accueil  **************************/


.slider {
    padding-bottom:0;
}
.slider .col-md-2 {
    padding: 0; 
    margin: 0;
    z-index: 99; 
    position: relative; 
}

.slider .col-md-12 {
    padding: 0; 
    margin: 0;
    z-index: 1; 
    margin-top: -378px; 
}


.slider a img:hover {
    margin-left: -25px;
    transition-duration: 0.2s; 
}
     
}/*
Bootstrap Image Carousel Slider with Animate.css
Code snippet by Hashif (http://hashif.com) for Bootsnipp.com
Image credits: unsplash.com
*/


/********************************/
/*          Main CSS     */
/********************************/


.slider #first-slider .main-container {
  padding: 0;
}

.slider #first-slider .slide1 h4,#first-slider .slide2 h4,#first-slider .slide3 h4,#first-slider .slide4 h4{
    color: #fff;
    font-size: 30px;
    text-transform: uppercase;
    font-weight:300;
    line-height: 1.2;
    background-color: rgba(0,0,0,.3);
    padding: 15px;
    text-shadow: 0px 0px 5px #000000;
    margin-left: 30px;
}
.slider #first-slider .slide1 .text-left ,#first-slider .slide3 .text-left{
    padding-left: 0px;
    left: 0;
}


.slider #first-slider .carousel-indicators {
    bottom: 97px; 
    z-index: 999;
    position: absolute;
    left: 50%;
    margin-left: -43.35px;
    width: auto;
    padding-left: 0;
    text-align: left;
    background-color: rgba(0,0,0,.3);
    padding: 5px 5px 0px 5px;
}

.slider #first-slider .carousel-control.right,
.slider #first-slider .carousel-control.left {
  background-image: none;
}
.slider #first-slider .carousel .item {
  min-height: 425px; 
  height: 100%;
  width:100%;
}

.slider .carousel-inner .item .container {
    display: flex;
    justify-content: center;
    align-items: center;
    position: absolute;
    bottom: 0;
    top: 0;
    left: 0;
    right: 0;
}


.slider #first-slider h3{
  animation-delay: 1s;
}
.slider #first-slider h4 {
  animation-delay: 2s;
}
.slider #first-slider h2 {
  animation-delay: 3s;
}

.slider #first-slider .carousel-control {
    width: 6%;
        text-shadow: none;
}


.slider #first-slider h1 {
  text-align: center;  
  margin-bottom: 30px;
  font-size: 30px;
  font-weight: bold;
}

.slider #first-slider .p {
  padding-top: 125px;
  text-align: center;
}

.slider #first-slider .p a {
  text-decoration: underline;
}
.slider #first-slider .carousel-indicators li {
    width: 14px;
    height: 14px;
    background-color: rgba(255,255,255,.4);
  border:none;
}
.slider #first-slider .carousel-indicators .active{
    width: 16px;
    height: 16px;
    background-color: #fff;
  border:none;
}


.slider .carousel-fade .carousel-inner .item {
  -webkit-transition-property: opacity;
  transition-property: opacity;
}
.slider .carousel-fade .carousel-inner .item,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  opacity: 0;
}
.slider .carousel-fade .carousel-inner .active,
.carousel-fade .carousel-inner .next.left,
.carousel-fade .carousel-inner .prev.right {
  opacity: 1;
}
.slider .carousel-fade .carousel-inner .next,
.carousel-fade .carousel-inner .prev,
.carousel-fade .carousel-inner .active.left,
.carousel-fade .carousel-inner .active.right {
  left: 0;
  -webkit-transform: translate3d(0, 0, 0);
          transform: translate3d(0, 0, 0);
}
.slider .carousel-fade .carousel-control {
  z-index: 2;
}

.slider .carousel-control .fa-angle-right, .carousel-control .fa-angle-left {
    position: absolute;
    top: 50%;
    z-index: 5;
    display: inline-block;
}
.slider .carousel-control .fa-angle-left{
    left: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.slider .carousel-control .fa-angle-right{
    right: 50%;
    width: 38px;
    height: 38px;
    margin-top: -15px;
    font-size: 30px;
    color: #fff;
    border: 3px solid #ffffff;
    -webkit-border-radius: 23px;
    -moz-border-radius: 23px;
    border-radius: 53px;
}
.slider .carousel-control {
    opacity: 1;
    filter: alpha(opacity=100);
}


/********************************/
/*       Slides backgrounds     */
/********************************/
.slider #first-slider .slide1 {
    background-image: url(../image/images_slider_accueil/slide1.jpg);
      background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
}
.slider #first-slider .slide2 {
  background-image: url(../image/images_slider_accueil/slide2.jpg);
      background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
}
.slider #first-slider .slide3 {
  background-image: url(../image/images_slider_accueil/slide3.jpg);
      background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
}
.slider #first-slider .slide4 {
  background-image: url(../image/images_slider_accueil/slide4.jpg);
      background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
}
.slider #first-slider .slide5 {
  background-image: url(../image/images_slider_accueil/slide5.jpg);
      background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
}
.actu {
    background-image: url(../image/bg_paralax1.jpg); 
    width: 100%; 
    background-size: cover;
    height: auto;
    background-attachment: fixed;   
}

.thumbnail {
    display: block;
    padding: 0px;
    margin-bottom: 20px;
    line-height: 1.42857143;
    border: none;
    border-radius: 0px;
    -webkit-transition: border .2s ease-in-out;
    -o-transition: border .2s ease-in-out;
    transition: border .2s ease-in-out;
}

.actu .thumbnail h4 {
    background-color: #5f5053;
    padding: 4px; 
    color: white;
    font-size: 11px; 
    font-weight: lighter;
    margin-top: -24px;
    z-index: 99;
    position: relative;
    display: inline-block;
}

.actu .thumbnail .caption {
    color: white;
    min-height: 220px;
}
.actu .thumbnail .caption h3 {
    text-transform: inherit; 
    font-size: 20px;
    text-align: left;
    color: white;
    margin-top: 5px;
}

.actu .thumbnail .caption h6 {
    margin : 10px 0;
}

.actu .thumbnail > .news { 
    background-color: #FFF;
    width: 100%;
	height: 150px;
    line-height: 150px;
    display:block;
}

/*bloc en image / projet  Louis Malassis*/
.actu .thumbnail > .new { 
    background-size: cover;
    background-position: center;
    width: 100%;
    height: 300px;
    display:block;
}

.img1 {
    background-image: url(../image/news.jpg);    
}
.img2 {
    background-image: url(../image/news2.jpg); 
}
.img3 {
    background-image: url(../image/news3.jpg); 
}
.img4 {
    background-image: url(../image/news4.jpg); 
}


.actu .carousel-control {
    position: absolute;
    top: 0;
    bottom: 0;
    left: 0;
    margin-top: 100%; 
    width: 100%;
    font-size: 20px;
    color: #5f5053;
    text-align: center;
    text-shadow: none;
    background-color:inherit; 
    filter: none; 
    opacity: 1; 
}

.actu .carousel-control.right {
    right: 0;
    left: auto;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;;
    background-repeat: repeat-x;
}

.actu .carousel-control.left {
    right: 0;
    left: auto;
    background-image: none;
    background-image: none;
    background-image: none;
    background-image: none;
    filter: none;;
    background-repeat: repeat-x;
}


.chiffre {
    background-image: url(../image/bg_paralax2.jpg); 
    width: 100%; 
    background-size: cover;
    height: auto;
    background-attachment: fixed;
}

.chiffre h4 {
    font-size: 60px;
    line-height: 1;
    margin-top: 15%; 
}

.chiffre .bloc {
    box-shadow: inherit;
    margin: 0;
    margin-bottom: 15px;  
    min-height: 201px;
}

.chiffre .row {
    padding: 0; 
    margin: 0;
}

.domaine {
    background-image: url(../image/bg_paralax_marron.jpg); 
    background-size: cover; 
    background-repeat: no-repeat;
    background-position: center; 
}

.domaine p {
    text-align: center; 
    font-weight: bold; 
    color: white;
    font-size: 16px;
}


.projecteur {
    background-color: #99846D; 
    color: white;
    font-size: 16px;
}


.vignette_ronde{
    width: 180px;
    height: 180px;
    -webkit-border-radius: 50%;
    -moz-border-radius: 50%;
    border-radius: 50%;
    background-size: cover;
    background-position: center;
    margin: 10px 0;
}

.financement { 
    background-image: url(../image/bg_paralax3.jpg); 
    background-size: cover; 
    background-repeat: no-repeat; 
    background-attachment: fixed;
}
.bloc {
    width: 100%; 
    height: auto; 
    padding: 20px;
    color: white; 
    text-align: center;
    -webkit-box-shadow: 3px 2px 8px 0px rgba(0,0,0,0.75);
    -moz-box-shadow: 3px 2px 8px 0px rgba(0,0,0,0.75);
    box-shadow: 3px 2px 8px 0px rgba(0,0,0,0.75);
    margin-top: 40px;
    margin-bottom: 40px; 
}

.bloc .bttn {
    margin-top: 20px; 
}

.logo_list1{
    width:100%;
    height:100%;
    background-size:cover;  
}

.logo_list2{
    width:80%;
    height:100%;
    margin:0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;  
}

/********************* Page Fondation  **************************/
.intro{
    padding: 0; 
    margin: 0; 
}
.bandeau {
    background-image: url(../image/images_bandeau_pages/IRD_56427.jpg); 
    width: 100%; 
    height: 180px; 
    position: relative; 
    background-size: cover;
    background-position: center; 
    background-repeat: no-repeat;
    margin: 0 0 0 0; 
    padding: 0;
}
.bg-contain {
    width:80%;
    height:100%;
    margin:0 auto;
    background-position: center;
    background-repeat: no-repeat;
    background-size:contain;  
}
.bg-cover {
    width:100%;
    height:100%;
    background-position: center;
    background-size:cover;  
}
.rosace {
    background-image: url(../image/images_bandeau_pages/rosace_logo.png);
    z-index: 999;
    height: 180px;
    width: 100%;
    left: 60%; 
    top: 0px; 
    position: absolute;
    background-repeat: no-repeat; 
}

.intro h1 {
    text-shadow: 2px 2px 2px rgba(150, 150, 150, 1);
    position: absolute;
    z-index: 999;
    top: 45%;
    left: 10%;
}

.info {
    background-color: #F1F1F1; 
    width: 100%;
    margin-bottom: 15px; 
    padding: 10px;

    }

.info a {
    color:  #BCCF00;
    line-height: 1,5; 
}

.info img {
    max-width: 100%;
    height: auto;
}

.bg_info {
    background-image: url(../image/bg_titre_box.jpg);
     color: white; 
    text-align: center; 
    padding: 10px;
    margin: 0; 
}

h3.color_2 {
    margin-top: 20px; 
}

.panel-group .panel {
		border-radius: 0;
		box-shadow: none;
		border:0;
    background-color: #F1F1F1;
   
	}

	.panel-default > .panel-heading {
		padding: 0;
		border-radius: 0;
		color: #212121;
		background-color: #F1F1F1; 
		border-color: none; 
        border: 0px; 
         background-image: none;
	}

	.panel-title {
		font-size: 18px;
       
	}

	.panel-title > a {
		display: block;
		padding: 0;
		text-decoration: none;

	}

.panel-title > a:hover {
    color: inherit; 

}
    	.panel-title a span {
		margin-top: -7px;
        padding: 20px;
        position: absolute;
	}
    

	.more-less {
		float: right;
		color: #212121;
	}

	.panel-default > .panel-heading + .panel-collapse > .panel-body {
		border-top-color: #EEEEEE;
        border: 0; 
	}


/********************* Page Partenaire > Olam   **************************/
.logo_partenaire{
    text-align: center;
    height: 180px;
    line-height: 180px;
}
.logo_partenaire img{
    background-color: #FFF;
    vertical-align:middle;
    max-height: 160px;
    max-width: 100%;
    margin:0 20px;
}

.logo_partenaire img.reduite{
    max-width: 80%;
}

.intro_vignette{
    padding: 0;
    margin: 0; 
}
.intro_vignette .col-md-6 {
    padding-left: 0px; 
    padding-right: 0px; 
}
.intro_vignette .bloc {
    margin: 0;
    box-shadow: none;
    height: 180px; 
    text-align: left;
}

.intro_vignette h1 {
    text-transform: inherit;
    font-size: 26px;
    text-align: left;
}

.intro_vignette .surtitre {
    text-transform: inherit;
    background-color:#5f5053;
    padding: 0 5px;
    margin-bottom: 5px;
    color:white;
    font-size: 20px;
    line-height: 30px;
    font-weight: lighter;
    display: inline-block;
    text-align: left;
}

.intro_vignette h2 {
    text-transform: inherit; 
    font-size: 20px;
    text-align: left; 
    margin-left: 20px; 
}
.v1 {
    background-image: url(../image/images_vignettes/IRD_00005125.JPG); 
}

.ac1 {
    background-image: url(../image/bg_paralax_vert2.jpg); 
}

.ac2 {background-image: url(../image/images_vignettes/IRD_20730.JPG); 
}

.bloc2 {
    position: relative; 
}

.bloc2 .thumbnail {
    min-height: 260px;
    max-height: 1060px; 
}

.bloc2 .thumbnail img  {
   text-align: left;
    margin-top: 0;
    margin-left: 5%; 
}
.bloc2 .thumbnail img.etendard  {
    z-index:1;
    position: absolute;
    margin: 0;
}

.bloc2 .thumbnail .caption {
    position: relative;
    color: white;
    min-height: 109px;
}

.bloc2 .thumbnail .caption h6{
    margin: 10px 0;
}

.bloc2 .thumbnail .caption img  {
    right:0;
    top: -40px;
    z-index:1; 
    position: absolute;
    width: 40px;
    height: 40px;
}


.pictoplus {
    background-image: url(../image/picto_plus.jpg);
    background-position: top right; 
    background-size: cover; 
    background-repeat: no-repeat; 
}
.bloc2  .etandard {
    

}
.date {
    padding: 5px 5px 5px 10px;
    margin-top: -30px;
    z-index:9999;
    position: relative;
    width: 40%; 
}

/********************* Page Actions et projet / Appel à proposition / International mobility   **************************/
 
.v2 {
    background-image: url(../image/images_vignettes/IRD_50642.jpg)
}

.v22 {
    background-image: url(../image/images_vignettes/IRD_63544.jpg)
}

.v222 {
    background-image: url(../image/images_vignettes/IRD_62538.jpg)
}

.plus {
    display: inline-block;
    color: white; 
    font-size: 20px;
    padding: 0;
    width: 100%;
    height: 49px;
    margin-top: 15px;
    text-align: left;
    vertical-align: middle; 
}

.plus span {
   position: absolute;
    vertical-align: middle;
    margin: 12px;

}

.ac3 {
    background-image: url(../image/bg_paralax_ciel.jpg)
}

/********************* Page Actions et projet / Action / Prix Louis  Malassis   **************************/
 
.v2 {
    background-image: url(../image/images_vignettes/IRD_19910.JPG)
}

/********************* Page sciences et actualite / evenement  **************************/


/********************* Page projet Bota Caching   **************************/

.intro_vignette .tag {
    margin-top: -10px ;
    margin-left: -20px;
}
.illustration {
    margin-top: 20px; 
}

.projet_texte .text_chapo{
    margin-top: 0;
}
.projet_texte img{
    width: auto;
    max-width: 100%;
    height: auto;
    margin: 5px 0;
}
.bref {
    margin-top: 15px;
    margin-bottom: 25px; 
    padding: 20px;
    font-size: 18px;
}
.bref1{
    float:left;
    text-align: right;
    width: 50%;
    padding-right: 15px;  
    font-weight: bold;    
}
.bref2{
    text-align: left;
    margin-left: 50%;
}



.projet .btn.dropdown-toggle {
    background-color: white;
    color: #BCCF00; 
    font-size: 18px;
    font-weight: bold; 
    height: auto;
    padding:0px;
    margin-bottom: 20px;
    margin-top: 0px;
        border-radius; 0; 
}
.projet .btn.dropdown-toggle span {
 
   position: relative;
    vertical-align: middle;
    margin: 12px;
    margin-top: -20px; 

}

.projet .btn-group  {
    margin-top: 5px; 
}
.projet .btn {
   
    border-radius: 0px;
    margin: 0; 
}


/********************* Page action projet / projet soutenu   **************************/

.v3 {
    background-image: url(../image/images_bandeau_pages/IRD_46054.jpg); 
}

.resultat .btn {
    margin-bottom: 10px;     
    border-radius: 0;
    border-top-right-radius: 0;
    border-bottom-right-radius: 0;
    background-color: white; 
}
.resultat .btn.dropdown-toggle {
    background-color: #BCCF00;
    color: white; 
    margin-right: 10px; 
}



/********************* Footer  **************************/
footer {
    background-color: #99846D;
    width: 100%; 
    color: #FFF;
}

footer section {
    background-color: #5F5053; 
}

footer ul li a {
    margin-top: 15px;
    color: white;
    line-height: 1.5;
    font-weight: 500;
    font-size: 13px; 
}
footer li a:hover {
    color: #5F5053; 
}
footer .iso {
    font-size: 11px;
    color: white;
    word-wrap: break-word; 
    text-align: right;
    display: inline-block;
    margin-top: 50px; 
}

footer p{margin-bottom: 2px; line-height: 22px}

footer img {
    float:left;
}

footer .logo {
    margin-top: 15px;
    max-height: 65px;
}

footer .blanche {
    background-color: white;
    padding: 20px 0;
}



/********************* Bouton Sticky haut de page  **************************/
.scrollup {
	padding-bottom: 3px;
    padding-top: 3px; 
    padding-right: 3px;
    padding-left: 3px;
    background-color: #5f5053;
    z-index: 999999;   
	position: fixed;
	bottom: 50px;
	right: 50px;
	display: none;
	font-size: 20px;
	text-align: center;
	line-height: 30px;
}
 
.scrollup .fa-angle-up {
    color: white;
    border: 1px solid white;
    padding-bottom: 10px;
    padding-top: 10px; 
    padding-right: 20px;
    padding-left: 20px; 
}

.spip_logo{float: none;}
.spip_documents_left{float: none; margin:5px 15px 15px 0;}
.bg-white{background:#FFF; }
/********************* Responsive **************************/

@media screen and (min-width: 200px) and (max-width: 640px) {
    
     h2 {
        text-align: left; 
        font-size: 26px;
         line-height: 1; 
    }
    
    h4 {
        font-size: 18px; 
    }
    
  footer .bttn_2 {
      margin-bottom: 10px; 
    }
    footer .bttn_2.bttn_2 {
        margin-right: 5px; 
    }
    
    .slider a img:hover {
    margin-left: inherit;
    transition-duration: 0; 
}
    .domaine {text-align: center; }
    
    .domaine img {
        width: 50%;
        margin-left: 25%; 
    }
    
    .bg_info {
        margin-top: 15px; 
    }
    
      .bloc2 .thumbnail .caption img  {
    margin-top: -20%;  
    margin-left: 80%;  
}

.bref {
    padding: 10px;
    font-size: 14px;
}
.bref1{
    float:left;
    text-align: right; 
   
    margin-left: 0%; 
    font-weight: bold;    
}
.bref2{
    text-align: left;
    margin-right: 0%; 
}
}

@media screen and (min-width: 641px) and (max-width: 1020px) {

    .slider a img:hover {
    margin-left:inherit;
}
    .bg_info {
        margin-top: 15px; 
    }
    
    .bloc2 .thumbnail .caption img  {
    margin-top: -17%;  
    margin-left: 83.2%;  
}
    

.bref {
    padding: 10px;
    font-size: 16px;
}
.bref1{
    float:left;
    text-align: right; 
   
    margin-left: 0%; 
    font-weight: bold;    
}
.bref2{
    text-align: left;
    margin-right: 0%; 
}



   
}