body {
padding : 0;
margin : 0;
background : #EBE489;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
}
div, h1, h2, h3, h4, h5, img, form, ul, p, dl {
padding : 0;
margin : 0;
}
ul {
list-style-type : none;
font-size : 0;
}
.spacer {
clear : both;
line-height : 0;
font-size : 0;
}
.Style1 {font-size: 9px}
/*--------------< < << header part start >> > >---------------*/

#header {
width : 994px;
margin : 0 auto;
background : url(../images/cp-header.jpg) no-repeat 0 0;
position : relative;
height : 297px;
}

#header ul.navi {
height : 43px;
position : absolute;
left : 5px;
top : 204px;
}
#header ul.navi li {
float : left;
border-right : 1px solid #ecedb5;
}
#header ul.navi li.noborder {
border-right : none;
}
#header ul.navi li a {
display : block;
padding : 0 13px;
font-size : 11px;
font-weight : bold;
line-height : 43px;
background-color : inherit;
text-decoration : none;
color : #ffffff;
}
#header ul.navi li a:hover {
background : url(../images/navi_h_bg.gif) repeat-x 0 0;
}
#header ul.navi li a.hover {
background : url(../images/navi_h_bg.gif) repeat-x 0 0;
cursor : text;
}
#header form {
position : absolute;
left : 785px;
top : 215px;
height : 15px;
width : 194px;
}
#header form label {
padding : 0 0 0 32px;
margin : 0;
background : url(../images/search_icon.gif) no-repeat 0 0;
width : 194px;
height : 25px;
line-height : 13px;
color : #000000;
float : left;
font-size : 13px;
font-weight : bold;
background-color : inherit;
}
#header form input.textbox {
width : 153px;
height : 21px;
border-bottom : 1px solid #d4ceaa;
border-right : 1px solid #d4ceaa;
border-top : 1px solid #302a14;
border-left : 1px solid #302a14;
float : left;
margin : 0 1px 0 0;
}
#header form input.go {
width : 29px;
height : 22px;
float : left;
cursor : pointer;
font-size : 0;
border : none;
background : url(../images/go.gif) no-repeat 0 0;
}
#header p {
position : absolute;
left : 5px;
top : 260px;
color : #ffffff;
font-size : 18px;
line-height : 22px;
font-weight : bold;
}
#header p span {
display : block;
font : normal 44px/44px Arial, Helvetica, sans-serif;
color : #ffffff;
background-color : inherit;
}


/*--------------< < << Google adsense >> > >---------------*/

#special {
width : 954px;
margin : 5px auto 0 auto;
padding : 0 20px;
background : #191919 url(../images/special_bg.gif) repeat-x 0 0;
color : #ffffff;
}
#special p.spea {
text-align : center;
margin : 17px 0 0 0;
font : bold 28px/28px Arial, Helvetica, sans-serif;
display : block;
}
#special a.spe2007 {
background : url(../images/speacial2007.gif) no-repeat 0 0;
width : 351px;
height : 148px;
float : right;
font-size : 0;
text-indent : -2000px;
text-decoration : none;
}
#special a.spe2007:hover {
background : url(../images/speacial2007_h.gif) no-repeat 0 0;
}
#special dl {
width : 600px;
float : left;
margin : 9px 0 0 0;
}
#special dl dt {
background : url(../images/special_arrow.gif) no-repeat 0 6px;
padding : 0 0 0 14px;
color : #b5b67c;
background-color : inherit;
font-size : 13px;
font-weight : bold;
line-height : 20px;
margin : 0 0 4px 0;
}
#special dl dt span {
color : #fff;
background-color : #911515;
padding : 0 3px;
}

/*--------------< < << contenu >> > >---------------*/

#botBody {
width : 994px;
margin : 0 auto;
background : #ffffff;
padding : 0 0 0 0;
}


/*--------------< < << liste des codes >> > >---------------*/

