/* CHRONO SHOPPING base style sheet
   v.0.01
   -------------------------
   Morgan Thomas 2006
*/


/* --------- DEFINITIONS GENERALES HTML --------- */

/* Pas de bordures sur les images link�es */
a img { border: none; }

/* Couleurs des liens */
a:link{color:#DC0264;text-decoration: none;}
a:visited{color:#DC0264;text-decoration: none;}
a:hover{color:#DC0264;text-decoration: underline;}
a:active{color:#DC0264;text-decoration: none;}

/* Pas d'extension de taille sur les formulaires */
form { margin: 0px; }

/* Div Vierge pour fermer correctement le bas de certaines listes sous IE */
#clr {
	clear: left;
	width: 1px;
	height: 1px;
	}

.clr
{
clear: left;
}
/* D�finition de typo */
body, h1, h2, h3, h4, h5, h6, td {
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
}



/* Titres Fiches */
h1 {
	text-align: left;
	font-size: 15px;
	font-weight: bold;
	color: #DC0264;
	}

/* Titres Listes */
h2 {
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	color: #FFFFFF;
	}

/* Titres Box */
h3 {
	text-align: left;
	font-size: 10px;
	font-weight: bold;
	color: #666666;
	}

/* D�finition des champs de formulaire */
input { font-family: arial;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border-color: #EDF3E9 #E5E9E4 #E5E9E4 #EDF3E9; }
select { font-family: arial;
	font-size: 10px;
	color: #000000;
	background-color: #FFFFFF;
	border-color: #EDF3E9 #E5E9E4 #E5E9E4 #EDF3E9; }

/* --------- DEFINITIONS PARTIES --------- */
/* ----- Global Page ----- */
/* D�finition du fond � gauche et � droite de la fen�tre de travail */
#fondpage {
	background-color: #DFF2F4;
	background-image: url(../images/fondpage_background.gif);
	background-position: top;
	background-repeat: repeat-x;
	text-align: center;
	}


#page_container {
	width: 760px;
	text-align: left;
	margin: 0px auto;
	top: 0px;
	background-color: #FFFFFF;
	}


/* ----- HEADER ----- */
#header_container {
	float: left;
	padding: 0 10px 0 10px;
	width: 740px;
	background-color: #FFFFFF;
	}

#hdr_logo {
	float: left;
	margin-top: 20px;
	margin-bottom: 6px;
	width: 362px;
	height: 43px;
	}

#hdr_slogan {
	position: relative;
	float: right;
	top: 25px;
	margin-top: 20px;
	width: 237px;
	height: 23px;
	background-image: url(../images/hdr_slogan.gif);
	background-position: top left;
	background-repeat: no-repeat;
	}

#hdr_searchbox {
	float: left;
	padding: 5px 10px 5px 10px;
  width:740px;
  height: 25px;
	background-color: white;
	background-image: url(../images/temp_searchboxbackground.jpg);
	background-position: top center;
	background-repeat: no-repeat;
	}

#hdr_searchbox_iptz {
	float: left;
	padding-top: 1px;
	height: 24px;
	}

