/************************ Gestion du Responsive **********************************/
@-ms-viewport{width:device-width;}
 
/*******Ecrans au-dessus de 768px*******/
/***************************************/
@media screen and (min-width:769px) {
	#menu-mobiles {display: none !important;}
}
/****Ecrans en-dessous de 768px****/
/**********************************/
@media (max-width: 768px) {
    /* passer tous les elements de largeur fixe en largeur automatique */
    body,
    .page,
    .footer,
    .row,
    .content,
    .column,
    .columnRight{ width: auto !important; margin: auto !important; padding: auto !important; }

    /* fixer une largeur maximale  de 100 % aux elements potentiellement problematiques */
    img, table, td, blockquote, code, pre, textarea, input, iframe, object, embed, video, .dsjcycle { max-width: 100% !important; } 
    .floatLeft, .floatRight, #documents_portfolio li {max-width: 45% !important;}

    .fb_iframe_widget iframe {max-width: 98%!important;}
    /* conserver le ratio des images, necessaire car attribut height existant */
    img, .dsjcycle { height: auto; }  

    /* gestion des mots longs */
    textarea, table, td, th, code, pre, samp { word-wrap: break-word; /* cesure forcee */ }
    code, pre, samp { white-space: pre-line; /* passage a la ligne specifique pour les elements a chasse fixe */ }

    .header {padding:0 !important; }
	/* Correctifs sur slide d'entête */
	.owl-slide .caption h3.title {font-size: 1em !important;}
	#bienvenue {display:none!important}
    .page { margin: 0; padding: 0; }
    .cycle-overlay {font-size: 0.85em;}
    .cycle-overlay .left {display: none !important}

	body {font-size: 14px!important}
    h1,.h1 {font-size: 2em;}
    h2,.h2 {font-size: 1.75em;}
    h3,.h3 {font-size: 1.5em;}
    h4,.h4 {font-size: 1.25em;}

    /* Menu de navigation (inclure/menu)
    ********************************************************************/
    #menu-normal {display: none !important;}
    #menu-mobiles {float: right; width:auto !important; padding: 0; margin:0}
    .toggle {
        display: inline-block;
        text-align: center;
        line-height: 1;
        cursor: pointer;
        -webkit-appearance: none;
        transition: all 0.25s ease-out;
        vertical-align: middle;
        border: 1px solid transparent;
        border-radius: 0;
        padding: 0.85em 1em;
        background-color: #3F3E40;
        color: #fff;
        font-family: 'Fertigo_PRO', Verdana, Geneva, sans-serif;
    }
    .sidr .sidr-inner {
        font-family: 'Fertigo_PRO', Verdana, Geneva, sans-serif;
		padding: 2em;
        list-style: none;
        text-transform: uppercase;
    }
    .sidr input[type="text"] {float: left !important; width: 80%; border-radius: 0 !important;}
    .sidr input[type="submit"] {float: left !important; width: 26px; height: 26px; margin-left: 4px !important;}
    li.sidr-class-noborder {min-height: 40px}

    /* Passer a une seule colonne (a appliquer aux elements multi-colonnes) */
    .content, .column, .columnRight, .encadreColonne, .encadreContenu, .un-tiers, .deux-tiers
     { clear: both; float: none !important; width: auto !important; }
    #zone_recherche, #logoencolonne, #colonne1 { display: none; }
    .footer {margin:0; padding:0;text-align:center;}
    .footer .column{background: none; min-height:10px;  border-bottom:1px solid #bababa;}
    .encadreContenu { background:none; border:none !important; box-shadow:none !important ; padding-left:0;}
    .encadreContenu .encadre-content { background:none !important;}

}
/* Exceptions pour écrans de plus de 1200px */
@media screen and (min-width:1200px) {
	#header, #banniere, #topnav, #container, #footer{max-width:80%; margin:0 auto;}
}
/****Autres règles****/
/**********************************/
/* orientation paysage */
@media (max-device-width:768px) and (orientation: landscape) {
  html {
   -webkit-text-size-adjust: 100%;
   -ms-text-size-adjust: 100%;
  }
}
/* Hide The Jquery Generated Navigation Form from 801px upwards */
@media screen and (min-width:801px) and (max-width:10000px) {
}

/* Gabarit d'impression
------------------------------------------ */
@media print {
    .page,
    .row,
    .content { width: auto; }

    .nav,
    .arbo,
    .column,
    .footer { display: none; }

    .ir a:after, a[href^="javascript:"]:after, a[href^="#"]:after { content: ""; } /* Don't show links for images, or javascript/internal links */
    pre, blockquote { page-break-inside: avoid; }
    thead { display: table-header-group; } /* css-discuss.incutio.com/wiki/Printing_Tables */
    tr, img { page-break-inside: avoid; }
    p, h2, h3 { orphans: 3; widows: 3; }
    h2, h3 { page-break-after: avoid; }

  	form { display: none; }
	abbr[title].published:after { content: ""; }
	abbr[title].dtreviewed:after { content: ""; }

    .spip-admin,
    .spip-admin-float,
    .spip-previsu { display: none; }
    .repondre,
    .formulaire_spip { display: none; }
	
	 abbr[title]:after { content: " (" attr(title) ")"; } 

    /* Souligner et expliciter les liens */
    a { color: #600; text-decoration: underline !important; }
    a.spip_out:after,
    a.spip_glossaire:after,
    a.spip_mail:after { display: inline; content: " [" attr(href) "]"; }
}