@-webkit-keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}

@keyframes flipInY {
  0% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 90deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
    opacity: 0;
  }

  40% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -20deg);
    -webkit-transition-timing-function: ease-in;
    transition-timing-function: ease-in;
  }

  60% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    transform: perspective(400px) rotate3d(0, 1, 0, 10deg);
    opacity: 1;
  }

  80% {
    -webkit-transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
    transform: perspective(400px) rotate3d(0, 1, 0, -5deg);
  }

  100% {
    -webkit-transform: perspective(400px);
    transform: perspective(400px);
  }
}



  @-webkit-keyframes slideInDown {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  }
  @keyframes slideInDown {
  0% {
  -webkit-transform: translateY(-100%);
  transform: translateY(-100%);
  visibility: visible;
  }
  100% {
  -webkit-transform: translateY(0);
  transform: translateY(0);
  }
  } 



body {
margin:0px;padding:0px;font-size:16px;line-height:1.4em;font-family: Arial,Helvetica,Verdana,sans-serif;line-height: 1.3em; 
text-align:center; 
 
background-position:top top; 
 
background-size:100% 800px; background-repeat:no-repeat; 

color: #444444;
    font-family: "Arial",Arial,Helvetica,sans-serif;
    font-size: 11pt !important;
}



#slideshowing{ 
margin-top:10px;

}

a, a:visited {
	color: #314b70;
	text-decoration:none;
}
a:hover {
	color: #000;
	text-decoration: underline;
}
a.noline {
	text-decoration: none;
}


#slogan{
text-align:center;margin:0px;margin-top:10px;padding:0px;color:#617501;font:30px 'Offside',cursive;;}

#slideshow {
width:800px;height:270px;margin:auto;padding:0px; 
padding-left:-10px; 
margin-bottom:10px;}

/*
background-image: radial-gradient(circle #fcfcfc 50%,#ffffff,#f4f5f6,#fcfcfc,#ffffff 10%);background: -webkit-radial-gradient(#fcfcfc 50%,#ffffff,#f4f5f6,#fcfcfc,#ffffff 10%);*/

#panneau{width:800px;margin:auto; 
border-radius:100px;border:0px solid #191919;text-align:center;padding:0px; 
overflow:auto;margin-top:20px; 
background-image: radial-gradient(circle #2b241d 50%,#1c1713,#2b241d,#2b241d,#1c1713 10%);background: -webkit-radial-gradient(#1c1713 50%,#2b241d,#1c1713,#1c1713,#2b241d 10%); 
box-shadow: 0 0 1em #191919; 
padding:10px; 
overflow:auto;}
h1{text-align:center;font-size:35px;font-family: 'Poiret One', cursive;color:#000080;}
.sernavarupel{
font-family: 'Poiret One', cursive;background-image:url(/images/backk.png);margin:-10px;padding:20px;color:#a1c201;}

.spot{overflow:auto;width:800px;margin:auto;text-align:center;margin-top:10px;}

.spot h2{font-size:15px;font-family: 'Fjalla One', sans-serif;color:#a0a0a0;margin-left:10px;margin-right:10px;}
#logo{margin:auto;
-webkit-animation-duration: 2s;
animation-duration: 2s;
-webkit-animation-fill-mode: both;
animation-fill-mode: both;
  -webkit-animation-name: fadeInDown;
  animation-name: fadeInDown;
} 

 

#content{margin-left: auto;margin-right: auto;margin-top:20px;margin-bottom:10px;width: 800px;min-height:300px;background-color: #FFFFFF;box-shadow: 0 0 1em #666666;vertical-align:top;background-image: linear-gradient(to bottom, #FFFFFF,#F4F5F6,#F4F5F6,#FFFFFF);background: -webkit-linear-gradient(top, #FFFFFF 0%, #f4f5f6 50%, #f4f5f6 75%, #FFFFFF 100%);}
#contents{margin:0px;padding:10px;}
#banner{background-color:#bababa;background-repeat:no-repeat;width:800px;overflow:auto;margin:auto;margin-top:10px;border:1px solid #a4a4a4;margin-bottom:5px;}
#headerfullb{height:180px;background-color:#66aad7;margin:0px; padding:0px;
}

#header{overflow:auto;min-height:120px;margin-bottom: 0;margin-left: auto;margin-right: auto;margin-top: 0;width: 900px;
 padding:10px;padding-bottom:0px;


background-repeat:no-repeat;
background-position:50% 50%; 
overflow:hidden;
}
 

