html, body, table  {
	height:100%;
}
body {
	font-family:"Trebuchet MS", Arial, Helvetica, Verdana, sans-serif;
}
h1, h2, h3, h4, h5 {
	font-weight: normal;
}
h1 {
	font-size:30px;
	text-align:center;
	font-family:"Trebuchet MS",sans-serif;
	width:850px;
	margin:0;
	margin-left:-59px;
	padding-top:44px;
	color:#12356c;
	line-height:49px;
}
h2 {
	margin: 10px 0 5px;
	font-size: 26px;
	line-height: 28px;
}
p {
	margin: 10px 0;
	font-size: 12px;
	line-height: 18px;
}

hr {
	height: 1px;
	border: 0px;
	border-top: 1px solid #CCC;
	margin: 20px 0;
}
a {
	color: #1f4f9a;
}
ul.liste {
	list-style: square;
	margin: 0 0 0 20px;
	padding: 10px 0 0 0;
	font-size: 1em;
	list-style-position: outside
}
.liste li {
	line-height: 14px;
	padding: 0 0 10px 0;
}
article, section {
	overflow: hidden;
	min-height: 150px;
}


/************************************************************/
/*				SITE										*/
/************************************************************/
#container {
	position: relative;
	width: 100%;
	min-height: 100%;
	margin: 0px auto;
	background: url('../images/bg.jpg');
}
.content {
	position:relative;
	min-height: 100%;
	padding: 20px;
	width: 980px;
	margin:auto;
	padding-bottom:70px;
}
#column-l {
	padding: 0;
	width: 550px;
	float: left;
	padding: 0px;
}
#column-r {
	width: 300px;
	padding: 0px;
	margin: 0;
	overflow: hidden;
	float: right;
	margin-right: 20px;
}
.logo {
	margin:auto;
	width:128px;
}
.site_desc {
	height: 137px;
	width: 732px;
	background: url('../images/diag.png') no-repeat;
	margin: auto;
	margin-top:-12px;
}

.logo-container{
text-align: center;
margin-bottom: 30px;
background-color: #fff;
border: 1px solid transparent;
border-radius: 0;
-webkit-box-shadow: 0 1px 1px rgba(0,0,0,0.05);
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
padding: 15px
}

.entrepreneurs h1 {
	font-size:20px;
	text-align:center;
	font-family:"Trebuchet MS",sans-serif;
	width:850px;
	margin:0;
	margin-left:70px;
	padding-top:44px;
	line-height: 30px;
	margin-bottom: 30px;
	font-weight: bold
}
.entrepreneurs p,
.entrepreneurs li {
	font-size:14px;
	font-family:"Trebuchet MS",sans-serif;
	color:#888888;
	text-align: left;
	line-height: 20px;
}
.quinoussommes {
	height: 137px;
	width: 734px;
	margin-top:-35px;
	width:930px;
	margin-left:122px;
	padding-top:20px;
}
.quinoussommes h2,
.quinoussommes h1,
.maincat2 h2 {
	font-size:20px;
	text-align:center;
	font-family:"Trebuchet MS",sans-serif;
	width:850px;
	margin:0;
	margin-left:-59px;
	padding-top:44px;
	color:#12356C;
	line-height: 30px;
	font-weight: bold
}

.quinoussommes2 p
{
	color: #888888 ;
	font-size: 14px ;
	font-weight: bold ;
	line-height: 20px ;
	margin: 0 0 0 -100px ;
	padding-top: 20px ;
	text-align: center ;
	width: 930px ;
}

