/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */
/* --- Theme : WelcomeToTheSky --- */
/* ------------------------------- */
/* ------------------------------- */
/* ------------------------------- */



/* ---------------------------------- */
/* --- CSS Reset Padding & Margin --- */
/* ---------------------------------- */

* {margin:0;padding:0;}
html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, dd, dl, dt, li, ol, ul, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin: 0;padding: 0;border: 0;font-weight: inherit;font-style: inherit;}
img { border:0; }
input { vertical-align:middle; }
.clear:after {content: ".";display: block;height: 0;clear: both;visibility: hidden;}
a img {border:0;}
.separator {clear:both;height:0px;visibility:hidden;}


/* ---------------------- */
/* --- General Styles --- */
/* ---------------------- */

body {
	background: url(../Images/background.jpg) repeat;font-family: Arial,Verdana,Sans-Serif;font-size: 12px;
}
.main {
	margin: 0 auto;width: 960px;
}
.wrapper {
	background: #fff;padding: 10px;-webkit-box-shadow:2px 2px 5px #e0e0e0;position: relative;
}
a {
	color: #7db51b;
}
a:hover {
	color: #7db51b;
}

/* ------------------- */
/* --- Typo Styles --- */
/* ------------------- */

h1 {
	color: #7e6558;font-size: 32px;margin-bottom: 10px;
}
h1 span {
	font-size: 20px;margin-bottom: 20px;
}
h2 {
	color: #7e6558;font-size: 18px;margin-bottom: 10px;
}
h3 {
	color: #444;font-family: Georgia,Serif;font-size: 15px;line-height: 24px;
}
h4 {
	color: #444;font-size: 14px;font-weight: bold;text-transform: uppercase;
}
h5 {
	color: #7e6558;font-size: 12px;font-weight: bold;
}
a.button {
	background: #7db51b;color: #fff;font-size: 13px;padding: 10px 20px;text-decoration: none;text-transform: uppercase;margin: 10px;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow: 1px 1px 1px #547a12;
}
a.button:hover {
	background: #7e6558;text-shadow: 1px 1px 1px #503f36; -webkit-transition: background 0.2s linear;
}
a.bouton {
	background: #7db51b;color: #fff;font-size: 13px;padding: 10px 20px;text-decoration: none;text-transform: uppercase;margin: 10px;-moz-border-radius:3px;-webkit-border-radius:3px;text-shadow: 1px 1px 1px #547a12;
}
a.bouton:hover {
	background: #7e6558;text-shadow: 1px 1px 1px #503f36; -webkit-transition: background 0.2s linear;
}

/* ------------------ */
/* --- Nav Styles --- */
/* ------------------ */

ul#nav {
	background: url(../Images/banner-bg.gif) no-repeat;display: block;height: 75px;margin: 10px 0;margin-left: -18px;padding: 0 10px;position: relative;width: 956px;
}
ul#nav li {
	display: inline;
}
ul#nav li a {
	color: #c6e68f;float: left;font-size: 14px;margin-right: 20px;padding: 23px 10px;text-decoration: none;text-transform: uppercase;text-shadow: 1px 1px 1px #547a12;outline: none;
}
ul#nav li a:hover,ul#nav li a.active {
	color: #fff; -webkit-transition: color 0.2s linear;
}
ul#nav li a.last-nav-item {
	color: #fff;float: right;margin-right: 0;
}



/* --------------------- */
/* --- Header Styles --- */
/* --------------------- */

.header {
	background: #ececec url(../Images/background-header.jpg) no-repeat top right;margin-top: -10px;padding: 10px;
}
.text-header {
	float: left;width: 471px;
}
.text-header a img {
	float: right;margin: 10px 10px 0 10px;
}


#caract-list,#caract-list li {
	display: inline;
}
#caract-list {
	float: left;margin: 20px 0;
}
#caract-list li {
	color: #999;float: left;font-size: 12px;width: 258px;
}
#caract-list li h5 {
	border-bottom: 1px dashed #ececec;
}

html body .simple {
	background: url(../Images/icon-easy.png) no-repeat center left;padding: 10px 10px 10px 45px;
}
html body .price {
	background: url(../Images/icon-price.png) no-repeat center left;padding: 10px 10px 10px 45px;
}
html body .pro {
	background: url(../Images/icon-pro.png) no-repeat center left;padding: 10px 10px 10px 45px;
}
html body .business {
	background: url(../Images/icon-business.png) no-repeat center left;padding: 10px 10px 10px 45px;
}
html body .network {
	background: url(../Images/icon-net.png) no-repeat center left;padding: 10px 10px 10px 45px;
}
html body .contact {
	background: url(../Images/icon-contact.png) no-repeat center left;padding: 10px 10px 10px 45px;
}

/* ------------------------------- */
/* --- Homepage TextBox Styles --- */
/* ------------------------------- */

