@charset "utf-8";/* CSS Document */

/* normalize.css v1.0.1 | MIT License | git.io/normalize */article, aside, details, figcaption, figure, footer, header, hgroup, nav, section, summary {display: block}
audio, canvas, video {display: inline-block;*display:inline;*zoom:1}
audio:not([controls]) {display: none;height: 0}
[hidden] {display:none}
html {font-size: 100%;-webkit-text-size-adjust: 100%;-ms-text-size-adjust: 100%}
html, button, input, select, textarea {font-family: sans-serif}
body {margin: 0}
a:focus {outline: thin dotted}
a:active, a:hover {outline: 0}
h1 {font-size: 2em;margin: 0.67em 0}
h2 {font-size: 1.5em;margin: 0.83em 0}
h3 {font-size: 1.17em;margin: 1em 0}
h4 {font-size: 1em;margin: 1.33em 0}
h5 {font-size: 0.83em;margin: 1.67em 0}
h6 {font-size: 0.75em;margin: 2.33em 0}
abbr[title] {border-bottom: 1px dotted}
b, strong {font-weight: bold}
blockquote {margin: 1em 40px}
dfn {font-style: italic}
mark {background: #ff0;color: #000}
p, pre {margin: 1em 0}
code, kbd, pre, samp {font-family: tahoma, helvetica, arial, sans-serif;_font-family: tahoma, helvetica, arial, sans-serif;font-size: 1em}
pre {white-space: pre;white-space: pre-wrap;word-wrap: break-word}
q {quotes: none}
q:before, q:after {content: '';content: none}
small {font-size: 80%}
sub, sup {font-size: 75%;line-height: 0;position: relative;vertical-align: baseline}
sup {top: -0.5em}
sub {bottom: -0.25em}
dl, menu, ol, ul {margin: 1em 0}
dd {margin: 0 0 0 40px}
/*menu, ol, ul {padding: 0 0 0 40px}*/
nav ul, nav ol {list-style: none;list-style-image: none}
img {border: 0;-ms-interpolation-mode: bicubic}
svg:not(:root) {overflow: hidden}
figure {margin: 0}
form {margin: 0}
fieldset {border: 1px solid silver;margin: 0 2px;padding: 0.35em 0.625em 0.75em}
legend {border: 0;padding: 0;white-space: normal;*margin-left:-7px}
button, input, select, textarea {font-size: 100%;margin: 0;vertical-align: baseline;*vertical-align:middle}
button, input {line-height: normal}
button, html input[type="button"], input[type="reset"], input[type="submit"] {-webkit-appearance: button;cursor: pointer;*overflow:visible}
button[disabled], input[disabled] {cursor: default}
input[type="checkbox"], input[type="radio"] {box-sizing: border-box;padding: 0;*height:13px;*width:13px}
input[type="search"] {-webkit-appearance: textfield;-moz-box-sizing: content-box;-webkit-box-sizing: content-box;box-sizing: content-box}
input[type="search"]::-webkit-search-cancel-button, input[type="search"]::-webkit-search-decoration {-webkit-appearance:none}
button::-moz-focus-inner, input::-moz-focus-inner {border:0;padding:0}
textarea {overflow: auto;vertical-align: top}
table {border-collapse: collapse;border-spacing: 0}
.site-view, .site-header .inner, .site-menu .menu-inner, .site-menu .navigation, .site-footer, .site-footer-menu {zoom: 1}
.site-view:before, .site-header .inner:before, .site-menu .menu-inner:before, .site-menu .navigation:before, .site-footer:before, .site-footer-menu:before, .site-view:after, .site-header .inner:after, .site-menu .menu-inner:after, .site-menu .navigation:after, .site-footer:after, .site-footer-menu:after {content: "";display: table}
.site-view:after, .site-header .inner:after, .site-menu .menu-inner:after, .site-menu .navigation:after, .site-footer:after, .site-footer-menu:after {clear: both}
.visuallyhidden {border: 0;clip: rect(0 0 0 0);height: 1px;margin: -1px;overflow: hidden;padding: 0;position: absolute;width: 1px}
.visuallyhidden.focusable:active, .visuallyhidden.focusable:focus {clip: auto;height: auto;margin: 0;overflow: visible;position: static;width: auto}
.placeholder-elem {position: absolute;z-index: 1;cursor: text;padding: 5px 0;text-align: left;font-size: 1em;color: #555}
.placeholder-hide-except-screenreader {clip: rect(1px 1px 1px 1px);clip: rect(1px, 1px, 1px, 1px);padding: 0 !important;border: 0 !important;height: 1px !important;width: 1px !important;overflow: hidden}
.placeholder-hide {display: none}
.visuallyhidden-with-placeholder {height: auto !important;overflow: visible !important;position: absolute !important;left: -999em}
.gt-ie8 .site-view {overflow: hidden}
/*img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video {max-width: 100%}*/
img {height: auto}
.block-link:link, .block-link:visited, .block-link a:link, .block-link a:visited {display: inline-block;text-transform: uppercase;text-decoration: none;font-size: 0.875em;font-weight: 600;font-family: tahoma, helvetica, arial, sans-serif;color: #000;padding-right: 15px;background: url(../img/arrow/noir.png) right center no-repeat}
.data-section-pedagogie .block-link:link, .data-section-pedagogie .block-link:visited, .data-section-pedagogie .block-link a:link, .data-section-pedagogie .block-link a:visited {color: #54b848;background-image: url(../img/arrow/vert.png)}
.data-section-college .block-link:link, .data-section-college .block-link:visited, .data-section-college .block-link a:link, .data-section-college .block-link a:visited {color: #0051a2;background-image: url(../img/arrow/bleu.png)}
.data-section-admission .block-link:link, .data-section-admission .block-link:visited, .data-section-admission .block-link a:link, .data-section-admission .block-link a:visited {color: #ec4500;background-image: url(../img/arrow/orange.png)}
.data-section-vie-etudiante .block-link:link, .data-section-vie-etudiante .block-link:visited, .data-section-vie-etudiante .block-link a:link, .data-section-vie-etudiante .block-link a:visited {color: #46aba7;background-image: url(../img/arrow/turquoise.png)}
.block-link:hover, .block-link:focus, .block-link:active, .block-link a:hover, .block-link a:focus, .block-link a:active {opacity: 0.8}
.lt-ie9 .block-link:hover, .lt-ie9 .block-link:focus, .lt-ie9 .block-link:active, .lt-ie9 .block-link a:hover, .lt-ie9 .block-link a:focus, .lt-ie9 .block-link a:active {color: #959595}
.data-section-home .site-view {padding-top: 314px}
.data-section-home .site-view {padding-top: 508px}
.site-header {background-color: #0051a2}
.site-header .inner {max-width: 940px;padding: 10px 10px 20px;margin: 0 auto;position: relative;z-index: 3}
.lt-ie9 .site-header .inner {width: 940px}
.site-header .header {margin: 0 0 20px}
.site-header .logo-wrapper {margin: 0 auto;max-width: 100%;width: 300px}
.site-header .logo-wrapper .cdm-logo {width: 100%;padding-top: 19.66667%;background: url("../img/page_header_mobile.png") no-repeat center center;background-size: 100% 100%}
.site-header .cdm-logo {width: 0;height: 0}
.data-section-pedagogie .site-header {background-color: #54b848}
.data-section-vie-etudiante .site-header {background-color: #46aba7}
.data-section-admission .site-header {background-color: #ec4500}
.site-header .decoration {display: none}
.site-category-intro, .site-language-bar {display: none}
.site-header .logo-wrapper {max-width: 100%;width: 468px}
.site-header .logo-wrapper .cdm-logo {width: 100%;padding-top: 19.87179%;background: url("../img/page_header.png") no-repeat center center;background-size: 100% 100%}
.site-header {min-height: 389px;background: url(../images/header_main01_04.jpg) no-repeat top center}
.data-section-pedagogie .site-header {background-image: url(../img/bg/header_pedagogie.jpg)}
.data-section-vie-etudiante .site-header {background-image: url(../img/bg/header_vie_etudiante.jpg)}
.data-section-admission .site-header {background-image: url(../img/bg/header_admission.jpg)}
.site-header .inner {padding: 0 20px}
.data-section-pedagogie .site-header, .data-section-college .site-header, .data-section-vie-etudiante .site-header, .data-section-admission .site-header {background-color: transparent}
.site-header .logo-wrapper {margin: 0}
.site-header .decoration {display: block}
.site-header .triangle {width: 100%;height: auto;background: url(../images/blue_bg.png) top right no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%}
.no-svg .site-header .triangle {background: url(../images/blue_bg2.png) top right no-repeat;}
.data-section-pedagogie .site-header .triangle {background: url(../img/triangle/triangle-pedagogie.svg) top right no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%}
.no-svg .data-section-pedagogie .site-header .triangle {background: url(../img/triangle/triangle-pedagogie.png) top right no-repeat}
.data-section-vie-etudiante .site-header .triangle {background: url(../img/triangle/triangle-vie-etudiante.svg) top right no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%}
.no-svg .data-section-vie-etudiante .site-header .triangle {background: url(../img/triangle/triangle-vie-etudiante.png) top right no-repeat}
.data-section-admission .site-header .triangle {background: url(../img/triangle/triangle-admission.svg) top right no-repeat;-webkit-background-size: 100% 100%;-moz-background-size: 100% 100%;-o-background-size: 100% 100%;background-size: 100% 100%}
.no-svg .data-section-admission .site-header .triangle {background: url(../img/triangle/triangle-admission.png) top right no-repeat}
.site-header .decoration {position: absolute;top: 0;right: 50%;left: -260px;margin-right: -260px}
.site-header .header {margin: 0 }
.site-header .header .logo-wrapper {margin: 0}
.site-header .header .logo-wrapper img{left: -132px;position: relative;}
.data-section-home .site-header .header .logo-wrapper {margin: 0 auto}
.data-section-home .site-header {min-height: 314px;background: #000 url("../img/home_bg_tablet.jpg") top center no-repeat;position: fixed;top: 0;right: 0;left: 0}
.data-section-home .site-header .header {margin: 80px 0 10px}
.data-section-home .site-header .logo-wrapper {max-width: 100%;width: 503px}
.data-section-home .site-header .logo-wrapper .cdm-logo {width: 100%;padding-top: 24.25447%;background: url("../img/home_header_tablet.png") no-repeat center center;background-size: 100% 100%}
.data-section-home .site-header .decoration {display: none}
.site-category-intro {display: block;max-width: 250px;min-height: 125px;margin: 50px 0 0;color: #fff;font-family: tahoma, helvetica, arial, sans-serif;}
.site-category-intro .intro-title {margin: 0 0 10px;font-size: 2em;font-weight: 600;line-height: 1}
.site-category-intro p {margin: 10px 0;font-size: 1.125em;line-height: 1.33333}
.site-category-intro .link-more {color: #fff;font-size: 1em;font-weight: 600;text-transform: uppercase;text-decoration: none;padding-right: 15px;background: url(../img/arrow/blanc.png) right center no-repeat}
.site-category-intro .link-more:hover, .site-category-intro .link-more:focus, .site-category-intro .link-more:active {opacity: 0.8}
.lt-ie9 .site-category-intro .link-more:hover, .lt-ie9 .site-category-intro .link-more:focus, .lt-ie9 .site-category-intro .link-more:active {color: #959595}
.site-language-bar {display: block}
.site-header .header {margin: 0}
.data-section-home .site-header .header {margin: 120px 0 20px}
.data-section-home .site-header {min-height: 508px;background: #000 url("../img/home_bg.jpg") top center no-repeat;position: fixed;top: 0;right: 0;left: 0}
.data-section-home .site-header .logo-wrapper {max-width: 100%;width: 620px}
.data-section-home .site-header .logo-wrapper .cdm-logo {width: 100%;padding-top: 21.6129%;background: url("../img/home_header.png") no-repeat center center;background-size: 100% 100%}
.site-header .decoration {left: -180px;margin-right: -180px}
.site-menu .menu-inner {display: table;width: 100%;font-family: tahoma, helvetica, arial, sans-serif;/*-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px*/}
.site-menu ul {padding: 0;margin: 0}
.site-menu .menu-links {overflow: hidden;margin-top: 10px;display: none;background: #fff;background: rgba(255,255,255,0.9);/*-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;*/
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);box-shadow: 0 0 5px rgba(0,0,0,0.25)}
.site-menu .navigation {display: table-footer-group;text-align: center}
.site-menu .navigation a {display: block;padding: 15px 20px;text-decoration: none;text-transform: uppercase;color: #000;font-size: 0.875em;font-weight: 600;line-height: 1.07143;border: 0 solid transparent;-webkit-transition: padding 0.3s ease-in;-moz-transition: padding 0.3s ease-in;-o-transition: padding 0.3s ease-in;transition: padding 0.3s ease-in}
.site-menu .navigation a:hover, .site-menu .navigation a:focus, .site-menu .navigation a:active {background: #555;color: #fff}
.site-menu .navigation li+li {border-top: 1px solid #ccc}
.site-menu .menu-toggle {float: right;padding: 15px;line-height: 1.875;background: #fff;background: rgba(255,255,255,0.9);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);box-shadow: 0 0 5px rgba(0,0,0,0.25);-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px}
.site-menu .menu-toggle:hover, .site-menu .menu-toggle:focus, .site-menu .menu-toggle:active {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=70);opacity: 0.7}
.site-menu .menu-toggle img {display: block}
.site-menu .menu-aside {display: table-header-group}
.site-search {position: relative;margin-right: 60px;width: auto;vertical-align: middle;text-align: left;padding: 10px;background: #fff;background: rgba(255,255,255,0.9);-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);box-shadow: 0 0 5px rgba(0,0,0,0.25);-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;-webkit-transition: padding 0.3s ease-in;-moz-transition: padding 0.3s ease-in;-o-transition: padding 0.3s ease-in;transition: padding 0.3s ease-in}
.site-search .search-bar {width: 100%;padding: 5px 20px 5px 0;border: 1px solid #000;border-width: 0 0 1px;background: transparent;color: #000;-webkit-box-sizing: border-box;-moz-box-sizing: border-box;box-sizing: border-box;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0}
.site-search .search-bar:focus {outline: none}
.site-search .search-bar::-webkit-input-placeholder {font-size:1em;color:#555}
.site-search .search-bar:-moz-placeholder {font-size:1em;color:#555}
.site-search .search-bar::-ms-input-placeholder {font-size:1em;color:#555}
.site-search .submit-button {border: 0;background: transparent url('data:image/png;base64,iVBORw0KGgoAAAANSUhEUgAAABAAAAAOCAYAAAFRKKwcAAAAGXRFWHRTb2Z0d2FyZQBBZG9iZSBJbWFnZVJlYWR5ccllPAAAA2hpVFh0WE1MOmNvbS5hZG9iZS54bXAAAAAAADw/eHBhY2tldCBiZWdpbj0i77u/IiBpZD0iVzVNME1wQ2VoaUh6cmVTek5UY3prYzlkIj8+IDx4OnhtcG1ldGEgeG1sbnM6eD0iYWRvYmU6bnM6bWV0YS8iIHg6eG1wdGs9IkFkb2JlIFhNUCBDb3JlIDUuMC1jMDYxIDY0LjE0MDk0OSwgMjAxMC8xMi8wNy0xMDo1NzowMSAgICAgICAgIj4gPHJkZjpSREYgeG1sbnM6cmRmPSJodHRwOi8vd3d3LnczLm9yZy8xOTk5LzAyLzIyLXJkZi1zeW50YXgtbnMjIj4gPHJkZjpEZXNjcmlwdGlvbiByZGY6YWJvdXQ9IiIgeG1sbnM6eG1wTU09Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC9tbS8iIHhtbG5zOnN0UmVmPSJodHRwOi8vbnMuYWRvYmUuY29tL3hhcC8xLjAvc1R5cGUvUmVzb3VyY2VSZWYjIiB4bWxuczp4bXA9Imh0dHA6Ly9ucy5hZG9iZS5jb20veGFwLzEuMC8iIHhtcE1NOk9yaWdpbmFsRG9jdW1lbnRJRD0ieG1wLmRpZDpGNzdGMTE3NDA3MjA2ODExOTVDRjhCQzJBQkQ2RDlBOSIgeG1wTU06RG9jdW1lbnRJRD0ieG1wLmRpZDpCQTkxNjRCOTAwRTMxMUUyQTlCN0E2RTE1MUE4NjhBNyIgeG1wTU06SW5zdGFuY2VJRD0ieG1wLmlpZDpCQTkxNjRCODAwRTMxMUUyQTlCN0E2RTE1MUE4NjhBNyIgeG1wOkNyZWF0b3JUb29sPSJBZG9iZSBQaG90b3Nob3AgQ1M1LjEgTWFjaW50b3NoIj4gPHhtcE1NOkRlcml2ZWRGcm9tIHN0UmVmOmluc3RhbmNlSUQ9InhtcC5paWQ6RkM2MkJBRkEwRDIwNjgxMThBMTY5MzZDOTQxQTNDRDQiIHN0UmVmOmRvY3VtZW50SUQ9InhtcC5kaWQ6Rjc3RjExNzQwNzIwNjgxMTk1Q0Y4QkMyQUJENkQ5QTkiLz4gPC9yZGY6RGVzY3JpcHRpb24+IDwvcmRmOlJERj4gPC94OnhtcG1ldGE+IDw/eHBhY2tldCBlbmQ9InIiPz7QC26jAAAA3ElEQVR42mJggID9TFAGA0AAgdB9EMEIxPNBDIAAAiEHBjzgPUAAwRj/kUULoPR6ZGUO6Kpg4DxAAGEzQwBdtQKym5Adiw4EkNz8H4rPAwQQTDIBSRDDY/1oVpwH4gBkBdicDxdjwuGWCwxYvOWA5ha4CR+gwQ8CD4A4EckaAVyxEABTABBgyG7YDxUEBVIDFPdD4+I/lM+AKwD/Qw3Ap+Y9csAi+8EAyl6IxwCQPzcgqcUAMOcn4JCfD5Vfz0DAmfORghmG32MRm48vhHGBBCwGOTCQARSg0Qh2AQBPDUAVTdaRRAAAAABJRU5ErkJggg==') center center no-repeat;position: absolute;top: 10px;bottom: 10px;right: 10px;width: 20px;z-index: 10}
.site-search {display: none;padding-right: 20px;min-width: 180px;text-align: right;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none;background: transparent}
.site-search .search-bar {width: 160px;-webkit-transition: width 0.5s ease-out;-webkit-transition-delay: 0;-moz-transition: width 0.5s ease-out 0;-o-transition: width 0.5s ease-out 0;transition: width 0.5s ease-out 0}
.gt-ie8 .site-search .search-bar:focus {width: 200px}
.site-menu {margin: 10px 0 25px}
.site-menu .menu-inner {display: block;position: relative;background: #fff;background: rgba(255,255,255,0.9);/*	-webkit-border-radius: 5px 3px 3px 5px;-moz-border-radius: 5px 3px 3px 5px;-ms-border-radius: 5px 3px 3px 5px;-o-border-radius: 5px 3px 3px 5px;border-radius: 5px 3px 3px 5px;*/
	-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);box-shadow: 0 0 5px rgba(0,0,0,0.25)}
.lt-ie9 .site-menu .menu-inner {box-shadow: 0 0 5px #444;behavior: url(/PIE.htc)}
.site-menu .menu-toggle {display: none}
.site-menu .menu-links {margin: 0;display: block;background: transparent;-webkit-border-radius: 0;-moz-border-radius: 0;-ms-border-radius: 0;-o-border-radius: 0;border-radius: 0;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none}
.site-menu .navigation {display: block;width: 100%;vertical-align: middle;background: transparent}
.site-menu .navigation li:first-child a {position: relative;/*	-webkit-border-radius: 3px 0 0 3px;-moz-border-radius: 3px 0 0 3px;-ms-border-radius: 3px 0 0 3px;-o-border-radius: 3px 0 0 3px;border-radius: 3px 0 0 3px;*/
	behavior: url(/PIE.htc)}
@media screen and (-webkit-min-device-pixel-ratio:0) {.site-menu .navigation a {padding: 25px 18px!important;float: left} }	/*hack for chrome*/
.site-menu .navigation a {padding: 25px 20px;float: left}
.site-menu .navigation a:hover, .site-menu .navigation a:focus, .site-menu .navigation a:active {background-color: transparent;color: #999}
.site-menu .navigation a.data-active {color: #fff;background: #0051a2;border-color: #0051a2}
.data-section-pedagogie .site-menu .navigation a.data-active {background: #54b848;border-color: #54b848}
.data-section-vie-etudiante .site-menu .navigation a.data-active {background: #46aba7;border-color: #46aba7}
.data-section-admission .site-menu .navigation a.data-active {background: #ec4500;border-color: #ec4500}
.data-section-home .site-menu .navigation a.data-active {color: #000}
.site-menu .navigation li+li {border: none}
.site-menu {height: 65px;margin: 0 0 25px}
.site-menu .navigation {display: table-cell}
.site-menu .menu-aside {display: table-cell}
.site-search {margin: 7px 0;display: block}
.site-search .submit-button {right: 20px}
.site-language-bar {zoom: 1;position: absolute;top: 20px;right: 10px;padding: 10px;overflow: hidden;background: #fff;background: rgba(255,255,255,0.9);-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;-webkit-box-shadow: 0 0 5px rgba(0,0,0,0.25);-moz-box-shadow: 0 0 5px rgba(0,0,0,0.25);box-shadow: 0 0 5px rgba(0,0,0,0.25)}
.site-language-bar:before, .site-language-bar:after {content: "";display: table}
.site-language-bar:after {clear: both}
.lt-ie9 .site-language-bar {-webkit-box-shadow: 0 0 5px #444;-moz-box-shadow: 0 0 5px #444;box-shadow: 0 0 5px #444;behavior: url(/PIE.htc)}
.site-language-bar ul, .site-language-bar li {padding: 0;margin: 0}
.site-language-bar li {float: left}
.site-language-bar li+li:before {float: left;content: "|";margin: 0 6px}
.site-language-bar a {font-family: tahoma, helvetica, arial, sans-serif;font-size: 0.875em;color: #000;text-decoration: none;text-transform: uppercase}
.site-language-bar a:hover, .site-language-bar a:focus, .site-language-bar a:active {color: #555}
.site-language-bar .fb-icon {position: relative;top: 2px}
.site-breadcrumb {display: none;clear: both;padding: 10px 0;margin: 30px 0 0;border-bottom: 1px solid #000;font-size: 0.875em;zoom: 1}
.site-breadcrumb:before, .site-breadcrumb:after {content: "";display: table}
.site-breadcrumb:after {clear: both}
.site-breadcrumb ul {margin: 0;padding: 0}
.site-breadcrumb li {float: left}
.site-breadcrumb li+li:before {float: left;display: block;content: ">";margin: 0 7px}
.site-breadcrumb a {color: #000;text-decoration: none}
.site-breadcrumb a:hover, .site-breadcrumb a:focus, .site-breadcrumb a:active {text-decoration: underline}
.site-breadcrumb {display: block}
.site-footer {background: #333;padding: 25px 10px 0;position: relative;z-index: 5}
.site-footer-menu {clear: both;max-width: 940px;margin: 0 auto 25px;overflow: hidden;text-align: left;color:#fff;text-shadow:none;font-size:0.8em;font-weight:normal}
.lt-ie9 .site-footer-menu {width: 940px}
.site-footer-menu ul, .site-footer-menu li {padding: 0;margin: 0;list-style: none}
.site-footer-menu .menu ul {display: none}
.site-footer-menu .menu+.menu {border-top: 1px solid #ccc}
.site-footer-menu .menu-title {display: block;padding: 15px 20px;text-decoration: none;text-transform: uppercase;color: #000;font-family: tahoma, helvetica, arial, sans-serif;font-size: 0.875em;font-weight: 600;line-height: 1.07143}
.site-footer-menu .menu-title:hover, .site-footer-menu .menu-title:focus, .site-footer-menu .menu-title:active {background: #555;color: #fff}
.site-footer-generic {padding: 20px 10px 0;border-top: 1px solid #959595;text-align: center;color: #fff}
.site-footer-generic ul, .site-footer-generic li {padding: 0;margin: 0;list-style: none}
.site-footer-generic a {color: #fff;text-decoration: none}
.site-footer-generic a:hover, .site-footer-generic a:focus, .site-footer-generic a:active {color: #959595}
.site-footer-generic .label, .site-footer-generic .legal {color: #959595}
.site-footer-generic .footer-lang-bar {margin-bottom: 10px}
.site-footer-generic .contact, .site-footer-generic .internal-menu {margin-bottom: 30px}
.site-footer-generic .contact {line-height: 1.6}
.site-footer-generic .contact li {margin: 2px 0}
.site-footer-generic .contact-phone, .site-footer-generic .contact-fax {display: inline-block}
.site-footer-generic .contact-fax:before {content: "|";display: inline-block;margin: 0 7px}
.site-footer-generic .footer-lang-bar li {text-transform: uppercase;display: inline-block}
.site-footer-generic .footer-lang-bar li+li:before {content: "|";display: inline-block;margin: 0 7px}
.site-footer {padding: 20px 0}
.site-footer-menu {margin-bottom: 0;padding: 0 10px 0;background-color: transparent;-webkit-box-shadow: none;-moz-box-shadow: none;box-shadow: none}
.site-footer-menu .menu {width: 50%;float: left;text-align: center}
.site-footer-menu .menu li {margin: 5px 0;padding-right: 7px}
.site-footer-menu .menu ul {display: block}
.site-footer-menu .menu+.menu {border: none}
.site-footer-menu .menu+.menu+.menu {clear: left}
.site-footer-menu .menu+.menu+.menu+.menu {clear: none}
.site-footer-menu .menu-title {display: block;margin: 15px 0;padding: 0;font-size: 1.25em;font-family: tahoma, helvetica, arial, sans-serif;font-weight: 600;line-height: 1;text-transform: uppercase}
.site-footer-menu .menu-title:hover, .site-footer-menu .menu-title:focus, .site-footer-menu .menu-title:active {background-color: transparent}
.site-footer-menu a {color: #fff;text-decoration: none;font-size: 1em;font-family: tahoma, helvetica, arial, sans-serif;}
.site-footer-menu a:hover, .site-footer-menu a:focus, .site-footer-menu a:active {color: #959595}
.site-footer-menu .data-section-college .menu-title {color: #0051a2}
.site-footer-menu .data-section-college .menu-title:hover, .site-footer-menu .data-section-college .menu-title:focus, .site-footer-menu .data-section-college .menu-title:active {color: #00376f}
.site-footer-menu .data-section-pedagogie .menu-title {color: #54b848}
.site-footer-menu .data-section-pedagogie .menu-title:hover, .site-footer-menu .data-section-pedagogie .menu-title:focus, .site-footer-menu .data-section-pedagogie .menu-title:active {color: #439439}
.site-footer-menu .data-section-vie-etudiante .menu-title {color: #46aba7}
.site-footer-menu .data-section-vie-etudiante .menu-title:hover, .site-footer-menu .data-section-vie-etudiante .menu-title:focus, .site-footer-menu .data-section-vie-etudiante .menu-title:active {color: #378784}
.site-footer-menu .data-section-admission .menu-title {color: #ec4500}
.site-footer-menu .data-section-admission .menu-title:hover, .site-footer-menu .data-section-admission .menu-title:focus, .site-footer-menu .data-section-admission .menu-title:active {color: #b93600}
.site-footer-generic {padding-top: 50px}
.site-footer-generic .footer-lang-bar {display: none}
.site-footer-menu .menu {width: 25%;text-align: left}
.site-footer-menu .menu+.menu+.menu {clear: none}
.site-footer-generic .contact {line-height: normal}
.site-footer-generic li {display: inline-block;margin: 0}
.site-footer-generic li+li:before {content: "|";display: inline-block;margin: 0 7px}
.site-footer-generic .internal-menu {display: block}
.site-sidebar {display: table-footer-group;position: relative;z-index: 2}
.site-sidebar .sidebar-title {margin: 50px 0 20px;padding-bottom: 10px;border-bottom: 1px solid #000;color: #000;font-family: tahoma, helvetica, arial, sans-serif;font-size: 1.125em;font-weight: normal;line-height: 1;text-align: left}
.site-sidebar .side-block {max-width: 208px;margin: 0 auto 20px;border: 1px solid #e0e0e0;-webkit-border-radius: 1px;-moz-border-radius: 1px;-ms-border-radius: 1px;-o-border-radius: 1px;border-radius: 1px;text-align: left}
.site-sidebar .block-content {padding: 10px}
.site-sidebar .block-title {margin: 0 0 3px;font-size: 1em;font-weight: 600;font-family: tahoma, helvetica, arial, sans-serif;color: #000}
.site-sidebar .block-title a {color: inherit;text-decoration: none}
.site-sidebar .block-extract {margin: 3px 0;font-size: 0.875em;font-family: tahoma, helvetica, arial, sans-serif;color: #555}
.site-sidebar .block-link {margin-top: 25px}
.site-sidebar .side-block {display: inline-block;vertical-align: top;width: 47%;margin: 0 2px 20px}
.site-sidebar {display: block;float: right;width: 210px}
.site-sidebar .sidebar-title {margin-top: 0}
.site-sidebar .side-block {display: block;width: auto;margin-right: 0}
.site-mosaique {position: relative;clear: both;zoom: 1;max-width: 940px;padding: 0;margin: 20px auto}
.site-mosaique:before, .site-mosaique:after {content: "";display: table}
.site-mosaique:after {clear: both}
.site-mosaique .mosaique-block {max-width: 288px;margin: 0 auto 15px;border: 1px solid #ddd;background: #fff}
.site-mosaique .mosaique-block.data-highlight {max-width: 100%;width: 613px}
.site-mosaique .mosaique-block.data-section-pedagogie .block-link {color: #54b848;background-image: url(../img/arrow/vert.png)}
.site-mosaique .mosaique-block.data-section-college .block-link {color: #0051a2;background-image: url(../img/arrow/bleu.png)}
.site-mosaique .mosaique-block.data-section-admission .block-link {color: #ec4500;background-image: url(../img/arrow/orange.png)}
.site-mosaique .mosaique-block.data-section-vie-etudiante .block-link {color: #46aba7;background-image: url(../img/arrow/turquoise.png)}
.site-mosaique .block-content {padding: 10px}
.site-mosaique .block-title {margin: 0 0 10px;font-size: 1.25em;font-family: "Source Sans Pro", helvetica, arial, sans-serif;font-weight: 600;line-height: 1}
.site-mosaique .block-title a {color: #000;text-decoration: none}
.site-mosaique .data-highlight .block-title {font-size: 1.75em}
.site-mosaique .block-extract {margin: 10px 0;font-size: 1em;font-family: "Source Sans Pro", helvetica, arial, sans-serif;color: #555;line-height: 1.3}
.site-mosaique .data-highlight .block-extract {font-size: 1.25em}
.site-mosaique .block-link {display: inline-block;margin-top: 25px;text-transform: uppercase;text-decoration: none;font-size: 0.875em;font-weight: 600;font-family: "Source Sans Pro", helvetica, arial, sans-serif;color: #000;padding-right: 15px;background: url(../img/arrow/noir.png) right center no-repeat}
.data-section-pedagogie .site-mosaique .block-link {color: #54b848;background-image: url(../img/arrow/vert.png)}
.data-section-college .site-mosaique .block-link {color: #0051a2;background-image: url(../img/arrow/bleu.png)}
.data-section-admission .site-mosaique .block-link {color: #ec4500;background-image: url(../img/arrow/orange.png)}
.data-section-vie-etudiante .site-mosaique .block-link {color: #46aba7;background-image: url(../img/arrow/turquoise.png)}
.site-mosaique .block-link:hover, .site-mosaique .block-link:focus, .site-mosaique .block-link:active {opacity: 0.8}
.lt-ie9 .site-mosaique .block-link:hover, .lt-ie9 .site-mosaique .block-link:focus, .lt-ie9 .site-mosaique .block-link:active {color: #959595}
.site-mosaique .mosaique-block {float: left;width: 48%}
.site-mosaique .mosaique-block:nth-child(2n) {float: right}
.site-mosaique .mosaique-block:nth-child(2n+3) {clear: both}
.site-mosaique {width: 615px;margin: 50px auto}
.site-mosaique .mosaique-block {width: 288px;float: left;margin: 0 0 35px}
.site-mosaique .mosaique-block:nth-child(2n) {float: left}
.site-mosaique .block-content {padding: 20px}
.site-mosaique {width: 940px}
.site-contact-page .map {position: relative;clear: both;padding-bottom: 60%}
.site-contact-page .map .google-maps {position: absolute;top: 0;left: 0;height: 100%;width: 100%}
.site-contact-form {font-family: "Source Sans Pro", helvetica, arial, sans-serif}
.site-contact-form .placeholder-elem {padding: 5px;color: #555}
.site-contact-form .nospam {overflow: hidden;height: 0;margin: 0}
.site-contact-form .nospam+p {margin-top: 0}
.site-contact-form .error {display: block;margin-bottom: 5px;color: #a50933}
.site-contact-form .success {font-weight: bold}
.site-contact-form input, .site-contact-form textarea {box-sizing: border-box;padding: 5px;border: 1px solid #888}
.site-contact-form input:focus, .site-contact-form textarea:focus {outline: none}
.site-contact-form input::-webkit-input-placeholder, .site-contact-form textarea::-webkit-input-placeholder {font-size:1em;color:#555}
.site-contact-form input:-moz-placeholder, .site-contact-form textarea:-moz-placeholder {font-size:1em;color:#555}
.site-contact-form input::-ms-input-placeholder, .site-contact-form textarea::-ms-input-placeholder {font-size:1em;color:#555}
.site-contact-form input[type=text] {width: 250px}
.site-contact-form textarea {width: 100%;max-width: 400px}
.site-contact-form input[type=submit] {padding: 10px 20px;background: #0051a2;border: 0;color: #fff}
.site-contact-form input[type=submit]:hover, .site-contact-form input[type=submit]:focus, .site-contact-form input[type=submit]:active {background: #00376f}
.site-contact-form .map {position: relative;width: 100%;padding-bottom: 60%}
.site-contact-form .map .google-maps {position: absolute;top: 0;left: 0;right: 0;bottom: 0}
.site-contact-page .contact-info, .site-contact-page .site-contact-form {width: 49%;float: left}
.site-contact-page .site-contact-form {float: right}
.site-page {position: relative;clear: both;zoom: 1;z-index: 4;max-width: 940px;padding: 0 10px;margin: 20px auto}
.site-page:before, .site-page:after {content: "";display: table}
.site-page:after {clear: both}
.lt-ie9 .site-page {width: 940px}
.site-content-sidebar {display: table-header-group;position: relative}
.site-page {margin: 50px auto}
.site-content-sidebar {display: block;margin-right: 245px}
.site-content {color: #555;font-family: "Source Sans Pro", helvetica, arial, sans-serif}
.site-content .inner {background: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;behavior: url(/PIE.htc)}
.site-content .page-title {margin: 0 0 20px;font-family: "Source Sans Pro", helvetica, arial, sans-serif;font-size: 1.75em;font-weight: normal;line-height: 1.3125;color: #000}
.site-content .hightlight-title img {display: none}
.site-content h1, .site-content h2, .site-content h3, .site-content h4, .site-content h5, .site-content h6 {color: #000;font-weight: normal;font-family: "Source Sans Pro", helvetica, arial, sans-serif}
.site-content h1, .site-content h2 {margin: 30px 0 20px;font-size: 1.5em}
.data-section-pedagogie .site-content h1, .data-section-pedagogie .site-content h2 {color: #54b848}
.data-section-college .site-content h1, .data-section-college .site-content h2 {color: #0051a2}
.data-section-vie-etudiante .site-content h1, .data-section-vie-etudiante .site-content h2 {color: #46aba7}
.data-section-admission .site-content h1, .data-section-admission .site-content h2 {color: #ec4500}
.site-content h3 {margin: 20px 0;font-size: 1em;text-transform: uppercase}
.site-content h4 {margin: 15px 0;font-size: 1em;text-transform: uppercase}
.site-content h5, .site-content h6 {margin: 15px 0;font-size: 1em;font-weight: bold}
.site-content p {line-height: 1.4375}
.site-content ul {padding: 15px}
.site-content ol {padding: 0}
.site-content ul ul, .site-content ol ol {padding: 0 0 0 20px;margin: 0}
.site-content a {color: #000}
.site-content a:visited {color: #555}
.data-section-pedagogie .site-content a:hover, .data-section-pedagogie .site-content a:focus, .data-section-pedagogie .site-content a:active {color: #54b848}
.data-section-college .site-content a:hover, .data-section-college .site-content a:focus, .data-section-college .site-content a:active {color: #0051a2}
.data-section-vie-etudiante .site-content a:hover, .data-section-vie-etudiante .site-content a:focus, .data-section-vie-etudiante .site-content a:active {color: #46aba7}
.data-section-admission .site-content a:hover, .data-section-admission .site-content a:focus, .data-section-admission .site-content a:active {color: #ec4500}
.site-content a[href^=mailto] {text-decoration: none;color: #0051a2}
.site-content a[href^=mailto]:hover, .site-content a[href^=mailto]:focus, .site-content a[href^=mailto]:active {color: #333;text-decoration: underline}
.site-content strong, .site-content b {font-size: bold}
.site-content em, .site-content i {font-style: italic}
.site-content table {min-width: 100%;border-collapse: collapse;border: 1px solid #0051a2;margin: 20px 0}
.data-section-pedagogie .site-content table {border-color: #54b848}
.data-section-college .site-content table {border-color: #0051a2}
.data-section-vie-etudiante .site-content table {border-color: #46aba7}
.data-section-admission .site-content table {border-color: #ec4500}
.site-content th {text-align: left;color: #555;font-weight: bold;font-size: 1em;padding: 10px}
.site-content td {color: #555;font-size: 0.875em;padding: 10px}
.site-content th+th, .site-content td+td, .site-content th+td, .site-content td+th {border-left: 1px solid #0051a2}
.data-section-pedagogie .site-content th+th, .data-section-pedagogie .site-content td+td, .data-section-pedagogie .site-content th+td, .data-section-pedagogie .site-content td+th {border-color: #54b848}
.data-section-college .site-content th+th, .data-section-college .site-content td+td, .data-section-college .site-content th+td, .data-section-college .site-content td+th {border-color: #0051a2}
.data-section-vie-etudiante .site-content th+th, .data-section-vie-etudiante .site-content td+td, .data-section-vie-etudiante .site-content th+td, .data-section-vie-etudiante .site-content td+th {border-color: #46aba7}
.data-section-admission .site-content th+th, .data-section-admission .site-content td+td, .data-section-admission .site-content th+td, .data-section-admission .site-content td+th {border-color: #ec4500}
.site-content tr {border-top: 1px solid #0051a2}
.data-section-pedagogie .site-content tr {border-color: #54b848}
.data-section-college .site-content tr {border-color: #0051a2}
.data-section-vie-etudiante .site-content tr {border-color: #46aba7}
.data-section-admission .site-content tr {border-color: #ec4500}
.site-content thead {background-color: #0051a2}
.data-section-pedagogie .site-content thead {background-color: #54b848}
.data-section-college .site-content thead {background-color: #0051a2}
.data-section-vie-etudiante .site-content thead {background-color: #46aba7}
.data-section-admission .site-content thead {background-color: #ec4500}
.site-content thead th {text-align: center;color: #fff}
.site-content blockquote {color: #555;font-size: 1.5em;font-style: italic;padding: 20px 0;margin: 30px 0}
.site-content .inner {padding: 20px}
.site-content .page-title {margin: 0 0 40px;font-size: 2em}
.site-content .deco {content: " ";position: absolute;min-height: 200px;top: 20px;bottom: 20px;right: -180px;width: 180px;background: url(../img/shadow-body.png) center left repeat-y}
.site-content .deco:before {content: " ";position: absolute;top: 0;left: 0;width: 180px;height: 125px;background: url(../img/shadow-top.png) top left no-repeat}
.site-content .deco:after {content: " ";position: absolute;bottom: 0;left: 0;width: 180px;height: 125px;background: url(../img/shadow-bottom.png) bottom left no-repeat}
.site-content .hightlight-title {overflow: hidden;position: relative}
.site-content .hightlight-title img {display: inline-block;max-width: none;min-width: 100%}
.site-content .hightlight-title .page-title {max-width: 400px;position: absolute;bottom: 10px;left: 10px;right: 10px;margin: 0;color: #555;font-size: 2em;font-weight: 400;line-height: 1.40625}
.site-content .hightlight-title .bg-color {background: #fff;background: rgba(255,255,255,0.9)}
.site-content blockquote {margin: 40px auto;max-width: 80%}
.section-home-wrapper {zoom: 1;position: relative;background: #fff;z-index: 4;-webkit-box-shadow: 0 0 40px rgba(70,70,70,0.7);-moz-box-shadow: 0 0 40px rgba(70,70,70,0.7);box-shadow: 0 0 40px rgba(70,70,70,0.7)}
.section-home-wrapper:before, .section-home-wrapper:after {content: "";display: table}
.section-home-wrapper:after {clear: both}
.section-home-presentation {display: none;max-width: 940px;padding: 0 10px;margin: 50px auto;text-align: center}
.lt-ie9 .section-home-presentation {width: 940px}
.section-home-presentation .inner {padding-bottom: 50px;border-bottom: 1px solid #000}
.section-home-presentation p {margin: 0 auto;max-width: 800px;font-family: "Source Sans Pro", helvetica, arial, sans-serif;font-size: 1.25em;color: #555}
.section-home-presentation p:first-line {font-size: 1.2em;color: #000}
.section-home-presentation {display: block}
.site-search-results {display: table-header-group;position: relative;color: #555;font-family: "Source Sans Pro", helvetica, arial, sans-serif}
.site-search-results .inner {padding: 10px;background: #fff;-webkit-border-radius: 3px;-moz-border-radius: 3px;-ms-border-radius: 3px;-o-border-radius: 3px;border-radius: 3px;behavior: url(/PIE.htc)}
.site-search-results .page-title {margin: 0 0 40px;font-family: "Source Sans Pro", helvetica, arial, sans-serif;font-size: 2em;font-weight: normal;line-height: 1.3125;color: #000}
.site-search-results .sisea-hightlight {color: #0051a2}
.site-search-results .search-results {margin-bottom: 30px}
.site-search-results .search-result {margin: 20px 0}
.site-search-results .search-result p {margin: 5px 0}
.site-search-results .search-result-title {margin: 0 0 5px;font-size: 1em;font-weight: normal}
.site-search-results .search-paging {margin-top: 30px}
.site-search-results .search-result-pages {display: inline-block;margin-right: 10px}
.site-search-results a {color: #0051a2;text-decoration: none}
.site-search-results a:visited {color: #006ad5}
.site-search-results a:hover, .site-search-results a:focus, .site-search-results a:active {filter:progid:DXImageTransform.Microsoft.Alpha(Opacity=80);opacity: 0.8}
.site-search-results {display: block}
.site-search-results .inner {padding: 20px}
.site-search-results .deco {content: " ";position: absolute;top: 20px;bottom: 20px;right: -180px;width: 180px;background: url(../img/shadow-body.png) center left repeat-y}
.site-search-results .deco:before {content: " ";position: absolute;top: 0;left: 0;width: 180px;height: 125px;background: url(../img/shadow-top.png) top left no-repeat}
.site-search-results .deco:after {content: " ";position: absolute;bottom: 0;left: 0;width: 180px;height: 125px;background: url(../img/shadow-bottom.png) bottom left no-repeat}
.site-blog {padding-bottom: 40px}
.site-blog .paging {position: absolute;bottom: 0;left: 0;right: 0;text-align: center}
.site-blog .paging ul {margin: 0;padding: 0}
.site-blog .paging li {display: inline-block;margin: 0 10px}
.site-blog .paging a:link, .site-blog .paging a:visited {color: #0051a2;text-decoration: none}
.site-blog .paging a:hover, .site-blog .paging a:focus, .site-blog .paging a:active {color: #555}
.site-blog .paging a.active {color: #555}
.site-blog .post-meta {margin: 0 0 10px;color: #0051a2;font-size: 1em}
.portfolio{width:940px;float:left;background:url(../images/bg_gradien.gif) no-repeat}