#headerfull{height:150px;
margin:0px; 
	padding:0px;

background-image: linear-gradient(to bottom, #2f5880 25%, #296599 50%, #2f5880 100%);
background: -webkit-linear-gradient(top, #2f5880 25%,  #296599 50%, #2f5880 100%);
background-repeat:no-repeat;

 
overflow:hidden;
box-shadow: 0px 0px 1em #000000;
}
 
 
 

 
#headerbar{height:30px;
font-family: "Fjalla One",sans-serif;
background-color:#0071a0; 

box-shadow:0px 10px 10px rgba(0, 0, 0, 0.5);
}

#headerl{float:left;width:200px;width:130px;width:auto;text-align:left;color:#ffffff;padding:0px;margin:0px;
overflow:hidden;


  -webkit-animation-name: slideInDown;
  animation-name: slideInDown;
  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;

}

#headerl a:hover{ 

  -webkit-animation-duration: 1s;
  animation-duration: 1s;
  -webkit-animation-fill-mode: both;
  animation-fill-mode: both;




	-webkit-backface-visibility: visible !important;
	backface-visibility: visible !important;
	-webkit-animation-name: flipInY;
	animation-name: flipInY;
}

#headerr{float:right;width:550px;overflow:auto;padding:0px;margin-top:0px;padding-top:0px;position:relative;}
#headertelinfo{width: 800px;margin-left: auto;margin-right: auto;}
#headerbar p{font-family: "Fjalla One",sans-serif;font-size:16px;color:#fff;text-align:right;margin:0px;padding:5px;}

#footerfull{
	background-image: linear-gradient(to top, #2f5880 25%, #296599 50%, #2f5880 100%);
	background: -webkit-linear-gradient(bottom, #2f5880 25%,  #296599 50%, #2f5880 100%);
	background-repeat:no-repeat;

box-shadow: inset 0 -8px 10px 0px #222222;
}


#footer{
min-height: 160px;
margin-bottom: 0;
margin-left: auto;
margin-right: auto;
margin-top: 0;
width: 900px;
background-position:center 10px; 
}

#footer h1,#footer h2,#footer h3,#footer h4,#footer h5,#footer h6{
	color:#fff;
text-align:left;
font-size:20px;
font-family: 'Poiret One', cursive;

}

#footer p{
	color:#fff;

text-align:left;
margin:0px;
padding:0px;
padding-left:30px;
font:11px 'Lucida sans unicode';

}


#footer a:link,#footer a:visited{
	color:#fff;
}



#footerbottom{
margin:0px;padding:0px;
height:50px;
padding:10px;

background-image: linear-gradient(to top, #173855, #122A40);
background: -webkit-linear-gradient(bottom, #173855 0%,#122A40 100%);

text-align:center;
 
}


#footerbottom p{
color:#999999;
}


#footerbottom a{
color:#999999;
border-bottom:1px dotted #666;
}





#menu{width:100%;height:40px;list-style-type: none;margin: 0 auto;padding: 0;border: 0;}
#menu > li{float: left;min-width:50px;margin:0px;padding: 0;border: 0;
 
border-right:1px solid #748d09;
margin-left:5px;
margin-right:5px;
}
#menu li a{background-image linear 0.8s;transition:all 1s;text-align:center;display: block;font-size:12px;color: #333333;height:23px;margin: 0;padding:5px;text-decoration: none; color:#FFFFFF;font-family:'Lucida Sans Unicode';font-size:11pt;background-image:none;box-shadow:0 2px 1px rgba(0, 0, 0, 0.3);border:none;}  
#menu li a:hover {background-image linear 0.8s;transition:all 1s;background-image: linear-gradient(to bottom, #F59714, #CE7C09);background: -webkit-linear-gradient(bottom, #F59714 0%,#CE7C09 100%);height:30px;color: #FFFFFF;border:none;}



