/*================================================================================================*/

@charset "UTF-8";

/*
	
	Roboto 				400;500;700
	Roboto+Condensed	300;400
	
	COMMONS
	HOME
	CONTACT
	LOGIN - REGISTER - FORGOT 
	LEGACY
	LINKS
	SITEMAP
	MEMBERS
	AGENDA
	NEWS
	ALBUMS
	PROFIL
	VIDEOS
	INFOS
	ARCHIVES
	FORMULAIRE
	PANTHEON
	TALENTS
	
*/

/*================================================================================================*/
/* COMMONS
/*================================================================================================*/

.supercontainer
{
	position:    relative;
	width:       100%;
	min-height:  1000px;
	padding-top: 80px; 		/* = TOOLBAR HEIGHT */
}

/*------------------------------------------------------------------------------------------------*/

.pagetitle,
.pagesubtitle
{
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1;
	text-align:  center;
	color:       #1665c4;
	margin:      0;
	padding:     40px 0 20px;
}

/*------------------------------------------------------------------------------------------------*/

.panel-box
{
	border-top: 6px solid #1665c4;
	
	background-color: #fff;
	
	-webkit-border-radius: 0;
	-moz-border-radius:    0;
	border-radius:         0;
	
	-webkit-box-shadow: 0 2px 6px hsla(0, 0%, 0%, 0.2);
	-moz-box-shadow:    0 2px 6px hsla(0, 0%, 0%, 0.2);
	box-shadow:         0 2px 6px hsla(0, 0%, 0%, 0.2);
}

.panel-header .panel-title 
{
	color: #1665c4;
  	
  	border-bottom-color: #1665c4;
}

.panel + .panel
{
	margin-top: 20px;
}

/*------------------------------------------------------------------------------------------------*/

.field100.bordertop,
.field100.borderbtm
{
	border-color: #ddd;
}

/*------------------------------------------------------------------------------------------------*/

.fns-button,
a.fns-button
{
	min-height:  32px !important;
	height:      32px;
	padding:     0 10px;
	line-height: 28px;
	font-size:   13px;
}

label.error
{ 
	font-size: 14px;
}

.fns-button.large
{
	width:       auto;
	min-height:  52px;
    height:      52px;
    line-height: 52px;
    padding:     0 20px;
}

/*================================================================================================*/
/* HOME
/*================================================================================================*/

#home_0
{
	min-height:       0;
	background-color: #6d7993;
	border-bottom:    1px solid #abadb3;
}

#devise
{
	position:   relative;
	display:    block;
	height:     260px;
	padding:    50px 0;
	text-align: center;
}

#devise .inside
{
	position: relative;
	display:  inline-block;
	height:   160px;
}

#devise .inside .texte
{
	position:       relative;
	display:        inline-block;
	float:          left;
	line-height:    48px;
	font-size:      32px;
	vertical-align: middle;
	padding:        56px 0;
	font-family:    'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight:    300;
	text-align:     center;
	color:          #fff;
	font-variant:   small-caps;
}

#devise .inside .texte br
{
	display: none;
}

#devise .insigne
{
	position: relative;
	display:  block;
	width:    62px;
	height:   160px;
	
	background-color:    transparent;
	background-position: center center;
	background-repeat:   no-repeat;
}

#devise .insigne.first
{
	float:            left;
	margin-right:     10px;
	background-image: url(../img/layout/emia_160.png);
}

#devise .insigne.last
{
	float:            left;
	background-image: url(../img/layout/centenaire_160.png);
}

/*------------------------------------------------------------------------------------------------*/

#home_01
{
	min-height:       0;
	background-color: #96858f;
	border-bottom:    1px solid #abadb3;
	padding:          40px 0;
	text-align:       center;
	
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1;
	color:       #fff;
	font-size:   24px;
}

/*------------------------------------------------------------------------------------------------*/

#home_1
{
	min-height:    0;
	padding:       50px 0;
	border-bottom: 1px solid #abadb3;
}

#home_1 .col640
{
	font-size:  18px;
	text-align: center;
}

#home_1 .col640 br
{
	display: none;
}

#home_1 .col640 .fns-button
{
	height:      46px;
	padding:     12px 18px;
	font-size:   18px;
	line-height: 1;
}

#home_1 h3.pagetitle
{
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1;
	margin:      0;
	text-align:  center;
	color:       #1665c4;
}

#home_1 .col222 .field100 
{
	height: 160px;
}

#home_11 .col221
{
	text-align: justify;
}

#home_11 .col221 p:first-of-type
{
	margin-top: 0;
}

#home_1 p.validationdate
{
	margin-top: 20px;
	margin-bottom: 0;
}

#home_1 p.validationnbre
{
	margin-bottom: 0;
}

/*------------------------------------------------------------------------------------------------*/

#home_2
{
	min-height:       180px;
	background-color: #6d7993;
	border-bottom:    1px solid #abadb3;
}

#home_2 .form-container:not(.coltitle)
{
	font-size:  18px;
	text-align: center;
	padding:    50px 0 0;
}

#homavatar
{
	position:  relative;
	display:   inline-block;
	max-width: 600px;
}

#homavatar .img-notify
{
	position:   relative;
	display:    block;
    border:     5px solid #fff;
    max-width:  330px;
	max-height: 330px;
    width:      238px;
    height:     238px;
    
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
}

#homavatar .img-notify.avdata
{
	border-color: #abadb3;
}

#homavatar .img-notify .inner
{
	position:   relative;
	display:    inline-block;
	max-width:  320px;
	max-height: 320px;
    width:      228px;
    height:     228px;
    
    -webkit-border-radius: 50%;
    -moz-border-radius:    50%;
    border-radius:         50%;
    
    background-position: center center;
    background-repeat:   no-repeat;
    background-size:     cover;
}

#homavatar .avatartxt
{
	position:       relative;
	display:        inline-block;
	height:         64px;
	line-height:    64px;
	vertical-align: middle;
	color:          #fff;
}

#home_2 .homepriere
{
	margin-top: 5px;
	text-align: center;
	color:      #fff;
	font-size:  14px;
}

