@media (min-width: 768px) {
div#c1 {
    display: block;
    float: left;
    width: 25%;
    margin-right: 10px;
}
div#c2 {
    display: block;
    width: 75%;
}
}



div#milieu5 {
    padding-left: 15px;
    padding-right: 15px;
}
.view-officiel p,.view-officiel a ,.view-officiel span{
    font-size: 12px;
}

.breadcrumb {
    text-transform: none;
}
.view-id-officiel h3 {
    font-weight: bold;
    margin: 0px;
}
.view-id-officiel .view-header {
    margin-bottom: 10px;
}

td.views-field.views-field-body {
    max-width: 707px;
}
#c2 .post-title h1, #c2 .post-title  span , #c2 .post-title p,
#c2 .post-title h2, #c2 .post-title h3, #c2 .post-title h4,  #c2 .post-title strong,
#c2 .post-title h5
{
    font-size: 14px !important;
    margin:0;
    line-height: 1.5 !important;
    text-align: initial !important;
    font-weight: 900;
}

#journal .view {
    box-shadow: 1px 1px 12px #ada2a2;
    background-color: #dadada;
    margin-bottom: 20px;
}
#journal .image-accueil {
    float: left;
    width: 100px;
    margin-right: 10px;
}
#block-views-journal-block-1 .image-accueil img,  #journal .image-accueil img{
    display: block;
    width: auto;
    margin: 5px auto;
   height: auto;
}


#journal .image {
    border-bottom: 1px dotted gray;
}


#block-views-journal-block-1 .title-accueil h1,
#block-views-journal-block-1 .title-accueil h2,
#block-views-journal-block-1 .title-accueil h3,
#block-views-journal-block-1 .title-accueil h4,
#block-views-journal-block-1 .title-accueil h5,
#block-views-journal-block-1 .title-accueil span,
#block-views-journal-block-1 .title-accueil strong,
#block-views-journal-block-1 .title-accueil p
{
    font-size: 14px !important;
    line-height: 1.5 !important;
    text-align: initial !important;
    font-weight: 900 !important;
    color: #4b4b4b;
}
#journal .title-accueil h1,
#journal .title-accueil h2,
#journal .title-accueil h3,
#journal .title-accueil h4,
#journal .title-accueil h5,
#journal .title-accueil span,
#journal .title-accueil p,
#journal .title-accueil strong
{
color:black;
font-size: 18px !important;
line-height: 1 !important;
text-align: initial !important;
margin: 5px auto;
font-weight: 900 !important;

}

#journal span ,#journal p {
    font-size: 11px !important;
}
.view-header {
    background: #217dc4;
    display: block;
    padding: 5px 10px;
    margin: 0;
    color: white;
    height: 35px;
}
.view-header h4{
    font-weight: bold;
}

div#evenement .view-header{
    background-color: #CC0000;
}
div#evenement .view-header h4 {
margin-top: 0px;
}
div#evenement .media-item{
margin-bottom: 0px;
}
div#evenement .content{
display:none;
}
#block-views-event-block-block-1 .view-content {
    padding: 10px;
    background-color:white;
}
#evenement .view-content{
    padding: 10px 0;
    background-color:white;
}

div#evenement {
    margin-bottom: 20px;
}
#portfolio2 .description p,#portfolio2 .description span{
    font-size: 12px !important;
}

#fassad {
    display: block;
    
}
#maalouma {
    display: block;
    margin-top: 10px;
}
.slider-carousel {
    max-width: 525px;
    display: block;
    margin: 10px auto;
    height: 68px;
    overflow: hidden;
}
ul.slides {
    background-color: white;
}
#carousel img {
    max-height: 86px;
    width: auto;
}

#portfolio1 .media-caption h2{
font-size: 12px;
}

#portfolio1 .media-header{
    display:block;
    height: 115px;
}

#portfolio1 .media-button {
    height: 45px;
    display: block;
    overflow: hidden;
}

#portfolio1 .media-description {
    display: block;
    height: 103px;
    overflow: hidden;
    max-width: 255px;
}

#portfolio1 .media-description p{
line-height: 2em;
}

#portfolio1 .media-item{
height: 265px;
}

#photo-album .date,
#video-album .date,
#portfolio3 .date,
#portfolio2 .date{
font-size: 12px;
display: block;
float: right;
width: 75%;
padding-top: 15px;
}

#photo-album #bas,
#video-album #bas,
#portfolio3 #bas,
#portfolio2 #bas{
display: block;
width: 100%;
border-bottom: 1px solid rgb(238, 238, 238);
padding: 0px 0px 7px;
}

