* {
margin:0;
padding:0;
}
html{
padding-top: 0px!important;
}
body {
font-family:Arial, Helvetica, sans-serif;
background: #fff !important;
}
.block_texts h2.titre_sommaire{
font-size: 30px !important;
font-weight: bold;
text-transform: capitalize;
}
.wrapper{
width:1200px;
margin:20px auto 0px;
border-radius:3px;
position: relative;
z-index: 2;
}
.top_wrapper{
width:100%;
text-align:center;
font-size:16px;
display: inline-block;
color:#000;
background-color: #e8e8e8;
margin-bottom: 10px;
background-repeat: no-repeat;
background-position: center;
background-size: cover;
position:relative;
margin-bottom: 20px;
padding: 40px 0;
}
.navbar_def .navbar{
/*position: absolute !important;
bottom: 0px;*/
display: inline-block;
}
.logo_3region{
max-height: 156px;
margin: auto;
position: absolute;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
.block_first_def{
height: 200px;
z-index: 99999;
position: relative;
}
.block_first_def a{
font-size: 23px;
line-height: 37px;
vertical-align: middle;
display: block;
font-weight: bold;
}
.logo_chaines{
height:30px;
position:absolute;
right:15px;
}
.logo_chaines ul{
list-style: none;
}
.logo_chaines ul li{
float: left;
margin-left: 8px;
}
.conteneur{
width:1200px;
height:540px;
margin:4px auto 0 auto;
}
.contenu_left{
width:997px;
height:689px;
border:1px solid #CCC;
background:#eeeeee;
float:left;
position:relative;
}
.contenu_right{
width:192px;
height:536px;
border:1px solid #CCC;
background:#eeeeee;
float:right;
}
.contenu_right hr{
margin: 22px 0 15px;
height: 3px;
border: none;
background: #DDD;
-webkit-box-shadow: #AAA 0px 2px 5px;
-moz-box-shadow: #AAA 0px 2px 5px;
box-shadow: #AAA 0px 2px 5px;
}
.title_1,.title_2_orange{
width:100%;
color: white;
font-size: 16px;
letter-spacing:-0.5px;
}
.title_2_orange{
font-size:12px;
list-style: none;
text-align: left;
margin-bottom:5px;
}
.title_2_orange.bleu:hover{
background: #449d44;
}
.title_2_orange.bleu{
background: #2e6da4;
width: 100%;
padding: 7px 0px;
line-height:inherit;
text-align: left;
border-bottom: 1px solid #fff;
}
.title_2_orange.rose{
background: #E3B2DC;
width: 152px;
height: 45px;
}
.title_1{
line-height: normal !important;
margin-top: 10px !important;
}
.title_1 a{
color: #000 !important;
}
.title_1 a, .title_2_orange a{
text-decoration:none;
color: white;
display: block;
font-family: verdana;
}
.title_1 a img, .title_2_orange a img{
border:none;
float:left;
margin: 11px 3px 0 5px ;
}
.title_2_orange.bleu a img{
border:none;
float:left;
margin: 0px 3px 0 5px ;
}
.contenu_right .frm{
width:166px;
margin: 9px auto;
}
.styled-select select {
background: transparent;
width: 166px;
font-size: 16px;
border: 1px solid #CCC;
height: 23px;
-webkit-appearance: none;
font-size:11px;
color:#b7b7b7;
}
.styled-select {
width: 166px;
height: 23px;
overflow: hidden;
background:#FFF url(../images/select.png) no-repeat right;
}
.style-input{
margin-top: 12px;
}
.style-input .input-search{
width: 140px;
background: white url(../images/search.png) 2px 1px no-repeat;
height: 20px;
padding-left: 23px;
color:#b7b7b7;
border: 1px solid #CCC;
}
.input-submit-recherche{
background: #C8C8C8;
border: 1px solid #AFAFAF;
width: 166px;
margin-top: 11px;
margin-bottom: 15px;
}
.input-submit{
width: 166px;
background: url(../images/bg-submit.png) no-repeat;
height: 31px;
text-align: center;
border:none;
}
.input-submit a{
color: white;
font-size: 13px;
line-height: 25px;
text-decoration: none;
font-weight: bold;
}
.style-pub{
width:157px;
border:1px solid #CCC;
margin: 25px auto 0;
}
.style-pub img{
width:157px !important;
}
.bx-prev,.bx-next{
width:15px;
display:block;
height:679px;
background:#c8c8c8;
}
.bx-prev{
position:absolute;
top: 4px;
left: 3px;
}
.bx-next{
position:absolute;
top: 4px;
right: 3px;
}
.bx-prev img,.bx-next img{
margin:328px 0 0 4px;
}
.bx-window {
width: 997px !important;
margin: 2px auto;
}
.zone_annonces{
width: 237px;
float: left;
height: 217px;
border: 1px solid #D6D6D6;
margin: 5px;
position:relative;
background:#FFF !important;
-webkit-box-shadow: #AAA 0px 2px 5px;
-moz-box-shadow: #AAA 0px 2px 5px;
box-shadow: #AAA 0px 2px 5px;
}
.top_bottom{
width: 100%;
height: 230px;
float: left;
margin: 0px 0px 0px 0px;
}
.top_bottom2{
width:100%;
height:120px;
float:left;
margin: 1px 0px 0px 0px;
}
.left{
width: 252px;
height: 356px;
float: left;
margin: 0px 0px 0px 0px;
}
.right{
width: 207px;
height: 356px;
float: left;
margin: 0px 0px 0px 0px;
}
.center{
width: 485px;
height: 448px;
float: left;
border: 1px solid #D6D6D6;
margin: 5px 5px 5px 3px;
position: relative;
background:#FFF;
}
.center .lien,.zone_annonces .lien,.zone_annonces_one .lien{
position:absolute;
width:100%;
height:28px;
bottom:0px;
background:url(../images/bg-lien.jpg) repeat-x;
}
.center .lien ul,.zone_annonces .lien ul,.zone_annonces_one .lien ul{
list-style: none;
padding-top: 4px;
width: 180px;
margin: auto;
}
.center .lien ul li, .zone_annonces .lien ul li,.zone_annonces_one .lien ul li{
float: left;
width: 25px;
}
.center .lien ul li, .zone_annonces .lien ul li,.zone_annonces_one .lien ul li{
background:url(../images/bg-li.png) left no-repeat !important;
padding-left: 4px;
}
.center .lien ul li.first_child, .zone_annonces .lien ul li.first_child,.zone_annonces_one .lien ul li.first_child{
background:none;
padding: 0px;
/*width: 44px;*/
}
.center .lien ul li:first-child, .zone_annonces .lien ul li:first-child,.zone_annonces_one .lien ul li:first-child{
background:none;
}
.center .lien ul li a, .zone_annonces .lien ul li a,.zone_annonces_one .lien ul li a{
text-decoration: none;
font-size: 12px;
display: block;
/*margin-left: 4px;*/
color: #949494;
line-height: 23px;
text-indent:-9999999px;
}
.center .lien ul li a.lien-site, .zone_annonces .lien ul li a.lien-site,.zone_annonces_one .lien ul li a.lien-site{
background:url(../images/bg-site.png) center center no-repeat;
}
.center .lien ul li a.lien-capijob, .zone_annonces .lien ul li a.lien-capijob,.zone_annonces_one .lien ul li a.lien-capijob{
background:url(../images/bg-capijob.png) center center no-repeat;
}
.center .lien ul li a.lien-face, .zone_annonces .lien ul li a.lien-face,.zone_annonces_one .lien ul li a.lien-face{
background:url(../images/icn-facebook.png) center center no-repeat;
}
.center .lien ul li a.lien-viadeo, .zone_annonces .lien ul li a.lien-viadeo,.zone_annonces_one .lien ul li a{
background:url(../images/icn-viadeo.png) center center no-repeat;
}
.center .lien ul li a.lien-linkedin, .zone_annonces .lien ul li a.lien-linkedin{
background:url(../images/icn-linkedin.png) center center no-repeat;
}
.center .lien ul li a.lien-twitter, .zone_annonces .lien ul li a.lien-twitter,.zone_annonces_one .lien ul li a.lien-twitter{
background:url(../images/icn-twitter.png) center center no-repeat;
}
.center .lien ul li a.lien-gplus, .zone_annonces .lien ul li a.lien-gplus,.zone_annonces_one .lien ul li a.lien-gplus{
background:url(../images/icn-gplus.png) center center no-repeat;
}
.center .lien ul li a.lien-instagram, .zone_annonces .lien ul li a.lien-instagram,.zone_annonces_one .lien ul li a.lien-instagram{
background:url(../images/instagram.png) center center no-repeat;
}
.center .lien ul li a.lien-youtube, .zone_annonces .lien ul li a.lien-youtube,.zone_annonces_one .lien ul li a.lien-youtube{
background:url(../images/icn-youtube.png) center center no-repeat;
}
.zone_annonces .titre{
position: absolute;
width: 200px;
height: 170px;
bottom: 0;
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
font-size: 12px;
text-align: center;
line-height: 15px;
color: #f98228;
left: 0;
top: 0;
right: 0;
padding-top: 40px;
padding-left: 5px;
padding-right: 5px;
text-transform:uppercase;
margin : auto;
}
.hide{
display: none;
}
.titre a{
display: block;
color: #f98228;
text-decoration: none;
}
.zone_annonces .img_logo{
width: 223px;
height: 185px;
border-top: 1px solid #D6D6D6;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
margin: 2px auto 0;
position: relative;
}
.center .img_logo{
width: 474px;
height: 417px;
border-top: 1px solid #D6D6D6;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
margin: 2px auto 0;
}
.center .titre{
position: absolute;
width: 470px;
height: 390px;
bottom: 0;
background: rgba(0, 0, 0, 0.6) none repeat scroll 0 0;
font-size:15px;
text-align: center;
line-height: 15px;
left: 2px;
top: 3px;
color: #f98228;
padding-top: 50px;
padding-left: 5px;
padding-right: 5px;
text-transform:uppercase;
}
.zone_annonces_one{
width: 99%;
float: left;
height: 683px;
/*border: 1px solid #D6D6D6;*/
margin: 2px;
position:relative;
/*background:#FFF;
-webkit-box-shadow: #AAA 0px 2px 5px;
-moz-box-shadow: #AAA 0px 2px 5px;
box-shadow: #AAA 0px 2px 5px;*/
}
.zone_annonces_one .titre{
/*position: absolute;*/
width: 100%;
height: 30px;
bottom: 28px;
background: #FFF;
font-size: 15px;
text-align: center;
line-height: 15px;
left: 1px;
}
.zone_annonces_one .img_logo{
width: 100%;
height: 90%;
border-top: 1px solid #D6D6D6;
border-left: 1px solid #D6D6D6;
border-right: 1px solid #D6D6D6;
margin: 2px auto 0;
}
.zone_annonces_one .img_logo a img{
margin: auto !important;
position: absolute;
left: 0;
bottom: 0;
top:0;
right: 0;
}
.contenu{
color: #fff;
text-transform: none;
font-size: 12px;
margin-top: 5px;
}
.img_content{
width: 900px;
text-align: center;
margin: auto;
}
.color_74,.color_76,.color_80,.color_82,.color_91{
background: #ec0909 !important;
}
ul.title_site{
text-align: left;
margin-top: 30px;
}
ul.title_site li{
display: inline-block;
list-style: none;
}
ul.title_site li a{
padding: 10px 10px;
text-align: center;
display: block;
color: #000;
font-size: 18px;
text-decoration:none;
text-transform: capitalize;
}
ul.title_site li a:hover{
background: #0088ff;
color:#fff;
}
.right img{
max-width: 150px !important;
}
/************************/
.first_block{
background-position: center;
background-repeat: no-repeat;
background-size: 100% auto;
height:140px;
margin-bottom: 10px;
}
.first_block_6{
height:390px !important;
}
.first_block_12{
height:390px !important;
}
.big_block{
border: 1px solid #adadad;
padding: 4px;
height: 400px;
margin-bottom: 10px;
background-color: #fff;
-webkit-box-shadow: 4px 6px 5px -1px rgba(128,126,128,0.66);
-moz-box-shadow: 4px 6px 5px -1px rgba(128,126,128,0.66);
box-shadow: 4px 6px 5px -1px rgba(128,126,128,0.66);
}
.big_block_somaire{
height: 350px;
margin-bottom: 10px;
background-color: #fff;
-webkit-box-shadow: 4px 6px 5px -1px rgba(128,126,128,0.66);
-moz-box-shadow: 4px 6px 5px -1px rgba(128,126,128,0.66);
box-shadow: 4px 6px 5px -1px rgba(128,126,128,0.66);
}
.logo_img{
margin-top: 10px;
-webkit-box-shadow: 4px 6px 5px -1px rgba(128,126,128,0.66);
-moz-box-shadow: 4px 6px 5px -1px rgba(128,126,128,0.66);
box-shadow: 4px 6px 5px -1px rgba(128,126,128,0.66);
height: 80px;
}
.logo_img img{
max-height: 70px;
position: absolute;
margin: auto;
left: 0;
right: 0;
top: 0;
bottom: 0;
}
h2.titre_h2{
font-size: 16px !important;
font-weight: bold;
margin-bottom: 0;
text-transform: uppercase;
height: 20px;
margin-top: 2px;
}
h2.titre_h2_12{
font-size: 20px !important;
font-weight: bold;
margin-bottom: 0;
text-transform: uppercase;
padding-top: 17px;
}
h2.titre_h2_6{
font-size: 17px !important;
font-weight: bold;
margin-bottom: 0;
padding-top: 17px;
}
.texte_block{
font-size: 14px;
height: 104px;
margin-top: 5px;
font-style: italic;
font-weight: 500;
line-height: 20px;
border: 2px solid #0182e7;
background: #f3f3f3;
padding: 5%;
}
.texte_block a{
color: #000;
}
.texte_block_12{
height: 185px;
padding: 6% 8%;
font-size: 17px !important;
}
.texte_block_6{
font-size: 16px !important;
height: 151px;
padding: 5% 5%;
border: 2px solid #0182e7;
background: #f3f3f3;
}
.big_block_6 .lst_sect{
height: 88px !important;
}
.liste_icon{
list-style: none;
display: inline-block;
position: absolute;
right: 0px;
display: block;
text-align: right;
background: #eee;
padding: 6px 0;
height: 31px;
}
.site_web{
background: #eee;
height: 31px;
padding: 4px 0 4px 5px;
}
.pied_block{
overflow: hidden;
background: #eee;
}
.liste_icon li{
display: inline-block;
margin: 0 5px;
}
.liste_icon li a{
color: #112f8f !important;
}
.liste_icon li a i{
font-size: 18px;
}
.border_spare{
border-top:2px solid #d1d2d4;
margin: 10px 0 20px;
}
.container-fluid{
padding-left: 50px !important;
padding-right: 50px !important;
}
.big_cadre{
overflow: hidden;
padding-top: 10px;
padding-bottom: 10px;
-webkit-box-shadow: -3px 6px 30px 0px rgba(0,0,0,0.75);
-moz-box-shadow: -3px 6px 30px 0px rgba(0,0,0,0.75);
box-shadow: -3px 6px 30px 0px rgba(0,0,0,0.75);
background-color:#e8e8e8;
}
#cadre-menu {
position:fixed;
z-index: 9999;
right:-250px;
overflow:hidden;
top:15%;
width:350px;
font:12px Arial;
}
#bordure-menu {
float:right;
background:#2e6da4;
width:250px;
margin:0px;
padding:0px;
border:5px solid #ef9c36;
border-right:none;
}
#bordure-menu ul {
list-style: square inside;
}
#bordure-menu ul li {
padding:5px 0;
list-style: none;
border-top: 1px solid #fff;
}
#bordure-menu ul li a {
color:#fff;
}
#bouton-menu {
float:right;
width:45px;
margin:0px;
height:180px;
background:url('../images/fond-demo-menu.jpg') top right no-repeat;
}
#slide{
/*transform: translate3d(0px, -1137px, 0px) !important;*/
height: 1000px;
}
.bx-viewport{
padding-top: 70px;
}
.slide{
height: 400px;
}
.slide:hover{
cursor: pointer;
}
.lst_sect_6{
height: 96px;
font-size: 16px;}
.lst_sect_12{
height: 75px;
font-size: 20px;}
.lst_sect{
height: 66px;
font-size: 16px;
line-height: 20px;
text-align: center;
}
.lst_sect h4,.lst_sect_6 h4{
text-align: center;
margin: 0 0 6px 0;
color: #000;
font-weight: bold;
}
.lst_sect_12 h4{
text-align: center;
margin: 0 0 6px 0;
color: #000;
font-weight: bold;
}
.tooltip.top .tooltip-inner{
max-width:510px;
padding:3px 8px;
text-align:center;
-webkit-border-radius:5px;
-moz-border-radius:5px;
border-radius:5px
}
.menu_scet li a{
color: #000 !important;
}
.dropdown-menu{
width: 600px !important;
border: 1px solid #0082e6 !important;
border-radius:0px !important;
}
.dropdown-menu li a i{
color: #0082e6 !important;
}
.dropdown-menu li a{
font-size: 14px !important;
}
.navbar-default{
background-color: transparent !important;
border-color: none !important;
}
.navbar{
margin-bottom: 0px !important;
border: none !important;
}
.navbar-default .navbar-nav>li>a{
padding: 10px 8px;
}
.navbar_def .navbar-default .navbar-nav>li>a{
font-size: 12px;
padding: 10px 8px;
}
.navbar-default .navbar-nav>.open>a, .navbar-default .navbar-nav>.open>a:focus, .navbar-default .navbar-nav>.open>a:hover{
background-color: #0082e6 !important;
}
.navbar-default .navbar-nav>li>a:focus, .navbar-default .navbar-nav>li>a:hover{
background-color: #0082e6 !important;
color: #fff !important;
}
.navbar-collapse{
padding-left: 0 !important;
}
.navbar-nav li.dropdown a.dropdown-toggle{
background-color: #0082e6 !important;
color: #fff !important;
}
.titre_h2_domaine{
text-align: center;
height: 70px;
font-size: 20px;
line-height: 35px;
}
.first_block_domaine{
background-position: center;
background-repeat: no-repeat;
background-size: cover;
height: 250px;
margin-bottom: 10px;
}
.link_site{
list-style-type: none;
display: inline-block;
float: right;
clear: both;
font-size: 14px;
}
.link_site li{
display: inline-block;
}
.link_site li:first-child a{
border-left: none !important;
}
.link_site li a{
padding: 0 5px;
color: #fff !important;
font-weight: bold;
border-left:1px solid;
}
.clear{
clear: both;
}
.top_wrapper_sommaire{
margin-top: 5px !important;
}
.top_wrapper_sommaire .block_texts{
background: #f7f7f7 !important;
}
.block_texts{
text-transform: uppercase;
}
@media only screen and (max-width: 600px) {
.container-fluid {
padding-left: 10px !important;
padding-right: 10px !important;
}
.big_block{
height: 444px !important;
}
.liste_icon{
margin-top: 4px !important;
}
.border_spare{
display: none !important;
}
}
.france_3_png{
position: absolute;
top: 133px;
z-index: 999;
left: 70px;
}
.france_3_png img{
max-height: 45px;
}
.block_texts{
padding: 10px;
}
.block_texts h2{
font-size: 26px !important;
}
map area{
fill: red;
stroke: green;
}
.top_wrapper{
background: transparent !important;
padding: 0px;
}
.block_first{
background: #f3f3f3;
height: 200px;
}
.block_first h1{
padding: 20px 0 20px 0px;
margin: 0;
}
.block_first h2{
margin: 0;
}
[id*='zone_']{
cursor: pointer;
}
path:hover, a.active path{
fill: #0082e6 !important;
}
.isDisabled{
pointer-events: none;
}