@charset "UTF-8";
/*
Version: 1.0
Author: Pierre Alexandre PAYET
*/
/* GENERAL */
@font-face {
font-family: Futura_lcl;
src: url('fonts/futura');
}
body{
margin: 0;
font-family: Futura_lcl, Futura, Tahoma, "Trebuchet MS", sans-serif;
color: #444;
background: #0062a9;
}
/* POSITIONNEMENT */
.logo-univ{
position: relative;
left: -150px;
top: -25px;
}
.site{
width: 937px;
/*min-height: 1000px;*/
margin-left: auto;
margin-right: auto;
margin-top: 25px;
font-size: 13px;
}
.left{
width: 146px;
/*height: 585px;*/
background: url(../img/menu.png);
background-position: top;
background-repeat: no-repeat;
}
.page{
background: url(../img/content-repeat.png) repeat-y;
}
.header{
width: 791px;
height: 144px;
background: url(../img/header.png) no-repeat;
}
.menu{
width: 169px;
height: 476px;
background: url(../img/left.png) no-repeat;
}
.main{
width: 597px;
/*min-height: 479px;*/
}
.nav-tool{
width: 577px;
height: 40px;
text-align: left;
font-size: 11px;
}
.content{
width: 445px;
font-size: 12px;
padding-right: 20px;
}
.right{
width: 132px;
}
.footer{
width: 741px;
height: 22px;
background: url(../img/footer.png);
padding-top: 33px;
padding-right: 50px;
font-size: 10px;
color: #fff;
text-align: right;
text-transform: uppercase;
}
/*.bottom-space{ /* -- espace bleu après le bas de page -- */
/*height: 75px;
width: 937px;
}*/
/* MISE EN PAGE SPECIFIQUE */
.breadcrumb{
color: #666;
}
.breadcrumb a, a:link, a:visited, a:hover, a:active{
color: #999;
text-decoration: none;
}
.menu-langue{
display: inline;
font-size: 11px;
}
.img-bouton{
cursor: pointer;
}
.search{
position: relative;
background: url(../img/search-background.png);
width: 138px;
height: 30px;
left: 1px;
margin-bottom: 10px;
padding-top: 10px;
padding-left: 10px;
}
.search-btn{
position: absolute;
left: 147px;
top: 0px;
}
.btn-accueil{
float: right;
width: 65px;
}
.img-laboratoire{
float: right;
width: 106px;
}
.labo{
text-align: right;
text-transform: uppercase;
padding: 3px;
font-size: 14px;
line-height: 1.6em;
}
.labo a, .labo a:link, .labo a:visited, .labo a:hover, .labo a:active{
color: #fff;
text-decoration: none;
cursor: pointer;
border: 0;
padding: 4px;
margin-bottom: 4px;
}
.menu-lnk{
font-size: 12px;
padding-left: 8px;
width: 110px;
line-height: 1.7em;
}
.menu-lnk *{
color: #fff;
}
.menu-lnk a:link{
color: #fff;
text-decoration: none;
}
.menu-lnk a:visited{
color: #fff;
text-decoration: none;
}
.menu-lnk a:hover{
color: #005599;
text-decoration: none;
}
.onglet a:link, .onglet a:visited{
display: block;
float: left;
width: 89px;
height: 19px;
background: url(../img/onglet_off.jpg);
padding: 5px 0px 0px 0px;
text-align: center;
color: #444;;
font-size: 10px;
cursor: pointer;
}
.onglet a:hover{
display: block;
float: left;
width: 89px;
height: 19px;
padding: 5px 0px 0px 0px;
text-align: center;
color: #444;;
font-size: 10px;
cursor: pointer;
background: url(../img/onglet_on.jpg);
}
.article{
padding-top: 5px;
clear: left;
}
.illustration{
background: #eee;
padding: 3px;
}
/*.announces-box-top{
position: relative;
left: 6px;
width: 137px;
height: 10px;
background: url(../img/announces-box-top.png);
}
.announces-box-bottom{
position: relative;
left: 6px;
width: 137px;
height: 11px;
background: url(../img/announces-box-bottom.png);
}*/
.info-labo{
position: relative;
left: 2px;
width: 135px;
background: #fcdaba;
padding: 5px 2px 5px 0;
font-size: 11px;
border: 0;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-border_radius: 6px;
-moz-border-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topleft: 6px;
color: #1261a9;
}
.info-labo ul{
list-style-position: inside;
list-style-type: disc;
list-style-image: none;
padding: 8px;
margin: 0;
}
.info-labo ul li:first-line{
font-weight: bold;
}
.announces{
position: relative;
left: 2px;
width: 135px;
background: #fcdaba;
padding: 5px 2px 5px 0;
font-size: 11px;
border: 0;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-border_radius: 6px;
-moz-border-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topleft: 6px;
color: #1261a9;
}
.announces ul{
list-style-position: inside;
list-style-type: disc;
list-style-image: none;
padding: 8px;
margin: 0;
}
.announces ul li:first-line{
font-weight: bold;
}
.announces li:after{
content: url(../img/small-green-hr.png);
}
.footer a:link{
color: #fff;
text-decoration: none;
}
.footer a:hover{
color: #fff;
text-decoration: none;
}
.footer a:visited{
color: #fff;
text-decoration: none;
}
/* FORMULAIRE */
fieldset{
margin: 15px 0px 15px 0px;
border: 1px dashed #666;
}
legend{
font-size: 1.3em;
color: #666;
}
label{
line-height: 1.5em;
color: #666;
}
input{
border: 1px #ccc solid;
font-size: 1.05em;
color: #444;
font-family: Din, Futura, Tahoma, "Trebuchet MS", sans-serif;
}
textarea{
border: 1px solid #ccc;
font-size: 1.05em;
font-family: Din, Futura, Tahoma, "Trebuchet MS", sans-serif;
color: #444;
}
.form-succes{
padding: 10px;
border: 1px dashed #69B33c;
color: #69B33c;
background: #eee;
}
.form-error{
padding: 10px;
border: 1px dashed #990000;
color: #990000;
background: #eee;
}
/* IMAGE */
a img{
border: 0;
}
/* TITRE */
h1{
font-size: 1.5em;
color: #93c36c;
clear: both;
}
h2{
color: #c74885;
font-size: 1.25em;
line-height: 2.5em;
clear: both;
}
h2:after{
content: url(../img/after-h2.png);
}
h3{
text-transform: lowercase;
font-variant: small-caps;
letter-spacing: 0.2em;
clear: both;
}
/* TEXTE */
p{
text-align: left;
line-height: 1.6em;
clear: both;
}
code{
display: block;
padding: 10px;
margin: 15px 0px 15px 0px;
line-height: 1.6em;
color: #777;
border: 1px dashed #38d;
}
ol{
list-style-type: upper-roman;
line-height: 1.6em;
list-style-position: inside;
clear: both;
}
ul{
list-style-image: url(../img/puce.png);
line-height: 1.6em;
list-style-position: inside;
clear: both;
}
dl{
line-height: 1.8em;
list-style-position: inside;
}
dt{
font-weight: bold;
}
dd{
}
blockquote{
line-height: 1.5em;
font-style: italic;
color: #777;
}
blockquote:before{
content: url(../img/open-quote.png); /*ASTUCES : il est possible de rajouter du texte avant ou apres l'image en fesant par exmple : content: url(img/open-quote.png) "texte à rajouter";*/
}
q{
font-style: italic;
color: #777;
}
cite{
font-weight: bold;
}
abbr{
border-bottom: 1px dotted;
cursor: help;
}
dfn{
background: #c7d0d9;
cursor: help;
}
address{
font-style: italic;
}
noscript{
color: #a62;
font-weight:bold;
}
strong{
font-weight: bold;
}
/* LIENS */
a:link{
text-decoration: none;
color: #c74885;
}
a:visited{
color: #989ea5;
}
a:hover{
text-decoration: underline;
color: #c74885;
}
/* TABLES */
/*table{
border: 1px solid;
border-collapse: collapse;
}
table td{
border: 1px solid;
}*/
thead{
background: #c7d0d9;
text-align: right;
font-weight: bold;
}
caption{
font-size: 0.9em;
text-align: right;
caption-side: bottom;
font-style: italic;
}
/* DIVERS */
.hidden{
display: none;
}
.bigger{
font-size: 12px;
}
.smaller{
font-size: 10px;
}
.blue{
color: #1261a9;
}
.marine{
color: #67ceef;
}
.green{
color: #93c36c;
}
.purple{
color: #c74885;
}
.center{
text-align: center;
}
/* PAGE 404 */
.not-found-main{
position: relative;
top: 50px;
padding: 10px;
background: #fff;
margin-left: auto;
margin-right: auto;
width: 680px;
height: 450px;
border: #ee7d0c 3px solid;
border-top-right-radius: 6px;
border-bottom-left-radius: 6px;
border-top-left-radius: 6px;
border-bottom-right-radius: 6px;
-webkit-border_radius: 6px;
-moz-border-radius: 6px;
-webkit-border-bottom-left-radius: 6px;
-webkit-border-top-right-radius: 6px;
-webkit-border-bottom-right-radius: 6px;
-webkit-border-top-left-radius: 6px;
-moz-border-radius-bottomleft: 6px;
-moz-border-radius-topright: 6px;
-moz-border-radius-bottomright: 6px;
-moz-border-radius-topleft: 6px;
}
.choice a:link, .choice a:visited, .choice a:hover, .choice a:active{
color: #c74885;
text-decoration: none;
font-size: 13px;
}
/* MENU JQUERY */
.subelement{
display: none;
padding: 0px 0px 0px 5px;
font-size:0.90em;
}
.element{
cursor: pointer;
}
library
html (48)