Your IP : 216.73.216.145
* {
margin: 0;
padding: 0;
outline: none;
}
#wrapper_in { min-height: 610px;}
h4 { font-size: 20px; line-height: 28px; color: #888888;}
h5 { font-size: 18px; color: #888888; line-height: 22px;}
h6 { font-size: 16px; line-height: 16px; color: #888888;}
.slider-row.row { margin: -30px 0 0 0 !important;}
.slider-row.row .col-lg-12 { padding: 0 !important;}
.filter-search select { float: left; margin: 0 5px; width: 200px;}
.filter-search,.filters .alert-info { background-color: transparent; border: medium none; height: auto;}
input.invalid { border-color: #FF0000 !important;}
.hideme { opacity: 0;}
.visible { opacity: 1;}
.modal-dialog {
width: 600px;
margin: auto;
position: absolute;
top: 30%;
bottom: 0;
left: 0;
right: 0;
}
.navbar-default .navbar-collapse, .navbar-default .navbar-form { border-color: transparent;}
.navbar-default { background-color: transparent; border-color: transparent;}
div[class*="pagination"] ul { clear: both;}
div[class*="pagination"] ul li { display: inline-block;}
div[class*="pagination"] ul li a { padding: 5px 10px; border: 1px #EAEAEA solid; background: #fff; margin: 0;}
div[class*="pagination"] ul li span { padding: 5px 10px; border: 1px #EAEAEA solid; margin: 0;}
.breadcrumb { padding: 8px 15px 8px 0px;}
.breadcrumb li a { padding: 0 5px;}
.breadcrumb li .divider {
padding: 0 5px 0 0;
border-style: solid;
border-width: 4.5px 0 4.5px 6px;
border-color: transparent transparent transparent rgba(0, 102, 51, 0.8);
line-height: 0px;
display: inline-block;
_border-color: #000000 #000000 #000000 rgba(0, 102, 51, 0.8);
_filter: progid:DXImageTransform.Microsoft.Chroma(color='#000000');
}
.breadcrumb li .divider img { display: none;}
.breadcrumb .active .divider { display: none;}
.breadcrumb li + li:before { padding: 0; content: none;}
.block_history { text-align: center; overflow: hidden;}
.block_history .date_history { font-size: 36px; line-height: 36px; font-weight: bold;}
.block_history .visible_text { width: 60%; margin: 0 auto;}
.block_history h1.history_title { position: relative; padding-bottom: 3.3em;}
.block_history h1.history_title:before {
content: "";
width: 0px;
position: absolute;
left: -1px;
right: 0;
margin: auto;
text-align: center;
bottom: 2.6em;
height: 0px;
border-style: solid;
border-width: 9px 9px 0 9px;
border-color: rgba(0, 102, 51, 0.8) transparent transparent transparent;
}
.block_history h1.history_title:after {
content: "";
height: 2.6em;
width: 1px;
background: #000000;
position: absolute;
left: 0;
right: 0;
top: 2.2em;
margin: auto;
text-align: center;
}
.block_history ul li { list-style: none; position: relative; overflow: hidden; margin: 40px 0;}
.block_history ul li:before {
position: absolute;
content: "";
width: 1px;
height: 100%;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 0;
background: #000;
}
.block_history ul li:after {
position: absolute;
content: "";
width: 11px;
height: 10px;
top: 0;
bottom: 0;
left: 0;
right: 0;
margin: auto;
z-index: 0;
background: rgba(0, 102, 51, 0.8);
}
.block_history ul li div.left_history {
width: 50%;
padding: 2em;
font-size: 18px;
line-height: 24px;
float: left;
text-align: left;
}
.block_history ul li div.left_history strong { font-size: 36px; line-height: 36px; display: block; margin-bottom: 10px;}
.block_history ul li div.left_history p { margin-top: 44px;}
.block_history ul li div.left_history div img {
width: 200px;
height: 200px;
border: 1px #EAEAEA solid;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
@media (max-width: 768px) { .block_history ul li div.left_history div img { margin-top: 25px; }}
@media (max-width: 590px) { .block_history ul li div.left_history div img { width: 150px; height: 150px; margin-top: 55px; }}
@media (max-width: 500px) { .block_history ul li div.left_history div img { margin-top: 62px; }}
@media (max-width: 450px) { .block_history ul li div.left_history div img { width: 100px; height: 100px; margin-top: 155px; }}
@media (max-width: 384px) { .block_history ul li div.left_history div img { margin-top: 185px; }}
@media (max-width: 350px) { .block_history ul li div.left_history div img { width: 60px; height: 60px; margin-top: 250px; }}
.block_history ul li div.right_history {
width: 50%;
padding: 2em;
font-size: 18px;
line-height: 24px;
float: right;
text-align: right;
}
.block_history ul li div.right_history strong { font-size: 36px; line-height: 36px; display: block; margin-bottom: 10px;}
.block_history ul li div.right_history p { margin-top: 44px; text-align: left;}
.block_history ul li div.right_history img {
width: 200px;
height: 200px;
border: 1px #EAEAEA solid;
-webkit-border-radius: 50%;
-moz-border-radius: 50%;
-o-border-radius: 50%;
border-radius: 50%;
}
@media (max-width: 768px) { .block_history ul li div.right_history img { margin-top: 25px; }}
@media (max-width: 590px) { .block_history ul li div.right_history img { width: 150px; height: 150px; margin-top: 55px; }}
@media (max-width: 500px) { .block_history ul li div.right_history img { margin-top: 62px; }}
@media (max-width: 450px) { .block_history ul li div.right_history img { width: 100px; height: 100px; margin-top: 155px; }}
@media (max-width: 384px) { .block_history ul li div.right_history img { margin-top: 185px; }}
@media (max-width: 350px) { .block_history ul li div.right_history img { width: 60px; height: 60px; margin-top: 250px; }}
.block_history ul li.center_history:after,
.block_history ul li.center_history:before { display: none;}
/*---------------------------------------------------------------*/
@media (max-width: 767px) {
.haut { float:left; width:50%; display:block; }
.main_menu { float:right; }
.main_menu ul.menu { margin: 10px 0 0;}
.main_menu ul.menu li {
float: none;
text-align: right;
background-color: #fff;
position: relative;
list-style: none;
display: block;
border-top: 1px solid #eeeeee;
height:40px;
padding-top:10px;
}
.main_menu ul.menu li a {
display: block;
font-size: 16px;
margin: 0;
padding: 7px 20px 7px 0;
position: relative;
white-space: nowrap;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
display: block;
width: 100%;
border-bottom: 0px solid transparent;
}
.main_menu ul.menu li.active a {
display: block;
background-color: #fefae1;
border-bottom: medium none;
text-align: left;
}
.main_menu ul.menu li.active a:hover { background-color: transparent; border-bottom: medium none;}
.main_menu ul.menu li.parent a {
display: block;
font-size: 14px;
margin: 0;
padding: 7px 10px 7px 0;
position: relative;
text-transform: uppercase;
float: left;
text-align: left;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.main_menu ul.menu li.parent a:hover {
padding: 7px 10px 7px 10px;
-webkit-transition: all 0.3s; -moz-transition: all 0.3s; -o-transition: all 0.3s; transition: all 0.3s;
}
.main_menu ul.menu li.parent a span.arrow { right: 9px; top: 16px; }
.main_menu ul.menu li.parent a span.arrow { display: inline; }
.main_menu ul.menu li.parent ul {
display: block;
background-color: transparent;
border-left: medium none;
border-top: medium none;
-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
float: none;
position: relative;
width: 90%;
left: -100%;
top: 40px;
overflow: hidden;
padding:0;
background-color:#fff;
}
.main_menu ul.menu li.parent ul li { float: right; border-bottom: 0px solid #eeeeee; background-color:#fff; }
.main_menu ul.menu li.parent ul li a {
display: block;
font-size: 14px;
margin: 0;
padding: 7px 0px;
position: relative;
text-transform: uppercase;
}
.main_menu ul.menu li.parent ul li a:hover { padding: 7px 10px 7px 20px; }
.main_menu ul.menu li.parent ul li ul.nav-child {
display: block;
background-color: transparent;
border-left: medium none;
border-top: medium none;
-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
float: none;
position: relative;
width: 100%;
left: 0 !important;
top: 0 !important;
}
.main_menu ul.menu li.parent ul li ul.nav-child li {
border-bottom: medium none;
-webkit-box-shadow: none; -moz-box-shadow: none; -o-box-shadow: none; box-shadow: none;
clear: both;
margin: 0;
padding: 0;
width: 100%;
border-top: 1px solid #eeeeee;
}
}
/*---------------------------------------------------------------*/