@charset "UTF-8";
/* droselia.css */

/*

Structurer le document de la façon suivante : :

LAYOUT [ width, height, position, float, padding, margin ]

STYLE [ background-, border-, text-, vertical-align, list-style- ]

TYPO [ font-, color ]

*/


/* Reset CSS */
* { padding:0; margin:0; }

/* Balises générales */

body {
	background:#fcfcfc;
	
	font-family:Arial, Helvetica, sans-serif;
	font-size:62.5%;
}

a { outline:0; }

a img, img { border:0px; }

.rollover {
	cursor:pointer;
}

#page {
	font-size:1.1em; /* 11px */
}

h2 {
	color:#096395;
	margin-top:20px;
}


/* *******************************
COMMUN
******************************* */

#header img {
	display:block;
	margin:0 auto;
}

.center {
	width:980px;
	
	margin:auto;
}

.content {
	width:980px;
	height:1%;
	
	margin-top:20px;
	overflow:auto;
}

.text-explicatif {
	font-size:1.1em;
	/*color:#5480a6;*/
	color:#3d505f;
}

.text-explicatif a {
	font-weight:bold;
	color:#595a5a;
}

.text-explicatif a:hover {
	color:#1976bd;
}

#footer {
	margin: 10px 0 50px 0;
}

#footer #footer-menu {
	width:980px;
	
	margin:auto;
}
#footer #footer-menu #sitemap {
	width:980px;
	height:46px;
		
	background:url(../images/visitors/commun/footer-bg.png) no-repeat;
}

#footer #footer-menu #sitemap #plansite {
	float:left;
}

#footer #footer-menu #sitemap #menu-footer {
	float:left;
	
	margin:17px 0 0 20px;
}

#footer #footer-menu #sitemap #menu-footer a {
	margin:0 20px;
}

#footer #footer-menu #sitemap a {
	font-size:1.1em;
	font-weight:bold;
	color:#0073b6;
	text-decoration:none;
}
#footer #footer-menu #sitemap a:hover {
	color:#666666;
	text-decoration:underline;
}

#footer #footer-menu #official {
	position:relative;

	margin-top:20px;
}
#footer #footer-menu #official span {
	font-size:1.6em;
	color:#444751;
}
#footer #footer-menu #official a {
	margin-left:16px;
	
	font-size:1em;
	font-weight:bold;
	color:#0073b6;
	text-decoration:none;
}
#footer #footer-menu #official a:hover {
	color:#666666;
	text-decoration:underline;
}

#footer #footer-menu #official #logos {
	position:absolute;
	right:0px;
	top:0px;
}
#footer #footer-menu #official #logos img {
	margin-left:15px;
}

.border-general {
	width:980px;

	margin:24px 0 20px 0;
	border-bottom:1px solid #e6e6e6;
}

/* *******************************
Home
******************************* */

.img-bg {
	width:980px;
	
	background:url(../images/visitors/home/main-bg.png) no-repeat center 15px;
}

#welcome-txt {
	float:left;
	width:452px;
	
	margin:0 0 20px 0;
}

#welcome-txt p {
	margin:10px 0 15px 0;
	
	font-size:1.2em;
	color:#3d505f;
}

#espace-webmaster {
	float:left;
	position:relative;
	width:188px;
	
	margin:20px 0 0 65px;
}

#espace-webmaster p {
	margin:5px 0;
}

#espace-webmaster p.usefull-links {
	margin-top:10px;
}

#espace-webmaster input.checkbox {
	margin-right:5px;
}

#espace-webmaster a {
	color:#015d92;
}
#espace-webmaster a:hover {
	color:black;
}

#espace-webmaster span {
	font-size:1.1em;
}

#espace-webmaster input.box-webmaster {
	width:170px;
		
	margin:5px 0;
	padding:2px 0;
	
	color:#3d505f;
	font-size:1.1em;
}

#espace-webmaster .remember-me input {
	position:relative;
	top:2px;
}

#espace-webmaster .btn-valider {
	margin-top:15px;
}

#espace-webmaster #error {
	color:#D33A3A;
	font-weight:normal;
}

#nouvelles {
	float:left;
	width:200px;
	
	margin:20px 0 0 60px;
}

#nouvelles p {
	margin:3px 0 15px 0;
}

#nouvelles h3 {
	position:relative;
}

#nouvelles a {
	font-size:1.1em;
	color:#3d8cba;
	text-decoration:none;
}
#nouvelles a:hover {
	text-decoration:underline;
}

#nouvelles span {
	font-weight:bold;
}

