#fond {
	background-color: #ffffff;
	border: 1px solid #c0c0c0;
}

h2 {
	margin: 10px 10px 0;
}

h3 {
	margin: 10px;
	font-size: 12px;
	font-weight: bold;
}

p {
	margin: 10px;
}

span.color, .color {
	color: #02cee4;
}

div.bulle {
	height: 7px;
	border: none;
	background: url(../images/codes_promo/hr.gif) no-repeat center;
}

div.bulle_negative {
	text-align: center;
	border-bottom: 2px solid #ffffff;
}

table.rubriques {
	width: 560px;
	margin: 12px 0 12px 12px;
}

table.rubriques td {
	width: 33%;
	padding-right: 12px;
}

table.rubriques td h3 {
	margin: 0;
	font-size: 13px;
	color: #02cee4;
}

#fond div.hr {
	height: 1px;
	margin: 5px 3px 15px;
	background: url(../images/bg_dotted.gif);
	border-bottom: none;
}
/****************************************************
 *					CHEMIN DE NAV					*
 ****************************************************/
 
#chemindenav {
	margin: 2px 3px;
	height: 32px;
	width: 566px;
	background: url(../images/codes_promo/chemindenav_bg.gif) no-repeat;
}

#chemindenav div {
	padding: 9px 10px;
}

/************************************************
 *					RECHERCHE					*
 ************************************************/

#recherche {
	margin: 0 3px;
	height: 69px;
	width: 566px;
	background: url(../images/codes_promo/recherche_bg.jpg) no-repeat;
}

#recherche div {
	padding: 10px;
}

#recherche h3 {
	width: 190px;
	margin: 0;
	font-size: 14px;
	color: #02cee4;
}

#recherche a {
	text-decoration: underline;
}

#recherche table {
	margin-bottom: 5px;
}

#recherche table td {
	padding-right: 2px;
	vertical-align: middle;
}

#recherche input, #recherche select {
	width: 140px;
}

#recherche #submit {
	width: 66px;
	height: 20px;
	background: none;
	background-image: url(../images/codes_promo/recherche_submit.gif);
	background-color: #02cee4;
	background-position: center;
	background-repeat: no-repeat;
	border: none;
}

/************************************************
 *					RUBRIQUE					*
 ************************************************/

#rubrique_title {
	margin: 2px 3px;
	height: 87px;
	width: 566px;
	background: url(../images/codes_promo/rubrique_titre.jpg) no-repeat;
}

#rubrique_title div {
	padding: 10px 20px;
}

#rubrique_title h1 {
	margin: 5px 0;
	font-size: 24px;
	color: #02cee4;
}

#rubrique {
	margin: 0 0 10px 20px;
	width: 546px;
}

#rubrique strong {
	color: #02cee4;
}

#rubrique td {
	padding: 0 10px;
	border-right: 1px solid #c0c0c0;
}

#rubrique td.last {
	border-right: none;
}

/********************************************
 *					OFFRES					*
 ********************************************/

.titre_offre {
	font-size: 18px;
	color: #d92b2b;
}

/*a.code_link {
	display: block;
	width: 310px;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	background-color: #02cee4;
}

a.code_link:hover {
	text-decoration: none;
}*/

/****************************************************************
 *					SELECTION EN BAS DE PAGE					*
 ****************************************************************/

#bottom_selection {
	margin-top: 40px;
	padding-bottom: 2px;
	width: 100%;
	background-color: #02cee4;
}

#bottom_selection table {
	margin: 8px 0 2px 40px;
	color: #fff;
}

#bottom_selection table td {
	padding-right: 10px;
	vertical-align: middle;
}

/********************************************************
 *					COLONNE DE DROITE					*
 ********************************************************/

#container .right #fond {
	text-align: center;
}

#container .right div.title {
	margin: 2px -2px 2px 2px;
	text-align: left;
	background-image: url(../images/codes_promo/right_bg.jpg);
}

#container .right div.hr {
	height: 1px;
	margin: 10px 3px 15px;
	background: none;
	background-image: url(../images/bg_dotted.gif);
	border: none;
}

/********************************************
 *					POPUP					*
 ********************************************/
 
#popup {
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	
	background-color: #ffffff;
	text-align: left;
}

#popup input {
	height: 20px;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #595959;
}

#popup textarea {
	width: 500px;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	color: #595959;
}

#popup p {
	margin: 6px 10px;
}

#popup table.dark {
	width: 100%;
	font-size: 11px;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	padding: 6px 10px;
	background-color: #f5f5f5;
}

#popup table.dark td {
	vertical-align: middle;
}

#popup table.dark td input {
	vertical-align: bottom;
}

#popup #code_title {
	padding-bottom: 2px;
	width: 100%;
	background-color: #02cee4;
}

#popup #code_title h2 {
	margin: 0;
	padding: 5px 0 0 10px;
	font-size: 14px;
	color: #fff;
}

#popup #comment_submit {
	height: 31px;
	width: 212px;
	font-size: 14px;
	font-weight: bold;
	background: none;
	background-image: url(../images/codes_promo/coment_btn.gif);
	border: none;
}

#popup div.bulle_negative {
	text-align: center;
	border-bottom: 2px solid #ffffff;
}

/********************************************
 *					DIVER					*
 ********************************************/

.divok {
	margin-left:10px;
	visibility: visible;
	overflow: visible;
	display: block;
	width: 340px;
	padding: 5px 0;
	text-align: center;
	vertical-align: middle;
	color: #ffffff;
	background-color: #02cee4;
}

.divok a {
	color: #ffffff;
	cursor: pointer;
}

.divhidden {
	visibility: hidden;
	overflow: hidden;
	position: absolute;
}