.listecode {
width : 680px !important ;
float : left;
margin : 0 6px 0 0;
background : #d6d7a0 url(../images/info-tourisme-bg.gif) repeat-y 0 0;
color : #5c5c5c;
padding : 5px 0 0 0;
}
.listecode .nomar {
margin : 0;
}
.listecode div.top {
background : url(../images/info-tourisme-top.gif) no-repeat 0 0;
width : 680px;
height : 13px;
font-size : 0;
padding : 0;
margin : 0;
display : block;
}

.listecode div.codepromo{
width:600px;
border:solid 6px #C3BD66;
background:url(../images/flower.gif) no-repeat 0 top #DED879;
padding:10px 0 0 10px;
color:#3A3E24;
margin : 0 0 0 20px;
}
.listecode p.bot {
background : url(../images/info-tourisme-bot.gif) no-repeat 0 0;
width : 680px;
height : 20px;
font-size : 0;
padding : 0;
margin : 0;
display : block;
}
.listecode h1 {
background : #fffffe url(../images/tourisme-photos-bouton.gif) no-repeat 0 0;
margin : 0 0 0 5px;
display : block;
padding : 0 0 0 44px;
height : 41px;

font : bold 16px/41px Arial, Helvetica, sans-serif;
}
.listecode h1.codereduction {
background : url(../images/bouton-favoris.gif) no-repeat 0 0;
padding : 0 0 0 61px;
margin-bottom : 12px;
}

.listecode h1.infomarchand {
background : url(../images/titre-info-marchand.gif) no-repeat 0 0;
padding : 0 0 0 61px;
margin-bottom : 12px;
}

.listecode h1.annuairemarchand {
background : url(../images/titre-annuaire-marchand.gif) no-repeat 0 0;
padding : 0 0 0 61px;
margin-bottom : 12px;
}

.listecode h1.derniercode {
background : url(../images/titre-dernier-code.gif) no-repeat 0 0;
padding : 0 0 0 61px;
margin-bottom : 12px;
}

.listecode h1.jeuconcours {
background : url(../images/titre-jeux.gif) no-repeat 0 0;
padding : 0 0 0 61px;
margin-bottom : 12px;
}

.listecode h1.lastcode {
background : url(../images/titre-astuce.gif) no-repeat 0 0;
padding : 0 0 0 61px;
margin-bottom : 12px;
}

.listecode h1.contact {
background : url(../images/titre-contact.gif) no-repeat 0 0;
padding : 0 0 0 61px;
margin-bottom : 12px;
}

.listecode h2 {
color : #830808;
font-weight : bold;
font-size : 12px;
line-height : 16px;
margin : 0 2px 0 20px;
display : block;
}

.listecode h2.annuaire {
color : #830808;
font-size : 50px;
line-height : 25px;
margin : 0 2px 5px 20px;
display : block;
font-weight : bold;
}

.listecode p.marTop {
padding : 13px 0 0 0;
}
.listecode ul.servi {
margin : 0 0 0 20px;
padding : 0 0 24px 0;
}
.listecode ul.servi li {
display : block;
background : url(../images/subdiv_arrow.gif) no-repeat 0 7px;
padding : 0 0 0 12px;
}
.listecode ul.servi li a {
text-decoration : underline;
font-size : 11px;
line-height : 18px;
color : #5c5c5c;
background-color : #ffffff;
font-family : "Trebuchet MS", Arial, Helvetica, sans-serif;
}
.listecode ul.servi li a:hover {
text-decoration : none;
}
.listecode p.text {
font-size : 12px;
line-height : 16px;
padding : 0 0 5px 0;
margin : 0 20px 0 20px;
color : #000000;
}

.listecode p.text img {
display : block;
font-size : 0;
}
.listecode div.text {
font-size : 12px;
padding : 0 0 5px 8px;
color : #000000;
}
.listecode table.code {
font-size : 13px;
padding : 0 5px 5px 5px;
margin : 0 0 0 20px;
}

.listecode table.code td{
padding : 0 5px 5px 5px;
margin : 0 0 0 20px;
}

.listecode table.annuaire {
font-size : 12px;
padding : 0 5px 5px 5px;
border-color : #8E5B19; 
border-style : dashed; 
border-collapse:collapse; 
border-width:thin;
}

