/* POSITIONNEMENT */
body {
	margin:0;
	padding:0;
	top:0;
	left:0;
}
p,img,li,a,ol,td,div,h1,h2,h3,acronym,span,hr{
	margin:0;
	padding:0;
	border:0;
}
div#page {
	margin:0 auto;
	width:1000px;
}
#entete {
	
}
#logo {
	padding-top:25px;
	float:left;
}
#banniere {
	text-align:right;
	padding-bottom:14px;
}
#liendivers {
	width:180px;
	height:90px;
	float:right;
	text-align:right;
}
#menutop {
	text-align:right;
}
#ssm_groupe {
	width:167px;
	height:210px;
	display:none;
}
#ssm_metiers {
	width:167px;
	height:210px;
	display:none;
}
#ssm_produits {
	width:166px;
	height:210px;
	display:none;
}

#principal {
	width:1000px;
}
#menugauche {
	width:160px;
	top:166px;
	height:100%;
	float:left;
}
#news {
	width:140px;
	margin-left:20px;
}
div.blocg {
	width:140px;
	margin-left:20px;
	margin-top:20px;
}
div.cacher {
	display:none;
}
#titrenews {
	padding-top:10px;
}
#contenu {
	margin:0 0 0 160px;
}
div.activite {
	width:185px;
	height:398px;
	margin-left:20px;
	background-color:#006699;
	float:left;
}
div.colgauche {
	width:420px;
	float:left;
}
#bas {
	width:1000px;
	height:99px;
	margin-top:20px;
}

/* MISE EN FORME */
body {
	background:url("./images/fond.jpg") #ffffff top left repeat-x;
	
}
p, h1, li, h2, h3, table {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	color:#000000;
	text-align:left;
	padding:0px 20px 0px 20px;
}
a {
	color:#02559f;
}
p, li {
	font-size:0.7em;
	padding-bottom:10px;
	text-align:justify;
}
h1 {
	font-size:1.2em;
	font-weight:normal;
	color:#02559f;
	padding-bottom:15px;
}
h2 {
	font-size:1em;
	font-weight:bold;
	color:#02559f;
	padding-top:15px;
	padding-bottom:15px;
}
h3 {
	font-size:0.7em;
	font-weight:bold;
	background:url("./images/puceh3.jpg") top left no-repeat;
	padding-bottom:10px;
	margin-top:10px;
	margin-left:20px;	
}
h2.stand {
	font-size:0.8em;
	background-color:#02559F;
	color: #fff;
	padding:6px 10px;
	margin:10px 20px 5px 20px;
}
p.langue {
	float:right;
}
ul {
	list-style-image:url("./images/tiret.jpg");
}
li {
	padding-left:0px;
}

/* div principal */
#principal {
	background:url("./images/cadretop_fond.jpg") #ffffff top left repeat-y;
	border-bottom:1px solid #dcdcdc;
}
#principal .important {
	font-weight:bold;
}
#principal .importantcoul {
	font-weight:bold;
	color:#02559f;
}
#principal .importantcoul2 {
	font-weight:bold;
	color:#006633;
}
#principal .importantcoul3 {
	font-weight:bold;
	color:#FF0000;
}
#principal .avoir {
	font-weight:bold;
	color:#FF0000;
	font-variant:small-caps;
}
.centre {
	text-align:center;
}

