body {
	background : url("/img/fond.png") #dbe6ef top left repeat-x;
	margin : 0;
	text-align : center;
	font-size : 13px;
	font-family : "Tahoma", sans-serif;
	line-height : 1.5em;
	text-align : justify;
	letter-spacing : 1px;
}

a:focus { outline : none; }

h1 {
	margin : 0 auto 2px auto;
	padding-top : 1px;
}

h1 a {
	background : url("/img/titre_spluw3_clic.jpg") top center no-repeat;
	width : 100%;
	min-width : 1000px;
	height : 0;
	padding-top : 286px;
	display : block;
	overflow : hidden;
}

h1.ecommerce a,
h1.sitevitrine a,
h1.references a { background : url("/img/titre_spluw3_clic.jpg") top center no-repeat; }
h1.contact a { background : url("/img/titre_spluw3_clic.jpg") top center no-repeat; }
h1.espaceclient a { background : url("/img/parrain_go.jpg") top center no-repeat; }
h1.faq a { background : url("/img/titre_spluw3_clic.jpg") top center no-repeat; }
h1.tarifs a { background : url("/img/titre_spluw3_clic.jpg") top center no-repeat; }
h1.spluw3 a { background : url("/img/titre_spluw3.png") top center no-repeat; }
h1.parrainage a { background : url("/img/titre_spluw3_clic.jpg") top center no-repeat; }


h2, h3, h4, h5, h6 { color : #0088ff; }

h2 { font-size : 16pt; }

.clear { clear : both; }

.first-child { margin-top : 0; }

.soustitre { font-size : 13pt; }



/* Contenu */

#contenu {
	width : 981px;
	margin : auto;
	text-align : left;
	position : relative;
	min-height : 200px;
	border-left : 1px solid #738492;
	border-right : 1px solid #738492;
	padding : 20px 10px 20px 10px;
	background : #dee8f1;
}

#curseur {
	position : absolute;
	background : url("/img/menu_curseur.png") top left no-repeat;
	width : 10px;
	height : 6px;
	top : 33px;
	left : 0px;
}

#pied {
	background : url("/img/pied_fond.png");
	width : 100%;
	text-align:center;
	padding-top:10px;
	height : 37px;
	margin-top : -2px;
	position : relative;
	color:white;
	font-weight:bold;
}
#pied A {
	text-decoration:none;
	color:white;
}

#pied IMG
{
	border: none;
}

/* Menu */

#menu {
	width : 1000px;
	position : relative;
	margin : 0 auto 0 auto;
	font-size : 10px;
}
#menu ul {
	list-style : none;
	margin : 0;
	padding : 0;
	height : 38px;
	line-height : 38px;
	text-align : center;
	border-right : 1px solid #18659b;
	overflow : hidden;
	margin : auto;
	width : 1000px;
}

#menu li {
	display : inline;
	height : 38px;
	width : 124px;
	float : left;
	border-left : 1px solid #18659b;
}

#menu a {
	text-decoration : none;
	color : white;
	text-transform : uppercase;
	font-weight : bold;
	display : block;
	background : url("/img/menu_fond.png") top left repeat-x;
}

#menu a:hover,
#menu a.actif {
	background-position : 0 -39px;
}


/* Dedans */

.promos {
	width : 315px;
	margin : 0;
	padding : 0 0 88px 0;
	float : left;
	background : url("/img/promos_fond.png") bottom left repeat-x;
	border-right : 1px solid #989ea4;
}

.promos li {
	list-style : none;
	margin : 0;
	padding : 0;
	border : 0;
	border-bottom : 1px solid #99aab7;
}

.promos img {
	margin : 0;
	border : 0;
}

.argumentaire {
	float : right;
	width : 662px;
	padding : 10px;
}

/* Decos */

.deco_accueil {
	float : right;
}

/* Cadres */