.quinoussommes p
{
	font-size:14px;
	text-align:center;
	font-family:"Trebuchet MS",sans-serif;
	width:930px;
	margin:0;
	margin-left:-100px;
	padding-top:20px;
	line-height: 20px;
	color:#888888;
	font-weight: bold;
}
.maincat {
	width:980px;
	margin:auto;
	margin-top:33px;
}
.cats {
	text-align: center;
}
.cat {
	display: inline-block;
	width: 270px;
margin: 10px 0 10px 0;
margin: 15px;
padding: 15px;
}
.cat2 {
	display: inline-block;
	width:260px;
	margin:10px 18px;
}
.qsncat {
	float: left;
	background: #fff;
padding: 15px;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
min-height: 300px;
margin-bottom: 30px;
position: relative
}
.img_cat img{
border-radius: 100px;
border: 5px solid #fff;
box-shadow: inset 0 1.5px 3px 0 rgba(0,0,0,.15),0 1.5px 3px 0 rgba(0,0,0,.15);
}

.img_cat2 {
  margin: 0 32px;
}
.img_cat {
	margin:auto;
	margin-bottom: 25px;
}
.gifanime {
  padding: 33px 30px;
}

.adresses p{
font-size: 16px;
line-height: 1.7;
color: #12356C
}

.adresses h2{
margin-bottom: 20px
}

#home-footer{
font-size: 20px;
text-align: center;
color: #12356c;
margin-top: 20px
}

.cat h2,
.cat2 h2 {
	text-align:center;
	font-family: 'Istok Web', "Trebuchet MS",sans-serif;
	color:#12356c;
	font-weight: bold;
	font-size:19px;
	line-height:22px;
}
.cats-entrepreneurs h2 {
	font-size: 20px;
	line-height: 22px;
	text-align: center;
	font-family: "Trebuchet MS", sans-serif;
	text-transform: uppercase;
	color: #1F4F9A;
	margin: 20px;
	font-weight: bold;
}
.cats-entrepreneurs h3 {
	display: block;
	color: #FFF;
	font-size: 18px;
	font-family: "Trebuchet MS", sans-serif;
	text-align: center;
}
.cat p
{
	font-size:14px;
	text-align:center;
	font-family:"Trebuchet MS",sans-serif;
	color:#888888;
}
.cat2 ul
{
	font-size:14px;
	font-family:"Trebuchet MS",sans-serif;
	color:#888888;
	text-align: left;
}
.cat2 p {
	font-size:14px;
	text-align:left;
	font-family:"Trebuchet MS",sans-serif;
	color:#888888;
}
.maincat2{
	width:980px;
	margin:auto;
	margin-top:80px;
}
.maincat3 {
	width:980px;
	margin:auto;
	height: 180px;
}
.title_documents {
	color:#12356c;
	margin-left: 65px;
}
.dldoc {
	float: right;
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #12356C;
	color: #ffffff;
	padding: 12px 24px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
	display: block;
	width: 78px;
	margin-top: -76px;
}
.dldoc2 {
	border-radius: 3px;
	-webkit-border-radius: 3px;
	background: #12356C;
	color: #ffffff;
	padding: 12px 24px;
	font-weight: bold;
	font-size: 14px;
	cursor: pointer;
}
.dldoc:hover,
.dldoc2:hover {
	background: #fff;
	color: #12356C;
}
.text_doc {
	float:left;
	width:825px;
}
.text_doc p {
	font-size: 16px;
}
/************************************************************/
/*				TOP											*/
/************************************************************/
#header {
	overflow: hidden;
}
#logo {
	padding: 50px;
	display: block;
	margin: 20px;
}