/* div contenu */
#contenu hr {
	height:2px;
	width:800px;
	background-color:#666666;
	color:#666666;
	margin:5px 0px 5px 20px;
}
#contenu p.erreur {
	color:#FF0000;
	font-weight:bold;
}
p.erreur {
	color:#FF0000;
	font-weight:bold;
}
#contenu p.textecentre {
	text-align:center;
}
#contenu p.logos {
	float:left;
	padding-right:5px;
	padding-bottom:5px;
}
#contenu p.logos2 {
	float:left;
	padding-right:25px;
	padding-bottom:5px;
}
#contenu p.topx {
	font-weight:bold;
	text-align:center;
	padding-bottom:15px;
}
#contenu span.note, p.note {
	color:#666666;
}
#contenu span.libelle {
	font-weight:bold;
}
#contenu p.form_col1 {
	float:left;
	width:300px;
}
#contenu p.submit {
	text-align:center;
}
#contenu p.retour {
	text-align:right;
}
#contenu p.temoignage {
	font-style:italic;
	color:#02559f;
}
#contenu p.activite a {
	color:#000000;
}
p.pos_left, span.pos_left {
	float:left;
	margin:10px;
	margin-bottom:10px;
}
p.pos_right, span.pos_right {
	float:right;
	margin:10px;
	margin-bottom:10px;
}
p.pos_top, p.pos_bottom, span.pos_top, span.pos_bottom {
	text-align:center;
}
#contenu span.activite_top {
	float:left;
}
#contenu span.activite_topexpo, #contenu span.activite_topexpo a {
	color:#ef9500;
}
#contenu span.activite_topcongres, #contenu span.activite_topcongres a {
	color:#81b016;
}
#contenu span.activite_topcom, #contenu span.activite_topcom a {
	color:#d2002d;
}
#contenu div.video_zone {
	display:inline-block;
	background-color:#CCCCCC;
	margin-left:255px;
}
#contenu table.tbl_stands td {
	vertical-align:top;
	padding:0 0 20px 0;
	width:150px;
	text-align:center;
}
#contenu div.stand_picto {
	text-align:center;
	height: 100px;
	width: 100px;
}
#contenu table.tbl_stands p {
	padding:0 0 5px 0;
	margin:0;
	text-align:center;
}
#contenu table#salons p {
	text-align:left;
}
#contenu td.autresalon {
	background-color:#02559f;
}
#contenu td.autresalon p {
	color:#ffffff;
	font-weight:bold;
	text-align:center;
	font-size:0.8em;
}
#contenu td.salon_nom, td.salon_lieu, td.salon_date {
	background-color:#CCC;
	border-bottom:1px solid #000000;
	border-left:0px;
	border-top:2px solid #000000;
	border-width:2px 0 1px 0;
	padding:3px 8px 3px 8px;
}
#contenu td.salon_nom, td.salon_lieu {
	width:250px;
}
#contenu td.salon_date {
	width:200px;
}
#contenu td.salon_nom p, td.salon_lieu p, td.salon_date p {
	font-weight:bold;
	padding:0px;
}
#contenu td.salon_ligne {
	border-bottom:1px solid #000000;
	border-left:0px;
	border-top:1px solid #000000;
	border-width:1px 0 1px 0;
	padding:3px 8px 3px 8px;
}
#contenu td.salon_ligne0 {
	border-bottom:0px;
	border-left:0px;
	border-top:1px solid #000000;
	border-width:1px 0 0 0;
	padding:0;
}
#contenu td.salon_ligne p {
	padding:0px;
}
#contenu ul {
	margin-top:0px;
	margin-bottom:10px;
}

#contenu table.logotype {
	border:1px solid #02559f;
	text-align:left;
	padding:0;
	margin:0px 0px 10px 20px;
}
#contenu table.logotype td {
	border:1px solid #02559f;
	text-align:left;
	padding:0;
	margin:0;
	width:200px;
}
#contenu table.logotype td.couleur {
	background-color:#02559f;
}

table#logotype_spat p {
	text-align:center;
}

/* Photothèque */
#phototheque p {
	padding-left :0px;
	padding-right:0px;
}
div.miniphoto {
	width:180px;
	height:180px;
	margin:0px 10px 10px 0px;
	background:url("./images/fond_cadre_photo.jpg") top left repeat-y;
}
div.miniphoto p {
	margin:0;
	padding:0;
	text-align:center;
}

