html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
}

:focus { outline: 0; }

table { border-collapse: collapse; border-spacing: 0; }


body {
	color: black;
	font: normal 11px Tahoma, Verdana, Helvetica, Sans-Serif;
	background: url(../images/body_bg.png) repeat-x 0 0 #fff;
}

a img, img { border: 0; }

a { outline: none; text-decoration: none; color: #888888; }

.left  { float: left;  }
.right { float: right; }

img.left { margin-right: 10px; }
img.right {	margin-left: 10px; }
img.center { display: block; margin: 0 auto; text-align: center; padding-bottom: 8px; }

.newline { display: block; clear: both; line-height: 1px; font-size: 1px; height:0; }

h1 { font-family: "Trebuchet MS"; font-size: 20px; margin-bottom: 18px; }
h2 { font-family: "Trebuchet MS"; font-size: 13px; }
h3 { font-size: 12px; margin: 0 0 5px 0; }

h2.vert { color: #ffffff; background: url(../images/vert_d.png) no-repeat 100% 0 #991c13; margin-bottom: 1px; }
h2.orange { color: #ffffff; background: url(../images/orange_d.png) no-repeat 100% 0 #e95d0f; margin-bottom: 1px; }
h2.rose { color: #ffffff; background: url(../images/rose_d.png) no-repeat 100% 0 #b30b66; margin-bottom: 1px; }
h2.gris { color: #3c3c3c; background: url(../images/gris_d.png) no-repeat 100% 0 #a5a5a5; margin-bottom: 1px; }

h2.vert span.coin { display: block; background: url(../images/vert_g.png) no-repeat; padding: 3px 15px 4px 15px; }
h2.orange span.coin { display: block; background: url(../images/orange_g.png) no-repeat; padding: 3px 15px 4px 15px; }
h2.rose span.coin { display: block; background: url(../images/rose_g.png) no-repeat; padding: 3px 15px 4px 15px; }
h2.gris span.coin { display: block; background: url(../images/gris_g.png) no-repeat; padding: 3px 15px 4px 15px; }

.blocLienPuce a { font-weight: 700; padding-left: 18px; background: url(../images/puce_verte.gif) no-repeat 0 0; display: block; }

.cadre { clear: both; border: 1px solid #bdbdbd; background: url(../images/degrade.gif) repeat-x 0 100% white; }




#header { margin: 0 auto; width: 980px; height: 130px; background: url(../images/header_bg.gif) repeat-x; position: relative; }

#logodating { float: left; width: 220px; height: 77px; padding: 0px 0 0 0px; }

#banner { position: absolute; right: 0; top: 25px; width: 728px; height: 90px; text-align: center; }



#menu { 
	margin: 0 auto; 
	width: 980px; 
	height: 40px; 
	background: url(../images/menu_black_bg.png) no-repeat; 
	position: relative; 
	z-index: 100; 
}


#menu ul {
	list-style: none;
	float: left; 
	background: url(../images/menu_sep_left.png) no-repeat top right;
	padding-right: 1px;
}

#menu li { 
	list-style: none; 
	float: left; 
	height: 40px; 
	font-family: "Trebuchet MS"; 
	font-size: 13px;
	background: url(../images/menu_sep_left.png) no-repeat 0 0;
}

#menu li a { 
	float: left; 
	color: #FFF; 
	line-height: 40px; 
	font-weight: 700; 
	background: url(../images/menu_sep_right.png) no-repeat top right;
	padding-left: 1px;	
}

#menu li a span { 
	display: block;
	padding: 0 20px;
}


#menu li a:hover, #menu li a.current { 
	background: url(../images/menu_green_bg.png) no-repeat; 
}

#menu li a:hover span, #menu li a.current span { 
	background: url(../images/menu_green_bg.png) no-repeat top right; 
}

#menu li.home { background: none; }
#menu li.home a { width: 51px; height: 40px; background: url(../images/menu_home_bg.png) no-repeat; padding: 0; }
#menu li.home a:hover, #menu li.home a.current { background: url(../images/menu_home_bg.png) no-repeat 0 100%; }