.hdr_searchbox_ipt {
	font-size: 14px;
	color: #000000;
	background-color: #FFFFFF;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	}

.hdr_searchbox_btn {
	float: left;
	margin-left: 5px;
	padding-top: 4px;
	width: 150px;
	height: 21px;
	background-image: url(../images/hdr_searchbox_btn.gif);
	background-position: top center;
	background-repeat: no-repeat;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	}

.hdr_searchbox_btn_hover {
	float: left;
	margin-left: 5px;
	padding-top: 4px;
	width: 150px;
	height: 21px;
	background-image: url(../images/hdr_searchbox_btn_hover.gif);
	background-position: top center;
	background-repeat: no-repeat;
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	font-style: italic;
	font-size: 14px;
	}

/*------- HOME --------*/
.home_main_categorie_bloc{
float:left;
width:175px;
margin:0px 5px 7px 0px;
}
.home_main_categorie_bloc h1{color:#DC0264;margin:0px}
.home_sub_categorie{}

	/*tagcloud*/
#tag_cloud{font-family: Arial, verdana, sans-serif;font-size:16px;margin-bottom:5px}
#tag_cloud h1{display:inline;font-size:13px}
#tag_cloud h2{display:inline;font-size:12px}
#tag_cloud h3{display:inline;font-size:11px}
#tag_cloud a{color:#DC0264}
.tagcloud_1{font-size:16;color:#DC0264}
.tagcloud_2{font-size:16;font-weight: bold;color:#DC0264}
.tagcloud_3{font-size:16;font-style: italic;font-weight: bold;color:#DC0264}
.tagcloud_4{font-size:20;color:#DC0264}
.tagcloud_5{font-size:20;font-weight: bold;color:#DC0264}
.tagcloud_6{font-size:20;font-style: italic;font-weight: bold;color:#DC0264}
.tagcloud_7{font-size:24;color:#DC0264}
.tagcloud_8{font-size:24;font-weight: bold;color:#DC0264}
.tagcloud_9{font-size:24;font-style: italic;font-weight: bold;color:#DC0264}
.tagcloud_10{font-size:28;color:#DC0264}

/* ----- CENTRE ----- */
#content_container {
	float: left;
	width: 750px;
	padding-top: 10px;
	padding-bottom: 10px;
	padding-left: 10px;
	background-color: #FFFFFF;
	}

#title_h1 h1{color:#DC0264}

/* ----- Page categorie ----- */
.cat_ss{
float:left;
width:220px;
}

/* ----- MARGE GAUCHE ----- */

#ctn_margin {
	float: left;
	width: 180px;
	}

.m_okbtn {
	float: left;
	width: 21px;
	height: 19px;
	padding-top: 3px;
	padding-left: 4px;
	background-image: url(../images/m_okbtn.gif);
	background-position: top center;
	background-repeat: no-repeat;
	cursor: pointer;
	font-style: italic;
	}

.m_okbtn_hover {
	float: left;
	width: 21px;
	height: 19px;
	padding-top: 3px;
	padding-left: 4px;
	background-image: url(../images/m_okbtn_hover.gif);
	background-position: top center;
	background-repeat: no-repeat;
	cursor: pointer;
	font-style: italic;
	}

#m_mlbox {
	width: 100%;
	height: 40px;
	background-color: #E7F5F7;
	background-image: url(../images/m_box_background.gif);
	background-position: top center;
	background-repeat: repeat-y;
	}

#m_mlbox_top {
	width: 180px;
	height: 5px;
	font-size: 0px;
	background-color: #E7F5F7;
	background-image: url(../images/m_box_top.gif);
	background-position: top center;
	background-repeat: no-repeat;
	}

#m_mlbox_btm {
	margin-bottom: 10px;
	width: 180px;
	height: 5px;
	font-size: 0px;
	background-color: #E7F5F7;
	background-image: url(../images/m_box_btm.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	}

#m_mlbox_title {
	font-weight: bold;
	color: #0171C7;
	}

#m_mlbox_ipt {
	font-family: arial;
	border: 0px;
	font-size: 12px;
	color: #000000;
	background-color: #FFFFFF;
	border-color: #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
	}


.m_box {
	width:180px;
	max-width:170px;
	background-color: #E7F5F7;
	background-image: url(../images/m_box_background.gif);
	background-position: top center;
	background-repeat: repeat-y;
  padding: 0px 5px 0px 5px;
	}

#m_box_last {
	background-image: url(../images/m_box_background_last.gif);
	background-position: right top;
	background-repeat: no-repeat;
	}

#m_box_most {
	background-image: url(../images/m_box_background_most.gif);
	background-position: right top;
	background-repeat: no-repeat;
	}


.m_box_top {
	width: 180px;
	height: 5px;
	font-size: 0px;
	background-color: #E7F5F7;
	background-image: url(../images/m_box_top.gif);
	background-position: top center;
	background-repeat: no-repeat;
	}

.m_box_btm {
  margin-bottom: 10px;
	width: 180px;
	height: 5px;
	font-size: 0px;
	background-color: #E7F5F7;
	background-image: url(../images/m_box_btm.gif);
	background-position: bottom center;
	background-repeat: no-repeat;
	}


.m_box_title {
	font-weight: bold;
	color: #0171C7;
	}

a.m_mbox_link:link {
	color: #DC0264;
	text-decoration: none;
	}
a.m_mbox_link:visited {
	color: #DC0264;
	text-decoration: none;
	}
a.m_mbox_link:hover {
	color: #DC0264;
	text-decoration: underline;
	}
a.m_mbox_link:active {
	color: #DC0264;
	text-decoration: underline;
	}

.boxlist {
	margin: 0;
	padding: 0;
	padding-left: 20px;
	}

.boxlist li {
	color: #0171C7;
	}

/* ----- CONTENU ----- */
#ctn_main {
	float: left;
	margin-left: 20px;
	width: 540px;
	}

#main_textnav {
	font-style: italic;
	}

#main_content {
	padding-top: 10px;
	}

.pagination{
text-align:center;
}
#powered_by
{
text-align:right;
color:gray;
font-size:9px;
}
.mctn_hsep {
	float: left;
	width: 540px;
	height: 2px;
	font-size: 0px;
	background-color: #A0D8E0;
	}

.mctn_product {
	float: left;
	width: 520px;
	padding: 8px 10px 5px 10px;
	}

.mctn_product_photo {
	float: left;
	width: 75px;
	height: 75px;
	background-color: white;
	background-position: center middle;
	background-repeat: no-repeat;
	}

.mctn_product_photo img{
  margin:8px 0px 0px 5px
}


.mctn_product_title {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	width: 310px;
	font-size: 14px;
	font-weight: bold;
	color: #0171C7;
	}

.mctn_product_description {
	float: left;
	padding-left: 10px;
	padding-right: 10px;
	padding-top: 2px;
	width: 310px;
	}

.mctn_product_price {
	float: right;
	width: 115px;
	text-align: right;
	font-size: 16px;
	font-weight: bold;
	}

.mctn_product_link {
	float: right;
	clear: right;
	width: 111px;
	height: 18px;
	padding: 2px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	background-image: url(../images/mctn_product_linkbtn.gif);
	background-position: right middle;
	background-repeat: no-repeat;
	cursor: pointer;
	}

.mctn_product_link_hover {
	float: right;
	clear: right;
	width: 111px;
	height: 18px;
	padding: 2px;
	text-align: center;
	font-size: 14px;
	font-weight: bold;
	font-style: italic;
	background-image: url(../images/mctn_product_linkbtn_hover.gif);
	background-position: right middle;
	background-repeat: no-repeat;
	cursor: pointer;
	}

.mctn_product_origin {
	float: right;
	clear: right;
	width: 110px;
	padding-right: 5px;
	text-align: right;
	font-size: 11px;
	color: #64B7C5;
	}


#main_pub {
	float: left;
	padding-top: 50px;
	}

