/*
	Theme Name: HTML5 Blank
	Theme URI: http://html5blank.com
	Description: HTML5 Blank WordPress Theme
	Version: 1.4.3
	Author: Todd Motto (@toddmotto)
	Author URI: http://toddmotto.com
	Tags: Blank, HTML5, CSS3

	License: MIT
	License URI: http://opensource.org/licenses/mit-license.php
*/

/*------------------------------------*\
    MAIN
\*------------------------------------*/

/* global box-sizing */
*,
*:after,
*:before {
	-moz-box-sizing:border-box;
	box-sizing:border-box;
	-webkit-font-smoothing:antialiased;
	font-smoothing:antialiased;
	text-rendering:optimizeLegibility;
}
/* html element 62.5% font-size for REM use */
html {
	font-size:62.5%;
}
body {
	font:200 16px/1.6 'ubuntu_lightregular', sans-serif;
	color:#4b3e3a;
	background-color: #f9f8f4;
	height: 100%;
	text-align:justify;
}

/* clear */
.clear:before,
.clear:after {
    content:' '; 
    display:table;
}

.clear:after {
    clear:both;
}
.clear {
    *zoom:1;
}


img {
	max-width:100%;
	vertical-align:bottom;
}
a {
	cursor: pointer;
	color:#4b3e3a;
	text-decoration: none;
	font-weight: 700;
	border-bottom: 1px solid #008382;
	padding-bottom: 1px;
}
a:hover {
	color: #008382;
	border-bottom: 1px solid #008382;

}
a:focus {
	outline:0;
}
a:hover,
a:active {
	outline:0;
}
input:focus {
	outline:0;
	border:1px solid #04A4CC;
}

hr {
 	border: 1px solid #fff;
    border-style: none none solid; 
    color: #fff; 
}

h1 {
	font-family: 'comfortaaregular';
	font-size: 20pt;
	letter-spacing: 1px;
	text-transform: uppercase;
	color:#4b3e3a;
	padding-top: 3rem;
	text-align: left;
}

 h2, h3, h4, h5, h6 {
	font-family:  'ubuntu_mediumregular', sans-serif;
	letter-spacing:0;
	text-transform: inherit;
	color:#4b3e3a;
	text-align: left;
}


li {
	padding-bottom: 1rem;
	list-style: none;
}


button {
	background-color: #008382;	
	color: #fff;
  	font-size: 16px;
  	padding: 5px;
  	text-decoration: none;
  	border:none;
  	border-radius: 5px;
  	width: 100px;
}

button.search-submit {
	background-color: #008382;	
	color: #fff;
  	font-size: 16px;
  	padding: 5px;
  	text-decoration: none;
  	border:none;
  	border-radius: 5px;
  	width: 100px;
}




label {
	display:block;
}

.bouton {
	background-color: #008382;	
  	font-size: 16px;
  	padding: 5px;
  	text-decoration: none;
  	border:none;
  	border-radius: 5px;
  	max-width: 300px;
  	text-align: center;
}

.bouton a {
	color: #fff !important;
  	font-size: 18px;
  	padding: 10px;
  	font-weight: lighter;
  	border:none;
}

.bouton:hover {
	opacity: 0.8;
}

a#scroll-to-top  {
	border-bottom: 0 !important;
	width: 50px;
	height: 50px;
}


/*------------------------------------*\
    STRUCTURE DE BASE
\*------------------------------------*/


.wrapper {
	max-width:1440px;
	margin:0 auto;
	position:relative;
	margin-top:2rem;
	margin-bottom: 3rem;
	padding-left: 5rem;
	padding-right: 5rem;
	color:#3c3c3b;
	min-height: 900px;

}

.colonneentiere {
		display: block;
		position: relative;
		min-height: 300px;
		padding-top:  2.5rem;
		padding-bottom: 2.5rem;
	}


.colonneleft {
	display: inline-block;
	vertical-align: top;
	width: 48%;
	background-color: transparent;
}

.colonneright {
	display: inline-block;
	vertical-align: top;
	margin-left: 25px;
	width: 48%;
}


.bp-wrap {
	width: 80% !important;
	text-align: left;
}

.colonneleft2 {
	display: inline-block;
	vertical-align: top;
	background-color: transparent;
	width: 60%;
}

.colonneright2 {
	display: inline-block;
	vertical-align: top;
	background-color: #fff;
	padding: 2rem;
	margin-left: 2rem;
	width: 35.5%;
}





