/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/
/* Fix right margin on ipad switch to portrait */
@media only screen and (max-width: 320px) {
  #wrapper {
    width: 320px;
    overflow: hidden;
  }
}
/* TOPNAV
--------------------------------------------------------------------------------------------------------------------------------------*/
#topnav .opts {
  display: none;
}
#topnav .social {
  border-right: 1px solid #030303;
}
#topnav .social li {
  font-size: 1.3em;
}
/* HEADER
--------------------------------------------------------------------------------------------------------------------------------------*/
#header .top #logo {
  font-size: 3em;
}
#header .top #logo img {
  height: 90px;
  width: auto;
  margin-right: 35px;
}
#header nav {
  position: relative;
}
#header nav .mobile-title {
  cursor: pointer;
  display: block;
  padding: 10px;
  color: #2e2d2d;
  font-size: 2.4em;
  text-align: center;
  text-transform: uppercase;
  border-top: 1px solid #cecdcd;
  border-bottom: 1px solid #cecdcd;
  background: #e3e2e2 url(../img/arr-menu-mobile.png) right 2px no-repeat;
}
#header nav.open .mobile-title {
  background-position: right -41px;
}
#menu {
  display: none;
  position: absolute;
  z-index: 200;
}
#menu li {
  background-color: #e3e2e2;
  display: block;
  border: 0;
}
#menu li:first-child {
  border-top: 0;
}
#menu li a {
  border-bottom-width: 1px !important;
}
#menu li.current a,
#menu li a:hover {
  padding-bottom: 15px;
}
#menu li.home a {
  padding-left: 5px;
}
#menu li.home span {
  width: auto;
  height: auto;
  padding: 0;
  background: none;
}
/* COMMON
--------------------------------------------------------------------------------------------------------------------------------------*/
#content-top {
  background-color: #f1f1f1;
}
#content-top #breadcrumbs {
  display: none;
}
#content-top #form-search {
  background-color: #fff;
  float: none;
  position: relative;
}
#content-top #form-search #s {
  width: 70%;
  padding: 5px 7px 5px 30px;
}
#content-top #form-search input[type="submit"] {
  position: absolute;
  right: 0;
  -webkit-appearance: none;
}
#content {
  display: block;
  padding-top: 15px;
}
#sidebar {
  display: block;
  width: auto;
  padding: 0;
}
#sidebar > ul {
  padding: 0;
}
#sidebar > ul > li {
  margin-top: 0;
}
#sidebar > ul > li.open > a {
  background: url("../img/arr-top-menu.png") no-repeat scroll right center #f3f3f3;
}
#sidebar > ul > li > a {
  background-color: #e4e2e3;
  display: block;
  padding: 7px 0 7px 15px;
  background: url("../img/arr-bottom-menu.png") no-repeat scroll right center #f3f3f3;
}
#sidebar > ul > li > ul {
  padding: 4px 0;
}
#sidebar > ul > li > ul li {
  line-height: 1.4;
}
#inner {
  display: block;
  width: auto;
  padding: 0 2% 20px 2%;
  margin-top: 20px;
}
#inner .wysiwyg .std-form form {
  padding-left: 2%;
}
#inner .wysiwyg .std-form form > div input[type="text"] {
  width: 95%;
}
#inner .wysiwyg .std-form form > div.field-input > label,
#inner .wysiwyg .std-form form > div.select > label {
  display: block;
  float: none;
}
#inner .wysiwyg .std-form form > div label {
  width: 34%;
}
#inner .wysiwyg .std-form form > div.textarea textarea {
  width: 95%;
}
#inner .wysiwyg .tab > div:first-child {
  width: 30%;
}
#inner .pagination {
  text-align: center;
}
/* HOME------------------------------------------------------------*/
#home {
  margin-top: 30px;
}
#home .inner {
  display: block;
  padding-bottom: 15px;
}
#home .inner div.crous-reims .content > div.crous,
#home .inner div.crous-reims .content > div.desc {
  width: auto;
  margin: 0 4% 10px 4%;
  float: none;
}
#home .inner div.crous-reims .content div.link {
  width: auto;
  float: none;
  margin: 0 4% 10px 4%;
}
#home .inner div.crous-reims .content div.link a {
  display: block;
}
#home .inner div.crous-reims .content div.link a img {
  /*width: 100%;*/
  height: auto;
}
#home .inner div.crous-reims .content div.link a.mobile-crous {
  display: none;
}
#home .inner div.services ul li {
  float: none;
  margin: 10px 0 0 0;
}
#home .inner div.services ul li:first-child {
  margin-top: 0;
}
#home .inner div.services ul li a img {
  /*width: 100%;*/
  height: auto;
}
#home .inner div.all-actu {
  display: block;
  text-align: center;
  background-color: #e2e5ea;
  margin: 15px 2% 0 2%;
  padding-bottom: 0;
}
#home .inner div.all-actu a {
  padding: 15px 0;
  display: block;
}
#home .sidebar {
  display: block;
  padding: 0 10px;
  width: auto;
}
#home .sidebar form {
  position: absolute;
  top: 0;
  left: 0;
  background-color: #f2f2f2;
  width: 96%;
  padding: 10px 2% 0 2%;
  border-bottom: 1px solid #c7c7c7;
}
#home .sidebar form fieldset {
  background-color: #fff;
}
#home .inner > div.actualites .flex-control-nav {
	display:none;
}