/************************************************************/
/*				MENU										*/
/************************************************************/
nav {
	font-family: 'Istok Web', sans-serif;
	font-size:18px;
	background: #12356c;
	width: 100%;
	height: 40px;
}
.main-nav { 
	margin: 0px; 
	padding: 0px;
	width:940px;
	margin:auto;
}
.main-nav li {
	float: left; 
	display: inline; 
	cursor: pointer; 
	list-style: none; 
	position: relative;
	margin: 0;
	list-style: none;
}
.main-nav li a {
	display: block; 
	padding: 5px 20px;
	text-decoration: none;
	color: #ffffff;
	line-height: 30px;
}
.main-nav li ul.nav-level-1 {
	left: -1px; 
	top: 100%;
}
.main-nav ul li {
	width: 100%;
}
.main-nav ul li a {
	border-bottom: 1px dotted #336699;
}
.main-nav ul li a.last-child {
	border-bottom: 0px;
}
.main-nav ul li a.has-children {
	background: url('css-images/menu.bullet-children.png') no-repeat right;
}
.main-nav li:hover { 
	position: relative; 
	z-index: 2000; 
} 
.main-nav li:hover > ul { 
	display: block; 
	position: absolute; 
	width: auto;
	top: -1px; 
	left: 100%;
	z-index: 1000; 
	background: #254A70;
	border: 5px solid #254A70;
} 
.main-nav ul li a {
	display: block; 
	padding: 0px 5px;
	text-decoration: none;
	color: #ffffff;
	line-height: 30px;
	font-size: 12px;
}
.main-nav ul li a:hover {
	background: #336699!important;
}
.main-nav > li:hover > ul {
	left: 0px;
	position: absolute;
	top: 30px;
}
.main-nav ul { 
	display: none; 
}

.main-nav li:hover > a, .main-nav ul li:hover > a, .main-nav a.active {
	background: #1f4f9a;
}
.trad {
	position:absolute;
	right:0;
	margin:30px;
	width:60px;
	height:60px;
	border-radius:30px;
	background: #e3e2e2;
	border:solid 1px transparent;
	z-index: 10;
}
.trad p {
	font-size:13px;
	color:#1f4f9a;
	text-align:center;
	margin: 12px 1px 10px 0px !important;
}
.trad:hover {
	background: #12356c;
}
.trad p:hover {
	color:#ffffff!important;
}
.fusee {
	position:absolute;
	right:0;
	border:solid 1px transparent;
	top: 120px;
	display: block;
	margin-top: 35px;
	margin-right: 45px;
	z-index: 10;
}
.engre {
	display: block;
	position:absolute;
	right:0;
	margin: 35px;
	border:solid 1px transparent;
	top: 200px;
	margin-top: 15px;
	margin-right: 45px;
	z-index: 10;
}
.fleche1,
.fleche2 {
	display: none;
	margin-right: 90px !important;
}
.textefleche1 {
	display: none;
	font-size: 14px;
	font-family: 'Istok Web', "Trebuchet MS",sans-serif;
	margin-right: 140px !important;
	margin-top: 40px !important;
}
.textefleche2 {
	display: none;
	font-size: 14px;
	font-family: 'Istok Web', "Trebuchet MS",sans-serif;
	margin-right: 106px !important;
	margin-top: 20px !important;
}
/************************************************************/
/*				FOOTER										*/
/************************************************************/
#footer {
	position:absolute;
	clear: both;
	overflow: hidden;
	width: 100%;
	height:50px;
	margin-top:-50px;
	background: #12356c;
}
#footer .f_all {
	font-family:Arial;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	color: #fff;
	margin: 0;
	width:815px;
	margin:auto;
}
#footer .f_text {
	font-family:Arial;
	text-transform: uppercase;
	font-size: 10px;
	text-align: center;
	color: #fff;
	margin: 19px 0 0 50px;
	float:left;
}
#footer .f_text a {
	color: #fff;
	margin-top: 17px;
}
#footer .f_text a:hover {
	color: #888888;
}
#footer img {
	margin-top:10px;
	float:right;
}

