<!--
body {
	margin-left: 0px;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 0px;
	background-color:#272727;
}

a {
	color: #BAEEFF;
}

#global {
position: relative;
width: 928px;
margin: 0 auto; 
}

#bandeau {
	height: 140px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
}

#bandeau-droite {
position: relative;
}

#logo-iovision {
	width: 200px;
	float: left;
}

#iocean {
	text-align: right;
	color : #FFFFFF;
	font-size: 10px;
	font-weight: bold;
}

.crochet {
	color : #FC9E00;
	font-size: 24px;
}

#menu {
	margin-top: 25px;
	white-space:nowrap;
}

#slogan {
	margin-top: 25px;
	margin-bottom: 10px;
	color: #B5E7FC;
	font-size:14px;
	font-weight: bold;
}

#contenu {
	background-color:#323232;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	width: 928px;
	padding : 0;
	margin : auto;
	/*height: 500px;*/
}

#fil-ariane {
	background: url(../images_iovision/fil-ariane.gif) 0 100% no-repeat;
	margin-top: 5px;
	padding-left: 160px;
	font-size: 10px;
}

#corps {
	padding-top: 6px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #686868;
	padding-bottom : 1px;
	width: 928px;
	height: auto;
}

#partie-gauche {
	width:300px;
	margin-top: 2px;
}

#menu-gauche {
	float:left;
	width: 135px;
	margin-top: 12px;
	margin-right: 1px;
}

#menu-gauche table {
	height: 310px;
}

#menu-gauche a {
	font-size: 12px;
	text-decoration:none;
	color: #FFFFFF;
	text-transform: uppercase;
}

td.barregrise {
	background-color: #4D4D4D;
	width: 22px;
}

td.gauche {
	text-align:right;
	padding-right: 10px;
}

#image-iovision {
	float: left;
	padding-left: 4px;
	padding-right: 4px;
	padding-top : 1px;
	border-right-width: 1px;
	border-right-style: solid;
	border-right-color: #686868;
	margin-bottom : 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #686868;
	width: 511px;
}

#image-inter {
	padding-left: 4px;
	padding-right: 4px;
	padding-top : 1px;
	margin-bottom : 1px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #686868;
	width: 181px;
}

td div#image-inter {
	width: 181px;
}

#image-inter-separation {
	margin-top: 1px;
	padding-top: 2px;
}

#corps-texte{
	font-size:12px;
	padding: 10px;
	background-color: #E0E0E0;
	margin-right:10px;
	margin-left: 5px;
	margin-bottom: 10px;
	width:564px;
	min-height: 500px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color:  #333333;
	line-height: 18px;
}

#corps-texte table td {
	color: #333333; /* #686868; */
}

#corps-texte #titre, 
#corps-texte H1 {
	color: #FCA300;
	font-size:18px;
	margin-bottom: 30px;
}

#corps-texte H2,
#corps-texte H2 a {
	color: #FCA300;
	font-size:14px;
}

#corps-texte div.bloc {
	clear:both;
	margin:20px;
}

#corps-texte div.photo {
	float:left;
	/*margin-right: 10px;
	margin-bottom: 10px;*/
	margin : 0 10px 10px 0;
	width : 100px;
	height: 80px;
}

#corps-texte img {
border:solid 1px #000000;
}

a img{
border:none;
}

#corps-texte div.photo-article {
	margin:0px auto;
	/*margin-right: 10px;
	margin-bottom: 10px;*/
	/*margin : 0 10px 10px 0;*/
}


#corps-texte div.date {
	float:left;
	margin-right: 10px;
}


#corps-texte a {
	color: #000; /* #1144BA; */
	text-decoration: underline;
}

#corps-texte a:hover {
	text-decoration: none;
}

#texte {
	float: right;
	font-size:12px;
	width: 265px;
}

.titre {
	color : #FCA400;
	font-weight: bold;
}

.bloc-plan {
	width:250px;
	min-height:100px;
	float:left;
}

/*#corps-texte ul li {
list-style-image:url(/dist/images_iovision/puce_bleu.gif);
}*/

div.bloc-plan ul li,
#bloc ul li {
list-style-image:url(../images_iovision/bluball.jpg);
}

div.bloc-plan ul ul li,
#bloc ul ul li {
list-style-image:url(../images_iovision/puce_bleu.gif);
}

#bloc-bas-gauche {
	position:relative;
}


#actualite {
	background-color:#323232;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	height: 142px;
}

#actualite #bandeau {
	margin-top: 12px;
	background-color: #686868;
	height: 18px;
	line-height: 18px;
	padding-bottom: 1px;
	margin-bottom: 1px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #686868;
}

#actualite #titre {
	float: left;
	width: 140px;
	margin-left: 10px;
	color: #FF9400;
	font-size: 14px;
	text-transform:uppercase;
}

#actualite #date {
	color: #9FF9FF;
	font-size: 14px;
}

#actualite .date {
	color: #9FF9FF;
	font-size: 12px;
	width: 70px;
	float:left;
	margin-right: 10px;
	height: 30px;
}

#actualite .bloc {
	padding: 10px;
}

#actualite .photo {
	float: left;
	/*background-color: #FFFFFF;*/
	padding : 1px;
	margin-right : 10px;
	height: 50px;
}

#actualite .texte {
	font-size: 12px;
	/* width: 300px; */
}

#pieddepage {
	margin-top:10px;
	font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
	color : #FFFFFF;
	text-align:center;
	font-size: 10px;
	clear:both;

}

ul#menulist li ul{ display:none; }

ul#menulist li ul li {
 float: none;
 margin: 0;
 border: 0;
 /* height:22px; */
 background: transparent url("../images_iovision/fond-menu-deroulant.png") repeat;
 zoom:1;
}

ul#menulist li:hover>ul{ display:block; }

ul#menulist {
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
 position: absolute;
 top : 111px;
}

ul#menulist, ul#menulist ul {
 list-style-type: none;
 margin: 0;
 padding: 0;
 border: 0;
}


ul#menulist li{
 float:left;
 margin: 0;
 padding: 0;
 border: 0;
}

ul#menulist li.court {
width:100px;
}

ul#menulist li.long {
width:115px;
}

ul#menulist ul li a:hover
{
 background-image: none;
 background-color: #686868;
 color: #FFFFFF;
}

ul#menulist ul li {
white-space:nowrap;
}

ul#menulist ul li a {
 display: block;
 color: #000000;
 font-family: Trebuchet MS, Verdana, Arial, Helvetica, sans-serif;
 font-size:11px;
 text-decoration: none;
 padding: 2px;
 line-height:18px;
 zoom:1;
 
}

.onglet, .ongletLong {
	display:block;
	padding-bottom : 12px;
	padding-left: 5px;
	padding-top: 10px;
	margin: 0;

	background-repeat:no-repeat;

	color: #BAEEFF;
	font-size: 10px;
	text-decoration:none;
	text-transform: uppercase;
}

.onglet {
	background-image:url(../images_iovision/fond-onglet-court.gif);

}

.onglet:hover {
	color: #686868;
	background-image:url(../images_iovision/fond-onglet-court-over.gif);
}

.ongletLong {
	background-image:url(../images_iovision/fond-onglet.gif);
}

.ongletLong:hover {
	color: #686868;
	background-image:url(../images_iovision/fond-onglet-over.gif);
}