/* style-def-1200.css
   Forcer une largeur fixe 1200px sur les pages de définition
   sans Bootstrap, et corriger la grille gauche/droite.
*/

/* On impose une largeur mini pour que les 1200px puissent exister */
html,
body {
    margin: 0;
    padding: 0;
    min-width: 1200px;
}

/* Conteneurs principaux centrés à 1200px */
#header .container,
#content,
#footer .container {
    width: 1200px !important;
    max-width: 1200px !important;
    margin-left: auto !important;
    margin-right: auto !important;
    box-sizing: border-box;
}

/* Les lignes ne doivent pas rétrécir */
#header .row,
#content .row,
#footer .row {
    width: 100% !important;
    margin-left: 0 !important;
    margin-right: 0 !important;
    box-sizing: border-box;
}

/* Colonnes du header : logo + formulaire recherche */
#sitelogo {
    float: left;
    box-sizing: border-box;
}

/* On laisse la largeur du bloc search gérée par le contenu,
   mais on s'assure qu'il ne casse pas la ligne */
#header .wrappersearch {
    float: right;
    box-sizing: border-box;
}

/* Colonnes de contenu : gauche (infos) / droite (maincontent) */
#infos {
    float: left;
    width: 41.6667% !important;   /* 5/12 */
    box-sizing: border-box;
}

#maincontent {
    float: left;
    width: 58.3333% !important;   /* 7/12 */
    box-sizing: border-box;
}

/* On s'assure que le bloc synonyme ne rétrécit pas la colonne gauche */
.wrapboxsy .synonyms,
.wrapboxsy .synonyms.container {
    width: 100% !important;
    max-width: 100% !important;
    margin: 0;
    box-sizing: border-box;
}

/* Titre non coupé sous le bandeau */
#content {
    padding-top: 110px !important;
}