/*Xsalto 2012*/
/*----------*/

body {
	font-family: verdana, arial, helvetica, sans-serif;
	font-size: 100%;
	font-size: 1em;
	margin: 0;
	padding: 0;
	background: #0099cc;
	background-position: center top;
	background-image: url(images/commun/body_fond.gif);
	background-repeat: repeat-x;
}


img, a img {
	margin: 0;
	padding: 0;
	border: 0;
}


#menu_rapide {
	display: none;
}

#haut {
	position: absolute;
	z-index: 1;
	left: 0;
	top: 0;
	width: 100%;
	background-color: #ffffff;
}


#haut ul {
	list-style-type: none;
	margin: 0.9em auto 0 auto;
	padding: 0;
}


/*nos clients*/

#haut .clients_bande {
	margin-bottom: 0.5em;
	background-color: #ff6701;
}

#haut .clients_bande_me {
	margin-bottom: 0.1em;
	background-color: #ff6701;
}

#haut .clients_chx {
	display: block;
	width: 950px;
	font-size: 1.1em;
	color: #ff6701;
	text-transform: uppercase;
	margin: 0 auto 0 auto;
}

#haut .clients_chx a:link, #haut .clients_chx a:visited {
	display: block;
	width: 170px;
	height: 18px;
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 300px;
	padding: 0 0 3px 0;
	background-position: left center;
	background-image: url(images/commun/ht_clients_01.gif);
	background-repeat: no-repeat;
}

#haut .clients_chx a:hover {
	background-position: left center;
	background-image: url(images/commun/ht_clients_02.gif);
	background-repeat: no-repeat;
}

#haut .clients_chx span {
	visibility: hidden;
}



/*applications*/

#haut .appli_bande {
	margin-bottom: 0.5em;
	background-color: #0099cc;
}

#haut .appli_bande_me {
	margin-bottom: 0.1em;
	background-color: #0099cc;
}

#haut .appli_chx {
	display: block;
	width: 950px;
	font-size: 1.1em;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 auto 0 auto;
}

#haut .appli_chx a:link, #haut .appli_chx a:visited {
	display: block;
	width: 185px;
	height: 18px;
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 450px;
	padding: 0 0 3px 0;
	background-position: left center;
	background-image: url(images/commun/ht_appli_01.gif);
	background-repeat: no-repeat;
}

#haut .appli_chx a:hover {
	background-position: left center;
	background-image: url(images/commun/ht_appli_02.gif);
	background-repeat: no-repeat;
}

#haut .appli_chx span {
	visibility: hidden;
}


#haut .appli_active {
	display: block;
	width: 950px;
	font-size: 1.1em;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 auto 0 auto;
}

#haut .appli_active a:link, #haut .appli_active a:visited {
	display: block;
	width: 185px;
	height: 18px;
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 450px;
	padding: 0 0 3px 0;
	background-position: left center;
	background-image: url(images/commun/ht_appli_03.gif);
	background-repeat: no-repeat;
}

#haut .appli_active a:hover {
	background-position: left center;
	background-image: url(images/commun/ht_appli_02.gif);
	background-repeat: no-repeat;
}

#haut .appli_active span {
	visibility: hidden;
}



#haut .appli_me {
	display: block;
	width: 950px;
	text-align: right;
	color: #ffffff;
	margin: -0.1em auto 0.4em auto;
}

*+html #haut .appli_me {
	padding: 0.1em 0 0.1em 0;
}


#haut .appli_me li {
	display: inline;
	white-space: nowrap;
	font-size: 0.7em;
	margin: 0;
	padding: 0;
}

#haut .appli_me li a:link, #haut .appli_me li a:visited {
	margin: 0;
	padding: 0 18px 0 0;
	color: #188BC1;
	text-decoration: none;
	background-position: right -8px;
	background-image: url(images/applications/menu_puce.gif);
	background-repeat: no-repeat;	
}

#haut .appli_me li a:hover {
	color: #4c4c4c;
	background-position: right -78px;
	background-image: url(images/applications/menu_puce.gif);
	background-repeat: no-repeat;
}



/*societe*/

#haut .soci_bande {
	margin-bottom: 0.5em;
	background-color: #cc00ff;
}

#haut .soci_bande_me {
	margin-bottom: 0.1em;
	background-color: #cc00ff;
}

#haut .soci_chx {
	display: block;
	width: 950px;
	font-size: 1.1em;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 auto 0 auto;
}

#haut .soci_chx a:link, #haut .soci_chx a:visited {
	display: block;
	width: 130px;
	height: 18px;
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 710px;
	padding: 0 0 3px 0;
	background-position: left center;
	background-image: url(images/commun/ht_soci_01.gif);
	background-repeat: no-repeat;
}

#haut .soci_chx a:hover {
	background-position: left center;
	background-image: url(images/commun/ht_soci_02.gif);
	background-repeat: no-repeat;
}

#haut .soci_chx span {
	visibility: hidden;
}




/*systemes*/

#haut .sys_bande {
	margin-bottom: 0.5em;
	background-color: #6cc208;
	border-bottom: 1px solid #529105;
}