#nouvelles span.news {
	color:#0b4978;
}

#nouvelles a.btn-rss {
	position:absolute;
	top:0px;
	
	margin:auto 2px;
	padding:5px 5px;
}


/* *******************************
Inscription
******************************* */
#signup-failure {
	padding:5px 10px;
	
	background:#F6E6E6;
	border:1px solid #e5cbcb;
	
	color:#D02E2E;
	font-weight:bold;
}

.business-kind {
	margin: 10px 10px 0 10px;
	
	color:#797979;
}

.contact-infos {
	margin-right:10px;
}

.formulaire {
	width:980px;
	height:1%;
	
	overflow:auto;
}

.formulaire table {
	float:left;
	
	margin: 20px 0 0 30px;
	
	font-size:1.1em;
	color:#797979;
}

.formulaire input {
	width:160px;
	height:18px;
	
	margin-bottom:10px;
	
	color:#8c8c8c;
	font-size:0.9em;
}

.formulaire select {
	width:167px; 
	
	margin-bottom:10px;
}

.formulaire span {
	margin-left:5px;
	
	color:#d33a3a;
}

.formulaire .option {
	color:#a1a1a1;
	font-size:0.9em;
}

.formulaire #pays {
	color:#216186;
	font-weight:bold;
}

.formulaire #if-applicable {
	color:#5b849b;
}



.formulaire #list {
	width:100px;
}

.formulaire .table2 {
	margin-left:40px;
}


.formulaire .validator {
	float:right;
	width:180px;
	
	margin-top:20px;
		
	background:url(../images/visitors/inscription/validation-box-top.png) no-repeat top;
}

.formulaire .validator .center {
	width:160px;
	padding: 10px 10px 0 10px;
}

.formulaire .validator .center p {
	font-size:1.2em;
	font-weight:bold;
	color:#666666;
}

.formulaire .validator .center ul {
	margin: 10px 0 0 20px;
}

.formulaire .validator .center li {
	list-style:none;
	
	margin-top:2px;
	
	color:#595a5a;
	font-size:1.1em;
}

.formulaire .validator .center img {
	margin-right:5px;
}

.formulaire .validator .bottom {
	display:block;
}

#send-btn {
	text-align:center;
	
	margin-bottom:40px;
	
	color:grey;
	font-size:1.3em;
	font-weight:bold;
	text-decoration:underline;
}

#requirement-not-completed {
	margin-bottom:10px;

	text-align:center;
	font-size:1.1em;
	color:#d02e2e;
	font-weight:bold;
}

.formulaire .country-field {
	height:30px;
}

.avertissement-bank {
	margin:10px 0 0 385px;
}

.avertissement-bank span {
	color:#d33a3a;
}

.avertissement-bank a {
	color:#1976bd;
}
.avertissement-bank a:hover {
	color:black;
}

#delay {
	margin:15px auto;
	
	font-weight:bold;
	font-size:1.1em;
	color:#3d505f;
}


/* *******************************
Sites et projets
******************************* */

.bottom-smart {
	margin-bottom:25px;
}

.text-smart {
	margin-top:10px;

	color:#3d505f;
	font-size:1.18em;
}

#features-listing {
	overflow:auto;
}

#features-listing li {
	list-style:none;
	position:relative;
	float:left;
	
	padding:0;
	margin:4px 0 0 5px;
	
	text-align:left;
	border:1px solid #acd0ec;
}

#features-listing li:hover {
	background-color:#acd0ec;
}

#features-listing li.selected {
	width:135px;
	height:102px;
	
	margin-top:0px;
	padding:4px 0 0 4px;
		
	text-align:left;
	border:1px solid #547080;
	background-color:#658799;
}

#features-listing img {
	display:block;
	margin:4px;
}

/* *******************************
Reversements
******************************* */

p.txt-reversements {
	color:#5480a6;
	font-size:1.2em;
}

#revers-head {
	width:979px;
	margin-top:25px;
	
	border-bottom:1px solid #dcdfe1;
	background:url(../images/visitors/reversements/box-edges.png) no-repeat left top #fdfefe;
}

#revers-head .paiements {
	position:relative;
	left:36px;
}

#revers-head .reversements {
	position:relative;
	left:280px;
}

#revers-body {
	width:969px;
	margin:0;
	padding:5px 5px 8px 5px;
	
	list-style-type:none;
	background:url(../images/visitors/reversements/box-edges.png) no-repeat left bottom #fdfefe;
	
	color:#4c5d75;
	font-size:1.45em;
}

