
*         { margin:0; padding:0; }
html,body { margin:0; padding:0;  

}
body {
	min-height:100%;
	margin: 0px;
	padding: 0px;
	background-color: #FFFFFF;
	font-size: 11px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	line-height: 13px;
}


/*
-------------------------------------------------------
HEADER
-------------------------------------------------------
*/

#header {
	position: relative;
	width: 990px;
	height: 127px;
	clear: both;
	left: 50%;
	margin-left: -495px;
	background-image: url(images/header_bg.png);
}
#logo {
	position: absolute;
	width: 346px;
	height: 104px;
	left: 67px;
	top: 0px;
}
#pub-header  {
	position: absolute;
	width: 500px;
	height: 20px;
	right: 0;
	top: 33px;
}
#menu  {
	position: absolute;
	width: 560px;
	height: 20px;
	right: 0px;
	top: 75px;
}

#menu li {
	font-size: 11px;
	display: inline;
	margin: 0 16px 0 17px;
	letter-spacing: 0.05em;
	text-transform: uppercase;
	font-weight: bold;
	list-style-type: none;
	background-image: url(images/puce.gif);
	background-repeat: no-repeat;
	background-position: 0% 5px;
	padding-left: 14px;
}
#menu li a {
	color: #FFFFFF;
}
#chemin {
	position: absolute;
	width: 430px;
	height: 18px;
	top: 104px;
	left: 23px;
	padding: 5px 0 0 5px;
}
#chemin a {
	color: #A7D036;
}
#heure {
	position: absolute;
	width: 300px;
	height: 23px;
	top: 104px;
	right: 10px;
	text-align: right;
	color: #F35C00;
}
#clock {
	margin-right: 10px;
}



/*
-------------------------------------------------------
HOME CENTRE STRUCTURE
-------------------------------------------------------
*/



#page {
	position: relative;
	width: 990px;
	clear: both;
	left: 50%;
	margin-left: -495px;
}
#col1 {
	width: 203px;
	float: left;
}

#col2 {
	width: 658px;
	float: left;
}
#col3 {
	width: 129px;
	float: left;
}


/*
-------------------------------------------------------
MENU GAUCHE
-------------------------------------------------------
*/


#theme {
	width: 203px;
	overflow: auto;
}
#theme1 {
	width: 203px;
	height: 31px;
	background-image: url(images/bloc-rub-left_1.jpg);
}
#theme2 {
	width: 203px;
	background-image: url(images/bloc-rub-left_2.jpg);
	background-repeat: repeat-y;
	padding: 10px 0 10px 0;
}
#theme3 {
	width: 203px;
	height: 23px;
	background-image: url(images/bloc-rub-left_3.jpg);
}

#theme2 dl {
	margin: 0 0 0 10px;
	color: #3466DE;
}
#theme2 dt {
	font-size: 11px;
	text-transform: uppercase;
	font-weight: bolder;
	line-height: 13px;
	margin: 0 0 0 10px;
	padding: 6px 0 2px 0;
}
#theme2 dt a:link, #theme2 dt a:visited {
	color: #3466DE;
	text-decoration: none;
}
#theme2 dt a:hover, #theme2 dt a:active {
	color: #3466DE;
	text-decoration: underline;
}
#theme2 dd {
	font-size: 12px;
	margin: 1px 0 1px 10px;
}
#theme2 dd a:link, #theme2 dd a:visited {
	color: #97BF2D;
	text-decoration: none;
}
#theme2 dd a:hover, #theme2 dd a:active {
	color: #FF6600;
	text-decoration: underline;
}

#recherche {
	width: 179px;
	height: 60px;
	background-image: url(images/recherche_bg.jpg);
	background-repeat: no-repeat;
	padding: 45px 0 0 24px;
}
#recherche form {
	width: 140px;
	text-align: right;

}

#s {
	width: 130px;
	height: 14px;
	padding: 2px;
	border: 1px solid #D0D0BF;
	background: #fffffe url(images/search-icon.gif) right center no-repeat;
	font-family: Arial, Helvetica, sans-serif;
	font-weight: normal;
	font-size: 11px;
	margin-right: 5px;
}
.bt-recherche {
	margin: 5px 5px 0 0;
}

#pub_120x240 {
	width: 120px;
	height: 240px;
	margin: 31px 0 0 25px;
}



/*
-------------------------------------------------------
HOME CENTRE
-------------------------------------------------------
*/