/************************************************************/
/*				ACTUALITES									*/
/************************************************************/
.titrearticle,
.date {
	font-size: 20px !important;
	display: inline-block;
}
.actualite .thumb {
	width: 180px;
	float: left;
	margin-top: 10px;
}
.actualite .thumb .image {
	width: 140px;
	height: 110px;
	display: inline-block;
}
.actualite .contenu {
	width: 700px;
	float: left;
}
.actucontenu {
	margin-top: 30px;
}
.actucontenu p {
	font-size: 16px;
}
.actualite .contenu h2 {
	text-decoration: underline;
	font-size: 18px;
	line-height: 20px;
}
.actualite .contenu .date {
	font-size: 14px;
	margin: 10px 0;
}
.actualite .extrait {
	font-size: 16px;
}
a.back-actualites {
	margin: 30px 10px 30px;
	font-size: 18px;
	float: right;
}
.pagination-container {
	font-size: 12px;
}
.pagination-container .label {
	display: inline-block;
	line-height: 12px;
	margin: 0 10px 0 0;
}
.pagination-container .pagination {
	display: inline-block;
}
.pagination-container .pagination li {
	display: inline-block;
}
.pagination-container .pagination a {
	padding: 1px 5px;
	margin: 0 5px 5px 0;
	border: 1px solid black;
	background: #EEE;
}
.pagination-container .pagination a:hover, .pagination-container .pagination a.active {
	background: #222222;
	color: #FFF;
}


/************************************************************/
/*				CONTACT										*/
/************************************************************/
.adresses {
	width:260px;
	height:160px;
	background: #fff;
border-radius: 2px;
box-shadow: 0 1px 1px rgba(0,0,0,0.05);
	padding:20px;
	text-align:center;
	margin-top:50px;
	font-size:14px;
}

/************************************************************/
/*				LINKS										*/
/************************************************************/
a.read-more {
	color: #000;
}
a.link {
	margin: 5px  0 5px 0 !important;
	height: 20px;
	display: block;
	color: #32739D;    
	font-weight: bold;
	line-height: 20px!important;
	text-align: right;
	float :right;
	padding: 0 5px 0 20px;
	width: 120px;
}

a.link:hover {
	filter : alpha(opacity=50);
	-moz-opacity : 0.5;
	opacity : 0.5;
	color: #41A5D9;
}

/************************************************************/
/*				ICONS										*/
/************************************************************/
img.icon {
	border: 0px;
	margin: 0 5px 0 0;
	position: relative;
	top: 3px;
}

/************************************************************/
/*				WARNINGS									*/
/************************************************************/
.warning {
	color:#c50000;
	font-weight:bold;
}

/************************************************************/
/*				CAPTCHA										*/
/************************************************************/
#cryptogram {
	display: inline-block;
	position: relative;
	top: 10px;
	height: 27px;
}
#cryptogram-reloader-container {
	cursor: pointer;
	position: relative;
	top: 5px;
	display: inline-block;
}
#cryptogram-reloader {
	display: inline-block;
	margin: 0 10px 0 5px;
	position: relative;
}

/************************************************************/
/*				SITE									*/
/************************************************************/

.orange {
	color: #f49b00;
	font-weight: bold;
}

.vert {
	color: #92cc07;
	font-weight: bold;
}

.bleu {
	color: #12356C;
}
.bleuclair {
	color: #1F4F9A;
}
.nomentrepreneur {
	font-size:19px;
	text-align:center;
	font-family:'Istok Web', "Trebuchet MS",sans-serif;
	line-height:22px;
	font-weight: bold;
}

.posteentrepreneur p {
	font-size:16px;
	text-align:center;
	font-family:"Trebuchet MS",sans-serif;
	margin: 0px 0px ! important;
	color: #1F4F9A;
}
.posteentrepreneur {
	margin: 10px auto;
}
.linevaleur {
	border-top: 1px solid #D2D2D2;
	width: 960px !important;
}

.linevaleur2 {
	border-top: 1px solid #D2D2D2;
	width: 300px !important;
}

.bold {
	font-weight: bold;
}

.bleuclairbg p,
.bleubg p {
	font-size:14px;
	text-align:left;
	font-family:"Trebuchet MS",sans-serif;
	color:#FFF;
}

.bleuclairbg {
	background-color: #1F4F9A;
	width: 200px !important;
	padding: 30px 10px 15px;
	margin: -30px 10px 0px !important;
}

