/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
	font-family: 'Muli' !important;
	-webkit-text-size-adjust:auto;
	-ms-text-size-adjust:auto;
}


.color{
	color: #f89000;
}

body{
	background:#141414;
	text-align:center;
}

img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}


html, input, textarea
	{
		font-family:Arial, Helvetica, sans-serif;
		font-size:0.75em;
		line-height:1.666em;
		color:#141414;
	}

input, select { vertical-align:middle; font-weight:normal;}

a {color:#141414; outline:none;}
a:hover{text-decoration:none;}
p {padding-top:20px;font-size: 18px !important;}

/* ============================= main layout ====================== */

li { background:url(images/marker.gif) no-repeat 0 9px; padding-left:15px; line-height:1.4666em; font-size:1.25em;}
li a {color:#141414;}

.imgindent {margin:0 20px 0 0; float:left;}

h1 {font-size:2.333em; background-color:#f89100; line-height:1.243em; color:#141414; padding:0 0 18px 0; letter-spacing:-1px;}
h2 {font-size:2.333em; line-height:1.243em; color:#141414; padding:0 0 18px 0; letter-spacing:-1px;}
h2 em {color:#f89100;}
h2 strong {display:block; margin-top:-13px;}
h3 {/*background:#f89000;*/ font-weight:normal; color:#fff; font-size:1.166em; line-height:1.243em; padding:5px 0 6px 10px; margin-bottom:6px; text-transform:uppercase;}
h4 {color:#f89100; font-size:1.583em; line-height:1.243em; font-weight:normal; padding:12px 0 0 0;}
/* ============================= header ====================== */
#header {background:url(images/header-bg.jpg) top center repeat;}
.logo {float:left; width:266px; position:relative;}

.header-col {float:left; width:674px;}

.sub-menu { padding-top:30px; width:100%; overflow:hidden; height:60px;}
.sub-menu ul {float:right;}
.sub-menu li {background:url(images/sub-menu-li-bg.gif) right 03px no-repeat; padding:0 7px 0 7px; float:left; line-height:1.243em; font-size:0.916em;}
.sub-menu li a {color:#cecece; text-decoration:none;}
.sub-menu li a:hover {text-decoration:underline;}
.sub-menu .last {background:none; padding-right:0px;}

.menu {background:url(images/menu-bg.gif) left top repeat-x; width:100%; overflow:hidden; margin-top:23px;}
.menu ul {float:left; padding-left:21px;}
.menu li {float:left; background:none; padding:0; font-size:1.416em; line-height:1.243em;}
.menu li a {color:#f89100; text-decoration:none; display:inline-block; padding:17px 13px 21px 14px;}
.menu li a:hover, .menu .active a {background:url(images/menu-li-active.gif) left bottom repeat-x; position:relative;}

.header-img {margin-top:-46px;}

.h-pad {padding-bottom:22px;}

.relative {position:relative;}

.textblanc {color:#FFFFFF;}
/* ============================= content ====================== */
#content {background:#fff;}

.indent {padding:29px 0 43px 0;}
.padding {padding-bottom:53px;}

.col-pad {padding-right:50px;}
.col-pad1 {padding-right:62px;}

.list li {background:none; font-size:1.416em; padding:0 0 3px 0; line-height:1.243em;}
.list li a {display:block; color:#fff; text-decoration:none; padding:7px 0 6px 17px; background:#141414;}
.list li a:hover, .list .active a {background:#f89000;}

.font {font-size:1.25em; line-height:1.333em;}
.font a {color:#f89000;}

.border {border-bottom:1px solid #e5e5e5; padding-bottom:20px; margin-bottom:10px;}
.border-pad {padding-bottom:10px;}
.border-pad1 {padding-bottom:10px; margin-bottom:0px}
.border-pad2 {padding-bottom:38px; margin-bottom:28px}

.pad {padding-top:18px;}
.pad1 {padding-top:26px;}
.pad2 {padding-top:8px;}
.pad3 {padding-top:4px;}

.line {line-height:1.5em;}

.h-marg {margin-top:21px;}

.h4-pad {padding-top:25px;}

.h3-marg {margin-top:26px;}

.link {display:inline-block; background:url(images/link-bg.gif) right 8px no-repeat; color:#141414; font-size:1.25em; line-height:1.243em; padding-right:15px; margin-top:20px;}

.link1 {display:inline-block; background:#f89000; text-decoration:none; color:#fff; padding:2px 10px 4px 10px; margin-top:20px;}
.link1:hover {background:#fbc77f;}

.link1-margin {margin-top:10px;}
.link1-margin1 {margin-top:33px;}
.link1-margin2 {margin-top:48px;}

.link-marg {margin-top:35px;}

.comment {text-decoration:none; color:#000;}
.comment:hover {text-decoration:underline;}

.null {padding-top:0px;}

.trace-link {background:url(images/trace-link-bg.gif) left 9px no-repeat; text-decoration:none; display:inline-block; padding-left:10px;}
.trace-link:hover {text-decoration:underline;}

.spacing {letter-spacing:-2px;}

.phone {display:inline-block; width:80px;}
table{
    border-collapse: collapse;
    border-spacing: 0;
	background:##FFFFFF;
	text-align:center;
}
th{background-color:#FF9900;
}
.ligne_grise{
background:#CCCCCC;
text-align:right
font:Arial, Helvetica, sans-serif;
vertical-align:middle;
font-weight: bold;
}
.ligne_blanche{background:#FFFFFF;
text-align:right
font:Arial, Helvetica, sans-serif;
vertical-align:middle;
font-weight: bold;
}
.place1
{background-color:#FF0000;
}
.place2
{background-color:#FF9900;
}
.place3
{background-color:#FFFF00;
}
.place4
{background-color:#00CCFF;
}
.place5
{background-color:#33CC00;
}
.NonPartant
{background-color:#FF66CC;
}


/* ============================= footer ====================== */
#footer {color:#fff;}

.policy {float:right; padding:32px 20px 0 0}
.policy a {color:#f89000; text-decoration:none;}
.policy a:hover {text-decoration:underline;}

.footer-menu {float:left; padding-top:36px;}
.footer-menu li {float:left; padding:0 18px 0 0; background:none; font-size:1em; line-height:1em;}
.footer-menu li a {color:#8a8a8a; text-decoration:none;}
.footer-menu li a:hover {text-decoration:underline;}
/* ============================= forms ============================= */
#SignUpForm {padding-top:195px;}
#SignUpForm label {display:block; height:39px;}
#SignUpForm .input {width:200px; padding:6px 0 6px 5px; font-size:1em; line-height:1.243em; border:1px solid #e6e6e6; color:#f89100;}
#SignUpForm .link1 {margin-top:0px;}

#ContactForm {padding-top:15px;}
#ContactForm label {height:40px; display:block;}
.alignright {text-align:right;}
#ContactForm .link1 {margin:26px 0 0 20px}
#ContactForm .input {width:202px;  background:#fff; padding:0px 0 0px 5px; font-size:1em; line-height:1.243em;}
textarea {width:202px; height:186px; background:#fff; padding:0 0 0 5px; overflow:auto; font-size:1em;}
.shadow{  box-shadow: 0 4px 8px 0 rgba(0, 0, 0, 0.2), 0 6px 20px 0 rgba(0, 0, 0, 0.19);}
.abo{
	width:20%;
	margin:1.25%;
	background:#fff;
	box-sizing:border-box;
	display:inline-block;
	text-align:center;
	font-family: Nunito;
	text-transform: none;
	letter-spacing: 0;
}
.body-abo {
	font-size: 26px;
	line-height: 36px;
	font-weight: 400;
	color: #0de2b8;
	background: linear-gradient(to bottom right, #0f8fff, #0de2b8);
	-webkit-background-clip: text;
	-webkit-text-fill-color: transparent;
}
.section-abo{
	background:#f7f7f7;
	width:100%;
	text-align:center;

}
.container-abo{
	width:100%;
}
h5{
	font-family:Muli;
	margin:2%;
}

.p-banner{
	top: 50%;
    transform: translateY(-50%);
	background-color: #000;
	opacity: 0.9;
	color: #000;
}

.jumbotron{
	margin: 0 !important;
}

.carousel-item{
	font-size: 18px;
	padding: 3% !important;
}

.carousel-indicators{
	display: none;
}

.carousel-inner{
	padding: 0 1% 0 1% !important;
}
.color-text{
	color:#f89000;
}
.blink_me {
	animation: blinker 1s linear infinite;
  }

  .btn-service{
	bottom: 0;
    left: 50%;
    transform: translateX(-50%);
	background-color: #f89000 !important;
	text-decoration: none;
  }

  .p-banner{
	background-color: #FFFFFF !important;
  }

  #af-form-962530580, #awf_field-117061252, #awf_field-117061251, .af-textWrap, .af-element, .af-body{
	/*line-height: 0px;*/
	font-size: 18px !important;
  }

  .text-banner{
	font-weight: 900;
	text-transform: uppercase;
	font-size: 24px;
	color: #ea8512;
	padding: 0;
  }
  
  @keyframes blinker {
	50% {
	  opacity: 0;
	}
  }

  @media screen and (max-width:767px) {
	.carousel-item {
	  max-height: 360px !important;
	}
	.navbar-bup img{
		width:320px !important;
	}
	.container-plan{
		/*height: ;*/
	}
} 

	input {
		border: 0px;
		border-bottom: 1px solid #ea8512 !important;
		width: 30% !important;
	}

	input[name="login"], input[type="password"] {
		width: 100% !important;
	}

	/* Définir les polices pour différents éléments */
body,p,span,a,li,ul,ol,div,input,button,strong {
	font-family: 'Merriweather', serif !important;  /* Police par défaut pour le corps du texte */
	line-height: 30px;
	font-size: 16px !important;

}

input{
	line-height: 15px !important;
}
   h1, h2, h3, h4, h5, h6 {
	font-family: 'Roboto', sans-serif; /* Police pour les titres */
   }
   .accent {
	font-family: 'Lobster', cursive; /* Police pour les accroches décoratives */
   }
  
   .dropdown-content {
	min-width: 150px !important;
   }


   div.resultat-trot > p{
	margin: 0 !important;
	padding: 0 !important;
  }