/*-----------------------------------------------------------
	Project: Wicompta
	Date : 	June 2009
	Last Update : 15/06/09
	Author:	C2iS - AFO
	Summary :		
		| Global CSS Reset
		| Typography
		| Global Classes
		| Main Layout
			
-----------------------------------------------------------*/

/*:::::::::::::::::::: Global CSS Reset :::::::::::::::::::::*/
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, a img, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
:focus {outline: 0;}
body {line-height: 1;color: black;background: white;}
ol, ul {list-style: none;}
table {border-collapse: collapse;border-spacing: 0;}
caption, th, td {text-align: left;font-weight: normal;}
blockquote:before, blockquote:after, q:before, q:after {content: "";}
blockquote, q {quotes: "" "";}

/* :::::::::::: TYPO :::::::::::::::*/
body {color:#474747; font-family:Arial, Helvetica, sans-serif; }
h1, h2, h3, h4, h5, h6 { font-weight:normal; }
h1 img, h2 img, h3 img, h4 img, h5 img, h6 img { margin:0; }
a { color:#474747; text-decoration: none; }
strong { font-weight:bold; }
em, dfn { font-style:italic; }
dfn { font-weight:bold; }
sup, sub { font-size:0.75em; line-height:0; }
sup { position:relative; bottom:0.5em; vertical-align:baseline; }
sub { position:relative; bottom:-0.2em; vertical-align:baseline; }
abbr, acronym { border-bottom:1px dotted #474747; }
del { color:#474747; }
pre, code { margin:1.5em 0; white-space:pre; }
pre, code, tt { font-family:'andale mono', 'lucida console', monospace; line-height:1.5; }
small { font-size:0.85em; }
acronym, abbr { cursor:help; letter-spacing:1px; border-bottom:1px dashed; }
hr{ margin:0 1em 1.5em; border:0 none; height:1px; background:#cccccc; }

/*:::::::::::::::::::: Global Classes :::::::::::::::::::*/
.clear:after {content:".";height:0;display:block;visibility:hidden;clear:both;}

/*:::::::::::  Main layout :::::::::::*/

#wrapper {width:880px;margin:0 auto;font-size:12px;}

/*HEADER*/
#header {width:100%;}
#header h1 {width:210px;height:41px;overflow:hidden;float:left;margin-top:60px;}
#header h1 a {display:block;width:100%;height:100%;background:url(../images/common/logo_wicompta.png) no-repeat 0 0;text-indent:-600px;}

#loginBox {float:right;background:#f5f5f5;width:273px;padding:7px 15px 7px 0;}
#loginBox  h2{float:left;text-align:center;padding-bottom:45px;width:93px;background:url(../images/common/picto_login.png) no-repeat center 100%;color:#e22219;text-transform:uppercase;font-size:15px;font-weight:bold;}
#loginBox fieldset {border-left:2px solid #ef8987;padding-left:5px;margin-top:15px;}
#loginBox input.text {vertical-align:bottom;width:130px;font-size:11px;color:#9a9a9a;}
#loginBox input.submit {vertical-align:bottom;margin-left:5px;}
#loginBox .forgottenPass {font-size:10px;text-decoration:underline;color:#989898;float:right;display:block;padding:10px 0 0;}
#loginBox .forgottenPass:hover {text-decoration:none;} 

/*MENU*/
#mainMenu {width:100%;background:url(../images/common/bottom_mainMenu.gif) repeat-x 0 100%;padding:0 0 4px;margin-bottom:15px;}
#mainMenu li {float:right;margin-left:3px;position:relative;}
#mainMenu li a{color:#fff;position:relative;text-transform:uppercase;display:block;padding:9px 10px 6px;background:url(../images/common/sprite_mainMenu.png) repeat-x 0 0;font-size:14px;}
#mainMenu li a:hover , #mainMenu li a.active , #mainMenu li.sfhover a {background-position:0 -29px;}

#mainMenu li ul{position:absolute;width:234px;left: -999em;background:#e22219;margin-top:0;padding:7px 0 10px;z-index:5;}
#mainMenu li:hover ul, #mainMenu li.sfhover ul {left: auto;}
#mainMenu #last.sfhover ul {left:-124px ;}
#mainMenu li li{float:none;margin:0;width:100%;vertical-align:bottom;}
#mainMenu li li a{margin:0 7px 0;text-transform:none;padding:6px 0 8px;background:none;font-size:13px;border-bottom:1px solid #f48e82;text-indent:7px;position:relative;}
#mainMenu li li a:hover {background:#f56d01;}

/*MAIN GAB*/
#mainContent {width:585px;float:left;}
.breadcrumb {font-style:italic;font-size:11px;padding: 0px 0 10px 0px;float:left;}
.breadcrumb a:hover {text-decoration:underline;}

.backBtn {float:right;padding:20px 20px 20px 0;}
.backBtn a {color:#fff;text-transform:uppercase;background:#e22219;padding:3px 5px;font-weight:bold;font-size:14px;}

/*HOME*/
#flashBloc_home {vertical-align:bottom;width:584px;height:288px;background:white;}

#homePush {clear:both;width:100%;overflow:hidden;padding-top:15px;}
#homePush li {float:left;margin:0 8px 7px 0;}
#homePush li.noMargin {margin:0 0 7px 0;} 
#homePush li img{display:block; margin-top: 15px;}

#aboutWicompta {color:#fff;background:#ec6315 url(../images/home/bg_aboutWicompta.jpg) repeat-x 0 0;padding:12px 18px 10px 18px; min-height: 265px; max-height: 265px; height: 265px;}
#aboutWicompta dt {text-transform:uppercase; padding-bottom:7px; font: bold 19px Arial, sans-serif; text-shadow: 1px 1px 2px #94511c; }
#aboutWicompta dd { display: list-item; list-style: outside square; padding: 6px 0 4px 0;font-size:13px; margin-left: 25px;}

/*GAB EDITO*/
.gab_edito {padding:0px 20px 30px 0px;clear:both;min-height:100px;}
* html .gab_edito  {height:400px;}
.gab_edito h2 {color:#e64b20;font-size:20px;margin:0 0 20px;}
.gab_edito h3 , .accroche {color:#e64b20;font-style:italic;margin:20px 0;line-height:17px;font-size:15px;}
.gab_edito p , .parag {line-height:16px;}
.gab_edito p a , .parag a {color:#e64b20;text-decoration:none;}
.gab_edito p a:hover , .parag a:hover {text-decoration:underline;}
.gab_edito ul {margin:5px 0 5px 0;}
.gab_edito li {padding:3px 0 3px 13px;background:url(../images/common/puce_edito.gif) no-repeat 0 8px;line-height:16px;margin-left:15px}
.gab_edito.offreBusiness li {background:url(../images/common/puce_edito_business.gif) no-repeat 0 7px;}
.gab_edito.offrePremium li {background:url(../images/common/puce_edito_premium.gif) no-repeat 0 7px;}

/*SPEC UL TEXTE RICHE AVEC IMAGE A GAUCHE*/
.ulshort{float: left; width: 300px;}

.img_left {float:left;margin:0 12px 10px 0;}
.img_right {float:right;margin:0 0 10px 12px}
.img_bottom {text-align:center;clear:both;}

.gab_edito p img {margin:0 15px 0 0;float:left;}
* html .gab_edito p img {display:inline;}

/*LEXIQUE*/
.gab_edito h3.lettre {border-bottom:1px solid #e64b20;padding:0 0 5px 5px;margin:30px 0 0;}
.gab_edito ul.lexiqueList {width:100%;overflow:hidden;margin:5px 0 0 0;}
.gab_edito ul.lexiqueList li {float:left;width:219px;}
.gab_edito ul.lexiqueList li a:hover {text-decoration:underline;}

/*CONTACT*/
.gab_edito .offre {float:left;margin:0 25px 0 0;width:130px;min-height:50px;text-align:center}
.gab_edito .offreLast {float:left;width:130px;min-height:50px;}
.gab_edito .getInTouch_active {margin:323px 0 0 0}


/*SIDECONTENT*/
#SideContent {width:288px;float:right;}

.getInTouch {border:1px solid #858585;margin:10px 0;padding:3px 10px;background:#b2b2b2;}
.getInTouch h3 {text-transform:uppercase;font-weight:bold;color:#fff;font-size:14px;padding:10px 0;}
.getInTouch h3 a {color:#fff;padding:0 0 0 50px;display:block;}

.getInTouch_active {border:1px solid #d6d6d6 !important;background:#f5f5f5 !important;margin:10px 0;padding:3px 10px;}
.getInTouch_active h3 {text-transform:uppercase;font-weight:bold;color:#474747;font-size:14px;padding:10px 0;}
.getInTouch_active h3 a {color:#474747;padding:0 0 0 50px;display:block;}

.getInTouch_active .callbackTitle {background:url(../images/common/picto_callBack.gif) no-repeat 0 0;}
.getInTouch .callbackTitle {background:url(../images/common/picto_callBack.gif) no-repeat 0 -34px;}
.getInTouch_active .contactTitle {background:url(../images/common/contact_icon.png) no-repeat 0 -30px;}
.getInTouch .contactTitle {background:url(../images/common/contact_icon.png) no-repeat 0 1px;}

#SideContent  .switchingBloc {padding:10px 0;}
#SideContent .switchingBloc p {width:100%;overflow:hidden;padding:3px 0;}
#SideContent  .switchingBloc p label{float:left;width:125px;padding-top:5px;font-size:11px;}
#SideContent  .switchingBloc p input.text {font-size:11px;background:#b2b2b2;border:none;width:130px;padding:2px;color:#fff;}
#SideContent  .switchingBloc p select {font-size:11px;color:#474747;}
#SideContent  .switchingBloc p textarea {background:#b2b2b2;font-family:Arial, sans-serif;border:none;width:130px;height:60px;color:#fff;font-size:11px;padding:2px;}
#SideContent  .switchingBloc p.datePickLine input {width:90px;}
#SideContent  .switchingBloc p.datePickLine img {vertical-align:bottom;margin-left:3px;} 
#SideContent  .switchingBloc p.validForm {text-align:center;padding-top:15px;}
#SideContent  .switchingBloc p.text {font-size:11px;width:130px;padding:2px;}

#numVert {margin:10px 0;}
#numVert img {display:block;}

/*PUSH EDITO*/
.pushEdito {border-bottom:1px solid #D6D6D6;margin:15px 0;padding:0 0 10px;line-height:15px;}
.pushEdito dt {color:#e64b20;font-size:13px;font-weight:bold;}
.pushEdito dt a {color:#e64b20;}
.pushEdito dd{margin:5px 0;}
.pushEdito dd.editoLink a{text-decoration:underline;}
.pushEdito dd.editoLink a:hover {text-decoration:none;}
.pushEdito dd.editoTitre {font-weight:bold;margin:7px 0;}

/*SITEMAP*/
#sitemap a:hover{text-decoration:underline;}
#sitemap h2 {color:#e64b20;margin:15px 0;font-size:16px; }
#sitemap dl {margin:15px 0;}
#sitemap dt {font-weight:bold;padding-bottom:5px;font-size:11px;}
#sitemap dd {padding:3px 0 3px 12px;background:url(../images/common/puce_edito.gif) no-repeat 0 7px;}
#sitemap dd p {padding:2px 0 2px 15px;}

/*FOOTER*/
#footer {clear:both;text-align:center;padding:30px 0 10px;}
#footer li {color:#e24e1e;display:inline;}
#footer li a {color:#e24e1e;padding:0 6px;font-weight:bold;}
#footer li a:hover {text-decoration:underline;}

/*CALENDAR*/
img.tcalIcon {cursor: pointer;vertical-align: middle;}
div#tcal {position: absolute;visibility: hidden;z-index: 100;width: 158px;padding: 2px 0 0 0;}
div#tcal table {width: 100%;border: 1px solid silver;border-collapse: collapse;background-color: white;}
div#tcal table.ctrl {border-bottom: 0;}
div#tcal table.ctrl td {width: 15px;height: 20px;}
div#tcal table.ctrl th {background-color: white;color: black;border: 0;}
div#tcal th {border: 1px solid silver;	border-collapse: collapse;text-align: center;padding: 3px 0;font-family: tahoma, verdana, arial;font-size: 10px;background-color: gray;color: white;}
div#tcal td {border: 0;border-collapse: collapse;text-align: center;padding: 2px 0;font-family: tahoma, verdana, arial;font-size: 11px;width: 22px;cursor: pointer;}
/* date highlight*/
div#tcal td.othermonth {color: silver;}
div#tcal td.weekend {background-color: #ACD6F5;}
div#tcal td.today {border: 1px solid red;}
div#tcal td.selected {background-color: #FFB3BE;}
iframe#tcalIF {position: absolute;visibility: hidden;z-index: 98;border: 0;}

/*FORMS*/
#msg {display:none; position:absolute; z-index:200; background:url(../images/form/msg_arrow.gif) left center no-repeat; padding-left:7px}
#msgcontent {display:block; background:#f3e6e6; border:2px solid #924949;color:#924949; border-left:none; padding:5px; min-width:150px; max-width:250px;font-size:12px;}

/*FLASH CENTER*/
#solution_45secondes{position:absolute;top:50%;left:50%;margin-left:-505px;margin-top:-300px;}