.intro {
	margin-bottom: 3rem;
}

.section {
	height: 50px;
}

.titre {
	display: none;
}



/*-----------*\
   HEADER
\*-----------*/


.header {
	position:relative;
	margin:0 auto;
	background-color: #2e2d2c;
}



		.headerint {
			max-width:1440px;
			margin:0 auto;
			position:relative;
			text-align: center;
			padding-left: 5rem;
			padding-right: 5rem;
		}



		.logo {
			position: relative;
			display: inline-block;
			margin: 0 auto;
			width: 100%;
			text-align: center;
			margin-bottom: 1rem;
		}



			.logo a { 
				border: none;
			}

			.logo a:hover {
				border: none;
			}

			.logo img {
				width: 200px;
			
			}



				/* nav */
				.nav {
					position: relative;
					display: inline-block;
					vertical-align: middle;
					text-align: center;
					width: 100%;
					margin-top: 1rem;
					margin-bottom: 1rem;
				}


						.nav li {
							display: inline-block;
							list-style-type: none;
							padding: 0;

						}

						.nav ul {
							padding: 0;
							margin: 0;
						}


						.nav li a {
							font-family: 'comfortaaregular' !important;
							color: #fff !important;
							font-size: 11pt;
							letter-spacing: 1.5px;
							text-transform: uppercase;
							border: none;
							margin-right: 1rem;
							margin-left: 1rem;
						}

						

	
						.nav li a:hover {
							color: #008382;
							border-bottom: 1px solid #008382;
						}


						.nav .current_page_item > a,
						.nav .current_page_ancestor > a,
						.nav .current-menu-item > a,
						.nav .current-menu-ancestor > a {	
								color: #008382;
								border-bottom: 1px solid #008382;

						}

#menu-item-993 {
	border: 0.5px solid #fff;
}


#menu-item-993 li a:hover {
	border: none;
}


/*---------------------------------------------*\
 	LIGNE HAUTE >> MENU - CONNEXION, S'INSCRIRE
\*----------------------------------------------*/

		.ligne-haute {
			background-color: #000;
			position: relative;
			width: 100%;
			margin-top: -1.8rem;
			padding-top: 1.8rem;

		}

				.sidebar-widget {
					max-width:1440px;
					margin:0 auto;
					position:relative;
					padding-left: 5rem;
					padding-right: 5rem;
					text-align: center;
					line-height: 10pt;
				}


				.sidebar-widget li {
					display: inline-block;
					list-style: none;
					}

				.sidebar-widget li a {
					font-family: 'comfortaaregular' !important;
					color: #fff !important;
					font-size: 8pt;
					letter-spacing: 1px;
					text-transform: uppercase;
					border: none;
					margin-right: 1rem;
					margin-left: 1rem;
					}


						.sidebar-widget  li a:hover {
							color: #008382;
							border-bottom: 1px solid #008382;
						}


						.nav .current_page_item > a,
						.nav .current_page_ancestor > a,
						.nav .current-menu-item > a,
						.nav .current-menu-ancestor > a {	
							color: #ea9e36;
						}





/*---------------------------------------------*\
 	MENU PRINCIPAL - Page membres uniquement
\*----------------------------------------------*/


		.ligne-membres {
			position: relative;
			display: block;
			margin: 0 auto;
			background-color: #008382;
			padding-top: 0.3em;
			padding-bottom: 5px;
			text-align: center;
		}



			#nav_menu-4 {
					max-width: 1440px;
					margin:0 auto;
					position:relative;
					text-align: center;
					line-height: 1.2;
				}


				#nav_menu-4 li {
					display: inline-block;
					list-style: none;
				}
				
				#nav_menu-4 li a {
					color: #fff;
  					font-size: 140%;
  					text-transform: uppercase;
  					margin-right: 2rem;
  					margin-left: 2rem;
  					border: none;
  					letter-spacing: 1.5px;
				}

					#nav_menu-4 li:after {
						  color: #fff;
						  content: "|";
						}

					#nav_menu-4  li:last-child:after {
						  content: none;
						}
						
						


				#nav_menu-4  li a:hover {
					color: #fff;
					border-bottom: 1px solid #fff;
	
				}


				#nav_menu-4 .current_page_item > a,
				#nav_menu-4 .current_page_ancestor > a,
				#nav_menu-4 .current-menu-item > a,
				#nav_menu-4 .current-menu-ancestor > a {	
						color: #fff;
						border-bottom: 1px solid #fff;
				
				}


