/* cmsms stylesheet: Menu Vertical - SAHIV 4 modified: 29/09/2016 16:09:23 */
/******************** MENU *********************/
#menu_vert4 {
	margin: 0;
	padding: 0;
}
#menu_vert4 ul {
/* remove any bullets */
	list-style: none;
/* margin/padding set in li */
	margin: 0px;
	padding: 0px;
}
#menu_vert4 ul ul {
	margin: 0;
/* padding right sets second level li in on right from first li */
	padding: 0px 5px 0px 0px;
/* replaces bottom of li.menuactive menuparent, looks like li below it, set in 5px more, is sitting on top of it */
}
#menu_vert4 li {
/* remove any bullets */
	list-style: none;
/* negative bottom margin pulls them together, images look like one border between */
	margin: 0px 0px -1px;
/* bottom padding pushes "a" up enough to show our image */
	padding: 0px 0px 4px 0px;
}
#menu_vert4 li.currentpage {
	padding: 0px 0px 3px 0px;
}
#menu_vert4 li.menuactive {
	margin: 0;
	padding: 0px;
/* replaced by image in ul ul */
	background: none;
}
#menu_vert4 li.menuactive ul {
	margin: 0;
}
#menu_vert4 li.activeparent {
	margin: 0;
	padding: 0px;
}
/* fix stupid IE6 bug with display:block; */
* html #menu_vert4 li {
	height: 1%;
}
* html #menu_vert4 li a {
	height: 1%;
}
* html #menu_vert4 li hr {
	height: 1%;
}
/** end fix **/
/* first level links */
div#menu_vert4 ul li a {
	display: block;
	padding: 0.3em 0.3em 0.3em 1.5em;
	color: #ffffff;
	text-decoration: none;
        background:#f78300;
        border-bottom:2px solid #333333;
        height:30px;
        line-height:30px;
-webkit-border-top-left-radius: 5px;
-webkit-border-top-right-radius: 5px;
-moz-border-radius-topleft: 5px;
-moz-border-radius-topright: 5px;
border-top-left-radius: 5px;
border-top-right-radius: 5px;
transition:All 1s ease-in-out;
-webkit-transition:All 1s ease-in-out;
-moz-transition:All 1s ease-in-out;
-o-transition:All 1s ease-in-out;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}

div#menu_vert4 ul li ul li a {
	display: block;
	padding: 0.3em 0.3em 0.3em 1.5em;
	color: #f78300;
	text-decoration: none;
        background:none;
        border-bottom:2px solid #333333;
        height:20px;
        line-height:20px;
-webkit-border-top-left-radius: 0px;
-webkit-border-top-right-radius: 0px;
-moz-border-radius-topleft: 0px;
-moz-border-radius-topright: 0px;
border-top-left-radius: 0px;
border-top-right-radius: 0px;
transition:All 1s ease-in-out;
-webkit-transition:All 1s ease-in-out;
-moz-transition:All 1s ease-in-out;
-o-transition:All 1s ease-in-out;
transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-webkit-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-moz-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-o-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
-ms-transform: rotate(0deg) scale(1) skew(0deg) translate(0px);
}
div#menu_vert4 ul li a:hover {
        border-bottom:2px solid #f78300;
        background:#333333;
}
div#menu_vert4 ul li ul li a:hover {
        border-bottom:2px solid #f78300;
        background:#333333;
}
div#menu_vert4 ul li a.current, div#menu_vert4 ul li ul li a.current {
        color:#333333;
        font-weight:bold;
        font-size: 1.1em;
}

div#menu_vert4 ul li a.current:hover, div#menu_vert4 ul li ul li a.current:hover {
        color:#fff;
}
div#menu_vert4 a.activeparent:hover {
	color: #595959;
}
/* active parent, that is the first level parent of a child page that is the current page */
div#menu_vert4 li.activeparent {
/* you can set your own image here */
	background: transparent url(https://www.sahiv.fr/uploads/ngrey/liup.gif) no-repeat right -65px;
/* white to contrast with background image */
	color: #fff;
}
div#menu_vert4 li.activeparent a.activeparent {
/* you can set your own image here */
	background: transparent url(https://www.sahiv.fr/uploads/ngrey/libk.gif) no-repeat right top;
/* to contrast with background image */
	color: #000;
}
div#menu_vert4 li a.parent {
/* takes left padding out so span image has room on left */
	padding-left: 0em;
}
div#menu_vert4 ul ul li a.parent {
/* increased padding on left offsets it from one above */
	padding-left: 0.9em;
}
div#menu_vert4 li a.parent span {
	display: block;
	margin: 0;
