#container {
	max-width: 90%;
	margin: 20px auto;
	font-size: 22px;
	line-height: 30px;
}

/* General Styles
===================================================*/
#container {
    width: 100%;
    overflow: hidden;
}

.content {
    width: 780px;
    margin: 100px auto;
    font-size: 22px;
    line-height: 1.5;
}

.content h1 {
    font-size: 50px;
}


/* basic Menu Styles
===================================================*/
#menuofc {
    display: block;
    width: 300px;
    min-height: 100%;
    top: 0;
    z-index: 9999;
    position:fixed;
    background: #9c002d;
    color: #fff;
    -webkit-transition: left 2s;
    transition: left 2s;
}

#menuofc  .toggled {
    top: 0px;
    left: 300px;
    padding: 10px;
    background-color: #9c002d;
    color: #fff;
    position: absolute;
}

#menuofc span {
display: block;
font-size: 1.8rem;
margin: 20px 10px;
padding-bottom: 10px;
text-align: center;
border-bottom: 1px solid }

#menuofc ul {
    list-style: none;
    margin: 0;
    padding: 0;
}

#menuofc ul li {
    font-size:19px;
}

#menuofc ul li a {
    display: block;
    padding: 10px;
    text-decoration: none;
}

#menuofc ul ul li {
/*     background-color: #2c3e50; */
}

#menuofc ul li a:hover,
#menuofc ul ul li a {
    padding: 10px 10px 10px 30px;
}

#menuofc ul ul li a:hover {
    padding: 10px 10px 10px 60px;
}

#menuofc ul li a,
#menuofc ul li a:hover,
#menuofc ul ul li a,
#menuofc ul ul li a:hover {
    -webkit-transition: padding 0.5s; /* Safari 3.1 to 6.0 */
    transition: padding 0.5s;
}


.ico-langue {display: block;bottom: -5px} 
#tadv-oc { margin-left: auto;
margin-right: auto;
width: 100px;
top:-40px;
position: relative}
/* Hiding and showing stuff
===================================================*/

/* Hiding the checkboxes so only the labels are visible */
#toggled,
input[id^="dropdown"],
ul[class^="dropdown"] {
    display: none;
}

/* Pushing the Menu off the canves */
#menuofc {
    left: -300px; /* must be the same as the width of the menu */
}

/* Showing the menu then the Checkbox is checked */
#toggled:checked + #menuofc {
    left: 0;
    -webkit-transition: left 0.5s; /* Safari 3.1 to 6.0 */
    transition: left 0.5s;
}

input[id^="dropdown"]:checked + ul[class^="dropdown"] {
    height: auto;
    display: block;
}

@media (min-width: 768px) {
	
	.tabs {
		max-width: 750px;
		margin: 50px auto;
	}
}