#photo-album .b-left,
#video-album .b-left,
#portfolio3 .b-left,
#portfolio2 .b-left {
    display: block;
    float: left;
    width: 20%;
}
#portfolio3 .description{
    display: block;
    height: 65px;
    overflow: hidden;
    font-size:11px;
}
#portfolio3 .related-title a{
   font-size:14px;
}
#article_block3 .col-lg-3.col-md-3.col-sm-6.mix {
float:right;
}


#evenement p, #evenement .date{
display:none;
}
#evenement .view{
margin-left:0;
margin-right:0;
}


#resumer-id {
    padding-left: 20px;
    padding-right: 20px;
    margin-top:20px;
    display: block;
}
#resumer-id iframe{
width:100%;
}
#resumer-id #bas{
display:none;
}
#block-views-journal-block-1 .view-header,#journal .view-header{
    background-image: url(/sites/default/files/sahafa.png);
    background-size: 100%;
}

#block-views-journal-block-1 h3 a,#block-views-journal-block-1 h3 a:hover,
#journal h3 a,#journal h3 a:hover{
    color: white;
    font-weight: bold;
    text-shadow: 2px 2px 4px #000000;
}

#journal1 h6 a{
    display: block;
    font-size: 14px;
    font-weight: 100;
}
#journal h6 {
    margin: 10px auto;
}


#block-views-journal-block-1 h3,#journal h3{
    color:white;
    margin: 0px auto;
    text-align: center;
    font-size: 21px;
}
#journal .image img{
     width: 170px;
    height: auto;
    margin: 0px auto;
    display: block;
    padding: 15px 0px;
    max-height: 65px;
}

#journal .view-content{
    background: #fdf5e8;
    display: block;
    padding-left: 10px;
    padding-right: 10px;
}

#journal h2{
    background: rgb(33, 125, 196) none repeat scroll 0% 0%;
    color: white;
    padding-left: 10px;
    font-size: 21px;
    border-bottom: 4px solid rgb(204, 0, 0);
}

#article_block .region.region-content{
    background-color: white;
}


#article_block .portfolio-single h6{
    display: block;
    padding: 5px 10px;
    background: #579dd9;
    margin: 0;
    color: white;
}

#article_block3 .media-item.gallery-media{
 height:350px;
}


#fb {
    padding-left: 20px;
    padding-right: 20px;
    padding-top: 10px;
    padding-bottom: 20px;
    display: block;
    background-color: white;
    border-radius: 5px;
}

#fb a {
    border-bottom: 5px solid #c4c7cb;
}


.project-details{
width: 300px;
float:right;
}

.media-caption {
    padding-left: 3%;
}

.row-separator-caption{
font-weight: bold;
}

.media-format>div {
    width:auto;
    height: auto;
    padding:10px;
}


#logo {
display: block;
width: 174px;
margin-left: auto;
margin-right: auto;
}

#block-search-form {
display: block;
width: 100%;
}
#block-search-form #search-block-form  input[type="text"] {
border-radius: 5px;
height:38px;
width:50%;
}

#block-views-event-block-block-1#navigation li > .dropdown-button{
width: 100%;
}

#block-views-blog-other-stories .blog-post p {
    font-size: 12px;
    overflow: hidden;
    text-overflow: ellipsis;
    text-align: left;
    padding: 5px 10px 0px 10px;
    color: white;
    margin:0px;
}

#block-views-event-block-block-1 .upcoming-events .event-content h6{
line-height: 1.5!important;
}

#visit_ar_fr{
display:block;
color: white;
text-align: center;
padding: 8px;
font-size: 18px;
font-weight: bold;
}



#block-block-1 span{
display:block;
border-bottom: 5px solid #c4c7cb;
font-size: 18px;
font-weight: bold;
margin-bottom:10px;
}


#block-block-29 a.button.big, button.big{
padding: 11px 20px;
width: 180px;
}

#block-block-29 p{
margin:0px;
}

.panels-flexible-10 {
	margin-bottom: 12px;

}
#navigation li>a, #navigation li>span {
    font-size: 22px;
}

.customize-box{
	display:none!important;}
/*body {
	background: url(../img/bk.jpg) repeat;
}*/
#block-twitter-block-1 ,#block-block-23 {
    outline: none;
    position: relative;

    width: 500px;
    display:inline-block;
    margin-left: 66px;
}
#block-block-23
{background: url(/sites/default/files/public/facebook_fr.jpg);
    padding-top: 64px;
    background-repeat: no-repeat;
}
#block-twitter-block-1{
background: url(/sites/default/files/public/twitter_fr.jpg);
    padding-top: 64px;
    background-repeat: no-repeat;
}

#block-views-blog-block-2{
margin-top:50px;
}

.panels-flexible-region-4-center{
width:100%!important;}

#block-twitter-block-1 h3{
display: none;	}


.image-banner a , .image-banner a:hover {
    background: #217dc4;
    color: white;
    padding-bottom: 10px;
    padding-top: 10px;
    font-size: 20px;
}


