@charset "utf-8";

/* Site sopha.fr by contact@curubi.fr */
/* Code Quality Tool https://jigsaw.w3.org/css-validator/#validate_by_input */

@font-face {
    font-family: 'Roboto';
    src: local('Roboto Thin'), local('Roboto-Thin'), url('../polices/roboto-thin-webfont.eot');
    src: url('../polices/roboto-thin-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/roboto-thin-webfont.woff2') format('woff2'),
         url('../polices/roboto-thin-webfont.woff') format('woff'),
         url('../polices/roboto-thin-webfont.ttf') format('truetype'),
         url('../polices/roboto-thin-webfont.svg#Roboto') format('svg');
    font-weight: 100;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Light'), local('Roboto-Light'), url('../polices/roboto-light-webfont.eot');
    src: url('../polices/roboto-light-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/roboto-light-webfont.woff2') format('woff2'),
         url('../polices/roboto-light-webfont.woff') format('woff'),
         url('../polices/roboto-light-webfont.ttf') format('truetype'),
         url('../polices/roboto-light-webfont.svg#Roboto') format('svg');
    font-weight: 300;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Medium'), local('Roboto Medium'), url('../polices/roboto-medium-webfont.eot');
    src: url('../polices/roboto-medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/roboto-medium-webfont.woff2') format('woff2'),
         url('../polices/roboto-medium-webfont.woff') format('woff'),
         url('../polices/roboto-medium-webfont.ttf') format('truetype'),
         url('../polices/roboto-medium-webfont.svg#Roboto') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Roboto';
    src: local('Roboto Black'), local('Roboto-Black'), url('../polices/roboto-black-webfont.eot');
    src: url('../polices/roboto-black-webfont.eot?#iefix') format('embedded-opentype'),
         url('../polices/roboto-black-webfont.woff2') format('woff2'),
         url('../polices/roboto-black-webfont.woff') format('woff'),
         url('../polices/roboto-black-webfont.ttf') format('truetype'),
         url('../polices/roboto-black-webfont.svg#Roboto') format('svg');
    font-weight: 900;
    font-style: normal;
}

/*@media all*/

