/* cyrillic-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWJ0bbck.woff2) format('woff2');
 unicode-range: U+0460-052F, U+1C80-1C88, U+20B4, U+2DE0-2DFF, U+A640-A69F, U+FE2E-FE2F;
}
@font-face {
font-family: 'FontAwesome';
src: url('../font-awesome/fonts/fontawesome-webfont.eot?v=3.0.1');
src: url('../font-awesome/fonts/fontawesome-webfont.eot?#iefix&v=3.0.1') format('embedded-opentype'),  url('../font-awesome/fonts/fontawesome-webfont.woff?v=3.0.1') format('woff'),  url('../font-awesome/fonts/fontawesome-webfont.ttf?v=3.0.1') format('truetype');
font-weight: normal;
font-style: normal;
}
/* cyrillic */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFUZ0bbck.woff2) format('woff2');
 unicode-range: U+0400-045F, U+0490-0491, U+04B0-04B1, U+2116;
}
/* greek-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWZ0bbck.woff2) format('woff2');
 unicode-range: U+1F00-1FFF;
}
/* greek */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVp0bbck.woff2) format('woff2');
 unicode-range: U+0370-03FF;
}
/* vietnamese */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFWp0bbck.woff2) format('woff2');
 unicode-range: U+0102-0103, U+0110-0111, U+1EA0-1EF9, U+20AB;
}
/* latin-ext */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFW50bbck.woff2) format('woff2');
 unicode-range: U+0100-024F, U+0259, U+1E00-1EFF, U+2020, U+20A0-20AB, U+20AD-20CF, U+2113, U+2C60-2C7F, U+A720-A7FF;
}
/* latin */
@font-face {
font-family: 'Open Sans';
font-style: normal;
font-weight: 400;
src: local('Open Sans Regular'), local('OpenSans-Regular'), url(https://fonts.gstatic.com/s/opensans/v15/mem8YaGs126MiZpBA-UFVZ0b.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
/* arabic */
@font-face {
font-family: 'Tajawal';
font-style: normal;
font-weight: 400;
src: local('Tajawal'), local('Tajawal-Regular'), url(https://fonts.gstatic.com/s/tajawal/v1/Iura6YBj_oCad4k1nzSBC45I.woff2) format('woff2');
 unicode-range: U+0600-06FF, U+200C-200E, U+2010-2011, U+204F, U+2E41, U+FB50-FDFF, U+FE80-FEFC;
}
/* latin */
@font-face {
font-family: 'Tajawal';
font-style: normal;
font-weight: 400;
src: local('Tajawal'), local('Tajawal-Regular'), url(https://fonts.gstatic.com/s/tajawal/v1/Iura6YBj_oCad4k1nzGBCw.woff2) format('woff2');
 unicode-range: U+0000-00FF, U+0131, U+0152-0153, U+02BB-02BC, U+02C6, U+02DA, U+02DC, U+2000-206F, U+2074, U+20AC, U+2122, U+2191, U+2193, U+2212, U+2215, U+FEFF, U+FFFD;
}
body {
font-family: 'Open Sans', sans-serif;
}
@font-face {
font-family: "berlin";
src: url('../fonts/BRLNSDB.TTF');
}
.topnav2>a {
background-color: #faa832;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 9px;
padding-left: 10px;
color: white;
border-radius: 5px;
font-family: 'Bitstream Vera Sans', regular !important;
font-size: 15px;
}
.topnav2 input {
margin-left: 15px;
border-color: #faa832;
border-radius: 5px;
}
.topnav2 input::placeholder {
color:#faa832;
font-size:12px;
padding-left:4px;
margin-bottom:10px;
}
.topnav2 {
float: right;
}
.menu1>li>a {
background-color: #faa832;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 9px;
padding-left: 10px;
color: white;
border-radius: 5px;
font-family: 'Bitstream Vera Sans', regular !important;
font-size: 15px;
}
.menu1>li {
margin-left: 15px;
}
.menu1 input {
border-color: #faa832;
border-radius: 5px;
}
.menu1 input::placeholder {
color:#faa832;
font-size:12px;
padding-left:4px;
margin-bottom:10px;
}
.menu1 {
margin-top: 15px;
}
.menu1 {
float: right;
}
.right {
float: right;
}
.menu2>li>a {
text-align: center;
color: white;
color: white;
padding-left: 17px;
font-size: 15px;
font-family: 'Bitstream Vera Sans', arial !important;
}
.vert2 {
background-color: #00ae58;
height: 59px;
}
.vert {
background-color: #00ae58;
padding: 8px;
color: white;
font-size: 17px;
}
.terme {
margin-top: 20px;
}
.option {
margin-top: 20px;
}
.button {
margin-top: 20px;
}
.email {
width: 270px;
}
.vert p {
padding-left: 15%;
}
.vert input {
margin-left: 10px;
}
.vert input {
background-color: #00ae58;
border-color: white;
}
.vert input[type=submit] {
background-color: white !important;
color: #00ae58 !important;
}
.menu2>li>a:hover {
background-color: #008b46;
background-size: 0 100%;
}
.banner {
width: 100%;
}
.G-titre {
margin-bottom: 50px;
}
.G-titre h2 {
font-size: 32px;
color: #ff771c;
text-align: center;
}
.G-titre hr {
width: 50px;
height: 3px;
background: #02ae58;
border: none;
}
.titre {
/*font-weight: bold;*/
    color: #ff771c;
    text-align: center;
    height: auto;
    background-image: url(images/trait.jpg);
    background-repeat: no-repeat;
    background-position: center bottom;
    font-family: 'Bitstream Vera Sans', arial !important;
    font-size: 36px;
    padding-bottom: 30px;
}
.partenaire {
margin-bottom: 0px !important;
}
.trait {
background-image: url(images/trait2.jpg);
background-repeat: no-repeat;
background-position: 0% 23px;
height: 50px;
}
/*.block1{
    width: 100%;
    height: 200px;
}*/
.block1 img {
/*width: 100%;
height: 200px;*/
}
.block1 {
background-color: #fafafa;
padding-bottom: 45px;
}
.block1 a {
color: #ff771c;
font-weight: bold;
}
.block1 p {
text-align: justify;
font-size: 16px;
}
.block2 img {
width: 100%;
}
.block2 h4 {
color: #ff771c;
font-family: 'Bitstream Vera Sans', arial !important;
font-weight: bold;
}
.block2 .btn {
float: right;
background-color: #ff771c;
color: white;
}
.block2 {
margin-bottom: 45px;
margin-top: 45px;
}
.banner2 {
margin-top: 45px;
}
.block2 .row {
margin-top: 45px;
}
.clear {
clear: both;
}
.blocs img {
width: 100%;
display: block;
margin-left: auto;
margin-right: auto;
}
.blocs h4 {
color: white;
padding: 10px;
font-family: 'Bitstream Vera Sans', arial !important;
font-size: 15px;
}
.blocs {
margin-top: 45px;
margin-bottom: 45px;
}
.logofooter {
width: 80%;
}
.footer {
background-color: #2b2b2b;
color: white;
font-family: 'Open Sans', sans-serif;
padding-bottom: 45px;
margin-top: 50px
}
.bullet li a {
color: white;
}
.left {
float: left;
}
.right {
float: right;
}
.footerbas {
background-color: #272727;
color: white;
font-family: 'Open Sans', sans-serif;
}
.block2 a {
text-decoration: none;
}
.blocs a {
text-decoration: none;
}
.bullet li {
font-family: Arial, sans-serif;
font-size: 100%;
color: black;
list-style-type: none;
background-image: url(images/puce.jpg);
background-repeat: no-repeat;
background-position: 0 0.32em;
margin-bottom: 10px;
}
.bullet {
margin-top: 0;
margin-bottom: 10px;
margin-left: -44px;
column-count: 2;
}
.bullet li a {
font-size: 17px;
padding-left: 15px;
}
.footer .bullet li a {
font-size: 14px;
}
input {
border-style: solid !important;
}
#jssor_1 {
width: 100% !important;
}
.widget h3 {
font-size: 22px;
}
.topnav {
overflow: hidden;
background-color: #00ae58;     width: 125%;
}
.activ {
background-color: #008b46;
color: white;
height: 59px;
}
.topnav .icon {
display: none;
}



/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
.topnav a:not(:first-child), .dropdown .dropbtn {
display: none;
}
.topnav a.icon {
float: right;
display: block;
}
.vert2 {
height: inherit !important;
}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
.topnav.responsive {
position: relative;
}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav.responsive .dropdown {
float: none;
}
.topnav.responsive .dropdown-content {
position: relative;
}
.topnav.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;
}
.vert2 {
height: inherit !important;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.topnav a:not(:first-child), .dropdown .dropbtn {
display: none;
}
.topnav a.icon {
float: right;
display: block;
}
.vert2 {
height: inherit !important;
}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.topnav.responsive {
position: relative;
}
.topnav.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav.responsive .dropdown {
float: none;
}
.topnav.responsive .dropdown-content {
position: relative;
}
.topnav.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;
}
.vert2 {
height: inherit !important;
}
}
.topnav a {
float: left;
display: block;
color: white;
text-align: center;
padding: 17px 10px;
text-decoration: none;
font-size: 13.5px;
}


.topnav:nth-child(7) {
padding-top: 5px
}
.activ {
background-color: #008b46 !important;
color: white;
}
.topnav .icon {
display: none;
}
.topnav .dropdown {
float: left;
overflow: hidden;
}
.topnav .dropdown .dropbtn {
font-family: 'Bitstream Vera Sans', arial !important;
font-size: 13.5px;
border: none;
outline: none;
color: white;
background-color: inherit;
font-family: inherit;
margin: 0;
}
.topnav .dropdown-content {
display: none;
position: absolute;
background-color: #00ae58;
color: white;
min-width: 160px;
z-index: 3;
margin-top: 58px;
}
.topnav .dropdown-content a {
float: none;
color: white;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.topnav .dropdown2-content {
display: none;
position: absolute;
background-color: #00ae58;
color: white;
min-width: 240px;
z-index: 3;
margin-top: -46px;
margin-left: 97%;
}
.topnav .dropdown3ar-content {
display: none;
position: absolute;
background-color: #00ae58;
color: white;
min-width: 247px;
z-index: 3;
margin-top: -46px;
margin-right: 252px;
}
.topnav .dropdown2ar-content {
display: none;
position: absolute;
background-color: #00ae58;
color: white;
min-width: 190px;
z-index: 3;
margin-top: -71px;
margin-right: 212px;
}
.topnav .dropdown2ar-content-home {
display: none;
position: absolute;
background-color: #00ae58;
color: white;
min-width: 190px;
z-index: 3;
margin-top: -71px;
margin-right: 213px!important;
}
.topnav .dropdown3ar-content-home{
    margin-right: 251px!important;
}
.topnav .dropdown2-content a {
float: none;
color: white;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
width: 390px;
}
.topnav .dropdown2ar-content a {
float: none;
color: white;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
width: 262px;
}
.topnav .dropdown3-content a {
float: none;
color: white;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.topnav .dropdown3ar-content a {
float: none;
color: white;
padding: 12px 16px;
text-decoration: none;
display: block;
text-align: left;
}
.topnav a:hover, .dropdown:hover .dropbtn {
background-color: #008b46;
color: white;/*text-align: center;*/
/*height:59px;*/
}
.topnav .dropdown-content a:hover {
color: white;
}
.dropdown:hover .dropdown-content {
display: block;
}
/*.topnav  .dropdown2:hover .dropdown-content2 {
    display: block;
}*/

.dropdown2:hover .dropdown2-content {
display: block;
}
.dropdown2:hover .dropdown2ar-content {
display: block;
}
.dropdown2:hover .dropdown3-content {
display: block;
}
.dropdown2:hover .dropdown3ar-content {
display: block;
}
.topnav .dropdown2-content a:hover {
color: white;
}
.topnav .dropdown2ar-content a:hover {
color: white;
}
.topnav .dropdown3-content a:hover {
color: white;
}
.topnav .dropdown3ar-content a:hover {
color: white;
}
.topnav2 {
overflow: hidden;
}
.topnav2 a {
float: left;
display: block;
color: white;
text-align: left;
margin-left: 10px;
text-decoration: none;
font-size: 15px;
font-family: 'Bitstream Vera Sans', arial !important;
}
.topnav2 a:hover {
 background-color: :#008b46;
color: white;
}
.topnav2 .icon {
display: none;
}
.topnav2 .dropdown {
float: left;
overflow: hidden;
}
.topnav2 .dropdown .dropbtn {
font-size: 15px;
border: none;
background-color: #faa832;
padding-top: 5px;
padding-bottom: 5px;
padding-right: 9px;
padding-left: 10px;
color: white;
border-radius: 5px;
}
.topnav2 .dropdown-content {
display: none;
position: fixed;
background-color: #faa832;
min-width: 160px;
z-index: 3;
border-radius: 5px;
}
/* Style the links inside the dropdown */
.topnav2 .dropdown-content a {
float: none;
color: white;
padding: 12px 14px 15px 12px;
text-decoration: none;
display: block;
margin: 0px;/*text-align: left !important;*/
}
/* Add a dark background on topnav links and the dropdown button on hover */


/* Add a grey background to dropdown links on hover */
.topnav2 .dropdown-content a:hover {
background-color: #ff771c;
color: white;
margin-left: inherit !important;
}
/* Show the dropdown menu when the user moves the mouse over the dropdown button */
.topnav2 .dropdown:hover .dropdown-content {
display: block;
}


/* When the screen is less than 600 pixels wide, hide all links, except for the first one ("Home"). Show the link that contains should open and close the topnav (.icon) */
@media screen and (max-width: 600px) {
.topnav2 a:not(:first-child) {
display: none;
}
.topnav2 a.icon {
float: right;
display: block;
}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (max-width: 600px) {
.topnav2.responsive {
position: relative;
}
.topnav2.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav2.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav2.responsive .dropdown {
float: none;
}
.topnav2.responsive .dropdown-content {
position: relative;
}
.topnav2.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.topnav2 a:not(:first-child) {
display: none;
}
.topnav2 a.icon {
float: right;
display: block;
}
}

/* The "responsive" class is added to the topnav with JavaScript when the user clicks on the icon. This class makes the topnav look good on small screens (display the links vertically instead of horizontally) */
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.topnav2.responsive {
position: relative;
}
.topnav2.responsive a.icon {
position: absolute;
right: 0;
top: 0;
}
.topnav2.responsive a {
float: none;
display: block;
text-align: left;
}
.topnav2.responsive .dropdown {
float: none;
}
.topnav2.responsive .dropdown-content {
position: relative;
}
.topnav2.responsive .dropdown .dropbtn {
display: block;
width: 100%;
text-align: left;
}
}
@media screen and (-webkit-min-device-pixel-ratio: 2) {
.tout {
top: 17% !important;
}
.container {
width: 94% !important;
}
.vert p {
padding-left: 10%;
}
.pistache {
font-size: 39px!important;
}
.tout2 {
font-size: 32px!important;
}
}
.tout {
position: absolute;
top: 18.5%;
width: 800;
left: 44%;
z-index: 2;
font-size: 200%;
line-height: 180%
}
.tout_ar {
position: absolute;
top: 32.5%;
width: 800;
left: 65%;
z-index: 2;
font-size: 200%;
}
.tout_ar span {
font-size: 140px !important;
margin-bottom: 20px;
}
.pistache {
color: #8ea13d;
font-size: 53px;
}
/*css présentation */

.bannerpre {
width: 100%;
z-index: 1;
}
.title {
z-index: 2;
position: absolute;
top: 30%;
width: 800;
font-weight: 700;
z-index: 2;
font-size: 35px;
color: white;
font-family: 'Open Sans', sans-serif;
}
.vertpist {
color: #00ae58;
font-weight: bold;
}
.paragraphe {
font-family: 'Open Sans', sans-serif;
font-size: 20px;
text-align: center;
line-height: 35px;
}
.para {
font-family: 'Open Sans', sans-serif;
font-size: 15px;
line-height: 25px;
padding-left: 0px;
text-align: justify;
}
.static-page .para {
padding-right: 20px;
}
.point li {
margin-left: 60px;
}
.bullet2 li {
list-style-type: none;
background-image: url(images/puce2.jpg);
background-repeat: no-repeat;
padding-left: 18px;
background-position: 0 0.32em;
}
.bullet7 li {
list-style-type: none;
background-image: url(images/puce7.jpg);
background-repeat: no-repeat;
padding-left: 18px;
background-position: 0 0.32em;
}
.bullet8 li {
list-style-type: none;
background-image: url(images/puce8.jpg);
background-repeat: no-repeat;
padding-left: 18px;
background-position: 0 0.32em;
}
.bullet6 li {
list-style-type: none;
background-image: url(images/puce6.jpg);
background-repeat: no-repeat;
padding-left: 18px;
background-position: 0 0.32em;
}
.bullet3 li {
list-style-type: none;
background-image: url(images/puce3.jpg);
background-repeat: no-repeat;
padding-left: 18px;
background-position: 0 0.32em;
}
.ver {
color: #00ae58;
}
.boutton {
background-color: white;
color: #ff771c;
border: solid 1px #ff771c;
border-radius: 2px;
}
.gris {
background-color: #f6f5f5;
margin-top: 70px;
padding-bottom: 70px;
}
.p {
text-align: right;
margin-top: 37px;
}
.margin {
margin-bottom : 30px;
}
.margin2 .col-md-8.para {
margin-bottom: 66px;
}
.tout2 {
position: absolute;
position: absolute;
top: 27.5%;
width: 800;
left: 8%;
z-index: 2;
color: white;
font-weight: 600;
font-size: 42px;
line-height: 70px;
}
.blocss {
float: right !important;
margin-right: 50px;/*margin-top: 125px;*/
}
.blocss h4 {
color: white;
padding: 10px;
font-family: 'Bitstream Vera Sans', arial !important;
font-size: 15px;
}
.blocss .vert {
background-color: #00ae58;
padding: 4px;
color: white;
width: 275px;
}
.blocss p {
width: 280px !important;
font-size: 13px;
text-align: justify;
}
.plus {
float: left;
margin-left: 227px;
margin-top: -20px;
font-size: 11px;
}
.orange {
color: #ff771c;
font-weight: bold;
}
.num1 {
list-style-type: none;
background-image: url(images/num1.jpg);
background-repeat: no-repeat;
background-position: 0 0.32em;
padding-left: 20px;
}
.num2 {
list-style-type: none;
background-image: url(images/num2.jpg);
background-repeat: no-repeat;
background-position: 0 0.32em;
padding-left: 20px;
}
.num3 {
list-style-type: none;
background-image: url(images/num3.jpg);
background-repeat: no-repeat;
background-position: 0 0.32em;
padding-left: 20px;
}
.num4 {
list-style-type: none;
background-image: url(images/num4.jpg);
background-repeat: no-repeat;
background-position: 0 0.32em;
padding-left: 20px;
}
.num5 {
list-style-type: none;
background-image: url(images/num5.jpg);
background-repeat: no-repeat;
background-position: 0 0.32em;
padding-left: 20px;
}
.num6 {
list-style-type: none;
background-image: url(images/num6.jpg);
background-repeat: no-repeat;
background-position: 0 0.32em;
padding-left: 20px;
}
.full {
width: 100%;
}
.valider {
color: white;
background-color: #00ae58;
}
.effacer {
color: white;
background-color: #faa832;
}
.table {
border: solid 1px white !important;

margin: auto;
width: 80%;
}
.table th {
text-align: center;
color: white;
background-color: #faa832;
}
.table tr {
background-color: #f4f4f4;
}
.table>tbody>tr>td, .table>tbody>tr>th, .table>tfoot>tr>td, .table>tfoot>tr>th, .table>thead>tr>td, .table>thead>tr>th {
padding: 15px !important;
border-top: 1px solid white !important;
}
.annu a {
font-weight: bold;
text-align: center;
}
.rechercher input {
border: solid 2px #faa832 !important;
padding: 7px;
padding-right: 338px;
border-radius: 4px;
}
.rechercher input::placeholder {
color:#faa832 !important;
}
input[type="radio"] {
-webkit-appearance: none;
-moz-appearance: none;
appearance: none;
border-radius: 50%;
width: 16px;
height: 16px;
border: 2px solid #faa832;
transition: 0.2s all linear;
outline: none;
margin-right: 5px;
position: relative;
top: 4px;
}
input:checked {
border: 6px solid #faa832;
}
select {
height: auto;
color: #faa832;
border-color: #faa832;
padding: 7px;
}
.topnav a.unique {     padding:  8px 10px 7px 10px!important;
}

@media (min-width :768px) and (max-width: 1024px) {
	.topnav a {
    
    padding: 19px 5px;
    
}
.topnav a.unique {     padding:  9px 10px 7px 10px!important;
}
	
	}
.dropdown, .dropup {
position: inherit !important;
}
.fa-facebook {
font-size: 20px !important;
color: #faa832 !important;
margin-left: 6px;
}
.fa-linkedin {
font-size: 20px !important;
color: #faa832 !important;
margin-left: 6px;
}
.active2 {
background-color: #ff771c !important;
}
@media screen and (max-width: 1024px) {
.title {
left: 300px !important;
}
}
@media screen and (min-width: 1025px) {
.title {
left: 37% !important;
}
}
 @media only screen and (min-width:2000px) {
.title {
left: 42% !important;
}
}
.black a {
color: black!important;
}
.gris2 {
background-color: #f6f5f5;
padding: 6px;
margin-top: -10px;
}
.footerbas {
padding-top: 10px;
}
.footer .container .col-md-3.col-sm-3 p {
margin-bottom: 20px;
}
.text {
height: 70px;
}
.container .row {
margin-top: 10px;
}
.img-responsive-partenaires {
height: 80px;
margin-bottom: 20px;
margin-right: 30px;
}
/*
sider presentation generale*/



.d-carousel ul li {
background: none;
background-color: #1f1f1f;
-webkit-box-shadow: 0px 1px 2px 0px #101010;
-moz-box-shadow: 0px 1px 2px 0px #101010;
box-shadow: 0px 1px 2px 0px #101010;
padding: 15px;
width: 175px;
}
.jcarousel-direction-rtl {
direction: rtl;
}
.d-carousel h4 {
margin: 5px 0 5px 0;
}
.d-carousel .jcarousel-container {
display: block;
overflow: hidden;
margin-bottom: 20px;
}
.d-carousel .jcarousel-item {
width: 190px;
height: 290px;
}
.d-carousel .jcarousel-container-horizontal {
width: 870px;
height: 325px;
padding: 0 45px;
}
.d-carousel .jcarousel-item-horizontal {
margin-left: 3px;
margin-bottom: 3px;
margin-top: 3px;
margin-right: 11px;
}
.d-carousel .jcarousel-next-horizontal {
position: absolute;
top: 149px;
right: 0;
margin-right: 3px;
width: 25px;
height: 25px;
cursor: pointer;
background: transparent url(/images/blog-arrows.jpg) no-repeat top right;
-webkit-box-shadow: 0px 1px 2px 0px #101010;
-moz-box-shadow: 0px 1px 2px 0px #101010;
box-shadow: 0px 1px 2px 0px #101010;
}
.d-carousel .jcarousel-direction-rtl .jcarousel-next-horizontal {
left: 5px;
right: auto;
background-image: url(/images/blog-arrows.jpg);
}
.d-carousel .jcarousel-next-horizontal:hover {
background-position: bottom right;
}
.d-carousel .jcarousel-prev-horizontal {
position: absolute;
top: 149px;
left: 0;
margin-left: 3px;
width: 25px;
height: 25px;
cursor: pointer;
background: transparent url(/images/blog-arrows.jpg) no-repeat top left;
-webkit-box-shadow: 0px 1px 2px 0px #101010;
-moz-box-shadow: 0px 1px 2px 0px #101010;
box-shadow: 0px 1px 2px 0px #101010;
}
.d-carousel .jcarousel-direction-rtl .jcarousel-prev-horizontal {
left: auto;
right: 5px;
background-image: url(/images/blog-arrows.jpg);
}
.d-carousel .jcarousel-prev-horizontal:hover {
background-position: bottom left;
}
/*
.rub {
	    position: relative;
    left: 164px;
	display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    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; 
	
	    color: white;
    background-color: #00ae58; float:left ;}
	
	.rub a {     color: white !important; }
	
	
	
	.rub1 {display: inline-block;
    padding: 6px 12px;
    margin-bottom: 0;
    font-size: 14px;
    font-weight: 400;
    line-height: 1.42857143;
    text-align: center;
    white-space: nowrap;
    vertical-align: middle;
    -ms-touch-action: manipulation;
    touch-action: manipulation;
    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; 
	position: relative;
    right: 6px;
	
	    color: white;
    background-color: #faa832; float:left ;}
	
	.rub1 a {     color: white !important; }
	*/
	
.lien {
background: none !important;
color: #00ae58 !important;
border: none !important;
margin-left: 19px;
}
.lien:hover {
background: none !important;
color: #faa832 !important;
border: none !important;
margin-left: 19px;
}
.pagination ul li a {
font-size: 12px;
color: #fff;
}
.select-categorie select{
border: solid 2px #faa832 !important;
padding: 7px;
width: 112%;
margin-left: 5px;
border-radius: 4px;
}

.select-categorie input[type=text] {
border: solid 2px #faa832 !important;
padding: 7px;
width: 112%;
margin-left: 5px;
border-radius: 4px;
}
.rub1 {
color: #999;
background: rgba(0, 0, 0, 0.5);
padding: 10px 20px;
font-size: 12px;
text-decoration: none;
letter-spacing: 2px;
text-transform: uppercase;
}
.rub1 :hover {
border: none;
background: rgba(0, 0, 0, 0.4);
background: #fff;
padding: 20px 20px;
#000;
color: #1b1b1b;
}
.rub {
color: #00ae58;
/*  background:rgba(0, 0, 0, 0.5);*/
padding: 10px 20px;
font-size: 12px;
text-decoration: none;
letter-spacing: 2px;
text-transform: uppercase;
border-bottom: 2px solid #00ae58;
}
.rub:hover {
border: none;
background: #00ae58;
color: #fff;
}
.rub:active {
border: none;
background: #00ae58;
color: #fff;
}
.onglet-active {
border: none;
background: #00ae58;
color: #fff;
}
.rechercher1 input {
border: solid 2px #faa832 !important;
border-radius: 4px;
position: relative;
left: 433px;
text-align: center;
width: 33%;
}
.top-nav {
margin-bottom: 10px;
background: #f7f7f7;
padding-bottom: 10px;
}
.image-full-width {
width: 100%
}
.topinfos a {
margin-left: 10px;
display: inline-block;
cursor:pointer
}
.topinfos a:nth-child(9) {
border-left: 2px solid #090;
color: #090;
padding-left: 10px;
font-weight: 700;
margin-top: 0px;
line-height: 15px;
font-size: 11px;
height: 15px;
}
.topinfos {
text-align: right;
}
.vert button {
background-color: white !important;
color: #00ae58 !important;
border: 2px solid #fff
}
 @media (max-width: 767px) {
.titre {
height: auto;
}
.topnav a {
font-size: 12px;
}
}
 @media (max-width: 1024px) {
.topnav a {
padding: 19px 5px;
font-size: 12px;
}
.cv-docteur .col-sm-6 {
min-height: 260px;
}
.menu1 input {
float: right;
}
}
.static-page li {
font-size: 100%;
list-style-type: none;
background-image: url(../images/puce-fr.png);
background-repeat: no-repeat;
margin-bottom: 10px;
background-position: top left;
padding-left: 20px;
margin-left: 0px;
}

.static-page li li{
 background:none; list-style-type:circle;
}


.btn-head, .btn-head-2 {
color: #00ae58;
font-weight: 600;
padding-right: 10px;/* height: 15px; */
}
.btn-head-2:hover, .btn-head:hover {
color: #faa832;
}
.btn-head-2 {
margin-right: 30px;
}
.trait-btn-head {
color: #00ae58;
}
.right-panel .img-responsive {
width: 100%;
}
.breadcrumbs {
border-bottom: 1px solid #f3f3f3;
padding-bottom: 5px;
margin: 0 auto;
max-width: 1200px;
font-size: 12px;
}
.breadcrumbs a {
color: #ccc;
}
.breadcrumbs a:last-child {
color: #ff7518;
}
.breadcrumbs a:first-child:before {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
content: "\f015";
padding-right: 5px
}
.topnav .fa {
padding-left: 2px; padding-right:10px;
}
.breadcrumbs a .lnk {
color: #d6d6d6;
padding: 0px 7px;
}
.btn-sbm {
background: #ff771c;
border: 0px;
color: #fff;
min-width: 90px;
height: 30px;
}
.lab {
display: inline-block
}
body {
background: #fff;
font-family: 'Open Sans', sans-serif;
color: #4e4e4e;
line-height: 22px;
overflow-x: hidden;
}
h1, h2, h3, h4, h5, h6 {
font-weight: 600;
font-family: 'Raleway', sans-serif;
color: #4e4e4e;
}
h1 {
/*font-size: 45px !important;*/
color: #ff7518 !important;
}
h2 {
font-size: 24px;
}
h3 {
font-size: 16px;
color: #787878;
font-weight: 700;
line-height: 24px;
}
h4 {
font-size: 16px;
}
a {
color: #ff7518;
-webkit-transition: color 300ms, background-color 300ms;
-moz-transition: color 300ms, background-color 300ms;
-o-transition: color 300ms, background-color 300ms;
transition: color 300ms, background-color 300ms;
font-family: 'Raleway', sans-serif;
text-decoration: none !important;
}
a:hover, a:focus {
color: #000;
}
hr {
border-top: 1px solid #e5e5e5;
border-bottom: 1px solid #fff;
}
.err {
color: #da1616dd;
font-size: 11px;
font-weight: bold;
}
.env {
color: #3c763d;
font-size: 11px;
font-weight: bold;
margin-top: -16px;
}
.ac {
background-color: #ff7518 !important;
color: #fff !important;
}
.acti {
background-color: #ff7518 !important;
color: #fff !important;
}
.btn-primary {
padding: 8px 20px;
background: #c52d2f;
color: #fff;
border-radius: 4px;
border: none;
margin-top: 10px;
font-family: 'Raleway', sans-serif;
}
.btn-primary:hover, .btn-primary:focus {
background: #c52d2f;
outline: none;
box-shadow: none;
}
.btn-transparent {
border: 3px solid #fff;
background: transparent;
color: #fff;
font-family: 'Raleway', sans-serif;
}
.btn-transparent:hover {
border-color: rgba(255, 255, 255, 0.5);
}
a:hover, a:focus {
color: #111;
text-decoration: none;
outline: none;
}
.dropdown-menu {
margin-top: -1px !important;
min-width: 180px !important;
background-color: transparent !important;
-webkit-box-shadow: none !important;
box-shadow: none;
background-clip: none;
}
.center h3 {
font-size: 28px;
margin: 20px auto !important;
text-align: left;
line-height: 36px;
color: #49a1b5;
font-weight: 600;
}
.center .text-color {
color: #ff7518;
}
.media>.pull-left {
margin-right: 20px;
}
.media>.pull-right {
margin-left: 20px;
}
body > section {
padding: 20px 0;
}
.scaleIn {
-webkit-animation-name: scaleIn;
animation-name: scaleIn;
}
.lead {
font-size: 16px;
line-height: 24px;
font-weight: 400;
}
.transparent-bg {
background-color: transparent !important;
margin-bottom: 0;
}
 @-webkit-keyframes scaleIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 transform: scale(1);
}
}
 @keyframes scaleIn {
 0% {
 opacity: 0;
 -webkit-transform: scale(0);
 -ms-transform: scale(0);
 transform: scale(0);
}
 100% {
 opacity: 1;
 -webkit-transform: scale(1);
 -ms-transform: scale(1);
 transform: scale(1);
}
}
/*************************
*******Header******
**************************/

#header .search {
display: inline-block;
}
.navbar>.container .navbar-brand {
margin-left: 0;
}
.top-bar {
padding: 10px 0;
background: #49a1b5;
line-height: 28px;
}
.top-number {
color: #fff;
}
.top-number p {
margin: 0
}
.top-number i {
padding-right: 15px;
}
.social {
text-align: right;
margin-top: 10px;
}
.social-share {
display: inline-block;
list-style: none;
padding: 0;
margin: 0;
}
ul.social-share li {
display: inline-block;
}
ul.social-share li a {
display: inline-block;
color: #fff;
background: #404040;
width: 25px;
height: 25px;
line-height: 25px;
text-align: center;
border-radius: 2px;
}
ul.social-share li a:hover {
background: #c52d2f;
color: #fff;
}
.search i {
color: #49a1b5;
background: #ffffff;
height: 28px;
width: 28px;
text-align: center;
border-radius: 5px;
vertical-align: top;
font-size: 18px;
padding-top: 4px;
}
input.search-form {
background: #fff;
border: 0 none;
width: 180px;
border-radius: 5px;
padding: 0 10px;
color: #FFF;
-webkit-transition: all 400ms;
-moz-transition: all 400ms;
-ms-transition: all 400ms;
-o-transition: all 400ms;
transition: all 400ms;
}
 input.search-form::-webkit-input-placeholder {
 color: transparent;
}
 input.search-form:hover::-webkit-input-placeholder {
 color: #fff;
}
input.search-form:hover {
width: 180px;
}
.navbar-brand {
padding: 0;
margin: 0;
}
.navbar {
border-radius: 0;
margin-bottom: 0;
background: #fff;
padding: 15px 0;
padding-bottom: 0;
font-family: 'Raleway', sans-serif;
font-weight: 600;
}
.navbar-nav {
margin-top: 12px;
}
.navbar-nav>li {
margin-left: 4px;
padding-bottom: 28px;
}
.navbar-inverse .navbar-nav > li > a {
padding: 5px 7px;
margin: 0;
border-radius: 3px;
color: #49a1b5;
line-height: 24px;
display: inline-block;
}
.navbar-inverse .navbar-nav > li > a:hover {
background-color: #ff7518 !important;
color: #fff !important;
}
.navbar-inverse {
border: none;
}
.navbar-inverse .navbar-brand {
font-size: 36px;
line-height: 50px;
color: #fff;
}
.navbar-inverse .navbar-nav > .active > a, .navbar-inverse .navbar-nav > .active > a:hover, .navbar-inverse .navbar-nav > .active > a:focus, .navbar-inverse .navbar-nav > .open > a, .navbar-inverse .navbar-nav > .open > a:hover, .navbar-inverse .navbar-nav > .open > a:focus {
background-color: #ff7518 !important;
color: #fff !important;
}
.navbar-inverse .navbar-nav .dropdown-menu {
border: 0;
padding: 0;
margin-top: -28px !important;
border-top: 0;
border-radius: 0;
left: 0;
}
.navbar-inverse .navbar-nav .dropdown-menu:before {
position: absolute;
top: 0;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:focus > a {
background-color: #49a1b5;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
background-color: #ff7518;
color: #fff;
margin: 3px 0px;
border-radius: 5px;
padding: 10px 5px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li > a {
color: #fff;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:hover > a, .navbar-inverse .navbar-nav .dropdown-menu > li:focus > a, .navbar-inverse .navbar-nav .dropdown-menu > li.active > a {
background-color: #49a1b5 !important;
color: #fff !important;
margin: 3px 0px !important;
border-radius: 5px;
padding: 10px 5px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li:last-child > a {
border-radius: 0 0 3px 3px;
}
.navbar-inverse .navbar-nav .dropdown-menu > li.divider {
background-color: transparent;
}
.navbar-inverse .navbar-collapse, .navbar-inverse .navbar-form {
border-top: 0;
padding-bottom: 0;
}
/*************************
*******Home Page******
**************************/
a.btn-slide.animation.animated-item-3 {
padding: 10px 25px;
font-size: 15px;
background: #fe7518;
color: #fff;
border-radius: 4px;
display: inline-block;
}
#main-slider {
position: relative;
}
.no-margin {
margin: 0;
padding: 0;
}
#main-slider .carousel .carousel-content {
margin-top: -500px;
}
.carousel-content ul li {
list-style-type: none;
font-size: 22px;
line-height: 40px;
color: #505050;
-webkit-padding-start: 0;
}
@media screen and (max-width: 768px) {
.carousel-content ul li {
font-size: 20px;
line-height: 28px;
}
}
.carousel-content ul {
-webkit-padding-start: 0;
margin-top: 25px;
}
.carousel-content .fa {
color: #ff7518;
padding-right: 20px;
}
.carousel-content .banniere {
margin-top: 25px;
font-size: 22px;
line-height: 36px;
color: #505050;
}
#main-slider .carousel .slide-margin {
/* margin-top: 140px; */
}
.carousel-content {
margin-top: -421px !important;
}
#main-slider .carousel h2 {
color: #fff;
}
#slider .carousel .btn-slide {
padding: 10px 25px;
font-size: 18px;
background: #fe7518;
color: #fff;
border-radius: 4px;
margin-top: 25px;
display: inline-block;
text-decoration: none !important;
}
#slider .carousel .btn-slide:hover {
background: #49a1b5;
}
#slider .carousel .slider-img {
text-align: right;
position: absolute;
}
#main-slider .carousel .item {
/* background-position: 50%; */
background-repeat: no-repeat;
width: 100%;  /* background-size: cover; */
left: 0 !important;
opacity: 0;
top: 0;
position: absolute;
width: 100%;
display: block !important;
height: 530px;
-webkit-transition: opacity ease-in-out 500ms;
-moz-transition: opacity ease-in-out 500ms;
-o-transition: opacity ease-in-out 500ms;
transition: opacity ease-in-out 500ms;
}
#main-slider .carousel .item:first-child, #resultat-slider .carousel .item:first-child {
top: auto;
position: relative;
}
#main-slider .carousel .item.active, #resultat-slider .carousel .item.active {
opacity: 1;
-webkit-transition: opacity ease-in-out 500ms;
-moz-transition: opacity ease-in-out 500ms;
-o-transition: opacity ease-in-out 500ms;
transition: opacity ease-in-out 500ms;
z-index: 1;
}
#main-slider .prev, #main-slider .next, #resultat-greffe .prev, #resultat-greffe .next {
position: absolute;
top: 50%;
background-color: transparent;
border: 1px solid #49a1b5;
color: #49a1b5;
display: inline-block;
margin-top: -25px;
height: 40px;
line-height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border-radius: 4px;
z-index: 5;
}
#resultat-slider .prev, #resultat-slider .next {
position: absolute;
top: 50%;
background-color: transparent;
/*border: 1px solid #49a1b5;*/
color: #fff;
display: inline-block;
margin-top: -25px;
height: 40px;
line-height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border-radius: 4px;
z-index: 5;
}
#centres-greffe .prev, #centres-greffe .next {
}
#main-slider .prev:hover, #main-slider .next:hover, #resultat-greffe .prev:hover, #resultat-greffe .next:hover {
background-color: transparent;
}
#main-slider .prev, #resultat-slider .prev {
left: 10px;
}
#centres-greffe .prev {
left: 10px;
}
#main-slider .next, #centres-greffe .next {
right: 10px;
}
#main-slider .prev, #centres-greffe .prev {
left: 10px;
}
#centres-greffe .next {
right: 10px;
}
#main-slider .carousel-indicators li, #slider .carousel-indicators li {
width: 15px;
height: 15px;
border: 1px solid #00ae58;
margin: 0 15px 0 0;
position: relative;
}
#main-slider .carousel-indicators li:after, #slider .carousel-indicators li:after {
position: absolute;
content: "";
width: 15px;
height: 15px;
border-radius: 100%;
/*background: rgba(0, 0, 0, 0);*/
  /*border: 1px solid #FFF;*/
