/*

	Sections

	(CSS flags marked with [=])

	CONTENEUR
		MENUSECONDAIRE
		CONTENU
			MISSIONS
			PRESENTATION
				NUAGE
				ADHERENTS
			AGENDA

*/
body#home {}

/* =CONTENEUR */

	/* =MENUSECONDAIRE */
	#menuSecondaireConteneur {width: 130px;}
	#menuSecondaireConteneur .logo_essonne, #menuSecondaireConteneur .logo_ile_de_france {height: 30px;}
	#menuSecondaireConteneur .logo_essonne {margin-top: 8px;}
	#menuSecondaireConteneur .logo_ile_de_france {margin-bottom: 6px;}


	/* =CONTENU */
	#contenu {
		background: #FFF url(/extension/opticsvalley/design/opticsvalley/images/fonds/fond_homev2.gif) no-repeat bottom right;
		width: 955px;
		position: relative;
		background-position: 0px 230px;
		}
		#contenuOmbre {
			padding-bottom: 0;
			/*position: relative;*/
			}
		/* VISUEL HOME*/
		#visuel_home {
		position: absolute;
			top: 0;
			right: 0;
		z-index: 0;
		}
		.masque {
			position: absolute;
				right: 0;
			}
		/* =MISSIONS */
		#missions {
			float: left;
			list-style: none;
			min-height:225px; /*IE*/
			position: relative;
			width: 269px;
			margin-top: -17px;
			margin-bottom:10px;
			}
			#missions li {margin: 0 0 5em;}
			#missions li.accompagner {margin-bottom: 4.75em;}
				#missions h2 {
					color: #002b47;
					font-size: 3.091em;
					font-weight: normal;
					margin: 0;
					}
				#missions p {
					color: #0b57a5;
					font-size: 1.182em;
					font-style: italic;
					margin: 0;
					}
		/* MARCHE APPLICATIF*/
		#marche_applicatif {
			background: url(/extension/opticsvalley/design/opticsvalley/images/fonds/fond_marche_applicatifs.png) no-repeat top left;/* IE6*/
			float: left;
			width: 245px;
			height: 245px;
			margin-bottom: -65px;
			padding: 33px 14px 34px 33px;
			position: relative;
				left: -71px;
				top: -51px;
				z-index: 400;
		}
		.photo_marche_applicatif{
			position: absolute;
				top: 33px;
				left: 33px;
				z-index: 100;
			}
			#marche_applicatif h2 {
				color: #0b57a5;
				font-size: 12px;
				font-weight: bold;
				text-align: center;
				}
			#liste_marche_applicatifs {
				background: url(/extension/opticsvalley/design/opticsvalley/images/fonds/fond_liste_marche_applicatif.png) repeat-y top left;/* IE6*/
				width: 135px;
				position: absolute;
					bottom: 44px;
					left: 44px;
					z-index: 200;
			}
				#liste_marche_applicatifs ul {
					list-style-type: none;
					position: relative;
					}
					#liste_marche_applicatifs li { margin-left: 10px; margin-bottom:5px;}
					#liste_marche_applicatifs li a {
						background: url(/extension/opticsvalley/design/opticsvalley/images/puces/puce_triangle_gris.png) no-repeat left 10px;/* IE6*/
						color: #434343;
						font-size: 13px;
						font-weight:bold;
						padding: 6px 0 6px 20px;
						text-decoration: none;
						}
						#liste_marche_applicatifs li a:hover , #liste_marche_applicatifs li a:focus, #liste_marche_applicatifs li a.on {
						background: url(/extension/opticsvalley/design/opticsvalley/images/puces/puce_triangle_bleu.png) no-repeat left 10px;/* IE6*/
						}

		/* AGENDA*/
		.home_blocs {
		    margin-left: -8px;
		}
		.bloc_papier{padding-left: 15px;}
			#adherents{
				background: url(/extension/opticsvalley/design/opticsvalley/images/fonds/fond_adherent.png) no-repeat top left;/* IE6*/
				float: left;
				height: 239px;
				margin-bottom: 0px;
				width: 248px;
				padding:10px 10px 12px 17px ;
				position: relative;
			}
				#adherents .descriptif_adh{
					color: #6b6b6b;
					font-size: 1em;
					padding: 0 9px;
				}
			#jobs {
			    list-style-type: none;
			    text-decoration: none;
			    margin: 0;
			}
			#jobs li {
			    float: right;
			    text-align: right;
			    margin: 0 8px 5px 5px;
			}
				#jobs li h3 {
					font-size: 11px;
					margin: 0;
					padding: 0;
				}
				#jobs li a {
					color: #3d9cee;
					text-decoration: none;
					}
					#jobs li h3 a {
						color: #0f5eac;
					}
			#paraitre {
				background: url(/extension/opticsvalley/design/opticsvalley/images/fonds/fond_paraitre.png) no-repeat top left; /* IE6*/
				float: left;
				position: relative;
				height: 230px;
				margin: 0px 0 10px -45px;
				padding: 0;
				width: 335px;
				position: relative;
				z-index: 135;
				}
				#paraitre h2 {
					font-size: 1.9em;
					float: left;
					color: #fff;
					line-height: 28px;
					margin: 10px 0 0 26px;
				}
				#paraitre .separateur {
					float: left;
					margin: 1px 50px 2px 25px;
					padding: 0;
				}
				#paraitre .contenu_paraitre{
					color: #0f5eac;
					font-size: 12px;
					float: left;
					height: 175px;
					margin-top: 10px;
					padding: 0 5px 0 25px;
					overflow: hidden;
					position: relative;
					}
					.contenu_paraitre p a:hover {
						text-decoration: underline;
					}
					.contenu_paraitre .infos img {
						float: left;
						height: 80px;
						margin-bottom: 8px;
						margin-left: 0px;
						padding-bottom: 0;
						width: 80px;
						-webkit-box-shadow: #777 3px 3px 4px;
						-moz-box-shadow: #777 3px 3px 4px;
						box-shadow: #777 3px 3px 4px;
						behavior: url(/extension/opticsvalley/design/opticsvalley/javascript/PIE.htc);
					}
					.contenu_paraitre .infos h3 {
						color: #1361ae;
						font-size: 13px;
						/*width: 170px;*/
						word-wrap: break-word;
						font-weight: bold;
						float: left;
						margin-bottom: 5px;
						margin-left: 15px;
						margin-right: 5px;
						margin-top: 0;
					}
					.contenu_paraitre .infos .mois {
						color: #1361ae;
						float: left;
						margin-bottom: 10px;
						margin-left: 15px;
					}
					.contenu_paraitre .plus_infos {
						position: absolute;
						left: 25px;
						bottom: 20px;
						}
						.contenu_paraitre .plus_infos a {
 							background: url(/extension/opticsvalley/design/opticsvalley/images/paraitre/fleche.gif) no-repeat 0 3px;
							text-decoration: none;
							font-weight: bold;
							padding-left: 15px;
							color: #0f5eac;
						}

			#agenda, #emploi {
				background: url(/extension/opticsvalley/design/opticsvalley/images/fonds/fond_agenda.png) no-repeat top left;/* IE6*/
				float: left;
				height: 239px;
				margin: 0 0 0px 21px;
				width: 248px;
				padding:10px 17px 12px 10px;
				position: relative;
			}
			#emploi {
				margin-left: 13px;
				}
				#emploi h2 {
					float: right;
					margin: 0 4px 2px 0;
					padding: 0;
				}
				#emploi .plus_infos {
					left: 17px;
				}
				#agenda h2 {
					font-size: 1.9em;
					float: right;
					color: #0F5EAC;
					line-height: 28px;
					margin: 0 7px 0 0;
					}
				#agenda .rss, #paraitre .rss { float: left; margin-top: 10px; margin-left: 8px;}
					#paraitre .contenu_paraitre p{
						margin: 0;
						width: 280px;
					}
					#paraitre .contenu_paraitre span{
						display: block;
					}
				#liste_agenda {
					list-style-type: none;
					height: 16.6em;
					margin: 0;
					padding-top: 5px;
					}
					.infos_event {
						float: left;
						width: 220px;
						text-align: right;
						margin-bottom: 10px;
						}
					.illustration_event {
						background:url("/extension/opticsvalley/design/opticsvalley/images/fonds/br_ombre_vg_event.gif") no-repeat scroll left top transparent;
						display:block;
						float:right;
						height:52px;
						margin-right:8px;
						/*margin-top:5px;*/
						padding:4px 4px 3px;
						width:92px;
						}
					#liste_agenda .event a	{
						display: block;
						/*height: 59px;*/
						margin-top: 1px;
					}
					#liste_agenda a { text-decoration: none;}
					#liste_agenda .titre_event {
					color: #0f5eac;
					display: block;
					font-weight: bold;
					font-size :11px;
					}
					#liste_agenda .date {
						color: #3d9cee;
						font-size: 11px;
						display: block;
						}
					.all_events{
						position: absolute;
							bottom:18px;
							left:18px;
							z-index: 1000;
					}
					.plus_infos{
						position: absolute;
						bottom: 18px;
						left: 8px;
						}
					.all_events a, .plus_infos a {
					background: url(/extension/opticsvalley/design/opticsvalley/images/puces/puce_triangle_gris.png) no-repeat left 3px; /* IE6 */
						color: #6b6b6b;
						font-weight: bold;
						padding-left: 15px;
						position: relative;
						text-decoration: none;
						}
		/* adeherents */
		#adherents h2{
			color: #61a914;
			font-size: 22px;
			margin: 0;
		}
		#adherents .plus_infos {
		    left: 25px;
		}
		/* autres liens */
		#autres_liens ul {
			list-style-type: none;
			margin: 0;
			}
		#autres_liens li {
			float: left;
			list-style-type: none;
			padding-bottom: 5px;
			padding-left: 20px;
			margin: 0;
			}
			#autres_liens .union_euro {
				float: right;
				width: 300px;
				margin-right: 63px;
				}
				#autres_liens .union_euro a {
					color: #000;
					font-size: 0.78em;
					font-weight: bold;
					text-decoration: none;
				}
				#autres_liens .union_euro img {
					float: left;
				}
				#autres_liens .union_euro p {
					float: left;
					margin: 0;
					padding: 0;
					width: 160px;
					margin-left: 10px;
					margin-top: 5px;
				}

		/* =PRESENTATION */
		#presentation {
			float: left;
			margin: 1.5em 0 1.5em; /* IE6 IE7 */
			padding: 0 50px;
			width: 304px;
			}

			/* =NUAGE */
			#nuage_mots_cles {
				list-style: none;
				line-height: 1.4;
				margin: 0;
				text-align: center;
				padding: 7px 20px 10px;
				}
				#nuage_mots_cles li {
					display: inline;
					margin-left: 0;
					padding: 0 3px;
					}
					.nuage_1 {font-size: 1.091em;}
					.nuage_2 {font-size: 1.273em;}
					.nuage_3 {font-size: 1.455em;}
					.nuage_4 {font-size: 1.636em;}
					.nuage_5 {font-size: 1.818em;}
					#nuage_mots_cles a {
						color: #535353;
						text-decoration: none;
						}
						#nuage_mots_cles a:hover, #nuage_mots_cles a:focus  {text-decoration: underline;}
						#nuage_mots_cles .coeur_de_metier a {color: #46a5f7;}

			/* =ADHERENTS */
			#adherents h2 {margin:0 0 0 5px;}




		/* =BLOC_MOMENT */
		#bloc_moment{
			margin-bottom: 1.54em;
			width: 304px;
			}
		#top_bloc_moment{
			background: url(/extension/opticsvalley/design/opticsvalley/images/home/fond_top_bloc_moment.gif) no-repeat;
			color: #0f5eac;
			font-family: Arial;
			font-size: 1.27em;
			font-weight: bold;
			line-height: 1.1em;
			min-height: 24px; /* IE */
			width: 304px;
			}
			#top_bloc_moment h2{
				border-bottom: 1px solid #dcdddd;
				font-size: 1em;
				margin: 0;
				padding: 5px 9px;
				margin: 0 4px 0 1px;
				}
		#bottom_bloc_moment{
			background: url(/extension/opticsvalley/design/opticsvalley/images/home/fond_bottom_bloc_moment.gif) no-repeat;
			height: 6px;
			overflow: hidden;
			width: 304px;
			}
		#content_bloc_moment{
			background: url(/extension/opticsvalley/design/opticsvalley/images/home/fond_content_bloc_moment.gif) repeat-y;
			min-height: 100px; /* IE */
			padding: 12px;
			width: 280px;
			}
			#emb_bloc_moment_actu{
				float: left;
				margin-right: 8px;
				}
			#emb_bloc_moment{
				border: 1px solid #1a61ab;
				float: left;
				margin-right: 8px;
				}
			#desc_bloc_moment{
				color: #3d9cee;
				display:block;
				/*float: left;*/
				font-size: 1em;
				/*width: 110px;*/
				}
				#desc_bloc_moment a{color: #3D9CEE; text-decoration: none;}
				#desc_bloc_moment a:hover{color: #3D9CEE; text-decoration: underline;}
				#desc_bloc_moment .desc_v{
					display: block;
					font-size: 1.05em;
					font-weight: bold;
					}
				#desc_bloc_moment .date_p{
					display: block;
					padding-top: 3px;
					font-size: 11px;
					font-weight: bold;
					color: #535353;
					}
				#desc_bloc_moment .texte_p{
					display: block;
					padding-top: 10px;
					color: #535353;
					}

	/* caroussel_actus*/
	/* main vertical scroll */
	/* DEPRECATED FILE */