/*------------------------------------------------------------------------------------------------*/

.toggle-command
{
	position: relative;
	width:    100%;
	margin:   0;
	padding:  0;
}

.toggle-command .toggle-inner
{
	display:  none;
	position: relative;
	width:    100%;
	height:   auto;
	margin:   0;
	padding:  0;
}

.toggle-command .toggle-content
{
	position:    relative;
	width:       100%;
	height:      auto;
	line-height: 1.5;
}

/*------------------------------------------------------------------------------------------------*/

#home_2 .coltitle
{
	margin: 0 auto;
}

#home_2 .col221,
#home_2 .col222
{
	text-align:    justify;
	padding:       0 10px 0;
	color:         #fff;
	margin-top:    0; 
	margin-bottom: 0;
}

#home_2 .col222 a
{
	color: #fff;
}

#home_2 .col222 a:hover
{
	color: #fff;
}

#home_2 .baratin
{
	text-align: left;
	padding:    0;
	color:      #fff;
}

#home_2 .baratin.first
{
	padding-bottom: 10px;
}

#home_2 .baratin.last
{
	padding-top: 10px;
}

#home_2 .baratin.last .col222
{
	text-align: right;
}

/*------------------------------------------------------------------------------------------------*/

#home_3
{
	min-height:    0;
	padding:       0;
	border-bottom: 1px solid #abadb3;
}

#home_3 .kiwi-navbar-nav
{ 
	margin: 20px 0 40px;
}

#home_3 .kiwi-navbar.first .kiwi-navbar-nav
{ 
	margin: 20px 0 0;
}

#home_3 .kiwi-navbar.last .kiwi-navbar-nav
{ 
	margin: 0 0 40px;
}

#home_3 .kiwi-navbar-nav > li
{
	float:  none;
	width:  260px;
	margin: 5px 5px;
}

#home_3 .kiwi-navbar-nav > li > a
{
	border-width: 1px;
	margin:       0 0 5px;
	padding:      8px 30px;
}	

#home_3 .kiwi-navbar-nav > li > a:hover,
#home_3 .kiwi-navbar-nav > li.active > a 
{
  	border-color: #1665c4;
}

#home_3 .kiwi-navbar-nav > li.success > a:hover,
#home_3 .kiwi-navbar-nav > li.success.active > a 
{
  	border-color: #229954;
}

/*------------------------------------------------------------------------------------------------*/

#home_31
{
	min-height: 0;
	padding:    0;
}

#home_31 .pagesubtitle
{
	padding: 0px 0 20px;
}

#home_31 ul.publications,
#home_31 ul.publications li
{
	list-style:  none;
	line-height: 32px;
}

#home_31 ul.publications li
{
	padding-top: 8px;
}

#home_31 ul.publications li a
{
	line-height:    24px;
	vertical-align: middle;
}

#home_31 ul.publications li .fa-lg
{
	font-size:       24px;
    line-height:     1;
    vertical-align: -10%;
    margin-right:    0.5em;
    min-width:       2em;
}

/*------------------------------------------------------------------------------------------------*/

#home_32
{
	min-height:       0;
	background-color: #96858f;
	padding:          0;
	border-bottom:    1px solid #abadb3;
}

#home_32 .content1280
{
	padding-bottom: 40px;
}

#home_32 .pagetitle
{
	color: #fff;
}

#home_32 .homalerte
{
	position:      relative;
	padding:       20px 10px;
	border-bottom: 1px solid #fff;
	color:         #fff;
}

#home_32 .homalerte:first-of-type
{
	padding-top: 0;
}

#home_32 .homalerte:last-of-type
{
	border-bottom: 0;
}

#home_32 .homalerte h4
{
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1;
	color:       #fff;
	font-size:   24px;
}

#home_32 .homedate
{
	line-height:   1.5;
    font-size:     14px;
    margin-bottom: 15px;
}

#home_32 .homedate i
{
	color:        #fff;
	margin-right: 0.5em;
}

#home_32 div.hometexte + div.homelink
{
	margin-top: 15px;
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 639px)
{
	h1.pagetitle
	{
		font-size: 30px;
	}
	
	#homavatar
	{
		max-width: 420px;
	}
	
	#emia
	{
		width:  640px;
		height: 331px;
		background-image: url(../documents/639.jpg);
	}
	
	#devise
	{
		height:  210px;
		padding: 25px 5px;
	}
	
	#devise .inside .texte
	{
		font-size: 24px;
		padding:   32px 5px;
	}
	
	#devise .inside .texte br
	{
		display: block;
	}
	
	#home_1 .col222 .field100.last
	{
		margin-top: 15px;
	}
}

@media only screen and (max-width: 479px)
{
	#home_1 .col640 br
	{
		display: block;
	}
	
	#devise .inside .texte
	{
		font-size: 20px;
		padding:   32px 5px;
	}
}

@media only screen and (max-width: 459px)
{
	#homavatar
	{
		max-width: 280px;
	}
}

/*================================================================================================*/
/* CONTACT
/*================================================================================================*/

#contact
{
	font-size: 14px;
}

#contact label[for]
{
	color: #1665c4;
}

#contact ul.pj 
{
    list-style-type: none;
    margin:          0;
	padding:         0;
}

#contact ul.pj > li 
{
    padding:       0 0 10px 0;
    white-space:   nowrap;
	overflow:      hidden;
	text-overflow: ellipsis;
	cursor:        default;
	line-height:   1.5em;
}

#contact ul.pj > li > i
{
	cursor: pointer;
	margin-right: 0.5em;
}

#contact ul.pj > li > i:hover
{
	color: #ff5733;
}

#contact ul.pj > li:last-child
{
	padding-bottom: 0;
}

/*================================================================================================*/
/* LOGIN - REGISTER - FORGOT
/*================================================================================================*/

#login label[for],
#register label[for],
#forgot label[for]
{
	color: #1665c4;
}

/*================================================================================================*/
/* LEGACY
/*================================================================================================*/

#legacy h3.tag
{	
	font-weight: 400;
}

