@import "page.css";

/* @group Home */

#imgOverlayHome{
	position:absolute;
	background-image: url(../images/10ans.gif);
	width:85px;
	height:83px;
	z-index:5;
	top:74px;
	left:50px;
}

#headerLogoHome{
	float:left;
	width:247px; 
	height:85px; 
	padding-top:11px; 
	padding-left:13px;
}

#headerCentreHome{
	float:left;
	padding-top:65px; 
	width:400px;
	line-height:15px;
}
#headerCentreHome,
#headerCentreHome a{
	color:#8C8C8C;
	font-size:9px;
	text-decoration:none;	
}

#headerDroiteHome {
	float:left;
	height:55px;
	width:330px;
	text-align:right;
	padding-top:25px;
	background-image:url(../images/devise.png);
	background-repeat:no-repeat;
	background-position:right bottom;
}

#plusoneContainer {
	width:100px;
	float:right;
	text-align:right;
	margin:0px;
}

#navbarContainer {
	width: 990px;
	background-color: #525e7e;
	color: #FFFFFF;
	text-align: center;
	overflow: hidden;
	padding-left: 0px;
	margin:0px;
}

#homeMainContainer {
	overflow: hidden;
	margin-top:0px;
	margin-bottom:0px;
	padding-top:0px;
	padding-bottom:0px;
	height:100%;
	border-top:1px solid #525e7e;
	border-left:1px dotted #525e7e;
	border-right:1px dotted #525e7e;
	border-bottom:1px solid #525e7e;
}

#introHome{
	padding:0px; 
	padding-left:px; 
	margin:0px;
	width:990px;	
}

#introLeftHome {
	float:left;
	width:407px;
	height:285px;
	padding:20px;
	padding-top:0px;
	font-size: 11px; 
	font-style:normal; 
	font-family:Verdana, Arial, Helvetica, sans-serif; 
	line-height:13px;
	border-left:1px dotted #bbb;
}

#langueHome{
	width:410px;
	text-align:right;
}

#introRightHome{
	float:left;
	background-position:top;
	background-image: url(../images/ventoris_accueil_6.jpg);
	background-repeat: no-repeat;
	width:542px;
	height:305px;
}

#centreHome{
	clear:both;
	border-left:1px dotted #bbb;
	border-right:1px dotted #bbb;	
	padding:0px; 
	margin:0px;
	width:988px;
}

#centreLeftHome{
	float:left;
	width:370px;	
}

#centreLeftHome_inner{
 	padding:10px;	
}

#centreCentreHome{
	float:left;
	width:365px;
}

#centreCentreHome_inner{
 	padding:10px;	
}

#centreRightHome{
	float:left;
	width:250px;
}

#centreRightHome_inner{
 	padding:10px;	
}

#homeCandW {
	padding:3px;
	margin-bottom:6px;
	font-variant:small-caps;
	text-align:center;
	border:#525e7e solid 1px;
	cursor:pointer;
	color: #FFFFFF;
	font-weight: bold;
	font-size: 12px;
	background-color:#ee8200;
}

.hp_titres{
	font-weight:bold;
	font-size:14px;
	font-variant:small-caps;		
}

.hp_ongletOn,
.hp_ongletOff {
	font-weight:bold;
	font-size:14px;
	font-variant:small-caps;	
	width:100px;
	height:19px;	
	padding:3px;
	margin:0px;
	background-color:#fff;
	border-top:#525e7e solid 2px;
	border-left:#525e7e solid 2px;
	border-right:#525e7e solid 2px;
	text-align:center;
	cursor:pointer;
}

.hp_ongletOff {
	height:18px;	
	background-color:#FFF;
	border-top:#ccc solid 1px;
	border-left:#ccc solid 1px;
	border-right:#ccc solid 1px;
	border-bottom:0px;
}

.hp_ongletVide {
	height:25px;	
}

#ongletActualite{
	clear:both;
	float:left;	
	border:0px;
	background-color:#FFF;
	text-align:left;
	width:100px;
}

#div_actualites{
	clear:both;	
}

#ongletFormation{
	float:left;
	margin-left:20px;
}

#ongletHub{
	float:left;	
	width:130px;
	margin-left:20px;
}

.hp_ul{
	margin:0px;
	padding:0px;
}

.hp_liPaire a, 
.hp_liImpaire a,
.hp_liPaireDebut a,
.hp_liImpaireDebut a,
.hp_liPaire_on a,
.hp_liImpaire_on a,
.hp_liImpaireDebut_on a{
	font-size:10px;	
	color:#434A44;
}

.hp_liPaire a:hover, 
.hp_liImpaire a:hover,
.hp_liPaireDebut a:hover,
.hp_liImpaireDebut a:hover,
.hp_liPaire_on a:hover,
.hp_liImpaire_on a:hover,
.hp_liImpaireDebut_on a:hover{
	text-decoration:none;
}

.hp_liPaire .subLink, 
.hp_liPaireFin .subLink, 
.hp_liImpaire .subLink,
.hp_liImpaireFin .subLink,
.hp_liPaireDebut .subLink,
.hp_liImpaireDebut .subLink{
	font-size:10px;
	color:#bbb;
	padding-left:90px;
}

.hp_liPaire_on .subLink,
.hp_liImpaire_on .subLink,
.hp_liImpaireDebut_on .subLink{
	font-size:10px;
	color:#e67c00;
	padding-left:90px;
}

.hp_liPaire_on .subLink:hover,
.hp_liImpaire_on .subLink:hover,
.hp_liImpaireDebut_on .subLink:hover{
	text-decoration:underline;
}