#haut .sys_bande_me {
	margin-bottom: 0.1em;
	background-color: #6cc208;
}

#haut .sys_bande_accueil {
	margin-bottom: 0;
	background-color: #6cc208;
}

#haut .sys_chx {
	display: block;
	width: 950px;
	font-size: 1.1em;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 auto 0 auto;
	padding: 0 0 0 0;
}

#haut .sys_chx a:link, #haut .sys_chx a:visited {
	display: block;
	width: 130px;
	height: 18px;
	color: #ffffff;
	text-decoration: none;
	margin: 0 0 0 200px;
	padding: 0 0 3px 0;
	background-position: left center;
	background-image: url(images/commun/ht_sys_01.gif);
	background-repeat: no-repeat;
}

#haut .sys_chx a:hover {
	background-position: left center;
	background-image: url(images/commun/ht_sys_02.gif);
	background-repeat: no-repeat;
}

#haut .sys_chx span {
	visibility: hidden;
}





#fond {
	width: 100%;
	margin: 11em 0 1em 0;
	padding: 0;
	background-position: center 240px;
	background-image: url(images/applications/page_fond.gif);
	background-repeat: repeat-x;
}

#fond_accueil {
	width: 100%;
	margin: 8.5em 0 1em 0;
	padding: 0 0 0 0;
	background-position: center 240px;
	background-image: url(images/applications/page_fond.gif);
	background-repeat: repeat-x;
}


#conteneur {
	z-index: 1;
	position: relative;
	width: 950px;
	margin: 0 auto 0 auto;
}

#xsalto_logo {
	float: left;
	width: 50px;
	padding-top: 270px;
}

#page {
	float: left;
	width: 900px;
}

.page_accueil_fond {
	background-position: left top;
	background-image: url(images/applications/page_accueil_fond.jpg);
	background-repeat: no-repeat;
}



/* ACCUEIL RUBRIQUE */
/*-----------------*/

#acc_xsalto_logo {
	float: left;
	width: 50px;
	padding-top: 270px;
}


#acc_colg {
	position: absolute;
	z-index: 2;
	top: 220px;
	width: 310px;
}

#acc_colg .intro {
	font-size: 0.7em;
	margin: 0 0 0 0;
	padding: 1em 0 2em 0;
	background-color: #ffffff;
	/*filter: Alpha(opacity=95);
	-moz-opacity: 0.95;
	opacity: 0.95;*/
}

#acc_colg .intro h1 {
	font-size: 1.7em;
	font-weight: normal;
	text-transform: uppercase;
	color: #0099cc;
	margin: 0 15px 10px 0;
	padding: 9px 0 0 20px;
}

#acc_colg .intro .envaleur {
	color: #0099cc;
	margin: 0 20px 5px 20px;
	padding: 0;
}

#acc_colg .intro .text {
	margin: 0 20px 5px 20px;
	padding: 0;
}

#acc_colg .intro .text p {
	margin: 0 0 0.4em 0;
	padding: 0;
}

#acc_colg .outils {
	margin: 0;
	padding: 0.5em 0 0.4em 0;
	background-color: #0099cc;
}

#acc_colg .outils form {
	margin: 0;
	padding: 0;
}

#acc_colg .outils img {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}


#acc_colg .outils label {
	display: none;
}

#acc_colg .outils .rech {
	float: left;
	width: 150px;
	font-size: 0.7em;
	color: #0099cc;
	margin: 0 1px 0 10px;
	padding: 0 0 0 5px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
}


#acc_colg .infos {
	font-size: 0.65em;
	color: #ffffff;
	margin: 0 10px 0 0;
	padding: 0 0 0.4em 0;
	background-color: #0099cc;
}

#acc_colg .infos a:link, #acc_colg .infos a:visited {
	color: #ffffff;
	text-decoration: none;	
}

#acc_colg .infos a:hover {
	text-decoration: underline;
}

#acc_colg .infos ul {
	line-height: 1.4em;
	text-align: left;
	margin: 0;
	padding: 0;
}

#acc_colg .infos li {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

#acc_colg .infos li a:link, #acc_colg .infos li a:visited {
	margin: 0;
	padding: 0 16px 0 0;
	color: #ffffff;
	text-decoration: none;
	background-position: right -8px;
	background-image: url(images/commun/bas_puce.gif);
	background-repeat: no-repeat;	
}

#acc_colg .infos li a:hover {
	color: #000000;
	background-position: right -80px;
	background-image: url(images/commun/bas_puce.gif);
	background-repeat: no-repeat;
}



#acc_illustration {
	float: right;
	width: 590px;
	text-align: right;
	margin: 30px 0 0 0;
	padding: 0;
	background-color: #ffffff;
}

#acc_cold {
	float: right;
	padding-top: 1em;
	background-color: #ffffff;
}




/* PAGE TYPE */
/*----------*/

#colg {
	float: left;
	width: 310px;
}

#colg .intro_photo {
	height: 210px;
}

#colg .intro {
	width: 300px;
	font-size: 0.7em;
	margin: 0 0 5px 0;
	padding: 0 0 2em 0;
	background-color: #ffffff;
}

