/*###############################################################
#################################################################
#################################################################
                                                              ###
QuickSite Wireframe CSS                                       ###
This is the main stylesheet                                   ###
                                                              ###
author:		Ron Hall, Busy Noggin, Inc.                       ###
e-mail:		templavoila@busynoggin.com                        ###
website:	www.busynoggin.com & templavoila.busynoggin.com   ###
                                                              ###
#################################################################
###############################################################*/


/*----- @RESETS  ------------------
        @group Reset Styling     */
/* ---------------------------------------------------------------------------------------------- 
   reset.css   * Resets default browser CSS.
   Based on work by Eric Meyer: * meyerweb.com/eric/thoughts/2007/05/01/reset-reloaded/
---------------------------------------------------------------------------------------------- */

html, body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}

/* Tables still need 'cellspacing="0"' in the markup. */
table { border-collapse: separate; border-spacing: 0; }
caption, th, td { text-align: left; font-weight:400; }

/* Remove possible quote marks (") from <q>, <blockquote>. */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q { quotes: "" ""; }

a img { border: none; }
a:active {outline: none;}
a:focus {-moz-outline-style: none;	}


/*####################################
##########  BASE STYLING  ############
######################################*/

/*----- @BASE STYLES  ---------------
		@group Base Styling        */		   
/****** NOTE: 
        Much of the typography styling is handled in rte.css ***/
	 
html {height: 100%; width:100%;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 17px;
	color: #333333;
	font-weight: normal;
	width:100%;
	height: 100%;
	background: #6d7406 url(images/bkg.gif) repeat-x top left;
}




/*----- @TABLES  ------------------
        @group Table Styling     */	   
/****** NOTE: 
        Table Styling is mostly handled in rte.css ***/


table {	border-collapse:collapse; width: 100%;}




/*----- @ADDITIONAL TAGS  ---------
        @group Additional Tags   */

pre {margin-bottom: 15px;}

code { margin-left: 10px; margin-right: 10px;}

pre code {margin-left: 0px;	margin-right: 0px;}

pre, code {font-family: 'andale mono', 'monotype.com', 'lucida console', monospace;	}




/*----- @FORMULARS  -------------
		@group Forms           */

form input, form textarea {margin-right: 5px;}

form input:focus, form input:hover {color: black;}

form select {font-size: 11px;}

form option {
	margin: 0px;
	margin-left: 5px;
	margin-right: 10px;
	}

optgroup {
	font-weight: bold;
	font-style: italic;
	margin: 0;
	margin-top: 5px;
	}

optgroup option {padding-left: 5px;}

legend {font-weight: bold;	color: black;}

.csc-mailform-field label,
.csc-mailform-field label {	display: block;	}



/* END BASE STYLING -----------------------------------------------------------------------------------------------------------------------*/




/*######################################
##########  COMMON CLASSES  ############
######################################*/

.clear {clear: both;}

.clearOnly {
	clear: both;
	height: 0px;
	margin: 0;
	padding: 0;
	overflow: hidden;
	line-height: 0;
	}

.outOfSight {
	position: absolute;
	top: 0;
	left: -4000px;
	}

.csc-firstHeader {margin-top: 0px;}

.graphicTextWrap {overflow: hidden;}
.graphicText { line-height:300px; display: block;}

/* END COMMON CLASSES -----------------------------------------------------------------------------------------------------------------------*/




/*##############################
##########  LAYOUT  ############
##############################*/

/*----- @GENERAL ELEMENT LAYOUT  ---------------
        @group general element layout         */
		
#debugMenu {position:absolute; top:0; right:0px; }

#imgBackg {width:90%; min-width: 980px; margin:0 auto; background: url(images/bkg-imag.jpg) no-repeat top right; }
	
#pageWrap {
	width: 980px;
	padding: 0;
	margin-left: auto;
	margin-right: auto;
	background: url(images/footer.jpg) no-repeat bottom right;
	}
	

/*----- @HEADER  ---------------
        @group Header */

#header { position:relative; margin-bottom:0; padding-top: 182px;}

#masthead {
	position:absolute;
	top:0;
	left:0;
	margin: 45px 0 0 0;
	padding: 0;
	height: 126px;
	width: 380px;
	overflow: hidden;
	background: url(images/logo.png) no-repeat;
	}

#masthead a { display: block; padding-top: 130px; }

#TopNav {
	position:absolute;
	top:0;
	right:0;
	height: 37px;
	width: auto;
	padding: 0;
	/*overflow: hidden;*/
	background: url(images/bk-topnav.png) repeat;
	}
	
#indexedsearchbox {float:left; padding:6px;} 
#indexedsearchbox input[type=text] { width: 28em; background: #fff url(images/loupe.gif) no-repeat top left; padding: 2px 2px 2px 25px; border: 1ps solid #CCCCC6; font-size:0.8em; color:#888; font-style:italic; margin:0;} 
#indexedsearchbox input[type=text]:focus { color:#000; font-style:normal;} 
#indexedsearchbox input.searchbox-button { float:right; margin:0;} 

/*UL*/
.topnav { list-style:none; float:left; margin-left:12px;}
.topnav li { display:inline; float:left; padding:10px 15px; border-left: 1px dashed #454904; font-size:1.1em;}
.topnav li a { display:block; color: #454904;}
.topnav li a:hover {color: #000;}

#feature { display:none; }

#ContentWrap {
	clear:both;
	overflow:auto;
	background: #FFF url(images/bande-gch.gif) repeat-y top left;
	}

#leftColumn {
	width: 228px;
	float: left;
	/*temp*/
	padding:20px 0px 20px 22px;
	margin-right: 20px;
	background: url(images/bottom-social.gif) no-repeat top left;
	}

#generatedContent-1 {
	padding:0px 0px 30px 8px;
	}

#generatedContent-1 dl { margin:0;}

#generatedContent-2 {
	width: 230px;
	float: right;
	}

#f1d #contentBlock-1 {
	/*float: right;*/
	padding-left: 250px;
	overflow:auto;
	padding:1em 12px 1em 0em;
	}

