#site{
    width: 1200px;
    padding-left: 10px;
    padding-right: 10px;
    margin: auto;
    position: relative;
    overflow: hidden;
}
#global{ margin: 0 auto; position: relative; }

#page{
    padding: 25px 25px 25px 25px;
    width: 1150px;
    overflow: hidden;
}

@import url(http://fonts.googleapis.com/css?family=Cabin);

body { margin: 0px; padding: 0px; font-family: 'Cabin'; font-size: 14px;}
input{font-family: 'Cabin';}
ul, li { margin: 0 0 0 20px; padding: 0; }
ul.menu,
ul.menu li,
ul.menu ul,
div.element div.description p,
body.mceContentBody p, 
form fieldset,
h1, h2, h3, h4, h5, h6 { margin: 0; padding: 0; }
#sitemap ul { padding-left: 20px; margin: 0; }
#sitemap ul li { padding-left: 0; margin: 0; }
H1 { font-size: 1.8em; margin-left: 10px; margin-bottom: 10px; }
H2 { font-size: 1.4em; margin-left: 25px; margin-bottom: 10px; }
H3 { font-size: 1.2em; margin-bottom: 10px; margin-left: 20px; }
H1 a, H2 a, H3 a { font-size: 1em; }
img { border: 0px; vertical-align: bottom; }
a:link, a:visited { text-decoration: none; font-weight: normal; }
a:hover{ text-decoration: underline; font-weight: normal; }

#error{ background: #fee; padding: 10px; border-bottom: 1px solid #fdd; border-right: 1px solid #fdd; }

.element div.element.actions { float: left; margin-right: 7px; }
.element div.element.actions div { float: left; clear: none; }
.element div.element.actions div a { padding: 3px; display: block; }
.element div.element.actions div.actions-content { display: none; position: absolute; margin-left: 36px; margin-top: -23px; background: #ffffff; height: 22px; font-style: italic; border: 1px #ddd solid; border-bottom: 1px solid #777; border-right: 1px solid #aaa; }
.element div.element.actions div.element.actions img,
.element div.element.actions div.actions-content a { cursor: pointer; text-decoration: none; }
.element div.element.actions.list { float: none; overflow: hidden; }

.element div.element.actions.published { border: 1px solid #afa; background: #dfd; }
.element div.element.actions.created,
.element div.element.actions.saved { border: 1px solid #faa; background: #fdd; }

.element.pictureLike div.element.actions { position: absolute; }
.element.pictureLike div.element.actions.list { position: static; }
div.element .pictureLike { float: left; clear: none; margin: 5px; }

.element div.description { overflow: hidden; }

.element.list div.content { clear: both; overflow: hidden; }

span.deleted,
span.sent { color: #438700; font-weight: bold; padding-left: 25px; line-height: 20px; background-image: url(data/image/icon/accept.png); background-position: left center; background-repeat: no-repeat; display: inline-block; }

div.element.meta { position: absolute; top: 0; min-width: 60px; min-height: 30px; padding-left: 10px; background: url(data/image/icon/bg_meta.png) scroll repeat left top transparent; }

div.aclrcontrol table thead th { text-align: center; }
div.aclrcontrol table th { width: 200px; text-align: left; }
div.aclrcontrol table td { width: 200px; text-align: center; }
div.aclrcontrol div.module { margin-bottom: 20px; background: url(data/image/icon/transparent.png) scroll repeat top left #AAAAFF; }
div.aclrcontrol div.action { margin-left: 30px; margin-bottom: 20px; background: url(data/image/icon/transparent.png) scroll repeat top left #8888FF; }
div.aclrcontrol div.type { margin-left: 30px; margin-bottom: 20px; background: url(data/image/icon/transparent.png) scroll repeat top left #5555FF; }

div.aclrcontrol table.content { border-collapse: collapse; }
div.aclrcontrol table.content tbody tr { background: #DDDDDD; }
div.aclrcontrol table.content tbody tr.even { background: lightgray; }
div.aclrcontrol table.content tbody tr:hover { background: lightgoldenrodyellow; }

div.action { display: inline-block; overflow: visible; position: relative; line-height: 20px; }
div.action img { vertical-align: middle; }
div.action span.actionDetails { display: none; position: absolute; z-index: 14; top: 0; left: 26px; background: #FFFFFF; border: 1px outset gray;  padding: 0 5px; white-space: nowrap; font-size: 12px; font-weight: normal; }
div.action:hover span.actionDetails { display: inline; }    

ul.pagination li { list-style: none; display: inline; }
ul.pagination li.current a { font-weight: bold; }

.error { color: #CC0000; }/*#modulebox-top-center,
#modulebox-bottom-center { height: 30px; }
*/
#modulebox-top { background: url("data/image/icon/modulebox-circle.png") 0 0 no-repeat; padding-left: 30px;}
#modulebox-top-right { background: url("data/image/icon/modulebox-circle.png") 100% -30px no-repeat; padding-right: 30px;}
#modulebox-top-center { background: url("data/image/icon/modulebox-circle.png") 0 -120px repeat-x; padding-bottom: 30px;}

#modulebox-middle { background: url("data/image/icon/modulebox-circle.png") 0 -3090px no-repeat; padding-left: 30px;}
#modulebox-middle-right { background: url("data/image/icon/modulebox-circle.png") 100% -180px no-repeat; padding-right: 30px;}
#modulebox-middle-center { background: #eeeeee; height: 100%; }

#modulebox-bottom { background: url("data/image/icon/modulebox-circle.png") 0 -60px no-repeat; padding-left: 30px; }
#modulebox-bottom-right { background: url("data/image/icon/modulebox-circle.png") 100% -90px no-repeat; padding-right: 30px; }
#modulebox-bottom-center { background: url("data/image/icon/modulebox-circle.png") 0 -150px repeat-x; padding-top: 30px; }

#modulebox-close { position: absolute; height: 30px; width: 30px; top: 10px; left: 100%; margin-left: -40px; cursor: pointer; background: url("data/image/icon/modulebox-close.png") center center no-repeat transparent; }

#modulebox-box { position: absolute; z-index: 100; top: 0; left: 0; /*min-width: 600px; min-height: 200px; */margin: 0; overflow: hidden; }
#modulebox-overlay { background: url("data/image/icon/modulebox-overlay-verydark.png") top left repeat transparent; width: 100%; height: 100%; position: absolute; z-index: 100; top: 0; left: 0; }
#modulebox-container { overflow: auto; background: #FFFFFF; padding: 20px; position: relative; }
#modulebox-loader { background: url(data/image/icon/modulebox-loader.gif) scroll no-repeat center center transparent; position: fixed; width: 100px; height: 100px; margin-left: -50px; left: 50%; top: 30%; }

#modulebox-overlay.verylight { background-image: url("data/image/icon/modulebox-overlay-verylight.png"); }
#modulebox-overlay.light { background-image: url("data/image/icon/modulebox-overlay-light.png"); }
#modulebox-overlay.neutral { background-image: url("data/image/icon/modulebox-overlay-neutral.png"); }
#modulebox-overlay.dark { background-image: url("data/image/icon/modulebox-overlay-dark.png"); }
#modulebox-overlay.verydark { background-image: url("data/image/icon/modulebox-overlay-verydark.png"); }

#modulebox-overlay.verylight #modulebox-loader,
#modulebox-overlay.light #modulebox-loader,
#modulebox-overlay.neutral #modulebox-loader { background-image: url(data/image/icon/modulebox-loader-dark.gif); }

#modulebox-overlay.square #modulebox-top,
#modulebox-overlay.square #modulebox-top-right,
#modulebox-overlay.square #modulebox-top-center,
#modulebox-overlay.square #modulebox-middle,
#modulebox-overlay.square #modulebox-middle-right,
#modulebox-overlay.square #modulebox-bottom,
#modulebox-overlay.square #modulebox-bottom-right,
#modulebox-overlay.square #modulebox-bottom-center { background-image: url("data/image/icon/modulebox-square.png"); }
form { height: auto; z-index: 9; position: relative; clear: left; }

form div {  margin-bottom: 10px; display: block; text-align: left; }
form fieldset { padding-top: 5px; width: 100%; border: 0px; }
form input, 
form textarea, 
form select { width: 98%; }
form legend { padding-left: 5px; padding-right: 5px; }
form label { display: block; font-weight: bold; margin-bottom: 3px; }
form textarea { height: 200px; }
form div.advancedtextarea,
form div.simpletextarea { clear: right; width: 100%; }

form div.submit, 
form div.button { text-align: center; width: auto; clear: none; float: left; margin-right: 10px; }
form div.submit input,
form div.button input { width: auto; clear: left; padding-left: 5px; padding-right: 5px; }
form div.hidden,
form div.token { display: none;}

form span.error { display: block; margin-bottom: 5px; clear: left}

form div.file { display: block; clear: right; min-height: 80px; }
form div.file input {  width: auto; margin: 10px 10px 10px 0px; float: left; clear: none; }
form div.file iframe { display: none; }
form div.file div.fileResult { background-color: #fff; padding: 0px; margin: 0px; width: 70px; height: 70px; border: 1px dashed #aaa; text-align: center; clear: none; overflow: hidden; }
form div.file div.fileResult img { width: auto; height: auto; max-width: 70px; max-height: 70px; }

form.edit form { padding: 0px; }
form.edit form div { margin: 0px; }
form.edit div.element.list.saveList { border: 1px solid #AAAAAA; overflow: hidden; padding: 5px; }

form div.checkbox span, 
form div.radio span { display: inline-block; }

form div.date input { width: 150px; padding-right: 25px; background: url(data/image/icon/calendar_edit.png) no-repeat center right; cursor: pointer; }

form div.action { margin-bottom: 0; }

form.edit div.help { height: 16px; width: 16px; position: absolute; background: url(data/image/icon/help.png) no-repeat; margin-left: 300px; cursor: pointer; }
form.edit div.help div.help-content { display: none; width: 300px; right: 18px; position: absolute; padding: 10px; font-style: italic; background: lightsteelblue; border-radius: 15px; }
form.edit div.help:hover div.help-content { display: block; }

form.edit div.saveList { border: 1px solid; padding: 5px; overflow: hidden; }
form.edit div.saveList form { float: left; clear: none; margin: 0 10px 10px 0; }
form.edit div.saveList form div.buttons, 
form.edit div.saveList form a.removeFile { display: none; }
form.edit div.saveList div.actions { position: absolute; }
form.edit div.saveList div.actions div.save { display: none; }
form.edit div.saveList div.editview { margin: 5px; }
form.edit div.saveList div.alt { display: none; }
form.edit div.saveList div.editview { float: left; margin: 5px; clear: none; }

form.editProductCustom label { width: auto; }
form.editProductCustom div.option { height: 32px; overflow: hidden; }
form.editProductCustom div.option > * { display: inline-block; width: auto; vertical-align: middle; margin: 0 4px; }
form.editProductCustom div.option > label { width: 80px; }
form.editProductCustom div.options span { cursor: pointer; display: inline-block; height: 16px; width: 16px; background: url(data/image/icon/delete.png); }
form.editProductCustom div.options span.add { background: url(data/image/icon/create.png); }
form.editProductCustom div.options span.sort { cursor: move; background: url(data/image/icon/move.png); }


div.cropper { clear: both; overflow: hidden;  }
div.cropper div.img-container { max-width: 350px; float: left; margin-right: 20px; vertical-align: top; }
div.cropper div.img-preview { width: 150px; height: 150px; overflow: hidden; }
form div.cropper-modal { margin-bottom: 0; }

form.inplaceeditor-form input.editor_field { width: 80%; } 
form.inplaceeditor-form input.editor_ok_button, 
form.inplacericheditor-form input.editor_ok_button { width: auto; margin: 0 10px; }#menu { float: left; width: 1150px; z-index: 10; overflow: hidden; }
#menu ul { float: left; list-style : none; line-height : 36px; text-align : left; margin: 0; }
#menu ul li { float : left; margin: 0; }
#menu ul a { display : block; text-decoration : none; width: 230px; color: #000000; }
#menu ul a:hover { color: #555555; }
#menu ul a.active { font-weight: bold; }

#menu ul.menu li a { text-align: center; }
#menu ul li ul { width: 100%; display: none; position: absolute; z-index: 10; width: auto; }
#menu ul li ul li { float: none; clear: both; }
#menu ul li ul a { width : 230px; color: #000000; background: #ffffff; }
#menu ul li ul a:hover { color: #555555; }

#menu ul li ul ul { width: 230px; margin: 36px 0 0 230px; }
#menu ul li:hover ul,
#menu ul li li:hover ul,
#menu ul li.sfhover ul,
#menu ul li li.sfhover ul { display: block; min-height: 0; }
#menu ul li:hover ul ul,
#menu ul li.sfhover ul ul { display: none;}

#footer ul { list-style : none; line-height : 24px; text-align : center; margin: 0px; padding: 0px; }
#footer ul li { display: inline; margin: 0; padding: 0 30px; }

div.newsletter.edit > h1 {margin-top: 15px;}
div.newsletter.edit div.elements { width: 400px; margin: 25px; border: 5px solid #ffffff; float: left; }
div.newsletter.edit div.elements table.element div.description { display: none; }
div.newsletter.edit div.model { width: 650px; margin: 25px; border: 5px solid #ffffff; background: #ffffff; float: right; }
div.newsletter.edit table.YMLPS9 {padding: 0; background: #fff;  border-bottom: solid 2px #e6eaed;}
div.newsletter.edit div.model div.connectedSortable.ui-sortable{ margin-top: 3px; border: 3px dashed #eee; background: url(data/image/icon/nl-text.jpg) top center no-repeat;}

div.newsletter.edit table.YMLPS9 tbody:hover{ background: url(data/image/icon/move-grid.png) top left repeat;  }
div.newsletter.edit table.YMLPS9 td{padding: 15px; }


div.newsletter.edit .ui-sortable > table{ /*border: 2px dashed blue; */ cursor: move;}
div.newsletter.edit .ui-sortable { border: 0; min-height: 100px; padding: 5px;}
div.newsletter.edit .ui-sortable:hover{}


div.newsletter.edit div.elements div.actualite > h4 {font-size: 1.3em; margin: 0 0 15px 0; text-align: center;}

div.newsletter.edit div.elements div.ui-sortable{max-height: 650px; overflow-y: scroll;}

form.newsletter textarea,
form.newsletter label, 
form.newsletter div { display: none; }

div.newsletter.edit table.YMLPS9 div.title > span{display: inline-block;}
div.newsletter.edit div.elements table.YMLPS9 div.title > span {margin: 10px 0 0 50px;}
div.newsletter.edit table.YMLPS9.odd div.title > span{display: block;}
div.newsletter.edit div.model table.YMLPS9 div.title > span{margin-bottom: 10px;}

div.newsletter.edit table.YMLPS9 img{float: left;}
div.newsletter.edit table.YMLPS9.odd img{float: right;}
div.newsletter.edit div.elements table.YMLPS9 img{width: 50px; height: 50px;}
div.newsletter.edit div.model table.YMLPS9 img{width: 135px; height: 135px;}
div.newsletter.edit div.model table.YMLPS9.even img{margin:0 15px 0 0;}
div.newsletter.edit div.model table.YMLPS9.odd img{margin: -22px 0 0 15px;}

div.newsletter.edit div.elements table div.nl-bottom {display: none;}
div.newsletter.edit div.model table div.description{height: 99px; overflow: hidden;}

div.newsletter.edit div.model form.inplaceeditor-form,
div.newsletter.edit div.model form.inplacericheditor-form{width: 420px;}

table.YMLPS9{border-bottom: solid 2px #e6eaed;}
table.YMLPS9 td{padding: 15px;}

table.YMLPS9 div.title > span{display: inline-block;}
table.YMLPS9.odd div.title > span{display: block;}
table.YMLPS9 div.title > span{margin-bottom: 10px;}

table.YMLPS9 img{float: left;}
table.YMLPS9.odd img{float: right;}
table.YMLPS9 img{width: 135px; height: 135px;}
table.YMLPS9.even img{margin:0 25px 0 0;}
table.YMLPS9.odd img{margin: -22px 0 0 25px;}

table div.description{height: 99px; overflow: hidden;}

table div.nl-bottom{text-align: right; margin: 7px 25px 0 0;}

div.newsletterBoard > h1 {margin-top: 15px;}
div.newsletterBoard div.listnotsent > h2,
div.newsletterBoard div.listsent > h2{margin: 0 0 10px 0; text-align: center;}
div.newsletterBoard a.create{display: block; width: 32px; height: 32px; margin: 20px auto; background: url(data/image/icon/newsletter_create.png);}

table.newsletterList {border-collapse: collapse; margin: auto; margin-bottom: 250px;}
div.listnotsent table.newsletterList{margin-bottom : 50px;}
table.newsletterList thead tr{font-size: 16px; color: #5C5C5C; text-align: center;}
table.newsletterList thead tr th {background: #EAEDEE; border: 2px #EAEDEE solid;}
table.newsletterList th,
table.newsletterList td{padding: 10px 5px;}

table.newsletterList tbody tr.sent{background: #a6d88b;} /*  #99d578*/
table.newsletterList tbody tr td{border-left: 2px #EAEDEE solid; border-right: 2px #EAEDEE solid; border-bottom: 2px #EAEDEE solid;}
table.newsletterList tbody tr td.detail{position: relative; background: url(data/image/icon/help.png) no-repeat; background-position: 50px 50%; cursor: pointer; width: 80px; max-width: 80px;}
table.newsletterList tbody tr td.detail div.detail-content{display: none; position: absolute; background: #EAEDEE; width: 800px; z-index: 9; top: 100%; padding: 10px; margin-left: 87px;}
table.newsletterList tbody tr td.detail:hover div.detail-content{display: block;}
table.newsletterList tbody tr td.detail div.detail-content p { margin: 0 5px 5px 5px; display: inline-block; vertical-align: top;}
table.newsletterList tbody tr td.detail div.detail-content p span { font-weight: bold; }
table.newsletterList tbody tr td.detail div.detail-content div.infos div.primaryInfo{margin-left: 0px;}
table.newsletterList tbody tr td.detail div.detail-content div.infos{margin: 0px;}
table.newsletterList tbody tr td.title{width: 400px; max-width: 400px; text-align: center;}
table.newsletterList tbody tr td.title a{color: #5C5C5C;}
table.newsletterList tbody tr td.date{width: 200px; max-width: 200px; text-align: center;}
table.newsletterList tbody tr td.action{width: 80px; max-width: 80px; text-align: center;}
table.newsletterList tbody tr td.action a{display: inline-block; width: 16px; height: 16px; margin: 0 2px; text-align: center; vertical-align: top;}
table.newsletterList tbody tr td.action a.send{background: url(data/image/icon/newsletter_go.png);}
table.newsletterList tbody tr td.action a.edit{background: url(data/image/icon/save.png);}
table.newsletterList tbody tr td.action a.delete{background: url(data/image/icon/delete.png); cursor: pointer;}

div.infos{margin: 20px;}
div.infos div.primaryInfo {overflow: hidden; margin: 10px;}
div.infos div.primaryInfo p {float: left;  width: 30%; margin: 5px 2% 5px 0;}
div.infos div.primaryInfo p.edito{float: right; width: 58%; min-height: 65px;}
div.infos div.listInfo {margin: 0;}
div.infos div.listInfo p.info{display: inline-block; margin: 5px 10px;text-align: left; vertical-align: top;}

div.newsletterDisplay > h1{margin: 20px 0;}
div.newsletterDisplay > div.actions {margin: 10px 0 0 20px;}
div.newsletterDisplay > div.actions a {display: inline-block; width: 32px; height: 32px; margin: 0 2px; text-align: center;}
div.newsletterDisplay > div.actions a.edit{background: url(data/image/icon/save_32.png);}
div.newsletterDisplay > div.actions a.send{background: url(data/image/icon/newsletter_go32.png);}
div.newsletterDisplay > div.infos p span{font-weight: bold;}

div.newsletters-groups div.contacts ul li p.tooltip { display: none; }
div.newsletters-groups div.contacts ul li:hover p.tooltip { display: block; }

div.newsletters-groups{padding: 25px 10px;}
div.newsletters-groups h2 {text-align: center; margin: 0  0 10px 0;}
div.newsletters-groups div.contacts{display: inline-block; width: 25%; margin-bottom: 20px;}
div.newsletters-groups div.groups{display: inline-block; width: 55%; margin: 0 2% 20px 2%; vertical-align: top;}
div.newsletters-groups div.sending{display: inline-block; width: 15%; vertical-align: top;}
div.newsletters-groups ul.list{margin: 0; margin: 10px 0;}
div.newsletters-groups ul.list li{list-style: none;}
div.newsletters-groups ul.list li span{display: block; height: 35px; line-height: 35px; margin: 0; text-align: center; background: #FFF; border-bottom: solid 2px #e6eaed;}
div.newsletters-groups ul.list li span:hover{ background: url(data/image/icon/move-grid.png) top left repeat; cursor: move;}
div.newsletters-groups form div.button input{ height: 63px; line-height: 63px; padding: 0 20px; text-align: center; cursor: pointer; 
													 background: url(data/image/bouton-rechercher.png) top center no-repeat; border: none; 
													 color: #5C5C5C; display: inline-block; width: 130px; }
div.newsletters-groups form div.button input:hover {text-decoration: none; background-position: bottom center;}

div.newsletters-groups div.contacts input.search{width: 97%;}
div.newsletters-groups div.contacts ul.list{height: 300px; overflow-y: auto;}
div.newsletters-groups div.contacts ul.list li{list-style: none; margin: 0 0 5px 0;}

/*div.newsletters-groups div.groups div.use-tabs{background-color: #f8f8f8;}
div.newsletters-groups div.groups div.use-tabs ul.ui-tabs-nav{background: #EAEDEE;}
div.newsletters-groups div.groups div.use-tabs ul.ui-tabs-nav li{background: #a7abaa;}
div.newsletters-groups div.groups div.use-tabs ul.ui-tabs-nav li.ui-state-active{background: #656564;}*/
div.newsletters-groups div.groups div.use-tabs div.container.ui-tabs-panel{padding: 10px 20px;}
div.newsletters-groups div.groups div.description{display: inline-block; width: 69%; margin-right: 2%;}
div.newsletters-groups div.groups div.description span{font-weight: bold;}
div.newsletters-groups div.groups div.filter{display: inline-block; width: 28%; vertical-align: top;}
div.newsletters-groups div.groups ul.list{min-height: 100px;}
div.newsletters-groups div.groups ul.list li{list-style: none; margin: 0 5px 5px 0; display: inline-block; width: 295px;}
div.newsletters-groups div.groups ul.list li.odd{margin: 0 0 5px 5px;}

div.newsletters-groups div.sending form.grouplist{margin: 10px 0;}
div.newsletters-groups div.sending form.grouplist label input {width: 13px;}
div.newsletters-groups div.sending form.grouplist {}
div.newsletters-groups div.sending form div.button{text-align: center; margin: 30px 0 10px 0;}
div.newsletters-groups div.sending form div.nbClient{margin-top: 25px;}

div.newsletters-groups div.addContact{width: 25%;}
div.newsletters-groups div.addContact form.addContact input{margin-bottom: 5px; width: 285px;}
div.newsletters-groups div.addContact form.addContact input.text.nom,
div.newsletters-groups div.addContact form.addContact input.text.prenom{width: 130px; display: inline-block;}
div.newsletters-groups div.addContact form.addContact input.text.nom{margin-right: 11px;}


div.calendar
{
  font-size: smaller;
  color: #000;
}

div.calendar.popup
{
  margin-left: -40px;
  margin-top: -100px;
}

div.calendar table
{
  background-color: #eee;
  border: 1px solid #aaa;
  border-collapse: collapse;
}

div.calendar thead {
  background-color: white;
}

div.calendar td,
div.calendar th
{
  padding: 3px;
  text-align: center;
}

div.calendar td.title
{
  font-weight: bold;
}

div.calendar th
{
  background: #ddd;
  border-bottom: 1px solid #ccc;
  border-top: 1px solid #ccc;
  font-weight: bold;
  color: #555;
}

div.calendar tr.days td {
  width: 2em;
  color: #555;
  text-align: center;
  cursor: pointer;
}

div.calendar tr.days td:hover,
div.calendar td.button:hover
{
  background-color: #34ABFA;
  cursor: pointer;
}

div.calendar tr.days td:active
div.calendar td.button:active
{
  background-color: #cde;
}

div.calendar tr.days td.selected
{
  font-weight: bold;
  background-color: #fff;
  color: #000;
}

div.calendar tr.days td.today
{
  font-weight: bold;
  color: #D50000;
}

div.calendar tr.days td.otherDay
{
  color: #bbb;
}
#lightbox{	position: absolute;	left: 0; width: 100%; z-index: 100; text-align: center; line-height: 0;}
#lightbox img{ width: auto; height: auto;}
#lightbox a img{ border: none; }

#outerImageContainer{ position: relative; background-color: #fff; width: 250px; height: 250px; margin: 0 auto; }
#imageContainer{ padding: 10px; }

#loading{ position: absolute; top: 40%; left: 0%; height: 25%; width: 100%; text-align: center; line-height: 0; }
#hoverNav{ position: absolute; top: 0; left: 0; height: 100%; width: 100%; z-index: 10; }
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{ width: 49%; height: 100%; background-image: url(data:image/gif;base64,AAAA); /* Trick IE into showing hover */ display: block; }
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prevlabel.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/nextlabel.gif) right 15% no-repeat; }

#imageDataContainer{ font: 10px Verdana, Helvetica, sans-serif; background-color: #fff; margin: 0 auto; line-height: 1.4em; overflow: auto; width: 100%	; }

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em; outline: none;}	 	

#overlay{ position: absolute; top: 0; left: 0; z-index: 90; width: 100%; height: 500px; background-color: #000; }
#prevLink:hover, #prevLink:visited:hover { background: url(data/image/icon/lightbox_prevlabel.gif) left no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(data/image/icon/lightbox_nextlabel.gif) right no-repeat; }
#lightbox * { color: #000000; }

body.mceContentBody { background: url("data/image/icon/transparent.png") repeat scroll left top transparent; }

div.element > div.actions { border: 1px solid #CCCCCC; background: #FAFAFA; padding: 5px; }
div.element.unpublished > div.actions { border: 1px solid #FFAAAA; background: #FFDDDD; }
div.element.published > div.actions { border: 1px solid #AAFFAA; background: #DDFFDD; }

div.containerSeparator { overflow: hidden; width: 100%; height: 0; margin: 0; padding: 0; clear: both; float: none; }

.waitingWrap { background: url(data/image/icon/modulebox-overlay-verydark.png) scroll repeat top left transparent !important; }
.waitingWrapWrap { background: url(data/image/icon/modulebox-loader.gif) scroll no-repeat center center transparent !important; }

div.element.editWeightList { overflow: hidden; }
div.product.sort, 
div.element.editWeight { border: 2px dashed gray; cursor: move; padding: 5px; margin: 5px; }
/*div.element.editWeightList { background: url(data/image/sort-bg.png); }
div.element.editWeight { cursor: move; }*/
div.product.sort div.actions, 
div.element.editWeight div.actions { display: none; }
a.stopEditWeight { display: block; clear: both; }

div.element.pictureLike.list { float: none; }

.bx-wrapper { margin: 0 0 30px !important; }
.bx-wrapper .bx-viewport { -moz-box-shadow: 0 0 0 transparent !important; -webkit-box-shadow: 0 0 0 transparent !important; box-shadow: 0 0 0 transparent !important; border: 0 !important; left: 0 !important; background: none !important; }
.bx-wrapper img { width: auto; }
.bx-wrapper .bx-controls-direction a { z-index: 9 !important; }

ul.pagination li { list-style: none; display: inline; }
ul.pagination li.current a { font-weight: bold; }

#page { min-height: 350px; }

#banner div.headlines { display: none; }

form.edit div.date input { cursor: pointer; }

.clickable { width: auto; cursor: pointer; }

/* A REPORTER */
div.actions { position: absolute; margin-left: -5px; }
div.pictureLike div.actions { margin-left: 0; }
div.actions div.action { clear: left; display: block; }
div.actions.actionsList { position: static; margin-left: 0; width: auto; margin-bottom: 10px;  }
div.actions.actionsList div.action { display: inline-block  ; }
/*
================================ PATCH BUG CHROME ================================
*/
body
{
    -webkit-animation-delay: 0.1s;
    -webkit-animation-name: fontfix;
    -webkit-animation-duration: 0.1s;
    -webkit-animation-iteration-count: 1;
    -webkit-animation-timing-function: linear;
}

@-webkit-keyframes fontfix {
    from { opacity: 1; }
    to   { opacity: 1; }
}
/* ------------------ En Fluide --------------- */
/*
#site { width: 80%; }
#page { width: auto; }
#menu { width: auto; float: none; }
#menu ul { float: none; overflow: hidden; }
#menu > ul > li,
#menu > ul > li > ul { width: 16%; }
#menu > ul > li:first-child { padding-left: 2%; }
#menu > ul li a, 
#menu ul li ul a { width: auto; }
*/

/*
================================== Général =================================
*/
body { margin: 0px; padding: 0px; font-family: 'Cantarell' !important; font-size: 14px;}
input {font-family: 'Cantarell' !important;}
div.element.title h1{width:auto; display:inline-block;}
div.element.title{text-align:center;}

#wrap { padding: 0 100px; margin: 0 auto; width: 1200px; min-height: 1200px; }

#banner {margin:0 10px ; }
#banner a{margin:10px; display:inline-block; float: left;}
#banner a img { height: 55px; }
#banner span{margin:10px; padding:10px;display:inline-block; }
#banner div.logo { height: 140px; line-height: 140px; text-align: center; border-right: 1px dashed; width: 269px; }
#banner a.logo img { width: 100px; height: 100px; }
#banner h1 { padding-top: 10px; text-align: center; }
#banner div.encartLiens{float: right;}
#banner div.encartLiens div.actions div.action a {margin: 0;}
#banner div.encartLiens div.actions div.action a img{height: 16px;}
#banner div.encartLiens div.actions div.action span.actionDetails{display: none;}
div.element.footer { border: none; margin: 0; padding: 0; }
#menu {clear: both;}
#menu ul.menu li a { overflow: hidden; width: 191px;}
#menu ul li a:hover span{border-bottom:1px solid #8c8c8c;}

#site,#menu, #page, #site div.divPage {width: 100%;padding:0;margin:0;}
#site{margin-top: 15px;}
#menu > ul.menu { width:1150px; padding: 0 25px; margin: auto; float:none; }

div.element.availability p.structure { height: 200px; line-height: 200px; border: 1px dashed; text-align: center; }

div.buttons > a { border: 1px dashed; }

div#page{padding-top: 0px;}

div.encartCoords h1,
div.encartContact h1,
div.encartGeneral H1 { height: 40px; }

#footer{text-align: center; margin: 0; height: 34px;}
#footer div.element.footer.view{padding: 0;}
#footer ul { display: inline-block; }
#footer ul li { padding: 0 50px; line-height: 30px; }
#footer a.footer-newsletter { display: inline-block; padding: 0 50px; line-height: 30px; }

div.bottom { text-align: right; }

body #menu ul li ul{z-index: 100;}

div.breadcrumb { margin: 0 10px 20px 10px; }
.breadcrumb a{padding: 3px 10px;}

.bx-wrapper .bx-pager.bx-default-pager a {z-index: 99;position: relative;}

h1 { margin-left: 0; height: 40px; text-align: center; }
h2.empty { margin-left: 0; text-align: center; }

form div.submit{width: 100%;}

/* ------------ Form (select, input...) ------------ */
/*form div.select div.span-select { width: 200px; height: 32px; overflow: hidden; display: inline-block; margin-bottom: 0; }
form div.select div.span-select select { width: 265px; height: 24px; padding: 6px 45px 0 5px; outline: none; }*/
form div.select div.span-select { width: 200px; height: 45px; overflow: hidden; display: block; margin-bottom: 0; margin:auto; }
form div.select div.span-select select { padding: 4px; }
select, select option{font-family: 'Cantarell' !important; color:#5C5C5C; font-weight:bold;}

textarea,
input{padding: 5px; border: none;}

/* ------------------- Bouton ---------------------- */
a.readmore, 
div.bottom a {height: 40px; padding: 0 30px 0 0; line-height: 40px; text-align: left; margin: 0; display: inline-block; position: relative; }
a.readmore:before, 
div.bottom a:before { background: red;  content: ""; position: absolute; left: -57px; top: 0; height: 40px; width: 57px; }
div.bottom span{height: 31px; padding: 0 10px; line-height: 32px; text-align: center; margin: 0; display: inline-block; }
a.contact-us,
div.bottom a.contact-us,
form div.submit input{ height: 37px; line-height: 37px; padding: 0 20px; text-align: center; cursor: pointer; display: inline-block; width: 130px; }
div.bottom a.readmore:hover{text-decoration:underline;}

/*
================================== Wrapper =================================
*/

div.content_wrp1,
div.content_wrp2 {overflow: hidden;margin:0 auto;padding: 25px;}

/*
================================== Accueil =================================
*/

div.divWelcome div.content_wrp1 { padding: 0;}
div.divWelcome div.element.candidat.viewList div.content { width: 780px;  height: 330px; text-align: center; overflow: hidden; }
div.divWelcome div.element.candidat.listview { height: 330px; }
div.divWelcome div.element.candidat.listview div.picture img{ height: 330px; display: inline-block; }
div.divWelcome .bx-wrapper { margin-bottom: 0; }
div.divWelcome div.bx-pager.bx-default-pager{bottom: 10px;}

div.content_wrp2 div.encartLeft {margin: 0 20px 0 20px; text-align: center;}
div.content_wrp2 div.encartRight {overflow: hidden;}
div.content_wrp2 div.encartLeft > div, 
div.content_wrp2 div.encartRight > div { overflow: hidden; margin-bottom: 20px; }

div.encartRight div.encartOffres{width: 328px; float:left; margin-right: 27px; margin-left: 28px; height:431px;}
div.encartRight div.encartRecherche{width: 328px; float:left; margin-right: 27px; margin-left: 28px; height:431px;}
div.encartRight div.encartRecherche div.fieldset.fieldsetName{margin-bottom:0px;}
div.encartRight div.encartActus{float:left; width: 328px;  margin:0 27px; padding-top:0px; padding:0px; height:431px;}

div.divWelcome div.encartGeneral{padding: 25px; clear: both;}
div.divWelcome div.encartContacts > div.description, 
div.divWelcome div.encartCV {float: none; width: 275px; display: inline-block;}
div.divWelcome div.encartOffre {float: none; width: 200px; display: inline-block;}

div.divWelcome div.element.description.view.key-welcome { padding: 10px; margin-bottom: 10px; }

div.divWelcome div.encartCV > div.description,
div.divWelcome div.encartOffre > div.description { padding: 0; }

div.divWelcome div.encartCV > div.description a:hover,
div.divWelcome div.encartOffre > div.description a:hover { font-weight: bold; text-decoration: none; }
div.divWelcome div.encartCV > div.description a,
div.divWelcome div.encartOffre > div.description a { display: block; line-height: 24px; padding: 22px 0 70px 0; font-size: 18px;}

div.divWelcome div.encartOffres div.offre.preview { text-align: center; margin-top: 26px; padding: 0; }
div.divWelcome div.encartOffres div.offre.preview a { display: block; font-size: 1.3em; padding: 10px; }
div.divWelcome div.encartOffres div.offre.preview a:hover { text-decoration: none; }
div.divWelcome div.encartOffres div.offre.preview a span { line-height:25px; }

div.divWelcome div.encartRight h1 { border:none; width:100%;padding-left: 0px; margin: 0; font-size: 1.6em; height: 40px; line-height: 40px; font-weight: normal; }
div.divWelcome form.rechercheOffre div.select { margin-bottom: 5px; }
div.divWelcome form.rechercheOffre div.select label { display: inline-block; width: 230px; margin-right: 20px; padding: 0 0 0 30px; font-size: 18px; line-height: 31px; height: 31px; font-weight: normal; }
div.divWelcome form.rechercheOffre div.list div.fieldset {margin-top:20px; }
div.divWelcome form.rechercheOffre div.list div.fieldset fieldset{padding: 5px 5px 0 0; width: auto;}
div.divWelcome form.rechercheOffre div.list div.fieldset.buttons fieldset.buttons div.submit.search,
div.divWelcome form.rechercheOffre div.list div.fieldset.buttons,
div.divWelcome form.rechercheOffre div.list{margin: 0;}
div.divWelcome form.rechercheOffre div.list div.fieldset.buttons fieldset.buttons div.submit.search input{width: 107px; height:37px; line-height: 37px;  font-size: 1.3em; cursor: pointer; padding:0px;}
div.divWelcome div.encartRecherche #element-title-13{padding:0px;}
div.divWelcome div.encartGeneral div.element.title.view h1{background-size: 180px 5px;}
div.divWelcome div.encartGeneral>img{width:300px; margin-bottom:20px;}

div.element.description.key-welcome-liens img, 
div.element.description.key-contact div.description img {  height: 60px; width: auto; }

.bx-wrapper .bx-controls-direction a{width:30px; height:37px;}

div.divWelcome div.encartRecherche form.rechercheOffre div.list div.fieldset fieldset div.select label{display:none;}

div.encartRight h1{text-transform: uppercase; color:white;}
div.encartRight .bx-wrapper{height:345px;}


div.divWelcome div.encartLeft > div.encartCV, 
div.divWelcome div.encartLeft > div.encartOffre { width:500px; height:30px; margin: 50px 0px;}
div.divWelcome div.element.actualite.preview h2 { overflow: hidden; }
div.divWelcome div.element.actualite.preview div.description{height:115px; text-align:justify; width:220px; display:block; padding-top:10px;}
div.divWelcome div.encartCV > div.description a,
div.divWelcome div.encartOffre > div.description a{padding:0px;}
/*
========================== Opportunités d'emploi ===========================
*/

div.divNos-Offres div.encartRechercheOffre{margin-bottom: 70px;}
div.divNos-Offres div.encartRechercheOffre h1 { display: none; }

div.divNos-Offres form.rechercheOffre{margin: 0 50px;}
div.divNos-Offres form.rechercheOffre div.fieldset.fieldsetName{width: 900px; float: left; margin-right: 10px;}
div.divNos-Offres form.rechercheOffre div.fieldset.buttons { clear: none; overflow: hidden; padding-top: 23px; }
div.divNos-Offres form.rechercheOffre fieldset.fieldsetName > div{width: 200px; height: 50px; float: left; clear: none; margin: 5px 45px; padding-left: 5px;}
form.rechercheOffre label { width: auto; }
div.divNos-Offres form.rechercheOffre fieldset.fieldsetName > div label { width: auto; }
div.divNos-Offres form.rechercheOffre fieldset.fieldsetName > div.remuneration { width: 200px; }
div.divNos-Offres form.rechercheOffre fieldset.buttons div.submit input{margin-top: 30px;}

div.element.secteur.listview { padding-bottom: 10px; margin-bottom: 10px; }
div.element.secteur.listview div.offres { overflow: hidden;}

div.element.offre.listview{padding: 15px; position: relative; width: 475px; float: left; height: 150px; margin: 20px 30px 10px 30px; }
div.element.offre.listview span.date { font-style: italic; }
div.element.offre.listview span.pourvu { display: none; }
div.element.offre.listview div.description { line-height: 18px; height: 54px; overflow: hidden; text-align: justify; }
div.element.offre.listview div.bottom { float: right; margin: 10px 0 0 10px; }
div.element.offre.listview span.offrePourvue { display: none; }
div.element.offre.listview.pourvu-1 span.offrePourvue {position: absolute; top: 0; right: 0; width: 179px; height: 52px; display: block; }

div.element.offre.listview.editWeight { margin: 18px 28px 8px 28px; }

div.element.offre.view{overflow: hidden; padding: 0;}
div.element.offre.view div.description{float: left; width: 840px; margin-right: 20px; text-align: justify; }
div.element.offre.view div.caracteristics{float: left; width: 290px; padding: 0 0 10px 0;}
div.element.offre.view div.caracteristicsContainer { overflow: hidden; padding: 30px 20px 10px 20px;}
div.element.offre div.caracteristic h4{margin-left: 10px;}
div.element.offre div.caracteristic span {height: 20px; display: inline-block; margin: 5px 0;
}
div.element.offre div.caracteristics div.bottom a{margin-top: 10px;}

form.editOffre.pourvu-0 div.datePourvu { display: none; }
form.editOffre div.description textarea { height: 400px; }
form.editOffre div.shortDescription { width: 500px; }
form.editOffre div.l1, 
form.editOffre div.l2, 
form.editOffre div.l3 { overflow: hidden; }
form.editOffre div.l1 > div, 
form.editOffre div.l2 > div, 
form.editOffre div.l3 > div { float: left; clear: none; width: 300px; margin-right: 30px; }
form.editOffre label { width: auto; }
form.editOffre div.text input { width: 200px; }
form.editOffre div.ltitle div label { display: none; }
form.editOffre div.ltitle > div, 
form.editOffre div.ltitle > a { display: inline-block; height: 36px; line-height: 36px; vertical-align: middle; margin: 0 20px 0 0;}
form.editOffre div.ltitle > a img { vertical-align: middle; }
form.editOffre div.title input, 
form.editOffre div.id_fonction div.span-select { width: 350px; }
form.editOffre div.ltitle > div.title { display: none; }
form.editOffre.id_fonction- div.ltitle > div.title { display: inline-block; }


form.editCandidature { width: 500px; margin: 0 30px; }
form.editCandidature div.l1, 
form.editCandidature div.l2 { overflow: hidden; } 
form.editCandidature div.l1 > div, 
form.editCandidature div.l2 > div { float: left;  clear: none; width: 220px; margin-right: 30px; } 

/*
============================ Espace candidats ==============================
*/

div.divEspace-Candidat div.encartLeft{width: 555px; float: left;}
div.divEspace-Candidat div.encartRight{float: right;}
div.divEspace-Candidat div.encartRight div.encartOffres{height:auto;}

div.divEspace-Candidat div.encartLeft div.element.title,
div.divEspace-Candidat div.encartRight div.element.title{text-align: center; font-size: 1.3em;}
div.divEspace-Candidat div.encartRight div.element.title h1{font-size:1.3em; padding:5px; font-weight:normal; border:none; width: 100%;
line-height: 38px;}
div.divEspace-Candidat div.encartRight div.encartOffres label{display:none;}
div.divEspace-Candidat div.encartRight div.encartOffres div.select{width:100%; margin:5px 0px;}

form.editCandidat textarea { height: 80px; }

div.element.candidat.listview { overflow: hidden; position: relative; }
div.element.candidat.listview div.contentText { position: absolute; top: 20px; left: 50px; padding: 25px;}
div.element.candidat.listview div.contentText h3 { margin-left: 0px; }
div.element.candidat.listview div.contentText div.description { margin-top: 20px; }

div.divEspace-Candidat div.list div.fieldset fieldset div.select{float: left; clear: none;}
div.divEspace-Candidat div.list div.fieldset fieldset div.file.cv{overflow: hidden; width: 100%;}
div.divEspace-Candidat div.list div.fieldset fieldset div.file input{width: 300px;}

div.encartLeft form.editCandidature div.submit.send{width: 100%;}

div.divEspace-Candidat form.rechercheOffre div.select{margin: 10px 25px;}
form.edit.rechercheOffre div.submit.search{width: 100%;}

div#modulebox-box div.divEspace-Candidat{padding: 0; margin: 0;}

div.divPage.divEspace-Candidat div.encartCandidat h1{padding-bottom:10px;}

/*
=========================== Espace entreprises =============================
*/

div.divEspace-Entreprises div.encartEntreprise { width: 440px; margin: 0 auto; margin-top:20px;}

div.divEspace-Entreprises form.editContact div.typeContact { display: none; }
div.divEspace-Entreprises form.editContact div.nom { width: auto; float: none; }

div.divPage.divEspace-Entreprises div.wrp1{float:left; width:50%;}
div.divPage.divEspace-Entreprises div.wrp2{float:right; width:50%; margin-top:20px;}
/*
========================= ACTUALITE ==========================
*/

div.element.actualite.preview{padding: 10px 40px 0 40px; overflow: hidden;}
div.element.actualite.preview h2{margin: 5px 0 5px 0; height: 26px; overflow: hidden;}
div.element.actualite.preview div.picture { float: left; padding-bottom: 2px; }
div.element.actualite.preview div.picture img { width: 130px; height: 130px; }
div.element.actualite.preview div.description{height: 62px; overflow: hidden; padding: 0 20px; margin-bottom: 5px;}
div.element.actualite.preview div.bottom{}

div.element.actualite.previewList.list{height:390px; margin: auto;}
div.element.actualite.previewList.list div.bx-pager.bx-default-pager{bottom: -25px;}

div.element.actualite.listview{width: 78%; margin: 30px auto; padding: 20px 40px; overflow: hidden;}
div.element.actualite.listview h2{margin:0 0 15px 0; height: 26px; overflow: hidden;}
div.element.actualite.listview div.picture {width: 150px; height: 150px; float: left;}
div.element.actualite.listview div.picture img{width: 150px; height: 150px;}
div.element.actualite.listview div.description{height: 119px; overflow: hidden; padding: 0 40px; margin-bottom: 15px;}
div.element.actualite.listview div.bottom{}

div.element.actualite.view{padding: 30px;}
div.element.actualite.view h1{margin-bottom: 30px;}
div.element.actualite.view div.description{margin-bottom: 25px;}

div.element.actualite.edit {width: 1000px; margin: auto;}
form.editActualite div.dateBegin,
form.editActualite div.dateEnd{display: inline-block;}


/*
================================ Contact ===================================
*/

div.divContact div.encartCoords { width: 350px; float: left; margin: 0 90px;; }
div.divContact div.encartContact { overflow: hidden; }

div.divContact div.encartContact form.editContact{width: 442px; margin: 0 auto;}

div.divContact div.encartContact h1{margin-left: 0;}

form.editContact { width: 450px; }
form.editContact div.l2 { display: none; }
form.editContact.typeContact-entreprise div.l2 { display: block; }
form.editContact div.l1, 
form.editContact div.l2, 
form.editContact div.l3 { overflow: hidden; }
form.editContact div.select, 
form.editContact div.mail, 
form.editContact div.text { float: left; clear: none; margin: 0 20px 20px 0; width: 200px; }
form.editContact textarea { height: 80px; width: 420px; }

/*
============================= Plan du site =================================
*/

#sitemap { width: 750px; margin: 0 auto; overflow: hidden; }
#sitemap > div { margin-bottom: 20px; }

/*
====================== Connexion / MDP / etc ===============================
*/

div#modulebox-box div.divLogin{margin-top: 0;}

div#page div.divPage.divLogin h1{height: 50px; width: 480px; margin-bottom: 20px; }
div#modulebox-box div.divLogin h1,
form.login legend{height: 40px; width: 200px; margin-bottom: 10px; font-size: 1.7em;}

div#divLogin form.passwordForgotten div.mail input{width: 300px;}
div#page form.changePassword div.list input{width: 300px;}

div#page form.changePassword,
div#page div#divLogin { width: 500px; margin: 0 auto; padding: 30px; }/* Specifical CSS depending on the final user's configuration */
body{color: #5C5C5C;}
/*H1{ color: #111111; }*/
/*H2{ color: #222222; }*/
/*H3{ color: #333333; }*/
/*H1, H1 a:link, H1 a:visited{ color: #555555; }*/
/*H2, H2 a:link, H2 a:visited{ color: #666666; }*/
/*H2, H2 a:link, H2 a:visited{ color: #777777; }*/

a:link, a:visited{ color: #000000; }
/*a:hover{ color: #aaaaaa; }*/

/*em{ color: #000000; }*/
/*#site{ background-color: #eeeeee; }*/
/*#page{ background-color: #dddddd; }*/
.error, 
.error * { border-color: #CC0000; outline-color: #CC0000; }
span.error { color: #CC0000; }

textarea,
select,
input{outline-color: #5C5C5C;}

#banner { background: #FFFFFF; margin: 0; }

#menu {background: #EAEDEE;}
#menu ul li a{color: #5C5C5C;}
#menu ul li a:hover{color: #6c6b69;}
#menu ul li ul li a{background: #e9edee; color: #5C5C5C;}
#menu ul li ul li a:hover{ color: #6c6b69; font-weight: bold;}

div#page{}

div.element.title h1 , div.divPage.divLogin legend{ border-bottom:2px solid #fcf163; font-weight:normal;}


#footer{background: url(data/image/footer.png) top left repeat-x;}
#footer a.footer-newsletter, 
#footer ul li a{color: #ffffff;}

.breadcrumb a{background-color: #e9edee; color: #5C5C5C;}


/* ------------ Select ------------ */
/*form div.select div.span-select {background: url(data/image/moteur-recherche-selection.png) no-repeat center center;}
div.divWelcome form.rechercheOffre div.select {background-position: right center;}
form div.select select{background: transparent; border: 0; -webkit-appearance: none; color: #5C5C5C; }*/
form div.password input, 
form div.textarea textarea, 
form div.mail input, 
form div.phone input, 
form div.text input { border: 2px solid #CCCCCC; }
input.search, input.send, a.contact-us, input.connection, input.change, input.cancel{background: url(data/image/boutons-rechercher.jpg) top center no-repeat; border: none; color: #5C5C5C;}
div.bottom a.readmore{padding-left:20px; background: url(data/image/boutons-rechercher-long.jpg) top center no-repeat; border: none; color: #5C5C5C;}
/* ------------ Bouton ------------ */
a.readmore, 
div.bottom a {background: url(data/image/bouton-voirdetail.png) 100% 0 no-repeat; border: none; color: #5C5C5C; }
a.readmore:hover, 
div.bottom a:hover {  text-decoration: none; }
a.contact-us, 
div.bottom a.contact-us, 
form div.submit input { border: none; color: #5C5C5C; }
a.contact-us:hover, 
div.bottom a.contact-us:hover, 
form div.submit input:hover { text-decoration: none; background-position: bottom center; }


div.empty div.bottom span { background: url(data/image/bouton-gris.png); color: gray; }


/*
================================== Wrapper =================================
*/

div.wrp1 {background: #f8f8f8;}
div.wrp2 {background: #e9edee;}


/*
================================== Accueil =================================
*/

div.encartLeft div.encartGeneral{background: url(data/image/encart-presentation.png) bottom left no-repeat;}
/*div.divWelcome div.encartOffres {text-align: center; background: url(data/image/jobs-alaune.png) top right no-repeat;}*/
div.divWelcome div.encartOffres div.offre.preview { border:1px solid #c8cccf; border-width:1px 0px; }
div.divWelcome div.encartOffres div.offre.preview:hover { background-color: #f2f6f5; }

div.divWelcome div.encartOffres div.offre.preview a { color: #5C5C5C; }

div.divWelcome div.encartRecherche{ background-color: #d7d8da ;}
div.divWelcome div.encartRecherche form.rechercheOffre div.list div.fieldset fieldset div.select label{background: url(data/image/moteur-recherche-fleche.png) no-repeat;}
div.divWelcome div.encartRecherche form.rechercheOffre div.list div.fieldset.buttons fieldset.buttons div.submit.search input{background: url(data/image/boutons-rechercher.jpg) top center no-repeat; border: none; color: #5C5C5C;}

div.divWelcome div.encartCandidats div.candidat div.contentText{margin: 0 10px 10px 60px; }
div.divWelcome div.encartCandidats div.candidat h3{ font-size: 3em; font-weight: normal;}
div.divWelcome div.encartCandidats div.candidat div.description{ font-size: 1.5em;  }

.bx-wrapper .bx-pager.bx-default-pager a{background: url(data/image/boutons-nav-caroussel.png) top right no-repeat;}
.bx-wrapper .bx-pager.bx-default-pager a.active{background: url(data/image/boutons-nav-caroussel.png) top left no-repeat;}

.bx-wrapper .bx-prev {background: url(data/image/fleches.png) top right no-repeat; background-position:0px 0px;}
.bx-wrapper .bx-prev:hover {background: url(data/image/fleches-hover.png) top right no-repeat; background-position:0px 0px;}
.bx-wrapper .bx-next {background: url(data/image/fleches.png) top right no-repeat;}
.bx-wrapper .bx-next:hover {background: url(data/image/fleches-hover.png) top right no-repeat;}

div.encartRight h1{background: url(data/image/fond-titre.jpg);}

div.encartRight a.readmore:hover,
div.encartRight a.readmore, div.bottom a, 
a.readmore:before, div.bottom a:before,
a.readmore:hover:before, div.bottom a:hover:before{background:none;}
div.encartRight a.readmore:hover{border-bottom:1px solid #6c6b69;}
/*
========================== Opportunités d'emploi ===========================
*/

div.element.offre.listview{background: url(data/image/encart-presentation.png) bottom left no-repeat;}
div.divNos-Offres div.element.secteur.listview{border-bottom: 2px solid #d7d8da;}

div.element.offre.view div.caracteristics{background: url(data/image/fiche-bottom.png) bottom center no-repeat; }
div.element.offre.view div.caracteristics div.caracteristicsContainer{background: url(data/image/fiche.png) top center no-repeat; }

div.element.offre.listview.pourvu-1 span.offrePourvue { background: url(data/image/flap-offrepourvue.png) no-repeat; }
/*
============================ Espace candidats ==============================
*/

div.divEspace-Candidat div.list div.fieldset fieldset div.file.cv{border-bottom: 3px solid white; padding-bottom: 10px;}
div.divEspace-Candidat div.encartRight div.encartOffres{background-color: #d7d8da;}
/*
=========================== Espace entreprises =============================
*/

/*
=========================== ACTUALITE ================================
*/

div.element.actualite.previewList.list { background: #f2f6f7; border: 1px solid #ccd0d3; border-width: 0 1px 1px 1px; }

div.element.actualite.listview{background: url(data/image/encart-presentation.png) bottom left no-repeat;}

form.editActualite div.dateBegin input,
form.editActualite div.dateEnd input{background: #FFF; border: 2px solid #CCC;}

/*
================================ Contact ===================================
*/


/*
============================== Connexion ===================================
*/

div#modulebox-box div#modulebox-container{background: #e9edee;}
div#modulebox-box div.divLogin h1,
form.login legend{text-align: center;}
a.logo,div.encartBanner {line-height:100px;}
/*#footer{
    margin:10px; padding: 0 10px;    
    text-align: center;
}*/
a.logo,div.encartBanner , div.encartActus, div.encartManche , div.encartVire , div.encartCalvados {
    margin:10px; padding:10px;    
    text-align: center;
}
div.encartVire {
    margin: 60px 30px;
    line-height: 50px;
}
#menu {
    margin:10px auto 0 auto; padding:0 0px 0 0;
    float: none;
}
div.encartManche , div.encartCalvados {
    line-height: 150px;
}
div.divPage {

    margin:10px; padding:10px;    
}
div.divPage.divWelcome {
    background: none;
    margin:0px; padding:0px; 
}

div.divWelcome div.encartLiens > div.description {line-height: 100px;}

#site {text-align: center;  background: #EAEFF7;}
#page {min-height: 800px; background: #EAEFF7;}
#site iframe{margin: 0 auto;}