838 lines
13 KiB
CSS
838 lines
13 KiB
CSS
@font-face {
|
|
font-family: 'Museo500';
|
|
src: url(Museo500-Regular.otf);
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
@font-face {
|
|
font-family: 'MuseoSlab';
|
|
src: url(Museo_Slab.otf);
|
|
font-weight: normal;
|
|
font-style: normal;
|
|
}
|
|
|
|
html, body {
|
|
margin: 0;
|
|
padding: 0;
|
|
font-family: arial, sans-serif;
|
|
background: white;
|
|
color: #6d6e70;
|
|
font-size: 13px;
|
|
}
|
|
|
|
div.page-wrapper {
|
|
background: white;
|
|
}
|
|
|
|
h1#logo {
|
|
width: 900px;
|
|
margin: auto;
|
|
margin-top: 20px;
|
|
margin-bottom: 22px;
|
|
text-align: left;
|
|
}
|
|
|
|
img {
|
|
border: none;
|
|
}
|
|
|
|
#nav, h2 {
|
|
font-family: MuseoSlab, sans-serif;
|
|
font-weight: normal;
|
|
}
|
|
|
|
h3, h4 {
|
|
font-family: Museo500, sans-serif;
|
|
font-weight: normal;
|
|
}
|
|
|
|
|
|
#nav {
|
|
border: 1px solid #a5a7aa;
|
|
border-width: 1px 0px;
|
|
list-style: none;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
padding: 10px 0;
|
|
width: 900px;
|
|
margin: auto;
|
|
margin-bottom: 42px;
|
|
font-size: 110%;
|
|
}
|
|
|
|
#nav li {
|
|
margin: 0;
|
|
padding: 0 5px;
|
|
display: inline;
|
|
}
|
|
|
|
#nav a {
|
|
color: #404041;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#nav li:after {
|
|
content: " /";
|
|
color: #404041;
|
|
}
|
|
|
|
#nav li.selected:after,
|
|
#nav li.ancestor:after,
|
|
#nav li a:hover,
|
|
#nav li.selected a,
|
|
#nav li.ancestor a {
|
|
color: #e0007a;
|
|
}
|
|
|
|
div#slider-wrapper {
|
|
width: 800px;
|
|
margin: auto;
|
|
position: relative;
|
|
text-align: left;
|
|
}
|
|
|
|
hr {
|
|
visibility: hidden;
|
|
clear: both;
|
|
}
|
|
|
|
div#slider-wrapper hr {
|
|
visibility: hidden;
|
|
clear: both;
|
|
margin-bottom: 20px;
|
|
}
|
|
|
|
div#slider ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
li.slide {
|
|
width: 800px;
|
|
padding: 0 0px;
|
|
height: 147px;
|
|
}
|
|
|
|
li.slide div.image {
|
|
height: 127px;
|
|
float: left;
|
|
}
|
|
|
|
li.slide h2 {
|
|
margin: 0;
|
|
padding-left: 45px;
|
|
font-size: 60px;
|
|
font-weight: normal;
|
|
height: 127px;
|
|
border-right: 1px solid #a5a7aa;
|
|
padding-right: 25px;
|
|
color: #505053;
|
|
float: left;
|
|
}
|
|
|
|
li.slide div {
|
|
width: auto;
|
|
position: relative;
|
|
left: 25px;
|
|
}
|
|
|
|
li.slide div p {
|
|
padding-right: 25px; /* compensate left: 25px */
|
|
}
|
|
|
|
li.slide div a {
|
|
background: #58595b;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
color: white;
|
|
text-decoration: none;
|
|
padding: 7px 12px;
|
|
}
|
|
|
|
div#slider-wrapper span#prevBtn a {
|
|
position: absolute;
|
|
width: 29px;
|
|
height: 58px;
|
|
background: url(slider-left.png) top left no-repeat;
|
|
top: 40px;
|
|
left: -39px;
|
|
text-indent: -4000px;
|
|
outline-style: none;
|
|
}
|
|
|
|
div#slider-wrapper span#nextBtn a {
|
|
position: absolute;
|
|
width: 29px;
|
|
height: 58px;
|
|
background: url(slider-right.png) top left no-repeat;
|
|
top: 40px;
|
|
right: -39px;
|
|
text-indent: -4000px;
|
|
outline-style: none;
|
|
}
|
|
|
|
div#boites-wrapper {
|
|
clear: both;
|
|
background: #636770;
|
|
}
|
|
|
|
div#boites hr {
|
|
border: #636770;
|
|
color: #636770;
|
|
background: #636770;
|
|
height: 1px;
|
|
clear: both;
|
|
margin: 0;
|
|
padding: 0;
|
|
}
|
|
|
|
div#boites {
|
|
width: 900px;
|
|
margin: auto;
|
|
}
|
|
|
|
div#boites h2,
|
|
div#boites h3 {
|
|
text-transform: uppercase;
|
|
}
|
|
|
|
div.boite {
|
|
text-align: left;
|
|
width: 216px;
|
|
height: 185px;
|
|
float: left;
|
|
background: white;
|
|
margin: 10px 10px;
|
|
padding: 26px 10px 10px 60px;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
|
|
-moz-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
|
|
-webkit-box-shadow: 0px 2px 3px rgba(0, 0, 0, .4);
|
|
}
|
|
|
|
div.boite h2 {
|
|
margin: 10px 0 0 0;
|
|
}
|
|
|
|
div.boite h3 {
|
|
margin: 0;
|
|
}
|
|
|
|
div.boite h2 {
|
|
color: #505053;
|
|
}
|
|
|
|
div.boite {
|
|
color: #6d6e70;
|
|
}
|
|
|
|
div.boite-identite { background: white url(id28.png) 15px 39px no-repeat; }
|
|
div.boite-eadmin { background: white url(e24.png) 15px 39px no-repeat; }
|
|
div.boite-references { background: white url(refs27.png) 15px 39px no-repeat; }
|
|
div.boite-solutions { background: white url(sol26.png) 15px 39px no-repeat; }
|
|
div.boite-actu { background: white url(feed22.png) 15px 39px no-repeat; }
|
|
|
|
#content a {
|
|
color: #37a7da;
|
|
text-decoration: none;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-moz-transition: all .2s ease-in-out;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#content a:hover {
|
|
color: #672290;
|
|
border-bottom: 1px dotted #672290;
|
|
}
|
|
|
|
a.plus,
|
|
#sidebar span.plugin_link a,
|
|
#content blockquote span.plugin_link a,
|
|
#content a.button,
|
|
a.bouton {
|
|
background: #58595b;
|
|
-webkit-border-radius: 4px;
|
|
-moz-border-radius: 4px;
|
|
border-radius: 4px;
|
|
-webkit-box-shadow: none;
|
|
-moz-box-shadow: none;
|
|
box-shadow: none;
|
|
color: white;
|
|
text-decoration: none;
|
|
padding: 8px 12px;
|
|
}
|
|
|
|
a.plus:hover,
|
|
#sidebar span.plugin_link a:hover,
|
|
#content blockquote span.plugin_link a:hover,
|
|
#content a.button:hover,
|
|
a.bouton:hover {
|
|
-webkit-box-shadow: 0 0 2px rgba(0, 0, 0, .9);
|
|
-moz-box-shadow: 0 0 2px rgba(0, 0, 0, .9);
|
|
border: none;
|
|
}
|
|
|
|
#content a.button {
|
|
background: #37a7da;
|
|
}
|
|
|
|
#content blockquote {
|
|
margin: 0;
|
|
}
|
|
|
|
#content blockquote span.plugin_link a,
|
|
a.bouton {
|
|
float: right;
|
|
background: #37a7da;
|
|
}
|
|
|
|
div.boite-identite a.plus,
|
|
div.boite-references a.plus {
|
|
background: #e0007a;
|
|
}
|
|
|
|
div.boite-eadmin a.plus,
|
|
div.boite-solutions a.plus {
|
|
background: #37a7da;
|
|
}
|
|
|
|
div.boite-identite,
|
|
div.boite-solutions {
|
|
margin-left: 0px;
|
|
}
|
|
|
|
div.boite-references {
|
|
margin-right: 0;
|
|
}
|
|
|
|
div.boite-actu {
|
|
width: 523px;
|
|
margin-right: 0px;
|
|
}
|
|
|
|
div.boite-actu div {
|
|
width: 250px;
|
|
float: left;
|
|
padding-right: 10px;
|
|
}
|
|
|
|
div.boite p,
|
|
div.boite a {
|
|
font-size: 85%;
|
|
}
|
|
|
|
div.boite p a {
|
|
font-size: 100%;
|
|
}
|
|
|
|
div.boite-actu a.suite,
|
|
a.suite {
|
|
color: inherit;
|
|
text-decoration: none;
|
|
text-align: right;
|
|
float: right;
|
|
padding-right: 10px;
|
|
padding-left: 12px;
|
|
background: transparent url(bulle.png) left center no-repeat;
|
|
font-weight: normal;
|
|
}
|
|
|
|
div.boite h2 span a {
|
|
text-decoration: none;
|
|
font-weight: normal;
|
|
color: #505053;
|
|
}
|
|
|
|
div.boite-actu h2 span a {
|
|
color: #37a7da;
|
|
}
|
|
|
|
div.boite-actu a {
|
|
text-decoration: none;
|
|
color: #37a7da;
|
|
font-weight: bold;
|
|
}
|
|
|
|
div.boite-actu a.suite:hover,
|
|
a.suite:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
div#footer {
|
|
clear: both;
|
|
background: #919396;
|
|
color: white;
|
|
margin: 0;
|
|
padding: 0;
|
|
text-align: center;
|
|
}
|
|
|
|
div#footer div {
|
|
text-align: left;
|
|
width: 900px;
|
|
margin: auto;
|
|
}
|
|
|
|
div#footer div div {
|
|
width: 210px;
|
|
float: left;
|
|
padding-right: 10px;
|
|
margin-right: 5px;
|
|
padding-top: 15px;
|
|
line-height: 130%;
|
|
padding-bottom: 10px;
|
|
}
|
|
|
|
div#footer ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
padding-left: 0px;
|
|
list-style: none;
|
|
}
|
|
|
|
div#footer div div strong {
|
|
background: url(bulleblanche.png) left center no-repeat;
|
|
padding-left: 8px;
|
|
}
|
|
|
|
div#footer div ul li {
|
|
background: url(dash.png) 2px 50% no-repeat;
|
|
padding-left: 9px;
|
|
}
|
|
|
|
div#footer div div span a {
|
|
font-weight: bold;
|
|
}
|
|
|
|
div#footer a {
|
|
color: white;
|
|
text-decoration: none;
|
|
}
|
|
|
|
div#footer a:hover {
|
|
text-decoration: underline;
|
|
}
|
|
|
|
div#wrapper {
|
|
width: 900px;
|
|
margin: auto;
|
|
}
|
|
|
|
div#content {
|
|
width: 570px;
|
|
float: left;
|
|
text-align: left;
|
|
}
|
|
|
|
div.deuxcolonnes {
|
|
text-align: justify;
|
|
margin: 1em 0;
|
|
-webkit-column-count: 2;
|
|
-webkit-column-gap: 2em;
|
|
-webkit-column-rule: 1px solid #eaeaea;
|
|
-moz-column-count: 2;
|
|
-moz-column-gap: 2em;
|
|
-moz-column-rule: 1px solid #eaeaea;
|
|
column-count: 2;
|
|
column-gap: 1em;
|
|
column-rule: 1px solid #eaeaea;
|
|
}
|
|
|
|
div#content p {
|
|
margin: 0 0 1em 0;
|
|
}
|
|
|
|
div#sidebar {
|
|
width: 225px;
|
|
border: 1px solid #babcbe;
|
|
float: right;
|
|
padding: 5px 20px;
|
|
margin-bottom: 10px;
|
|
}
|
|
|
|
#content h2 {
|
|
background: url(id54.png) 0px 10px no-repeat;
|
|
font-size: 56px;
|
|
font-weight: normal;
|
|
padding-left: 60px;
|
|
margin: 0 0 0.5em 0;
|
|
color: #636770;
|
|
}
|
|
|
|
.section-identity #content h2 {
|
|
background-image: url(id54.png);
|
|
}
|
|
|
|
.section-poll #content h2 {
|
|
background-image: url(o54.png);
|
|
}
|
|
|
|
.section-who #content h2,
|
|
.section-expertise #content h2 {
|
|
background-image: url(sol54.png);
|
|
}
|
|
|
|
.section-e-admin #content h2 {
|
|
background-image: url(e54.png);
|
|
}
|
|
|
|
.section-references #content h2 {
|
|
background-image: url(refs48.png);
|
|
}
|
|
.section-news #content h2 {
|
|
background-image: url(feed54.png);
|
|
}
|
|
|
|
#content h3,
|
|
#sidebar h3 {
|
|
font-size: 30px;
|
|
font-weight: normal;
|
|
text-align: center;
|
|
color: #404041;
|
|
border-bottom: 1px solid #404041;
|
|
background: url(downrose.png) top center no-repeat;
|
|
padding-top: 30px;
|
|
}
|
|
|
|
#content h4,
|
|
#sidebar h4 {
|
|
font-size: 20px;
|
|
font-weight: normal;
|
|
text-align: left;
|
|
margin-bottom: 1ex;
|
|
}
|
|
|
|
#sidebar div {
|
|
clear: both;
|
|
}
|
|
|
|
#sidebar img {
|
|
display: block;
|
|
margin: 0 auto;
|
|
}
|
|
|
|
#sidebar p span {
|
|
color: #e0007a;
|
|
}
|
|
|
|
#sidebar a.plus {
|
|
background: #e0007a;
|
|
width: 100px;
|
|
display: block;
|
|
text-align: center;
|
|
margin: 4em auto 2em auto;
|
|
}
|
|
|
|
#sidebar span.plugin_link a {
|
|
background: #37a7da;
|
|
width: 100px;
|
|
display: block;
|
|
text-align: center;
|
|
margin: 1em auto 2em auto;
|
|
}
|
|
|
|
div#slider-references-wrapper {
|
|
margin-top: 15px;
|
|
margin-bottom: 15px;
|
|
position: relative;
|
|
height: 95px;
|
|
width: 170px;
|
|
}
|
|
|
|
#sidebar div#slider-references-wrapper {
|
|
margin-left: 25px;
|
|
height: auto;
|
|
}
|
|
|
|
div#slider-references ul {
|
|
margin: 0;
|
|
padding: 0;
|
|
list-style: none;
|
|
}
|
|
|
|
div#slider-references li {
|
|
height: 100px;
|
|
width: 170px;
|
|
overflow: hidden;
|
|
display: block;
|
|
margin: 0 auto;
|
|
text-align: center;
|
|
}
|
|
|
|
span#slider-references-prev a {
|
|
position: absolute;
|
|
width: 25px;
|
|
height: 50px;
|
|
background: url(slider-left-small.png) top left no-repeat;
|
|
top: 20px;
|
|
left: -30px;
|
|
text-indent: -4000px;
|
|
outline-style: none;
|
|
}
|
|
|
|
span#slider-references-next a {
|
|
position: absolute;
|
|
width: 25px;
|
|
height: 50px;
|
|
background: url(slider-right-small.png) top left no-repeat;
|
|
top: 20px;
|
|
right: -30px;
|
|
text-indent: -4000px;
|
|
outline-style: none;
|
|
}
|
|
|
|
div#le {
|
|
width: 900px;
|
|
margin: auto;
|
|
text-align: left;
|
|
}
|
|
|
|
div#le p {
|
|
position: absolute;
|
|
top: 20px;
|
|
width: 900px;
|
|
text-align: right;
|
|
color: #595A5C;
|
|
}
|
|
|
|
div#le p a {
|
|
color: #818184;
|
|
}
|
|
|
|
div#le p a.contact-link,
|
|
div#le p a.faq-link {
|
|
color: #505053;
|
|
}
|
|
|
|
/* div#lang {
|
|
width: 900px;
|
|
margin: auto;
|
|
}
|
|
|
|
div#lang p {
|
|
position: absolute;
|
|
top: 40px;
|
|
width: 900px;
|
|
text-align: right;
|
|
color: #595A5C;
|
|
}
|
|
|
|
div#lang p a {
|
|
color: #818184;
|
|
} */
|
|
|
|
a img {
|
|
border: 0;
|
|
}
|
|
|
|
/* pimping up */
|
|
h1#logo img {
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-moz-transition: all .2s ease-in-out;
|
|
}
|
|
|
|
h1#logo img:hover {
|
|
-webkit-transform: scale(1.05);
|
|
-moz-transform: scale(1.05);
|
|
}
|
|
|
|
a.plus {
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-moz-transition: all .2s ease-in-out;
|
|
}
|
|
|
|
div#lang {
|
|
text-align: center;
|
|
background: #919396; /* #216382; */
|
|
/*
|
|
-moz-transform-origin: top left;
|
|
-moz-transform: translate(0, 8em) rotate(270deg);
|
|
*/
|
|
-webkit-transform-origin: top left;
|
|
-webkit-transform: translate(0, 8em) rotate(270deg);
|
|
position: fixed;
|
|
top: 0px;
|
|
left: 0px;
|
|
width: 8em;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-moz-transition: all .2s ease-in-out;
|
|
}
|
|
|
|
div#lang:hover {
|
|
background: #58595B;
|
|
}
|
|
|
|
div#lang p {
|
|
margin: 0;
|
|
}
|
|
|
|
div#lang a {
|
|
display: block;
|
|
font-weight: bold;
|
|
color: white;
|
|
text-decoration: none;
|
|
padding: 5px;
|
|
}
|
|
|
|
div#lang a.current {
|
|
display: none;
|
|
}
|
|
|
|
|
|
|
|
div#references div {
|
|
margin: 1em 0;
|
|
clear: both;
|
|
min-height: 150px;
|
|
}
|
|
|
|
div#references div img.ref-logo {
|
|
position: absolute;
|
|
}
|
|
|
|
div#references div p {
|
|
width: 450px;
|
|
margin-left: 150px;
|
|
text-align: justify;
|
|
min-height: 120px;
|
|
}
|
|
|
|
div#references div p a.thumbnail {
|
|
background: transparent;
|
|
box-shadow: 0px 2px 4px gray;
|
|
-moz-box-shadow: 0px 2px 4px gray;
|
|
-webkit-box-shadow: 0px 2px 4px gray;
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-moz-transition: all .2s ease-in-out;
|
|
}
|
|
|
|
div#references div p a.thumbnail:hover {
|
|
border: none;
|
|
box-shadow: 0px 2px 4px gray;
|
|
-moz-box-shadow: 0px 2px 4px gray;
|
|
-webkit-box-shadow: 0px 2px 8px gray;
|
|
}
|
|
|
|
div#references div p .thumbnail {
|
|
display: block;
|
|
float: right;
|
|
position: relative;
|
|
top: -6px;
|
|
left: 20px;
|
|
}
|
|
|
|
div#references div p a.thumbnail img.thumbnail {
|
|
position: static;
|
|
}
|
|
|
|
div#footer div#legal {
|
|
font-size: 60%;
|
|
background: #969592;
|
|
padding: 1ex;
|
|
margin: 0;
|
|
border-top: 1px solid #b7b7b7;
|
|
text-align: center;
|
|
width: auto;
|
|
}
|
|
|
|
body.section-e-admin table {border: 1px solid #ec008c;}
|
|
body.section-e-admin table thead tr {color: #37a7da;}
|
|
body.section-e-admin table tbody tr:nth-child(even) {color: #8ddbff;}
|
|
body.section-e-admin table tbody tr:nth-child(odd) {color: #722dff;}
|
|
|
|
|
|
/** tableau de tarifs **/
|
|
|
|
body.section-e-admin table {
|
|
width: 100%;
|
|
border: none;
|
|
}
|
|
|
|
body.section-e-admin table thead tr th {
|
|
padding: 5px;
|
|
background-color: #f6f3f3;
|
|
}
|
|
|
|
body.section-e-admin table tbody tr td {
|
|
padding: 5px;
|
|
}
|
|
|
|
body.section-e-admin table tbody tr:nth-child(even) {
|
|
background-color: #f9f6f6;
|
|
color: #333333;
|
|
}
|
|
|
|
body.section-e-admin table tbody tr:nth-child(odd) {
|
|
background-color: #c0c0c0;
|
|
color: #311311;
|
|
}
|
|
|
|
#content a.media:hover {
|
|
border: none;
|
|
}
|
|
|
|
#content a.media > img {
|
|
-webkit-transition: all .2s ease-in-out;
|
|
-moz-transition: all .2s ease-in-out;
|
|
transition: all .2s ease-in-out;
|
|
display: none;
|
|
}
|
|
|
|
|
|
.mask img {
|
|
position: absolute;
|
|
top: 45%;
|
|
left: 45%;
|
|
/* display: block; */
|
|
/* margin: 0 auto; */
|
|
}
|
|
|
|
div.media_container div {
|
|
padding: 1ex;
|
|
}
|
|
|
|
.welcome, #idps {
|
|
width: 900px;
|
|
margin: auto;
|
|
}
|
|
|
|
#idps ul {
|
|
column-count: 2;
|
|
-webkit-column-count: 2;
|
|
-moz-column-count: 2
|
|
}
|
|
|
|
#idps ul li, #login ul li {
|
|
list-style-type: none;
|
|
}
|
|
|
|
#idps ul li a {
|
|
color: #aaa;
|
|
text-decoration: none;
|
|
}
|
|
|
|
#login {
|
|
position: fixed;
|
|
top: 200px;
|
|
right: 0;
|
|
border: 1px solid #ddd;
|
|
padding: 0px 5px 5px 5px;
|
|
}
|
|
|
|
#login input {
|
|
border:1px solid #aaa;
|
|
}
|
|
|
|
#login label {
|
|
display: block;
|
|
font-weight: bold;
|
|
}
|
|
|
|
#idps {
|
|
float: none;
|
|
} |