/*****   FONT   *****/
@font-face {
font-family:'OpenSansRegular';
src:url('/RessourcesCentrales/fonts/OpenSans/Regular/opensans-regular-webfont.eot');
src:url('/RessourcesCentrales/fonts/OpenSans/Regular/opensans-regular-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/OpenSans/Regular/opensans-regular-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/OpenSans/Regular/opensans-regular-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/OpenSans/Regular/opensans-regular-webfont.svg#OpenSansRegular') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'OpenSansBold';
src:url('/RessourcesCentrales/fonts/OpenSans/Bold/opensans-bold-webfont.eot');
src:url('/RessourcesCentrales/fonts/OpenSans/Bold/opensans-bold-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/OpenSans/Bold/opensans-bold-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/OpenSans/Bold/opensans-bold-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/OpenSans/Bold/opensans-bold-webfont.svg#OpenSansBold') format('svg');
font-weight:normal;
font-style:normal;
}

@font-face {
font-family:'OpenSansItalic';
src:url('/RessourcesCentrales/fonts/OpenSans/Italic/opensans-italic-webfont.eot');
src:url('/RessourcesCentrales/fonts/OpenSans/Italic/opensans-italic-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/OpenSans/Italic/opensans-italic-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/OpenSans/Italic/opensans-italic-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/OpenSans/Italic/opensans-italic-webfont.svg#OpenSansItalic') format('svg');
font-weight:normal;
font-style:normal;
}

html{
font-size:16px;
}

body {
margin:0;
padding:0;
font-family:OpenSansRegular, Verdana, Geneva, sans-serif;
color:#000000;
}

h1, h2, h3, h4, h5, h6 {
font-family:OpenSansRegular, Verdana, Geneva, sans-serif;
color:#000000;
margin-top:1.25rem;
line-height:1;
}

h1 {
font-size:2.25rem;
}

h2 {
font-size:1.75rem;
}

h3 {
font-size:1.5rem;
}

h4 {
font-size:1.375rem;
}

h5 {
font-size:1.25rem;
}

h6 {
font-size:1.125rem;
}

a, a:link, a:visited, a:focus, a:active {
color:#ed1c2c;
text-decoration:none;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a:hover {
text-decoration:underline;
}

a img {
opacity:1;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

a:hover img, a:focus img, a:active img {
opacity:0.8;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

.bouton {
font-family:OpenSansBold, Verdana, Geneva, sans-serif;
font-size:1.125rem;
padding:1.125rem 2.5rem;
background-color:#ed1c2c;
color:#FFFFFF !important;
display:inline-block;
line-height:1;
cursor:pointer;
border:0;
-webkit-border-radius:100px 100px 100px 100px;
border-radius:100px 100px 100px 100px;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

.bouton:hover, .bouton:focus, .bouton:active  {
background-color:#f14956;
text-decoration:none;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;	
}

.bouton.secondaire {
background-color:#FFFFFF;
color:#ed1c2c !important;
}

.bouton.secondaire:hover, .bouton.secondaire:focus, .bouton.secondaire:active {
color:#f14956 !important;
}

div.clear {
clear:both;
height:0;
font-size:0;
line-height:0;
margin:0;
padding:0;
border:0;
}

.gauche {
text-align:left;
}

.droite {
text-align:right;
}

.centrer {
text-align:center;
}

.espacementTopMini {
margin-top:1rem;
}

.espacementTop {
margin-top:2rem;
}

.espacementBottom {
margin-bottom:2rem;
}

.marginLeft {
margin-left:1.5rem;
}

.marginBottom {
margin-bottom:0.75rem;
}

.noMarginTop {
margin-top:0;
}

.noMarginBottom {
margin-bottom:0;
}

.strong {
font-family:OpenSansBold, Verdana, Geneva, sans-serif;
}

label {
font-family:OpenSansBold, Verdana, Geneva, sans-serif;
background-color:none;
color:#ed1c2c;
}

.column:last-child:not(:first-child), .columns:last-child:not(:first-child) {
float:left;
}

.columns .columns {
padding-right:0;
padding-left:0;
}

div.listeElement {
float:left;
background-color:#e8e8e8;
padding:3px 5px 3px 5px;
margin:3px 3px 3px 3px;
font-size:85%;
font-weight:bold;
}

div.listeCours {
min-height: 100px;
}

div.options-horizontales {
border:1px solid #666;
}

ul.options-horizontales {
margin:0;
padding:0;
list-style-type:none;
}

ul.options-horizontales li {
margin:0;
padding:0;
float:left;
width:33%;
cursor:pointer;
white-space:nowrap;
overflow:hidden;
background:#F0F0F0;
border-top:1px solid #FDFDFD;
border-left:1px solid #FDFDFD;
}

ul.options-horizontales label {
font-weight:normal;
display:block;
padding:5px;
border-right:1px solid #C8C8C8;
border-bottom:1px solid #C8C8C8;
}

ul.options-horizontales input {
background:none;
border:none;
margin:0;
}

ul.options-horizontales label strong {
font-weight:bold;
font-size:1.125rem;
}

ul.options-horizontales label span {
color:#666;
margin-left:1rem;
}

.noWrap {
white-space:nowrap;
}

tr.inactif td {
background-color:#f1f2f1 !important;
}

input#Conditions {
margin:0 0.5rem 0 0;
}


/***********************************************************/
/*******************     Header       **********************/
/***********************************************************/
div#header {
padding:1rem 0;
}

div#header img.logo {
width:180px;
}

div#header div.large-9 a {
margin:4rem 0 0 1rem;
}

