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

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

@font-face {
font-family:'RobotoLight';
src:url('/RessourcesCentrales/fonts/Roboto/Light/roboto-light-webfont.eot');
src:url('/RessourcesCentrales/fonts/Roboto/Light/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
url('/RessourcesCentrales/fonts/Roboto/Light/roboto-light-webfont.woff') format('woff'),
url('/RessourcesCentrales/fonts/Roboto/Light/roboto-light-webfont.ttf') format('truetype'),
url('/RessourcesCentrales/fonts/Roboto/Light/roboto-light-webfont.svg#RobotoLight') format('svg');
font-weight:normal;
font-style:normal;
}

html{
font-size:16px;
}

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

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

h1 {
font-size:2.25rem;
text-transform:uppercase;
}

h2 {
font-size:1.75rem;
text-transform:uppercase;
}

h3 {
font-size:1.5rem;
text-transform:uppercase;
}

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:#622129;
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 {
color:#FFFFFF !important;
background-color:#622129;
padding:0.75rem 1rem;
margin-top:0.75rem;
display:inline-block;
cursor:pointer;
-webkit-transition:all 300ms ease;
-moz-transition:all 300ms ease;
-ms-transition:all 300ms ease;
-o-transition:all 300ms ease;
transition:all 300ms ease;
font-size:1rem;
}

.bouton:hover, .bouton:focus, .bouton:active  {
background-color:#dc4405;
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:#622129 !important;
}

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

.bouton.actif {
background-color:#FFFFFF;
}

.bouton.actif:hover, .bouton.actif:focus, .bouton.actif:active {
background-color:#dc4405;
}

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:RobotoBold, Verdana, Geneva, sans-serif;
}

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

[type="checkbox"] {
margin:0;
}

select, [type="checkbox"] {
margin-bottom:0;
}

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

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

[type="checkbox"] + label, [type="radio"] + label {
margin-right:0;
}


/***********************************************************/
/*******************     Header       **********************/
/***********************************************************/



/***********************************************************/
/*******************     Bandeau       *********************/
/***********************************************************/
div#bandeau {
position:relative;
}

div.logo {
position:absolute;
top:0;
left:0;
}

div.langue {
position:absolute;
top:50px;
right:10%;
font-size:1.25rem;
color:#FFFFFF;
}

div.langue a {
color:#FFFFFF;
}

div.langue a:hover {
color:#622129;
text-decoration: none;
}


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

div.main-content {
min-height:300px !important;
padding:2rem 0 !important;
}

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

div#main-content table {
border-spacing:0;
border-collapse:collapse;
padding-bottom:1rem;
}

div#main-content table thead {
background-color:#622129;
color:#FFFFFF;
}

div#main-content table a.bouton {
padding:0.375rem 0.5rem;
text-transform:inherit;
display:block;
margin:0;
}

table.epure {
font-family:RobotoLight, Verdana, Geneva, sans-serif;
}

table.epure tbody {
background-color:#F6F6F6;
border:none;
}

table.epure tbody tr:nth-child(2n) {
background-color:inherit;
}

table.epure tbody tr {
border-top:1px solid #F6F6F6;
}

table.epure tbody tr:last-child {
border-bottom:1px solid #F6F6F6;
}

table.epure tbody tr:nth-child(2n) {
background-color:#F6F6F6;
}

table.epure tbody tr td {
border-bottom:1px solid #dcdade;
}

.l10 {
width:10%;
}

.l20 {
width:20%;
}

.l30 {
width:30%;
}

.l70 {
width:70%;
}

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

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

.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;
color:#622129;
}


/***********************************************************/
/*******************     Wizard       **********************/
/***********************************************************/
ul.wizard {
list-style-type:none;
margin:0.75rem 0 0 0;
padding:0;
}

ul.wizard li {
background-color:#eaeaea;
width:33.15%;
float:left;
color:#622129;
margin-right:0.125rem;
font-size:1.25rem;
}

ul.wizard li:last-child {
margin-right:0;
}

ul.wizard li a, ul.wizard li a:link, ul.wizard li a:visited, ul.wizard li a:focus, ul.wizard li a:active {
display:block;
}

ul.wizard li.active a {
background-color:#622129;
color:#FFFFFF;
}

ul.wizard li.active a:hover, ul.wizard li.active a:focus, ul.wizard li.active a:active {
color:#FFFFFF;
}

ul.wizard li a {
padding:0.75rem 0.875rem;
color:#622129;
border:1px solid #898989;
}

ul.wizard li a:hover, ul.wizard li a:focus, ul.wizard li a:active {
color:#FFFFFF;
background-color:#622129;
text-decoration:none;
}

#btnPiecesJointes {
margin:1rem 0 0 0;
}

form#FormCaracteristiques h4 {
margin-top:1.5rem;
}


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

.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[type=text].invalid, textarea.invalid {
border:1px solid #d0432f;
margin-bottom:0;
}

.error-message {
display:inline-block;
background-color:#d0432f;
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;	
}


/***********************************************************/
/******************     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       **********************/
/***********************************************************/
footer {
font-size:0.875rem;
background-color:#FFFFFF;
}

footer ul {
list-style-type:none;
margin:1rem 0 0 0;
padding:0;
}

footer ul li {
margin:0 0.5rem 0 0;
}

footer div.small-12:last-child {
text-align:right;
padding:1.5rem 0 0 0;
}

footer p {
margin:0;
line-height:1.2;
}