/************* FLASH OUT **************/
.alert-success {
    color: green;
}

.alert-danger {
    color: red;
}

html {
    font-family: 'Times New Roman', serif;
}

body {
    width: 1025px;
    margin: auto;
}
.wrapper{
	max-width : 1025px;
	margin : 0 auto;
}

em {
    font-style: italic;
}

strong {
    font-weight: bold;
}
.red{
	color : red;
}

h1 {
    text-align: center;
    color: #444C95;
    font-size: 3em;
}

h2 {
    text-align: center;
    font-size: 2em;
    color: #444C95;
}

.BlueMatik {
    color: #444C95;
}

.bold {
    font-weight: bold;
}

.justify {
    text-align: left;
}


/* Bouton Contact */

.BtContact {
    margin: 0 auto;
	padding-top : 1.5em;
    text-align: center;
}

.BtContact a {
    text-decoration: none;
    color: #444C95;
}

.txtBt {
    color: #363792;
    text-decoration: underline;
    height: 2.5em;
    display: inline-block;
    vertical-align: middle;
    margin-left: 1em;
    font-size: 1em;
}


/* HEADER */

.header {}

a.logo {
    height: 100px;
    width: 360px;
    display: block;
    background: url(../images/14matik_Logotype.png) no-repeat center center;
    float: left;
}

.headerbaseline {
    margin-top: 2em;
    float: right;
    margin-right: 3em;
}

.imgHeader {
    margin-bottom: -4px;
}

/* MENU */

.navmenu {
    margin-left: 200px;
    margin-top: -24px;
    font-family: 'Calibri', sans-serif;
    font-style: italic;
}

.navmenu ul li {
    display: inline;
    padding: 0 3em;
}

.navmenu ul li a {
    color: #404040;
    font-weight: bold;
    text-decoration: none;
}

.active a{
    color: #000099!important;
    font-weight: 500;
}

.navSousmenu {
   /*  background-color: #444C95; */
	background: -moz-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#333399', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    padding-left: 15em;
    margin-top: 0.5em;
    padding-top: 0.3em;
    padding-bottom: 0.3em;
    margin-bottom: -3px;
}

.navSousmenu ul li {
    display: inline;
    padding-right: 3em;
}

.navSousmenu ul li a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}

.active2 a{
    color: #C3E0FC!important;
}

.menuunderline {
    background: -moz-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#333399', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    width: 100%;
    height: 1.5em;
    margin-top: 0.5em;
    margin-bottom: -1px;
}


/* ---------------------     index      ---------------------- */

.section1Text {
    width: 100%;
    position: relative;
    height: 325px;
    font-family: "Times New Roman", serif;
}

.linestyleblanc {
    background-color: #EAEDF1;
    margin-top: -1px;
    position: absolute;
    z-index: 1;
}

.textindex {
    text-align: center;
    padding: 0 3em;
    font-size: 1.3em;
    position: absolute;
    z-index: 2;
}

.textindex .p1 {
    margin-bottom: 1em;
    color: #474749;
    font-weight: bold;
    font-size: 1em;
}

.textindex .p2 {
    margin-bottom: 1em;
    font-size: 1em;
}

.textindex .p3 {
    font-weight: bold;
    color: #474749;
    font-size: 1.2em;
}

.sectionPrestationSmall {
    width: 100%;
    margin-top: -80px;
    position: relative;
    height: 40vh;
}

.linestylegris {
    position: absolute;
}