#OngletVert { position: absolute; right: 200px; top: 10px; z-index: 200; }

#OngletVert a {  
	display: block; 
	width: 190px; 
	height: 30px; 
	background: url(imgages/onglet_espexpo.png) no-repeat; 
	font-weight: 700; 
	color: white;  
	text-indent: 35px; 
	line-height: 28px; 
}

#OngletVert a:hover { background: url(../images/onglet_espexpo.png) no-repeat 0 100%;  }




#oranjecat { position: absolute; right: 20px; top: 10px; z-index: 200;  }

#oranjecat a.onglet {	
	display: block;
	width: 170px;
	height: 30px;
	background: url(../images/onglet_accesrapide.gif) no-repeat 0 0;
	color: #FFF;
	text-decoration: none;
	font-weight: 700; 
	color: white;  
	text-indent: 35px; 
	line-height: 28px; 
}

#accesrapide {	
	visibility: hidden;
	width: 170px;
	background: url(../images/onglet_accesrapide_closer.gif) no-repeat 0 100%;
	padding-bottom: 5px;
	z-index:300;
}

#accesrapide a {	
		display: block;
		background: #e95d0f;
		padding: 5px 10px;
		width: auto;
		color: #FFF;
		z-index:300;
}

#accesrapide a:hover {	
		background: #f29201;
		color: #FFF
}



#plansitebas { clear: both; background: url(../images/plansitebas_bg_large.gif) repeat-x 0 0 #010101; }

#plansitebas .contenu { 
width: 980px; margin: 0 auto; background: url(../images/plansitebas_bg.gif) repeat-x 0 0 #404347; padding: 10px 0; color: white;  }

#plansitebas .titre { text-transform: uppercase; margin-bottom: 5px; font-size: 11px; font-weight: 700; }
#plansitebas a { display: block; color: white;  margin-bottom: 2px; }
#plansitebas a:hover { color: #888888; }

#plansitebas td { background: url(../images/pointilles_vrtcal.gif) repeat-y 0 0; padding: 0 20px; }
#plansitebas td.first { background: 0; }


#bloc-partenaire { width: 980px; margin: 0 auto; }
#bloc-partenaire img { padding: 5px 0; margin: 0 5px; vertical-align: middle;}


#footer { background: black; }
#footer .contenu  { width: 980px; margin: 0 auto; color: white; padding: 10px 0; text-align: right; font: 10px verdana; }
#footer .contenu a { color: white;  }
#footer .contenu a:hover { color: #888888; }



#home-center-top { width: 980px; height: 210px; overflow: hidden; margin: 10px auto 0 auto; }
#home-center { width: 980px; margin: 10px auto 20px auto; position: relative; }

#bloc-right { width: 300px; float: right; }
#bloc-left { width: 680px; float: left; }


#bloc-flash { width: 680px; height: 210px; float: left; }



#tempsforts { width: 300px; float: right; }

#tempsforts .cadre { border-bottom: 0; }

#tempsforts  .blocLienPuce a { font-weight: 400; margin-top: 3px; }

#tempsforts .blocLienBas { 
	border-left: 1px solid #bdbdbd;
	border-right: 1px solid #bdbdbd;
	height: 40px;
	background: url(../images/bg_gris.png) repeat-x 0 100% #7f7d80;
}

#tempsforts .blocLienBas img { float: left; margin-right: 15px;  }
#tempsforts .blocLienBas a { color: #FFF; font-weight: 700; display: block; padding: 5px 5px 0 0 ;  }



#slideBloc1 {
	overflow: hidden;
	position: relative;
	width: 298px;
	height: 143px;
	z-index: 5;
}

#slideBloc1 .back {
	position: absolute;
	top: 35%;
	left: 0;
	z-index: 20;
}

#slideBloc1 .next {
	position: absolute;
	top: 35%;
	right: 0;
	z-index: 20;
}

