html {

  height: 101%;

}



body {

  margin: 0;

  padding: 0;

}



* {

    padding: 0;

    margin: 0;

}



h1, h2, h3, h4, h5, h6, .contentheading, .componentheading {

  padding: 3px 0;

  margin: 0;

  line-height: 1.2;

  font-weight: bold;

  font-style: normal;

}



h1, .componentheading {

  font-size: 1.75em;

}



h2, .contentheading {

  font-size: 1.5em;

}



h3 {

  font-size: 1.25em;

}



h4 {

  font-size: 1em;

}



ul, ol {

  padding: .75em 0 .75em 0;

  margin: 0 0 0 35px;

}



ul.menu {

    margin: 0;

}



ul.menu li {

    list-style: none;

}



p {

  padding: 5px 0;

}



address {

  margin: .75em 0;

  font-style: normal;

}



a:focus {

    outline: none;

}



img {

  border: none;

}



em {

  font-style: italic;

}

strong {

  font-weight: bold;

}



form, fieldset {

  margin: 0;

  padding: 0;

  border: none;

}

input, button, select {

  vertical-align: middle;

}



.clr {

	clear : both;

}



.clearfix:after {

    content: " ";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	font-size: 0;

}



.clearfix {

	zoom: 1;

}



body {



	color: #000;

	font-size: 12px;

	font-family: Segoe UI, sans-serif;

	margin:auto;

	border:0;

	padding:0;

}



a, a:visited {

	color: #036c9e;

}



a:hover {

	color: #000;

	text-decoration: underline;

}



h1, div.componentheading {

	color: #2A3994;

	text-align: left;

	letter-spacing: -1px;

	line-height: 25px;

	font-size: 22px;

}



h2, div.contentheading {

	color: #036c9e;

	text-align: left;

	font-size: 20px;

}



h2 a {

    text-decoration: none;

}



h2 a:hover, div.contentheading a:hover {

	color: #036c9e;

}



.navbar-inner, .nav-list > .active > a, .nav-list > .active > a:hover,

.dropdown-menu li > a:hover, .dropdown-menu .active > a, .dropdown-menu .active > a:hover,

.nav-pills > .active > a, .nav-pills > .active > a:hover,

.btn-primary {

    color: #036c9e;

}





.rounded {

    -moz-border-radius: 5px;

	-o-border-radius: 5px;

	-webkit-border-radius: 5px;

	border-radius: 5px;

}



.white {

    background: #e1e1e1;

	background-image: url("white-gradient.svg");

	background-image: -o-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	background-image: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(40%,#ffffff), color-stop(100%, #e1e1e1));

	background-image: -moz-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	background-image: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	-pie-background: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	border: #ffffff 1px solid;

    box-shadow: #545454 0px 1px 1px 0px;

	-moz-box-shadow: #545454 0px 1px 1px 0px;

	-webkit-box-shadow: #545454 0px 1px 1px 0px;

    border: #eee 1px solid;

}



.wrapper {

	max-width: 1000px;

	margin: 0 auto;

}



#nav {

    margin: 0;

    padding: 0;

    min-height: 50px;

}



#nav ul.menu {

    margin: 0;

    padding: 0;

	zoom: 1;

}



#nav ul.menu:after {

    content: " ";

	display: block;

	height: 0;

	clear: both;

	visibility: hidden;

	font-size: 0;

}



#nav ul.menu > li {

	margin: 0;

	padding: 0;

	list-style:none;

    border-right: 1px solid #fff;

    box-shadow: 1px 0 0 #e1e1e1;

	float: left;

}



#nav ul.menu > li > a, #nav ul.menu > li > span.separator {

    display:block;

	color: #036c9e;

	margin: 0px;

	padding: 15px;

	padding-right: 20px;

	padding-left: 20px;

	text-align: center;

	font-size: 14px;

    text-decoration: none;

}



#nav ul.menu > li:hover > a, #nav ul.menu > li:hover > span.separator,