.nosPrestations {
    position: absolute;
    padding-top: 3em;
    width: 100%;
    height: 100%;
    background: -moz-linear-gradient(-45deg, rgba(51, 51, 153, 0.85) 0%, rgba(51, 51, 153, 0.85) 16%, rgba(81, 122, 189, 0.85) 21%, rgba(51, 51, 153, 0.85) 27%, rgba(51, 51, 153, 0.85) 42%, rgba(81, 122, 189, 0.85) 50%, rgba(51, 51, 153, 0.85) 58%, rgba(51, 51, 153, 0.85) 74%, rgba(81, 122, 189, 0.85) 82%, rgba(51, 51, 153, 0.85) 89%, rgba(51, 51, 153, 0.85) 100%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(51, 51, 153, 0.85) 0%, rgba(51, 51, 153, 0.85) 16%, rgba(81, 122, 189, 0.85) 21%, rgba(51, 51, 153, 0.85) 27%, rgba(51, 51, 153, 0.85) 42%, rgba(81, 122, 189, 0.85) 50%, rgba(51, 51, 153, 0.85) 58%, rgba(51, 51, 153, 0.85) 74%, rgba(81, 122, 189, 0.85) 82%, rgba(51, 51, 153, 0.85) 89%, rgba(51, 51, 153, 0.85) 100%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(51, 51, 153, 0.85) 0%, rgba(51, 51, 153, 0.85) 16%, rgba(81, 122, 189, 0.85) 21%, rgba(51, 51, 153, 0.85) 27%, rgba(51, 51, 153, 0.85) 42%, rgba(81, 122, 189, 0.85) 50%, rgba(51, 51, 153, 0.85) 58%, rgba(51, 51, 153, 0.85) 74%, rgba(81, 122, 189, 0.85) 82%, rgba(51, 51, 153, 0.85) 89%, rgba(51, 51, 153, 0.85) 100%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#d9333399', endColorstr='#d9333399', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
}

.nosPrestations h2 {
    color: #ffffff;
    margin-bottom: 1.5em;
}

.listPrestation {
    text-align: center;
}

.prestationSmallDetail {
    display: inline-block;
    vertical-align: top;
    width: 18%;
    text-align: center;
}

.prestationSmallDetail p {
    color: #ffffff;
    font-weight: 400;
    font-family: "Calibri", sans-serif;
    margin-top: 1em;
    width: 50%;
    margin-left: 25%;
}

.sectionAboutSmall {
    width: 100%;
    background-color: #EAEDF1;
    margin-top: 48px;
    text-align: center;
}

.AboutSmallDetail {
    min-height: 57vh;
    width: 26%;
    margin: 2em 1em;
    border-radius: 1em;
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    padding: 1em;
    box-shadow: .1em .1em #000;
    height: 355px !important;
}

.AboutSmallDetail h1 {
    font-size: 1em;
    color: #363792;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
}

.AboutSmallDetail p {
    margin-bottom: 0.5em;
    font-family: "Calibri", sans-serif;
}

.AboutSmallDetail ul {
    column-count: 2;
    font-size: .8em;
}

.sectionPartenaireSmall {
    width: 100%;
    height: 50vh;
    background: url(../images/14matik_Style_graphiquedemiHTGRIS.png) no-repeat bottom;
    display: flex;
    flex-direction: column;
    justify-content: center;
}

.sectionPartenaireSmall h2 {
    color: #474749;
}

.logoPartenaires {
    margin-top: 2em;
    width: 100%;
    text-align: center;
}

.logoPart {
    display: inline-block;
    vertical-align: top;
    margin-left: 1em;
    margin-right: 1em;
}


/* ---------------------    prestation    ---------------------- */

.sectionPrestationBig {
    width: 1025px;
    background: url(../images/lignePrestationBlanc.png) no-repeat, #EAEDF1;
}

.nosprestationBig {
    width: 100%;
    padding-bottom: 3em;
}

.nosprestationBig h2 {
    text-align: center;
}

.PrestationDetail {
    /* FF3.6-15 */
    margin-top: 2em;
    margin-left: 5%;
    margin-right: 5%;
    border-radius: 1em;
}

.PrestationDetail:nth-child(odd) {
    background: rgb(60,72,155); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(60,72,155,1) 9%, rgba(81,122,189,1) 15%, rgba(81,122,189,1) 15%, rgba(51,51,153,1) 28%, rgba(51,51,153,1) 42%, rgba(81,122,189,1) 51%, rgba(51,51,153,1) 59%, rgba(51,51,153,1) 75%, rgba(81,122,189,1) 83%, rgba(51,51,153,1) 93%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(60,72,155,1) 9%,rgba(81,122,189,1) 15%,rgba(81,122,189,1) 15%,rgba(51,51,153,1) 28%,rgba(51,51,153,1) 42%,rgba(81,122,189,1) 51%,rgba(51,51,153,1) 59%,rgba(51,51,153,1) 75%,rgba(81,122,189,1) 83%,rgba(51,51,153,1) 93%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(60,72,155,1) 9%,rgba(81,122,189,1) 15%,rgba(81,122,189,1) 15%,rgba(51,51,153,1) 28%,rgba(51,51,153,1) 42%,rgba(81,122,189,1) 51%,rgba(51,51,153,1) 59%,rgba(51,51,153,1) 75%,rgba(81,122,189,1) 83%,rgba(51,51,153,1) 93%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#3c489b', endColorstr='#333399',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

    /* IE6-9 fallback on horizontal gradient */
}

.PrestationDetail:nth-child(even) {
    background: rgb(39,39,100); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(39,39,100,1) 5%, rgba(60,72,155,1) 15%, rgba(39,39,100,1) 30%, rgba(39,39,100,1) 36%, rgba(60,72,155,1) 49%, rgba(39,39,100,1) 59%, rgba(39,39,100,1) 70%, rgba(60,72,155,1) 82%, rgba(39,39,100,1) 92%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(39,39,100,1) 5%,rgba(60,72,155,1) 15%,rgba(39,39,100,1) 30%,rgba(39,39,100,1) 36%,rgba(60,72,155,1) 49%,rgba(39,39,100,1) 59%,rgba(39,39,100,1) 70%,rgba(60,72,155,1) 82%,rgba(39,39,100,1) 92%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(39,39,100,1) 5%,rgba(60,72,155,1) 15%,rgba(39,39,100,1) 30%,rgba(39,39,100,1) 36%,rgba(60,72,155,1) 49%,rgba(39,39,100,1) 59%,rgba(39,39,100,1) 70%,rgba(60,72,155,1) 82%,rgba(39,39,100,1) 92%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#272764', endColorstr='#272764',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */

}

.logoPrestation {
    width: 25%;
    text-align: center;
    padding-top: 2em;
}

.logoPrestation .legend {
    color: #ffffff;
    margin-top: 1em;
    font-family: "Calibri", sans-serif;
    font-weight: 400;
}

.textPrestation {
    width: 70%;
    margin-left: 25%;
    margin-top: -5em;
    min-height: 5em;
    padding-bottom: 2em;
    font-family: "Calibri", sans-serif;
    
}

.textPrestation p {
    color: #FFFFFF;
    margin-bottom: 1em;
}


/* --------------------- ALL PAGE ---------------------- */

.pageTitel {
    font-family: 'Calibri', sans-serif;
    font-weight: 300;
    padding-bottom: 1em;
    background-color: #EAEDF1;
    padding-left: .8em;
    padding-right: .8em;
    font-size: 2.5em;
}

.sectionText {
    width: 1025px;
    background-color: #EAEDF1;
    text-align: center;
    padding-bottom: 3em;
}

.warningBold {
    font-family: "Calibri", sans-serif;
    color: #474749;
    font-weight: bold;
}

.sectionContenu {
    padding-top: 1.5em;
    min-height: 80vh;
	background: url(../images/14matik_Style_graphiquedemiBAS_BLANC.png) no-repeat top, url(../images/14matik_Style_graphiquedemiHTBLANC.png) no-repeat bottom, #EAEDF1;
    text-align: center;
    padding-bottom: 2em;
	
    border-top: solid 0.5em;
	
	-webkit-border-image : url(../images/border.png) 30 round;
	-moz-border-image : url(../images/border.png) 30 round;
	
	border-image: (../images/border.png);
	
	/*
	-moz-border-image: -moz-linear-gradient(-45deg, rgba(39, 39, 100, 1) 16%, rgba(60, 72, 155, 1) 21%, rgba(39, 39, 100, 1) 27%, rgba(60, 72, 155, 1) 42%, rgba(39, 39, 100, 1) 50%, rgba(60, 72, 155, 1) 58%, rgba(39, 39, 100, 1) 74%, rgba(60, 72, 155, 1) 82%, rgba(39, 39, 100, 1) 89%);
    -webkit-border-image: -webkit-linear-gradient(-45deg, rgba(39, 39, 100, 1) 16%, rgba(60, 72, 155, 1) 21%, rgba(39, 39, 100, 1) 27%, rgba(60, 72, 155, 1) 42%, rgba(39, 39, 100, 1) 50%, rgba(60, 72, 155, 1) 58%, rgba(39, 39, 100, 1) 74%, rgba(60, 72, 155, 1) 82%, rgba(39, 39, 100, 1) 89%);
    -webkit-border-image: linear-gradient(135deg, rgba(39, 39, 100, 1) 16%, rgba(60, 72, 155, 1) 21%, rgba(39, 39, 100, 1) 27%, rgba(60, 72, 155, 1) 42%, rgba(39, 39, 100, 1) 50%, rgba(60, 72, 155, 1) 58%, rgba(39, 39, 100, 1) 74%, rgba(60, 72, 155, 1) 82%, rgba(39, 39, 100, 1) 89%);
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#333399', GradientType=1);
	border-bottom : 0;
	border-right : 0;
	border-left : 0; 
	*/
}

.sectionContenu h2 {
    padding-bottom: 1em;
    padding-top: 0.7em;
}

.sectionContenu hr {
    width: 90%;
    /* border-color : #444C95; */
    border-color: blue;
}


/* --------------------- PrestationTarif ---------------------- */

.listTarif {
    text-align: center;
    margin-top: 2em;
}

.listTarif ul li {
    font-family: "Calibri", serif;
    display: inline;
    padding: 5px 10px;
    border-radius: 0.2em;
    width: 5em;
    margin: 0 1em;
    background: -moz-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#333399', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    color: #ffffff;
}

.listTarif ul li:hover {
    cursor: pointer;
    background: rgb(44,45,48); /* Old browsers */
    background: -moz-linear-gradient(-45deg,  rgba(44,45,48,1) 10%, rgba(113,113,120,1) 15%, rgba(44,45,48,1) 20%, rgba(44,45,48,1) 40%, rgba(113,113,120,1) 45%, rgba(44,45,48,1) 50%, rgba(44,45,48,1) 70%, rgba(113,113,120,1) 76%, rgba(44,45,48,1) 82%); /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg,  rgba(44,45,48,1) 10%,rgba(113,113,120,1) 15%,rgba(44,45,48,1) 20%,rgba(44,45,48,1) 40%,rgba(113,113,120,1) 45%,rgba(44,45,48,1) 50%,rgba(44,45,48,1) 70%,rgba(113,113,120,1) 76%,rgba(44,45,48,1) 82%); /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg,  rgba(44,45,48,1) 10%,rgba(113,113,120,1) 15%,rgba(44,45,48,1) 20%,rgba(44,45,48,1) 40%,rgba(113,113,120,1) 45%,rgba(44,45,48,1) 50%,rgba(44,45,48,1) 70%,rgba(113,113,120,1) 76%,rgba(44,45,48,1) 82%); /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#2c2d30', endColorstr='#2c2d30',GradientType=1 ); /* IE6-9 fallback on horizontal gradient */
}
.allTarif {
    background-color: #ffffff;
    width: 50%;
    margin: 0 auto;
    margin-top: 3em;
    border-radius: 1em;
    padding: 1em;
    box-shadow: .1em .1em #000;
    font-family: "Calibri", serif;
}

