@import url(menuv.css);

body {
margin: 0 auto;
padding: 0;
font: 76% Arial, Helvetica, sans-serif;
background: url("images/background.png");
}

input {
border: 1px solid #707883;
background-color: #fff;
color: #707883;
font-size: 11pt;
}

.home_prix {
	color:red;
	font-size:16px;
	font-weight:bold;
}
.textblanc {
	margin-left:10px;
	color:#fff;
	font-weight:bold;
}

.textgris {
	margin-left:10px;
	color:#B0AEA1;
	font-weight:bold;
}

.pictoborder {
	border:2px solid #e7e4d3;
	width: 690px;
	height: 205px;
}

#pictoshop {

	width: 99%;
	height: 98%;
	background-color: #e7e4d3;
	margin: 0 auto;
	text-align: left;
	border:2px solid #fff;
}

#ulpictoshop {
	top: 6px;
	width: 300px;
	height: 53px;
	padding: 0;
	margin:0;
	list-style: none;
}
#ulpictoshop li {
	float: left;
	padding: 10px 0 0 10px;
	margin:0;
	text-indent: 50px;
}

#ulpictoshop li a {
	display: block;
	width: 139px;
	height: 53px;
	text-decoration: none;
	font-size: 1px;
	line-height: 53px;
	color: #C6C1A3;
}

#ulpictoshop a#surf:hover {background: transparent url(design/surf-1.gif) top left no-repeat;}
#ulpictoshop a#surf {background: transparent url(design/surf-0.gif) top left no-repeat;}

#ulpictoshop a#kite:hover {background: transparent url(design/kite-1.gif) top left no-repeat;}
#ulpictoshop a#kite {background: transparent url(design/kite-0.gif) top left no-repeat;}

#ulpictoshop a#windsurf:hover {background: transparent url(design/windsurf-1.gif) top left no-repeat;}
#ulpictoshop a#windsurf {background: transparent url(design/windsurf-0.gif) top left no-repeat;}

#ulpictoshop a#kayak:hover {background: transparent url(design/kayak-1.gif) top left no-repeat;}
#ulpictoshop a#kayak {background: transparent url(design/kayak-0.gif) top left no-repeat;}

#ulpictoshop a#voile:hover {background: transparent url(design/voile-1.gif) top left no-repeat;}
#ulpictoshop a#voile {background: transparent url(design/voile-0.gif) top left no-repeat;}

#ulpictoshop a#wake:hover {background: transparent url(design/wake-1.gif) top left no-repeat;}
#ulpictoshop a#wake {background: transparent url(design/wake-0.gif) top left no-repeat;}


#cat_pdts {
	list-style-type: none;
	font-size: 13px;
	font-weight:bold;
}

#cat_pdts li {
padding-left : 25px;
	background : transparent url(shop/images/play_cat.gif) 0 2px no-repeat;

}

.alerte {
	font: normal 1.1em Tahoma,sans-serif;
	font-weight: bold;
	color: #FF6600;
}

.offre_pdt a {
	text-decoration:none;
	font-size:95%;
	color:#fff;
	background:#5c85ac;
	display:block;
	width:70px;
	border:#5c85ac 1px solid;
	text-align:center;
}	

.offre_pdt1 a {
	text-decoration:none;
	font-size:95%;
	color:#fff;
	background:#999898;
	display:block;
	width:70px;
	border:#999898 1px solid;
	text-align:center;
}	

.offre_pdt a:hover {
	text-decoration:none;
	font-size:95%;
	color:#5c85ac;
	border:#5c85ac 1px solid;
	background:#fff;
}	

.offre_pdt1 a:hover {
	text-decoration:none;
	font-size:95%;
	color:#999898;
	border:#999898 1px solid;
	background:#fff;
}	

.pdt_revendeur a {
color: #919191;
text-decoration: none;
font-size: 11px;
}
.box_right {
position:relative;
float:right;
clear:both;
width:200px;
margin:0 0 5px 10px;
padding:0 10px 0 10px;
background:#F7F9F7;
color:#000000;
font-family:Arial, Helvetica, sans-serif;
font-size:.9em;
}