/* this makes it possible to add next button beside scrollable */
div.scrollable {float:left;}

/* prev, next, prevPage and nextPage buttons */
a.prev, a.next, a.prevPage, a.nextPage {
	display:block;
	width:18px;
	height:18px;
	background:url(../img/scrollable/arrow/left.png) no-repeat;
	float:left;
	margin:43px 10px;
	cursor:pointer;
	font-size:1px;
}

/* mouseover state */
a.prev:hover, a.next:hover, a.prevPage:hover, a.nextPage:hover {
	background-position:0px -18px;
}

/* disabled navigational button */
a.disabled {
	visibility:hidden !important;
}

/* next button uses another background image */
a.next, a.nextPage {
	background-image:url(../img/scrollable/arrow/right.png);
	clear:right;
}



/*********** navigator ***********/
#actualites {
	background: url(/extension/opticsvalley/design/opticsvalley/images/fonds/actualites_ombre.png) no-repeat bottom left;
	float:right;
	height:185px;
	margin-top: 40px;
	margin-right: 66px;
	padding: 0px 4px 0 8px;
	position:relative;
		right: 30px;
	width:550px;
	overflow: hidden;
	/*border-bottom: 1px solid #cfcfcf;*/
	}
	#actualites_inner{
		position: relative;
		z-index: 10000;
	}