#legacy h3.tag:before
{
	display:      inline-block;
	content:     '\f02b';
    position:     relative;
    width:        1em;
    height:       1em;
    font-size:    1em;
    line-height:  1;
    font-family: 'FontAwesome';
    text-align:   left;
    color:        #1665c4;
    margin-right: 0.5em;
}

#legacy p
{
	margin: 2em 0 1em 36px;
}

#legacy p:before
{
	display:      inline-block;
	content:     '\f111';
    position:     relative;
    width:        1em;
    height:       1em;
    font-size:    1em;
    line-height:  1;
    font-family: 'FontAwesome';
    text-align:   left;
    color:        #1665c4;
    margin-right: 0.5em;
}

#legacy p span
{
	display:      block;
	padding-left: 1.5em;
}

#legacy p.no-bullet:before
{
	display: none;
}

#legacy p.justify
{
	text-align: justify;
}

/*================================================================================================*/
/* LINKS
/*================================================================================================*/

#links .fieldButton
{
	padding: 0 0 20px;
}

#links .fns-button
{
	margin: 4px;
}

.business
{
	position:    absolute;
	top:         27px;
	left:        55px;
	width:       206px;
	height:      129px;
	text-align:  center;
	padding:     20px 20px 0;
	line-height: 20px;
}

.business,
.business:link,
.business:focus,
.business:active,
.business:visited
{
    color:   #0a0a0a;
    opacity: 0.75;
    filter:  alpha(opacity=75);
    
    background-color: #b0c4de;
}

.business:hover
{
	text-decoration: none;
	opacity:         1;	
	color:           #fff;
	
	background-color: #6495ed;
}

#links .links-container
{
	position: relative;
}

#links .links-container.one
{
	padding: 0 480px;
}

#links .links-container.two
{
	padding: 0 320px;
}

#links .links-container.three
{
	padding: 0 160px;
}

@media only screen and (max-width: 1279px)
{
	#links .links-container.one
	{
		padding: 0 320px;
	}
	
	#links .links-container.two
	{
		padding: 0 160px;
	}
	
	#links .links-container.three
	{
		padding: 0 0;
	}
}

@media only screen and (max-width: 959px)
{
	#links .links-container.one
	{
		padding: 0 160px;
	}
	
	#links .links-container.two,
	#links .links-container.three
	{
		padding: 0 0;
	}
}

@media only screen and (max-width: 639px)
{	
	#links .links-container.one
	{
		padding: 0 80px;
	}
	
	#links .links-container.two,
	#links .links-container.three
	{
		padding: 0 0;
	}
}

@media only screen and (max-width: 479px)
{
	#links .fns-button
	{
		padding: 8px 1em;
	}
	
	#links .links-container.one,
	#links .links-container.two,
	#links .links-container.three
	{
		padding: 0 0;
	}
}

/*================================================================================================*/
/* SITEMAP
/*================================================================================================*/

#sitemap
{
	
}

#sitemap .ul-main,
#sitemap .ul-second
{
	list-style: none;
	margin:     0;
	padding:    0;
	outline:    0;
}

#sitemap [class*='fa-']
{
	margin-left: 0.5em;
}

#sitemap .toggler 
{
    cursor: pointer;
}

#sitemap .toggler-content
{
	padding-left: 70px;
}

#sitemap h5, 
#sitemap h6
{
	line-height:         40px;
	vertical-align:      middle;
	padding-left:        40px;
	background-position: left center;
	background-repeat:   no-repeat;
	font-weight:         400;
}

#sitemap h5 a,
#sitemap h5 a:link,
#sitemap h5 a:visited,
#sitemap h5 a:focus,
#sitemap h5 a:active,
#sitemap h6 a,
#sitemap h6 a:link,
#sitemap h6 a:visited,
#sitemap h6 a:focus,
#sitemap h6 a:active
{
	color:           inherit;
	text-decoration: none;
	
	-webkit-transition: all 0.5s ease-in-out 0s;
	-moz-transition:    all 0.5s ease-in-out 0s;
	-o-transition:      all 0.5s ease-in-out 0s;
	transition:         all 0.5s ease-in-out 0s;
}

#sitemap h5 a:hover,
#sitemap h6 a:hover
{
	color:           #a50d1f;
	text-decoration: none; 
}

#sitemap .toggler.active,
#sitemap h6 a.active
{
    color: #a50d1f;
}

#sitemap .page
{
	background-image: url(../img/layout/document.png);
}

#sitemap .directory
{
	background-image: url(../img/layout/documents.png);
}

#sitemap .para
{
	background-image: url(../img/layout/document-quote.png);
}

/*================================================================================================*/
/* AGENDA
/*================================================================================================*/

#agenda,
#agendas
{
	background-color: #fff;
}

#agendas .col320 a.pthumbnail
{
	display:          block;
	position:         relative;
	background-color: #f2f3f8;
	color:            inherit;
	margin:           0 auto;
	
	height: 575px;
	
	-webkit-transition: 0.33s all ease-out;
	-o-transition:      0.33s all ease-out;
	transition:         0.33s all ease-out;
  
	-webkit-transform: scale(1);
	-ms-transform:     scale(1);
	transform:         scale(1);
}

#agendas .col320 a.pthumbnail:before 
{
    content:    '';
    position:   absolute;
    bottom:     0;
    height:     4px;
    z-index:    10;
    left:       0;
    right:      0;
    background: #c6cdd6;
}

#agendas .col320 a.pthumbnail .img-preview-container
{
	text-align: center;
}

#agendas .col320 a.pthumbnail .img-preview
{
	position:         relative;
	display:          inline-block;
	padding:          0;
	background-color: transparent;
	border-radius:    0;
	border:           0;
	max-height:       225px;
	height:           225px;
	overflow:         hidden;
}

#agendas .col320 a.pthumbnail .img-preview img
{
	border-radius: 0;
}

#agendas .col320 a.pthumbnail .pthumbnail-body 
{
    position:     relative;
    z-index:      1;
    padding:      0 10px 15px;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    height:       300px;
}

#agendas .col320 a.pthumbnail .pthumbnail-body p
{
	margin: 0;
}

