Codice:
html {
height: 100%;
}
body{
margin:0;
padding:0;
text-align:center;
background:#fff ;
font-size:13px;
color:#343434;
font-family: helvetica, tahoma, arial , sans-serif;
font-weight:bold;
}
/*texte*/
p {
font-size: 100%;
}
h1 {
font-size: 200%;
}
h2 {
font-size: 150%;
}
h3 {
font-size: 125%;
}
h4, h5, h6 {
font-size: 100%;
}
/* liens hypertextes*/
a:link, a:visited {
text-decoration:none;
color:#343434;
font-weight:bold;
}
a:hover {
color:#ec8a00;
}
ul {
margin:0;
padding-left:20px;
}
li {
list-style-type:disc;
background:transparent;
margin: 4px;
}
img {
border:none;
margin:3px 5px;
padding:0;
}
img .caption {
text-align: left;
}
.highlight{
background:#ec8a00;
padding: 0px 2px 0px 2px;
color:#ffffff;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
-webkit-border-top-left-radius: 6px;
/* pour Chrome */
-webkit-border-top-right-radius: 6px; /* pour Chrome */
-webkit-border-top-top-radius: 6px; /* pour Chrome */
-webkit-border-top-bottom-radius: 6px; /* pour Chrome */
}
.button {
background:#ec8a00;
border:none;
color:#fff;
font-weight:bold;
padding:4px;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
-webkit-border-top-left-radius: 6px;
/* pour Chrome */
-webkit-border-top-right-radius: 6px; /* pour Chrome */
-webkit-border-top-top-radius: 6px; /* pour Chrome */
-webkit-border-top-bottom-radius: 6px; /* pour Chrome */
}
.inputbox {
color:#fff;
background:#ec8a00;
border:none;
padding:4px;
font-weight:bold;
-moz-border-radius: 6px 6px 6px 6px;
-webkit-border-radius: 6px 6px 6px 6px;
border-radius: 6px 6px 6px 6px;
-webkit-border-top-left-radius: 6px;
/* pour Chrome */
-webkit-border-top-right-radius: 6px; /* pour Chrome */
-webkit-border-top-top-radius: 6px; /* pour Chrome */
-webkit-border-top-bottom-radius: 6px; /* pour Chrome */
}
.pagewidth{
width:910px;
text-align:center;
background:transparent;
margin-left:auto;
margin-right:auto;
margin-top:0px;
margin-bottom:0px;
position:relative;
}
fieldset {
margin:5px;
padding:5px;
border:none;
}
/*******************/
#topmenu {
float:left;
width:100%;
height:58px;
background: url(../images/topmenu.jpg) 0 0 repeat-x;
margin-top:2px;
}
.navigation {
float:left;
width: 100%;
background:transparent;
margin-top:5px;
}
.navigation ul {
list-style: none;
margin:0;
padding:0;
}
.navigation ul ul {
margin: 0;
padding: 0;
}
.navigation ul li {
margin:0;
padding: 0;
float: left;
list-style: none;
background: none;
display: block;
}
.navigation ul li ul {
width: 230px;
position: absolute;
z-index: 99;
left: -999em;
height: auto;
w\idth: 230px;
}
.navigation ul li ul ul {
margin: 0;
}
.navigation ul li li {
padding: 0;
margin: 0;
width: 100%;
}
.navigation ul ul a {
width: 100%;
}
.navigation ul li:hover ul ul,
.navigation ul li:hover ul ul ul,
.navigation ul li.sfhover ul ul,
.navigation ul li.havechildsfhover ul ul,
.navigation ul li.havechild-activesfhover ul ul,
.navigation ul li.activesfhover ul ul,
.navigation ul li.sfhover ul ul ul,
.navigation ul li.havechildsfhover ul ul ul,
.navigation ul li.havechild-activesfhover ul ul ul,
.navigation ul li.activesfhover ul ul ul {
left: -999em;
}
.navigation ul li:hover ul,
.navigation ul li li:hover ul,
.navigation ul li li li:hover ul,
.navigation ul li.sfhover ul,
.navigation ul li.havechildsfhover ul,
.navigation ul li.havechild-activesfhover ul,
.navigation ul li.activesfhover ul,
.navigation ul li li.sfhover ul,
.navigation ul li li.havesubchildsfhover ul,
.navigation ul li li.havesubchild-activesfhover ul,
.navigation ul li li.activesfhover ul,
.navigation ul li li li.sfhover ul,
.navigation ul li li li.havesubchildsfhover ul,
.navigation ul li li li.havesubchild-activesfhover ul,
.navigation ul li li li.activesfhover ul {
left: auto;
}
.navigation ul li a {
padding: 15px 16px 0 16px ;
margin:0;
display: block;
font-weight: bold;
font-size:12px;
text-transform:uppercase;
background:transparent;
color:#fff;
text-shadow: 1px 1px 1px #000;
height:40px;
}
.navigation ul li a:hover {
color:#fff;
background:#323232;
height:40px;
opacity : 0.7;
-moz-opacity : 0.7;
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter : alpha(opacity=70); /* IE < 8 */
}
.navigation ul li {
background: url(../images/bg-li.jpg) 100% 0 repeat-y;
}
.navigation ul li.active a {
color:#fff;
background:#323232;
height:40px;
opacity : 0.7;
-moz-opacity : 0.7;
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter : alpha(opacity=70); /* IE < 8 */
}
.navigation ul li ul {
background:#323232;
margin-top: 0px;
text-align:left !important;
width:200px;
opacity : 0.7;
-moz-opacity : 0.7;
-ms-filter: "alpha(opacity=70)"; /* IE 8 */
filter : alpha(opacity=70); /* IE < 8 */
}
.navigation ul li ul li {
padding-bottom:0px ;
background:none !important;
}
.navigation ul li ul li a{
height:35px !important;
color:#fff !important;
text-align:left !important;
padding-left:20px !important;
}
.navigation ul li ul li a:hover {
color:#fff !important;
background:#000;
width:163px;
}
.navigation ul li ul li ul {
margin-left:180px;
margin-top: -30px;
padding-bottom: 3px;
padding-top:10px !important;
text-align:left !important;
padding-bottom: 0px;
background:#323232;
opacity : 0.9;
-moz-opacity : 0.9;
-ms-filter: "alpha(opacity=90)"; /* IE 8 */
filter : alpha(opacity=90); /* IE < 8 */
}
/*********************/
#wrapper {
float:left;
width: 900px;
background:#f5f5f5;
margin-top:-1px;
background-color:#fff;
border:1px solid #ddd;
border:1px solid rgba(0,0,0,0.2);
-webkit-box-shadow:0 1px 3px rgba(0,0,0,0.1);
-moz-box-shadow:0 1px 3px rgba(0,0,0,0.1);
box-shadow:0 1px 5px rgba(0,0,0,0.1);
}
#sitename{
float:left;
width:200%;
height:155px;
background:transparent;
}
#sitename-left{
float:left;
width:300px;
height:155px;
background:transparent;
}
#toolitem {
float:left;
width:500px;
height:30px;
background:transparent;
margin-top:50px;
margin-left:50px;
}
#search {
float:left;
width:189px;
height:29px;
background: url(../images/search.jpg) 0 0 no-repeat;
margin-left:50px;
margin-top:5px;
}
#search .inputbox{
background:none;
color:#343434;
}
#sitename-center{
float:left;
width:360px;
height:155px;
background:transparent;
}
#logo {
float:left;
margin-top:30px;
margin-left:25px;
}
#sitename-right{
float:left;
width:230px;
height:155px;
background:transparent;
}
#title-item {
float:left;
width:200px;
height:20px;
background:transparent;
margin-top:50px;
margin-left:40px;
text-align:left;
}
#title-item span {
font-style:italic;
background:url(../images/arrows.jpg) 0 3px no-repeat ;
padding-left:11px;
font-size:12px;
text-transform:capitalize;
}
#social-item {
float:left;
width:160px;
height:40px;
background:transparent;
margin-left:40px;
text-align:left;
}
#facebook ,#twitter,#linkedin {
float:left;
width:36px;
height:36px;
}
/*******************/
#slide{
float:left;
width:900px;
height:360px;
margin-left:0px;
margin-top:0px;
margin-bottom:0px;
background:#fff url(../images/sitename.png) 0 100% no-repeat;
}
/* The Nivo Slider styles */
.nivoSlider {
float:left;
position:relative;
width: 900px;
height: 355px;
margin-left: 0px;
margin-top: 0px;
background: url(../images/loading.gif) no-repeat 50% 50%;
}
.nivoSlider img {
position:absolute;
top:0px;
left:0px;
display:none;
width:900px; /* Make sure your images are the same size */
height:355px; /* Make sure your images are the same size */
}
.nivoSlider a {
border:0;
display:block;
color: #fff;
}
/* If an image is wrapped in a link */
.nivoSlider a.nivo-imageLink {
position:absolute;
top:0px;
left:0px;
width:100%;
height:100%;
border:0;
padding:0;
margin:0;
z-index:6;
display:none;
}
/* The slices and boxes in the Slider */
.nivo-slice {
display:block;
position:absolute;
z-index:5;
height:100%;
}
.nivo-box {
display:block;
position:absolute;
z-index:5;
}
/* Caption styles */
.nivo-caption {
position:absolute;
left: 60px;
/* right:0px; */
bottom:30px;
background:#fff;
color:#222;
z-index:8;
width: 180px;
padding: 20px;
overflow: hidden;
}
.nivo-caption p {
padding:0 !important;
margin:0 !important;
font-size:15px;
}
.nivo-caption a {
display:inline !important;
border-bottom: 1px dotted #fff;
}
.nivo-caption a:hover {
border-bottom-style: solid;
text-decoration: none;
}
.nivo-html-caption {
display:none;
}