/*---------------------------------------------*\
 	LIGNE BASSE - Option de la page Buddypress
\*----------------------------------------------*/

.ligne-basse {
	text-align: left;
}

.ligne-basse li {
		display: inline-block;
		list-style: none;
		line-height: 10pt;
}


/*------------------------------------*\
  WIDGET - CONNEXION
\*------------------------------------*/

.bp-login-widget-user-avatar {
	display: none;
}

.bp-login-widget-user-link {
	display: inline-block;
}
.bp-login-widget-user-logout {
	display: inline-block;
}

.standard-form {display: inline-block;}
.forgetmenot {display: inline-block;}




/*------------------------------------------------*\
 	COORDINATION
\*------------------------------------------------*/

.coordination {
	width: 90px;
	 border-radius: 50px;
	 padding: 3px;
}


/*------------------------------------------------*\
 	CARTE DE VISITE
\*------------------------------------------------*/


#item-header {
	vertical-align: top;
	display: inline-block;
	width: 15%;
	margin-right: 3rem;
}

#item-header-content {
	display: block;
	padding: 0 !important;
	margin: 0 !important;

}
.member-header-actions {
	float: left;

}
#item-header-avatar a{
	border: none;
}

#item-header-avatar .avatar {
	width: 150px;
	height: auto;
	border-radius:200px;
	float: left;
	margin-right: 2rem;
}

.bp-wrap {
	display: inline-block;
	width: 70%;
}

h2.screen-heading.view-profile-screen {
	display: none;
}



/*------------------------------------------------*\
 	CARTE DE VISITE ONGLET s
\*------------------------------------------------*/
.menu1 { /* boite qui contient le menu (les onglets) */
  border-bottom:solid 2px black ; /* crée le trait noir en-dessous des onglets */
  padding-top:12px ; /* marge intérieure haute */
  padding-bottom:0px} /* marge intérieure basse */

.onglet { /* style des onglets inactifs */
  margin:5px 5px 0px 20px ; /* marge extérieure */
  padding:11px 0px 0px 0px ; /* marge intérieure */
  font-size : 16px ; /* taille de la police des onglets */
  float:left ; /* boite en mode float, pour pouvoir en définir la largeur */
  width:100px ; /* largeur de la boite float */
  background : url(onglet.gif) bottom no-repeat ; /* image de fond de la boite float, calée en bas */
  text-decoration:none ; /* les lien dans les onglets ne sont pas soulignés */
  text-align:center} /* Le texte des onglets est centré */

a.onglet:hover {color:green} /* lors du survol d'un lien, la police devient verte */

.onglet-actif { /* style de l'onglet de la page active */
  position:relative ; /* l'onglet inactif est mis en position relative */
  top:2px ; /* pour pouvoir baisser l'onglet de 2 pixels */
  border-bottom : solid 0px white} /*on efface le trait inférieur du menu */

.spacer {clear:both} /* force le retour à la ligne après des boites float */



.buddypress-wrap .profile.edit .button-nav {
	margin: 0;
	padding: 0;
}

.buddypress-wrap .profile.edit .button-nav li {
	padding: 3px;
	margin: 3px;

}

.buddypress-wrap .profile.edit .button-nav li a{
}

.buddypress-wrap .profile.edit .button-nav li a:hover{
	
}

/*------------------------------------------------*\
 	AFFICHAGE PSYNEWS // DANS ARCHIVE-PSYNEWS.PHP
\*------------------------------------------------*/


.block_vert {
	padding-top: 0rem;
	padding-bottom: 2rem;
	padding-left: 4rem;
	padding-right: 4rem;
	font-size: 16pt;
	text-align: center;
	background-color: #008382;
	color: #fff;
}