#agendas .col320 a.pthumbnail .pthumbnail-body .pthumbnail-title 
{
    color:       #151515;
    line-height: 1.2;
    font-weight: 500;
    margin:      0.5em 10px 1em;
    font-size:   16px;
    font-weight: normal;
    height:      60px;
}

#agendas .col320 a.pthumbnail .pthumbnail-body .pthumbnail-text 
{
	font-size:   14px;
    text-align:  justify;
    margin:      0 10px;
    
    height: 126px;
}

#agendas .col320 a.pthumbnail .pthumbnail-body .pthumbnail-redac 
{
    line-height: 22px;
    margin:      15px 10px 0;
    font-size:   14px;
}

#agendas .col320 a.pthumbnail .pthumbnail-body .pthumbnail-date 
{
    line-height: 22px;
    margin:      15px 10px 40px;
    font-size:   14px;
}

#agendas .col320 a.pthumbnail .pthumbnail-body .pthumbnail-redac i,
#agendas .col320 a.pthumbnail .pthumbnail-body .pthumbnail-date i
{
	color:        #5993e3;
	margin-right: 0.5em;
}

#agendas .col320 a.pthumbnail .pthumbnail-footer 
{
	position:    absolute;
	left:        0;
	right:       0;
	bottom:      0;
    line-height: 1;
    padding:     0 10px 10px;
    text-align:  center;
    color:       #abadb3;
    font-size:   14px;
}

#agendas .col320 a.pthumbnail:hover
{
	text-decoration: none;
	
	-webkit-transform: scale(1.025);
    -ms-transform:     scale(1.025);
    transform:         scale(1.025);
}

#agendas .col320 a.pthumbnail:hover .pthumbnail-body .pthumbnail-title,
#agendas .col320 a.pthumbnail:hover .pthumbnail-footer 
{
	color: #5993e3;
}

#agendas .col320 a.pthumbnail:hover:before
{
	background: #5993e3;
}

/*------------------------------------------------------------------------------------------------*/

#agenda .post-date
{
	font-weight:  300;
	margin:       1em 0 2em;
	text-align:   center;
	line-height:  22px;
}

#agenda .post-date i
{
	color: #5993e3;
	margin-right: 0.5em;
}

#agenda .img-preview
{
	position:         relative;
	display:          inline-block;
	padding:          10px;
	background-color: transparent;
	border-radius:    0;
	border:           0;
}

#agenda .img-preview img
{
	border-radius: 0;
}

#agenda .post-texte
{
	font-size:   2rem;
	padding:     10px;
	text-align:  justify;
}

/*------------------------------------------------------------------------------------------------*/

#agenda .post-texte a.lightbox
{
	display:    inline-block;
	max-width:  31.333%;
	text-align: center;
}

#agenda .post-texte center a.lightbox
{
	margin: 0 0 1% 0;
}

#agenda .post-texte a.fleft
{
	float:  left;
	margin: 0 2% 1% 0;
}

#agenda .post-texte a.fright
{
	float:  right;
	margin: 0 0 1% 2%;
}

#agenda .post-texte img
{
	max-width:  100% !important;
	box-shadow: 6px 6px 12px rgba(0,0,0,.5);
}

#agenda .post-texte p
{
	padding:    0 0 1em 0;
	text-align: justify;
}

/*================================================================================================*/
/* NEWS
/*================================================================================================*/

#post,
#posts,
#guerres
{
	background: #fff;
}

#posts .col320 a.pthumbnail,
#guerres .col320 a.pthumbnail
{
	display:          block;
	position:         relative;
	background-color: #f2f3f8;
	color:            inherit;
	margin:           0 auto;
	
	height: 575px;
	
	-webkit-transition: 0.33s all ease-out;
	-o-transition:      0.33s all ease-out;
	transition:         0.33s all ease-out;
  
	-webkit-transform: scale(1);
	-ms-transform:     scale(1);
	transform:         scale(1);
}

#posts .col320 a.pthumbnail:before,
#guerres .col320 a.pthumbnail:before 
{
    content:    '';
    position:   absolute;
    bottom:     0;
    height:     4px;
    z-index:    10;
    left:       0;
    right:      0;
    background: #c6cdd6;
}

#posts .col320 a.pthumbnail .img-preview-container,
#guerres .col320 a.pthumbnail .img-preview-container
{
	text-align: center;
}

#posts .col320 a.pthumbnail .img-preview,
#guerres .col320 a.pthumbnail .img-preview
{
	position:         relative;
	display:          inline-block;
	padding:          0;
	background-color: transparent;
	border-radius:    0;
	border:           0;
	max-height:       225px;
	height:           225px;
	overflow:         hidden;
}

#posts .col320 a.pthumbnail .img-preview img,
#guerres .col320 a.pthumbnail .img-preview img
{
	border-radius: 0;
}

#posts .col320 a.pthumbnail .pthumbnail-body,
#guerres .col320 a.pthumbnail .pthumbnail-body 
{
    position:     relative;
    z-index:      1;
    padding:      0 10px 15px;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    height:       300px;
}

#posts .col320 a.pthumbnail .pthumbnail-body p,
#guerres .col320 a.pthumbnail .pthumbnail-body p
{
	margin: 0;
}

#posts .col320 a.pthumbnail .pthumbnail-body .pthumbnail-title,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-title 
{
    color:       #151515;
    line-height: 1.2;
    margin:      0.5em 10px 1em;
    font-size:   16px;
    font-weight: normal;
    height:      60px;
}

#posts .col320 a.pthumbnail .pthumbnail-body .pthumbnail-text,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-text 
{
	font-size:   14px;
    text-align:  justify;
    margin:      0 10px;
    
    height: 126px;
}

#posts .col320 a.pthumbnail .pthumbnail-body .pthumbnail-redac,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-redac 
{
    line-height: 22px;
    margin:      15px 10px 0;
    font-size:   14px;
}

#posts .col320 a.pthumbnail .pthumbnail-body .pthumbnail-date,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-date 
{
    line-height: 22px;
    margin:      15px 10px 40px;
    font-size:   14px;
}