/* Add by by CURUBI */
a { color:black;text-decoration:none; }
a:focus, a:hover, a:active { background-color: #add6ea; color: #ffffff; }

/* Prevent Superscripts and Subscripts from Affecting Line-Height */
sub, sup { font-size:75%; line-height:0; position:relative; vertical-align:baseline; }
sup { top:-0.5em; }
sub { bottom:-0.25em; }

body { font-family:Roboto,"Trebuchet MS", Helvetica, sans-serif; font-weight:100; color:#000000; background:#ffffff; border:none; padding: 0}

#isMobile { display:block; content:''; width:1px; height:1px; overflow:hidden; }
.hidden, .msgImportant { display:none; }

.forceBlock { display:block !important; }
.colx2 {width: 45%;height: auto;}
.colx2 img {max-width: 100%;height: auto;}

t { font-size:1em;display:inline;margin:0;padding:0;line-height:1em; }
.trespetit {font-size:0.5em;}
.petit {font-size:0.75em;}
.grand {font-size:2em;}
.tresgrand {font-size:3em;}
.texterouge {color:#a00000 !important;}
.textevert {color:#00a000 !important;}
.textebleu {color:#0000a0 !important;}
.textejaune {color:#ffcc33 !important;}
.fondrouge {background-color:#a00000; color:#ffffff; padding:0 0.5em 0 0.5em; font-weight:500;}
.fondvert {background-color:#00a000; color:#ffffff; padding:0 0.5em 0 0.5em; font-weight:500;}
.fondbleu {background-color:#0000a0; color:#ffffff; padding:0 0.5em 0 0.5em; font-weight:500;}
.fondjaune {background-color:#ffcc33; color:#ffffff; padding:0 0.5em 0 0.5em; font-weight:500;}
.centre {text-align:center; display:block; max-width:100% !important;}
.gauche {text-align:left; display:block; max-width:100% !important;}
.droite {text-align:right; display:block; max-width:100% !important;}
.justifie {text-align:justify; display:block; max-width:100% !important;}


.page_rubrique .description_rubrique {width:100%;}
.page_rubrique .description_rubrique p {font-size:1.4em; line-height:1em; font-weight:500; text-transform: uppercase; text-align:left; color:#fff; background-color:#add6ea; width:100%; padding:0.2em 1em 0.2em 0.4em; margin-bottom:1.5em;}
.page_rubrique_3  .description_rubrique p {background-color:#fbc2c4;} /*Rubrique NOUVEAUTES*/
.page_rubrique_22 .description_rubrique p {background-color:#add6ea;} /*Rubrique CATALOGUES*/
.page_rubrique_4  .description_rubrique p {background-color:#c6d880;} /*Rubrique REVUES DE PRESSE*/
.page_rubrique_5  .description_rubrique p {background-color:#6e6d5f;} /*Rubrique TARIFS*/

#partageReseauxSociaux, #notationArticle {margin:1em 0 1em 0; float:left; height:4.5em;}
#partageReseauxSociaux {width:41em;}
#notationArticle {width:11.5em;}
#notationArticle .etoiles {font-size:0.8em; margin-top:2.3em;}
#fbantispam_msg {background: #fbe3e4; color:#8a1f11; border-color:#fbc2c4; font-weight:300; border-width:1px; margin-bottom:1.5em; padding:0.75em;}
#fbantispam_captcha {background:#fff; padding:0.4em; margin:1em 0 1em 0; text-align:center;}
#desabonnementNewsletter {font-weight:300; width:37em; margin:3em auto; border:0.5em solid #aaa; padding:2em; border-radius:2em;}

/*Surcharge classes SPIP*/

/*hack CURUBI pour éviter le hack clear de SPIP 3.1 box-sizing: border-box qui est bien mais qui m'obligerait à revoir le positionnement de trop d'objets et à faire des cas particulier pour es anciens navigateur*/
*, *::before, *::after { box-sizing: content-box; }
.page { padding:0; width:100%; max-width:100%; margin: 0 auto;}
.main { padding: 0 1.5em; }
.arbo { color:#add6ea; margin-bottom:1.3em; }
.arbo * { font-weight: 100; }
.cartouche { display: none; }
h2, .h2 { font-size:1.2em; font-weight:900; text-transform: uppercase; color:#add6ea; margin-bottom:0.5em; }
h3, .h3 { font-weight:900; color:#add6ea; margin-bottom: 0.5em; margin-top: 1em;}
p, .p, ul, ol, dl, dd, blockquote, address, pre, .table, table fieldset {margin-bottom: 0; text-align:justify;}
.on { font-weight:500; }
strong, b { font-weight:500; }
dfn { font-weight:500; font-style:italic;}
.texte  a { border-bottom: 1px solid #add6ea; }
.texte  a :hover { border-bottom: 1px solid #ffffff; }
.texte  a img{ border: none; }
.texte  a:hover img{ border: none; }
.texte iframe { margin-bottom: 1.5em; }
.comment-item { margin-bottom: 1em; }
.comment-content { border-left: 0.625em solid #e8f3f9; padding-left:1em; }
.comment-content a { border-bottom: 1px solid #add6ea; }
.comment-content a:hover { border-bottom: 1px solid #ffffff; }
.menu small { font-size:0.8em; color:#add6ea; display:none; }
.menu_articles li small { font-style:normal; }
.menu a { border-bottom: 1px solid #add6ea; }
.menu a:hover { border-bottom: 1px solid #ffffff; }
.content .description { font-size:1em; color:#000000; }
.spip_note_ref { font-size:0.8em; }
a.spip_note { font-weight: 100; border-bottom: 1px solid #ffffff; }
.pagination .on { font-weight: 500; border: 1px solid #6e6d5f; background-color:#6e6d5f; padding:0.2em 0.5em; }
a.lien_pagination { font-weight: 100; color:#6e6d5f; border: 1px solid #6e6d5f; background-color:#ffffff; }
a.lien_pagination:hover { font-weight: 100; color:#ffffff; border: 1px solid #add6ea; background-color:#add6ea; }
.spip_documents a, .spip_documents a:hover { border-bottom: 1px solid #ffffff; }
.spip_documents img, .spip_documents img:hover{ border: none; background:none; }
.aside { padding-top:2em; }
table.spip caption { font-weight: 500; }
th { font-weight: 500; }
table.spip tr.odd td { background-color:#e8f3f9; }
table.spip tr.even td { background-color:#ffffff; }
table.spip tr.odd td:hover, table.spip tr.even td:hover { background-color:#cde1ea; }
.reponse, .error, .alert, .notice, .success, .info { font-weight:300; border-width : 1px; }
.info { background-color:#e8f3f9; border-color:#cde1ea; }
.hyperlien { font-weight:500; background-color:#e8f3f9; border: 1px solid #cde1ea; }
.spip_code { font-family:"Lucida Console", Monaco, monospace; text-align:left; color:#6e6d5f;}
.spip_cadre {font-family:Roboto,"Trebuchet MS", Helvetica, sans-serif; border-color:#6e6d5f; }
.spip_poesie { border-color:#e8f3f9; }  
hr, hr.spip { background-color: #e8f3f9; clear:both; float:none;}
.aside a.on { color:#6e6d5f; }
input.text, textarea { background-color: #ffffff; border:1px solid #c0c1b2; line-height:2.3em; height:2.3em; padding:0 2px 0 2px; }
textarea { height:8em; }
input[type="submit"], input.submit, input[type="button"], input.button, button { cursor: pointer; background-color:#ffffff; color:#000000; border:1px solid #6e6d5f; line-height:2.15em; text-transform:uppercase; }
input[type="submit"]:hover, input.submit:hover, input[type="button"]:hover, input.button:hover, button:hover { color:#ffffff; background-color:#6e6d5f; }
.comment-meta small { font-weight:100; }
abbr[title], acronym[title] { border-bottom:0.1em dotted #f0e68c;text-decoration:none;}
.spip-admin-bloc, .spip-admin-float { right:0 !important; left:1em !important; text-align:left; line-height:1em; }
.spip-admin-boutons, a.spip-admin-boutons, .spip-admin-boutons a { font-weight:100; color:#ffffff !important; background-color:#add6ea; border:1px solid #add6ea; padding-bottom:0; opacity:1; }
.spip-admin-boutons:hover, a.spip-admin-boutons:hover, .spip-admin-boutons a:hover { color:#ffffff !important; background-color:#6e6d5f; border: 1px solid #c0c1b2; }
.aside .formulaire_spip, .formulaire_spip { padding-top: 1.3em; border-top: none;}
.formulaire_spip li {list-style-type: none;}
.spip_doc_titre strong { font-weight:100; }
.spip_doc  strong { font-weight:100; }
.spip_logos {
    float: left;
    margin: 0 0.625em 0.625em 0;
    padding: 0;
    border: none;
}
.menu_articles .spip_logos { float:none; vertical-align: baseline; margin:0 1em 0 0; }

label { display: block; }

#breves h2 { font-size:1.6em; font-weight:300; padding-left:0.2em; border-left:0.4em solid #6e6d5f; height:1.75em; line-height:1.7em;}
#breves h3 { display:table-cell; vertical-align: middle; color:#6e6d5f; font-weight:300; padding-left:0.2em; border-left:0.9em solid #add6ea; height:2.25em; }
#breves a { border-bottom: 1px solid #add6ea;}
#breves .spip_logo {width:100%;}
#breves .breve {margin-bottom:1em;}

/*Surcharge classes jQuery colorbox*/
#cboxSlideshow { top: -1.5em; right: 0; left: 0;}
#cboxPrevious, #cboxNext, #cboxSlideshow, #cboxClose { transition: none; }

/*Surcharge classes jQuery slideshow*/
#accueil .cycle-slideshow { display:block; }

/*Surcharge classes jQuery tooltip*/
.ui-tooltip, body .ui-tooltip {
    border: 1px solid #f0e68c;
    border-width: 1px;
    border-radius: 0 0.625em 0 0.625em;
    opacity: 1;
    margin: 0;
    padding: 0;
}
.ui-tooltip-content {
    font-family:Roboto,"Trebuchet MS", Helvetica, sans-serif;
    font-size:0.8em;
    font-weight:100;
    color:#000000;
    border-radius: 0 0.625em 0 0.625em;
    background-color: #fffacd;
    margin: 0;
    padding: 5px;
}

/*Surcharge classes coloration code*/
.coloration_code pre, .code { display:block; text-align:initial; padding:initial; }
.coloration_code ol, .coloration_code li, .coloration_code div, .coloration_code span { padding:initial; margin:initial; list-style:initial; }
.coloration_code ol { list-style-type: decimal; list-style-position: outside; margin-left: 2em;}

.coloration_code a, .coloration_code a:hover { border:none; background:none; }
.download  a { display:inline-block; border:1px solid #c0c1b2; background-color:#ffffff; height:2.3em; line-height:2.3em; padding:0 1em 0 1em; }
.download  a:hover{ border:1px solid #c0c1b2; background-color:#c0c1b2; }

/*Surcharge classes notation*/
.notation a {border-bottom:none !important;}
.notation .topten {border-color:#add6ea;}
.notation thead {display:none;}
.notation thead tr {background-color:#add6ea; color:#fff; font-weight:500;}
.notation .ligne_paire {background-color:#add6ea;}

/*Surcharge classes cookieBar*/
#cookie-bar .cb-policy {background: #add6ea;}
#cookie-bar .cb-enable {background: #c6d880;}
#cookie-bar .cb-enable:hover, #cookie-bar .cb-policy:hover {background: #6e6d5f;}

/*Surcharge classes forum*/
#formulaire_forum {
    padding-top: 0;
}
#formulaire_forum input {
    margin-bottom: 0.8em;
}
.explication_forum {
    display: block;
    margin-top: 1em;
    color: #000;
    font-size: 0.8em;
    font-weight: 500;
    text-transform: none;
}

@media screen and (min-width:801px) {
    #isMobile { display:none !important; }
    .onlyInScreen { display:block; }
    .onlyInMobile { display:none; }

    body { font-size:16px; background:#ffffff url(../img/logo/logo_gris.png) no-repeat 68em 0.5em; background-size:10em;}

    a , input[type="submit"], input.submit, input[type="button"], input.button, button { transition:color 0.2s ease-out, background 0.8s ease-out; }
    a:focus, a:hover, a:active { background-color: #add6ea; color: #ffffff; }

    #header { margin:0; padding:0; height:4.5em; border:none;}

    #titre h1 { font-size:2em; height:1.5em; padding:0.3em 6em 0 0; text-align:right; line-height:1; }
    #titre h1 a { font-weight: 300; color:#c0c1b2; }
    #titre h1 a:focus, #titre h1 a:hover, #titre h1 a:active { background-color: #ffffff; }
    #titre h1 p { font-weight: 100; font-size:0.5em; text-align:right; color:#c0c1b2; }

    #formulaire_recherche {position: absolute; top:0; left:0; width:34em; }
    #formulaire_recherche form { font-size:1em; display:block; float: left; overflow:hidden; padding:0.4em 0 0 1em; width:40em; height:2.5em; }
    #formulaire_recherche .bt_rechercher { font-size:0.8em; width:10em; padding:0; margin-left:0.2em; }
    #formulaire_recherche .text_rechercher { font-size:0.8em; width:26em; padding:0 2px 0 20px }
    #formulaire_recherche label { display:none; }

    #menuHorizontal { display:block; height:1.85em; margin:0 0 1em 0; }
    #menuHorizontal li { display:block; float:left; margin:0 0 0 1em; }
    #menuHorizontal li a { font-size:0.8em; letter-spacing: 1px; display:block; height:2.3em; line-height:2.3em; padding:0 1em 0 1em; }
    #menuHorizontal li a:hover { color:#ffffff; background-color:#add6ea; }
    #menuHorizontal #link_sopha { color:#c0c1b2; padding:0.1em 3em 0.5em 0; height:1.3em; display:none; float: right; }
    #menuHorizontal.scroll-to-fixed-fixed { width:100%; background-color:#ffffff; box-shadow: 0px 0px 2px 1px #c0c1b2; }
    #menuHorizontal.scroll-to-fixed-fixed #link_sopha { display:block; background:transparent url(../img/logo/logo_gris.png) no-repeat right 0.1em; background-size:2em; }

    #footer { margin:2em 0 0 0; padding:0; border:none; }
    #footer ul { text-align:left; }
    #footer li { display:block; float:left; margin:0 1em 0 1em; }
    #footer li a { font-size:0.8em; letter-spacing: 1px; display:block; height:2.3em; line-height:2.3em; padding:0 1em 0 1em;}
    #footer li a:hover { color:#ffffff; background-color:#add6ea; }

    #copyright {font-size:0.8em; text-align:left; color:#add6ea; margin: 2em 0 0 0;}
    #copyright a { display:block; float:left; color:#add6ea; margin:0 1em 1em 1em; padding:0 1em 0 1.2em; }
    #copyright a:hover { color:#ffffff; background-color:#add6ea; }

    #forums_liens { font-size:0.8em; padding:1em 2em 1em 2em; background-color:#add6ea; }
    #forums_liens h2 { color:#ffffff; }
    #forums_liens a:hover { background-color:#add6ea; color:#000000; text-decoration:underline; }
    #forums_liens .date {font-weight:500;}

    #syndics_liens { font-size:0.8em; padding:1em 2em 1em 2em; background-color:#6e6d5f; border-top:0.5em solid #ffffff; color:#ffffff; margin:0 0 1em 0;}
    #syndics_liens h2 { color:#ffffff; }
    #syndics_liens a { color:#ffffff; }
    #syndics_liens a:hover { background-color:#6e6d5f; color:#ffffff; text-decoration:underline; }
    #syndics_liens .nom {font-weight:500;}

    #menuVertical { display:none; position:fixed; top:6.5em; margin:0 1em 0 1em; background-color:#ffffff; box-shadow: 0px 0px 2px 1px #c0c1b2; z-index:9980; }
    #menuVertical.scrollFixed { top:2.2em; }
    #menuVertical li a { display:block; padding:0.5em 0.5em 0.5em 0.5em; height:1em; }
    #menuVertical li a:hover { color:#ffffff; background-color:#6e6d5f; }
    #menuVertical li a strong { color:#ffffff; background-color:#add6ea; display:block; margin:0; padding:0 0.2em; }
    #menuVertical li a:hover  strong { background-color:transparent; }

    .formulaire_newsletter_subscribe { display:block; font-size:1em; width:12.65em; padding:0; margin:0; position:absolute; top:9.4em; left:64.3em; }
    .formulaire_newsletter_subscribe form { position:relative; }
    .formulaire_newsletter_subscribe .submit { font-size:0.8em; text-transform: uppercase; padding:0; width:100%; }
    .formulaire_newsletter_subscribe .email { font-size:0.8em; text-align:center; padding:0; width:100%; }
    .formulaire_newsletter_subscribe .reponse_formulaire {font-size:0.8em; background:#c6d880; color:#fff; padding:0.2em; margin-bottom:2em;}
    .formulaire_newsletter_subscribe label { display:none; }
    .previsu label {display:inline;}
    
    #breves { display:none; width:13em; overflow:hidden; position:absolute; top:15em; left:64.2em; background-color:#fff;}
    
    #accueil { height: auto; width:64em; /*width:67em; margin:0 auto 0 auto;*/ text-align:center;}
    #accueil div.photosDesigner { display:none; float:left; margin:0 1.5em 1.5em 1.5em; }
    #accueil .photosDesigner .autobr { display:none; }
    #accueil .photosDesigner img { font-size:0.98em; width:18.3125em; height:13.4085em; box-shadow: 0px 0px 2px 1px #ffffff; border: 1px solid #ffffff;}
    #accueil .photosDesigner img:hover { box-shadow: 0px 0px 2px 1px #c0c1b2; border: 1px solid #f3f5f2; }
    #accueil .photosDesigner ul { display:none; position:fixed; visibility:hidden; width:17em; top:0; left:0 ;z-index:9970; list-style: none; }
    #accueil .photosDesigner a:hover { background-color:#ffffff; }
    #accueil .photosDesigner li a { display:block; font-size:0.8em; margin:0 0 1em 0; padding:0.5em 0 0.5em 0.5em; color:#000000; background-color:#ffffff; box-shadow: 0px 0px 2px 1px #c0c1b2; }
    #accueil .photosDesigner li a:hover { display:block; font-size:0.8em; color:#ffffff; background-color:#6e6d5f; }
    #accueil .contact_sopha { display:none; }
    #accueil .photosDesigner span.bandeau { overflow:hidden; display:block; width:61.2em; height:auto;}
    #accueil .photosDesigner .bandeau img { width:61.2em; }

    .contact_list { float:left;width:10em;border-right:1px solid #add6ea;padding-top:1em; }
    .contact_formulaire { float:right;width:40em; }
    .sitemap small { font-size:0.8em; color:#add6ea; }

    #pageCURUBI .wrapper { width: auto; }
    #pageCURUBI a { border-bottom: 1px solid #add6ea; }
    #pageCURUBI a :hover { border-bottom: 1px solid #ffffff; }
    #pageCURUBI small { font-size: 0.8em; color:#6e6d5f; }
    #pageCURUBI img { vertical-align:text-top; }
}

@media screen and (max-width:800px) {
    #isMobile { display:block !important; }
    .onlyInScreen { display:none; }
    .onlyInMobile { display:block; }

    #menuHorizontal #link_sopha , #menuVertical, #forums_liens, #syndics_liens, #tooltip, #formulaire_recherche, #accueil .contact_sopha, .aside, #partageReseauxSociaux, .comments, .ariaformprop, .titreForum, #notationArticle { display:none; }

    body { font-size:20px; text-align:center; font-weight:300;}
    
    .hamburger { display: block; position: fixed; top: 0; left: 0; width: 100%; height: 1.65em; background-color:#fff; z-index: 98;}
    .hamburger:hover { opacity: initial; }
    .hamburger-inner, .hamburger-inner::before, .hamburger-inner::after { height: 1px; }

    #menuHorizontal {font-size:0.8em; overflow:hidden; position: fixed; top: 2.2em; left: 0; z-index: 97; background-color: #fff; height:0; width: 100%; padding-top: 1.5em; transition:height 0.3s ease-out; }
    #menuHorizontal.is-visible {height:16em;}
    #menuHorizontal li { display:block; }
    #menuHorizontal li a, #footer a { font-size:1em; letter-spacing: 1px; text-align:left; display:block;  margin:0.1em 0 0.1em 0; padding:0.3em 0 0.3em 1em; color:#6e6d5f; }

    #menuVertical { margin:1em 0 0 0;}
    #menuVertical li { display:block; }
    #menuVertical li a { font-size:1em; letter-spacing: 1px; text-align:center; display:block; width:98%; margin:0.15em auto 0.15em auto; padding:0.3em 0 0.3em 0; color:#6e6d5f; background-color:#ffffff; border:1px solid #6e6d5f; }
    #menuVertical li a:hover { color:#ffffff; background-color:#6e6d5f; border:1px solid #6e6d5f; }

    #titre { position: fixed; top: 0; left: 1em; z-index: 99; margin-left: 3em;}    
    #titre h1 { font-size: 1em; font-weight: 300; } 
    #titre p { font-size: 0.55em; }
    
    #accueil .photosDesigner .autobr { display:none; }
    #accueil .photosDesigner p , #accueil .photosDesigner span { margin:0;}
    #accueil .photosDesigner p a:hover { margin:0; background-color:#ffffff;}
    #accueil .photosDesigner img { width:100%; margin:1em 0 0.1em 0;}
    #accueil .photosDesigner ul { font-size: 0.7em; list-style: none; width:98%; margin:0 auto 0 auto;}
    #accueil .photosDesigner li { display:block; }
    #accueil .photosDesigner a:hover { background-color:#ffffff; }
    #accueil .photosDesigner li a { margin:0 0 0.2em 0; padding:0; text-align:center; display:block; color:#6e6d5f; background-color:#ffffff; }
    #accueil .photosDesigner li a:hover { color:#ffffff; background-color:#6e6d5f; }
    #accueil .photosDesigner span.bandeau { overflow:hidden; display:block; width:100%; height:auto;}
    #accueil .photosDesigner .bandeau img { width:61.2em; max-width:61.2em !important; height:auto;}

    #footer { border:none; font-size: 0.8em;}

    #copyright a { font-size:0.6em; text-align:center; line-height:1em; color:#add6ea; display:block; margin: 1em 0.2em 1em 0.2em; }
    #copyright a:hover { background-color:#ffffff; }

    .sitemap small { font-size:0.8em; color:#add6ea;}

    /*Surcharge classes SPIP*/
    p { text-align:justify; }
    p.arbo { text-align:left; display:block; margin-top:1em; }
    .main { padding: 2em 0.1em 0 0.1em; }
    #content { font-size:0.8em; line-height:1em;}
    #content h1, h2, h3 { color:#add6ea; line-height:1em; }
    .wrapper, .content, .aside {
        clear: both;
        float: none !important;
        width: auto !important;
    }
    .content input.text {
        width: 100%;
    }
    .content iframe { max-width:100% !important;}
    .content img { max-width:100% !important; height:auto; display: block; }    
    .menu_articles .spip_logos { margin: 0 1em 1em 0; }
    .menu_articles li p { margin: 1em 0; }
    ul.spip li, .content p { margin-bottom: 1em; }

    #partageReseauxSociaux, #notationArticle {float:none; width:100%; height:initial;}
    #notationArticle .etoiles {font-size:0.7em;}
    .formulaire_newsletter_subscribe { display:none; }
    
    .menu ul li { margin: 1em 0; }
}

@page {
    size:A4 portrait;
    
}

@media print {
    #isMobile { display:none !important; }
}