/*
HOVERNAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). Navbar dropdowns appear on hover.
This works only for screen sizes larger than phones.
If you don't want this, delete this segment of the CSS and delete the corresponding segment of ynternet.js
*/
/*-------------abs solution menu---------------------------------------*/
div#maximenuck101 ul.maximenuck li.maximenuck.level1:hover, div#maximenuck101 ul.maximenuck li.maximenuck.level1.active {
    background: #1e1e22;
    height: 30px;
}
div#maximenuck101 ul.maximenuck li.maximenuck.level1 > a, div#maximenuck101 ul.maximenuck li.maximenuck.level1 > span.separator {

    padding: 8px 15px;
    
}
div#maximenuck101.maximenuckh ul.maximenuck li.maximenuck.level1 > a, div#maximenuck101.maximenuckh ul.maximenuck li.maximenuck.level1 > span.separator {
  
    height: 30px;
}
/*----------------------------------------------------*/
select {


	
}
.logout {
    margin-top: 11px;
  }
#moafter {
    width: 92.2%;
	
  }
.profile-edit {
    margin-top: 11px;
  }
.chzn-container .chzn-drop {
    z-index: 110;
  }
#ckvos{
  animation: vos linear 0.5s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: vos linear 0.5s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: vos linear 0.5s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: vos linear 0.5s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: vos linear 0.5s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  
  
}