ul#graph-link {
	background: #ececec;float: left;height: 140px;margin-top: 10px;
}
ul#graph-link,ul#graph-link li {
	display: inline;
}
ul#graph-link li a {
	float: left;height: 120px;padding: 10px;text-decoration: none;width: 215px;outline: none;position: relative;
}
ul#graph-link li a h2 {
	color: #83b825;font-size: 15px;font-weight: bold;text-transform: uppercase;
}
ul#graph-link li a p {
	color: #444;font-family: Georgia,Serif;font-size: 13px;
}
ul#graph-link li a span {
	background: #fff;bottom: 10px;color: #618c15;display: none;padding: 3px 6px;position: absolute;right: 10px;-moz-border-radius:3px;-webkit-border-radius:3px;
}
ul#graph-link li a span:hover {
	background: #618c15;color: #fff;-webkit-box-shadow:1px 1px 1px #547a12;-webkit-transition: background 0.2s linear;
}
ul#graph-link li a:hover span {
	display: inline;
}
ul#graph-link li a:hover {
	background: #7db51b;filter:alpha(opacity=70);opacity: 0.7;-webkit-transition: background 0.2s linear;
}
ul#graph-link li a:hover h2 {
	color: #fff;text-shadow: 1px 1px 1px #547a12;
}
ul#graph-link li a:hover p {
	color: #e2eece;
}

h2.arrow {
	background: url(../Images/banner-arrow-bg.gif) no-repeat;display: block;height: 75px;margin: 10px 0;width: 926px;margin-left: -18px;padding: 0 10px;position: relative;
}
h2.arrow span b a {
	color: #fff;font-style: italic;font-weight: bold;text-decoration: none;
}
h2.arrow span b a:hover {
	text-decoration: underline;
}
h2.arrow span {
	color: #fff;float: left;font-size: 18px;padding: 22px 0;text-transform: uppercase;text-shadow: 1px 1px 1px #547a12;margin-left: 10px;
}

/* --------------------------- */
/* --- Page Content Styles --- */
/* --------------------------- */

h2.banner-h2 {
	background: url(../Images/banner-bg.gif) no-repeat;display: block;height: 75px;margin: 0 0 10px 0;margin-left: -18px;padding: 0 10px;position: relative;width: 956px;
}
h2.banner-h2 span {
	color: #fff;float: left;font-size: 16px;padding: 22px 0;text-transform: uppercase;text-align: center;width: 100%;text-shadow: 1px 1px 1px #547a12;
}
.content-wrapper {
	background: #f7f7f7;margin-top:-23px;padding:20px 0;position:relative;z-index:999;
}
.block-text {
	float: left;padding: 0 10px;width: 450px;
}
.content-wrapper h4 {
	margin-bottom: 5px;
}
.content-wrapper span {
	color: #787878;font-family: Georgia, Serif;font-size: 13px;line-height: 18px;
}
.content-wrapper p {
	color: #7e6558;font-size: 16px;margin: 30px 0;
}
.content-wrapper p b {
	color: #503f36;font-size: 23px;
}
.visible-separator {
	background: #d8d8d8;border: 0;height: 1px;margin: 20px auto;width: 400px;
}


a.arrow-right {
	background: #7e6558;color: #fff;font-size: 11px;text-decoration: none;padding: 3px 6px;position: absolute;bottom: 10px;right: 10px;
}
a.arrow-left {
	background: #7e6558;color: #fff;font-size: 11px;text-decoration: none;padding: 3px 6px;position: absolute;bottom: 10px;left: 10px
}
a.arrow-right:hover,a.arrow-left:hover {
	background: #7db51b;color: #fff;
}

.account-choice {
	border-right: 1px solid #d8d8d8;margin: 0 auto;
}
.account-choice th {
	background: #f9f9f9;border-top: 1px solid #d8d8d8;border-left: 1px solid #d8d8d8;padding: 10px 5px;vertical-align: middle;
}
.account-choice tr td {
	background: #f1f1f1;border: 1px solid #d8d8d8;border-bottom: 0;border-right: 0;color: #7db51b;font-weight: bold;padding: 5px;text-align: center;
}
.account-choice tr td.first-td {
	background: #f9f9f9;color: #444;font-family: Georgia, Serif;font-size: 12px;font-weight: normal;text-align: left;
}
.account-choice th h4 {
	font-size: 26px;margin-bottom: 5px;
}
.account-choice th p {
	color: #c6e68f;
}
.account-choice th p b {
	color: #fff;
}
html body .big-account-choice {
	background: #fff;border-left: 3px solid #7db51b;border-right: 3px solid #7db51b;
}
html body .account-choice tr.suscribe td.first-td {
	background: #fff;border: 0;
}
.account-choice tr.suscribe td {
	border-bottom: 1px solid #d8d8d8;padding: 15px;	
}
.account-choice tr.suscribe td.big-account-choice {
	border-bottom: 3px solid #7db51b;
}
.account-choice tr.suscribe td a {
	background: #7db51b;color: #fff;padding: 8px 16px;-moz-border-radius: 3px;-webkit-border-radius: 3px;text-decoration: none;
}
.account-choice tr.suscribe td a:hover {
	background: #7e6558;
}