#f1e #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f1f #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f2a #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f2a #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2b #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f2b #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2c #contentBlock-1 {
	float: left;
	width: 730px;
	}

#f2c #contentBlock-2 {
	width: 230px;
	float: right;
	}


#f2d #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f2d #contentBlock-2 {
	width: 230px;
	float: right;
	}

#f2e #contentBlock-1 {
	float: left;
	width: 480px;
	margin-right: 20px;
	}

#f2e #contentBlock-2 {
	width: 230px;
	float: left;
	}

#f3a #contentBlock-1,
#f3b #contentBlock-1 {
	float: left;
	width: 480px;
	margin-right: 20px;
	}

#f3a #contentBlock-2,
#f3b #contentBlock-2 {
	width: 230px;
	float: left;
	}

#f3a #contentBlock-3,
#f3b #contentBlock-3,
#f3c #contentBlock-3,
#f3d #contentBlock-3 {
	width: 230px;
	float: right;
	}

#f3c #contentBlock-1,
#f3d #contentBlock-1 {
	float: left;
	width: 480px;
	}

#f3c #contentBlock-2,
#f3d #contentBlock-2 {
	width: 230px;
	float: left;
	margin-right: 20px;
	}


/*----- @GLOBAL MENU  -------------
        @group Global Menu */

#globalMenu {
	clear: both;
	height: 44px;
	margin: 0;
	padding: 1px 0 0 260px;
	background: url(images/top-social.gif) no-repeat bottom left;
	}

#globalMenu li {
	display: inline;
	float: left;
	position:relative;
	width:17.7%;
	height:44px;
	padding: 0;
	margin: 0 2px 0 0;
	background: url(images/bk-menu.png) repeat top left;
	-moz-border-radius: 5px 5px 0px 0px; 
	-webkit-border-radius: 5px 5px 0px 0px;
	}
	
#globalMenu li.first { background: #eae8d6; width:9.8%;}
#globalMenu li.first a {padding:6px 1% 10px 10px;}
#globalMenu li.first:hover { background: #b3a63f;}
#globalMenu li.first:hover a {}

#globalMenu li.second { background: #fff5a8;}
#globalMenu li.second a {}
#globalMenu li.second:hover { background: #b3a63f;}
#globalMenu li.second:hover a {}

#globalMenu li.third { background: #ffdd33;}
#globalMenu li.third a {}
#globalMenu li.third:hover { background: #b3a63f;}
#globalMenu li.third:hover a { }

#globalMenu li.forth { background: #fdb813;}
#globalMenu li.forth a {}
#globalMenu li.forth:hover { background: #b3a63f;}
#globalMenu li.forth:hover a {}

#globalMenu li.fifth { background: #ee9a07;}
#globalMenu li.fifth a {}
#globalMenu li.fifth:hover { background: #b3a63f;}
#globalMenu li.fifth:hover a {}

#globalMenu li.sixth { background: #e17600; margin: 0 0 0 0;}
#globalMenu li.sixth a {}
#globalMenu li.sixth:hover { background: #b3a63f;}
#globalMenu li.sixth:hover a {}



#globalMenu li.last {margin: 0 0 0 0;}

#globalMenu li a {
	display: block;
	height: 30px;
	padding:5px 2px 10px 7px;
	font-size: 0.95em;
	font-weight:bolder;
	text-transform:uppercase;
	color: #232503;
}

#globalMenu a:hover { color:#232503;}

#globalMenu li.active a {background:#FFF; color:#232503; -moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px;}

#globalMenu ul {
	position: absolute;
	height: 20px; 
	top: 20px;
	left: 0px;
	margin: 0px;
	background-color: #999;
	width: 940px;
	font-size: 11px;
	padding-left: 10px;
}

