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

* {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: #999;
	margin: 0 auto;
	padding: 0;
}
body {
	width: 980px;
	margin: 0 auto;
	background: url(../i/bg.gif)  repeat-x #FFF;
}

a img {
	border: none;
	background: none;
}

ul li {
	list-style-type: none;
}

a {
	text-decoration: none;
}

b, a b {
	font-weight: bold;
	font-style: normal;
	color: #ff9121;
}

a:hover b, a:active b {
	text-decoration: underline;
}

em, em a {
	font-weight: bold;
	font-style: normal;
}
 	
form, fieldset {
	background: none;
	border: none;
}

.clear {
	clear: both;
}

/*      INPUT          */

.little_input {
	background: #f8f8f8 ;
	border: #CCCCCC solid 1px;
	font-size: .8em;
	padding: 1px 5px;
}

.table2 input {
	background: #fff ;
	border: #CCCCCC solid 1px;
	padding: 1px 5px;
}
	

.input_white {
	background: url(../i/arrow_right.gif) no-repeat left  #fff;
	border: #CCCCCC solid 1px;
	padding: 1px 5px 1px 10px;
	font-size: 0.8em;
}

.button_ok {
	background: url(../i/button_ok.gif) no-repeat;
	border: none;
	height: 15px;
	width: 24px;
}

select option, select {
	font-size: 0.9em;
	border: none;
}

select {
	width: 120px;
	border: none;
}

input.button {
	background-color: #3a68a0;
	border:  #999999 solid 2px;
	color: #FFFFFF;
	padding: 2px 7px;
	font-weight: bold;
}


/*       END INPUT          */



.ico {
	margin-right: 5px;
}

/*      LINK         */

a.underline {
	text-decoration: underline;
}

a.link_right {
	text-decoration: underline;
	color: #3a68a0;
	font-weight: bold;
	font-size: 0.7em;
	float: right;
}

a.link_blue {
	font-size: .8em;
	color: #3a68a0;
	float: right;
	font-weight: bold;
	margin-right: 10px;
	font-variant: normal;
	margin-top: 3px;
}

a.link_blue:hover, a.link_blue:active {
	text-decoration: underline;
}

/*     END LINK         */

/*      TITLE         */

h1 {
	font-size: .8em;
	font-variant: small-caps;
	border-bottom: #ff9121 solid 1px;
	padding-bottom: 2px;
	color: #ff9121;
	background: url(../i/ico_puce.gif) no-repeat left;
	padding-left: 25px;
	margin-top: 10px;
	margin-bottom: 20px;
	width: 100%;
	width: 720px;
}

h2 {
	font-variant: small-caps;
	font-size: .8em;
	text-align: center;
	margin-bottom: 5px;
}

h3 {
	font-size: 0.8em;
	color: #ff9121;
	font-variant: small-caps;
	margin-bottom: 2px;
}

.table2 h3 {
	font-size: 1.3em;
}

h4 {
	font-size: 0.6em;
}

h5 {
	font-size: 1.2em;
	font-variant: small-caps;
	background-color: #FFFFFF;
	border: dashed #ff9121 1px;
	color: #ff9121;
	padding: 10px;
	text-align: center;
}
	

/*      END TITLE         */


.img_block {
	display: block;
	margin-left: 25px;
}
/*****************   HEADER ***************/


#logo img {
	float: left;
}

#header p {
	float: left;
	font-size: 0.75em;
	text-transform: uppercase;
	font-weight: bold;
	padding-top: 40px; 
	margin-left: 15px;
	margin-right: 30px;
}

#header table {
	font-size: 0.7em;
}

#header a.underline {
	margin-right: 10px;
}



/*****************   MENU ***************/

#menu {
	float: right;
	margin-top: 10px;
	width: 740px;
	height: 23px;
	background: url(../i/menu.gif) no-repeat;
	color: #FFF;
	font-size: 0.9em;
	padding: 3px 5px;
}

#menu li{
	float: left;
}

#menu li a {
	font-size: 0.9em;
	font-weight: bold;
	font-variant: small-caps;
	padding: 3px 10px;
	color: #FFF;
}

#menu li#date {
	float: right;
	font-size: 0.8em;
	color: #FFF;
	font-weight: bold;
	padding-top: 3px;
	margin-right: 5px;
}

#menu li a:hover, #menu li a:active {
	color: #ff9121;
	background-color: #FFFFFF;
}

ul.submenu {
	list-style-type: none; 
	position: absolute; 
	display: none; 
	width: 180px;  
}
 
#menu li .submenu li a {
	font-size: 0.8em;
	font-variant: normal;
	color: #ff9121;
}
 
.submenu li a:link, .submenu li a:visited {
	padding: 10px 3px 10px 16px;  
	text-decoration: none;
	color: #ff9121; 
}
 
.submenu li a:hover, .submenu li a:active {
	padding: 10px 3px 10px 16px; 
	text-decoration: none; 
	background: #FFF; 
	color: #ff9121;
	text-decoration: underline;
}
 