#slideBloc1 ul {
	list-style-type: none;
	width: auto;
	overflow: hidden;
	position: absolute;
	left: 0;
	z-index: 10;
}

#slideBloc1 li {
	float: left;
	display: inline;
	width: 149px;
	overflow: hidden;
}

#slideBloc1 .contenu { margin-top: 8px; }
#slideBloc1 li.cas_gauche .contenu {  width: 115px; float: left; padding-left: 5px;  }

#slideBloc1 li.cas_gauche .contenu .cutter{width:137px; height:91px; overflow:hidden;}


#slideBloc1 li.cas_droite .contenu {  width: 115px; float: left; padding-left: 5px; }




#homepicto .carre { float: left; width: 162px; height: 130px; margin-right: 4px; text-align: center; }

#homepicto a { display: block; }

#homepicto .fond-vert { background: url(../images/pictohome_fd_vert.png) no-repeat; }
#homepicto .fond-orange { background: url(../images/pictohome_fd_orange.png) no-repeat; }
#homepicto .fond-rose { background: url(../images/pictohome_fd_rose.png) no-repeat; }
#homepicto .fond-black { background: url(../images/pictohome_fd_black.png) no-repeat; }

#homepicto span.titre {
	display: block;
	padding: 5px 8px 0 8px;
	height: 35px;
	min-height: 35px;
	font: 13px "Trebuchet MS"; text-transform: uppercase; color: white; font-weight: 700;
}

#homepicto .fond-gris .titre { color: #3c3c3c; }




#tabs { width: 660px; margin-bottom: 13px; }


li#un, li#deux, li#trois { float: left; list-style: none; line-height: 30px; }



ul.bloc-onglet-nav li	{ float: left; list-style: none; text-align: center; line-height: 30px; font-family: "Trebuchet MS"}
ul.bloc-onglet-nav li#un	{ margin-right: 2px; }
ul.bloc-onglet-nav li#deux	{ margin-right: 2px; }

ul.bloc-onglet-nav li a	 { display: block; text-decoration: none; color: #3c3c3c; font-weight: bold; font-size: 13px; height: 30px; }

ul.bloc-onglet-nav li#un a	{ background: url(../images/onglet1_off.png) no-repeat; width: 195px; }
ul.bloc-onglet-nav li#deux a	{ background: url(../images/onglet2_off.png) no-repeat; width: 215px; }
ul.bloc-onglet-nav li#trois a	{ background: url(../images/onglet3_off.png) no-repeat; width: 246px; }

ul.bloc-onglet-nav li.bloc-onglet-selected a { color: white; height: 37px !important; }
ul.bloc-onglet-nav li#un.bloc-onglet-selected a	{ background: url(../images/onglet1_on.png) no-repeat; }
ul.bloc-onglet-nav li#deux.bloc-onglet-selected a	{ background: url(../images/onglet2_on.png) no-repeat; }
ul.bloc-onglet-nav li#trois.bloc-onglet-selected a	{ background: url(../images/onglet3_on.png) no-repeat; }

#tabs .bloc-onglet-hide { display: none !important; }



#tabs-1, #tabs-2, #tabs-3 { 
	clear: both; 
	width: 658px; 
	position: relative;
	top: -7px;
}

#tabs-1 { border: 1px solid #991c13; }
#tabs-2 { border: 1px solid #e95d0f; }
#tabs-3 { border: 1px solid #b30b66; }




#tabs .article { float: left; width: 200px; padding: 0 5px; display: inline; }
#tabs .fond { background: url(../images/degrade.gif) repeat-x 0 100%; zoom:1; padding: 20px 10px; }


#tabs .image { background: url(img/homeonglets/image_fd.png) no-repeat; width: 200px; height: 85px; margin-bottom: 5px; }
#tabs .image img { position: relative; top: 5px; left: 5px;  }

