@import url(stylesRubrique.css);
@import url(stylesServices.css);
@import url(stylesInfrastructure.css);
@import url(stylesSecurite.css);
@import url(stylesCommunication.css);
@import url(stylesCollaboration.css);
@import url(stylesEntreprise.css);
@import url(stylesContact.css);
@import url(stylesCollaborateur.css);
@import url(stylesPlan.css);
@import url(stylesCollaborateur.css);
@import url(stylesSitemap.css);
@import url(stylesActualite.css);
@import url(stylesPartenaires.css);
@import url(stylesOne2One.css);
@import url(stylesResadia.css);

/*----------------------------------------------------------------------------------------- STYLES COMMUNS GENERAL*/

/*#9c0a28 >Services
#97a00f >Sécurité
#0fa8ce >Communication
#f09506 >Collaboration
#1745a2 >Infrastructure*/


body {
	background:url(../images/fond.gif);
	margin: 0px	;
	padding: 0px;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;	
}
a{}

a {
	text-decoration:none;
	color:#000000;
	outline: none;
}
:focus{-moz-outline-style: none;}
a:hover {
	color:#FFFFFF;
}
a:link, a:active{text-decoration:none;border:none}
a img {
	border:none;
}

#conteneur{
	margin: 5px auto;
	padding: 0px; 
	background:url(../images/fondContenu.png);
	background-repeat:repeat-y;
	background-position:center;
}


/*-------------------------------------------------------------------------------------------------- STRUCTURE DE LA PAGE */

#header{
	margin: 0 auto;
	padding: 0px;
	background:url(../images/fondHeader.gif);
	width:964px;
	height:200px;
	border-top:5px #fff solid;
}

#contenu{
	margin: 0 auto;
	padding: 0px 0px 0px 0px;
	width:964px;
	height:605px; /*  pour regler la Hauteur du contenu de la page d'accueil */
	background-color:#e8e9f3;
	border-bottom:5px #fff solid;
	border-top:1px #F1F1F1 solid;
}
#contenuGauche{
	margin: 0px auto ;
	padding: 5px 0px 0px 8px;
	float:left;
	/*height:370px;
/*	border:1px solid #000;*/
}
#contenuDroit{
	float:left;
	margin:2px 0px 0px 10px;
	padding:0px 0px 0px 0px;
	}
#footer{
	clear:both;
	margin: 0px auto;
	padding: 0px 0px 0px 0px;
	width:974px;
	height:1px;
}

/*  -------------------------------------------------------------------------------------------------- Elements du HEADER */
.logoOceanis{
	margin: 5px 0px 0px 10px;
	padding: 0;
	width:165px;
	float:left;
}
.flecheHeader{
float:left;
margin:10px 0px 0px 70px;
padding:0px 0px 0px 0px;
}

.slogan{
	color:#fff;
	font-size:30px;
	font-weight:normal;
	letter-spacing:2px;
	margin:10px 80px 0px 0px;
	padding:0;
}


/*----------------------------------------------------------------------------------------- MENU HAUT */
#menuHaut{
	height:99px;
	margin:30px 0px 0px 190px  ;
	padding:0;
	
}

#menuHaut span{
	padding:0px 0px 0px 0px ;
	margin:0px 0px 0px 0px ;
	height:96px;
	display:block;
	float:left;
}
#menuHaut span:hover{
	cursor:pointer;
}
#menuHaut a{
	color:#fff;
	font-size:16px;
	font-weight:bold;
}
#menuHaut ul{
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
}
#menuHaut li{
	text-decoration:none;
	list-style-type:none;
	display:inline;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
}
#menuHaut h1{
	font-size:16px;
	margin:35px 0px 0px 0px ;
	padding:0px 0px 0px 0px ;
}

/*----------------------------------------------------------------------------------------- FONDS MENU HAUT*/
#itemServices span{
	background:url(../images/fondServices.png);
	background-repeat:no-repeat;
	height:96px;
	width:158px;
}
#itemInfrastructure span{
	background:url(../images/fondInfrastructure.png);
	background-repeat:no-repeat;
	height:96px;
	width:149px;
}
#itemSecurite span{
	background:url(../images/fondSecurite.png);
	background-repeat:no-repeat;
	height:96px;
	width:149px;
}
#itemCommunication span{
	background:url(../images/fondCommunication.png);
	background-repeat:no-repeat;
	height:96px;
	width:149px;
}
#itemCollaboration span{
	background:url(../images/fondCollaboration.png);
	background-repeat:no-repeat;
	height:96px;
	width:159px;
}
#itemServices span:hover{	
	background:url(../images/fondServicesRoll.png);
	background-repeat:no-repeat;
	height:96px;
	width:158px;
} 
#itemInfrastructure span:hover{	
	background:url(../images/fondInfrastructureRoll.png);
	background-repeat:no-repeat;
	height:96px;
	width:149px;
}
#itemSecurite span:hover{
	background:url(../images/fondSecuriteRoll.png);
	background-repeat:no-repeat;
	height:96px;
	width:149px;
}
#itemCommunication span:hover{
	background:url(../images/fondCommunicationRoll.png);
	background-repeat:no-repeat;
	height:96px;
	width:149px;
}
#itemCollaboration span:hover{
	background:url(../images/fondCollaborationRoll.png);
	background-repeat:no-repeat;
	height:96px;
	width:159px;

}