.block_vert h1 {
	color: #fff;
	}



 .psynews_boxhorizontal {
 	position: relative;
 	display: inline-block;
 	vertical-align: top;
 	background-color: #fff;
 	width: 100%;
 	margin-right: 3rem;
 	margin-bottom: 3rem;
 	padding-bottom: 1rem;
 	padding: 2rem;
 }

	.block-img {
		display: inline-block;
		width: 25%;
		vertical-align: top;
		margin-right: 2rem;
		white-space: nowrap;
		height: 200px;
		overflow: hidden;
	}

	.block-img img {
		width: 100%;
		min-height: 200px;
	}

	.blocktexte {
		display: inline-block;
		vertical-align: top;
		width: 70%;
	}

	.date-psynews p{
		margin: 0;
		padding: 0;

	}


	.blocktexte a {
	cursor: pointer;
	color:#4b3e3a;
	text-decoration: none;
	font-weight: 700;
	border-bottom: 1px solid #008382;
	padding-bottom: 1px;
	}





/*-------------------------------------------------------*\
   ACF - WIDGET RECENT POST /// UTILISER POUR AFFICHER AIDE! 
\*--------------------------------------------------------*/



.blocktexte_help {
	width: 100%;
	text-align: left;
	}


.acf-rpw-ul {
	padding: 0;
	margin: 0;
}
.acf-rpw-li  {
	display: block;
	background-color: #fff;
	padding: 2rem;
	margin-bottom: 2rem;
}


	.acf-rpw-img {
		display: inline-block;
		vertical-align: top;
		width: 25%;
		margin-right: 3rem;
		margin-top: 1rem;
	}

			.acf-rpw-img a {
				border-bottom: 1px solid #fff;
			}

			.acf-rpw-time {
				display: block;
				vertical-align: top;
			}

			.acf-rpw-title {
				display: inline-block;
				vertical-align: top;
			}



/*-----------*\
  LOGIN
\*-----------*/


.login #login_error, .login .message, .login .success {
	border: none;
}


/*-----------*\
 COMMENTAIRES 
\*-----------*/

.comments {
	margin-left: 2rem;
}

.comments ul {
	background-color: #ededed;
	padding: 2rem;
}

.children ul {
	margin-left: 3rem;
}
.comment-body {
	margin-top: 2rem;
}

.avatar {
	width: 50px;
	height: auto;
	border-radius:50px;
	float: left;
	margin-right: 2rem;
}



.reply {
	background-color: #008382;	
	color: #fff !important;
  	text-decoration: none;
  	border:none;
  	border-radius: 5px;
  	width: 100px;
  	text-align: center;
}

.reply a{
	color: #fff !important;
  	font-size: 14px;
  	padding: 10px;
  	font-weight: lighter;
  	border:none;
}

.reply:hover{
	opacity: 0.8;
	cursor: pointer;
}





/*------------------------------------*\
 	BIBLIOPSY
\*------------------------------------*/

 .psynews_box {
 	position: relative;
 	display: inline-block;
 	vertical-align: top;
 	background-color: #fff;
 	width: 28%;
 	margin-right: 3rem;
 	margin-bottom: 3rem;
 	padding-bottom: 1rem;

 	padding: 2rem;
 }
 
 .psynews_box:hover {
 	opacity: 0.9;
 }

	 .psynews_box h2 {
	 	color: #000;
	 	font-size: 12pt;
	 	font-weight: 300;

	 }

	 .psynews_box p {
	 	 color: #000;
		 font-size: 12pt;
		 font-weight: 300;
	 }


	.block-img2 {
		display: inline-block;
		width: 100%;
		vertical-align: top;
		overflow: hidden;
		margin-right: 2rem;
	}
	
	.block-img2 img {
		width: 100%;
		height: auto;
	}




/*--------------------*\
    WIDGET DANS BIBLIOPSY
\*---------------------*/

.widget_categories {
	margin-bottom: 3rem;
	display: inline-block;
	margin-right: 3rem;
}


label.screen-reader-text {
	display: none;
}

 
.widget_search {
	display: inline-block;
	float: right;
} 
.screen-reader-text {
	display: block;
}  







/*---------------*\
  CALENDRIER
\*---------------*/


.em-calendar tr {
 border: none;
}

.em-calendar td {
 border: none;
}

.em-calendar-wrapper {
	display: inline-block;
	width: 25%;
	background-color: #fff;
	margin-left: 3rem;
	padding: 4rem;
	vertical-align: top;
}


/*---------------*\
   EVENEMENT
\*---------------*/


.css-events-list {
	display: inline-block;
	width: 70%;
}

.css-events-list code {
	font-family:  'ubuntu_mediumregular', sans-serif;
}



.em-calendar-wrapper {
	display: inline-block;
	width: 25%;
	background-color: #fff;
	margin-left: 3rem;
	padding: 4rem;
	vertical-align: top;
}


