/**Green style**/
::-moz-selection {background: #CDCDCD;text-shadow: none;color:#FFFFFF;}
::selection {background: #CDCDCD;text-shadow: none;color:#FFFFFF;}
.browserupgrade {background: #FFFFFF;}
a,a:link,a:visited,a:focus,a:active{color: #343434;text-decoration: underline;}
a:hover{color: #3498db;}

/**Navbar**/
#barre{background-color: #3498db;}
.navbar-fixed-top{border-bottom:1px dotted #FFFFFF;color:#FFFFFF;}
.chapitre .navbar-fixed-top{color:#FFFFFF;}
.article .navbar-fixed-top{border-bottom:1px dotted #FFFFFF;}
.chapitre .navbar-default .navbar-brand,.chapitre .navbar-default .navbar-brand:hover{background:#FFFFFF;}
.navbar-right .ion{color: #FFFFFF;}
#networks li,#loader{color:#FFFFFF;background-color:#343434;}

/**Nav**/
.anchor{display: block;height: 55px;margin-top: -55px; visibility: hidden;}

/**Article**/
.main-article h3{color:#343434;}
.main-article .intertitre, #up {color:#3498db;}
.main-article .btn{background:#343434;}
.main-article li{color:#343434}
.main-article blockquote:before{color:#343434;}

/**Nav**/
#carousel{margin:-20px 0 30px 0;}
.carousel-indicators {bottom: -20px;}
.anchor{display: block;height: 55px;margin-top: -55px; visibility: hidden;}
.carousel-indicators .active{border:1px solid #3498db;background-color:#3498db;}
.carousel-indicators li{border:1px solid #3498db;}
#carousel img{width:100%;height:auto;}
.carousel-control{position:absolute;top:44%;z-index:999;font-size:32px;color:#FFFFFF!important;
opacity:1;text-shadow: none!important;}
.left{left:-55px;background-image: none!important;}
.right{right:-55px!important;background-image: none!important;}
.ion-chevron-left{font-size:20px;background:#3498db;padding:5px;}
.ion-chevron-right{font-size:20px;background:#3498db;padding:5px;}

#compassmobile{color:#343434!important;bottom:40px;text-align:center;font-size:80px;cursor:pointer;}
	#compass:hover{opacity:0.8;}

@media screen and (max-width:1200px) { 
	.left{left:-60px!important;}
	.right{right:-60px!important;}
}
@media screen and (max-width:1110px) { 
	.left{left:-50px!important;}
	.right{right:-50px!important;}
}

@media screen and (max-width:1040px) { 
	.left{left:-40px!important;}
	.right{right:-40px!important;}
}
@media screen and (max-width:720px) { 
	.left{left:-30px!important;}
	.right{right:-30px!important;}
}
@media screen and (max-width:570px) { 
	.left{left:-25px!important;}
	.right{right:-25px!important;}
}
@media screen and (max-width:515px) { 
	.left{left:-20px!important;}
	.right{right:-20px!important;}
	.carousel-control{top:40%;}
}
@media screen and (max-width:455px) { 
	.left{left:-15px!important;}
	.right{right:-15px!important;}
}
@media screen and (max-width:390px) { 
	.left{left:-10px!important;}
	.right{right:-10px!important;}
	.carousel-control{top:36%;}
}
@media screen and (max-width:310px) { 
	.left{left:0px!important;}
	.right{right:0px!important;}
}