/* position and dimensions of the navigator */
div.navi {
	height:15px;
	}


/* items inside navigator */
div.navi a {
	width:12px;
	height:12px;
	float:left;
	margin:0 15px 0 0;
	background: url(/extension/opticsvalley/design/opticsvalley/images/fonds/caroussel_actus/nav_off.gif) no-repeat top left;
	display:block;
	font-size:1px;
}

/* mouseover state */
div.navi a:hover {
	background: url(/extension/opticsvalley/design/opticsvalley/images/fonds/caroussel_actus/nav_on.gif) no-repeat top left;
}
.page {
	background: url(/extension/opticsvalley/design/opticsvalley/images/fonds/caroussel_actus/fond_content_pages.gif) repeat-x bottom left;
	/*height: 182px;*/
}

/* active state (current page state) */
div.navi a.active {
	background: url(/extension/opticsvalley/design/opticsvalley/images/fonds/caroussel_actus/nav_on.gif) no-repeat top left;
}
/***************/
#main {
	position:relative;
	overflow:hidden;
	height: 170px;
	width: 550px;
	/*border-top: 1px solid #cfcfcf;
	border-bottom: 1px solid #cfcfcf;
	border-left: 1px solid #cfcfcf;*/
}

/* root element for pages */
#pages {
	position:absolute;
	height:20000em;
}

