/*
	Theme Name: HTML5 INSIGHT
	Tags: Blank, HTML5, CSS3
	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {-moz-box-sizing:border-box;box-sizing:border-box;
-webkit-font-smoothing:antialiased; /*Optimisation de l'affichage des typos*/
-moz-osx-font-smoothing:grayscale;
font-smoothing:antialiased;
text-rendering:optimizeLegibility;
filter:alpha(opacity=99); /*Pour Windows & IE*/
}

/* html element 62.5% font-size for REM use */
html {}
body {font-family: 'Alegreya Sans', sans-serif;color:#2a0b37;font-size:16px;overflow-x:hidden;font-weight:400;}

/* clear */
.clear:before,
.clear:after { content:' ';display:table;}
.clear:after {clear:both;}
.clear {*zoom:1;}

img {max-width:100%;vertical-align:bottom;}

a {color:#000;text-decoration:none;}

a:hover {color:#444;}
:hover {-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}

a:focus {outline:0;}

a:hover,a:active {outline:0;}

ul {margin:0;}

input:focus {outline:0;border:1px solid #04A4CC;}

/*------------------------------------*\
    STRUCTURE
\*------------------------------------*/
/*Display none sur le picto de l'enveloppe des memebres sur la home*/
.home .member a.LinkIn{
    display: none!important;
}



.container {width:100%;margin:0 auto;position:relative;}
.NineHundred {width:100%;margin:0 auto;position:relative;max-width:920px;}
.flex {display:flex;display: -webkit-flex;}

/* wrapper */
#wrapper {padding-left:283px;position:relative;}
article * {font-family: 'Alegreya', serif;}

/* header */
#header {background: #fff none repeat scroll 0 0;height: 100%;left: 283px;margin-left: -283px;position: fixed;transition: all 0.5s ease 0s;width: 283px;z-index: 1000;border-right:1px solid #dddddd}
/* logo */
#logo {padding:20px 35px;}
#logo a {display:inline-block;width:205px;height:197px;background:url(/images/legica/legica_logo.png) no-repeat;text-indent: -5000px;margin:0 auto;}
/* nav */
nav {}
nav ul, nav ol {list-style: none; margin: 0; padding: 0;}


/* Bar Widgetisable */
#rightbar {border-top:1px solid #cecece;background:#f1f1f5;}

#leftbar {background:#472158;height:117px;} 

/* footer */
#footer {background:#472158;position: relative; bottom: 0;}
#footer * {color:#d6d6d6;}
#footer ul {padding:40px 0;}
#footer ul li {list-style-type:none;width:14.28%;text-align:center;}
#footer ul li a {font-size:18px;text-transform:uppercase;}

/*------------------------------------*\
    NAVIGATION
\*------------------------------------*/

#nested {padding:30px 0;}
#nested .firstLevel li  {float:left;padding:0;width:250px;border-bottom:1px solid #ddd;margin:0 0 35px 15px;}
#nested .firstLevel li::before {display:inline-block;content:'';background:url(/images/legica/icon_nav_sprite.png) no-repeat 0 0;width:15px;height:15px;}
#nested .firstLevel li.active::before {display:inline-block;content:'';background:url(/images/legica/icon_nav_sprite.png) no-repeat 0 -15px;width:15px;height:15px;}
#nested .firstLevel li a span {font-size:20px;text-transform:uppercase;}
#nested .firstLevel li a:hover span,#nested .firstLevel li.active a span {color:#e3241b;}
#nested .firstLevel li ul, #nested .firstLevel li:hover ul ul, #nested .firstLevel li.sfhover ul ul, #nested .firstLevel ul li:hover ul ul, #nested .firstLevel ul li.sfhover ul ul {height: auto;left: -999em;position: absolute;width: auto;}
#nested .firstLevel li:hover ul,#nested .firstLevel li.sfhover ul{left:263px;z-index:500;position:absolute;background:url(/images/legica/nav_arrow.png),url(/images/legica/niveau2_back.jpg);background-position:2px 25px,0 0;background-repeat:no-repeat,repeat-y;padding:10px 30px 10px 50px;margin-top:-50px;}
#nested .firstLevel ul li {width:205px;padding:25px 0;margin:0;}
#nested .firstLevel ul li::before {display:none;}
#nested .firstLevel li ul li a span {font-size:18px;}

nav.breadcrumb {position:relative;width:100%;font-size:13px;padding:15px 0;background:#f1f1f5;color:#7e7e7e;}
nav.breadcrumb a {color:#7e7e7e;font-family: 'Alegreya', serif;padding:0 7px;font-size:14px;}
.breadcrumb_navigation span:first-child a {padding:0 7px 0 0;}
.breadcrumb_navigation span a {text-decoration:underline;}
.breadcrumb_navigation span:last-child a {text-decoration:none;}

/*------------------------------------*\
    PAGES
\*------------------------------------*/

/* contenu classique */

.banner {width:100%;overflow:hidden;position:relative;}
.banner img {width:100%;}
#container h1 {display:block;position:absolute;width:100%;height: :100%;color:#fff;font-size:45px;font-weight:700;font-variant : small-caps;text-align:center;width:100%;top:40%;margin:0;}
#chapo {background:#f1f1f5;padding:25px 0;border-bottom:2px solid #ea5d18;font-weight:500;}
#text {padding:25px 0;}
#text * {color:#7e7e7e;}
#text a {color:#e3241b;}
#text h2 {color:#472158;font-family: 'Alegreya Sans', sans-serif;font-size:32px;font-variant: small-caps;margin:0;font-weight:400;}
#text h3 {color:#472158;font-family: 'Alegreya Sans', sans-serif;font-variant : small-caps;font-size:26px;margin:0;font-weight:400;}
#text ul {padding:0;}
#text ul li {list-style-type: none;}
#text ul li::before {display:inline-block;content:'';background:url(/images/legica/icon_nav.png) no-repeat;width:20px;height:14px;}
#text ul li ul {padding:10px 0 10px 33px}
/* home */

.home .breadcrumb,.home #container h1 {display: none;}
.home #chapo {display:none;}
.home #text {padding:0;}
.table-row {display:table-row;}
.slide {width:100%;height:100%;vertical-align:middle;text-align:center;position:relative;}
.slide span {position:absolute;top:50%;width:100%;text-align:center;-webkit-transform: translateY(-50%);-ms-transform: translateY(-50%);transform: translateY(-50%);font-size:45px;font-family: 'Alegreya Sans', sans-serif;font-weight:700;text-transform:uppercase;text-align:center;color:#fff!important;}
.slide img {width:100%;}
.home #equipe {background:#5c2476;padding:0 120px}
.home aside#rightbar {display:none;}
.home #rightbar {background:#fff;}
.home #equipe h3 {display:block;width:100%;color:#fff;font-family: 'Alegreya Sans', sans-serif;text-align:center;font-size:32px;text-transform:uppercase;padding:40px 0;background:url(/images/legica/equipe_line.jpg) no-repeat 50% 85px }
.home .member {position:relative;padding:0 17px;width:20%;text-align:center;overflow:hidden;}
.member_visuel {position:relative;height:auto;}
.member_infos {position:relative;}
.member_infos a {position:absolute;top:0;left:0;width:100%;height:100%;opacity:0;background:#ddd;text-indent:-5000px;}
.member_infos a:hover {opacity:0.2;}
.home .member img {text-align:center;margin:20px 0;}
.home .member a.mail {display:inline-block;position:relative;background:url(/images/legica/icon_env.png) no-repeat 50% 50%;width:40px;height:40px;border-radius: 50%;border:3px solid #fff;margin-top:10px;}
.home .member a.mail:hover {border:3px solid #f29115;} 
.home .member p {font-size:20px;color:#fff!important;font-family: 'Alegreya Sans', sans-serif;font-variant : small-caps;margin:0;}
.home .member p:last-child {color:#e9e8e8!important}

.home .members {display:block;width:100%;font-family: 'Alegreya Sans', sans-serif;font-variant : small-caps;text-align:center;padding:35px 0;}
.home .members a {display:inline-block;color:#fff!important;font-family: 'Alegreya Sans', sans-serif;width: 195px;height: 45px;background:url(/images/legica/bt_gradiant.png) no-repeat;font-size:19px;font-weight:400;line-height:45px;}
.home .members a:hover {color:#f08d15!important}

.home .widgetLastElements {padding:0 40px;}
.home .widgetLastElements h4 {display:block;width:100%;color:#472158!important;font-family: 'Alegreya Sans', sans-serif;text-align:center;font-size:32px;text-transform:uppercase;padding:35px 0;margin:0;background:url(/images/legica/equipe_line.jpg) no-repeat 50% 85px;font-weight:400; }
.widgetLastElementsPicture {display:none;}
.home .widgetLastElements .widgetContainer {display:flex;display:-webkit-flex;}
.home .widgetLastElements h3 a,.home .widgetLastElements h3 a span {color:#472158!important;font-family: 'Alegreya Sans', sans-serif;font-size:26px;font-weight:400;text-transform:uppercase;}
.home .widgetLastElements h3 a:hover,.home .widgetLastElements h3 a:hover span {color:#e84b04!important}
.home .widgetLastElements .news {margin:19px;border-bottom:1px solid #e1e1e1;width:100%;padding:0 0 20px 0!important;}
.widgetLastElementsLink,.widgetLastElementsLink span {color:#483694!important;font-variant : small-caps;font-size:16px;font-family: 'Alegreya Sans', sans-serif;font-weight:400;}
.all_actus {display:block;width:100%;font-family: 'Alegreya Sans', sans-serif;font-variant : small-caps;text-align:center;padding:35px 0;}
.all_actus a {color:#472158!important;width: 210px;height: 45px;background:url(/images/legica/all_back.png) no-repeat;display:inline-block;font-family: 'Alegreya Sans', sans-serif;line-height:45px;font-size:19px;}
.all_actus a:hover {color:#e3241b!important}

/* contact */

.contact #chapo {display:none;}
.contact #text #chapo {display:block;}
.contact #text {padding:0;}
.contact .fifty > div {padding:20px!important;}
.contact .fifty h2 {font-weight:600!important;font-size:45px!important;}
.contact .fifty h3 {font-size:26px!important;}
.contact .fifty .description {color:#472158!important;}
.contact .breadcrumb {width:100%;padding:15px 0px;}
.formulaire {padding:15px 0 50px 0;}
.formulaire h4,.formulaire label {display:none;}
.formulaire fieldset {border:none;padding:0;margin:0;}
.formulaire input,.formulaire textarea {background:#f1f1f5;border:none;box-shadow:none;width:100%;padding:20px;margin-bottom:10px;}
.formulaire input:first-letter {color:red;}
.formulaire input#reset {display:none;}
.formulaire input#submitid {background:url(/images/legica/back_send.png) no-repeat;width:142px;height:45px;float:right;font-size:19px;color:#472158;font-family: 'Alegreya Sans', sans-serif;line-height:0;font-variant : small-caps;}
.formulaire input#submitid:hover {color:#e3241b}

/*------------------------------------*\
    ACTUALITES
\*------------------------------------*/

.newsContainer {border-bottom:1px solid #e1e1e1;padding:25px 0;}
.newsContainer h2 {color:#472158;font-family: 'Alegreya Sans', sans-serif;font-size:26px;font-weight:400;text-transform:uppercase;margin:0 0 10px 0;}
.newsContainer .date,.newsContainer .chapoPicture {display:none;}
.newsContainer .description {color:#7e7e7e;}
.newsContainer .author {color:#7e7e7e;}
.newsContainer a,.newsContainer a span {color:#483694!important;font-variant : small-caps;font-size:16px;font-family: 'Alegreya Sans', sans-serif;font-weight:400;}
.pager {padding:20px 0;text-align:center;}
.pager a {color:#7e7e7e;font-size:15px;}
.pager a.pager_active_page {font-weight:600;}

.actualites #widget_contents {display:inline-block;width:100%;background:#f1f1f5;border-bottom:2px solid #ea5d18;}
.actualites #widget_contents .widget {width:100%;margin:0 auto;position:relative;max-width:920px;font-weight:700;font-size:17px;font-family: 'Alegreya', serif;}
.actualites .widgetText p {font-weight:normal;}

/* details */

#news #chapo {display:none;}
#news #text {padding:25px 0}

/*------------------------------------*\
    ANNUAIRE
\*------------------------------------*/

.team .banner {display:none;}
.team {}
.team hr {display:none;}
.team #rightbar {display:none;}
.fifty {width:50%;}
.fifty_picture img {height:100%;width:100%;}
#directory h2 {font-size:45px;font-weight:600;font-variant : small-caps;font-family: 'Alegreya Sans', sans-serif;margin:0;}
#directory .entries {display:flex; display:-webkit-flex;flex-wrap: wrap;-webkit-flex-wrap: wrap;}
#directory .entry {width:33.33%;float:left;;overflow:hidden;border-top:1px solid #dddddd;border-right:1px solid #dddddd;border-left:1px solid #dddddd;}
#directory .entry .picture {max-height:450px;overflow:hidden;}
#directory .entry img {width:100%;}
#directory .entry span {display:inline-block;width:100%;text-align:center;color:#7e7e7e;font-size:17px;padding:20px 0 2px 0;}
#directory .entry a {color:#e3241b;display:inline-block;width:100%;text-align:center;padding:2px 0 20px 0;font-variant : small-caps;font-family: 'Alegreya Sans', sans-serif;}
#directory .entry a:hover {color:#602879}
#directory {display:inline-block;background:#f1f1f5;width:100%;}
.push_annuaire {width:33.33%;float:left;;overflow:hidden;background:#602879;}
.push_annuaire .widgetContainer {margin:33% 15%;text-align:center;}
.push_annuaire .widgetContainer * {color:#fff!important;font-family: 'Alegreya Sans', sans-serif!important}
.push_annuaire .widgetContainer h3 {text-transform: uppercase;font-weight:400;font-size:26px;background:url(/images/legica/h3.png) no-repeat 50% 100%;padding:0 0 15px 0;}
.push_annuaire .widgetContainer a {font-variant : small-caps;}
.push_annuaire .widgetContainer a:hover {color:#e84b04!important;}

.team .breadcrumb .NineHundred {max-width:none;padding:0 25px;}
.fiche * {font-family: 'Alegreya Sans', sans-serif}

.fiche_top {background:#f1f1f5;padding:0px 0 25px 25px;border-bottom:2px solid #ea5d18;}
.fiche h2 {font-weight:700;font-size:42px;font-variant: small-caps;;margin:0 0 10px 0;}
.fiche .linkedin {display:inline-block;background:url(/images/legica/linkedin.png) no-repeat 100% 100%;width:28px;height:28px;position:relative;overflow:hidden;margin:0 5px 0 0;}
.fiche .linkedin a {opacity:0;}
.fiche .viadeo {display:inline-block;background:url(/images/legica/viadeo.png) no-repeat 50%;width:24px;height:28px;position:relative;overflow:hidden;}
.fiche .viadeo a {opacity:0;}
.fiche .tel {color:#290937;font-size:18px;padding:0 0 0 20px;}
.fiche .mail a {color:#7e7e7e;font-size:18px;}
.fiche .cabinet {clear:both;display:block;font-weight:900;font-family: 'Alegrey' !important, serif;font-size:18px;margin:15px 0 0 0;}
.fiche_top p {color:#7e7e7e;margin:0;font-family: 'Alegrey' !important, serif;}
.fiche_content {padding:25px 0;}
.fiche_content > div {display:inline-block;position:relative;float:left;margin:0 25px 15px 0;}
.fiche img {position:relative;max-height:320px;}
.fiche .contenu {position:relative;clear:left;}
.fiche .contenu * {color:#7e7e7e;} 
.fiche .contenu * strong {color:#290937;font-weight:normal;}
.fiche .contenu h3 {font-size:26px;margin:20px 0 10px 0;text-transform:uppercase;font-family: 'Alegrey-sans'!important, sans-serif;font-weight:400;color:#290937;}
.fiche .contenu h3:first-child {margin:0px 0 10px 0}
.fiche .contenu h4 {font-family: 'Alegrey-sans' !important, sans-serif;font-weight:400;color:#290937;}
.fiche .contenu a {color:#e3241b;}
.fiche ul {padding:0;}
.fiche  ul li {list-style-type: none;}
.fiche  ul li::before {display:inline-block;content:'';background:url(/images/legica/icon_nav.png) no-repeat;width:20px;height:14px;}
.fiche a:hover {color:#472158;}
.team_detail .push_annuaire {display:none;}

/*------------------------------------*\
    WIDGETS
\*------------------------------------*/

#leftbar .widget {display:inline-block;border-right:1px solid #72607b;width:33%;height:100%;padding:0 40px;}
#leftbar .widget:first-child {font-size:14px;}
#leftbar .widget:first-child p {margin:45px 0;font-family: 'Alegreya-sans', sans-serif;text-transform:uppercase;}
#leftbar .widget:last-child {border-right:0;}
#leftbar .widget * {color:#fff;}
#leftbar .widget h3 {display:none;}
#leftbar .widget a::after {display:inline-block;content:'';background:url(/images/legica/arrow_lt.png) no-repeat;width:36px;height:21px;margin:0 0 0 15px;position:absolute;-webkit-transition: all 0.5s ease-in-out;
-moz-transition: all 0.5s ease-in-out;
-ms-transition: all 0.5s ease-in-out;
-o-transition: all 0.5s ease-in-out;
transition: all 0.5s ease-in-out;}
#leftbar .widget a {display:inline-block;padding:32px 0;text-transform:uppercase;}
#leftbar .widget a:hover {color:#f08d15}
#leftbar .widget a:hover::after {margin:0 0 0 30px;}

.sign {background:#3d1b4c;padding:10px 0;}
.sign * {font-family: 'Alegreya',serif;font-size:15px;}

#rightbar .widget {border-right:1px solid #cecece;width:50%;background:url(/images/legica/arrow_.png) no-repeat 95% 50%}
#rightbar .widget:hover {background-position:90% 50%;}
#rightbar .widget:last-child {border-right:none;}
#rightbar .widget .widgetContainer {overflow:hidden;}
#rightbar .widget h3 {color:#472158;display:inline-block;width:100%;}
#rightbar .widget h3 a {font-size:32px;text-transform:uppercase;margin:0;font-weight:400;font-family: 'Alegreya Sans', sans-serif;display:inherit;width:100%;padding:20px 35px 0px;color:#472158;}
#rightbar .widget p {margin:0;color:#7e7e7e;}

.widgetShortcutFooter ul li a:hover span {color:#ea5d18!important;}

/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/

@font-face {
	font-family:'Font-Name';
	src:url('fonts/font-name.eot');
	src:url('fonts/font-name.eot?#iefix') format('embedded-opentype'),
		url('fonts/font-name.woff') format('woff'),
		url('fonts/font-name.ttf') format('truetype'),
		url('fonts/font-name.svg#font-name') format('svg');
    font-weight:normal;
    font-style:normal;
}

/*------------------------------------*\
	SPECIFIQUES
\*------------------------------------*/

#mobile {display:none;}


/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/



@media only screen and (-webkit-min-device-pixel-ratio:1.5),
	   only screen and (min-resolution:144dpi) {

}


@media only screen and (max-width:1200px) {
    #header {position:relative;width:100%;padding:0;z-index:0;}
        .breadcrumb {display:none;}
    #headerInner {display:inline-block;margin:0;padding:0;width:100%;}
    #wrapper {padding:0;}
    #mobile {display:block;position:absolute;right:35px;top:55px;}
    #mobile button {;background:url(/images/legica/nav_mobile.png);width:90px;height:90px;border:none;box-shadow:none;text-indent:-5000px;}
    #logo a {background-size:80%;height:160px;}
    #nested {display:inline-block;background:#1c0526;padding:0 35px;width:100%;}
    #nested li {width:100%!important;text-align:center;background:none!important;border-bottom:1px solid #65566b!important;}
    #nested .firstLevel li {padding:15px 0;margin:0;}
    #nested li::before {background:none!important;}
    #nested li a span {color:#fff;}
    #nested .firstLevel li:hover ul, #nested .firstLevel li.sfhover ul,#nested .firstLevel li:focus ul  {position:relative;left:0;margin:0;background:none;display:block;}
    #nested .firstLevel ul li {padding:0;width:100%;border:none!important}
    #nested .firstLevel ul li a span {font-variant:none;}
    .parents > a {background:url(/images/legica/icon_parents.png) no-repeat 100% 50%;padding:0 25px;background-size:12px 8px}
    .parents:hover > a {background:url(/images/legica/icon_parents_open.png) no-repeat 100% 50%;}
    #leftbar {height:auto;}
    #leftbar.flex {display:inline-block;}
    #leftbar .widget:first-child {width:100%;border-bottom:1px solid #72607b;color:#c3c3c3;text-align:center;}
    #leftbar .widget:first-child p {margin:20px 0;}
    #leftbar .widget:first-child br {display:none;}
    #leftbar .widget {width:50%;}
    #leftbar .widget a {font-size:18px;}
    #text {padding:20px 35px;}
    #chapo {padding:25px 35px;}
    .flex {display:inline-block;width:100%;}
    #rightbar .widget {width:100%;border-right:none;}
    #rightbar .widget:first-child {border-bottom:1px solid #cecece;}
    #footer ul {text-align:center;}
    #footer ul li {display:inline-block;width:auto;padding:20px;}
    
    /* home */
    .home .member {width:30%;display:inline-block;}
    .home #equipe {padding:0 35px;}
    .home #equipe > .flex {margin:0 auto;text-align:center;}
    .home .widgetLastElements .widgetContainer {display:inline-block;width:100%;}
    
    /* content spe */
    .fifty {width:100%;}
    .contact #text {padding:0;}  
    .fiche_content {padding:25px 20px;}
    
    element:hover, element:active {
        -webkit-tap-highlight-color: rgba(0,0,0,0);
        -webkit-user-select: none;
        -webkit-touch-callout: none
    }
    
}

@media only screen and (max-width:768px) {
    #directory .entry,.push_annuaire {width:50%;}


}

@media only screen and (max-width:480px) {
    #nested {padding:0;}
    #leftbar .widget {width:100%;border-bottom:1px solid #72607b}
    
    /* home */
    .slide span {font-size:35px;}
    .home #equipe {padding:0 30px;}
    .home .member {width:48%;padding:0 5px}
     #directory .entry,.push_annuaire {width:100%;}
    


}

@media only screen and (max-width:320px) {
    #logo {padding:20px 10px}
    #mobile {right:10px;}

}


/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {background:#04A4CC;color:#FFF;text-shadow:none;}
::-webkit-selection {background:#04A4CC;color:#FFF;text-shadow:none;}
::-moz-selection {background:#04A4CC;color:#FFF;text-shadow:none;}


/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}