/*======================================*
** rp-stylesheet.css
** ------------------------------------------------------------*
** Created: 15-01-07 (dd-mm-yy)
** Author: Jenna Smith (growldesign.co.uk)
** Template: RedPepper
**======================================*/


/*------------------------------------------------------------*
**  Global
**------------------------------------------------------------*/
body {
	background: #600 url(../img/bg.png) repeat-x;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 9pt; 
	text-align: center;
	margin: 0; 
	padding: 0;
	color: #555;
	}
img { border: 0; }
ul, 
p { line-height: 1.4em; font-size: 9pt; margin: 5px 0 5px; }
h2 { margin: 0; color: #fff; font-weight: normal; padding: 45px 170px 47px 30px; font-size: 1.9em; }
.beligne{ 
background: #F6F5F5; 
border-bottom:1px dotted rgb(113,6,6);
}
h3, h4 { font-size: 2em; font-weight: normal; color: #000; margin: 0; }
h4 { font-size: 1.7em; }
a { color: #f00; text-decoration: none; border-bottom: 1px solid #FFC4C4; }		
a:hover { border-color: #f00; }
.l1 { border: none !important; margin: 0 !important; }

ul { 
	padding: 0;
	list-style-type: none;
	line-height: 1.8em;
	}
ul li { background: url(../img/bullet.gif) no-repeat 0% 52%; padding-left: 25px; }
. li { background: url(ullet.gif) no-repeat 0% 52%; padding-left: 25px; }
/*------------------------------------------------------------*
**  Container
**------------------------------------------------------------*/		
#container {
	width: 880px;
	margin: 0 auto;
	text-align: left;
	}
* html #container { width: 840px; }	
	
/*------------------------------------------------------------*
**  Header
**------------------------------------------------------------*/			
#header { width: 880px; }
#header:after	{ 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}
#header h1 { font-weight: normal; font-size: 2em; padding: 0.5em 0 11px 0.3em; margin: 0; }
#header h1 a { color: #fff; text-decoration: none; border: none; }
#header h1 a span { color: #f00; }

/** Navigation **/
#header ul {
	margin: -6.9em 0 0 0; 
	padding: 0 10px;
	list-style-type: none;
	float: right;
	}
* html #header ul { padding: 0; }	
#header ul li { 
	float: left;
	text-align: center;
	margin: 0 10px;
	background: transparent;
	padding: 0;
	}	
#header ul li a { 
	display: block; 
	text-decoration: none; 
	color: #fff; 
	font-size: 1.2em; 
	padding: 59px 1px 2px; 
	border-bottom: 0.3em solid #3F0000; 
	}	
#header ul li a:hover { border-color: #f00; }	
#header ul li a.on,
#header ul li a.on:hover { border-color: #fff; }		

/*------------------------------------------------------------*
**  Body
**------------------------------------------------------------*/
#body { background: #fff url(../img/body_.png) repeat-x; height: 1%; }
#body div { background: transparent url(../img/body_left.png) no-repeat; }
#body div div { background: transparent url(../img/body_right.png) no-repeat 100% 0%; padding: 0 20px 30px; }
* html #body div div { width: 100%; }
#body div div:after	{ 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}	
#body div div div { background-image: none; padding: 0; }

/*------------------------------------------------------------*
**  Content
**------------------------------------------------------------*/
#body #content { 
	float: right; 
	height: auto !important;
	min-height: 300px; 
	height: 300px;
	width: 575px;
	background: #fff url(../img/content_shadow.png) no-repeat;	
	padding: 23px 25px 0 38px;
	}
#body #content ul.img { list-style-type: none; padding: 0; margin: 0; width: 100%; }	
#body #content ul.img:after	{ 
	content: "."; 
	display: block; 
	clear: both; 
	visibility: hidden; 
	height: 0;
	}	
#body #content ul.img li { float: left; margin-left: 10px; margin-bottom: 10px; padding: 0; background: transparent; }
#body #content ul.img li a { border: none; }
#body #content ul.img li img { border: 7px solid #900; padding: 1px; }	
#body #content ul.img li a:hover img { border-color: #000; }	

form { background-color: #f4f4f4; padding: 20px; margin-top: 20px;  }
form p { margin: 10px 0; }
form p label { width: 100px; display: block; float: left; }
textarea { height: 100px; } 
input.btn { width: auto; }    
.inputtxt { font-size:8pt }
	
/*------------------------------------------------------------*
**  Breadcrumb
**------------------------------------------------------------*/
#body #content .breadcrumb {  
	background-color: #600; 
	background-repeat: repeat-y; 
	margin-bottom: 20px;
	}