th, td {
  border-bottom: 1px solid #ddd;
}


}
.css-events-list table.events-table {
	display: inline-block;
	text-align: left;
}

.css-events-list table.events-table tr {
	vertical-align: top;
}

.css-events-list table.events-table td {
	padding-top: 1rem;
	padding-bottom: 1rem;
	padding-left: 1rem;
	padding-right: 1rem;
}  

.css-events-list table.events-table th.event-titre {
		text-align: left;
	padding-left: 1rem;
}

.css-events-list table.events-table td.event-titre {
	width: 30%;
}

.css-events-list table.events-table th.event-time2 {
	text-align: left;
	padding-left: 1rem;
}

.css-events-list table.events-table td.event-time2 {
	width: 20%;
}


.css-events-list table.events-table th.event-time3 {
		text-align: left;
	padding-left: 1rem;
}
.css-events-list table.events-table th.event-category{
		text-align: left;
	vertical-align: top;
	padding-left: 1rem;
}




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

table.events-table p {
	padding: 0;
	margin: 0;

}

.event-categories {
	list-style: none;
	padding: 0;
	margin: 0;

}



div.css-search div.em-search-advanced > div {
	display: inline-block;
	margin-right: 3rem;
}




.em-events-list ul {
	margin: 0;
	padding: 0;
	text-align: left;


}

/*------------------------------------*\
    PAGE MEMBRES
\*------------------------------------*/

#members-list a {
	border: none;
}

.buddypress-wrap .grid.bp-list > li .list-wrap {
	background-color: #fff;
}




/*------------------------------------*\
   FORMULAIRE D'INSCIRPTION
\*------------------------------------*/
.buddypress-wrap .standard-form .groups-members-search input[type="search"], .buddypress-wrap .standard-form .groups-members-search input[type="text"], .buddypress-wrap .standard-form [data-bp-search] input[type="search"], .buddypress-wrap .standard-form [data-bp-search] input[type="text"], .buddypress-wrap .standard-form input[type="color"], .buddypress-wrap .standard-form input[type="date"], .buddypress-wrap .standard-form input[type="datetime-local"], .buddypress-wrap .standard-form input[type="datetime"], .buddypress-wrap .standard-form input[type="email"], .buddypress-wrap .standard-form input[type="month"], .buddypress-wrap .standard-form input[type="number"], .buddypress-wrap .standard-form input[type="password"], .buddypress-wrap .standard-form input[type="range"], .buddypress-wrap .standard-form input[type="search"], .buddypress-wrap .standard-form input[type="tel"], .buddypress-wrap .standard-form input[type="text"], .buddypress-wrap .standard-form input[type="time"], .buddypress-wrap .standard-form input[type="url"], .buddypress-wrap .standard-form input[type="week"], .buddypress-wrap .standard-form select, .buddypress-wrap .standard-form textarea {
	border: 0;
	padding: 0.5rem;
	background-color: #fff;
}

.register-page .signup-form .editfield fieldset legend {
	font-weight: 800;
	color: #000;
}

.buddypress-wrap .standard-form input[required]:invalid, .buddypress-wrap .standard-form select[required]:invalid, .buddypress-wrap .standard-form textarea[required]:invalid {
	border: 0;
	background-color: #fff;
	border-radius: 2px;
}


.bp-required-field-label {display: none;}

.option-label {
padding: 0;
margin: 0;
line-height: 0;
}

.input-options .checkbox-options {
	padding: 0;
}
.buddypress-wrap .standard-form .field-visibility-settings-header{
	display: none;
}

.buddypress-wrap .signup-form label, .buddypress-wrap .signup-form legend {
	display: inline-block;
	padding: 3px;
}
	
#signup_submit {
	background-color: #008382;	
	color: #fff;
  	font-size: 16px;
  	padding: 15px;
  	text-decoration: none;
  	border:none;
  	border-radius: 5px;
  	min-width: 230px;	
}

.buddypress-wrap .standard-form .submit {
		text-align: center;

}





/*------------------------------------------------*\
 	LES RENCONTRES
\*------------------------------------------------*/


.css-events-list {
	background-color: #fff;
	padding: 2rem;

}

.event-time {
	text-align: left;
}

.css-events-list table.events-table th.event-time {
	width: 60%
}

.event-description {
	text-align: left;
}