li:hover ul.submenu, li.over ul.submenu { 
	padding: 4px; 
	display: block; 
	background: #FFF;
	color: #ff9121;
} 


/*****************   FIN MENU ***************/

/*****************   FIN  HEADER ***************/

/*****************   CONTENT ***************/

#content {
	width: 980px;
}

/*****************   BLOCK LEFT ***************/


#block_left  {
	float: left;
	width: 225px;
}

.left_top {
	background: url(../i/title_left.gif) no-repeat;
	height: 18px;
	width: 205px;
	color: #FFF;
	font-weight: bold;
	font-size: 0.8em;
	padding: 2px 10px;
}

.left_top img {
	float: right;
}

.left_middle {
	overflow: hidden;
	background: url(../i/middle_left.gif) repeat-y;
	width: 205px;
	padding: 5px 10px;
}

.left_middle li {
	border-bottom: dashed #3a68a0 1px;
	padding: 3px 0;
}

.left_middle li a:link, .left_middle li a:visited {
	font-size: 0.8em;
	font-weight: bold;
}

.left_middle li a:hover, .left_middle li a:active {
	font-size: 0.8em;
	font-weight: bold;
	color: #3a68a0;
}

.left_bottom {
	background: url(../i/bottom_left.gif) no-repeat;
	overflow: hidden;
	width: 225px;
	height: 10px;
	margin-bottom: 15px;
}


#fast_search {
	background-color: #FFF;
	border: dashed 1px #CCCCCC;
	margin: 5px 0;
}

.prem {
	background-color: #FFF;
	border: dashed 1px #CCCCCC;
	 width: 205px;
	 margin-top: 10px;
}

.prem_title {
	color: #3a68a0;
	font-weight: bold;
	font-variant:small-caps;
	font-size: 0.8em;
}

.prem_desc {
	font-size: 0.6em;
}

.prem_prix {
	font-size: 0.6em;
	font-weight: bold;
	color: #FF0000;
}

.button_more {
	display: inline;
	margin-top: 5px;
	float: right;
	border: none;
	background: url(../i/button_more.gif) no-repeat;
	width: 80px;
	height: 15px;
	line-height: 15px;
	font-size: 0.6em;
	color: #FFFFFF;
	font-weight: bold;
	text-align: center;
}
	
/*****************   FIN BLOCK LEFT ***************/

/*****************   BLOCK RIGHT ***************/

#block_right {
	float: right;
	width: 750px;
}
/*****************   WELCOME ***************/

#welcome {
	border-top: #999 solid 2px;
	background: url(../i/gradient_tittle.gif) repeat-x top;
	width: 100%;
}

#welcome div {
	float: left;
}

#welcome_block {
	width: 350px;
	float: left;
}

#welcome_p {
	width: 350px;
	padding-left: 25px;
	font-size: .7em;
	float: left;
}

#welcome img {
	display: block;
}

#block_margin1, #block_margin2 {
	margin: 10px 0 0 25px;
	width: 150px;
}

.block {
	display: block;
	width: 140px;
	background: url(../i/block_middle.gif) repeat-y;
	padding: 0 10px;
}

.block p {
	font-size: .7em;
	width: 140px;
	padding-bottom: 5px;
}


/*****************   FIN SEARCH ***************/

/*****************   ONE AND LAST ***************/

#one {
	border-top: #3a68a0 solid 2px;
	background: url(../i/gradient_tittle.gif) repeat-x top;
	width: 750px;
	margin: 20px 0;
}

#last {
	border-top: #ff9121 solid 2px;
	background: url(../i/gradient_tittle.gif) repeat-x top;
	width: 750px;
}

#one .table, #last .table {
	background: url(../i/block2_middle.gif) repeat-y;
	width: 728px;
	margin-left: 25px;
	overflow: hidden;
}

.table2 {
	background: url(../i/block2_middle.gif) repeat-y;
	width: 728px;
	margin-left: 25px;
	overflow: hidden;
	font-size: 0.8em;
}

.table table p {
	font-size: .7em;
}

.table table .button_more {
	margin-right: 10px;
}

.table img , .table2 img {
	border: solid 1px #999;
}

.marge_img  img {
	margin-right: 10px;
}

.table2 .prem_prix {
	font-size: 1.2em;
}


/*****************   FIN ONE AND LAST  ***************/


/*****************   CONTENT PRINCIPAL  ***************/


/**** PAGINATION ****/


#pagination {
	display: block;
	margin: 10px 0;
	width: 550px;
	text-align: center;
	color: #333333;
}

#pagination a, #pagination span {
	margin: 0 5px;
}

#pagination a:hover, #pagination a:active {
	color: #FF0000;
	text-decoration: underline;
}




/**** FIN PAGINATION ****/

/*****************   FIN CONTENT PRINCIPAL ***************/


/*****************   FIN BLOCK RIGHT ***************/

/*****************   FIN CONTENT ***************/

#footer {
	background: url(../i/footer.gif)  repeat-x top;
	width: 980px;
	margin-bottom: 50px;
	font-size:0.7em;
	padding-top: 40px;
}

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