/* COLORS
 * 1. bleu	# b6c3d0
 * 2. violet	# adabd5
 * 3. brun	# c8c1a7
 * 4. brique	# c77e6b
 */
/* COLORS - NEW
 * 1. bleu	#a8b9cc
 * 2. violet	#9895c3
 * 3. brun	#bbb49c
 * 4. brique	#c06d65
 */
@import url('typo.css') all;

html, body
	{width:100%; height: 100%; font-family: open_sans, helvetica, arial, sans-serif;font-size: 13px;}
	
body
	{min-height: 100%; height: auto;}
	
body
	{background-color: #a8b9cc;}
	
address
	{font-style:normal;}

.container
	{margin: 0 auto; width: 1000px;}
	
h1
	{text-transform: uppercase; font-size: 28px; font-weight: bold;color:#a8b9cc;}
h2
	{font-size: 16px; font-weight: bold;}
h3
	{font-size: 14px; font-weight: bold;}
h4
	{font-weight: bold; font-size: 13px;margin-bottom: 15px;}
	
p
	{margin-bottom: 15px;}
small   {line-height: normal; display: inline-block}
.cl
    {color:#a8b9cc;}
    
    
dl.inline dt,
dl.inline dd{float:left; width:auto;margin:0;padding:0;}
dl.inline dt{margin-right: 7px;}
dl.inline dd{margin-right: 28px; font-weight: bold;}
dl.inline:after{content: '';display: block;clear: both;}

dl.linear dt,
dl.linear dd{margin:0;padding:0;}
dl.linear dt{width: 35%; float:left; clear: both;margin-bottom: 14px;}
dl.linear dd{width: 60%; float: right;}
dl.linear:after{content: '';display: block;clear: both;}

/* GLYPHS */
.glyphdickens
    {font-family: 'dickens';font-size: 1.75em;line-height: 0;}

.glyphdickens.more:before
    {content:"m"}

/* HEADER */
.page-header
	{background: transparent url(../images/header_back.png) top left no-repeat;}
.page-header .logo
	{float: left; height: 115px; width: 215px;}
.page-header .menu
	{float: left; height: 115px; width: 515px;}
.page-header .col
	{float: left; height: 115px; width: 270px;}
	
.page-header .logo img
	{width:160px;margin: 15px 0 0 20px;}
	

.page-header .menu ul
	{display: block; padding: 63px 0 0 20px;}
.page-header .menu li
	{display: inline-block; margin-right: 20px;}
.page-header .menu li a
	{color: white; font-weight: bold;}
.page-header .menu li.active a,
.page-header .menu li:hover a
	{color: #eeeeee;}
	
.page-header .col .wrapper
	{padding: 30px 35px 0 15px;}
	
.page-header .col .social
	{margin-bottom: 4px;}
.page-header .col .social a
	{display: inline-block; margin-right: 4px;}
.page-header .col .social a img
        {vertical-align: middle;}

.page-header .col .search input
	{width: 96%; border: 1px solid #000;padding: 5px 2%;}
	
/* BODY */
.page-body
	{background-color: white;margin-right: 20px;color: #412714;position: relative;}
.page-body .menu
	{float: left; width: 215px;}
.page-body .content-full
	{float: left; width: 765px;}

.page-body .side-full
	{float: left; width: 1px;margin-top:15px;}
        
.page-body .side
	{float: left; width: 250px;}
.page-body .content
	{float: left; width: 515px;min-height: 330px;}
        
.page-body .row
        {clear: both;}

.page-body .row .col_50
        {float: left; width: 50%;}
.page-body .row .col_25
        {float: left; width: 25%;}
.page-body .row .col_33
        {float: left; width: 33%;}

.page-body .margin_r
        {margin-right: 15px;}
        
	
.page-body .content-full > .content
	{min-height: 0;}
.page-body .side
	{float: left; width: 250px;}
	
/* BODY - menu*/
.page-body .menu nav
	{padding: 20px 0 0 15px;}

.page-body .menu nav ul li
        {position: relative;}
.page-body .menu nav ul li ul
        {margin: 5px 0 20px 0;}
        
.page-body .menu nav ul li li
        {background: transparent url(img/tiret.png) left center no-repeat;
         font-weight: bold; padding-left: 10px;margin-left: 10px; line-height: 130%;}
		 

.page-body .menu nav ul li li.active,
.page-body .menu nav ul li li:hover
        {color:#a8b9cc;}
	

.page-body .menu nav ul li:nth-child(1) li.active,
.page-body .menu nav ul li:nth-child(1) li:hover
        {color:#9895c3;background-image: url(img/tiret-1.png);}
.page-body .menu nav ul li:nth-child(2) li.active,
.page-body .menu nav ul li:nth-child(2) li:hover
        {color:#bbb49c;background-image: url(img/tiret-2.png);}
.page-body .menu nav ul li:nth-child(3) li.active,
.page-body .menu nav ul li:nth-child(3) li:hover
        {color:#c06d65;background-image: url(img/tiret-3.png);}

.page-body .menu nav ul li ul
        {display: none;}
.page-body .menu nav ul li ul
        {display: none;}

.page-body .menu nav ul li.active ul,        
.page-body .menu nav ul li:hover ul
        {display: block;}

.page-body .menu nav ul li img
        {width: 194px;}
.page-body .menu nav ul li label
        {
            position: absolute; top:12px; left:12px;
            text-transform: uppercase;
            color: white;
            font-weight: bold;
            font-size: 18px;
            line-height: 20px;
            width: 180px;
            pointer: cursor;
        }
.page-body .menu nav ul li:nth-child(2) label
        {top:15px;}
.page-body .menu nav ul li:nth-child(3) label
        {top:20px;}
        
/* BODY - content */
.page-body .content .wrapper
	{padding: 15px 20px 15px 20px;}
.page-body .content-full .wrapper
	{padding: 15px 0 15px 20px;}
	
/* BODY - content - images*/
.page-body .content .images .item
	{float:left; width: 155px; margin-right: 5px;}
	
.page-body .content .images .item img
	{width:100%;}

.page-body .content .images .item:nth-child(3n)
	{margin-right: 0;}
        
/* BODY - content-full - images*/
.page-body .content-full .images .item
	{float:left; width: 140px; margin-right: 5px;}
	
.page-body .content-full .images .item img
	{width:100%;}

.page-body .content-full .images .item:nth-child(5n)
	{margin-right: 0;}

.page-body .content ul
	{margin-bottom: 15px;}
.page-body .content ul.tiret li
	{background: transparent url(img/tiret-fin.png) 0 9px no-repeat;
	 padding-left: 10px;margin-left: 10px;}

/* BODY - side */
.page-body .deco
	{position: absolute; right: -20px; top: 40px; width: 20px; height: 300px;background: transparent url(../images/content-side_back.png) top left no-repeat;}
.page-body .side 
	{font-size: 12px;position: relative;}
	
.page-body .side .wrapper
	{padding: 15px 15px 0 15px;}
	
/* FOOTER */
.page-footer
	{background: transparent url(../images/footer_back.png) top left no-repeat;min-height: 60px;}

.page-footer .wrapper
	{padding: 37px 0 10px 520px;}

.page-footer ul
	{display: block}

.page-footer li
	{display: inline-block;  margin-right: 20px;}

.page-footer .menu li a
	{color: white; font-weight: bold;  font-size: 11px;}
.page-footer .menu li.active a,
.page-footer .menu li:hover a
	{color: #eeeeee;}
        
/* BODY - side */
.page-body .side
	{}
	
.page-body .side .documents
	{font-weight: bold;}
.page-body .side .documents h2
	{margin-bottom: 15px;}
.page-body .side .documents small
	{white-space: nowrap;}
.page-body .side .documents ul li
	{padding-bottom: 15px;}
	
.page-body .side .documents ul li a
	{color:#a8b9cc;}
	
.page-body .side .documents ul li a:hover
	{color:#412714;}

/* AGENDA */
div.agenda-close {position: absolute; width: auto; left: 0px; right:1px; z-index: 500;}
div.agenda-close .button{position: absolute; right: -18px;top: 32px;width:20px;cursor: pointer;}
div.agenda-close .button img{width: 100%;}

div.agenda-close .buttonClose{float:right; width: 10px;margin: 12px 12px 0 0;cursor: pointer;}
div.agenda-close .buttonClose img{width: 100%;}

div.agenda-close div.agenda{
	padding-left: 10px;
	display:none;background-color: white;
	-moz-box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, .2);
	-webkit-box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, .2);
	-o-box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, .2);
	box-shadow: -5px 5px 5px 0px rgba(0, 0, 0, .2);
	}

#agendaSide .item
    {padding-bottom: 7px;}
#agendaSide h2
    {color:#c06d65; font-size: 24px; font-weight: bold;text-transform: uppercase; margin-bottom: 7px;}
#agendaSide .dt
    {font-weight: bold; color:#c06d65; margin-right: 4px;}
    
#agendaSide .hr
    {font-weight: normal; font-size: .85em;}
#agendaSide h3
    {text-transform: uppercase; font-weight: bold;}
#agendaSide .type
    {text-transform: lowercase;}


/* AGENDA - content */
div.agenda-content
	{}
	
div.agenda-content h2
	{font-weight: bold; font-size: 14px; text-transform: uppercase;line-height: 16px;margin-bottom: 2px;}
	
div.agenda-content h3
	{font-weight: normal; font-size: 12px; text-transform: uppercase;}

div.agenda-content h4,
div.agenda-side h4
	{font-weight: bold; font-size: 12px; margin: 20px 0 0 0; text-transform: uppercase;}
	
div.agenda-content .dt
	{color:#c06d65; font-weight: bold;}
div.agenda-content .hr
	{font-weight: bold;}
	
div.agenda-content .type
	{font-weight: normal; font-size: 11px;margin: 2px 0 6px 0;}

div.agenda-content .descriptif
	{margin-top: 18px;}
        
div.agenda-content .more
	{font-size: 12px; color:#c06d65;}
div.agenda-content .more .glyphdickens
	{font-size: 16px; color:#c06d65;}

div.agenda-content .organisateur
	{display: inline; font-weight: bold;}
div.agenda-content .organisateur label
	{font-weight: normal;}

div.agenda-content .back
    {position: absolute; top: -15px; font-weight: bold; font-size: 12px;}
div.agenda-content .back a:before
    {content: '‹ '}
div.agenda-content.list
    {cursor:pointer;}

div.agenda-content.list h2.sep
    {margin-bottom: 0; text-transform: none; font-size: 20px; font-weight: normal; color:#c06d65;}
    
div.agenda-side .visuel img
	{width:100%;}
div.agenda-side .organisateur
	{font-weight: bold; color:#c06d65;}
	
div.agenda-side a
	{font-weight: bold; color:#c06d65; text-indent: -11px;margin-left: 11px;display: block;line-height: 120%;margin-bottom: 4px;}
	
div.agenda-side a:before
	{content:'›  '; font-size: 16px;}

div.agenda-side .videoItem a
	{text-indent: 0;margin-left: 0;}
div.agenda-side .videoItem a:before
	{content:''}
	
div.agenda-side .videoItem .titre
	{text-indent: -11px;margin-left: 11px;display: block;line-height: 120%;margin-bottom: 4px;}
	
div.agenda-side .videoItem .titre:before
	{content:'›  '; font-size: 16px;}

div.agenda-side .videoItem .videoBox
	{position: relative; display: block;}

div.agenda-side .videoItem .videoBox .btn
	{	display: block;width:40px; height:40px;
		position: absolute; top: 50%; left: 7%;
		margin-top: -20px;
		background: transparent url(./img/videoBtn.png) top left no-repeat;  background-size: 40px 40px;}

div.agenda-side .videos img
	{width:100%;}

div.agenda .glyphdickens
    {color: #c06d65;}
	
body.agenda div.docs a,
body.agenda div.liens a
	{font-weight: bold; color:#c06d65; text-indent: -11px;margin-left: 11px;display: block;line-height: 120%;margin-bottom: 4px;}
	
body.agenda div.docs a:before,
body.agenda div.liens a:before
	{content:'›  '; font-size: 16px;}

body.agenda div.docs .item,
body.agenda div.liens .item
	{margin-top: 7px;}
	
body.agenda div.docs .item:first-child,
body.agenda div.liens .item:first-child
	{margin-top:0;}
body.agenda div.docs .description,
body.agenda div.liens .description
	{font-size: 12px;margin-top: -2px; margin-bottom: 2px; line-height: normal;}
	
body.agenda .conferenciers .item
	{}
	
body.agenda .conferenciers .person
	{display: inline; font-weight: bold;}

body.agenda .conferenciers .person .titre
	{display: none;}
body.agenda .conferenciers .person .prenom
	{}
body.agenda .conferenciers .person .nom
	{text-transform: uppercase;}
body.agenda .conferenciers .description
	{display: inline;}

/* CONFERENCES - liste */
nav.conf-cycles {height:37px;}
nav.conf-cycles ul
	{display: block; position: absolute;}
nav.conf-cycles li
	{display: inline-block; margin-right: 15px;border-bottom: 3px solid white;}
nav.conf-cycles li.active,
nav.conf-cycles li:hover
	{border-bottom: 3px solid #c06d65;}
nav.conf-cycles a
	{font-weight: bold; color:#c06d65;}

.conf-cycles-description
    {font-weight: normal;font-size: 12px;}


/* ASSOCIATION - MEMBRES */
.association-membres
	{}
	
.association-membres .item
	{clear: both;}

.association-membres .item h2
	{font-weight: bold; font-size: 16px;}
.association-membres .item h4
	{font-weight: normal; font-size: 12px; margin:0 0 7px 0;}
.association-membres .item .contact,
.association-membres .item .website
	{font-size: 11px; margin-bottom: 14px;}
.association-membres .item .website
	{margin-top: -14px;}
.association-membres .item .img
	{float:left; width:100px;}
.association-membres .item .img .wrapper
	{padding: 7px 10px 15px 0;}
.association-membres .item .img img
	{width: 100%;}

.association-membres .item .detail
	{float: left; width: 375px;}

/* LIENS */
.liens
    {}
.liens h2
    {margin: 20px 0 -10px 0;color:#a8b9cc;}
.liens h3
    {margin-top: 10px;}
.liens p,
.liens .lnk
    {margin:0; display: inline;}
    
.liens a
    {color:#a8b9cc;}
.liens a:before
    {content: " — "; white-space: nowrap;}
    
/* NEWSLETTER */
#newsletter .info
	{border: 2px solid #a8b9cc; padding: 10px; margin: 10px 0;}
#newsletter .info.error
	{border-color: #ff0000;}
	
#newsletter .email
	{}
#newsletter  .action
	{margin: 10px 0;}

	
#newsletter #form_email
	{border: 2px solid #a8b9cc; background: transparent none; padding: 1px 5px; width: 220px;}
#newsletter .envoyer button
	{border: 2px solid #a8b9cc; background: transparent none; color: #a8b9cc; font-weight: bold;}
	
#newsletter  #form_action input
	{margin-right: 5px;}
#newsletter  #form_action label
	{margin-right: 20px;}
        
body.calendar .calendar
    {font-size: 12px; padding-right: 10px;}
    
    
body.calendar .calendar .week
    {clear: both;}
    
body.calendar .calendar .week.nav .col_50
    {text-align: center; font-weight: bold; padding: 4px 0;}
    
body.calendar .calendar .week.nav .col_25
    {padding: 4px 0;}
    
body.calendar .calendar .week.nav .col_25:last-child
    {text-align: right;}
body.calendar .calendar .week header{width: 15%;}
body.calendar .calendar .week section{width: 84%;}

body.calendar .calendar .week section .day{width: 14.28%;}

body.calendar .calendar .week header,
body.calendar .calendar .week section,
body.calendar .calendar .week .day
    {float: left; line-height: 20px;}
    
body.calendar .calendar .week header .wrapper,
body.calendar .calendar .week .day .wrapper
    {padding: 0; font-size: 11px;border:1px solid white}
    
body.calendar .calendar .week .day label
    {color:#fff;display: block;text-align: center;}
body.calendar .calendar .week .day .plage
    {text-align: center; font-size: 9px;color:white;height:20px;overflow: hidden}
    
body.calendar .calendar .week .day .plage.dispo0 {background-color: #c06d65;}
body.calendar .calendar .week .day .plage.dispo1 {background-color: #ebb03b;}
body.calendar .calendar .week .day .plage.dispo2 {background-color: #a8b9cc;}
body.calendar .calendar .week .day .plage.dispo3 {background-color: #a8ccad;}
    
body.calendar .calendar .week .day
    {background-color: #aaa;}
body.calendar .calendar .week .day.out
    {background-color: #eee;}
body.calendar .calendar .week .day.out label
    {color: #aaa;}
body.calendar .calendar .week .day.past
    {opacity: .25}
    
body.calendar button.navig
    {border: 2px solid #a8b9cc; background-color: #a8b9cc; color: white; font-weight: bold; padding: 3px 7px;}
body.calendar button.navig:hover,
body.calendar button.navig.active
    {background-color: transparent; color: #a8b9cc;}
    
body.calendar button.navig.new
    {float:right;margin-right: 15px;}
body.calendar button.navig.new.second{
    background-color: transparent; color: #a8b9cc;
}
body.calendar button.navig.new.second:first-child
    {margin-left: 40px;}

    
body.calendar .infos{background-color: #e0e0e0;margin-top: 15px; padding: 20px;margin-bottom: -15px;}
body.calendar .infos label{display: inline-block; width: 100px; font-weight: bold;}

    
body.calendar div.nbre
    {float:left; width:33.3%;background-color: transparent;line-height:0;}
body.calendar div.nbre.resa
    {background-color: red;}
body.calendar div.nbre button
    {border: 0 none;margin:0;width:100%;background-color: transparent;line-height:16px;font-weight: bold; color: white;}
    
body.calendar div.nbre button:hover,
body.calendar div.nbre.active button
    {background-color: #a00;}
    
/* week calendar */
body.calendar .calendar-week div.nbre
    {float:left; width:100%;background-color: transparent;line-height:0;}
body.calendar .calendar-week div.nbre.resa
    {background-color: red;}
body.calendar .calendar.calendar-week .week .day .plage.dispo1 
    {background-color: #a8ccad;}
    
.calendar.setting .group{clear: both;position: relative;}
.calendar.setting .group h4{margin: 15px 0 5px 0; border-top: 1px solid #333;padding-top: 7px;}
.calendar.setting .group .cout{position: absolute; top:7px; right:0;font-weight: bold;}
.calendar.setting .group .details{float:left; width: 30%;}
.calendar.setting .group .config{float:left; width: 65%;}
.calendar.setting dl.linear{margin:0}
.calendar.setting dl.linear dt,
.calendar.setting dl.linear dd{margin: 0;padding: 2px 0;min-height: 24px}

.calendar.setting .autre{padding: 7px 0; background-color: #e0e0e0;}

body.calendar .group hr{clear:both;border: 0 none; border-bottom: 1px solid white;padding-bottom: 7px; margin-bottom: 7px;}


.calendar.setting .group.confirm{padding: 20px 0;}
.calendar.setting .group.confirm label{font-weight: bold;}

.calendar.setting .group.end{font-weight: bold;}
.calendar.setting .group.end input{
    float: right; border: 2px solid #a8b9cc; background-color: #a8b9cc; color: white; font-weight: bold; padding: 3px 7px;
}

/* calendar choice */
body.calendar.choose .page-body h2 
{
    margin-top:0px;
}

body.calendar.choose .page-body p.big 
{
    font-size: 1.15em;
    padding: 10px 0;
    line-height: 145%;
}
body.calendar.choose hr
{
    border: 0 none;
    border-top: 1px solid black;
    margin: 15px 0;
    clear: both;
}
body.calendar.choose .page-body img.float 
{
    float:left;
    width: 25%;
    margin: 0 25px 25px 0;
}
.row_choice{margin: 35px 0;}
.row_choice:after{content:' '; display: block; clear: both;}
.row_choice .item{
    float:left; width: 50%;
    text-align: center;
}

.row_choice .item a.btn{
    border: 4px solid #a8b9cc; 
    background-color: #a8b9cc; 
    color: white; 
    font-weight: bold; 
    padding: 15px 30px;
    font-size: 1.25em;
}

.row_choice .item a.btn:hover
    {background-color: transparent; color: #a8b9cc;}


.table-responsive{
    overflow: auto;
}
table.table{width: 100%;border-collapse: collapse;padding: 3px;}
table.table .right{text-align: right;}
table.table .center{text-align: center;}
table.table button{
    border: 0 none;
    background-color: #bbb49c;
    border-radius: 5px;
    color:white;
    text-transform: uppercase;
    font-weight: bold;
    font-size: .75em;
    padding: 3px 14px;
    display: inline-block;
}

table.table button.danger{
    background-color: #e73c00;
}
table.table button.danger:hover{
    color:white;
}
table.table thead{border-bottom: 1px solid #bbb49c;}
table.table th,
table.table td
    {text-align: left; padding: 3px;}
table.table tr:hover th,
table.table tr:hover td
    {background-color: #fff5d4 !important;}
    
table.table .small{font-size: .85em;}
table.table .bold{font-weight: bold;}

table.table tr.size td:nth-child(1){width: 20%;}
table.table tr.size td:nth-child(2){width: 20%;}
table.table tr.size td:nth-child(3){width: 20%;}
table.table tr.size td:nth-child(4){width: 15%;}
table.table tr.size td:nth-child(5){width: 11%;}
table.table tr.size td:nth-child(6){width: 14%;}


table.table .etat{
    font-size: 10px; 
    font-weight: 500; 
    background-color: #aaa; 
    border-radius: 5px; 
    display: inline-block;
    color: white;
    padding: 1px 5px;
}
table.table .etat-o{background-color:#89cc5c;}
table.table .etat-r{background-color:#6bc8f0;}
table.table .etat-n{background-color:#788b94;}
table.table .etat-c{background-color:#6bc8f0;}

table.table.table-striped tbody tr:nth-child(even){background-color: #f4f4f4;}
table.table.table-striped2 tbody tr:nth-child(4n-1){background-color: #f4f4f4;}
table.table.table-striped2 tbody tr:nth-child(4n){background-color: #f4f4f4;}

table.table.table-striped2 tbody tr:nth-child(odd) td,
table.table.table-striped2 tbody tr:nth-child(odd) th
    {padding-top: 10px;padding-bottom: 1px;}
table.table.table-striped2 tbody tr:nth-child(even) td,
table.table.table-striped2 tbody tr:nth-child(even) th
    {padding-bottom: 7px;padding-top: 1px;}
    
table.table.table-striped2 tr:hover th,
table.table.table-striped2 tr:hover td
    {background-color: inherit !important;}
    
.table-separator-title{
    font-size: 10px;
    padding: 3px;
    margin: 14px 0 3px 0;
    text-transform: uppercase;
    background-color: #bbb49c;
    color: white;
}

.alert{
    background-color: #e0e0e0;
    border-radius: 15px;
    padding: 15px 25px;
}
.alert.alert-info{
    background-color: #6bc8f0;
    font-weight: bold;
    color: white;
}
.alert.alert-danger{
    background-color: #ff3333;
    font-weight: bold;
    color: white;
}

#order-summary{
    position:fixed; 
    z-index: 1000;
    right:0; top: 120px;
    background-color: white; 
    padding: 20px; 
    width:200px;
    -webkit-box-shadow: -5px 0px 15px 0px rgba(0,0,0,0.25);
    -moz-box-shadow: -5px 0px 15px 0px rgba(0,0,0,0.25);
    box-shadow: -5px 0px 15px 0px rgba(0,0,0,0.25);
}

@media screen and (max-width:1400px)
{
    #order-summary{
        right: -222px;padding-left:32px;
    }
    #order-summary h2{
        position: absolute;
        top: 220px;
        left:4px;
        -ms-transform: rotate(-90deg); /* IE 9 */
        -ms-transform-origin: 0 0; /* IE 9 */
        -webkit-transform: rotate(-90deg); /* Chrome, Safari, Opera */
        -webkit-transform-origin: 0 0; /* Chrome, Safari, Opera */
        transform: rotate(-90deg);
        transform-origin: 0 0;
        
        width: 200px;
        text-align: right;
        
    	
    }
    #order-summary:hover{
        right:0;
        padding-left:20px;
    }
    
    #order-summary:hover h2{
        position: relative;
        top: auto;
        left:auto;
        -ms-transform: none;
        -webkit-transform: none;
        transform: none;
        
        width: auto;
        text-align: left;
    }
}

/* CLIENT INFOS */
 .wrapper > h4{margin-top: 30px;}
.client_header{position: absolute; top:0; right:15px;font-size: 11px; text-align: right;}
.client_header ul li{display: inline-block;margin-left: 14px;}
.client_header ul a{text-decoration: underline;}

.client_header ul li:nth-child(1) a,
.client_header ul li:nth-child(2) a,
.client_header ul li:nth-child(3) a
    {
        text-decoration: none;
        color: white;
        font-weight: bold;
        background-color: #412714;
        padding: 2px 7px;
        border-radius: 5px;
    }

.label
{
    font-weight: 500;
    background-color: #aaa;
    border-radius: 5px;
    display: inline-block;
    color: white;
    padding: 1px 5px;
    position: relative;
    top: -1px;
    left: -5px;
}
.label.label-warning
{
    background-color: #c06d65;
}
.error{display: block;color:red;}
.notice{
    padding: 20px;
    margin-right: 15px;
    color: #090;
    border: 2px solid #090;
}
#newUserForm .error,
#newUserForm .help-inline{display: block;color:red; font-weight: bold;}
#newUserForm .help-inline{padding: 0 0 7px 0;}
#newUserForm dl dt{width:27%;}
#newUserForm dl dd{float:left;}
#newUserForm .form-control{width: 98%;}

#newUserForm label.required:after{ content : ' *'}

#newUserForm label[for="dickens_resabundle_client_contactPhone"]:after,
#newUserForm label[for="dickens_resabundle_client_contactMobile"]:after{content:' **';}

#newUserForm #dickens_resabundle_client_contactNp.form-control,
#newUserForm #dickens_resabundle_client_factureNp.form-control
    {width: 20%;}
#newUserForm #dickens_resabundle_client_contactLocalite.form-control,
#newUserForm #dickens_resabundle_client_factureLocalite.form-control
    {width: 76%;}

/* USEFULL */
.clearfix
	{
	display:block;visibility:hidden;clear:both;margin:0;padding:0;
	font-size:0;height:0;
	}
img.responsive
	{
	width:100%;
  	height:auto;
  	vertical-align:middle;
  	border:0;
  	-ms-interpolation-mode: bicubic;
	}
.danger{color:#c06d65;}
.danger:hover{color:#cc1100;}
/* SURCHAGE COULEURS */
/* COLORS
 * 1. bleu	#a8b9cc
 * 2. violet	#9895c3
 * 3. brun	#bbb49c
 * 4. brique	#c06d65
 */

body.agenda h1,
body.agenda .cl,
body.agenda .page-body .content .glyphdickens,
body.agenda .page-body .side .documents ul li a
	{color: #c06d65;}
body.agenda
	{background-color: #c06d65;}
	
body.espaces h1,
body.espaces .cl,
body.espaces .page-body .content .glyphdickens,
body.espaces .page-body .side .documents ul li a
	{color: #bbb49c;}
body.espaces
	{background-color: #bbb49c;}
	
body.association h1,
body.association .cl,
body.association .page-body .content .glyphdickens,
body.association .page-body .side .documents ul li a
	{color: #9895c3;}
body.association
	{background-color: #9895c3;}


body.agenda .page-body .side .documents ul li a:hover,
body.espaces .page-body .side .documents ul li a:hover,
body.association .page-body .side .documents ul li a:hover
	{color:#412714;}
        
/* MAIN NEWS */
#mainNews{
  font-size: 1.2em;
  background-color: black;
  padding: 10px 0;
  margin-bottom: 20px;
  color: white;
  cursor: pointer;
}
#mainNews .wrapper{
  position: relative;
  max-width: 980px;
  margin: 0 auto;
}
#mainNews p{
  margin-bottom: 15px;
}

#mainNews p a{text-decoration: underline;}
#mainNews .function{
  text-align: right;
}
#mainNews .function button{
  cursor: pointer;
  background-color: transparent;
  border: 0 none;
  color: white;
  font-size: 2em;
  font-weight: 900;
  line-height: 100%;
  padding: 0 7px 3px 7px;
}
#mainNews .title{
  font-size: 1.25em;
  font-weight: 900;
  margin: 7px 0;
}
#mainNews .function .open{display: none;}
#mainNews .function .close{display: inline-block;}

#mainNews.close{}
#mainNews.close .content{display: none;}

#mainNews.close .function{position: absolute; top: 0; right: 0;}
#mainNews.close .function .close{display: none;}
#mainNews.close .function .open{display: inline-block;}