html {
position: relative;
min-height: 100%;
}
body{
margin-bottom: 20px;
background-color:#FFF;
font-family:ms sans serif,verdana,helvetica;
font-size:12px;
/*margin:0;
padding:0;*/
}
.bas-de-page {
position: absolute;
bottom: 0;
width: 100%;
height: 20px; /* doit etre le meme que margin-bottom de body */
background-color: #ffffff;
text-align: center;
}
a:link,a:visited{color:#039;text-decoration:underline}
a:active,a:hover{color:red;text-decoration:underline}
.texte{font-size:12px;font-weight:400}
.texte_moyen{font-size:14px;font-weight:400}
.texte_grand{font-family:Lucida Console, Andale Mono, Courier New, Courier;font-size:12px;font-weight:400}
.menu_g{border:solid;border-color:#039;border-width:1px 0 1px 1px;font-size:12px}
.menu_g2{border:solid;border-color:#039;border-width:1px;font-size:12px}
.menu_g3{border:solid;border-color:#039;border-width:1px 0 0 1px;font-size:12px}
.menu_g_t{font-size:12px}
.menu_g_l{font-size:12px;font-weight:700}
.menu_g_l2{font-size:14px;font-weight:700}
.menu_block{border:solid;border-color:#CCC;border-width:1px;font-size:12px}
.centre{border:solid;border-color:#039;border-width:1px;color:#000;font-size:12px;font-weight:400}
.centre_hc{border:solid;border-color:#666;border-width:0;font-size:12px;font-weight:700;padding:1px}
.centre_b{padding:5px}
.copyright{color:#999;font-size:10px}
.menu_horizontale{background:#D4D4D4 url(/images/menu_coul_fond.gif);border:1px solid #2983BD;float:left;font-family:Arial, Helvetica, sans-serif;font-size:12px;height:36px;list-style:none;margin:0 auto;padding:0;position:relative;width:auto;z-index:4}
.menu_horizontale li{color:#000;float:left;font-family:Arial, Helvetica, sans-serif;font-size:12px;height:36px;padding:0;position:relative;z-index:5}
.menu_horizontale li:hover,.menu_horizontale li.onhover{border-top:1px solid #C00}
.menu_horizontale a{-moz-transition:.0s ease-in-out .4s;-ms-transition:.0s ease-in-out .4s;-o-transition:.0s ease-in-out .4s;-webkit-transition:.0s ease-in-out .4s;color:#FFF;display:inline-block;font-size:12px;font-weight:700;line-height:35px;outline:0;padding:0 23px;position:relative;text-decoration:none;transition:.0s ease-in-out .4s}
.menu_horizontale li:hover a,.menu_horizontale li.onhover a{-moz-transition:.0s ease-in-out .4s;-ms-transition:.0s ease-in-out .4s;-o-transition:.0s ease-in-out .4s;-webkit-transition:.0s ease-in-out .4s;background-color:#FFF;color:#000;transition:.0s ease-in-out .4s;z-index:9}
.menu_horizontale a.arrow{background:url(/images/menu_fleche_bas.gif) no-repeat right center}
.menu_horizontale li.menuRight{float:right;margin-right:0}
.menu_horizontale li.separator{display:none}
.menu_horizontale .drop{-moz-transition:.0s ease-in-out .4s;-ms-transition:.0s ease-in-out .4s;-o-transition:.0s ease-in-out .4s;-webkit-transition:.0s ease-in-out .4s;background:#FFF;border:1px solid #DDD;border-bottom:3px solid #900;color:#0F4F89;left:-9999px;padding:10px;position:absolute;text-align:left;top:34px;transition:.0s ease-in-out .4s;z-index:5}
.menu_horizontale .drop a{background-image:none;display:inline;font-size:12px;font-weight:400;line-height:26px;padding-left:0;padding-right:0;position:static;text-align:left;z-index:0}
.menu_horizontale li:hover .dropToLeft,.menu_horizontale li.onhover .dropToLeft{left:auto;right:-1px}
.menu_horizontale li:hover .dropToLeft2,.menu_horizontale li.onhover .dropToLeft2{left:auto;right:-60px}
.menu_horizontale li:hover .drop_comparateur,.menu_horizontale li.onhover .drop_comparateur{left:-100px}
.menu_horizontale li:hover .drop_emplois,.menu_horizontale li.onhover .drop_emplois{left:-70px}
.menu_horizontale li:hover .drop_annuaire,.menu_horizontale li.onhover .drop_annuaire{left:-20px}
.menu_horizontale li:hover .drop_forum,.menu_horizontale li.onhover .drop_forum{left:-60px}
.menu_horizontale li:hover .drop_divers,.menu_horizontale li.onhover .drop_divers{left:-80px}
.menu_horizontale div.drop div div{padding:2px 10px}
.menu_horizontale li:hover .drop a,.menu_horizontale li.onhover .drop a{background:none;background-image:none;padding:0}
.menu_horizontale div.drop div a{background:none;color:#0F4F89;line-height:18px}
.menu_horizontale div.drop div a:hover{color:Red;cursor:pointer;text-decoration:underline}
.menu_horizontale div.left{float:left}
.sep_inf{background:url(/images/sep_inf.png);width:44px;height:10px}
.horizontale_1{-moz-border-radius:3px;-moz-box-shadow:0 1px 4px #999;-webkit-border-radius:3px;-webkit-box-shadow:0 1px 4px #999;border-radius:3px;box-shadow:0 1px 4px #999}
.horizontale_2{-moz-border-radius:4px;-moz-box-shadow:0 4px 10px #CCC;-webkit-border-radius:4px;-webkit-box-shadow:0 4px 10px #CCC;border-radius:4px;box-shadow:0 4px 10px #CCC}
.style1,.style1:link,.style1:visited,.style1:active,.style1:hover{color:#FFF}
.leur,.leur:link,.leur:visited,.leur:active,.leur:hover{color:#EEE}
.menu_horizontale li:hover .drop,.menu_horizontale li.onhover .drop,.menu_horizontale li:hover .drop_annonces,.menu_horizontale li.onhover .drop_annonces{left:-1px}
.img_70 {width: auto; max-width: 70px; height: auto; max-height: 70px;}
.img_100 {width: auto; max-width: 100px; height: auto; max-height: 100px;}
@media
only screen and (max-width: 767px),
(min-device-width: 768px) and (max-device-width: 1024px) {
.img_100 {width: auto; max-width: 70px; height: auto; max-height: 70px;}
}
.margetop10 {margin-top:10px}
.margebottom5 {margin-bottom:5px}
.textcentmiddle{text-align:center; vertical-align:middle}
.textleftmiddle{text-align:left;vertical-align:middle}
.large250{width:250px}
.largemax50 {max-width:50px}
.margebottom0{font-weight:normal; margin-bottom:0px}
/*-------- bootstrap personalisation------*/
.container {
/*padding-right: 0px;
padding-left: 0px;*/ /* ca pose des problemes*/
}
.padding-0 {
/*padding:0;*/ /* ca pose des problemes*/
}
.marge-bas-10 {
margin-bottom: 10px;
}
.div-corp{
border: 1px solid #039;
border-radius: 5px;
min-height: 600px;
}
.table-sans-bordure td, .table-sans-bordure th {
border: none !important;
}
.table-spacing-5 {
border-collapse: separate;
border-spacing: 5px;
}
.img-responsive2 {
display: block;
max-width: 100%;
width:100%;
height: auto;
}
/*
.navbar-static-top {
margin-bottom: 19px;
}
.row {
margin-right: 0px;
margin-left: 0px;
}
*/
/*
div {
border: 1px solid;
}
*/
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-color: #428BCA;}
.dropdown-menu>li>a:hover, .dropdown-menu>li>a:focus { background-image: none; }
/*--------------------------- nav bar principal -------------------------*/
.navbar-default .navbar-brand {
color: rgba(255, 255, 255, 1);
}
.navbar-default {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
background-color: rgba(10, 78, 156, 1);
background: -webkit-linear-gradient(top, rgba(50, 147, 198, 1) 0%, rgba(10, 78, 156, 1) 100%);
background: linear-gradient(to bottom, rgba(50, 147, 198, 1) 0%, rgba(10, 78, 156, 1) 100%);
border-width: 1px;
border-radius: 5px;
}
.navbar-default .navbar-nav>li>a {
text-decoration:none;
color: rgba(255, 255, 255, 1);
background-color: rgba(10, 78, 156, 1);
background: -webkit-linear-gradient(top, rgba(50, 147, 198, 1) 0%, rgba(10, 78, 156, 1) 100%);
background: linear-gradient(to bottom, rgba(50, 147, 198, 1) 0%, rgba(10, 78, 156, 1) 100%);
}
.navbar-default .navbar-nav>li>a:hover,
.navbar-default .navbar-nav>li>a:focus {
color: rgba(0, 0, 0, 1);
background-color: rgba(194, 190, 190, 1);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(194, 190, 190, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(194, 190, 190, 1) 100%);
}
.navbar-default .navbar-nav>.active>a {
color: #c5c5c5;
background-color: rgba(10, 78, 156, 1);
background: -webkit-linear-gradient(top, rgba(50, 147, 198, 1) 0%, rgba(10, 78, 156, 1) 100%);
background: linear-gradient(to bottom, rgba(50, 147, 198, 1) 0%, rgba(10, 78, 156, 1) 100%);
}
.navbar-default .navbar-nav>.active>a:hover,
.navbar-default .navbar-nav>.active>a:focus {
color: rgba(0, 0, 0, 1);
background-color: rgba(194, 190, 190, 1);
background: -webkit-linear-gradient(top, rgba(255, 255, 255, 1) 0%, rgba(194, 190, 190, 1) 100%);
background: linear-gradient(to bottom, rgba(255, 255, 255, 1) 0%, rgba(194, 190, 190, 1) 100%);
}
.navbar-default .navbar-toggle {
border-color: #c2bebe;
}
.navbar-default .navbar-toggle:hover,
.navbar-default .navbar-toggle:focus {
background-color: #c2bebe;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #c2bebe;
}
.navbar-default .navbar-toggle:hover .icon-bar,
.navbar-default .navbar-toggle:focus .icon-bar {
background-color: #0a4e9c;
}
.div-pour-navbar {
/* margin-left: auto;
margin-right: auto;*/
/*max-width:970px;*/
}
.diviseur {
background-color: #ffffff;
}
.dropdown-header{
color: #cccccc;
background-color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a{
color:#0F4F89;text-decoration:none;
background-color: #ffffff;
}
.navbar-default .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-default .navbar-nav .open .dropdown-menu>li>a:focus{
color:red;text-decoration:underline;
background-color: #ffffff;
}
.dropdown-menu {
padding-top:0px;
font-family:ms sans serif,verdana,helvetica;
font-size:13px;
color:#0F4F89;
background-color: #ffffff;
}
.dropdown-menu >li {
background-color: #ffffff;
}
/* ----- les 3 traits -----*/
.navbar-default .navbar-toggle {
border-color: #cccccc;
}
.navbar-default .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-toggle {
height:30px;
margin-top: 4px;
}
/*----- fin les 3 trait ---*/
/*--------------------------- nav bar principal -------------------------*/
/*
/*--------------------------- nav bar forum -------------------------*/
.navbar-forum {
font-family:Arial, Helvetica, sans-serif; font-size:12px;
background-color: #CCFF99;
border-width: 1px;
border-radius: 5px;
}
.navbar-forum .navbar-nav>li>a {
text-decoration:none;
color: #00000;
background-color: #CCFF99;
}
.navbar-forum .navbar-nav>li>a:hover,
.navbar-forum .navbar-nav>li>a:focus {
text-decoration:none;
color: #000000;
background-color: #bbbbbb;
}
.navbar-forum .navbar-toggle {
border-color: #c2bebe;
}
.navbar-forum .navbar-toggle:hover,
.navbar-forum .navbar-toggle:focus {
background-color: #c2bebe;
}
.navbar-forum .navbar-toggle .icon-bar {
background-color: #c2bebe;
}
.navbar-forum .navbar-toggle:hover .icon-bar,
.navbar-forum .navbar-toggle:focus .icon-bar {
background-color: #0a4e9c;
}
.navbar-forum .navbar-nav .open .dropdown-menu>li>a{
color:#0F4F89;text-decoration:none;
background-color: #ffffff;
}
.navbar-forum .navbar-nav .open .dropdown-menu>li>a:hover,
.navbar-forum .navbar-nav .open .dropdown-menu>li>a:focus{
color:red;text-decoration:underline;
background-color: #ffffff;
}
/* ----- les 3 traits -----*/
.navbar-forum .navbar-toggle {
border-color: #cccccc;
}
.navbar-forum .navbar-toggle .icon-bar {
background-color: #ffffff;
}
.navbar-toggle {
height:30px;
margin-top: 4px;
}
/*----- fin les 3 trait ---*/
/*--------------------------- fin nav bar forum -------------------------*/
/*----------------- */
.rang-650 {
width: 650px;
margin-left:15px;
}
.rang-300 {
width: 300px;
margin-left:15px;
}
.rang-350 {
width: 350px;
margin-left:15px;
}
.rang-200 {
width: 200px;
margin-left:15px;
}
.li-menu-titre {
margin-left:-5px;
}
.ul-menu-colone{
padding-left: 0;
list-style: none;
}
.ul-menu-colone>li {
margin-top:2px;
}
.ul-menu-colone>li>a {
color:#0F4F89;text-decoration:none;
}
.ul-menu-colone>li>a:hover,
.ul-menu-colone>li>a:focus{
color:red;text-decoration:underline;
}
.separateur-menu {
margin: 15px;
}
/*--------- barre navigation ----------*/
.navbar {
min-height: 40px;
}
.navbar-nav > li > a {
padding-top:8px !important; padding-bottom:8px !important;
}
@media (max-width: 1000px) {
.navbar-default li a {
font-size: 11px; /* c'est pour éviter le menu divers soit en bas des autres menus*/
}
}
/*--------- pour le carousel photos ---*/
.carousel_photo_page {
width:100%;
height:400px;
background-color:#FFFFFF;
color:white;
}
.carrousel_img_sty {
width:100%;
max-width:320px;
margin:0px auto;
}
.carousel-control:link{color:#FFF;}
.carousel-caption {
color: #AAAAAA;
text-shadow:none;
padding-bottom:20px;
}
.carousel-control.left {
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .0001) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .0001) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255, 255, 255, .5)), to(rgba(255, 255, 255, .0001)));
background-image: linear-gradient(to right, rgba(255, 255, 255, .5) 0%, rgba(255, 255, 255, .0001) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
.carousel-control.right {
right: 0;
left: auto;
background-image: -webkit-linear-gradient(left, rgba(255, 255, 255, .0001) 0%, rgba(255, 255, 255, .5) 100%);
background-image: -o-linear-gradient(left, rgba(255, 255, 255, .0001) 0%, rgba(255, 255, 255, .5) 100%);
background-image: -webkit-gradient(linear, left top, right top, from(rgba(255,255, 255, .0001)), to(rgba(255, 255, 255, .5)));
background-image: linear-gradient(to right, rgba(255, 255, 255, .0001) 0%, rgba(255, 255, 255, .5) 100%);
filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#80000000', endColorstr='#80000000', GradientType=1);
background-repeat: repeat-x;
}
/*-------------------------------------*/
/*---------------- pour afficher les images correctement sans débordement dans img comp prod_detail--------*/
@media (min-width: 768px) {
.img_detail_prod { max-height:250px; max-width:250px }
}
@media (max-width: 767px) {
.img_detail_prod { max-height:200px; max-width:200px }
}
@media (max-width: 480px) {
.img_detail_prod { max-height:100px; max-width:100px }
}
/*-----------------------------------------------------*/
/*--------- personalisation modal ---*/
.modal.modal-wide .modal-dialog {
width: 90%;
}
.modal-wide .modal-body {
overflow-y: auto;
}
/*--------- fin personalisation modal ---*/
/*
@media (min-width: 1200px) {
.container {
width: 1600px;
}
}
*/
/*-------- fin bootstrap ------*/
/* pub google */
.ad_google_slot_1 { width: 320px; height: 100px; }
@media (min-width:500px) { .ad_google_slot_1 { width: 468px; height: 60px; } }
@media (min-width:800px) { .ad_google_slot_1 { width: 728px; height: 90px; } }
/* fin pub google */