/* ===================================================================
 * Inclusion des styles par défaut des modules
 * =================================================================*/
@import url(http://www.clairvaux-2015.fr/include/css/SIT_CLAIRVAUX/_include_modules.php);

/* ===================================================================
 * CODES COULEUR
 * =================================================================*/
/*
    Textes :
      - Marron :        #473125
      - Beige  :        #E8E1DB
      - Gris   :        #E9E1DA
      - Rouge  :        #B6120E, #AC0000, #A60603

    Autres :
      - Rouge (header): #E62E25
      - Beige (footer): #D6C6A6
*/


/* ===================================================================
 * STANDARD CMS
 * =================================================================*/
.clear        {clear : both;}
.invisible    {display: none}
.alignleft    {text-align: left;}
.alignright   {text-align: right;}
.aligncenter  {text-align: center;}
.alignjustify {text-align: justify;}
.withJS .js_hidden { display:none; }
embed.alignleft, object.alignleft, img.alignleft, table.alignleft, dl.alignleft      { float: left; margin: 0 20px 10px 0; text-align: left;}
embed.alignright, object.alignright, img.alignright, table.alignright, dl.alignright { float: right; margin: 0 0 10px 10px; text-align: left;}
table.aligncenter, dl.aligncenter {margin: auto; text-align: left;}
a img   { border-width: 0;}
acronym { border-bottom: 1px dotted; cursor:help;}
/* LEGENDE */
dl.legende        { padding:0; max-width: 100%; font-size: 0.858em; }
dl.legende dt     { margin: 0; }
dl.legende dt img { margin: 0; }
dl.legende dd     { margin: -4px 0 0; padding: 5px; color: #FFF; background: #362016; overflow: hidden; }
dl.legende dd img { float:left; margin:2px 6px 0 0; }

/* CLEARFIX */
.clearfix:before,
.clearfix:after   { content: "."; display: block; height: 0; overflow:hidden;  }
.clearfix:after   { clear: both; }
.clearfix         { zoom: 1; }

/* ===================================================================
 * LAYOUT GENERAL
 * =================================================================*/
#document {
    margin: 0;
    padding: 0;
    position: relative;
    width: 100%;
    z-index: 1;
}

#bandeauHaut { overflow:hidden; }
#bandeauBas  { overflow:hidden; }

#corps         { max-width: 1180px; margin: 0 auto 30px; overflow: hidden; background: #FFF; }
#corpsInner    { width: 100%; overflow:hidden; }
#contenuTop    { width: 100%; }
#contenuCentre { float: right; width: 74.43%; }
#colonneGauche { float: left; width: 23.30%; }
#colonneDroite { float: right; width: 23.72%; }

.avecDeuxColonnes  #contenu { float: left; width: 74.58%; }
.avecColonneGauche #contenu { }
.avecColonneDroite #contenu { float: left; width: 74.58%; }

#Accueil #corps { margin-top: 20px; }

/* ===================================================================
 * INITIALISATION CHARTE GRAPHIQUE GENERALE DU PROJET
 * =================================================================*/
body {
    margin: 0;
    padding: 0;
    font-family: 'Source Sans Pro', sans-serif;
    font-size: 0.75em;
    color: #222;
    background-color: #fff;
}

#document { font-size: 1.167em; color: #222; }

h1 { font-size: 2.429em; font-weight: 600; }
h2 { font-size: 2em; font-weight: normal; font-family:'Source Sans Pro'; color: #c1272d; margin: 10px 0; }
h3 { font-size: 1.572em; font-weight: 600; font-family:'Source Sans Pro'; color: #c1272d; margin: 10px 0; }
h4 { font-size: 1.286em; font-weight: 600; font-family: 'Source Sans Pro'; color: #c1272d; margin: 10px 0; }

a { color: #222; text-decoration: none; }
a:hover,
a:focus { color: #222; text-decoration: underline; cursor: pointer; }

ul { list-style: none; margin: 0; padding: 0; }

img { max-width: 100%; }

object { position: relative; z-index: 1; }
iframe { display: block; }

form input, form select, form textarea { font-family: 'Source Sans Pro'; font-size: 14px; padding: 6px; border: 1px solid #d4d4d4; -webkit-border-radius: 0; border-radius: 0; }
input.submit, .submit { border: none; background: #222; text-transform: uppercase; color: #fff; -webkit-box-shadow: 0 0 0 0 transparent; box-shadow: 0 0 0 0 transparent; color: #fff; font-weight: 600; padding: 6px 17px; }
input.submit:hover, .submit:hover { opacity: 0.7; cursor: pointer; }

.pullLeft { float: left; }
.pullRight { float: right; }

.btnBlanc { border: 1px solid #d4d4d4; font-size: 0.858em; color: #666; padding: 13px; }

.paragraphe    { width: 100%; clear: both; margin-bottom: 15px; }
.paragraphe ol { clear: both; padding-left: 30px; }
.paragraphe p  { margin: 3px 0; }
/*.paragraphe p a:before { content: ""; background: url("images/sprites_puce_losange_rouge.png") top left no-repeat; display: inline-block; width: 11px; height: 12px; position: absolute; top: 2px; left: 0; } */
/* paragraphe p a:hover:before { background-position: 0 -13px; } */
.paragraphe p a  { color:#c1272d; text-decoration: underline; position: relative; }
.paragraphe p a:hover  { text-decoration: underline; }

.paragraphe table    { width: 100%; }
.paragraphe table td { padding: 5px; }
.paragraphe table th { padding: 5px; }

.paragraphe ul { margin: 5px 20px; }
.paragraphe ul li { list-style-image : url("images/puce_losange_rouge.png"); margin-left: 6px; line-height: 20px; }
.paragraphe ul li a { text-decoration: underline; color: #c1272d; }
.paragraphe.tpl ul li a { text-decoration: none; color: #222; }
.paragraphe.tpl ul li a.lienDetail { color: #c1272d; }

.paragrapheInner { position: relative; }

/* Paragraphes de l'accueil */
#Accueil .paragraphe { background: url("images/separation_ombre.png") no-repeat bottom center; padding-bottom: 39px; margin-bottom: 25px; clear: both; }
#Accueil .paragraphe:last-child { background: none; }
#Accueil .paragraphe h3 { position: relative; margin: 0 0 15px 0; font-size: 2.429em; color: #222; font-weight: 600; }
#Accueil .paragraphe h3 a:hover { text-decoration: none; }
#Accueil .paragraphe h3 span { background: #fff; padding: 0 10px 0 0; position: relative; z-index: 1; }
#Accueil .paragraphe h3:after { content: ""; background: #e4e4e4; height: 2px; width: 100%; position: absolute; top: 50%; display: block; }
#Accueil .paragraphe a.tout { position: absolute; right: 0; top: 0; z-index: 1; margin-top: 14px; font-size: 0.929em; color: #222; font-weight: 600; text-transform: uppercase; background: #FFFFFF; padding: 0 0 0 8px; display: inline-block; }
#Accueil .paragraphe a.rss  { background: url(images/picto_rss.png) no-repeat right top #FFFFFF; width: 15px; height: 15px; }
#Accueil .paragraphe a.photo { padding-right: 30px; background: url(images/picto_photo.png) no-repeat right 1px #FFFFFF; }
#Accueil .paragraphe a.touteActu { padding-right: 28px; }

#Accueil #colonneDroite { margin-top: 0; } 

/* ===================================================================
 * BANDEAU HAUT 
 * =================================================================*/
 #lateralContainer, #menuBtn { display: none; }
 
#bandeauHaut { width: 100%; background: #111; }

.pre-header                  { max-width: 1180px; margin: 0 auto; line-height: 40px; font-size: 0.858em; }
.pre-header #lienGauche      { color:#fff; width:50%; float:left; }
.pre-header #lienGauche a    { color:#fff; }
.pre-header #lienGauche span {margin: 0 4px; }
.pre-header #lienDroite   { color:#fff; width: 30%; float:right; text-align:right; }
.pre-header #lienDroite a { color: #FFFFFF; margin:0 4px; }
.pre-header #lienDroite img { margin: 0 0 0 4px; }

#header      { max-width: 1280px; min-height: 300px; margin: 0 auto; background: transparent url("images/header.png") bottom center no-repeat; position: relative; }
#logo        { position: absolute; top: 1.32%; left: 3.59%; width: 46.41%; }
#header .partenaires     { position: absolute; bottom: 30px; width: 46.1%; text-align: right; right: 3.90%; }
#header .partenaires img   { margin: 0 0 0 3.5%; display: inline-block; text-align: center; }
#header .partenaires a:first-child { margin-left: 0; }
#header .partenaires img { vertical-align: middle; }
#header .baseline { margin-left: -17.30%; position: absolute; bottom: 10px; left: 50%; width: 35%; } 

/* Menu Principal */
#menu       { max-width: 1180px; margin: 0 auto; background: url("images/background_menu.png") no-repeat center bottom; padding-bottom: 16px; }
#menu ul    { margin:0; padding: 0; overflow:visible; }
#menu ul li { display:block; list-style-type:none; }

/* Niveau 1 */
#menu ul li.nav1    { position: relative; float:left; background: url("images/sep_menu.png") no-repeat left center; }
/*#menu ul li.nav1:hover .sous_menu { display: block; }*/
#menu ul li.accueil { float:left; background: none; }
#menu ul li.accueil a { background: url(images/picto-home.png) no-repeat center center; width: 28px; text-indent: -9999px; display: block; line-height: 55px; }
#menu ul li.last    { padding-right: 0; }
#menu ul li .niv1 { text-transform: uppercase; color: #000; font-size: 1.286em; font-weight: 600; line-height: 55px; display: block; border-top: 5px solid #fff; padding: 0 18px 3px; }
#menu ul li .niv1:hover,
#menu ul li.selected .niv1 { border-color: #c1272d; color: #c1272d; text-decoration: none; }
#menu ul li a       { color:#000; }
#menu ul li .puce   { width:9px; height:9px; margin-right:5px; background:none; }
#menu ul li.selected .puce { background:transparent url("images/menu_puce.png") top left no-repeat; }

/* Niveau 2 */
#menu ul li .sous_menu    { width: 100%; clear: both;  margin: 0; padding: 0; position: absolute; top: 100%; left: 0; z-index:999; overflow: visible; }
#menu ul li .sous_menu ul { padding: 0; overflow: hidden; }
#menu ul li .sous_menu ul li                 { display: block; margin: 0; padding: 0 0 4px; overflow: hidden; }
#menu ul li .sous_menu ul li:first-child     { border-top: none; }
#menu ul li .sous_menu ul li a               { display: block; padding: 8px 15px; color: #222222; font-size: 1.167em; font-weight: 600; background: #e4e4e4; }
#menu ul li .sous_menu ul li a:hover         { color: #c1272d; text-decoration: none; }
#menu ul li .sous_menu ul li.nav2 .sous_menu { top: 0; min-width: 200px; }

/* ===================================================================
 * BANDEAU BAS 
 * =================================================================*/
#bandeauBas   { color: #FFF; background: #222; }

#footer       { max-width: 1180px; margin:0 auto; padding: 25px 0; color: #fff; }
#footer .logo { margin-bottom: 5px; }
#footer .partenaires { width: 61.86%; }
#footer .partenaires .titre { font-size: 1.143em; font-weight: 600; border-bottom: 2px solid #666; display: block; padding-bottom: 12px; margin-bottom: 20px; text-align: left; }
#footer .partenaires img { vertical-align: middle; }
#footer .organisateurs { width: 38.35%; text-align: center; }
#footer .organisateurs ul li { display: inline-block; width: 30%; margin: 0 1%; }
#footer .enPartenariat { width: 58.90%; text-align: center; }
#footer .enPartenariat ul li { display: inline-block; width: 30%; margin: 0 1%; }
#footer .partenairesAbbaye { width: 100%; clear: both; padding-top: 30px; }
#footer .partenairesAbbaye ul li { width: 17.80%; height: 70px; overflow: hidden; float: left; margin-left: 2.73%; margin-bottom: 20px; }
#footer .partenairesAbbaye ul li:nth-child(5n+1) { margin-left: 0; }
#footer .autresPartenaires { width: 100%; display: block; clear: both; text-align: right; }
#footer .voirTous { font-size: 0.858em; color: #fff; text-transform: uppercase; position: relative; padding-right: 30px; font-weight: 600; text-align: right; }
#footer .voirTous:after { content: ""; background: url("images/sprites_voirTous.png") no-repeat 0 0; width: 19px; height: 10px; position: absolute; right: 0; top: 0; }
#footer .voirTous.open:after { background-position: 0 -11px; }
#footer .contact { width: 36.44%; font-size: 0.858em; }
#footer .contact a { color: #fff; }
#footer .contact li { line-height: 14px; margin: 8px 0; }
#footer .map { width: 64.11%; margin-right: 4.65%; }
#footer .map img { border: 2px solid #666; }
#footer .lienPicto { text-transform: uppercase; padding-left: 30px; font-size: 1.084em; height: 25px; display: inline-block; margin-bottom: 25px; }
#footer .lienPicto.plan { background: url("images/ico_map.png") no-repeat 3px 0; }
#footer .lienPicto.mail { background: url("images/ico_mail.png") no-repeat 0 0; }
#footer .notice { font-size: 0.786em; font-weight: 300; text-align: right; margin: 30px 0 0 0; }
#footer .eolas { text-align: right; clear: both; margin: 25px 0 0 0; }
#footer .eolas img { margin-left: 3px; vertical-align: bottom; }

/* ===================================================================
 * CONTENU
 * =================================================================*/
#contenu {}

/* Accroche, Fil d'ariane & User tools */
#contenuTop .accroche { overflow: hidden; background: #efefef; padding: 2.27%; margin-bottom: 20px; }
#contenuTop .accroche .imgAccroche { max-width: 275px; width: 33%; float: left; margin-right: 2.38%; }
#contenuTop .accroche .txtAccroche { font-size: 1.143em; font-weight: 600; }
/* S'il n'y a pas d'image d'accroche */
#contenuTop .txt .txtAccroche { width:100%; }

.tools { clear: both; }
#userTools2              { clear: both; display: block; margin: 0 0 30px 0; }
#userTools2 a { text-decoration: none; }
#userTools2 span[class*="tool"] {
    display: inline-block;
    width: 20px; height: 20px;
    padding: 0 6px;
    text-indent: -999em;
    background-position: 50% 0;
    background-repeat: no-repeat;
    border-left: 1px solid #e4e4e4;
    cursor: pointer;
}
#userTools2 .tool-print     { background-image: url(images/tool-print.png); border-left: 0; }
#userTools2 .tool-mail      { background-image: url(images/tool-mail.png); }
#userTools2 .tool-favori    { background-image: url(images/tool-favori.png); }
#userTools2 .tool-facebook  { background-image: url(images/tool-facebook.png); }
#userTools2 .tool-twitter   { background-image: url(images/tool-twitter.png); }
#userTools2 .tool-gglplus   { background-image: url(images/tool-google.png); }
#userTools2 .tool-pinterest { background-image: url(images/tool-pinterest.png); }
#userTools2 .tool-flickr    { background-image: url(images/tool-flickr.png); }
#userTools2 .tool-instagram { background-image: url(images/tool-instagram.png); }
#userTools2  span[class*="tool"]:hover { background-position: 50% -20px; }
#userTools2 a:first-child span { border-left: 0; }

#ariane         { width: 100%; margin: 17px 0; }
#ariane ul      { margin: 0; }
#ariane ul li   { display: inline-block; font-size: 0.858em; font-style: italic; color: #666; }
#ariane ul li a { text-decoration: none; color: #666; }
#ariane ul li .current,
#ariane ul li:last-child { color: #c1272d; }

/* Titre */
#contenu h1 { position: relative; /*float: left; width: 82.09%;*/ margin: 0 0 15px 0; }
#contenu h1 span { background: #fff; padding: 0 10px 0 0; position: relative; z-index: 1; }
#contenu h1:after { content: ""; background: #e4e4e4; height: 2px; width: 100%; position: absolute; top: 50%; display: block; }

/* Avec colonne de gauche */
/*#contenu .withColG h1 { width: 75%; }*/

/* Box */
.box .title { font-size: 1.429em;  font-weight: 600; color: #fff; background: #222; padding: 14px 9px 14px 14px; }
.box .title a { color: #fff; display: block; position: relative; }
.box .title a:hover { text-decoration: none; cursor: pointer; }
.box .title a.btn_deplier:after { content: ""; background: url(images/sprites_box_plierDeplier.png) no-repeat 0 -31px; width: 26px; height: 30px; display: inline-block; vertical-align: middle; position: absolute; top: 50%; right: 0; margin-top: -13px; }
.box .title a.btn_deplier.open:after { background-position: 0 0; }
.box .container { border: 1px solid #dedede; background: #f2f2f2; padding: 6.40% 3.45%; }

/* Tableaux */
#contenu .paragraphe table          { border:1px solid #efefef; border-collapse:collapse; margin-bottom:10px; }
#contenu .paragraphe table thead tr { background-color:#f2f2f2; border:none; vertical-align: top; font-size: 1.143em; color: #c1272d; }
#contenu .paragraphe table tbody tr { border-bottom: 1px solid #efefef; vertical-align: top; }
#contenu .paragraphe table td       { border:none; }
#contenu .paragraphe table thead td { padding: 4px 6px; min-width: 120px; }
#contenu .paragraphe table tbody td { padding: 8px 6px; }

#contenu .lienNoir,
#contenu .lienNoir a { color: #000; }
 
/* ===================================================================
 * COLONNE DROITE 
 * =================================================================*/
#colonneDroite { margin-top: 15px; }
#userTools { height: 25px; margin-bottom: 25px; }
#userTools a            { padding: 0 6px; border-left: 1px solid #e4e4e4; }
#userTools a:first-child { border-left: 0; padding-left: 0; }
#userTools a:last-child { padding-right: 0; }
#userTools a:hover      { text-decoration: none; }
#userTools a:last-child { margin-right:0px; }
#userTools a img        { vertical-align: middle; }

.colonneDroite_pgs { background: url(images/bg_colonneDroite.png) repeat 0 0; padding: 5px; }
.colonneDroite_pgs .container { padding: 5px; background: #fff; }

#colonneDroite .item        { margin-bottom: 15px; position:relative; }
#colonneDroite .item h3     { color: #E8E1DB; font-family:'Arial'; font-size:15px; font-weight:bold; text-transform:none; min-height:22px; padding: 8px 5px 5px 30px; margin:0; background:#311D14 url("images/col_itemHeader.jpg") top left no-repeat; cursor:pointer; }
#colonneDroite .item h3 img { position:absolute; left:10px; top:12px; }

.withJS #colonneDroite .item.close .content { height: 0; overflow: hidden }

#colonneDroite .item.close h3 img   { opacity:1; cursor: pointer; }
#colonneDroite .item.open  .content { display: block; }
#colonneDroite .item.open h3 img    { opacity:0; }

#colonneDroite .item .content         { border:1px solid #301E14; }
#colonneDroite .item .content .fleche { height:12px; background: transparent url("images/col_itemOpen.png") top left no-repeat; }

#colonneDroite .item .content ul         { margin: 0; }
#colonneDroite .item .content ul li      { padding: 15px 20px; background: transparent url("images/col_itemFond.png") bottom no-repeat; }
#colonneDroite .item .content ul li .img { width:100%; text-align: left; }
#colonneDroite .item .content ul li .img.PGS_DLESTAMPILLE { text-align: center; }
#colonneDroite .item .content ul li img  { margin: 8px 0 4px; }
#colonneDroite .item .content ul li:first-child { padding-top: 3px; }
#colonneDroite .item .content ul li:last-child  { background: none; }

#colonneDroite .item .content .btn_close     { text-align: center; }
#colonneDroite .item .content .btn_close img { cursor:pointer; }

#menuDroite { font-weight: 600; margin-bottom: 30px; }
#menuDroite .menuDroite_container_niv_2 { border: 1px solid #dedede; }
#menuDroite .menuDroite_niv_1 > div { background: #c1272d; color: #fff; font-size: 1.429em; padding: 20px 15px; display: block; }
#menuDroite .menuDroite_niv_2 > div { padding: 10px 15px; color: #222; font-size: 1em; background: #f2f2f2; }
#menuDroite .menuDroite_niv_2 { border-top: 1px solid #dedede; } 
#menuDroite .menuDroite_niv_2:first-child { border: none; }
#menuDroite .menuDroite_niv_2 a { display: block; }
#menuDroite ul.menuDroite_container_niv_3 { background: #fafafa; border-top: 1px solid #dedede; padding: 7px 0; }
#menuDroite .titre_container_niv_3 { padding: 5px 15px; position: relative; font-weight: normal; }
#menuDroite .titre_container_niv_3 a:before { content: ""; background: url("images/sprites_puce_losange_rouge.png") top left no-repeat; display: inline-block; width: 11px; height: 12px; position: absolute; top: 5px; left: 0; }
#menuDroite .titre_container_niv_3 a { color: #222; text-decoration: none; padding-left: 15px; position: relative; }
#menuDroite .titre_container_niv_3 a:hover:before { background-position: 0 -13px; }
#menuDroite .titre_container_niv_3 a:hover { text-decoration: underline; color:#c1272d; }
#menuDroite .menuDroite_niv_2 > div.selected,
#menuDroite .menuDroite_niv_2 > div.selected a,
#menuDroite .menuDroite_niv_3 > div.selected,
#menuDroite .menuDroite_niv_3 > div.selected a { color: #c1272d; }
#menuDroite .menuDroite_niv_2 > div:hover,
#menuDroite .menuDroite_niv_2 > div:focus {cursor: pointer; }

#nav_pagespeciale {  }
#nav_pagespeciale .item_nav { margin-top: 5px; }
#nav_pagespeciale .item_nav:first-child { margin-top: 0; }
#nav_pagespeciale h3 { background: #f2f2f2; color: #00a5df; font-weight: 600; font-size: 1.429em; padding: 20px 50px 20px 15px; margin: 0; display: block; position: relative; }
#nav_pagespeciale h3:after { content:""; background: url(images/sprites_box_colDroite.png) no-repeat 0 0; position: absolute; right: 15px; top: 50%; margin-top: -15px; width: 26px; height: 30px; display: block; }
#nav_pagespeciale .item_nav.open h3 { color: #222; background: #00a5df; margin-bottom: 2px; }
#nav_pagespeciale .item_nav.open h3:after { background-position: 0 -31px; }
#nav_pagespeciale h3:hover, #nav_pagespeciale h3:focus { cursor: pointer; }
#nav_pagespeciale .content { clear: both; padding-bottom: 10px; overflow: hidden; }
#nav_pagespeciale .content img { margin-bottom: 5px; display: block; }
#nav_pagespeciale .content a:before { content: ""; background: url("images/sprites_puce_losange_bleu.png") top left no-repeat; display: inline-block; width: 11px; height: 12px; position: absolute; top: 6px; left: 15px; }
#nav_pagespeciale .content a { color: #222; text-decoration: none; padding: 3px 15px 3px 30px; position: relative; display: inline-block; }
#nav_pagespeciale .content a:hover:before { background-position: 0 -13px; }
#nav_pagespeciale .content a:hover { text-decoration: underline; color:#00a5df; }
#nav_pagespeciale .content a.cboxElement { padding: 0; }
#nav_pagespeciale .content a.cboxElement:before { background: none; }

/* ===================================================================
 * MODULES 
 * =================================================================*/
.module { overflow: hidden; width: 100%; }

/* MODULES TWITTER + FACEBOOK */
.tpl_sociaux           { padding: 5px 15px 15px; }
.tpl_sociaux h4        { padding: 0 0 0 50px; position: relative; font-size: 1.429em; font-weight: 500; line-height: 1; }
.tpl_sociaux h4::before { content: ""; position: absolute; left: 0; top: 3px; width: 35px; height: 35px; background: url(images/sprite_rs.png) 0 0 no-repeat transparent; }
/* Twitter */
.tpl_twitter           { background: #5eaade; margin: 5px 0 20px; }
.tpl_twitter h4        { color: #222222; }
.tpl_twitter h4::before { background-position: 0 0; }
.tpl_twitter h4 span   { font-size: 0.7em; }
.tpl_twitter iframe    { background: #FFFFFF; border-radius: 10px; overflow: hidden; }
/* Facebook */
.tpl_facebook            { background: #3e58a3; }
.tpl_facebook h4         { color: #FFFFFF; }
.tpl_facebook h4::before { background-position: 0 -35px; }
.tpl_facebook h5         { margin: 0 0 6px; font-size: 1em; font-weight: 500; }
.tpl_facebook h5 a       { color: #3e58a3; }
.tpl_facebook .posts     { background: #FFFFFF; border-radius: 10px; overflow: hidden; }
.tpl_facebook .page_info { padding: 15px 20px; }
.tpl_facebook .page_info img { float: left; margin: 0 5px 0 0; }
.tpl_facebook .liste      { margin: 0 10px; border-bottom: 1px solid #dddee2; }
.tpl_facebook li.item     { margin: 0 !important; padding: 10px 0 !important; border-top: 1px solid #dddee2; background: #FFFFFF; }
.tpl_facebook li.item img { margin: 5px 10px 3px 0; max-width: 60px; float: left; }
.tpl_facebook .itemDate   { margin: 0 0 4px; padding: 0 0 0 21px; font-size: 0.858em; color: #3e58a3; position: relative; text-transform: uppercase; }
.tpl_facebook .itemDate::before { content: ""; position: absolute; left: 0; top: 0px; width: 15px; height: 15px; background: url(images/sprite_rs.png) 0 -70px no-repeat transparent; }
.tpl_facebook .itemInfo   { font-size: 0.858em; color: #666666; }
.tpl_facebook .itemInfo a { display: block; margin: 3px 0 0; color: #3e58a3; }
.tpl_facebook .lien       { padding: 4px 10px 5px; text-align: right; }
.tpl_facebook .partage_facebook { padding: 0 0 0 17px; position: relative; font-family: Arial, Helvetica, sans-serif; font-size: 0.786em; color: #3e58a3; }
.tpl_facebook .partage_facebook::before { content: ""; position: absolute; left: 0; top: 0px; width: 15px; height: 15px; background: url(images/sprite_rs.png) 0 -100px no-repeat transparent; }

/* ===================================================================
 * BLOC DE NAVIGATION
 * =================================================================*/
.pagination         { margin: 15px 0; }
.blocNavigation     { overflow: hidden; }
.resultatNavigation { height:20px; width: 450px; color: #222; float: left; text-align: right; }
.regletteNavigation { text-align: center; position: relative; }
.regletteNavigation:after { content: ""; background: #e4e4e4; height: 1px; width: 100%; position: absolute; top: 50%; left: 0; }
.regletteNavigation span   { display: inline-block; color: #222; font-weight: 600; width: 27px; height: 30px; line-height: 30px; background-color: #fff; position: relative; z-index: 1; }
.regletteNavigation span:first-child { padding-left: 1.13%; }
.regletteNavigation span:last-child { padding-right: 1.13%; }
.regletteNavigation span a { color: #222; text-decoration: none; }
.regletteNavigation span strong,
.regletteNavigation span.selected,
.regletteNavigation span a:hover { background: url("images/regletteNavigation_selected.png") no-repeat center center #fff; font-weight: 600; color: #fff; display: block; }
.regletteNavigation span.txt      { padding:2px 5px 0; background: none;  }
.regletteNavigation .btn_prem { padding-left: 5px; }
.regletteNavigation .btn_prem, .regletteNavigation .suivant, .regletteNavigation .precedent { text-transform: uppercase; color: #222; font-weight: normal; font-size: 0.786em; width: auto; }
.regletteNavigation .btn_prem a:hover, .regletteNavigation .suivant a:hover, .regletteNavigation .precedent a:hover { text-decoration: underline; background: none; font-weight: normal; color: #222; }

/* ===================================================================
 * LISTE
 * =================================================================*/
.tpl_liste .liste        { list-style: none; margin: 0; padding: 0; }
.liste .alt0  { background: #EEEEEE; }
.liste .alt1  { background: #FFFFFF; }
.liste .item  { background: #f2f2f2; padding: 15px; margin: 30px 0 0 0; list-style-image: none; position: relative; }
.liste .item:first-child { margin-top: 0; }
.liste .image { float: left; margin-right: 15px; }
.liste h4, .liste h3 { color: #222; font-size: 1.715em; margin: 0 0 10px 0; }
.liste .dates { background: #c1272d; color: #fff; position: absolute; left: -15px; top: -12px; text-align: center; width: 100px; height: 100px; -webkit-box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3); box-shadow: 2px 2px 4px 0 rgba(0,0,0,0.3); }
.liste .dates .mois { font-size: 1.286em; font-weight: 600; text-transform: uppercase; }
.liste .dates .jour { font-size: 2.857em; font-weight: 600; line-height: 90px; }
.liste .dates.troisLignes .jour { line-height: 36px; }
.liste .date { color: #c1272d; font-style: italic; display: block; margin: 0 0 10px 0; }
.liste .accroche { line-height: 17px; margin-bottom: 10px; }
.liste .thematique { color: #666; clear: both; display: block; text-align: right; font-size: 0.857em; margin-bottom: 3px; }
.lienDetail:before { content: ""; background: url("images/sprites_puce_losange_rouge.png") top left no-repeat; display: inline-block; width: 11px; height: 12px; position: absolute; top: 5px; left: 0; }
.lienDetail { color:#c1272d; text-decoration: none; font-weight: 600; padding-left: 15px; position: relative; float: right; text-transform: uppercase; }
.lienDetail:hover:before { background-position: 0 -13px; }
.lienDetail:hover  { text-decoration: underline; color:#c1272d; }
.dates .derivatif { bottom: 0.75em; font-size: 0.5em !important; font-weight: 400; line-height: 1; position: relative; }

/* Agenda */
.tpl_animationListe .liste { margin-top: 35px; }
.tpl_animationListe .item { margin-left: 15px; }
.tpl_animationListe #rechercheAvancee { border: 1px solid #d4d4d4; }
.tpl_animationListe #rechercheAvancee .mdr_filtre_lien { display: block; font-size: 1.143em; color: #666; font-weight: 600; text-transform: uppercase; position: relative; text-decoration: none; padding: 9px; }
.tpl_animationListe #rechercheAvancee .mdr_filtre_lien.open { border-bottom: 1px solid #d4d4d4; }
.tpl_animationListe #rechercheAvancee .btn_show { width: 17px; height: 17px; display: block; border-left: 1px solid #d4d4d4; position: absolute; top: 0; right: 0; padding: 11px; }
.tpl_animationListe #rechercheAvancee .btn_show:after { content: ""; background: url(images/recherche_avancee.png) no-repeat 0 0; width: 17px; height: 17px; position: absolute; top: 50%; margin-top: -8px; }
.tpl_animationListe #rechercheAvancee .mdr_filtre_lien.open .btn_show:after { background-position: 0 -18px; margin-top: 0; }
.tpl_animationListe #rechercheAvancee .container_mdr_filtre { padding: 9px; }
.tpl_animationListe #rechercheAvancee #recherche { margin-bottom: 15px; }
.tpl_animationListe #rechercheAvancee .inline { display: inline; margin-right: 10px; }
.tpl_animationListe #rechercheAvancee label { margin: 0 5px 0 0; }
.tpl_animationListe #rechercheAvancee label:first-child { margin-left: 0; }
.tpl_animationListe #rechercheAvancee select,
.tpl_animationListe #rechercheAvancee input { margin-bottom: 10px; }
.tpl_animationListe #rechercheAvancee .submit { margin: 10px 0 0 0; float: right; }
.tpl_animationListe #rechercheAvancee .titre { font-weight: 600; }
.tpl_animationListe .IMG_calendar { vertical-align: middle; margin-left: 2px; }
.tpl_animationListe #rechercheAvancee .selected { color: #c1272d; font-weight: 600; }
.tpl_animationListe #resultats { margin: 20px 0; }
.tpl_animationListe #resultats .nb_resultat { font-weight: 600; text-transform: uppercase; }
.tpl_animationListe .img_actu { float: left; height: 135px; overflow: hidden; }
.tpl_animationListe .groupeQuestion .bloc { clear: none; float: left; width: 48.5%; }
.tpl_animationListe .groupeQuestion .bloc2 { margin-left: 3%; }
.tpl_animationListe .groupeQuestion .lien_liste_passe { float: left; margin: 9px 0 0; padding: 8px 17px;font-weight: 600; text-transform: uppercase; background: #F2F2F2; }
.tpl_animationListe .groupeQuestion #dateChoose p { display: inline-block; margin-right: 10px; }
.tpl_animationListe .groupeQuestion .frozen { opacity: 0.55; filter: alpha(opacity=55); }

/* ===================================================================
 * FICHE
 * =================================================================*/
.fiche p { margin: 10px 0; } 
.fiche .colonneG { width: 23.29%; float: left; }
.fiche .withColG { float: right; width: 74.43%; }
.fiche .actions { margin: 0 0 20px 0; }
.fiche .actions .btnRetour { float: left; padding-left: 30px; background: url(images/fl_noire_gauche.png) no-repeat 5% 50%; }
.fiche .actions .pullRight { width: 50%; text-align: right; }
.fiche .actions .btnPrec { display: inline-block; padding-left: 30px; background: url(images/fl_noire_gauche.png) no-repeat 10% 50%; }
.fiche .actions .btnSuiv { display: inline-block; padding-right: 30px; background: url(images/fl_noire_droite.png) no-repeat 90% 50%; margin-left: 2%; }

.actu_colonne_gauche .evenementLie { margin-top: 30px; }
.actu_colonne_gauche .evenementLie:first-child { margin-top: 0; }
.actu_colonne_gauche .dates { background: #c1272d; color: #fff; text-align: center; padding: 5px 10px; display: table; width: auto; }
.actu_colonne_gauche .dates .inline { display: inline-block; vertical-align: middle; }
.actu_colonne_gauche .dates .inline.withMargin { margin: 0 10px; }
.actu_colonne_gauche .dates .mois { font-size: 1em; font-weight: 600; text-transform: uppercase; display: block; }
.actu_colonne_gauche .dates .jour { font-size: 2.143em; font-weight: 600; line-height: 30px; }
.actu_colonne_gauche .eve_nom { font-size: 1.429em; color: #222; font-weight: 600; }
.actu_colonne_gauche .eve_theme { color: #666; font-size: 0.858em; }
.actu_colonne_gauche .eve_resume { color: #666; }
.actu_colonne_gauche .eve_lien { text-transform: uppercase; font-size: 0.858em; }
.actu_colonne_gauche .eve_lien .lienDetail { float: none; }
.actu_colonne_gauche .eve_lien .lienDetail:before { top: 3px; }

.chapo { margin: 0 0 1em; }
.chapo .dates { float: left; width: 100px; height: 100px; padding: 7px 0 0; box-sizing: border-box; }
.chapo .ponctuel { padding: 0; }
.chapo .ponctuel .jour { font-size: 2.857em; line-height: 90px; }
.chapo .ponctuel .mois { font-size: 1.286em; display: inline; }
.chapo .periode { padding:  }
.chapo .periode .jour { font-size: 2.86em; }
.chapo .periode .mois { font-size: 1.286em; display: inline; }
.chapo .accroche { overflow: hidden; padding: 0 3.2%; line-height: 1.5; font-weight: 700; }
.chapo .image { float: right; }

.fiche .description { margin: 0 0 2em; }
.fiche .bloc25 { width: 23.3%; }
.fiche .bloc75 { width: 74.43%; }
.fiche .floatleft { float: left; }
.fiche .floatright { float: right; }

.fiche .bloc { background: #f2f2f2; }
.fiche .bloc h3 { background: #222222; color: #ffffff; display: block; font-size: 1.429em; margin: 0; padding: 16px 35px 15px 15px; position: relative; }
.fiche .bloc .contenu { padding: 10px; }
.gm-style img { max-width: none; }

.tpl_agenda .thematique { color: #666; font-size: 0.858em; clear: both; margin-bottom: 20px; }

/* ===================================================================
 * PARAGRAPHE STYLE
 * =================================================================*/

/* Colonnage */
#contenu .PRS_WIDTH_100D { width: 100%; }
#contenu .PRS_WIDTH_70D  { width: 68.47%; float:right; clear: right; }
#contenu .PRS_WIDTH_30D  { width: 27.78%; float:right; clear: right; }
#contenu .PRS_WIDTH_50D  { width: 48.86%; float:right; clear: right; }
#contenu .PRS_WIDTH_30G  { width: 27.78%; float:left;  clear:left; }
#contenu .PRS_WIDTH_50G  { width: 48.86%; float:left;  clear:left; }
#contenu .PRS_WIDTH_70G  { width: 68.47%; float: left; clear:left; }

/* Paragraphe accueil */
#contenu .PRS_ACCUEIL h2 { color: #c1272d; font-size: 2.143em; font-weight: 600; }
#contenu .PRS_ACCUEIL p { font-size: 1.429em; color: #222; margin: 15px 0; }
#contenu .PRS_ACCUEIL img.alignleft { margin: 0 2.27% 0 0; }
#contenu .PRS_ACCUEIL a:before { content: ""; background: url("images/sprites_puce_losange_rouge.png") top left no-repeat; display: inline-block; width: 11px; height: 12px; position: absolute; top: 2px; left: 0; }
#contenu .PRS_ACCUEIL a { color:#c1272d; text-decoration: none; font-weight: 600; padding-left: 15px; position: relative; float: right; text-transform: uppercase; font-size: 0.6em; }
#contenu .PRS_ACCUEIL a:hover:before { background-position: 0 -13px; }
#contenu .PRS_ACCUEIL a:hover  { text-decoration: underline; color:#c1272d; }

/* Ressources (colonne gauche) */
#contenu .PRS_RESSOURCE { background: #F2F2F2; }
#contenu .PRS_RESSOURCE .innerParagraphe.open { padding-bottom: 10px; } 
/*
#contenu .PRS_RESSOURCE .innerParagraphe > * { display: none; }
*/
#contenu .PRS_RESSOURCE .innerParagraphe h3 { display: block; margin: 0; padding: 16px 35px 15px 15px; font-size: 1.429em; color: #FFFFFF; background: #222222; position: relative; }
#contenu .PRS_RESSOURCE h4 { margin: 10px 0 10px 15px; font-size: 1em; text-transform: uppercase; }
#contenu .PRS_RESSOURCE li { margin: 0; list-style: none outside none; }
#contenu .PRS_RESSOURCE li a:before { content: ""; line-height: 1; width: 11px; height: 12px; position: absolute; top: 3px; left: 0; background: url(images/sprites_puce_losange_rouge.png) top left no-repeat; }
#contenu .PRS_RESSOURCE li a { display: block; color: #222222; text-decoration: none; padding: 0 0 15px 15px; position: relative; }
#contenu .PRS_RESSOURCE li a:hover { text-decoration: underline; }

#colonneGauche .PRS_RESSOURCE h3:after { content:""; background: url(images/sprites_box_plierDeplier.png) no-repeat 0 -31px; position: absolute; right: 15px; top: 50%; margin-top: -15px; width: 26px; height: 30px; display: block; }
#colonneGauche .PRS_RESSOURCE .open h3:after { background-position: 0 0; }
#colonneGauche .PRS_RESSOURCE h3:hover, #colonneGauche .PRS_RESSOURCE h3:focus { cursor: pointer; }
#colonneGauche .PRS_RESSOURCE ul,
#colonneGauche .PRS_RESSOURCE p { margin: 0 5px 10px 15px; }

#contenuCentre .PRS_RESSOURCE h3 { background: #222222; color: #ffffff; display: block; font-size: 1.429em; margin: 0; padding: 16px 35px 15px 15px; }
#contenuCentre .PRS_RESSOURCE p { margin: 10px 15px; }

/* Contact (colonne gauche) */
#contenu .PRS_CONTACT { color: #FFFFFF; background: #222222; padding-bottom: 10px; }
#contenu .PRS_CONTACT h3 { margin: 0 0 10px; padding: 16px 35px 15px 15px; font-size: 1.429em; color: #FFFFFF; background: #c2272d; position: relative; }
#contenu .PRS_CONTACT h3:after { content:""; background: url(images/puce_contact.png) no-repeat 0 0; position: absolute; right: 15px; top: 50%; margin-top: -15px; width: 26px; height: 30px; display: block; }
#contenu .PRS_CONTACT ul,
#contenu .PRS_CONTACT p  { margin: 0 5px 10px 15px; }
#contenu .PRS_CONTACT li { margin: 0; list-style: none outside none; background: none; }
#contenu .PRS_CONTACT a { color: #FFFFFF; }

/* ===================================================================
 * TEMPLATES
 * =================================================================*/
/* Plan du site */
.tpl_plansite ul.niv1           { margin:0; }
.tpl_plansite ul.niv1 li.niv1   { margin-bottom: 15px; }
.tpl_plansite ul.niv1 li.niv1 a { font-size:20px; color:#B6120E; }
.tpl_plansite ul.niv1 li.niv1 ul.niv2      { margin:0; margin-left:40px; }
.tpl_plansite ul.niv1 li.niv1 ul.niv2 li   { list-style-image:url("images/plansite_puce.png"); }
.tpl_plansite ul.niv1 li.niv1 ul.niv2 li a { font-family:'Arial'; font-size:12px; font-weight:bold; color:#000;}
.tpl_plansite ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3      { margin:0; margin-left:30px; }
.tpl_plansite ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li   { list-style-image:url("images/plansite_puce2.png"); }
.tpl_plansite ul.niv1 li.niv1 ul.niv2 li.niv2 ul.niv3 li a { font-family:'Arial'; font-size:12px; font-weight:Normal; color:#000;}

/* Formulaires */
#contenu .tpl_formulaire    { width: 100%; overflow: hidden; } 
#contenu .tpl_formulaire h3 { color: #AC0000; }
#contenu .tpl_formulaire form     { margin-bottom: 15px; }
#contenu .tpl_formulaire fieldset { padding:12px 8px 20px; margin: 0 0 15px; border: none; border-top: 1px solid #AC0000; }
#contenu .tpl_formulaire legend   { padding: 0 8px; margin-left: 15px; font-weight: bold; }
#contenu .tpl_formulaire label         { width: 155px; display: inline-block; padding-right: 15px; text-align: right; }
#contenu .tpl_formulaire label.enLigne { width:auto; vertical-align: middle; }
#contenu .tpl_formulaire input         { width: 220px; height:12px; }
#contenu .tpl_formulaire input.case    { width: 12px; height:12px; margin: 0 5px 0 0; }
#contenu .tpl_formulaire p              { margin-bottom: 8px; }
#contenu .tpl_formulaire p.action       { margin: 6px 0; }
#contenu .tpl_formulaire p.action input { width: 86px; height:29px; margin-left:180px; padding-bottom:3px; background: transparent url("images/form_submit.png") top no-repeat; color:#FFF; border: none; }
#contenu .tpl_formulaire p.notice       { margin: 9px 0; font-style: italic; }
#contenu .tpl_formulaire p.mention_cnil { margin: 6px 0; font-size: 11px; font-weight: bold; }

/* Agenda à la une */
#Accueil .tpl_agendaAccueil h3 { margin: 0 0 30px; }
.tpl_agendaAccueil .agendaAlaune_ligne1 { margin: 0 0 20px 15px; clear: both; }
.tpl_agendaAccueil .liste { margin: 0; }
.tpl_agendaAccueil .item  { float: left; width: 31%; margin: 0; padding-top: 8px; box-sizing: border-box; }
.tpl_agendaAccueil .item .titre { margin: 5px 0 10px; font-weight: 600; font-size: 1.429em; }
.tpl_agendaAccueil .item .lienDetail { font-size: 0.858em; } 
.tpl_agendaAccueil .bloc2 { margin-left: 3.5%; margin-right: 3.5%; }
.tpl_agendaAccueil .img_actu { height: 135px; overflow: hidden; }
.tpl_agendaAccueil .img_actu img { width: 100%; }
.tpl_agendaAccueil .agendaAlaune_ligne1 .item { min-height: 350px; }
.tpl_agendaAccueil .agendaAlaune_ligne2 { margin: 0 0 0 15px; }
.tpl_agendaAccueil .agendaAlaune_ligne2 .item     { padding: 0; background: #FFFFFF; }
.tpl_agendaAccueil .agendaAlaune_ligne2 .dates    { position: static; float: left; width: 50px; margin: 0 10px 0 0; -webkit-box-shadow: 0 0 0 0 rgba(0,0,0,0); box-shadow: 0 0 0 0 rgba(0,0,0,00); }
.tpl_agendaAccueil .agendaAlaune_ligne2 .ponctuel { height: 50px; }
.tpl_agendaAccueil .agendaAlaune_ligne2 .periode  { height: 120px; padding-top: 4px; }
.tpl_agendaAccueil .agendaAlaune_ligne2 .jour { font-size: 2.143em; line-height: 1; }
.tpl_agendaAccueil .agendaAlaune_ligne2 .mois { font-size: 1em; line-height: 1; display: block; }
.tpl_agendaAccueil .agendaAlaune_ligne2 .itemInfo { overflow: hidden; }
.tpl_agendaAccueil .agendaAlaune_ligne2 .thematique { text-align: left; }
.tpl_agendaAccueil .accroche { color: #666666; }

/* Carrousel à la une */
.clairvaux_actus_carousel { clear: both; display: block; position: relative; height: 429px; overflow: hidden; }
.clairvaux_actus_carousel .actu_alaune_container_link { float: right; width: 42.61%; }
.clairvaux_actus_carousel .actu_alaune_container_link > div { position: relative; clear: both; padding: 15px; height: 113px; }
.clairvaux_actus_carousel .actu_titre { font-size: 1.429em; color: #c1272d; font-weight: 600; }
.clairvaux_actus_carousel .accroche { color: #222; margin: 15px 0 10px; }
.clairvaux_actus_carousel .date { color: #666; font-style: italic; font-weight: 600; float: left; }
.clairvaux_actus_carousel .actu_alaune_container_link > div.selected { background: #c1272d; color: #fff; }
.clairvaux_actus_carousel .actu_alaune_container_link > div.selected:before { content: ""; background: url(images/fl_selected_carrousel.png) no-repeat 0 0; width: 13px; height: 26px; position: absolute; right: -13px; top: 50%; margin-top: -6px; visibility: visible; z-index: 1; }
.clairvaux_actus_carousel .actu_alaune_container_link > div.selected .actu_titre a,
.clairvaux_actus_carousel .actu_alaune_container_link > div.selected .accroche,
.clairvaux_actus_carousel .actu_alaune_container_link > div.selected .date,
.clairvaux_actus_carousel .actu_alaune_container_link > div.selected .lienDetail { color: #fff; }
.clairvaux_actus_carousel .actu_alaune_container_link > div.selected .lienDetail:before { background-position: 0 -26px } 
.clairvaux_actus_carousel .item { height: 430px; overflow: hidden; }
.clairvaux_actus_carousel .item img { height: 100%; max-width: none; }
.clairvaux_actus_carousel #actu_alaune_image { width: 57.39%; float: right; position: relative; }
.clairvaux_actus_carousel #actu_alaune_image img { max-width: none; }
.clairvaux_actus_carousel .lienDetail { font-size: 0.858em; }
.clairvaux_actus_carousel .lienDetail:before { top: 2px; }
.clairvaux_actus_carousel .controls { position: absolute; bottom: 0; right: 0; background: #222; opacity: 0.6; filter: alpha(opacity=60); padding: 10px; }
.clairvaux_actus_carousel .controls a { color: #fff; font-size: 0.929em; font-weight: 600; text-transform: uppercase; position: relative; height: 30px; }
.clairvaux_actus_carousel .controls a:after { content: ""; background: url(images/sprites_controls_carrousel.png) no-repeat 0 0; width: 30px; height: 30px; display: inline-block; vertical-align: middle; position: absolute: top: 0; right: 0; margin-left: 7px; }
.clairvaux_actus_carousel .controls a.paused:after { background-position: 0 -31px; }

/* Carrousel photothèque */
.tpl_actuPhototheque { clear: both; }
.tpl_actuPhototheque .photo_alaune_container { margin: 0 50px; }
.tpl_actuPhototheque div .owl-controls { margin: 0; }
.tpl_actuPhototheque .owl-theme .owl-controls .owl-buttons div { position: absolute; top: 50%; margin: -15px 0 0; padding: 0; width: 17px; height: 30px; text-indent: -999em; background: url(images/fl_rouge.png) 0 0 no-repeat transparent; border-radius: unset; }
.tpl_actuPhototheque .owl-theme .owl-controls .owl-buttons .owl-prev { left: -40px; background-position: -17px 0; }
.tpl_actuPhototheque .owl-theme .owl-controls .owl-buttons .owl-next { right: -40px; background-position: 0 0; }
.tpl_actuPhototheque .photo_alaune { max-width: 190px; height: 190px; line-height: 190px; overflow: hidden; text-align: center; margin-bottom: 5px; }
.tpl_actuPhototheque .photo_alaune img { vertical-align: middle; height: 100%; max-width: none; }

/* Sommaire */
.tpl_sommairePage { border: 1px solid #cdcdcd; }
.tpl_sommairePage h3      { color: #222; font-size: 1.715em; font-weight: 600; background: #efefef; padding: 15px; margin: 0; }
.tpl_sommairePage .sommaireContainer { padding: 15px; }
.tpl_sommairePage .liste  { float: left; overflow: hidden; width: 47.02%; margin: 0; }
.tpl_sommairePage .liste:first-child { margin-right: 5.95%; }
.tpl_sommairePage .liste .item   { padding: 10px 0; background: url(images/border_dotted.png) repeat-x left bottom; margin: 0; }
.tpl_sommairePage .liste .item:last-child { background: none; }
.tpl_sommairePage ul li a { color: #222; font-weight: 600; font-size: 1.143em; }
.tpl_sommairePage ul li a span { font-weight: bold; }

/* Dans cette rubrique */
.tpl_accrochePage { }
.tpl_accrochePage h3      { color: #fff; font-size: 1.715em; font-weight: 600; background: #222; padding: 15px; margin: 0; }
.tpl_accrochePage > div { padding: 15px; border: 1px solid #cdcdcd; }
.tpl_accrochePage .liste  { float: left; overflow: hidden; width: 47.02%; margin: 0; }
.tpl_accrochePage .liste:first-child { margin-right: 5.95%; }
.tpl_accrochePage .liste .item   { padding: 10px 0; background: url(images/border_dotted.png) repeat-x left bottom; margin: 0; }
.tpl_accrochePage .liste .item:last-child { background: none; }
.tpl_accrochePage ul li h4 { color: #222; font-weight: 600; font-size: 1.143em; margin: 0; }
.tpl_accrochePage ul li a span { font-weight: bold; }

/* Phototèque */
.mur_image_container { width: 100%; margin: auto; }
.mur_image_container .item { background: rgb(135, 199, 135); width: 320px; height: 320px; }
.mur_image_container .brick { background: white; border: none; width: 56% }
.mur_image_container .brick .img { width: 100%; max-width: 100%; display: block; margin: 0px; padding: 0px; }
.mur_image_container .free-wall { margin: 0; }
.mur_image_container .info { display : none; }

/* Colorbox */
#colorbox #extra-info { padding: 10px 0; }
#colorbox #cboxCurrent { font-size: 1.084em; text-transform: uppercase; color: #222; }
#colorbox .descR { font-weight: normal; }
#colorbox .copyR { font-size: 0.786em; font-weight: normal; }
#colorbox #cboxLoadedContent { margin-bottom: 40px; }
#colorbox #cboxTitle { box-sizing: border-box; padding-left: 120px; padding-right: 25px; color: #222222 !important; line-height: 1.2; }

/* ===================================================================
 * ADDTHIS
 * =================================================================*/
.tpl_addthisTempliers { overflow: hidden; margin:15px 0 5px; }
.tpl_addthisTempliers .titre    { float: left; width: 155px; height: 59px; padding: 30px 0 0 11px; color:#FFF; background: transparent url("images/addthis_titreFond.png") top no-repeat; }
.tpl_addthisTempliers .titre h3 { color:#E9E1DA; font-size: 14px; width: 120px; margin: 0 0 0 5px; }
.tpl_addthisTempliers .addthis_toolbox   { float: left; padding: 10px 0 0 8px; }
.tpl_addthisTempliers .addthis_toolbox a { padding:0 3px; color:#000; }
.tpl_addthisTempliers .addthis_toolbox a.addthis_button_expanded .at15t_expanded { margin-right: 7px; }
.PRS_WIDTH_70D .tpl_addthisTempliers { padding-left: 8px; }

/* En page d'accueil */
.tpl_addthisParlezEn { width: 200px; height: 160px; padding: 47px 0 0 20px; background: transparent url("images/addthis_titreFondHome.png") top left no-repeat; }
.tpl_addthisParlezEn h2      { width: 148px; line-height: 18px; color:#E9E1DA; padding: 0; margin-bottom: 6px; background: none; }
.tpl_addthisParlezEn h2 .sub { font-size: 18px; }
.tpl_addthisParlezEn .addthis_toolbox   { width: 150px; }
.tpl_addthisParlezEn .addthis_toolbox a { width: 43px; color:#FFF; font-size: 10px; text-align: center; text-decoration: none; float: left; }
.tpl_addthisParlezEn .addthis_toolbox a { width: 43px; color:#FFF; font-size: 10px; text-align: center; text-decoration: none; float: left; }
.tpl_addthisParlezEn .addthis_toolbox a .at300bs        { width: 43px; height: 39px; margin-bottom: 1px; }
.tpl_addthisParlezEn .addthis_toolbox a .at300bs:hover  { opacity:1; }
.tpl_addthisParlezEn .addthis_toolbox a .at300b         { opacity:1; }
.tpl_addthisParlezEn .addthis_toolbox a .at300b:hover   { opacity:1; }
.tpl_addthisParlezEn .addthis_toolbox a .at15t_facebook { background: transparent url("images/addthis_pictoFb.png") top no-repeat; }
.tpl_addthisParlezEn .addthis_toolbox a .at15t_twitter  { background: transparent url("images/addthis_pictoTw.png") top no-repeat; }
.tpl_addthisParlezEn .addthis_toolbox a .at15t_email    { background: transparent url("images/addthis_pictoMail.png") top no-repeat; }
.tpl_addthisParlezEn .addthis_toolbox a.addthis_button_twitter { margin: 0 10px; }


/* ===================================================================
 * MEDIA QUERIES
 * =================================================================*/
 @media (max-width: 1160px) {
    #footer .liensPlanContact { clear: both; display: block; }
    #footer .contact .lienPicto { margin: 20px 0; }
    #footer .contact .lienPicto.mail { margin-left: 25px; }
 }
 
 @media (max-width: 800px) {
    #menu { display: none; }
    #menuBtn {
        background: url("images/ico_menuMobile.png") no-repeat scroll 50% 50% #bd1d1d;
        clear: none;
        display: block;
        float: right;
        height: 100px;
        position: relative;
        text-decoration: none;
        text-indent: -10000px;
        width: 100px;
        z-index: 5;
        box-shadow: 2px 2px 5px 0 #222;
        top: 20px;
        right: 2.5%; 
    }
    #lateralContainer {
        display: none;
        position: absolute;
        .borderBox;
        padding: 0;
        left: 0;
        top: 0;
        width: 0;
        font-size: 1em;
        min-height: 100%;
        color: #FFFFFF;
        background-color: #bd1d1d;
        background-size: 15px auto;
        box-shadow: -5px -5px 10px 0 rgba(0, 0, 0, 0.5) inset;
        z-index: 1000;
        -webkit-transition: all 0.4s;
                transition: all 0.4s;
    }
    #documentContainer { left: 0; -webkit-transition: all 0.4s; transition: all 0.4s; position: relative; width: 100%; z-index: 1; }
    #document #colonneDroite{ width: 100%; float: none; }
    .openMenu #lateralContainer { width: 80%; padding: 40px 5.625% 0; display: block; -webkit-transition: all 0.4s; transition: all 0.4s; }
    .openMenu #documentContainer { left: 80%; -webkit-transition: all 0.4s; transition: all 0.4s; }
    .openMenu #documentContainer:after { position: absolute; top: 0; width: 100%; height: 100%; content: " "; background-color: rgba(255, 255, 255, 0.5); }

    .menuLateral ul { margin: 0; padding: 0; }
    .menuLateral a { color: #fff; text-decoration: none; }
    .menuLateral li > span { display: block; }
    .menuLateral li.current > span { background-color: #fff; }
    .menuLateral li.current > span a { color: #222; }
    .menuLateral .nav1  { font-size: 1.375em; cursor: pointer; }
    .menuLateral .nav1Btn { display: block; padding: 11px 6.36%; border-bottom: 1px solid #fff; }
    .menuLateral .nav1 .nav1Btn:before {
        content: "";
        position: relative;
        background: url("images/sprite-btn-menuNiv1.png") no-repeat scroll 0 -26px;
        display: inline-block;
        height: 13px;
        width: 13px;
        margin-right: 15px;

    }
    .menuLateral .nav1Btn:hover, .nav1Btn:focus { background-color: #fff; color: #bd1d1d; }
    .menuLateral .nav1Btn:hover a, .nav1Btn:focus a { color: #bd1d1d; }
    .menuLateral .nav1Btn:hover:before, .menuLateral .nav1Btn:focus:before { background-position: 0 0; }
    .menuLateral .current .nav1Btn:before { background-position: 0 0; }
    .menuLateral .open .nav1Btn:before { background-position: 0 -13px; }
    .menuLateral .open .nav1Btn:hover:before, .menuLateral .open .nav1Btn:focus:before, .menuLateral .open .nav1Btn.selected { background-position: 0 -39px; }
    .menuLateral .nav2 .nav2Btn { display: block; padding: 11px 6.36% 11px 12.72%; font-size: 0.819em; border-bottom: 1px solid #fff; }
    .menuLateral .nav2 .nav2Btn:before { content: ""; position: relative; background: url("images/sprites_puce_losange_rouge.png") no-repeat scroll 0 100%; display: inline-block; height: 12px; width: 11px; margin-right: 15px; }
    .menuLateral .nav2 .nav2Btn:hover, .menuLateral .nav2 .nav2Btn:focus { background-color: #fff; color: #bd1d1d; }
    .menuLateral .nav2 .nav2Btn:hover a, .menuLateral .nav2 .nav2Btn:focus a { color: #bd1d1d; }
    .menuLateral .nav2 .nav2Btn:hover:before, .menuLateral .nav2 .nav2Btn:focus:before { background: url("images/sprites_puce_losange_rouge.png") no-repeat scroll 0 0; height: 12px; width: 11px; }
    .menuLateral .nav2.current .nav2Btn:before { background: url("images/sprites_puce_losange_rouge.png") no-repeat scroll 0 -13px; height: 12px; width: 11px; }
    .menuLateral .nav3 .nav3Btn { display: block; padding: 11px 6.36% 11px 16.72%; font-size: 0.682em; border-bottom: 1px solid #fff; }
    .menuLateral .nav3 .nav3Btn:hover, .menuLateral .nav3 .nav3Btn:focus, .menuLateral .nav3 .nav3Btn.selected { background-color: #fff; color: #bd1d1d; }
    .menuLateral .nav3 .nav3Btn:hover a, .menuLateral .nav3 .nav3Btn:focus a, .menuLateral .nav3 .nav3Btn.selected a { color: #bd1d1d; }

    .pre-header { margin: 0 2.5%; }
    #header #logo { left: 2.5%; top: 20px; width: 50%; }
    #header .baseline { left: 2.5%; margin: 0; bottom: 20px; width: 55%; }
    .avecColonneDroite #contenu,
    .avecDeuxColonnes #contenu { float: none; width: 100%; clear: both; }
    #colonneDroite { margin-bottom: 30px; width: 100%; clear: both; }
    #corps { margin: 0 2.5%; }
    
    #contenuTop .accroche { padding: 3.27%; }
    #contenuTop .accroche .imgAccroche { width: 42.02%; }
    #contenu h1 { float: none; width: 100%; }
    #userTools { width: auto; }
    
    .clairvaux_actus_carousel { height: auto; }
    .clairvaux_actus_carousel .actu_alaune_container_link,
    .clairvaux_actus_carousel #actu_alaune_image { width: 100%; display: block; }
    .clairvaux_actus_carousel .item { height: 647px; }
    .clairvaux_actus_carousel .controls { top: 597px; bottom: auto; }
    
    .tpl_animationListe #recherche > .inline { display: block; }
    
    .fiche .colonneG,
    .fiche .withColG { float: none; width: 100%; clear: both; margin-bottom: 30px; }
    
    .actu_colonne_gauche .evenementLie { float: left; width: 31.86%; margin: 0 0 15px 2.06% }
    .actu_colonne_gauche .evenementLie:nth-child(3n+1) { margin-left: 0; }
    .actu_colonne_gauche .evenement_lies_contenu { padding: 15px; }
    
    #footer { margin: 0 2.5%; }
    #footer .partenaires, #footer .contact { width: 100%; float: none; clear: both; }
    #footer .contact { text-align: right; margin-top: 20px; }
    #footer .contact .map { width: 100%; float: none; margin-right: 0; text-align: right; }
    #footer .contact .liensPlanContact { clear: both; display: block; text-align: right; }
    #footer .contact .lienPicto { margin: 20px 0; }
    #footer .contact .lienPicto.mail { margin-left: 25px; }
    #footer .contact ul { display: inline; }
    #footer .contact ul li { display: inline-block; border-right: 1px solid #fff; padding: 0 5px; }
    #footer .contact .eolas { display: inline; clear: none; }
    #footer .contact .eolas img { vertical-align: middle; }
    #footer .notice { margin-bottom: 15px; }
}

@media (max-width: 640px) {
    .pre-header { margin: 0 1%; }
    .pre-header #lienGauche { width: auto; }
    #menuBtn { width: 75px; height: 75px; background-size: 55% auto; }
    #header #logo { width: 65%; }
    #header .baseline { bottom: 105px; width: 70%; }
    #header .partenaires { width: 100%; left: 0; right: 0; text-align: center; bottom: 10px; }
    #contenu h1 { width: 100%; }
    #userTools { display: block; float: none; width: 100%; }
    #userTools2 span.tool-print { display: none; }
    
    embed.alignright, object.alignright, img.alignright, table.alignright, dl.alignright,
    embed.alignleft, object.alignleft, img.alignleft, table.alignleft, dl.alignleft {
        float: none;
        margin-right: 0;
        margin-left: 0;
    }
    
    #contenuTop .accroche .imgAccroche { width: 100%; float: none; display: block; text-align: center; margin: 15px 0; max-width: 100%; }
    
     /* Colonnage */
    #colonneGauche, #contenuCentre { width: 100%; float: none; clear: both; }
    #contenu .PRS_WIDTH_50D, 
    #contenu .PRS_WIDTH_50G  { float: none; width: 100%; clear: both; }
    
    /* Accueil */
    #Accueil .paragraphe h3 { width: 100%; float: none; font-size: 1.5em; }
    #Accueil .paragraphe a.tout { float: right; margin: -25px 0 0; position: relative; text-align: right; background-color: transparent; }
    #Accueil .paragraphe a.photo { margin-top: -15px; }
    #contenu .PRS_ACCUEIL h2 { font-size: 1.715em; }
    #contenu .PRS_ACCUEIL p  { font-size: 1.143em; }
    #contenu .PRS_ACCUEIL img.alignleft { display: block; float: none; margin: 0 0 20px 0; }
    
    .clairvaux_actus_carousel .item { height: 259px; }
    .clairvaux_actus_carousel .item img { width: 100%; }
    .clairvaux_actus_carousel .controls { top: 209px; bottom: auto; }
    
    .tpl_agendaAccueil .agendaAlaune_ligne1 { padding-top: 15px; clear: both; }
    .tpl_agendaAccueil .agendaAlaune_ligne1 .item { min-height: auto; }
    .tpl_agendaAccueil .item { float: none; display: block; width: 100%; padding-bottom: 30px; margin-top: 30px; }
    .tpl_agendaAccueil .bloc2 { margin-right: 0; margin-left: 0; }
    .tpl_agendaAccueil .agendaAlaune_ligne2 { margin: 0; }
    
    /* Contenu */
    .tpl_accrochePage .liste,
    .tpl_sommairePage .liste { margin-right: 0; width: 100%; }
    .tpl_accrochePage ul:first-child .item:last-child,
    .tpl_sommairePage ul:first-child .item:last-child { background: url(images/border_dotted.png) repeat-x left bottom; }
    
    .liste .image { float: none; width: 100%; margin-right: 0; }
    .liste .image img { width: 100%; margin-bottom: 15px; }
    .tpl_animationListe #rechercheAvancee .dateDebFin .inline { display: block; clear: both; }
    .tpl_animationListe .groupeQuestion .lien_liste_passe {padding: 8px 17px;font-weight: 600; text-transform: uppercase; background: #F2F2F2; }
    .tpl_animationListe .groupeQuestion .bloc { float: none; width: auto; margin: 0; }
    .tpl_animationListe .groupeQuestion .bloc label,
    .tpl_animationListe .groupeQuestion #dateChoose label { display: inline-block; width: 80px; }
    .tpl_animationListe .img_actu { float: none; height: auto; }
    
    .fiche .actions a { margin-bottom: 10px; }
    .fiche .actions .btnRetour { float: none; display: inline-block; }
    .fiche .actions .pullRight { float: none; display: block; width: 100%; text-align: left; }
    .fiche .bloc25, .fiche .bloc75 { float: none; width: 100%; display: block; margin-bottom: 25px; }
    
    .chapo .image { float: none; width: 100%; }
    .chapo .image img { width: 100%; margin: 15px 0; }
    .chapo .accroche { display: block; width: 100%; clear: both; padding: 0; }
    
    .actu_colonne_gauche .evenementLie { float: none; width: 100%; display: block; margin: 25px 0 0 0; }
    
    /* Footer */
    #footer .pullLeft, #footer .pullRight { width: 100%; float: none; display: block; clear: both; }
    #footer .partenaires > div { margin-top: 20px; }
    #footer .partenairesAbbaye ul li { width: 30.26%; height: 52px; margin-left: 4.60%; }
    #footer .partenairesAbbaye ul li:nth-child(5n+1) { margin-left: 4.60%; }
    #footer .partenairesAbbaye ul li:nth-child(3n+1) { margin-left: 0; }
    #footer .partenairesAbbaye .partenaire_bloc_bottom { clear: both; }
    #footer .contact, 
    #footer .contact .map, 
    #footer .contact .liensPlanContact { text-align: center; }
    
    /* Formulaire */
    .groupeQuestion label,
    #contenu .tpl_formulaire input { width: 100%; float: none; }
    
    /* Modules sociaux */
    .tpl_sociaux h4 { height: 24px; }
    .tpl_sociaux h4:before { top: -5px; }
    .tpl_sociaux iframe,
    .tpl_sociaux .fb-like-box,
    .tpl_sociaux .fb-like-box span { width: 100% !important; }
}