#posts .col320 a.pthumbnail .pthumbnail-body .pthumbnail-redac i,
#posts .col320 a.pthumbnail .pthumbnail-body .pthumbnail-date i,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-redac i,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-date i
{
	color:        #5993e3;
	margin-right: 0.5em;
}

#posts .col320 a.pthumbnail .pthumbnail-footer,
#guerres .col320 a.pthumbnail .pthumbnail-footer 
{
	position:    absolute;
	left:        0;
	right:       0;
	bottom:      0;
    line-height: 1;
    padding:     0 10px 10px;
    text-align:  center;
    color:       #abadb3;
    font-size:   14px;
}

#posts .col320 a.pthumbnail:hover,
#guerres .col320 a.pthumbnail:hover
{
	text-decoration: none;
	
	-webkit-transform: scale(1.025);
    -ms-transform:     scale(1.025);
    transform:         scale(1.025);
}

#posts .col320 a.pthumbnail:hover .pthumbnail-body .pthumbnail-title,
#posts .col320 a.pthumbnail:hover .pthumbnail-footer,
#guerres .col320 a.pthumbnail:hover .pthumbnail-body .pthumbnail-title,
#guerres .col320 a.pthumbnail:hover .pthumbnail-footer 
{
	color: #5993e3;
}

#posts .col320 a.pthumbnail:hover:before,
#guerres .col320 a.pthumbnail:hover:before
{
	background: #5993e3;
}

/*------------------------------------------------------------------------------------------------*/

#pagination-container
{
	padding:    15px;
	text-align: center;
}

#pagination-container .fieldButton
{
	padding: 15px 0 0;
}

#pagination-container #pagination
{
	text-align: center;
	position:   relative;
}

#pagination-container #pagination [class*='fa-']
{
	margin-right: 0;
}

#pagination-container #pagination .fa-lg 
{
    font-size:       1.75em;
    line-height:     0.5em;
    vertical-align: -20%;
}

#pagination-container #pagination .fns-button
{
	width:           auto;
	min-height:      52px;
    min-width:       52px;
    height:          52px;
    line-height:     52px;
    margin:          5px;
    padding:         0 10px;
}

#pagination-container #pagination .fns-button.padlarge
{
	padding: 0 20px;
}

/*------------------------------------------------------------------------------------------------*/

#post .post-date
{
	font-weight:  300;
	margin:       1em 0 2em;
	text-align:   center;
	line-height:  22px;
}

#post .post-date i
{
	color: #5993e3;
	margin-right: 0.5em;
}

#post .img-preview
{
	position:         relative;
	display:          inline-block;
	padding:          10px;
	background-color: transparent;
	border-radius:    0;
	border:           0;
}

#post .img-preview img
{
	border-radius: 0;
}

#post .post-texte
{
	font-size:   2rem;
	padding:     10px;
	text-align:  justify;
}

/*------------------------------------------------------------------------------------------------*/

#post .post-texte a.lightbox
{
	display:    inline-block;
	max-width:  31.333%;
	text-align: center;
}

#post .post-texte center a.lightbox
{
	margin: 0 0 1% 0;
}

#post .post-texte a.fleft
{
	float:  left;
	margin: 0 2% 1% 0;
}

#post .post-texte a.fright
{
	float:  right;
	margin: 0 0 1% 2%;
}

#post .post-texte img
{
	max-width:  100% !important;
	box-shadow: 6px 6px 12px rgba(0,0,0,.5);
}

#post .post-texte p
{
	padding:    0 0 1em 0;
	text-align: justify;
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 639px)
{	
	#posts .col640 a.pthumbnail .img-preview
	{
		height: 370px;
	}
}

@media only screen and (max-width: 479px)
{
	#posts .col640 a.pthumbnail .img-preview
	{
		height: 242px;
	}
}

/*================================================================================================*/
/* ALBUMS
/*================================================================================================*/

#album,
#albums
{
	background-color: #fff;
}

#portfolio
{
	margin-top: 50px;
}

#portfolio .col320.colportfolio
{
	min-height:    370px;
	margin-bottom: 20px;
	text-align:    center;
}

#portfolio h5.menu-subtitre
{
	font-size: 16px;
	margin:    10px 0 0;
	padding:   0;
}

#portfolio .portfolio-date 
{
    line-height: 22px;
    margin:      15px 10px;
    font-size:   14px;
}

#portfolio .portfolio-date i
{
	color:        #5993e3;
	margin-right: 0.5em;
}

#portfolio .img-preview
{
	position:         relative;
	display:          inline-block;
    cursor:           pointer;
    border-radius:    50%;
    width:            250px;
    height:           250px;
    line-height:      250px;
    vertical-align:   middle;
    text-align:       center;
    background-color: #888;
    border-color:     #888;
}

#portfolio .img-preview .inner
{
	position:      relative;
	display:       inline-block;
    cursor:        pointer;
    border-radius: 50%;    
    width:         230px;
    height:        230px;
    margin-top:    10px;
    
    background-position: center;
    background-repeat:   no-repeat;
    background-size:     cover;
}

#portfolio .img-preview .overlay-area 
{
    position:      absolute;
    top:           0;
    bottom:        0;
    left:          0;
    right:         0;
    background:    rgba(0, 0, 0, 0.5);
    opacity:       0;
    filter:        alpha(opacity=0);
    transition:    opacity 0.15s linear 0s;
    border-radius: 50%;
}

#portfolio .img-preview .overlay-area a
{
	display: inline-block;
	width:   100%;
	height:  100%;
	color:   transparent;
}

#portfolio .img-preview .overlay-area:empty:before 
{
    content:      "";
    position:     absolute;
    top:          50%;
    left:         50%;
    width:        50px;
    height:       50px;
    margin-top:  -25px;
    margin-left: -25px;
    font-size:    50px;
    line-height:  1;
    font-family: 'FontAwesome';
    text-align:   center;
    color:        #fff;
}

#portfolio .img-preview:hover .overlay-area
{
	opacity: 0.75;
	filter:  alpha(opacity=75);
}

