#site{
    width: 950px;
    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: 900px;
    overflow: hidden;
}

@font-face {
    font-family: 'Epoclass';
    src: url('data/css/fonts/epoclassic-lig-webfont.eot');
    src: url('data/css/fonts/epoclassic-lig-webfont.eot?#iefix') format('embedded-opentype'),
         url('data/css/fonts/epoclassic-lig-webfont.woff') format('woff'),
         url('data/css/fonts/epoclassic-lig-webfont.ttf') format('truetype'),
         url('data/css/fonts/epoclassic-lig-webfont.svg#epoclassic-lig') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'dosissemibold';
    src: url('data/css/fonts/dosis-semibold-webfont.eot');
    src: url('data/css/fonts/dosis-semibold-webfont.eot?#iefix') format('embedded-opentype'),
         url('data/css/fonts/dosis-semibold-webfont.woff') format('woff'),
         url('data/css/fonts/dosis-semibold-webfont.ttf') format('truetype'),
         url('data/css/fonts/dosis-semibold-webfont.svg#dosissemibold') format('svg');
    font-weight: normal;
    font-style: normal;

}
body { margin: 0px; padding: 0px; font-family: 'Epoclass'; font-size: 16px; text-align: justify;}
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; }
H1 { font-size: 2em; margin-left: 10px; margin-bottom: 10px; }
H2 { font-size: 1.6em; margin-left: 5px; margin-bottom: 10px; }
H3 { font-size: 1.2em; margin-bottom: 10px; margin-left: 5px; }
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: #0B8C00; font-weight: bold; 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; }    

div.element.listview.editWeight { border: 2px dashed gray; cursor: move; }

 ul.pagination li { list-style: none; display: inline; }
 ul.pagination li.current a { font-weight: bold; }
/*#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; position: relative; clear: left; }

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


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; }
#menu { float: none; width: 200px; z-index: 10; overflow: hidden; }
#menu ul { float: none; list-style : none; line-height : 26px; text-align : left; margin: 0; }
#menu ul li { float : left; margin: 0; }
#menu ul a { display : block; text-decoration : none; width: 200px; color: #000000; }
#menu ul a:hover { color: #FFFFFF; }
#menu ul a.active { font-weight: bold; }

#menu ul li ul { width: 100%; display: none; }
#menu ul li ul li { }
#menu ul li ul a { width : 200px; color: #000000; }
#menu ul li ul a:hover { color: #FFFFFF; }

#menu ul li ul ul { width: 200px; margin: 26px 0 0 200px; }
#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.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; }

div#lightbox div#imageContainer {overflow: hidden;}

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

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

/* A REPORTER */
div.actions { position: absolute; margin-left: -20px; }
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  ; }

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; }
#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; }
.action, .action {cursor:pointer;}
div.calendar.popup { z-index: 100; }
div.formDateCalendar { cursor: pointer; border: 1px solid gray; padding: 2px 18px 2px 2px; width: 60px; background: url(data/image/icon/calendar_edit.png) scroll no-repeat right center transparent; }
form select.formDateHour,
form select.formDateMinute { width: 50px; }
form div.date div { display: inline; }
div.element.chantier.viewList div.element.chantier.listview div.actions {clear:both;}
.bx-wrapper .bx-pager { bottom: 0; }
div.chantier.galleryList .bx-wrapper .bx-pager { bottom: -20px; }
.news .bx-wrapper img { width: auto; }
.clear {clear:both;}
body.mceContentBody { background: url("data/image/icon/transparent.png") repeat scroll left top transparent; }

.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#lightbox div#imageContainer {overflow: hidden;}