/*----------------------------------------------------------------------------------------- Elements du CONTENU GAUCHE */


/*------------------------------------------------------------------------MENU GAUCHE*/

#menuGauche{
	margin:0;
	padding:0;
	width:242px;
	float:left;
}
#arrondiHaut{
	width:242px;
	margin:0;
	padding:0;
	background:url(../images/ArrondiHautMenuGauche.gif);
	background-repeat:no-repeat;
	background-position:left bottom;
	height:9px;
}
#arrondiBas{
	width:242px;
	margin:0px 0px 10px 0px ;
	padding:0px 0px 0px 0px;
	height:7px;
	background:url(../images/ArrondiBasMenuGauche.gif);
	background-repeat:no-repeat;
}
#menuGauche ul{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 10px;
	background-color:#FFFFFF;
}
#menuGauche li{
	margin:0px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	list-style-type:none;
	text-align:left;
/*		border:#000000 1px dashed;*/
}
#menuGauche li:hover{
	cursor:pointer;
	/*background-color:#e8e9f3;*/
	border-right:#fff 10px solid;
/*	filter : alpha(opacity=20);
    -moz-opacity : 0.2;
    opacity : 0.2;*/
	
}
#menuGauche h2{
	font-size:14px;
	height:41px;
	color:#003399;
	margin:0;
	padding:10px 0px 0px 60px;
	cursor:pointer;
/*	border:#000000 1px solid;*/
} 
#menuGauche h2:hover{
	background:url(../images/hoverMenuGauche.png) no-repeat 50px 2px; color:#FFF
	
}
/*-------------------------------------------------------------------------ITEMS MENU GAUCHE*/
#itemAccueil,#itemEntreprise,#itemPartenaires,#itemContact, #itemPlan,#itemCollaborateur,#itemExtranet,#itemActualites,#itemQuickr,#itemOneToOne{
	height:41px;
	margin:0px 0px 0px 0px ;
	padding:0px 0px 0px 0px;
}

#itemAccueil{
	background:url(../images/iconeAccueil.gif) 0px -5px;
	background-repeat:no-repeat;
}
#itemAccueil:hover{
	background:url(../images/iconeAccueil.gif) 0px -5px;
	background-repeat:no-repeat;
}
#itemActualites{
	background:url(../images/iconeActualites.gif);
	background-repeat:no-repeat;
}
#itemActualites:hover{
	background:url(../images/iconeActualites.gif);
	background-repeat:no-repeat;
}

#itemEntreprise {
	background:url(../images/iconeEntreprise.gif);
	background-repeat:no-repeat;
}
#itemEntreprise:hover {
	background:url(../images/iconeEntreprise.gif);
	background-repeat:no-repeat;
}

#itemPartenaires {
	background:url(../images/iconePartenaires.gif);
	background-repeat:no-repeat;
}
#itemPartenaires:hover {
	background:url(../images/iconePartenaires.gif);
	background-repeat:no-repeat;
}
#itemContact{
	background:url(../images/iconeContact.gif);
	background-repeat:no-repeat;
}
#itemContact:hover{
	background:url(../images/iconeContact.gif);
	background-repeat:no-repeat;
}
#itemPlan{
	background:url(../images/iconePlan.gif);
	background-repeat:no-repeat;
}
#itemPlan:hover{	
	background:url(../images/iconePlan.gif);
	background-repeat:no-repeat;
}
#itemCollaborateur{
	background:url(../images/iconeCollaborateur.gif) 0px -5px;
	background-repeat:no-repeat;
}
#itemCollaborateur:hover{	
	background:url(../images/iconeCollaborateur.gif) 0px -5px;
	background-repeat:no-repeat;
}
#itemExtranet{
	background:url(../images/iconeExtranet.gif);
	background-repeat:no-repeat;
}
#itemExtranet:hover{
	background:url(../images/iconeExtranet.gif);
	background-repeat:no-repeat;
}
#itemQuickr{
	background:url(../images/iconeQuickr.gif);
	background-repeat:no-repeat;
}
#itemQuickr:hover{
	background:url(../images/iconeQuickr.gif);
	background-repeat:no-repeat;
}