#albums h6.album-date
{
	font-weight:  300;
	margin:       1em 0;
	text-align:   center;
	line-height:  22px;
}

#albums h6.album-date i
{
	color: #5993e3;
	margin-right: 0.5em;
}

/*------------------------------------------------------------------------------------------------*/

#ulconseils
{
	display:    inline-block;
	text-align: left;
	margin:     0 0 25px 0;
}

/*------------------------------------------------------------------------------------------------*/

.agalerie
{
	margin-top: 20px;
	border-top: 1px solid #abadb3;
}

.agalerie.opened
{
	display: block;
}

.agalerie h3.title 
{
	text-align:  center;
    font-weight: normal;
    line-height: 1;
    color:       #888;
    margin:      25px 0;
}

.portfolio
{
	position:  relative;
	max-width: 100% !important;
	width:     100%;
}

.in-portfolio
{
	position: relative;
	width:    100%;
	margin:   0 auto;	
}

.agalerie .portfolio-container .overlay-area 
{
    position:      absolute;
    top:           0;
    bottom:        0;
    left:          0;
    right:         0;
    border-radius: 6px;
    background:    none repeat scroll 0% 0% rgba(0, 0, 0, 0.3);
    opacity:       0;
    transition:    opacity 0.15s linear 0s;
}

.agalerie .portfolio-container .overlay-area:empty:before 
{
    content:     "\f002";
    position:     absolute;
    top:          50%;
    left:         50%;
    width:        50px;
    height:       50px;
    margin-top:  -25px;
    margin-left: -25px;
    font-size:    50px;
    line-height:  1;
    font-family: 'FontAwesome';
    text-align:   center;
    color:        #fff;
}

.agalerie .portfolio-container a.lightbox
{
	display:    block;
	text-align: center;
}

.agalerie .portfolio-container a:hover.lightbox
{
	text-decoration: none;
	color:           #000;
}

.agalerie .portfolio-container a:hover.lightbox .caption
{
	color: #000;
}

.agalerie .portfolio-container a:hover.lightbox .overlay-area
{
	opacity: 1;
}

.agalerie .portfolio-container .caption
{
	text-align: center;
	font-style: italic;
	color:      #a0a0a0;
}

.agalerie .portfolio-container .image-container
{
	padding:       10px;
    border:        1px solid #d2d3d4;
    background:    #fff;
    border-radius: 6px;
}

.agalerie .portfolio-container img ~ .caption
{
	padding-top: 10px;
}

/*================================================================================================*/
/* PROFIL
/*================================================================================================*/

#profil.supercontainer
{
	min-height: 0;
}

#profil label[for],
#profil legend
{
	color: #1665c4;
}

#profil #btn-adresse
{
	margin: 4px 0 0 0;
}

#profil #btn-adresse i
{
	margin-right: 0.5em;
}

#profil ul#uldashboard li
{
	font-size: 14px;
	border:    1px solid #abadb3;
	
	border-bottom: 0;
}

#profil ul#uldashboard li:last-child
{
	border-bottom: 1px solid #abadb3;
}

#profil ul#uldashboard li .field100
{
	padding: 5px;
	
	background-color: #fff;
}

#profil ul#uldashboard li:nth-child(odd) .field100
{
	background-color: #e1e6fa;
}

#profil ul#uldashboard li .field100 span.subtitle
{
	display:   block;
	font-size: 12px;
	color:     navy;
}

#profil label[for]
{
	color: #1665c4;
}

#profil #uploadcontainer1
{
	font-size: 14px;
}

#profil .attention
{
	font-size: 14px;
}

/*================================================================================================*/
/* MEMBERS
/*================================================================================================*/

#members
{
	background-color: #eeeff0;
}

#members .form-container
{
	font-size: 14px;
}

#members legend
{
	color: #1665c4;
}

#members fieldset + fieldset
{
	margin-top: 10px;
}

#members .field100.result
{
	color: #ee0000;
}

/*------------------------------------------------------------------------------------------------*/

#members .col160
{
	width:      160px;
	height:     220px;
	text-align: center;
}

#members .img-notify
{
	position:         relative;
	display:          inline-block;
    border:           5px solid #fff;
    cursor:           pointer;
    border-radius:    50%;
    width:            125px;
    height:           125px;
    line-height:      15px;
    vertical-align:   middle;
    text-align:       center;
    background-color: rgba(94, 85, 90, 0.3);
}

#members .img-notify.brig1
{
	border-color: #5993e3;
}

#members .img-notify.brig2
{
	border-color: #e7463d;
}

#members .img-notify.brig3
{
	border-color: #f9b92c;
}

#members .img-notify .inner
{
	position:      relative;
	display:       inline-block;
    cursor:        pointer;
    border-radius: 50%;    
    width:         115px;
    height:        115px;
    padding-top:   32px;
    font-size:     12px;
    color:         #ffe4b5;
    
    background-position: center center;
    background-repeat:   no-repeat;
    background-size:     cover;
}

#members .img-notify .overlay-area 
{
    position:      absolute;
    top:           0;
    bottom:        0;
    left:          0;
    right:         0;
    background:    rgba(47, 42, 45, 0.3);
    opacity:       0;
    transition:    opacity 0.15s linear 0s;
    border-radius: 50%;
}

#members .img-notify .overlay-area a
{
	display: inline-block;
	width:   100%;
	height:  100%;
	color:   transparent;
}

#members .img-notify:hover .overlay-area
{
	opacity: 0.75;
	filter:  alpha(opacity=75);
}

#members a h5.nom,
#members a h6.prenom
{
	padding:    0;
	text-align: center;
}

#members a h5.nom
{
	margin:      10px 0 0;
	font-weight: 500;
}

#members a h6.prenom
{
	margin:      5px 0 0;
	font-weight: 400;
}

#members .col160 > a.showhidehome
{
	color: inherit;	
}

#members .col160 > a.showhidehome.decede
{
	color: rgba(160, 160, 160, 0.75);
}

#members .col160 > a.showhidehome.vorace
{
	color: /*rgb(0, 0, 128);*/rgb(22, 101, 196);
}