#menu .menuderoulant{display: none;list-style-type: none;margin: 0;padding:0;border: 0;position:absolute;z-index:100;}
#menu .menuderoulant li{float: none;width:220px;margin:0;padding:0px;border: 0;border-top: 1px solid transparent;border-right:1px solid transparent;}
#menu .menuderoulant li a{background-color:#000;text-align:left;height:30px;display: block;margin: 0;padding:10px;border: 0;text-decoration: none;}
#menu .menuderoulant li a:hover{text-align:left;height:30px;border-left:15px solid #F69C1E;background-image: linear-gradient(to bottom, #F59714, #CE7C09);transition: all 0.4s ease 0s;color: #FFFFFF;box-shadow:0 2px 1px rgba(0, 0, 0, 0.9);z-index:100;}
#menu .menuderoulant li a:visited {text-align:left;height:30px;}
#menu li:hover > .menuderoulant { text-align:left;display: block; }

  

#mains{margin-left: auto;margin-right: auto;margin-top:0px;margin-bottom:0px;
min-height:300px;
vertical-align:top;background-image: linear-gradient(to bottom, #FFFFFF,#F4F5F6,#F4F5F6,#FFFFFF);background: -webkit-linear-gradient(top, #FFFFFF 0%, #f4f5f6 50%, #f4f5f6 75%, #FFFFFF 100%);}

#mainscontent{
width:800px;
margin-left: auto;
margin-right: auto;
margin-top:20px;margin-bottom:10px;min-height:300px;
}





#presentation{display:block;overflow:hidden;margin:auto;margin-top:0px;padding:30px;width:860px;height:200px;padding-left:50px;}
#presentation p{margin:0px;padding:0px;text-align:justify;}
#presentation h2{color:#0063a0;margin:10px;padding:0px;}