.cadre {
	background : url("/img/cadre_centre.png") top left repeat-y;
	margin : 15px auto 15px auto;
	width : 935px;
}
.cadre .haut { background : url("/img/cadre_haut.png") top left no-repeat; }
.cadre .bas { padding : 10px; background : url("/img/cadre_bas.png") bottom left no-repeat; }

.petitcadre  { background : url("/img/cadre_centre_2.png") top left repeat-y; width : 327px; float : right; margin : 20px;}
.petitcadre .haut { background : url("/img/cadre_haut_2.png") top left no-repeat; }
.petitcadre .bas { background : url("/img/cadre_bas_2.png") bottom left no-repeat; padding : 10px; }

.cadre h2 {
	text-align : center;
	padding : 10px 0 10px 0;
}

.cadre .un.droite { float : left; margin-right : 30px; }
/*.cadre .deux.decale { padding-top : 25px; }*/
.cadre .un.gauche { float : right; margin-left : 30px; }

/**/

.input {
	height : 32px;
	width : 318px;
	background : url("/img/input_standard.png") top left no-repeat;
	line-height : 32px;
}

.textarea label,
.input label {
	float : left;
	width : 90px;
	font-size : 9pt;
}

input.submit,
input.submitlarge,
.textarea label,
.input label {
	height : 32px;
	line-height : 32px;
	text-align : center;
	font-weight : bold;
	color : white;
}

.input input {
	background : transparent;
	width : 210px;
	border : 0;
	margin-left : 8px;
}

.input.large { background : url("/img/input_large.png") top left no-repeat; }
.input.large label { width : 134px; }
.input.large input { width : 168px; }

input.submit,
input.submitlarge {
	border : 0;
	background : url("/img/input_submit.png") top left no-repeat;
	width : 133px;
	height : 32px;
	text-align : center;
}

input.submit2
{
	border : 0;
	background : url("/img/google/submit.jpg") top left no-repeat;
	width : 87px;
	height : 30px;
	text-align : center;
	cursor:pointer;
}

input.submitlarge {
	background : url("/img/input_submit_large.png") top left no-repeat;
	width : 250px;
}

.textarea {
	position : relative;
	width : 451px;
	height : 247px;
	background : url("/img/input_textarea.png") top left no-repeat;
}

.textarea textarea {
	position : absolute;
	top : 0;
	left : 90px;
	padding : 8px;
	width : 344px;
	height : 230px;
	background : transparent;
	border : 0;
}

.boutonstandard {
	background : url("/img/bouton_standard.png") top left no-repeat;
	width : 182px;
	height : 22px;
	display : block;
	margin : auto;
	color : black;
	font-weight : bold;
	text-decoration : none;
	font-size : 9pt;
}

.boutonstandard:hover { color : white; }



/* Accueil */

#contenu.accueil {
	background : url("/img/contenu_fond.png") #e2ebf3 top left repeat-y;
	padding : 0 0 0 0;
	width : 998px;
}



/* Contact */

.contact .adresse,
.contact .email,
.contact .telephonefax {
	background : url("/img/icones_contact.jpg") no-repeat;
	height : 0;
	padding-top : 85px;
	padding-left : 85px;
	overflow : hidden;
}

.contact .telephonefax { background-position : 0 -90px; padding-top:102px; }
.contact .email { background-position : 0 -201px; }
#contactemail { padding-top:107px; }
.contact form {
	padding : 0 0 0 50px;
	width : 451px;
}

p.submit { text-align : right; }

.contact .submit input { text-align : center; }

#mailcontactsent { display : none; }

#mailcontactsent p {
	background : url("/img/email_envoye.png") left center no-repeat;
	height : 144px;
	margin : 0;
	padding-left : 200px;
	color : #1189ff;
	font-size : 20px;
	line-height : 35px;
	padding-top : 40px;
}

.contact h2 { margin-left : 50px; }


/* Références */

#contenu.references { text-align : center; }

.references #references {
	height : 494px;
	overflow : hidden;
	position : relative;
}

