/*** xnet 20100702-091410 n=4 ***/

/*** Debut Base (CSS0000001 maj 2010-05-08 21:01:57) ***/
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, a, blockquote, pre, abbr, acronym, address, big, cite, code, del, dfn, em,
font, img, ins, kbd, q, s, samp, small, strike, tt, var, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody,
tfoot, thead, tr, th, td { border: 0 none; font-family: inherit; font-size: 100%; font-style: inherit; font-weight: inherit; margin: 0; padding: 0; }
body { height: 100%; }
form { display: inline; }
table { border-collapse: separate; border-spacing: 0; display: block; }
caption, th, td { font-weight: normal; text-align: left; vertical-align: top; }
a { color:inherit; cursor: pointer; outline: none; text-decoration: none; }
div.cleaner { clear:both; height: 1px; line-height: 1px; }
/*** Fin Base (CSS0000001 maj 2010-05-08 21:01:57) ***/

/*** Debut CSS em-xnet.com (CSS0000002 maj 2010-07-01 16:55:12) ***/
/* global */
body {
    background: #57667D;
    color: white;
    font-family:arial, sans-serif;
    margin:0;
    padding:0;
}
table, tr, td, div, img {
	border: 0;
	margin: 0;
	padding: 0;
}
table {
	border-collapse: collapse;
}
th, td, div, span {
	font-family: arial, sans-serif;
}
.cleaner {
	clear: both;
	height: 1px;
}
select {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #fff;
	color: #4B5770;
	border: 1px solid #EFEFEF;
	margin: 0;
	padding: 0;
}
textarea, input {
	font-family: arial, sans-serif;
	font-size: 12px;
	font-weight: normal;
	background-color: #fff;
	color: #1C3854;
	border: 1px solid #EFB730;
	margin: 0;
}
input.btnValid {
	color: white;
	background-color: #506078;
	border: 1px solid #D8D9DE;
	font-weight: normal;
	padding: 0 10px;
}
input.btnValid:hover {
	color: #EFB730;
	background-color: #1C3854;
}

#top {
	display: block;
	position: absolute;
	width: 900px;
	top: 0;
	left: 50%;
	margin: 0 0 0 -450px;
}

#bandeauTop {
	background: #57667D url(./img/bg-bandeau.png) repeat left bottom;
	padding: 0 0 8px 0;
	text-align: center;
}
#bandeauTop img {
	display: inline;
}
#bandeauTop .slogan { background:transparent url(./img/icone_em.png) no-repeat 24px 5px; color:#eee; letter-spacing:1px; padding:8px 2px 8px 84px; text-align:left; }
#bandeauTop .slogan h1 { color:#fff; float:right; font-size:13px; font-weight:normal; padding:2px; margin:10px 24px 0 0; text-align:right; }
#bandeauTop .slogan .xl {font-size: 22px; font-weight:bold; padding:0 2px; margin:4px 0 0 0; }
#bandeauTop .slogan .m { color: #EFB730; font-size: 12px; font-weight:normal; padding:0 2px; margin:0; }