.box_right p {
margin:5px 5px;
}

.box_cnr_top {
background:url(images/cnr_tr.gif) no-repeat top right;
margin:0 -10px 0 -10px;
}

.box_cnr_bottom {
background:url(images/cnr_br.gif) no-repeat top right;
margin:0 -10px 0 -10px;
}

img.cnr {
width:8px;
height:8px;
border:none;
display: block !important;
}

#bann {
margin: 0 auto;
width: 818px;
}

#container {
margin: 0 auto;
width:1031px;
/*background: url(fondv2.png) left top repeat-y;*/
background-color:#FFF;
}

#header {
margin: 0;
border: 0;
}

#banner {
text-align:right;
margin: 0 0 10px 0;
}

#left {
clear: left;
float: left;
width: 160px;
margin:0;
padding: 0;
font-size: 0.9em;
/*margin-left:60px !important;
margin-left:30px;*/
}

.leftnews {
margin: 1px 0 1px 0;
padding: 10px;
width: 140px;
color: #505050;
background-color: #F7F9F7;
line-height: 1.3em;
}

.rightnews {
float: right;
width: 94px;
/*background-color: #F7F9F7;*/
margin: 0 0 10px 10px;
padding: 5px;
font-size: 0.9em;
line-height: 1.5em;
}

.rightnews p {
margin: 0 0 10px 0;
}

#content {
width : 685px;
border-left: 1px solid #f0f0f0;
border-right: 1px solid #f0f0f0;
padding: 0 10px 0 10px;
margin: 0 30px 20px 160px;
line-height: 1.6em;
text-align: left;
}

#content h2 {
font-size: 1.5em;
margin: 0 0 0.5em 0;
}

#content img {
padding: 0px;
display:inline;
border: thin none #CCCCCC;
background-color: #FFFFFF;
}

.greenbox {
background-color: #F7F9F7;
border: 1px solid #94BD53;
color: inherit;
padding: 15px;
margin: 15px;
}

.catmerepdt{
display:inline;
padding : 5px 5px 5px 40px;
margin : 20px;
background : transparent url(images/dossier.gif) 0 2px no-repeat;
}

.bluebox {
background-color: #EDF3FE;
border: 1px solid #74A8F5;
color: inherit;
padding: 5px;
margin: 5px;
}

.splitright {
background-color: #ffffff;
width: 49%;
float: right;
overflow: hidden;
}

.splitleft {
background-color: #ffffff;
width: 49%;
float: left;
overflow: hidden;
}

a {
text-decoration: none;
color: #38609A;
}

a:hover {
text-decoration: underline;
color: #5C85AC;
}

a img {
border: 0;
}

#footer {
clear: both;

height:86px;
background:url(footv2.jpg);
text-align: center;
}

#footer p {
margin:0;
}

#footer a {
color: #919191;
text-decoration: none;
font-size: 9px;
text-align: right;
}

#footer a:hover {
text-decoration: underline;
}

.right {
margin: 10px 0 5px 10px;
float: right;
}

.textright {
text-align: right;
}

.center {
text-align: center;
}

.small {
font-size: 0.9em;
}

.bold {
font-weight: bold;
}

.hide {
display: none;
}

h1 {
font-size: 18px;
font-weight: bold;
}