.prblock1{

transform: perspective( 600px ) rotateX(20deg);
transition: all 0.5s ease 0s; 
float:left;clear:right;background-color:#fff;width:240px;overflow:hidden;margin:5px;padding:10px;height:190px;position:relative;


background-image: linear-gradient(to bottom, #EEEEEE, #FFFFFF);
background: -webkit-linear-gradient(bottom, #EEEEEE 0%,#FFFFFF 100%);
}


.prblock2{

transform: perspective( 600px ) rotateX(20deg);
transition: all 0.5s ease 0s; 
float:left;clear:right;width:240px;overflow:hidden;margin:5px;padding:10px;height:190px;position:relative;left:30px;


background-image: linear-gradient(to bottom, #EEEEEE, #FFFFFF);
background: -webkit-linear-gradient(bottom, #EEEEEE 0%,#FFFFFF 100%);
}

 

.prblock3{
transform: perspective( 600px ) rotateX(20deg);
transition: all 0.5s ease 0s; 
float:right;clear:right;width:240px;overflow:hidden;margin:5px;margin-right:0px;padding:10px;height:190px;position:relative;left:15px;

background-image: linear-gradient(to bottom, #EEEEEE, #FFFFFF);
background: -webkit-linear-gradient(bottom, #EEEEEE 0%,#FFFFFF 100%);
}

 

.prblock1:hover{
transform: perspective( 600px ) rotateY(0deg );
transition: all 0.5s ease 0s; 
border:1px solid #c8c8c8; 
text-decoration:none;background-color:#fff; 
box-shadow: 0 0 0.5em #666;border:1px solid #a0a0a0;

background-image: linear-gradient(to bottom,#FFFFFF, #f4f5f6, #FFFFFF);
background: -webkit-linear-gradient(bottom, #FFFFFF 0%, #f4f5f6 50%,#FFFFFF 100%);
}


.prblock2:hover{

  transform: perspective( 600px ) rotateY(0deg );
transition: all 0.5s ease 0s; 
border:1px solid #c8c8c8; 
text-decoration:none;
box-shadow: 0 0 0.5em #666;border:1px solid #a0a0a0;


background-image: linear-gradient(to bottom,#FFFFFF, #f4f5f6, #FFFFFF);
background: -webkit-linear-gradient(bottom, #FFFFFF 0%, #f4f5f6 50%,#FFFFFF 100%);
}


.prblock3:hover{
transform: perspective( 600px ) rotateY(0deg );
transition: all 0.5s ease 0s; 
border:1px solid #c8c8c8; 
text-decoration:none; 
box-shadow: 0 0 0.5em #666;border:1px solid #a0a0a0;
 

background-image: linear-gradient(to bottom,#FFFFFF, #f4f5f6, #FFFFFF);
background: -webkit-linear-gradient(bottom, #FFFFFF 0%, #f4f5f6 50%,#FFFFFF 100%);
}



.followlink{width:300px;position:relative;bottom:15px;right:500px;}
.followlink a:link{background-color:#EEEEEE;background-image:url("/images/icons/suite20px.png");background-position:95% 3px;background-repeat:no-repeat;color:#999999;display:block;width:150px;margin:1px;padding:5px;text-decoration:none;transition:background-color 0.5s linear 0s;}
.followlink a:visited{background-color:#EEEEEE;background-image:url("/images/icons/suite20px.png");background-position:95% 3px;background-repeat:no-repeat;color:#999999;display:block;width:150px;margin:1px;padding:5px;text-decoration:none;}
.followlink a:active{width:100px;background-color:#EEEEEE;background-image:url("/images/icons/suitew20px.png");background-position:95% 3px;background-repeat:no-repeat;color:#999999;display:block;width:150px;margin:1px;padding:5px;text-decoration:none;}
.followlink a:hover{width:150px;background-color:#3666d4;background-image:url("/images/icons/suitew20px.png");background-position:95% 3px;color:#fff;text-align:justify;margin:1px;padding:5px;text-decoration:none;}

 
.plusinfo{position:relative;top:15px;left:15px;}
.plusinfo a:link{background-color:#EEEEEE;background-image:url("/images/icons/suite20px.png");background-position:95% 3px;background-repeat:no-repeat;color:#999999;display:block;width:150px;margin:1px;padding:5px;text-decoration:none;transition:background-color 0.5s linear 0s;}
.plusinfo a:visited{background-color:#EEEEEE;background-image:url("/images/icons/suite20px.png");background-position:95% 3px;background-repeat:no-repeat;color:#999999;display:block;width:150px;margin:1px;padding:5px;text-decoration:none;}
.plusinfo a:active{width:100px;background-color:#EEEEEE;background-image:url("/images/icons/suitew20px.png");background-position:95% 3px;background-repeat:no-repeat;color:#999999;display:block;width:150px;margin:1px;padding:5px;text-decoration:none;}
.plusinfo a:hover{width:150px;background-color:#3666d4;background-image:url("/images/icons/suitew20px.png");background-position:95% 3px;color:#fff;text-align:justify;margin:1px;padding:5px;text-decoration:none;}

 

h3{
    color: #2b2e84;
font-family: 'Poiret One', cursive;color:#000080;
    font-size: 18px;
    margin: 5px;
    padding: 5px;
    text-align:left;
	border-bottom:1px solid #a0a0a0;
}



#menu-accordeon {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
  width: 180px;
}
#menu-accordeon ul {
  padding:0;
  margin:0;
  list-style:none;
  text-align: center;
}
#menu-accordeon li {
   background-color:#729EBF; 
   background-image:-webkit-linear-gradient(top, #729EBF 0%, #333A40 100%);
   background-image: linear-gradient(to bottom, #729EBF 0%, #333A40 100%);
   border-radius: 6px;
   margin-bottom:2px;
   box-shadow: 3px 3px 3px #999;
   border:solid 1px #333A40
}
#menu-accordeon li li {
   max-height:0;
   overflow: hidden;
   transition: all .5s;
   border-radius:0;
   background: #444;
   box-shadow: none;
   border:none;
   margin:0
}
#menu-accordeon a {
  display:block;
  text-decoration: none;
  color: #fff;
  padding: 8px 0;
  font-family: verdana;
  font-size:1.2em
}
#menu-accordeon ul li a, #menu-accordeon li:hover li a {
  font-size:1em
}
#menu-accordeon li:hover {
   background: #729EBF
}
#menu-accordeon li li:hover {
   background: #999;
}
#menu-accordeon ul li:last-child {
   border-radius: 0 0 6px 6px;
   border:none;
}
#menu-accordeon li:hover li {
  max-height: 15em;
}



.wrapper {
    max-width:1940px;
    padding: 0px;
    margin: auto;
}