html{
height:100%;
}
#colorPDF:hover{
text-decoration: underline;
}
body{
width:100%;
height:100%;
position: relative;
background-color:#FBF7EF;
font-size:15px;
background-size: cover;
background-position: center ;
background-repeat: no-repeat;
/*background-color: #6d6d6d;*/
}
#map {
min-height: 100%;
height:400px;
width: 100%;
}
/* Form text input */
@import url(https://fonts.googleapis.com/css?family=Open+Sans);
#wrap{
min-height:100%;
position: relative;
}
#txtArea{
overflow:hidden;
resize:none;
box-sizing: border-box;
border:none;
background-color:transparent;
pointer-events: none;
word-wrap: break-word;
}
#header{
padding-top:1%;
}
#main{
position: relative;
padding-bottom: 100px;
}
#imaz{
height:300px;
}
h4{
color:rgba(48, 75, 155);
font-weight:bold;
}
.pink > H4 {
color:#fff;
font-weight:bold;
}
#footer{
background-color: #424242;
position: absolute;
padding-top:14px;
color:white;
bottom: 0;
height: 50px;
width:100%;
text-align: center;
}
.img-responsive {
width: 100%;
max-height:360px;
}
.messageNoDoc {
font-weight: bold;
}
.btn {
background-image : url('../img/metal.jpg');
border-color: #5B5B5B;
}
/*
##Device = Desktops
##Screen = 1281px to higher resolution desktops
*/
.tabreturn {
display:none;
}
.hamburger {
display:none;
}
@media (min-width: 1281px) {
#conteneur {
height: auto; /* Par défaut. Prend la hauteur du contenu. */
border: 1px solid black;
}
#conteneur > .colonne {
width: 33%;
float: left;
}
h3{
color:#5B5B5B;
font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
font-weight: bold; }
input[type='submit'] {
border-radius:50px;
}
p{
margin-bottom:0px;
}
.carousel-caption {
position: relative;
left: 0%;
right: 0%;
bottom: 0px;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
color: #000;
text-shadow: none;
& .btn {
text-shadow: none; // No shadow for button elements in carousel-caption
}
}
.search {
width: 100%;
position: relative
}
.search2 {
width: 80%;
position: relative
}
.searchTerm {
float: left;
width: 100%;
border: 3px solid #5B5B5B;
padding: 5px;
height: 5%;
margin-bottom: 7%;
border-radius: 5px;
outline: none;
color: grey;
}
.searchTerm:focus{
color: #000000;
}
.searchButton {
position: absolute;
right: -50px;
width: 40px;
height: 36px;
border: 1px solid #5B5B5B;
background: #5B5B5B;
text-align: center;
color: #fff;
border-radius: 5px;
cursor: pointer;
font-size: 20px;
}
.panel {
border:1px solid rgb(171,35,132) ;
}
/*Resize the wrap to see the search bar change!*/
.wrap{
width: 30%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*-----------------------*/
#divduturfu{
background-color:#fff;
width:100%;
margin-top:2%;
padding: 10px 10px 10px 10px
}
.menuTab td {
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
word-break : break-all;
}
.ter a {
padding-top:0 .3em;
display: inline-block;
position: relative;
text-decoration: none;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
word-break:break-all;
}
.ter a:hover {
color: orange;
}
.ter a:after {
content: "";
display: block;
margin: auto;
height: 0.3em;
width: 0px;
background: transparent;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.ter a:hover:after {
width: 100%;
background: orange;
}
.menuIndex{
margin-left:-6%;
}
.menuIndexBug1{
margin-left:-4%;
}
.menuIndexBug2{
margin-left:-2.2% ;
}
/* le menu, sous menu etc */
/*-----*/
.rubrik{
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-width :2px;
font-size:15px;
text-decoration:none;
padding-left: 2%;
padding-right:6%;
border-radius: 0px 20px 20px 0px;
}
.rubrik:hover {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-style: solid;
text-decoration:none;
}
.rubrik:focus {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
text-decoration:none;
}
#colorPDF{
color: #0300d6 ;
border: none;
background: none;
cursor: pointer;
display:inline-block;
}
#colorINFO {
color:#ff6600 ;
}
#sousMenu{
margin-top:2%;
border-style: solid;
border-width: 1px;
padding-top:5px;
background-color:white;
}
#regroupMenu{
margin-top:2%;
}
#cadre {
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
z-index:3;
}
.zoomAbsolute.clic-image{
position: absolute;
width:100%;
top:110px;
right:350px;
transform: scale(2,2);
z-index: 1;
}
.zoomAbsolute2.clic-image{
position: absolute;
width:100%;
top:80px;
right:210px;
transform: scale(2,2);
z-index: 1;
}
#imgLienUtile{
width:60%;
height:60%;
}
#cadreQsn2 {
cursor:pointer;
z-index:3;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
z-index:3;
}
#cadreNa2 {
cursor:pointer;
z-index:3;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRd2 {
cursor:pointer;
z-index:3;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
}
.info{
width:85%;
border-radius: 0px 0px 10px 10px;
background-color: orange;
margin-left:15%;
text-align: center;
}
.boutonLeftMenu{
width:100%;
border: 2px solid;
color:#fff;
height: 35px;
border-color:rgb(48, 75, 155);
border-radius: 5px;
}
.boutonLeftMenu:hover {
background-color: #1400f0 ;
}
/*La fleche du milieu rechercherPage.php*/
.vl {
position: relative;
background: orange;
border: 3px solid #304B9B;
border-top-color: #304B9B;
height:100px;
}
.vl:after, .vl:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.vl:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: orange;
border-width: 30px;
margin-left: -30px;
}
.vl:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #304B9B;
}
/*----*/
#cadreSearch {
text-align:left;
padding-top :3%;
word-wrap : break-word;
cursor:pointer;
z-index:3;
}
#cadreNA {
cursor:pointer;
z-index:3;
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRD {
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
z-index:3;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreEis2 {
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
z-index:3;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreEIS {
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
z-index:3;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
/**/
#bidule3 .container{
background-color:white;
padding-right:20px;
padding-left:85px;
width:80%;
border:5px solid #C5C5C5;
}
#bidule3 .container li{
padding-left:20px;
}
/**/
/**/
#bidule2 .container {
background-image:url("../img/orisonGeo.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-right:50px;
padding-left:50px;
width:80%;
border-radius:20px;
border:5px solid #C5C5C5;
}
.carousel {
position: relative;
}
.controllers {
position: absolute;
top: 30px;
}
.carousel-control.left,
.carousel-control.right {
position: absolute;
bottom: 90px;
background-image: none;
}
/**/
.event-primary h2 {margin-top:10px}
.nopadding {
padding: 0 !important
}
time {
display: inline-block;
width: 100%;
color: rgb(255, 255, 255);
padding: 5px;
text-align: center;
text-transform: uppercase;
}
time.blue_green { background-color: #148aa5 }
time.blue_violet { background-color: #3714a4}
time.brown { background-color: #964B00}
time.crimson { background-color: #a50516}
time.deep_pink { background-color: #fb3c8f}
time.forest_green { background-color: #1b4f15}
time.fuchsia { background-color: #a51497}
time.gray { background-color: #686868}
time.green { background-color: #3aa03a}
time.hotpink { background-color: #ff0080}
time.lemon { background-color: #fee233}
time.ligh_blue { background-color: #8bbdeb}
time.light_red { background-color: #fc6a6c}
time.lime { background-color: #c1fd33}
time.lime_green { background-color: #2bfd2f}
time.magenta { background-color: #fc1cad}
time.maroon { background-color: #7f2b14}
time.midnight { background-color: #000066}
time.olive { background-color: #2b4726}
time.orange { background-color: #fd7222}
time.orange_red { background-color: #fc331c}
time.orange_yellow { background-color: #ffcc00}
time.peach { background-color: #FFE5B4}
time.pink { background-color:rgba(115,183,43)}
time.purple { background-color: #b4008c}
time.red { background-color: #fc0d1b}
time.red_orange { background-color: #d7462c }
time.salmon { background-color: #f69e94}
time.tan { background-color: #f2ddbf}
time.teal { background-color: #2b8a6d}
time.violet { background-color: #6b28ce}
time.violet_blue { background-color: #6041fa}
time.white { background-color: #ffffff}
time.yellow { background-color: #feee35}
time.yellow_green { background-color: #defd35}
time.yellow_orange { background-color: #fec42e}
.time {
background-color: rgb(165, 82, 167);
}
time > span {
display: none;
}
time > .day {
display: block;
font-size: 4em;
font-weight: 100;
line-height: 1;
}
time > .month {
display: block;
font-size: 24pt;
font-weight: 900;
line-height: 1;
}
.nopadding {padding:0 !important;margin:0!important;}
.panel-primary > .panel-footer {
color: #fff!important ;
background-color: rgba(48, 75, 155);
border-color: rgb(171,35,132);
}
.panel-primary >.panel-heading {
color: #fff!important ;
background-color: rgb(235,92,28);
border-color: rgb(171,35,132);
}
.panel-primary > .panel-footer p,.panel-primary a {color:#FFF}
/**/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
[am-LatoSans] {
font-family: 'Lato', sans-serif;
}
[am-TopLogo] {
max-height: 55px;
max-width: 105px;
}
/* Style the list */
ul.tab {
list-style-type: none;
overflow: hidden;
width: 100%;
background-image:url("../img/orisonGeo.png");
background-position: center;
border:5px solid #C5C5C5;
text-align: center;
}
.menuInd {
height: 100px;
display: inline-flex;
}
/* Float the list items side by side */
ul.tab li {display: inline;}
/* Style the links inside the list items */
ul.tab li a {
color: black;
text-align: center;
padding: 1% 2%;
text-decoration: none;
font-size: 110%;
}
#qsnFONT:hover {
color:#F6651B;
}
#naFONT:hover {
color:#87D216;
}
#rdFONT:hover {
color:#1324B8;
}
#eisFONT:hover {
color:#B23BC7;
}
#contFONT:hover {
color:#F6651B;
}
/* Change background color of links on hover */
ul.tab li a:hover {
/* background-color: rgb(231, 231, 231, 0.6);*/
}
/* Create an active/current tablink class */
ul.tab li a:focus {
background-color: rgb(231, 231, 231);
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border-left-style: solid;
width: 80%;
margin-left:10%;
border: 1px solid rgb(200, 200, 200);
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
background: rgba(200, 200, 200, 0.2);
}
/**/
#custom-search-input {
margin:0;
margin-top: 10px;
padding: 0;
width:130%;
}
#custom-search-input .search-query {
padding-right: 3px;
padding-right: 4px \9;
padding-left: 3px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#custom-search-input button {
border: 0;
background: none;
/** belows styles are working good */
padding: 2px 5px;
margin-top: 2px;
position: relative;
left: -28px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#D9230F;
}
.search-query:focus + button {
z-index: 3;
}
}
/*
##Device = Laptops, Desktops
##Screen = B/w 1025px to 1280px
*/
@media (min-width: 1025px) and (max-width: 1280px) {
#conteneur {
height: auto; /* Par défaut. Prend la hauteur du contenu. */
border: 1px solid black;
}
#conteneur > .colonne {
width: 33%;
float: left;
}
h3{
font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
font-weight: bold; }
input[type='submit'] {
border-radius:50px;
}
p{
margin-bottom:0px;
}
.carousel-caption {
position: relative;
left: 0%;
right: 0%;
bottom: 0px;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
color: #000;
text-shadow: none;
& .btn {
text-shadow: none; // No shadow for button elements in carousel-caption
}
}
.search {
width: 100%;
position: relative
}
.searchTerm {
float: left;
width: 100%;
border: 3px solid #5B5B5B;
padding: 5px;
height: 5%;
margin-bottom: 7%;
border-radius: 5px;
outline: none;
color: grey;
}
.searchTerm:focus{
color: #000000;
}
.searchButton {
position: absolute;
right: -50px;
width: 40px;
height: 36px;
border: 1px solid #5B5B5B;
background: #5B5B5B;
text-align: center;
color: #fff;
border-radius: 5px;
cursor: pointer;
font-size: 20px;
}
/*Resize the wrap to see the search bar change!*/
.wrap{
width: 30%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*-----------------------*/
#divduturfu{
background-color:#77d8ff;
width:100%;
margin-top:2%;
border-style: solid;
border-width: 2px;
border-color: blue;
border-radius: 0px 30px 30px 0px;
}
.menuTab td {
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
word-break : break-all;
}
.ter a {
padding-top:0 .3em;
display: inline-block;
position: relative;
text-decoration: none;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
word-break:break-all;
}
.ter a:hover {
color: orange;
}
.ter a:after {
content: "";
display: block;
margin: auto;
height: 0.3em;
width: 0px;
background: transparent;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.ter a:hover:after {
width: 100%;
background: orange;
}
/* le menu, sous menu etc */
/*-----*/
.info{
width:75%;
border-radius: 0px 0px 10px 10px;
background-color: orange;
text-align: center;
}
.zoomAbsolute.clic-image{
width:100%;
margin-top:20%;
margin-right: 90%;
margin-left:-25%;
transform: scale(2,2);
z-index: 1;
}
.zoomAbsolute2.clic-image{
width:100%;
margin-top:20%;
margin-right: 90%;
margin-left:-33%;
transform: scale(2,2);
z-index: 1;
}
.rubrik{
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-width :2px;
font-size:15px;
text-decoration:none;
padding-left: 2%;
padding-right:6%;
border-radius: 0px 20px 20px 0px;
}
.rubrik:hover {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-style: solid;
text-decoration:none;
}
.rubrik:focus {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
text-decoration:none;
}
#colorPDF{
color: #0300d6 ;
border: none;
background: none;
cursor: pointer;
display:inline-block;
}
#colorINFO {
color:#ff6600 ;
}
#sousMenu{
margin-top:2%;
border-style: solid;
border-width: 1px;
padding-top:5px;
background-color:white;
}
#regroupMenu{
margin-top:2%;
}
#imgLienUtile{
width:60%;
height:60%;
}
#cadre {
padding-left :1%;
cursor:pointer;
z-index:3;
height:auto;
text-align:left;
color:black;
width:75%;
margin-bottom: 2%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
/*La fleche du milieu rechercherPage.php*/
.vl {
position: relative;
background: orange;
border: 3px solid #304B9B;
border-top-color: #304B9B;
height:100px;
}
.vl:after, .vl:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.vl:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: orange;
border-width: 30px;
margin-left: -30px;
}
.vl:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #304B9B;
}
/*----*/
.search2 {
width: 80%;
position: relative
}
#cadreSearch {
text-align:left;
padding-top :3%;
word-wrap : break-word;
z-index:3;
cursor:pointer;
}
#cadreNA {
z-index:3;
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRD {
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
z-index:3;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
cursor:pointer;
}
#cadreQsn2 {
z-index:3;
height:auto;
text-align:left;
color:black;
width:75%;
margin-bottom: 2%;
cursor:pointer;
margin-left:0%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreNa2 {
height:auto;
text-align:left;
color:black;
width:75%;
margin-bottom: 2%;
z-index:3;
margin-left:0%;
margin-right:10%;
cursor:pointer;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRd2 {
cursor:pointer;
height:auto;
text-align:left;
color:black;
width:75%;
margin-bottom: 2%;
z-index:3;
margin-left:0%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreEis2 {
height:auto;
text-align:left;
color:black;
width:75%;
margin-bottom: 2%;
z-index:3;
margin-left:0%;
margin-right:10%;
cursor:pointer;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreEIS {
cursor:pointer;
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:75%;
margin-bottom: 2%;
z-index:3;
margin-left:0%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
/**/
.boutonLeftMenu {
width:100%;
color:#fff ;
height: 35px;
border-color:rgb(48, 75, 155);
border-radius: 5px;
}
.boutonLeftMenu:hover {
background-color: #1400f0 ;
}
#bidule3 .container{
background-color:white;
padding-right:2%;
padding-left:2%;
width:80%;
border:5px solid #C5C5C5;
}
#bidule3 .container li{
padding-left:1%;
}
.menuIndex{
margin-left:-6%;
}
.menuIndexBug1{
margin-left:-4%;
}
.menuIndexBug2{
margin-left:-2.2%;
}
/**/
/**/
#bidule2 .container {
background-color:white;
padding-right:50px;
padding-left:50px;
width:80%;
border-radius:20px;
border:5px solid #C5C5C5;
}
.carousel {
position: relative;
}
.controllers {
position: absolute;
top: 30px;
}
.carousel-control.left,
.carousel-control.right {
position: absolute;
bottom: 90px;
background-image: none;
}
/**/
.event-primary h2 {margin-top:10px}
.nopadding {
padding: 0 !important
}
time {
display: inline-block;
width: 100%;
color: rgb(255, 255, 255);
padding: 5px;
text-align: center;
text-transform: uppercase;
}
time.blue_green { background-color: #148aa5 }
time.blue_violet { background-color: #3714a4}
time.brown { background-color: #964B00}
time.crimson { background-color: #a50516}
time.deep_pink { background-color: #fb3c8f}
time.forest_green { background-color: #1b4f15}
time.fuchsia { background-color: #a51497}
time.gray { background-color: #686868}
time.green { background-color: #3aa03a}
time.hotpink { background-color: #ff0080}
time.lemon { background-color: #fee233}
time.ligh_blue { background-color: #8bbdeb}
time.light_red { background-color: #fc6a6c}
time.lime { background-color: #c1fd33}
time.lime_green { background-color: #2bfd2f}
time.magenta { background-color: #fc1cad}
time.maroon { background-color: #7f2b14}
time.midnight { background-color: #000066}
time.olive { background-color: #2b4726}
time.orange { background-color: #fd7222}
time.orange_red { background-color: #fc331c}
time.orange_yellow { background-color: #ffcc00}
time.peach { background-color: #FFE5B4}
time.pink { background-color:rgba(16, 243, 0,0.5);}
time.purple { background-color: #b4008c}
time.red { background-color: #fc0d1b}
time.red_orange { background-color: #d7462c }
time.salmon { background-color: #f69e94}
time.tan { background-color: #f2ddbf}
time.teal { background-color: #2b8a6d}
time.violet { background-color: #6b28ce}
time.violet_blue { background-color: #6041fa}
time.white { background-color: #ffffff}
time.yellow { background-color: #feee35}
time.yellow_green { background-color: #defd35}
time.yellow_orange { background-color: #fec42e}
.time {
background-color: rgb(165, 82, 167);
}
time > span {
display: none;
}
time > .day {
display: block;
font-size: 4em;
font-weight: 100;
line-height: 1;
}
time > .month {
display: block;
font-size: 24pt;
font-weight: 900;
line-height: 1;
}
.nopadding {padding:0 !important;margin:0!important;}
.panel-primary > .panel-footer {
color: #fff!important ;
background-color: rgba(48, 75, 155);
border-color: rgb(171,35,132);
}
.panel-primary >.panel-heading {
color: #fff!important ;
background-color: rgb(235,92,28);
border-color: rgb(171,35,132);
}
.panel-primary > .panel-footer p,.panel-primary a {color:#FFF}
/**/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
[am-LatoSans] {
font-family: 'Lato', sans-serif;
}
[am-TopLogo] {
max-height: 55px;
max-width: 105px;
}
/* Style the list */
ul.tab {
list-style-type: none;
overflow: hidden;
width: 100%;
background-image:url("../img/orisonGeo.png");
background-position: center;
border:5px solid #C5C5C5;
text-align: center;
}
.menuInd {
height: 100px;
display: inline-flex;
}
/* Float the list items side by side */
ul.tab li {display: inline;}
/* Style the links inside the list items */
ul.tab li a {
color: black;
text-align: center;
padding: 1% 2%;
text-decoration: none;
font-size: 110%;
}
#qsnFONT:hover {
color:#F6651B;
}
#naFONT:hover {
color:#87D216;
}
#rdFONT:hover {
color:#1324B8;
}
#eisFONT:hover {
color:#B23BC7;
}
#contFONT:hover {
color:#F6651B;
}
/* Change background color of links on hover */
ul.tab li a:hover {
/* background-color: rgb(231, 231, 231, 0.6);*/
}
/* Create an active/current tablink class */
ul.tab li a:focus {
background-color: rgb(231, 231, 231);
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border-left-style: solid;
width: 80%;
margin-left:10%;
border: 1px solid rgb(200, 200, 200);
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
background: rgba(200, 200, 200, 0.2);
}
/**/
#custom-search-input {
margin:0;
margin-top: 10px;
padding: 0;
width:130%;
}
#custom-search-input .search-query {
padding-right: 3px;
padding-right: 4px \9;
padding-left: 3px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#custom-search-input button {
border: 0;
background: none;
/** belows styles are working good */
padding: 2px 5px;
margin-top: 2px;
position: relative;
left: -28px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#D9230F;
}
.search-query:focus + button {
z-index: 3;
}
}
/*
##Device = Tablets, Ipads (portrait)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) {
#conteneur {
height: auto; /* Par défaut. Prend la hauteur du contenu. */
border: 1px solid black;
}
#conteneur > .colonne {
width: 33%;
float: left;
}
h3{
font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
font-weight: bold; }
input[type='submit'] {
border-radius:50px;
}
p{
margin-bottom:0px;
}
.carousel-caption {
position: relative;
left: 0%;
right: 0%;
bottom: 0px;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
color: #000;
text-shadow: none;
& .btn {
text-shadow: none; // No shadow for button elements in carousel-caption
}
}
.search {
width: 100%;
position: relative
}
.searchTerm {
float: left;
width: 100%;
border: 3px solid #5B5B5B;
padding: 5px;
height: 5%;
margin-bottom: 7%;
border-radius: 5px;
outline: none;
color: grey;
}
.searchTerm:focus{
color: #000000;
}
.searchButton {
position: absolute;
right: -50px;
width: 40px;
height: 36px;
border: 1px solid #5B5B5B;
background: #5B5B5B;
text-align: center;
color: #fff;
border-radius: 5px;
cursor: pointer;
font-size: 20px;
}
/*Resize the wrap to see the search bar change!*/
.wrap{
width: 30%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*-----------------------*/
#divduturfu{
background-color:#77d8ff;
width:100%;
margin-top:2%;
border-style: solid;
border-width: 2px;
border-color: blue;
border-radius: 0px 30px 30px 0px;
}
.menuTab td {
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
word-break : break-all;
}
.ter a {
padding-top:0 .3em;
display: inline-block;
position: relative;
text-decoration: none;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
word-break:break-all;
}
.ter a:hover {
color: orange;
}
.ter a:after {
content: "";
display: block;
margin: auto;
height: 0.3em;
width: 0px;
background: transparent;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.ter a:hover:after {
width: 100%;
background: orange;
}
/* le menu, sous menu etc */
/*-----*/
.rubrik{
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-style: solid;
border-width :2px;
font-size:15px;
text-decoration:none;
padding-left: 2%;
padding-right:6%;
border-radius: 0px 20px 20px 0px;
}
.rubrik:hover {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-style: solid;
text-decoration:none;
}
.rubrik:focus {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
text-decoration:none;
}
#colorPDF{
color: #0300d6 ;
border: none;
background: none;
cursor: pointer;
display:inline-block;
}
#colorINFO {
color:#ff6600 ;
}
#sousMenu{
margin-top:2%;
border-style: solid;
border-width: 1px;
padding-top:5px;
background-color:white;
}
#regroupMenu{
margin-top:2%;
}
#imgLienUtile{
width:60%;
height:60%;
}
#cadre {
z-index:3;
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
cursor:pointer;
}
.vl {
border-left: 6px solid #304B9B;
height: 100%;
}
.search2 {
width: 80%;
position: relative
}
.menuIndex{
margin-left:-6%;
}
.menuIndexBug1{
margin-left:-4%;
}
.menuIndexBug2{
margin-left:-2.2%;
}
.zoomAbsolute.clic-image{
position: absolute;
width:100%;
top:110px;
right:95px;
transform: scale(2,2);
z-index: 1;
}
.zoomAbsolute2.clic-image{
position: absolute;
width:100%;
top:80px;
right:110px;
transform: scale(2,2);
z-index: 1;
}
#cadreQsn2 {
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
margin-right:10%;
z-index:3;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreNa2 {
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
z-index:3;
margin-right:10%;
cursor:pointer;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRd2 {
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
z-index:3;
margin-right:10%;
cursor:pointer;
background-color: #FFFFFF;
word-wrap : break-word;
}
.boutonLeftMenu{
width:100%;
background-color:rgb(48, 75, 155) ;
color:#fff;
height: 35px;
border-color:rgb(48, 75, 155);
border-radius: 5px;
}
.boutonLeftMenu:hover {
background-color: #1400f0 ;
}
#cadreEis2 {
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-right:10%;
z-index:3;
background-color: #FFFFFF;
word-wrap : break-word;
cursor:pointer;
}
.info{
width:85%;
border-radius: 0px 0px 10px 10px;
background-color: orange;
text-align: center;
}
#cadreSearch {
z-index:3;
text-align:left;
padding-top :3%;
word-wrap : break-word;
cursor:pointer;
}
#cadreNA {
z-index:3;
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRD {
cursor:pointer;
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
z-index:3;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreEIS {
cursor:pointer;
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
z-index:3;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
/*La fleche du milieu rechercherPage.php*/
.vl {
position: relative;
background: orange;
border: 3px solid #304B9B;
border-top-color: #304B9B;
height:100px;
}
.vl:after, .vl:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.vl:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: orange;
border-width: 30px;
margin-left: -30px;
}
.vl:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #304B9B;
}
/*----*/
/**/
/* #bidule .container{
margin-top:0%;
background-color:white;
padding-right:10%;
padding-left:10%;
width:100%;
border-radius:20px;
border:5px solid #C5C5C5;
}*/
#bidule3 .container{
background-color:white;
padding-right:20px;
padding-left:85px;
width:80%;
border:5px solid #C5C5C5;
}
#bidule3 .container li{
padding-left:20px;
}
/**/
#bidule2 .container {
background-image:url("../img/orisonGeo.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-right:50px;
padding-left:50px;
width:100%;
border-radius:20px;
border:5px solid #C5C5C5;
}
/**/
/**/
.carousel {
position: relative;
}
.controllers {
position: absolute;
top: 30px;
}
.carousel-control.left,
.carousel-control.right {
position: absolute;
bottom: 90px;
background-image: none;
}
/**/
.event-primary h2 {margin-top:10px}
.nopadding {
padding: 0 !important
}
time {
display: inline-block;
width: 100%;
color: rgb(255, 255, 255);
padding: 5px;
text-align: center;
text-transform: uppercase;
}
time.blue_green { background-color: #148aa5 }
time.blue_violet { background-color: #3714a4}
time.brown { background-color: #964B00}
time.crimson { background-color: #a50516}
time.deep_pink { background-color: #fb3c8f}
time.forest_green { background-color: #1b4f15}
time.fuchsia { background-color: #a51497}
time.gray { background-color: #686868}
time.green { background-color: #3aa03a}
time.hotpink { background-color: #ff0080}
time.lemon { background-color: #fee233}
time.ligh_blue { background-color: #8bbdeb}
time.light_red { background-color: #fc6a6c}
time.lime { background-color: #c1fd33}
time.lime_green { background-color: #2bfd2f}
time.magenta { background-color: #fc1cad}
time.maroon { background-color: #7f2b14}
time.midnight { background-color: #000066}
time.olive { background-color: #2b4726}
time.orange { background-color: #fd7222}
time.orange_red { background-color: #fc331c}
time.orange_yellow { background-color: #ffcc00}
time.peach { background-color: #FFE5B4}
time.pink { background-color:rgba(16, 243, 0,0.5);}
time.purple { background-color: #b4008c}
time.red { background-color: #fc0d1b}
time.red_orange { background-color: #d7462c }
time.salmon { background-color: #f69e94}
time.tan { background-color: #f2ddbf}
time.teal { background-color: #2b8a6d}
time.violet { background-color: #6b28ce}
time.violet_blue { background-color: #6041fa}
time.white { background-color: #ffffff}
time.yellow { background-color: #feee35}
time.yellow_green { background-color: #defd35}
time.yellow_orange { background-color: #fec42e}
.time {
background-color: rgb(165, 82, 167);
}
time > span {
display: none;
}
time > .day {
display: block;
font-size: 4em;
font-weight: 100;
line-height: 1;
}
time > .month {
display: block;
font-size: 24pt;
font-weight: 900;
line-height: 1;
}
.nopadding {padding:0 !important;margin:0!important;}
.panel-primary > .panel-footer {
color: #fff!important ;
background-color: rgba(48, 75, 155);
border-color: rgb(171,35,132);
}
.panel-primary >.panel-heading {
color: #fff!important ;
background-color: rgb(235,92,28);
border-color: rgb(171,35,132);
}
.panel-primary > .panel-footer p,.panel-primary a {color:#FFF}
/**/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
[am-LatoSans] {
font-family: 'Lato', sans-serif;
}
[am-TopLogo] {
max-height: 55px;
max-width: 105px;
}
ul.tab {
list-style-type: none;
overflow: hidden;
width: 100%;
background-image:url("../img/orisonGeo.png");
background-position: center;
border:5px solid #C5C5C5;
text-align: center;
}
.menuInd {
height: 100px;
display: inline-flex;
}
/* Float the list items side by side */
ul.tab li {display: inline;}
/* Style the links inside the list items */
ul.tab li a {
color: black;
text-align: center;
padding: 1% 2%;
text-decoration: none;
font-size: 110%;
}
#qsnFONT:hover {
color:#F6651B;
}
#naFONT:hover {
color:#87D216;
}
#rdFONT:hover {
color:#1324B8;
}
#eisFONT:hover {
color:#B23BC7;
}
#contFONT:hover {
color:#F6651B;
}
/* Change background color of links on hover */
ul.tab li a:hover {
/* background-color: rgb(231, 231, 231, 0.6);*/
}
/* Create an active/current tablink class */
ul.tab li a:focus {
background-color: rgb(231, 231, 231);
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border-left-style: solid;
width: 80%;
margin-left:10%;
border: 1px solid rgb(200, 200, 200);
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
background: rgba(200, 200, 200, 0.2);
}
/**/
#custom-search-input {
margin:0;
margin-top: 10px;
padding: 0;
width:130%;
}
#custom-search-input .search-query {
padding-right: 3px;
padding-right: 4px \9;
padding-left: 3px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#custom-search-input button {
border: 0;
background: none;
/** belows styles are working good */
padding: 2px 5px;
margin-top: 2px;
position: relative;
left: -28px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#D9230F;
}
.search-query:focus + button {
z-index: 3;
}
#footer{
background-color: #424242;
position: absolute;
padding-top:14px;
bottom: 0;
height: 60px;
width:100%;
text-align: center;
}
}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 768px to 1024px
*/
@media (min-width: 768px) and (max-width: 1024px) and (orientation: landscape) {
#conteneur {
height: auto; /* Par défaut. Prend la hauteur du contenu. */
border: 1px solid black;
}
#conteneur > .colonne {
width: 33%;
float: left;
}
h3{
font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
font-weight: bold; }
input[type='submit'] {
border-radius:50px;
}
p{
margin-bottom:0px;
}
.carousel-caption {
position: relative;
left: 0%;
right: 0%;
bottom: 0px;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
color: #000;
text-shadow: none;
& .btn {
text-shadow: none; // No shadow for button elements in carousel-caption
}
}
.search {
width: 100%;
position: relative;
margin-top:0px;
margin-left:10%;
}
.searchTerm {
float: left;
width: 100%;
border: 3px solid #5B5B5B;
padding: 5px;
height: 5%;
margin-bottom: 7%;
border-radius: 5px;
outline: none;
color: grey;
}
.searchTerm:focus{
color: #000000;
}
.searchButton {
position: absolute;
right: -50px;
width: 40px;
height: 36px;
border: 1px solid #5B5B5B;
background: #5B5B5B;;
text-align: center;
color: #fff;
border-radius: 5px;
cursor: pointer;
font-size: 20px;
}
/*Resize the wrap to see the search bar change!*/
.wrap{
width: 30%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*-----------------------*/
#divduturfu{
background-color:#77d8ff;
width:100%;
margin-top:2%;
border-style: solid;
border-width: 2px;
border-color: blue;
border-radius: 0px 30px 30px 0px;
}
.menuTab td {
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
word-break : break-all;
}
.ter a {
padding-top:0 .3em;
display: inline-block;
position: relative;
text-decoration: none;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
word-break:break-all;
}
.ter a:hover {
color: orange;
}
.ter a:after {
content: "";
display: block;
margin: auto;
height: 0.3em;
width: 0px;
background: transparent;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.ter a:hover:after {
width: 100%;
background: orange;
}
/* le menu, sous menu etc */
/*-----*/
.rubrik{
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-style: solid;
border-width :2px;
font-size:12.5px;
text-decoration:none;
padding-left: 2%;
padding-right:6%;
border-radius: 0px 20px 20px 0px;
}
.rubrik:hover {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-style: solid;
text-decoration:none;
}
.rubrik:focus {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
text-decoration:none;
}
#colorPDF{
border: none;
background: none;
cursor: pointer;
display:inline-block;
color: #0300d6 ;
}
#colorINFO {
color:#ff6600 ;
}
#sousMenu{
margin-top:2%;
border-style: solid;
border-width: 1px;
padding-top:5px;
background-color:white;
}
#regroupMenu{
margin-top:2%;
}
.menuIndex{
margin-left:-6%;
}
.menuIndexBug1{
margin-left:-4%;
}
.menuIndexBug2{
margin-left:-2.2%;
}
.zoomAbsolute.clic-image{
position: absolute;
width:100%;
top:110px;
right:290px;
transform: scale(2,2);
z-index: 1;
}
.zoomAbsolute2.clic-image{
position: absolute;
width:100%;
top:80px;
right:140px;
transform: scale(2,2);
z-index: 1;
}
#cadreQsn2 {
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
margin-left:15%;
margin-right:10%;
z-index:3;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreNa2 {
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
margin-left:15%;
margin-right:10%;
z-index:3;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRd2 {
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
z-index:3;
margin-left:15%;
margin-right:10%;
cursor:pointer;
background-color: #FFFFFF;
word-wrap : break-word;
}
.boutonLeftMenu{
width:100%;
background-color:rgb(48, 75, 155);
color:#fff;
height: 35px;
border-color:rgb(48, 75, 155);
border-radius: 5px;
}
.boutonLeftMenu:hover {
background-color: #1400f0 ;
}
#cadreEis2 {
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
margin-left:15%;
margin-right:10%;
z-index:3;
background-color: #FFFFFF;
word-wrap : break-word;
}
.info{
width:85%;
margin-left:15%;
border-radius: 0px 0px 10px 10px;
background-color: orange;
text-align: center;
}
#imgLienUtile{
width:60%;
height:60%;
}
.search2 {
width: 80%;
position: relative
}
#cadre {
z-index:3;
padding-left :3%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
cursor:pointer;
}
.vl {
border-left: 6px solid #304B9B;
height: 100%;
}
#cadreSearch {
cursor:pointer;
text-align:left;
padding-top :3%;
word-wrap : break-word;
z-index:3;
}
#cadreNA {
cursor:pointer;
z-index:3;
padding-left :3%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRD {
cursor:pointer;
padding-left :3%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
z-index:3;
}
#cadreEIS {
cursor:pointer;
z-index:3;
padding-left :3%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
/*La fleche du milieu rechercherPage.php*/
.vl {
position: relative;
background: orange;
border: 3px solid #304B9B;
border-top-color: #304B9B;
height:100px;
}
.vl:after, .vl:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.vl:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: orange;
border-width: 30px;
margin-left: -30px;
}
.vl:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #304B9B;
}
/*----*/
/**/
#bidule3 .container{
background-color:white;
padding-right:50px;
padding-left:50px;
width:100%;
border:5px solid #C5C5C5;
}
#bidule3 .container li{
padding-left:2px;
}
/**/
#bidule2 .container {
background-image:url("../img/orisonGeo.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-right:50px;
padding-left:50px;
width:100%;
border-radius:20px;
border:5px solid #C5C5C5;
}
.carousel {
position: relative;
}
.controllers {
position: absolute;
top: 30px;
}
.carousel-control.left,
.carousel-control.right {
position: absolute;
bottom: 90px;
background-image: none;
}
/**/
.event-primary h2 {margin-top:10px}
.nopadding {
padding: 0 !important
}
time {
display: inline-block;
width: 100%;
color: rgb(255, 255, 255);
padding: 5px;
text-align: center;
text-transform: uppercase;
}
time.blue_green { background-color: #148aa5 }
time.blue_violet { background-color: #3714a4}
time.brown { background-color: #964B00}
time.crimson { background-color: #a50516}
time.deep_pink { background-color: #fb3c8f}
time.forest_green { background-color: #1b4f15}
time.fuchsia { background-color: #a51497}
time.gray { background-color: #686868}
time.green { background-color: #3aa03a}
time.hotpink { background-color: #ff0080}
time.lemon { background-color: #fee233}
time.ligh_blue { background-color: #8bbdeb}
time.light_red { background-color: #fc6a6c}
time.lime { background-color: #c1fd33}
time.lime_green { background-color: #2bfd2f}
time.magenta { background-color: #fc1cad}
time.maroon { background-color: #7f2b14}
time.midnight { background-color: #000066}
time.olive { background-color: #2b4726}
time.orange { background-color: #fd7222}
time.orange_red { background-color: #fc331c}
time.orange_yellow { background-color: #ffcc00}
time.peach { background-color: #FFE5B4}
time.pink { background-color:rgba(16, 243, 0,0.5);}
time.purple { background-color: #b4008c}
time.red { background-color: #fc0d1b}
time.red_orange { background-color: #d7462c }
time.salmon { background-color: #f69e94}
time.tan { background-color: #f2ddbf}
time.teal { background-color: #2b8a6d}
time.violet { background-color: #6b28ce}
time.violet_blue { background-color: #6041fa}
time.white { background-color: #ffffff}
time.yellow { background-color: #feee35}
time.yellow_green { background-color: #defd35}
time.yellow_orange { background-color: #fec42e}
.time {
background-color: rgb(165, 82, 167);
}
time > span {
display: none;
}
time > .day {
display: block;
font-size: 4em;
font-weight: 100;
line-height: 1;
}
time > .month {
display: block;
font-size: 24pt;
font-weight: 900;
line-height: 1;
}
.nopadding {padding:0 !important;margin:0!important;}
.panel-primary > .panel-footer {
color: #fff!important ;
background-color: rgba(48, 75, 155);
border-color: rgb(171,35,132);
}
.panel-primary >.panel-heading {
color: #fff!important ;
background-color: rgb(235,92,28);
border-color: rgb(171,35,132);
}
.panel-primary > .panel-footer p,.panel-primary a {color:#FFF}
/**/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
[am-LatoSans] {
font-family: 'Lato', sans-serif;
}
[am-TopLogo] {
max-height: 55px;
max-width: 105px;
}
ul.tab {
list-style-type: none;
overflow: hidden;
width: 100%;
background-image:url("../img/orisonGeo.png");
background-position: center;
border:5px solid #C5C5C5;
text-align: center;
}
.menuInd {
height: 100px;
display: inline-flex;
}
/* Float the list items side by side */
ul.tab li {display: inline;}
/* Style the links inside the list items */
ul.tab li a {
color: black;
text-align: center;
padding: 1% 2%;
text-decoration: none;
font-size: 110%;
}
#qsnFONT:hover {
color:#F6651B;
}
#naFONT:hover {
color:#87D216;
}
#rdFONT:hover {
color:#1324B8;
}
#eisFONT:hover {
color:#B23BC7;
}
#contFONT:hover {
color:#F6651B;
}
/* Change background color of links on hover */
ul.tab li a:hover {
/* background-color: rgb(231, 231, 231, 0.6);*/
}
/* Create an active/current tablink class */
ul.tab li a:focus {
background-color: rgb(231, 231, 231);
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border-left-style: solid;
width: 80%;
margin-left:10%;
border: 1px solid rgb(200, 200, 200);
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
background: rgba(200, 200, 200, 0.2);
}
/**/
#custom-search-input {
margin:0;
margin-top: 10px;
padding: 0;
width:130%;
}
#custom-search-input .search-query {
padding-right: 3px;
padding-right: 4px \9;
padding-left: 3px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#custom-search-input button {
border: 0;
background: none;
/** belows styles are working good */
padding: 2px 5px;
margin-top: 2px;
position: relative;
left: -28px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#D9230F;
}
.search-query:focus + button {
z-index: 3;
}
}
/*
##Device = latops (landscape)
##Screen = B/w 1280px
*/
@media (min-width: 1280px) and (max-width:1280px) and (orientation: landscape) {
#conteneur {
height: auto; /* Par défaut. Prend la hauteur du contenu. */
border: 1px solid black;
}
#conteneur > .colonne {
width: 33%;
float: left;
}
h3{
font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
font-weight: bold; }
#footer{
background-color: #424242;
position: absolute;
bottom: 0;
width:100%;
text-align: center;
color: #ffffff;
}
input[type='submit'] {
border-radius:50px;
}
p{
margin-bottom:0px;
}
.carousel-caption {
position: relative;
left: 0%;
right: 0%;
bottom: 0px;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
color: #000;
text-shadow: none;
& .btn {
text-shadow: none; // No shadow for button elements in carousel-caption
}
}
.carousel {
position: relative;
}
.controllers {
position: absolute;
top: 30px;
}
.carousel-control.left,
.carousel-control.right {
position: absolute;
bottom: 90px;
background-image: none;
}
/**/
.event-primary h2 {margin-top:10px}
.nopadding {
padding: 0 !important
}
time {
display: inline-block;
width: 100%;
color: rgb(255, 255, 255);
padding: 5px;
text-align: center;
text-transform: uppercase;
}
time.blue_green { background-color: #148aa5 }
time.blue_violet { background-color: #3714a4}
time.brown { background-color: #964B00}
time.crimson { background-color: #a50516}
time.deep_pink { background-color: #fb3c8f}
time.forest_green { background-color: #1b4f15}
time.fuchsia { background-color: #a51497}
time.gray { background-color: #686868}
time.green { background-color: #3aa03a}
time.hotpink { background-color: #ff0080}
time.lemon { background-color: #fee233}
time.ligh_blue { background-color: #8bbdeb}
time.light_red { background-color: #fc6a6c}
time.lime { background-color: #c1fd33}
time.lime_green { background-color: #2bfd2f}
time.magenta { background-color: #fc1cad}
time.maroon { background-color: #7f2b14}
time.midnight { background-color: #000066}
time.olive { background-color: #2b4726}
time.orange { background-color: #fd7222}
time.orange_red { background-color: #fc331c}
time.orange_yellow { background-color: #ffcc00}
time.peach { background-color: #FFE5B4}
time.pink { background-color:#46ff14}
time.purple { background-color: #b4008c}
time.red { background-color: #fc0d1b}
time.red_orange { background-color: #d7462c }
time.salmon { background-color: #f69e94}
time.tan { background-color: #f2ddbf}
time.teal { background-color: #2b8a6d}
time.violet { background-color: #6b28ce}
time.violet_blue { background-color: #6041fa}
time.white { background-color: #ffffff}
time.yellow { background-color: #feee35}
time.yellow_green { background-color: #defd35}
time.yellow_orange { background-color: #fec42e}
.time {
background-color: rgb(165, 82, 167);
}
time > span {
display: none;
}
time > .day {
display: block;
font-size: 4em;
font-weight: 100;
line-height: 1;
}
time > .month {
display: block;
font-size: 24pt;
font-weight: 900;
line-height: 1;
}
.nopadding {padding:0 !important;margin:0!important;}
.panel-primary > .panel-footer {
color: #fff!important ;
background-color: rgba(48, 75, 155);
border-color: rgb(171,35,132);
}
.panel-primary >.panel-heading {
color: #fff!important ;
background-color: rgb(235,92,28);
border-color: rgb(171,35,132);
}
.panel-primary > .panel-footer p,.panel-primary a {color:#FFF}
/**/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
[am-LatoSans] {
font-family: 'Lato', sans-serif;
}
[am-TopLogo] {
max-height: 55px;
max-width: 105px;
}
/*
Relevant styles below
*/
.navbar.navbar-inverse {
background-color: #f7f5fb ;
border-top: 1px inset rgba(255, 255, 255, 0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
border-radius: 10px;
margin-top: 10px;
}
.navbar .navbar-nav > li > a {
color: #ff5a00;
font-weight: 700;
text-rendering: optimizeLegibility;
line-height: 18px;
}
.navbar .navbar-nav > li {
padding-left: 15px;
text-align: center;
}
.navbar-inverse .navbar-nav > li > a.active {
background: white;
color: #ff5a00;
text-shadow:none;
}
.navbar-inverse .navbar-nav > li > a:hover {
background: white;
color: #ff5a00;
text-shadow:none;
}
.navbar-inverse .navbar-nav > li > a:visited {
background: white;
color: #ff5a00;
text-shadow:none;
}
.navbar-inverse .navbar-nav > li > a:focus {
background: white;
color: #ff5a00;
text-shadow:none;
}
/**/
#custom-search-input {
margin:0;
margin-top: 10px;
padding: 0;
width:130%;
}
#custom-search-input .search-query {
padding-right: 3px;
padding-right: 4px \9;
padding-left: 3px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#custom-search-input button {
border: 0;
background: none;
/** belows styles are working good */
padding: 2px 5px;
margin-top: 2px;
position: relative;
left: -28px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#D9230F;
}
.search-query:focus + button {
z-index: 3;
}
}
/*
##Device = Tablets, Ipads (landscape)
##Screen = B/w 960px to 1024px
*/
@media (min-width: 960px) and (max-width: 960px) and (orientation: landscape) {
#conteneur {
height: auto; /* Par défaut. Prend la hauteur du contenu. */
border: 1px solid black;
}
#conteneur > .colonne {
width: 33%;
float: left;
}
h3{
font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
font-weight: bold; }
#footer{
background-color: #424242;
position: absolute;
bottom: 0;
width:100%;
text-align: left;
color: #ffffff;
}
input[type='submit'] {
border-radius:50px;
}
p{
margin-bottom:0px;
}
.carousel-caption {
position: relative;
left: 0%;
right: 0%;
bottom: 0px;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
color: #000;
text-shadow: none;
& .btn {
text-shadow: none; // No shadow for button elements in carousel-caption
}
}
.carousel {
position: relative;
}
.controllers {
position: absolute;
top: 30px;
}
.carousel-control.left,
.carousel-control.right {
position: absolute;
bottom: 90px;
background-image: none;
}
/**/
.event-primary h2 {margin-top:10px}
.nopadding {
padding: 0 !important
}
time {
display: inline-block;
width: 100%;
color: rgb(255, 255, 255);
padding: 5px;
text-align: center;
text-transform: uppercase;
}
time.blue_green { background-color: #148aa5 }
time.blue_violet { background-color: #3714a4}
time.brown { background-color: #964B00}
time.crimson { background-color: #a50516}
time.deep_pink { background-color: #fb3c8f}
time.forest_green { background-color: #1b4f15}
time.fuchsia { background-color: #a51497}
time.gray { background-color: #686868}
time.green { background-color: #3aa03a}
time.hotpink { background-color: #ff0080}
time.lemon { background-color: #fee233}
time.ligh_blue { background-color: #8bbdeb}
time.light_red { background-color: #fc6a6c}
time.lime { background-color: #c1fd33}
time.lime_green { background-color: #2bfd2f}
time.magenta { background-color: #fc1cad}
time.maroon { background-color: #7f2b14}
time.midnight { background-color: #000066}
time.olive { background-color: #2b4726}
time.orange { background-color: #fd7222}
time.orange_red { background-color: #fc331c}
time.orange_yellow { background-color: #ffcc00}
time.peach { background-color: #FFE5B4}
time.pink { background-color:#46ff14}
time.purple { background-color: #b4008c}
time.red { background-color: #fc0d1b}
time.red_orange { background-color: #d7462c }
time.salmon { background-color: #f69e94}
time.tan { background-color: #f2ddbf}
time.teal { background-color: #2b8a6d}
time.violet { background-color: #6b28ce}
time.violet_blue { background-color: #6041fa}
time.white { background-color: #ffffff}
time.yellow { background-color: #feee35}
time.yellow_green { background-color: #defd35}
time.yellow_orange { background-color: #fec42e}
.time {
background-color: rgb(165, 82, 167);
}
time > span {
display: none;
}
time > .day {
display: block;
font-size: 4em;
font-weight: 100;
line-height: 1;
}
time > .month {
display: block;
font-size: 24pt;
font-weight: 900;
line-height: 1;
}
.nopadding {padding:0 !important;margin:0!important;}
.panel-primary > .panel-footer {
color: #fff!important ;
background-color: rgba(48, 75, 155);
border-color: rgb(171,35,132);
}
.panel-primary >.panel-heading {
color: #fff!important ;
background-color: rgb(235,92,28);
border-color: rgb(171,35,132);
}
.panel-primary > .panel-footer p,.panel-primary a {color:#FFF}
/**/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
[am-LatoSans] {
font-family: 'Lato', sans-serif;
}
[am-TopLogo] {
max-height: 55px;
max-width: 105px;
}
/*
Relevant styles below
*/
.navbar.navbar-inverse {
background-color: #f7f5fb ;
border-top: 1px inset rgba(255, 255, 255, 0.1);
box-shadow: 0px 2px 2px rgba(0, 0, 0, 0.5);
border-radius: 10px;
margin-top: 10px;
}
.navbar .navbar-nav > li > a {
color: #ff5a00;
font-weight: 700;
text-rendering: optimizeLegibility;
line-height: 18px;
}
.navbar .navbar-nav > li {
padding-left: 15px;
text-align: center;
}
.navbar-inverse .navbar-nav > li > a.active {
background: white;
color: #ff5a00;
text-shadow:none;
}
.navbar-inverse .navbar-nav > li > a:hover {
background: white;
color: #ff5a00;
text-shadow:none;
}
.navbar-inverse .navbar-nav > li > a:visited {
background: white;
color: #ff5a00;
text-shadow:none;
}
.navbar-inverse .navbar-nav > li > a:focus {
background: white;
color: #ff5a00;
text-shadow:none;
}
/**/
#custom-search-input {
margin:0;
margin-top: 10px;
padding: 0;
width:130%;
}
#custom-search-input .search-query {
padding-right: 3px;
padding-right: 4px \9;
padding-left: 3px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#custom-search-input button {
border: 0;
background: none;
/** belows styles are working good */
padding: 2px 5px;
margin-top: 2px;
position: relative;
left: -28px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#D9230F;
}
.search-query:focus + button {
z-index: 3;
}
}
/*
##Device = Low Resolution Tablets, Mobiles (Landscape)
##Screen = B/w 481px to 767px
*/
@media (min-width: 481px) and (max-width: 767px) {
#conteneur {
height: auto; /* Par défaut. Prend la hauteur du contenu. */
border: 1px solid black;
}
#conteneur > .colonne {
width: 33%;
float: left;
}
h3{
font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
font-weight: bold; }
input[type='submit'] {
border-radius:50px;
}
p{
margin-bottom:0px;
}
.carousel-caption {
position: relative;
left: 0%;
right: 0%;
bottom: 0px;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
color: #000;
text-shadow: none;
& .btn {
text-shadow: none; // No shadow for button elements in carousel-caption
}
}
.search {
width: 85%;
position: relative
}
.search2 {
width: 80%;
position: relative
}
.searchTerm {
float: left;
width: 100%;
border: 3px solid #5B5B5B;
padding: 5px;
height: 5%;
margin-bottom: 7%;
border-radius: 5px;
outline: none;
color: grey;
}
.searchTerm:focus{
color: #000000;
}
.searchButton {
position: absolute;
right: -50px;
width: 40px;
height: 36px;
border: 1px solid #5B5B5B;
background: #5B5B5B;
text-align: center;
color: #fff;
border-radius: 5px;
cursor: pointer;
font-size: 20px;
}
/*Resize the wrap to see the search bar change!*/
.wrap{
width: 30%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*-----------------------*/
#divduturfu{
background-color:#77d8ff;
width:100%;
margin-top:2%;
border-style: solid;
border-width: 2px;
border-color: blue;
border-radius: 0px 30px 30px 0px;
}
.menuTab td {
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
word-break : break-all;
}
.ter a {
padding-top:0 .3em;
display: inline-block;
position: relative;
text-decoration: none;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
word-break:break-all;
}
.ter a:hover {
color: orange;
}
.ter a:after {
content: "";
display: block;
margin: auto;
height: 0.3em;
width: 0px;
background: transparent;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.ter a:hover:after {
width: 100%;
background: orange;
}
.menuIndex{
margin-left:-6%;
}
.menuIndexBug1{
margin-left:-4%;
}
.menuIndexBug2{
margin-left:-2.2% ;
}
/* le menu, sous menu etc */
/*-----*/
.rubrik{
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-style: solid;
border-width :2px;
font-size:15px;
text-decoration:none;
padding-left: 2%;
padding-right:6%;
border-radius: 0px 20px 20px 0px;
}
.rubrik:hover {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-style: solid;
text-decoration:none;
}
.rubrik:focus {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
text-decoration:none;
}
#colorPDF{
color: #0300d6 ;
border: none;
background: none;
cursor: pointer;
display:inline-block;
}
#colorINFO {
color:#ff6600 ;
}
#sousMenu{
margin-top:2%;
border-style: solid;
border-width: 1px;
padding-top:5px;
background-color:white;
}
#regroupMenu{
margin-top:2%;
}
#cadre {
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
z-index:3;
}
.zoomAbsolute.clic-image{
position: absolute;
width:100%;
top:110px;
right:350px;
transform: scale(2,2);
z-index: 1;
}
.zoomAbsolute2.clic-image{
position: absolute;
width:100%;
top:80px;
right:210px;
transform: scale(2,2);
z-index: 1;
}
#imgLienUtile{
width:60%;
height:60%;
}
#cadreQsn2 {
cursor:pointer;
z-index:3;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
z-index:3;
}
#cadreNa2 {
cursor:pointer;
z-index:3;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRd2 {
cursor:pointer;
z-index:3;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
}
.info{
width:85%;
border-radius: 0px 0px 10px 10px;
background-color: orange;
margin-left:15%;
text-align: center;
}
.boutonLeftMenu{
width:100%;
background-color:rgb(48, 75, 155) ;
color:#fff;
height: 35px;
border-color:rgb(48, 75, 155);
border-radius: 5px;
}
.boutonLeftMenu:hover {
background-color: #1400f0 ;
}
/*La fleche du milieu rechercherPage.php*/
.vl {
position: relative;
background: orange;
border: 3px solid #304B9B;
border-top-color: #304B9B;
height:100px;
}
.vl:after, .vl:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.vl:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: orange;
border-width: 30px;
margin-left: -30px;
}
.vl:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #304B9B;
}
/*----*/
#cadreSearch {
text-align:left;
padding-top :3%;
word-wrap : break-word;
cursor:pointer;
z-index:3;
}
#cadreNA {
cursor:pointer;
z-index:3;
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRD {
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
z-index:3;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreEis2 {
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
z-index:3;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreEIS {
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
z-index:3;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
/**/
#bidule3 .container{
background-color:white;
padding-right:50px;
padding-left:50px;
width:100%;
border:5px solid #C5C5C5;
}
#bidule3 .container li{
padding-left:2px;
}
/**/
#bidule2 .container {
background-image:url("../img/orisonGeo.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-right:50px;
padding-left:50px;
width:100%;
border-radius:20px;
border:5px solid #C5C5C5;
}
.carousel {
position: relative;
}
.controllers {
position: absolute;
top: 30px;
}
.carousel-control.left,
.carousel-control.right {
position: absolute;
bottom: 90px;
background-image: none;
}
/**/
.event-primary h2 {margin-top:10px}
.nopadding {
padding: 0 !important
}
time {
display: inline-block;
width: 100%;
color: rgb(255, 255, 255);
padding: 5px;
text-align: center;
text-transform: uppercase;
}
time.blue_green { background-color: #148aa5 }
time.blue_violet { background-color: #3714a4}
time.brown { background-color: #964B00}
time.crimson { background-color: #a50516}
time.deep_pink { background-color: #fb3c8f}
time.forest_green { background-color: #1b4f15}
time.fuchsia { background-color: #a51497}
time.gray { background-color: #686868}
time.green { background-color: #3aa03a}
time.hotpink { background-color: #ff0080}
time.lemon { background-color: #fee233}
time.ligh_blue { background-color: #8bbdeb}
time.light_red { background-color: #fc6a6c}
time.lime { background-color: #c1fd33}
time.lime_green { background-color: #2bfd2f}
time.magenta { background-color: #fc1cad}
time.maroon { background-color: #7f2b14}
time.midnight { background-color: #000066}
time.olive { background-color: #2b4726}
time.orange { background-color: #fd7222}
time.orange_red { background-color: #fc331c}
time.orange_yellow { background-color: #ffcc00}
time.peach { background-color: #FFE5B4}
time.pink { background-color:rgba(16, 243, 0,0.5);}
time.purple { background-color: #b4008c}
time.red { background-color: #fc0d1b}
time.red_orange { background-color: #d7462c }
time.salmon { background-color: #f69e94}
time.tan { background-color: #f2ddbf}
time.teal { background-color: #2b8a6d}
time.violet { background-color: #6b28ce}
time.violet_blue { background-color: #6041fa}
time.white { background-color: #ffffff}
time.yellow { background-color: #feee35}
time.yellow_green { background-color: #defd35}
time.yellow_orange { background-color: #fec42e}
.time {
background-color: rgb(165, 82, 167);
}
time > span {
display: none;
}
time > .day {
display: block;
font-size: 4em;
font-weight: 100;
line-height: 1;
}
time > .month {
display: block;
font-size: 24pt;
font-weight: 900;
line-height: 1;
}
.nopadding {padding:0 !important;margin:0!important;}
.panel-primary > .panel-footer {
background-color: rgba(48, 75, 155);
border-color: rgb(171,35,132);
}
.panel-primary >.panel-heading {
color: #fff!important ;
background-color: rgb(235,92,28);
border-color: rgb(171,35,132);
}
.panel-primary > .panel-footer p,.panel-primary a {color:#FFF}
/**/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
[am-LatoSans] {
font-family: 'Lato', sans-serif;
}
[am-TopLogo] {
max-height: 55px;
max-width: 105px;
}
ul.tab {
list-style-type: none;
overflow: hidden;
width: 100%;
background-image:url("../img/orisonGeo.png");
background-position: center;
border:5px solid #C5C5C5;
text-align: center;
}
.menuInd {
height: 100px;
display: inline-flex;
}
/* Float the list items side by side */
ul.tab li {display: inline;}
/* Style the links inside the list items */
ul.tab li a {
color: black;
text-align: center;
padding: 1% 2%;
text-decoration: none;
font-size: 110%;
}
#qsnFONT:hover {
color:#F6651B;
}
#naFONT:hover {
color:#87D216;
}
#rdFONT:hover {
color:#1324B8;
}
#eisFONT:hover {
color:#B23BC7;
}
#contFONT:hover {
color:#F6651B;
}
/* Change background color of links on hover */
ul.tab li a:hover {
/* background-color: rgb(231, 231, 231, 0.6);*/
}
/* Create an active/current tablink class */
ul.tab li a:focus {
background-color: rgb(231, 231, 231);
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border-left-style: solid;
width: 80%;
margin-left:10%;
border: 1px solid rgb(200, 200, 200);
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
background: rgba(200, 200, 200, 0.2);
}
/**/
#custom-search-input {
margin:0;
margin-top: 10px;
padding: 0;
width:100%;
}
#custom-search-input .search-query {
padding-right: 3px;
padding-right: 4px \9;
padding-left: 3px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#custom-search-input button {
border: 0;
background: none;
/** belows styles are working good */
padding: 2px 5px;
margin-top: 2px;
position: relative;
left: -28px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#D9230F;
}
.search-query:focus + button {
z-index: 3;
}
}
/*
##Device = Most of the Smartphones Mobiles (Portrait)
##Screen = B/w 320px to 479px
*/
@media (min-width: 320px) and (max-width: 480px) {
#footer {
height: 80px;
background-color: #424242;
padding-bottom: 14px;
padding-top:14px;
color:white;
width:100%;
}
#conteneur {
height: auto; /* Par défaut. Prend la hauteur du contenu. */
border: 1px solid black;
}
#conteneur > .colonne {
width: 33%;
float: left;
}
h3{
font-family:Segoe UI,Frutiger,Frutiger Linotype,Dejavu Sans,Helvetica Neue,Arial,sans-serif;
font-weight: bold; }
input[type='submit'] {
border-radius:50px;
}
p{
margin-bottom:0px;
}
.carousel-caption {
position: relative;
left: 0%;
right: 0%;
bottom: 0px;
z-index: 10;
padding-top: 0px;
padding-bottom: 0px;
color: #000;
text-shadow: none;
& .btn {
text-shadow: none; // No shadow for button elements in carousel-caption
}
}
.search {
width: 85%;
position: relative
}
.search2 {
width: 80%;
position: relative
}
.searchTerm {
float: left;
width: 100%;
border: 3px solid #5B5B5B;
padding: 5px;
height: 5%;
margin-bottom: 7%;
border-radius: 5px;
outline: none;
color: grey;
}
.searchTerm:focus{
color: #000000;
}
.searchButton {
position: absolute;
right: -50px;
width: 40px;
height: 36px;
border: 1px solid #5B5B5B;
background: #5B5B5B;
text-align: center;
color: #fff;
border-radius: 5px;
cursor: pointer;
font-size: 20px;
}
/*Resize the wrap to see the search bar change!*/
.wrap{
width: 30%;
position: absolute;
top: 50%;
left: 50%;
transform: translate(-50%, -50%);
}
/*-----------------------*/
#divduturfu{
background-color:#77d8ff;
width:100%;
margin-top:2%;
border-style: solid;
border-width: 2px;
border-color: blue;
border-radius: 0px 30px 30px 0px;
}
.menuTab td {
padding-top:4px;
padding-bottom:4px;
padding-left:10px;
word-break : break-all;
}
.ter a {
padding-top:0 .3em;
display: inline-block;
position: relative;
text-decoration: none;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
word-break:break-all;
}
.ter a:hover {
color: orange;
}
.ter a:after {
content: "";
display: block;
margin: auto;
height: 0.3em;
width: 0px;
background: transparent;
transition: all 0.5s ease;
-webkit-transition: all 0.5s ease;
}
.ter a:hover:after {
width: 100%;
background: orange;
}
.menuIndex{
margin-left:-6%;
}
.menuIndexBug1{
margin-left:-4%;
}
.menuIndexBug2{
margin-left:-2.2% ;
}
/* le menu, sous menu etc */
/*-----*/
.
.rubrik{
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-style: solid;
border-width :2px;
font-size:15px;
text-decoration:none;
padding-left: 2%;
padding-right:6%;
border-radius: 0px 20px 20px 0px;
}
.rubrik:hover {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
border-style: solid;
text-decoration:none;
}
.rubrik:focus {
color:blue;
text-transform: ucwords;
font-family:"palatino linotype", palatino, serif;
font-weight: bold;
text-decoration:none;
}
#colorPDF{
color: #0300d6 ;
border: none;
background: none;
cursor: pointer;
display:inline-block;
}
#colorINFO {
color:#ff6600 ;
}
#sousMenu{
margin-top:2%;
border-style: solid;
border-width: 1px;
padding-top:5px;
background-color:white;
}
#regroupMenu{
margin-top:2%;
}
#cadre {
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
z-index:3;
}
.zoomAbsolute.clic-image{
position: absolute;
width:100%;
top:110px;
right:350px;
transform: scale(2,2);
z-index: 1;
}
.zoomAbsolute2.clic-image{
position: absolute;
width:100%;
top:80px;
right:210px;
transform: scale(2,2);
z-index: 1;
}
#imgLienUtile{
width:60%;
height:60%;
}
#cadreQsn2 {
cursor:pointer;
z-index:3;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
z-index:3;
}
#cadreNa2 {
cursor:pointer;
z-index:3;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRd2 {
cursor:pointer;
z-index:3;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
}
.info{
width:85%;
border-radius: 0px 0px 10px 10px;
background-color: orange;
margin-left:15%;
text-align: center;
}
.boutonLeftMenu{
width:100%;
background-color:rgb(48, 75, 155) ;
color:#fff ;
height: 35px;
border-color:rgb(48, 75, 155);
border-radius: 5px;
}
.boutonLeftMenu:hover {
background-color: #1400f0 ;
}
/*La fleche du milieu rechercherPage.php*/
.vl {
position: relative;
background: orange;
border: 3px solid #304B9B;
border-top-color: #304B9B;
height:100px;
}
.vl:after, .vl:before {
top: 100%;
left: 50%;
border: solid transparent;
content: " ";
height: 0;
width: 0;
position: absolute;
pointer-events: none;
}
.vl:after {
border-color: rgba(136, 183, 213, 0);
border-top-color: orange;
border-width: 30px;
margin-left: -30px;
}
.vl:before {
border-color: rgba(194, 225, 245, 0);
border-top-color: #304B9B;
}
/*----*/
#cadreSearch {
text-align:left;
padding-top :3%;
word-wrap : break-word;
cursor:pointer;
z-index:3;
}
#cadreNA {
cursor:pointer;
z-index:3;
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreRD {
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
z-index:3;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreEis2 {
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
z-index:3;
margin-left:15%;
margin-right:10%;
background-color: #FFFFFF;
word-wrap : break-word;
}
#cadreEIS {
padding-left :1%;
height:auto;
text-align:left;
color:black;
width:85%;
margin-bottom: 2%;
cursor:pointer;
z-index:3;
margin-left:15%;
margin-right:10%;
border-radius: 10px 10px 10px;
border-left: 4px solid orange;
background-color: #FFFFFF;
word-wrap : break-word;
}
/**/
#bidule3 .container{
background-color:white;
padding-right:50px;
padding-left:50px;
width:100%;
border:5px solid #C5C5C5;
}
#bidule3 .container li{
padding-left:2px;
}
/**/
#bidule2 .container {
background-image:url("../img/orisonGeo.png");
background-size: cover;
background-position: center;
background-repeat: no-repeat;
padding-right:50px;
padding-left:50px;
width:100%;
border-radius:20px;
border:5px solid #C5C5C5;
}
.carousel {
position: relative;
}
.controllers {
position: absolute;
top: 30px;
}
.carousel-control.left,
.carousel-control.right {
position: absolute;
bottom: 90px;
background-image: none;
}
/**/
.event-primary h2 {margin-top:10px}
.nopadding {
padding: 0 !important
}
time {
display: inline-block;
width: 100%;
color: rgb(255, 255, 255);
padding: 5px;
text-align: center;
text-transform: uppercase;
}
time.blue_green { background-color: #148aa5 }
time.blue_violet { background-color: #3714a4}
time.brown { background-color: #964B00}
time.crimson { background-color: #a50516}
time.deep_pink { background-color: #fb3c8f}
time.forest_green { background-color: #1b4f15}
time.fuchsia { background-color: #a51497}
time.gray { background-color: #686868}
time.green { background-color: #3aa03a}
time.hotpink { background-color: #ff0080}
time.lemon { background-color: #fee233}
time.ligh_blue { background-color: #8bbdeb}
time.light_red { background-color: #fc6a6c}
time.lime { background-color: #c1fd33}
time.lime_green { background-color: #2bfd2f}
time.magenta { background-color: #fc1cad}
time.maroon { background-color: #7f2b14}
time.midnight { background-color: #000066}
time.olive { background-color: #2b4726}
time.orange { background-color: #fd7222}
time.orange_red { background-color: #fc331c}
time.orange_yellow { background-color: #ffcc00}
time.peach { background-color: #FFE5B4}
time.pink { background-color:rgba(16, 243, 0,0.5);}
time.purple { background-color: #b4008c}
time.red { background-color: #fc0d1b}
time.red_orange { background-color: #d7462c }
time.salmon { background-color: #f69e94}
time.tan { background-color: #f2ddbf}
time.teal { background-color: #2b8a6d}
time.violet { background-color: #6b28ce}
time.violet_blue { background-color: #6041fa}
time.white { background-color: #ffffff}
time.yellow { background-color: #feee35}
time.yellow_green { background-color: #defd35}
time.yellow_orange { background-color: #fec42e}
.time {
background-color: rgb(165, 82, 167);
}
time > span {
display: none;
}
time > .day {
display: block;
font-size: 4em;
font-weight: 100;
line-height: 1;
}
time > .month {
display: block;
font-size: 24pt;
font-weight: 900;
line-height: 1;
}
.nopadding {padding:0 !important;margin:0!important;}
.panel-primary > .panel-footer {
color: #fff!important ;
background-color: rgba(48, 75, 155);
border-color: rgb(171,35,132);
}
.panel-primary >.panel-heading {
color: #fff!important ;
background-color: rgb(235,92,28);
border-color: rgb(171,35,132);
}
.panel-primary > .panel-footer p,.panel-primary a {color:#FFF}
/**/
@import url(http://fonts.googleapis.com/css?family=Lato:100,300,400,700,900);
[am-LatoSans] {
font-family: 'Lato', sans-serif;
}
[am-TopLogo] {
max-height: 55px;
max-width: 105px;
}
ul.tab {
list-style-type: none;
overflow: hidden;
width: 100%;
background-image:url("../img/orisonGeo.png");
background-position: center;
border:5px solid #C5C5C5;
text-align: center;
}
.menuInd {
height: 100px;
}
/* Float the list items side by side */
ul.tab li {display: inline;}
/* Style the links inside the list items */
ul.tab li a {
color: black;
text-align: center;
padding: 1% 2%;
text-decoration: none;
font-size: 110%;
}
#qsnFONT:hover {
color:#F6651B;
}
#naFONT:hover {
color:#87D216;
}
#rdFONT:hover {
color:#1324B8;
}
#eisFONT:hover {
color:#B23BC7;
}
#contFONT:hover {
color:#F6651B;
}
/* Change background color of links on hover */
ul.tab li a:hover {
/* background-color: rgb(231, 231, 231, 0.6);*/
}
/* Create an active/current tablink class */
ul.tab li a:focus {
background-color: rgb(231, 231, 231);
}
/* Style the tab content */
.tabcontent {
display: none;
padding: 6px 12px;
border-left-style: solid;
width: 80%;
margin-left:10%;
border: 1px solid rgb(200, 200, 200);
box-shadow: rgba(0, 0, 0, 0.1) 0px 5px 5px 2px;
background: rgba(200, 200, 200, 0.2);
}
/**/
#custom-search-input {
margin:0;
margin-top: 10px;
padding: 0;
width:100%;
}
#custom-search-input .search-query {
padding-right: 3px;
padding-right: 4px \9;
padding-left: 3px;
padding-left: 4px \9;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
}
#custom-search-input button {
border: 0;
background: none;
/** belows styles are working good */
padding: 2px 5px;
margin-top: 2px;
position: relative;
left: -28px;
/* IE7-8 doesn't have border-radius, so don't indent the padding */
margin-bottom: 0;
-webkit-border-radius: 3px;
-moz-border-radius: 3px;
border-radius: 3px;
color:#D9230F;
}
.search-query:focus + button {
z-index: 3;
}
/*mini menu*/
.tabreturn {
display:block;
}
.hamburger {
border: 2px solid #C5C5C5;
background-color: rgba(200, 200, 200, 0.5) ;
cursor: pointer;
font-weight: bold;
display:block;
text-align: center;
border-radius: 10px;
padding: 15px 15px 15px 15px;
}
.tab {
display:none;
}
.tab--open {
display: block;
}
.tabcontent--open {
display: block;
}
.tab--close {
display: none;
} }