/* dev notes
body-background-color = #ebebeb

background images columns: url(../images/grid-24.jpg) no-repeat top center;

-----------------------------------------
apply min width?

wrapper ???--> min-width: 950px;
header section footer ???--> min-width: 645px;
nav ???--> min-width: 142px;

*/

/*import reset and dependencies 
***************************************************************/
@import url(../css/reset.css);
@import url(../css/typo.css);
@import url(../css/columns.css);


/*dev help 
******************************************************************/
body {background: #ebebeb;}
#wrapper {background: transparent url(../images/bg/body-all-bg.jpg) no-repeat 90% 0;}


/*general accesibility 
******************************************************************/
hr {display: none;}
.access {text-indent: -12345em; position: absolute; left: -12345em; border: red solid 1px;}


/*general layout 
******************************************************************/
#wrapper { margin: 0 auto ; padding: 149px 0 0; position: relative;  width: 59.4em; }
#header, .article { margin: 0 0 .5em 15.7em;} 
#nav {margin: 10px 0 0; position: absolute; top:0; left: 0; width: 15em; } 
.basic, .enhanced-inner { overflow: hidden;}
.basic {background-color: #fff; padding: 2em;}
.article { margin-bottom: 5em; position: relative;}
#cap-home .article { margin-bottom : 0;}
#nav {padding: 0; background: white;}

/*headers 
******************************************************************/ 
#header .basic-head {border: 0; border-bottom: 3px solid #d40408; margin-bottom: -.12em; margin-left: 1.5em; width: 50%; height: 50%;  padding: .3em 1em .2em;}

/*body#cap-home #header h1 {background: transparent; margin: 0; width: auto;}*/

#nav h2 { position: relative; height: 8em; width: 12em; height: 5.12em; margin: 2em auto;}
#nav  h2 img  { position: absolute; top: 0;  width: 100%;  height: 100%;}


.article h2 span {font-size: .75em;}

/*footer 
******************************************************************/
#footer {background: white url(../images/logo-foot.gif) no-repeat center center; border-top: 1px solid #9d9e9e; clear: both; float: left; width: 100%; text-align: center;}
#footer ul { padding: 1.8em 0 2em 16.5em; border-top: 2px solid #dedede; width: auto; }
#footer li { border-right: 1px solid #ccc; display: inline; font-size: .75em; margin-right: .5em; padding-right:.5em;}
#footer li.last {border: 0;}
/*images 
******************************************************************/
.cols .theme { width: 21em; overflow: hidden; position: absolute; right: 1px; bottom: 1px;}
.cols .theme img {position: relative; bottom: -10px;}


/*home 
******************************************************************/
#cap-home #header { margin-top: 1.8em; }
body#cap-home #wrapper {background-image:url(../images/bg/body-home-bg.jpg);}

.article .enhanced-inner {background-color: white; background-repeat: no-repeat; background-position: bottom right; }
/*employers 
******************************************************************/
#cap-employers.section-1 .article .enhanced-inner {background-image: url(../images/bg/bg-theme-employer.jpg);}
#cap-employers.section-2 .article .enhanced-inner {background-image: url(../images/bg/bg-theme-employer-2.jpg);}
#cap-employers.section-3 .article .enhanced-inner {background-image: url(../images/bg/bg-theme-employer-3.jpg);}
/*handicaps 
***************************************************************/
#cap-handicaps.section-1 .article .enhanced-inner {background-image: url(../images/bg/bg-theme-handicaps.jpg);}
#cap-handicaps.section-2 .article .enhanced-inner {background-image: url(../images/bg/bg-theme-handicaps-2.jpg);}
#cap-handicaps.section-3 .article .enhanced-inner {background-image: url(../images/bg/bg-theme-handicaps-3.jpg);}
/*partners 
***********************************************************/
#cap-partners .article .enhanced-inner {background-image: url(../images/bg/bg-theme-partners.jpg);}
#cap-partners.section-1 .article .enhanced-inner {background-image: url(../images/bg/bg-theme-partners.gif);}
#cap-partners.section-2 .article .enhanced-inner {background-image: url(../images/bg/bg-theme-partners-2.jpg);}
#cap-partners.section-3 .article .enhanced-inner {background-image: url(../images/bg/bg-theme-partners-3.jpg);}



/*clear 
******************************************************************/
ul, .footer {clear: both;}
/*list 
******************************************************************/

/*basic main nav style*/  
/*#nav .main li {display: block; margin: 0; border: solid 1px yellow;}*/
#nav .main ul 	 { display: none;}
/*#nav .main ul, #nav .main ul li ul {font-size: .1.2em;}*/
/*#nav .main a.active + ul {display: block;}*/ 
#cap-employers .main  .employers ul, #cap-handicaps .main  .handicaps ul, #cap-partners .main  .collaborators ul, #cap-directory .main  .directory ul {display: block;}

#nav .main li {background-color: #e1060d; border-top: 1px solid white;}

#nav .main li a { color: white; display: block; padding: 1.5em .75em; text-decoration: none; text-transform: uppercase;}
#nav .main li.handicaps {background-color: #c21f5e;}
#nav .main li.collaborators {background-color: #921c7d;}
#nav .main li.directory {background-color: #1a3043;}
#nav .main li li a { text-transform: none; }

.main li.employers a {background: #e1060d url(../images/nav-employer-bg.gif) repeat-x bottom left; border-top-color: #9e0205;}

.main li.handicaps a {background: #c1043f url(../images/nav-handicaps-bg.gif) repeat-x bottom left; border-top-color: #9e0205;}

.main li.collaborators a {background: #921c7d url(../images/nav-collaborators-bg.gif) repeat-x bottom left; border-top-color: #9e0205;}

.main li.directory a {background: #274966 url(../images/nav-directory-bg.gif) repeat-x bottom left; border-top-color: #9e0205;}
.main li a.active, .main li.employers a:hover, .main li.handicaps a:hover,.main li.collaborators a:hover, .main li.directory a:hover {background-position: top left;}

#nav .main li li, #nav .main li li a {background: transparent;}

#wrapper .partners { margin: 1em 0 1em 20.5em; }
#wrapper .partners:after {content: "."; display: block; clear: both; visibility: hidden; height: 0;}  
#wrapper .partners li, #wrapper .accessories li {float: left; position: relative;}
#wrapper .partners li a, #wrapper .accessories li a {font-size: .85em; overflow: hidden; display: block; }
#wrapper .partners li a span, #wrapper .accessories li a span {display: block; position: absolute; top: 0; left: 0;}
#wrapper .partners li .rep-fr {width: 46px; height: 46px;}
#wrapper .partners li .rep-fr span {background: #EBEBEB url(../images/partner.png) no-repeat 5px 0; width: 46px; height: 46px;}
#wrapper .partners li .pole-emploi {width: 58px; height: 46px;}
#wrapper .partners li .pole-emploi span {background: #EBEBEB url(../images/partner.png) no-repeat -46px 0; width: 58px; height: 46px;}
#wrapper .partners li .agefiph {width: 100px; height: 46px;}
#wrapper .partners li .agefiph span {background: #EBEBEB url(../images/partner.png) no-repeat -104px 0; width: 100px; height: 46px;}
#wrapper .partners li .fiphfp {width: 46px; height: 46px;}
#wrapper .partners li .fiphfp span {background: #EBEBEB url(../images/partner.png) no-repeat -204px 0; width: 46px; height: 46px;}

#wrapper .accessories li a {width: 20px; height: 20px; display: block;}
#wrapper .accessories {width: 90%; margin: 0 auto; overflow: hidden;}

#wrapper .accessories  span {display: block; width: 20px; height: 20px;}
#wrapper .accessories .home span {background: transparent url(../images/icons/home-ico.gif) no-repeat 0 0;}
#wrapper .accessories .print span {background: transparent url(../images/icons/print-ico.gif) no-repeat 0 0;}
#wrapper .accessories .email span {background: transparent url(../images/icons/email-ico.gif) no-repeat 0 0;}


/*interactive state*/
  /*@group main-nav */

  #nav .main li a.active span, #nav .main li a:hover span {background: transparent url(../images/nav-li-a-active.gif) no-repeat left center; padding-left: 10px;}
  #nav .main li li a.active , #nav .main li li  a:hover  {background: transparent url(../images/nav-li-a-active.gif) no-repeat .75em 50%; padding-left: 1.6em;}

  /*@end main-nav */



/*corners 
***************************************************************/

/*all corners*/
.enhanced {background: #9d9e9e; border: 2px solid #cdcdcd; padding: 1px; position: relative;}
.enhanced-inner {padding: 1.5em 2em; background: white; overflow: hidden; height: 1%;}
#header .enhanced-inner {padding: .5em 1em 1.5em;}
.ctl, .ctr, .cbl, .cbr {position: absolute; width: 13px; height: 13px;}
.ctl {top: -2px; left: -2px; background: transparent url(../images/corners/ctl2.gif) no-repeat 0 0;}
.ctr {top: -2px; right: -2px; background: transparent url(../images/corners/ctr2.gif) no-repeat 0 0;}
.cbl {bottom: -2px; left: -2px; background: transparent url(../images/corners/cbl2.gif) no-repeat 0 0;}
.cbr {bottom: -2px; right: -2px; background: transparent url(../images/corners/cbr2.gif) no-repeat 0 0;}

/*h1 + blockquote inner pages corners*/
#header blockquote .enhanced-inner { padding: 1em;}

/*rounds corners sections -- header -- footnotes*/
#cap-employers #header  .enhanced-head, #cap-employers .article .enhanced-foot {background: #e3060d;}
#cap-handicaps #header  .enhanced-head, #cap-handicaps .article .enhanced-foot {background: #c21f5e;}
#cap-partners  #header .enhanced-head, #cap-partners .article .enhanced-foot {background: #921c7d;}
#cap-directory #header  .enhanced-head, #cap-directory .article .enhanced-foot {background: #3d5663;}

#header .enhanced-head {width: 20em;  margin-left: 2em; z-index: 10; position: relative; margin-bottom: -3px; letter-spacing: .05em;}
.enhanced-head span {display: block; width: inherit; margin:0 -10px 0 -20px; padding: 0 10px 0 20px; line-height: 2em; height: 1.8em; position: relative;}

.article .enhanced-foot {position: absolute; bottom: -2em; left: 2em ; margin: 0;  height: 2em; line-height: 2; width: 16em;}
.enhanced-head div, .enhanced-foot div {background-image: url(../images/corners/h1-employers-bg.gif); background-repeat: no-repeat;  width: inherit; height: inherit; position: relative;}
#cap-handicaps .enhanced-head div, #cap-handicaps .enhanced-foot div {background-image: url(../images/corners/h1-handicaps-bg.gif);}
#cap-partners .enhanced-head div, #cap-partners .enhanced-foot div {background-image: url(../images/corners/h1-partners-bg.gif);}
#cap-directory .enhanced-head div, #cap-directory .enhanced-foot div {background-image: url(../images/corners/h1-directory-bg.gif);}

.enhanced-foot .cl, .enhanced-foot .cr,.enhanced-foot  a {}
.enhanced-head .cl {background-position: 0 0; margin-left: -10px; padding-left: 20px;}
.enhanced-foot .cl {background-position: 0 100%; margin-left: -10px; padding-left: 10px;}
.enhanced-head .cr {background-position: 100% 0; padding-right: 10px; margin-right: -10px;}
.enhanced-foot .cr {background-position: 100% 100%; padding-right: 10px; margin-right: -10px;}
.article .enhanced-foot  a {background: transparent url(../images/icons/pdf.gif) no-repeat 95% 50% ; display: block; color: white;  font-size: .85em; line-height: 1.8;   padding: 0 10px 0 15px; margin: 0 -10px; text-decoration: none; position: relative;}

/*rounds corners borders
----------------------------------------------------------------------------*/
/*header*/
#cap-employers .enhanced-head span {border-bottom: 3px solid #ba0105;}
#cap-handicaps .enhanced-head span {border-bottom: 3px solid #a11a4e;}
#cap-partners .enhanced-head span {border-bottom: 3px solid #791767;}
#cap-directory .enhanced-head span {border-bottom: 3px solid #324752;}
/*footer*/
#cap-employers .article .enhanced-foot  a { border-top: 3px solid #ba0105;} 
#cap-handicaps .article .enhanced-foot  a { border-top: 3px solid #a11a4e;} 
#cap-partners .article .enhanced-foot  a { border-top: 3px solid #791767;} 
#cap-directory .article .enhanced-foot  a { border-top: 3px solid #324752;} 

.article .enhanced-foot  a:before {content: "> ";}

.article .enhanced-foot  a:hover {text-decoration: underline;}

/*nav corners*/
#nav .enhanced {padding: 0;}
#nav .enhanced-inner {padding: 0; border: 1px solid #9d9e9e;}

  
/*forms	
----------------------------------------------------------------------------*/  
#cap-directory form p {padding: 0 1.8em;}
#cap-directory select {width: 100%;}


/* Flash map
----------------------------------------------------------------------------*/  
#flash-map { width: 400px; height: 493px; }