.event-categories  {
	text-align: left;
	padding: 0;
	margin: 0;
}

/*---------------*\
  CONTACT FORM 7
\*---------------*/

button, html input[type="button"], input[type="reset"], input[type="submit"] {
	background-color: #008382;	
	color: #fff;
  	font-size: 16px;
  	padding: 10px 20px 10px 20px;
  	text-decoration: none;
  	border:none;
  	border-radius: 5px;
  	width: 230px;
}

.wpcf7 input[type="text"],
.wpcf7 input[type="email"],
.wpcf7 input[type="tel"],
.wpcf7 textarea
{
	width: 100%;
	background-color: #fff;
	color:#4b3e3a;
  	font-size: 16px;
  	padding: 10px 20px 10px 20px;
  	text-decoration: none;
  	border:none;
  	border-radius: 5px;
}


/*---------------*\
  MAILCHIMP
\*---------------*/

#mc_embed_signup{
	background:#fff; 
	clear:left; 
	background-color: transparent !important;
}

#mc_embed_signup form {
	padding: 0 !important;
}

#mc_embed_signup input.button {
	background-color: #008382;
	color: #fff;
}




/*-----------*\
   FOOTER
\*-----------*/

.footerint {
	margin:0 auto;
	position:relative;
	max-width:1440px;

	padding-top: 30px;
	padding-left: 5rem;
	padding-right: 5rem;
	padding-bottom: 30px;
	font-weight: 300;
}


.footer_gauche {
	display: inline-block;
	width: 50%;
	vertical-align: top;
}

.footer_droite {
	display: inline-block;
	width: 48%;
	vertical-align: top;
}

.footer {
	position:relative;
	margin:0 auto;
	width: 100%;
	background-color: #2e2d2c;
	color: #fff;
	font-weight: 300;
}

.footer a{
	color: #fff;
}





/*------------------------------------*\
    RESPONSIVE
\*------------------------------------*/


@media only screen and (max-width:960px) {

h1 {
	font-size: 16pt;
}


.headerint {
		padding-left: 2.5rem;
		padding-right: 2.5rem;
	}


.wrapper {
	padding-left: 2.5rem;
	padding-right: 2.5rem;
	min-height: auto;
}
			
			.logo {
				display: block;
				width: 100%;
				margin: 0 auto;
				text-align: center;
				margin-bottom: 1rem;	
			}


			.nav {
					display: block;
					width: 100%;
					padding: 0;
					text-align: center;
					margin-top: 0;
					margin-bottom: 2rem;
			}

				.nav li:after {
						  content: "";
						}
					


			#nav_menu-4 li {
					display: block;
				}


			#nav_menu-4 li a {
					color: #fff;
  					font-size: 100%;
  					text-transform: uppercase;
  					margin-right: 2rem;
  					margin-left: 2rem;
  					border: none;
  					letter-spacing: 1.5px;
				}


					#nav_menu-4 li:after {
						  content: "";
						}



ul#menu-menu-prinicpal-membres {
	padding: 0;
}

ul#menu-connexion {
	padding: 0;
}

			.colonneleft {
					margin-left: 0rem;
					width: 100%;
			}

			.colonneright  {
					width: 100%;
					display: block;
					margin-left: 0rem;
					float: none;
			}

			.colonneleft2 {
				width: 100%;
			}

			.colonneright2 {
				width: 100%;
				margin: 0;
				padding: 0.5rem;

			}




			.block-img {
				display: block;
				width: 100%;
				height: auto;
				vertical-align: top;
				margin-right: 2rem;
			}

			.block-img img {
				
			}

			.blocktexte {
				display: inline-block;
				vertical-align: top;
				width: 100%;
			}


			.block_vert {
				padding-top: 1rem;
				padding-bottom: 2rem;
				padding-left: 3rem;
				padding-right: 3rem;
				font-size: 14pt;
				text-align: center;
			}

			 .psynews_box {
			 	position: relative;
			 	display: black;
			 	width: 100%;
			 	margin-right: 0;
			 }	


							/*---------------*\
							   EVENEMENT
							\*---------------*/


								.css-events-list {
									display: block;
									width: 100%;
									text-align:left;
								}

								.em-calendar-wrapper {
									width: 100%;
									padding: 3rem;
									margin: 0 auto;
								}


		

							.css-events-list table.events-table th.event-image {
								display: block;
								padding-left: 1rem;
								width: 100%;
							}

							.css-events-list table.events-table th.event-titre {
								display: block;width: 100%;
								padding-left: 1rem;
							}

							.css-events-list table.events-table th.event-time {
								display: block;padding-left: 1rem;
								width: 100%;
							}

							.css-events-list table.events-table th.event-description {
								display: block;vertical-align: top;
								padding-left: 1rem;
							}

							.css-events-list table.events-table th.event-category{
								display: block;width: 100%;
								vertical-align: top;
								padding-left: 1rem;
							}