.image-banner img{
border-bottom: 1px solid rgb(39, 68, 114);
}

.view .date-nav-wrapper .date-prev {
top:-14px;
}
.view .date-nav-wrapper .date-next {
top:-14px;
}
.submitted{
display: none!important;
}
.language-switcher-locale-url ul {
 padding:0;
 margin:0;
 list-style-type:none;
 }
.language-switcher-locale-url li {
 margin-left:2px;
 float:left; /*pour IE*/
 list-style-type:none;
 margin-right:20px;
 font-size: 18px;
 }
#block-locale-language h3 {
display:none;
}
 .bk-title{margin: 0px; padding: 5px 7px;}

 .bk-title a { color:#fff } 
.page-heading{
/* background:url(/sites/default/files/public/bandeRS_1.PNG);
background-repeat: repeat-x; */
background: #DEDFE1;
}

.gallery-media img {
    height: 100% !important;
}
.media-items .mix {
   
/*    height: 600px !important;*/
}
.divider {
    margin: 68px 0;
}
.media-format>div {
margin-left: 12px;
}
.filter-dropdown {
    width: auto;
}
.filter-dropdown>li>span:after {
position: static;
}
.box22 h2{
    margin: 0px 0 23px !important;
}


.media-caption h2{
    display: -webkit-box;
    max-width: 100%;
    font-size: 15px;
    -webkit-line-clamp: 4;
    -webkit-box-orient: vertical;
    overflow: hidden;
    text-overflow: ellipsis;

}               


.social-share { 
margin:0px;
}

.posfr {
    float: left!important;
    position: absolute;
    top: 40%;
}

.bk-title{
height:100px;
background-color:#00588a;
}

#block-views-blog-other-stories .blog-post{
background-color:#00588a;
height: 340px;
}
#block-views-blog-other-stories .blog-post .button {
display: block;
margin-left: auto;
margin-right: auto;
margin-bottom: 10px;
width:172px;
text-align: center;
height: 46px;
padding: 13px 20px;
}
#block-views-blog-other-stories .owl-header p {
font-size: 18px;
font-weight : bold;
text-transform: uppercase;
border-bottom: 5px solid #c4c7cb;
}
#block-views-blog-block-2 .view-header h3{
border-bottom: 5px solid #c4c7cb;
font-size: 18px;
font-weight : bold;
}
#block-block-1 .sidebar-box h3{
border-bottom: 5px solid #c4c7cb;
font-size: 18px;
font-weight : bold;
}
#block-views-event-block-block-1 .view-header p{
border-bottom: 5px solid #c4c7cb;
font-size: 18px;
font-weight : bold;
}

#block-system-main {
    margin-left: none;
    width: none;
}		

.tp-caption{
color:white;
position: absolute;
left:0px!important; 
bottom: 0px!important;
padding:15px;
background-color:rgba(0,0,0, 0.5)!important;
height:100px;
width:100%!important;
overflow:hidden;
text-align:left;
white-space: normal;
line-height: 3em;
white-space: normal;

}
.tp-caption a{
color:white;
font-size:2em;
white-space: normal;
}
.tp-caption h3{
font-size:2em;
white-space: normal;
}
.tp-caption a .button .big{
margin:0 auto!important;
}

.fb-page, 
.fb-page span, 
.fb-page span iframe[style] { 
    width: 100% !important;
height: 130px !important;
    margin-bottom: 12px; 
}

a.language-link {
    color: #fff;
}
#main-header {
padding-top: 0px !important;
    padding-bottom: 0px !important;
    height: 150px ;
}

.col-lg-3 col-md-3 col-sm-6 twitter-widget-area animate-onscroll {
background: #005B8B;
}

#block-logintoboggan-logintoboggan-logged-in a {
    color: white;
}
#navigation>li {
    padding: 0px;
}


.media-items .mix {
    float: left !important;
    margin-bottom: 12px;
}

.pos{
float:left;
}

.bk-title{
    white-space:normal;
    max-height:50%; 
    width: 100%; 
    overflow: hidden;
    text-overflow: ellipsis; 
   
    -o-text-overflow: ellipsis; /* pour Opera 9 */
   
}



#block-menu-menu-footer-menu-2 a{
color:white;
}
#block-menu-menu-footer-menu a{
color:white;
}

#block-menu-menu-footer-menu-2 {
margin-top:-30px;
}
#block-menu-menu-footer-menu {
margin-top:-30px;
}



#lower-footer { padding-top: 0px; }

.page-heading {
	padding-top: 12px;
    padding-bottom: 12px;
}

.page-heading h1 {
font-size: 28px !important;
 font-weight: normal
}
 .page-heading .breadcrumb {
 display: block;
 }


html.js fieldset.collapsed .fieldset-legend{
background-image:none;
}