.pop-up-background {
	display: none;background: #000;opacity: 0.5;filter: alpha(opacity=50);position: absolute;height: 100%;top: 0;left: 0;width: 100%;z-index: 9998;
}
.pop-up-contact {
	display: none;background: #fff;height: 320px;left: 50%;margin-left: -260px;margin-top: -170px;padding: 10px;position: absolute;top: 50%;width: 500px;z-index: 9999;-moz-border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius-bottomleft: 0;-webkit-border-bottom-left-radius :0;
}
.pop-up-confirmation {
	display: none;background: #fff;height: 30px;left: 50%;margin-left: -175px;margin-top: -15px;padding: 10px;line-height: 30px;font-size: 18px;position: absolute;top: 50%;width: 330px;z-index: 9999;-moz-border-radius: 15px;-webkit-border-radius: 15px;-moz-border-radius-bottomleft: 0;-webkit-border-bottom-left-radius :0;color: #7e6558;
}
.close-contact-popup {
	cursor: pointer;padding: 2px;position: absolute;right: 10px;top: 10px;
}
.pop-up-contact table {
	margin: 20px auto 0;width: 350px;
}
.pop-up-contact table td {
	padding: 10px 5px;vertical-align: middle;
}
.pop-up-contact label,.pop-up-contact span {
	font-family: Georgia, Serif;
}
.pop-up-contact input {
	background: #f9f9f9;border: 1px dashed #7e6558;padding: 3px 6px;width: 200px;
}
.pop-up-contact input:hover,.pop-up-contact input:focus {
	background: #f1f1f1;border: 1px solid #7db51b;
}
.pop-up-contact .submit {
	text-align: right;
}
.pop-up-contact .submit input {
	background: #7db51b;border: 0;color: #fff;cursor: pointer;padding: 8px 16px;-moz-border-radius: 3px;-webkit-border-radius: 3px;text-decoration: none;
}


.contact-us {
	background: #ececec url(../Images/small-icon-contact.jpg) no-repeat left center;padding: 10px 5px 10px 35px;position: absolute;top: 10px;right: 10px;font-size: 14px;color: #7e6558;
}
.contact-us b {
	color: #7db51b;
}
/* --------------------- */
/* --- Footer Styles --- */
/* --------------------- */

.footer {
	color: #9c9c9c;padding: 10px;text-align: right;
}
.footer a {
	color: #9c9c9c;font-size: 11px;text-decoration: none;
}
.footer a:hover {
	color: #c1da96;
}

fieldset.signup{
	border: 3px double #f5f5f5;margin: 0 auto;padding: 20px;width: 600px;
}
fieldset.signup label {
	float: left;margin: 10px 0;width: 160px;
}
fieldset.signup input{
	border: 3px double #232323;padding: 5px;margin: 5px 0;width: 300px;
}
fieldset.signup input:focus,fieldset.signup input:hover{
	background: #f9f9f9;
}
.signup_text{
	margin: 0 auto;text-align: center;width: 600px;
}
.SACT_tableau {font-size: 12px;margin: 30px 0px;width: 100%;}
.SACT_ligne td {background: #f6f6f6;border-bottom: 1px solid #bababa;padding: 8px;}
.SACT_entete td {background: #e5e5e5;font-size: 21px;font-family: Georgia,Serif;padding: 5px 10px;}
html .SACT_entete td {font-size: 17px;}
.SACT_description {font-size: 11px;color: #999;}
html .GEO_fenetre_ville {clear: both;font-size: 12px;margin: 0 auto 30px;text-align:center;width:100%;}
html .GEO_carte {width: 400px;float: left;display:none;}
.GEO_adresse {color:#444444;font-family:Georgia,Serif;font-size:16px;padding: 10px;width:420px;}
.GEO_question,.GEO_titre_liste {padding: 10px;width: 420px;}
.GEO_titre_liste {clear: both;}
.GEO_fenetre_ville td {background: #f9f9f9;border-bottom:1px solid #E9E9E9;padding: 5px;}
.GEO_tout_ajouter {clear:both;color:#E69A17;float:left;font-family:Georgia,Serif;font-size:16px;padding:10px;}
form a.confirm {float: none;}
.GEO_nom_ville {text-align: left;}
.GEO_distance {color: #555;}
.GEO_distance_sup {color: #fff;}
.GEO_distance_sup td {background: #E09292;}
.GEO_valider {float:right;}
.GEO_question .GEO_valider {float: none;}
.GEO_div_scroll {border: 5px solid #e8e8e8;clear:both;height:450px;overflow-y:scroll;width:600px;margin-top: 10px;margin:20px;}
.NB_MER_information {margin:20px 0;}
html body .tour_feature_left a {padding:0px;}
.tour_feature_left a span {float:left;padding:10px;}
.NB_MER_titre{
	margin-bottom: 20px;
}
.SITE_form{
	line-height:23px
}
div.LI_onglet_login form .message_erreur{
	width: 134px;font-size: 11px;
}