left: -3px;
top: -3px;
}
#main-slider .carousel-indicators .active, #slider .carousel-indicators .active {
width: 15px;
height: 15px;
background-color: #00ae58;
margin: 0 15px 0 0;
/*border: 1px solid #ffffff;*/
position: relative;
}
#main-slider .carousel-indicators .active:after, #slider .carousel-indicators .active:after {
position: absolute;
content: "";
width: 15px;
height: 15px;
border-radius: 100%;
/*background: #00ae58;*/
left: -3px;
top: -3px;
}
#slider .active .animation.animated-item-1 {
-webkit-animation: fadeInUp 300ms linear 300ms both;
-moz-animation: fadeInUp 300ms linear 300ms both;
-o-animation: fadeInUp 300ms linear 300ms both;
-ms-animation: fadeInUp 300ms linear 300ms both;
animation: fadeInUp 300ms linear 300ms both;
}
#slider .active .animation.animated-item-2 {
-webkit-animation: fadeInUp 300ms linear 600ms both;
-moz-animation: fadeInUp 300ms linear 600ms both;
-o-animation: fadeInUp 300ms linear 600ms both;
-ms-animation: fadeInUp 300ms linear 600ms both;
animation: fadeInUp 300ms linear 600ms both;
}
#slider .active .animation.animated-item-3 {
-webkit-animation: fadeInUp 300ms linear 900ms both;
-moz-animation: fadeInUp 300ms linear 900ms both;
-o-animation: fadeInUp 300ms linear 900ms both;
-ms-animation: fadeInUp 300ms linear 900ms both;
animation: fadeInUp 300ms linear 900ms both;
}
#slider .active .animation.animated-item-4 {
-webkit-animation: fadeInUp 300ms linear 1200ms both;
-moz-animation: fadeInUp 300ms linear 1200ms both;
-o-animation: fadeInUp 300ms linear 1200ms both;
-ms-animation: fadeInUp 300ms linear 1200ms both;
animation: fadeInUp 300ms linear 1200ms both;
}
.animation.animated-item-1 {
-webkit-animation: fadeInUp 300ms linear 300ms both;
-moz-animation: fadeInUp 300ms linear 300ms both;
-o-animation: fadeInUp 300ms linear 300ms both;
-ms-animation: fadeInUp 300ms linear 300ms both;
animation: fadeInUp 300ms linear 300ms both;
}
.animation.animated-item-2 {
-webkit-animation: fadeInUp 300ms linear 600ms both;
-moz-animation: fadeInUp 300ms linear 600ms both;
-o-animation: fadeInUp 300ms linear 600ms both;
-ms-animation: fadeInUp 300ms linear 600ms both;
animation: fadeInUp 300ms linear 600ms both;
}
#feature {
padding-bottom: 40px;
}
.features {
padding: 0;
}
.feature-wrap {
margin-bottom: 35px;
overflow: hidden;
}
.feature-wrap h2 {
margin-top: 10px;
}
.feature-wrap .pull-left {
margin-right: 25px;
}
.feature-wrap i {
font-size: 48px;
height: 110px;
width: 110px;
margin: 3px;
border-radius: 100%;
line-height: 110px;
text-align: center;
background: #ffffff;
color: #c52d2f;
border: 3px solid #ffffff;
box-shadow: inset 0 0 0 5px #f2f2f2;
-webkit-box-shadow: inset 0 0 0 5px #f2f2f2;
-webkit-transition: 500ms;
-moz-transition: 500ms;
-o-transition: 500ms;
transition: 500ms;
float: left;
margin-right: 25px;
}
.feature-wrap i:hover {
background: #c52d2f;
color: #fff;
box-shadow: inset 0 0 0 5px #c52d2f;
-webkit-box-shadow: inset 0 0 0 5px #c52d2f;
border: 3px solid #c52d2f;
}
.skill h2 {
margin-bottom: 25px;
}
.accordion h2 {
margin-bottom: 25px;
}
.panel-default {
border-color: transparent;
}
.panel-default>.panel-heading, .panel {
background-color: #e6e6e6;
border: 0 none;
box-shadow: none;
}
.panel-default>.panel-heading+.panel-collapse .panel-body {
background: #fff;
color: #858586;
}
.panel-body {
padding: 20px 20px 10px;
}
.panel-group .panel+.panel {
margin-top: 0;
border-top: 1px solid #d9d9d9;
}
.panel-group .panel {
border-radius: 0;
}
.panel-heading {
border-radius: 0;
}
.panel-title>a {
color: #4e4e4e;
}
.accordion-inner img {
border-radius: 4px;
}
.accordion-inner h4 {
margin-top: 0;
}
.panel-heading.active {
background: #1f1f20;
}
.panel-heading.active .panel-title>a {
color: #fff;
}
a.accordion-toggle i {
width: 45px;
line-height: 44px;
font-size: 20px;
margin-top: -10px;
text-align: center;
margin-right: -15px;
background: #c9c9c9;
}
.panel-heading.active a.accordion-toggle i {
background: #c52d2f;
color: #fff;
}
.panel-heading.active a.accordion-toggle.collapsed i {
background: #c52d2f;
color: #fff;
}
.nav-tabs>li {
margin-bottom: 0px;
border-bottom: 1px solid #e6e6e6;
}
.nav-tabs {
border-bottom: transparent;
border-right: 1px solid #e6e6e6;
}
.nav-tabs>li>a {
background: #f5f5f5;
color: #666;
border-radius: 0;
border: 0 none;
line-height: 24px;
margin-right: 0;
padding: 13px 15px;
}
.nav-tabs li:last-child {
border-bottom: 0 none;
}
.nav-stacked>li+li {
margin-top: 0;
}
.nav-tabs>li>a:hover {
background: #1f1f20;
color: #fff;
}
.nav-tabs>li.active>a, .nav-tabs>li.active>a:hover, .nav-tabs>li.active>a:focus {
border: 0;
color: #fff;
background: #1f1f20;
position: relative;
}
.nav-tabs>li.active>a:after {
position: absolute;
content: "";
width: auto;
height: auto;
border-style: solid;
border-color: transparent transparent transparent #1f1f20;
border-width: 25px 22px;
right: -44px;
top: 0;
}
.tab-wrap {
border: 1px solid #e6e6e6;
margin-bottom: 20px;
}
.tab-content {
padding: 20px;
}
.tab-content h2 {
margin-top: 0;
}
.tab-content img {
border-radius: 4px;
}
.testimonial h2 {
margin-top: 0;
}
.testimonial-inner {
color: #858586;
font-size: 14px;
}
.testimonial-inner .pull-left {
border-right: 1px solid #e7e7e7;
padding-right: 15px;
position: relative;
}
.testimonial-inner .pull-left:after {
content: "";
position: absolute;
width: 9px;
height: 9px;
top: 50%;
margin-top: -5px;
background: #FFF;
-webkit-transform: rotate(45deg);
border: 1px solid #e7e7e7;
right: -5px;
border-left: 0 none;
border-bottom: 0 none;
}
#middle .btn-slide {
color: #fff;
background-color: #ff7518;
padding: 5px 20px;
border-radius: 5px;
text-align: center;
float: right;
font-size: 14px;
}
#middle h4 {
color: #ff7518;
}
#middle p {
text-align: justify;
line-height: 24px;
margin: 20px 0px;
}
.partners ul {
list-style: none;
margin: 0;
padding: 0;
}
.partners ul li {
display: inline-block;
float: left;
width: 20%;
}
#slide-info {
padding: 60px 0;
}
#slide-info {
color: #49a1b5;
text-align: center;
}
#slide-info .btn-slide-info {
color: #fff;
background-color: #ff7518;
padding: 8px 30px;
border-radius: 5px;
text-align: center;
font-size: 16px;
}
#slide-info .media-body {
overflow: inherit;
}
.contact-info {
color: #000;
overflow: initial;
}
/*************************
********* About Us Page CSS ******
**************************/