h3 { border-bottom:1px solid #9FA6B3; color:#9FA6B3; font-size:13px; font-weight:bold; padding:0; margin:24px 0 12px 0; text-align:left; }

/* Menu */

#menu {
	display: block;
	background: #fff url("./img/bg3-menu_suite.png") top repeat-x;
	height: 26px;
	padding: 0;
	margin: 0;
	width: 900px;
}
#menug {
	background: url("./img/bg3-menu_arrondi_g.png") right no-repeat;
	display: block;
	position: relative;
	top: 0;
	float: left;
	width: 75px;
	height: 26px;
}
#menuc {
	background: url("./img/bg3-menu.png") top repeat-x;
	display: block;
	position: relative;
	top: 0;
	float: left;
	width: 750px;
	height: 26px;
}
#menud {
	background: url("./img/bg3-menu_arrondi_d.png") left no-repeat;
	display: block;
	position: relative;
	top: 0;
	float: left;
	width: 75px;
	height: 26px;
}
#menu ul {
	background: url("./img/bg3-menu.png") top repeat-x;
	position: absolute;
	top: 0px;
	left: 50%;
	padding: 0;
	margin: 0 0 0 -370px;
	border-style: none;
	list-style: none;
	width: 750px;
}
#menu li {
	position: relative;
	top: 0;
	float: left;
	padding: 0;
	margin: 0;
	width: 145px;
}
#menu li.menuSuiteG, #menu li.menuSuiteD {
	width: 10px;
}
#menu ul a:link, #menu ul a:visited, #menu ul li.menuSuiteG span, #menu ul li.menuSuiteD span {
	background: #1C3754 url("./img/bg3-menu.png") top repeat-x;
	display: block;
	float: left;
	padding: 4px 0px;
	text-decoration: none;
	border-left: 1px solid #647086;
	border-right: 1px solid #323842;
	border-top: 0 none;
	border-bottom: 0 none;
	color: white;
	font-size: 13px;
	font-weight: normal;
	width: 100%;
	text-align: center;
	line-height: 18px;
}
#menu ul li.menuSuiteG span {
	border-left: 0;
	height: 18px;
}
#menu ul li.menuSuiteD span {
	border-right: 0;
	height: 18px;
}
#menu ul li#menuActif span {
	background: #fff url(./img/bg3-menu_actif.png) top repeat-x;
	display: block;
	float: left;
	padding: 4px 0px;
	text-decoration: none;
	border-left: 1px solid #FFD97F;
	border-right: 1px solid #FFD97F;
	color: #1C3754;
	font-size: 13px;
	font-weight: bold;
	width: 100%;
	text-align: center;
	line-height: 18px;
}
#menu ul li a:hover {
	color: #EFB730;
	text-decoration: none;
	line-height: 18px;
}

/* Corps */

#corps {
	display: block;
	background: #fff;
	padding: 0;
	margin: 0;
}
#ssTitre, div.info, div.err {
	padding: 20px 0;
	text-align: center;
	margin: 0 50px;
}
#ssTitre {
	background: #fff url(./img/fleche-bas.png) 200px 0 no-repeat;
	color: #ED9E00;
        font-size: 12px;
        padding-bottom: 0;
}
#ssTitre .cadre  { background:#f1f1f1; border:1px solid #f7f7f7; padding:16px; }
#ssTitre.menu1 { background-position: 75px 0; }
#ssTitre.menu2 { background-position: 220px 0; }
#ssTitre.menu3 { background-position: 365px 0; }
#ssTitre.menu4 { background-position: 510px 0; }
#ssTitre.menu5 { background-position: 655px 0; }
#ssTitre h1 {
	display: block;
	font-size: 14px;
	font-weight: normal;
	padding: 0;
	margin: 0;
}
div.info span {
	display: inline;
	color: #1C3854;
	font-size: 12px;
	font-weight: bold;
}
div.err span {
	display: inline;
	color: red;
	font-size: 12px;
	font-weight: bold;
	border: 1px solid red;
}
#ssMenu {
	display: block;
	position: absolute;
	left: 0;
	top: 100px;
	margin: 0;
	padding: 0;
	width: 230px;
}
#ssMenu ul {
	display: block;
	width: 100%;
	list-style: none;
	margin: 0;
	padding: 0;
}
#ssMenu ul li {
	background: #506078;
	display: block;
	margin: 0 10px 0 10px;
	padding: 0;
	border-top: 1px solid #647086;
	border-bottom: 1px solid #323842;
}
#ssMenu ul li a:link, #ssMenu ul li a:visited {
	background: #506078 url("");
	display: block;
	padding: 5px 0;
	text-decoration: none;
	border-left: 0 none;
	border-right: 0 none;
	color: white;
	font-size: 12px;
	font-weight: bold;
	width: 100%;
	text-align: center;
}
#ssMenu ul li a:hover {
	color: #EFB730;
	text-decoration: none;
	font-weight: bold;
}
#ssMenu ul li a.btnMenuActif:link,
#ssMenu ul li a.btnMenuActif:visited {
	background: #D8D9DE url("./img/fleche-droite.png") 2px center no-repeat;
	color: #1C3754;
	font-weight: bold;
	text-decoration: none;
}
#ssMenu ul li#ssMenuH,
#ssMenu ul li#ssMenuB {
	display: block;
	margin: 0 10px 0 10px;
	padding: 0;
	border: 0;
}
#ssMenu ul li#ssMenuH {
	background: #506078 url("./img/bg-ssmenuh_logo.png") top no-repeat;
	border-bottom: 1px solid #323842;
	height: 55px;
}
#ssMenu span {
	display: block;
	font-size: 10px;
	letter-spacing: 1px;
	color: #8E9099;
	text-align: center;
	margin: 0 20px;
}
#ssMenu ul li#ssMenuB {
	background: url("./img/bg-ssmenub.png") top center no-repeat;
	border-top: 1px solid #647086;
	height: 12px;
}