div.element.unpublished > div.actions,  
div.element.unpublished > div > div.actions { border: 1px solid #FFAAAA; background: #FFDDDD; }
div.element.published > div.actions, 
div.element.published > div > div.actions { border: 1px solid #AAFFAA; background: #DDFFDD; }
div.element.news.viewList div.actions,
div.element.service.viewList div.actions {float: none;}
div.element.pictureLike div.actions { position: absolute; }
div.element.pictureLike div.actionsList { position: static; }

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


#page { min-height: 450px; overflow: hidden; width: auto; }
#banner{height:250px; text-align: center; }
#banner H1{display: none;}
#banner a {margin: 0px 100px 0px 0px; padding:0px; }
#banner img.illustration{margin-left: 50px; margin-right: 100px;}
#menu {float: left;  margin-top: 19px; width: 240px; margin-bottom: 20px; }
#menu ul li{ padding-left: 20px; }
#menu ul li span{height: 26px;}
#menu ul li ul { margin-top: 2px; }
#menu ul li.active ul {display:block; }
#menu ul li ul li { padding-left: 10px; }
#menu ul li ul li a { width: 145px; padding: 4px 20px 4px 0; line-height: 18px; }

#footer{padding-top: 10px; height: 30px;}

/* ----------------- Style avec image et ligne en bg a gauche ----------------- */
.style1 { overflow: hidden; margin-bottom: 30px; }
.style1 div.listviewContent {overflow: hidden;padding-bottom: 30px;}
.style1 div.picture { width: 100px; float: left; margin: 0 10px 10px 0; }
.style1 div.picture img { max-width: 100%; max-height: 100%; }
.style1 div.bottom { text-align: right; }
.style1 div.actions { position: absolute; }


div.divPage.divLogin form {margin-left: 0px;}
div.divPage.divWelcome {margin-top: 10px; margin-bottom: 5px;}

/* ----------------- Boutons ----------------- */
form div.submit input.connection,
form div.submit input.send,
a.btn_define, 
a.contact-us, 
a.logout,
a.readmore {line-height:40px;text-align:center;width:150px;height: 40px;padding:0 2px 2px 0;float:right;display:block;margin-right:35px;}
form div.submit input.connection{height: 42px;}
a.btn_define {width:273px;}

div.element.description.view div.description{padding:25px 35px 35px 35px;}

.bx-wrapper .bx-prev {left:-32px;}
.bx-wrapper .bx-next {right:-32px;}
.bx-wrapper .bx-pager.bx-default-pager a {height:20px;width:20px;}


/* ----------------- Formulaires ----------------- */
form.edit div.list.preview { clear: both; overflow: hidden; padding: 10px; border: solid 2px #000; padding-left: 35px;}
form.edit div.list.preview div.previewInputs { clear: none; float: left; width: 350px; }
form.edit div.list.preview div.previewList { clear: none; overflow: hidden; }
form.edit div.list.preview div.previewList img { width: 100px; }
form input {padding:4px 8px;}

/* ----------------- Accueil ----------------- */
div.element.news.preview h3  {padding: 0 0 20px 15px;margin: 0 0 10px 5px;}
div.element.news.preview div.description  {height:63px;line-height:21px;padding-right: 25px;}
div.element.news.preview a.readmore  {margin-top: 5px;}
div.element.news.preview div.picture img{border : solid 1px #bbbbbb;}

/* ----------------- Entreprise ----------------- */
div.divPage.divEntreprise div.description {margin-top: 25px;}
div.divPage.divEntreprise h1 {margin-top: 15px;}

/* ----------------- News ----------------- */
div.divPage.divActualites h1 {margin-top: 15px;}
div.divPage.divActualites div.description{margin-top: 10px;}

div.element.news.viewList { margin-top: 25px; }

form.edit.editNews div.previewList img { width: 100px; height: 100px; float: left; margin: 0 10px 10px 0; }


div.element.news.previewList { width: 600px; margin: 20px auto; }

div.element.news.preview {overflow: hidden;padding-bottom: 40px;}
div.element.news.preview div.picture {float:left;margin:0 25px;}
div.element.news.preview div.picture a {display:block;width:100px;height: 100px;}

form.edit.editNews div.description textarea { width: 95%; height: 300px; }
form.edit.editNews div.shortDescription textarea { height: 80px; width: 350px;}
form.edit.editNews div.list.preview div.previewInputs { float: none; width: auto; }
form.edit.editNews div.list.preview div.previewInputs label { width: 240px;display: block; }
form.edit.editNews div.list.preview div.previewInputs select { width: 170px; }
form.edit.editNews div.list.preview div.previewImage , form.edit.editNews div.list.preview div.shortDescription { display: inline-block;vertical-align: top; }
form.edit.editNews div.list.preview div.previewList div.preview2 { width: 550px; height: 125px; padding: 15px 20px 25px 60px; }

div.element.news.view div.newsPicture.viewList.pictureLike{width: 492px; margin-left: 75px; text-align: center; float: none;}
div.element.news.view div.element.newsPicture.listview.pictureLike{display: inline-block; float: none;}
div.element.news.view div.newsPicture.pictureLike a.image_chantier img{width: 150px;}
div.element.news.view div.description{margin: 20px 0; clear: both;}

/* ----------------- Prestations ----------------- */
div.divPage.divPrestations div.content {margin-top: 40px;}

div.divPrestations div.descriptionContent{min-height: 119px;}

div.element.service.view div.description {overflow: hidden;padding: 0 35px 40px 35px;}

div.element.service.listview div.picture { width: 150px; }
div.element.service.listview div.description { height: 50px; line-height: 25px; overflow: hidden; }


/* ----------------- Contact ----------------- */
form.editContact label { width: 120px; }
form.editContact textarea { width: 289px; height: 100px; }

div.divContact div.element.description.key-contact-map small a {line-height:38px;text-align:center;width:173px;height: 38px;padding:0 2px 2px 0;;display:block;float:right;margin-top: 5px;}

div.divContact div.coordsAndForm { overflow: hidden; padding:25px 35px; }
div.divContact div.coords { width:230px; float:left; margin-right: 50px; }
div.divContact div.formulaire {overflow: hidden;}


/* ----------------- Chantier ----------------- */
div.detailChantier div.element.chantier.listview {padding-bottom : 40px;}
div.detailChantier div.element.chantier.listview div.description,
div.detailChantier div.element.chantier.listview h2 {clear:both;}
div.detailChantier div.element.chantier.listview > a > img {float:left;margin:0 15px}

div.element.chantier.previewList { margin-top: 10px; width: 550px; padding: 10px; }
div.element.chantier.previewList ul,
div.element.chantier.previewList li { margin: 0; padding: 0; text-align: center; }

div.element.chantier.preview { overflow: hidden; }

div.element.chantier.view h1 { clear:both; }
div.element.chantier.view div.description { float: left; margin:0 15px; }
div.element.chantier.view div.element.chantierPicture.editWeightList { text-align: center; float: none; }
div.element.chantier.view div.element.chantierPicture.viewList { text-align: center; float: none; }
div.element.chantier.view div.element.chantierPicture.listview { margin-top: 25px; display: inline-block; float: none; vertical-align: top; width: 150px; }
div.element.chantier.view div.element.chantierPicture.listview img.sizeLarge { max-width: 100%; width: 146px; }
div.element.chantier.view div.element.chantierPicture.editWeightList { text-align: center; float: none; }
div.element.chantier.view div.element.chantierPicture.editWeight { margin: 22px 2px 2px 2px; padding: 0; }

div.element.service.view div.element.chantier.galleryList div.content a > img {width:150px;height:150px;margin:5px;}
div.element.service.view div.element.chantier.galleryList { margin-top: 20px; }

div.divPage.divChantier.divArtisan div.details{overflow: hidden; margin-bottom: 40px;}
div.divPage.divChantier.divArtisan > h1 {margin-bottom: 25px;}
div.divPage.divChantier.divArtisan > a.btn_define{margin-top: 20px;}
div.element.chantier.view {overflow: hidden; margin-bottom: 40px; }
div.element.chantier.view > div.actions {position: absolute; margin-left: -35px;}
div.element.chantier.view > div.actions div{display: block;}
div.element.chantier.view div.description { float: none; text-align: justify; }
div.element.chantierPicture.viewList.pictureLike h4 {text-align: center;}

div.element.chantier.view a.btn_define {clear: both;}

div.element.chantier.listview{padding-bottom: 0px;}
div.element.chantier.listview h2{margin-bottom: 30px;}
div.element.chantier.listview div.picture{margin-right: 40px;}
form div.checkbox span{display:block;}

/* ----------------- Comptes ----------------- */


div.account.view {padding-bottom:75px;}

div.account.view div.accountList ul li.account.listview {padding-bottom:10px;}
div.account.view div.content_account {padding: 25px 0 0 35px;}

/* ----------------- Sitemap ----------------- */
#sitemap {margin-left:25px;}
#sitemap br { display: none; }
#sitemap div.principal { width: 300px; margin: 0 50px 50px 0; float: left; }
#sitemap div.menu-news { overflow: hidden; float: right; width: 250px; }
#sitemap div.menu-footer { clear: left; }

/************** **************/

div.divAccount.accountLogin h3 { margin: 0 0 10px 0; text-align: center; }
div.divAccount.accountLogin div.login { float: left; width: 450px; margin-right: 30px; }
div.divAccount.accountLogin div.create { overflow: hidden; width: auto; }

div.divAccount.divPage div.accountList{overflow: hidden;}
div.divAccount.divPage div.accountList > h2 {margin-top: 20px;}

table.accountList { border-collapse: collapse; margin: 10px auto 120px auto;}
table.accountList th, 
table.accountList td { padding: 10px 5px; }
table.accountList tbody tr div.detail-content h4 { display: inline; padding-right: 30px;  }
table.accountList tbody tr td.detail { width: 70px; position: relative; cursor: pointer;}
table.accountList tbody tr td.detail > div { height: 32px; }
table.accountList tbody tr td.detail div.details-content { display: none; position: absolute; z-index: 9; top: 100%; margin-left: 30px; width: 500px; padding: 10px; }
table.accountList tbody tr td.detail:hover div.details-content { display: block; }
table.accountList tbody tr td.actions { width: 150px; }
table.accountList tbody tr td.actions a { font-size: 0; display: inline-block; width: 32px; height: 32px; margin: 0 5px; text-align: center; vertical-align: top; }

table.accountList div.details-content p { min-width: 49%; display: inline-block; margin: 5px 0; vertical-align: top; }
table.accountList div.details-content p.name { display: block; width: auto; }

div.accountList{padding-bottom: 25px;}


div.element.chantier.send div.checkbox.artisans span label{width: 300px;}
div.element.chantier.send fieldset.buttons{width: 148px; margin: 30px auto;}


.alert-cookies {
    box-sizing: border-box;
    padding: 10px;
    position: fixed;
    bottom: 0; left: 0;
    width: 100%;
    color: #fff;
    background-color: #333;
    z-index: 999;
}
.alert-cookies.hide {
    display: none;
}
.alert-cookies .bottom {
    float: right;
    margin-bottom: 0;
}
.alert-cookies .bottom a {
    margin: 0 5px;
    padding: 5px;
    color: #fff;
    background-color: darken(#333, 10%);
}
/* Specifical CSS depending on the final user's configuration */
div#modulebox-container,
body{ background: url(data/image/Background.jpg) #ebebeb center top no-repeat ; }
/*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; }*/

div.action, div.actions {color:#ffffff;font-weight:normal;font-size:13px;}
.element div.element.actions div.actions-content {font-size:16px;height:25px;line-height: 20px;padding:2px 8px;border:none;background:#222}

body.mceContentBody p a, 
div.element div.description p a { color: #0f8abf; }

.bx-wrapper .bx-viewport {
    -moz-box-shadow: none;
    -webkit-box-shadow: none;
    box-shadow: none;
    border: none;
    left: -5px;
    background: none;
}

#banner{background: url(data/image/barretop.jpg) repeat-x; background-position: 0px 57px;}
#menu ul li{ background: url(data/image/Barremenu.png) top left no-repeat;}
#menu ul li a{ color: #189fdb;}
#menu ul li a:hover, 
#menu ul li a.active { color: #FFFFFF; }
#menu ul li ul li { background: url(data/image/submenu.png) bottom left no-repeat;}
#menu ul li ul li a{ background: url(data/image/submenu-item.png) 150px 5px no-repeat;}
#menu ul li ul a:hover,  
#menu ul li ul a.active { color: #189fdb; } 
.actions div.action span.actionDetails, .actions div.action span.actionDetails a {color:#ffffff;border: none;padding: 4px 10px;background: #000000;font-style:italic;font-size: 16px;}
iframe { border: solid 2px #bbbbbb;}
#footer{ background: url(data/image/footer.png) repeat-x;}
#footer ul li a {color: #ffffff; font-size: 1.0em;}
h1, h2,h3,div#divLogin div.fieldset legend {
    font-family: 'dosissemibold', sans-serif;
}

.style1 { background: url('data/image/line.png') top left no-repeat; min-height:119px; padding-left: 25px; }
.style1 div.listviewContent {background: url('data/image/shadow.png') bottom  no-repeat;}
.style1 div.picture img { max-width: 100%; max-height: 100%; border: 2px solid #189fdb; }
.style1.grey { background-image: url('data/image/line4.png'); }
.style1.grey div.picture img { border-color: #BBBBBB; }

/* Titre */
div.element.preview h2,
div.element.service.view h2,
div.account.view div.accountList h2,
div.detailChantier h2 {padding-left: 35px;background: url('data/image/puce1.png') left no-repeat; }
div.element.view h1,
div#divLogin div.fieldset legend,
div.element.news.view h1,
div.element.service.view h1,
div.account.view h1,
div.divPage h1 {padding-left: 35px;background: url('data/image/puce2.png') left no-repeat; }
div.detailChantier div.element.chantier.viewList div.element.chantier.listview h2 a,
div.divPage.divPrestations div.element.service.listview h2 a {color: #0f8abf;}

div.element.news.preview h3  {background: url('data/image/line3.png') bottom  left no-repeat;}
div.element.news.preview h3 a {color: #0f8abf;}

/* Fonds effets + ombres */
div#divLogin div.fieldset legend {font-size: 24px;}
div.account.view,
div.element.description.view div.description{background: url('data/image/box-bot.png') bottom center no-repeat}
div.divPage.divContact div.element.description.view div.description{background: none;}
div.element.description.view {background: url('data/image/box-top.png') top left no-repeat;}
div.divContact div.coordsAndForm {background: url('data/image/box-top.png') top right no-repeat;}
div.element.description.view.key-contact
div.element.chantier.view div.description,
div.detailChantier div.element.chantier.viewList div.element.chantier.listview {background: url('data/image/shadow.png') bottom  no-repeat;}
div.detailChantier div.element.chantier.viewList div.element.chantier.listview h2 {background: url('data/image/line3.png') bottom  left no-repeat;}
div.element.service.view div.description,
div.divPage.divWelcome div.element.news.previewList div.bx-wrapper  {background: url('data/image/shadow.png') bottom  no-repeat;}
div.element.news.listview.unpublished {background-image: url('data/image/line2.png');}

/* Boutons */
a.contact-us, 
a.logout,
div.divPage.divContact div.carte div.element.description.view div.description p small a, 
a.btn_define, 
a.readmore 
{ color: white; background: url(data/image/btn_sprite.png) repeat-x bottom left; line-height: 36px; height: 36px; padding: 0; position: relative; margin: 0 34px 0 46px; text-align: left; min-width: 0; width: auto; }
a.contact-us:before, 
a.logout:before,
div.divPage.divContact div.carte div.element.description.view div.description p small a:before, 
a.btn_define:before, 
a.readmore:before 
{ content: ''; position: absolute; width: 36px; height: 36px; left: -36px; top: 0; display: block;
  background: url(data/image/btn_sprite.png) repeat-x top left; }
a.contact-us:after, 
a.logout:after,
div.divPage.divContact div.carte div.element.description.view div.description p small a:after, 
a.btn_define:after, 
a.readmore:after 
{ content: ''; position: absolute; width: 24px; height: 36px; right: -24px; top: 0; display: block; 
  background: url(data/image/btn_sprite.png) repeat-x center right; }

/*a.contact-us, a.logout{color:#ffffff;background:url('data/image/btn2.png') bottom  left no-repeat;border:none;}*/
/*div.divPage.divContact div.carte div.element.description.view div.description p small a {color:#ffffff;background:url('data/image/btn2.png') bottom  left no-repeat;}*/
/*a.btn_define {color:#ffffff;background:url('data/image/btn3.png') bottom  left no-repeat;}*/
input.send,
input.connection
/*a.readmore*/ 
{border:none;cursor:pointer;color:#ffffff;background:url('data/image/btn.png') bottom  left no-repeat;}

/* Formulaire */
div.formulaire div.submit input {color:#ffffff;background:url('data/image/btn.png') bottom  left no-repeat;border:none;cursor:pointer;outline: none;}
div.formulaire div.submit input:hover {text-decoration: underline;}
div.formulaire form input, div.formulaire form textarea {color:#444444;border: solid 2px #bbbbbb;outline-color: #0f8abf;}


form.edit.editNews div.previewList div.preview2 { background: url('data/image/news-preview.png') top left no-repeat; }

/* Slider */
.bx-wrapper .bx-pager.bx-default-pager a {border-radius: 0px;background: url('data/image/puces_slider.png') -20px 0px no-repeat;}
.bx-wrapper .bx-pager.bx-default-pager a.active,
.bx-wrapper .bx-pager.bx-default-pager a:hover {background: url('data/image/puces_slider.png') 0px 0px no-repeat;}
.bx-wrapper .bx-prev {background: url('data/image/puces.png') -22px -5px no-repeat;}
.bx-wrapper .bx-next {background: url('data/image/puces.png') 3px -5px no-repeat;}
.bx-wrapper .bx-prev:hover {background: url('data/image/puces.png') -22px -35px no-repeat;}
.bx-wrapper .bx-next:hover {background: url('data/image/puces.png') 3px -35px no-repeat;}

/* Espace privé */
div.account.view div.accountList ul li.account.listview {list-style: url('data/image/puce_li.png');}
div.account.view span.phone {background:url('data/image/icon_tel.png') left no-repeat;display:inline-block;padding: 5px 0 5px 25px;}
div.account.view span.mail {background:url('data/image/icon_mail.png') left no-repeat;display:inline-block;padding: 5px 0 5px 25px;}
div.account.view div.content_account {background: url('data/image/box-top.png') top left no-repeat}

/* Bordure image */
div.element.view > a > img,
div.element.listview > a > img,
div.element.viewList > a > img,
img.imgBorder, 
div.element.chantier.galleryList img, 
div.pictureLike > a >  img {border:solid 2px #bbbbbb;}

span.error { color: #CC0000; }

/* Contact */
div.element.description.view.key-contact { background: none; }
div.element.description.view.key-contact div.description { padding: 0; }


table.accountList thead th { background: #000000; color: #189fdb; border-color: #000000; } 
/*table.accountList tr.odd td { background: #d9e2ff; }*/

table.accountList tbody tr:hover td { background: rgb(244, 246, 255); color: #000000;}
table.accountList tbody tr div.details-content {background: #2c2c2c; color: #ffffff; border-top: 2px #c4cadf solid; }
table.accountList tbody tr div.details-content p.name {border-bottom: 2px solid;}
table.accountList tbody tr div.details-content a { color: #189fdb; }
table.accountList tbody tr td.detail { background-image: url(data/image/icon/help.png); background-position: 10px 50%; background-repeat: no-repeat;}
table.accountList tbody tr td.actions a.accept { background-image: url(data/image/course-accept.png); } 
table.accountList tbody tr td.actions a.deny { background-image: url(data/image/course-deny.png); } 


table.accountList tbody tr td.actions a { background: url(data/image/icon/user.png) center center no-repeat transparent; }
table.accountList tbody tr td.actions a.deactivate{ background-image: url(data/image/icon/user_deactivate.png); } 
table.accountList tbody tr td.actions a.activate { background-image: url(data/image/icon/user_activate.png); } 
table.accountList tbody tr td.actions a.save { background-image: url(data/image/icon/user_save.png); } 
table.accountList tbody tr td.actions a.delete{ background-image: url(data/image/icon/user_delete.png); } 
table.accountList tbody tr td.detail > div { background: url(data/image/icon/user.png) no-repeat top right; }
table.accountList tbody tr.active-0 td.detail > div { background-image: url(data/image/icon/user_inactive.png); }
table.accountList tbody tr.active-0 td { background-color: lightgray; font-style: italic; color: gray; }
table.accountList tbody tr.active-0 td * { color: gray; }

table.accountList {border: solid 2px #c2c2c2; border-top: none; border-bottom: none; border-collapse: collapse;}
table.accountList th {font-weight: normal;}
table.accountList thead tr { font-size: 16px; color: #FFF;}
table.accountList thead tr th, table.accountList thead tr td { background: #2c2c2c; text-align: center;}
table.accountList tbody tr td, table.accountList tbody tr th {background: #ffffff; border-left:2px #c4cadf solid; border-right:2px #c4cadf solid; border-bottom: 2px #c4cadf solid;}

/**
 * A REPORTER : on va mettre ici tout ce qu'on pourra reprendre pour une version mobile friendly générique
 * ********************************************************************************************************** */

/*On n'affiche pas le menu de base*/
.slicknav_menu { display:none; }
@media screen and (max-width: 1080px) {
    /*On cache le menu basique et on affiche le menu slicknav*/
    #menu { display: none; }
    .slicknav_menu { display: block; }
    /*Menu au centre*/
    .slicknav_menu { text-align: center; background-color: #222; font-size: 1.5em; color: white; }
    .slicknav_menu a:link,
    .slicknav_menu a:visited { color: white; }
    .slicknav_menu .slicknav_nav { font-size: 1em; }
    .slicknav_menu .slicknav_menutxt { text-shadow: none; }
    .slicknav_menu > .slicknav_btn { float: none; overflow: hidden; display: inline-block; }
    .slicknav_menu ul > li > ul { background: #999999; }
    .slicknav_menu ul li:nth-child(odd) { background-color: #4c4c4c; }
    /*Eviter les depassements d'images*/
    div.description img { width: 95%; height: auto; max-height: 50vh; }
    /*Site en fluide*/
    body, 
    #site, 
    #page { width: auto; max-width: 1080px; margin: auto; }
    body { font-size: 34px; font-size: 3vw; }
    /* Titre */
    h1, h2, h3, h4, h5, h6 { text-align: left; } 
    /* Actions */
    div.actions div.action { display: inline-block; margin: 0 10px; }
    div.actions div.action img { width: 48px; padding: 10px; }
    /* Formaulaires */
    form { width: 90%; }
    form fieldset.fieldset input { width: 40%; height: 2em; }
    form fieldset.fieldset label { width: 40%; height: auto; }
    
    /*#modulebox-container { width: 95vw; max-width: 95vw; }*/
    #modulebox-close { height: 90px; width: 90px; background-size: 100% 100%; top: 0; margin-left: -90px; z-index: 1; background-image: url(data/image/icon/modulebox-close-90.png); }
}

/**
 * SPECIFIQUE : on va mettre ici tout ce qui concerne uniquement ce projet et ne sera pas réutilisé
 * ********************************************************************************************************** */
@media screen and (max-width: 1080px) {
    /*On cache l'illu dans le bandeau et on centre  l'icone menu */
    #banner img.illustration { display: none; }
    #banner a { margin: 0; }
    /* Carrousel d'actus */
    div.element.news.preview div.description { padding-right: 10px; max-height: 340px; line-height: normal; height: 80%; }
    div.element.news.previewList { width: auto; }
    /* Menu */
    .slicknav_menu div.account.preview { display: none; }
    /* Pour le background (cadre gris en haut et en bas) sur les descriptions */
    div.account.view div.content_account, 
    div.divContact div.coordsAndForm, 
    div.element.description.view { background-size: 105% auto; background-position: 50% -10px; }
    div.account.view, 
    div.element.description.view div.description { background-size: 105% auto; background-position: center bottom; }

    div.divPage.divContact div.carte div.element.description.view div.description p small a,
    div.divContact div.element.description.key-contact-map small a,
    form div.submit input.connection, 
    form div.submit input.send, 
    a.btn_define, 
    a.contact-us, 
    a.logout, 
    input.send, 
    input.connection, 
    a.readmore { padding: 12px 37px 18px 45px; width: auto; font-size: 1.5em;
                 background: url(data/image/btn.png) bottom left no-repeat; background-size: 100% 100%; 
    }
    div.divPage.divContact div.carte div.element.description.view div.description p small a:before,
    div.divContact div.element.description.key-contact-map small a:before,
    form div.submit input.connection:before, 
    form div.submit input.send:before, 
    a.btn_define:before, 
    a.contact-us:before, 
    a.logout, a.readmore:before,
    input.send:before, 
    input.connection:before, 
    a.readmore:before { display: none; }
    div.divPage.divContact div.carte div.element.description.view div.description p small a:after,
    div.divContact div.element.description.key-contact-map small a:after,
    form div.submit input.connection:after, 
    form div.submit input.send:after, 
    a.btn_define:after, 
    a.contact-us:after, 
    a.logout, a.readmore:after,
    input.send:after, 
    input.connection:after, 
    a.readmore:after { display: none; }

    form div.submit input.connection, 
    form div.submit input.send, 
    input.send, 
    input.connection { height: auto; font-size: 1em; }
    div.element.chantier.galleryList .bx-pager{bottom:-40px;}
    /** Page de contact */
    div.divContact div.coords { width: auto; float: none; }
    form.editContact label { display: inline-block; float: none; width: 30%; vertical-align: top; }

    /* Actus */
    div.element.news.preview h3 { font-size: 1.6em; }
    div.element.news.preview div.picture { width: 40%; }
    div.element.news.preview div.picture a { width: auto; height: auto; }
    div.element.news.preview div.picture a img { width: 95%; }
    div.element.news.view div.newsPicture.viewList.pictureLike { width: auto; margin: 10px 0; }
    div.element.news.view div.newsPicture.pictureLike a.image_chantier img { width: 200px; }
    div.element.news.listview div.description { overflow: visible; }
    div.element.news.listview div.picture { width: 40%; }
    div.element.news.listview div.picture a { width: auto; height: auto; }
    div.element.news.listview div.picture a img { width: 95%; height: auto; }
    div.element.news.listview div.bottom { overflow: hidden; text-align: center; }
    div.element.news.listview a.readmore { float: none; display: inline-block; }
    .style1 { background-size: 19px 80% ; }
    /* Presta */
    div.element.service.listview div.picture { width: 30%; }
    div.element.service.listview div.picture a { width: 100%; display: inline-block; }
    div.element.service.listview div.picture img { width: 95%; }
    div.element.service.listview div.descriptionContent { min-height: 0; margin-bottom: 10px; }
    div.element.service.listview div.description { overflow: visible; height: auto; line-height: none; font-size: 2.5vw; }
    div.element.service.listview a.readmore {  margin-right: 40%; }

}

/* Pour les tout pitits ecrans */
@media screen and (max-width: 650px) {
    /*body { font-size: 30px; }*/
    /* On cache les carrousels */
    div.element.chantier.galleryList { display: none; }
    div.element.news.previewList { display: none; }

}