/* INNER------------------------------------------------------------*/
#inner {
  /* FAQ-----------------------------------------------------------*/

}
#inner .search .filtre {
  margin: 10px 0 0;
}
#inner .search .filtre li {
  float: left;
  display: block;
  margin-bottom: 10px;
  margin: 0 10px 10px 0;
}
#inner .search .table-fields {
  display: block;
}
#inner .search .table-fields > div {
  display: block;
  margin-top: 15px;
}
#inner .search .table-fields > div:first-child {
  margin-top: 0;
}
#inner .search .table-fields > div label {
  display: inline-block;
  width: 20%;
}
#inner .search .table-fields > div .new-select {
  margin: 0;
}
#inner .search.advanced {
  position: relative;
  padding-bottom: 50px;
}
#inner .search.advanced input[type="submit"] {
  position: absolute;
  left: 1%;
  bottom: 5px;
  width: 98%;
}
#inner .lists > ul > li {
  width: auto;
  float: none;
  margin-left: 0;
}
#inner .lists > ul > li.first {
  margin: 0 0 20px 0;
}
#inner .lists > ul > li:nth-child(odd) {
  margin-left: 0;
}
#inner .lists.annuaire .content {
  padding: 10px 17px 0 17px;
}
#inner .date h2 {
  text-align: center;
}
#inner .date {
  text-align: center;
}
#inner .desc-fiche .visuel,
#inner .desc-fiche .content {
  width: auto;
  display: block;
  float: none;
}
#inner .desc-fiche .content {
  margin-top: 15px;
}
#inner .infos-fiche > div {
  float: none;
  width: 92%;
  margin: 0 auto;
  padding: 4%;
}
#inner .infos-fiche > div:first-child {
  margin-bottom: 30px;
  margin-right: 0;
}
#inner .infos-fiche > div.info-pratique h3 {
  text-align: center;
}
#inner .infos-fiche > div.adress h3 {
  margin-left: 20%;
}
#inner .infos-fiche > div.adress > span {
  margin-left: 20%;
}
#inner #menu-repas .content > div {
  float: none;
  width: auto;
  padding: 0;
}
#inner #menu-repas .content > div > div {
  padding: 5px 3%;
}
#inner #menu-repas .content > div h4 {
  background-color: #f3f3f3;
  background: url("../img/arr-bottom-menu.png") no-repeat scroll right center #f3f3f3;
  padding: 5px 0;
  border-bottom: 1px solid #e6e6e6;
  cursor: pointer;
}
#inner #menu-repas .content > div.open h4 {
  background: url("../img/arr-top-menu.png") no-repeat scroll right center #f3f3f3;
}
#inner #menu-repas .flex-direction-nav a {
  top: 10px;
  left: 15%;
}
#inner #menu-repas .flex-direction-nav a.flex-next {
  right: 15%;
  left: auto;
}
/* FOOTER
--------------------------------------------------------------------------------------------------------------------------------------*/
#footer .top {
  padding: 0;
}
#footer .top li {
  display: block;
  background: none;
  text-align: center;
  padding: 0;
}
#footer .top li a {
  padding: 7px 0;
  border-top: 1px solid #676b6e;
  display: block;
}
#footer .top li:first-child a {
  border-top: 0;
}
#footer .middle {
  padding: 10px 0 0 0;
  text-align: center;
}
#footer .middle > a {
  float: none;
}
#footer .middle .select {
  margin-left: 0;
  text-align: center;
  padding: 12px 0;
  border-top: 1px solid #2f3239;
  margin-top: 14px;
  width: 100%;
}
#footer .middle .select .new-select .select {
  border-top: 0;
}
#footer .bottom {
  padding: 10px 0 10px 90px;
  height:auto;
}
#footer .bottom ul li {
  display: block;
  text-align: left;
  background: 0;
  margin-bottom: 5px;
}
#footer .logo {
  left: 7px;
  bottom: 2px;
  top: auto;
}