div#header div.row:last-child {
text-align: right;
}


/***********************************************************/
/*******************     Bandeau       *********************/
/***********************************************************/
div#bandeau {
background:url("../images/design/edao.jpg") no-repeat top center;
height:350px;
background-size:cover;
}


/***********************************************************/
/*****************     Page de login       *****************/
/***********************************************************/
body.body-connexion div#main-content {
background-color:#ed1c2c;
background-image:none;
}

body.body-connexion div#main-content div.panelConnexion {
background-color:#FFFFFF;
padding:2rem 0;
margin-top:3rem;
-webkit-border-radius:40px 40px 40px 40px;
border-radius:40px 40px 40px 40px;
}

body.body-connexion div#main-content div.panelConnexion h2 {
text-align:center;
}

body.body-connexion div#main-content div.panelConnexion a.boutonSecondaire {
background-color:#FFFFFF;
color:#ed1c2c;
font-size:0.875rem;
}

body.body-connexion div#main-content div.panelConnexion a.boutonSecondaire:hover, body.body-connexion div#main-content div.panelConnexion a.boutonSecondaire:focus, body.body-connexion div#main-content div.panelConnexion a.boutonSecondaire:active {
background-color:#FFFFFF;
color:#000000;
font-size:0.875rem;
}


/***********************************************************/
/****************     Main-content       *******************/
/***********************************************************/
div#main-content {
min-height:300px !important;
padding:2rem 0 6rem 0 !important;
}

div#main-content p {
line-height:1.4;
}

.discret {
font-style:italic;
font-size:0.75rem;
}

ul.listeElement {
margin:0;
padding:0;
list-style-type:none;
}

ul.listeElement li i {
padding:0 0.5rem 0 0;
}


body.body-intranet div#main-content a {
color:#000000;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

body.body-intranet div#main-content a:hover, body.body-intranet div#main-content a:focus, body.body-intranet div#main-content a:active {
color:#ed1c2c;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

body.body-intranet div#main-content a i {
font-size:3rem;
float:left;
color:#ed1c2c;
margin:0 1rem 0.375rem 0;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

body.body-intranet div#main-content a:hover i, body.body-intranet div#main-content a:focus i, body.body-intranet div#main-content a:active i {
color:#f14956;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

body.body-intranet div#main-content div.texte-important {
font-size:2rem;
font-family:PlayfairDisplayBold, Verdana, Geneva, sans-serif;
float:left;
}

.label, .label.primary {
background:inherit;
}

div.formCorps table.formulaire input {
margin:0;
}