.bleubg {
	background-color: #12356C;
	width: 200px !important;
	padding: 30px 10px;
	margin: -30px 15px 0px !important;
}

.bleuclairbg h3,
.bleubg h3 {
	color: #FFF;
	text-transform: uppercase;
	font-size: 20px;
}

.cycletitre {
	height: 75px;
	margin-top: -80px;
}
.rubriques {
	font-size: 16px;
	margin-left: 10px;
}
.cercle-jaune{
	overflow: hidden;
	width: 200px;
	height:200px;
	display: block;
	border-radius: 100px
}

.cercle-jaune,.cercle-vert{
box-shadow: inset 0 1.5px 3px 0 rgba(0,0,0,.15),0 1.5px 3px 0 rgba(0,0,0,.15);
border: 5px solid #fff;
margin-bottom: 20px
}

.cercle-vert{
	overflow: hidden;
	width: 200px;
	height:200px;
	display: block;
	border-radius: 100px
}
.cercle-jaune img, .cercle-vert img{
-webkit-transition: all 0.8s ease;
-moz-transition: all 0.8s ease;
-ms-transition: all 0.8s ease;
-o-transition: all 0.8s ease;
transition: all 0.8s ease;

}

.cercle-jaune img{
margin-left: -202px;
margin-top: -12px;
}

.cercle-vert img{
margin-left: -220px;

}

.cercle-jaune:hover img{

margin-top: -60px;

}

.cercle-vert:hover img{
margin-left: -200px;
margin-top: -60px;

}

.cercle-jaune:hover img, .cercle-vert:hover img{
-webkit-transform: scale(0.65);
-moz-transform: scale(0.65);
-ms-transform: scale(0.65);
-o-transform: scale(0.65);
transform: scale(0.65);

}

.edit-entrepreneurs ul li {
  list-style: disc outside url("../images/li.png");
}

/*.btn-linkedin{
background: url("../images/linkedin-logo.png") no-repeat 7px 7px #0077B5;
color: #fff;
padding: 10px 15px 10px 30px ;
border-radius: 2px;
margin-top: 20px;
display: block
}*/
.btn-linkedin{
margin-top: 20px;
display: block
}
.btn-default{
background: #09509D;
color: #fff;
padding: 10px 15px 10px 30px ;
border-radius: 2px;
margin-top: 20px;
display: block;
text-transform: uppercase
}
.btn-default:hover{
background: #12356c
}

.trans-annee{
background: #12356c;
color: #fff;
padding: 5px
}

.edit-transactions{
text-align: center
}

.trans-pays{
background: #eaeaea;
padding: 5px
}

.trans-img{
height: 100px;
line-height: 100px;
}

.trans-img img{
max-height: 90px;
max-width: 260px;
vertical-align: middle
}

.trans-titre{

font-size: 20px;
border-bottom: 1px solid #ddd;
border-top: 1px solid #ddd;
padding: 10px 0;

}

.trans-desc{
height: 60px;
margin-bottom: 20px;
vertical-align: middle;
padding-top: 20px;
}

.trans-desc img{
max-height: 60px;
max-width: 260px;
}


.edit-transactions p{
vertical-align: middle;
margin: 0;
text-align: center
}

.trans-montant,.trans-montant p{
color: #222;
font-size: 22px;
font-weight: bold;

}

.trans-montant{
height: 35px
}

.trans-footer{

font-size: 15px;
padding-top: 7px
}

.trans-footer img{
float: left;
margin-right: 5px;
margin-top: -7px
}

.link-block{
position: absolute;
width: 100%;
height: 100%;
display: block;
top: 0;
left: 0
}

/* Maxime's CSS Below */

/* Display Flex */
.d-flex {
	display: flex;
}

/* Flex direction */
.flex-row {
	flex-direction: row;
}
.flex-column {
	flex-direction: column;
}

/* Justify content center in flex */
.justify-content-center {
	justify-content: center;
}

/* Align Items Center in flex */
.align-items-center {
	align-items: center;
}