*{
	margin:0;
	padding:0;
	font-family:Arial;

}

table {
 width:100%;
 }
td { 
 border-width:1px;
 border-style:solid; 
 border-color:#DEDDDD;
 padding:15px;
 }

 td li{ 
 margin-left:15px;
 }

img{
	border:0;
}

/* **************************************************************************************************** */
/* GENERAL */
/* **************************************************************************************************** */

body{
	background-image:url(img/body.png);
	background-repeat:repeat-x;
	background-color:#DEF1FA;	
}

#wrap{
}

#header{
	height:217px;
	position:relative;
	padding:1px;
	width:1000px;
	margin:auto;
	background-image:url(img/bandeau.jpg);
	background-repeat:no-repeat;	
}

div#page{
	width:1000px;
	margin:auto;
}


div#page div#content{
	float:left;
	margin:30px 0 0 -30px;
	width:650px;
}

div#footer{
	clear:both;
	background-image:url(img/footer.jpg);
	background-repeat:repeat-x;
	padding:10px 5px 5px 5px;
}

/* **************************************************************************************************** */
/* HEADER */
/* **************************************************************************************************** */
#header .topLogo h1{
	color:white;
	margin:10px 0 10px 0;
}
#header .topLogo h1 a{
	color:white;
	text-decoration:none;
}

/* **************************************************************************************************** */

#header .topSearch{
	position:absolute;
	top:0;
	right:0;
}
#header .topSearch a{
	color:white;
	text-decoration:none;
	font-weight:bold;
}

div#header .surfshop{
	position:absolute;
	left:62px;
	top:120px;
	z-index:20;	
}


/* **************************************************************************************************** */

div#header ul#menuVagueo{
	list-style-type:none;
	list-style-position:inside;
	position:absolute;
	top:180px;
	left:280px;
}
div#header ul#menuVagueo li{
	float:left;
}
div#header ul#menuVagueo li a{
	background-repeat:no-repeat;
	height:34px;
	width:161px;
	display:block;
	margin-right:10px;
	position:relative;
	color:white;
	text-decoration:none;
	font-size:0.7em;
	font-weight:bold;
}
div#header ul#menuVagueo li a.menu1{background-image:url(img/menu-vagueo/menu_1.png);}
div#header ul#menuVagueo li a.menu2{background-image:url(img/menu-vagueo/menu_2.png);}
div#header ul#menuVagueo li a.menu3{background-image:url(img/menu-vagueo/menu_3.png);}
div#header ul#menuVagueo li a.menu4{background-image:url(img/menu-vagueo/menu_4.png);}

div#header ul#menuVagueo li a span{
	position:absolute;
	top:5px;
	left:40px;
	display:block;
	width:100px;
	text-align:center;
}

/* **************************************************************************************************** */

div#header div#shop{
	position:absolute;
	z-index:2;
	left:0;
	top:219px;
	width:276px;
	display:none;
}

div#header div#shop .left-top{
	background-image:url(img/left/gauche_haut.png);
	background-repeat:no-repeat;
	height:40px;
}

div#header div#shop .left-bottom{
	background-image:url(img/left/gauche_bas.png);
	background-repeat:repeat-y;
	height:26px;
	margin-bottom:20px;
}

div#header div#shop .left-middle{
	background-image:url(img/left/gauche_milieu.png);
	background-repeat:repeat-y;
	padding:1px 0 0 0;
	position:relative;
	z-index:10;
}
div#header div#shop .left-middle ul{
	list-style-type:none;
	list-style-position:inside;
	margin:10px 50px 0 55px;
}
div#header div#shop .left-middle ul li{
	position:relative;
}
div#header div#shop .left-middle ul li:hover>ul.sm{
	display:block;
}

div#header div#shop .left-middle ul li a{
	height:28px;
	width:190px;
	display:block;
	position:relative;
	text-decoration:none;
	font-size:0.7em;
	color:#A7A8AA;
	font-weight:bold;
	background-repeat:no-repeat;
	background-image:url(img/left/menu.png);
}

div#header div#shop .left-middle ul li a span{
	position:absolute;
	left:43px;
	top:7px;
}

