.collapsing {
  -webkit-transition: height 0.5s;
  -moz-transition: height 0.5s;
  -ms-transition: height 0.5s;
  -o-transition: height 0.5s;
  transition: height 0.5s;

}

@font-face {
	font-family: 'oswald';
	src: url('/fonts/oswald/Oswald-Regular.eot');
	src: url('/fonts/oswald/Oswald-Regular.eot?#iefix')
		format('embedded-opentype'), url('/fonts/swald/Oswald-Regular.woff')
		format('woff'), url('/fonts/oswald/Oswald-Regular.ttf')
		format('truetype'), url('/fonts/oswald/Oswald-Regular.svg#oswald')
		format('svg');
	font-weight: normal;
	font-style: normal;
}
 
@font-face {
	font-family: 'mission';
	src: url('/fonts/mission/mission.eot');
	src: url('/fonts/ission/mission.eot?#iefix')
		format('embedded-opentype'), url('/fonts/mission/mission.woff')
		format('woff'), url('/fonts/mission/mission.ttf')
		format('truetype'), url('/fonts/mission/mission.svg#oswald')
		format('svg');
	font-weight: normal;
	font-style: normal;
}

body {font-family:'Titillium Web',sans-serif;} 
h1 {font-family:'Encode Sans Condensed',mission,oswald; font-size:30px; line-height:34px; color:black;margin-top:40px} 
h2 {font-family:oswald; font-size:16px; color:black}
h3 {font-family:oswald; font-size:16px; color:black}
h4 {font-family:'Yanone Kaffeesatz'; font-weight:100; font-size:20px; margin:0px} 
 

b, strong {
     font-family:'Encode Sans Condensed'; font-size:13px; 
}

em_f {font-family:'Yanone Kaffeesatz'; font-weight:300; font-size:15px; font-style:none;}

.btn {font-family:'Yanone Kaffeesatz',sans-serif;font-size:15px; padding-top:8px}
.maclasse {background-color:#336699;}

.well {box-shadow:inset 0 0px 0px rgba(0,0,0,.05); border:1px dotted #e7e6e6; background-color:#f5f5f5; border-radius:0.40em}

.label {line-height:2.5; font-family:'Titillium Web'; font-size:10px; padding-top:2px;}
.label-primary {background-color:#4FC5E8}
.label-primary a {color:white;background-color:#4FC5E8}
.label-primary a:hover {text-decoration:none; background-color:#4FC5E8}

.label-secondary {background-color:#336699}
.label-secondary a {color:white;background-color:#336699}
.label-secondary a:hover {text-decoration:none; background-color:#ccc} 


.titre_section {font-family:mission,oswald; font-size:20px;  background-color:#0A9ECA; color:white; margin-top:20px;margin-bottom:10px;padding-bottom:8px;padding-top:8px; border-radius:0.40em} 
.titre_section_annonce {font-family:'Dancing script',mission,oswald; font-size:45px; color:black; margin-top:20px;margin-bottom:20px;padding-bottom:0px;padding-top:0px; padding-left: 0px; border-radius:0.15em; border-bottom: 0px #E8E7E7 dashed;}  
.titre_section_annonce2 {font-family:'Dancing script',mission,oswald; font-size:45px; color:black; margin-top:20px;margin-bottom:20px;padding-bottom:5px;padding-top:8px; padding-left: 0px; border-radius:0.15em}  



.titre_info {font-family:'Yanone Kaffeesatz',oswald,sans-serif; font-size:20px; line-height: 22px; text-decoration:none; color:black}  
.titre_box {font-family:oswald; font-size:12px; color:#ccc}
.titre_page {font-family:'Encode Sans Condensed',mission,oswald; font-size:30px; line-height:34px; color:black;margin-top:40px} 

.liens {margin-top:10px}



.navbar-inverse .navbar-nav .open .dropdown-menu li  a {color:white; background-color:#386593; }
.navbar-inverse .navbar-nav .open .dropdown-menu li  a:hover {color:white; background-color:#336699; transition: 2s height}


.navbar-inverse .navbar-nav .open .dropdown-menu li   {background-color:#386593}
.navbar-inverse .navbar-nav .open .dropdown-menu  { background-color:#386593}

.navbar-inverse .navbar-nav .open a:hover { background-color: #336699; }
.navbar-inverse .navbar-nav .open a:focus { background-color: #336699; }



.navbar-inverse .navbar-nav .open .dropdown-menu li .new {background-color:#0099cc; transition: background-color 2s}
.navbar-inverse .navbar-nav .open .dropdown-menu li .new a{background-color:#0099cc;  }
.navbar-inverse .navbar-nav .open .dropdown-menu li .new a:hover{background-color:#336699; }
 

.dropdown-submenu{position:relative; }
.dropdown-submenu>.dropdown-menu{top:0;left:100%;margin-top:-6px;margin-left:-1px;-webkit-border-radius:0 6px 6px 6px;-moz-border-radius:0 6px 6px 6px;border-radius:0 6px 6px 6px;}
.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:#cccccc;margin-top:5px;margin-right:-10px;}
.dropdown-submenu:hover>a:after{border-left-color:#ffffff;}
.dropdown-submenu.pull-left{float:none;}
.dropdown-submenu.pull-left>.dropdown-menu{background-color:green;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;}




ul .nav .nav-pills {background-color:#F3F3F3}

.nav-tabs.nav-justified li {margin-left:10px}
.nav-tabs.nav-justified .active  a {background-color:#386593;color:white}
.nav-tabs.nav-justified .active  a:hover {background-color:#386593;color:white}

.nav-tabs.nav-justified  a {background-color:#f3f3f3;color:#333} 
.nav-tabs.nav-justified  a:hover {background-color:#ccc;color:white} 

.navbar-inverse .navbar-toggle { border-color:#89b6e2}
.navbar-inverse .navbar-toggle:hover {background-color:#89b6e2;}



.panel-default {border:0px}
.panel-title {font-size:13px;color:#333;font-family:'Titillium Web'}
.panel-body {border-top-bottom:0px; padding-left:0px;padding-right:0px}
.panel-heading a {text-decoration:none}



#country-list{float:left;list-style:none;margin-top:-3px;padding:0;width:300px;position: absolute; border:0px #ccc solid; height: 600px;  overflow: scroll;}
#country-list li{padding: 10px; background: #f0f0f0; border-bottom: #bbb9b9 1px solid;}
#country-list li:hover{background:#ece3d2;cursor: pointer;}


.champs {margin-bottom:15px;}

label {margin-bottom:0px}

.meta-titre {font-family:'Encode Sans Condensed',sans-serif;font-size:14px;margin-top:20px}


.list-group .list-group-item {}

ul .bottom li {padding-left:Opx}

@media screen and  (max-width:720px) {
 
 #menu_full{display:none}
 #recherche_top{display:none}
        
    }


@media screen and (min-width:721px) and (max-width : 2500px)   {
	
	 #menu_short{display:none}
	
}