/* CSS Document *//* --------------------------------------------------------------------------------------------- Récurrents *//* ------------------------------------------------------------------------- Mieux servir */	#habillage {		float:left;		width:301px;		background:url(../../images/structure/background/mieux_servir.gif) no-repeat left bottom;		padding:0 0 9px 9px	}	#habillage #mieux_servir {		width:291px;		margin:0	}/* ----------------------------------------------------- Label */	#habillage #mieux_servir label {		width:291px;		color:#fff;		margin-left:0	}/* ----------------------------------------------------- Select */	#habillage #mieux_servir select {		width:250px;		margin-left:0;		margin-bottom:15px	}	#habillage #mieux_servir #vos_besoins {margin-bottom:0}/* --------------------------------------------------------------------------------------------- Main *//* ------------------------------------------------------------------------- Left */	#main #left {	  float: left;	  width: 915px;	}/* ----------------------------------------------------- Gauche */	#main #left #gauche {		float:left;		width:233px	}/* --------------------------------- h2 */	#main #left #gauche h2 {		text-transform:uppercase;		font-size:1.8em;		color:#01437b;		padding:0 0 0 10px;		margin:0 0 6px 0	}	#main #left #gauche h2 span {		font-size:.7em;		font-weight:normal	}/* --------------------------------- Services */	#main #left #gauche #services {		text-transform:uppercase;		background:url(../../images/structure/background/services_ul.gif) no-repeat right top;		padding:1px 0 0 0;		margin:0 0 13px 0	}	#main #left #gauche #services li {		background-image:url(../../images/structure/background/services_li.gif);		background-repeat:no-repeat;		background-position:right bottom;		padding:2px 0 4px 0	}	#main #left #gauche #services li.alterne {background-image:url(../../images/structure/background/services_li_alterne.gif)}	#main #left #gauche #services li a {		color:#01437b;		background-image:url(../../images/structure/background/left_menu_a.gif);		background-repeat:no-repeat;		background-position:left top;		padding:2px 0 3px 20px;		padding:2px 0 3px 10px \0/;		font-size: 10px \0/;	}	#main #left #gauche #services li a:hover {		color:#1e95c7;		background-position:left bottom	}/* ----------------------------------------------------- Pub */	#main #left #pub {		float:left;		width:545px;		padding:0 0 0 77px;		margin:0 0 10px 0	}/* ----------------------------------------------------- Actualités */#main #actualites {  background: none repeat scroll 0 0 white;  display: inline;  float: left;  margin-left: 9px;  margin-top: 14px;  min-height: 222px;  padding: 9px 0 13px 9px;  position: absolute;  width: 332px;}#main #actualites {	-moz-box-shadow: 0 0 2px 1px #888;	-webkit-box-shadow: 0 0 2px 1px #888;	box-shadow: 0 0 2px 1px #888;}#actu-agenda {  background-image: url("../../images/structure/background/fond-actu-agenda.jpg");  background-position: 0 0;  min-height: 270px;  margin-left: 260px;  margin-bottom: 40px;  margin-top: 25px;  margin-top:-315px \9;  margin-top: 25px \0/;  width: 673px;} #actu ul li {  float: left;  position: absolute;}#actu ul li img {  border: medium none;  height: 165px;  position: relative;  width: 322px;}#actu .triangle {  border: medium none;  height: 7px;  margin-left: 40px;  margin-top: -21px;  position: absolute;  width: 20px;  z-index: 2;}#actu .backdark {  background: none repeat scroll 0 0 black;  margin-top: 111px;  min-height: 55px;  opacity: 0.7;  filter: alpha(opacity=70);  position: absolute;  width: 323px;  z-index: 1;}#tout-actu {  margin-top: 250px;  position: absolute;}#tout-actu img {  float: left;  margin-left: -18px;  height: 8px;  width: 255px;}#tout-actu p {  color: #4A6FAF;  float: left;  font-size: 9px;  font-weight: bold;  margin-left: 5px;  margin-top: -1px;}#tout-actu a {  color: #4A6FAF;  text-decoration: underline;}.hometitle {	color: #01437B;	font-size: 1.8em;	margin: 0;	padding: 0 0 0 10px;	text-transform: uppercase;}#rss {  margin-bottom: -8px;  margin-left: 27px;}#titre-block {  margin-bottom: 25px;}#titre_block li {  float: left;}.filmstrip p {	margin: 10px 0 0 10px;}.filmstrip h3 {	margin: 0 0 0 10px;}.listactu {  margin-top: 180px;  position: absolute;}.filmstrip p a {  color: white;  text-transform: uppercase;}.filmstrip h3 a {  color: white;  font-size: 16px; padding: 5px; display: block;}.listactu li {position: relative !important;}.listactu li a {  color: grey;  display: block;  min-height: 45px;  padding-left: 5px;  padding-right: 5px;  text-align: center;  width: 100px;}.petite-barre {  border: medium none !important;  float: right;  height: 59px !important;  margin-left: -1px;  margin-top: -7px;  position: absolute !important;  width: 5px !important;}/* ----------------------------------------------------- Agenda */#agenda {  float: left;  height: 230px;  margin-left: 360px;  overflow-y: scroll;  position: absolute;  width: 275px;  z-index: 1;}#agenda li.section  {  padding-bottom: 5px;}.date {  color: #DA5D3B;  font-size: 10px;  font-weight: bold;}#agenda .localisation{	color: #727272;}#agenda .section h4 a {  color: #013D70;  font-size: 12px;}#tout-agenda {  float: left;  margin-left: 360px;  margin-top: 250px;  position: absolute;}#tout-agenda p {  color: #4A6FAF;  float: left;  font-size: 9px;  font-weight: bold;  margin-left: 207px;  margin-top: -9px;  width: 75px;}#tout-agenda a {  color: #4A6FAF;  text-decoration: underline;}#picto-agenda {  margin-bottom: -8px;  margin-left: 232px;}/* ----------------------------------------------------- WebTv Zoom */#webtv-zoom {  float: left;  width: 235px;  margin-top: 20px \0/;}#webtv-zoom hr {  border-color: #D9D9D9;  border-left: medium none;  border-right: medium none;  border-top: medium none;  margin-left: 10px;  margin-left: -130px \9;  margin-left: 10px \0/;  margin-right: 10px;  margin-top: 10px;  margin-bottom: 10px;}#webtv-zoom .paraph {  min-height: 64px;}#webtv-zoom p a {  text-decoration: underline;}#zoom {  clear: left;}#home-webtv img {  float: left;  margin-right: 5px;}#home-webtv h2 {  margin-bottom: -8px;} #zoom h2 {  margin-left: -8px;}#zoom h2 span {	font-size: 0.9em;	font-weight: normal;	text-transform: lowercase;}#zoom img {  float: right;  margin-left: 5px;  margin-top: -20px;}#webtv-zoom h4 a {  color: black;  font-size: 12px;}@media screen and (-webkit-min-device-pixel-ratio:0) {	#webtv-zoom h4 a {		width: 100px;		font-size: 12px;	}	#mieux_servir {		padding:14px 0 27px 12px;	}}/* ----------------------------------------------------- Focus */#focus {	float:left;	width:332px;	margin-top:20px \0/;}/* --------------------------------- h2 */	#main #actualites h2 {		position:relative;		top:8px;		float:left;		text-transform:uppercase;		font-size:1.9em;		color:#618b9a;		padding:0 10px 0 6px	}	#main #actualites h2 span {		font-size:.8em;		font-weight:normal;		color:#91b8c6	}/* --------------------------------- RSS */	#main #actualites #rss {		float:left;		margin:10px 6px 0 0	}/* --------------------------------- Onglets */	#main #actualites #onglets {		float:left;		text-transform:uppercase	}	#main #actualites #onglets li {		float:left;		margin:0 1px 0 0	}	#main #actualites #onglets li h3 {		font-size:1.1em;		font-weight:normal	}	#main #actualites #onglets li h3 a {		float:left;		color:#fff;		background-image:url(../../images/structure/background/onglet_a.gif);		background-repeat:no-repeat;		background-position:left top	}	#main #actualites #onglets li h3 a span {		display:block;		float:left;		background-image:url(../../images/structure/background/onglet_span.gif);		background-repeat:no-repeat;		background-position:right top;		padding:9px 8px 3px 7px;		cursor:pointer	}	#main #actualites #onglets li h3 a:hover, #main #actualites #onglets li h3 a.on {background-position:left bottom}	#main #actualites #onglets li h3 a:hover span, #main #actualites #onglets li h3 a.on span {		background-position:right bottom;		padding:3px 8px 9px 7px	}	#main #actualites #onglets li h3 a.on span {cursor:text}/* --------------------------------- Carousel */	#main #actualites .my-glider {		float:left;		width:581px;		color:#617181;		border:1px solid #c8dbe2;		background:#f1f5f8;		padding:15px 0	}	* html #main #actualites .my-glider {float:none}	#main #actualites .my-glider span.navigation {		display:block;		float:left;		width:31px;		padding-top:35px	}	#main #actualites .my-glider span.navigation.precedent {text-align:right}	#main #actualites .my-glider div.scroller {		float:left;		width:518px;		overflow:hidden	}	#main #actualites .my-glider div.scroller ul.content {width:10000px}	#main #actualites .my-glider div.scroller ul.content li.section {		float:left;		width:211px;		overflow:hidden;		padding:0 24px	}	#main #actualites .my-glider div.scroller ul.content li.section h4 {		font-size:1.3em;		margin:0 0 3px 0	}	#main #actualites .my-glider div.scroller ul.content li.section h4 a {color:#2386af}	#main #actualites .my-glider div.scroller ul.content li.section h4 a:hover {text-decoration:underline}	#main #actualites .my-glider div.scroller ul.content li.section span.date {		display:block;		font-style:italic;		margin:0 0 4px 0	}	#main #actualites .my-glider div.scroller ul.content li.section img {		float:left;		border:3px solid #2386af;		margin:0 9px 0 0	}	#main #actualites .my-glider div.scroller ul.content li.section p {		line-height:1.5;		text-align:justify	}	#main #actualites .my-glider a.tous {		display:block;		display:inline;		float:left;		width:550px;		text-align:right;		font-size:1.1em;		font-weight:bold;		color:#025599;		background-image:url(../../images/elements/fleches_bleu.gif);		background-repeat:no-repeat;		background-position:right 5px;		padding:0 11px 0 0;		margin:20px 20px 0 0;		text-decoration:underline	}	#main #actualites .my-glider a.tous:hover {text-decoration:none}/* ----------------------------------------------------- Autres sites */	#main #left #autres_sites {		display:inline;		float:left;		font-size:1.1em;		color:#003466;		margin:5px 0 0 30px	}	#main #left #autres_sites li {		float:left;		margin:0 0 0 3px	}	#main #left #autres_sites li a {		display:block;		display:inline;		float:left;		color:#003466;		border-bottom-style:solid;		border-bottom-width:4px;		padding:0 0 1px 0;		margin:0 3px 0 0	}	#main #left #autres_sites li a.cci_var {border-bottom-color:#5dc6f2}	#main #left #autres_sites li a.ports {border-bottom-color:#a1d127}	#main #left #autres_sites li a.formation {border-bottom-color:#b350cf}	#main #left #autres_sites li a.investisseurs {border-bottom-color:#19338f}	#main #left #autres_sites li a.provence {border-bottom-color:#ef4e17}	#main #left #autres_sites li a:hover {border-bottom:0}/* ------------------------------------------------------------------------- Right *//* ----------------------------------------------------- Focus */	#focus span {	  margin-left: 15px;	}	#focus .section a {	  text-decoration: underline;	}	#focus hr {	  border-bottom: medium none #438DB2;	  border-color: #438DB2;	  border-left: medium none #438DB2;	  border-right: medium none #438DB2;	  margin-left: 30px;	  width: 325px;	}	#main #right h2.focus {		text-transform:uppercase;		font-size:1.8em;		color:#fff;		background:#47bfef;		padding:0 0 0 8px;		margin:0 0 1px 9px	}	#main #right #carousel_focus {		display:inline;		float:left;		width:303px;		margin:0 26px 0 9px;	}	#main #right #carousel_focus div.controls {	  float: left;	  margin-top: -31px;	  padding: 0 0 0 270px;	  position: relative;	  width: 83px;	}	#main #right #carousel_focus div.controls ul li {		display:inline;		/*position:relative;*/		z-index:500	}	#main #right #carousel_focus div.controls ul li a {	  background: url("../../images/boutons/petit-cadre.png") no-repeat scroll 0 0 transparent;	  color: #47BFEF;	  display: block;	  float: left;	  padding: 7px 12px 7px 9px;	}	#main #right #carousel_focus div.controls ul li a:hover {color:#6b7a89}	#main #right #carousel_focus div.scroller {		float:left;		width:360px;		overflow:hidden	}	#main #right #carousel_focus div.scroller ul.content {width:10000px}	#main #right #carousel_focus div.scroller ul.content li.section {	  background: url("../../images/structure/background/fond-focus.jpg") repeat-x scroll 0 0 transparent;	  float: left;	  min-height: 173px;	  overflow: hidden;	  padding: 10px 15px 26px 8px;	  width: 360px;	}	#main #right #carousel_focus div.scroller ul.content li.section h3 {	  color: #6B7A89;	  font-size: 1.3em;	  margin: 0 0 10px 15px;	}	#main #right #carousel_focus div.scroller ul.content li.section h3 a {color: #DA5D3B;}	#main #right #carousel_focus div.scroller ul.content li.section h3 a:hover {text-decoration:underline}	#main #right #carousel_focus div.scroller ul.content li.section img {	  -moz-box-shadow: 0 0 2px 1px #888;	  -webkit-box-shadow: 0 0 2px 1px #888;	  box-shadow: 0 0 2px 1px #888;	  float: right;	  margin: 1px 20px 0 20px;	}	#main #right #carousel_focus div.scroller ul.content li.section p {	  color: #6B7A89;	  line-height: 1.4;	  margin: 0 0 10px 15px;	  text-align: justify;	  width: 205px;	}	#main #right #carousel_focus div.scroller ul.content li.section span.lire_suite {		float:right;		font-size:.9em;		color:#0591eb	}	#main #right #carousel_focus div.scroller ul.content li.section span.lire_suite a {color:#0591eb}	#main #right #carousel_focus div.scroller ul.content li.section span.lire_suite a:hover {text-decoration:underline}	#picto-loupe {	  float: left;	  margin: 2px 7px 0 15px;	}/* ----------------------------------------------------- infosup */	#info_sup{	  float: right;	  width: 310px;	}/* ----------------------------------------------------- Partenaires */	#main #right #partenaires {		float:left;		width:278px;		text-align:center;		padding:0 30px;		margin:10px 0 12px 0	}	#main #right #partenaires li {		border-bottom:1px solid #8bc6e1;		padding:8px 0	}	#main #right #partenaires li.last {border-bottom:none}	#main #right #partenaires li img {vertical-align:middle}