/* adds left padding taken out of "a.parent" */
	padding-left: 1.5em;
/* arrow on left for pages with children, points down, you can set your own image here */
	background: transparent url(https://www.sahiv.fr/uploads/ngrey/active.png) no-repeat 2px center;
}
div#menu_vert4 li a.parent:hover {
/* removes underline hover effect */
	text-decoration: none;
}
div#menu_vert4 li a.parent:hover span {
	display: block;
	margin: 0;
	padding-left: 1.5em;
/* arrow on left for pages with children, points right for hover, you can set your own image here */
	background: transparent url(https://www.sahiv.fr/uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_vert4 li a.menuactive.menuparent {
/* sets it in a little more than a.parent */
	padding-left: 0.35em;
}
div#menu_vert4 ul ul li a.menuactive.menuparent {
/* sets it in a little more on next level */
	padding-left: 0.99em;
}
div#menu_vert4 li a.menuactive.menuparent span {
	display: block;
	margin: 0;
/* to contrast with non active pages */
	font-weight: bold;
	padding-left: 1.5em;
/* arrow on left for active pages with children, points right, you can set your own image here */
	background: transparent url(https://www.sahiv.fr/uploads/ngrey/parent.png) no-repeat 2px center;
}
div#menu_vert4 li a.menuactive.menuparent:hover {
	text-decoration: none;
	color: #18507C;
}
div#menu_vert4 ul ul li a.activeparent {
	color: #fff;
}
/* current pages in the default Menu Manager template are unclickable. This is for current page on first level */
div#menu_vert4 ul h3 {
	display: block;
/* some air for it */
	padding: 0.8em 0.5em 0.5em 1.5em;
/* this will be link color for all levels */
	color: #000;
/* instead of the normal font size for <h3> */
	font-size: 1em;
/* as <h3> normally has some margin by default */
	margin: 0;
/* you can set your own image here, same as "a" */
	background: transparent url(https://www.sahiv.fr/uploads/ngrey/libk.gif) no-repeat right top;
}
/* next level current pages, more padding, smaller font and no background color or bottom border */
div#menu_vert4 ul ul h3 {
	font-size: 90%;
	padding: 0.8em 0.5em 0.5em 2.8em;
/* you can set your own image here, same as "a" */
	background: transparent url(https://www.sahiv.fr/uploads/ngrey/libk.gif) no-repeat right top;
	color: #000;
}
/* current page on third level, more padding */
div#menu_vert4 ul ul ul h3 {
	padding: 0.6em 0.5em 0.2em 3em;
}
/* BIG NOTE: I didn't do anything to these, never tested */
/* section header */
div#menu_vert4 li.sectionheader {
	border-right: none;
	padding: 0.8em 0.5em 0.5em 1.5em;
	background: transparent url(https://www.sahiv.fr/uploads/ngrey/libk.gif) no-repeat right top;
	line-height: 1em;
	margin: 0;
        color: #18507C;
        cursor:text;
}
/* separator */
div#menu_vert4 .separator {
	height: 1px !important;
	margin-top: -1px;
	margin-bottom: 0;
	-padding: 2px 0 2px 0;
	background-color: #000;
	overflow: hidden !important;
	line-height: 1px !important;
	font-size: 1px;
/* for ie */
}
div#menu_vert4 li.separator hr {
	display: none;
/* this is for accessibility */
}
/* cmsms stylesheet: Head - SAHIV 4 modified: 14/09/2016 17:27:39 */
/* HEADINGS */
div#content h1 {
/* font size for h1 */
	font-size: 2em;
	line-height: 1em;
	margin: 0 0 0.5em 0;
        color:#f78300;
        background:url(https://www.sahiv.fr/uploads/sahiv/h1-sahiv_4.png) no-repeat left top;
        padding-left:40px;
  font-weight:lighter;
}
div#content h2 {
	color: #333333;
/* font size for h2 the higher the h number the smaller the font size, most times */
	font-size: 1.5em;
	text-align: left;
	line-height: 1.5em;
/* and some air under the border */
	margin: 0 0 0.5em 0;
}
div#content h2 a {
	color: #333333;
	font-size: 0.8em;
}
div#content h3 {
	color: #333333;
	font-size: 1.5em;
	line-height: 1.3em;
	margin: 0 0 0.5em 0;
}
div#content h4 {
	color: #294B5F;
	font-size: 1.2em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
div#content h5 {
	color: #294B5F;
	font-size: 1.1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
h6 {
	color: #294B5F;
	font-size: 1em;
	line-height: 1.3em;
	margin: 0 0 0.25em 0;
}
/* END HEADINGS */