#bloc-txtaccueil {
	width: 600px;
	background-color: #E8F6B8;
	border: solid #A7D036 1px;
	padding: 10px;
	margin: 4px 0 25px 0;
}
#bloc-accueil-salon {
	width: 610px;
	height: 120px;
	padding: 10px;
}
.bloc-accueil-salon-colonneA {
	width: 185px;
	height: 107px;
	float: left;
	background-image: url(images/bloc-salon.jpg);
	background-repeat: no-repeat;
}
.bloc-salon-colonneA-1 {
	width: 20px;
	float: left;
	padding: 17px 0 0 16px;
}
.bloc-salon-colonneA-2 {
	width: 125px;
	padding: 15px 0 0 2px;
	float: left;
	line-height: 15px;
}
.bloc-salon-colonneA-2 strong {
	color: #1F86DE;
	font-weight: bold;
}
.bloc-salon-colonneA-2 em {
	color: #AAD336;
	font-style: normal;
}
.bloc-salon-colonneA-2 cite {
	font-style: normal;
	font-weight: bold;
}
.bloc-salon-colonneA-2 a {
	color: #1F86DE;
}
.bloc-accueil-salon-colonneB {
	width: 240px;
	float: left;
	text-align: center;
	padding-top: 10px;
}
#bloc-salon-colonneB-1 {
	width: 120px;
	float: left;
	text-align: right;
	margin-top: 5px;
}
#bloc-salon-colonneB-1 p, #bloc-salon-colonneB-2 p {
	margin: 4px;
}
#bloc-salon-colonneB-2 {
	width: 120px;
	float: left;
	margin-top: 5px;
	text-align: left;
}


#home-categories-bloc {
	width: 600px;
	background-color: #E8F6B8;
	border: solid #A7D036 1px;
	padding: 15px;
	margin: 25px 0 25px 0;
	clear: both;
}

#home-categories-bloc table {
	width : 565px;
	margin: 10px 0 0 10px;
}
#home-categories-bloc tr {
	margin: 0;
	padding: 0;
}
#home-categories-bloc td {
	width : 35%;
	vertical-align: top;
	margin: 0;
	padding: 0 10px 0 5px;
}
#home-categories-bloc dl {
	margin: 5px 0 5px 0;
	padding-left: 10px;
}
#home-categories-bloc dt {
	text-transform: uppercase;
	font-weight: bolder;
	padding: 0 0 0 17px;
	height: 15px;
	margin-left: -18px;
	background-image: url(images/puce2.png);
	background-repeat: no-repeat;
	background-position: 0% 0;
	color: #3466DE;
}
#home-categories-bloc dt a {
	font-weight: bold;
	font-size: 11px;
	color: #3466DE;
}
#home-categories-bloc dd {
	font-size: 11px;
	display: inline;
	margin: 0 3px 0 0;
}
#home-categories-bloc dd a {
	color: #5878C5;
}

#bloc-accueil-feed {
	width: 610px;
	height: 330px;
	padding: 10px;
}
.feed {
	width: 610px;
	margin-bottom: 9px;
}
.feed-titre a {
	color: #5878C5;
	font-weight: bold;
	margin: 5px 0 2px 0;
}
.feed-txtkilo {
	clear: both;
	color: #666666;
}



/*
-------------------------------------------------------
BLOC LISTING SITES
-------------------------------------------------------
*/

.bloc-titre-sites {
	width: 620px;
	height: 30px;
	margin: 10px 0 25px 0;
	clear: both;
}
#bloc-listing-site {
	width: 600px;
	margin: 10px 0 25px 0;
	clear: both;
}
.bloc-site {
	width: 590px;
	margin: 10px 0 10px 10px;
	clear: both;
}
.bloc-insite-normal {
	width: 434px;
	height: 64px;
	border: solid #CBCBCB 1px;
	padding: 13px;
	clear: both;
}
.bloc-insite-prio {
	width: 434px;
	height: 64px;
	border: solid #A7D036 1px;
	float: left;
	background-color: #E8F6B8;
	padding: 13px;
	overflow: hidden;
	margin-bottom: 10px;
}
.thumb {
	width: 120px;
	height: 90px;
	float: left;
	clear: right;
	margin-left: 5px;
	border: solid #377BD7 1px;
}
.url {
	clear: both;
	display: block;
	color: #0FA71D;	
}
.url a {
	color: #0FA71D;
}