/* Pied Page*/

#piedPage {
	clear: both;
	display: block;
	background: url("./img/bg-pied_page.png") top repeat-x;
	height: 42px;
	padding: 0;
	margin: 0;
	text-align: center;
	width: 900px;
}

#piedPage * {
    color: white;
	font-size: 11px;
}
#piedPage span {
	display: block;
	position: relative;
	top: 0px;
	padding-top: 24px;
	text-align: center;
}
#piedPage span a:link, #piedPage span a:visited {
	text-decoration: none;
}
#piedPage span a:hover {
	text-decoration: none;
	color: #FFD97F;
}
div.blocTitre {
	background: #fff url("./img/puce_orange.png") no-repeat;
	display: block;
	position: absolute;
	padding: 0;
	margin: 0;
	text-align: center;
}

div.blocTitre a
{
	display: block;
	color: #647086;
	font-size: 16px;
	text-align: center;
	text-decoration: none;
	font-weight: bold;
	letter-spacing: 1px;
}

div.blocTitre a:hover
{
	color: #EFB730;
	text-decoration: none;
}

div.blocTitre span
{
	display: block;
	color: #647086;
	font-size: 12px;
	font-weight: normal;
	line-height: 14px;
}

div.filetv {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	border-left: 1px solid #EFBF37;
	width: 1px;
	line-height: 0px;
}
div.fileth {
	position: absolute;
	padding: 0;
	margin: 0;
	border: 0;
	border-top: 1px solid #EFBF37;
	height: 1px;
	line-height: 0px;
}

/* D?tail des offres */

div.offreDetail {
    background-color: #fff;
    color: #1C3854;
    display: block;
    padding: 0 30px 12px 30px;
    margin: 0;
}
.offreDetail div.bandeauH {
	background: transparent url(./img/detail_hr.png) center top no-repeat;
	height: 10px;
}
.offreDetail div.bandeauB {
	background: transparent url(./img/detail_hr.png) center top no-repeat;
	height: 10px;
	margin-top: 5px;
}
.offreDetail h2 {
	font-weight: bold;
	font-size: 12px;
	text-align: left;
	padding: 15px 0 0 0;
	margin: 0 0 10px 0;
	border-bottom: 1px solid #ED9E00;
}
.offreDetail h2 span {
	font-weight: normal;
	color: #ED9E00;
}
.offreDetail p {
	display: block;
	padding: 0 0 0 0;
	font-size: 12px;
	color: #1C3854;
	margin: 0 0 10px 0;
	line-height: 16px;
}

p.notaBene
{
	background: #fff url("./img/puce_sup.png") left center no-repeat;
	padding: 0 0 0 10px;
	font-size: 12px;
	color: #8E9099;
	text-align: left;
	line-height: 14px;
	margin: 0 0 10px 0;
}

.offreDetail ul {
	display: block;
	padding: 0 0 0 30px;
	margin: 0 0 0 20px;
	font-size: 12px;
	color: #1C3854;
	list-style-image: url("./img/puce_orange_fd_blanc.png");
}
ul.niv2 {
	list-style-image: url("./img/puce_sup2.png");
}
.offreDetail li {
	margin: 5px 0;
	line-height: 15px;
}
.offreDetail span.gras {
	color: #1C3854;
	font-weight: bold;
	font-size: 12px;
}
.lienContact {
	background: #efba32 url(./img/bg4.png) repeat-x top ;
	border: 1px solid #fFc740;
	color: #1C3854;
	font-size: 13px;
	text-align: center;
	padding: 4px 20px 8px 20px;
	line-height: 1.3em;
	margin: 20px 0;
}
.lienContact a {
	color: #1C3854;
	font-weight: bold;
	text-decoration: underline;
}
.lienContact .invite {
	color:#fff;
	font-weight:bold;
	font-size:14px;
}
a {
	color: #647086;
	font-weight: normal;
	text-decoration: underline;
}
a:hover {
	text-decoration: underline;
	color: #1C3854;
}
img.capture1 {
	display: inline;
	position: relative;
	top: 0;
	left: 40px;
}
img.capture2 {
	display: inline;
	position: relative;
	top: 20px;
	left: -10px;
}
img.capture3 {
	display: inline;
	position: relative;
	top: 10px;
	left: -30px;
}
#enImages {
	height: 200px;
}
label {
	display: block;
	position: relative;
	float: left;
	color: #1C3854;
	font-weight: normal;
	font-size: 12px;
	width: 100px;
	text-align: left;
}