.showTarif {
    background-color: #ffffff;
    border-radius: 1em;
    padding: 1em;
    display: none;
}

.showTarif table {
    width: 100%;
    line-height: 2em;
    font-weight: bold;
}

.showTarif table thead {
    color: #444C95;
    text-align: left;
    line-height: 3em;
}
.ShowTarif table tr {
    border-bottom: dotted 1px #363792;
}
.showTarif table tr th{
    font-style: italic;
}
.colPrix {
    text-align: center!important;
}

/* --------------------- AboutValeurs ---------------------- */
.values{
    color: #333399;
    font-family: 'Calibri', sans-serif;
    font-size: 1.5em;
    font-weight: 400;
    margin-top: .5em;
}
.contentValues div{
    box-shadow: none;
    font-family: 'Calibri', sans-serif;
}
.contentValues div h1{
    margin-bottom: 1.5em;
    font-weight: 400;
    font-size: 1.2em;
}
.contentValues div p{
    text-align: left;
}
/* --------------------- AboutPartenaire ---------------------- */

.AboutPartenaire {
    width: 40%;
    margin: 2em 1em;
    display: inline-block;
    vertical-align: top;
    padding: 1em;
    font-family: 'Calibri', sans-serif;
    text-align: left;
    
}
.AboutPartenaire p {
    margin-top: 1em;
}