.shortdesc {
	color: #494E49;
	display: block;
	font-size: 11px;
}
.shortdesc ul {
	margin: 10px 30px 10px 50px;
}
.shortdesc li {
	list-style-type: circle;
	color: #333333;
}
.lirelasuite {
	color: #FF6600;
	font-size: 10px;
}
#site-sponsors {
	width: 590px;
	height: 10px;
	margin: 40px 0 70px 20px;
	clear: both;
	color: #666666;
	font-size: 10px;
	text-align: center;
}
#site-sponsors a {
	color: #003366;
	text-decoration: underline;
}
#flag0 {
	position: relative;
	width: 16px;
	height: 11px;
	float: right;
	margin: -5px -5px 0 0;
}


/*
-------------------------------------------------------
FICHE UN SITE
-------------------------------------------------------
*/

.bloc-site-normal {
	width: 434px;
	border: solid #CBCBCB 1px;
	padding: 13px;
	clear: both;
	margin-bottom: 20px;
}
.bloc-site-prio {
	width: 434px;
	border: solid #A7D036 1px;
	float: left;
	background-color: #E8F6B8;
	padding: 13px;
	margin-bottom: 20px;
}
.bloc-site-prio img, .bloc-site-normal img {
	margin: 10px 0 5px -20px;
}
.longdesc {
	color: #494E49;
	margin-top: 20px;
	clear: both;
}
.longdesc ul {
	margin: 10px 0 10px 30px;
}
.longdesc li {
	list-style-type: circle;
	color: #333333;
}
#avantages {
	color: #663333;
	margin-top: 20px;
	font-size: 10px;
}
#flag {
	position: relative;
	width: 16px;
	height: 11px;
	float: right;
	margin: -15px -25px 0 0;
}
.nothumb {
	width: 120px;
	height: 90px;
	float: left;
	clear: right;
	margin-left: 5px;
}
.tags {
	clear: both;
	display: block;
	margin-top: 20px;
}
.tags form {
	margin: 20px 0 20px 0;
}
.tags-input {
	border: solid #999999 1px;
	padding: 2px;
	font-size: 10px;
	background-color: #333333;
	color: #666666;
	margin: 0 4px 0 5px;
}
.autressites {
	width: 440px;
	margin: 10px 0 10px 10px;
	clear: both;
	padding: 20px;
	color: #FF8032;
	font-weight: bold;
	text-align: right;
}
.autressites a {
	color: #FF8032;
}



/*
-------------------------------------------------------
RECHERCHE
-------------------------------------------------------
*/
#message {
	width: 590px;
	text-align: center;
}
.expression {
	font-weight: bold;
	color: #FF8032;
}
#search-keywords {
	width: 550px;
	margin: 0 5px 30px 37px;
	clear: both;
}
#search-keywords a:link, #search-keywords a:visited {
	color: #3466DE;
	text-decoration: none;
}
#search-keywords a:hover, #search-keywords a:active {
	color: #3466DE;
	text-decoration: underline;
}


/*
-------------------------------------------------------
SALONS
-------------------------------------------------------
*/

#jump-pays {
	width: 240px;
	padding: 5px 0 0 0;
	float: left;
	text-align: right;
}
#jump-pays select {
	border: solid #666666 1px;
	width: 130px;
	padding: 1px;
	font-size: 10px;
	font-family: Arial, Helvetica, sans-serif;
	background-color: #C8D6F7;
	text-transform: uppercase;
	color: #000000;
}
#jump-pays option {
	padding: 2px;
	background-color: #E8F6B8;
}

#bloc-listing-salons {
	width: 600px;
	margin: 50px 0 25px 0;

}
.salon-annee {
	width: 600px;
	border: solid #A7D036 1px;
	background-color: #E8F6B8;
	padding: 5px;
	text-align: right;
	color: #3466DE;
	font-size: 14px;
	font-weight: bold;
	margin: 0 0 10px 0;
}
.salon-bloc {
	width: 600px;
	margin: 10px 0 0 0;
	height: 90px;
	border-bottom: solid #A7D036 1px;
}
.salon-bloc-1 {
	width: 85px;
	height: 80px;
	float: left;

}
.salon-bloc-2 {
	width: 125px;
	height: 80px;
	float: left;
	padding: 10px 0 0 10px;
}
.salon-bloc-3 {
	width: 370px;
	height: 80px;
	float: left;
	padding: 10px 0 0 10px;
	font-size: 10px;
	color: #748DC9;
}
.salon-bloc-2 dt  {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10px;
	color: #3466DE;
}
.salon-bloc-2 dd  {
	font-size: 10px;
	color: #666666;
}
.salon-bloc-2 a {
	width: 125px;
	color: #3466DE;
}
.salon-bloc-3 u {
	color: #CC3300;
	text-decoration: none;
}



