/*==============================================================
#
# EcoClimPro V2
# Reset CSS
# Version : 2.0
#
==============================================================*/


/*==============================================================
# Box sizing
==============================================================*/

*,
*::before,
*::after{
    box-sizing:border-box;
}


/*==============================================================
# Reset général
==============================================================*/

*{
    margin:0;
    padding:0;
}


/*==============================================================
# HTML
==============================================================*/

html{

    scroll-behavior:smooth;

    -webkit-text-size-adjust:100%;

    text-size-adjust:100%;

}


/*==============================================================
# Body
==============================================================*/

body{

    min-height:100vh;

    text-rendering:optimizeLegibility;

    -webkit-font-smoothing:antialiased;

    -moz-osx-font-smoothing:grayscale;

    overflow-x:hidden;

}


/*==============================================================
# Médias
==============================================================*/

img,
picture,
svg,
video,
canvas{

    display:block;

    max-width:100%;

    height:auto;

}


iframe{

    max-width:100%;

    border:0;

}


/*==============================================================
# Formulaires
==============================================================*/

input,
button,
textarea,
select{

    font:inherit;

    color:inherit;

    background:none;

    border:none;

    outline:none;

}


button{

    cursor:pointer;

}


textarea{

    resize:vertical;

}


input[type="search"]{

    appearance:none;

    -webkit-appearance:none;

}


/*==============================================================
# Liens
==============================================================*/

a{

    color:inherit;

    text-decoration:none;

}


a:hover{

    text-decoration:none;

}


/*==============================================================
# Listes
==============================================================*/

ul,
ol{

    list-style:none;

}


/*==============================================================
# Tableaux
==============================================================*/

table{

    width:100%;

    border-collapse:collapse;

    border-spacing:0;

}


/*==============================================================
# Citations
==============================================================*/

blockquote,
q{

    quotes:none;

}

blockquote::before,
blockquote::after,
q::before,
q::after{

    content:"";

}


/*==============================================================
# Titres
==============================================================*/

h1,
h2,
h3,
h4,
h5,
h6{

    font-size:inherit;

    font-weight:inherit;

}


/*==============================================================
# Paragraphes
==============================================================*/

p{

    overflow-wrap:break-word;

}


/*==============================================================
# Code
==============================================================*/

pre,
code,
kbd,
samp{

    font-family:monospace;

}


/*==============================================================
# Champs désactivés
==============================================================*/

:disabled{

    cursor:not-allowed;

}


/*==============================================================
# Focus clavier
==============================================================*/

:focus-visible{

    outline:3px solid var(--color-primary);

    outline-offset:3px;

}


/*==============================================================
# Sélection
==============================================================*/

::selection{

    background:var(--color-primary);

    color:#fff;

}


/*==============================================================
# Ancres
==============================================================*/

[id]{

    scroll-margin-top:140px;

}


/*==============================================================
# Images WordPress
==============================================================*/

.wp-post-image{

    display:block;

    max-width:100%;

    height:auto;

}


/*==============================================================
# Médias WordPress
==============================================================*/

.aligncenter{

    display:block;

    margin-left:auto;

    margin-right:auto;

}

.alignleft{

    float:left;

    margin-right:2rem;

}

.alignright{

    float:right;

    margin-left:2rem;

}


/*==============================================================
# Accessibilité
==============================================================*/

.screen-reader-text{

    position:absolute;

    width:1px;

    height:1px;

    padding:0;

    margin:-1px;

    overflow:hidden;

    clip:rect(0,0,0,0);

    white-space:nowrap;

    border:0;

}

.screen-reader-text:focus{

    clip:auto;

    width:auto;

    height:auto;

    margin:0;

    padding:12px 18px;

    background:#fff;

    color:#000;

    z-index:99999;

}


/*==============================================================
# Préférences utilisateur
==============================================================*/

@media (prefers-reduced-motion:reduce){

    html{

        scroll-behavior:auto;

    }

    *{

        animation-duration:.01ms!important;

        animation-iteration-count:1!important;

        transition-duration:.01ms!important;

        scroll-behavior:auto!important;

    }

}