#revers-body li {
	padding:12px 0 12px 35px;
	
	background:url(../images/visitors/reversements/arrow.png) no-repeat 17px center #fdfefe;
}

#revers-body li.impair {
	background-color:#fbfcfe;
}

#revers-body table {
	width:100%;
}

#revers-body table .paiements {
	width:405px;
	
	font-weight:bold;
}

#revers-body table .paiements span {
	color:#5978ab;
}

#revers-body em {
	font-weight:bold;
	font-style:normal;
}

#revers-body strong {
	color:#52a133;
	font-weight:bold;
}

#revers-body .note {
	margin-left:20px;
	
	color:#4388b6;
	font-size:0.69em;
}

/* *******************************
Outils Promos
******************************* */

#tools-listing {
	overflow:auto;
}

#tools-listing li {
	list-style:none;
	position:relative;
	float:left;
	
	padding:0; 
	margin:4px 0 0 9px;
	
	text-align:left;
	border:1px solid #acd0ec;
}

#tools-listing li:hover {
	background-color:#acd0ec;
}

#tools-listing li.selected {
	width:152px;
	height:109px;
	
	margin-top:0px;
	padding:4px 0 0 4px;
		
	text-align:left;
	border:1px solid #547080;
	background-color:#658799;
}

#tools-listing img {
	display:block;
	margin:4px;
}

#slider #arrow-tools {
	position:absolute;
	top:-18px;
	left:349px;
}

p.text-explicatif {
	margin-top:15px;
}

/* *******************************
Foire aux Questions
******************************* */

#faq {
	margin-left:10px;

	color:#5480a6;
}

#faq img {
	margin-right:5px;
}

#faq li {
	list-style:none;
	
	margin-bottom:10px;
}

#faq a {	
	padding-left:12px;
	
	font-size:1.1em;
	font-weight:bold;
	color:#595a5a;
	text-decoration:none;
	
	background:url(../images/visitors/faq/bullet.png) no-repeat 1px center;
}

#faq a:hover {
	color:#1976bd;
	text-decoration:underline;
}

#faq .selected a {
	background:url(../images/visitors/faq/bullet-selected.png) no-repeat 1px center;
}

#faq .selected a {
	color:#278a00;
}

#faq .text-explain {
	width:700px;

	margin-bottom:10px;
	padding-left:30px;

	font-size:1.1em;
}


/* *******************************
Contact
******************************* */

#help {
	margin-top:15px;
	
	font-size:1.1em;
	color:#3d505f;
}

#box1 {
	float:left;
	width:485px;
}

#box2 {
	float:right;
	width:485px;
}

.box-top {
	display:block;
}

.box-bottom {
	width:455px;
	height:415px;
	
	padding:20px 10px 20px 20px;
	
	background:url(../images/visitors/contact/box-bottom.png) no-repeat center bottom;
}
.box-bottom ul {
	margin-top:10px;
}
.box-bottom li {
	list-style:none;
	
	margin-top:10px;
	
	color:#1976bd;
	font-size:1.1em;
}
.box-bottom li span {
	color:#595a5a;
	font-weight:bold;
}

.box-bottom a {
	color:#1976bd;
	font-weight:bold;
}
.box-bottom a:hover {
	color:#666666;
}

.box-bottom .border-formulaire {
	width:441px;

	margin:10px 0 15px 0;
	border-bottom:1px solid #e6e6e6;
}

.box-bottom table {
	font-size:1.2em;
	color:#595a5a;
	font-weight:bold;
}

.box-bottom table span {
	color:#d33a3a;
	margin-left:5px;
}

.box-bottom .input {
	width:217px;
	height:17px;
	
	paddin-top:7px;
	margin-bottom:10px;
	
	color:#8c8c8c;
	font-size:0.8em;
	font-weight:normal;
}

.box-bottom #list-subject {
	width:200px;
}

.box-bottom #text-box-suggestions {
	width:430px;
	height:150px;
	
	margin: 15px 0 15px 0;
}

.box-bottom #send-btn-contact {
	text-align:right;
	
	margin-right:19px;
}

.box-bottom #map {
	float:left;
	display:block;
	width:437px;
	height:247px;
	
	margin:15px 0 5px 0;
	
	border: 1px solid #cccccc;
}

.box-bottom #planing {
	text-align:right;
	margin-right:16px;
	
	font-size:1.1em;
}

.box-bottom span.contact-error {
	font-weight:normal;
	color:#d33a3a;
	font-size:0.9em;
}



/* *******************************
Nouvelles
******************************* */

