/* =Normalise les tags html
* --------------------------------------------------------------------------------------------------------*/
* {
margin : 0;
padding : 0;
outline : none;
}
h1,h2,h3,h4,h5,h6 {
font-size : 100%;
}
ol, ul {
list-style : none;
}
address, caption, cite, code, dfn, em, strong, th, var {
font-style : normal;
font-weight : normal;
}
table {
border-collapse : collapse;
border-spacing : 0;
}
fieldset, img {
border : 0;
}
caption, th {
text-align : left;
}
q:before, q:after {
content : '';
}
/* =Layout de la page
* --------------------------------------------------------------------------------------------------------*/
body {
font-size : 12px;
font-family : "Trebuchet MS", Verdana, arial;
}
#warpper {
position : relative;
width : 1125px;
margin : 0 auto;
}
#container {
position : absolute;
width : 965px;
top : 0;
left : 10px;
/*background : transparent url(../img/dvlp/grid.png);*/
}
#skyscrapper {
position : absolute;
width : 160px;
height : 600px;
top : 207px;
right : -10px;
}
#container #header {
width : 100%;
}
#container #header #headerTop {
position : relative;
width : 100%;
height : 100px;
}
#container #header #headerTop .leaderBord {
float : right;
margin : 5px 0 0 0;
width : 730px;
height : 90px;
}
* + html #container #header #headerTop .leaderBord {
margin : 5px 0 0 0;
}
#container #header #headerTop #leftHeaderTop{
float : left;
width : 223px;
}
#container #header #headerTop #leftHeaderTop > a h1 {
float : left;
width : 223px;
height : 95px;
margin : 5px 0 0 0;
background : #a5d835;
cursor : pointer;
}
#container #header #headerTop #leftHeaderTop > a h1 > span {
margin : 0 0 0 -9999px;
}
#container #header #headerTop > img{
position : relative;
left : 51px;
top : 108px;
}
* + html #container #header #headerTop > img {
top : 105px;
}
#container #header #boxCat {
height : 108px;
position : relative;
top : 0;
margin : 0 auto;
width : 943px;
}
#container #header #menuCat {
position : absolute;
top : 0;
width : 100%;
height : 108px;
background : #9ed22b;
}
#container #header #headerBot {
position : relative;
width : 100%;
height : 83px;
background : url(../img/pages/mainDesign/bg_botHeader2.jpg) no-repeat;
}
#container #header #headerBot .search_engine {
position : absolute;
top : 10px;
left : 10px;
width : 100%;
}
#container #header #headerBot .search_engine span,
#container #header #headerBot .search_engine input,
#container #header #headerBot .search_engine select {
float : left;
margin : 0 0 0 10px;
}
#container #header #headerBot .search_engine span {
color : #fff;
font-weight : bold;
font-size : 18px;
padding : 6px 0 0 0;
}
#container #header #headerBot .search_engine input.text_field {
width : 190px;
height : 24px;
background : #fff;
padding : 6px 0 0 2px;
font-size : 18px;
border : 2px inset #e1e1df;
}
#container #header #headerBot .search_engine select.slct_cat {
margin : 7px 0 0 10px;
height : 20px;
}
#container #header #headerBot .search_engine input.search_btn {
margin : 2px 0 0 10px;
background : transparent url(../img/pages/button/btn_search.png) no-repeat;
border : none;
color : #676767;
cursor : pointer;
display : block;
font-size : 18px;
font-weight : 700;
height : 32px;
line-height : 25px;
text-align : center;
text-decoration : none;
width : 125px;
}
#container #header #headerBot ul.main_menu {
position : absolute;
bottom : 5px;
left : 237px;
}
#container #header #headerBot ul.main_menu a:link,
#container #header #headerBot ul.main_menu a:hover,
#container #header #headerBot ul.main_menu a:visited,
#container #header #headerBot ul.main_menu a:active {
color : #fff;
font-size : 15px;
font-weight : bold;
text-transform : uppercase;
text-decoration : none;
}
#container #header #headerBot ul.main_menu li {
display : inline;
margin : 0 10px 0 0;
}
#container #header #headerBot ul.sub_menu {
position : absolute;
bottom : 5px;
right : 5px;
}
#container #header #headerBot ul.sub_menu li {
display : inline;
margin : 0 10px 0 0;
}
#container #header #headerBot ul.sub_menu li a:link,
#container #header #headerBot ul.sub_menu li a:hover,
#container #header #headerBot ul.sub_menu li a:visited,
#container #header #headerBot ul.sub_menu li a:active {
font-size : 10pt;
font-weight : bold;
color : #fff;
height : 37px;
}
#container #content {
/*position : relative;*/
width : 100%;
overflow : hidden;
margin : 10px 0 0 0;
}
#container a.linkGrey:link, #container a.linkGrey:hover, #container a.linkGrey:active, #container a.linkGrey:visited {
/* 06/09/2011 */
color: #676767;
display: block;
font-size: 12px;
margin: 0;
text-align: center;
text-decoration: underline;
}
#container a.linkGrey2:link, #container a.linkGrey2:hover, #container a.linkGrey2:active, #container a.linkGrey2:visited {
font-size : 12px;
color : #676767;
text-decoration : underline;
margin : 0 5px 0 0;
}
#container #content .main_content {
float : left;
width : 635px;
margin : 5px 0 0 0;
}
#container #content .main_content #frm_contact,#container #content .main_content #frm_news {
border-spacing : 0 10px;
border-collapse : separate;
}
#container #content .main_content h1 {
color : #676767;
}
#container #content .main_content h1.title {
font-size : 18px;
margin : 0 0 5px 0;
}
#container #content .main_content .disp_text {
color : #4e4e4e;
text-align : justify;
}
#container #content .main_content .disp_text p {
padding : 0 0 10px 5px;
}
#container #content .main_content .disp_text h4 {
background : #9fd22f;
color : #fff;
padding : 3px 5px;
}
#container #content .main_content .disp_text h4.news {
font-size : 13px;
background : #9fd22f;
color : #000;
padding : 3px 5px;
margin : 10px 0;
}
#container #content .main_content ul {
/*width : 605px;*/
font-size : 12px;
}
#container #content .main_content ul li h2 {
font-size : 14px;
font-weight : bold;
}
/*#container #content .main_content ul li {
float : left;
margin : 0 0 0 5px;
}*/
#container #content .main_cat {
width : 965px;
}
#container #content .main_cat .topCat_main {
float : left;
width : 965px;
height : 9px;
background : url(../img/pages/bloc/box_greyTop.jpg) no-repeat;
}
#container #content .main_cat .contentCat_main {
position : relative;
float : left;
width : 963px;
border-left : 1px solid #d8d8d8;
border-right : 1px solid #d8d8d8;
overflow : hidden;
}
#container #content .main_cat .contentCat_main h2 {
padding : 0 0 0 5px;
}
#container #content .main_cat .contentCat_main ul {
margin : 5px 0 0 0;
}
/*#container #content .main_cat .contentCat_main ul.col {
float : left;
width : 130px;
margin : 0 0 0 10px;
}*/
#container #content .main_cat .contentCat_main ul.col li {
float : left;
border-right : 1px solid #ccc;
padding : 0 10px 0 0;
margin : 0 0 5px 10px;
}
#container ul.col_sub {
float : left;
width : 150px;
margin : 0 0 0 10px;
}
#container ul.col_sub li {
border-right : 1px solid #fff;
}
#container #content .main_cat .botCat_main {
float : left;
width : 965px;
height : 9px;
background : url(../img/pages/bloc/box_greyBot.jpg) no-repeat;
}
#container #content .disp_product {
width : 635px;
margin : 5px 0 0 0;
}
#container #content ul.list_prod {
width : 635px;
}
#container #content ul.list_prod li.list {
width : 630px;
margin : 0 0 10px 0;
}
#container #content ul.list_prod li.list .img_list_prod {
float : left;
width : 90px;
height : 90px;
border : 0px solid #676767;
margin : 0 5px 0 0;
}
#container #content ul.list_prod li.list .title_list_prod {
width : 560px;
font-size : 15px;
padding : 0 2px;
margin : 5px 0 5px 0;
color : #678e0b;
font-weight : bold;
}
* + html #container #content ul.list_prod li.list .desc_list_prod {
margin : 0 0 5px 0;
}
#container #content ul.list_prod li.list .desc_list_prod {
width : 580px;
font-size : 12px;
padding : 0 2px;
margin : 5px 0 5px 0;
color : #4e4e4e;
text-align : justify;
}
#container #content ul.list_prod li.list .price_list_prod {
width : 100%;
font-size : 12px;
font-weight : bold;
color : #ff6600;
}
#container #content ul.list_prod li {
float : left;
margin : 0 0 10px 22px;
}
#container #content ul.list_prod li.first_prod {
float : left;
margin : 0 0 10px 0;
}
#container #content .boxProduct {
width : 109px;
/* 06/09/2011
height : 177px; */
height: 200px;
}
#container #content .boxProduct .top_prod {
width : 100%;
height : 5px;
background : url(../img/pages/bloc/box_topProduct.jpg) no-repeat;
}
#container #content .boxProduct .content_prod {
width : 100%;
height : 167px;
background : url(../img/pages/bloc/box_contentProduct.jpg) repeat-y;
}
#container #content .boxProduct .content_prod .desc_prod {
width : 105px;
font-size : 12px;
height : 35px;
padding : 0 2px;
margin : 5px 0 5px 0;
color : #4e4e4e;
overflow : hidden;
}
* + html #container #content .boxProduct .content_prod .desc_prod {
margin : 0 0 5px 0;
}
#container #content .boxProduct .content_prod .price_prod {
width : 100%;
font-size : 12px;
color : #fff;
background : #ff6600;
}
#container #content .boxProduct .bot_prod {
width : 100%;
height : 5px;
background : url(../img/pages/bloc/box_botProduct.jpg) no-repeat;
}
#container #content .sub_content {
float : right;
width : 325px;
margin : 10px 0 0 0;
}
.box {
width : 320px;
margin : 0 0 10px 5px;
}
.box .top_box {
width : 320px;
height : 7px;
background : url(../img/pages/bloc/box_topStraProd.jpg) no-repeat;
}
.box .content_box {
width : 320px;
background : url(../img/pages/bloc/box_contentStraProd.jpg) repeat-y;
overflow : hidden;
}
.box .content_box h2 {
color : #676767;
font-weight : bold;
font-size : 15px;
text-transform : uppercase;
margin : 0 0 0 13px;
}
.box .content_box h3 {
color : #676767;
font-weight : bold;
font-size : 13px;
margin : 5px 0 5px 13px;
}
.box .content_box .onglet {
/*position : relative;*/
width : 320px;
height : 27px;
margin : 0 0 0 10px;
}
.box .content_box .onglet li {
float : left;
margin : 0 0 0 3px;;
}
.box .content_box .onglet li a {
float : left;
display : block;
height : 27px;
padding : 0 0 0 4px;
background : url(../img/menu/bg_leftBoxStar.jpg) no-repeat left;
}
.box .content_box .onglet li a span {
float : left;
color : #4e4e4e;
/*text-transform : uppercase;*/
font-weight : bold;
font-size : 12px;
height : 22px;
padding : 5px 5px 0 0;
background : url(../img/menu/bg_rightBoxStar.jpg) no-repeat right;
cursor : pointer;
}
.box .content_box .onglet li a:hover {
float : left;
display : block;
height : 27px;
padding : 0 0 0 4px;
background : url(../img/menu/bg_leftBoxStar_hover.jpg) no-repeat left;
}
.box .content_box .onglet li a:hover span {
float : left;
color : #fff;
/*text-transform : uppercase;*/
font-weight : bold;
font-size : 12px;
height : 22px;
padding : 5px 5px 0 0;
background : url(../img/menu/bg_rightBoxStar_hover.jpg) no-repeat right;
cursor : pointer;
}
.box .content_box .onglet li.active a {
float : left;
display : block;
height : 27px;
padding : 0 0 0 4px;
background : url(../img/menu/bg_leftBoxStar_hover.jpg) no-repeat left;
}
.box .content_box .onglet li.active a span {
float : left;
color : #fff;
/*text-transform : uppercase;*/
font-weight : bold;
font-size : 12px;
height : 22px;
padding : 5px 5px 0 0;
background : url(../img/menu/bg_rightBoxStar_hover.jpg) no-repeat right;
cursor : pointer;
}
.separGreen {
/*position : relative;*/
width : 100%;
height : 7px;
background : #678e0b;
}
.separator {
background : url(../img/pages/mainDesign/sepratator_H_3-3.gif) repeat-x center;
float : left;
font-size : 1px;
height : 6px;
margin : 0 0 5px 5px;
width : 100%;
}
.box .content_box ul.listProduct {
margin : 0 0 0 0;
}
.box .content_box ul.listProduct li {
width : 310px;
clear : both;
}
.box .content_box ul.listProduct li .img_list_popular {
width : 90px;
height : 90px;
}
.box .content_box ul.listProduct li .img_list_popular, .box .content_box ul.listProduct li div.contentListProduct {
float : left;
margin : 0 0 0 5px;
}
.box .content_box ul.listProduct li div.contentListProduct {
width : 210px;
}
.box .content_box ul.listProduct li div.contentListProduct h4 {
font-size : 12px;
font-weight : bold;
color : #00bf2f;
}
.box .content_box ul.listProduct li div.contentListProduct span {
font-size : 12px;
font-weight : bold;
color : #4e4e4e;
}
.box .bot_box {
width : 320px;
height : 7px;
background : url(../img/pages/bloc/box_botStraProd.jpg) no-repeat;
}
#container #footer {
width : 100%;
margin : 5px 0;
}
#container #footer ul {
width : 480px;
margin : 0 auto;
}
#container #footer ul li {
display : inline;
margin : 0 0 0 5px;
}
#container #footer .leaderBord {
margin : 5px auto;
width : 729px;
height : 90px;
}
/* =Page Categories
* --------------------------------------------------------------------------------------------------------*/
#container #content ul.cat_catMain {
float : left;
margin : 0 10px 10px 0;
width : 605px;
}
#container #content ul.cat_catMain li.titleCat {
font-size : 14px;
font-weight : bold;
}
#container #content ul.cat_catMain ul.catSub {
margin : 0 0 0 10px;
}
#container #content ul.cat_catMain ul.catSub li {
float : left;
color : #676767;
margin : 0 5px 0 0;
}
/* =Page error
* --------------------------------------------------------------------------------------------------------*/
.error_msg {
color : #ff2020;
}
/* =Page refresh
* --------------------------------------------------------------------------------------------------------*/
body#redirect {
background : #e1e1dd;
}
#content_refresh {
position : absolute;
width : 618px;
height : 260px;
left : 50%;
top : 50%;
margin-left : -309px;
margin-top : -130px;
}
#content_refresh h1 {
position : absolute;
top : 34px;
left : 197px;
color : #fff;
font-size : 24px;
}
#content_refresh p {
position : absolute;
bottom : 50px;
left : 100px;
text-align : center;
}
#content_refresh p a:link,#content_refresh p a:hover,#content_refresh p a:visited,#content_refresh p a:active {
color : #157db4;
text-decoration : none;
}
/* =Liens
* --------------------------------------------------------------------------------------------------------*/
a:link,a:hover,a:active,a:visited {
color : #678e0b;
text-decoration : none;
}
a.linkblue:link,a.linkblue:hover,a.linkblue:active,a.linkblue:visited {
color : #157db4;
text-decoration : none;
}
a.linkListProduct:link,a.linkListProduct:hover,a.linkListProduct:active,a.linkListProduct:visited {
color : #00bf2f;
text-decoration : none;
}
a.whiteLink:link, a.whiteLink:hover, a.whiteLink:active, a.whiteLink:visited {
color : #fff;
text-decoration : none;
}
/* =Separator
* --------------------------------------------------------------------------------------------------------*/
.separator {
background : url(/style/default/1024/img/pages/mainDesign/sepratator_H_3-3.gif) repeat-x center;
float : left;
font-size : 1px;
height : 6px;
margin : 0 0 5px;
width : 100%;
}
/* =Paginator
* --------------------------------------------------------------------------------------------------------*/
#container #content .main_content .paginator {
width : 100%;
height : 25px;
margin : 10px auto;
clear : both;
color : #678e0b;
}
#container #content .main_content .paginator a.paginationLink {
background : #ffffff;
border : 1px solid #d6d7d9;
margin : 0 2px;
padding : 0 2px;
}
#container #content .main_content .paginator a.paginationLink:visited {
color : #157db4;
text-decoration : none;
}
#container #content .main_content .paginator .atstart, .paginator .atend {
margin : 0 2px;
padding : 0 2px;
border : 1px solid #ddd;
background : #fff;
color : #aaa;
}
#container #content .main_content .paginator .break {
margin : 0 2px;
padding : 0 2px;
border : none;
background : #fff;
text-decoration : none;
}
#container #content .main_content .paginator .this-page {
background : #ff6600;
border : 1px solid #d32003;
margin : 0 2px;
padding : 0 2px;
color : #fee8c3;
}
#container #content .main_content .paginator a.paginationLink:hover {
text-decoration : none;
background : #678e0b;
border : 1px solid #d6d7d9;
margin : 0 2px;
padding : 0 2px;
color : #fff;
}
#newslogos img{
margin-top:10px;
margin-right:10px;
}
#bon_plans h5 {
color:#F1550A;
font-size:18px;
}
#bon_plans p {
color:#333;
font-size:13px;
margin:8px 2px;
}
/****** 6/09/2011 *******/
html body div#warpper div#container div#content div.main_content div.disp_product ul.list_prod li div.boxProduct div.like{
padding-top: 5px;
background: url("../img/pages/bloc/box_contentProduct.jpg") repeat-y scroll 0 0 transparent;
width: 100%;
text-align: center;
}
html body div#warpper div#container div#content div.main_content div.disp_product ul.list_prod li div.boxProduct div.like iframe{
width: 80% !important;
margin-left:20%;
margin-right: 10%;
}
html body div#warpper div#container div#content div.sub_content div.box div.content_box div ul.listProduct li div iframe {
margin-top: 6px;
}