.AboutPartenaire p span {
    color: blue;
}
.AboutPartenaire img{
    display: block;
    margin: 0 auto;
}
p .leftImage {
    margin: 0;
}
.imgInfo {
    width: 70%;
    margin-left: 30%;
    margin-top: -4em!important;
    font-size: 0.9em;
}


/* --------------------- AboutRecommandation ---------------------- */

.AboutRecommandation {
    width: 26%;
    margin: 2em 1em;
    display: inline-block;
    vertical-align: top;
    padding: 1em;
}

.AboutRecommandation p {
    margin-top: 0.5em;
}

.AboutRecommandation p span {
    color: blue;
    font-size: 2em;
    font-weight: bold;
}

.open {
    vertical-align: bottom;
    padding-right: 0.2em;
}

.close {
    vertical-align: top;
    padding-left: 0.2em;
}


/* --------------------- Contact ---------------------- */

.smallundersmall {
    width: 28%;
    padding-left: 1em;
    display: inline-block;
}

.smallContact {
    min-height: 11.5em;
    width: 70%;
    margin: 2em 1em;
    border-radius: 1em;
    background-color: #ffffff;
    padding: 1.5em 1em;
}

.smallContact .legend {
    color: #444C95;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
}

.smallContact p {
    margin-bottom: 0.5em;
}

