/* Titres */
.TitrePage {
	font-family: MyriadPro,Arial,Helvetica,sans-serif;
	font-size: 13pt;
	color: #AE0D18;
	font-weight: bold;
}

.TitreBlocRed{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 11pt;
	color: #AE0D18;
	font-weight: bold;
}

/* Menus de navigation */
.MenuRubselect{
	font-family: Arial,Helvetica,sans-serif;
	font-size: 9pt;
	font-weight: bold;
	color: #0000CC;
	text-decoration: underline;
}
 
/* styles de contenu */
.Slogan {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 10px;
	font-weight: bold;
	color: #636163
}

.AccrocheLogin {
	font-family: Arial,Helvetica,sans-serif;
	font-size: 8pt;
	font-weight: bold;
	color: #AE0D18;
	text-decoration: none;
}


/** AJOUT V12 **/

body {
    background-image: url("images/back_pattern.png");
    background-repeat: repeat;
}

.outer {
    display: table;
    position: absolute;
    left: 0;
    height: 90%;
    width: 100%;
}

.middle {
    display: table-cell;
    vertical-align: middle;
}

.form-vocaza {
    font: 95% Arial, Helvetica, sans-serif;
    margin-left: auto;
    margin-right: auto;
    max-width: 450px;
    margin-bottom: 10%;
    padding: 16px;
}

.form-vocaza .bloc-title{
    margin-bottom: 10%
}

.title{
    font: 115% MyriadPro, Arial;
    text-align: center;
    color: #5E6062;
}

.subtitle{
    font: 105% OpenSansRegular, Arial;
    text-align: center;
    color: #A4A4A4;
}

.form-vocaza input[type="password"], .form-vocaza input[type="text"] {
    outline: none;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    width: 100%;
    background: #fff;
    margin-bottom: 4%;
    border: 1px solid #ccc;
    padding: 3%;
    color: #555;
    font: 85% OpenSansRegular, Helvetica;
}

.form-vocaza input[type="password"]:focus, .form-vocaza input[type="text"]:focus {
    box-shadow: 0 0 5px #fff;
    padding: 3%;
    border: 1px solid rgb(139, 139, 139);
}

.form-vocaza input[type="submit"],
.form-vocaza input[type="button"] {
    font-family: OpenSansRegular, Helvetica;
    font-size: 100%;
    box-sizing: border-box;
    -webkit-box-sizing: border-box;
    -moz-box-sizing: border-box;
    margin-top: 25px;
    width: 100%;
    padding: 3%;
    border: 0px;
    background: #3C3C3B;
    color: #FFFFFF;
    text-transform: uppercase;
    cursor: pointer;
}

.form-vocaza input[type="submit"]:hover,
.form-vocaza input[type="button"]:hover {
    background: rgb(88, 88, 87);
}

.alert-danger {
    background-color: #f2dede;
    border-color: #ebccd1;
    color: #a94442;
}

.alert {
    margin-bottom: 1.25rem;
}

.alert-row {
    padding: 5px 5px 5px 10px;
}

.front-text {
    font: 115% OpenSansRegular, Arial;
    text-align: center;
    color: rgb(75, 75, 75);
    margin-bottom: 40px;
}

footer {
    background:#3C3C3B;
    position: fixed;
    bottom:0;
    left:0;
    width:100%;
}

footer img {
	margin-left: auto;
    margin-right: auto;
    display: block;
    width: 100px;
    padding: 10px;
}