Feuille de style générale JardinOscope

body {
margin: 30px 0px 0px 0px;
text-align: center;
background-color: #2e5b20;
background: #0F6924 url(https://storage.canalblog.com/67/01/119226/48137273.png);repeat-y top center;
}
#container {
width: 1170px;
padding: 0px;
background-color: #2e5b20;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 0px;
border-color: #EEC862;
margin-right: auto;
margin-left: auto;
-webkit-border-radius: 20px 20px 20px 20px;
-moz-border-radius: 20px 20px 20px 20px;
border-radius: 20px 20px 20px 20px;
}
#message{
font-family: comic sans ms,sans-serif;
font-size: 8pt;
text-align: center;
color:#ffffff;
background-color:#;
margin-left:5%;
padding-top: 5px;
padding-bottom: 5px;
width:91%;
}
#content {
float: left;
width: 853px;
background-color: #2e5b20;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #EEC862;
overflow: hidden;
}
#rightbar {
float: left;
width: 310px;
background-color: #2e5b20;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: solid;
border-width: 1px;
border-color: #EEC862;
overflow: hidden;
}
#leftbar {
float: left;
width: 0px;
background-color: #2e5b20;
border-top-style: none;
border-right-style: solid;
border-bottom-style: none;
border-left-style: none;
border-width: 0px;
border-color: #EEC862;
overflow: hidden;
}
#footer {
font-family: 'Trebuchet ms', Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 10pt;
font-weight: normal;
text-align: center;
height: 34px;
background: url(https://storage.canalblog.com/96/54/119226/74585048.png) repeat-x;
}
#topbar-logo {
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #00FF00;
background: #2e5b20 url("https://storage.canalblog.com/82/96/125452/44896335.gif") no-repeat 0% 0%;
height: 157px;
display: block;
}
div .logolink a {
display: block;
text-decoration: none;
width: 100%;
height: 157px;
}
#topbar {
background-color: #2e5b20;
border-top-style: none;
border-right-style: none;
border-bottom-style: solid;
border-left-style: none;
border-width: 0px;
border-color: #00FF00;
padding: 10px;
display: none;
}
a {
text-decoration: none;
}
a:link {
color: #ffff00;
text-decoration: none;
}
a:visited {
color: #FFff00;
text-decoration: none;
}
a:active {
color: #FFff00;
text-decoration: none;
}
a:hover {
color: #33FF00;
font-size: 100%;
text-decoration: underline;
}
h1 {
margin: 0px;
padding: 0px;
}
h2 {
margin: 0px;
padding: 0px;
}
h3 {
margin: 0px;
padding: 0px;
}
#topbar h1 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: xx-large;
font-weight: bold;
font-style: normal;
text-align: left;
}
#topbar a {
text-decoration: none;
color: #FFFFFF;
}
#topbar h2 {
font-family: comic sans ms,sans-serif;
color: #FFFFFF;
font-size: large;
font-weight: normal;
font-style: italic;
text-align: left;
}
.blogbody {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
padding: 10px;
text-align: justify;
line-height: 150%;
}
.blogbody h2 {
font-family: comic sans ms, sans-serif;
color: #2e5b20;
font-size: 24px;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none;
border-width: 1px;
border-color: #ffff00;
margin-bottom: 10px;
padding: 10px;
}
.blogbody h3 {
font-family: comic sans ms, sans-serif;
color: #00ff00;
font-size: large;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: center;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #ffff00;
margin-bottom: 0px;
padding: 0px;
}
.blogbody h4 {
font-family: comic sans ms, sans-serif;
color: #00ff00;
font-size: medium;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: left;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 0px;
border-color: #ffff00;
margin-bottom: 0px;
padding: 0px;
}
.blogbody h5 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ff0000;
font-size: normal;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: left;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #00FF00;
margin-bottom: 0px;
padding: 0px;
}
.blogbody h6 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: left;
text-decoration: none;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #00FF00;
margin-bottom: 10px;
padding: 0px;
}
.blogbody p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: left;
line-height: 150%;
margin-bottom: 10px;
}
.blogbody .itemfooter {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: x-small;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: left;
margin-bottom: 25px;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 0px;
border-color: #EEC862;
padding: 0px;
clear: both;
}
.navlinks {
padding: 10px;
}
.navlinks .title {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: x-small;
font-weight: bold;
font-style: normal;
text-transform: uppercase;
text-align: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #00FF00;
padding: 0px;
text-shadow: 2px 2px 2px #000;
}
.navlinks ul {
padding: 0px;
margin: 0px 0px 20px 0px;
list-style-type: none;
margin: 0px 0px 20px 0px;
text-shadow: 2px 2px 2px #000;
}
.navlinks li {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: x-small;
font-weight: normal;
font-style: normal;
text-align: left;
line-height: 150%;
margin-top: 10px;
text-shadow: 2px 2px 2px #000;
}
.navlinks .item {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: x-small;
font-weight: normal;
font-style: normal;
text-align: left;
line-height: 150%;
margin-top: 10px;
margin-bottom: 10px;
text-shadow: 2px 2px 2px #000;
}
#calendar {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: x-small;
line-height: 150%;
padding: 2px;
margin-bottom: 20px;
}
#calendar table {
width: 100%;
padding: 2px;
border-collapse: collapse;
border: 0px;
}
#calendar caption {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #FFFFFF;
font-size: x-small;
font-weight: bold;
text-align: center;
text-transform: uppercase;
padding: 3px;
}
#calendar th {
font-weight: normal;
text-align: center;
}
#calendar td {
text-align: center;
}
/*----- FOND DE FORMULAIRES ------*/
.blogbody textarea {
background: url(https://storage.canalblog.com/92/27/125452/72350670.jpg) repeat 0% 0%;
}
.blogbody textarea:focus {
background-color:#999999;
}
.blogbody input {
background-color:#C0C0C0;
}
.blogbody input:focus {
background-color:#999999;
}
.albumbody textarea {
background: url(https://storage.canalblog.com/92/27/125452/72350670.jpg) repeat 0% 0%;
}
.albumbody textarea:focus {
background-color:#999999;
}
.albumbody input {
background-color:#C0C0C0;
}
.albumbody input:focus {
background-color:#999999;
}
/*----- FIN FOND DE FORMULAIRES ------*/
.commentairesur{
width: 100%;
height: 51px;
margin-right: auto;
margin-left: 10px;
padding-top: 8px;
padding-left: 4px;
background: #2e5b20 url(" ") no-repeat 0% 0%;
}
/*--------- CADRE DES COMS -----------*/
.blogbody .commentaire {
background: url(https://storage.canalblog.com/92/27/125452/72350670.jpg) repeat 0% 0%;
border-top : 2px solid #999999;
border-left : 2px solid #999999;
border-right : 3px solid #FFFFFF;
border-bottom : 3px solid #FFFFFF;
border-radius:5px 5px 5px 5px;
margin-bottom: 5px;
}
.blogbody .commentaire1 {
background: url(https://storage.canalblog.com/92/27/125452/72350670.jpg) repeat 0% 0%;
border-top : 2px solid #999999;
border-left : 2px solid #999999;
border-right : 3px solid #FFFFFF;
border-bottom : 3px solid #FFFFFF;
border-radius:5px 5px 5px 5px;
margin-bottom: 5px;
}
.blogbody .commentaire p{
color: #000000;
padding: 0em 1em 0em 1em;
margin-bottom: 5px;
}
.albumbody .commentaire {
background: url(https://storage.canalblog.com/92/27/125452/72350670.jpg) repeat 0% 0%;
border-top : 2px solid #999999;
border-left : 2px solid #999999;
border-right : 3px solid #FFFFFF;
border-bottom : 3px solid #FFFFFF;
border-radius:5px 5px 5px 5px;
margin-bottom: 5px;
}
.albumbody .commentaire1 {
background: url(https://storage.canalblog.com/92/27/125452/72350670.jpg) repeat 0% 0%;
border-top : 2px solid #999999;
border-left : 2px solid #999999;
border-right : 3px solid #FFFFFF;
border-bottom : 3px solid #FFFFFF;
border-radius:5px 5px 5px 5px;
margin-bottom: 5px;
}
.albumbody .commentaire p{
color: #000000;
padding: 0em 1em 0em 1em;
margin-bottom: 5px;
}
/*--------- FIN CADRE DES COMS -----------*/
.image {
text-align: left;
margin-bottom: 20px;
}
.navlinks img {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 0px;
border-color: #000000;
}
#album-container {
width: 1170px;
padding: 0px;
background-color: #2e5b20;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: none;
border-left-style: solid;
border-width: 0px;
border-color: #00FF00;
margin-right: auto;
margin-left: auto;
}
#album-content {
float: left;
width: 840px;
background-color: #2e5b20;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 0px;
border-color: #00FF00;
overflow: hidden;
}
#album-nav {
float: left;
width: 320px;
background-color: #2e5b20;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 0px;
border-color: #00FF00;
overflow: hidden;
}
.albumcol table {
padding: 2px;
border-collapse: collapse;
border: 0px;
font-size: x-small;
}
.albumcol td {
text-align: center;
}
.albumbody {
font-family: Gloria Hallelujah;
color: #ffff00;
font-size: large;
font-weight: normal;
font-style: normal;
text-transform: none;
padding: 10px;
text-align: left;
line-height: 150%;
}
.albumcol {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffff00;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
padding: 10px;
text-align: left;
line-height: 150%;
}
img.gravatar {
float: left;
margin: 0 5px 5px 0;
border: 1px solid black;
}
.albumcol h3 {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffff00;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: justify;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #00FF00;
margin-bottom: 10px;
padding: 0px;
}
.albumbody h2 {
font-family: Gloria Hallelujah;
color: #00ff00;
font-size: large;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: center;
border-top-style: none;
border-right-style: none;
border-bottom-style: dotted;
border-left-style: none;
border-width: 1px;
border-color: #00FF00;
margin-bottom: 10px;
padding: 0px;
}
.albumbody h3 {
font-family: comic sans ms, sans-serif;
color: #ffff00;
font-size:small;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: center;
text-decoration: none;
border-top : none;
border-left : none;
border-right : none;
border-bottom : none;
border-bottom-style: dotted;
border-width: 1px;
border-color: #ffff00;
margin-bottom: 10px;
padding: 3px;
}
.albumbody img {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 0px;
border-color: #000000;
}
.albumcol img {
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 0px;
border-color: #2e5b20;
margin: 2px;
}
.albumbody p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: justify;
line-height: 150%;
margin-bottom: 10px;
}
.albumcol p {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #ffff00;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: justify;
line-height: 150%;
margin-bottom: 10px;
}
.mainphoto img {
max-width: 800px;
max-height: 800px;
width: expression(this.width > 800 ? 800: auto);
height: expression(this.height > 800 ? 800: auto);
}
.mainphoto .navphoto {
font-size: x-small;
text-align: center;
margin: 0px 0px 5px 0px;
}
.albumcover {
float: center;
padding: 0px 5px 5px 0px;
}
.albumcover img {
max-width: 800px;
max-height: 800px;
width: expression(this.width > 320 ? 320: auto);
height: expression(this.height > 320 ? 320: auto);
}
.clear {
clear: both;
height: 0px;
line-height: 0px;
}
/*historique de navigation */
.breadcrumb {
margin: 0px 0px 10px 0px;
font-size: x-small;
}
.breadcrumb div {
display: inline;
}
.breadcrumb h1 {
display: inline;
font-size: x-small;
font-weight: normal;
}
#topbar-title {
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: 60px;
font-weight: normal;
font-style: normal;
text-align: left;
}
.dateheader {
font-family: Arial, Helvetica, sans-serif;
color: #ffff00;
font-size: x-small;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
margin-bottom: 10px;
padding: 0px;
}
.navlinks .item em {
text-decoration: none;
}
#hidden {display:none}
blockquote {
border: 1px solid #b76728;
margin-left: 10%;
margin-right: 10%;
padding: 5px 10px;
background: #ffffff url("https://storage.canalblog.com/07/89/125452/47340584.png");
-moz-border-radius: 10px 10px 10px 10px;
-webkit-border-radius: 10px 10px 10px 10px;
border-radius: 10px 10px 10px 10px;
-webkit-border-top-left-radius: 10px; /* pour Chrome */
-webkit-border-top-right-radius: 10px; /* pour Chrome */
box-shadow: -1px 2px 7px 2px rgba(0, 0, 0, 0.5);
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: normal;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: justify;
text-decoration: none;
}
cite {
border-left: 0px none #;
margin: 25px;
padding: 3px 5px;
background: #d9d7d6 url("https://storage.canalblog.com/90/78/119226/47341807.png");
width: 500px;
}
ul.tagcloud {
text-align: justify;
margin-top: 10px;
font-size: 70%;
}
ul.tagcloud li {
line-height: 200%;
display: inline;
margin-right: 0.5em;
}
ul.taglist {
text-align: justify;
padding: 0px;
margin-left: 0px;
font-size: 60%;
}
ul.taglist li {
line-height: 200%;
display: inline;
margin-right: 0.5em;
}
.Champignons{
width: 350px;
border: 0px solid #ffff00;
margin-right: auto;
margin-left: auto;
padding: 70px 10px 40px 10px;
background: #2e5b20 url("https://storage.canalblog.com/41/40/125452/44701853.png")no-repeat;
}
.Gesteecolo{
width: 550px;
border: 0px solid #ffff00;
margin-right: auto;
margin-left: auto;
padding: 90px 10px 40px 10px;
background: #2e5b20 url("https://storage.canalblog.com/29/15/127041/73346078.png")no-repeat;
box-shadow: 1px 2px 10px 2 px #000000;
}
.Remarque{
width: 75%;
border: 0px solid #ffff00;
margin-right: auto;
margin-left: auto;
padding: 15px 10px 10px 30px;
background: #2e5b20 url("https://storage.canalblog.com/87/73/126972/73991943.png")no-repeat;
}
.Cuisine{
width: 700px;
border: 0px solid #ffff00;
margin-right: auto;
margin-left: 70px;
padding: 20px 0px 0px 0px;
background: #2e5b20 url("https://storage.canalblog.com/31/02/125452/108028895.png")no-repeat;
box-shadow: -1px 2px 7px 2px rgba(0, 0, 0, 0.5);
}
.Blocsteno{
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #000000;
font-size: small;
font-weight: normal;
font-style: normal;
text-transform: none;
text-align: justify;
width: 640px;
border: 0px solid #ffff00;
margin-right: auto;
margin-left: auto;
padding: 20px 10px 20px 10px;
background: #ffffff;
box-shadow: -1px 2px 7px 2px rgba(0, 0, 0, 0.5);
}
/*----- MISE EN FORME MENUS DEROULANTS ------*/
select {
color: #000000;
background-color: #EEC862;
width: 270px;
border-top : 2px solid #EEC862;
border-left : 2px solid #EEC862;
border-right : 2px solid #FFFFFF;
border-bottom : 2px solid #FFFFFF;
}
/*----- Fin MISE EN FORME MENUS DEROULANTS ------*/
/*----- COMMENTAIRES DU JARDINOSCOPE DIFFERENCIES ------*/
.fdcPatrick {
Background: url(#)0 0 no-repeat;
padding-left: 40px;
}
.fdcPatrick p {
Background: #;/*couleur de fond*/
border-style: dotted;
border-width: 0px 0px 0px 0px;
border-color: #ffffff;
padding-left: 10px;
}
/*----- FIN COMMENTAIRES DU JARDINOSCOPE DIFFERENCIES ------*/
.commentheader {
font-family: Arial, Helvetica, sans-serif;
color: #ffff00;
font-size: small;
font-weight: bold;
font-style: normal;
text-transform: none;
text-align: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
margin-bottom: 10px;
padding: 0px;
}
.commentalbumheader {
font-family: Arial, Helvetica, sans-serif;
color: #ffffff;
font-size: normal;
font-weight: bold;
font-style: normal;
text-transform: none;
text-align: left;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-width: 1px;
border-color: #;
margin-bottom: 10px;
padding: 0px;
}
/*----- MISE EN FORME FONCTION VOUS AIMEREZ PEUT ÊTRE : ------*/
.relatedlinks .title {
text-align: center;
font-weight: normal;
font-size: large;
Background: #;/*couleur de fond*/
border-style: solid;
border-width: 1px 1px 1px 1px;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius: 5px; /* pour Chrome */
-webkit-border-top-right-radius: 5px; /* pour Chrome */
box-shadow: -1px 2px 7px 2px rgba(0, 0, 0, 0.5);
border-color: #EEC862;
margin-left: 15%;
margin-right: 15%;
padding: 5px;
}
.blogbody h2 a {
color: #ffff00;
text-decoration: none;
}
/*----- MISE EN FORME FONCTION VOIR AUSSI : ------*/
.voiraussi {
text-align: center;
font-weight: normal;
font-size: large;
Background: #339933;/*couleur de fond*/
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #EEC862;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius: 5px; /* pour Chrome */
-webkit-border-top-right-radius: 5px; /* pour Chrome */
box-shadow: -1px 2px 7px 2px rgba(0, 0, 0, 0.5);
margin-left: 13%;
margin-right:13%;
padding: 5px;
}
/*----- MISE EN FORME VIDEOWALL ------*/
.videowall {
Background: #339933;/*couleur de fond*/
border-style: dotted;
border-width: 2px 2px 2px 2px;
border-color: #910000;
margin-left: 3%;
margin-right: 3%;
padding: 5px;
}
/*----- MISE EN FORME VIDEOWALL ------*/
/*----- MENU HORIZONTAL CANALBLOG ------*/
.ddsmoothmenu {
height: 30px;
background-color: #22427c;
color: #274775;
font-family: Arial, Helvetica, sans-serif;
font-size: small;
font-style: none;
font-weight: bold;
width: 100%;
border-top-style: dotted;
border-bottom-style: dotted;
border-color: #ffffff;
border-width: 1px;
}
.ddsmoothmenu img {
border: none;
}
.ddsmoothmenu ul {
z-index: 100;
margin: 0;
padding: 0;
list-style-type: none;
}
.ddsmoothmenu ul li {
position: relative;
display: inline;
float: left;
}
.ddsmoothmenu ul li a {
display: block;
height: 30px;
line-height: 30px;
background-color: #22427c;
color: #274775;
padding: 0 10px;
text-decoration: none;
border-width: 1px;
border-right-style: dotted;
border-color: #ffffff;
}
.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited {
color: #ffffff;
}
.ddsmoothmenu ul li a.selected {
background-color: #f4f4f4;
color: #ffffff;
}
.ddsmoothmenu ul li a:hover {
background-color: #f4f4f4;
color: #ffffff;
}
.ddsmoothmenu ul li ul {
position: absolute;
left: 0;
display: none;
visibility: hidden;
}
.ddsmoothmenu ul li ul li {
display: list-item;
float: none;
}
.ddsmoothmenu ul li ul li ul {
top: 0;
}
.ddsmoothmenu ul li ul li a {
width: 160px;
padding: 0 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px dotted #ffffff;
border-left: 1px dotted #ffffff;
overflow: hidden;
}
/*----- MENU HORIZONTAL CANALBLOG ------*/
/*----- MENU HORIZONTAL GENERAL CSS3 ------*/
ul#css3menu1,ul#css3menu1 ul{
margin:3px;list-style:none;background-color:#2e5b20;background-image:url("mainbk.png");background-repeat:repeat;border-width:0px;border-style:solid;border-color:#999999;-moz-border-radius:30px;-webkit-border-radius:30px;border-radius:30px;}
ul#css3menu1 ul{
display:none;position:absolute;left:0;top:85%;-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=75)";opacity:0.75;-moz-box-shadow:0.7px 0.7px 1px #777777;-webkit-box-shadow:0.7px 0.7px 1px #777777;box-shadow:0.7px 0.7px 1px #777777;padding:0 9px 9px;background-color:#000000;background-image:none;border-width:1px;border-radius:5px;-moz-border-radius:5px;-webkit-border-radius:5px;border-style:solid;border-color:#5A5E60;filter:alpha(opacity=75)}
ul#css3menu1 li:hover>*{
display:block;}
ul#css3menu1 li:hover{
position:relative;}
ul#css3menu1 ul ul{
position:absolute;left:95%;top:0;opacity:1;}
ul#css3menu1{
padding:1px 1px 1px 0;display:block;font-size:0;float:left;}
ul#css3menu1 li{
display:block;white-space:nowrap;font-size:0;float:left;}
ul#css3menu1>li,ul#css3menu1 li{
margin:0 0 0 1px;}
ul#css3menu1 ul>li{
margin:1px 0 0;}
ul#css3menu1 a:active, ul#css3menu1 a:focus{
outline-style:none;}
ul#css3menu1 a,ul#css3menu1 a.pressed{
display:block;vertical-align:middle;text-align:center;text-decoration:none;font:14px Arial;color:#ffffff;cursor:default;}
ul#css3menu1 ul li{
float:none;margin:9px 0 0;}
ul#css3menu1 ul a{
text-align:left;padding:8px 0 0 0;background-color:#000000;background-image:none;border-width:1px 0 0 0;border-style:solid;border-color:#262626;border-radius:0px;-moz-border-radius:0px;-webkit-border-radius:0px;font:12px Arial;color:#ffffff;text-decoration:none;}
ul#css3menu1 li:hover>a{
background-color:#999999;border-style:none;font:14px Arial;color:#00ff00;text-decoration:none;background-image:url("mainbk.png");background-position:0 100px;}
ul#css3menu1 img{
border:none;vertical-align:middle;margin-right:10px;}
ul#css3menu1 img.over{
display:none;}
ul#css3menu1 li:hover > a img.def{
display:none;}
ul#css3menu1 li:hover > a img.over{
display:inline;}
ul#css3menu1 li a.pressed img.over{
display:inline;}
ul#css3menu1 li a.pressed img.def{
display:none;}
ul#css3menu1 span{
display:block;overflow:visible;background-position:right center;background-repeat:no-repeat;padding-right:0px;}
ul#css3menu1 ul span{
background-image:url("arrowsub.gif");padding-right:27px;}
ul#css3menu1 a{
padding:10px;background-color:#dbad2d;background-image:url("mainbk.png");background-repeat:repeat;background-position:0 200px;border-width:0px;border-style:none;border-color:;color:#ffffff;text-decoration:none;}
ul#css3menu1 li:hover>a,ul#css3menu1 li>a.pressed{
background-color:#999999;background-image:url("mainbk.png");background-position:0 100px;border-style:none;color:#00ff00;text-decoration:none;}
ul#css3menu1 ul li:hover>a,ul#css3menu1 ul li>a.pressed{
background-color:#000000;background-image:none;border-style:solid;border-color:#262626;font:12px Arial;color:#00ff00;text-decoration:none;}
ul#css3menu1 li.topfirst>a{
height:16px;line-height:16px;border-radius:4px 0 0 4px;-moz-border-radius:4px 0 0 4px;-webkit-border-radius:4px;-webkit-border-top-right-radius:0;-webkit-border-bottom-right-radius:0;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.topfirst:hover>a,ul#css3menu1 li.topfirst>a.pressed{
line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.topmenu>a{
height:16px;line-height:16px;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.topmenu:hover>a,ul#css3menu1 li.topmenu>a.pressed{
line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 li.toplast>a{
height:16px;line-height:16px;border-radius:0 4px 4px 0;-moz-border-radius:0 4px 4px 0;-webkit-border-radius:0;-webkit-border-top-right-radius:4px;-webkit-border-bottom-right-radius:4px;text-shadow:#000000 0px -1px 1px;}
ul#css3menu1 li.toplast:hover>a,ul#css3menu1 li.toplast>a.pressed{
line-height:16px;text-shadow:#3d3d3d 0px -1px 1px;}
ul#css3menu1 ._>li>a{
padding:0;}
ul#css3menu1 li.subfirst>a{
border-width:0;border-style:none;padding:0;}
ul#css3menu1 li.subfirst:hover>a,ul#css3menu1 li.subfirst>a.pressed{
border-style:none;}
/*----- FIN MENU HORIZONTAL GENERAL CSS3 ------*/
#sengine {
margin: 0 0 10px 0;
}
/*----- Un cadre fond gris pâle largeur 75% ----*/
#column1 {
float:center;
width: 75%;
text-align: justifyr;
font-family: 'comic sans ms', sans-serif;
font-size: large;
color: #000000;
font-weight: normal;
font-style: normal;
text-transform: none;
background-color: #e1e1e1; /*gris pâle*/
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #00ccff;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.60);
}
/*----- Un cadre fond bleu lavande largeur 90% ----*/
#column2 {
float: center;
width: 75%;
text-align: center;
font-family: Glegoo, Arial, Helvetica, sans-serif;
color: #000000;
font-size: xsmall;
font-weight: normal;
font-style: normal;
text-transform: none;
background: #e6e6fa; /*bleu lavande*/
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #00ccff;
padding-left: 20px;
padding-right: 20px;
padding-top: 5px;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.60);
}
/*----- Un cadre fond vert pâle largeur 90% ----*/
#column3 {
float: center;
width: 75%;
text-align: center;
font-family: Glegoo, Arial, Helvetica, sans-serif;
color: #000000;
font-size: xsmall;
font-weight: normal;
font-style: normal;
text-transform: none;
background-color: #ecffec; /*Vert pâle*/
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #ff0000;
padding-left: 20px;
padding-right:20px;
padding-top:5px;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.60);
}
/*----- Début combinaison de 3 colonnes (4-5-6) largeur 3x30% ----*/
#column4 {
float:left;
width: 32%;
text-align: justify;
font-family: Glegoo, Arial, Helvetica, sans-serif;
color: #616161;
font-size: xsmall;
font-weight: normal;
font-style: normal;
text-transform: none;
padding-left: 0px;
padding-top:0px;
}
#column5 {
float:left;
width: 32%;
text-align: justify;
font-family: Glegoo, Arial, Helvetica, sans-serif;
color: #616161;
font-size: xsmall;
font-weight: normal;
font-style: normal;
text-transform: none;
padding-left: 8px;
}
#column6 {
float:left;
width: 32%;
text-align: justify;
font-family: Glegoo, Arial, Helvetica, sans-serif;
color: #616161;
font-size: xsmall;
font-weight: normal;
font-style: normal;
text-transform: none;
padding-left: 8px;
}
/*----- Fin combinaison de 3 colonnes (4-5-6) largeur 3x30% ----*/
/*----- Début combinaison de 2 colonnes (7 - 8) - largeur 50% ----*/
#column7 {
float:left;
width: 48%;
text-align: justify;
font-family: Glegoo, Arial, Helvetica, sans-serif;
color: #616161;
font-size: xsmall;
font-weight: normal;
font-style: normal;
text-transform: none;
padding-left: 30px;
padding-top:0px;
}
#column8 {
float:left;
width: 48%;
text-align: justify;
font-family: Glegoo, Arial, Helvetica, sans-serif;
color: #616161;
font-size: xsmall;
font-weight: normal;
font-style: normal;
text-transform: none;
padding-left: 0px;
}
/*----- Fin combinaison de 2 colonnes - largeur 50% ----*/
/*----- Début cadre centré - largeur 70% ----*/
#column9 {
float: center;
width: 69%;
text-align: center;
font-family: Glegoo, Arial, Helvetica, sans-serif;
color: #000000;
font-size: xsmall;
font-weight: normal;
font-style: normal;
text-transform: none;
background-color: #dab54f; /*Brun-jaune*/
border-style: solid;
border-width: 1px 1px 1px 1px;
border-color: #000000;
-moz-border-radius: 5px 5px 5px 5px;
-webkit-border-radius: 5px 5px 5px 5px;
border-radius: 5px 5px 5px 5px;
-webkit-border-top-left-radius: 5px; /* pour Chrome */
-webkit-border-top-right-radius: 5px; /* pour Chrome */
padding-left: 25px;
padding-right:20px;
padding-top:5px;
margin-top: 5px;
margin-right: auto;
margin-left: auto;
margin-bottom: 10px;
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.60);
}
/*----- Fin cadre centré - largeur 70% ----*/
/*----- DEBUT SHARING FLOTTANT ----*/
.shareThisPage {
left: 50%;
margin-left: -670px;
margin-top: 150px;
position: fixed;
border: 1px solid #EEC862;
border-radius: 5px;
width: 65px;
height: 370px;
padding: 5px;
}
.shareThisPage .shareWidget {
padding: 15px 0;
height: 30px;
}
/*----- FIN SHARING FLOTTANT ----*/
/*----- DEBUT slide 1 ----*/
@keyframes AutoSlide {
0% {
left: 0px; /*1ère image*/
}
7% {
left: 0px; /*idem pour attente*/
}
16% {
left: -660px; /*2ème image*/
}
23% {
left: -660px; /*idem pour attente*/
}
33% {
left: -1310px; /*3ème image*/
}
40% {
left: -1310px; /*idem pour attente*/
}
48% {
left: -1970px; /*4ème image*/
}
55% {
left: -1970px; /*idem pour attente*/
}
64% {
left: -2620px; /*5ème image*/
}
71% {
left: -2620px; /*idem pour attente*/
}
80% {
left: -3280px; /*6ème image*/
}
87% {
left: -3280px; /*idem pour attente*/
}
100% {
left: 0px; /*1ère image*/
}
}
#slideshow {
position: relative;
width: 650px;
height: 220px;
margin: 20px auto;
box-shadow: 0px 15px 9px -6px rgba(180, 180, 180, 0.5);
overflow: hidden;
}
#sContent li {
display: inline;
}
#sContent {
position: absolute;
top: 0;
left: 0;
width: 4550px;
margin: 0;
padding: 0;
/*CSS3 keyframes animation*/
animation-name: AutoSlide;
animation-duration: 25s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
/*----- FIN slide 1 ----*/
/*----- DEBUT slide 2 ----*/
@keyframes AutoSlide2 {
0% {
left: 0px; /*1ère image*/
}
5% {
left: 0px; /*idem pour attente*/
}
10% {
left: -150px; /*2ème image*/
}
15% {
left: -150px; /*idem pour attente*/
}
20% {
left: -310px; /*3ème image*/
}
25% {
left: -310px; /*idem pour attente*/
}
30% {
left: -470px; /*4ème image*/
}
35% {
left: -470px; /*idem pour attente*/
}
40% {
left: -620px; /*5ème image*/
}
45% {
left: -620px; /*idem pour attente*/
}
50% {
left: -780px; /*6ème image*/
}
55% {
left: -780px; /*idem pour attente*/
}
60% {
left: -940px; /*7ème image*/
}
65% {
left: -940px; /*idem pour attente*/
}
70% {
left: -940px; /*8ème image*/
}
75% {
left: -940px; /*idem pour attente*/
}
80% {
left: -940px; /*9ème image*/
}
85% {
left: -940px; /*idem pour attente*/
}
90% {
left: -940px; /*10ème image*/
}
95% {
left: -940px; /*idem pour attente*/
}
100% {
left: 0px; /*1ère image*/
}
}
#slideshow2 {
position: relative;
width: 620px;
height: 100px;
margin: 20px auto;
box-shadow: 0px 10px 9px -6px rgba(250, 250, 250, 0.5);
overflow: hidden;
}
#sContent2 li {
display: inline;
}
#sContent2 {
position: absolute;
top: 0;
left: 0;
width: 2000px;
margin: 0;
padding: 0;
/*CSS3 keyframes animation*/
animation-name: AutoSlide2;
animation-duration: 25s;
animation-iteration-count: infinite;
animation-timing-function: ease-in-out;
}
/*----- FIN slide 2 ----*/
.width400
{
width: 400px;
{
.width200
{
width: 200px;
{
.width220
{
width: 220px;
{
.width250
{
width: 250px;
}
.width75
{
width: 75px;
}
.width50
{
width: 50px;
}
.width25
{
width: 25px;
}
.clear {clear:both;}
/*----- Debut pop Up ----*/
#notebook {
position: absolute;
bottom: 20px;
right: 30px;
position: fixed;
width: 250px;
height: 160px;
background: #eeeeee;
opacity: .70;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-width: 2px;
border-color: #bbbbbb;
border-radius: 10px;
-moz-border-radius: 10px;
-webkit-border-radius: 10px;
-webkit-box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.60);
-moz-box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.60);
box-shadow: 0px 8px 14px rgba(0, 0, 0, 0.60);
font-family: 'comic sans ms', sans-serif;
font-size: 16px;
font-weight: none;
color: #000000;
font-style: none;
text-align: center;
line-height: 20px;
margin: 0px;
padding: 30px;
}
#notebook p {
padding: 5px 5px 0 5px;
}
#notebook a {
font-weight: none;
color: #000000;
font-style: none;
text-align: center;
line-height: 0px;
}
#close {
position: relative;
bottom:8px;
right: 0px;
text-decoration: none;
font-size: 12px;
font-family: comic sans ms, sans-serif;
font-style: normal;
padding: 0px 0px 10px 0px;
}
/*----- Fin pop Up ----*/