/* Centre */
#contener{width:740px;}
#main{float:left;width:530px;margin-top:10px}

/* RIGHT */
#right{margin:10px 0px 0px 10px;float:right;}

/* bloc snippet */
.result {margin:0px}
.RTitle a{font-family:verdana;color:#DC0264;font-size:12;}
.RTitle h2{margin:0px}
.RDesc {font-family:verdana;color:#OOOOOO;font-size:12;}
.ROut {font-family:verdana;color:#DC0264;font-size:10;}


	/*tagcloud*/
#tag_cloud{font-family: Arial, verdana, sans-serif;font-size:16px;margin-bottom:5px}
#tag_cloud h1{display:inline;font-size:13px}
#tag_cloud h2{display:inline;font-size:12px}
#tag_cloud h3{display:inline;font-size:11px}
#tag_cloud a{color:#DC0264}
.tagcloud_1{font-size:16;color:#DC0264}
.tagcloud_2{font-size:16;font-weight: bold;color:#DC0264}
.tagcloud_3{font-size:16;font-style: italic;font-weight: bold;color:#DC0264}
.tagcloud_4{font-size:20;color:#DC0264}
.tagcloud_5{font-size:20;font-weight: bold;color:#DC0264}
.tagcloud_6{font-size:20;font-style: italic;font-weight: bold;color:#DC0264}
.tagcloud_7{font-size:24;color:#DC0264}
.tagcloud_8{font-size:24;font-weight: bold;color:#DC0264}
.tagcloud_9{font-size:24;font-style: italic;font-weight: bold;color:#DC0264}
.tagcloud_10{font-size:28;color:#DC0264}

/* div de droite*/
.link {color:#FF9406;}

/*stats*/
#table_stat{}
#table_stat td {border-top:1px solid gray;padding:3px;font-size:10px}

/* ----- FOOTER ----- */

#footer_container {
	float: left;
	padding-top: 6px;
	width: 760px;
	height: 24px;
	text-align: center;
	background-color: #BFE5EA;
	color:white;
	background-image: url(../images/temp_footerbackground.jpg);
	background-position: center bottom;
	background-repeat: no-repeat;
	}