.tel {
    color: #444C95;
    font-size: 1.7em;
    font-weight: bold;
}

.btMail {
    padding: 8px 40px;
    color: #ffffff;
    background: -moz-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#333399', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border-color: #444C95;
    border-style: solid;
    border-radius: 0.2em;
}

.btMail:hover {
    /* background-color : #ffffff; */
    /* color : #444C95; */
    border: solid 2px #000000;
}

.bigContact {
    min-height: 28em;
    width: 60%;
    margin: 2em 0em;
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    padding: 1.5em 1em;
    border-radius: 1em;
    background-color: #ffffff;
}

.bigContact .legend {
    color: #444C95;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
}

.bigContact p {
    margin-bottom: 0.5em;
}

.form {
    /* background-color: #444C95; */
	background: -moz-linear-gradient(-45deg, rgba(39, 39, 100, 1) 16%, rgba(60, 72, 155, 1) 21%, rgba(39, 39, 100, 1) 27%, rgba(60, 72, 155, 1) 42%, rgba(39, 39, 100, 1) 50%, rgba(60, 72, 155, 1) 58%, rgba(39, 39, 100, 1) 74%, rgba(60, 72, 155, 1) 82%, rgba(39, 39, 100, 1) 89%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(39, 39, 100, 1) 16%, rgba(60, 72, 155, 1) 21%, rgba(39, 39, 100, 1) 27%, rgba(60, 72, 155, 1) 42%, rgba(39, 39, 100, 1) 50%, rgba(60, 72, 155, 1) 58%, rgba(39, 39, 100, 1) 74%, rgba(60, 72, 155, 1) 82%, rgba(39, 39, 100, 1) 89%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(39, 39, 100, 1) 16%, rgba(60, 72, 155, 1) 21%, rgba(39, 39, 100, 1) 27%, rgba(60, 72, 155, 1) 42%, rgba(39, 39, 100, 1) 50%, rgba(60, 72, 155, 1) 58%, rgba(39, 39, 100, 1) 74%, rgba(60, 72, 155, 1) 82%, rgba(39, 39, 100, 1) 89%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#333399', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    height: 18em;
    margin: 1em;
    border-radius: 1em;
    padding: 1.5em 1em;
}
.form span{
    width: 49%;
    display: inline-block	
}
.form label {
    color: #ffffff;
}

.form input[type="text"] {
    box-sizing: border-box;
    border: 1px solid #641F7C;
    padding: 5px;
    outline: 0;
    margin-bottom: 1em;
    width: 70%;
	float: right;
}
.form #messageLabel{
	float: left;
    padding-left: 1em;
	padding-bottom: 0.5em;
}
.form #message {
	width: 98%;
    height: 5em;
	margin-bottom : 1em;
}
.form #controlLabel{
	
}
.form #control {
	
}
.btSendForm {
    padding: 8px 40px;
    color: #ffffff;
    background: -moz-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#333399', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    border: solid 1px #ffffff;
	margin-right : 1em;
}

.btSendForm:hover {
    background-color: #444C95;
    /* color : #444C95; */
    border: solid 1px #000000;
}


/* --------------------- mention.php ---------------------- */

.sectionContenuMention {
    min-height: 80vh;
    background: url(../images/14matik_Style_graphiquedemiHTBLANC.png) no-repeat bottom, #EAEDF1;
    text-align: center;
    padding-bottom: 2em;
}

.sectionContenuMention h2 {
    padding-bottom: 1em;
    padding-top: 0.7em;
}

.smallMention {
    min-height: 54vh;
    width: 37%;
    margin: 2em 1em;
    border-radius: 1em;
    background-color: #ffffff;
    display: inline-block;
    vertical-align: top;
    padding: 1em;
}

.smallMention .legend {
    color: #444C95;
    margin-top: 1em;
    margin-bottom: 1em;
    font-weight: bold;
    font-size: 1.2em;
}

.sousLegend {
    color: #444C95;
    font-weight: bold;
    margin-top: 3em;
    margin-bottom: 1em;
}

.smallMention p {
    margin-bottom: 1em;
}


/* --------------------- FOOTER ---------------------- */

