.clear {clear:both;}

.colg-25{
	float: left;
	width: 180px;
        padding-left: 0px;
        padding-right: 10px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
        border-right: 1px solid lightgrey;
}

.cold-75{
	float: left;
 
	width: 500px;
        padding-left:20px;
        padding-right: 0px;
        padding-top: 0px;
        padding-bottom: 0px;
        margin: 0;
}




#masque-jim-accueil {
position: absolute;
left:0;
/* pas valid css */
opacity: 50%;
/*----------*/
z-index: 200;
}


/* CSS Document */

#salon {
	width: 160px;
float:left;
}




.d_congres {
position:absolute;visibility:hidden;
}
html {
/*overflow-x: hidden;*/
}
body {
	background: url(../images/bg.jpg) repeat-x 0 0 #FBE69F;
	color: #FDF9EE;
/*	font: normal 12px/17px Arial, Helvetica, sans-serif;*/
	margin: 0;
	padding: 0;
}
/*div, h1, h2, h3, h4, h5, h6, form, label, input, span, ul, li, p, a {
	margin: 0;
	padding: 0;
}
*/


/*ul {
	list-style: none;
	padding-left: 4px;
}
#content ul li {
	padding-left: 11px;
	margin-bottom: 0;
	background-image: url(../images/puce.gif);
	background-position: left 9px;
	background-repeat: no-repeat;
}
*/
.spacer {
	font-size: 0;
	line-height: 0;
	clear: both;
}
/* ----------------- top navigation start --------------------- */
#topNav {
	width: 850px;
	
	
	margin: 0 auto;
	padding: 8px 0 0 0px;
}
#topNav h1{

	text-indent: -5000px;
	 
}


 #logorevue {
	border: none;
float: left;
width : 700px;
	margin: 0px 0px 5px 0px;
}

 #logorevue a img{

width: 700px;
/*display: block;*/
}

/* ----------------- shadow start --------------------------- */
#topShadow {
	background: url(../images/top_shadow.jpg) no-repeat 0 0 #FDF9EE;
	color: #4E4628;
	width: 960px;
	height: 15px;
	margin: 5px 0 0px 0;
	float: left;
}
#bottomShadow {
	background: url(../images/bottom_shadow.jpg) no-repeat 0 0 #FDF9EE;
	color: #4E4628;
	width: 960px;
	height: 15px;
	float: left;
}
/* ----------------- shadow end --------------------------- */




/* ----------------- body start --------------------------- */
#wrapper {
	width: 960px;
	margin: 0 auto;
	position: relative;
	z-index: 0;
}
#page {
	background: #FFF url(../images/midle_bg.gif) repeat-y 0 0;
/*background: #FFFCF0 url(../images/midle_bg.gif) repeat-y 0 0;*/	
	color: #4E4628;
	width: 940px;
	padding: 0 10px;
	float: left;
}

#page form.search {
	background-color: #FFFFFF;
	color: #000000;
	border: #ECE8DB 1px solid;
	width: 248px;
	padding: 7px 17px 27px 17px;
	float: left;
}
#page form.search h2 {
	background: url(../images/search_h2_bg.gif) no-repeat 0 0 #FFFFFF;
	color: #786E4E;
	width: 197px;
	padding: 0 0 10px 50px;
	float: left;
	font: normal 24px/42px Georgia, "Times New Roman", Times, serif;
}
#page form.search h2 span {
	background-color: #FFFFFF;
	color: #0B0B0B;
	font: normal 24px/42px Georgia, "Times New Roman", Times, serif;
}
#page form.search label {
	background-color: #FFFFFF;
	color: #0B0B0B;
	margin: 0 0 8px 0;
	float: left;
	font: bold 10px/28px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#page form.search input {
	background-color: #EFEBDE;
	color: #0B0B0B;
	border: #C3BCA4 1px solid;
	width: 158px;
	height: 22px;
	padding: 2px;
	margin: 0 0 8px 0;
	float: right;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
}
#page form.search p {
	background-color: #FFFFFF;
	color: #CC0000;
	float: left;
	margin: 6px 0 0 0;
	font: normal 13px/15px Arial, Helvetica, sans-serif;
}
#page form.search input.check {
	background-color: #EFEBDE;
	color: #0B0B0B;
	border: #C3BCA4 1px solid;
	width: 15px;
	height: 15px;
	float: left;
	margin: 6px 0 0 9px;
}
#page form.search input.submit {
	background: url(../images/submit_bg.gif) no-repeat 37px 0 #FFFFFF;
	color: #0B0B0B;
	border: none;
	width: 53px;
	height: 13px;
	float: right;
	margin: 7px 0 0 0;
	padding: 0 23px 0 0;
	cursor: pointer;
	font: normal 10px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