a.button.big, button.big {
    background: url("/sites/default/files/suivant.png") no-repeat!important;
    border: none;
    color: transparent;
    width: 32px;
    height: 12px;
    display: block;
    float: left;
    margin: 15px;
}
a.button.transparent, button.transparent{
    background: url("/sites/default/files/suivant.png") no-repeat!important;
    border: none;
    color: transparent;
    width: 32px;
    height: 12px;
    display: block;
    float: left;
    margin: 15px;
}
a.button:hover{
color:transparent;
}


#block-block-18 a.button,#block-block-24 a.button.big{
background: #63b2f5 !important;
border-top-color: #7cc5f8;
border-bottom-color: #579dd9;
}

#block-views-blog-other-stories a.button{
background:url("/sites/default/files/bouton1.png") no-repeat !important;
border-top: none;
border-bottom:none;
}
#block-views-blog-other-stories .blog-post .button:hover{
background:url("/sites/default/files/bouton1.png") no-repeat !important;
color:#00588A;
}



#block-block-24 a.button.big{
width: 150px;
height: 40px;
padding: 10px;
}

.gray-bg {
    padding-top: 10px;
    padding-bottom: 0px;
}

.block-simplenews h3{
line-height: none;
margin: 0px 0 23px;
}


#block-views-blog-other-stories h4{
font-size: 13px;
}


.post-des p,.post-des span {
    font-size: 11px !important;
    color: black !important;
}

.upcoming-events .event-content h6 {
font-size: 14px;
}

.button.big.button-arrow.one {
float: right;
}
.button.big.button-arrow-before.two{
float:left;
}


#block-logintoboggan-logintoboggan-logged-in .username {
display:none;
}
#block-logintoboggan-logintoboggan-logged-in a{
width: 127px;
height: 40px;
padding: 11px;
background: #63b2f5 !important;
border-top-color: #7cc5f8 !important;
border-bottom-color: #579dd9 !important;
border-radius: 5px;
}

#navigation li > a, #navigation li > span {
    font-size: 19px;
    font-weight: bold;
}
.page-heading h1 {
    font-weight: bold;
}

#footer h3,#main-footer h3 a{
font-weight: bold;
font-size: 12px;
color: #666666;
text-align: right;
padding-right: 10px;
}
.ft a{
font-size: 11px;
color: #666666;
}

img#fi {
    height: 50px;
    width: auto;
    margin-bottom: 5px;
}
#fpi {
    padding-left: 5000px;
    padding-right: 5000px;
    margin-left: -5000px;
    margin-right: -5000px;
}

#main-footer {
    padding-left: 5000px;
    padding-right: 5000px;
    margin-left: -5000px;
    margin-right: -5000px;
}

#lower-footer{
    padding-left: 5000px;
    padding-right: 5000px;
    margin-left: -5000px;
    margin-right: -5000px;
}
#block-views-blog-block-2 a.button.big, button.big{
padding: 12px 6%;
}

#video-album , #photo-album {
    background: white;
    display: block;
    max-width: 750px;
    margin: auto;
}
#photo-album #content {
    padding: 10px;
}

#blog img {
    max-height: 700px;
    padding-right: 10px;
}

#blog .blog-image {
    margin: 5px 15px 5px 0px;
    display: block;
    float: left;
}

#blog .blog-description {
    display: block;
    text-align: justify;
    padding-right: 10px;
}

#article_block3 .view-header {
    margin: 10px 0;
}

/****page jounal****/

#block-views-journal-block-1 .view-content {
    padding: 0px 10px;
}
#block-views-journal-block-1 .view-footer {
    display: block;
    height: 40px;
}

#block-views-journal-block-1 ul{
    padding: 0;
}

#block-views-journal-block-1 h6 {
    margin: 10px auto;
}

#block-views-journal-block-1 li {
    display: table;
    border-bottom: 1px solid #eee;
    margin: 0px;
}

#block-views-journal-block-1 {
    background-color: white;
    margin-top: 20px;
}

.node-journal {
    background-color: white;
    padding: 10px;
}
.node-journal .field-name-field-image-journal img{
    display: block;
    width: 170px;
    height: auto;
    margin: 0px auto 10px;
}
.node-journal .field-name-field-article-journal img{
    display: block;
    margin: 20px auto;
    height: auto;
}
.node-journal .field-name-title-field .field-item.even {
    font-size: 20px;
    font-weight: 900;
    margin: 30px auto;
    text-align: center;
}	
.node-journal .field-name-body .field-item.even , .field-name-body .rtejustify{
    font-size: 14px;
    color: black;
    font-weight: 100;
}	

.view-calendar .view-header {
    background-color: transparent;
    color: black;
}
.calendar-calendar .week-view div.single-day .view-item, .calendar-calendar .day-view div.single-day .view-item {
         position: initial;
}