/* cmsms stylesheet: Layout300 - SAHIV modified: 13/12/2024 23:07:21 */
div#pagewrapper {
	max-width: 479px;
	min-width: 300px;
}
div#header h1 a {
	background: url(https://www.sahiv.com/uploads/sahiv/logo_300.png) no-repeat 5px 5px;
	height: 75px;
        width: 77px;
}
div#header h1 {
        width: 77px;
	background: url(https://www.sahiv.com/uploads/sahiv/logo_300.png) no-repeat 5px 5px;
}
div#name_site {
	font-size: 1.3em;
	margin: 10px 0px 0px 80px;
/*        width:auto; */
}
div#name_site span {
/*	font-size: 0.6em; */
        
}
div#header_accueil {
margin: 40px 5px 0 0 ;
}
div#header_contact {
margin: 40px 5px 0 0 ;
}
div#search {
	margin: 0 0.5em;;
}
input.search-input {
        width:175px;
}
#menu_vert {
/* no margin/padding so it fills the whole div */
	display:none;
}

/* Menu pour mobile */
#menu_mobile {
        display:block;
        position:absolute;
        width:100%;
        margin-top:20px;
        right:0;
        z-index:999;
}

body{ -webkit-animation: bugfix infinite 1s; }
@-webkit-keyframes bugfix { from {padding:0;} to {padding:0;} }

#toggle, .toggle { display: none; z-index: 100; }
.toggle:after {
content: 'Menu de navigation';
display: block;
width: 100%;
padding: 10px 0;
background: #1d8ed2;
text-align: center;
font-size: 1.8em;
font-weight: bold;
color: #fff;
}

.toggle:hover:after {
background: #fff;
color:#1d8ed2;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}

#toggle:checked + .toggle:after {
content: 'Fermer';
}

ul.menu { display: none; opacity: 0; width: 100%; position: absolute; right: 0; }
ul.menu li { display: block; width: 100%; margin: 0; }
    ul.menu li li { width: 100%;}
ul.menu li ul { display: block; width: 100%; margin-left: 5px; }
ul.menu li a { display: block; width: 100%; text-decoration: none; }
.toggle { display: block; position: relative; cursor: pointer; -webkit-touch-callout: none; -webkit-user-select: none; user-select: none; }
#toggle:checked ~ ul.menu { display: block; opacity: 1;}
    /* added blue triangles*/
    li.menuactive    a.menuactive span{position:relative}
    li.menuactive    a.menuactive span:before{
      position: absolute;
      top:-2px;
      left:-14px;
    content:"";
    border-top:8px solid transparent;
    border-bottom:8px solid transparent;
    border-left:8px solid #1d8ed2;}

ul.menu {
background: #fff;
}

ul.menu li {
display:block;
list-style-type: none;
}

ul.menu,
ul.menu li,
ul.menu li a, {
height: auto;
}

ul.menu li a {
padding: 10px 5px;
width: 100%;
font-size: 1.2em;
font-weight: 700;
color: #1d8ed2;
}

ul.unli ul.unli{
margin-left: 5px!important;
}

ul.menu li ul.unli li a {
font-weight:normal;
color: #472b5b;
margin-left: 5px;
}
ul.menu li ul.unli li a:hover,
ul.menu li ul.unli li a:focus {
background: #472b5b;
color:#fff;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
ul.menu li a:hover,
ul.menu li a:focus {
background: #1d8ed2;
color:#fff;
-webkit-transition: all 0.25s linear;
-moz-transition: all 0.25s linear;
-o-transition: all 0.25s linear;
transition: all 0.25s linear;
}
/* Fin du menu pour mobile */

div#content-top .bandeau-pc {
display:none;
}
div#content-top .bandeau-mobile {
display:block;
}

div.back1 {
	margin-left: 1%;
	margin-right: 1%;
        width:98%;
}
div#main .main50_left {
width: 98%; margin: 0 1%; float: left;
}
div#main .main50_right {
width: 98%; margin: 0 1%; float: right;
}
div#main .main-ul50_right {
margin: 600px 0 0 0;
}
div#main .main25_left {
width: 100%; text-align: center; float: left;
}
div#main .main25_left img{
       width:150px;
       height:auto;
}
div#main .main100 img{
       width:150px;
       height:auto;
}div#main img {
       max-width:280px;
       min-width:20px;
       height:auto;
}
div#main .gallery img {
	height: 120px;
	width: 120px;
	float: left;
	margin: 2px;
	text-align: center;
}
div#main .gallery_AE .ae-gallery img {
	height: auto;
	width: 60px;
}
div#main .gallery_AE .ae-gallery .ae-image img {
	height: 225px;
	width: 300px;
}
div#main .ae-gallery {
  width: 300px;  /* set the width of the thumbrow */
  margin-bottom: 30px;
}
div#main .ae-gallery .ae-image-wrapper {
    width: 100%; /* set the maximum width and height of the big image. Bigger images will be scaled down automatically by the script */
    height: 225px;
    margin-bottom: 10px;
    position: relative;
    overflow: hidden;
    border: 2px solid #ddd;
  }
div#main .main-asso img {
   width:100px;
   height:auto;
}
div#main .NewsSummary {
        width:95%;
}
div#main .calendar-event img {
width:124px;
haight:auto;
}
div#main .calendar-event2 img {
width:65px;
haight:auto;
}
div#main .main_iframe {
margin: 0 auto; 
width: 300px; 
height: 194px;
}
div#main .actu-pc {
display:none;
}
div#main .actu-mobile {
display:block;
}
div#sidebar {
/* set sidebar left. Change to right, float: right; instead, but you will need to change the margins. */
	float: right;
/* sidebar width, if you change this change div.back and/or div.back1 margins */
	width: 96%;
/* FIX IE double margin bug */
	display: inline;
/* the 20px is on the bottom, insures space above footer if longer than content */
	margin: 0px 2%;
	padding: 0px;
/* you can set your own image here */
}

div.footback {
	max-width: 479px;
	min-width: 300px;
}
p.footer_left {
width: 100%; float: left;
}
p.footer_right {
width: 100%; float: right; text-align: center;
}

div#main .calendar-event img{
width:124px;
height:auto;
}
div#main .calendar-event2 img{
width:65px;
height:auto;
}