/* single page */
.page {
	height: 160px;
	width:340px;
	position: relative;
	padding: 20px 40px 0 34px;
}

/* root element for horizontal scrollables */
.scrollable {
	position:relative;
	overflow:hidden;
	width:331px;
	height:140px;
}
	#actualites .rss {
		position: absolute;
		top: 23px;
		right: 200px;
		z-index: 1;
		}

/* root element for scrollable items */
.scrollable .items {
	width:20000em;
	position:absolute;
	clear:both;
}

/* single scrollable item */
.item {
	float:left;
	position: relative;
	cursor:pointer;
	width:310px;
	height:140px;
	padding-left:5px;
	padding-right:2px;
}
.item .rss, .scrollable .rss{float: right;}
.item .rss{display: none;}
.item h3 {
	color: #0f5eac;
	font-weight: bold;
	font-size: 16px;
	margin: 0;
	text-align: left;
	width: 270px;
	}
.item .date_actu {
	font-size: 12px;
	color: #3d9cee;
	}
.item .suite_actu {
	float: right;
	margin-top: 4px;
	/*position: absolute;*/
		right: 0;
		bottom: 0;
	}
	.item .suite_actu a{
	font-size: 12px;
	color: #6db3ef;
	margin-right: 0px;
	}

.item p{
	color: #333333;
	font-size: 12px;
	line-height: 14px;
	text-align: justify;
	margin: 7px 0 0 2px;
	}
.item .actu_carrousel{
	/*height: 60px;*/
	overflow: hidden;
	}
/* main navigator */
#main_navi {
	background: none;
	position: absolute;
		top: 0px;
		left: 356px;
	margin:0px !important;
	width: 198px;
}

#main_navi li {
	cursor:pointer;
	float: left;
	height: 44px;
	list-style-type:none;
	margin: 0;
	overflow: hidden;
	width:198px;
}
#main_navi li.active{height: 44px;}

#main_navi li.active .title_navi_item {
background: none;
}