#item-header {
	vertical-align: top;
	display: inline-block;
	width: 100%;
	margin-right: 3rem;
}

.bp-wrap {
	width: 100% !important;
	text-align: left;
}

.buddypress-wrap .bp-tables-user tr td, .buddypress-wrap .bp-tables-user tr th, .buddypress-wrap table.forum tr td, .buddypress-wrap table.forum tr th, .buddypress-wrap table.wp-profile-fields tr td, .buddypress-wrap table.wp-profile-fields tr th {
display: inline-block;
text-align: left;

}

}



/*------------------------------------*\
	TYPOGRAPHY
\*------------------------------------*/



@font-face {
    font-family: 'comfortaalight';
    src: url('fonts/comfortaa-light-webfont.woff2') format('woff2'),
         url('fonts/comfortaa-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'comfortaaregular';
    src: url('fonts/comfortaa-regular-webfont.woff2') format('woff2'),
         url('fonts/comfortaa-regular-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}


@font-face {
    font-family: 'ubuntu_lightregular';
    src: url('fonts/ubuntu-light-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-light-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'ubuntu_mediumregular';
    src: url('fonts/ubuntu-medium-webfont.woff2') format('woff2'),
         url('fonts/ubuntu-medium-webfont.woff') format('woff');
    font-weight: normal;
    font-style: normal;
}



/*------------------------------------*\
    MISC
\*------------------------------------*/

::selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-webkit-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}
::-moz-selection {
	background:#04A4CC;
	color:#FFF;
	text-shadow:none;
}

/*------------------------------------*\
    WORDPRESS CORE
\*------------------------------------*/

.alignnone {
	margin:5px 20px 20px 0;
}
.aligncenter,
div.aligncenter {
	display:block;
	margin:5px auto 5px auto;
}
.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.alignright {
	float:right;
	margin:5px 0 20px 20px;
}
a img.alignnone {
	margin:5px 20px 20px 0;
}
a img.alignleft {
	float:left;
	margin:5px 20px 20px 0;
}
a img.aligncenter {
	display:block;
	margin-left:auto;
	margin-right:auto;
}
.wp-caption {
	background:#FFF;
	border:1px solid #F0F0F0;
	max-width:96%;
	padding:5px 3px 10px;
	text-align:center;
}
.wp-caption.alignnone {
	margin:5px 20px 20px 0;
}
.wp-caption.alignleft {
	margin:5px 20px 20px 0;
}
.wp-caption.alignright {
	margin:5px 0 20px 20px;
}
.wp-caption img {
	border:0 none;
	height:auto;
	margin:0;
	max-width:98.5%;
	padding:0;
	width:auto;
}
.wp-caption .wp-caption-text,
.gallery-caption {
	font-size:11px;
	line-height:17px;
	margin:0;
	padding:0 4px 5px;
}
.sticky {

}
.bypostauthor {

}

/*------------------------------------*\
    PRINT
\*------------------------------------*/

@media print {
	* {
		background:transparent !important;
		color:#000 !important;
		box-shadow:none !important;
		text-shadow:none !important;
	}
	a,
	a:visited {
		text-decoration:underline;
	}
	a[href]:after {
		content:" (" attr(href) ")";
	}
	abbr[title]:after {
		content:" (" attr(title) ")";
	}
	.ir a:after,
	a[href^="javascript:"]:after,
	a[href^="#"]:after {
		content:"";
	}
	pre,blockquote {
		border:1px solid #999;
		page-break-inside:avoid;
	}
	thead {
		display:table-header-group;
	}
	tr,img {
		page-break-inside:avoid;
	}
	img {
		max-width:100% !important;
	}
	@page {
		margin:0.5cm;
	}
	p,
	h2,
	h3 {
		orphans:3;
		widows:3;
	}
	h2,
	h3 {
		page-break-after:avoid;
	}
}