#nav ul.menu > li.active > a, #nav ul.menu > li.active > span.separator {

	background: #036c9e;

	background-image: url("nav-gradient.svg");

	background-image: -o-linear-gradient(center top,#036c9e, #024e73 100%);

	background-image: -webkit-gradient(linear, left top, left bottom,from(#036c9e), color-stop(100%, #024e73));

	background-image: -moz-linear-gradient(center top,#036c9e, #024e73 100%);

	background-image: linear-gradient(center top,#036c9e, #024e73 100%);

	-pie-background: linear-gradient(center top,#036c9e, #024e73 100%);

}



#nav ul.menu > li:hover > a,

#nav ul.menu > li.active > a {

    color: #fff;

}



#nav ul.menu li li a, #nav ul.menu li li span.separator {

    display:block;

	margin: 10px;

	padding: 5px;

	padding-right: 10px;

	padding-left: 10px;

    text-decoration: none;

}



#nav ul.menu li li:hover > a {

	background: #036c9e;

	background-image: url("nav-gradient.svg");

	background-image: -o-linear-gradient(center top,#036c9e, #024e73 100%);

	background-image: -webkit-gradient(linear, left top, left bottom,from(#036c9e), color-stop(100%, #024e73));

	background-image: -moz-linear-gradient(center top,#036c9e, #024e73 100%);

	background-image: linear-gradient(center top,#036c9e, #024e73 100%);

	-pie-background: linear-gradient(center top,#036c9e, #024e73 100%);

    color: #fff;

}



#nav ul.menu li li.active > a {

	text-align: left;

    color: #000;

}



#nav ul.menu li ul, #nav ul.menu li:hover ul ul, #nav ul.menu li:hover ul ul ul {

	position: absolute;

	left: -999em;

	z-index: 999;

    margin: 0;

    padding: 0;

	background: #ffffff;

	background-image: url("white-gradient.svg");

	background-image: -o-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	background-image: -webkit-gradient(linear, left top, left bottom,from(#ffffff),color-stop(40%,#ffffff), color-stop(100%, #e1e1e1));

	background-image: -moz-linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	background-image: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	-pie-background: linear-gradient(center top,#ffffff,#ffffff 40%, #e1e1e1 100%);

	border: #ffffff 1px solid;

    box-shadow: #545454 0px 1px 1px 0px;

	-moz-box-shadow: #545454 0px 1px 1px 0px;

	-webkit-box-shadow: #545454 0px 1px 1px 0px;

    border: #ccc 1px solid;

	width: 180px;

}





#nav ul.menu li:hover ul ul, #nav ul.menu li:hover li:hover ul ul, #nav ul.menu li:hover li:hover li:hover ul ul {

	left: -999em;

}



#nav ul.menu li:hover > ul, #nav ul.menu li:hover ul li:hover > ul, #nav ul.menu li:hover ul li:hover ul li:hover > ul, #nav ul.menu li:hover ul li:hover ul li:hover ul li:hover > ul {

	left: auto;

}



#nav ul.menu li:hover ul li:hover ul {

	margin-top: -45px;

	margin-left: 170px;

}



#nav ul.menu li li {

    float: none;

}





#headermodule {

    float: right;

    margin: 10px 0;

}









#left ul.menu li a, #left ul.menu li span.separator,

#right ul.menu li a, #right ul.menu li span.separator {

    display: block;

	background:  url(../images/tick.png) left center no-repeat;

	border-bottom: 1px solid #e3e3e3;

    box-shadow: 0 1px 0 #fff;

	padding-top: 5px;

	padding-bottom: 7px;

	padding-left: 20px;

	text-decoration: none;

}



#form-login-username label, #form-login-password label {

	display: block;

}



#form-login-username input, #form-login-password input {

	padding: 3px;

	border: 1px solid #ddd;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

}



#form-login-username input:focus, #form-login-password input:focus {

	border: 1px solid #036c9e;

}



#form-login-submit button {

	background: #efefef;

	border: 1px solid #c3c3c3;

	padding: 4px;

	-moz-border-radius: 3px;

	-o-border-radius: 3px;

	-webkit-border-radius: 3px;

	border-radius: 3px;

	cursor: pointer;

}



#form-login-submit button:hover {

	background: #ccc;

}



#center > div.inner {

	padding: 10px;

}



h2.item-title, h2.item-title > a {

	padding-left: 15px;

	margin-top: 15px;

}





.breadcrumb{margin:0; padding:0;}

div.item a.btn:after {

	content: " >";

}



ul.breadcrumb li {

	display: inline;

	list-style: none;

}



ul.breadcrumb li a {

	text-decoration: none;

}



ul.breadcrumb .divider {

	margin: 3px;

}



div.item-page li {



	list-style: disc;

}



li.next{

	float: right;

}



 



.page-header {

	border-bottom: 1px solid #e3e3e3;

}

.page-header h2{font-size:28px; font-family:"Times New Roman", Times, serif; text-transform:uppercase;}

.article-info {

	color: #c3c3c3;

	font-size: 10px;

}



#baner

