/*
To change this license header, choose License Headers in Project Properties.
To change this template file, choose Tools | Templates
and open the template in the editor.
*/
/*
    Created on : 2015-08-21, 09:25:19
    Author     : lanteib
*/

body, html {
    background: #fff;
}

.no-margin-bottom {
    margin-bottom: 0;
}

.no-margin-top {
    margin-top: 0;
}

a {
    color: #336699;
    font-size: 0.875em; /* 14/ 16 */
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
}



.background-two-colors {
    background: transparent;
}

.left-side {
    background: transparent;
}

.main .content {
    position: relative;
    box-sizing: border-box;
   width: 100%;

}

.content h1 {margin-bottom: 20px;}

.main {
    height: auto;
    padding-top: 0;
    padding-bottom: 0;
    position: relative;
    z-index: 11;
}

.main-container {
    position: static;
}

.main-heading {
    margin-top: 1.379310344827586em; /* 80px / 58 */

    margin-bottom: 0;
    padding-bottom: 0.2586206896551724em; /* 15 / 16 */
}

.white-main {
    width: 100%;
    position: relative;
    z-index: 11;
    background: #fff;
}

.white-content {
    width: 100%;
    max-width: 1000px;
    box-sizing: border-box;
    background: #ffffff;
    margin: auto;
    padding-top: 2.25em; /* 84 / 16 */
    min-height: 62.9375em; /* 1007 / 16 */
}



.aide-collumns {
   margin-bottoms: 3.75em; /* 60px / 16 */
}



.aide-collumn {
    float: left;
    padding-left: 84px;
    width: 50%;
    box-sizing: border-box;

}
.no-collumn {
    padding-left: 84px;
    box-sizing: border-box;

}

h2 {

    font-size: 2.25em; /* 36px / 16 */
    color: #1a264d;
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    margin-top: 0.5555555555555556em; /* 20 / 36 */
    margin-bottom: 0.5555555555555556em; /* 20 / 36 */
}

h2.icon-question {
    box-sizing: border-box;
    padding-top: 0.3333333333333333em; /* 12 / 36*/
    padding-left: 84px;
    background: transparent url(../img/question-icon.png) no-repeat;
    min-height: 2.194444444444444em; /* 79 / 36 */
    margin-bottom: 0;
}

h2.icon-service {
    box-sizing: border-box;
    padding-top: 0;
    padding-left: 84px;
    background: transparent url(../img/service-informatique-icon.png) no-repeat;
    min-height: 1.694444444444444em; /* 61 / 36 */
    margin-bottom: 0;
}

h3.aide {
    font-size: 1.75em;
    font-family: Lato;
    font-style: normal;
    font-weight: 400;
    margin-top: 0;
    margin-bottom: 0.8571428571428571em; /* 24 / 28 */
}

p {

    color: 333333;
    font-size: 1em;
    font-family: Lato;
    font-style: normal;
    font-weight: 400;

}

.verification {
    background: transparent url(../img/verification-icon.png) no-repeat;
    padding-right: 20px;
}

.mot-de-passe {
    background: transparent url(../img/mot-de-passe-icon.png) no-repeat;
}

.udem-link-top {
    margin-top: 7.5em;
}

.lien-clic {
	padding-top: 3.25em; /* 12 / 16 */
	display: inline-block;
	position: relative;
	margin-right: 10px;
    width: 60px;
    height: 60px;
    background: transparent url(../img/logo_clic_mini2.png) no-repeat;
}




.lien-clic:hover {
    background: transparent url(../img/logo_clic_mini.png) no-repeat;
}

@media screen and ( max-height:  1406px){ //
    .main {
        height: auto;
        padding-top: 0;
        padding-bottom: 0;
        position: relative;
        z-index: 11;
    }

    .main-container {
        position: static;
    }

    .white-content {
        position: static;
        padding-bottom: 2.125em; /* 34 / 16 */
    }

    .main-footer {
        position: relative;
        z-index: 10;
    }

    .main-header {
        position: relative;
        z-index: 10;

    }
}

@media screen and ( max-height: 48.625em ){
    .main {
        height: auto; /* 600 / 16 */

    }


}

@media screen and ( max-width: 1000px ){
    .white-content {
        padding-left: 20px;
        padding-right: 20px;
    }

    .lien-clic {
        left: 10px;
    }
}

@media screen and ( max-width: 700px ){
    .main {
        height: auto; /* 600 / 16 */

    }

    .aide-collumn {
        width: 100%;
    }

    .udem-link-top {
        margin-top: 3.125em;

    }
}