#tabs h3 span { text-transform: uppercase; display: block;  }
#tabs-1 h3 { color: #799c13; }
#tabs-2 h3 { color: #e95d0f; }
#tabs-3 h3 { color: #e2007a; }

#tabs	.blocLienPuce	{ float: right; margin-top: 5px; }
#tabs-1 .blocLienPuce a { background: url(../images/puce_verte.gif) no-repeat; }
#tabs-2 .blocLienPuce a { background: url(../images/puce_orange.gif) no-repeat; }
#tabs-3 .blocLienPuce a { background: url(../images/puce_rose.gif) no-repeat; }




#tabs .allnews { clear: both; height: 25px; text-align: center; line-height: 25px; }
#tabs .allnews a { color: #FFF; font-weight: 700; }
#tabs-1 .allnews { background: #991c13; }
#tabs-2 .allnews { background: #e95d0f; }
#tabs-3 .allnews { background: #b30b66; }




.minibloc { width: 210px; float: left; margin-right: 15px; }

.minibloc .cadre { height: 140px; }
 * html .minibloc .cadre { height: 141px; } /*Hack ie6*/ /*a revoir*/

#reaction.minibloc { margin-right: 0 !important; }

#sondage .cadre { padding: 15px; }
#communaute .cadre { padding: 15px; }
#reaction .cadre { padding: 15px 0; }





#slideBloc2 { width: 208px; overflow: hidden; position: relative; z-index: 5;  }
#slideBloc2 .back { position: absolute; top: 60px; left: 0; z-index: 20;  }
#slideBloc2 .next { position: absolute; top: 60px; right: 0; z-index: 20; }
#slideBloc2 ul { position: relative; left: 0; overflow: hidden; z-index: 10; width: auto; list-style-type: none; }

#slideBloc2 li { float: left; display: inline; width: 208px; overflow: hidden; }

#reaction h3.auteur { color: #799c13; padding: 0 25px; margin-bottom: 10px; }
#reaction p.texte { padding: 0 25px; }



#intervenants { margin-bottom: 10px; }

#intervenants .cadre { padding: 0 10px; }

#intervenants ul { list-style: none; }

#intervenants li { width: 278px; height: 92px; }

#intervenants table { margin-top: 8px; }
#intervenants img { margin-left: 10px; }
#intervenants span { display: block; }
#intervenants span.societe { text-transform: uppercase; font-weight: 700; font-size: 12px; }
#intervenants span.blocLienPuce { margin-top: 7px; }



#carrepub { margin-bottom: 10px; }



#cdf { width: 980px; height: 25px; margin: 0 auto; font: 10px verdana; line-height: 24px; }
#cdf a { color: #000; }
#cdf a:hover { color: #799c13; }
#cdf .sel { color: #799c13; font-weight: bold; }


#main-ombre { width: 1000px; margin: 0 auto; background: url(../images/ombre_centre_int.png) no-repeat 50% 195px; }

#main-container { width: 980px; margin: 0 auto; background: url(../images/degrade_int.png) no-repeat white; padding-bottom: 15px; }



#sidebar { width: 210px; float: left;}




#bloc-center { float: left; width: 620px; margin: 15px 0;}
#bloc-center.large { width: 750px; }

#bloc-center h1 { font-size: 20px; margin-bottom: 18px; }
#bloc-center h2 { font-size: 14px; }

.style1 h2 { background: url(../images/cube_vert.gif) no-repeat 0 0; padding-left: 27px; margin-bottom: 10px; }
.style2 h2 { background: url(../images/cube_orange.gif) no-repeat 0 0; padding-left: 27px; margin-bottom: 10px; }
.style3 h2 { background: url(../images/cube_rose.gif) no-repeat 0 0; padding-left: 27px; margin-bottom: 10px; }
.style4 h2 { background: url(../images/cube_gris.gif) no-repeat 0 0; padding-left: 27px; margin-bottom: 10px; }

