.fixed{position:fixed;
top:0;
left:10%;
right:0;
width:80%}

* {-moz-box-sizing: border-box; box-sizing: border-box;}

@media all and (max-width:2700px) {body{margin-top:-5px;transition:1s;}}
@media all and (max-width:2000px) {body{margin-top:-5px;transition:1s;}}
@media all and (max-width:1600px) {body{margin-top:-5px;transition:1s;}}
@media all and (max-width:1200px) {body{margin-top:-5px;transition:1s;}}
@media all and (max-width:1100px) {body{margin-top:-5px;transition:1s;}}
@media all and (max-width:1000px) {body{margin-top:50px;transition:1s;}}
@media all and (max-width: 900px) {body{margin-top:45px;transition:1s;}}
@media all and (max-width: 700px) {body{margin-top:40px;transition:1s;}}
@media all and (max-width: 500px) {body{margin-top:40px;transition:1s;}}
@media all and (max-width: 400px) {body{margin-top:35px;transition:1s;}}
@media all and (max-width: 350px) {body{margin-top:30px;transition:1s;}}
@media all and (max-width: 300px) {body{transition:1s;}}
@media all and (max-width: 200px) {body {transition:1s;}}

.row{margin-top:-20px; margin-bottom:-12px; margin-left:0; }


		#defileimages {
		
			margin: 0 auto;
			max-width: 2600px;
			

		}
		
	@media all and (max-width:2700px) {#defileimages{width: 58%;}}
@media all and (max-width:2000px) {#defileimages{width: 58%;}}
@media all and (max-width:1600px) {#defileimages{width: 58%;}}
@media all and (max-width:1200px) {#defileimages{width: 58%;}}
@media all and (max-width:1100px) {#defileimages{width: 58%;}}
@media all and (max-width:1000px) {#defileimages{width: 58%;}}
@media all and (max-width: 900px) {#defileimages{width: 90%;}}
@media all and (max-width: 700px) {#defileimages{width: 95%;}}
@media all and (max-width: 500px) {#defileimages{width: 100%;}}
@media all and (max-width: 400px) {#defileimages{width: 100%;}}
@media all and (max-width: 350px) {#defileimages{width: 100%;}}
@media all and (max-width: 300px) {#defileimages{width: 100%;}}
@media all and (max-width: 200px) {#defileimages {width: 100%;}}	
		

			.dropdown-submenu{position:relative; }
			.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 ;-moz-border-radius:0 ;border-radius:0 ;}
			.dropdown-submenu:hover>.dropdown-menu{display:block;}
			.dropdown-submenu>a:after{display:block;content:" ";float:right;width:0;height:0;border-color:transparent;border-style:solid;border-width:5px 0 5px 5px;border-left-color:#eeff41;margin-top:5px;margin-right:-10px;}
			.dropdown-submenu.pull-left{float:none;}.dropdown-submenu.pull-left>.dropdown-menu{left:-100%;margin-left:10px;-webkit-border-radius:6px 0 6px 6px;-moz-border-radius:6px 0 6px 6px;border-radius:6px 0 6px 6px;}
			.blue{color:#1D38FC}
			.green{color:#0EC929}
			.red{color:#FF0000}
			.orange{color:#ffe100}
.navbar-form pull-right{display:inline-block};
header .topHeader {
    width: 100%;
    margin: 0px;
    padding: 0px;
    background-color: #505050;
    text-align: center;
    color: #FFF;
}
.navbar {
    border-radius: 0px;
    min-height: 45px;
    border: medium none;

}

@media all and (max-width:2700px) {.navbar{font-size:14px;transition:1s;}}
@media all and (max-width:2000px) {.navbar{font-size:13px;transition:1s;}}
@media all and (max-width:1600px) {.navbar{font-size:12px;transition:1s;}}
@media all and (max-width:1200px) {.navbar{font-size:10px;transition:1s;}}
@media all and (max-width:1100px) {.navbar{font-size:9px;transition:1s;}}
@media all and (max-width:1000px) {.navbar{font-size:7px;transition:1s;}}
@media all and (max-width: 900px) {.navbar{font-size:6px;transition:1s;}}
@media all and (max-width: 700px) {.navbar{font-size:12px;transition:1s;}}
@media all and (max-width: 500px) {.navbar{font-size:12px;transition:1s;}}
@media all and (max-width: 400px) {.navbar{font-size:12px;transition:1s;}}
@media all and (max-width: 350px) {.navbar{font-size:12px;transition:1s;}}
@media all and (max-width: 300px) {.navbar{font-size:12px;transition:1s;}}
@media all and (max-width: 200px) {.navbar{font-size:12px;transition:1s;}}



#textearticle{font-size:15px;
text-align: justify;padding-bottom:1em;}
#adresse_copyright
{
color: #FFBF00;
font-size:10px;
margin:0px;
text-align: center;
font-weight:bold;
margin-top:-20px;

}
	
@media all and (max-width:2700px) {#adresse_copyright  {font-size:13px;transition:1s;}}
@media all and (max-width:2000px) {#adresse_copyright  {font-size:12px;transition:1s;}}
@media all and (max-width:1600px) {#adresse_copyright  {font-size:11px;transition:1s;}}
@media all and (max-width:1200px) {#adresse_copyright  {font-size:9px;transition:1s;}}
@media all and (max-width:1100px) {#adresse_copyright  {font-size:8.5px;transition:1s;}}
@media all and (max-width:1000px) {#adresse_copyright  {font-size:7.5px;transition:1s;}}
@media all and (max-width: 900px) {#adresse_copyright  {font-size:6.5px;transition:1s;}}
@media all and (max-width: 700px) {#adresse_copyright  {font-size:5.5px;transition:1s;}}
@media all and (max-width: 500px) {#adresse_copyright  {font-size:4.5px;transition:1s;}}
@media all and (max-width: 400px) {#adresse_copyright  {font-size:4.0px;transition:1s;}}
@media all and (max-width: 350px) {#adresse_copyright  {font-size:3.5px;transition:1s;}}
@media all and (max-width: 300px) {#adresse_copyright  {font-size:3px;transition:1s;}}
@media all and (max-width: 200px) {#adresse_copyright  {font-size: 3px;transition:1s;}}


@media all and (max-width:2700px) {#adresse_copyright  a{font-size:13px;transition:1s;}}
@media all and (max-width:2000px) {#adresse_copyright  a{font-size:12px;transition:1s;}}
@media all and (max-width:1600px) {#adresse_copyright  a{font-size:11px;transition:1s;}}
@media all and (max-width:1200px) {#adresse_copyright  a{font-size:9px;transition:1s;}}
@media all and (max-width:1100px) {#adresse_copyright  a{font-size:8.5px;transition:1s;}}
@media all and (max-width:1000px) {#adresse_copyright  a{font-size:7.5px;transition:1s;}}
@media all and (max-width: 900px) {#adresse_copyright  a{font-size:6.5px;transition:1s;}}
@media all and (max-width: 700px) {#adresse_copyright  a{font-size:5.5px;transition:1s;}}
@media all and (max-width: 500px) {#adresse_copyright  a{font-size:4.5px;transition:1s;}}
@media all and (max-width: 400px) {#adresse_copyright  a{font-size:4.0px;transition:1s;}}
@media all and (max-width: 350px) {#adresse_copyright  a{font-size:3.5px;transition:1s;}}
@media all and (max-width: 300px) {#adresse_copyright  a{font-size:3px;transition:1s;}}
@media all and (max-width: 200px) {#adresse_copyright  a{font-size: 3px;transition:1s;}}
#adresse_copyright  a{text-decoration:none;}
.iconessociaux {
	overflow: auto;
	
}

.iconessociaux li {
	list-style-type: none;
	float: left;
	
}

.iconessociaux li a i {
	background: #205D7A;
	color: #fff;
font-size:12.5px;
	border-radius: 20px;
	width:20px; height:20px;
	text-align: center;
	margin-left:1%;
	margin-right: 10%;
	margin-top: 0%;
	margin-bottom: 10%;
	padding-top: 15%;

}
.iconessociaux .fa-facebook {
	background:#3b5998
} 
.iconessociaux .fa-linkedin {
	background:#007bb6
}
.iconessociaux .fa-twitter {
	background:#00aced
}
.iconessociaux .fa-google-plus {
	background:#dd4b39
}
@media all and (max-width:2700px) {.iconessociaux   li a i {width:20px; height:20px; font-size:12.5px;transition:1s;}}
@media all and (max-width:2000px) {.iconessociaux   li a i {width:20px; height:20px;font-size:12.5px;transition:1s;}}
@media all and (max-width:1600px) {.iconessociaux   li a i {width:20px; height:20px;font-size:12.5px;transition:1s;}}
@media all and (max-width:1200px) {.iconessociaux   li a i {width:20px; height:20px;font-size:12.5px;transition:1s;}}
@media all and (max-width:1100px) {.iconessociaux   li a i {width:20px; height:20px;font-size:12.5px;transition:1s;}}
@media all and (max-width:1000px) {.iconessociaux   li a i {width:20px; height:20px;font-size:12.5px;transition:1s;}}
@media all and (max-width: 900px) {.iconessociaux   li a i {width:20px; height:20px;font-size:12.5px;transition:1s;}}
@media all and (max-width: 700px) {.iconessociaux   li a i {width:15px; height:15px;font-size:9.375px;transition:1s;}}
@media all and (max-width: 500px) {.iconessociaux   li a i {width:15px; height:15px;font-size:9.375px;transition:1s;}}
@media all and (max-width: 400px) {.iconessociaux   li a i {width:10px; height:10px;font-size:6.25px;transition:1s;}}
@media all and (max-width: 350px) {.iconessociaux   li a i {width:7.5px; height:7.5px;font-size:4.6875px;transition:1s;}}
@media all and (max-width: 300px) {.iconessociaux   li a i {width:5px; height:5px;font-size:3.125px;transition:1s;}}
@media all and (max-width: 200px) {.iconessociaux   li a i {width:5px; height:5px;font-size:3.125px;transition:1s;}}
#baspage {width:100%; height:100%;
	background-color:#222;
	
} 

#presentation{width:100%; height:100%;
	background-color:#f5f5f5;
	
} 
@media all and (max-width:2700px) {#baspage{height:80px; margin-top:0.9%; transition:1s;}}
@media all and (max-width:2000px) {#baspage{height:60px;margin-top:0.9%;transition:1s;}}
@media all and (max-width:1600px) {#baspage{height:60px;margin-top:0.9%;transition:1s;}}
@media all and (max-width:1200px) {#baspage{height:60px;margin-top:1%;transition:1s;}}
@media all and (max-width:1100px) {#baspage{height:60px;margin-top:1.2%;transition:1s;}}
@media all and (max-width: 1000px) {#baspage{height:60px;margin-top:1.4%;transition:1s;}}
@media all and (max-width: 900px) {#baspage{height:60px;margin-top:1.7%;transition:1s;}}
@media all and (max-width: 700px) {#baspage{height:60px;margin-top:2%;transition:1s;}}
@media all and (max-width: 500px) {#baspage{height:60px;margin-top:2.7%;transition:1s;}}
@media all and (max-width: 400px) {#baspage{height:65px;margin-top:3.5%;transition:1s}}
@media all and (max-width: 350px) {#baspage{height:65px;margin-top:4%;transition:1s;}}
@media all and (max-width: 335px) {#baspage{height:65px;margin-top:4%;transition:1s;}}
@media all and (max-width: 320px) {#baspage{height:65px;margin-top:4.5%;transition:1s;}}
@media all and (max-width: 300px) {#baspage{height:65px;margin-top:5%;transition:1s;}}
@media all and (max-width: 200px) {#baspage {height:65px;margin-top:5%;transition:1s;}}




.imageflottante
{
    float: right;
}

#article_divisions h3{ text-align:center }











.responsive{position:fixed;}
@media all and (max-width:2700px) {.responsive{ top:-30%; right:-15%;width:100%; height:auto;  transition:1s;}}
@media all and (max-width:2000px) {.responsive{top:-30%; right:-25%;width:60%; height:auto;transition:1s;}}
@media all and (max-width:1600px) {.responsive{top:-25%; right:-15%;width:40%; height:auto;transition:1s;}}
@media all and (max-width:1200px) {.responsive{top:-20%; right:-10%;width:30%; height:auto;transition:1s;}}
@media all and (max-width:1100px) {.responsive{top:-20%; right:-10%;width:30%; height:auto;transition:1s;}}
@media all and (max-width: 1000px) {.responsive{top:-15%; right:-10%;width:30%; height:auto;transition:1s;}}
@media all and (max-width: 900px) {.responsive{top:-10%; right:-10%;width:30%; height:auto;transition:1s;}}
@media all and (max-width: 700px) {.responsive{top:-10%; right:-10%;width:30%; height:auto;transition:1s;}}
@media all and (max-width: 500px) {.responsive{top:-10%; right:-10%;width:30%; height:auto;transition:1s;}}
@media all and (max-width: 400px) {.responsive{top:-7.5%; right:-7.5%;width:30%; height:auto;transition:1s}}
@media all and (max-width: 350px) {.responsive{top:-5.5%; right:-7.5%;width:30%; height:auto;transition:1s;}}
@media all and (max-width: 335px) {.responsive{top:-4%; right:-9%;width:30%; height:auto;transition:1s;}}
@media all and (max-width: 320px) {.responsive{top:-4%; right:-10%;width:30%; height:auto;transition:1s;}}
@media all and (max-width: 300px) {.responsive{top:-4%; right:-10%;width:30%; height:auto;transition:1s;}}
@media all and (max-width: 200px) {.responsive{top:-4%; right:-10%;width:20%; height:auto;transition:1s;}}
#panneau{position:fixed; z-index:5000; top:80%; left: 0%;

        -moz-transform: scaleX(-1);
        -o-transform: scaleX(-1);
        -webkit-transform: scaleX(-1);
        transform: scaleX(-1);
        filter: FlipH;
        -ms-filter: "FlipH";
}
#cylindro{position:fixed; z-index:5000; top:85%; left: 85%; 
}
@media all and (max-width:2700px) {#panneau, #cylindro{ width:220px;height:auto;   transition:1s;}}
@media all and (max-width:2000px) {#panneau, #cylindro{ width:220px;height:auto; transition:1s;}}
@media all and (max-width:1600px) {#panneau, #cylindro{ width:220px;height:auto; transition:1s;}}
@media all and (max-width:1200px) {#panneau, #cylindro{ width:220px;height:auto; transition:1s;}}
@media all and (max-width:1100px) {#panneau, #cylindro{ width:220px;height:auto; transition:1s;}}
@media all and (max-width: 1000px) {#panneau, #cylindro{ width:110px;height:auto;transition:1s;}}
@media all and (max-width: 900px) {#panneau, #cylindro{ width:110px;height:auto;transition:1s;}}
@media all and (max-width: 700px) {#panneau, #cylindro{ width:110px; height:auto;transition:1s;}}
@media all and (max-width: 500px) {#panneau, #cylindro{ width:50px; height:50px;transition:1s;}}
@media all and (max-width: 400px) {#panneau, #cylindro{ width:50px; height:50px;transition:1s}}
@media all and (max-width: 350px) {#panneau, #cylindro{ width:50px; height:50px;transition:1s;}}
@media all and (max-width: 335px) {#panneau, #cylindro{ width:50px; height:50px;transition:1s;}}
@media all and (max-width: 320px) {#panneau, #cylindro{ width:50px; height:50px;transition:1s;}}
@media all and (max-width: 300px) {#panneau, #cylindro{ width:50px; height:50px;transition:1s;}}
@media all and (max-width: 200px) {#panneau, #cylindro{ width:50px; height:50px;transition:1s;}}


#background { 
     background: url('images/nuages2.png') 5% 5%, url('images/nuages2.png') 50% 50% ; 
     top: -10%; 
     left: 0; 
     right: 0; 
     bottom: -10%; 
     position: fixed; 
     -webkit-transition: left 300s linear; 
     -moz-transition: left 300s linear; 
     -o-transition: left 300s linear; 
     -ms-transition: left 300s linear; 
     transition: left 300s linear; 
 } 
 
 
 #experiment:target #background { 
     left: -5000px; 
 } 
 
 
 #experiment:hover #background { 
     left: -9999px; 
 } 
 
 
#tableaux, td, th {
    border: 1px solid black; 
}

#tableaux {
    width: 100%;  text-align:center;
}

th {
    height: 50px;
}
#article_divisions {font-size:1.2em;}
#article_divisions h1{color:red;}
#article_divisions h2{color:#FFBF00;}
#article_divisions h3{text-align:left;}
#article_divisions h4{color:black;}
@media all and (max-width:2700px) {#article_divisions, #textearticle,#tableaux {font-size:15px;}}
@media all and (max-width:2000px) {#article_divisions,#textearticle,#tableaux {font-size:15px;}}
@media all and (max-width:1600px) {#article_divisions,#textearticle,#tableaux {font-size:15px;}}
@media all and (max-width:1200px) {#article_divisions,#textearticle,#tableaux {font-size:15px;}}
@media all and (max-width:1100px) {#article_divisions,#textearticle,#tableaux {font-size:15px;}}
@media all and (max-width:1000px) {#article_divisions,#textearticle,#tableaux {font-size:14px;}}
@media all and (max-width: 900px) {#article_divisions,#textearticle,#tableaux {font-size:14px;}}
@media all and (max-width: 700px) {#article_divisions,#textearticle,#tableaux {font-size:13px;;}}
@media all and (max-width: 500px) {#article_divisions,#textearticle,#tableaux {font-size:12px;}}
@media all and (max-width: 400px) {#article_divisions,#textearticle,#tableaux {font-size:11px;}}
@media all and (max-width: 350px) {#article_divisions,#textearticle,#tableaux {font-size:10.5px;}}
@media all and (max-width: 300px) {#article_divisions,#textearticle,#tableaux {font-size:9px;}}
@media all and (max-width: 200px) {#article_divisions,#textearticle,#tableaux {font-size:9px;}}

@media all and (max-width:2700px) {#article_divisions h1, #textearticle h1 {font-size:35px;}}
@media all and (max-width:2000px) {#article_divisions h1,#textearticle h1{font-size:35px;}}
@media all and (max-width:1600px) {#article_divisions h1,#textearticle h1{font-size:35px;}}
@media all and (max-width:1200px) {#article_divisions h1,#textearticle h1{font-size:30px;}}
@media all and (max-width:1100px) {#article_divisions h1,#textearticle h1{font-size:28px;}}
@media all and (max-width:1000px) {#article_divisions h1,#textearticle h1{font-size:24px;}}
@media all and (max-width: 900px) {#article_divisions h1,#textearticle h1{font-size:22px;}}
@media all and (max-width: 700px) {#article_divisions h1,#textearticle h1{font-size:20px;;}}
@media all and (max-width: 500px) {#article_divisions h1,#textearticle h1{font-size:19px;}}
@media all and (max-width: 400px) {#article_divisions h1,#textearticle h1{font-size:18px;}}
@media all and (max-width: 350px) {#article_divisions h1,#textearticle h1{font-size:17px;}}
@media all and (max-width: 300px) {#article_divisions h1,#textearticle h1{font-size:16px;}}
@media all and (max-width: 200px) {#article_divisions h1,#textearticle h1{font-size:15px;}}

@media all and (max-width:2700px) {#article_divisions h2,#article_divisions h2 a, #textearticle h2 {font-size:25px;}}
@media all and (max-width:2000px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:25px;}}
@media all and (max-width:1600px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:25px;}}
@media all and (max-width:1200px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:23px;}}
@media all and (max-width:1100px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:22px;}}
@media all and (max-width:1000px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:21px;}}
@media all and (max-width: 900px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:18px;}}
@media all and (max-width: 700px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:17px;;}}
@media all and (max-width: 500px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:16px;}}
@media all and (max-width: 400px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:15px;}}
@media all and (max-width: 350px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:14px;}}
@media all and (max-width: 300px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:13px;}}
@media all and (max-width: 200px) {#article_divisions h2,#article_divisions h2 a,#textearticle h2{font-size:12px;}}