/*
-------------------------------------------------------
SOUMETRE
-------------------------------------------------------
*/


#blocform1 {
	width: 550px;
	margin: 20px 0 10px 30px;
	clear: both;
}
#blocform1 fieldset {
	padding: 20px;
	border: solid #CCCCCC 1px;
	background-color: #FFEBCC;
}
#blocform1 legend {
	background: transparent;
	margin: 5px;
	font-weight: bold;
}
#blocform1 p {
	margin: 10px 0 20px 0;
	font-size: 14px;
}
#blocform1 img {
	float: left;
}
.titrefform1 a {
	font-weight: bold;
	color: #FD7A11;
}
.titrefform2 a {
	font-weight: bold;
	color: #3366CC;
	
}
.askdetail {
	margin: 5px 0 0 0;
	font-weight: normal;
	font-size: 10px;
	color: #999999;
}

.blocform2 {
	width: 260px;
	margin: 10px 0 40px 30px;
	float: left;
}
.blocform2 fieldset {
	padding: 10px;
	font-style: normal;
	border: solid #CCCCCC 1px;

}
.legend1 {
	background: transparent;
	margin: 5px;
	font-weight: bold;
	color: #FD7A11;
	font-size: 14px;
}
.legend2 {
	background: transparent;
	margin: 5px;
	font-weight: bold;
	color: #3366CC;
	font-size: 14px;
}

.ulref1 li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 3%;
	padding-left: 25px;
	margin-bottom: 10px;
	color: #666666;
}

.ulref2 li {
	list-style-type: none;
	background-repeat: no-repeat;
	background-position: 0% 3%;
	padding-left: 25px;
	margin-bottom: 10px;
}

.puce2 {
	background-image: url(images/puce2.png);
}
.puce3 {
	background-image: url(images/puce3.gif);
}

#blocform3 {
	width: 550px;
	margin: 40px 0 30px 30px;
	clear: both;
	color: #999999;
}
#blocform3 fieldset {
	padding: 10px;
	font-style: normal;
	border: 0;
}
#blocform3 legend {
	background: transparent;
	margin: 5px;
	font-weight: normal;
	color: #000000;
}
#blocform3 p {
	margin: 20px 10px 10px 10px;
	color: #3366CC;
}

#bloc-fileattente {
	width: 550px;
	margin: 40px 0 30px 30px;
	clear: both;
	color: #999999;
}
#bloc-fileattente b {
	color: #3366CC;
}



#blocform4 {
	width: 550px;
	margin: 20px 0 10px 30px;
	clear: both;
}
#blocform4 fieldset {
	margin: 20px 0 0 0;
	padding: 20px;
	border: solid #CCCCCC 1px;
}
#blocform4 legend {
	background: transparent;
	margin: 5px;
	font-weight: normal;
	color: #3366CC;
}
.option {
	border: solid #666666 1px;
	padding: 3px;
	font-size: 10px;
	background-color: #333333;
	color: #DB996D;
	margin: -1px;
}


#allopass {
	margin-left: 30px;
}
#blocform5 {
	width: 550px;
	margin: 20px 0 10px 30px;
	clear: both;
	text-align: center;
}
#blocform5 strong {
	color: #CC9900;
}

#warning {
	width: 100%;
	text-align: center;
	margin: 80px 0 100px 0;
}


/*
-------------------------------------------------------
MENTIONS LEGALES
-------------------------------------------------------
*/
#bloc-mentions {
	width: 600px;
	margin: 10px 0 25px 0;

}
#blocform6 {
	width: 550px;
	margin: 20px 0 10px 30px;
	clear: both;
}
#blocform6 img {
	margin: 10px 10px 0 0;
}
#blocform6 p {
	margin: 20px 20px 10px 0;
	color: #999999;
	text-align: justify;
}
#blocform6 strong {
	color: #3466DE;
	font-weight: bold;
}
#blocform6 h3 {
	margin: 20px 10px 10px 0;
	font-size: 12px;
	color: #FE8726;
	font-family: Arial;
	text-transform: uppercase;
}


/*
-------------------------------------------------------
CONTACT
-------------------------------------------------------
*/


#contact-form {
	width: 550px;
	margin: 40px 0 40px 30px;
	clear: both;
}

/*
-------------------------------------------------------
PLAN DU SITE
-------------------------------------------------------
*/