div.formCorps table.formulaire br {
display:none;
}

/*--- TABLEAUX ---*/
table.donnees {
border-collapse:collapse;
margin:0 0 10px 0;
width:100%;
background-color:#F8F8F8;
border:1px solid #DEDEDE;
}

table.donnees th {
text-align:left;
padding:5px 10px;
border-bottom:1px solid #DEDEDE;
background-color:#F5F5F5;
white-space:nowrap;
color:#9C9C9C;
font-weight:bold;
font-size:120%;
}

table.donnees td {
text-align:left;
padding:5px 10px;
border-bottom:1px solid #DEDEDE;
vertical-align:top;
background-color:#FFF;
color:#4B545A;
font-weight:normal;
}

table.donnees td.centre {
text-align:center;
}

table.donnees td.colonne {
background:#F5F5F5;
}

table.donnees td p {
margin-bottom:0;
}

table.donnees td a i {
opacity:1;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

table.donnees td a:hover i {
opacity:0.8;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
}

table.donnees tfoot td {
border-top:2px solid #AAA;
text-align:left;
background-color:#FBFBFB;
}

table.donnees caption {
text-align:right;
color:#666;
font-weight:bold;
margin:0 0 0 -1px;
padding:4px;
font-size:120%;
text-align:center;
}

table.donnees ul {
list-style-type:none;
margin:0;
padding:0;
}

table.donnees ul li i {
padding:0;
font-size:0.875rem;
}

table.maxWidth {
width:100%;
}

div.pagination {
padding:0 10px;
}

div.ra-pagination ul {
list-style-type:none;
margin:0;
padding:0;
}

div.ra-pagination ul li {
float:left;
padding:0 0.25rem;
}

.green {
color:#14c13d;
}

.red {
color:#ed1c2c;
}


/* Erreurs de saisie */
.messages-box.error {
background-color:#ed1c2c;
border-color:#ed1c2c;
}

.messages-box {
background-size:40px 40px;
background-image:linear-gradient(135deg, rgba(255, 255, 255, .05) 25%, transparent 25%, transparent 50%, rgba(255, 255, 255, .05) 50%, rgba(255, 255, 255, .05) 75%, transparent 75%, transparent);
box-shadow:inset 0 -1px 0 rgba(255,255,255,.4);
width:100%;
border:1px solid;
color:#FFFFFF;
padding:15px;
text-shadow:0 1px 0 rgba(0,0,0,.5);
animation:animate-bg 5s linear infinite;
margin:0 0 1rem 0;
text-align:left;
}

@keyframes animate-bg {
from {
background-position:0 0;
}
to {
background-position:-80px 0;
}
}

input.invalid, select.invalid, textarea.invalid {
border:1px solid #ed1c2c;
margin-bottom:0;
}

.error-message {
display:inline-block;
background-color:#ed1c2c;
color:#FFFFFF;
width:100%;
margin-bottom:14px;
padding:0.3em 0.5em;
font-size:85%;
}

/*---- confirmation ----*/
.confirmation {
margin-left:1rem;	
}

.confirmation h1 {
font-size:1.5rem;
}

.confirmation p {
font-size:0.875rem;
}

.confirmation a.ok {
padding:10px 20px;
color:#FFFFFF;
background-color:#95A6B3;
float:right;	
}

div.confirmationCourriel {
background-color:#ed1c2c;
text-align:center;
margin:3rem 0;
}

div.confirmationCourriel h2 {
color:#FFFFFF !important;
margin-bottom:1.5rem;
}


/***********************************************************/
/******************     Page 404       *********************/
/***********************************************************/
.body-404 {
background-color:#F1F0F8;
text-align:center;
}

.body-404 img {
width:450px;
margin:60px 0px 20px 0px;
}

.body-404 p {
text-align:center;
font-size:2rem;
color:#1F1F1F;
}

.body-404 a {
color:#1F1F1F;
font-size:1.25rem;
}

.body-404 a:hover, .body-404 a:active, .body-404 a:focus {
color:#687B80;
}


/***********************************************************/
/*******************     Footer       **********************/
/***********************************************************/