/* Mentions l?gales */
#legal {
    margin: 15px;
    background-color: white;
    color: #1C3854;
}

table.tarifs {
	border-collapse: collapse;
	color: #444;
	font-size: 11px;
	margin: 12px 50px;
}
table.tarifs tr th {
	background: #ddd;
	color: #1C3854;
	font-weight: normal;
	padding: 4px 8px;
	text-align: center;
	border: 1px solid #ccc;
}
table.tarifs tr.entete th {
	background: #647086;
	color: #fff;
	border: 1px solid #748096;
}
table.tarifs tr td {
	border: 1px solid #ddd;
	color: #1C3854;
	padding: 4px 20px;
	text-align: center;
}
table.tarifs tr.entete td {
	border: none;
}
table.tarifs strong {
	font-size: 12px;
}
span.fort {
	color: #ED9E00;
	font-size: 14px;
	font-weight: bold;
}/*** Fin CSS em-xnet.com (CSS0000002 maj 2010-07-01 16:55:12) ***/

/*** Debut CSS accueil (CSS0000003 maj 2010-06-28 11:28:06) ***/
#blocPrinc {
	display: block;
	position: absolute;
	width: 500px;
	top: 410px;
	left: 200px;
	padding-top: 25px;
	text-align: center;
}
#blocPrinc span {
	color: #1C3854;
	font-size: 16px;
	text-align: center;
}
#realTxt {
	background-position: bottom;
	left: 160px;
	top: 280px;
	width: 341px;
	height: 87px;
}
#realTxt a {
	font-size: 16px;
}
#realTxt .blocTitre { font-size:12px; }
#realLigne1 {
	left: 330px;
	top: 367px;
	height: 65px;
}
#commTxt {
	background-position: top;
	left: 80px;
	top: 555px;
	width: 250px;
	padding-top: 12px;
	font-weight: normal;
}
#commLigne1 {
	top: 465px;
	left: 205px;
	height: 90px;
}
#commLigne2 {
	top: 465px;
	left: 205px;
	width: 85px;
}
#navsTxt {
	background-position: bottom;
	left: 605px;
	top: 330px;
	width: 251px;
	height: 100px;
	font-weight: normal;
}
#navsTxt a, #commTxt a {
	font-size: 20px;
}
#navsLigne1 {
	top: 425px;
	left: 730px;
	height: 41px;
}
#navsLigne2 {
	top: 465px;
	left: 610px;
	width: 120px;
}
/*** Fin CSS accueil (CSS0000003 maj 2010-06-28 11:28:06) ***/

/*** Debut CSS formulaire (CSS0000004 maj 2010-07-02 09:14:10) ***/
.cmsForm dt { clear:both; float:left; font-size:12px; font-weigth:bold; padding:6px 0; text-align:right; width:35%; }
.cmsForm dt span { padding-right:8px; }
.cmsForm dd { float:left; padding:6px 0; width:50%; }
.cmsFormIntro, .cmsFormValider { clear:both; padding-left:35%; }
.cmsForm input, .cmsForm textarea { width:300px; }
.cmsForm textarea { height:100px; }
.cmsFormInfoSaisie { color:#9BA1B1; display:block; font-size:11px; width:50%; }
.cmsFormFin { color:#9BA1B1; padding:12px 0 0 35%; }
.cmsFormBtnValider { font-size:13px; font-weight:bold; padding:3px 8px; }
a.cmsFormBtnValider:active, a.cmsFormBtnValider:link, a.cmsFormBtnValider:visited { background:#f1f1f1; border:1px solid #f7f7f7; color:#495B73; text-decoration:none; }
a.cmsFormBtnValider:hover { background:#ddd; border:1px solid #eee; color:#f60; text-decoration:none; }
.cmsFormOk { text-align:center; }/*** Fin CSS formulaire (CSS0000004 maj 2010-07-02 09:14:10) ***/