#members .col160 > a.showhidehome.decede.vorace
{
	color: /*rgba(0, 0, 128, 0.5);*/rgba(22, 101, 196, 0.5);
}

#members .col160 > a.showhidehome:hover
{
	color:           #a50d1f;
	text-decoration: none;	
}

/*------------------------------------------------------------------------------------------------*/

#fiche .form-container
{
	font-size: 14px;
}

#fiche .form-container .field50.first
{
	text-align: center;
}

#fiche .form-container .photocontainer
{
	position: relative;
	display:  inline-block;
}

#fiche .form-container .photocontainer.deuil:before
{
	content:  url(../img/layout/deuil.png);
	position: absolute;
	left:     0;
	top:      0;
}

#fiche ul#uldashboard li:first-child .field100
{
	padding-top: 0;
}

#fiche ul#uldashboard li .field100 span.subtitle
{
	display:   block;
	font-size: 12px;
	color:     navy;
}

#fiche label.decede
{
	font-weight:    bold;
	text-align:     center;
	text-transform: uppercase;
	margin-top:     15px;
}

/*================================================================================================*/
/* VIDEOS
/*================================================================================================*/

#videos
{
	background-color: #fff;
}

#videos .player-container
{
	position:         relative;
	text-align:       center;
	padding:          5px;
	background-color: #5993e3;
	border-radius:    5px;
	width:            620px;
	height:           360px;
	margin:           0 auto;
}

#videos h5
{
	margin:      0 0 10px;
	line-height: 30px;
	font-size:   16px;
	font-weight: 600;
	color:       #5993e3;
	text-align:  center;
}

#videos .col640
{
	margin-bottom: 20px;
}

#videos h6.video-date
{
	font-weight:  300;
	margin:       1em 0;
	text-align:   center;
	line-height:  22px;
}

#videos h6.video-date i
{
	color: #5993e3;
	margin-right: 0.5em;
}

/*================================================================================================*/
/* INFOS
/*================================================================================================*/

#infos
{
	background-color: #fff;
}

/*================================================================================================*/
/* ARCHIVES
/*================================================================================================*/

#archive,
#archives,
#guerres
{
	background-color: #fff;
}

#archives .col320 a.pthumbnail,
#guerres .col320 a.pthumbnail
{
	display:          block;
	position:         relative;
	background-color: #f2f3f8;
	color:            inherit;
	margin:           0 auto;
	height:           575px;
	
	-webkit-transition: 0.33s all ease-out;
	-o-transition:      0.33s all ease-out;
	transition:         0.33s all ease-out;
  
	-webkit-transform: scale(1);
	-ms-transform:     scale(1);
	transform:         scale(1);
}

#archives .col320 a.pthumbnail:before,
#guerres .col320 a.pthumbnail:before 
{
    content:    '';
    position:   absolute;
    bottom:     0;
    height:     4px;
    z-index:    10;
    left:       0;
    right:      0;
    background: #c6cdd6;
}

#archives .col320 a.pthumbnail .img-preview-container,
#guerres .col320 a.pthumbnail .img-preview-container
{
	text-align: center;
}

#archives .col320 a.pthumbnail .img-preview,
#guerres .col320 a.pthumbnail .img-preview
{
	position:         relative;
	display:          inline-block;
	padding:          0;
	background-color: transparent;
	border-radius:    0;
	border:           0;
	max-height:       225px;
	height:           225px;
	overflow:         hidden;
}

#archives .col320 a.pthumbnail .img-preview img,
#guerres .col320 a.pthumbnail .img-preview img
{
	border-radius: 0;
}

#archives .col320 a.pthumbnail .pthumbnail-body,
#guerres .col320 a.pthumbnail .pthumbnail-body 
{
    position:     relative;
    z-index:      1;
    padding:      0 10px 15px;
    border-color: #e8e8e8;
    border-style: solid;
    border-width: 0px 1px 0px 1px;
    height:       300px;
}

#archives .col320 a.pthumbnail .pthumbnail-body p,
#guerres .col320 a.pthumbnail .pthumbnail-body p
{
	margin: 0;
}

#archives .col320 a.pthumbnail .pthumbnail-body .pthumbnail-title,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-title 
{
    color:       #151515;
    line-height: 1.2;
    margin:      0.5em 10px 1em;
    font-size:   16px;
    font-weight: normal;
    height:      60px;
}

#archives .col320 a.pthumbnail .pthumbnail-body .pthumbnail-text,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-text 
{
	font-size:  14px;
    text-align: justify;
    margin:     0 10px;
    height:     126px;
}

#archives .col320 a.pthumbnail .pthumbnail-body .pthumbnail-redac,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-redac 
{
    line-height: 22px;
    margin:      15px 10px 0;
    font-size:   14px;
}

#archives .col320 a.pthumbnail .pthumbnail-body .pthumbnail-date,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-date 
{
    line-height: 22px;
    margin:      15px 10px 40px;
    font-size:   14px;
}

#archives .col320 a.pthumbnail .pthumbnail-body .pthumbnail-redac i,
#archives .col320 a.pthumbnail .pthumbnail-body .pthumbnail-date i,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-redac i,
#guerres .col320 a.pthumbnail .pthumbnail-body .pthumbnail-date i
{
	color:        #5993e3;
	margin-right: 0.5em;
}

#archives .col320 a.pthumbnail .pthumbnail-footer,
#guerres .col320 a.pthumbnail .pthumbnail-footer 
{
	position:    absolute;
	left:        0;
	right:       0;
	bottom:      0;
    line-height: 1;
    padding:     0 10px 10px;
    text-align:  center;
    color:       #abadb3;
    font-size:   14px;
}

#archives .col320 a.pthumbnail:hover,
#guerres .col320 a.pthumbnail:hover
{
	text-decoration: none;
	
	-webkit-transform: scale(1.025);
    -ms-transform:     scale(1.025);
    transform:         scale(1.025);
}