#main_navi img {
	margin: 0;
}

#main_navi strong {
	display:block;
}

#main div.navi {
	position: absolute;
		bottom: 10px;
		left: 40px;
	cursor:pointer;
}

/* CARROUSEL HOME */

/*#adherents .roundabout-holder {
	list-style: none;
	width: 300px;
	height: 14em;
	margin: 1em auto;
	position: relative;
}

#adherents .roundabout-moveable-item {
	cursor: pointer;
	height: 80px;
	margin:0;
	text-align: center;
	width: 80px;
}*/


/*#adherent_roundabout{
	height:8em;
	list-style:none;
	padding: 0;
	margin:0;
	width: 185px;
	}
	#adherent_roundabout .item_adhernet {
		background-color: #fff;
		border: 1px solid #ccc;
		height: 7em;/* IE6 *//* IE7 */
		/*width: 7em;/* IE6 *//* IE7 */
		/*}*/

#adherents #adherent_roundabout{
	font-size:1em;
	height:7em;
	position: relative;
	list-style:none;
	margin:2em 0 3em 2em;
	width: 18em;
	}
   #adherent_roundabout .roundabout-moveable-item {
      background-color: #fff;
      border: 1px solid #999;
      cursor: pointer;
   	  float: left;
      height: 7em;
      list-style:none;
      text-align: center;
      width: 7em;
      }
   #adherent_roundabout .roundabout-moveable-item a{
   		display: block;
   		height: 100%;
   		width: 100%;
   		}
   #adherent_roundabout .roundabout-in-focus { cursor: auto; }

#missions .roundabout-holder {
		overflow: hidden;
		margin: 0;
		padding: 0;
		position: absolute;
		list-style: none;
		width: 269px;
		height: 280px;
	}

	#missions .roundabout-moveable-item {
		background-color:#fff;
		font-size: 30px;
		text-align: center;
		cursor: pointer;
		color: #333333;
		margin: 0;
		height: 92px;
		width:240px;
		}
		#missions .roundabout-moveable-item img{
			margin:0;
			width: 100%;
		}
	#missions .roundabout-moveable-item a{
		color:#147832 !important;
		display:block;
		text-decoration: none;
	}
	#missions .roundabout-moveable-item .description{
		display: block;
		font-size: 12px;
	}

.separateur {
	clear: both;
	height: 2px;
	line-height: 2px;
	margin-bottom: 0.5em;
	margin-left: 8px;
}
.saut_ligne {
	clear: both;
	margin-top:-5px;
}
#recherche_exalead{
	background: url(/extension/opticsvalley/design/opticsvalley/images/plan.gif) no-repeat;
	height:188px;
	padding-top: 16px;
	padding-left: 6px;
	position:relative;
		top:-350px;
		left:25px;
	width:188px;
	}
#powred{
	background: url(/extension/opticsvalley/design/opticsvalley/images/powred.gif) 0 14px no-repeat;
	float:left;
	height:40px;
	margin-right: 6px;
	width:50px;
	}
#logo_moteur{
	background: url(/extension/opticsvalley/design/opticsvalley/images/exaled.gif) no-repeat;
	float:left;
	height:40px;
	width:112px;

	}
#form_search_exalead{
	clear: both;
	padding-top: 18px;
	width: 174px;
	}
#recherche{
	clear: both;
	width: 174px;
	}
#recherche input{
	color:#9a9a9a;
	font-size:12px;
	float:left;
	font-style:italic;
	}
	#recherche .hidden{
		position: absolute;
			top: 0;
			left: -9999em;
		}
	#search {
		background: url(/extension/opticsvalley/design/opticsvalley/images/header/case_Recherche.gif) no-repeat;
		border: 0px none;
		float: left;
		height: 20px;
		line-height: 20px;
		padding-left:25px;
		text-align: left;
		width: 117px;
		}
	#search.focused {
		background: url(/extension/opticsvalley/design/opticsvalley/images/header/case_Recherche.gif) 0 -22px no-repeat;
		padding-left: 5px;
		width: 137px;
		}
	#recherche input.ok1{
		float: right;
		height:21px;
		margin:2px 0 0;
		width:25px;
		}

#exalead_radio .ligne_radio{
	color:#0f5eac;
	clear: both;
	margin: 0;
	padding: 12px 0 0 0;
	font-size:11px;
	line-height: 15px;
	font-weight:bold;
	width: 170px;
	}
#exalead_radio input{
	float: left;
	margin-right: 7px;
	vertical-align: top;
	}
.texte_radio{
	padding-top: 2px;
	float: left;
	width: 130px;
	}