.about-us {
margin-top: 110px;
margin-bottom: -110px;
}
.about-us h2, .skill_text h2 {
color: #4e4e4e;
font-size: 30px;
font-weight: 600;
}
.about-us p {
color: #4e4e4e;
}
#carousel-slider, #centres-greffe, #resultat-greffe, #resultat, #slider {
position: relative;
}
 #carousel-slider .carousel-indicators, #centres-greffe .carousel-indicators, #resultat .carousel-indicators,, #slider .carousel-indicators {
 bottom: -25px;
}
#carousel-slider .carousel-indicators li, #centres-greffe .carousel-indicators li {
border: 1px solid #ff7518;
}
#carousel-slider a i {
border: 3px solid #dadada;
font-size: 25px;
font-weight: 600;
height: 40px;
padding: 4px;
position: absolute;
top: 35%;
width: 40px;
color: #dadada;
text-shadow: none;
}
#centres-greffe a i {
border: 3px solid #dadada;
font-size: 25px;
font-weight: 600;
height: 40px;
padding: 4px;
position: absolute;
top: 35%;
width: 40px;
color: #dadada;
text-shadow: none;
}
#centres-greffe .prev i {
left: 10px;
}
#centres-greffe .next i {
right: 10px;
}
#resultat .prev i {
left: 10px;
}
#resultat .next i {
right: 10px;
}
#slider .prev i {
left: 60px;
}
#slider .next i {
right: 60px;
}
#resultat a i {
/* border: 3px solid #dadada;*/
font-size: 15px;
font-weight: 600;
height: 40px;
padding: 4px;
position: absolute;
top: 50%;
color: #fff;
text-shadow: none;
}
#slider a i {
font-size: 36px;
position: absolute;
top: 50%;
background-color: transparent;
/*border: 1px solid #49a1b5;*/
color: #fff;
display: inline-block;
margin-top: -25px;
height: 40px;
line-height: 40px;
width: 40px;
line-height: 40px;
text-align: center;
border-radius: 4px;
z-index: 5;
}
#carousel-slider a i:hover, #centres-greffe a i:hover {
background: #dadada;
color: #fff;
}
#centres-greffe a i:hover {
color: #fff;
}
#resultat a i:hover {
color: #fff;
}
#carousel-slider .carousel-control, #centres-greffe .carousel-control, #resultat .carousel-control, #slider .carousel-control {
width: inherit;
}
#carousel-slider .carousel-control.left i, #centres-greffe .carousel-control.left i, #resultat .carousel-control.left i, #slider .carousel-control.left i {
left: -60px
}
#carousel-slider .carousel-control.right i, #centres-greffe .carousel-control.right i, #resultat .carousel-control.right i, #slider .carousel-control.right i {
right: -60px;
}
#carousel-slider .carousel-control.left, #carousel-slider .carousel-control.right, #centres-greffe .carousel-control.left, #centres-greffe .carousel-control.right, #resultat .carousel-control.left, #resultat .carousel-control.right, #slider .carousel-control.left, #slider .carousel-control.right {
background: none;
}
.skill_text {
display: block;
margin-bottom: 60px;
margin-top: 25px;
overflow: hidden;
}
.sinlge-skill {
background: #f2f2f2;
border-radius: 100%;
color: #FFFFFF;
font-size: 22px;
font-weight: bold;
height: 200px;
position: relative;
width: 200px;
text-transform: uppercase;
overflow: hidden;
margin: 30px 0;
}
.sinlge-skill p em {
color: #FFFFFF;
font-size: 38px;
}
.sinlge-skill p {
line-height: 1;
}
/*********************
****blog page css*****
**********************/

