/**
 * Framework CSS
 */

body	{margin: 0px;}
img 	{border: 0px;}
form	{margin: 0px;}
strong{font-weight: bold;}
p			{margin: 0 0 10px 0;}

.center			{text-align: center;}
.strong			{font-weight: bold;}
.conteneur	{overflow: auto; height: 1%;}

/**
 * General
 */
body{color: #333; font: 11px normal arial,sans-serif; background: url(../images/bg.jpg) #7c9dd3 repeat-x top left;}
#general{width: 990px; margin: auto;}
#pub{height: 102px; padding-top: 6px; text-align: center;}
#header{height: 130px; background: url(../images/logo.png) transparent no-repeat top left; position: relative;}

h2{font: normal 24px arial; font-weight: normal; margin: 0 0 10px 0; padding: 0; font-style: italic; color: #da3085; line-height: 25px;}
h3{font: normal bold 16px arial; margin: 0 0 10px 0; padding: 0; color: #004D95;}
a{color: #004E93; text-decoration: underline;}
a:hover{text-decoration: none;}

.redlink{ color: #dd3721; }
.bluelink{ color: #5fb3e2; }
.pinklink{ color: #ff4599; }

a#gohome{display: block; width: 250px; height: 97px; position: absolute; top: 33px; left: 10px; text-indent: -9999px;}
/**
 * Menu
 */
ul#menu{list-style-type: none; margin: 0; padding: 0; position: absolute; top: 0; right: 0; height: 52px;}
ul#menu li{float: left; position: relative;}
ul#menu li a{display: block; height: 33px; background: url(../images/menu_familles.png) transparent no-repeat top left; text-indent: -9999px;}

ul#menu li a#hommes{width: 78px;}
ul#menu li a#hommes:hover{background-position: 0px -52px;}

ul#menu li a#femmes{width: 81px; background-position: -78px 0px;}
ul#menu li a#femmes:hover{background-position: -78px -52px;}

ul#menu li a#enfants{width: 81px; background-position: -159px 0px;}
ul#menu li a#enfants:hover{background-position: -159px -52px;}

ul#menu li a#sport{width: 81px; background-position: -240px 0px;}
ul#menu li a#sport:hover{background-position: -240px -52px;}

ul#menu li a#accessoires{width: 122px; background-position: -321px 0px;}
ul#menu li a#accessoires:hover{background-position: -321px -52px;}

ul#menu li a#marques{width: 99px; background-position: -443px 0px;}
ul#menu li a#marques:hover{background-position: -443px -52px;}

ul#menu li a#nouveautes{width: 128px; background-position: -542px 0px; height: 52px;}
ul#menu li a#nouveautes:hover{background-position: -542px -52px;}

	/**
	 * Sous Menu
	 */
	ul#menu li ul{ position: absolute; top: 33px; left: 3px; z-index:100; list-style-type: none; margin: 0; padding: 0; background: #004c94; display: none;}
	ul#menu li ul li{clear: both; border-bottom: 1px solid #fff; z-index:100;}
	ul#menu li ul li a{text-indent: 0px; background: #004c94; height: 20px; padding: 3px 0 0 10px; font: bold 11px arial; color: #fff; text-decoration: none; width: 65px; z-index:100;}
	ul#menu li ul li a:hover{background: #fff; color: #004c94;}
	
	ul#menu li ul#ss_accessoires li a{width: 160px;}

/**
 * Menu Divers
 */
ul#menu_divers{width: 650px; list-style-type: none; margin: 0; padding: 0; position: absolute; top: 52px; right: 20px; height: 22px;}
ul#menu_divers li{float: left; position: relative;}
ul#menu_divers li a{display: block; height: 22px; background: url(../images/menu_divers.png) transparent no-repeat top left; text-indent: -9999px;}

ul#menu_divers li a#magasins{width: 71px;}
ul#menu_divers li a#magasins:hover{background-position: 0px -22px;}

ul#menu_divers li a#about{width: 116px; background-position: -71px 0px;}
ul#menu_divers li a#about:hover{background-position: -71px -22px;}

ul#menu_divers li a#actualites{width: 73px; background-position: -187px 0px;}
ul#menu_divers li a#actualites:hover{background-position: -187px -22px;}

ul#menu_divers li a#partenaires{width: 91px; background-position: -260px 0px;}
ul#menu_divers li a#partenaires:hover{background-position: -260px -22px;}

ul#menu_divers li a#presse{width: 100px; background-position: -351px 0px;}
ul#menu_divers li a#presse:hover{background-position: -351px -22px;}

ul#menu_divers li a#emplois{width: 91px; background-position: -451px 0px;}
ul#menu_divers li a#emplois:hover{background-position: -451px -22px;}

ul#menu_divers li a#contact{width: 108px; background-position: -542px 0px;}
ul#menu_divers li a#contact:hover{background-position: -542px -22px;}

	/**
	 * Sous Menu
	 */
	ul#menu_divers li ul{ position: absolute; top: 22px; left: 3px; z-index:100; list-style-type: none; margin: 0; padding: 0; background: #5fb3e2; display: none;}
	ul#menu_divers li ul li{clear: both; border-bottom: 1px solid #fff;}
	ul#menu_divers li ul li a{text-indent: 0px; background: none; height: 20px; padding: 3px 0 0 10px; font: bold 11px arial; color: #fff; text-decoration: none; width: 75px;}
	ul#menu_divers li ul li a:hover{background: #fff; color: #004c94;}

/**
 * Block recherche
 */
#searchblock{width: 460px; height: 43px; background: url(../images/background_searchblock.png) transparent no-repeat top left; position: absolute; right: 20px; top: 74px;}
#search{border: 1px solid #000; vertical-align: text-bottom; width: 150px;}
#btn_search{ vertical-align: text-bottom;}
#texte_search{ vertical-align: text-bottom;}
#searchblock form{position: absolute; top: 10px; left: 120px;}

/**
 * Conteneur général
 */
#conteneur{background: url(../images/background_conteneur.png) transparent repeat-y top left; padding: 0 20px 0 19px;}
#leftcol{float: left; width: 641px;}
#rightcol{float: left; margin-left: 10px; width: 300px;}

/**
 * Colonne de droite
 */
#rightcol p img{vertical-align: bottom;}
p#tagcloud{text-align: justify; font: normal 11px verdana; font-weight: bold; line-height: 25px;}
p#tagcloud a{ color: #6699cc; text-decoration: none;}
p#tagcloud a:hover{text-decoration: underline;}

p#tagcloud a.tagcloud1{font-size: 10px;}
p#tagcloud a.tagcloud2{font-size: 11px;}
p#tagcloud a.tagcloud3{font-size: 12px;}
p#tagcloud a.tagcloud4{font-size: 14px;}
p#tagcloud a.tagcloud5{font-size: 16px;}
p#tagcloud a.tagcloud6{font-size: 22px;}

/**
 * Footer
 */
#footer{ width: 990px; height: 55px; padding-top: 40px; background: url(../images/background_footer.png) transparent no-repeat top left; color: #407ab0; position: relative;}
#footer a{color: #407ab0; text-decoration: none;}
#footer a:hover{text-decoration: underline;}
ul#bottomlinks{list-style-type: none; margin: 0 auto; padding: 0; width: 200px;}
ul#bottomlinks li{display: inline; padding: 0 5px; border-right: 1px solid #407ab0;}
ul#bottomlinks li.end{border-right: none; }
#copyright{position: absolute; top: 40px; left: 20px;}
a#link_ideal{display: block; width: 103px; height: 35px; position: absolute; top: 30px; right: 200px; background: url(../images/btn_idealcom.png) transparent no-repeat top left; text-indent: -9999px;}
a#link_ideal:hover{background-position: bottom left;}
a#link_cryptone{display: block; width: 120px; height: 35px; position: absolute; top: 30px; right: 60px; background: url(../images/btn_cryptone.png) transparent no-repeat top left; text-indent: -9999px;}
a#link_cryptone:hover{background-position: bottom left;}

/**
 * Under Foot
 */
#underfoot{text-align:center; color: #b3ddef; padding-bottom: 15px;}
#underfoot a{color: #b3ddef; text-decoration: underline;}
#underfoot a:hover{text-decoration: none;}

/**
 * Erreur
 */
.error{background: #a02b50; padding: 10px; font: normal bold 11px arial, sans-serif; color: #fff;}

/**
 * Navigation
 */
#navpages{
	margin-top: 15px;
	text-align: right;
	font-weight: bold;
	color: #FF4599;
	background: #e3f0f5;
	padding: 5px;
}

#navpages a{
	color: #004d95;
	text-decoration: none;
	font-weight: bold;
}

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

#navpages span{
	padding: 0 2px 0 2px;
	border-right: 1px solid #a5c0d4;
}

#navpages span.noborder{border: none;}

#navpages img{
		vertical-align: -2px;
}

/**
 * Block pub en intérieur pages
 */
#inline_pub{text-align: center; margin-bottom: 15px;}

/** Auto complétion */
.suggestionsBox {
	position: absolute;
	margin: 10px 0px 0px 0px;
	width:150px;
	left:143px;
	top:12px;
	background-color: #ffffff;
	border: 1px solid #000;	
	display:none;
}
.suggestionList li, .suggestionList ul { margin:0;padding:0;}
.suggestionList li {
	cursor: pointer;
	color: #000000;
	list-style:none;
	padding:2px 0 0 2px;
}

.suggestionList li.hover {
	background-color: #004E93;
}
.suggestionList li:hover {
	background-color: #004E93;
}