@keyframes vos{
  0% {
    transform:  translate(0px,-14px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes vos{
  0% {
    -moz-transform:  translate(0px,-14px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes vos {
  0% {
    -webkit-transform:  translate(0px,-14px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes vos {
  0% {
    -o-transform:  translate(0px,-14px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes vos {
  0% {
    -ms-transform:  translate(0px,-14px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}
@media (min-width: 768px) {
  .navbar-nav .caret {
    display: none
  } 
  /* Delete the above if you wish to display the caret */
  .navbar-nav .open ul {
    display: none
  }
  .navbar-default .navbar-nav > .open > a,
  .navbar-default .navbar-nav > .open > a:hover,
  .navbar-default .navbar-nav > .open > a:focus {
    color: #555;
    background: none
  }
  .navbar-inverse .navbar-nav > .open > a,
  .navbar-inverse .navbar-nav > .open > a:hover,
  .navbar-inverse .navbar-nav > .open > a:focus {
    color: #969696;
    background: none
  }
  .navbar-nav .hovernav:hover > .dropdown-menu {
    display: block
  }
}

/*
MEGANAV
A simple addition to the dropdown menu (Bootstrap itself is unchanged). When you add GRAND-CHILD links in the navbar,
On screens larger than phones, Meganav will transform the dropdown into a mega-menu, with child-links displayed as menu-column heads (in bold).
If you don't want this, delete this segment of the CSS and delete the corresponding segment of ynternet.js
*/
.mega-menu ul a {
	color: #666;
}
.has-children > a {
	font-size: 15px;
	font-weight: bold !important
}
@media (max-width: 767px) {
	.has-children ul {
		display: block !important;
		margin-left: 15px
	}
}
@media (min-width: 768px) {
	.dropdown.mega-menu {
		position: static;
	}
	.mega-menu > .dropdown-menu {
		left: 0;
		right: 0;
		overflow-x: auto
	}
	.mega-menu > ul > li {
	  display:table-cell;
	}
	.mega-menu > ul ul {
		position: relative;
		display: block !important;
		border: 0;
		border-radius: 0;
		box-shadow: none;
		padding: 0
	}
	.has-children {
		border-right: 1px solid #e7e7e7
	}
	.has-children:last-of-type {
		border-right: 0
	}
}


/*
Max content widths
*/
.size-auto, 
.size-full,
.size-large,
.size-medium,
.size-thumbnail {
	max-width: 100%;
	height: auto
}

/*
Sidebar
*/

.sidebar ul,
.sidebar ol {
  list-style-type: none;
  padding: 0
}
.sidebar li {
  margin: 10px 0
}
#appel{
width: 192px;
height: 26px;
margin-left: -30px;
margin-top: -2px;
}

/*
Hide form placeholders on focus
*/

input:focus::-webkit-input-placeholder { color:transparent; }
input:focus:-moz-placeholder { color:transparent; } /* FF 4-18 */
input:focus::-moz-placeholder { color:transparent; } /* FF 19+ */

/*
Footer
*/

.footer ul,
.footer ol {
  list-style-type: none;
  padding: 0
}
.footer li {
  margin: 10px 0
}
.sub-footer p {
  text-align: center
}

/*
Commentlist
*/

ol.commentlist {
	counter-reset: li; /* Initiate a counter */
	padding: 0
}
ol.commentlist ul {
  padding: 0
}
ol.commentlist > li {
	position: relative;
	margin: 0 0 20px 0;
	list-style: none /* Disable the normal item numbering */
}
ol.commentlist > li:before {
  content: "Fil n°" counter(li); /* Use the counter as content */
  counter-increment: li; /* Increment the counter by 1 */
  position:absolute;  
  top: 0;
  right: 0;
  border-bottom: 1px solid #ddd;
  border-left: 1px solid #ddd;
  border-bottom-left-radius: 4px;
  padding: 5px 20px 5px 10px;
  color: #999
}
ol.commentlist li ol,
ol.commentlist li ul {
  list-style-type: none;
  margin: 0
}

.commentlist li li {
  background: #f8f8f8;
}
.commentlist li li li {
  background: #fff
}
.commentlist li li li li {
  background: #f8f8f8
}
.commentlist li li li li li li {
  background: #fff
}
.commentlist li {
  padding: 20px
}
.commentlist ul li {
  margin-top: 20px;
  margin-bottom: 0
}
.reply p {
  margin: 0
}


h2{
	margin: 50px 0 20px;
	padding: 5px 10px 7px;
	font-family: "Oswald", sans-serif;color:#ffffff;
	font-size:15px;
		background-color: #101010; 

	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#000000', endColorstr='#000000',GradientType=1 );
background-position-y: 15px;	
	
}


/* *****************************************************************************************************************************************************
********************************************************************************************************************************************************
																		AGORA
********************************************************************************************************************************************************
****************************************************************************************************************************************************** */

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, font, 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, button {outline: none !important;}

html {
	position: relative;
	min-height: 100%;
}

body{
	/*background: #000 url(../img/dark_mosaic.png) repeat fixed;*/
	font-family: "Roboto", sans-serif;
	color: #000;
	/* Idem footer height */
	margin-bottom: 130px;
}


/* ==========================================================================
   Menu
   ========================================================================== */
#sur-menu{
  animation: mailmenu linear 0.2s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  -webkit-animation: mailmenu linear 0.2s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -moz-animation: mailmenu linear 0.2s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -o-animation: mailmenu linear 0.2s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -ms-animation: mailmenu linear 0.2s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
}

@keyframes mailmenu{
  0% {
    transform:  translate(0px,-25px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes mailmenu{
  0% {
    -moz-transform:  translate(0px,-25px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes mailmenu {
  0% {
    -webkit-transform:  translate(0px,-25px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes mailmenu {
  0% {
    -o-transform:  translate(0px,-25px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes mailmenu {
  0% {
    -ms-transform:  translate(0px,-25px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}   
#sur-menu{
z-index: 1000;
    position: fixed;
    width: 100%;
    height: 40px;
    background: #000000;
    /*border-bottom: #777 1px solid;*/
    font-size: 0.9em;

}
#petitba{
margin-top:-10px;

}
#sur-menu a, #sur-menu a:visited {color: #eee;}
#sur-menu a:hover, #sur-menu a:focus {color: #fff; text-shadow: 0 0 1px #fff; text-decoration:none;}

#sur-menu #searchform{ margin-top: 7px;}
#sur-menu .form-control{
	height: 24px;
	padding: 4px 9px;
	font-size: 1em;
	color: #eee;
	background: #666;
}
#menubighaut{
	margin-top: -10px;
}
#sur-menu .btn{
	height: 24px;
	margin-top: -8px;
	padding: 2px 6px;
	font-size: 1em;
	color: #333;
	background: transparent;
	border: #222 0px solid;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
#sur-menu .btn:hover{
	color: #000;
	background: #eee;
	border: #222 1px solid;
}

#menu-spacer {min-height:122px;position:fixe;} /* menu+ombre Permet de conserver la hauteur de l'élément quand menu se fixe */

@media screen and (min-width: 1200px) {
	.fixe-menu{ position: fixed !important; left: 0; top: 0;}/* classe pour fixer menu (grands écrans) */
}

#menu-haut { /* inclut menu et ombre */
margin-top: 40px;transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s;
	position:fixed;
	width:100%;
	z-index:1000;
}

#menu-haut .navbar {
	z-index: 100;
    height: 75px;
    background: #000000;
    border-bottom: #54575b 1px solid;
    border-radius: 0;
    margin-bottom: 0;
	
}
.navbar-brand{  animation: animationFrames ease 1s;
  animation-iteration-count: 1;
  transform-origin: 50% 50%;
  animation-fill-mode:forwards; /*when the spec is finished*/
  -webkit-animation: animationFrames ease 1s;
  -webkit-animation-iteration-count: 1;
  -webkit-transform-origin: 50% 50%;
  -webkit-animation-fill-mode:forwards; /*Chrome 16+, Safari 4+*/ 
  -moz-animation: animationFrames ease 1s;
  -moz-animation-iteration-count: 1;
  -moz-transform-origin: 50% 50%;
  -moz-animation-fill-mode:forwards; /*FF 5+*/
  -o-animation: animationFrames ease 1s;
  -o-animation-iteration-count: 1;
  -o-transform-origin: 50% 50%;
  -o-animation-fill-mode:forwards; /*Not implemented yet*/
  -ms-animation: animationFrames ease 1s;
  -ms-animation-iteration-count: 1;
  -ms-transform-origin: 50% 50%;
  -ms-animation-fill-mode:forwards; /*IE 10+*/}
  @keyframes animationFrames{
  0% {
    transform:  translate(-1500px,0px)  ;
  }
  60% {
    transform:  translate(30px,0px)  ;
  }
  80% {
    transform:  translate(-10px,0px)  ;
  }
  100% {
    transform:  translate(0px,0px)  ;
  }
}

@-moz-keyframes animationFrames{
  0% {
    -moz-transform:  translate(-1500px,0px)  ;
  }
  60% {
    -moz-transform:  translate(30px,0px)  ;
  }
  80% {
    -moz-transform:  translate(-10px,0px)  ;
  }
  100% {
    -moz-transform:  translate(0px,0px)  ;
  }
}

@-webkit-keyframes animationFrames {
  0% {
    -webkit-transform:  translate(-1500px,0px)  ;
  }
  60% {
    -webkit-transform:  translate(30px,0px)  ;
  }
  80% {
    -webkit-transform:  translate(-10px,0px)  ;
  }
  100% {
    -webkit-transform:  translate(0px,0px)  ;
  }
}

@-o-keyframes animationFrames {
  0% {
    -o-transform:  translate(-1500px,0px)  ;
  }
  60% {
    -o-transform:  translate(30px,0px)  ;
  }
  80% {
    -o-transform:  translate(-10px,0px)  ;
  }
  100% {
    -o-transform:  translate(0px,0px)  ;
  }
}

@-ms-keyframes animationFrames {
  0% {
    -ms-transform:  translate(-1500px,0px)  ;
  }
  60% {
    -ms-transform:  translate(30px,0px)  ;
  }
  80% {
    -ms-transform:  translate(-10px,0px)  ;
  }
  100% {
    -ms-transform:  translate(0px,0px)  ;
  }
}
.navbar-brand{padding: 7px 12px 0; 	width: 300px;}
.navbar-brand-logo{ margin: -4px 20px 0 0;transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s;}
.navbar-brand-logo:hover{ margin: -4px 20px 0 15px ;transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s; filter: blur(2px);
        -webkit-filter: blur(2px);
        -moz-filter: blur(2px);
        -o-filter: blur(2px);
        -ms-filter: blur(2px);
}
.navbar-brand-name{ margin: 7px 0 0 0; font-family: "Oswald", sans-serif; font-size:1.4em; color:#010181;}
.navbar-brand-name span{ font-size:0.6em; color:#ad1b18}

.navbar-nav{
	margin-top:1px;
}
.login{
	margin-top:11px;
}
div.page-header {
 
    margin-top: 10px;
}
.navbar-nav > li > a{
	color:#ccc;
	font-family: "Oswald", sans-serif;
	text-align:center;
	text-transform: uppercase;
}
.navbar-nav > li > a:hover, .navbar-nav > li > a:focus{ background-color:transparent; color:#fff; text-shadow: 0 0 1px #fff;}
.navbar-nav > .active > a{ color:#ed8;}

.navbar-toggle{ margin: 20px 20px 0 0; border-width: 2px; border-color: #ed8;}
.navbar-toggle:hover{ border-color: #fff;}
.icon-bar{ background:#ed8;}
.navbar-toggle:hover .icon-bar { background:#fff;}

/* ==========================================================================
   En-tête
   ========================================================================== */

#entete {
	width:100%;
	margin: -47px 0 0;
	box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	background: #c0c0c0;
	background: -moz-linear-gradient(top,  #c0c0c0 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #c0c0c0 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#ffffff',GradientType=0 );
}
.slidervig{
	border:#dff 5px solid !important;
    box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
    -moz-box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
    -webkit-box-shadow: 0px 0px 10px rgba(5, 5, 5, 0.25) !important;
	border-radius: 5px !important;
}

/* ==========================================================================
   Contenu
   ========================================================================== */

.contenu-haut, .contenu-bas{
	width: 100%;
	margin-top: 80px;
	background: #555;
	height: 75px;
	border-top: #777 2px solid;
	border-bottom: #222 2px solid;
}
.contenu-bas{ margin: 0 0 300px;}

.contenu{
	width: 100%;
	padding: 30px 0 40px;
	background: #c0c0c0;
	background: -moz-linear-gradient(top,  #c0c0c0 0%, #ffffff 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#c0c0c0), color-stop(100%,#ffffff));
	background: -webkit-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: -o-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: -ms-linear-gradient(top,  #c0c0c0 0%,#ffffff 100%);
	background: linear-gradient(to bottom,  #c0c0c0 0%,#ffffff 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#c0c0c0', endColorstr='#ffffff',GradientType=0 );
	color: #333;
	border-top: #ddd 2px solid;
	border-bottom: #555 2px solid;
}
.contenu p{	text-align:justify;}

.contenu img, .img365, video{

	width: none;
	margin: 20px auto;
	
}
#videohtml5{
	border-top: 2px solid #ffffff;
	/*margin-left: 2px; original*/
	margin-left: 0px; 
	margin-top: 65px;
	
}
#toffooter{

	/*border-top: 2px solid #777777;*/
	margin-left: -2px;
	width:101%;
}

#aikon_paralax_117{

	border-top: 1px solid #000000;
	
}

.img365{max-width: 365px !important;}
.contenu img.references{
	width:inherit;
	margin: 10px;
	border: none;
	box-shadow:none; -moz-box-shadow:none; -webkit-box-shadow:none;
}

/*.cartouche{
	width: 100%;
	margin: 140px 0 0;
	padding: 40px 0 40px;
	box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	-moz-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	-webkit-box-shadow: 0px 0px 10px 4px rgba(22, 22, 22, 0.75);
	background: #222222;
	background: -moz-linear-gradient(45deg,  #222222 0%, #9999aa 100%);
	background: -webkit-gradient(linear, left bottom, right top, color-stop(0%,#222222), color-stop(100%,#9999aa));
	background: -webkit-linear-gradient(45deg,  #222222 0%,#9999aa 100%);
	background: -o-linear-gradient(45deg,  #222222 0%,#9999aa 100%);
	background: -ms-linear-gradient(45deg,  #222222 0%,#9999aa 100%);
	background: linear-gradient(45deg,  #222222 0%,#9999aa 100%);
}*/

.cartouche{
	width: 90%;
	margin:30px auto 60px;
	padding:14px;
	text-align:center;
	border-radius:8px;
	background-color:#b94;
	color:#fff;
	font-size:25px;
}

.social{ margin: 16px 0 0 0; font-family: "Oswald", sans-serif; font-size:1.6em; color:#ed8;}
.social a, .social a:visited{ color: #fff; padding-left: 14px; font-size:1.1em;}
.social a:hover, .social a:focus{ color: #ed8; text-shadow: 0 0 1px #ed8; text-decoration:none;}

.form-control:focus{
	border-color:#ed8;
	outline:0;
	-webkit-box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(238,221,136,0.6);
	box-shadow:inset 0 1px 1px rgba(0,0,0,0.075),0 0 8px rgba(238,221,136,0.6)
}

.slogan{
	margin:30px 4px 40px;
	padding: 10px;
	background: #ffffff;
	background: -moz-linear-gradient(top,  #ffffff 0%, #dddddd 100%);
	background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#ffffff), color-stop(100%,#dddddd));
	background: -webkit-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: -o-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: -ms-linear-gradient(top,  #ffffff 0%,#dddddd 100%);
	background: linear-gradient(to bottom,  #ffffff 0%,#dddddd 100%);
	filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#ffffff', endColorstr='#dddddd',GradientType=0 );
	border-radius: 8px;
	box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
	-moz-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
	-webkit-box-shadow: 0px 0px 10px 2px rgba(153, 153, 153, 0.75);
}
.slogan h3{
	text-align:center;
	font-family: "Roboto", sans-serif;
	font-size:1.6em;
	text-transform: uppercase;
	color:#000;
	margin:-6px 0 4px;
	border-bottom: none;
}
.slogan p{ text-align:center !important; color:#222;}
.slogan-icone{ text-align:center; font-size:60px;}

#map_canvas{
	width:100%;
	height:600px;
	/*border-top: #aaa 1px solid;
	border-bottom: #333 1px solid;*/
}

/* ==========================================================================
   Footer
   ========================================================================== */

.footer {
	z-index:999;
	position: absolute;
	bottom: 0;
	width: 100%;
	font-family: "Oswald", sans-serif;
	font-size: 1em;
	color: #ccc;
	/* Idem body */
background: #191919;
border-top: #000000 1px solid;
	
	/*box-shadow: 0px 0px 3px 2px rgba(22, 22, 22, 0.75);
	-moz-box-shadow: 0px 0px 3px 2px rgba(22, 22, 22, 0.75);
	-webkit-box-shadow: 0px 0px 3px 2px rgba(22, 22, 22, 0.75);*/
}
.footer a, .footer a:visited {color: #ffffff;}
.footer a:hover, .footer a:focus {color: #fff; text-shadow: 0 0 1px #fff; text-decoration:none;}

#infos_footer{
	margin: 10px auto 20px;
	padding: 4px;
	font-size: .9em;
	color:#ffffff;
	text-align:center;
	background: #191919;

}

#fl-haut{
background: transparent url("../img/arow.gif") no-repeat;

	text-shadow: 0px 0px 3px #333;
	cursor: pointer;
	vertical-align: middle;
	padding: 3px 30px 0 0;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}
#fl-haut:hover{
	background: transparent url("../img/hover.gif") no-repeat;

	text-shadow: 0px 0px 3px #333;
	cursor: pointer;
	vertical-align: middle;
	padding: 3px 30px 0 0;
	-webkit-transition:all 500ms ease-out;
	-moz-transition:all 500ms ease-out;
	-o-transition:all 500ms ease-out;
	transition:all 500ms ease-out;
}

/* ==========================================================================
   Divers
   ========================================================================== */

.align-left{ text-align:left !important;}
.align-right{ text-align:right !important;}
.align-center{ text-align:center !important;}

.pad-left6{ padding-left:6px;}
.pad-right6{ padding-right:6px;}
.pad-left30{ padding-left:30px;}
.pad-right30{ padding-right:30px;}

.bleu{ color:#08c;}
.rouge{ color:#a00;}

.alert-info{ background-color:#ffd; border-color:#ed8; color:#333;}

.btn-primary{   background: #ced2d7;

  border-radius: 2px;
  font-family: Arial;
  color: #ffffff;
  font-size: 20px;
  padding: 10px 20px 10px 20px;
  text-decoration: none;}
.btn-primary:hover, .btn-primary:focus{ 
background: #cccccc;

  text-decoration: none;}

.pagination > li > a{ color:#600;}
.pagination > li > a:hover, .pagination > li > a:focus{ color:#a00;}

.nob{ border:none !important; box-shadow:none !important; width: auto !important;}

/* Ombre du menu */
.ombre {
	/*background: transparent url(../img/ombre.png) no-repeat center top;*/
	background-clip:border-box;
	top: 0;
	width: 100%;
	height:0px;
}

/* Fenêtre modale */
.modal-content{background-color:#800;}
.modal-header{border-bottom:none;}
.modal-title{color:#dc9;}
.modal-content h5{color:#a96;}
.modal-body {
	overflow:auto;
	height: 500px;
	background-color:#fff;
}
.modal-footer{border-top:none;}

.btn-custom {
	font-weight:bold;
	background-color: hsl(0, 81%, 33%) !important;
	background-repeat: repeat-x;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr="#e82626", endColorstr="#980f0f");
	background-image: -khtml-gradient(linear, left top, left bottom, from(#e82626), to(#980f0f));
	background-image: -moz-linear-gradient(top, #e82626, #980f0f);
	background-image: -ms-linear-gradient(top, #e82626, #980f0f);
	background-image: -webkit-gradient(linear, left top, left bottom, color-stop(0%, #e82626), color-stop(100%, #980f0f));
	background-image: -webkit-linear-gradient(top, #e82626, #980f0f);
	background-image: -o-linear-gradient(top, #e82626, #980f0f);
	background-image: linear-gradient(#e82626, #980f0f);
	border-color: #980f0f #980f0f hsl(0, 81%, 28%);
	color: #fff !important;
	text-shadow: 0 -1px 0 rgba(0, 0, 0, 0.33);
	-webkit-font-smoothing: antialiased;
}

/* Bouton retour vers le haut */
#btn-haut {
	display: none;
	position: fixed;
	z-index:1500;
	bottom: 10px;
	right: 20px;
	cursor: pointer;
	font-size:30px;
	color:#aaa;
	-webkit-transition:all 500ms ease-out, background-color 500ms ease-out;
	-moz-transition:all 500ms ease-out, background-color 500ms ease-out;
	-o-transition:all 500ms ease-out, background-color 500ms ease-out;
	transition:all 500ms ease-out, background-color 500ms ease-out;
}
#btn-haut:hover{
	color:#dc6;
	text-shadow: 0px 0px 3px #ed8;
}

/* ==========================================================================
   Responsive
   ========================================================================== */

@media screen and (max-width: 1199px){
	.navbar-nav > li > a{padding: 15px 10px; font-size:.9em;}
	#infos_footer{font-size:.8em;
	}
}

@media screen and (max-width: 1100px) {
	
	#videohtml5{
	visibility:hidden;
	display: none;
}
	#toffooter{
	visibility:hidden;
	display: none;
}
#moafter.moduletable_js, .moduletable {
      width: 97.2%;
    margin: auto;
	margin-bottom: 15px;
}
}

@media screen and (min-width: 1600px) {
	
	#videohtml5{
	visibility:hidden;
	display: none;
}
	#toffooter{
	visibility:hidden;
	display: none;
}
}
@media screen and (max-width: 991px){
	#map_canvas{
		width:80%;
		height:400px;
		margin: 0 auto;
		border-left: #999 2px solid;
		border-right: #bbb 2px solid;
	}
	.navbar-nav > li > a{padding: 15px 8px; font-size:.8em;}
	.cartouche{width:100%; padding:10px; font-size:20px;}

}
@media screen and (max-width: 986px){
	
	#main {
    margin-top: 0px;
    margin-left: 10px;
}
.moduletable_js, .moduletable {
  
    margin-top: 20px;transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s;
}
#moafter.moduletable_js, .moduletable {
    margin-left: 15px;
   
}	
}
@media screen and (max-width: 991px) and (min-width: 768px){
	.navbar-brand{width: 140px;}
	.navbar-brand-name{ display:none;}
	#infos_footer{font-size:.7em;}
#sur-menu #searchform {
       margin-right: 12px;
}
img.pull-center {
    margin-left: auto;
    margin-right: auto; 
	width: 45%;
}
	
}

@media screen and (max-width: 767px){
	h1{ margin: 22px 0 0 0; font-size:1.6em;}

	.navbar-nav{background:#666; padding: 5px 0 10px;}
	.navbar-nav > li{ text-align:center;}
	.navbar-nav > li > a{font-size:1em; padding: 10px 0;}
	#infos_footer{display:none;}
	/*.footer{padding-top:40px;}*/
	.footer {font-size: 10px;}
	#sur-menu #searchform{ visibility: hidden}
	
	.img-fulltext-right {
    float: none !important;
   margin-left: auto;
margin-right: auto;
width: 10em;
}
.img-fulltext-left {
 float: none;
 margin-left: auto;
margin-right: auto;
width: 10em;
   
} 
.pull-left {
 
width: 5em;
height:100%;
   
} 
#main {

 
    padding-bottom: 5px;


}
#fl-haut{
display: none;

}
.thumb {position: relative;
width:5em;
height:100%;
}
}
@media screen and (max-width: 400px){

	
	.fade{opacity:0;-webkit-transition:opacity .15s linear;-o-transition:opacity .15s linear;transition:opacity .15s linear}.fade.in{opacity:1}#menu-haut{display:none;visibility:hidden}
	.img-fulltext-right {
    float: none !important;
   margin-left: auto;
margin-right: auto;
width: 10em;
}
.img-fulltext-left {
 float: none;
 margin-left: auto;
margin-right: auto;
width: 10em;
   
} 
.img-intro-left {
	float: none;
	margin-right: 10px;
	margin-bottom: 10px;
}



.img-intro-right {
	float: none;
	margin-left: 10px;
	margin-bottom: 10px;
}
 
 #baanim {
	
	margin-top: -47px;
	
	
	
}

#main {

 
    padding-bottom: 5px;


}
 
#menu-haut{margin-top:0px;-webkit-box-shadow:none;box-shadow:none; transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
transition-duration: 0.4s;}#menu-haut{display:block!important;padding-bottom:0;overflow:visible!important;visibility:visible!important}
}
@media screen and (max-width: 450px){
	h1 span{display:none}
	.navbar-brand{width: 180px;}
	.navbar-brand-name{ display:none;}
	
	.contenu p{text-align:left;}

}

@media screen and (max-width: 1205px){
	#ckmenuago {
   
  display:none;visibility:hidden
  
}
#menubighaut{
	display:none;visibility:hidden
}
}
@media screen and (max-width: 1100px){
	#ckvos {
  display:none;
  visibility:hidden;
  
}
#moafter {
    margin: auto;
}
}
@media screen and (max-width: 880px){
 .navbar-brand-logo2	{
display:none;visibility:hidden
	
	}
#right {
  	float: left;
    width: 98%;
    margin: 10px 0 10px 0%;
    padding: 0 0 5px 0;
    position: relative;
}
#petitba {
  	/*display:none;visibility:hidden   pas pour gwada*/
}
.left1 {
    padding: 0;
    float: none;
    margin: 10px 3% 10px 0;
    width: 98%;
    position: relative;
}
.left {
    padding: 0;
    float: none;
	margin: 10px 3% 10px 0;
    position: relative;

    width: 98%;}
	
#wrapper {
    width: 98%;
    float: left;
    position: relative;
}
#wrapper2 {
    width: 98%;

}
.custom {
   margin-right: auto;
	margin-left: auto;
	/*width: 20em;*/
}
.moduletable_js, .moduletable {
    margin-bottom: 20px;
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-duration: 0.4s;
    margin-left: auto;
    margin-right: auto;
    width: 20em;
}
#moafter.moduletable_js, .moduletable {
    margin-top: -10px;
    transition-timing-function: cubic-bezier(0.64, 0.57, 0.67, 1.53);
    transition-duration: 0.4s;
	width: 100%;
padding: 5px 25px 2px 4px;
}	
}
@media screen and (max-width: 395px){
body .jf_mm_trigger.jf_mm_rtl {
    left: auto;
    right: 8px;
    margin-top: 12px;
}
body h2{
padding: 16px 20px;
font-size: 1.2em;

}

}

@media only screen and (max-width: 4382px) { .navbar-brand-logo	{
		width:324px;
		height:69px;}
.navbar-brand-logo2	{
		width:178px;
		height:69px;
	
	}

#jumpmenu{
display:none;visibility:hidden
}
}
@media screen and (max-width: 600px){
#ckvos{
display:none;visibility:hidden
}
#jumpmenu{
display:inline;visibility:visible
}
	article {
  
    margin-top: 20px;
}
}
@media only screen and (max-width: 1025px) { 
.navbar-brand-logo2	{
		margin-left: -25px
	
	}
	
#wrapper2 {
    width: 98%;
   	z-index: 100;
	margin-top: 5px;
}
.left1 {
    padding: 0;
    float: none;
   margin-left:auto;
   margin-right:auto;

    position: relative;
}
.left {
    padding: 0;
    float: none;
   margin-left:auto;
   margin-right:auto;

    position: relative;
}
}
@media only screen and (max-width: 1054px) { 
.navbar-brand-logo2	{
		margin-left: -25px
	
	}
	}

/* ==========================================================================
   Fonts
   ========================================================================== */
@font-face {
	font-family: 'icomoon';
	src:url('../fonts/icomoonb061.eot?-vjkvr7');
	src:url('../fonts/icomoond41d.eot?#iefix-vjkvr7') format('embedded-opentype'),
		url('../fonts/icomoonb061.woff?-vjkvr7') format('woff'),
		url('../fonts/icomoonb061.ttf?-vjkvr7') format('truetype'),
		url('../fonts/icomoonb061.svg?-vjkvr7#icomoon') format('svg');
	font-weight: normal;
	font-style: normal;
}

#icon-arrow-circle-up{
	

	font-family: 'icomoon';
	speak: none;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	line-height: 1;

	/* Better Font Rendering =========== */
	-webkit-font-smoothing: antialiased;
	-moz-osx-font-smoothing: grayscale;
}

.icon-twitter-square:before {
	content: "\f081";
}
.icon-facebook-square:before {
	content: "\f082";
}
.icon-cogs:before {
	content: "\f085";
}
.icon-arrow-circle-up:before {
	content: "\f0aa";
}
.icon-google-plus-square:before {
	content: "\f0d4";
}
.icon-puzzle-piece:before {
	content: "\f12e";
}
.icon-rocket:before {
	content: "\f135";
}
.icon-envelope-square:before {
	content: "\f199";
}
.icon-line-chart:before {
	content: "\f201";
}