.widget {
margin-bottom: 60px;
padding-left: 0;
}
.single_comments {
margin-bottom: 20px;
}
#onglets {
display: none;
}
#onglets li {
position: relative;
float: left;
list-style: none;
padding: 2px 5px 7px;
margin-right: 5px;
/*border: 1px solid #1175AE;*/
cursor: pointer;
/*background-color: #EEEEEE;*/
color: #00ae58;
z-index: 1;
}
#onglets .actif {
border-bottom: none;
font-weight: bold;
z-index: 10;
}
#contenu {
clear: left;
position: relative;
margin: 0 20px;
margin-top: 80px;/*padding: 10px;
			border: 5px solid #0D5995;
			z-index: 5;
			top: -6px;
			background-color: #EEEEEE;
			color: #0F67A1;
			width: 500px;
			overflow: hidden;
			border-radius: 15px;*/
}
.single_comments img {
/*float: left;
  margin-right: 10px;
  margin-top: 5px;*/
width: 100%;
}
.single_comments p {
margin-bottom: 0;
}
.widget .entry-meta span {
display: inline-block;
margin-right: 10px;
}
aside .widget h3 {
color: #49a1b5;
margin-bottom: 0px;
font-weight: 600;
background: #f5f5f5;
padding: 10px 0px 10px 30px;
border-left: 4px solid #49a1b5;
}
.blog_category {
list-style: none;
margin: 0;
padding: 0;
}
.blog_category li {
float: none;
margin-bottom: 20px;
}
.blog_category li a {
background: #f5f5f5;
border-radius: 4px;
color: #888;
display: inline-block;
padding: 5px 15px;
}
.blog_category li a:hover {
background: #c52d2f;
color: #fff;
}
.badge:before {
border-color: transparent transparent transparent #c52d2f;
border-style: solid;
border-width: 10px;
bottom: -8px;
content: "";
height: 0;
left: 5px;
position: absolute;
z-index: -99999;
}
.badge {
background-color: #c52d2f;
border-radius: 5px;
color: #fff;
padding: 8px;
position: relative;
left: 60px;
top: -18px;
font-weight: normal;
}
.blog_archieve {
list-style: none outside none;
margin: 0;
padding: 0;
}
.blog_archieve li {
padding: 10px 0;
border-bottom: 1px solid #f5f5f5;
}
.blog_archieve li:first-child {
padding-top: 0;
}
ul.gallery {
list-style: none;
padding: 0;
margin: 0;
}
ul.gallery li {
display: block;
width: 60px;
padding: 0;
margin: 0 4px 4px 0;
float: left;
}
ul.faq {
list-style: none;
margin: 0;
}
ul.faq li {
margin-top: 30px;
}
ul.faq li:first-child {
margin-top: 0;
}
ul.faq li span.number {
display: block;
float: left;
width: 50px;
height: 50px;
line-height: 50px;
text-align: center;
background: #34495e;
color: #fff;
font-size: 24px;
}
ul.faq li > div {
margin-left: 70px;
}
ul.faq li > div h3 {
margin-top: 0;
}
.embed-container {
position: relative;
padding-bottom: 56.25%;
padding-top: 30px;
height: 0;
overflow: hidden;
}
.embed-container iframe, .embed-container object, .embed-container embed {
position: absolute;
top: 0;
left: 0;
width: 100%;
height: 100%;
}
.blog-item {
border-radius: 0;
overflow: hidden;
margin-bottom: 50px;
}
.blog .blog-item .img-blog {
border-radius: 5px;
margin-bottom: 45px;
}
.blog .blog-item .blog-content {
padding-bottom: 25px;
}
.blog .blog-item .blog-content h2 {
margin-top: 0;
font-size: 30px;
}
.readmore {
margin-top: 0;
}
.blog .blog-item .blog-content h3 {
color: #858586;
margin-bottom: 40px;
/* font-weight: 300 */}
.blog .blog-item .blog-content h4 {
font-size: 14px;
}
.post-tags {
}
.blog .blog-item .entry-meta {
border-radius: 5px;
overflow: hidden;
}
.blog .blog-item .entry-meta > span {
background: #f5f5f5;
border-top: 1px solid #fff;
display: block;
font-size: 12px;
overflow: hidden;
padding: 5px;
text-align: left;
}
#publish_date {
background: #c52d2f;
border-bottom: 5px solid #4e4e4e;
color: #fff;
padding: 5px 0;
text-align: center;
}
.blog .blog-item .entry-meta > span {
color: #ccc;
}
.blog .blog-item .entry-meta > span a {
font-size: 12px;
margin-left: 3px;
font-weight: 300;
color: #888;
}
ul.pagination > li {
    float: left;
    padding: 0;
    height: 40px;
    line-height: 39px;
    width: 40px;
    text-align: center;
    background: #f5f5f5;
    border-radius: 6px;
    margin-left: 5px;
}
ul.pagination > li > a {

font-size: 16px;
background: #00ae58;
display:block ;height: 40px;width: 40px; border-radius: 6px; border:none;
}
ul.pagination > li > a i {
margin-left: 5px;
margin-right: 5px;
}
ul.pagination > li.active > a, ul.pagination > li:hover > a {
background-color: #faa832!important;
border-color: #c52d2f !important;
color: #fff;
}
.search_box {
background-image: url(../images/search_icon.png);
background-position: 180px 8px;
background-repeat: no-repeat;
border: none;
color: #49a1b5;
width: 210px;
}
.search_box input[type=text] {
color: #49a1b5;
}
.form-control:focus {
box-shadow: none;
outline: 0 none;
}
ul.tag-cloud, ul.sidebar-gallery {
list-style: none;
padding: 0;
margin: 0;
}
.tag-cloud li {
display: inline-block;
margin-bottom: 3px;
}
.tag-cloud li a {
background: #f5f5f5;
color: #888;
border: 0;
border-radius: 4px;
padding: 8px 15px;
}
.tag-cloud li a:hover {
background: #c52d2f;
color: #fff;
}
.sidebar-gallery li {
display: inline-block;
margin: 0 10px 10px 0;
}
.sidebar-gallery li a {
border-radius: 4px;
display: inline-block;
}
/**********************
**blog single page css*
**********************/