.references ul {
	margin : 0;
	padding : 0;
	float : left;
}

.references a { text-decoration : none; color : #363636; }

.references li {
	position : relative;
	float : left;
	width : 268px;
	height : 189px;
	background : url("/img/references_fond.png");
	list-style : none;
	margin : 29px;
	text-align : left;
}

.references img {
	position : absolute;
	top : 14px;
	left : 14px;
	border : 0;
}

.references span {
	position : absolute;
	display : block;
	bottom : 0;
	text-align : center;
	width : 100%;
	height : 25px;
	line-height : 25px;
}

.references .flechehaut,
.references .flechebas {
	margin : auto;
	cursor : pointer;
	width : 77px;
	height : 31px;
	background : url("/img/references_fleches.png");
}

.references .flechehaut:hover { background-position : 77px 0; }
.references .flechebas { background-position : 0 31px; }
.references .flechebas:hover { background-position : 77px 31px; }



/* FAQ */

.faq .question  {
	color : #00B1FB;
	text-decoration : none;
	cursor : pointer;
	margin-top : 1em;
	line-height : 25px;
	background : url("/img/faq_puce.png") top left no-repeat;
	padding-left : 20px;
	font-weight : bold;
}

.faq .question:hover { text-decoration : underline; }

.faq .reponse {
	margin : 0 0 0 20px;
}



/* Espace client */

.espaceclient form {
	width : 318px;
	margin : auto;
	text-align : center;
}

.espaceclient p.submit { text-align : center; }

#contenu.espaceclient { text-align : center; }



/* Tarifs */

.tarifs {
	text-align : center;
}

.tarifs img { border : 0; }

.tarifs .bloc { clear : both; line-height : 32px; }

.tarifs .bloc .gauche { text-align : right; padding-right : 1%; }
.tarifs .bloc .droite { padding-left : 1%; }

.tarifs .bloc .gauche,
.tarifs .bloc .droite {
	width : 49%;
	float : left;
}

#rcs {
	width : 998px;
	margin : auto;
	font-size : 70%;
	text-align : center;
	line-height : 1.5em;
	padding : 1em 0 1em 0;
}

/* Spluw3 */

#spluw3 {
	margin:0 31px;
	padding:10px 15px;
	text-align:justify;
	border-left:solid 1px #ccc;
	border-right:solid 1px #ccc;
	background-color:#fff;
}
#spluw3 #bloc1 {
	padding:0 500px 0 15px;
	height:762px;
	background:url('/img/spluw3_img1.png') no-repeat center right;
}
#spluw3 h2 {
	line-height:1.22em;	
}
#spluw3 h2.Tmargin {
	margin-top:40px;	
}
#spluw3 h3 {
	font-weight:bold;
	font-size:13px;
	margin:0;
	text-align:left;
}
#spluw3 p {
	color:#757575;
	font-size:14px;
}
#spluw3 #bloc2 {
	overflow:hidden; _overflow:visible; zoom:1;
}
#spluw3 #bloc2 h2 {
	margin:0;
	float:left;
}
#spluw3 ol {
	margin:30px 0 0;
	padding:0;
	list-style:none;	
}
#spluw3 li {
	float:left;
	width:195px;
	height:310px;
	margin-right:15px;
	padding-left:15px;
	background:url('/img/spluw3_sep.png') no-repeat center left;
}
#spluw3 li.noBorder {
	background:none;	
}
#spluw3 li p {
	font-size:13px;
	margin:0;
}



/* Calendar: a Javascript class for Mootools that adds accessible and unobtrusive date pickers to your form elements <http://electricprism.com/aeron/calendar> */
/* Default CSS for Calendar (navigation: 1), Copyright (c) 2007 Aeron Glemann <http://electricprism.com/aeron> */

.hidden {
	opacity: 0;
	position: absolute;
}
.visible {
	opacity: 1;
}