#listing-news {
	float:left;
	width:336px;
			
	list-style-type:none;
	
	font-size:1.2em;
}

#listing-news li {
	position:relative;
	height:43px;
	
	margin:0;
	padding:0;	
	padding-left:15px;
	
	background:url(../images/visitors/news/dotted-line.png) no-repeat 43px bottom;
}

#listing-news li:hover {
	background-color:#f2f7fa;
	cursor:pointer;
}

#listing-news span.date-number {
	position:absolute;
	top:7px;
	
	margin:0;
	padding:0;
	
	font-size:2em;
	font-weight:bold;
	color:#6c6c6c;
	letter-spacing:-1.5px;
	text-align:right;
}

#listing-news span.date-month {
	position:absolute;
	left:45px;
	top:8px;
	
	font-size:1em;
	color:#6c6c6c;
}

#listing-news span.date-year {
	position:absolute;
	left:45px;
	top:21px;
	
	font-size:0.8em;
	color:#6c6c6c;
}

#listing-news span.nouvelle {
	position:absolute;
	left:75px;
	top:14px;
	
	font-size:1em;
	color:#929292;
}

#listing-news .selected li:hover {
	background:#fcfcfc;
	cursor:default;
}

#listing-news li.selected {
	background:url(../images/visitors/news/listing-selected-bg.png) no-repeat;
}

#listing-news li.selected span.date-number {
	color:#015d92;
}

#listing-news li.selected span.date-month {
	color:#015d92;
}

#listing-news li.selected span.date-year {
	color:#015d92;
}

#listing-news li.selected span.nouvelle {
	color:#1976bd;
	font-weight:bold;
	letter-spacing:-0.5px;
}

#news-content {
	float:right;
	position:relative;
	width:624px;
	min-height:450px;
	
	padding:20px 0 0 20px;
	
	background:url(../images/news/bg-news-main.png) no-repeat top left;
}

#news-content h2 {
	margin-top:0;

	font-size:2em;
	font-weight:bold;
	color:#1976bd;
}

#news-content .blue-line {	
	width:500px;

	padding-bottom:10px;
	margin-bottom:15px;

	border-bottom:1px solid #d2e0e8;
}

#news-content .date {
	color:#015d92;
	font-size:1.5em;
	font-weight:bold;
}

#news-content p {
	width:610px;
	
	margin:10px 0;

	color:#3d505f;
	font-size:1.18em;
}

.border-news {
	width:980px;

	padding-bottom:20px;
	border-bottom:1px solid #e6e6e6;
}

#btn-rss {
	margin:20px 0 10px 40px;
}

/* *******************************
SLIDER
******************************* */

/* commun */

#slider {
	position:relative;
}

#features {
	position:relative;
	height:322px;
	margin-top:10px;
	
	background:url(../images/visitors/slider/bg.png) no-repeat left top;
}

#features .backward {
	position:absolute;
	top:130px;
	left:17px;
}

#features .forward {
	position:absolute;
	top:130px;
	right:17px;
}

#panes {
	width:820px;
	height:303px;
	position:relative;
	top:10px;
	left:80px;	
}

#panes .pane {
	display:none;
	
	position:absolute;
	top:0;
	left:0;
}

#panes div .infos-img {	
	float:left;
	margin-top:15px;
}

#panes div a {
	color:#0073b6;
	font-weight:bold;
}
#panes div a:hover {
	color:#666666;
}

#panes div h3 {
	padding-bottom:5px;
	margin-bottom:5px;

	font-size:2.2em;
	color:#3c3c3c;
	letter-spacing:-1px;
	border-bottom:1px solid #e6e6e6;
}

#panes div h4 {
	margin-bottom:5px;

	font-size:1.4em;
	color:#216186;
	letter-spacing:-0.5px;
}

#panes div p {
	margin-bottom:10px;

	font-size:1.2em;
	color:#595a5a;
}

#panes div em {
	color:#477b9a;
	font-style:normal;
}


/* tools */

#tabs {
	position:relative;
	height:1%;
	margin:0 auto;
	padding-top:5px;
	
	overflow:hidden;
}

#tabs li {
	float:left;
	padding:4px;
	margin:0 6px !important;
	margin:0 5px;
	
	border:1px solid #acd0ec;
	background:white;
}
#tabs li:hover {
	background:#acd0ec;
}

#tabs li.selected {
	position:relative;
	bottom:4px;
	padding:8px;
	margin:0 2px !important;
	
	border:1px solid #547080;
	background:#658799;
}

#tabs li img {
	display:block;
}


/* home */

.home #tabs {
	display:none;
}