@import url(http://fonts.googleapis.com/css?family=Oswald:400,300,700);
@import url(http://fonts.googleapis.com/css?family=Roboto:400,700,400italic);

/* ======================================================
    General
====================================================== */

body {
    background: url(../images/main-bg.png) 0 0 repeat;
    color: #666;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 21px;
}

h1, h2, h3 {
    color: #141F3B;
    font-family: Arial, Helvetica, sans-serif;
    text-transform: none;
    padding: 0;
    margin: 0 0 20px 0;
}

h1 {
    font-size: 30px;
}

h2 {
    font-size: 21px;
}

h3 {
    font-size: 14px;
}

p {
    padding: 0;
    margin: 0 0 10px 0;
}

a {
    color: #FF8813;
    text-decoration: none;
}

a:hover {
    color: #FF8813;
    text-decoration: underline;
}

a.link-orange { color: #FF8813!important; }
a.link-white { color: #FFF!important; }

textarea {
    overflow: auto;
}

hr {
    height: 1px;
    width: 100%;
    border: none;
    background-color: #141F3B;
    color: #141F3B;
}

ul {
    list-style: disc;
}

ul li {
    margin: 5px 0 5px 20px;
}

.container {position: relative;width: 960px;margin: 0 auto;padding: 0;}

.customBtn {border: 0;background: #141f3b;color: #FFF;font-size: 14px;font-family: 'Oswald', sans-serif;line-height: 21px;text-decoration: none;text-transform: uppercase;padding: 5px 12px;cursor: pointer;
    -webkit-transition: all 200ms linear;
    -moz-transition: all 200ms linear;
    -ms-transition: all 200ms linear;
    -o-transition: all 200ms linear;
    transition: all 200ms linear;
}
.customBtnSmall {padding: 0 12px;font-size: 12px;}
.customBtn:hover {color: #FF8813;}

#main { position: relative;z-index: 1000;}

/* ======================================================
    Header
====================================================== */

#header {background: url(../images/header-bg.png) center top repeat-x;position: absolute;height: 152px;width: 100%;z-index: 2000;}

#logo {margin-left: -25px;}
#logo a {display: block;}

#main-navigation {font-family: 'Oswald', sans-serif;font-weight: 400;font-size: 14px;line-height: 1;text-transform: uppercase;list-style: none;margin: 0;padding: 0;}
#main-navigation li {float: left;margin: 0;padding: 0;}
#main-navigation li a {display: block;color: #FFF;padding: 15px 8px 9px;}
#main-navigation li a.last-link {padding: 15px 0 9px 8px;}

#sub-navigation {
	font-family: 'Oswald', sans-serif;
	font-weight: 400;
	font-size: 16px;
	line-height: 1;
	text-transform: uppercase;
	list-style: none;
	margin: 30px 0 0 0;
	padding: 0;
	position: absolute;
	right: 0;
	top: 35px;
	width: 528px;
}

#sub-navigation li {color: #FF8813;float: left;margin: 0 0 0 30px;padding: 0;}
#sub-navigation li a {color: #FFF;}

.ddlink {
    position: relative;
    height: 42px;
    cursor: pointer;
}

.ddmenu {
    display: none;
    background: #10192F;
    position: absolute;
    top: 100%;
    left: -32px;
    min-width: 125px;
    list-style-type: none;
    margin: 0;
    padding: 10px 15px 15px 15px;
}

.ddmenu li {
    font-size: 13px;
    float: none!important;
    margin: 0 0 10px 15px!important;
}

.ddmenu li.cat-title {
    font-size: 16px;
    padding: 5px 0!important;
    margin: 0 0 10px 0!important;
}

.ddmenu li:last-child {
    margin: 0 0 0 15px!important;
}

/* ======================================================
    Banner
====================================================== */

.banner-container {position:relative;width:1920px;height:671px;left:-50%;}
#banner {position: relative;top: 5px;width: 100%;height: 675px;}
#banner .item {text-align: center;position: absolute;top: 0;left: 0;width: 100%;height: 675px;}
#banner .item .container {height: 675px;}
#banner .item .container .projet-left {position: absolute;bottom: 130px;left: 0;width:410px;text-align: left;height:102px;}
#banner .item .container .projet-right {position: absolute;bottom: 65px;right: 0;width:450px;text-align: left;height:102px;}
#banner .item .container .projet-left h2,
#banner .item .container .projet-right h2 {color: #FFF;font-family: 'Oswald', sans-serif;font-size: 36px;font-weight: 400;line-height: 48px;text-transform: uppercase;text-shadow: 1px 1px 5px #333;filter: dropshadow(color=#333333, offx=1, offy=1);margin: 4px 0 8px 0;}
#banner .item .container .projet-left .voir,
#banner .item .container .projet-right .voir {display: block;border: 1px solid #FFF;color: #FFF;font-family: 'Oswald', sans-serif;font-size: 13px;font-weight: 400;text-align: center;text-decoration: none;text-transform: uppercase;padding: 3px 0;width: 90px;}
#banner .item .container .projet-left .voir:hover,
#banner .item .container .projet-right .voir:hover { text-decoration: underline; }

#banner-int {position: relative;top: 5px;width: 100%;height:352px;margin-bottom: 40px;}
#banner-int .item {position: absolute;top: 0;left: 0;width: 100%;height: 352px; }
.banner-int-container {position: relative;width: 1920px;height:352px;left: -50%;}

.slideImg {position: absolute;top: 1px;left: 307px}

/* ======================================================
    Main
====================================================== */

#sidebar {float: left;width: 305px;}
#main-content {background: url(../images/shadow-int.png) 10px 0 no-repeat;float: left;width: 615px;padding-left: 40px; min-height: 620px;}

#contenu-accueil {background: url(../images/content-shadow.png) center bottom no-repeat;padding-bottom: 20px;}
#contenu-accueil .ribbon {width: 330px;margin-top:-20px;}
#contenu-accueil .content {font-size: 14px;font-family: 'Roboto', sans-serif;font-weight: 400;color: #141f3b;width: 590px;padding-left:40px;text-align: right;}
#contenu-accueil h1 {color: #141f3b;font-size: 30px;font-family: 'Oswald', sans-serif;line-height: 1.25;text-transform: uppercase;margin-top: 25px;}

#contact-form label {
    display: block;
}

#contact-form input[type=text] {
    width: 450px;
    padding: 5px;
}

#contact-form textarea {
    width: 450px;
    padding: 5px;
    resize: vertical;
}

/* ======================================================
    Réalisations (Home page)
====================================================== */

#realisations {background: #FFF;padding: 22px 0;}
.realisation {float: left;position: relative;width: 305px;height: 295px;margin-right: 22px;}
.realisation .caption {display: none;background: rgba(21,32,59,0.5);color: #FF8813;position: absolute;top: 0;left: 0;width: 305px;height: 295px;text-align: center;}
.realisation h3 {color: #FF8813;font-family: 'Oswald', sans-serif;font-size: 32px;font-weight: 400;line-height: 1;text-transform: none;margin: 85px 0 0 0;padding: 0;text-shadow: 3px 3px 20px #000000;filter: dropshadow(color=#000000, offx=3, offy=3);}
.realisation .ville { float:left; font-family: 'Oswald', sans-serif;font-size: 24px;font-weight: 400;line-height: 1;color: #FFF;text-transform: uppercase;margin: 15px 0 18px;text-shadow: 3px 3px 20px #000000;filter: dropshadow(color=#000000, offx=3, offy=3);}
.realisation a {border: 1px solid #FFF;color: #FF8813;font-family: 'Oswald', sans-serif;font-size: 12px;font-weight: 400;line-height: 1;text-transform: uppercase;text-align: center;display: block;padding: 6px 0;margin: 0 auto;width: 100px;}

.realisation-nav {position: absolute;top: 120px;left: 0;width: 100%;}
.realisation-nav .prevBtn, .realisation-nav .nextBtn {background-image: url(../images/slider-fleche.png);position: absolute;top: 0;width: 39px;height: 39px;text-indent: -9999px;}
.realisation-nav .prevBtn {background-position: 0 0;left: -59px;}
.realisation-nav .nextBtn {background-position: 39px 0;right: -59px;}
.ville {padding: 0 3px;text-align: center;width: 100%;}

.realisation.int {
    margin: 10px;
    width: 300px;
    height: 250px;
}

.realisation.int .caption {
    width: 300px;
    height: 250px;
}

.realisation.int .caption h3 {
    margin-top: 65px;
}

.project-carousel-nav {
    width: 83px;
}

.project-carousel-nav .prev, .project-carousel-nav .next {
    background-image: url(../images/slider-fleche.png);width: 39px;height: 39px;text-indent: -9999px;
}

.project-carousel-nav .prev {
    background-position: 39px 0;
}

.project-carousel-nav .next {
    background-position: 0 0;
}

.project-details{
    margin: 12px 0 20px;
}

.project-features {
    width: 100%;
    margin: 20px 0;
}

.project-features td {
    color: #141f3b;
    font-family: 'Oswald', sans-serif;
    font-size: 14px;
    font-weight: 400;
    line-height: 28px;
    width: 50%;
    vertical-align: middle;
}

.project-features .feature-title {
    text-transform: uppercase;
    color: #ff8813;
}

.project-cms-title {
    margin: 0 10px 20px;
    line-height: 1;
}

.project-cms-content {
    margin: 0 10px 20px 10px;
}

.project-thumbnail {
    float: left;
    display: block;
    margin: 10px;
    max-width: 300px;
}

/* ======================================================
    Nouvelles (Home page)
====================================================== */

#nouvelles {background: url(../images/news-shadow.png) center top no-repeat;padding: 40px 0;}
.nouvelle {float: left;width: 305px;margin-right: 22px;}
.nouvelle.last {margin-right: 0;}
.nouvelle .titre {color: #141f3b;font-family: "Comic Sans MS";font-size: 14px;font-weight: 400;line-height: 21px;text-transform: uppercase;margin: 0;}
.nouvelle .date {font-family: 'Roboto', sans-serif;font-weight: 700;font-size: 12px;line-height: 1;color: #ff8813;margin: 0 0 10px 0;}
.nouvelle .suite {display: block;border: 1px solid #ff8813;color: #141f3b;font-family: 'Oswald', sans-serif;font-size: 14px;font-weight: 400;line-height: 21px;max-width: 70px;text-align: center;text-transform: uppercase;margin-top: 10px;}
.nouvelle .suite:hover {text-decoration: underline;}

#news-list {
    list-style-type: none;
    margin: 0;
    padding: 0;
}

#news-list li {
    margin: 20px 0;
}

#news-list li .thumbnail {
    float: right;
    margin: 0 0 20px 20px;
}

/* ======================================================
    Footer
====================================================== */

#footer {background: #141F3B;color: #FFF;font-family: 'Oswald', sans-serif;font-size: 14px;line-height: 1;text-transform: uppercase;width: 100%;}
#footer ul {list-style: none;margin: 0;padding: 0;}
#footer ul li {margin: 0;}

#footer-logo {width: 305px;}
#footer-logo a {display: block;margin-left: -25px;margin-top: 20px;}

#footer-block-1 {width: 170px;}
#footer-block-1 ul, #footer-block-2 ul {padding: 35px 0;}
#footer-block-1 ul li, #footer-block-2 ul li {margin: 0 0 15px 0;}
#footer-block-1 ul {padding-left: 40px;}
#footer-block-2 ul {padding-left: 30px;}
#footer-block-1 ul li:last-child, #footer-block-2 ul li:last-child {margin-bottom: 0;}
#footer-block-1 ul li a, #footer-block-2 ul li a {color: #FFF;}
#footer-block-2 {width: 170px;}
#footer-block-3 {padding-top: 35px;padding-left:20px;}
#footer-block-3 h3 {color:#FFF;}
#footer-block-3 ul.nav-right {margin-left: 40px;}
#footer-block-3 ul li {padding-left: 25px;margin-bottom: 10px;font-weight: 300;}
#footer-block-3 ul li.first {background: url(../images/arrow-white.png) 0 2px no-repeat;padding-left: 15px;margin-bottom: 15px;font-weight: 400;}

#colophon {border-top: 1px solid #434C62;background: #10192F;color: #FFF;font-family: 'Oswald', sans-serif;font-weight: 300;font-size: 13px;line-height: 1;width: 100%;padding: 15px 0;}
#colophon p {margin: 0;padding: 0;}

/* ======================================================
    Helpers
====================================================== */

/* Floated images */
img.left  { float: left;margin: 0 20px 20px 0; }
img.right { float: right;margin: 0 0 20px 20px; }

/* Text alignment */
.text-left    { text-align: left; }
.text-right   { text-align: right; }
.text-justify { text-align: justify; }
.text-center  { text-align: center; }

/* Text notification */
.text-warning { color: #FF0000; }
.text-success { color: #008000; }

/* Floats */
.pull-left  { float: left; }
.pull-right { float: right; }

/* Clearfix (clear floats) */
.cf:before,
.cf:after { content: "";display: table; }
.cf:after { clear: both; }
.cf       { zoom: 1; /* For IE 6/7 (trigger hasLayout) */ }

/* Relative position */
.relative { position: relative; }
.fixed { position: fixed; }
.absolute { position: absolute; }

iframe[src="about:blank"] { display: none; }

/* ======================================================
    Minified Admin CSS
====================================================== */
.cb{clear:both}.redStar{color:red;font-size:10px}.msg_erreur,.msg_info,.msg_success,.msg_warning{border:1px solid;-moz-border-radius:10px;-webkit-border-radius:10px;border-radius:10px;-moz-box-shadow:0 0 5px #888;-webkit-box-shadow:0 0 5px#888;box-shadow:0 0 5px #888;width:auto!important;margin:0 0 10px!important;padding:15px 10px 15px 50px!important;background-repeat:no-repeat;background-position:10px 5px;text-align:left}.msg_info{color:#00529B;background-color:#BDE5F8;background-image:url(../images/messageBox/info.html)}.msg_success{color:#4F8A10;background-color:#DFF2BF;background-image:url(../images/messageBox/success.png)}.msg_warning{color:#9F6000;background-color:#FEEFB3;background-image:url(../images/messageBox/warning.png)}.msg_erreur{color:#D8000C;background-color:#FFBABA;background-image:url(../images/messageBox/error.png)}.erreur_loc{color:#C00;font-size:11px;font-style:italic}.autodatatableLight td{padding:5px;vertical-align:top}.autodatatableLight td.label{vertical-align:top;padding-top:10px}.autodatatable{border:1px solid #000;color:#3e3e3e}.autodatatable th{font-size:11px;border-bottom:1px solid #000;background-color:#e3e3e3;padding:5px;padding-right:15px;text-align:left}.autodatatable.rowHighlight tr:hover td{background-color:#dbe8ec}.autodatatable td{padding:5px;padding-right:15px;font-size:11px;text-align:left}.autodatatable .odd td,.autodatatable .row1 td{background-color:#f1f1f1}.autodatatable .even td,.autodatatable .row2 td{background-color:#fff}table input[type=text]{margin-top:4px;margin-bottom:4px}.autodatatable .adt-ctrl{list-style:none;margin:0;border-left:1px solid #aaa;padding:4px 0 0 10px;line-height:1}.autodatatable .adt-ctrl li{display:inline-block;vertical-align:top;margin:0 15px 0 0;padding:0 0 4px}.autodatatable .adt-ctrl-multiline li{display:block}.icon-active{background:url(../images/icon-active.html) 2px 2px no-repeat;width:19px;height:19px;display:block}.icon-inactive{background:url(../images/icon-inactive.html) 2px 2px no-repeat;width:19px;height:19px;display:block}.permissionField{list-style:none;margin:0;padding:0}.permissionField li{margin:0;padding:0;padding:2px 0}.permissionField li>ul{margin-left:25px}.permissionField input[type=checkbox],.permissionField label{vertical-align:middle}#user-groups .user-group-title{font-weight:700;padding-top:4px;font-size:14px}#user-groups .user-group-list-label{font-weight:700;font-size:12px}#user-groups .user-group-selected{margin-bottom:10px;margin-top:5px}#user-groups .user-group-selected li{line-height:1.9}#user-groups .user-group-center{margin-bottom:10px;border-bottom:1px solid #ccc;padding-bottom:10px}#user-groups .user-group-selected-label{width:300px;float:left}#user-groups .user-group-selected-remove{float:right}#user-groups{width:400px}.adminContent h2{font-size:18px!important}.blockIcon{float:left;width:60px;margin-right:10px}.blockContent{float:left;width:220px}.adminCategoryBlock{float:left;margin:0 10px 20px 0;width:32%}.adminCategoryBlock .adminCategoryIcon{float:left}.adminCategoryBlock .adminCategoryBlockContent{float:left;margin-left:13px}.adminCategoryBlock h2{border-bottom:1px solid;font-size:14px;font-weight:700;margin:0 0 8px 52px;padding:0 0 3px 8px}.adminBlock{min-height:100px;height:auto!important;height:100px}#adminNavBar{list-style:none;margin:0;padding:0;padding-top:6px;padding-bottom:12px}#adminNavBar li{display:inline;margin:0;padding:0;margin-right:10px}#adminNavBar li.right{float:right}.specialButton{display:block;border:1px solid #003;background:#03C;padding:5px;color:#FFF;text-decoration:none;float:left}.specialButton:hover{color:#FFF;text-decoration:none;background:#03F}.specialButtonSubmit{position:absolute;left:-9999px}.cover{padding-bottom:2px;display:block;position:relative;margin-top:-14px;margin-left:23px}#photoList2 li{padding:10px;margin:0}#photoList{list-style:none;margin:0;padding:0}#photoList li{padding:0;float:left;margin:5px;position:relative;width:178px}#photoList li .options{background:url(../images/white75percent.png) left top repeat;position:absolute;top:5px;right:5px;text-align:right;display:none}#photoList li:hover .options{display:block}#photoList li .options a{float:left}#photoList li .cover{background:url(../images/white75percent.png) left top repeat;color:#000;font-size:14px;font-weight:700;text-align:center;width:168px;position:absolute;bottom:5px;left:-18px;z-index:10;padding-top:5px;padding-bottom:5px}#photoList li a{display:block;background:url(../images/blank.html) left top repeat;text-decoration:none}#photoList li a:hover{text-decoration:none}#photoList li .thumbnail{width:178px}#global{position:relative;width:100%;min-width:960px;overflow:hidden}.pagination{padding:0;list-style:none;float:right;margin:20px 0}.pagination li{margin:0;padding:0;float:left}.pagination li a{display:block;padding:6px 8px 3px;color:#bc210a;text-decoration:none}.pagination li a:hover{text-decoration:none;color:#302C2D}.pagination li.current{background:#bc210a;color:#fff;padding:6px 8px 3px}.pagination li.break{padding:3px 8px}.pagination li.deactivated{padding:6px 8px 3px;color:#ccc}.fieldError{color:#C00;font-size:11px;font-style:italic}

#news-list{
    list-style: none;
}

.resBtn{
    text-transform: uppercase;
    width: 250px;
    height: 25px;
    border: 1px solid #000;
    text-align: center;
    padding-top: 5px;
}

.resBtn:hover {
    text-decoration: underline;
}

.widget-realisations{
    padding-bottom:20px;
}

.widget-realisations .firsta{
    color: #000;
    font-size: 13px;
    font-family: 'Oswald';
    padding-bottom: 20px;
    display: block;

}

.widget-realisations a:hover{
    text-decoration: none;
}

.lineWrap{
    width: 200px;
    margin: auto;
}

.oLine{
    height:2px;
    background: #ff8813;
    width: 100%;
    float:left;
}

.sideRes{
    padding: 0px 6px 6px 0px;
    float: left;
}