/* CSS Document */
* { /*reset d'un certain nombre de styles css par defaut*/
	margin: 0; padding: 0; border: 0; font-weight: normal; font-style: normal; text-decoration: none;
}

body {
	background: #FFF url('../images/backround.jpg') repeat-x top left; margin: 0; padding: 0; text-align: center;
	width: 100%; font-family: Arial, Helvetica, sans-serif; font-size: 62.5%;
}

#page {
	position: relative; margin: 0 auto; width: 990px; text-align: left; height: 100%;
}

#header {
	height: 135px; background: url('../images/header.png') no-repeat top center;
}

#logo img {
	margin-top: 10px;
}

#logo a h1 {
	color: #FFFFFF;
}

#contents {
	float: left; margin: 0 0 10px 0; width: 100%;
}

#main {
	margin: 35px 0 0 0; width: 990px;
}

#main h2 {
	font-size: 2em; margin: 0 0 15px 0;
}

#colLeft.hp {
	position: relative; width: 675px; float: left; background: url('../images/solution_collaborative.jpg') no-repeat top left;
	margin: 50px 0 0 0; height: 400px; width: 675px; float: left;
}

#colRight.hp {
	position: relative; width: 300px; height: 450px; float: right; margin: 0; text-align: center;
}

#colRight.hp p {
	text-indent: -9000px; list-style: none; height: 10px;
}

#colBas {
	position: relative; float: left; width: 990px; text-align: center;
}

#colBas h3 {
	font-size: 1.6em; font-weight: bold; color: #000; padding: 30px 0 10px 0;
}

#colBas h4 {
	text-align: left; background: url('../images/puce.png') no-repeat top left; font-size: 1.2em; font-weight: bold;
	margin: 0 auto; width: 250px; padding-left: 20px;
}

#colBas #HPpourquoi h4 {
	padding-bottom: 5px;
}

#colBas #HPpourquoi {
	position: relative; float: left; width: 315px; height: 315px; margin: 0;
	background: url('../images/bloc_hppourquoi.jpg') no-repeat top left;
}

#colBas #HPpourquoi .plus,#colBas #HPfonctions .plus {
	position: absolute; top: 250px; width: 250px; height: 64px; padding: 50px 55px 0 0; font-size: 1.2em; text-align: right;
	text-decoration: underline;
}

#colBas #HPpourquoi .plus {
	background: url('../images/plus_pourquoi.jpg') no-repeat top right; right: -3px;
}

#colBas #HPpourquoi .plus a {
	color: #03447C; font-weight: bold; text-decoration: underline;
}

#colBas #HPfonctions .plus {
	background: url('../images/plus_fonctions.jpg') no-repeat top right; right: 1px;
}

#colBas #HPfonctions {
	position: relative; float: left; width: 650px; height: 295px; margin: 0 auto;
	background: url('../images/gestion_de_projet.jpg') no-repeat top center;
}

#colBas #HPfonctions table {
	text-align: justify;
	width: 600px;
	margin: 0 30px;
}

#colBas #HPfonctions table td {
	padding-right: 15px;
	padding-bottom: 10px;
	font-size: 1.2em;
}

#colBas #HPfonctions .plus a {
	color: #03447C; font-weight: bold; text-decoration: underline;
}

#colBas #HPaussi {
	clear: both;
	float: left; width: 958px; height: 330px; margin: 0 auto;
	background: url('../images/acollab_fonctions.jpg') no-repeat top left;
}

#colBas #HPaussi .plus {
	position: absolute; top: 250px; width: 200px; height: 64px; padding: 50px 55px 0 0; font-size: 1.2em; text-align: right;
	text-decoration: underline;
}

#colBas #HPaussi .plus {
	background: url('../images/blog_entreprise_plus.jpg') no-repeat top right; right: 24px;
}

#colBas #HPaussi .plus a,#colBas #HPaussi .plus a:visited {
	color: #03447C; font-weight: bold; text-decoration: underline;
}


#tableFonctions {
	margin-left: 30px;
}

#tableFonctions td {
	padding-bottom: 5px;
	text-align: left; font-size: 1.3em; font-weight: bold;
}

#tableFonctions h4 {
	background: none;
}

#tableFonctions div.image {
	margin-right: 10px;
	float: left;
}
#tableFonctions img {
	vertical-align: middle;
}

#sumary {
	position: absolute; top: 107px; width: 990px; height: 60px;
}

#menu1 ul,#menu2 ul {
	list-style: none;
}

#menu1 li,#menu2 li {
	float: left; margin: 0 5px; padding: 4px 0 0 0;
}

ul#menuTop li a,ul#menuTop li a {
	display: block;
	/* On passe les liens en �l�ments de type block pour leur donner des propri�t�s de taille */ width: 115px;
	line-height: 30px;
}

#menu1 {
	float: left; margin: 0; padding: 0 0 0 36px; height: 28px;
}

ul#menuTop li {
	width: 115px; height: 28px; text-align: center; background: url('../images/boutons.gif') no-repeat top center;
}

ul#menuTop li.actif {
	width: 115px; height: 28px; text-align: center; background: url('../images/boutons2.gif') no-repeat top center;
}

ul#menuTop li a {
	font-size: 1.4em; color: #222; font-weight: bold; text-decoration: none; width: 115px; height: 28px;
}

ul#menuTop li :hover {
	background: url('../images/boutons2.gif') no-repeat top center; height: 30px; padding: 4px 0 0 0; margin: -4px 0 0 0;
}

#menu2 {
	float: right; height: 28px;
}

#menu2 li {
	width: 90px; height: 38px; text-align: center;
}

#menu2 li.blog {
	background: url('../images/boutons_blog.jpg') no-repeat top center; width: 90px;
}

#menu2 li.faq {
	background: url('../images/boutons_faq.jpg') no-repeat top center; width: 90px;
}

#menu2 li a {
	font-size: 1.4em; color: #2B80AA; font-weight: bold; text-decoration: none; text-align: right; padding: 0 0 0 25px;
}

#menubas1Container { /* ! en parti g�r� dans ypSlideOutMenus.js*/ /*border-right:1px solid #ffffff;
					border-left:1px solid #ffffff;
					filter: alpha(opacity=80);
					-moz-opacity: 0.8;
					opacity: 0.8;*/
	background-color: #D8E7EC;
}

#menubas1Container #menubas1Content ul {
	text-align: left !important;
}

#menubas1Container #menubas1Content li {
	padding: 2px; margin: 0;
}

#menubas1Container #menubas1Content li :hover {
	padding: 0; margin: 0; background-color: #ffffff;
}

#menubas1Container #menubas1Content li a {
	text-align: left; color: #2B80AA; font-size: 1.1em !important; font-weight: bold;
}

#menubas1Container #menubas1Content li a:hover {
	color: #000000; font-size: 1.1em;
}

#footer {
	height: 200px; background: #fff url('../images/footer.jpg') repeat-x top center; width: 100%; float: left;
}

#footer #txtBas {
	height: 200px; width: 990px; margin: 10px auto; padding-top: 10px;
}

#footer #txtBas a {
	text-decoration: underline;color: #000;
}

ul.Menu {
	padding: 0; list-style: none; display: none; background-color: #D8E7EC;
}

ul.Menu li {
	padding: 2px; margin: 0;
}

ul.Menu li :hover {
	padding: 0; margin: 0; background-color: red; color: #000000; font-size: 1.1em;
}

ul.Menu li a {
	text-align: left; color: #2B80AA; font-size: 1em !important; font-weight: bold;
}
a.tip {
	color: #000;font-weight: bold;
}