#div-plan1 {
	width: 550px;
	margin: 20px 0 3px 30px;
	clear: both;
	padding: 5px;
	text-transform: uppercase;
	font-size: 11px;
	font-weight: bold;
	border: solid #666666 1px;
	background-color: #E8F6B8;
}
#div-plan2 {
	width: 227px;
	margin: 0 0 0 30px;
	clear: left;
	float: left;
}
#div-plan2-1, #div-plan2-2 {
	width: 100%;
	border: solid #666666 1px;
	padding: 5px;
	margin: 0 0 2px 0;
}
#div-plan2-1 dt, #div-plan2-2 dt {
	color: #FE8726;
	font-family: Arial;
	text-transform: uppercase;
	margin-left: 5px;
}
#div-plan2-1 dd, #div-plan2-2 dd {
	margin: 5px 0 5px 10px;
}
#div-plan2-1 dd a, #div-plan2-2 dd a {
	color: #333333;
}
#div-plan2-1 ul, #div-plan2-2 ul {
	margin: 5px 0 5px 10px;
	list-style-type: none;
	color: #999999;
}
#div-plan2-1 ul a, #div-plan2-2 ul a {
	color: #999999;
}
#div-plan2-2 img {
	margin: 5px 0 5px 0px;
}

#div-plan3 {
	width: 310px;
	margin: 0 0 10px 13px;
	border: solid #666666 1px;
	padding: 5px;
	float: left;
}
#div-plan3 dt {
	color: #FE8726;
	font-family: Arial;
	text-transform: uppercase;
	margin-left: 5px;
}
#div-plan3 dd {
	margin: 5px 0 5px 10px;
}
#div-plan3 dd a {
	color: #333333;
}
#div-plan3 ul {
	margin: 5px 0 5px 10px;
	list-style-type: none;
}
#div-plan3 ul a {
	color: #999999;
}

/*
-------------------------------------------------------
FOOTER
-------------------------------------------------------
*/


#footer {
	position: relative;
	width: 990px;
	height: 52px;
	clear: both;
	left: 50%;
	margin-left: -495px;
	background-image: url(images/footer_bg.jpg);

}
#footer1 {
	width: 210px;
	height: 42px;
	float: left;
	text-align: center;
	color: #999999;
	padding-top: 10px;
	font-size: 11px;
}
#footer2 {
	width: 603px;
	height: 42px;
	float: left;
	text-align: center;
	font-weight: bold;
	padding-top: 10px;
}
#footer2 a {
	color: #FFFFFF;
}
#footer2 ul {
	list-style-type: none;
	padding-top: 7px;
}
#footer2 li {
	font-size: 11px;
	display: inline;
	margin: 0 14px 0 14px;
	letter-spacing: 0.05em;
}

#footer3 {
	width: 144px;
	height: 27px;
	float: left;
	text-align: right;
	padding: 25px 33px 0 0;
}





/*
-------------------------------------------------------
DIVERS
-------------------------------------------------------
*/



a:link, a:visited  {
	text-decoration: none;
	color: #3366CC;
}
a:hover, a:active  {
	text-decoration: underline;
}

img {
	border: 0;
}

h1.red {
	color: #DA0008;
	font-size: 17px;
	background-image: url(images/i-red.gif);
	background-repeat: no-repeat;
	background-position: 0% 0;
	padding-left: 30px;
	height: 26px;
	padding-top: 5px;
	clear: both;
}
h1.blue {
	color: #3466DE;
	font-size: 17px;
	background-image: url(images/i-blue.gif);
	background-repeat: no-repeat;
	background-position: 0% 0;
	padding-left: 30px;
	height: 26px;
	clear: both;
}
h1.green {
	color: #4AC250;
	font-size: 17px;
	background-image: url(images/i-green.gif);
	background-repeat: no-repeat;
	background-position: 0% 0;
	height: 26px;
	padding: 5px 0 20px 30px;	
	margin : 5px 0 5px 0;
	clear: both;
}
h2 {
	color: #3466DE;
	font-size: 13px;
	text-transform: uppercase;
	background-image: url(images/puce2.png);
	background-repeat: no-repeat;
	background-position: 0% 0;
	padding-left: 22px;
	margin: 5px;
}
h2 a {
	color: #3466DE;
}
h3 {
	text-transform: uppercase;
	color: #3466DE;
	font-size: 12px;
	font-weight: bold;
}
h4 {
	color: #3466DE;
	font-size: 13px;
	text-transform: uppercase;
	margin: 15px 0 0 30px;
	float: left;
	width: 340px;
}