div#header div#shop .left-middle ul li a.menu1{background-image:url(img/menu-gauche/menu_1.png);}
div#header div#shop .left-middle ul li a.menu2{background-image:url(img/menu-gauche/menu_2.png);}
div#header div#shop .left-middle ul li a.menu3{background-image:url(img/menu-gauche/menu_3.png);}
div#header div#shop .left-middle ul li a.menu4{background-image:url(img/menu-gauche/menu_4.png);}
div#header div#shop .left-middle ul li a.menu5{background-image:url(img/menu-gauche/menu_5.png);}
div#header div#shop .left-middle ul li a.menu6{background-image:url(img/menu-gauche/menu_6.png);}
div#header div#shop .left-middle ul li a.menu7{background-image:url(img/menu-gauche/menu_7.png);}
div#header div#shop .left-middle ul li a.menu8{background-image:url(img/menu-gauche/menu_8.png);}
div#header div#shop .left-middle ul li a.menu9{background-image:url(img/menu-gauche/menu_9.png);}
div#header div#shop .left-middle ul li a.menu10{background-image:url(img/menu-gauche/menu_10.png);}
div#header div#shop .left-middle ul li a.menu11{background-image:url(img/menu-gauche/menu_11.png);}
div#header div#shop .left-middle ul li a.menu12{background-image:url(img/menu-gauche/menu_12.png);}
div#header div#shop .left-middle ul li a.menu13{background-image:url(img/menu-gauche/menu_13.png);}
div#header div#shop .left-middle ul li a.menu14{background-image:url(img/menu-gauche/menu_14.png);}
div#header div#shop .left-middle ul li a.menu15{background-image:url(img/menu-gauche/menu_15.png);}

/* **************************************************************************************************** */

div#header div#shop .left-middle .rss{
	margin:80px 50px 10px 50px;
	text-align:center;
}
div#page div#shop .left-middle .rss a{
	text-decoration:none;
	color:#0074BC;
	font-weight:bold;
}

/* **************************************************************************************************** */
/* COLONNE CENTRE */
/* **************************************************************************************************** */
div#page div#content div.post{
	font-size:0.8em;
}

/* **************************************************************************************************** */
/* FOOTER */
/* **************************************************************************************************** */

div#footer .left{
	text-align:center;
	font-size:0.9em;
}
div#footer .left a{
	color:#0074BC;
	font-weight:bold;
	text-decoration:none;
}

/* **************************************************************************************************** */
/* GROUPE */
/* **************************************************************************************************** */
div#page #groupe{
	width:360px;
	float:right;	
	margin:10px 0 10px 0;
	font-size:0.8em;
}

div#page #groupe #pavePub{
	width:342px;
	height:250px;
	overflow:hidden;
	margin:10px 10px; 10px 10px;
	text-align:left;
	border:8px solid #ffffff;		
	padding:2px;
        background-color:#ffffff;
}

div#page #groupe #pavePub1{
	width:342px;
	height:330px;
	overflow:hidden;
	margin:10px 10px; 10px 10px;
	text-align:left;
	border:8px solid #ffffff;		
	padding:2px;
        background-color:def1fa;
}

div#page #groupe #pavePub a{
	color:#646466;
	text-decoration:none;
        line-height: 20px;
        margin:10px 10px 10px 10px;
      
}


div#page #groupe #pavePub a:hover{
	text-decoration:underline;
        font-weight:bold;	
}

div#page #groupe #gauche{
	width:160px;
	min-height:400px;
	background-color:def1fa;
	float:left;
	border:5px solid #ffffff;
	padding:1px;
        margin:5px 1px 5px 10px;
}
div#page #groupe #droite{
	width:160px;
	min-height:400px;
	background-color:def1fa;
	float:right;
	border:5px solid #ffffff;
	padding:2px;
        margin:5px 0 5px 1px;
}

div#page #groupe h2{
	background-repeat:no-repeat;
	height:34px;
	width:161px;
	display:block;
	margin:0 50px 10px 0;
        padding-left: 40px;
        padding-top: 8px;
	position:relative;
	color:white;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	background-image:url(img/menu-vagueo/menu_2.png);
}