/** specific pages **/
#body #content .home { background-image: url(../img/header_home.jpg); }
#body #content .homew { background-image: url(../img/header_wdblue2.jpg); }
#body #content .about { background-image: url(../img/header_about.jpg); }
#body #content .services { background-image: url(../img/header_services.jpg); }
#body #content .portfolio { background-image: url(../img/header_portfolio.jpg); }
#body #content .contact { background-image: url(../img/header_contact.jpg); }
#body #content .waldmann { background-image: url(../img/header_waldmann.jpg); }
#body #content .victorinox { background-image: url(../img/header_victorinox.jpg); }
#body #content .cadeaux { background-image: url(../img/header_cadeaux.jpg); }
#body #content .cuisine { background-image: url(../img/header_cuisine.jpg); }
#body #content .foire { background-image: url(../img/header_foire.jpg); }
#body #content .news { background-image: url(../img/header_news.gif); }
#body #content .petzl { background-image: url(../img/header_petzl.jpg); }     
#body #content .bagages { background-image: url(../img/bagages_hed.jpg); }      
#body #content .montres { background-image: url(../img/header_montres.jpg); }      
#body #content .montres2 { background-image: url(../img/header_montres2.png); }
#body #content .chasse { background-image: url(../img/header_chasse.jpg); }   
#body #content .rubis { background-image: url(../img/header_rubis.gif); } 
#body #content .cuisine1 { background-image: url(../img/header_cuisine1.jpg); } 
#body #content .cuisine2 { background-image: url(../img/header_cuisine2.jpg); } 
#body #content .cuisine3 { background-image: url(../img/header_cuisine3.jpg); }         
#body #content .objetpub { background-image: url(../img/header_objetpub.jpg); } 




/*------------------------------------------------------------*
**  Submenu
**------------------------------------------------------------*/
#body #sub { 
	float: left; 
	margin: 33px 0 0 0;		
	background-color: #fff; 
	height: auto !important;
	min-height: 267px; 
	height: 267px;
	width: 172px;
	padding: 20px 10px 0 20px;
	}

/*------------------------------------------------------------*
**  Footer
**------------------------------------------------------------*/
#footer { 
	width: 780px;
	background: transparent url(../img/footer_.gif) repeat-x;
		}
#footer a { border: none; }	
#footer p { color: #F6F6F6; padding: 10px; margin: 0; FONT: normal 8pt ARIAL;}
#footer span { float: right; margin: 0 10px 0 0; }

.chapitre { color: #000; FONT: BOLD 11PT ARIAL;  }
.bold { color: #000; FONT-weight:bold;}
.red { color: #CC0000}
/* ######### CSS for Shade Tabs. Remove if not using ######### */

.shadetabs{
padding: 3px 0;
margin-left: 0;
margin-top: 1px;
margin-bottom: 0;
font: bold 12px Verdana;
list-style-type: none;
text-align: left; /*set to left, center, or right to align the menu as desired*/
}

.shadetabs li{
display: inline;
margin: 0;
}

.shadetabs li a{
text-decoration: none;
position: relative;
z-index: 1;
padding: 3px 7px;
margin-right: 3px;
border: 1px solid #778;
color: #2d2b2b;
background: white url(shade.gif) top left repeat-x;
}

.shadetabs li a:visited{
color: #2d2b2b;
}

.shadetabs li a:hover{
text-decoration: underline;
color: #2d2b2b;
}

.shadetabs li a.selected{ /*selected main tab style */
position: relative;
top: 1px;
}

.shadetabs li a.selected{ /*selected main tab style */
background-image: url(shadeactive.gif);
border-bottom-color: white;
}

.shadetabs li a.selected:hover{ /*selected main tab style */
text-decoration: none;
}


/* ######### CSS for Inverted Modern Bricks II Tabs. Remove if not using ######### */

.modernbricksmenu2{
padding: 0;
width: 362px;
border-top: 5px solid #D25A0B; /*Brown color theme*/ 
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.modernbricksmenu2 ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.modernbricksmenu2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.modernbricksmenu2 a{
float: left;
display: block;
font: bold 11px Arial;
color: white;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px;
background-color: black; /*Brown color theme*/ 
border-top: 1px solid white;
}

.modernbricksmenu2 a:hover{
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
}

.modernbricksmenu2 a.selected{ /*currently selected tab*/
background-color: #D25A0B; /*Brown color theme*/ 
color: white;
border-color: #D25A0B; /*Brown color theme*/ 
}

/* ######### CSS for Indented CSS Tabs. Remove if not using ######### */


.indentmenu{
font: bold 13px Arial;
width: 100%; /*leave this value as is in most cases*/
}

.indentmenu ul{
margin: 0;
padding: 0;
float: left;
/* width: 80%; width of menu*/
border-top: 1px solid darkred; /*darkred border*/
background: black url(indentbg.gif) center center repeat-x;
}

.indentmenu ul li{
display: inline;
}

.indentmenu ul li a{
float: left;
color: black; /*text color*/
padding: 3px 11px;
text-decoration: none;
border-right: 1px solid darkred; /*darkred divider between menu items*/
}

.indentmenu ul li a:visited{
color: black;
}

.indentmenu ul li a.selected{
color: black !important;
padding-top: 4px; /*shift text down 1px*/
padding-bottom: 2px;
background: black url(indentbg2.gif) center center repeat-x;
}

#dropmenudiv{
position:absolute;
border:0px solid black;
border-bottom-width: 0;
font:normal 12px Arial;
line-height:18px;
z-index:100;
}

#dropmenudiv a{
width: 100%;
display: block;
text-indent: 3px;
border-bottom: 1px dotted gray;
padding: 2px 0;
text-decoration: none;
font-weight: normal;
TEXT-ALIGN:LEFT;
}

#dropmenudiv a:hover{ /*hover background color*/
background-color: #E2E2E2;
}