#archives .col320 a.pthumbnail:hover .pthumbnail-body .pthumbnail-title,
#archives .col320 a.pthumbnail:hover .pthumbnail-footer,
#guerres .col320 a.pthumbnail:hover .pthumbnail-body .pthumbnail-title,
#guerres .col320 a.pthumbnail:hover .pthumbnail-footer 
{
	color: #5993e3;
}

#archives .col320 a.pthumbnail:hover:before,
#guerres .col320 a.pthumbnail:hover:before
{
	background: #5993e3;
}

/*------------------------------------------------------------------------------------------------*/

#archive .post-date
{
	font-weight:  300;
	margin:       1em 0 2em;
	text-align:   center;
	line-height:  22px;
}

#archive .post-date i
{
	color: #5993e3;
	margin-right: 0.5em;
}

#archive .img-preview
{
	position:         relative;
	display:          inline-block;
	padding:          10px;
	background-color: transparent;
	border-radius:    0;
	border:           0;
}

#archive .img-preview img
{
	border-radius: 0;
}

#archive .post-texte
{
	font-size:   2rem;
	padding:     10px;
	text-align:  justify;
}

/*------------------------------------------------------------------------------------------------*/

#archive .post-texte a.lightbox
{
	display:    inline-block;
	max-width:  31.333%;
	text-align: center;
}

#archive .post-texte center a.lightbox
{
	margin: 0 0 1% 0;
}

#archive .post-texte a.fleft
{
	float:  left;
	margin: 0 2% 1% 0;
}

#archive .post-texte a.fright
{
	float:  right;
	margin: 0 0 1% 2%;
}

#archive .post-texte img
{
	max-width:  100% !important;
	box-shadow: 6px 6px 12px rgba(0,0,0,.5);
}

#archive .post-texte p
{
	padding:    0 0 1em 0;
	text-align: justify;
}

/*------------------------------------------------------------------------------------------------*/

#archive .panel-box.zip
{
	border-top-color: #1665c4;
}

#archive .panel-box.zip
{
	border-top-color: rgb(36, 160, 97);
}

#archive .panel-box .typefichier
{
	position: absolute;
	top:      0; 
	left:     0; 
	bottom:   0; 
	width:    50px;
}

#archive .panel-box .typefichier:before 
{
    content:     "\f002";
    position:     absolute;
    top:          50%;
    left:         50%;
    width:        24px;
    height:       24px;
    margin-top:  -12px;
    margin-left: -12px;
    font-size:    24px;
    line-height:  1;
    font-family: 'FontAwesome';
    text-align:   center;
    color:        #1665c4;
}

#archive .panel-box .typefichier.pdf:before
{
	content: "\f1c1";
	color:   #1665c4;
}

#archive .panel-box .typefichier.zip:before
{
	content: "\f1c6";
	color:   rgb(36, 160, 97);
}

#archive a.doc-container
{
	display:      block;
	padding-left: 50px;
	color:        inherit;
}

#archive a.doc-container .overlay-area 
{
    position:   absolute;
    top:        0;
    bottom:     0;
    left:       0;
    right:      0;
    background: none repeat scroll 0% 0% rgba(0, 0, 0, 0.35);
    opacity:    0;
    filter:     alpha(opacity=0);
    
   -webkit-transition: opacity 0.15s linear 0s;
    -moz-transition:   opacity 0.15s linear 0s;
    -o-transition:     opacity 0.15s linear 0s;
    transition:        opacity 0.15s linear 0s;
}

#archive a.doc-container .overlay-area:empty:before 
{
    content:     "\f002";
    position:     absolute;
    top:          50%;
    left:         50%;
    width:        24px;
    height:       24px;
    margin-top:  -12px;
    margin-left: -12px;
    font-size:    24px;
    line-height:  1;
    font-family: 'FontAwesome';
    text-align:   center;
    color:        #fff;
}

#archive a.doc-container.pdf .overlay-area:empty:before 
{
    content: "\f002";
}

#archive a.doc-container.zip .overlay-area:empty:before 
{
    content: "\f019";
}

#archive a:hover.doc-container
{
	text-decoration: none;
}

#archive a:hover.doc-container .overlay-area
{
	opacity: 1;
	filter:  alpha(opacity=100);
}

#archive a.doc-container i
{
	margin-right: 0.5em;
}

/*------------------------------------------------------------------------------------------------*/

@media only screen and (max-width: 639px)
{	
	#archives .col640 a.pthumbnail .img-preview
	{
		height: 370px;
	}
}

@media only screen and (max-width: 479px)
{
	#archives .col640 a.pthumbnail .img-preview
	{
		height: 242px;
	}
}

/*================================================================================================*/
/* FORMULAIRE
/*================================================================================================*/

#formulaire
{
	/*background-color: #fff;*/
}

#formulaire label[for],
#formulaire legend
{
	color: #1665c4;
}

#formulaire .titractivite
{
	font-family: 'Roboto Condensed', 'Helvetica Neue', Helvetica, Arial, sans-serif;
	font-weight: 300;
	line-height: 1;
	text-align:  center;
	color:       #1665c4;
	margin:      0;
	padding:     20px 0 10px;
	font-size:   18px;
	border-top:  1px solid #abadb3;
}

#formulaire .titractivite.first
{
	font-size:  22px;
	border-top: 0;
}

#formulaire .titractivite.second
{
	border-top: 0;
}

#formulaire .percapita
{
	line-height: 1;
	color:       navy;
	margin:      0;
	padding:     10px 0 0;	
}

#formulaire .percapita.first
{
	padding: 20px 0 0;	
}

#formulaire .formdate
{
	text-align: center;
	padding:    10px 0 15px;
	border-bottom: 1px solid #1665c4;
}

#formulaire #coupcomplet-container
{
	padding-top: 20px;
}

#formulaire #input-total
{
	text-align:  center;
	font-weight: bold;
}

#formulaire #rib-container
{
	padding-bottom: 0;
}

/*================================================================================================*/
/* PANTHEON
/*================================================================================================*/

#pantheon
{
	background-color: #fff;
}

/*================================================================================================*/
/* TALENTS
/*================================================================================================*/

#talents
{
	background-color: #fff;
}

/*================================================================================================*/