.reply_section {
background: #f5f5f5;
border-radius: 5px;
}
.post_reply {
margin-left: 10px;
margin-top: 45px;
}
.post_reply img {
width: 85px;
height: 85px;
border: 5px solid #D5D8DD;
}
.post_reply ul {
list-style: none outside none;
margin: 0;
padding: 0;
margin-top: 5px;
}
.post_reply ul li {
float: left;
}
.post_reply ul li a {
display: block;
}
.post_reply ul li a i {
border: 1px solid #DDDDDD;
border-radius: 39px;
color: #FFFFFF;
font-size: 20px;
height: 30px;
margin-right: 3px;
padding-top: 7px;
text-align: center;
width: 30px;
}
.post_reply ul li a i.fa-facebook {
background: #0182C4;
}
.post_reply ul li a i.fa-twitter {
background: none repeat scroll 0 0 #3FC1FE;
}
.post_reply ul li a i.fa-google-plus {
background: none repeat scroll 0 0 #D34836;
}
.post_reply ul li a i:hover {
opacity: .5;
}
.post_reply_content {
margin: 30px;
}
.post_reply_content h1 a:hover {
color: #FFC800;
}
.post_reply_content h4 {
margin-bottom: 50px;
}
.reply_section .media-body {
display: inherit;
}
.comment_section .media-body {
display: inherit;
}
#comments_title {
color: #4e4e4e;
font-weight: 700px;
font-size: 20px;
margin-top: 60px;
margin-bottom: 40px;
}
.comment_section {
margin-top: 30px;
position: relative;
}
.post_comments img {
width: 85px;
height: 85px;
margin-top: 35px;
}
.post_reply_comments {
background: #f5f5f5;
border-radius: 4px;
padding: 30px;
}
.post_reply_comments:before {
border-color: transparent #F0F0F0 transparent transparent;
border-style: solid;
border-width: 15px;
content: " ";
height: 0;
left: 75px;
position: absolute;
top: 20px;
}
.post_reply_comments h3, .post_reply_content h3 {
margin-top: 0;
}
.post_reply_comments h1 a:hover {
color: #c52d2f;
}
.post_reply_comments h4 {
color: #c4c4c5;
font-weight: 400;
}
.post_reply_comments p {
padding-bottom: 30px;
}
.post_reply_comments a {
bottom: 15px;
position: absolute;
right: 30px;
background: #c52d2f;
color: #fff;
border-radius: 5px;
padding: 8px 20px;
}
.post_reply_comments a:before {
border-color: #c52d2f transparent transparent;
border-style: solid;
border-width: 16px;
bottom: -11px;
content: "";
height: 0;
left: -12px;
position: absolute;
z-index: 99999;
}
.post_reply_comments h2 a {
}
.message_heading {
margin-bottom: 50px;
margin-top: 60px;
}
/***********************
********* Footer ******
************************/
#bottom {
background: #4295a7;
font-size: 14px;
padding: 25px 0px 45px 0px;
}
#bottom h3 {
margin-top: 20px;
margin-bottom: 10px;
text-transform: capitalize;
font-size: 22px;
color: #fff;
}
#bottom ul {
list-style: none;
padding: 0;
margin: 0;
}
#bottom ul li {
display: block;
padding: 5px 0;
letter-spacing: 0.6px;
}
#bottom ul li a {
color: #fff;
}
#bottom ul li a:hover {
color: #fb9855;
}
#bottom .widget {
margin-bottom: 0;
}
#bottom .widget p {
color: #fff;
}
#bottom .widget li {
color: #fff;
}
#bottom .widget li .fa {
color: #fb9855;
padding-right: 10px;
font-size: 18px;
}
#footer {
padding-top: 15px;
padding-bottom: 15px;
color: #fff;
background: #357786;
}
#footer a {
color: #fff;
}
#footer a:hover {
color: #c52d2f;
}
#footer ul {
list-style: none;
padding: 0;
margin: 0;
}
#footer ul > li {
display: inline-block;
margin-left: 15px;
}
table {
border-collapse: collapse;
margin-bottom: 50px;     border: 2px solid #696969;
}
td, th {
border: 1px solid #333;
padding: 8px;
}
th {
color: #ff7518;
text-align: center;
}
tbody {

}
.titre {
margin-bottom: 30px;
}
.titre hr {
width: 30px;
height: 2px;
background: #fb9855;
border: none;
margin: 10px 0px;
}
#middle .article h4 {
color: #027196;
line-height: 24px;
margin: 0px;
}
#middle .article p {
text-align: justify;
line-height: 22px;
}
#middle .article .btn-slide {
color: #fff;
background-color: #ff7518;
padding: 5px 20px;
border-radius: 5px;
text-align: center;
font-size: 14px;
float: none;
}
.article .col-sm-6 {
margin-bottom: 50px;
}
#pub {
margin-bottom: 30px;
}
#pub .col-sm-6 {
margin-bottom: 20px;
}
.carousel-inner .col-md-4 {
margin-bottom: 40px;
}
#carousel-slider-1 {
position: relative;
}
#carousel-slider-1 img {
height: 183px;
width: 265px;
}
#carousel-slider-1 .carousel-indicators {
bottom: -25px;
}
#carousel-slider-1 .carousel-indicators li {
border: 1px solid #ffbd20;
}
#carousel-slider-1 a i {
border: 3px solid #dadada;
font-size: 25px;
font-weight: 600;
height: 40px;
padding: 4px;
position: absolute;
top: 35%;
width: 40px;
color: #dadada;
text-shadow: none;
}
#carousel-slider-1 a i:hover {
background: #dadada;
color: #fff;
}
#carousel-slider-1 .carousel-control {
width: inherit;
}
#carousel-slider-1 .carousel-control.left i {
left: -60px
}
#carousel-slider-1 .carousel-control.right i {
right: -60px;
}
#carousel-slider-1.carousel-control.left, #carousel-slider-1.carousel-control.right, #resultat-slider.carousel-control.left, #resultat-slider.carousel-control.right {
background: none;
}
form .champ input, textarea {
width: 100%;
border: 1px solid #ccc;
border-radius: 5px;
background: #f9f9f9;
height: 40px;
margin: 8px 0px;
padding: 0px 10px;
}
form .champ textarea {
height: 80px;
}
form .champ input[type="submit"] {
width: 20%;
text-align: center;
background: #00ae58;
color: #fff;
margin: 5px 15px;
}
form .ch-file input[type="file"] {
width: 100%;
border: 0px !important;
padding: 0px 0px;
margin: 10px 0px 0px 0px;
}
.vider {
width: 20% !important;
background: #ff771c !important;
color: #fff;
margin: 5px 15px !important;
}
.cnx {
margin-top: 25px;
}
.list-nos-coordonnees {
-webkit-padding-start: 0px
}
.resultat #carousel-slider .carousel-indicators li, .resultat #resultat .carousel-indicators li {
border: 1px solid #48a2b5;
background: #eeeee8;
}
.resultat #carousel-slider .carousel-indicators, .resultat #resultat .carousel-indicators {
top: 220px;
}
.btn-savoir-plus {
padding: 10px 25px;
font-size: 14px;
background: #fe7518;
color: #fff;
border-radius: 4px;
top: 25px;
}
.temoignage {
margin-bottom: 80px;
}
.temoignage h4 {
color: #ff7518;
}
.resultat .carousel-inner {
margin-bottom: 75px;
}
.navbar-inverse .navbar-toggle .icon-bar {
background-color: #49a1b5;
}
.navbar-inverse .navbar-toggle {
border-color: #49a1b5;
}
.top-bar .time i {
color: #fa9755;
font-size: 20px;
vertical-align: middle;
}
.top-bar .top-number .heure {
padding-left: 43px;
}
.bloc {
background: #ecf6f7;
padding: 15px;
height: 520px;
border-radius: 5px;
}
@media screen and (max-width: 768px) {
.panel-resultat {
height: 700px;
text-align: center;
}
}
@media screen and (max-width: 768px) {
.resultat #carousel-slider .carousel-indicators {
top: 450px;
}
}
.interne {
background: url(../images/bannerpresentation.jpg)no-repeat;
-webkit-background-size: cover;
background-size: cover;
text-align: center;
background-position: center center;
height: 330px !important;
}
.interne h1 {
color: #fff !important;
padding: 25px 0px 50px 0px;
font-size: 45px !important;
}
.interne .btn-slide {
background: #ff7518;
padding: 10px 20px;
font-size: 24px;
color: #fff;
border-radius: 5px;
text-decoration: none;
}
.categories .single_comments {
height: 100px;
}
.categories .single_comments p {
padding: 29px;
}
@media screen and (max-width: 768px) {
.categories .single_comments p {
padding: 5px;
}
}
.categories .single_comments a {
color: #979696;
font-family: 'Roboto', sans-serif;
}
.categories p {
color: #979696;
font-family: 'Roboto', sans-serif;
}
.blog_gallery #main-slider {
height: 230px;
}
.blog_gallery #main-slider .next, #resultat-greffe .next {
position: absolute;
top: 50%;
background-color: transparent;
color: #ffffff;
border: none;
display: inline-block;
line-height: 40px;
line-height: 40px;
text-align: center;
z-index: 5;
}
.blog_gallery #main-slider .prev, #resultat-greffe .prev {
position: absolute;
top: 50%;
background-color: transparent;
color: #ffffff;
border: none;
display: inline-block;
line-height: 40px;
line-height: 40px;
text-align: center;
z-index: 5;
}
#resultat-slider .prev, #resultat-slider .next {
position: absolute;
top: 40%;
background-color: transparent;
color: #ffffff;
border: none;
display: inline-block;
line-height: 40px;
line-height: 40px;
text-align: center;
z-index: 5;
}
.color {
color: #ff7518;
}
.a-propos {
margin-bottom: 70px;
}
.a-propos p {
padding: 10px 0px;
}
.a-propos h4 {
color: #ff7518;
text-align: left;
padding: 7px 20px;
font-size: 15px;
}
.a-propos .voir-cv {
color: #fff;
background-color: #ff7518;
padding: 4px 7px;
border-radius: 5px;
text-align: center;
float: right;
font-size: 13px;
margin: 10px 19px 25px 0px;
}
@media screen and (max-width: 768px) {
.a-propos h4 {
padding: 7px 0px;
}
}
@media screen and (max-width: 768px) {
.a-propos .voir-cv {
margin: 10px 0px 25px 0px;
}
}
.a-propos .btn-slide {
color: #fff;
background-color: #ff7518;
padding: 10px 20px;
border-radius: 5px;
text-align: center;
font-size: 16px;
}
@media screen and (max-width: 768px) {
.categories .article-temoignage {
width: 100%;
}
}
.categories .article-temoignage {
}
.archieve span {
font-weight: 400;
font-style: italic;
font-size: 14px;
}
.part-text {
background: #fefefe;
padding: 10px 0px 20px 30px;
border-left: 4px solid #49a1b5;
margin: 20px 0px;
}
.part-text li {
list-style-type: none;
-webkit-padding-start: 0;
}
.part-text ul {
-webkit-padding-start: 0;
}
.part-text i {
color: #ff7518;
float: left;
padding-right: 20px;
}
.part-text h3 {
color: #77a6b0;
font-size: 24px;
}
#carousel-slider1 .left, #carousel-slider1 .right, #carousel-centre .left, #carousel-centre .right {
border: 3px solid #dadada;
font-size: 25px;
font-weight: 600;
background: #fff;
height: 30px;
position: absolute;
top: 40%;
width: 30px;
color: #dadada;
text-shadow: none;
}
.centre-greffe #about-slide {
text-align: center;
}
.centre-greffe .item .col-md-6 {
margin-bottom: 15px;
}
#carousel-slider1 .item, #carousel-centre .item {
padding: 0px 25px;
}
#carousel-slider2 .left, #carousel-centre .right {
border: 3px solid #dadada;
font-size: 25px;
background: #fff;
font-weight: 600;
height: 30px;
position: absolute;
top: 40%;
width: 30px;
color: #dadada;
text-shadow: none;
}
#carousel-slider2 .item {
padding: 0px 25px;
}
.titre-header {
font-weight: 400;
font-size: 28px;
}
.titre-x {
margin: 30px 0px 20px 0px;
}
.titre-x h2 {
text-align: left;
color: #77a6b0;
font-size: 24px;
}
.titre-x hr {
width: 40px;
height: 4px;
background: #fb9855;
border: none;
margin: 10px 0px;
border-radius: 10px;
}
.part-paragraphe ul {
-webkit-padding-start: 0;
}
.part-paragraphe li {
list-style-type: none;
line-height: 24px;
text-align: justify;
}
.part-paragraphe i {
color: #ff7518;
padding-right: 10px;
}
.part-paragraphe p {
line-height: 24px;
text-align: justify;
}
.part-paragraphe .duree {
font-family: 'Roboto', sans-serif;
color: #ff7518;
}
.btn-greffe {
color: #4295a7;
padding: 5px 10px;
border: 1px solid #ff7518;
border-radius: 5px;
float: right;
margin: 10px 0px 0px 10px;
}
.btn-suite {
color: #fff;
padding: 5px 10px;
border: 1px solid #fff;
border-radius: 5px;
float: left;
margin: 10px 0px 0px 0px;
}
.btn-greffe:hover {
color: #fff;
background: #ff7518;
}
.avant-greffe {
margin-bottom: 130px;
}
.images-hotel {
margin: 10px 0px 25px 0px;
}
.images-hotel .col-md-4 {
padding: 0px 3px;
}
.navbar-inverse .navbar-toggle:hover, .navbar-inverse .navbar-toggle:focus {
background-color: #fff;
}
.contact li {
list-style-type: none;
}
.contact i {
color: #00ae58;
font-size: 21px;
padding-right: 20px;
line-height: 40px;
width: 40px;
}
.contact form {
margin-bottom: 70px;
}
.cv-specialiste h2 {
color: #77a8ad;
margin: 10px 0px;
}
.cv-specialiste span {
font-family: 'Roboto', sans-serif;
padding-left: 10px;
}
.cv-specialiste .part-text {
background: #fefefe;
padding: 5px 15px;
border-left: 4px solid #49a1b5;
margin: 0px 0px 25px 0px;
}
.cv-specialiste .col-md-3 {
margin: 0;
padding: 0px;
}
div.gallery {
margin: 5px;
border: 1px solid #49a1b5;
float: left;
border-radius: 3px;
}
div.gallery:hover {
border: 1px solid #49a1b5;
}
div.gallery img {
width: 100%;
height: auto;
}
div.desc {
padding: 10px 15px;
text-align: center;
background: #49a1b5;
color: #fff;
}
div.esc {
padding: 10px 15px;
text-align: center;
background-color: rgba(0, 0, 0, 0.76);
background: rgba(0, 0, 0, 0.81);
color: #fff;
}
.resultat .col-md-6 {
margin: 20px 0px 10px 0px;
padding: 0px;
}
.formulaire-devis .col-md-12 {
margin-left: 0px;
padding-left: 0px;
}
.formulaire-devis .form-champ {
width: 100%;
border-radius: 5px;
height: 45px;
border: 1px solid #ebebeb;
background: #f9f9f9;
padding: 0px 15px;
margin: 10px 0px;
vertical-align: top;
}
.formulaire-devis .col-md-6 {
padding: 0px 5px 0px 0px;
margin: 0px;
}
.formulaire-devis .col-md-4 {
padding: 0px 5px 0px 0px;
margin: 0px;
}
.formulaire-devis .col-md-6 p {
padding: 0px;
margin: 15px 0px 0px 0px;
}
.formulaire-devis select, input {
color: #908f8f;
}
.formulaire-devis input[type=file] {
margin: 10px 0px;
}
.formulaire-devis input[type=submit] {
text-align: center;
width: 200px;
background: #fe7418;
height: 40px;
border: none;
border-radius: 5px;
color: #fff;
font-size: 16px;
margin: 100px 0px 15px 0px;
}
@media screen and (max-width: 768px) {
.formulaire-devis input[type=submit] {
margin: 30px 0px 0px 0px;
}
}
.formulaire-devis .col-md-6 .panel-radio {
margin: 2px 0px 15px 0px;
}
.g-recaptcha-response {
width: 250px;
height: 40px;
border: 1px solid #c1c1c1;
margin: 10px 25px;
padding: 0px;
resize: none;
display: none;
}
.text {
text-align: center;
width: 304px;
height: 78px;
}
.carousel-indicators .active {
width: 12px;
height: 12px;
margin: 0;
background-color: #ff7518;
}
.carousel-indicators li {
border: 1px solid #ff7518;
}
/* section{ */
	/* margin-bottom:80px; */