div#page #groupe h1{
        background-repeat:no-repeat;
        text-align:center;
        height:40px;
	width:350px;
	display:block;
	margin:0 10px 10px 0;
	position:relative;
	color:white;
	text-decoration:none;
	font-size:1.2em;
	font-weight:bold;
	background-image:url(img/menu-vagueo/menu_5.png);
}



div#page #groupe h2 span{
	position:absolute;
	top:8px;
	left:40px;
	display:block;
	width:150px;
	text-align:left;
}

div#page #groupe h1 span{
	position:absolute;
	top:8px;
	left:50px;
	display:block;
	width:250px;
	text-align:left;
}



div#page #groupe a{
	color:#F29604;
	text-decoration:none;
margin-left:5px;


}
div#page #groupe a:hover{
	text-decoration:underline;	
}

div#page #groupe ul{
	list-style-type:none;
	margin:0 0 10px 0;
}
div#page #groupe ul.archives li{	
	margin-left:10px;
}

div#page #groupe .rssFeed{
	text-align:center;
	margin:10px 0 10px 0;
}

/* **************************************************************************************************** */
/* POST */
/* **************************************************************************************************** */

div#page div#content div.post .post-top{
	background-image:url(img/post_top.png);
	width:660px;
	height:37px;
	padding:1px 0 0 0;
}
div#page div#content div.post .post-top .date{
	float:right;
	margin:10px 20px 0 0;
	color:white;
	font-weight:bold;
}
div#page div#content div.post .post-top h1,
div#page div#content div.post .post-top h2{
	margin:7px 0 0 50px;	
	font-size:1.6em;
	color:white;
}
div#page div#content div.post .post-top a{
	color:white;
	text-decoration:none;	
}

div#page div#content div.post .post-middle{
	background-color:white;
        line-height: 20px;
	padding:10px;
	width:640px;
	margin:-1px 0 0 0;

}

div#page div#content div.post .post-pub{
	background-color:white;
        line-height: 20px;
	padding:10px;
	width:640px;
	margin:-1px 0 0 0;

}
div#page div#content div.post .post-middle a{
	color:#fdc200;

   
}




div#page div#content div.post .post-middle .postInfo{
	margin:0 0 5px 0;
}

div#page div#content div.post .post-middle .postInfo a{
	margin:0 0 5px 0;
        font-weight:bold;
}


div#page div#content div.post .post-middle .postContent{
	margin:0 0 5px 0;
        color:#646466;
}


div#page div#content div.post .post-middle .postContent a{
	margin:0 0 5px 0;
font-weight:bold;
}



div#page div#content div.post .post-middle .postExtras{
        color:#fdc200;
	margin:0 0 5px 0;
}

div#page div#content div.post .post-middle .postExtras a{
        color:#fdc200;
	margin:0 0 5px 0;
}


div#page div#content div.post .post-middle .postExtras a{
        color:#94d5f0;
	margin:0 0 5px 0;
}

div#page div#content div.post .post-middle .postExtras strong{
        color:#94d5f0;
	margin:0 0 5px 0;
}

div#page div#content div.post .post-middle .postMeta{
	margin:0 0 5px 0;
	text-align:right:
       
}
div#page div#content div.post .post-bottom{
	margin:0 0 20px 0;
}

/* **************************************************************************************************** */
/* COMMENTS */
/* **************************************************************************************************** */

div#page div#content .commentZone textarea{
	width:655px;
}
div#page div#content .commentZone .commentList{
	list-style-type:none;
	font-size:0.8em;
}
div#page div#content .commentZone .commentList a{
	color:#fbba00;
	text-decoration:none;
}
div#page div#content .commentZone .commentList .commentLeft{
	float:left;
	margin:0 10px 10px 0;
}
div#page div#content .commentZone .commentList p{
	clear:left;
	margin:0 0 10px 0;
}
#scp {
margin-left : 15px;
}
#scp a {
background:url("img/surf-shop-comparateur.png") no-repeat scroll -1px 0 transparent;
display:block;
height:205px;
overflow:hidden;
width:349px;
padding:2px;
text-align:left;
}
#scp a:hover{background-position:-344px 0;}