/* Default ================================================*/
	BODY {font-size:70%; font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; text-align:center; background:#53080F url(bg.png) repeat-y 50% 0; background-attachment:fixed; margin:0; padding:0;}
	INPUT, TEXTAREA, SELECT {font-family:Verdana, Arial, Helvetica, sans-serif; color: #000; font-size:1.1em; color:#0F70C2;}
	TABLE {margin:0; padding:0; border-spacing:0; /*Modz*/}
	TD.column1, TD.column2 {width:50%; margin:0; padding:0; vertical-align:top; text-align:left;}
	TD.column1 {padding-right:5px;}
	TD.column2 {padding-left:5px;}
	A:link {color:#A82439; text-decoration:underline;}
	A:visited {color:#53080F; text-decoration:none;}
	A:hover {color:#DE3838; text-decoration:none;}
	.submit {display:block; text-align:right;}
	.submit INPUT {width:180px; height:3em; margin:10px 40px 0 0; color:#000 !important; font-weight:normal !important; background: #FFF url(bg_linesShort.png) 0 -6px repeat-x; border-top:1px solid #BBB; border-left:1px solid #BBB; border-bottom:1px solid #6C6C6C; border-right:1px solid #6C6C6C;}
	.requiered {color:#0F70C2}
/* page ===================================================*/
	#page {width:740px; margin:10px auto; padding:0; text-align:left;}
	* HTML #page {padding-left:5px;} /*IE - For the shadow */
	#content {width:740px; background-color:#FFF; filter:progid:DXImageTransform.Microsoft.Shadow(color='black', Direction=135, Strength=5); /*IE*/}
	
/* top ====================================================*/
	#top {width:740px;}
	#logo {padding:0; overflow:hidden; position:relative; height:78px; font:bold 34px "Trebuchet MS", Verdana, sans-serif; margin:0; display:inline;}
	#logo A {background:transparent url(logo.gif) 0 9px no-repeat; text-decoration:none; padding:0 0 26px 75px; color:#FFF; margin:0;}
	#logo A:hover {color:#FFDE00 !important;}
	#slogan {font:bold 14px "Trebuchet MS", Verdana, sans-serif; color:#FFF; margin:-7px 0 25px 83px;}
	#top .contactMe {display:none;}
	/*navigation*/
	#nav {background:#FFF url(bg_nav.gif) 0 0 no-repeat; text-align:center; clear:both;}
	#nav UL {position:relative; top:-5px; padding:0; /*Modz*/ margin:0; /*IE*/}
	#nav LI {display:inline; list-style:none;}
	#nav LI A {font-size:1.3em; font-weight:bold; line-height:2em; padding:2px 20px 5px 20px; white-space:nowrap;}
	/*navigation tabs - (beware it change top and bottom tabs)*/
	A.navOn {color:#FFF !important; text-decoration:none; background-color:#A82439;}
	A.navOff {color:#FFF !important; text-decoration:none; background-color:#53080F;}
	A:hover.navOn {color:#FFDE00 !important;}
	A:hover.navOff {color:#FFDE00 !important;}
/* primary ================================================*/
	#primary {padding:10px; float:left;}
/* lastRef ================================================*/
	#lastRef {width:168px; background: url(bg_linesLong.png) 0 23px repeat-x;}
	/*title*/
	#lastRef H3.title {background: url(title_lastRef.png) 14px 0 no-repeat; height:23px; width:100%; padding:0; margin:0; overflow:hidden; border-bottom:1px solid #B2A658;}
	#lastRef H3.title SPAN {visibility:hidden; padding-top:23px; height:0 !important; display:block;}
	/*informations*/
	#lastRef H4 {text-align:center; font-size:1.2em; margin:0;}
	A#lastRefName {color:#000; margin:15px 7px 3px 7px; display:block; background-color:#E9DC8B; border:1px solid #B2A658; text-decoration:none;}
	A#lastRefUrl {color:#0F70C2; font-size:0.8em; font-weight:normal; text-decoration:none;}
	A:hover#lastRefName {border:1px solid #000;}
	A:hover#lastRefUrl {text-decoration:underline;}
	#lastRef h5, #lastRef SPAN.title {display:none;}
	#lastRef UL {padding:0 7px 0 7px; /*Modz*/ margin:0; /*IE*/}
	#lastRef LI {list-style:none; margin-bottom:10px;}
	#lastRef IMG {border:0; margin:10px 0 10px 15px;}
	A.screen {border:0; background:none;}
	.webkind, .techno {font-size:0.8em; font-weight:bold; display:block;}
	.webkind SPAN.subInfo, .techno SPAN.subInfo {font-weight:normal; display:block;}
	#lastRef P {padding:0 7px 0 7px; font-size:0.8em;}
	/*button*/
	DIV.more {text-align:right; margin:10px;}
	DIV.more A, A#logoff {padding:2px 10px 2px 10px; margin:0 7px 0 7px; font-size:0.8em; text-align:center; text-decoration:none; color:#000 !important; background: url(bg_linesShort.png) 0 -8px repeat-x; border:1px solid #CFD4E6; width:10em;}
	DIV.more A:hover, A:hover#logoff {border:1px solid #DE3838; color:#000 !important;}
/* contactMe ==============================================*/
	.contactMe {width:168px;}
	.contactMe H3.title {display:none;}
	.contactMe .email {background: url(email.jpg) 0 0 no-repeat; height:54px; width:116px; padding:0; margin:30px 0 30px 25px; overflow:hidden;}
	.contactMe .email A {padding:54px; height:0 !important; display:block;}
	.contactMe UL.phone {padding:0 7px 0 7px; /*Modz*/ margin:0; /*IE*/}
	.contactMe .phone LI {list-style:none; margin-bottom:10px; font-size:1.2em; font-weight:bold;}
	.contactMe .gsm {background: url(ico_telBlack.jpg) 0 0 no-repeat; padding:0 0 0 28px;}
	.contactMe .home {background: url(ico_telRed.jpg) 0 0 no-repeat; padding:0 0 0 28px;}
	.contactMe .free {background: url(ico_k7.jpg) 0 0 no-repeat; padding:0 0 0 28px;}
	.contactMe .phone SPAN.subInfo {font-size:0.7em; font-weight:normal; color:#6C6C6C; display:block;}
	.contactMe .siret {font-size:0.9em; font-weight:normal; color:#6C6C6C; display:block; text-align:center}
	.contactMe P {padding:0 7px 0 7px; font-size:1em; text-align:center;}
/* skypeMe ================================================*/
	.skypeMe {width:168px; padding-top:20px;}
	.skypeMe H3.title {display:none;}
	.skypeMe h4.skype {background: url(skype_appel.gif) 0 0 no-repeat; height:98px; width:154px; padding:0; margin:0 7px 0 7px; overflow:hidden;}
	.skypeMe h4.skype A {padding-top:98px; height:0 !important; display:block;}
	.skypeMe .skype_download {background: url(skype_logo.gif) 0 0 no-repeat; height:46px; width:70px; padding:0; margin:-46px 0 0 7px; overflow:hidden;}
	.skypeMe .skype_download A {padding-top:46px; height:0 !important; display:block;}
/* promotion ==============================================*/
	#promotion {width:168px;}
	#promotion H3.title {display:none;}
	#promotion P {background: url(promo.jpg) 0 0 no-repeat; height:229px; width:167px; padding:0; margin:20px 0 10px 0px; overflow:hidden;}
	#promotion SPAN {padding:229px; height:0 !important; display:block;}
/* user ===================================================*/
	#welcome {font-size:1em; padding:7px 15px 7px 15px; text-align:right;}
/* middle =================================================*/
	.middle {font-size:1em; padding:7px 15px 7px 195px; min-height:70em; /*Modz*/}
	*+html .middle {padding-left:7px;}
	.large {font-size:1em; padding:7px 15px 7px 15px; min-height:70em; /*Modz*/}
	.middle H3.title, .large H3.title {display:none;}
	.middle H4, .large H4, #otherRef H4 {font-weight:both; font:italic 1.6em Georgia, "Times New Roman", Times, serif; color:#53080F; margin:30px 0 10px 0; text-align:center; border-bottom:1px solid #B2A658; padding-bottom:3px;}
	.middle H5, .large H5 {font-size:1.2em; font-weight:bold; color:#6C6C6C; margin-bottom:10px;}
	.middle H6, .large H6 {font-size:1.2em; font-weight:bold; color:#6C6C6C; margin:20px 0 10px 0; background: url(bg_linesShort.png) 0 -8px repeat-x; padding:2px 10px;}
	.middle UL, .large UL {padding:0; /*Modz*/ margin:0; /*IE*/}
	.middle LI, .large LI {list-style:none; padding:0 0 0 15px; margin:0 0 7px 5px; background: url(bullet_arrow.gif) 0 0 no-repeat;}
	.middle STRONG, .large STRONG {display:block;}
	/*intro*/
	#votre_site #text1 TD.column1 {width:40%; background: url(paper.jpg) right bottom no-repeat;}
	#votre_site #text1 TD.column2 {width:60%; height: 234px; background:  url("william_queant.jpg") left bottom no-repeat;}
	#votre_site #text1 TD.column2 P {margin:10px 0 0 90px; text-align:justify;}
	* html #votre_site #text1 TD.column1 P {margin-top:10px;} /*IE6*/
	*+html #votre_site #text1 TD.column1 P {margin-top:10px;} /*IE7*/
	/*expertise*/
	#expertise #text1 {background: url(paris.gif) 5px 20px no-repeat; min-height:157px; }
	*+html #expertise #text1{background-position: 5px 50px; height:207px;}
	* html #expertise #text1{background-position: 5px 50px;}
	#expertise #text1 P {padding:0 0 0 120px;}
	/*bullet*/
	.middle LI.title {padding:15px 0 2px 15px; font-weight:bold; background-position: 0 15px;}
	.middle LI.desc {padding-left:15px; background-image:none !important; }
	.middle LI.url {list-style:square; list-style-position:inside; padding-left:30px !important; background-image:none !important;}
	/*refList*/
	DIV.refList {display:block; min-height:15em; /*Modz*/ margin:5px 0 15px 0;}
	H5.title A {font-weight:bold; color:#6C6C6C !important; text-decoration:none;}
	H5.title SPAN {padding-left:155px; width:100%; border-bottom:1px solid #CFD4E6;}
	DIV.refUrl A:link,
	DIV.refUrl A:visited,
	DIV.refUrl A:hover {color:#0F70C2; font-size:0.8em; font-weight:normal; text-decoration:none;}
	DIV.refUrl {margin:-10px 0 0 0;}
	DIV.screen A IMG {border:0; background:none; float:left; margin:10px;}
	DIV.webkind, DIV.techno {padding-left:320px; font-size:1em; margin: 0 0 10px 0;}
	DIV.description, DIV.refUrl {padding:0 0 0 155px;}
	.pageNav {display:block; text-align:center;}
	/*project*/
	#project {display:block; min-height:15em; /*Modz*/ margin:5px 0 15px 0;}
	DIV.description {min-height:7em; /*Modz*/ margin:10px;}
	* HTML DIV.description {height:7em; padding:10px;}
	.websiteStudy {display:block; margin:20px 0 0 0;}
	DIV.conclusion {padding:20px; font-weight:bold;}
	#project H6.title {text-align:center; font-size:1.2em; font-weight:bold; color:#6C6C6C; margin:20px 0 10px; padding:0;}
	#project LI {list-style:none; padding:0 0 0 15px; margin:0 0 7px 5px; background: url(bullet_arrow.gif) 0 0 no-repeat;}
	* HTML #project LI {list-style-position:outside;} /*IE*/
	/*tarifs*/
	#tarifs .advice {display:block; text-align:center; background-color:#FDD; border:1px solid red;}
	#tarifs TABLE {}
	#tarifs TD {vertical-align:top; padding:0 0 5px 0;}
	#tarifs H5 {width:320px; color:#000; padding:2px 10px 2px 10px; margin:0; display:block;}
	#tarifs P {padding:2px 10px 2px 10px;}
	#tarifs TD.costEuros {width:195px; text-align:left; padding:5px 10px; white-space:nowrap;}
	#tarifs SPAN.subInfo {font-size:0.8em; font-weight:normal; color:#6C6C6C; padding:2px 5px 2px 5px;}
	#tarifs DIV.description {min-height:2em; /*Modz*/ margin:5px;}
	* HTML #tarifs DIV.description {height:2em; padding:5px;}
	#tarifs DIV.costEuros {padding:5px 0 5px 155px; margin:5px;}
	/*Suivi client*/
	#acces_client .submit INPUT {padding:0px 5px 2px 5px; margin:0 7px 0 7px; font-size:0.8em; width:auto;}
	#acces_client #guestCodeRecorded {padding:0px 5px 2px 5px; margin:0 7px 0 7px;}
	/*otherRef*/
	#otherRef {font-size:1em; padding:7px 7px 7px 195px;}
	#otherRef UL {padding:0; /*Modz*/ margin:0; /*IE*/}
	#otherRef LI {list-style:none; padding:0 0 0 15px; margin:0 0 7px 5px; background: url(bullet_arrow.gif) 0 0 no-repeat;}
	#team {font-size:1em; padding:7px 7px 7px 195px;}
	#team H4 {display:none;}
	#team LI {list-style:none; font-size:0.8em;}
	/*connexion*/
	#loginInput {padding:0 60px 0 60px; text-align:right;}
	#loginInput P {display:block; text-align:center;}
	#loginInput UL {padding:0; /*Modz*/ margin:0; /*IE*/}
	#loginInput LI {list-style:none; background:none;}
	#loginInput LI.title {text-align:center;}
	#loginInput LI.login, #loginInput LI.password {padding:0 110px 0 0;}
	#navPrivate UL {padding:0; /*Modz*/ margin:0; /*IE*/}
	#navPrivate LI {}
/* admin ==================================================*/
	.id INPUT {font-size:1em; width:50px;}
	#sortUsers, #chooseLevel, #users .submit {margin:7px;}
	#users .submit {}
	#users TABLE {padding:2px;}
	#users THEAD TH {border-right:1px solid #B2A658; border-bottom:1px solid #B2A658;}
	#users TD {border-bottom:1px dotted #CFD4E6;}
	#users SPAN.subInfo {font-size:0.7em; font-weight:normal; color:#6C6C6C; padding:2px 5px 2px 5px; border:none;}
/* formContact ============================================*/
	#formContact {width:100%; min-height:42em; /*Modz*/ background: #FFF url(bg_linesShort.png) 0 23px repeat-x;}
	#formContact H3.title {background: url(title_contactForm.png) 14px 0 no-repeat; height:23px; width:100%; padding:0; margin:0; overflow:hidden; /*border-bottom:1px solid #B2A658;*/}
	#formContact H3.title SPAN {padding-top:23px; height:0 !important; display:block;}
	#formContact UL {padding:0px; /*Modz*/ margin:0; /*IE*/}
	#formContact LI {list-style:none; display:block; line-height:2em;}
	#formContact LI.title {text-align:center; font-size:1.2em; font-weight:bold; color:#6C6C6C; margin:20px 0 10px 0; padding:0;}
	#formContact LI.title SPAN.subInfo {font-size:0.7em; font-weight:normal; color:#6C6C6C; margin:0 0 0 5px;}
	DIV.subInfo {font-weight:normal; text-align:right; margin:0 20px 0 20px;}
	/*formContact columns*/
	#contactInfo, #contactWebsite, #contactMessage {width:30%; float:left; margin:7px;}
	/*contactInfo*/
	#contactInfo .gender INPUT {}
	#contactInfo .contactName INPUT,
	#contactInfo .email INPUT {width:200px;}
	#contactInfo .phone INPUT {width:105px;}
	#contactInfo .email SPAN.subInfo, #contactInfo .phone SPAN.subInfo {font-size:0.8em; color:#6C6C6C; padding:0 10px 0 10px;}
	/*cities Selector*/
	#zip INPUT {width:50px; margin:0 10px 0 10px; text-align:center;}
	#city1 INPUT {width:200px;}
	#cityX SELECT {width:206px;}
	#iFrameCity, LI#cities, DIV#city, DIV#city1, DIV#cityX, LI#adress {display:none;}
	#contactInfo #adress TEXTAREA {width:200px; height:5em;}
	/*contactWebsite*/
	#contactWebsite .kindContact SELECT {width:145px;}
	#contactWebsite #kindName DIV {display:none;}
	#contactWebsite #kindName INPUT,
	#contactWebsite .gotWebsiteUrl INPUT {width:200px;}
	#contactWebsite #gotWebsite SPAN {display:block; width:200px;}
	#contactWebsite #gotWebsiteUrl, #contactWebsite #motiveGotWebsite {display:none;}
	/*contactMessage*/
	#contactMessage .message TEXTAREA {width:220px; height:22em; margin-top:5px;}
	/*clientMessage*/
	#clientMessage {margin:7px; text-align:center;}	
	#clientMessage LI.message TEXTAREA {width:600px; height:22em; margin-top:5px;}

/* calendar ===============================================*/
	.cal {font-family:Verdana, Arial, Helvetica, sans-serif; font-size:0.9em; width:18em; cursor:default; text-align:center;}
	.calNav {padding-top:2em;}
	.calNav .previous, .calNav .next {width:3em;}
	.calNav .previous {float:left;}
	.calNav .month {float:left; width:12em; text-align:center;}
	.calNav .next {float:right;}
	.calTitle A {font-size:1em; display:inline; text-decoration:none; padding:0.3em 0.4em 0.3em 0.4em; line-height:2em;}
	.calTitle .calSem {margin:1px 0px 1px 0px;}
	.calDays {width:18em;}
	.calDays A {padding:0.3em 0.4em 0.3em 0.4em; line-height:1.8em;}
	.calDays A:link, .calDays A:visited, .calDays A:hover {padding:0.1em 0.2em 0.1em 0.2em; margin:0.1em; border-top:1px solid #DDD; border-right:1px solid #999; border-bottom:1px solid #AAA; border-left:1px solid #EEE;}
	.calDays A:link, .calDays A:visited {cursor:hand; text-decoration:none;}
	.calDays A:hover {background-color:#CCC; color:black;}
	.calOut {color:#FFF !important; background-color:#CCC !important;}
	.calWE {background-color:#FAED9C;}
	.calFree {background-color:#E9DC8B;}
	.calTitle .calWE {background-color:transparent;}
	.nbSem {color:#BBB;}
	.today {color:#000 !important; background-color:#FFDE00; !important;}
	.reachDay {color:#000 !important; background-color:#FFDE00; !important;}

/* bottom =================================================*/
	#bottom {clear:both; width:720px; margin:-1px 0 10px 0; padding:10px;}
	* HTML #bottom {margin-top:-5px;} /*IE*/
	/*smallNav*/
	#smallNav {text-align:center; margin-top:-4px;}
	* HTML #smallNav {margin:0px;} /*IE*/
	#smallNav UL {padding:0; /*Modz*/ margin:0; /*IE*/}
	#smallNav LI {display:inline;}
	#smallNav LI A {padding:5px 15px 5px 15px;}
	/*smallMeta*/
	#smallMeta {display:block; text-align:center; color:#752A2F;}
	#smallMeta H1, #smallMeta P {display:block; font-size:0.8em; font-weight:normal; margin:10px;}
	#smallMeta P, #smallMeta A {color:#FFF;}
	#smallMeta PRE, #smallMeta LEGEND {color:#FFF; font-size:1em; font-family:Verdana, Arial, Helvetica, sans-serif;}
	#smallMeta FIELDSET {border:1px solid #FFF; margin:5px 0px 5px 0px;}
	#smallMeta LEGEND {padding:2px 10px 2px 10px; border:1px solid #FFF; background-color:#752A2F;}
	/* kobone */
	#smallMeta .kobone {width:77px; margin:10px auto; border:none !important;}
	#smallMeta .kobonestyle1 {display:none;}

/* debug & test styles ============================================================================*/