/* } */
#bottom {
margin-bottom: 0px;
}
.cv-docteur a {
margin-bottom: 10px;
}
.cv-docteur .col-sm-6 {
min-height: 230px;
}
@media screen and (max-width: 768px) {
.navbar-inverse .navbar-nav .dropdown-menu {
margin-top: 0px;
}
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>.active>a, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:hover, .navbar-inverse .navbar-nav .open .dropdown-menu>.active>a:focus {
color: #fff;
background-color: #49a1b5;
}
}
@media (max-width: 767px) {
.navbar-inverse .navbar-nav .open .dropdown-menu>li>a {
color: #fff;
}
}
@media (max-width: 767px) {
.top-bar .top-number .heure {
padding-left: 0px;
}
}
@media (max-width: 767px) {
.search_box {
background-position: 315px 8px;
width: 345px;
}
}
.lab {
display: inline-block;
margin-bottom: 5px;
}
.result_btn {
background-color: #00ae58;
/* font-size: 17px; */
border: 0px;
color: #fff;
min-width: 90px;
height: 30px;
padding: 7px 15px;
vertical-align: middle;
border-radius: 5px;
}
.stats {
border: 5px solid #00ae58;
padding: 20px;
}
.photo {
padding: 5px;
border: 2px solid #00ae58
}
.seminaire_block {
border-bottom: 1px solid #ccc;
padding-bottom: 20px;
margin-bottom: 20px;
}
h2.titrepage {
font-size: 20px;
color: #ff771c;
margin-top: 0;
}
.homebox-shortdesc {
max-width: 280px
}
 @media (max-width: 767px) {
#fontSize {
display: none
}
}
.slide-img img {
width: 350px;
height: auto;
}
.slide-img {
margin-left: -15px;
}
.title-green {
color: #00ae58;
margin: 5% 0%;
}
.sous-titre-1 {
font-size: 18px;
background-color: #00ae58;
color: white;
padding: 5px 254px;
margin: 5% 0%;
}
.sous-titre-2 {
color: #ff771c;
font-size: 18px;
font-weight: 600;
background-image: url(../images/valid-orange.png);
background-repeat: no-repeat;
background-position: bottom left;
padding-left: 27px;
margin: 5% 0%;
}
.sous-titre-3 {
font-size: 16px;
color: #00ae58;
margin: 5% 0;
}
.puce-orange li {
list-style-type: none;
background-image: url(images/puce7.jpg);
background-repeat: no-repeat;
padding-left: 30px;
background-position: 0 0.32em;
font-weight: 600;
margin: 10px 0;
}
.puce-clear {
clear: both;
}
.topnav .dropdown3-content {
display: none;
position: absolute;
background-color: #00ae58;
color: white;
min-width: 356px;
z-index: 3;
margin-top: -46px;
margin-left: 97%;
}
.titre_vert {
text-align: justify;
color: #01ad59;
font-weight: 700;
font-size: 18px;
margin-bottom: 30px;
}
.resultat {
display: block;
background: #f9fffd;
padding: 5px 20px;
margin-bottom: 30px;
}
.panel-title {
cursor: pointer;
}
h4.titre4 {
display: block;
padding: 5px 20px;
border-left: 6px solid #01ad59;
margin-bottom: 30px;
}
.liste-border {
border-left: 1px solid #dedede;
}
.panel-heading .panel-title>a:after {
display: inline-block;
font: normal normal normal 14px/1 FontAwesome;
content: "\f0d7";
float: right
}
.panel-heading.active .panel-title>a:after {
content: "\f0da";
}
.page-interne h3 {
    color: #fa761c;
    border-left: 4px solid #fa761c;
    padding-left: 20px;    margin-bottom: 30px;} 
	
	
	.page-interne h4 {

    margin-left: 20px;
    padding-left: 20px;
    border-left: 4px solid #4e4e4e;
    margin-bottom: 20px;
}

