/* elements */

/*----texts----*/
H1 {font-family:"Lucida Grande",Helvetica,Arial,sans-serif;font-size:20px;font-weight:bold;line-height:18px;margin-bottom:5px;}
H2 {font-size:16px;font-weight:bold;line-height:16px; margin:0; padding:0 0 5px 0}
H3 {font-size:12px; margin:10px 0px 10px 0px;}
H4 {font-size:11px; font-weight:bold; color:#5d5d5d; margin:10px 0px 10px 0px;}
H6 {font-family:"Lucida Grande",Helvetica,Arial,sans-serif;font-size:16px;font-weight:bold;line-height:18px;margin-bottom:5px;color:#002E60;}
P {color:#888888; margin:4px 0 2px;}
.p-header {
color:black;
}
STRONG {}
EM {}
.highlight {color:#ff8203}
.rich-text {}

/*----separator----*/
HR {margin:1em auto;}

/*----medias----*/
.image {}

/*----default links----*/
A {}
A:link {color:#333333; text-decoration:underline}
A:visited {color:#333333; text-decoration:underline}
A:hover {color:#82AA00; text-decoration:underline}
A:active {color:#99dd1e; text-decoration:underline}

/*----forms----*/
FORM {margin:0px; padding:0px; }
LABEL {padding:0px 2px;}
INPUT,SELECT,TEXTAREA {border:1px solid #ABABAB; vertical-align:middle; font-size:11px; color:#333333; margin:7px 0; width:85% !important}
.checkbox,.radio {border:none; background:transparent none;width:30px !important;}
.checkbox-group, .radiobutton-group {}
.checkbox-group TABLE, .radiobutton-group TABLE {margin-top:5px;}




/*field states*/
.readonly {background-color:#E5E5E5; border:1px solid #BEBEBE;}
.mandatory {color:#82AA00}
.error {color:#ff0000}

/*fields-group*/
.section .fields-group .cell-left {width:25%; color:#888}
.section {border:1px solid #D1D1D1}
.buttons-group {border:0 none}
.section H2 {font-size:12px;background-image:none; padding-left:0px;}
.section H2 SPAN {background-color:#ffffff}

/*--buttons--*/
.button-area {padding:0px; margin:0px;}
BUTTON {	text-align :center ;	border :0px none;	vertical-align :middle ;	margin :0px 2px 0px 2px ;	overflow :visible ;	cursor :pointer ;padding :0px 0px 0px 10px ; font:normal 11px Verdana, Arial, Helvetica, sans-serif ;}
.button1 {background :url(../images/button1left.gif) no-repeat left center;	background-color :transparent;}
.button2 {background :url(../images/button2left.gif) no-repeat left center;	background-color :transparent;}
.button3 {background :url(../images/button3left.gif) no-repeat left center;	background-color :transparent;}

BUTTON SPAN {
position :relative ;display :block ;white-space :nowrap ;margin :0px ;	height : 23px ;	line-height :23px; padding :0px 10px 0px 0px;	color:#333333;}
.button1 SPAN {	 background: url(../images/button1right.gif) no-repeat right center ;}
.button2 SPAN {	 background: url(../images/button2right.gif) no-repeat right center ;}
.button3 SPAN {	 background: url(../images/button3right.gif) no-repeat right center ;}

/*--tables--*/
.table,.table TABLE { border-collapse:collapse }
.table CAPTION {}
.table TH {}
.table TH A:link, .table TH A:visited {color:#333333; }
.table TH A:hover, .table TH A:active {color:#004dba;}
.table TD { }
.table .cell1 {}
.table .cell1 A:link, .table .cell1 A:visited {color:#004dba;}
.table .cell1 A:hover, .table .cell1 A:active {color:#ff8203;}
.table .cell2 {}
.table .cell2 A:link, .table .cell2 A:visited {color:#004dba;}
.table .cell2 A:hover, .table .cell2 A:active {color:#ff8203;}

/*--------------navigation-------------*/

/*--Streamline--*/
.streamline {background:url(../images/streamline_blue.gif) no-repeat 0px 3px; color:#99dd1e; padding-left:14px; font-weight:normal;padding-bottom:10px;}
.streamline A:link, .streamline A:visited {color:#333333; }
.streamline A:hover, .streamline A:active {color:#004dba;}

/*----side-menu----*/
.side-menu,.side-menu .side {width:180px; }
.side-menu ul { font-family:Arial, Helvetica, sans-serif;}
.side-menu .side li { border:none; background-color:transparent; font-weight:bold; font-size:12px; padding:3px;}
.side-menu .side li a { background:url(../images/sidelevel1.gif) no-repeat 1px 4px; color:#888888}
.side-menu .side span { margin-left:14px;}
.side-menu .side li .current { background:url(../images/sidelevel1current.gif) no-repeat 0px 4px; color:#99DD1E}
.side-menu .side a:hover { background-color:transparent; color:#99DD1E}
.side-menu .side a:hover span {}

.side-menu .side ul {  }
.side-menu .side ul li { font-weight:normal; font-size:11px; padding:0px; }
.side-menu .side ul li a {background:none; }
.side-menu .side ul li span { margin-left:0px;}
.side-menu .side ul li .current { background:none; color:#99DD1E}
.side-menu .side ul li a:hover { text-decoration:underline; color:#99DD1E}

.side-menu .side ul ul {  }
.side-menu .side ul ul li {  }
.side-menu .side ul ul li a { }
.side-menu .side ul ul li span {}
.side-menu .side ul ul li .current { font-weight:bold}

.side-menu .side li.first {}
.side-menu .side li.last {}

/*----site map----*/
.sitemap UL {margin:6px 0px 3px 14px; padding:0px; list-style-position:inside}
.sitemap UL LI {padding:3px 0px 3px 0px;  color:#99DD1E; }
.sitemap UL LI A {font-size:12px;}
.sitemap UL LI A:link, .sitemap UL LI A:visited { color:#666666; }
.sitemap UL LI A:hover, .sitemap UL LI A:active {color:#99DD1E;}
.sitemap UL UL LI { color:#494949;}
.sitemap UL UL LI A {font-size:11px;}
.sitemap UL UL LI A:link, .sitemap UL UL LI A:visited { color:#494949; }
.sitemap UL UL LI A:hover, .sitemap UL UL LI A:active {color:#99DD1E;}

/*----site map----*/
.pages-list {}
.pages-list UL {margin:6px 0px 3px 14px; padding:0px; list-style-position:inside}
.pages-list UL LI {padding:3px 0px 3px 0px;  color:#004dba; }
.pages-list UL LI A {font-size:12px;}
.pages-list UL LI A:link, .pages-list UL LI A:visited { color:#004dba; }
.pages-list UL LI A:hover, .pages-list UL LI A:active {color:#ff8203;}

/*--------components--------*/

/*--Send to friend--*/
.send-to-friend {border:0 none; margin:0px; padding:0px 0px 0px 0px; width:auto; }
.send-to-friend FIELDSET {border:none; padding:0px; margin:0px;}
.send-to-friend LABEL {display:block; width:auto; margin-bottom:3px; }+

/*--tooltip--*/
.tooltip {background-color:#F0F4d0; text-align:left; padding:4px; font:normal 10px Verdana, Arial, Helvetica, sans-serif;}
BODY .tooltip {text-align:left;}

/*--progress bar--*/
.bar-outer {  }
.bar {border:1px solid #848484; background-color:#ffffff}
.bar-gauge {background-color:#ff8203; height:15px;}

/*--pager--*/
.pager {background-color:#dcdbdb; margin:0px; padding:3px; padding:5px 3px 5px 3px; border-left:1px solid #D1D1D1; border-right:1px solid #D1D1D1;}
.pager .browser A {display:block; width:18px; height:16px; text-align:center;  background-color:#666666; font-size:11px; text-decoration:none}
.pager .browser A:link {color:#ffffff; background-color:#9e9e9e;}
.pager .browser A:hover {background-color:#696969; color:#ffffff}
.pager .browser SPAN {display:block; text-align:center;}
.pager .browser STRONG {display:block; width:18px; height:16px; text-align:center;  background-color:#99DD1E; color:#333333}

/*--filter--*/
.filter {margin:0px; }

/*--list-sort--*/
.list-sort {text-align:right; padding:5px 3px 5px 3px; margin:0px;border:none;}

/*--combo-list--*/


/*--------views--------*/
.list-view {padding:5px 10px 5px 10px; border:none;  margin:0px}
.table-view {padding:5px 10px 5px 10px; border:none;  margin:0px}
.thumbnail-view {padding:5px 10px 5px 10px; border:none; margin:0px}
.thumbnail-view .detail { border:none;}
.links-view {padding:5px 10px 5px 10px; border:2px solid #C6C6C6; border-top:none; margin:0px}


/*item sheet*/
.item-view {padding:5px 10px 5px 10px; border:none;}
.button-area {padding:10px 0px 5px 0px;}
.item-view .content {padding:10px 0px 10px 0px; margin:10px 0px 10px 0px; border-top:1px dashed #ACACAC; }
.item-view H1 {background-image:none; color:#ff8203; padding-left:0px; font-size:15px; margin:5px 0px 5px 0px;}

/*detail*/
.detail H4 {color:#018AC3;float:left !important; display:block; position:relative}
.detail H4 A:link, .detail H4 A:visited{color:#018AC3;margin:0; background-image:none; font-size:13px;float:left; font-weight:bold}
.detail H4 A:hover, .detail H4 A:active{color:#018AC3 !important; background-image :url(../images/bg_actus.png); background-repeat:repeat-x;font-weight:bold !important}
.detail A:link, .detail A:visited{color:#5B5B5B;}
.detail A:hover, .detail A:active{color:#333333;}
.detail H4 IMG {margin-right:6px}
.description {font-size:12px; padding:40px 10px 0 0;}

/*--------applications--------*/

/*--application browser--*/
.group { padding:0px; margin:10px 0px 10px 0px;}

/*bloc actions*/
.actions-area {background-color: #f1f1f1; padding:5px 3px 5px 3px; border-left:1px solid #C6C6C6; border-right:1px solid #C6C6C6; border-top:1px solid #C6C6C6;text-align:right;}
.actions-area .button-area {}
.actions-area .button-area IMG {}
.actions-area .button-area .action-refresh {background-image :url(../images/refresh.gif); height:23px; width:23px;}
.actions-area .button-area .action-refresh SPAN {display:none;}

/*navigation and form area*/
.navigation-area {background-color:transparent; border:none; padding:3px; margin:0px; margin:0px;}
.navigation-area A:link, .navigation-area A:visited {font-size:12px;}
.navigation-area A:hover, .navigation-area A:active {color:#333333;}
.navigation-area .streamline {background-image:none; padding-left:0px; font-weight:normal;}
.navigation-area .streamline .action-root {}
.navigation-area .streamline .action-root SPAN {}
.navigation-area .list-view {color:#E6E6E6; border:none}
.navigation-area .links-view {color:#E6E6E6; border:none}
.group .form-area .section {border:none}
.group .form-area .section .fields-group .cell-left {color:#333333}
.group .form-area .section H2 {color:#004dba; font-size:12px;margin:5px 0px 3px 0px; padding:0px 0px 0px 2px;background-image:none;}
.group .form-area .section H2 SPAN {background-color:#ffffff}
.group .form-area .button-area {padding:10px 0px 0px 0px;}
.form-area .button-area {padding:10px 0px 0px 0px;}


.actions-area .button1,.navigation-area .button1,.form-area .button1 {background :url(../images/button1left.gif) no-repeat left center;	background-color :transparent;		}
.actions-area .button1 SPAN,.navigation-area .button1 SPAN,.form-area .button1 SPAN {background: url(../images/button1right.gif) no-repeat right center ;}



/*views*/
.view-area { margin:0px;}
.view-area A:link, .view-area A:visited {}
.view-area A:hover, .view-area A:active {}
.view-area .filter-area {background-color:white; border:none; padding:5px 3px 5px 3px; }
.view-area .highlight {}
.view-area .highlight A:link {}
.view-area .highlight A:visited {}
.view-area .highlight A:hover {}
.view-area .highlight A:active {}

/*polls*/
.poll {margin:10px}
.poll H3 {margin-left:0px}
.poll .bar-outer { margin-top:4px; }
.poll UL {margin:6px 0px 3px 12px; padding:0px; list-style-position:outside;}
.poll UL LI {padding:3px 0px 3px 0px; display:block; }

/*authentication*/
.authentication-form {border:none; margin:10px; padding:0px;}
.authentication-form p {margin:10px 0px 0px 10px; font-weight:bold}
.authentication-form button {margin-left:10px; }


/*search*/
.search-result .pager { border-top:1px solid #D1D1D1;}
.search-result .list-view {}
.search-result .links-view {}

/*application browser simple display*/
.simple-display .group {border:none}
.simple-display .view-area {border:none}
.simple-display .actions-area {border:none; background-color:transparent}
.simple-display .list-view {border:none; }
.simple-display .table-view {border:none;}
.simple-display .links-view {border:none; padding:5px 10px 5px 10px;}

/*form-area*/
.form-area {background:transparent none;}

/*RSS*/
.sys-syndication-rss20 .links-view .detail h4 { margin:5px 20px 2px 0; width: 500px;}
.sys-syndication-rss20 .links-view .detail h4 A:link,.sys-syndication-rss20 .linksview
.detail h4 A:visited{text-decoration:none; padding:2px ; width:500px;}
.sys-syndication-rss20 .links-view .detail h4 A:hover,.sys-syndication-rss20 .linksview
.detail h4 A:active{color:#018AC3!important; text-decoration:underline; width: 500px;}

/*--tabs--*/

/*horizontal top tabs*/
.horizontal-top-tabs {}
/*horizontal bottom tabs*/
.horizontal-bottom-tabs {}

/*tab level1*/
.tab1 {width:190px; float:left; height:30px}
.tab1 UL {margin:0px; padding:0px; display:block;}
.tab1 LI {display:inline; float:left; height:30px; margin-top2px; margin-bottom:2px }
.tab1 LI A{display:inline; float:left;background-image:none!important; margin:2px 0!important}
.tab1 A {display:block; margin:0; background-color:transparent; text-decoration:none; padding-right:none;}
.tab1 .current {display:block;margin:0;padding:0px; width:190px; background-color:white}
.tab1 .current SPAN {}
.tab1-content {padding:10px; background-color:#fff}

.tab1 SPAN  {display:block; padding-left:0px; line-height:20px; height:30px}
.tab1 a span {display:block; width:190px; margin:0; padding:0}

.tab1-tab1 .current SPAN  {background-image:url(../images/les-avantages-on.png); background-repeat:no-repeat;width:190px;margin:2px 0!important}
.tab1-tab1  SPAN  {background-image:url(../images/les-avantages.png); background-repeat:no-repeat;}

.tab1-tab2 .current SPAN  {background-image:url(../images/accompagnement-on.png); background-repeat:no-repeat;width:190px;margin:2px 0!important}
.tab1-tab2  SPAN  {background-image:url(../images/accompagnement.png); background-repeat:no-repeat}

.tab1-tab3 .current SPAN  {background-image:url(../images/les-formations-on.png); background-repeat:no-repeat;width:190px;margin:2px 0!important}
.tab1-tab3  SPAN  {background-image:url(../images/les-formations.png); background-repeat:no-repeat}

.tab1-tab4 .current SPAN  {background-image:url(../images/qui-sommes-nous-on.png); background-repeat:no-repeat;width:190px;margin:2px 0!important}
.tab1-tab4  SPAN  {background-image:url(../images/qui-sommes-nous.png); background-repeat:no-repeat}





/*content area*/
.content-area {background-color:white; padding-left:195px}