#inner .lists > ul > li img {
	/*width: 100%;*/
	height: auto;
}



#home .sidebar .blog, #home .sidebar .prestations, #home .services li {
	text-align: center;
}

#home .sidebar .blog img, #home .sidebar .prestations img {
	width: auto;
}

/* Popin Mobile */
#thepopin-background{
  display:hidden;
  background-color:black;
  position:fixed;
  left:0;
  top:0;
  opacity:0.7;
  z-index:1000;
}

#thepopin{
  display:none;
  position:fixed;
  margin:auto;
}

#thepopin .thepopin-content {
	position:relative;
  background-color: white;
	z-index:1001;
}

#thepopin .close{
  position:absolute;
  right:0;
  top:-30px;
  height:30px;
  line-height: 30px;
  text-transform: uppercase;
  font-size:18px;
  color:white;
  background: url("../img/close_white.png") right center;
  background-size: 17px 17px;
  background-repeat:no-repeat;
  padding-right:24px;
}

#thepopin .head{
  background-color: orange;
  width:100%;
  padding : 20px;
  box-sizing: border-box;
  padding-top:15px;
  padding-bottom:15px;
}
#thepopin .head:after {
  content:"";
  display:table;
  clear:both;
}
#thepopin .head .logo{
  width:90px;
  height:90px;
  background:url("../img/crous_logo_bg-white.png") white center center;
  -webkit-border-radius: 20px;
  -moz-border-radius: 20px;
  border-radius: 20px;
  float:left;
  margin-left:15px;
}
#thepopin .head p{
  font-family: 'bebas_neueregular', Arial, Helvetica, sans-serif;
  color:white;
  text-transform: uppercase;
  width:50%;
  font-size:36px;
  float:right;
  margin-top:10px;
}
#thepopin .content{
  text-align: center;
  text-align: left;
  box-sizing: border-box;
  padding:25px;
}
#thepopin .content .title{
  font-family: 'bebas_neueregular', Arial, Helvetica, sans-serif;
  text-transform: uppercase;
  color:gray;
  font-size:26px;
  margin-bottom:6px;
}
#thepopin .content .text{
  font-size:14px;
  margin-bottom:8px;
}
#thepopin .content .links{
  text-align: center;
}
#thepopin .content .btn{
  width:164px;
	margin: 0 auto;
  height:51px;
  margin-bottom:7px;
  border:none;
	display:block;
}
#thepopin .content .btn-android{background: url("../img/bt-android-market.png") left top no-repeat;}
#thepopin .content .btn-appstore{background: url("../img/bt-appstore.png") left top no-repeat;}
#thepopin .content .btn-windowsstore{background: url("../img/bt-windowsstore.png") left top no-repeat;}