.style5 h2 { color: #ffffff; background: url(../images/vert_d.png) no-repeat 100% 0 #991c13; margin-bottom: 1px; }
.style6 h2 { color: #ffffff; background: url(imagesorange_d.png) no-repeat 100% 0 #e95d0f; margin-bottom: 1px; }
.style7 h2 { color: #ffffff; background: url(../images/rose_d.png) no-repeat 100% 0 #b30b66; margin-bottom: 1px; }
.style8 h2 { color: #3c3c3c; background: url(../images/gris_d.png) no-repeat 100% 0 #a5a5a5; margin-bottom: 1px; }

.style5 h2 span.coin { display: block; background: url(../images/vert_g.png) no-repeat; padding: 3px 15px 4px 15px; }
.style6 h2 span.coin { display: block; background: url(../images/orange_g.png) no-repeat; padding: 3px 15px 4px 15px; }
.style7 h2 span.coin { display: block; background: url(../images/rose_g.png) no-repeat; padding: 3px 15px 4px 15px; }
.style8 h2 span.coin { display: block; background: url(../images/gris_g.png) no-repeat; padding: 3px 15px 4px 15px; }

#bloc-center .paragraphe { line-height: 15px; }
#bloc-center .cadre { border: 1px solid #bdbdbd; padding: 15px; background: url(img/degrade.gif) repeat-x 0 100%; zoom:1; }




#accordion { margin: 15px 0 10px 10px; width: 180px; }

#accordion ul { list-style: none; }

#accordion a { display: block; font-size: 11px; white-space: nowrap; padding: 7px 5px 0 10px; }

#accordion h3 { 	
	background: url(img/accordion_green_bg.png) no-repeat;
	height: 30px;
	margin-bottom: 2px;
}

#accordion h3.current { background: url(../images/accordion_black_bg.png) no-repeat; }

#accordion h3.ui-state-hover { background: url(../images/accordion_hover_bg.png) no-repeat; }
#accordion h3.ui-state-active { /*background: url(../images/accordion_black_bg.png) no-repeat;*/ background: url(../images/accordion_hover_bg.png) no-repeat }

#accordion h3 a { color: #FFF; }

#accordion li { 	
	display: block;
	height: 30px;
	margin-bottom: 2px;
	background: url(../images/accordion_grey_bg.png) no-repeat;
}

#accordion li a { color: #000; }
#accordion li a:hover { color: #888; }

#accordion li.vide {  }






table.legend  
{
	clear:both;
	margin-top:15px;
}
.legend  td
{
	vertical-align:bottom;
	padding:5px
}
.legend  th
{
	height:30px;
	text-decoration:underline;
	text-align:left;
}


#content p.contact{
	margin:10px 0;
	font:normal 12px/18px Arial, Helvetica, sans-serif;
	color:#fff;
}

#content p.contact a{
	color:#fff;
	font-weight:bold;
}

#contactform{
	float:left;
	width:592px;
}

#contactform label{
	float:left;
	padding-top:20px;
	width:281px;
	height:19px;
}

#contactform label.right{
	float:right;
}

label span.required{
	color:#e93a8f;
}

#contactform input{
	background:url(../images/contactInput_Bg.gif) no-repeat;
	width:274px;
	height:29px;
	font:normal 14px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:10px 0 0 7px;
	border:none;
	float:left;
}

#contactform input:focus, #contactform textarea:focus{
	outline:none;
	border:none;
}

#contactform input#contact_company, #contactform input#contact_phone{
	float:right;
}

#contactform textarea{
	background:url(../images/textarea_Bg.gif) no-repeat;
	width:585px;
	height:101px;
	float:left;
	border:none;
	font:normal 14px/21px Arial, Helvetica, sans-serif;
	color:#fff;
	padding:10px 0 0 7px;
}

#contactform input#contact-submit{
	background:url(../images/sendMessageBtn_Bg.jpg) no-repeat;
	width:126px;
	height:29px;
	float:right;
	font-size:0;
	line-height:0;
	margin-top:20px;
	cursor:pointer;
}