.hp_liPaire, 
.hp_liPaire_on, 
.hp_liPaireFin, 
.hp_liImpaire,
.hp_liImpaire_on,
.hp_liImpaireFin,
.hp_liPaireDebut,
.hp_liPaireDebut_on,
.hp_liImpaireDebut,
.hp_liImpaireDebut_on{
	list-style:none outside none;
	font-size:10px;
	padding:5px;
	padding-right:15px;
	padding-left:15px;
	margin-bottom:0px;
}

.hp_liPaire_on, 
.hp_liImpaire_on,
.hp_liImpaireDebut_on{
	color:#000000;
	background-color:#eaecf1;
	cursor:pointer;
}

.hp_liPaireDebut,
.hp_liPaireDebut_on{
	border-top:#525e7e solid 2px;
}

.hp_liPaireFin {
	text-align:right;
	border-bottom:#525e7e solid 2px;
}

.hp_liImpaireDebut,
.hp_liImpaireDebut_on{
	border-top:#525e7e solid 2px;
}

.hp_liImpaireFin{
	text-align:right;
	border-bottom:#525e7e solid 2px;
}

.hp_liSepare{
	overflow:hidden;
	font-size:0px;
	line-height:0px;
	list-style:none inside none;
	border-bottom:1px dashed #bbbbbb;
	margin:0px;
	padding:0px;
	margin-left:15px;
	margin-right:15px;
}

#carteContent {
	clear:both;
	border:1px solid #AAA;
	padding:5px;
	margin-bottom:10px;	
}

#carteContent div.titre_carte {
	height:25px;
	color: #ee8200;
	font-weight: bold;
	font-size: 12px;
	font-variant:small-caps;
}

#carte_texte{
	float:left;
	padding:3px;
	font-size:10px;
	line-height: 13px;
	text-align:justify;
	width:140px;
	height: 180px;
}

#carte_texte a{
	font-size:9px;
	line-height: 13px;	
}

#carte_texte span.carte_ville_titre{
	font-weight:bold;
	color:#525e7e;

	font-size:12px
}

#carte_texte span.carte_ville_sous-titre{
	font-weight:bold;
	color:#525e7e;
	font-size:9px
}	

#carte_texte span.carte_ville_texte{
	color:#525e7e;
	font-stretch:condensed;
	font-size:9px;
}

#carte {
	float:left;
	height:180px;
}
#carte ul{
	position:relative;
	list-style-image:none;
	list-style-position:outside;
	list-style-type:none;
	margin:0;
	margin-top:-180px;
	padding:0;
	width:180px;
	height:180px;
	z-index:15;
}
#carte ul a{
	position:absolute;
	outline-style:none;
	outline-width:medium;
	padding:0;
	text-decoration:none;
	display:block;
	width:8px;
	height:8px;	
	cursor:pointer;
}

#carte ul a span {
	background:transparent url(../images/carte_puce.gif) no-repeat;
	display:block;
	height:6px;	
	width:6px;
	left:0;
	top:0;
}			
#carte ul a.paris{
	left:95px;
	top:40px;
}
#carte ul a.marseille{
	left:140px;
	top:157px;
}
#carte ul a.lyon{
	left:130px;
	top:105px;
}
#carte ul a.toulouse{
	left:75px;
	top:155px;
}
#carte ul a.nantes{
	left:40px;
	top:75px;
}
#carte ul a.bordeaux{
	left:48px;
	top:120px;
}
#carte ul a.rennes{
	left:37px;
	top:53px;
}
#carte ul a.lille{
	left:106px;
	top:7px;
}	
#carte ul a.metz{
	left:147px;
	top:35px;
}	
#carte ul a.mulhouse{
	left:165px;
	top:65px;
}

#carte_bottom{
	clear:both;	
	height:30px;
}

#numVert{
	float:left;
}

#chooseYourTown{
	float:left;
	vertical-align:top;
	padding-left:15px;
	font-size:9px;	
}

#onglets{
	clear:both;
}

#ongletReseauxSociaux{
	clear:both;
	float:left;	
	border:0px;
	background-color:#FFF;
	text-align:left;
	margin-left:15px;
	padding-top:25px;
	width:200px;
}

#div_reseauxSociaux{
	clear:both;	
	margin-left:15px;
	margin-right:15px;
	padding-top:25px;
	border-top:#525e7e solid 2px;
	display:block;
}

#div_actualite2{
	margin-top:25px;
	background-color:#eeeff3;
	border:1px solid #bbbbbb;
}

#div_actualite2 div.titre {
	margin-top:5px;
	color: #ee8200;
	font-weight: bold;
	font-size: 12px;
	font-variant:small-caps;
	text-align:center;
}

#div_actualite3{
	margin-top:10px;	
}

#div_actualite3 ul li.hp_liImpaireFin{
	text-align:left;
}

#referencesHome{
		clear:both;	
	border-left:1px dotted #bbb;
	border-right:1px dotted #bbb;
	text-indent:10px;
}

#menuBasHome{
	border-left:1px dotted #bbb;
	border-right:1px dotted #bbb;
	padding-right:10px;
	text-align:right;
}

#liensRegionsHome{
	clear:both;
	border-left:1px dotted #bbb;
	border-right:1px dotted #bbb;
	text-align:center;
}

#regionsHome { 
	clear:both;
	color: #fff;
	padding-top:2px;
	font-size:9px;
	background-color: #525e7e;
	text-align:center;
	height:23px
}

#regionsHome a{ 
	color: #fff;
	font-size:9px;
}

/* @end Home */