.style3 {color: #666666;}
.style4 {color: #999999; border-bottom:1px dotted #999999;}
.style5 {color: #FF9933;}
.style6 {color: #5C85AC;}
.style7 {color: #74A8F5;}

/* workarounds and hacks */
.clearfix:after {
content: "."; 
display: block; 
height: 0; 
clear: both; 
visibility: hidden;
}

.menupdts {
padding:0;
margin-bottom:15px;
}


.normalp {
font-weight: bold;
font-size: 12px;
}


.clearfix {display: inline-table;}

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

div.image{float:left; text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}
div.image span{display:block;}

.description {font-size: 12px;}
.ajoutcaddie {float:right;text-align:center;margin: 0 4px 4px 0;font-size: 80%;line-height:0.9}



.titre-rss-videos {
font-size: 15px;
font-weight: bold;
padding: 0 0 0 12px;
margin: 0 0 0 12px;
}

.titre-videos {
font-size: 15px;
font-weight: bold;
padding: 0;
margin: 0;
}

.titre-vivastreet {
font-size: 12px;
background: transparent url(/petites-annonces/actualite/arrow_red.gif) no-repeat top left;
padding: 0 0 0 12px;
margin: 0 0 0 12px;
font-weight: normal;
}


.titre-rss-news {
border-bottom:1px dotted #CCC;
/*margin-bottom:3px;*/
line-height:13pt; !important;
margin:6px 0 5px 0;
}

.titre-rss a {
color: #FF9933;
}

.titre-rss a:hover {
color: #5C85AC;
text-decoration: none;
}


.description-rss {
color: #999999;
margin:0 0 10px 12px;
}

.pre{
  font-family: Verdana, sans-serif;
  font-size: 10px;
  border: thin solid #D1D3DF;
  border-width: 1px 1px 1px 5px;
  background-color: #F3F5FE;
  margin: 5px 5px 5px 35px;
  padding: 3px;
}

.categorie{ 
font-family: Verdana, sans-serif;
font-size: 100%;
color: #137799;
background: transparent url(petites-annonces/images/dt-bleu-fonce.gif) no-repeat top left;
padding: 0 0 0 12px;
margin: 10px 0 0 15px;
}

/* rectangle home page */
/* rectangle home page : vert */

.tab_rectangle_grand {
  width : 700px;
}

.titre_rectangle_vert {
  padding : 0 15px 0 15px;
  background : repeat-x left url(images/fond-titre-rectangle-vert.gif) ;
  height : 34px;
  border: #B9B8B8 solid 1px;
  color : #FFF;
  font: 14px verdana Arial, Helvetica, sans-serif;
  
}

/* rectangle home page : bleu */
.titre_rectangle_bleu {
  padding : 0 15px 0 15px;
  background : repeat-x left url(images/fond-titre-rectangle-bleu.gif) ;
  height : 34px;
  border: #B9B8B8 solid 1px;
  color : #FFF;
  font: 14px verdana Arial, Helvetica, sans-serif;
  text-decoration:none;
}

/* rectangle home page orange */
.titre_rectangle_orange {
  padding : 0 15px 0 15px;
  background : repeat-x left url(images/fond-titre-rectangle-orange.gif) ;
  height : 34px;
  border: #B9B8B8 solid 1px;
  color : #FFF;
  font: 14px verdana Arial, Helvetica, sans-serif;
  
}

/* rectangle home page rose */
.titre_rectangle_rose {
  padding : 0 15px 0 15px;
  background : repeat-x left url(images/fond-titre-rectangle-rose.gif) ;
  height : 34px;
  border: #B9B8B8 solid 1px;
  color : #FFF;
  font: 14px verdana Arial, Helvetica, sans-serif;
  
}

.titre_rectangle_orange a, .titre_rectangle_bleu a, .titre_rectangle_vert a, .titre_rectangle_rose a{
  text-decoration:none;
  color : #FFF;
}

.contenu_rectangle {
  padding : 5px;
  background : repeat-x left top url(images/fond-contenu-rectangle.gif) ;
  border: #B9B8B8 solid 1px;
}

.contenu_rectangle_p {
  padding-left : 40px;
  margin:5px;
  /*background : no-repeat left url(images/redemarrer.gif) ;*/
  
}

.contenu_rectangle_p span{
  color: #666666;
  font: 11px verdana Arial, Helvetica, sans-serif;
  padding : 0;
}

.contenu_rectangle_p a{
  color: #5C85AC; border-bottom:1px dotted #5C85AC;
}

.contenu_rectangle_p a:hover{
  text-decoration:none;
}

.home_videos_description {
  color: #666666; 
  font: 11px verdana Arial, Helvetica, sans-serif;
}

.home_videos_titre {
  color: #5C85AC; 
  border-bottom:1px dotted #5C85AC;
}

.titre_vagueoscoop {
  border-bottom:1px dotted #CCC;
  /*margin-bottom:3px;*/
  line-height:13pt; !important;
  margin:6px 0 5px 0;