/*SUBMENUS*/
div.orgMenu, div.searchMenu { margin-top: 35px; padding-bottom:10px; background: url(images/submenuli.gif) repeat-y top right;}
div.orgMenu p, div.searchMenu p { margin:0; font-size:1.3em; font-weight:bold; padding:25px 50px 30px 10px; color:#050505; background: url(images/submenuhead.gif) no-repeat top right;}
div.searchMenu p { background: url(images/submenuhead2.gif) no-repeat top right; padding:15px 50px 20px 10px;}
div.orgMenu ul.orgMenu, div.searchMenu ul.searchMenu { list-style:none; margin:0; font-size:1.1em; font-weight:bold;}
div.orgMenu ul.orgMenu li, div.searchMenu ul.searchMenu li {display:block;/*background: url(images/submenuli.gif) repeat-y top right;*/}
div.orgMenu ul.orgMenu li.current, div.searchMenu ul.searchMenu li.current {display:block; background: url(images/submenuactive.gif) no-repeat top right;}
div.orgMenu ul.orgMenu li.current a, div.searchMenu ul.searchMenu li.current a {color:#222;}
div.orgMenu ul.orgMenu li.active, div.searchMenu ul.searchMenu li.active {display:block; background: url(images/submenuactive.gif) no-repeat top right;}
div.orgMenu ul.orgMenu li.active a, div.searchMenu ul.searchMenu li.active a {color:#222;}
div.orgMenu ul.orgMenu li a, div.searchMenu ul.searchMenu li a { display:block;  padding:12px 25px; color:#FFF;}
div.orgMenu ul.orgMenu li a:hover, div.searchMenu ul.searchMenu li a:hover { color:#252703;}

/*------------*/



/*BREADCRUMBS*/

.breadcrumWrap { position:relative; border:1px solid #ffdd33; background: url(images/boussole.jpg) no-repeat center right; margin: 12px 12px 0px 270px; padding:2px 3px 2px 85px; font-size:0.9em; color:#686e06;}
.breadcrum { position:absolute; top:0; left:0; background: url(images/bck-breadcrumbs.gif) no-repeat center right; padding:2px 18px 2px 6px; }
.breadcrumWrap a {color:#686e06; text-decoration:underline;}
.breadcrumWrap a:hover {color:#000;}
span.chemin {color:#e87800;}

/*INTROS*/
.intros {background: #7b820d url(images/bgintro-rep.jpg) repeat-x top left;
	/*temp*/
	-moz-border-radius: 5px;
    -webkit-border-radius: 5px;
}
.intros .fleur {background: url(images/bgintro.jpg) no-repeat top left; padding: 20px;-moz-border-radius: 5px;
    -webkit-border-radius: 5px;}

/*ÉTAPES D'ENREGISTREMENT*/



/*LAST UPDATE*/
.lastUpdate {background: url(images/maj.gif) no-repeat center left; display:block; margin: 5px 5px 5px 270px; padding:22px 0 7px 30px; font-size:0.9em;}
.lastUpdate em { display:block; margin-right:1em; border-top:1px solid #abaf76; color:#abaf76; text-align:right; } 

/*----- @LOCAL MENU  -------------
        @group Local Menu */

#localMenu {
	margin-left: 0;
	padding-top: 10px;
	padding-bottom: 5px;
	}

#localMenu ul {margin-top: 10px;}
#localMenu ul li {margin-bottom: 3px;}
#localMenu li {list-style: none; margin-bottom: 10px; font-size: 14px;}
#localMenu li a {color: #b2b2b2;}
#localMenu li a:hover {color: black;}
#localMenu li.current a {color: #008aec;}
#localMenu li.current li a {color: #b2b2b2;}
#localMenu li.current {background: url(images/local_menu_arrow.gif) no-repeat right -5px;}

	
/*----- @FOOTER  -----------------
        @group Footer */

#footer { margin-left:22px; clear:both; overflow:auto; color:#bec73c; padding:15px 0 70px 0;}
#footer a {color:#bec73c;}
#footer a:hover {color:#313404;}
div.partners {background: url(images/partner.gif) no-repeat 0px 10px; padding: 30px 0 10px 0px; margin-top:5px; clear:both; overflow:auto; }
div.partners div { float:left; width:auto; margin-right:15px;}
div.partners div.csc-textpic-clear {display:none;}

div#footerLeft { float:left;}
div#footerRight { float:right; text-align:right;}
div#footerRight span { color:#313404;}
div#footerRight a { text-decoration:underline;}

p.footerCopyright { margin:0;}
p.footerCopyright span { color:#313404; font-weight:bold; }

ul#footerNav { list-style:none; margin:0;}
ul#footerNav li { display:inline;}


/* END LAYOUT -----------------------------------------------------------------------------------------------------------------------*/


/*######################################
##########  MODULE STYLING  ############
######################################*/

.moduleHeader {
	margin: 0;
	padding: 0 15px 0 0;
	color: white;
	background: url(images/right_module_cap.gif) no-repeat right top;
	font-size: 14px;
	}

.moduleHeader .moduleHeaderInnerWrap {
	display: block;
	padding: 5px 0 5px 10px;
	background: #008aec url(images/left_module_cap.gif) no-repeat left top;
	}

.moduleFooter {
	height: 15px;
	margin: 0;
	padding-right: 15px;
	background: url(images/right_module_cap.gif) no-repeat right bottom;
	font-size: 1px;
	overflow: hidden;
	}

.moduleFooter span {
	display: block;
	height: 15px;
	background: #008aec url(images/left_module_cap.gif) no-repeat left bottom;
	}

.moduleBody {padding: 15px 10px 10px 10px;}

.moduleBodyWrap {
	border-left: 2px solid #008aec;
	border-right: 2px solid #008aec;
	/* Please note that the thickness values on the two border values above will be overridden in the final output. Make sure these values match the constant moduleBodyBorderWidth */
	}

.unframed .moduleBody,
.unframed .moduleBodyWrap {	padding: 0;	border: 0;	}


.moduleBodyBleed {	padding: 0;	}
.columnGroup {margin-bottom: 10px;}
.columnGroupRule {border-bottom: 1px solid #7f7f7f;	}
.moduleGroup {margin-bottom: 10px;}
.moduleFeature {margin-bottom: 15px;}

	
/* END MODULE -----------------------------------------------------------------------------------------------------------------------*/


/*######################################
##########  MODULE GROUP  ############
######################################*/


/* END GROUP -----------------------------------------------------------------------------------------------------------------------*/

/*###############################################################
####### ÉLÉMENTS VISUELS ACCUEIL ET PLUS ########################
###############################################################*/

/* CONTENT ACCUEIL */

.ac-specialheader h1 { background: url(images/gens-accueil.jpg) no-repeat bottom right; margin:0; border-bottom:3px solid #575c06; padding:35px 200px 10px 0; font-size:2.3em; color: #575c06; text-shadow: 0 1px 1px #999; }

#home-trv, #home-org {
	
	margin:0;
	padding:10px 10px 10px 10px;
	-moz-border-radius: 0px 0px 10px 10px;
	-webkit-border-radius:  0px 0px 10px 10px;
	text-align:center;
	/*-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;*/
	}
#home-trv { background: #b5eaff url(images/overlay-accueil.png) repeat-x; }
#home-org { background: #fff5a8 url(images/overlay-accueil.png) repeat-x; }

#home-trv h2, #home-org h2 {font-size: 1.4em;}
#home-trv h2 {color:#335865;}
#home-org h2 {color:#575c06;}
span.plusgrand {font-size:1.5em; text-shadow: 0 -1px 1px #ccc; display:block;}
#home-trv h2 span.plusgrand, #home-org h2 span.plusgrand {margin-bottom:-15px; font-weight:bold;}

#home-trv ol, #home-org ol { margin-left:0; list-style:none;}
#home-trv li, #home-org li { padding:10px 0 25px 0; background: url(images/arrow_down.png) no-repeat bottom center; }
#home-trv li.last, #home-org li.last { padding:10px 0 25px 0; background:none; }
#home-trv li.avlien a, #home-org li.avlien a { 
	padding: 10px 5px;
	color:#FFF;
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius:  5px;
	text-align:center;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;}
	
#home-trv li.avlien a { background: #2994c3 url(images/alert-overlay.png) repeat-x;}
#home-org li.avlien a { background: #fdb813 url(images/alert-overlay.png) repeat-x; color:#333;}

#home-trv li.avlien a:hover { background: #11688f url(images/alert-overlay.png) repeat-x;}
#home-org li.avlien a:hover { background: #ffe04d url(images/alert-overlay.png) repeat-x; color:#333;}

#home-trv li.avlien a span.plusgrand { color:#aae7ff; text-shadow: 0 -1px 1px #4a89a5;}
#home-org li.avlien a span.plusgrand { color:#333;}

/*INSCRIPTION NEWSLETTER*/
.tx-sremailsubscribe-pi1 {width:200px; margin-top:50px; background: url(images/fleche-emailsuscrb.gif) no-repeat 170px 75px; clear:both; display:block;}
.tx-sremailsubscribe-pi1 h3 {
	height: 62px;
	width: 221px;
	overflow: hidden;
	background: url(images/header-newsl.gif) no-repeat top left;
	}
.tx-sremailsubscribe-pi1 h3 b { display: block; padding-top: 70px; }
.tx-sremailsubscribe-pi1 p {padding-right:50px; color:#8d851d; font-weight:normal;}
.tx-sremailsubscribe-pi1 p b {font-size:1.5em; padding-bottom:5px;}
.tx-sremailsubscribe-pi1 form {display:block;}
.tx-sremailsubscribe-pi1 input {margin:5px 0 2px 3px; padding:6px; font-size:1.1em; color:#999; border:1px solid #999; width:90%;}
.tx-sremailsubscribe-pi1 input[type=submit] {background: url(images/bk-bt-suscrb.gif) repeat-x top left; color:#FFF; border:1px solid #d3d4cd; font-size:1.1em; font-weight:bold; padding:5px; margin-left:86px; width:110px; cursor:pointer;}

/*Social*/
.bookmark_browser, .bookmark_facebook {margin-left:10px;}
.print {margin-right:20px;}
/*METEOMEDIA*/

#meteo { background: #e8e5d2 url(images/bck-meteo.gif) no-repeat 3px 7px; width:150px; padding:10px 10px 3px 35px; }

/*RSS*/
#twrss_table { margin-top:30px;}
.twrss_head_channel { padding:10px 50px 10px 10px; background: url(images/ico-rss.gif) no-repeat bottom right; font-family:"Lucida Sans Unicode", "Lucida Grande", sans-serif; color:#fdae12; font-size:1.1em; line-height:1.2em; font-weight:bold; }
.twrss_channel_description { padding:5px; font-size:0.9em; line-height:1em; color:#666; font-style:italic;}
.twrss_item_link {}
.twrss_item_link a { padding:5px; display:block; color:#6b6d06;}
.twrss_item_link a:hover { background:#f3f4d0;}
#twrss_table hr {  border-top:1px dashed #cbcda6; border-width: 1px 0 0 0; margin:2px 5px; }

/*LOGIN*/
#login {background: #7b820d url(images/bgintro-rep.jpg) repeat-x top left;	
	padding:10px 20px;
	margin: 0px 20px 0 0;
	font-size:1.1em;
	color:#FFF;
	/*temp*/
	-moz-border-radius: 8px;
    -webkit-border-radius: 8px;}
#login h3 { color:#4d4a44; font-size:1.5em; }
#login .fieldgroup {margin-bottom:0.5em;}
#login legend { display:block; color:#FFF; font-size: 1.3em; margin: 0; padding: 0.5em 0 0.25em 0; }
#login label { display:block; font-size: 1.15em; margin: 0; padding: 0.5em 0 0.25em 0; }
#login input { width:96%; margin: 0 0 0 0; padding: 0.3em; font-size:1.1em; z-index:1 }
#login input[type=password] { margin-right: 1em; } 
#login input[type=submit] { width:auto; margin-top:0.5em; float:right; } 
p.forgotlink { background: url(images/none-sign.png) no-repeat 0px 2px; padding-left:18px; }
p.backtologin { background: url(images/return.png) no-repeat 0px 0px; padding-left:18px; }
p.forgotlink a, p.backtologin a { color:#FFF;}
p.forgotlink a:hover, p.backtologin a:hover { color:#cfe214;}

/*PREMIERE VISITE*/
.firstvisit {
	background: #b5eaff url(images/overlay-accueil.png) repeat-x;
	margin:0 0px 0 -20px;
	padding:30px 20px 20px 20px;
	-moz-border-radius:10px;
	-webkit-border-radius: 10px;
	text-align:center;
	}
	
.firstvisit h2 { color:#149cd3; margin:0 0 13px 0; font-size:1.8em}
.firstvisit span.plusgrand { font-size:1.4em; color:#149cd3; margin:13px 0; text-shadow: 0 0px 0px 0;}
.firstvisit p.avlien a { 
	background: #2994c3 url(images/alert-overlay.png) repeat-x; 
	color:#333;
	padding: 10px;
	margin:1.9em auto 0.5em auto;
	color:#FFF;
	display:block;
	width:200px;
	-moz-border-radius: 5px;
	-webkit-border-radius:  5px;
	text-align:center;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	font-size:1.5em;
	font-weight:bold;
	}
	
.firstvisit p.avlien a:hover { background: #11688f url(images/alert-overlay.png) repeat-x;}


/*LAST UPDATES*/
div.lastUpdate {}

/*TEMPLATING USER INTERFACE*/


/*##########################################
####### JOB CONTROL ########################
##########################################*/

/*----- @STRUCTURE EN COLLONNES - EDIT VIEW OF CREATE OFFERS ----------------------*/
.tx-jobcontrolfeedit-pi1 { width:100%;}
.tx-jobcontrolfeedit-pi1 .left { float:left; width:29.5%; padding:0 1em 1em 1em; }
.tx-jobcontrolfeedit-pi1 .right { margin-left:32%; padding:0 1em 1em 1.5em; border-left: 1px dashed #999;}

/*----- @INTROS GROUPS ----------------------*/
.tx-jobcontrolfeedit-pi1 .introgroup { padding:1.5em 0 0 0; margin-left:-8px;}
.tx-jobcontrolfeedit-pi1 .introgroup h3 { font-size: 1.3em; font-weight:bold; margin:0; color:#333; background:#FFF5A8; padding:8px;}
.tx-jobcontrolfeedit-pi1 .introgroup p { color:#666; padding-left:8px; margin-top:0.5em; }

/*----- @FORM ----------------------*/
.tx-jobcontrolfeedit-pi1 .fieldgroup {margin:0.5em 0 1em 0; }
.unikuid { padding: 0 0 0 0;}
.tx-jobcontrolfeedit-pi1 label { display:block; font-size: 1.15em; margin: 0; padding: 0.5em 0 0.25em 0; }
.tx-jobcontrolfeedit-pi1 input, .tx-jobcontrolfeedit-pi1 textarea { width:87.5%; margin: 0 0 0 0; padding: 0.3em; font-size:1.1em; z-index:1 } 
.tx-jobcontrolfeedit-pi1 .fieldgroup img {margin-bottom:-10px; }
.tx-jobcontrolfeedit-pi1 textarea { font-size:1.2em; } 
.tx-jobcontrolfeedit-pi1 select { width:91%; margin: 0 0 0 0; padding: 0.3em; font-size:1.1em; }

.tx-jobcontrolfeedit-pi1 input[type=radio], 
.tx-jobcontrolfeedit-pi1 input[type=checkbox] { background-color:transparent; float:left; width:1em; margin:8px 5px 0 0; } 	
.formidable-rdrstd-label-inline {}
/*HACK IE*/
* html .tx-jobcontrolfeedit-pi1 input.tx-jobcontrolfeedit-pi1-radio, 
* html .tx-jobcontrolfeedit-pi1 input.tx-jobcontrolfeedit-pi1-checkbox { background-color:transparent; }

/*----- @SELECTEUR ----------------------*/
.tx-jobcontrolfeedit-pi1 .selector label { background:#eee; border-bottom:#999 1px dashed; width:89%; margin-bottom:-15px; padding-bottom:10px; padding-left:5px;}
.tx-jobcontrolfeedit-pi1 .selector label.formidable-rdrstd-label { background:none; border-bottom:none; margin:25px 0 0px;}
.tx-jobcontrolfeedit-pi1 .selector input { margin-left:10px; }
.tx-jobcontrolfeedit-pi1 .mceEditor { width:87%;}

.tx-jobcontrolfeedit-pi1 .button input[type=submit] {width:auto; float:right; margin-left:10px; font-size:1.4em; padding:3px;}

/*----- @READ ONLY ----------------------*/
p.readonly { width:87.5%; background:#eee; color:#444; margin: 0 0 0 0; padding:0.5em 0.3em 0.3em 0.5em; font-size:1em; z-index:1; }
span.readonlyvalue{ margin-left:0.5em; color:#777; font-style:italic;}

/*----- @HELP  ----------------------*/

.tx-jobcontrolfeedit-pi1-info { position:relative; float:right; width:18px; height:22px; margin-top:27px; margin-right:15px; background: url("images/infohover.gif") no-repeat top right;}

.tx-jobcontrolfeedit-pi1-info-left { position:relative; float:left; width:18px; height:22px; margin:5px 5px 0px 0; background: url("images/infohover.gif") no-repeat top right;}

.tx-jobcontrolfeedit-pi1-info1line { position:relative; float:right; width:18px; height:22px; margin-top:1px; margin-right:15px; background: url("images/infohover.gif") no-repeat top right;}

.tx-jobcontrolfeedit-pi1-info1line2col { position:relative; float:right; width:18px; height:22px; margin-top:1px; margin-right:10px; background: url("images/infohover.gif") no-repeat top right;}

.tx-jobcontrolfeedit-pi1-info:hover, .tx-jobcontrolfeedit-pi1-info1line:hover, .tx-jobcontrolfeedit-pi1-info1line2col:hover, .tx-jobcontrolfeedit-pi1-info-left:hover { cursor: pointer;}
.tx-jobcontrolfeedit-pi1-info p, .tx-jobcontrolfeedit-pi1-info1line p, .tx-jobcontrolfeedit-pi1-info1line2col p, .tx-jobcontrolfeedit-pi1-info-left p {display:none;}
.tx-jobcontrolfeedit-pi1-info:hover p, .tx-jobcontrolfeedit-pi1-info1line:hover p {display:block; position:absolute; top:-3px; right:25px; width:300px; background:#FFF5A8; border:1px dashed #FDB813; padding:0.7em; color:#333; z-index:2;}

.tx-jobcontrolfeedit-pi1-info1line2col:hover p {display:block; position:absolute; top:-3px; right:25px; width:100px; background:#FFF5A8; border:1px dashed #FDB813; padding:0.7em; color:#333; z-index:2;}
.tx-jobcontrolfeedit-pi1-info-left:hover p {display:block; position:absolute; top:-3px; left:25px; width:300px; background:#FFF5A8; border:1px dashed #FDB813; padding:0.7em; color:#333; z-index:2;}

.button {margin-top:2em;}

/*ERRORS*/

.createoffer span.required { color: #E87800; font-size:1.6em; font-weight:bold; } 

.createoffer .errortop {margin-top:15px;}
.createoffer span.errors { width:88%; margin: 0 0 0 0; padding: 0.3em 0.5em; background:#ED3434; color: #FFF; }
.createoffer span.errors-ind { width:auto; font-weight:bold; color: #ED3434; }

/*##########  CONSOLE ORGANISME ###########*/

#consol-author { width:100%;}
.consol-head { clear:both; overflow:auto; background: url("images/bk-searchheader.gif") repeat-x top left; padding:3px 0;}
.consol-head h4 { float:left; display:inline-table; padding:5px 0; margin:0; font-size:1.1em; font-weight:normal; color:#FFF;}
.consol-head h4.consol-uid {padding-left:5px; width:5%;}
.consol-head .consol-tstamp {margin-right:10px;}
.consol-row { clear:both; overflow:auto; padding:3px 0;}
.consol-row div { float:left; display:inline-table; padding:5px 0;}
 
.consol-uid {width:5.5%;}
.consol-titl {width:47%;}
.consol-tstamp {width:15%; text-align:right; margin-right:10px;}
.consol-hide {width:16%; text-align:center;}
.consol-delt {width:14%; padding-right:0; text-align:center;}

.consol-row .consol-uid {padding:13px 0 10px 4px;}
.consol-uid span { background: #494741; -moz-border-radius: 5px; -webkit-border-radius: 5px; padding:2px 4px; color:#FFF; font-size:0.8em; font-style:italic; }

.consol-row .consol-tstamp {padding:12px 0; color:#666; }

.consol-row .consol-titl {padding:12px 0; font-size:1.3em;}
.consol-row .consol-titl a { border-bottom:dashed 1px #999; line-height:1.2em;}

.consol-row .consol-hide input, .consol-row .consol-delt input { cursor:pointer; border:0; background:transparent; text-align:left;}

.consol-row .consol-hide input {background: #68665c url("images/bt-hide.png") no-repeat center left; border:1px solid #3d3d3d; -moz-border-radius: 5px; -webkit-border-radius: 5px;  padding:6px 6px 6px 23px; color:#FFF; }
.consol-row .consol-delt input {background: #494741 url("images/bt-delete.png") no-repeat center left;  border:1px solid #3d3d3d; -moz-border-radius: 5px; -webkit-border-radius: 5px;  padding:6px 6px 6px 25px; color:#FFF; }

#consol-author .odd { background:#eee; overflow:auto;}

/*BOUTONS*/
#bt-structure { width:100%; clear:both; margin:10px 0; height:38px;}
#createNew { float:left;}
#MyAccount, #Unplug { float:right; margin-left:10px;}

#createNew a, #MyAccount a, #Unplug a {
	padding: 10px;
	color:#FFF;
	display:block;
	font-size:1.2em;
	-moz-border-radius: 5px;
	-webkit-border-radius:  5px;
	text-align:center;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;}
	
#createNew a { background: #2994c3 url(images/alert-overlay.png) repeat-x;}
#MyAccount a { background: #fdb813 url(images/alert-overlay.png) repeat-x; color:#333;}
#Unplug a { background: #444 url(images/alert-overlay.png) repeat-x;}
 
#createNew a:hover { background: #11688f url(images/alert-overlay.png) repeat-x;}
#MyAccount a:hover { background: #ffdb4a url(images/alert-overlay.png) repeat-x; color:#333;}
#Unplug a:hover { background: #222 url(images/alert-overlay.png) repeat-x;}

 /*#########  VUE DÉTAILLÉE  #############*/

/*ENTETES*/

.singlView-Titl { background: #7b820d url(images/bgintro-rep.jpg) repeat-x top left; padding:20px 50px 20px 20px; margin:0 0 15px 0; position:relative; -moz-border-radius: 10px; -webkit-border-radius: 10px; }
.singlView-Titl h1 { margin:0; padding:0; color:#212301; font-size:2.5em; width:90%;}
.singlView-Titl p#uid { background: #e9e7d5; padding:8px 7px; position:absolute; width:auto; top: 10px; right:10px; -moz-border-radius: 10px; -webkit-border-radius: 10px; text-align:center; font-size:0.9em; line-height:1.2em;  }
.singlView-Titl p#uid span { font-weight:bold;}

.singlView-Detail {width:440px; float: left; overflow:auto; padding-left:5px;}
.singlView-Detail .details h3 { font-size: 1.3em; font-weight:bold; margin:0; color:#333; background:#FFF5A8; padding:8px; margin-left:-5px; -moz-border-radius: 5px;-webkit-border-radius: 5px;}
.singlView-Detail .details .label { display:block; font-size: 1.15em; margin: 0; padding: 0.5em 0 0.25em 0; min-height:20px; }

.singlView-orgm {margin-left: 473px;}
.singlView-orgm .details {background:#FFF5A8; -moz-border-radius: 10px;-webkit-border-radius: 10px; padding:10px; margin-bottom:2em;}
.singlView-orgm .details p.intro-org { font-size: 1em; font-weight:normal; margin:0; color:#333; padding:0;}
.singlView-orgm .details h3 { font-size: 1.5em; margin:0; color:#333; padding:5px 0 10px 0; font-style:italic;}
.singlView-orgm .details p.label { font-weight:bold; padding:0; margin:0 0 1px 0;}
.singlView-orgm .details div.readonly { background:none; padding:0; margin:0 0 10px 0;}

.details .DetSubTle {font-weight: bold;}
div.readonly { width:96%; background:#eee; color:#444; margin: 0 0 0 0; padding:0.5em 0.5em 0.5em 0.5em; font-size:1em; z-index:1; }

#widgetOtherOffer { width:216px; margin-left:475px; border:1px Solid #D2D4B4; border-bottom:none; }
#widgetOtherOffer h4 { color:#FDB813; font-size:1.3em; font-weight:bold; margin:5px 8px 12px 8px;}
#widgetOtherOffer p.otherList-Titl { padding:5px 8px; font-size:1em; margin:0; border-bottom:1px Solid #D2D4B4; background:#f1f4ea;}

.applybutton {
	background: #838b13 url(images/alert-overlay.png) repeat-x;
	margin:10px 0 20px 475px;
	text-decoration: none;
	font-weight: bold;
	line-height: 1.2;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	text-shadow: 0 -1px 1px #222;
	border-bottom: 1px solid #222;
	position: relative;
	cursor: pointer;}
	
.applybutton a { display:block; padding: 12px 15px 12px; width:186px; color: #333; text-shadow: 0 -1px 1px #d9e447; text-align:center; font-size:1.3em;}
.applybutton a span { color: #FFF; font-size:0.8em; line-height:1em; margin-top:5px; text-shadow: 0 0px 0px #222;}

.applybutton:hover {background: #6d740d url(images/alert-overlay.png) repeat-x;}


/*----- @READ ONLY ----------------------*/
.offerDetail div.column-2 { 
	-moz-border-radius: 10px 10px 10px; 
	-webkit-border-radius: 10px; }
p.readonly { width:87.5%; background:#eee; color:#444; margin: 0 0 0 0; padding:0.5em 0.3em 0.3em 0.5em; font-size:1em; z-index:1; }
.unikuid p.readonly { width:95%; background:#eee; color:#444; margin: 0 0 0 0; padding:0.5em 0.3em 0.3em 0.5em; font-size:1em; z-index:1; }
span.readonlyvalue{ margin-left:0.5em; color:#777; font-style:italic;}


 /*#########  RECHERCHE  #############*/
 
 /*-Search-on-Home-*/
#homesearch { background: #fdb813 url(images/titr-homesearch.gif) no-repeat center left; padding: 00px 15px 0 180px; margin-bottom:0;}
/*.hs-search div div.formidable-rdrstd-rdtwrap {width:100%; clear:both; overflow:auto;}*/
#homesearch .formidable-rdrstd-rdtwrap { float:left; width:48%; margin-left:10px; margin-bottom:-5px;}
#hs-search {  position:relative; height:45px;}
#homesearch label { display:block; color:#6d7406; padding-bottom:5px; font-size: 1.15em; } 
#homesearch input { width:95%; margin: 0 0 0 0; padding: 0.3em; font-size:1.1em; z-index:1}
#homesearch input[type=submit] {
	width:100px; 
	position: absolute; 
	top: 85px; 
	right:0px;
	background: url(images/bk-searchbt.gif) repeat-x top left; 
	padding:4px 8px;
	border:1px solid #6d7406; 
	color:#FFF; 
	font-size:1em; 
	}
	
#homesearch select { width:95%; margin: 0 0 0 0; padding: 0.3em; font-size:1.1em; z-index:1}
#hs-bottom { position:relative; clear:both; width:100%; padding-top:45px;}
#hs-bottom a { color:#444444; text-decoration:underline;}
#hs-bottom a:hover {color:#FFF;}
#hs-alllist, #hs-advSearch { position:absolute; margin:0; padding: 8px 12px;}
#hs-alllist { bottom:0; left:10px; padding-left:0; }
#hs-advSearch { bottom:0; right:120px; background:#fecd57;}

/*TEASER*/

#list-latest { clear:both; margin-bottom:25px; margin-top:-12px; height:80px; clear:both;}
#hl-title { float:left; background: url(images/hs-onglet.gif) no-repeat top left; width:80px; padding:15px; color:#fdb813; font-size:1em;}
#list-latest-odd, #list-latest-even { float:left; width:14.2%; height:60px; padding:8px 8px 0 8px; margin-right:0px; border-right:1px dashed #6d7406;}
#list-latest-odd a, #list-latest-even a { color:#6d7406; font-size: 1em;}
#list-latest-odd p, #list-latest-even p { line-height:1.3em; margin:0;}
 #list-latest-odd p.mrc, #list-latest-even p.mrc {font-size:0.9em; color:#999; font-style:italic; margin-top:5px; }
 
 /*Simple Search BTS*/
.SimpSearchBts {clear:both; width:100%; margin-bottom:1em;}
.SSearch {float:left; position:relative; width:20%; margin-right:3px; -moz-border-radius: 10px; -webkit-border-radius: 10px; height:130px; text-align:center; padding:10px 10px 60px 10px; background: #e8e5d6 url("images/bk-filter.gif") repeat-x bottom left; font-size:1.2em;  }
.SSearch-1 {padding-top:3em; height:96px;}
.SSearch-4 {margin-right:0px; padding-top:2em; height:110px;}
.SSearch input {width:82%; -moz-border-radius: 5px; -webkit-border-radius: 5px; background: #323503 url("images/bk-searchheader.gif") repeat-x bottom left; color:#FFF; border:0; position:absolute; bottom:10px; left:10px; text-align:left; cursor:pointer; font-weight:bold;  padding: 13px 47px 12px 6px;}
.SSearch input:hover {color:#262802;}
.SSearch-1 input {background: url("images/calendar-all.gif") no-repeat center right; padding: 13px 45px 12px 8px;}
.SSearch-2 input {background: url("images/calendar-7.gif") no-repeat center right;}
.SSearch-3 input {background: url("images/calendar-30.gif") no-repeat center right;}
.SSearch-4 input {background: url("images/calendar-18.gif") no-repeat center right; padding: 13px 45px 12px 8px;}

/*ADV SEARCH*/

.advsearch {width:100%; clear:both; overflow:auto; padding-bottom:15px;}
.advsearch-field {float:right; width:50%;}
.advsearch-field input[type=submit] {float:right; width:auto; margin:15px 33px 15px 0;}
.advsearch-intro {
	float:left;
	width:35%;
	background: #FFF5A8 url(images/alert-overlay.png) repeat-x;
	padding: 15px;
	color:#333;
	display:block;
	-moz-border-radius: 10px;
	-webkit-border-radius:  10px;
	text-align:left;
	}
	
.advsearch-intro h2 {
	color:#4d4a44; 
	font-size:1.5em;
	text-shadow: 0 -1px 1px #FFF;
	}


 /*RÉSULTATS*/
 h2.title-searchreslt{-moz-border-radius: 5px 5px 0px 0px; -webkit-border-radius: 5px 5px 0px 0px; background:#7ccdef; font-size:1em; color:#FFF; padding:6px 10px 3px 10px; margin:0; display:inline-block;}
 #table-result {border:1px Solid #5fb8de; border-top-color:#7ccdef; border-bottom:0; margin-bottom:1em;}
 .row-even, .row-odd, .row-head { clear:both; overflow:auto; width:100%; height:auto; border-bottom:1px Solid #5fb8de;}
 .row-head {background:#7ccdef;}
 .row-head .scol {padding:5px 2% 5px 2%;}
 .row-head .scol h4 {padding:0; margin:0; color:#FFF; font-weight:lighter; font-size:1em;}
 
 .row-even { background:#d6edf5; padding:0px;}
 .scol { float:left; padding:2%;}
 .scol1 { width:40%; }
 .scol2 { width:40%; /*border-right:1px Solid #c6c78f; border-left:1px Solid #c6c78f; height:100%;*/ }
 .scol3 { width:7%; text-align:right;}
 .scollast { border:0;}
 
 .scol p { margin:0; padding:0;}
 
 .searchList-Titl { font-size:1.3em; margin:0;}
 .searchList-Titl a { color:#333;}
 .searchList-Titl a:hover { color:#327e9f;}
 .searchList-Orgn { color:#666; font-style:italic; font-size:1em;}
 .searchList-Mrc {color: #333; font-size:1.1em; font-weight:bold;} 
 
 /*Page Browser*/									
 
 .pagination { float:right;}
 .pagination p { float:left;}
 .pagination p.page a, .pagination p.pageactive { display:block; color:#353802; padding:3px 7px; margin:0px 2px; background:#dcde93;}
 .pagination p.page a {text-decoration:underline;}
 .pagination p.page a:hover {text-decoration:none; background:#c1c385;}
 .pagination p.pageactive {background:#9da162;}
 .pagination p.debut, .pagination p.fin, .pagination p.prev, .pagination p.next { padding:3px 0;}
 .pagination p.debut a, .pagination p.fin a, .pagination p.prev a, .pagination p.next a {color:#9da162;}
 .pagination p a:hover {color:#222400; }
 
 .listpager { margin:15px 10px 0 0; }
 
 
/*PAGE RESULTAT*/

ul#bt-search { list-style:none; margin-left:0; margin-top:0px; clear:both;}
ul#bt-search li { display:inline; width:48%}
ul#bt-search li.bt-simple-sch {float:left;}
ul#bt-search li.bt-adv-sch {float:right;}

li.bt-simple-sch a, li.bt-adv-sch a { 
	padding: 10px 15px;
	color:#FFF;
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius:  5px;
	text-align:center;
	-moz-box-shadow: 0 1px 3px #999;
	-webkit-box-shadow: 0 1px 3px #999;
	margin-bottom:10px;}
	
li.bt-simple-sch a { background: #2994c3 url(images/alert-overlay.png) repeat-x;}
li.bt-adv-sch a { background: #a7af26 url(images/alert-overlay.png) repeat-x; color:#333;} 

li.bt-simple-sch a:hover { background: #11688f url(images/alert-overlay.png) repeat-x;}
li.bt-adv-sch a:hover { background: #878f15 url(images/alert-overlay.png) repeat-x; color:#333;}

/*APPLY TO OFFER*/
.applyintro {
	background: #FFF5A8 url(images/alert-overlay.png) repeat-x;
	padding: 15px;
	color:#333;
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius:  5px;
	text-align:left;
	}
	
.applyintro h2 {
	color:#4d4a44; 
	font-size:1.5em;
	text-shadow: 0 -1px 1px #FFF;
	}
	
#applyForm span.required { color: #E87800; font-size:1.6em; font-weight:bold; } 

#applyForm .errortop {margin-top:15px;}
#applyForm span.errors { width:88%; margin: 0 0 0 0; padding: 0.3em 0.5em; background:#ED3434; color: #FFF; }
#applyForm span.errors-ind { width:auto; font-weight:bold; color: #ED3434; }

#applyForm div.error { width:88%; margin: 0 0 0 0; padding: 0.3em 0.5em; background:#ED3434; color: #FFF; }
#applyForm input[type=submit] {float:right; width:auto; margin: 15px 45px 0 0;}

#applybt input {
	padding: 10px 15px;
	color:#FFF;
	display:block;
	float:right;
	width:25%;
	margin: 15px 45px 0 0;
	font-size:1.2em;
	-moz-border-radius: 10px;
	-webkit-border-radius:  10px;
	text-align:center;
	border:1px solid #fdb813;
	background: #fdb813 url(images/alert-overlay.png) repeat-x; 
	color:#333;
	cursor:pointer;
}

#applybt input:hover { background: #ffe04d url(images/alert-overlay.png) repeat-x; color:#333;}

#merci {
	background: #c2ca3d url(images/alert-overlay.png) repeat-x;
	padding: 25px;
	color:#333;
	display:block;
	-moz-border-radius: 5px;
	-webkit-border-radius:  5px;
	text-align:left;
	font-size:1.3em;
	line-height:1.2em;
	}
#merci h2 {color:#fff;}
#merci p a {
	padding: 10px 15px;
	color:#FFF;
	display:block;
	float:right;
	width:70%;
	margin:  0 0;
	-moz-border-radius: 10px;
	-webkit-border-radius:  10px;
	text-align:center;
	border:1px solid #fdb813;
	background: #fdb813 url(images/alert-overlay.png) repeat-x; 
	color:#333;
	cursor:pointer;
}
#merci p a:hover { background: #ffe04d url(images/alert-overlay.png) repeat-x; color:#333;}

.afcreate1 a, .afcreate2 a, .afcreate3 a {
	padding: 10px 15px;
	color:#FFF;
	display:block;
	margin: 15px 0 0 0;
	font-size:1em;
	-moz-border-radius: 10px;
	-webkit-border-radius:  10px;
	text-align:center;
	border:1px solid #fdb813;
	background: #fdb813 url(images/alert-overlay.png) repeat-x; 
	color:#333;
	cursor:pointer;
	}
	
.afcreate1 a {padding: 10px 15px;}
.afcreate2 a {padding: 18px 15px;}
.afcreate3 a {padding: 26px 15px;}

.afcreate1 a:hover, .afcreate2 a:hover, .afcreate3 a:hover { background: #ffe04d url(images/alert-overlay.png) repeat-x; color:#333;}

.construction p {font-size:1.3em; line-height:1.3em;}


/*Added by tmeixner 20100308 for fontsizer */
.fsizer { } /* Container element */

.fsizer a { display: block; float: left; width: 20px; margin-right: 5px; text-align: center; border: 1px dotted #ccc; color: #5761a0; text-decoration: none; cursor: pointer; letter-spacing: 0; line-height: 100%; }
.fsizer a:hover { text-decoration: none; background: #ebebeb;  }

/* Three 'A' links used to control size */

.fsizer a#fs_sml { font-size: 9px; height: 15px; padding-top: 5px; }
.fsizer a#fs_med { font-size: 13px; height: 17px; padding-top: 3px; }
.fsizer a#fs_lrg { font-size: 16px; height: 18px; padding-top: 2px; }

.fsizer a.fsactive { color: #000; background: #ebebeb; cursor: default; } /* When mode is active */