@charset "utf-8";
/* CSS Document */
/*

	Style Name: Deve France Layout

	Author: Matthieu Dufour

	Author URI: http://www.matthieudufour.com/

*/


* {
  margin: 0;
  padding:0;
}


body,td,th {
	color: #222;
}

body {
	background-color: #FFF;
	margin: 0;
	color: #222
}

#globalcontainer {
	margin: 0 auto;
	width: 750px;
	background-color:#FFF;
}

#header {
	width: 750px;
	height: 178px;
}

#banner {
	width: 750px;
	height: 144px;
	background-image: url(../images/banner.jpg);
	border-bottom: 5px solid #4aca61;
}

#banner a:link,
#banner a:visited,
#banner a:active,
#banner a:focus {
	display: block;
	height: 144px;
	width: 750px;
	outline: none;
}



#bar {height: 28px;}

#bar .l,
#bar .r {
	float: left;
	display: block;
	width: 10px;
	height: 29px;
	background-image: url(../images/bar.jpg);
}

#bar .r{
	background-position: 0 -29px;
}

#bar form{
	float: left;
	width: 730px;
	height: 28px;
	margin: 0;
	background-color:#FFF;
	border-bottom: 1px solid #ededed;
}


#contentcontainer {
	min-height: 20px;
	margin-top: 17px;
	background-color: #e9e9e9;
	float: left;
	width: 100%;
}

#contentcontainer div {
float: left;
}
	
#contentcontainer .t,
#contentcontainer .t i,
#contentcontainer .b,
#contentcontainer .b i {
	background: url(../images/container_corner.jpg) no-repeat;
	display: block;
	width: 100%;
	height: 7px;
	clear : both;
}

#contentcontainer .t i { background-position: 100% -7px }
#contentcontainer .b { background-position: 0 -14px }
#contentcontainer .b i { background-position: 100% -21px }




#leftbar {
	width: 199px;
	margin: 8px 16px 0 16px;
	float:left;
}


#nav {
	width: 199px;
	min-height: 40px;
	background: url(../images/nav.jpg) repeat-y;
	margin-bottom: 8px;
}

#nav .t,
#nav .t i,
#nav .b,
#nav .b i {
	background: url(../images/nav_corner.jpg) no-repeat;
	display: block;
	width: 100%;
	height: 8px;
	clear: both;
}

#nav .t i { background-position: 100% -8px;}
#nav .b { background-position: 0 -16px;}
#nav .b i { background-position: 100% -24px;}





#panier {
	width: 199px;
	min-height: 40px;
	background: #4aca61;
	margin-bottom: 8px;
}

.panier {
	text-align:left;
	display:block;
	margin: 0px 14px 10px 14px;
	color:#FFF;
}

.panier h1 {
	text-align:left;
	padding-bottom: 5px;
	color:#FFFFFF;
	font-size: 1.25em;
	font-weight:bold;
	border-bottom:1px dashed #FFF;
}

.panier h1:before {
	content:"";
}


#panier a {
	color:#FFF;
}


#panier .t,
#panier .t i,
#panier .b,
#panier .b i {
	background: url(../images/panier_corner.jpg) no-repeat;
	display: block;
	width: 100%;
	height: 7px;
	clear: both;
}

#panier .t i { background-position: 100% -7px;}
#panier .b { background-position: 0 -14px;}
#panier .b i { background-position: 100% -21px;}
	

#right {
	margin: 8px 0 0 0;
}

#content {
	width: 504px;
	display: block;
	background-color:#FFF;
	margin-bottom: 16px;
}

#content .t,
#content .t i,
#content .b,
#content .b i {
	background: url(../images/goshi.jpg) no-repeat;
	display: block;
	width: 100%;
	height: 8px;
	clear: both;
}

#content .t i { background-position: 100% -8px;}
#content .b { background-position: 0 -16px;}
#content .b i { background-position: 100% -24px;}

#content2 {
	width: 504px;
	display: block;
	background-color:#FFF;
	margin-bottom: 8px;
}

#content2 .t,
#content2 .t i,
#content2 .b,
#content2 .b i {
	background: url(../images/goshi.jpg) no-repeat;
	display: block;
	width: 100%;
	height: 8px;
	clear: both;
}

#content2 .t i { background-position: 100% -8px;}
#content2 .b { background-position: 0 -16px;}
#content2 .b i { background-position: 100% -24px;}


.contenu {
	display:block;
	width:94%;
	margin: 15px 15px 23px 15px;
	color:#222
}

#footer {
	clear:both;
	text-align:right;
	padding-top: 15px;
	font-size: .8em;
	color: #222;
	margin-bottom: 20px
}

#footer a {
	display: inline;
	color: #222;
	text-decoration:none
}

#footer a:hover {
	display: inline;
	color: #222;
	text-decoration:underline
}

.content_img {
	float:left;
}

.center { text-align: center; }

table {
	width: 474px;
	font-size:1.2em;
	border-collapse:collapse;
}

th {
	height: 22px;
	font-size:2em;
	background-color:#4aca61;
	color: #FFF;
	text-align:left;
	padding: 2px 0 3px 10px;
}


tr td {
	height: 16px;	
	padding: 2px 0 3px 10px;
	background: #fff;
}
	
tr.odd td {
	height: 16px;
	padding: 2px 0 3px 10px;
	background: #e9e9e9;
}

tr {
	height : 20px;
	}
	
h4 {
	font-family:Arial, Helvetica, sans-serif;
	}
	
	
.quote {
	display:block;
	padding: 10px 10px 10px 10px;
	background-color:#e9e9e9;
	width: 96%;
	margin-top:5px;
	margin-bottom:5px;
}
	
/* ------------------ INPUT ----------------*/

.search {
	display:inline;
	border:solid 1px #bebfc7;
	width: 130px;
	padding-left: 5px;
	margin-left: 563px;
	font: 13px tahoma ;
	margin-right: 8px;
	margin-top:5px;

}

.subsearch {
	border : 0;
	background : url(../images/search.png) left top no-repeat;
	height : 21px;
	width : 21px;
	cursor : pointer;
	text-indent:-99999px;
	outline:none;
}

.log {
	color:#FFFFFF;
}


.login {
	color:#333;
	border:solid 3px #999;
	width: 115px;
	padding-left: 5px;
	margin-left: -5px;
	font: 13px tahoma ;
	margin-right: 5px;
	margin-top:5px;
}

.submit {
	margin-left:-5px;
	border : 0;
	background : url(../images/login.png) left top no-repeat;
	height : 26px;
	width : 76px;
	cursor : pointer;
	text-indent:-99999px;
}

html:first-child subsearch, .submit {
	padding-left : 1000px;
}


img {
	outline:none;
	border:none;
}