#itemOneToOne{
	background:url(../images/iconeOneToOne.gif);
	background-repeat:no-repeat;

}
#itemOneToOne h2{	color:#9C0A28; }
#itemOneToOne:hover{
	background:url(../images/iconeOneToOne.gif);
	background-repeat:no-repeat;
}
#itemOneToOne h2:hover{ background:url(../images/hoverOneToOne.png) no-repeat 50px 2px; color:#FFF}
#menuGauche li:hover #itemOneToOne { background:none}
/*------------------------------------------------------------------------- Accords Nationaux */
#AccordsNationaux{padding:0px;margin:0px;}

#contenuAccordsNationaux{background:#FFF;padding:0px;margin:0px;height:220px}
#contenuAccordsNationaux h3{padding:5px 0px 10px 0px;margin:0px;color:#003399; font-size:14px}
#contenuAccordsNationaux div{}
	#contenuAccordsNationaux p{padding:5px 7px;margin:0px;color:#003399; text-align:left;font-size:12px}
	#contenuAccordsNationaux img{ float:left; overflow:hidden}
	#contenuAccordsNationaux strong{ font-size:12px }


/*----------------------------------------------------------------------------------------- Elements du CONTENU DROIT */



/* A LA UNE */
#wrapUne{ clear:both; overflow:hidden;}

#titreUne{ 
	background:url(../images/fondTitreAlaUne.png) no-repeat ;
	width:691px; 
	height:54px;
	position:relative;
	z-index:1000;
	}

#fondContenuUne{
	background: url(../images/fondContenuUne.gif) no-repeat ;
	width:691px ;
	height:139px;
	margin:-7px 0px 0px 0px;
	padding:0px 0px 0px 0px;
	position:relative;
	z-index:1;
	}
	
	#une1{ text-align:left;margin:10px 0px 0px 0px;width:342px; height:134px;float:left; background:url(../images/fondCalendrierUne.png) no-repeat 20px 20px}
	#une2{ text-align:left;margin:10px 0px 0px 0px;width:342px; height:134px;float:left; background:url(../images/fondCalendrierUne.png) no-repeat  20px 20px}
	
	.dateUne{width:50px;margin:24px 0px 0px 20px; padding:0px 0px 0px 0px;float:left;}
		.mois{color:#FFF; font-size:11px;text-align:center; font-weight:bold;letter-spacing:1px}
		.jour{ font-size:24px;color:#003399;text-align:center;padding-top:4px}
	.contenuUne{margin-top:22px;width:260px;float:left;padding-left:10px;height:85px}
		.contenuUne a{ color:#003399; font-size:14px;letter-spacing:1px;font-weight:bold;}
		.contenuUne a:hover{ text-decoration:underline}
	.suiteArticle{ text-align:right;padding-right:10px;color:#003399; }
		.suiteArticle a{color:#003399; font-size:14px;}
		.suiteArticle a:hover{text-decoration:underline;}
		
/* ACTUALITES */

#wrapActualites{  width:410px; height:395px;  float:left }
	#titreActusOceanis{margin-top: 10px; background:url(../images/fondTitreActus.png) no-repeat; width:286px; height:54px ; float:left; padding-bottom:0px;}
	.rss{ float:left;margin: 20px 0px 0px 10px;}
	
	#contenuActualites{padding:0px 0px ;margin:0px 0px}
	
	#listeActualites{clear:both;height:50px;margin:0px 0px;padding:0px 0px;}
	#listeActualites:hover{ background:url(../images/hoverActus.png) no-repeat  0px 0px;cursor:pointer; }
		.separationActus{margin:0px;padding:0px}
		.dateActualites{width:70px;float:left;font-weight:bold;color:#003399;padding-top:5px;padding-right:3px}
		.titreActualites{float:left;width:305px;text-align:left;color:#003399; letter-spacing:1px;height:45px ;}
			.titreActualites a{color:#003399;}
		.titreActualites td{ height:45px;}
	
	
	
	
	
	
	
	
	
/* ENCART EVENEMENTS */	
#wrapEvenements{margin-top: 10px;width:282px;height:400px; float:left; background:url(../images/fondEncartFormation.png) no-repeat;}
/*-------------------------------------------------------------------------Elements du FOOTER*/
.mentionsLegales{
	margin:0px auto;
	padding:10px 0px 0px 0px;
	font-size:11px;
	color:#003399;
}

.mentionsLegales a{
	color:#003399;
}
.mentionsLegales a:hover{
	text-decoration:underline;
}
#footer ul{
	margin:10px auto;
	padding:0;

}

#footer li{
	margin:0px	 auto;
	padding:0;
	list-style-type:none;
	display:inline;
	color:#003399;
}
#footer li a{	color:#003399;}
#footer li a:hover{ text-decoration:underline}