#colg .intro h1 {
	font-size: 1.7em;
	font-weight: normal;
	text-transform: uppercase;
	color: #0099cc;
	margin: 0 15px 10px 0;
	padding: 2px 0 0 20px;
}

#colg .intro .envaleur {
	color: #0099cc;
	margin: 0 20px 5px 20px;
	padding: 0;
}

#colg .intro .text {
	margin: 0 20px 5px 20px;
	padding: 0;
}

#colg .intro .text p {
	margin: 0 0 0.4em 0;
	padding: 0;
}

#colg .outils {
	margin: 0 10px 0 0;
	padding: 0.5em 0 0.4em 0;
	background-color: #0099cc;
}

#colg .outils form {
	margin: 0;
	padding: 0;
}

#colg .outils img {
	float: left;
	margin: 0 5px 0 0;
	padding: 0;
}


#colg .outils label {
	display: none;
}

#colg .outils .rech {
	float: left;
	width: 150px;
	font-size: 0.7em;
	color: #0099cc;
	margin: 0 1px 0 10px;
	padding: 0 0 0 5px;
	border: 1px solid #ffffff;
	background-color: #ffffff;
}


#colg .infos {
	font-size: 0.65em;
	color: #ffffff;
	margin: 0 10px 0 0;
	padding: 0 0 0.4em 0;
	background-color: #0099cc;
}

#colg .infos a:link, #colg .infos a:visited {
	color: #ffffff;
	text-decoration: none;	
}

#colg .infos a:hover {
	text-decoration: underline;
}

#colg .infos ul {
	line-height: 1.4em;
	text-align: left;
	margin: 0;
	padding: 0;
}

#colg .infos li {
	display: inline;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

#colg .infos li a:link, #colg .infos li a:visited {
	margin: 0;
	padding: 0 16px 0 0;
	color: #ffffff;
	text-decoration: none;
	background-position: right -8px;
	background-image: url(images/commun/bas_puce.gif);
	background-repeat: no-repeat;	
}

#colg .infos li a:hover {
	color: #000000;
	background-position: right -80px;
	background-image: url(images/commun/bas_puce.gif);
	background-repeat: no-repeat;
}


/* illustration en fin de contenu */

.baspage {
	float: right;
	width: 590px;
	margin: 0;
	padding: 0;
}

.baspage img {
	margin: 0;
	padding: 0;
	border: 0;
}




/* BAS DE PAGE */
#bas {
	clear: both;
	margin: 0 0 0 350px;
	padding: 0 0 0.1em 0;
	background-position: left 30px;
	background-image: url(images/commun/bas_fond.gif);
	background-repeat: no-repeat;
	background-color: #0099cc;
}

#bas .hautpage {
	margin: 0 0 0 20px;
	padding: 30px 0 0 0;
}

*+html #bas .hautpage {
	padding: 17px 0 0 0;
}


#bas .rubriqueniv1 {
	font-size: 0.7em;
	color: #ffffff;
	text-transform: uppercase;
	margin: 0 0 0.3em 310px;
	padding: 0;
}

#bas .rubriqueniv1 a:link, #bas .rubriqueniv1 a:visited {
	color: #ffffff;
	text-decoration: none;	
}

#bas .rubriqueniv1 a:hover {
	color: #000000;
}



#bas .chemin ul {
	line-height: 1em;
	text-align: left;
	margin: 0 0 0.7em 0;
	padding: 0 0 0.7em 0;
	border-bottom: 1px solid #ffffff;
}

#bas .chemin li {
	display: inline;
	font-size: 0.65em;
	color: #ffffff;
	white-space: nowrap;
	margin: 0;
	padding: 0;
}

#bas .chemin li a:link, #bas .chemin li a:visited {
	margin: 0;
	padding: 0 16px 0 0;
	color: #ffffff;
	text-decoration: none;
	background-position: right -8px;
	background-image: url(images/commun/bas_puce.gif);
	background-repeat: no-repeat;	
}

#bas .chemin li a:hover {
	color: #000000;
	background-position: right -80px;
	background-image: url(images/commun/bas_puce.gif);
	background-repeat: no-repeat;
}

#bas .chemin ul .active a:link, #bas .chemin ul .active a:visited, #bas .chemin ul .active a:hover {
	color: #ffffff;
	background-position: right -80px;
	background-image: url(images/commun/bas_puce.gif);
	background-repeat: no-repeat;	
}


#bas .clavier ul {
	line-height: 1em;
	text-align: left;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#bas .clavier li {
	display: inline;
	font-size: 0.65em;
	color: #ffffff;
	margin: 0 3px 0 0;
	padding: 0 7px 0 0;
	border-right: 1px solid #ffffff;
}


#bas .logos ul {
	line-height: 1em;
	text-align: left;
	margin: 0 0 1.5em 0;
	padding: 0;
}

#bas .logos li {
	display: inline;
	font-size: 0.65em;
	color: #ffffff;
	margin: 0 15px 0 0;
	padding: 0;
}