/*
#mask-fla {
	position: absolute;
	z-index: 999!important;
	height: 60px;
	width: 680px;
	top:152px;
	left: 5px;
}
*/

#bannierepubgif a img{
	margin: 0 auto;
	display: block;

	z-index: 700!important;
	cursor: pointer;

}

#bannierepub {
position: relative;
clear: both;

/* padding-bottom: 8px;
   padding-bottom: 0px;
	z-index: 100;
	height: 70px;
*/
}
#bannierepub a{
margin: 0 auto;
	display: block;
	width: 940px;

	position: absolute;
	z-index: 600!important;
	top: 0; left: 0;
	cursor: pointer;

}

#bannierepub a img{
	margin: 0 auto;
	display: block;
	width: 940px;

	z-index: 700!important;
	top: 0;
	left: 0;
	
	cursor: pointer;
	position: absolute;
}

#bannierepub  object {

   margin: 0 auto;
	display: block;
	width: 940px;
	position: relative!important;top: 0; left: 0;
	z-index: 500!important;
	cursor: pointer;
   clear: both;
}

#bannierepub  object embed
{
	display: block;
  margin: 0 auto;
 margin-top: -162px;
}

#bannierepub a:hover{
/*	background-image: url(../images/pseudo-trans.gif);
	background-repeat: repeat;*/

	position: relative;
	z-index: 600;

}







#connection{
	background-color: #EAF7F8;
	padding: 0px 2px 0px 2px;
	float: right; /*min-height: 220px;
	_height: 220px;*/
	width: 258px;
	font-size: 80%;
}

#content {
	margin-top: 2px;
   /*background-image: url(../images/fond-content.jpg);
	background-position: top;
	background-repeat: no-repeat;*/
	padding: 5px;
	background-color: transparent!important;
/*	border: 1px solid #F6F0DE;*/
}

#colg {
	width: 715px;
	float: left;

padding-right: 5px;

	
}

#cold {
	width: 215px;
	float: right;
		border-left: 1px dashed #96C6E4;
		
}

/* --- */
#middle {
position: relative;
z-index: 2;

	color: #4E4628;
	padding: 00px 0 0 0;
	
	min-height:18px;
background-color: #459BC8;
}

#middle h2 {
	/*background-color: #FFFFFF;
	color: #0B0B0B;
	font: normal 20px/46px Georgia, "Times New Roman", Times, serif;*/
}
#middle h2 span {
	/*background-color: #FFFFFF;*/
	color: #A60101;
	/*font: normal 25px/46px Georgia, "Times New Roman", Times, serif;*/
}
#middle p {
	font: normal 14px/19px Arial, Helvetica, sans-serif;
	background-color: transparent;
	color: #4E4628;
}
#middle a.more {
	background: url(../images/more_bg.gif) no-repeat right 0  #FFFFFF;
	color: #0B0B0B;
	float: right;
	font: bold 10px/13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 20px 0 0;
	margin: 5px 35px 0 0;
}
#middle a.more:hover {
	background: url(../images/more_bg_h.gif) no-repeat right 0  #FFFFFF;
	color: #0B0B0B;
	float: right;
	font: bold 10px/13px Arial, Helvetica, sans-serif;
	text-decoration: none;
	text-transform: uppercase;
	padding: 0 20px 0 0;
	margin: 5px 35px 0 0;
}



#colorBg {
	background-color: #FCFAF3;
	float: left;
	color: #0B0B0B;
	margin: 18px 0 0 0;
	padding: 18px 40px 18px 38px;
	width: 642px;
}

