/* #PRODUIRE{fond=css/style.css}
   md5:b5845cda333bc955b0ad6bb1649a418d */
/* REGLAGE DES TEXTES, POLICES, TAILLES... */

@font-face {
font-family: 'LeagueGothicRegular';
src: url('https://www.cgtinsee.org/squelettes/fonts/LeagueGothic-Regular-webfont.eot');
src: url('https://www.cgtinsee.org/squelettes/fonts/LeagueGothic-Regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('https://www.cgtinsee.org/squelettes/fonts/LeagueGothic-Regular-webfont.woff') format('woff'),
     url('https://www.cgtinsee.org/squelettes/fonts/LeagueGothic-Regular-webfont.ttf') format('truetype'),
     url('https://www.cgtinsee.org/squelettes/fonts/LeagueGothic-Regular-webfont.svg#LeagueGothicRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'EconomicaRegular';
src: url('https://www.cgtinsee.org/squelettes/fonts/Economica-Regular-OTF-webfont.eot');
src: url('https://www.cgtinsee.org/squelettes/fonts/Economica-Regular-OTF-webfont.eot?#iefix') format('embedded-opentype'),
     url('https://www.cgtinsee.org/squelettes/fonts/Economica-Regular-OTF-webfont.woff') format('woff'),
     url('https://www.cgtinsee.org/squelettes/fonts/Economica-Regular-OTF-webfont.ttf') format('truetype'),
     url('https://www.cgtinsee.org/squelettes/fonts/Economica-Regular-OTF-webfont.svg#EconomicaRegular') format('svg');
font-weight: normal;
font-style: normal;
}

@font-face {
font-family: 'ShareRegular';
src: url('https://www.cgtinsee.org/squelettes/fonts/Share-Regular-webfont.eot');
src: url('https://www.cgtinsee.org/squelettes/fonts/Share-Regular-webfont.eot?#iefix') format('embedded-opentype'),
     url('https://www.cgtinsee.org/squelettes/fonts/Share-Regular-webfont.woff') format('woff'),
     url('https://www.cgtinsee.org/squelettes/fonts/Share-Regular-webfont.ttf') format('truetype'),
     url('https://www.cgtinsee.org/squelettes/fonts/Share-Regular-webfont.svg#ShareRegular') format('svg');
font-weight: normal;
font-style: normal;
}


/* DEFINITION GENERALE */
html { -webkit-font-smoothing: antialiased; }
html, body { font: 0.96em/1.2em Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif; letter-spacing: 0; text-align: left; margin:0; padding: 0; }

a { color: #005399;}
a:hover { color: #a90909; }
.marge5 { margin-top: 5px }
.marge10 { margin-top: 10px }
.marge20 { margin-top: 20px; }
.marge40 { margin-top: 40px; }
.marge50 { margin-top: 50px; }
.marge60 { margin-top: 60px; }
.margeb10 { margin-bottom: 10px; }
.margeb20 { margin-bottom: 20px; }
.margeb40 { margin-bottom: 40px; }
.margeb60 { margin-bottom: 60px; }


/* MENU */

#nav-principale.affix { position: fixed; top: 0; width: 100%; z-index: 100; }
#nav-principale ul.nav {font: 1.1em/1.1em 'ShareRegular', Arial, sans-serif; letter-spacing: 0; text-align: left; margin: 0; padding: 0; text-transform: uppercase; }
#nav-principale a { line-height: 28px; }
#nav-principale .nav .active > a,.navbar .nav .active > a:hover { color: #fff; background-color: #0081c2; }

@media (min-width: 768px) and (max-width: 991px) {
    #nav-principale { font-size: 90%; }
    .nav > li > a { position: relative; display: block; padding: 5px 8px; }
    #nav-principale a { line-height: 28px; }
}

#entete { background-color: #dd0000; }

/* TEXTE DE LA PAGE D'ACCUEIL */
/* Articles a la une */

h2.une-actu-surtitre { font: 1.25em/1em 'EconomicaRegular', Arial, sans-serif;letter-spacing: 0;text-align: left; margin:0; padding: 0; text-transform: uppercase; color: #888888; }
h3.une-actu-titre { font: 1.8em/1em 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0; margin-top: 10px; }
.actu article { padding: 13px 0 12px 0; border-bottom: 1px dotted #cccccc; }
.actu article p { line-height: 1.4em; }

header.une-section { font: 1.3em/1em 'EconomicaRegular', Arial, sans-serif; letter-spacing: 10px; text-align: right; text-transform: uppercase; padding: 6px 2px 6px 2px; margin-top: 30px; border-top: 4px solid #000000; border-bottom: 1px dotted #000000;}
.une-articles h3 { font: 2.4em/1em 'LeagueGothicRegular', Arial, sans-serif; letter-spacing: 0; text-align: left; margin: 20px 0 0 0; padding: 0; }
.une-section ul { list-style-type: none; }
.une-section li { list-style-type: none; }

/* PROBLEME ESPACEMENT LIGNES DE TEXTE */

p { line-height: 1.4em; text-align: left; margin: 0; }
/*
article { line-height: 1.3em; text-align: left; display: block; clear: both; margin: 20px 0 20px 0; border-bottom: 1px dotted #999; padding: 0 0 10px 0; min-width: 200px; }
.actu a { font-size: 1.1em; font-weight: bold; }
img.img-actualite { float: left; margin: 20px 10px 10px 0;}
*/


/* CAROUSEL */

#myCarousel { z-index: 0; }
.carousel-caption { text-align: left; filter: alpha(opacity=85); }
.carousel-caption a { text-transform: uppercase; color: #b00; }
img.une-actu1 { float: left; margin: 0px 20px 0 0; }
.img-responsive, .thumbnail > img, .thumbnail a > img, .carousel-inner > .item > img, .carousel-inner > .item > a > img { width: 100% \9; }

/* STYLE UNE */

.bloc-droite { padding-bottom: 15px; text-align: left; background: url('https://www.cgtinsee.org/squelettes/img/bloc-droite-fond.png') left repeat-y #f1f1f1; }
.bloc-droite ul { margin: 10px 10px 0 15px; list-style-type: none; padding: 0;}
.bloc-droite h3 { display: block; margin:0; padding: 2px 0 0 60px; font: 1.5em/1.5em 'EconomicaRegular', Arial, sans-serif; line-height: 1.3em; color: #b00; font-weight: normal; text-transform: uppercase; text-align: left; }
.une-droite-lien { margin-top: 5px; font: 1.1em/1em 'EconomicaRegular', Arial, sans-serif; line-height: 1.3em; color: #b00; text-align: right; }
.bloc-rose h3 { background: url('https://www.cgtinsee.org/squelettes/img/bloc-droite-rose.png') left center no-repeat #f8dbf0; color: #df039e;  }
.bloc-outils h3 { background: url('https://www.cgtinsee.org/squelettes/img/bloc-droite-outils.png') left center no-repeat #f8dbf0; color: #df039e;  }
.bloc-orange h3 { background: url('https://www.cgtinsee.org/squelettes/img/bloc-droite-orange.png') left center no-repeat #feebcf; color: #ff9600; }
.bloc-dossiers h3 { background: url('https://www.cgtinsee.org/squelettes/img/bloc-droite-orange.png') left center no-repeat #feebcf; color: #ff9600; }
.bloc-breves h3 { background: url('https://www.cgtinsee.org/squelettes/img/bloc-droite-breves.png') left center no-repeat #feebcf; color: #ff9600; }
.bloc-bleu h3 { background: url('https://www.cgtinsee.org/squelettes/img/bloc-droite-bleu.png') left center no-repeat #d9eff5; color: #009fcd; }
.bloc-marron h3 { background: url('https://www.cgtinsee.org/squelettes/img/bloc-droite-marron.png') left center no-repeat #efe7cd; color: #715500; }
.bloc-mauve h3 { background: url('https://www.cgtinsee.org/squelettes/img/bloc-droite-mauve.png') left center no-repeat #f1d3f0; color: #6f0060; }
.bloc-jaune h3 { background: url() left center no-repeat #e6e1ca; color: #e8bb00; }
.bloc-vert h3 { background: url('https://www.cgtinsee.org/squelettes/img/bloc-droite-vert.png') left center no-repeat #e7f9ce; color: #6bbd00; }
.texte-centre { text-align: center; }
.presse img { margin-top: 10px; }
.modal-header h3 {  padding: 2px 0 0 0px; background: none; color: #715500; }
.li-marge05 { margin-top: 5px; }
.li-marge10 { margin-top: 10px; }
.li-marge15 { margin-top: 15px; }


.bloc-download h3 { background: url('https://www.cgtinsee.org/squelettes/img/bloc-droite-vert.png') left center no-repeat #e7f9ce; color: #6bbd00; }
.bloc-download li { margin-top: 10px; }
div.trait { display: block; clear: both; height: 3px; padding: 0; border: 0; margin-bottom: 10px; line-height: 1; background: #916e6e;}
.center { float: none; margin-left: auto; margin-right: auto; }
h3 { line-height: 1em; }


/* BOITE MODALE */

.modal-backdrop.in  {
    opacity: 0.85 !important ;
    background-color: #ffffff;
}


/* MODALE ANNONCE UNE */

.annonce-pied { margin: 10px; }


/* FORMULAIRES DE CONTACT ET D'ADHESION */

.form-contact { }

.form-remove, .zone-remove { display: none; }
.zone-traitement, .zone-reponse { position: relative; overflow-y: auto; max-height: 400px; padding: 15px; }
input.input-error { background-color: #ffe2e2; border: 3px solid #c00; }
textarea.input-error { background-color: #ffe2e2; border: 3px solid #c00; }
.modal-footer, .modal-header { background-color: #dddddd; }
h3#myModalLabel {  font: 1.8em/1em 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0; color:#666; }

/* PETITIONS */

.formulaire_signature > form > fieldset { margin: 30px 10px; background-color: #F2F1E6; padding: 10px; border: 1px solid #BAB9B1; }
.formulaire_signature > form > fieldset > ul { list-style-type: none; margin: 0; }
.formulaire_signature input.submit { background-color: #e8f2dc; border: 1px solid #a1d46a; margin-left: 10px; padding: 10px;}
.reponse_formulaire { margin: 30px 10px; padding: 10px; }
.reponse_formulaire_erreur { background-color: #eddada; border: 1px solid #d46a6a; }
.reponse_formulaire_ok { background-color: #e8f2dc; border: 1px solid #a1d46a; }

/* Bouton de retour en haut de page */

#bouton-haut { filter:alpha(opacity=80); -moz-opacity:0.8; -webkit-opacity: 0.8; opacity: 0.8; position: fixed; bottom: 15px; right: 25px; cursor: pointer; display: none; }

/* Bouton réseaux SOCIAUX
.btn-facebook,
.btn-facebook:hover,
.btn-facebook:active,
.btn-facebook:visited,
.btn-facebook:focus {
    background-color: #8064A2 !important;
}


/* Footer */

footer.pied { background-color: #333; text-align: left; font-size: 0.9em; width: 100%; padding: 20px 0 30px 0;}
footer.pied ul.pied-liste { list-style-type: square; color: #fff; margin: 20px; padding: 0; } 
footer.pied li { text-align: left; font: 1.4em/1.6em 'EconomicaRegular', Arial, sans-serif; }
footer.pied li a { color: #fff; }
footer.pied li a:hover { color: #c00; }
footer.pied h3 { font: 1.9em/1em 'LeagueGothicRegular', Arial, sans-serif; margin:10px 0 10px 0; padding: 0; color: #ccc; text-align: left; }
footer.pied .col-md-2 { border-radius: 0; }
footer.pied p { color: #ffffff;}
footer.pied p > a { color: #ffffff; text-decoration: underline;}
footer.pied p > a:hover { color: #ff0000;}


/* ARTICLE */

.article-complet { Arial, sans-serif; font-size: 1em; line-height: 1.4em; border: none;  }
.article-complet p { margin-top: 15px; line-height: 1.4em; }
.article-complet h3 { font: 2.5em/1em 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0; margin-top: 10px; }
.article-complet h3.spip { font: 1.9em/1em 'LeagueGothicRegular'; margin: 40px 0 20px 0; color: #999; }
.chapeau { font-weight: bold; font-size: 1.2em; line-height: 1.25em; }
.qrcode { display: none; }
.article-barre { margin: auto; }

blockquote { font-size: 1em; }
blockquote.spip { margin-top: 20px; border-left: 10px solid #bbb; }
blockquote.spip p { color: #444; }
blockquote.spip_poesie { margin-top: 20px; border-left: 20px solid #3d98a8; }
blockquote.spip_poesie p { font-size: 1em; color: #bbb; }
div.spip_code { border-left: 5px solid #e1e1e8; margin-top: 25px; padding-left: 20px; }
code { background-color: #f7f7f9; border: 0px;  }
textarea.spip_cadre { width: 100%; margin-top: 20px; }
p.notes-titre { font: 1.3em/1.5em 'EconomicaRegular'; text-transform: uppercase; border-bottom: 5px solid #ddd; }
div.notes { padding-left: 2em; color: #747474; font-style: italic; font-family: serif; }
div.notes span.spip_note_ref { display:block; float:left; margin-left:-2em }

.video { margin-top: 30px; }
.barre-suiv-prec { padding: 5px; background-color: #f9f9f9; display:block; border-bottom: 2px solid #ccc; border-top: 2px solid #ccc; margin-top: 20px; margin-bottom: 20px; }
p.legende-photo { text-align: center; color: #999999; font-style: italic; margin: 0; padding: 0; }
h2.titre-dossier { font: 2.5em/1em 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0; margin-top: 10px; }

/* TABLEAUX */

table { margin: 20px; }
caption { background: #eeeee; font: 1.5em/1em 'LeagueGothicRegular', Arial, sans-serif; }
th { font-weight: bold; }
thead th { background: #333333; color: #ffffff; }
th,td,caption { padding: 0.5em;}
tbody tr:nth-child(even) th,
tbody tr:nth-child(even) td,
tbody tr.even th,
tbody tr.even td { background: #eeeeee; }
tbody tr:nth-child(odd) th,
tbody tr:nth-child(odd) td,
tbody tr.odd th,
tbody tr.odd td { background: #f9f9f9; }
tfoot { font-style: italic; }


/* BLOC DROITE OUTIL PAGE ARTICLE */


/* RESEAU SOCIAUX */

ul.reseaux-sociaux { padding:0; margin: 10px 0 0 10px; list-style-type:none; }
ul.reseaux-sociaux li { margin-right:10px; float:left; /*pour IE*/ }
ul.reseaux-sociaux li a { display:block; float:left; width:100px; background-color:#6495ED; color:black; text-decoration:none; text-align:center; padding:5px; border:2px solid; /*pour avoir un effet "outset" avec IE :*/ border-color:#DCDCDC #696969 #696969 #DCDCDC; }
ul.reseaux-sociaux li a:hover { background-color:#D3D3D3; border-color:#696969 #DCDCDC #DCDCDC #696969; } 


/* GALLERIE DANS LES ARTICLES */

#gallerie-photo img { margin: 20px 20px 0 0; }
/*
.thumbnail:hover { background-color: #f1f1f1}
.thumbnail a { text-decoration: none; }
.thumbnail a:hover { color: #a90909; }
*/
.caption h3 {  font: 1.7em/1em 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0; margin-top: 10px; text-align: center; }


/* Logos, documents et images */

.spip_logos { float: left; margin: 0 10px 10px 0; padding: 0; border: none; }
.spip_documents { margin-bottom: 1.5em; padding: 0; background: none; }
.spip_documents,
.spip_documents_center,
.spip_doc_titre,
.spip_doc_descriptif { margin-right: auto; margin-left: auto; text-align: center; }
.spip_documents_center { clear: both; display: block; width: 100%; }
.spip_documents_left { float: left; margin-right: 1.5em; }
.spip_documents_right { float: right; margin-left: 1.5em; }
.spip_doc_titre { font-size: 0.8em; line-height: 1.1em; color: #999; }
.spip_doc_descriptif { clear: both; }


/* RUBRIQUES */

.rubrique-titre { font: 2.5em/1em 'LeagueGothicRegular', Arial, sans-serif;letter-spacing: 0; margin-top: 10px; }

.sous-rubriques ul { text-transform: uppercase; list-style-type: none; }
.sous-rubriques li { font: 1.6em/1.2em 'EconomicaRegular'; margin-top: 20px; }

.articles-rubriques h3 { font: 2em/1em 'LeagueGothicRegular'; margin: 0px 0 10px 0; color: #999; }
.articles-rubriques article { padding: 13px 0 12px 0; border-bottom: 1px dotted #cccccc; }

.breves-rubriques h3 { font: 2em/1em 'LeagueGothicRegular'; margin: 0px 0 10px 0; color: #555; }
.breves-rubriques article { padding: 13px 0 12px 0; border-bottom: 1px dotted #cccccc; }

ul.dossier-une li { margin-top: 10px; }

/* PRESSE */

.articles-presse { display: inline; }
.articles-presse img { margin: 15px; }
.presse h3 { font: 2em/1em 'LeagueGothicRegular'; margin: 0px 0 10px 0; color: #555; }
article.presse { padding: 0px 0 12px 0; border-bottom: 1px dotted #cccccc; }

/* DATE ARTICLES */

.date { float: left; height: 80px; width: 80px; background: #cccccc; margin-right: 10px; padding-top: 0px; line-height: normal; }
.date .month { display: block; text-align: center; color: #FFF; font-size: 13px; padding-top: 4px; text-transform: uppercase; font-weight: bold }
.date .day { display: block; text-align: center; padding-top: 0px; font-size: 40px; line-height: 1em; font-weight: bold; color: #999999; }
.date .year { display: block; text-align: center; color: #FFF; font-size: 15px; line-height: 0.4em; padding-top: 4px; text-transform: uppercase; font-weight: bold }


/* AGENDA */

/* .agenda h3 { font: 1.9em/1em 'LeagueGothicRegular', Arial, sans-serif; margin:30px 0 10px 0; padding: 0; color: #850000; text-align: left; text-transform: uppercase; }

.agenda span.agenda-date { font: 1.2em/1em 'LeagueGothicRegular', Arial, sans-serif;} */
.agenda ul { list-style-type: none; margin: 0; }
.agenda ul li { font-size: 1.15em; margin-top: 10px; }
.agenda span.agenda-date { padding: 3px 10px; background-color: #5bc0de; color: #ffffff; font-weight: bold; }
.agenda .rouge { color: #FFD000;}

/* RECHERCHE */

.recherche-total { color: #ff0000; }
.recherche-valeur { color: #999; }
ul.recherche li { margin-top: 10px; }
#entete .input-group { margin-top: 8px;}

/* COULEURS */
.gris { color: #999; } 

/* TELECHARGEMENT VIDEO */
.telechargement-video { font-size: 0.9em; color: #666666; }

/* MENU */

@media (max-width: 992px) {
	.marge60 { margin-top: 20px; }
}

@media (min-width: 1200px) {
    body { }
}

@media (max-width: 768px) {
    header.une-section { letter-spacing: 3px; }
}


/* RUPTURE 960px */

@media (min-width: 768px) and (max-width: 992px) {
    .middle { display: block; float: none; width: 476px; margin-left: 20px; -webkit-box-sizing: border-box; -moz-box-sizing: border-box; box-sizing: border-box; }
    .bloc-droite h3 { font: 1.3em/1.5em 'EconomicaRegular', Arial, sans-serif; }
}

/* BASE DOCUMENTAIRE */

.img-bordure { border: 1px solid #cccccc;}
.img-bordure-hover { border: 4px solid #dd0000;}

/* columns of same height styles */
.container-xs-height { display: table; padding-left: 0px; padding-right: 0px; }
.row-xs-height { display: table-row; }
.col-xs-height { display: table-cell; float: none; }

@media (min-width: 768px) {
    .container-sm-height { display: table; padding-left: 0px; padding-right: 0px; }
    .row-sm-height { display: table-row; }
    .col-sm-height { display: table-cell; float: none; }
}

@media (min-width: 992px) {
    .container-md-height { display: table; padding-left: 0px; padding-right:0px; }
    .row-md-height { display: table-row; }
    .col-md-height { display: table-cell; float: none; }
}
@media (min-width: 1200px) {
    .container-lg-height { display: table; padding-left: 0px; padding-right: 0px; }
    .row-lg-height { display: table-row; }
    .col-lg-height { display: table-cell; float: none; }
}

/* IE 8 breadcrumb links 'overlapping' fix */
/* Fix no support for display:inline-block */
/* NOTE: Add zoom:1 to div class to trigger hasLayout */
/* Append "\9" to the end of each style hack to target IE 8 and below */
.breadcrumb>li {zoom: 1\9;display: inline\9;}

