@charset "UTF-8";
body {
  /* Margin bottom by footer height */
  margin-bottom: 60px;
  background-color:#f8f8ff;
  margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	

}

@font-face {
    font-family: 'TwCent';
    src: url('../fonts/TwCenMT-Regular.eot');
    src: url('../fonts/TwCenMT-Regular.eot?#iefix') format('embedded-opentype'),
         url('../fonts/TwCenMT-Regular.woff') format('woff'),
         url('../fonts/TwCenMT-Regular.ttf') format('truetype'),
         url('../fonts/TwCenMT-Regular.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }

   
@font-face {
    font-family: 'Brush';
    src: url('../fonts/BrushScriptStd.eot');
    src: url('../fonts/BrushScriptStd.eot?#iefix') format('embedded-opentype'),
         url('../fonts/BrushScriptStd.woff') format('woff'),
         url('../fonts/BrushScriptStd.ttf') format('truetype'),
         url('../fonts/BrushScriptStd.svg#Sri-TSCRegular') format('svg');
    font-weight: normal;
    font-style: normal;
   }
   
a
{

	margin:0px;
	padding:0px;
}

.imganim
{

	width:100%;
	margin-bottom:40%;
}
.row
{
margin-left:-10px;
margin-right:-10px;
	
	
}
.imgtop
{
        filter: brightness(100%);
        -webkit-filter: brightness(100%);
        -moz-filter: brightness(100%);
        -o-filter: brightness(100%);
        -ms-filter: brightness(100%);
		-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	margin:0px;
	padding:0px;
	width:100%;
}
.imgtop:hover
{
		
        filter: brightness(120%);
        -webkit-filter: brightness(120%);
        -moz-filter: brightness(120%);
        -o-filter: brightness(120%);
        -ms-filter: brightness(120%);
		-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
}




.point {
color:#4b0269;


}

.img-hover {
  position: relative;
  overflow: hidden;
margin-bottom:0px;
}


.img-hover img {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all 0.3s ease;
  	transition: all .3s ease;
	margin-bottom:-10px;
}
.img-hover img:hover {
    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.50); /* Safari and Chrome */
    -moz-transform:scale(1.50); /* Firefox */
    -ms-transform:scale(1.50); /* IE 9 */
    -o-transform:translatZ(0) scale(1.50); /* Opera */
    transform:translatZ(0) scale(1.50);
	
	margin-bottom:-10px;
}

@media screen and (max-width: 3008px) {
H1 {

  font-family: "TwCent";
  font-size: 500%;
  line-height:80%;
  text-align:center;
  
  padding-top:20px;
  padding-left:10%;
text-align:center;



}

}
@media screen and (max-width: 568px) {
H1 {

  font-family: "TwCent";
  font-size: 350%;
  line-height:80%;
  text-align:center;
  padding:0px;
  padding-top:20px;
text-align:center;
  

}
}

@media screen and (max-width: 3008px) {
H2 {

  font-family: "TwCent";
  font-size: 200%;
  line-height:120%;
  text-align:center;
  padding-left:10%;
  
width:100%;



}

}
@media screen and (max-width: 568px) {
H2 {

  font-family: "TwCent";
  font-size: 120%;
  line-height:80%;
  text-align:center;
  padding:0px;
  padding-top:20px;

width:100%;


}
}

@media screen and (max-width: 3008px) {
H3 {

  font-family: "TwCent";
  font-size: 150%;
 
  text-align:center;
  
 
width:100%;





}

}
@media screen and (max-width: 568px) {
H3 {

  font-family: "TwCent";
 font-size: 120%;
  text-align:center;
  padding:0px;
 

width:100%;


}
}




@media screen and (max-width: 3008px) {
.titre {

  font-family: "TwCent";
  font-size: 800%;
  line-height:80%;
  text-align:center;
  padding:0px;
  padding-top:20px;

  background-color:#fcff00;"


}

}

@media screen and (max-width: 568px) {
	.titre {

  font-family: "TwCent";
  font-size: 350%;
  line-height:50%;
  text-align:center;
  padding:0px;
  padding-top:20px;

  background-color:#fcff00;"

}
}
.titre a {

color:#333;
text-decoration:none;


}
H2 a {

color:#4b0269;
text-decoration:none;


}

H2 a:hover {

color:#000;



}

H2 img {

width:100%;
box-shadow: 1px 1px 40px #555;
text-align:center;


}
@media screen and (max-width: 3008px) {
.undertitre {

  font-family: "Brush";
  font-size: 200%;
  text-align:center;
  background-color:#fcff00;
  margin-left:15px;
  padding:0px;
  color:#4b0269;

}
}

@media screen and (max-width: 568px) {
.undertitre {

  font-family: "Brush";
  font-size: 120%;
  text-align:center;
  background-color:#fcff00;
  margin-left:15px;
  padding:0px;
  color:#4b0269;
  line-height:200%;

}
}


.sstitre {

  font-family: "Brush";
  
  text-align:center;
  background-color:#f9da2a;
  padding-left:30px;;
  padding:0px;
  color:#4b0269;

}

.intertitres a {

  font-family: "Brush";

 
  color:#4b0269;
  text-decoration:none;
padding-right:20px;

}

.intertitres a:hover {

  font-family: "Brush";
  
 
  color:#4b0269;
  text-decoration:none;

}

@media screen and (max-width: 3008px) {
	
.intertitres {

  font-family: "Brush";
  font-size: 400%;
  
  
  margin-left:0px;
  padding:0px;
  padding-top:50px;
  margin-bottom:0px;
  padding-bottom:0px;
padding-right:20px;
  

}
}

@media screen and (max-width: 568px) {
	
.intertitres {

  font-family: "Brush";
  font-size: 200%;
  line-height:100%;
  
  margin-left:0px;
  padding:0px;
  padding-top:50px;
  margin-bottom:0px;
  padding-bottom:0px;
  

}
}

.carousel-caption {
  z-index: 10;
  text-align:center;
  background-color: rgba(0, 0, 0, 0.5);
right:10px;
left:10px;
bottom:10px;
padding:0px;
margin:0px;

color:#FFF;
font-family: "TwCent";




  
}

.carousel-caption H2 {

color:#FFF;
font-family: "TwCent";

padding-left:0px;
padding-top:0px;
line-height:100%;
  
}

.carousel-caption a {

color:#FFF;
text-decoration:none;


  
}

.carousel-caption a:hover {

color:#FFF;
text-decoration:none;


  
}

.col-xs-1 {
	background-color:#fcff00;
	margin:0px;
	
	padding-top:200px;
	min-height:3200px;


}

.col-xs-10 {
padding:0px;
margin:0px;



}

.col-xs-6 {
padding:10px;

 filter: brightness(100%);
        -webkit-filter: brightness(100%);
        -moz-filter: brightness(100%);
        -o-filter: brightness(100%);
        -ms-filter: brightness(100%);



}
.col-xs-6:hover {
filter: brightness(120%);
        -webkit-filter: brightness(120%);
        -moz-filter: brightness(120%);
        -o-filter: brightness(120%);
        -ms-filter: brightness(120%);
		-webkit-transition: all 0.3s ease;
    -moz-transition: all 0.3s ease;
    -o-transition: all 0.3s ease;
    -ms-transition: all 0.3s ease;
    transition: all 0.3s ease;

}
.top {

padding:0px;
margin:0px;
background-color:#fcff00;


}

@media screen and (max-width: 3008px) {
.imgres {


width:80%;



}
}

@media screen and (max-width: 568px) {
.imgres {


width:50%;



}
}

.apropos {

list-style-image: url('../img/puce.gif');

}

.imgres  {
    -webkit-transition: all .3s ease; /* Safari and Chrome */
  	-moz-transition: all .3s ease; /* Firefox */
  	-o-transition: all .3s ease; /* IE 9 */
  	-ms-transition: all .3s ease; /* Opera */
  	transition: all .3s ease;
	
}
.imgres:hover {
 
	margin-top:-5px;
	        filter: brightness(120%);
        -webkit-filter: brightness(120%);
        -moz-filter: brightness(120%);
        -o-filter: brightness(120%);
        -ms-filter: brightness(120%);
		-webkit-transition: all 0.3s ease-in-out;
    -moz-transition: all 0.3s ease-in-out;
    -o-transition: all 0.3s ease-in-out;
    -ms-transition: all 0.3s ease-in-out;
    transition: all 0.3s ease-in-out;
	    -webkit-backface-visibility: hidden;
    backface-visibility: hidden;
    -webkit-transform:translateZ(0) scale(1.50); /* Safari and Chrome */
    -moz-transform:scale(1.50); /* Firefox */
    -ms-transform:scale(1.50); /* IE 9 */
    -o-transform:translatZ(0) scale(1.50); /* Opera */
    transform:translatZ(0) scale(1.50);
	
}

.menutop {

padding:0px;
margin:0px;
background-color:#fcff00;
float:right;


}
.nav {
	bottom:0px;


}

.pages {
	text-align:center;
clear:both;
font-family: "TwCent";
  font-size: 130%;

}

.pages a {
color:#4b0269;

}

.geant {
	position:fixed;
	z-index:20;
	visibility:hidden;
	top: 50%;
left: 50%;
transform: translate(-50%, -50%);
-ms-transform: translate(-50%, -50%) ;
-webkit-transform: translate(-50%, -50%) ;
-moz-transform: translate(-50%, -50%) ;

height:700px;


	
	




}

.img-responsive {
    display: block;
    width: auto;
    max-height: 100%;
}

@media (min-width: 768px){
.nav-justified{
    
    display: table;
	width:85%;
	margin-left:auto;
	margin-right:auto;
	background-color:#fcff00;
	padding-bottom:0px;
	margin-bottom::0px;
	padding-top::20px;
    
   
}
} 

.nav .open>a,.nav .open>a:hover{background-color:#4b0269;border-color:#000;padding-top:0px;margin-top:0px;}

.nav {
padding-top:0px;
margin-top:20px;
margin-bottom:0px;
position:inherit;
overflow:hidden;
background-color:#4b0269;

}

.nav li a {
padding:0px;

}

.navbar {
	background-color:#000;
	list-style-type: none;
	height:10px;
	margin:0px;
	color:#FFF;
	
	


}

.nav-justified {
background-color:#4b0269;
list-style-type: none;




}
.navbar-nav > li > a {padding-top:10px !important; padding-bottom:10px !important;}
.navbar {min-height:37px !important}

.nav-justified li {
	
	padding-right:20px;
	padding-left:20px;
	padding-top:12px;
	
	color:#FFF;
	font-family: "TwCent";
	font-size: 120%;
	text-transform: uppercase;
	font-weight:bold;
	
	
	
}

.nav-justified li a {
	text-decoration:none;	
	color:#FFF;
	font-family: "TwCent";
	height:auto;
	text-transform: uppercase;
	font-weight:bold;

		background-color:#4b0269;
}





.nav-justified li a:hover {
	text-decoration:none;	
	color:#fcff00;
	
	font-family: "TwCent";
	background-color:#4b0269;
	text-transform: uppercase;
	font-weight:bold;
}




.navbar-inner {
  text-align:center;
}
.dropdown-menu {
	text-decoration:none;	
	color:#FFF;
	font-family: "TwCent";
	background-color:#000;
	text-transform: uppercase;
	font-weight:bold;
	margin-top:0px;
}

.dropdown-menu li a:hover {
	text-decoration:none;	
	color:#FFF;
	font-family: "TwCent";
	background-color:#000;
	color:#fcff00;
	text-transform: uppercase;
	font-weight:bold;
}
.dropdown-menu li a  {
	padding-top:0px;
	padding-bottom:0px;
}