/* ------------------------------------------------------------ *\
	Base
\* ------------------------------------------------------------ */

body { font-family: 'Open Sans', sans-serif; font-size: 13px; line-height: 1.54; color: #787880; font-weight: 400; font-style: normal; text-transform: none; text-decoration: none; letter-spacing: 0; word-spacing: 0; text-shadow: none; min-width: 100%; background: #f2f2f2; }

.shell { max-width: 1150px; padding: 0 20px; margin: auto; }

.cols { margin: 0 -20px; }
.cols .col { width: 50%; float: left; padding: 0 20px; }

.cols-secondary .col { padding-bottom: 20px; }
.cols-secondary .col + .col { border-left: 3px dashed #e6e6e5; }

.cols-secondary + .cols-secondary { border-top: 3px dashed #e6e6e5; }
.cols-secondary + .cols-secondary .col { padding-top: 20px; padding-bottom: 0; }

/* ------------------------------------------------------------ *\
	Clear
\* ------------------------------------------------------------ */

.cols:after,
.clear:after,
.shell:after,
.form-row:after,
.section-cols:after,
.section-container:after { content: ''; line-height: 0; display: table; clear: both; }

/* ------------------------------------------------------------ *\
	Links
\* ------------------------------------------------------------ */

a { color: inherit; }

/* ------------------------------------------------------------ *\
	Headings
\* ------------------------------------------------------------ */

h1,
h2,
h3,
h4,
h5,
h6 { font-family: 'Hind', sans-serif; }

h1 { font-size: 42px; line-height: 1.24; font-weight: 300; }
h2 { font-size: 22px; line-height: 1.64; font-weight: 600; }
h3 { font-size: 20px; line-height: 1.45; font-weight: 600; }
h4 { font-size: 16px; line-height: 1.35; font-weight: 600; }
h5 { font-size: 14px; line-height: 1.5; font-weight: 600; }
h6 { font-size: 12px; line-height: 1.4em; font-weight: 700; }

/* ------------------------------------------------------------ *\
	Icons & Logos
\* ------------------------------------------------------------ */

.logo,
[class^="ico-"] { font-size: 0; line-height: 0; text-indent: 100%; text-shadow: none; display: inline-block; vertical-align: middle; overflow: hidden; background-repeat: no-repeat; background-position: 0 0; }

.logo { width: 132px; height: 28px; background-image: url(../../images/default/logo.png); }

.ico-comments { width: 34px; height: 26px; background-image: url(../../images/default/ico-comments.png); }
.ico-compare { width: 9px; height: 54px; background-image: url(../../images/default/ico-compare.png); }
.ico-contact { width: 70px; height: 51px; background-image: url(../../images/default/ico-contact.png); }
.ico-data { width: 21px; height: 28px; background-image: url(../../images/default/ico-data.png); }
.ico-email { width: 69px; height: 51px; background-image: url(../../images/default/ico-email.png); }
.ico-linkedin { width: 69px; height: 52px; background-image: url(../../images/default/ico-linkedin.png); }
.ico-list { width: 38px; height: 58px; background-image: url(../../images/default/ico-list.png); }
.ico-next { width: 25px; height: 50px; background-image: url(../../images/default/ico-prev.png); }
.ico-pdf { width: 22px; height: 21px; background-image: url(../../images/default/ico-pdf.png); }
.ico-prev { width: 25px; height: 50px; background-image: url(../../images/default/ico-next.png); }
.ico-printer { width: 54px; height: 47px; background-image: url(../../images/default/ico-printer.png); }
.ico-share { width: 28px; height: 28px; background-image: url(../../images/default/ico-share.png); }
.ico-times { width: 15px; height: 15px; background-image: url(../../images/default/ico-close.png); }
.ico-user { width: 56px; height: 56px; background-image: url(../../images/default/ico-user.png); }
.ico-viadeo { width: 69px; height: 53px; background-image: url(../../images/default/ico-viadeo.png); }
.ico-web { width: 69px; height: 52px; background-image: url(../../images/default/ico-web.png); }

/* ------------------------------------------------------------ *\
	Buttons
\* ------------------------------------------------------------ */

/*  Button Base  */

.btn { font-family: 'Hind', sans-serif; font-size: 14px; line-height: 18px; color: #fff; font-weight: 700; text-align: center; min-width: 48px; padding: 6px 10px 4px; border: 0; background: #f19409; border-radius: 2px; box-shadow: none; }

.btn:hover,
.btn:active { color: #fff; text-decoration: none; background: #d07e02; }

/*  Button Primary  */

.btn-primary { font-size: 13px; line-height: 14px; text-transform: uppercase; font-weight: 600; padding: 6px 16px 2px; border: 1px solid #787880; background-color: #787880; }

.btn-primary:hover,
.btn-primary:active { color: #787880; background-color: #fff; }

/*  Button Secondary  */

.btn-secondary { font-weight: 300; min-width: 198px; border-radius: 0; }

/* ------------------------------------------------------------ *\
	Form Elements
\* ------------------------------------------------------------ */

/*  Form Elements Placeholders  */

::-webkit-input-placeholder { color: #fff; font-weight: 400; opacity: 1; }
:-moz-placeholder { color: #fff; font-weight: 400; opacity: 1; }
::-moz-placeholder { color: #fff; font-weight: 400; opacity: 1; }
:-ms-input-placeholder { color: #fff; font-weight: 400; opacity: 1; }

/*  Form Elements Base  */

.field { font-size: 15px; line-height: 18px; color: #fff; font-weight: 700; width: 100%; height: 28px; display: block; padding: 5px 10px; border: 0; background: #8e8e91; border-radius: 2px; box-shadow: none; }
.textarea { height: 78px; }

.checkbox { position: relative; overflow: hidden; }
.checkbox input { display: block; position: absolute; top: 0; left: -50px; }
.checkbox label { font-size: 15px; line-height: 1.29; color: #787880; font-weight: 400; text-shadow: 0 1px 0 #fff; }
.checkbox label:before { content: '\2713'; font-size: 14px; line-height: 1; color: #fff; text-align: center; text-indent: 100%; text-shadow: none; width: 14px; height: 14px; display: inline-block; vertical-align: middle; margin-right: 10px; overflow: hidden; position: relative; top: -1px; background-color: #8e8e91; border-radius: 2px; }
.checkbox input:checked + label:before { text-indent: 0; }

.form-select { text-align: left; width: 200px; display: inline-block; vertical-align: middle; position: relative; margin-right: 10px; }
.form-select .select { font-size: 13px; line-height: 14px; color: #787880; width: 100%; display: block; opacity: 0; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; -webkit-appearance: button; -moz-appearance: button; appearance: button; }
.form-select-value { font-size: 13px; line-height: 14px; color: #787880; font-weight: 400; white-space: nowrap; text-overflow: ellipsis; position: relative; z-index: 1; padding: 4px 30px 4px 10px; border: 1px solid #8e8e91; overflow: hidden; background-color: #fff; border-radius: 3px; }
.form-select-value:after { content: ''; width: 0; height: 0; display: block; position: absolute; top: 50%; right: 10px; border: 6px solid transparent; border-top: 8px solid #787880; margin-top: -4px; }

/* ------------------------------------------------------------ *\
	Forms
\* ------------------------------------------------------------ */

/*  Forms Base  */

.form { padding-bottom: 14px; }
.form h2 { color: #48484d; padding-bottom: 11px; }
.form .btn { margin-top: 38px; }

.form-head { text-align: center; text-shadow: 1px 2px 0 #fff; padding-bottom: 28px; }
.form-head p { text-align: left; }

.form-body { padding: 30px 0 40px 40px; background-color: #f7f7f6; }
.form-body h4 { line-height: 34px; color: #48484d; text-shadow: 1px 2px 0 #fff; padding-bottom: 11px; }

.form-col { width: 33.33%; float: left; padding-right: 40px; }
.form-row { padding-bottom: 10px; }
.form-section { padding-bottom: 12px; }
.form-actions { text-align: center; padding: 14px 40px 0 0; }

/*  Form Login  */

.form-login { text-align: center; }
.form-login .form-col { width: 300px; display: inline-block; float: none; vertical-align: top; padding: 0 10px; }
.form-login .form-row {}
.form-login .form-actions { display: inline-block; vertical-align: top; padding: 0 10px; }
.form-login .forgotten-password { font-size: 16px; line-height: 18px; color: #fff; text-decoration: underline; text-shadow: 0 1px 2px rgba(0,0,0,.6); display: inline-block; vertical-align: middle; margin-left: 40px; }

.form-login .field { font-size: 16px; line-height: 24px; color: #48484d; height: 34px; padding: 5px 14px; background-color: #cccccd; }
.form-login .btn { font-size: 18px; line-height: 24px; height: 34px; padding: 7px 0 3px; }

.form-login ::-webkit-input-placeholder { color: #48484d; font-weight: 400; opacity: 1; }
.form-login :-moz-placeholder { color: #48484d; font-weight: 400; opacity: 1; }
.form-login ::-moz-placeholder { color: #48484d; font-weight: 400; opacity: 1; }
.form-login :-ms-input-placeholder { color: #48484d; font-weight: 400; opacity: 1; }

.form-login .forgotten-password:hover,
.form-login .forgotten-password:active { text-decoration: none; }

/*  Form Contact  */

.form-contact { position: relative; }
.form-contact .field { color: #48484d; width: 304px; float: left; padding: 4px 9px; border: 1px solid #8e8e91; margin-right: 9px; background-color: #fff; }
.form-contact .textarea { width: 600px; height: 139px; }

.form-contact .form-hint { font-size: 12px; line-height: 14px; color: #787880; font-weight: 400; position: absolute; top: 0; right: 0; }
.form-contact .form-body { padding: 0; background-color: transparent; }
.form-contact .form-row { padding-bottom: 20px; }
.form-contact .form-label { font-family: 'Hind', sans-serif; font-size: 16px; line-height: 20px; color: #48484d; font-weight: 500; width: 126px; float: left; padding: 6px 0 2px; }
.form-contact .form-controls { width: 70%; width: -webkit-calc(100% - 126px); width: calc(100% - 126px); float: left; }
.form-contact .form-error { font-size: 12px; line-height: 18px; color: #e50000; font-weight: 300; display: none; float: left; padding: 5px 0; }
.form-contact .form-actions { padding: 0 50px 0 0; }
.form-contact .form-btn { text-transform: uppercase; padding: 7px 12px 3px; }

.form-contact .has-error .field { border-color: #e50000; }
.form-contact .has-error .form-error { display: block; }

/*  Form Profile  */


.form-profile h3 { font-size: 20px; line-height: 24px; color: #f19409; font-weight: 500; text-transform: uppercase; padding-bottom: 15px; }
.form-profile .field { color: #48484d; padding: 4px 9px; border: 1px solid #8e8e91; background-color: #fff; }

.form-profile .checkbox { margin-left: 188px; }
.form-profile .checkbox label { font-size: 15px; line-height: 20px; color: #606066; display: block; position: relative; padding-left: 24px; }
.form-profile .checkbox label:before { color: #606066; position: absolute; top: 4px; left: 0; border: 1px solid #8e8e91; background-color: transparent; }

.form-profile .form-section { padding: 30px 34px 10px; border: 6px solid #f7f7f6; margin-bottom: 40px; background-color: #f7f7f6; }

.form-profile .form-section-secondary { border-color: #e5e5e4; background-color: #fff; }
.form-profile .form-section-secondary:hover { background-color: #e5e5e4; }

.form-profile .form-hint { font-family: 'Open Sans', sans-serif; font-size: 12px; line-height: 14px; color: #787880; font-weight: 400; text-transform: none; float: right; }
.form-profile .form-body { padding: 0; background-color: transparent; }
.form-profile .form-row { margin: 0 -20px; padding-bottom: 20px; }
.form-profile .form-col { width: 50%; float: left; padding: 0 20px; }
.form-profile .form-label { font-family: 'Hind', sans-serif; font-size: 16px; line-height: 20px; color: #48484d; font-weight: 500; width: 168px; float: left; padding: 6px 0 2px; }
.form-profile .form-label-secondary { line-height: 1; margin: -7px 0; }
.form-profile .form-controls { width: 70%; width: -webkit-calc(100% - 168px); width: calc(100% - 168px); float: left; position: relative; }
.form-profile .form-select { width: 100%; height: 28px; }
.form-profile .form-select-value { padding: 6px 30px 6px 10px; }
.form-profile .form-error { font-size: 12px; line-height: 18px; color: #e50000; font-weight: 300; display: none; position: absolute; top: 28px; left: 0; padding: 1px 0; }
.form-profile .form-actions { padding: 0; }
.form-profile .form-btn { text-transform: uppercase; padding: 7px 20px 3px; border-radius: 0; }

.form-profile .has-error .field { border-color: #e50000; }
.form-profile .has-error .form-error { display: block; }

/* ------------------------------------------------------------ *\
	Lists
\* ------------------------------------------------------------ */

/*  List Links  */

.list-links { font-family: 'Hind', sans-serif; font-size: 16px; line-height: 17px; color: #48484d; font-weight: 600; text-align: center; padding: 40px 0 25px; overflow: hidden; }
.list-links li { width: 33.33%; float: left; }
.list-links a { display: block; }
.list-links .icon-wrapper { width: 100px; height: 100px; display: block; position: relative; margin: 0 auto 21px; background-color: #f2f2f2; border-radius: 50%; }
.list-links [class^="ico-"] { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; margin: auto; }

/*  List Partners  */

.list-partners { margin-right: -30px; overflow: hidden; }
.list-partners li { width: 110px; float: left; padding-right: 30px; }
.list-partners a { display: block; border: 1px solid #e5e2dc; }
.list-partners img { display: block; }

/*  List Contact Details  */

.list-contact-details { font-family: 'Hind', sans-serif; font-size: 13px; color: #48484d; font-weight: 700; text-align: left; text-transform: uppercase; padding-left: 125px; }
.list-contact-details li { padding-bottom: 23px; }
.list-contact-details a { text-decoration: none; }
.list-contact-details [class^="ico-"] { margin-right: 7px; }

/*  List Products  */

.list-products { font-size: 11px; line-height: 16px; color: #606066; text-align: justify; margin: 0 -20px; overflow: hidden; }
.list-products li { width: 25%; float: left; padding: 0 20px 35px; }
.list-products h4 { font-size: 13px; color: #48484d; font-weight: 600; padding: 10px 0 5px; }
.list-products figure a { height: 228px; display: block; position: relative; background-color: #f7f7f7; }
.list-products figure img { display: block; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 2; margin: auto; }
.list-products figure a:before { content: ''; width: 0; height: 0; display: block; position: absolute; bottom: 0; left: 50%; z-index: 1; border: 21px solid transparent; border-bottom-color: #fff; margin-left: -21px; }

/* ------------------------------------------------------------ *\
	Header
\* ------------------------------------------------------------ */

.header { padding: 26px 0; background: url(../../images/default/pattern1.png) repeat-x 50% 0; }
.header .logo { float: left; margin-left: 20px; }

.user-area { font-size: 12px; line-height: 15px; color: #fff; font-weight: 300; float: right; margin-top: -5px; }
.user-area p { display: inline-block; vertical-align: top; padding-left: 35px; }

.user-area .logout { float: right; margin-left: 10px; }
.user-area .logout span { display: none; }

.user-details { font-size: 12px; line-height: 15px; color: #fff; font-weight: 300; text-align: right; float: right; margin-top: -5px; }
.user-details p + p { padding-top: 10px; }

.subnav { font-family: 'Hind', sans-serif; font-size: 0; line-height: 0; color: #fffffc; font-weight: 500; text-transform: uppercase; text-align: center; position: relative; z-index: 5; background: url(../../images/default/pattern1.png) repeat-x 50% 0; }
.subnav:before { content: ''; display: block; opacity: .7; position: absolute; top: 0; left: 0; right: 0; bottom: 0; z-index: 1; background-color: #48484d; }

.subnav-container { position: relative; z-index: 2; }

.subnav [class^="ico-"] { float: right; margin: -2px 0 0 6px; }
.subnav li { font-size: 15px; line-height: 21px; display: inline-block; vertical-align: top; }
.subnav a { display: block; position: relative; padding: 7px 30px 3px; }
.subnav a span { display: block; position: relative; z-index: 2; }

.subnav a:before,
.subnav a:after { content: ''; display: block; opacity: 0; visibility: hidden; position: absolute; }

.subnav a:before { top: 0; left: 0; right: 17px; bottom: 0; background-color: #f7f7f7; }
.subnav a:after { width: 1px; height: 0; top: 0; right: 0; border-right: 17px solid transparent; border-bottom: 31px solid #f7f7f7; }

.subnav li:hover > a,
.subnav li:active > a { color: #48484d; text-decoration: none; }

.subnav .current > a,
.subnav .expanded > a { color: #f19409; text-decoration: none; }

.subnav li:hover > a:before,
.subnav li:active > a:before,
.subnav li:hover > a:after,
.subnav li:active > a:after { opacity: 1; visibility: visible; }

.subnav .nav-dropdown { font-weight: 400; text-transform: none; opacity: 0; visibility: hidden; position: absolute; top: 100%; left: 0; right: 0; padding: 16px 0 15px; background-color: #f7f7f7; padding-bottom: 0px; }
.subnav .nav-dropdown ul { margin-right: -15px; }
.subnav .nav-dropdown ul:after { content: ''; line-height: 0; display: table; clear: both; }
.subnav .nav-dropdown li { font-size: 12px; line-height: 18px; width: 11%; float: left; padding-right: 5px; padding-bottom:30px; }
.subnav .nav-dropdown li:first-child { width: 11%; }
.subnav .nav-dropdown a { position: relative; padding: 3px 0 1px; border-left: 2px solid; background-color: #fff; width:97%;}
.subnav .nav-dropdown .rapports a:hover, .subnav .nav-dropdown .taos a:hover { color: #fff;background-color: #595a5d;}
.subnav .nav-dropdown a:after { content: none; }

.subnav .nav-dropdown a:hover,
.subnav .nav-dropdown a:active,
.subnav .nav-dropdown li:hover > a,
.subnav .nav-dropdown li:active > a,
.subnav .nav-dropdown li.current > a { color: #fff; }

.subnav .nav-dropdown a:before { content: ''; width: 1px; height: 100%; display: block; opacity: 1; visibility: visible; position: absolute; top: 0; left: 1px; border: 0; background-color: transparent; }

.subnav .nav-dropdown a:hover:before,
.subnav .nav-dropdown a:active:before,
.subnav .nav-dropdown li:hover > a:before,
.subnav .nav-dropdown li:active > a:before,
.subnav .nav-dropdown li.current > a:before { background-color: #fff; }

.subnav .nav-dropdown-item1 a { color: #ff1668; }

.subnav .nav-dropdown-item1 a:hover,
.subnav .nav-dropdown-item1 a:active,
.subnav .nav-dropdown-item1:hover > a,
.subnav .nav-dropdown-item1:active > a,
.subnav .nav-dropdown-item1.current > a { border-color: #ff1668; background-color: #ff1668; }

.subnav .nav-dropdown-item2 a { color: #cc1253; }

.subnav .nav-dropdown-item2 a:hover,
.subnav .nav-dropdown-item2 a:active,
.subnav .nav-dropdown-item2:hover > a,
.subnav .nav-dropdown-item2:active > a,
.subnav .nav-dropdown-item2.current > a { border-color: #cc1253; background-color: #cc1253; }

.subnav .nav-dropdown-item3 a { color: #990e3f; }

.subnav .nav-dropdown-item3 a:hover,
.subnav .nav-dropdown-item3 a:active,
.subnav .nav-dropdown-item3:hover > a,
.subnav .nav-dropdown-item3:active > a,
.subnav .nav-dropdown-item3.current > a { border-color: #990e3f; background-color: #990e3f; }

.subnav .nav-dropdown-item4 a { color: #2ad8d2; }

.subnav .nav-dropdown-item4 a:hover,
.subnav .nav-dropdown-item4 a:active,
.subnav .nav-dropdown-item4:hover > a,
.subnav .nav-dropdown-item4:active > a,
.subnav .nav-dropdown-item4.current > a { border-color: #2ad8d2; background-color: #2ad8d2; }

.subnav .nav-dropdown-item5 a { color: #21a6a1; }

.subnav .nav-dropdown-item5 a:hover,
.subnav .nav-dropdown-item5 a:active,
.subnav .nav-dropdown-item5:hover > a,
.subnav .nav-dropdown-item5:active > a,
.subnav .nav-dropdown-item5.current > a { border-color: #21a6a1; background-color: #21a6a1; }

.subnav .nav-dropdown-item6 a { color: #177370; }

.subnav .nav-dropdown-item6 a:hover,
.subnav .nav-dropdown-item6 a:active,
.subnav .nav-dropdown-item6:hover > a,
.subnav .nav-dropdown-item6:active > a,
.subnav .nav-dropdown-item6.current > a { border-color: #177370; background-color: #177370; }

.subnav .nav-dropdown-item7 a { color: #70d900; }

.subnav .nav-dropdown-item7 a:hover,
.subnav .nav-dropdown-item7 a:active,
.subnav .nav-dropdown-item7:hover > a,
.subnav .nav-dropdown-item7:active > a,
.subnav .nav-dropdown-item7.current > a { border-color: #70d900; background-color: #70d900; }

.subnav .nav-dropdown-item8 a { color: #5fac0d; }

.subnav .nav-dropdown-item8 a:hover,
.subnav .nav-dropdown-item8 a:active,
.subnav .nav-dropdown-item8:hover > a,
.subnav .nav-dropdown-item8:active > a,
.subnav .nav-dropdown-item8.current > a { border-color: #5fac0d; background-color: #5fac0d; }

.subnav .nav-dropdown-item9 a { color: #4e801a; }

.subnav .nav-dropdown-item9 a:hover,
.subnav .nav-dropdown-item9 a:active,
.subnav .nav-dropdown-item9:hover > a,
.subnav .nav-dropdown-item9:active > a,
.subnav .nav-dropdown-item9.current > a { border-color: #4e801a; background-color: #4e801a; }

/*.subnav li:hover .nav-dropdown,
.subnav li:active .nav-dropdown,
.subnav li.expanded .nav-dropdown,
.subnav li.current .nav-dropdown { opacity: 1; visibility: visible; }*/

.subnav li:hover .nav-dropdown { opacity: 1; visibility: visible; }



/* MENU DIGITHEQUE */





.subnav .third_panel { font-weight: 400; text-transform: none; opacity: 0; visibility: hidden; position: absolute; top: 60%; left: 0; right: 0; padding: 16px 0 15px; background-color: #888888; display:none; z-index:7; height:230px;}


/*
//DEBUG


.subnav .third_panel {opacity: 100 !important; visibility: visible !important;display:block !important;}
.subnav .nav-dropdown {opacity: 100 !important; visibility: visible !important;}
*/
.nav-dropdown li:hover > .third_panel{ display:block; }

.nav-dropdown .third_panel li:hover > .third_panel{ display:block; }

.third_panel .third_panel-inner {
    max-width: 1112px;
    padding: 0 20px;
    margin: auto;
	background-color: #888888;
	min-height: 200px;
}

.third_panel .third_panel-item{
	width: 14.2% !important;
	color:white;
	padding-right: 5px;
    padding-left: 5px;
    margin-top: 10px;
	border-right: 1px solid white;
	padding-left: 0px;
}

.subnav .third_panel li:last-child,
.subnav .third_panel .last_li{ border:none; }

.third_panel .third_panel-item .titre-competence{
	font-style:italic;
}
.third_panel .third_panel-item .competence-nom{
	font-weight:bold;
}

.third_panel .third_panel-item .competence-nom a{
	color: white !important;
    background:none;
    border: none;
	padding-bottom: 15px;
}

.third_panel .third_panel-item li:hover,
.third_panel .third_panel-item a:hover,
.third_panel .third_panel-item1 li:hover,
.third_panel .third_panel-item1 a:hover,
.third_panel .third_panel-item2 li:hover,
.third_panel .third_panel-item2 a:hover,
.third_panel .third_panel-item3 li:hover,
.third_panel .third_panel-item3 a:hover,
.third_panel .third_panel-item4 li:hover,
.third_panel .third_panel-item4 a:hover,
.third_panel .third_panel-item5 li:hover,
.third_panel .third_panel-item5 a:hover,
.third_panel .third_panel-item6 li:hover,
.third_panel .third_panel-item6 a:hover,
.third_panel .third_panel-item7 li:hover,
.third_panel .third_panel-item7 a:hover,
.third_panel .third_panel-item8 li:hover,
.third_panel .third_panel-item8 a:hover,
.third_panel .third_panel-item9 li:hover,
.third_panel .third_panel-item9 a:hover
{
	text-decoration:none !important;
	border:none !important;
}

.subnav .third_panel a:hover:before, .subnav .third_panel a:active:before, .subnav .third_panel li:hover > a:before, .subnav .third_panel li:active > a:before, .subnav .third_panel li.current > a:before {
    /*background-color: inherit !important;*/
      background:none;
}
.third_panel .third_panel-item .competence-nom a span{
	height:40px;
}

.third_panel .third_panel-item .competence-nom img{
	width:110px;
	height:100px;

}

.bloc_libre{background-color: white; float: right !important;}
.bloc_libre .competence-nom span{color:grey}

.bloc_libre .competence-nom h3{
	color: black;
    font-size: 14px;
	text-transform:uppercase;
	padding-top:5px;
}
.bloc_libre .competence-nom a{
	color: black !important;
	background-color:#787880 !important;
	padding:5px !important;
	margin-top: 10px;
}

.subnav .third_panel ul { margin-right: -15px; }
.subnav .third_panel ul:after { content: ''; line-height: 0; display: table; clear: both; }
.subnav .third_panel li { font-size: 13px; line-height: 18px; width: 14.2% !important; float: left; padding-right: 5px; padding-left: 5px; height:180px; }
.subnav .third_panel a { position: relative; padding: 3px 0 1px; border-left: 4px solid; background-color: #fff; }
.subnav .third_panel a:after { content: none; }

.subnav .third_panel a:hover,
.subnav .third_panel a:active,
.subnav .third_panel li:hover > a,
.subnav .third_panel li:active > a,
.subnav .third_panel li.current > a { color: #fff; }

.subnav .third_panel a:before { content: ''; width: 1px; height: 100%; display: block; opacity: 1; visibility: visible; position: absolute; top: 0; left: 1px; border: 0; background-color: transparent; }

.subnav .third_panel a:hover:before,
.subnav .third_panel a:active:before,
.subnav .third_panel li:hover > a:before,
.subnav .third_panel li:active > a:before,
.subnav .third_panel li.current > a:before { border-color: none !important; background:none!important;/*background-color: #fff;*/ }

.subnav .third_panel-item1 a { color: #ff1668; }


.subnav .third_panel-item2 a { color: #cc1253; }


.subnav .third_panel-item3 a { color: #990e3f; }


.subnav .third_panel-item4 a { color: #2ad8d2; }


.subnav .third_panel-item5 a { color: #21a6a1; }


.subnav .third_panel-item6 a { color: #177370; }


.subnav .third_panel-item7 a { color: #70d900; }


.subnav .third_panel-item8 a { color: #5fac0d; }


.subnav .third_panel-item9 a { color: #4e801a; }


.subnav li:hover .third_panel,
.subnav li:active .third_panel,
.subnav li.expanded .third_panel,
.subnav li.current .third_panel { opacity: 1; visibility: visible; }







.burger { width: 26px; height: 30px; display: none; position: absolute; top: 22px; left: 10px; }
.burger:before { content: ''; width: 90%; display: block; height: 0; position: absolute; top: 50%; left: 50%; margin: -10px 0 0 -11px; box-shadow: 0 5px 0 1px #FFFFFF, 0 11px 0 1px #FFFFFF, 0 17px 0 1px #FFFFFF; }

/* ------------------------------------------------------------ *\
	Main
\* ------------------------------------------------------------ */

.main { padding: 22px 0 24px; background-color: #fff; }

.main-head { color: #48484d; text-align: center; padding-bottom: 40px; }
.main-head + .cols .section-image-chart1 { margin-bottom: -5px; }

.main-foot { color: #48484d; text-align: center; padding: 40px 0 20px; }
.main-foot .btn { color: #48484d; font-weight: 300; padding-left: 25px; padding-right: 25px; border-radius: 0; margin: 0 10px; }

/*  Article  */

.article { padding-bottom: 30px; }
.article h2 { color: #48484d; }
.article p { padding-bottom: 10px; }

.article-actions { text-align: center; padding-top: 1px; }

/*  Section Intro  */

.section-intro { text-align: center; padding-bottom: 5px; }
.section-intro img { display: block; margin: auto; }
.section-intro h2 { color: #48484d; font-weight: 500; }
.section-intro h2 small { font-size: 11px; padding-left: 2px; }
.section-intro h2 small img { display: inline-block; position: relative; top: -1px; }
.section-intro p { color: #77777f; text-shadow: 1px 2px 0 #fff; padding: 0 20px 10px; }
.section-intro .btn.alignright { color: #48484d; font-weight: 300; margin-top: 5px; }

.section-intro .section-head { padding-bottom: 12px; }
.section-intro .section-body { text-align: left; }

.section-intro .section-image { position: relative; margin-bottom: 26px; }
.section-intro .section-image svg { max-width: 100%; overflow: visible; }
.section-intro .section-image-secondary { margin: 12px 0 44px; }

.services { font-size: 11px; line-height: 1.2; text-transform: uppercase; font-weight: 600; text-align: center; position: absolute; top: 0; left: 0; right: 0; bottom: 0; list-style: none outside none; }
.services li { position: absolute; left: 50%; }

.services .service-1 { color: #ff1668; top: -15px; left: 0; right: 0; }
.services .service-2 { color: #cc1253; top: 14px; margin-left: 87px; }
.services .service-3 { color: #990e3f; top: 96px; margin-left: 135px; }
.services .service-4 { color: #2ad8d2; top: 185px; margin-left: 118px; }
.services .service-5 { color: #21a6a1; top: 100%; margin: 3px 0 0 45px; }
.services .service-6 { color: #177370; top: 100%; margin: 3px 0 0 -120px; }
.services .service-7 { color: #8de52f; top: 185px; margin-left: -145px; }
.services .service-8 { color: #6db324; top: 96px; margin-left: -210px; }
.services .service-9 { color: #4e801a; top: 14px; margin-left: -158px; }

.section-intro .sharing-tools { padding-bottom: 25px; }
.section-intro .sharing-tools span { display: inline-block; vertical-align: middle; }
.section-intro .sharing-tools-label { font-family: 'Hind', sans-serif; font-size: 13px; line-height: 22px; color: #48484d; font-weight: 700; text-transform: uppercase; padding: 7px 10px 3px 0; }

.section-intro .section-actions { font-size: 0; line-height: 0; text-align: center; }
.section-intro .section-actions-form { position: relative; z-index: 2; margin: -50px 0 13px; }

.pies { font-size: 12px; line-height: 20px; color: #787880; font-weight: 600; text-align: center; list-style: none outside none; overflow: hidden; }
.pies li { width: 33.33%; float: left; padding-bottom: 11px; }

.principles { font-size: 18px; line-height: 24px; color: #fff; text-align: center; white-space: nowrap; text-transform: uppercase; font-weight: 300; position: absolute; top: 50%; left: 50%; list-style: none outside none; }
.principles li { position: absolute; padding: 3px 10px; border-radius: 3px; }

.principle-1 { top: -100px; left: 49px; background-color: #cc1253; }
.principle-2 { top: 0; left: 91px; background-color: #990e3f; }
.principle-3 { top: 75px; left: 55px; background-color: #2ad8d2; }
.principle-4 { top: 137px; left: -66px; background-color: #21a6a1; }
.principle-5 { top: -100px; left: -192px; background-color: #5fac0d; }

/*  Section Stats  */

.section-stats { background: url(../../images/default/pattern2.jpg) repeat 50% 0; }

.section-stats h1 { color: #fff; max-width: 50%; position: absolute; top: 50%; left: 20px; right: 20px; margin-top: 33px; }
.section-stats .logo { position: absolute; top: 6px; left: 20px; }

.section-stats .shell { position: relative; }
.section-stats .section-container { padding: 20px 0; }
.section-stats .section-image { width: 50%; float: right; }
.section-stats .section-head { position: relative; padding-top: 40px; overflow: hidden; }
.section-stats .section-foot { padding: 23px 0 13px; background-color: rgba(72,72,77,.5); }

/*  Section About  */

.section-about { padding: 35px 0 20px; background-color: #fff; }
.section-about .list-links { width: 50%; float: right; }

.section-about .article { width: 50%; float: left; padding-right: 20px; margin-left: -20px; }
.section-about .article h2 { padding-bottom: 3px; }
.section-about .article p { padding-bottom: 13px; }

/*  Section Partners  */

.section-partners { padding: 34px 0 40px; }
.section-partners h5 { color: #48484d; text-transform: uppercase; padding-bottom: 9px; }

.section-partners .col { padding: 0 20px 0 0; }

/*  Section Outro  */

.section-outro { padding: 45px 0 35px; background-color: #fff; }
.section-outro p { padding-bottom: 13px; }

.section-outro .shell { position: relative; }
.section-outro .section-body { padding-right: 30px; margin: 0 25% 0 -20px; }

.section-outro .section-actions { text-align: right; position: absolute; top: 0; right: 40px; bottom: 0; }
.section-outro .section-actions .btn { position: absolute; top: 50%; right: 0; }

.cols-secondary .section-head { text-transform: uppercase; }

.section-contact-details { text-align: center; }
.section-contact-details h2 { font-size: 24px; line-height: 28px; color: #48484d; text-transform: uppercase; padding-bottom: 10px; }
.section-contact-details p { text-align: left; padding: 0 20px 40px; }

/*  Section Data  */

.section-data .section-col { width: 50%; float: left; }

.section-data .pies { max-width: 510px; margin: auto; }
.section-data .pies li { padding-bottom: 5px; }

.section-data .bx-wrapper { position: relative; }
.section-data .bx-controls { font-size: 0; line-height: 0; height: 0; overflow: hidden; position: absolute; }

.section-data .slider { position: relative; }
.section-data .slider h5 { font-size: 11px; line-height: 20px; color: #2ad8d2; font-weight: 600; text-transform: uppercase; padding-bottom: 5px; }
.section-data .slider h5.color-pink { color: #ff1668; }
.section-data .slides { display: none; }
.section-data .slides[style] { display: block; }

.section-data .slider-articles:before { content: ''; width: 0; height: 0; display: block; position: absolute; top: 63px; right: 100%; border: 22px solid transparent; border-right-color: #f7f7f7; }

.section-data .slider-prev,
.section-data .slider-next { width: 25px; height: 50px; display: block; position: absolute; top: 50%; left: 50%; margin-top: -15px; }

.section-data .slider-prev { margin-left: -170px; }
.section-data .slider-next { margin-left: 145px; }

.section-graphic { text-align: center; }
.section-graphic h2 { color: #48484d; font-weight: 500; }
.section-graphic h2 small { font-size: 11px; padding-left: 2px; }
.section-graphic h2 small img { display: inline-block; position: relative; top: -1px; }

.section-data .section-article { font-size: 13px; line-height: 20px; color: #606066; position: relative; padding: 20px; margin-bottom: 50px; background-color: #f7f7f7; }

.section-data .section-article h2 { font-size: 24px; line-height: 40px; color: #2ad8d2; font-weight: 600; text-transform: uppercase; }
.section-data .section-article h2.color-pink { color: #ff1668; }
.section-data .section-article h2 strong { font-size: 30px; float: right; font-weight: 600; }
.section-data .section-article h2 [class^="ico-"] { margin: -3px 0 0 3px; }
.section-data .section-article p { padding-bottom: 1em; }
.section-data .section-article form { float: left; padding-top: 2px; }

.section-data .section-article .article-head { padding-bottom: 10px; }

.section-data .section-article .article-foot > .btn { color: #48484d; font-weight: 300; float: right; padding-left: 20px; padding-right: 20px; border-radius: 0; }
.section-data .section-article .article-foot:after { content: ''; line-height: 0; display: table; clear: both; }

/*  Section Details  */

.section-details { padding: 63px 20px 50px; }
.section-details h2 { font-size: 22px; line-height: 35px; color: #48484d; padding-bottom: 20px; }
.section-details h2 strong { font-size: 24px; color: #2ad8d2; font-weight: 600; text-transform: uppercase; }
.section-details h2 [class^="ico-"] { margin-top: -2px; }

.section-details .section-image { width: 258px; float: left; }
.section-details .section-image img { display: block; margin: auto; }

.section-details .section-content { font-size: 13px; line-height: 20px; color: #606066; overflow: hidden; }
.section-details .section-content p { padding-top: 1em; }

/*  Section Progress  */

.section-progress { padding: 0 20px 20px; }
.section-progress h2 { font-size: 22px; line-height: 35px; color: #48484d; padding-bottom: 20px; }
.section-progress h2 strong { font-size: 24px; color: #2ad8d2; font-weight: 600; text-transform: uppercase; }
.section-progress h2 [class^="ico-"] { margin-top: -2px; }
.section-progress h2 .btn { color: #48484d; font-weight: 300; float: right; padding-left: 15px; padding-right: 15px; border-radius: 0; }

.section-progress .alert { font-size: 13px; line-height: 20px; color: #ff0000; font-style: italic; text-align: right; font-weight: 300; width: 50%; padding: 0 20px 20px 0; }
.section-progress .form-select { width: 193px; }

.section-progress .section-form { text-align: right; width: 50%; padding-right: 20px; }
.section-progress .section-form .btn { padding-left: 7px; padding-right: 7px; }

.progress { list-style: none outside none; }

.progress-item { padding-bottom: 40px; }
.progress-item:after { content: ''; line-height: 0; display: table; clear: both; }

.progress-item-bar { width: 50%; float: left; padding-right: 20px; }
.progress-item-label { font-size: 15px; line-height: 24px; color: #787880; font-weight: 600; width: 190px; float: left; padding: 8px 0; }
.progress-item-legend { font-size: 13px; line-height: 20px; color: #606066; width: 50%; float: right; padding-left: 20px; }

.progress-bar { width: 50%; width: -webkit-calc(100% - 190px); width: calc(100% - 190px); height: 40px; position: relative; float: right;

	background: rgb(232,232,237);
	background: -moz-linear-gradient(left, rgba(232,232,237,1) 0%, rgba(232,232,237,1) 50%, rgba(215,215,219,1) 50%, rgba(215,215,219,1) 80%, rgba(202,202,207,1) 80%, rgba(202,202,207,1) 100%);
	background: -webkit-gradient(linear, left top, right top, color-stop(0%,rgba(232,232,237,1)), color-stop(50%,rgba(232,232,237,1)), color-stop(50%,rgba(215,215,219,1)), color-stop(80%,rgba(215,215,219,1)), color-stop(80%,rgba(202,202,207,1)), color-stop(100%,rgba(202,202,207,1)));
	background: -webkit-linear-gradient(left, rgba(232,232,237,1) 0%,rgba(232,232,237,1) 50%,rgba(215,215,219,1) 50%,rgba(215,215,219,1) 80%,rgba(202,202,207,1) 80%,rgba(202,202,207,1) 100%);
	background: -o-linear-gradient(left, rgba(232,232,237,1) 0%,rgba(232,232,237,1) 50%,rgba(215,215,219,1) 50%,rgba(215,215,219,1) 80%,rgba(202,202,207,1) 80%,rgba(202,202,207,1) 100%);
	background: -ms-linear-gradient(left, rgba(232,232,237,1) 0%,rgba(232,232,237,1) 50%,rgba(215,215,219,1) 50%,rgba(215,215,219,1) 80%,rgba(202,202,207,1) 80%,rgba(202,202,207,1) 100%);
	background: linear-gradient(to right, rgba(232,232,237,1) 0%,rgba(232,232,237,1) 50%,rgba(215,215,219,1) 50%,rgba(215,215,219,1) 80%,rgba(202,202,207,1) 80%,rgba(202,202,207,1) 100%);
}

.progress-bar span { font-size: 18px; line-height: 1; color: #fffffc; font-weight: 700; text-shadow: 0 1px 0 rgba(0,0,0,.3); text-align: center; display: block; position: absolute; top: 9px; left: 0; z-index: 1; border: 2px solid; background-color: #2ad8d2; border-radius: 3px; }
.progress-bar .ico-compare { display: block; position: absolute; top: -7px; z-index: 2; }

/*  Section Progress Color Schemes  */

.section-light-green .section-details h2 strong,
.section-light-green .section-progress h2 strong { color: #70d900; }

.section-light-green .progress-bar span { background-color: #70d900; }

/*  Article Results  */

.article-results { font-size: 13px; line-height: 20px; color: #606066; padding: 10px 20px 20px; }
.article-results h2 { font-size: 22px; color: #48484d; font-weight: 600; padding-bottom: 5px; }
.article-results h3 { font-size: 16px; color: #48484d; font-weight: 600; padding: .5em 0; overflow: hidden; }
.article-results p { padding-bottom: 1em; overflow: hidden; }

.article-results img { margin: 1em 0; }
.article-results img.alignleft { margin-right: 40px; }
.article-results img.alignright { margin-left: 40px; }

.article-results .article-actions { font-size: 0; line-height: 0; text-align: center; padding-top: 30px; clear: both; }
.article-results .article-actions .btn { color: #48484d; font-weight: 300; min-width: 198px; margin: 0 20px; border-radius: 0; }

/*  Section Products  */

.section-products { padding-bottom: 20px; }

.section-products .section-nav { font-size: 0; line-height: 0; text-align: center; padding-bottom: 20px; }
.section-products .section-nav li { font-family: 'Hind', sans-serif; font-size: 15px; line-height: 18px; color: #fffffc; font-weight: 400; text-shadow: 0 1px 0 rgba(0,0,0,.16); display: inline-block; vertical-align: top; padding: 0 9px 10px; }
.section-products .section-nav a { min-width: 130px; display: block; position: relative; padding: 6px 5px 4px; border-left: 5px solid #f19409; background-color: #48484d; }
.section-products .section-nav a:before { content: ''; width: 1px; display: block; position: absolute; top: 0; left: 0; bottom: 0; z-index: 1; background-color: #fff; }

.section-products .section-nav a:hover,
.section-products .section-nav a:active,
.section-products .section-nav .current a { text-decoration: none; background-color: #f19409; }

.section-products .section-head { font-size: 13px; line-height: 20px; color: #606066; padding-bottom: 20px; }
.section-products .section-head h2 { font-size: 22px; color: #48484d; padding-bottom: 5px; }
.section-products .section-head p { padding-bottom: 14px; }

.section-products .section-foot { font-size: 0; line-height: 0; text-align: center; padding-top: 30px; clear: both; }
.section-products .section-foot .btn { color: #48484d; font-weight: 300; min-width: 198px; margin: 0 20px; border-radius: 0; }

/*  Section Contact  */

.section-contact { padding: 20px 0; }

.section-contact .section-head { position: relative; padding: 0 0 20px 90px; }
.section-contact .section-head h2 { font-size: 22px; line-height: 1; color: #48484d; font-weight: 600; padding-bottom: 8px; }
.section-contact .section-head p { padding-bottom: 14px; }
.section-contact .section-head [class^="ico-"] { display: block; position: absolute; top: 0; left: 0; }

.section-contact .section-body { padding: 40px 40px 40px 115px; background-color: #f7f7f6; }

/*  Section Profile  */

.section-profile { padding: 20px 20px 0; }

.section-profile .section-head { font-size: 13px; line-height: 20px; color: #606066; padding-bottom: 40px; }
.section-profile .section-head:after { content: ''; line-height: 0; display: table; clear: both; }

.section-profile .section-head h2 { font-size: 22px; line-height: 1; color: #48484d; padding-bottom: 10px; }
.section-profile .section-head img.alignleft { margin-right: 20px; }
.section-profile .section-head img.alignright { margin-left: 20px; }

.section-profile .section-body { padding-bottom: 20px; }

/* ------------------------------------------------------------ *\
	Footer
\* ------------------------------------------------------------ */

.footer { color: #939399; text-align: center; text-shadow: 0 1px 0 #fff; padding: 3px 0; }

.footer-nav { font-size: 0; line-height: 0; }
.footer-nav li { font-size: 13px; line-height: 2; display: inline-block; vertical-align: middle; padding-left: 10px; }
.footer-nav li + li:before { content:"\2022"; padding-right: 10px; }
.footer-nav .desktop-hidden { display: none; }

.footer-nav a:hover,
.footer-nav a:active { color: #000; text-decoration: none; }

/* ------------------------------------------------------------ *\
	Transitions and Transforms
\* ------------------------------------------------------------ */

/*  Transitions  */

a,
button,
input[type="submit"],
input[type="button"],
input[type="reset"],
[class^="btn"] {
	-webkit-transition: color .4s ease, opacity .4s ease, border-color .4s ease, background-color .4s ease, box-shadow .4s ease;
		-ms-transition: color .4s ease, opacity .4s ease, border-color .4s ease, background-color .4s ease, box-shadow .4s ease;
			transition: color .4s ease, opacity .4s ease, border-color .4s ease, background-color .4s ease, box-shadow .4s ease;
}

.subnav a:before,
.subnav a:after,
.subnav .nav-dropdown {
	-webkit-transition: opacity .4s ease, visibility .4s ease;
		-ms-transition: opacity .4s ease, visibility .4s ease;
			transition: opacity .4s ease, visibility .4s ease;
}

/*  Transforms  */

.section-stats h1,
.section-outro .section-actions .btn {
	-webkit-transform: translateY(-50%);
		-ms-transform: translateY(-50%);
			transform: translateY(-50%);
}

/* ------------------------------------------------------------ *\
	Grayscale Images
\* ------------------------------------------------------------ */

.grayscale {
	filter: url("data:image/svg+xml;utf8,<svg xmlns='http://www.w3.org/2000/svg'><filter id='grayscale'><feColorMatrix type='matrix' values='0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0.3333 0.3333 0.3333 0 0 0 0 0 1 0'/></filter></svg>#grayscale");
	filter: gray;
	-webkit-filter: grayscale(100%);
}

a:hover .grayscale {
	filter: none;
	-webkit-filter: grayscale(0%);
}

/* ------------------------------------------------------------ *\
	Media Queries
\* ------------------------------------------------------------ */

@media only screen and ( max-width: 1160px ) {
	.list-partners { margin-right: -10px; }
	.list-partners li { width: 20%; padding-right: 10px; }
	.list-partners img { width: 100%; height: auto; }

	.list-contact-details { padding-left: 20px; }

	.section-about .article,
	.section-partners .cols { margin: 0; }

	.section-outro .section-body { margin-left: 0; }

	#chartId1 { margin-left: -80px; }

	.section-data .section-article form,
	.section-data .section-article .article-foot > .btn { float: none; }
	.section-data .section-article form { padding-bottom: 20px; }

	.form-contact .textarea { width: 580px; }
	.form-contact .form-actions { padding: 0 0 0 40px; }
}

/*  Tablet Portrait  */

@media only screen and ( max-width: 1023px ) {
	.cols .col { width: auto; float: none; }

	.field { font-size: 14px; }

	.list-partners { margin-bottom: 20px; }

	.form-col { padding-right: 15px; }
	.form-body { padding: 15px 0 15px 15px; }
	.form-actions { padding-right: 15px; }

	.form-login .form-actions { display: block; margin-top: 23px; }

	.section-stats h1 br { display: none; }

	.section-partners { padding-bottom: 20px; }
	.section-partners .col { padding: 0; }

	.section-outro .section-body { padding-right: 65px; }

	.subnav a { font-size: 14px; padding: 7px 8px 3px; }
	.subnav a:before { right: 10px; }
	.subnav a:after { border-right-width: 10px; }

	.subnav .nav-dropdown { padding-bottom: 0; }

	.subnav .nav-dropdown li,
	.subnav .nav-dropdown li:first-child { width: 20%; padding-bottom: 15px; }

	#chartId1 { margin-left: 0; }

	.section-data .section-col { width: auto; float: none; padding-bottom: 40px; }
	.section-data .section-article { margin: 0; }

	.section-data .slider-articles:before { top: auto; right: 50%; bottom: 100%; border-right-color: transparent; border-bottom-color: #f7f7f7; margin-right: -22px; }

	.section-details { padding: 93px 0 30px; }
	.section-details .section-image { width: 200px; }
	.section-details .section-content p:first-child { padding-top: 0; }

	.section-progress { padding: 0 0 20px; }

	.progress-item { padding-bottom: 20px; }

	.progress-item-bar,
	.progress-item-legend { width: 100%; padding: 0; }

	.progress-item-legend { padding-top: 20px; }

	.section-progress .alert { width: auto; padding: 0 0 20px; }
	.section-progress .section-form { width: auto; padding: 0; }

	.article-results { padding: 0; }

	.article-results img.alignleft,
	.article-results img.alignright { display: block; float: none; margin: 10px auto; }

	.list-products li { width: 33.33%; }

	.section-contact .section-body { padding: 20px; }

	.form-contact .field,
	.form-contact .textarea { width: 70%; }

	.form-contact .form-error { width: 25%; }
	.form-contact .form-body { padding-top: 30px; }
	.form-contact .form-actions { text-align: left; padding: 0 0 0 126px; }

	.form-profile .form-row { margin: 0; }
	.form-profile .form-col { width: auto; float: none; padding: 0; }
	.form-profile .form-col:after { content: ''; line-height: 0; display: table; clear: both; }
	.form-profile .form-col + .form-col { padding-top: 20px; }
	.form-profile .checkbox { margin-left: 168px; }
}

@media only screen and ( max-width: 767px ) {


	.shell { padding: 0 10px; }

	.header { position: relative; }

	.cols { margin: 0 -10px; }
	.cols .col { padding: 0 10px; }

	[class^="ico-"] { -webkit-background-size: 100% 100%; background-size: 100% 100%; }

	.ico-list { width: 28px; height: 42px; }
	.ico-printer { width: 45px; height: 39px; }
	.ico-user { width: 40px; height: 40px; }

	.services .service-2 { top: 20px; margin-left: 77px; }
	.services .service-3 { top: 96px; margin-left: 80px; }
	.services .service-4 { top: 185px; margin-left: 90px; }
	.services .service-5 { top: 100%; margin: -13px 0 0 45px; }
	.services .service-6 { top: 100%; margin: -13px 0 0 -120px; }
	.services .service-7 { top: 185px; margin-left: -135px; }
	.services .service-8 { top: 96px; margin-left: -150px; }
	.services .service-9 { top: 20px; margin-left: -128px; }

	.list-links { font-size: 12px; }
	.list-links br { display: none; }
	.list-links .icon-wrapper { width: 80px; height: 80px; }

	.list-partners { margin-right: -15px; }
	.list-partners li { width: 25%; padding-right: 15px; }
	.list-partners li:last-child { display: none; }

	.form .btn { margin-top: 10px; }

	.form-col { width: auto; float: none; padding: 0; }
	.form-col + .form-col { padding-top: 10px; }

	.form-row { padding: 0; }
	.form-body { padding: 10px; }
	.form-actions { padding: 0; }

	.form-login { padding: 0 5px; }
	.form-login .btn { display: block; margin: 0 auto 15px; }
	.form-login .form-col { width: auto; display: block; padding-bottom: 15px; }
	.form-login .form-actions { padding: 0; margin: 0; }
	.form-login .forgotten-password { margin: 0; }

	.footer { padding: 0; }

	.footer-nav li,
	.footer-nav .desktop-hidden { display: block; }

	.footer-nav li + li { border-top: 1px solid #fff; }
	.footer-nav li + li:before { display: none; }
	.footer-nav a { font-size: 14px; line-height: 18px; display: block; padding: 6px 0; }

	.section-stats .logo { position: static; display: block; margin: auto; }
	.section-stats .section-container { padding: 15px 0; }
	.section-stats .section-foot { padding: 15px 0; }

	.section-about { padding: 20px 0; }
	.section-about .list-links { width: auto; float: none; padding: 30px 0 0; }
	.section-about .article { width: auto; float: none; padding: 0; }
	.section-about .article h2 { text-align: center; }

	.section-partners { padding-top: 10px; background-color: #fff; }

	.section-outro,
	.section-stats h1,
	.section-stats .section-image { display: none; }

	.burger { display: block; }
	.burger + .logo { display: block; float: none; margin: auto; }

	.user-area { font-size: 0; line-height: 0; position: absolute; top: 32px; right: 10px; margin-top: 0; }

	.user-area .logout { font-size: 10px; line-height: 1; }
	.user-area .logout span { display: inline-block; vertical-align: middle; }
	.user-area .logout .ico-times { margin-left: 5px; }

	.subnav { text-align: left; background: #f7f7f7; display: none; }
	.subnav.visible { display: block; }
	.subnav:before { content: none; }
	.subnav li { font-size: 18px; line-height: 25px; display: block; }
	.subnav li + li { border-top: 2px solid #fff; }
	.subnav a { color: #48484d; padding: 11px 0 9px; }
	.subnav [class^="ico-"] { float: none; }

	.subnav-container { position: absolute; top: 0; left: 0; right: 0; background-color: #f7f7f7; }

	.subnav a:before,
	.subnav a:after { content: none; }

	.subnav .nav-dropdown { display: none; position: static; top: auto; left: auto; right: auto; padding-top: 0; }
	.subnav .nav-dropdown .shell { padding: 0; }
	.subnav .nav-dropdown ul { margin: 0; -webkit-column-count: 3; -moz-column-count: 3; column-count: 3; -webkit-column-gap: 10px; -moz-column-gap: 10px; column-gap: 10px; }
	.subnav .nav-dropdown li,
	.subnav .nav-dropdown li:first-child { width: auto; float: none; padding: 0 0 10px 0; border: 0; }
	.subnav .nav-dropdown a { font-size: 11px; text-align: center; }
	.subnav .expanded .nav-dropdown { display: block; }

	.section-image-chart1 { height: 245px; overflow: hidden; }

	#chartId1 { max-width: none; overflow: hidden; margin-left: -20px;

		-webkit-transform: scale(0.6);
			-ms-transform: scale(0.6);
				transform: scale(0.6);

		-webkit-transform-origin: 0 0;
			-ms-transform-origin: 0 0;
				transform-origin: 0 0;
	}

	.section-intro .form-select { display: block; }
	.section-intro .btn-primary { display: block; margin-top: 15px; }
	.section-intro .btn.alignright { float: none; margin-bottom: 10px; }
	.section-intro .btn.alignright + p { padding: 0 0 10px; }

	.pies p { font-size: 8px; white-space: nowrap; }

	.principles { font-size: 14px; }

	.principle-1 { left: 29px; }
	.principle-2 { left: 41px; }
	.principle-3 { left: 35px; }
	.principle-4 { left: -66px; }
	.principle-5 { left: -122px; }

	.user-details { display: none; }

	.list-contact-details,
	.section-contact-details p { padding-left: 0; }
	.section-contact-details p { padding-right: 0; }
	.section-contact-details h2 br { display: none; }

	.section-data .slider-prev { margin-left: -150px; }
	.section-data .slider-next { margin-left: 125px; }

	.section-data .section-article { padding: 10px; }
	.section-data .section-article .article-head { padding-bottom: 0; }
	.section-data .section-article form { padding-bottom: 10px; }
	.section-data .section-article .form-select { display: block; margin-bottom: 10px; }

	.section-details { padding: 0 0 20px; }
	.section-details .section-image { width: auto; float: none; margin-bottom: 20px; }

	.progress-item-label { width: auto; float: none; display: block; }

	.progress-bar { width: auto; float: none; }

	.section-progress .section-form { text-align: left; }
	.section-progress .section-form .btn { width: 30%; padding-left: 0; padding-right: 0; }
	.section-progress .form-select { width: 65%; }

	.article-results .article-actions { padding-top: 0; }
	.article-results .article-actions .btn { margin-top: 15px; }

	.list-products { margin: auto; }
	.list-products li { width: auto; padding: 0 0 30px; }

	.section-products .section-foot { padding-top: 0; }
	.section-products .section-foot .btn { margin-top: 15px; }

	.section-contact { padding: 0; }
	.section-contact .section-body { padding: 10px; }

	.form-contact .form-body { padding-top: 20px; }
	.form-contact .form-row { padding-bottom: 10px; }
	.form-contact .form-actions { text-align: center; padding: 0; }

	.form-contact .field,
	.form-contact .form-error,
	.form-contact .form-label,
	.form-contact .form-controls { width: 100%; float: none; }

	.section-profile { padding: 0; }
	.section-profile .section-head { padding-bottom: 20px; }
	.section-profile .section-body { padding: 0; }

	.form-profile .form-section { padding: 10px; margin-bottom: 20px; }
	.form-profile .form-hint { display: block; float: none; margin-top: 5px; }
	.form-profile .form-label { width: auto; float: none; display: block; }
	.form-profile .form-controls { width: auto; float: none; display: block; }
	.form-profile .form-row { padding-bottom: 10px; }
	.form-profile .form-col + .form-col { padding-top: 10px; }
	.form-profile .checkbox { margin: 0; }


    /*.header_search_bar{display:none;}*/
    .shell ul li.burger_search{
        display: block !important;
        padding-top: 20px;
        padding-bottom: 10px;
    }


    .ico-comments,
    .ico-compare,
    .ico-contact,
    .ico-data,
    .ico-email,
    .ico-linkedin,
    .ico-list,
    .ico-next,
    .ico-pdf,
    .ico-prev,
    .ico-printer,
    .ico-share,
    .ico-times,
    .ico-user,
    .ico-viadeo,
    .ico-web,
    .ico-star-white,
    .ico-two-stars,
    .ico-three-stars,
    .ico-search{
        webkit-background-size: auto !important;
        background-size: auto !important;
    }

    .form-search .barre{ width: 100% !important; height: 38px;}
    .form-search .form-row{padding-top: 0px;}
    .form-search .form-actions{margin-bottom: 15px;}

    .cl_responsive{display: block; height: 0; font-size: 0; line-height: 0; text-indent: -4000px; clear: both; height: 20px;}
}

#burger_menu_search,
.burger_search{display: none !important;}

.visible{display: block !important;}

/*  Liste des tests utilisateurs  */
table.tableSorterTao {
	width: 100%;
	text-align: left;
}

table.tableSorterTao thead tr .header {
	background-image: url(images/bg.gif);
	background-repeat: no-repeat;
	background-position: center right;
	cursor: pointer;
}
table.tableSorterTao thead tr th, table.tableSorterTao tfoot tr th {
	border: 1px solid #FFF;
	font-size: 8pt;
	padding: 5px;
	color: #FFF;
}
table.tableSorterTao thead tr th, table.tableSorterTao tfoot tr th {
	background-color: #495158;
}
table.tableSorterTao tbody td {
	padding: 5px;
	background-color: #ECECEC;
	vertical-align: middle;
	border: 1px solid #FFF;
	color: black;
}

.btn.ionisx {
	margin-top: 10px; 
	padding: 7px; 
	background-color: white; 
	color:#363a43;
}

.btn.ionisx:hover {
	background-color: #e5e5e5;
	color:#555962;
}

.btn.ionisx img {
	height: 20px; 
	max-width: 100%;
}


.section-intro .section-image-secondary {
  margin:0;
}

.error{
	display:block;
	color:red;
}

#bx-pager
{color: silver; text-align: center;}

#bx-pager a
{text-decoration:none;
margin:0px 4px;}

#bx-pager a:hover
{text-decoration:none;}

.section-stats .section-image {
  width: 50%;
  float: right;
  text-align: center;
}

textarea.field { height: 78px; }

.form-contact textarea {
  width: 600px!important;
  height: 139px;
}

.list-partners a {
  width: 87px;
  height:87px;
  background-color:white;
  display: table-cell;
  vertical-align:middle;
}

.list-partners a img{
  max-width: 87px;
  max-height:87px;
}

.section-intro .pie p {
  padding: 10px 0;
}

.section-details .section-image svg text{
  font-family: 'Open Sans' sans-serif;
  font-size: 28px!important;
  fill:white;
  opacity:0.99;
  dominant-baseline:middle;
  text-shadow: 0 1px 3px rgba(0,0,0,.3);
  font-style: normal;
  font-weight: bold;
}

.section-data .slider-prev {
  margin-left: -550px;
  margin-top: -70px;
}

.section-data .slider-next {
  margin-left:-50px;
  margin-top:-70px;
}

section-body svg{
	margin:auto;	
}

.main p{color:black;}

#cke_pastebin{color:black;}

.confirm_alert{
	height:80px;
	overflow:hidden;

	animation-name: scroll_hide;
    animation-duration: 2s;
    animation-delay: 4.5s;
	 -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}
.confirm_alert div{
	background:white;
	padding:15px;
}

.confirm_alert div div{
	border:1px solid green;
	background-color:rgba(225,234,227,1);
	padding:15px;
	opacity:1;
	color:green;
	font-weight:bold;
	text-align:center;
	-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
	animation-name: opacity_hide;
    animation-duration: 1s;
    animation-delay: 4s;
	 -webkit-animation-fill-mode: forwards; /* Chrome, Safari, Opera */
    animation-fill-mode: forwards;
}

@keyframes scroll_hide {
	to {height:0px;
		}
}

@keyframes opacity_hide {
	to {opacity:0;
		}
}

.best_competence{
	max-width: 220px;
	white-space: nowrap;
	text-overflow: ellipsis;
	overflow: hidden;
	position: absolute;
	 display: inline;
	 padding: 3px 10px;
	 border-radius: 3px;
	 font-size: 17px;
	 width: auto;
	 line-height: 24px;
	 text-transform: uppercase;
	 color: #fff;
}

.best_competence_left{
	position:absolute;
	width:50%;
	height:100%;
}

.best_competence_right{
	position:absolute;
	margin-left:50%;
	width:50%;
	height:100%;
}

.best_competence_both{
	display:none;
}

@media only screen and ( max-width: 470px ) {
	.best_competence{
		max-width: 100%;
		white-space: nowrap;
		text-overflow: ellipsis;
		overflow: hidden;
		position: relative;
		left:auto!important;
		right:auto!important;
		top:auto!important;
		 display: block;
		 margin-top:5px;
		 padding: 3px 10px;
		 border-radius: 3px;
		 font-size: 13px;
		 width: auto;
		 line-height: 20px;
		 text-transform: uppercase;
	}
	
	.best_competence_right, .best_competence_left{
		display:none;
	}

	.best_competence_both{
		position:absolute;
		width:100%;
		display:block;
	}
}

.pie a:hover {
	text-decoration:none;	
}

.pie .circle {
	opacity:0;	
}

.approfondir .pie:hover .circle {
	opacity:1;
}

.approfondir .pie:hover text {
	fill:white!important;
	text-shadow: 0 1px 3px rgba(0,0,0,.3);
}

.progress-item-label {
  padding-right: 10px;
}

.section-details .section-content {
  min-height: 135px;
}

.competence_list{
	color:black;
	padding-left:45px;
	list-style: square;
}

.subnav a {
    display: block;
    position: relative;
    padding: 7px 28px 3px 22px;
}

SMALL, SUB, SUP { font-size: .83em } /*tu dois pouvoir jouer avec les propriétés d'interligne et de dimension des lignes ici*/ 
SUB { vertical-align: sub } 
SUP { vertical-align: super }
OL{list-style:decimal}

@media only screen and (min-width: 1023px){
	.list-products li:nth-child(4n+1){ 
		clear: both;
	}
}

@media only screen and (max-width: 1023px) and (min-width: 767px){
.list-products li:nth-child(3n+1){ 
	clear: both;
}
}

@media only screen and (max-width: 767px){
.list-products li{ 
	clear: both;
	width:80%;
	margin:0 10%;
}
}

#opposabilite ::-webkit-input-placeholder { color: #48484d; font-weight: 400; opacity: 1; }
#opposabilite :-moz-placeholder { color: #48484d; font-weight: 400; opacity: 1; }
#opposabilite ::-moz-placeholder { color: #48484d; font-weight: 400; opacity: 1; }
#opposabilite :-ms-input-placeholder { color: #48484d; font-weight: 400; opacity: 1; }

.lng-public{float: right;padding-bottom: 5px;}
.select-lng{
	color: #48484d;
	background-color: white;
	border: 1px solid white;
	width: 46px;
	padding: 0px;
	border-radius: 0px;
	margin: 0;
}
@media only screen and (max-width: 770px){
	.lng{font-size: 10px;position: absolute;right: 0;bottom: -26px;}
	.lng-public{
		right: 15px;
		bottom: 30px;
	}
}
.lng .lng-active{font-weight: bold;text-decoration: underline;}