#contact {
	width: 312px;
	float: right;
}
#contact span.ctop {
	background: url(../images/contact_top.gif) no-repeat 0 0 #FCFAF3;
	color: #000000;
	line-height: 0;
	font-size: 0;
	height: 14px;
	display: block;
}
#contact span.cbottom {
	background: url(../images/contact_bottom.gif) no-repeat 0 0 #FCFAF3;
	color: #000000;
	line-height: 0;
	font-size: 0;
	height: 25px;
	display: block;
}
#contact form.contact {
	background: url(../images/contact_midle.gif) repeat-y 0 0 #FCFAF3;
	color: #000000;
	width: 272px;
	padding: 0 20px;
	float: left;
}
#contact form.contact h2.text3 {
	background: url(../images/contact_h2_bg.gif) no-repeat 0 0 #FFFFFF;
	color: #0B0B0B;
	padding: 0 0 10px 55px;
	float: left;
	width: 228px;
	height: 37px;
	font: normal 24px/30px Georgia, "Times New Roman", Times, serif;
}
#contact form.contact h2.text3 span {
	background-color: #FFFFFF;
	color: #A60101;
	font: normal 24px/30px Georgia, "Times New Roman", Times, serif;
}
#contact form.contact label {
	background-color: #FFFFFF;
	color: #0B0B0B;
	margin: 0 0 8px 0;
	float: left;
	font: bold 10px/28px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#contact form.contact input {
	background-color: #EFEBDE;
	color: #0B0B0B;
	border: #C3BCA4 1px solid;
	width: 168px;
	height: 22px;
	padding: 2px;
	margin: 0 0 8px 15px;
	float: right;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
}
#contact form.contact textarea {
	background-color: #EFEBDE;
	color: #0B0B0B;
	border: #C3BCA4 1px solid;
	width: 168px;
	height: 66px;
	padding: 2px;
	margin: 0 0 13px 15px;
	float: right;
	font: normal 14px/20px Arial, Helvetica, sans-serif;
}
#contact form.contact input.submit {
	background: url(../images/more_bg.gif) no-repeat right 2px #FFFFFF;
	color: #0B0B0B; 	
border: none;
	width: 100px;
	/*width: 20%;*/
	height: auto;
	float: right;
	margin: 0 0px 0 0px;
	padding: 2px 15px 2px 0!important;
	cursor: pointer;
	font: normal 10px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#contact form.contact input.reset {
	background: url(../images/more_bg.gif) no-repeat 45px 0 #FFFFFF;
	color: #0B0B0B;
	border: none;
	width: 60px;
	height: 13px;
	float: right;
	margin: 0;
	padding: 0 15px 0 0;
	cursor: pointer;
	font: normal 10px/13px Arial, Helvetica, sans-serif;
	text-transform: uppercase;
}
#contact p.form-error {
	background: url(../images/contact_midle.gif) repeat-y 0 0 #FCFAF3!important;
	color: Red!important;
	width: 272px!important;
	padding: 0 20px!important;
	font-size: 90%!important;
}
/* ----------------- body end --------------------------- */
/* ----------------- footer start --------------------------- */
#footer {
/*	position: relative;*/

	margin: 0 auto;
	width: 960px;
	padding: 0px 0 0px 0;
		background-color: #ccc;
			background-image: url(../images/fondmenuh.jpg);
	background-position: top;
	background-repeat: repeat-x;
	border-bottom: 1px solid #939598;
clear:both;
}

#footer p {
/*	color: #A90000;float: right;*/
color: #708090;

	padding:  0px;
	width: 960px;
	text-align: center;
	font: normal 12px/22px "Trebuchet MS", Arial, Helvetica, sans-serif;
}

#footer a.xhtml {
	background-color: #E26849;
	color: #18326D;
	width: 49px;
	height: 16px;
	margin: 0 6px 0 0;
	font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	text-decoration: none;
	float: left;
}
#footer a.xhtml:hover {
	background-color: #0B0B0B;
	color: #FFFFFF;
	width: 49px;
	height: 16px;
	margin: 0 6px 0 0;
	font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	text-decoration: none;
	float: left;
}
#footer a.css {
	background-color: #18326D;
	color: #FFFFFF;
	width: 38px;
	height: 16px;
	font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	text-decoration: none;
	float: left;
}
#footer a.css:hover {
	background-color: #E26849;
	color: #18326D;
	width: 38px;
	height: 16px;
	font: bold 13px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	text-align: center;
	text-decoration: none;
	float: left;
}
#footer a {
/*	background-color: #EFEBDE;
	color: #820000;*/
	color: #459AC9;
	width: 38px;
	height: 16px;
	font: bold 12px/14px "Trebuchet MS", Arial, Helvetica, sans-serif;
	text-align: center;
	text-decoration: none;
}
#footer a:hover {
	color: #CC0000;
}
#footer ul {
/*	float: right;*/
	background-color: #FDF9EE;
}
#footer ul li {
	float: left;
	color: #0B0B0B;
	background-color: transparent;
	
	font: normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer ul li a {
	color: #0B0B0B;
	background-color: transparent;
	padding: 0 25px;
	text-decoration: none;
	font: normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}
#footer ul li a:hover {
	color: #0B0B0B;
	background-color: #EFEBDE;
	text-decoration: none;
	font: normal 12px/16px "Trebuchet MS", Arial, Helvetica, sans-serif;
}


#revue-flash {
clear:both;
margin: 0 auto;
}