hr.sep {
	clear:both;
	visibility:hidden;
}

/* div contenu stickers */
div.stickers {
	float:right;
	width:367px;
}

/* div contenu encart */
div.encart {
	margin:0 auto;
	width:555px;
}
div.encart p {
	text-align:center;
}
div.encart h2 {
	text-align:center;
}

/* div contenu cqfd */
div.cqfd {
	margin:0 80px 0 80px;
}
div.cqfd p {
	text-align:left;
	font-weight:bold;
	font-style:italic;
	color:#02559f;
}

/* div contenu cartouche */
div.cartouche {
	border:5px #eaeaeb solid;
	padding:10px 10px 5px 10px;
	margin:20px 20px 20px 20px;
}
.cartouche p {
	padding:0 0 5px 0;
	font-style:italic;
}

/* div menugauche */
#menugauche a {
	color:#ffffff;
	text-decoration:none;
}
#menugauche h1 {
	font-size:0.9em;
	color:#ffffff;
	padding:4px 4px 4px 4px;
	margin:0;
}
#menugauche h1.direct {
	color:#ffffff;
}
#menugauche p {
	padding:0 4px 2px 4px;
	margin:0;
	font-size:0.6em;
}
#menugauche span.puceg {
	color:#FFFFFF;
}

/* div menugauche news */
#news {
	background:url("./images/news_fond.jpg") top left no-repeat;
}
#news p {
	padding:8px 8px 8px 8px;
}
div.blocg {
	background:url("./images/news_fond.jpg") top left no-repeat;
	/*background:url("./images/bloc_gauche_fond.jpg") top left no-repeat;*/
}

/* div pied de page */
#bas {
	background:url("./images/cadrebottom_fond.gif") top left no-repeat;
	text-align:center;
	clear:both;
}
#bas a {
	color:#73777a;
	text-decoration:none;
}
#bas img {
	padding-top:8px;
}
#bas p {
	text-align:center;
	font-size:0.6em;
	color:#73777a;
}

/* Affichage de l'image en taille réelle */
div#gde_img {
	display:none;
	visibility:hidden;
	width:100%;
	position:fixed;
	left:0px;
	top:0px;
	margin:0;
	padding:0;
	height:100%;
	z-index: 999;
	padding-top:30px;
}
div#gde_img_fond {
	width:100%;
	height:100%;
	position:absolute;
	top:0px;
	left:0px;
	margin:0;
	padding:0;
	background-color:#CCCCCC;
	opacity:0.80;
	filter:alpha(opacity=80);
}
div#gde_img_contenu {
	background-color:transparent;
	position:relative;
	text-align:center;
}
div#gde_img_titre {
	padding-top:10px;
	background-color:transparent;
	width: 100%;
	position:relative;
	text-align:center;
	color:#000000;
	font-weight:bold;
	font-size:0.9em;
}
p#gde_img_note {
	text-align:center;
	color:#333;
	background-color:transparent;
	padding:0;
	margin:0;
}

/*div#gde_img_note {
	padding-top:0px;
	background-color:transparent;
	width:100%;
	position:relative;
	text-align:center;
	color:#ffffff;
}
div#gde_img_note p {
	text-align:center;
	color:#333;
	background-color:#ffffff;
	padding:0;
	margin:0;
}
<div id="gde_img_note">
		<p>Cliquez sur la photo pour en s&eacute;lectionner une autre.</p>
	</div>
img#gde_img_src {
	border:5px solid #ccc;
}
*/

.diaporama {
	position:relative;
	width:840px;
	height:159px;
	padding: 0;
}

.diaporama li{
list-style-type:none;
overflow:hidden;
position:absolute;
padding:0;
width:840px;
text-align:center;
}

.diaporama img {
height:150px;
margin: 0 auto;
}

.gauche {
	float:left;
	margin: 10px 10px 10px 13px;
	width: 210px;
}
.gauche li {
	width:210px;
}