/* COULEURS
	- TEXTE GRIS CLAIR (p)		#ccc
	- TEXTE GRIS MOYEN		#7b8389
	- FOND GRIS MENU			#576471
	- FOND ROUGE MENU		#c52e58
	- BACKGROUND NOIR		#282b30
	- TITRES					#7C8389
	
POLICES
	<link href='https://fonts.googleapis.com/css?family=Paytone+One' rel='stylesheet' type='text/css'>
	<link href='https://fonts.googleapis.com/css?family=Source+Sans+Pro:200,300,400,600,700,900,200italic,300italic,400italic,600italic,700italic,900italic' rel='stylesheet' type='text/css'>
*/
	
body {
	font-family: 'Source Sans Pro', "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-weight: 400;
	min-height: 803px;  opacity: 1;
	font-size: 16px;
	line-height: 22px;
	background-color: #fff;
	color: #000;
}
header {
	background-color: #2882b3;
}


/* LOGOS TOURNANTS */
#logoParade {
		width: 1140px;
		height: 100px;
		position: relative;
}
#logoParade div.scrollableArea a {
		display: block;
		float: left;
		padding-left: 10px;
}

/* TYPOGRAPHIE  - GENERAL*/
.container {
	color:#000;
}

a {
	color:#bf2559;
	font-weight: 700;
	text-decoration: none;
}
a:hover,
a:focus {
	color:#7a7a7a;
}
a:focus {
	outline: thin dotted;
	outline: 5px auto -webkit-focus-ring-color;
	outline-offset: -2px;
}
p {
	color: #000;
	letter-spacing: 0.5px;
/* 	padding-bottom: 20px; */
}
.txt-gris {
	color:#566270;
}
strong {
	font-weight:900;	
	color: #3D80B1;
}
.rouge {
	color: #c52e58;
}

/* ++++++++ GESTION DES TITRES+++++++++++     */
/*interligne et couleur*/
h1, h2, h3, h4, h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6  {
	line-height: 1.2em;
/* 	color: #7C8389; gris*/
/* 	color:#25619E;  bleu-foncé*/../../../admin
	color: #3D80B1;
}
/*taille et police*/

h1, .h1{
    font-size: 2.5em;
    font-family: 'Paytone One',  "Helvetica Neue", Helvetica, Arial, sans-serif;
    color: #7C8389;
}

h2,h3,h4,h5, h6,
.h2, .h3, .h4, .h5, .h6 {
    font-family: 'Source Sans Pro',  "Helvetica Neue", Helvetica, Arial, sans-serif;
    font-weight: 200;
}
h2, .h2{
    font-size: 2.2em;
    font-weight: 700;
}
h3, .h3{
    font-size: 1.9em;
}
h4, .h4{
    font-size: 1.6em;
}
h5, .h5{
    font-size: 1.4em;
}
h6, .h6{
    font-size: 1.2em;
}
/*espacement*/
h1,h2,h3,h4,h5, h6,
.h1, .h2, .h3, .h4, .h5, .h6  {
    margin-top: 26px;
    margin-bottom: 10px;
}
/*police réduite*/
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small,
h1 .small,
.h1 .small,
h2 .small,
.h2 .small,
h3 .small,
.h3 .small {
  font-size: 65%;
}
h4 small,
.h4 small,
h5 small,
.h5 small,
h6 small,
.h6 small,
h4 .small,
.h4 .small,
h5 .small,
.h5 .small,
h6 .small,
.h6 .small {
  font-size: 75%;
}