.footer {
    width: 100%;
    height: 16vh;
    background: -moz-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* FF3.6-15 */
    background: -webkit-linear-gradient(-45deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* Chrome10-25,Safari5.1-6 */
    background: linear-gradient(135deg, rgba(51, 51, 153, 1) 16%, rgba(81, 122, 189, 1) 21%, rgba(51, 51, 153, 1) 27%, rgba(51, 51, 153, 1) 42%, rgba(81, 122, 189, 1) 50%, rgba(51, 51, 153, 1) 58%, rgba(51, 51, 153, 1) 74%, rgba(81, 122, 189, 1) 82%, rgba(51, 51, 153, 1) 89%);
    /* W3C, IE10+, FF16+, Chrome26+, Opera12+, Safari7+ */
    filter: progid: DXImageTransform.Microsoft.gradient( startColorstr='#333399', endColorstr='#333399', GradientType=1);
    /* IE6-9 fallback on horizontal gradient */
    font-family: "Calibri", sans-serif;
}

.infoLeft {
    padding-top: 1em;
    width: 70%;
    padding-left: 1em;
    /* height: 16vh; */
    color: #ffffff;
}

.infoLeft p {
    margin-bottom: 1em;
	font-size:14px;
}

.infoLeft p:first-child {
    font-weight: 300;
}

.infoLeft p:last-child {
    font-style: italic;
}

.menuFooter {
    float: right;
    width: 30%;
    margin-top: -10vh;
}

.navmenufooter {}

.navmenufooter ul li {
    display: inline;
    padding: 0 1em;
}

.navmenufooter ul li a {
    color: #ffffff;
    font-weight: bold;
    text-decoration: none;
}


@media screen and (max-width: 701px) {
	.wrapper{
		max-width : 100%;
	}
	.navmenu{
		font-size : 2em;
	}
	.navmenu ul li {
		padding: 0 0.5em;
	}
	.navSousmenu{
		padding-top: 0.5em;
		padding-bottom: 0.5em;
		padding-left: 3em;
	}
	.navSousmenu ul li{
		padding-right : 2em;
	}
	.navSousmenu ul li a {
		font-size : 1.5em;
	}
	
	.section1Text {
		width: 100%;
	}
	.sectionPrestationSmall  {
		height: 50vh;
	}
	.nosPrestations{
		padding-top :5em;
	}
	.sectionAboutSmall {
		margin-top : 80px;
		padding-top : 1em;
	}
	.AboutSmallDetail {
		min-height: 0;
		width: 80%;
		margin: 1em 1em;
	}
	.AboutSmallDetail h1 {
		font-size : 2em;
	}
	.AboutSmallDetail p {
		font-size : 2em;
	}
	.AboutSmallDetail ul {
		font-size : 1.5em;
	}
	.icon{
		height : 100px;
		width : 100px;
	}
	.pageTitel {
		font-size : 3em;
	}
	.sectionContenu h2{
		font-size : 3em;
	}
	.nosprestationBig h2 {
		font-size : 3em;
	}
	.sectionText {
		font-size : 2em;
	}
	.logoPrestation .legend {
		font-size : 2em;
	}
	.textPrestation {
		font-size : 2em;
		padding-top: 2em;
	}
	.listTarif ul li {
		font-size : 2em;
		display: block;
		width: 70%;
		margin: 0 auto;
		margin-top: 1em;
	}
	.allTarif{
		width: 80%;
		font-size : 2em;
	}
	.txtBt{
		font-size : 2em!important;
	}
	.contentValues div h1 {
		font-size : 2em;
	}
	.AboutPartenaire {
		width: 80%;
		font-size : 2em;
		border-bottom: solid 2px #444C95;
	}
	.imgInfo {
		margin-top: -2em!important;
	}
	.sectionContenu hr {
		display : none;
	}
	.AboutRecommandation {
		width: 80%;
		font-size : 2em;
	}
	.smallundersmall {
		width: 100%;
		padding-left: 0;
	}
	.smallContact {
		width: 80%;
		margin: 2em auto;
		min-height: 0;
	}
	.smallContact> .icon{
		float : left;
		margin-left: 2em;
	}
	.smallContact .legend {
		font-size: 2em;
		margin-top : 0;
	}
	.tel {
		font-size: 2em;
	}
	.btMail {
		padding: 8px 60px;
		font-size: 1.5em;
	}
	.bigContact {
		width: 80%;
	}
	.form input[type="text"] {
		height: 3em;
	}
	.BtContact a img{
		width :80px;
	}


}