.listecode table.annuaire td{
padding : 0 0 0 10px;
}

.listecode table.annuaire tr{
border-color : #8E5B19; 
border-style : dashed; 
border-collapse:collapse; 
border-width:thin;
}

.listecode table.descriptif {
font-size : 13px;
padding : 0 5px 5px 5px;
margin : 0 0 0 20px;
border-color : #8E5B19; 
border-style : dashed; 
border-collapse:collapse; 
border-width:thin;
color : #000000;
background : #EBE489; 
}


	/*--------------< < << newsletter >> > >---------------*/	

.subdiv3 {
width : 302px;
margin-left: 685px;
padding : 5px 0 0 0;
}

.subdiv3 form {
background : #b3b477 url(../images/newsletter_singup_bg.gif) repeat-y 0 0;
color : #ffffff;
}
.subdiv3 form p.top {
background : url(../images/newsletter_singup_top.gif) no-repeat 0 0;
font-size : 0;
height : 21px;
}
.subdiv3 form p.bot {
background : url(../images/newsletter_singup_bot.gif) no-repeat 0 0;
font-size : 0;
height : 20px;
}
.subdiv3 form h1 {
background : #b3b477 url(../images/newsletter_singup_h2.gif) no-repeat 0 0;
height : 39px;
margin : 0 2px 0 5px;
padding : 0 0 0 50px;
color : #4d5c0d;
font : bold 16px/39px Arial, Helvetica, sans-serif;
}

.subdiv3 form input.textbox {
width : 245px;
height : 23px;
border-bottom : 1px solid #d4ceaa;
border-right : 1px solid #d4ceaa;
border-top : 1px solid #302a14;
border-left : 1px solid #302a14;
margin : 0 1px 0 18px;
}

.subdiv3 form input.singup {
width : 50px;
height : 16px;
cursor : pointer;
font-size : 0;
border : none;
background : url(../images/singup.gif) no-repeat 0 0;
margin : 7px 0 0 200px;
}

/*--------------< < << footer >> > >---------------*/

#footerbig {
background : #2f2f1b url(../images/footer_bg.gif) repeat-x 0 0;
color : #c3c491;
padding : 22px 0 0 0;
}
#footer {
width : 954px;
margin : 0 auto;
padding : 0 0 23px 0;
}
#footer p {
text-align : center;
margin : 4px 0 0 0;
font-size : 11px;
line-height : 16px;
}
#footer p a {
color : #ffffff;
text-decoration : none;
background-color : inherit;
}
#footer p a:hover {
color : #c3c491;
background-color : inherit;
}
#footer ul {
margin : 0 0 0 214px;
height : 22px;
}
#footer ul li {
float : left;
padding : 0 3px;
font-size : 11px;
color : #ffffff;
line-height : 22px;
background-color : inherit;
}
#footer ul li a {
color : #ffffff;
line-height : 22px;
background-color : inherit;
text-decoration : none;
}
#footer ul li a:hover {
color : #c3c491;
background-color : inherit;
}

/*--------------cliquez ici pour afficher le code---------------*/ 
.red a {
color : #FF0000;
font : bold 20px Arial, Helvetica, sans-serif;
} 
.red a:visited {
color : #CCCCCC;
font : bold 20px Arial, Helvetica, sans-serif;
} 
.affichecp {
color : #FF0000;
font : bold 25px Arial, Helvetica, sans-serif;
}

/*----------------- MOTEUR DE RECHERCHE AUTO COMPLETE ------------------*/
	.suggestionsBox {
		position: relative;
		font: verdana;
		right: 180px;
		margin: 10px;
		width: 220px;
		background-color: #FFFFFF;
    font-size : 12px;
		border: 2px solid #000;	
	}
	
	
	.suggestionList {
		margin: 0px;
		padding: 0px;
	}
	
	.suggestionList li {
		
		margin: 0px 0px 3px 0px;
		padding: 3px;
		cursor: pointer;
	}
	
	.suggestionList a:hover {
		background-color: #B6510D;
	}