/* TYPOGRAPHIE  -  HOME */
.slogan {font-size: 40px; font-family: 'Paytone One',  "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 45px; color:#7b8389;}
.slogan-small {font-size: 28px; font-family: 'Paytone One',  "Helvetica Neue", Helvetica, Arial, sans-serif; line-height: 33px; color:#7b8389;}
.argument {font-size: 28px; line-height: 35px; color: #000; display: block;}
.argument-small {font-size: 18px; line-height: 25px; color: #000; display: block;}

/* TYPOGRAPHIE  -  INTERIEUR */
.couleur-clair  {
	color: #ccc;
	font-size: 16px;
	line-height: 22px;
	text-align: left;
}
.couleur-blanc {
	color: #fff;
}
.couleur-gris {
	color: #7B8389;
}

.couleur-bleu {
	color:#24a7f0;
}

.centre {
	padding: 0 auto;
}

.home {
	font-size: 15px;
	color:#c7ccd0;
}

.margin-left-0 {
	margin-left: 0;
}
.margin-right-0 {
	margin-right: 0;
}
.padding-left-0 {
	padding-left: 0;
}
.padding-right-0 {
	padding-right: 0;
}

.margin-top-0{
	margin-top:0; 
}
.margin-top-10{
	margin-top:10px; 
}
.margin-top-15{
	margin-top:15px; 
}
.margin-top-20{
	margin-top:20px; 
}
.margin-top-30{
	margin-top:30px; 
}
.margin-top-40{
	margin-top:40px; 
}
.margin-top-50{
	margin-top:50px; 
}
.margin-top-60{
	margin-top:60px; 
}
.margin-top-70{
	margin-top:70px; 
}
.margin-top-80{
	margin-top:80px; 
}
.margin-top-90{
	margin-top:90px; 
}
.margin-top-100{
	margin-top:100px ; 
}

.margin-bottom-0{
	margin-bottom:0; 
}
.margin-bottom-10{
	margin-bottom:10px; 
}
.margin-bottom-20{
	margin-bottom:20px; 
}
.margin-bottom-30{
	margin-bottom:30px; 
}
.margin-bottom-40{
	margin-bottom: 40px; 
}
.margin-bottom-50{
	margin-bottom:50px; 
}
.margin-bottom-60{
	margin-bottom:60px; 
}
.margin-bottom-70{
	margin-bottom:70px; 
}
.margin-bottom-80{
	margin-bottom:80px; 
}
.margin-bottom-90{
	margin-bottom:90px; 
}
.margin-bottom-100{
	margin-bottom:100px ; 
}

/* ----- logo-slider ----- */
.logo-slider {
	height: 124px;
	background-color: #95a5a6;
	margin-top: 50px;
	padding-top: 12px;
}
.logo-slider a {
	display: inline-block;	
	padding: 0 20px;
}

/* ---------------------- Formulaires -------------------- */

/*Formulaire - css générales */

.cms_form {
/* 	background: #576471; */
/* 	padding: 20px; */
}

/*
input {
	border: 4px solid red;
	color:#666;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
*/

label {
/* 	width: 50%; */
	margin: 12px;
	text-align: right;
	color: #7f8c8d;	 
}


/* Formulaire - Contact simple */

.cms_form_contact {
	background: #ECEFF0;
	border: solid 1px #ccc;
	padding: 30px;
	color: #fff;
}
.cms_form_contact label { 
	text-align: left;
	margin-left: 0;
}
.cms_form_contact h2 {
	color:#000;
} 

.cms_form_contact input.btn.btn-lg.btn-danger {
	display: block;
	width: 150px;
	margin: 20px auto;
	background-color: #d0484c;
	border: none;
}
.cms_form_contact input.btn.btn-lg.btn-danger:hover {
	background-color: #27ae60; 
}


/* Formulaire - Devenir annonceur */

.adr_facture {
	background-color: #baced0;
	padding: 10px 30px 0 30px;
}
.adr_facture p {
	margin-bottom: 0;
	padding: 20px 0;
}
.adr_facture label { 
	color: #457AAD;
}

.esp-bas {
	background: #baced0;
	margin-bottom: 20px;
}
.download {
	background-color: #cdd5da;
	padding: 30px;
	border-radius: 5px;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
}
.download label {
	width: 100%;
	padding: 0;
	text-align: center;
}
.download input {
	padding: 0 auto;
	color:#fff;
}
.cms_submit {
	margin: 20px 0 20px 25%;
	width: 50%;
}
#fbrp__69_1_0 {
	width: 45%
}
#fbrp__69_1_del_0,
#fbrp__69_1_add_1 {
	width: 10%;
}
/* formulaire adhérent */

.cms_dropdown {
	background: #DEE1E6;
	color:#333;
}

.fbsubmit {
	background-color: #d0484c;
	border: none;
	margin-left: -165px;
	width: 300px;
	color: #fff;
	width: 50%;
	margin: 20px 0 20px 25%;
    padding: 6px 12px;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    cursor: pointer;
    -webkit-user-select: none;
    -moz-user-select: none;
    -ms-user-select: none;
    user-select: none;
    background-image: none;
    border: 1px solid transparent;
    border-radius: 4px;
}
.fbsubmit:hover {
	background-color: #27ae60; 
}

.fb_invalid,
.error_message {
	color: #e24352;
}

.donnee_perso {
	display:  block;
	text-align: center;
}

.donnee_perso label, 
.donnee_perso input {
	display:  inline;
	text-align: center;
	margin-top: 25px;
}


/* ------------ NAVIGATION ------------- */
.navbar-nav {
	font-size: 14px;
}

/* FOOTER */
.footer {
	background-color: #25619D;
	padding: 20px 0;
}
.footer-nav-links a {
	color: #fff;
	text-decoration: underline;
}
.footer-nav-links a:hover {
	color: #C02459;
}

/*NEWS*/
.NewsSummary {
	color: #576471;
}
.NewsSummaryField {
	
}
.menu-new {
	display: block;
	margin-top:100px;
	background-color: #93b5dc;
	padding: 20px;
}
.menu-new p,
.menu-new ul,
.menu-new li {
	 	color:#fff;
}
.box-wrap small{
	color: #aaa;
}
.box-wrap h4 {
	margin:20px 0;
}

/*liste des membres*/
.client-liste-block {
	margin-bottom: 50px;
}
.table-membre {
	font-size: 10px;
	color: #333;
	background: #b8c2cd;
}
/* correction comité*/
i.fa {
	margin-top: 42px;
}

/* --------------------------------------------------- nouveau CSS - APART  ---------------------------------------------------- */

.titre-head {
	display: block;
	padding: 6px 0 0 100px;
	font-family: 'Source Sans Pro', sans-serif;
	font-weight: 700;
	font-style: italic;
	font-size: 30px;
	line-height: 34px;
	color:#fff;
}
.titre-head .rouge {
	color: #e6474c;
}
.logo-header {
	float:left; 
	padding: 16px 20px 10px 0;
}
.logo-header-petit {
	float: left;
	padding: 16px 0 0 0;
}
.rouge {
	color: #d0484c;
}
.blanc {
	color: #fff;
}

.imagic a {
	font-size: 10px;
	color: #fff;
	text-decoration: none;
}
.imagic a:hover {
	color: #BE2559;
}
/*block gris*/
div.blockgris {
	background-color: #BEC2C6;
	margin: 30px 0;
}
.blockgris .h2 {
	display: block;
	background: #25619E;
	padding: 14px 20px 12px 30px;
	margin:0;
	color: #fff;
}
p.blockgris, 
.blockgris ul{
	display: block;
	color: #000;
	padding: 24px 20px 24px 50px;
}
/* correction lien*/
.navbar-nav a {
	font-weight: 400;
}
/*correction des listes à puce*/
.container ul {
	margin-left:-5px;
}
ul {
	list-style-image:url(../../../uploads/images/carre.jpg);
}
/* page annonceurs */
.boxes-advertisers {
	border: solid 1px #34495e;
	margin: 0 20px 20px 0;
	padding: 4px;
	width: 185px;
	height: 260px;
	background-color: #ecf0f1;
}
.boxes-advertisers h2 {
	font-size: 24px;
	text-align: center;
}
.boxes-advertisers a.url{
	display: block;
	font-size: 16px;
	text-align: center;
}

/* page actualité */
h2 span.petit {
	font-size: 40%;
}

div.news h2 {
	background: #ecf0f1;
	padding-left: 20px;
}

/* page petites annonces */
.petite-annonce {
	border: solid 1px #34495e;
	margin-top: 20px;
	padding: 30px;
	background-color: #ecf0f1;
}
.img-pt-annonce {
    display: -webkit-box;
    display: -ms-flexbox;
    display: flex;
	-webkit-box-orient: horizontal;
	-webkit-box-direction: normal;
	    -ms-flex-direction: row;
	        flex-direction: row;
	-ms-flex-wrap: wrap;
	    flex-wrap: wrap;
}
.img-pt-annonce img {
    padding: 10px 10px 0 0;
}
.petite-annonce h4 {
	font-size: 16px;
	font-weight: bold;
	margin-top: 4px;
}
.petite-annonce h3 {
	margin-top: 6px;
    margin-bottom: 10px;
}
.text-center {
	text-align: center;	
}
.text-right {
	text-align: right;	
}

/* formulaire devenir annonceur */
.form-group-pub input {
	background: red;	
}


#fbrp__30,
#fbrp__31,
#fbrp__32,
#fbrp__33,
#fbrp__34,
#fbrp__34_1,
#fbrp__35,
#fbrp__36,
#fbrp__37,
#fbrp__38,
#fbrp__39,
#fbrp__40,
#fbrp__42,
#fbrp__43,
#fbrp__44,
#fbrp__45


 {
  display: block;
  width: 100%;
  height: 34px;
  padding: 6px 12px;
  font-size: 14px;
  line-height: 1.42857143;
  color: #555;
  background-color: #fff;
  background-image: none;
  border: 1px solid #ccc;
  border-radius: 4px;
  -webkit-box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
          box-shadow: inset 0 1px 1px rgba(0, 0, 0, .075);
  -webkit-transition: border-color ease-in-out .15s, -webkit-box-shadow ease-in-out .15s;
       -o-transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
          transition: border-color ease-in-out .15s, box-shadow ease-in-out .15s;
}
.cms_browse {
	width: 100%;
	padding:5px;
	background-color: #34495e;
}

.conditions label,
.conditions input {
	display:  inline;
	text-align: center;
	margin-top: 25px;
}

div.address img {
	border: solid 1px #ccc;
	margin-bottom: 20px;
	
}
/*capcha*/
.captcha {
	color: #000;
	margin: 14px 0;
}
img.captchapict {
	margin:10px 41% ;
	border: 1px #c7cfd4 solid;
}
input.cms_textfield {
	margin: 30px 40% 10px ;
	border: 1px #38495d solid;
	width: 20%;
	height: 40px;
	text-align: center;
}
/**/
.patiinfo h4 {
	text-align: center;
	margin-top: 40px;
	font-size: 21px;
}
.patiinfo img {
	border: solid 1px #ddd;
}

/*agenda-fond année en cours*/
.fd-en-cours{
	background-color: #d8e0e2; padding:5px 20px 10px 20px;margin-top:20px;
}