| Apache Linux webd001.cluster107.gra.hosting.ovh.net 5.15.167-ovh-vps-grsec-zfs-classid #1 SMP Tue Sep 17 08:14:20 UTC 2024 x86_64 uid=2234(oyaide) gid=100(users) groups=100(users) server ip : 213.186.33.18 | your ip : 216.73.216.159 safemode OFF > / home / oyaide / www / colab.be / css / colab2 / |
| Filename | /home/oyaide/www/colab.be/css/colab2/default.css |
| Size | 8.12 kb |
| Permission | rw----r-- |
| Owner | oyaide : users |
| Create time | 01-Apr-2012 23:42 |
| Last modified | 01-Apr-2012 23:42 |
| Last accessed | 01-Apr-2012 23:42 |
| Actions | edit | rename | delete | download (gzip) |
| View | text | code | image |
*{
padding:0;
margin:0;
border:none;
}
body {
margin:0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#000;
background-color:#fff;
background-image:url(images/bg_website.jpg);
background-repeat:repeat-y;
}
p {
margin-bottom:10px;
margin-top:10px;
}
input, select, textarea {
border:1px solid #C0C0C0;
padding:3px;
}
h4 {
font-size:13px;
font-weight:bold;
margin:15px 0 15px 0;
}
h3 {
font-size:14px;
font-weight:bold;
}
h2 {
margin-bottom:10px;
color:#000;
}
a:link, a:visited {
color:#666666;
text-decoration:none;
}
a:hover {
color:#999999;
text-decoration:underline;
}
.small {
font-size:10px;
}
#wrapper {
margin:0;
padding:0;
margin-left:47px;
margin-right:30px;
}
#footer {
height:23px;
margin-top:20px;
margin-left:180px;
padding:8px 20px 0 35px;
clear:both;
color:#666;
}
#footer div.right {
float:right;
font-size:10px;
}
#footer #boutons { padding-top:12px; }
#footer #adresse {
margin-left:0px;
color:#666;
font-size:10px;
}
div#footer a:link, div#footer a:visited {
color:#666;
text-decoration:none;
}
div#footer a:hover {
text-decoration:underline;
}
div#logo {
width:178px;
text-align:center;
margin:5px 0 30px 3px;
}
/* MENU */
#menu_vertical {
float:left;
width:181px;
text-align:left;
color:#C0C0C0;
font-size:12px;
}
#menu_vertical ul#menuV {
margin:0;
padding:0;
list-style:none;
border-top:1px solid #100f0f;
border-bottom:1px solid #292323;
}
#menu_vertical ul#menuV li a {
display:block;
color:#FFFFFF;
background-image:url(images/bg_menu.jpg);
background-repeat:no-repeat;
width:159px;
padding:8px 5px 8px 17px;
height:13px;
}
#menu_vertical ul#menuV li a:hover {
text-decoration:none;
color:#fff;
}
#menu_vertical ul#menuV li.sub {
color:#CCCCCC;
font-weight:100;
padding-left:10px;
}
#menu_vertical ul#menuV li.sub a, #menu_vertical ul#menuV li.subSelect a {
border:none;
/*padding:3px 0 3px 20px;*/
background-image:url(img/ul_triangle.gif);
background-repeat:no-repeat;
}
#menu_vertical ul#menuV li.subSelect {
color:#999999;
font-weight:bold;
padding-left:10px;
}
#menu_vertical ul#menuV li#pageSelected a {
background-image:url(images/bg_menu_select.jpg);
background-repeat:no-repeat;
}
#menu_vertical img {
margin-right:5px;
}
#menu_vertical ul#menuV ul {
list-style:none;
width:170px;
background-image:none;
background-color:none;
position:absolute;
left:186px;
background-color:#FFF;
padding:0;
display:none;
border:1px solid #BDAE9F;
border-left:3px solid #BDAE9F;
z-index:9;
}
#menu_vertical ul#menuV ul li {
border-bottom:1px solid #FFF;
border-top:none;
background-color:#F6F6F6;
/*padding:7px 5px 7px 5px;*/
font-weight:100;
color:#999;
}
#menu_vertical #coord{
font-size:11px;
color:#5b5a5a;
margin:30px 17px 0 17px;
}
#menu_vertical #coord h6{
font-size:13px;
}
/*CONTENU*/
#page_content {
text-align:left;
margin-right:10px;
margin-left:181px;
font:12px Arial, Verdana, Helvetica, sans-serif;
}
#page_content #illustration {
float:left;
margin-left:1px;
width:180px;
height:200px;
}
#breadcrumb {
font-size:10px;
padding:9px 0 0 35px;
margin-left:180px;
background-image:url(images/breadcrumb.jpg);
background-repeat:no-repeat;
height:20px;
width:500px;
}
#page_content #pageContent {
/*background-color:#FFFFFF;*/
padding:27px 0px 4px 35px;
color:#000;
margin-left:180px;
min-width:500px;
/*width:500px;*/
}
#page_content h2 {
font-size:18px;
margin-bottom:15px;
}
#page_content img {
/*margin:4px;*/
}
#page_content ul {
margin-left:20px;
}
/*#page_content h2 { color:#005F60; }*/
#page_content h3 {
color:#666;
font-size:16px;
margin:15px 0 15px 0;
}
ul#presentation {
list-style:none;
margin:0 0 0 5px;
padding:0;
}
ul#presentation li {
float:left;
width:170px;
height:199px;
background-image:url(img/home_zone.jpg);
background-repeat:no-repeat;
}
ul#presentation li h3 {
font-size:12px;
margin:5px 0 0 10px;
color:#666666;
}
/*NEWS*/
div.pageNews{
border-top:3px solid #eee;
border-bottom:3px solid #eee;
}
div.listElement{
background-color:#fff;
/*border:1px solid #231f20;*/
margin-top:20px;
color:#000;
}
div.listElement h4{
font-size:14px;
margin-top:20px;
padding:10px 10px 10px 25px;
background-image:url(images/arrow.gif);
background-position:left center;
background-repeat:no-repeat;
}
div.listElement h4.noBloc{
background-image:none;
padding-left:0;
}
div.listElement h4 a{ color:#000; }
div.listElement div{
padding:10px;
height:80px;
border-top:1px solid #ccc;
border-bottom:1px solid #f6f6f6;
background-color:#eee;
}
div.listElement div.first{
border-top:none;
}
div.listElement div p.img{
width:80px;
float:left;
margin:0;
padding:0;
}
div.listElement div h5 span {
font-size:10px;
margin-right:20px;
}
div.listElement div h5 label {
font-size:10px;
color:#999;
}
div.listElement div h5 label a { color:#999999; }
div.listElement div h5, div.listElement div p{
font-size:12px;
margin-left:100px;
}
div.listElement div p.prix{
color:#666;
font-size:12px;
}
div.pageMarques div{ background-color:#fff; }
div.pageMarques .constructeur{ text-align:right; font-style: italic; font-size:10px;}
div.pageMarques div p.img{
width:120px;
}
div.pageMarques div p, div.pageMarques div h5{
margin-left:140px;
}
div#page_content div#news_list div {
padding:10px;
border:1px solid #C0C0C0;
background-color:#F9F9F9;
margin-bottom:5px;
}
#page_content p.news_item {
display:block;
width:100%;
border-bottom:1px dotted #9BCFB5;
padding-bottom:30px;
padding-top:20px;
}
#page_content p.news_item span.title { font-size:12px; font-weight:bold; display:block; margin-bottom:10px; }
#page_content p.news_item span.date { display:block; float:left; width:70px; }
.date { font-size:10px; }
/*Pagination*/
div.pagination {
text-align:right;
font-size:10px;
}
div#slogan {
margin-bottom:20px;
color:#005F60;
margin-left:10px;
font-weight:bold;
}
/*BOUTIQUE*/
p.price{
font-size:14px;
color:#666666;
}
div.boutiqueList{
padding:0;
margin:0;
}
div.boutiqueList ul {
list-style:none;
margin:0;
padding:0;
}
div.boutiqueList ul li {
float:left;
display:block;
text-align:center;
}
div.boutiqueList ul li a {
height:70px;
width:120px;
display:block;
padding-top:55px;
border:3px solid #CCCCCC;
margin:0 10px 10px 0;
text-transform:uppercase;
text-decoration:none;
}
div.boutiqueList ul li a:hover {
border:3px solid #66CC00;
color:#66CC00;
}
#packListing{
width:100%;
}
#packListing td{
padding:5px 4px;
border-top:1px solid #ccc;
border-bottom:1px solid #f6f6f6;
background-color:#eee;
}
#packListing td img{ margin:0 2px; border:3px solid #fff; }
#packListing td a{ background:none; padding:0; margin:0; }
/*VIDEOS*/
div#liste_video {
margin-top:0px;
margin-bottom:10px;
border:1px solid #F49E00;
background-color:#F6F6F6;
padding:5px;
}
div#liste_video h3 { margin-top:4px; }
span.bordure {
background-image:url(../img/film.gif);
background-repeat:repeat-x;
background-position:center left;
display:block;
width:150px;
height:10px;
background-color:#000000;
}
div#liste_video div.line { margin-top:10px; padding-top:10px; }
div#liste_video img { margin:0; }
div#liste_video a:hover img {
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
margin:0;
}
/*Recherche*/
#search input[type=text] {
width:100px;
}
#search input[type=image] { border:none; }
#search input{
font-size:10px;
}
div.home_rea {
background-color:#F6F6F6;
border:1px solid #C0C0C0;
}
div.home_rea p { background-color:#FFFFFF; margin:5px; padding:3px; }
/*CONTACT*/
div.contact {
margin-top:10px;
margin-bottom:10px;
padding:3px;
border:1px solid #C0C0C0;
}
div.contact input, div.contact textarea { width:240px; font-size:12px; }
div.contact input[type=submit], div.contact select { width:248px; font-size:12px; }
div.contact div { background-color:#F6F6F6; padding:3px; padding-top:5px; padding-bottom:5px; margin-bottom:1px; margin-top:1px; }
div.contact div.erreur { background-color:#FBECEC; color:#990000; }
div.contact div span { display:block; width:150px; float:left; }
padding:0;
margin:0;
border:none;
}
body {
margin:0;
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size:12px;
color:#000;
background-color:#fff;
background-image:url(images/bg_website.jpg);
background-repeat:repeat-y;
}
p {
margin-bottom:10px;
margin-top:10px;
}
input, select, textarea {
border:1px solid #C0C0C0;
padding:3px;
}
h4 {
font-size:13px;
font-weight:bold;
margin:15px 0 15px 0;
}
h3 {
font-size:14px;
font-weight:bold;
}
h2 {
margin-bottom:10px;
color:#000;
}
a:link, a:visited {
color:#666666;
text-decoration:none;
}
a:hover {
color:#999999;
text-decoration:underline;
}
.small {
font-size:10px;
}
#wrapper {
margin:0;
padding:0;
margin-left:47px;
margin-right:30px;
}
#footer {
height:23px;
margin-top:20px;
margin-left:180px;
padding:8px 20px 0 35px;
clear:both;
color:#666;
}
#footer div.right {
float:right;
font-size:10px;
}
#footer #boutons { padding-top:12px; }
#footer #adresse {
margin-left:0px;
color:#666;
font-size:10px;
}
div#footer a:link, div#footer a:visited {
color:#666;
text-decoration:none;
}
div#footer a:hover {
text-decoration:underline;
}
div#logo {
width:178px;
text-align:center;
margin:5px 0 30px 3px;
}
/* MENU */
#menu_vertical {
float:left;
width:181px;
text-align:left;
color:#C0C0C0;
font-size:12px;
}
#menu_vertical ul#menuV {
margin:0;
padding:0;
list-style:none;
border-top:1px solid #100f0f;
border-bottom:1px solid #292323;
}
#menu_vertical ul#menuV li a {
display:block;
color:#FFFFFF;
background-image:url(images/bg_menu.jpg);
background-repeat:no-repeat;
width:159px;
padding:8px 5px 8px 17px;
height:13px;
}
#menu_vertical ul#menuV li a:hover {
text-decoration:none;
color:#fff;
}
#menu_vertical ul#menuV li.sub {
color:#CCCCCC;
font-weight:100;
padding-left:10px;
}
#menu_vertical ul#menuV li.sub a, #menu_vertical ul#menuV li.subSelect a {
border:none;
/*padding:3px 0 3px 20px;*/
background-image:url(img/ul_triangle.gif);
background-repeat:no-repeat;
}
#menu_vertical ul#menuV li.subSelect {
color:#999999;
font-weight:bold;
padding-left:10px;
}
#menu_vertical ul#menuV li#pageSelected a {
background-image:url(images/bg_menu_select.jpg);
background-repeat:no-repeat;
}
#menu_vertical img {
margin-right:5px;
}
#menu_vertical ul#menuV ul {
list-style:none;
width:170px;
background-image:none;
background-color:none;
position:absolute;
left:186px;
background-color:#FFF;
padding:0;
display:none;
border:1px solid #BDAE9F;
border-left:3px solid #BDAE9F;
z-index:9;
}
#menu_vertical ul#menuV ul li {
border-bottom:1px solid #FFF;
border-top:none;
background-color:#F6F6F6;
/*padding:7px 5px 7px 5px;*/
font-weight:100;
color:#999;
}
#menu_vertical #coord{
font-size:11px;
color:#5b5a5a;
margin:30px 17px 0 17px;
}
#menu_vertical #coord h6{
font-size:13px;
}
/*CONTENU*/
#page_content {
text-align:left;
margin-right:10px;
margin-left:181px;
font:12px Arial, Verdana, Helvetica, sans-serif;
}
#page_content #illustration {
float:left;
margin-left:1px;
width:180px;
height:200px;
}
#breadcrumb {
font-size:10px;
padding:9px 0 0 35px;
margin-left:180px;
background-image:url(images/breadcrumb.jpg);
background-repeat:no-repeat;
height:20px;
width:500px;
}
#page_content #pageContent {
/*background-color:#FFFFFF;*/
padding:27px 0px 4px 35px;
color:#000;
margin-left:180px;
min-width:500px;
/*width:500px;*/
}
#page_content h2 {
font-size:18px;
margin-bottom:15px;
}
#page_content img {
/*margin:4px;*/
}
#page_content ul {
margin-left:20px;
}
/*#page_content h2 { color:#005F60; }*/
#page_content h3 {
color:#666;
font-size:16px;
margin:15px 0 15px 0;
}
ul#presentation {
list-style:none;
margin:0 0 0 5px;
padding:0;
}
ul#presentation li {
float:left;
width:170px;
height:199px;
background-image:url(img/home_zone.jpg);
background-repeat:no-repeat;
}
ul#presentation li h3 {
font-size:12px;
margin:5px 0 0 10px;
color:#666666;
}
/*NEWS*/
div.pageNews{
border-top:3px solid #eee;
border-bottom:3px solid #eee;
}
div.listElement{
background-color:#fff;
/*border:1px solid #231f20;*/
margin-top:20px;
color:#000;
}
div.listElement h4{
font-size:14px;
margin-top:20px;
padding:10px 10px 10px 25px;
background-image:url(images/arrow.gif);
background-position:left center;
background-repeat:no-repeat;
}
div.listElement h4.noBloc{
background-image:none;
padding-left:0;
}
div.listElement h4 a{ color:#000; }
div.listElement div{
padding:10px;
height:80px;
border-top:1px solid #ccc;
border-bottom:1px solid #f6f6f6;
background-color:#eee;
}
div.listElement div.first{
border-top:none;
}
div.listElement div p.img{
width:80px;
float:left;
margin:0;
padding:0;
}
div.listElement div h5 span {
font-size:10px;
margin-right:20px;
}
div.listElement div h5 label {
font-size:10px;
color:#999;
}
div.listElement div h5 label a { color:#999999; }
div.listElement div h5, div.listElement div p{
font-size:12px;
margin-left:100px;
}
div.listElement div p.prix{
color:#666;
font-size:12px;
}
div.pageMarques div{ background-color:#fff; }
div.pageMarques .constructeur{ text-align:right; font-style: italic; font-size:10px;}
div.pageMarques div p.img{
width:120px;
}
div.pageMarques div p, div.pageMarques div h5{
margin-left:140px;
}
div#page_content div#news_list div {
padding:10px;
border:1px solid #C0C0C0;
background-color:#F9F9F9;
margin-bottom:5px;
}
#page_content p.news_item {
display:block;
width:100%;
border-bottom:1px dotted #9BCFB5;
padding-bottom:30px;
padding-top:20px;
}
#page_content p.news_item span.title { font-size:12px; font-weight:bold; display:block; margin-bottom:10px; }
#page_content p.news_item span.date { display:block; float:left; width:70px; }
.date { font-size:10px; }
/*Pagination*/
div.pagination {
text-align:right;
font-size:10px;
}
div#slogan {
margin-bottom:20px;
color:#005F60;
margin-left:10px;
font-weight:bold;
}
/*BOUTIQUE*/
p.price{
font-size:14px;
color:#666666;
}
div.boutiqueList{
padding:0;
margin:0;
}
div.boutiqueList ul {
list-style:none;
margin:0;
padding:0;
}
div.boutiqueList ul li {
float:left;
display:block;
text-align:center;
}
div.boutiqueList ul li a {
height:70px;
width:120px;
display:block;
padding-top:55px;
border:3px solid #CCCCCC;
margin:0 10px 10px 0;
text-transform:uppercase;
text-decoration:none;
}
div.boutiqueList ul li a:hover {
border:3px solid #66CC00;
color:#66CC00;
}
#packListing{
width:100%;
}
#packListing td{
padding:5px 4px;
border-top:1px solid #ccc;
border-bottom:1px solid #f6f6f6;
background-color:#eee;
}
#packListing td img{ margin:0 2px; border:3px solid #fff; }
#packListing td a{ background:none; padding:0; margin:0; }
/*VIDEOS*/
div#liste_video {
margin-top:0px;
margin-bottom:10px;
border:1px solid #F49E00;
background-color:#F6F6F6;
padding:5px;
}
div#liste_video h3 { margin-top:4px; }
span.bordure {
background-image:url(../img/film.gif);
background-repeat:repeat-x;
background-position:center left;
display:block;
width:150px;
height:10px;
background-color:#000000;
}
div#liste_video div.line { margin-top:10px; padding-top:10px; }
div#liste_video img { margin:0; }
div#liste_video a:hover img {
opacity: 0.5;
filter:alpha(opacity=50);
-moz-opacity:0.5;
margin:0;
}
/*Recherche*/
#search input[type=text] {
width:100px;
}
#search input[type=image] { border:none; }
#search input{
font-size:10px;
}
div.home_rea {
background-color:#F6F6F6;
border:1px solid #C0C0C0;
}
div.home_rea p { background-color:#FFFFFF; margin:5px; padding:3px; }
/*CONTACT*/
div.contact {
margin-top:10px;
margin-bottom:10px;
padding:3px;
border:1px solid #C0C0C0;
}
div.contact input, div.contact textarea { width:240px; font-size:12px; }
div.contact input[type=submit], div.contact select { width:248px; font-size:12px; }
div.contact div { background-color:#F6F6F6; padding:3px; padding-top:5px; padding-bottom:5px; margin-bottom:1px; margin-top:1px; }
div.contact div.erreur { background-color:#FBECEC; color:#990000; }
div.contact div span { display:block; width:150px; float:left; }