button.calendar {
	background:none;
	border: 0;
	height: 0;
	width: 0;
	/*visibility:hidden;*/
}

div.calendar {
	background:#fff;
	height: 195px;
	padding: 0 6px;
	text-align: center;
	width: 147px;
	border:solid 1px #fe7600;
	-moz-border-radius:5px;
	-webkit-border-radius:5px;
}
	div.calendar * {
		margin: 0;
		padding: 0;
	}	
	div.calendar div {
		background: none !important;
		cursor: move;
		height: 185px;
		overflow: hidden;
		padding-top: 5px;
		position: relative;
		width: 147px;
	}	
	
	div.calendar caption {
		color: #fff;
		font: bold 12px/16px Arial, Helvetica, sans-serif;
		text-align: center;
		width: 100%;
		background:#fe7600;
		padding:2px 0;
		-moz-border-radius:5px;
		-webkit-border-radius:5px;
	}
	div.calendar caption a {
		color:#fff;
		font-weight:bold;
		text-decoration:none;
		cursor:pointer;
	}
	div.calendar caption a.prev {
		margin-right:10px;
	}
	div.calendar caption a.next {
		margin-left:10px;
	}
	div.calendar caption a:hover {
		color:#D9DE00;
	}
	div.calendar caption span {
		height: 25px;
		position: relative;
		text-align: center;
	}
	div.calendar caption span.month {
		padding-right: 8px;
	}
	div.calendar caption span.month:after {
		content: ',';
	}

	div.calendar table {
		background: #FFF;
		border: 0;
		border-collapse:collapse;
		border-spacing: 0;
		cursor: default;
		margin: 0 auto;
		overflow: hidden;
		width: 146px;
	}
	div.calendar td,
	div.calendar th {
		color: #fe7600;
		font: normal 12px Arial, Helvetica, sans-serif;
		height: 21px;
		text-align: center;
		width: 21px;
	}
	div.calendar th { font-weight:bold; }
	div.calendar td {
		border-top:solid 1px #fe7600;
		border-left:0;
		border-right:0;
		color: #999;
		font-size: 11px;
	}
	div.calendar td.invalid {
		color: #999;
	}
	div.calendar td.valid {
		color: #fe7600;
		cursor: pointer;
	}
	div.calendar td.hilite {
		background: #fe7600;
		color:#fff;
	}
	div.calendar td.inactive {
		background: url(/img/calendar-td.gif) 0 100%;
		color: #FFF;
	}
	div.calendar td.active,
	div.calendar td.hover {
		background: #fe7600;
		color: #FFF;
		cursor: pointer;
	}

/* this is the main UL element*/
.dropdown{
	visibility:hidden;
	margin:0;
	padding:0;
	list-style:none;
}

/* these are the inner menus*/
.dropdown ul{
	margin:0;
	padding:0;
	border-top:1px solid #dddddd;
	list-style:none;
}

/* these are all the LIs in the menu*/
.dropdown li{
	margin:0;
	padding:5px;
	width:200px;
	background-color:#eeeeee;
	cursor:pointer;
    border: solid 1px #dddddd;
}

/* these are anchor in the menu, if you want to style them differently from the rest of you website*/
.dropdown a{
	text-decoration:none;
	color:#000000;
	width:100%;
}

.dropdown a:hover{
	text-decoration:underline;
}

/* these are the LIs that only belong to submenu*/
.dropdown ul li{
	border:1px solid #dddddd;
	border-top:0;
	margin-left:-1px;
}

/* these are the LIs that contains a submenu*/
.dropdown li.submenu{
	background-image:url('/img/icons/arrow_down.png');
	background-position:center left;
	background-repeat:no-repeat;
	padding-left:20px;
	width:185px;
}

/* these are the LIs that contains a submenu and which are in a sub-menu themselve*/
.dropdown ul li.submenu{
	background-image:url('/img/icons/arrow_right.png');
	background-position:center right;
	padding:5px;
	width:200px;
}