* {font-family: 'Open Sans', sans-serif;}
.marge-top{margin-top:50px;}
.marge-vertical{margin:50px 0px;}
.border-right{border-right:1px solid #666666;}
.top-bar {background: #eff2f5; color:#8699a3; padding: 10px 0px; text-align:right; font-weight:400; font-size:13px;}
.header {padding: 50px 0px 0px; }
.header .header-top{margin-bottom:50px;}
.header .media-body {line-height:14px; border-right:1px solid #e6e6e6;}
.header .media-heading{color:#1a171b;}
.header .media-heading:hover{color:#0065b5; text-decoration:none;}
/*--NAV---*/
#nav-principale.navbar-collapse{padding-left: 0; padding-right: 0;}
.navbar {border-radius: 4px 4px 0px 0px; margin-bottom:0;}
.navbar-default{background-color: #0065b5; border: none;}
.navbar-default .navbar-nav li .alink-norm{color: #fff;}
.navbar-right{margin-right: 0;}
.navbar-default .navbar-nav > .picto-nav > a, .navbar-default .navbar-nav > .picto-nav > a:hover, .navbar-default .navbar-nav > .picto-nav > a:focus {padding:10px 15px;}
.navbar-default .navbar-nav > .active > a, .navbar-default .navbar-nav > .active > a:hover, .navbar-default .navbar-nav > .active > a:focus {color: #fff; background-color: #e86417;}
.navbar-default .navbar-nav > .open > a, .navbar-default .navbar-nav > .open > a:hover, .navbar-default .navbar-nav > .open > a:focus {background-color: #f47738; color: #fff;}
.navbar-default .navbar-nav > li > a:hover, .navbar-default .navbar-nav > li > a:focus {color: #fff; background-color: #f47738;}
.dropdown-menu li a{color: #0065b5;}
.picto-nav.active > a{border-radius: 4px 0 0 0;}
/*--SLider---*/
#slider-accueil span.titre,#slider-accueil span.text{  position: absolute;  left: 15%;  color: #FFF;  font-size: 40px;  text-transform: uppercase;  }
#slider-accueil span.titre span,#slider-accueil span.text span{  color: #f47738;  }
#slider-accueil span.titre{  font-weight: 600;  top:50px;  }
#slider-accueil span.text{font-weight: 400; top:100px; }
/*--Contenu ALL Pages---*/
.contenu-all-page .article h2{color: #0065b5; font-size: 20px; font-weight: 200;}
.contenu-all-page .article{margin-bottom: 50px;}
.content-ariane{background: url("../images/bg-ariane.jpg"); padding: 40px;}
.content-ariane h3{font-weight: 700;}
.content-ariane p{margin-top: 20px; margin-bottom: 10px;}
.content-page{margin:80px 0px;}
.nav-vertical-opqibi li a{color:#55565b; padding:8px 15px;}
.sousnav-vertical{left:100%; top:0;}
.caret2 {color:#ccc; display: inline-block; width: 0; height: 0; margin-left: 2px; vertical-align: middle;border-left: 4px dashed; border-left: 4px solid; border-top: 4px solid transparent; border-bottom: 4px solid transparent; }
.filedTitle{border-bottom:1px solid #e6e6e6; position:relative; margin-bottom:50px;}
.filedTitle h1{display: inline-block; padding-bottom:10px; margin:0; border-bottom:3px solid #e86417; font-weight:300;}
.h3titre{border-bottom:1px solid #666666; position:relative; margin-bottom:20px;}
.h3titre h3{width:auto; display:-moz-box; padding-bottom:10px; margin:0; border-bottom:3px solid #e86417; }
/*--Contenu HOME---*/
.bloc-vert { background:#70ac22; min-height:340px; color:#FFF; padding:50px; border-radius:4px 0 0 4px; position: relative;}
.bloc-vert .arrow { width:0; height:0; border:170px solid transparent; border-right:none; border-left:25px solid #70ac22; position:absolute; z-index:10; right:-25px; top:0px;}
.bloc-bleu{background-color: #0065b5; border-radius:0px 4px 4px 0px; padding:50px; float:right; min-height:340px;}
.bloc-vert , .bloc-bleu{text-align:center; color:#fff;}
.bloc-vert h2 , .bloc-bleu h2{font-weight:600; font-size:30px;}
.bloc-vert p , .bloc-bleu p {font-size:18px; font-weight:300;}
.bloc-vert a , .bloc-bleu a {color:#fff;}
.cont-gris{background:#d4d9dd; padding:50px 0px;}
.form-rech span{font-weight:300; font-size:16px; border:0}
.form-rech select{border-color: #0065b5; width:100%; display:inline; border-radius: 4px 0 0 4px; -webkit-appearance: none;}
.form-rech button.submiter,.form-inline.form-rech-col button.submiter{border-radius: 0 4px 4px 0;}

.form-inline.form-rech-col select.form-control  {width: 80%; border-radius: 4px 0 0 4px; -webkit-appearance: none;}
.cont-gris-col{background:#d4d9dd; padding: 20px; margin-bottom: 15px;}


.cont-gris-clair{background:#eff2f5; padding:50px 0px;}
.thumbnail{padding:0; min-height:120px;}
.bg-bleu{width:100%; height:auto; background: url('../images/bg-bleu.jpg')no-repeat top left;}
.bt-orange{background:#e86417; border:none; padding:17px 50px; color:#fff;}
.cont-align-center{padding: 70px 0px; color:#fff;}
.cont-align-center h2{margin-top:0px; font-size:25px; font-weight:400;}
.cont-align-center p{margin:0px;}
.txt-gris {color:#808080;}
h3{font-size:17px; font-weight:300; color:#1a171b;}
p{font-size:14px; font-weight:300;}
/*--FOOTER---*/
.bg-gris-fonce{background:#303030;}
.footer h3{color:#999999;}
.nav-foot{padding:0;}
.nav-foot a{color:#797a82; font-size:11px; font-weight:600;}
.nav-foot .sounav-foot{margin-left:10px; font-weight:300;}
.contact-foot{color:#797a82; font-weight:600;}


#fiche-annuaire{width:550px;border:1px solid #aaa;margin:10px auto 20px auto;box-shadow:0 0 10px #888;-moz-box-shadow:0 0 10px #888;-webkit-box-shadow:0 0 10px #888;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px}
#fiche-annuaire p{padding:10px}
#fiche-annuaire h2{border:none;color:#900;font-size:16px;padding:10px 0}
#fiche-annuaire h2 span{display:block;float:left;margin:5px 5px 0 10px;overflow:hidden;text-indent:-99px;width:12px;height:12px;background-color:#900}
.fiche-titre{font-family:Arial,Helvetica,"Liberation Sans",FreeSans,sans-serif;background-color:#ccd;padding:2px 10px;color:#039;font-size:14px;font-weight:bold;margin-top:10px}
#logos{float:right;overflow:hidden;width:530px;margin:10px}
#logos imglogo{float:left}
#page .certificat { text-align: center; color: #003399;    font-weight: bold;    font-size: 14px;}
#page #fiche-annuaire p { margin-left: 10px; }
#page #fiche-annuaire a { color: #555; }
#page .bottom_links {    background-color: #eee;    padding: 5px;    margin: 20px 0 20px 20px;    border: 1px solid #bbb;    text-align: left;}
#page .bottom_links ul li a { font-size: 11px;    color: #000;    display: inline-block;    text-decoration: none;    background-image: url(../images/puce-menu.png);    background-repeat: no-repeat;    background-position: left center;    padding: 0 0 0 8px;    margin: 0 20px 0 0;}
#page .bottom_links ul li {    display: inline;    list-style: none;    margin: 0;    padding: 0;}
.cartouche{position:relative;float:right;margin-left:20px;width:150px;height:93px;background-image:url(../images/opqibi-cartouche.gif);background-repeat:no-repeat;background-position:left top}
.cartouche span{position:absolute;display:block;width:120px;height:18px;text-align:center;top:72px;left:26px;font-weight:bold;font-family:Verdana,"DejaVu Sans","Bitstream Vera Sans",Geneva,sans-serif;font-size:14px}
.liste-qualification{border-collapse:collapse;border-spacing:0;border:1px solid #000;margin:10px auto;width:540px}
.liste-qualification thead{background-color:#0867b2;color:#fff}
.liste-qualification th{background-color:#0867b2;color:#fff;padding:2px 8px;font-size:10px;text-align:left}
.liste-qualification th span{color:#f00}
.liste-qualification td{vertical-align:top;padding:2px 8px;border-bottom:1px solid #aaa}
.liste-qualification .first{border-right:1px solid #aaa;text-align:center;width:60px}
.liste-qualification tfoot{font-size:10px;color:#d50000}
.liste-qualification .color2{background-color:#eef}

.formulaire label {    width: 110px;    float: left;}
.formulaire input, .formulaire #frm_full, .formulaire textarea, .formulaire select {    width: auto;    border: 1px solid #aaa;    margin: 0 0 4px 0; max-width: 100% !important;}
#page .formulaire .label2 {
    float: none;
    width: auto;
    margin-right: 20px;
}
.formulaire .titre {
    font-size: 14px;
    margin: 30px 0 5px 0;
    border-bottom: 1px dashed #aaa;
    font-weight: bold;
    color: #039;
}
a.drapeau {
    border-left: none;
    padding-left: 20px;
    background-image: url('../images/drapeau_uk.png');
    display: inline-block;
    width: 25px;
    height: 24px;
    background-repeat: no-repeat;
    padding-right: 0;
    margin-top: 19px;
}
a.drapeau:focus,a.drapeau:hover {
    background:  url('../images/drapeau_uk.png') no-repeat transparent !important;
}
li.drapeau span.caret {
    position: absolute;
    right: -10px;
    top: 6px;
}
#page .titre-resultat {
    padding: 5px;
    background-color: #eef;
    border: 1px solid #aaa;
    margin: 10px;
    font-size: 14px;
}
.societe{width:350px;height:138px;overflow:hidden;float:left;border:1px dashed #aaa;background-color:#ffe;padding:10px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;margin:5px;font-size:12px;font-family:Verdana,"DejaVu Sans","Bitstream Vera Sans",Geneva,sans-serif}
.societe .titre{font-weight:bold}
.formulaire {
    margin: 20px auto;
    padding: 0 5%;
    border: 1px solid #aaa;
    background-color: #ffe;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}

.liste-nouveaux {
    border: 2px solid #000066;
    border-collapse: collapse;
    border-spacing: 0;
    margin: 10px auto;
    width: 600px;
}
.liste-nouveaux thead td {
    border-bottom: 1px dashed #aaa;
    color: #003399;
    font-weight: bold;
    text-transform: uppercase;
}
.liste-nouveaux td {
    background-color: #FFFFEE;
    padding: 4px 4px;
    text-align: center;
    border-bottom: 1px solid #ddd;
}
.rectangle-jaune {
    border: 2px solid #000066;
}
.rectangle-jaune td {
    background-color: #FFFFEE;
    padding: 10px;
}