{

	width: 70%;

	height: 215px;

	margin: 0 auto;



}



#baner #logos

{

	width: 20%;

	height: 165px;

	padding: 50px 0 0 0;

	float: left;



}



#baner #logos a

{

	width: 100%;

	height: 165px;

	background: url(../images/logo-cfpm.jpg) no-repeat;

	background-size: 100%;

	display: block;



}



#menuss

{

	width: 60%;

	height: 166px;

	padding: 50px 0 0 0;

	float: right;

}





#menuss .mod-menu

{

 display: table;

 width: 100%;

 padding: 0;

 margin: 0;

}





#menuss .mod-menu li

{

 display: table-cell;

}



#menuss .mod-menu li a

{

 width: 100%;

 height: 165px;

 display: block;

 margin: 0 auto;

 text-align: center;

 font-size: 25px;

 text-decoration: none;

 line-height: 160px;

 color: #fff;

 transition: 0.2s all;

 opacity: 1;

}





#menuss .mod-menu li a:hover

{

opacity: 0.8;

transition: 0.2s all;

}





#menuss .mod-menu li:nth-child(1) a

{



 background: #2A3994;

}





#menuss .mod-menu li:nth-child(2) a

{



 background: #08B74F;

}





#menuss .mod-menu li:nth-child(3) a

{



 background: #FCCF04;

}



#menuss .mod-menu li:nth-child(4) a

{



 background: #2A3994;

}



#slide

{

	width: 100%;

	height: 750px;

	padding: 50px 0;

}



#valeurs

{

	width: 70%;

	height: 370px;

	margin: 0 auto;

	padding: 50px 0;

	display: table;

}



#valeurs .mod-custom div

{

	width: 22%;

	height: 350px;

	float: left;

	margin: 0 1.6%;

	padding: 4%;



	

}





#valeurs .mod-custom div:nth-child(1)

{



	background: #2A3994;





	

}



#valeurs .mod-custom div:nth-child(2)

{



	background: #08B74F;





	

}



#valeurs .mod-custom div:nth-child(3)

{



	background: #FCCF04;





	

}





#valeurs .mod-custom i

{



	    font-size: 59px;

    color: #fff;

    margin: 0 0 20px 0;

	

}





#valeurs .mod-custom p:nth-child(2)

{

font-size: 30px;

    color: #fff;

    font-weight: bold;

	

	

}



#valeurs .mod-custom p:nth-child(3)

{



	font-size: 17px;

    color: #fff;



	

}



#actus

{

	width: 70%;

	height: 370px;

	margin: 0 auto;

	padding: 100px 0;

	display: table;

}



#actus .newstitle a {

    font-size: 40px;

    padding: 0 2% 4% 4%;

    display: block;

    text-decoration: none;

    font-weight: normal;

}



#actus .newsintro {

    font-size: 27px;

    padding: 0 4% 0 4%;

}



#actus .moduletable h3 {



    font-size: 40px;

    margin: 0 0 30px 0;

    font-weight: normal;

}



#pieg

{

	width: 100%;

	height: 300px;

	margin: 0 auto;

	padding: 80px 0;

	display: table;

	background: #2A3994;

}

#piegin

{

	width: 70%;

	height: 300px;

	margin: 0 auto;

	display: table;
	color: #fff;



}


#adress
{
	width: 30%;
	height: 300px;
	display: table;
	float: left;
	font-size: 30px;
}

#adress .adresse
{

	font-size: 20px;
	display: block;
	line-height: 26px;
}

#adress .agre
{

	font-size: 12px;

}

#basmem
{
	width: 40%;
	height: 300px;
	display: table;
	float: left;
	font-size: 30px;

	padding: 0 0 0 10%;
}

#autre
{
	width: 20%;
	height: 300px;
	display: table;
	float: left;
		
}

#basmem .mod-menu, #autre .mod-menu
{
	margin: 0;
	padding: 0;
	list-style: none;
}

#basmem h3, #autre h3
{
	font-size: 30px;
}

#basmem .mod-menu li, #autre .mod-menu li
{
	line-height: 20px;

}

#basmem .mod-menu li a, #autre  .mod-menu li a
{
	color: #fff;
	text-decoration: none;
	font-size: 16px;

}


#news_social_bas span
{
	font-size: 30px;
	font-weight: bold;
}

#news_social_bas a
{
	    font-size: 35px;
    color: #fff;
    margin: 0 5% 0 0;
}

#mapage {
    width: 70%;
    margin: 0 auto;
    padding: 100px 0;
    font-size: 18px;
}