.th-tableau { background:#3ca934;font-weight:700;     color: #333;}

span.download {font-size: 14px;font-size: 14px;    border: 1px solid #00ae58;    border-radius: 5px;    padding: 7px;}

.listesociete { line-height:40px; list-style:none;}

.title_label{
    color: #d55500;
    line-height: 115%;
    font-family: Calibri,sans-serif;
    background: #f7f7f7;
    font-size: 13px;
    font-weight: 700;
}

@media (max-width: 767px) {
	
	
	.simple-marquee-container {
    width: 100%!important;
    background: #f7f7f7;
    float: none;
    display: inline-block;
    overflow: hidden;
    box-sizing: border-box;
    height: 35px;
    position: relative;
    cursor: pointer;
    margin-bottom: 10px;
    padding: 0px;
}
.simple-marquee-container .marquee {
    margin-left: 0;
}

.topnav {
  
    width: 100%;
}

.topinfos a {
    margin-left: 0px;
    display: inline-block;
}
#middle .img-responsive { width:100%}
}

.dropdown2{
    min-width: 255px;
}
#imprimer { max-width:100%; margin: 0 auto}
#imprimer  a.more{display:none}

.widget  .vert {
    
	box-shadow: inset 0 0 0 1000px #00ae58;
	border:1px solid #00ae58;
}
 .print{ display:none}
 .static-page{
    max-width: 1200px;
    margin: 0 auto;
    float: none;
}
@media print {
	 .print{ display:block}
	 .print img{ width:33%; float:left}
	*{ color-adjust: exact!important;  -webkit-print-color-adjust: exact!important; print-color-adjust: exact!important; }
	body {
  -webkit-print-color-adjust: exact !important;  overflow:visible !important;
}
    @page {
        /* To give the user the possibility to choise between landscape and portrait printing format */
        size: auto;
        /* setting custom margin, so the date and the url can be displayed */
        margin: 40px 10px 35px;
		 -webkit-print-color-adjust: exact !important;
    }
    .col-md-3 {
    width: 25%; float:left;text-align:left;
    }
	
	 .col-sm-3 {
    width: 25%; float:left;text-align:left;
    }
	.col-lg-9 ,.col-md-9 { width:75%}
	.col-lg-3 ,.col-md-3 { width:25%}
    .col-sm-12 ,  .col-md-12 {
    width: 100%; clear:both;
    }
    .col-sm-4 {
    width: 33%;  float:left; text-align:left;
    }
	.col-md-4 {
    width: 33%;  float:left; text-align:left;
    }
	 .col-sm-6 {
    width: 50%;  float:left;text-align:left;
    }
	 .col-sm-8 {
    width: 66%;  float:left;text-align:left;
    }
	
	.col-md-6  {width: 50%;  float:left;text-align:left;}
	 .col-md-8 {
    width: 66%;  float:left;text-align:left;
    }
	
    a[href]:after {
      content: none !important; 
     }
	 
	 #wrapper {
		 overflow-x: hidden;
    max-width: 1200px;
	}
	a.more { display:none;}
	
	.vert {
    background-color: #00ae58;
    padding: 8px;
    color: white;
    font-size: 17px;
	box-shadow: inset 0 0 0 1000px #00ae58;
}
.static-page a{color:#ff7518!important}
.ver, .ver b {
    color: #00ae58!important;
}
.orange     {color: #ff771c!important;}
marquee{
    display: none!important;
	-moz-binding: none!important; 
	
}
blink {
    text-decoration: none!important;
}
.static-page ul, .static-page li { list-style-type:disc}
.titre {

    clear: both;
}
h2 { clear:both; width:100%; text-align:left;}
.collapse {
    display: block!important;
    height: auto!important;
}




}