/*
 * EIFFAGE
 * NOM DU THEME : HEINRICH WALTER
 * DATE : 13/06/2013
 */

body {
	background: transparent url(../images/fonds/background.gif) top center;
}
.bodywrapper {
	background: transparent url(../images/fonds/background-top.png) top center no-repeat;
}


/* == FONTS ================================================================== */
/*
@font-face
{
	font-family:HN;
	src:url("../fonts/HelveticaNeue/helvcondensed.eot");
	src:local("Helvetica Medium Condensed"), url("../fonts/HelveticaNeue/helvcondensed.otf") format("truetype");
}
*/
/* == SPECIFIQUE ============================================================= */
#header .container_16 {
	background: #FFF url(./img/nav-bottom.gif) left 103px repeat-x;
}
/* == STYLES PAR DEFAUT DES CONTENUS ========================================= */

/*
 * H1 Réservé pour le logo, pas de surcharge autorisée.
 */

.bodywrapper #content h1.pageTitle {
	background-color: #1E5866;
	color: #FFF;
	font-family: HN, Arial, Helvetica, sans-serif;
	font-size: 20px; font-size: 2rem;
}
.bodywrapper #content h1.pageTitle:after { /* permet l'affichage de l'angle replié sous le bandeau, remplacer, pour le masquer, utiliser display: none; et/ou mettre un content:""; */
	content: none;
	display: none;
}
.bodywrapper #content h2,
.bodywrapper #content .titreEiffage {
	color: #1E5866;
	font-size: 18px; font-size: 1.8rem;
	font-weight: 700;
}
.bodywrapper #content h3,
.bodywrapper #content .sousTitreEiffage {
	color: #C6D21D;
	font-size: 14px; font-size: 1.4rem;
	font-weight: 700;
}
.bodywrapper #content h4 {
	font-size: 12px; font-size: 1.2rem;
}
.bodywrapper #content p {
	font-size: 13px; font-size: 1.3rem;
	color: #676565;
}
.bodywrapper #content ul {
	list-style-type: none;
}
.bodywrapper #content ol {
	list-style-type: none;	
	counter-reset: li;
}
.bodywrapper #content ul > li {
	color: #676565;
}
.bodywrapper ul > li:before {
	content: "▪";
	color: #C7D21E;
}
.bodywrapper #content .content-maincol ul > li:before {
	content: "\a";
	color: #C7D21E;
	display: block; height: 13px; width: 13px;
	background: url(./img/puce_niv1.png) -2px 2px no-repeat;
}
.bodywrapper #content .content-maincol ul > li > ul > li:before {
	content: ">";
	font-weight: bold;
	background: none;.
	font-size: 13px; font-size: 1.3rem;
}
.bodywrapper #content .content-maincol .eiffage_sitemap ul > li:before {
	background: none;
	content: none;
}
.bodywrapper #content .content-maincol ul.breadcrumb > li:before {
	content: ">";
	color: #1e5866;
	display: inline;
	background: none!important;
}
.bodywrapper #content .content-maincol ul.breadcrumb li:first-child:before {
	content: none;
}
.bodywrapper #content span.readmore,
.bodywrapper #content p.readmore a,
.bodywrapper p.topstoryreadmore a {
	background: url(./img/plus_blue.png) right 50% no-repeat;
	color:	#386f7c;
	font-size: 11px; font-size: 1.1rem;
}
.bodywrapper #content span.readmore,
.bodywrapper #content p.readmore a,
.bodywrapper .savoirPlus {
	background: url(./img/plus.png) right 50% no-repeat;
	color:	#c6d21d;
}
.bodywrapper .lien_image {
    margin-top: 65px;
    position: absolute;
    right: 5px;
    font-size: 11px; font-size: 1.1rem;
    background: url(../img/plus.png) right 50% no-repeat;
    padding-right: 12px;
}
.bodywrapper #content a {
	color: #1E5866;
}
.bodywrapper #content a:hover {
	text-decoration: underline;
}
.bodywrapper #content .topic_content a {
	text-decoration: underline;
}
.bodywrapper #content .topic_content a:hover {
	color: #1E5866;
}
.bodywrapper #content .topic_colored .topic_text {
	background: #F2F2F2;
}
.bodywrapper #content .topic_savoir_plus h2 {
	background-color: #1e5866;
	color: #FFF;
	font-size: 14px; font-size: 1.4rem;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
	padding: 3px 5px 3px 10px;
}
.bodywrapper #content .topic_savoir_plus h2:after { /* permet l'affichage de l'angle replié sous le bandeau, remplacer, pour le masquer, utiliser display: none; et/ou mettre un content:""; */
	content: none;
	display: none;
}

/* :not([role="presentation"]) à conserver pour ne pas modifier les styles Jahia */

.bodywrapper table:not([role="presentation"]) {
	font-size: 11px; font-size: 1.1rem;
}
.bodywrapper table:not([role="presentation"]) tr:nth-child(even) {
	background: #EEE;
}
.bodywrapper table:not([role="presentation"]) tr > th {
	background: #1E5866;
	color: #FFF;
}

/* == NAV ================================================================= */
.bodywrapper #navigation .grid_14 {
	width: 800px;
}
.bodywrapper #navigation .grid_2 {
	width: 120px;
}
.bodywrapper #nav .navbar ul.navmenu.level_1 > li,
.bodywrapper #rightNav .navbar ul.navmenu.level_1 > li {
	padding: 0 2px 3px;
}

.bodywrapper #nav .navbar ul.navmenu.level_1 > li > a,
.bodywrapper #rightNav .navbar ul.navmenu.level_1 > li > a {
	color: #3a4145;
	font-size: 16px; font-size: 1.6rem;
	font-family:  HN, Helvetica, Arial, sans-serif;
	padding: 2px;
}
.bodywrapper #nav .navbar ul.navmenu.level_1 > li.inPath > a,
.bodywrapper #nav .navbar ul.navmenu.level_1 li a:hover,
.bodywrapper #rightNav .navbar ul.navmenu.level_1 > li.inPath > a,
.bodywrapper #rightNav .navbar ul.navmenu.level_1 li a:hover {
	color: #386F7C;
	border-bottom: solid 3px #C7D21E;
}
.bodywrapper #nav .navbar ul.navmenu.level_1 li ul.navmenu.level_2,
.bodywrapper #rightNav .navbar ul.navmenu.level_1 li ul.navmenu.level_2 {
	border-left: 1px solid #dbdbdb;
	border-right: 1px solid #dbdbdb;
	box-shadow: none!important;
	margin-top: 7px;
	padding: 0!important;
}
.bodywrapper #nav .navbar ul.navmenu.level_1 li ul.navmenu.level_2 li,
.bodywrapper #rightNav .navbar ul.navmenu.level_1 li ul.navmenu.level_2 li {
	border-bottom: 1px solid #dbdbdb;
	margin: 0;
	padding: 4px;
}
.bodywrapper #nav .navbar ul.navmenu.level_1 li ul.navmenu.level_2 li a,
.bodywrapper #rightNav .navbar ul.navmenu.level_1 li ul.navmenu.level_2 li a {
	border-left: none;
	color: #6E6E6E;
	display: block;
	font-size: 12px; font-size: 1.2rem;
	font-weight: normal;
}
.bodywrapper #nav .navbar ul.navmenu.level_1 li ul.navmenu.level_2 li a:hover,
.bodywrapper #rightNav .navbar ul.navmenu.level_1 li ul.navmenu.level_2 li a:hover {
	border: none;
	color: #1E5866;
	font-weight: bold;
}
.bodywrapper #nav .navbar ul.navmenu.level_1 > li > a,
.bodywrapper #nav .navbar ul.navmenu.level_1 > li:first-child > a,
.bodywrapper #rightNav .navbar ul.navmenu.level_1 > li > a,
.bodywrapper #rightNav .navbar ul.navmenu.level_1 > li:first-child > a {
	padding: 2px 10px;
}
/*== LEFTNAV ================================================================== */
.bodywrapper #leftNav .navbar {
	background: transparent;
	border-top: 1px solid #d5d5d5
}
.bodywrapper #leftNav .navbar > ul > li {
	background: url(./img/menu-button.png) top left no-repeat;
	border-bottom: 1px solid #d5d5d5
}
.bodywrapper #leftNav .navbar > ul > li.selected,
.bodywrapper #leftNav .navbar > ul > li.inPath {
	background: url(./img/menu-button-current.png) top left no-repeat;
}
.bodywrapper #leftNav .navbar > ul > li:hover {
	background-color: transparent;
}
.bodywrapper #leftNav .navbar ul li a {
	border: none;
	color: #585858;
	padding: 9px 10px 8px 24px
}
.bodywrapper #leftNav .navbar > ul > li.selected > a,
.bodywrapper #leftNav .navbar > ul > li:hover,
.bodywrapper #leftNav .navbar ul li a:hover,
.bodywrapper #leftNav .navbar > ul > li.inPath > a,
.bodywrapper #leftNav .navbar .box-inner ul li a:hover,
.bodywrapper #leftNav .navbar .box-inner ul li.selected a {
	color: #1E5866;
}
.bodywrapper #leftNav .navbar .box-inner ul li a:hover {
	font-weight: bold;
}
.bodywrapper #leftNav .navbar .box-inner {
	border: none;
}
.bodywrapper #leftNav .navbar ul li a:hover,
.bodywrapper #leftNav .navbar > ul > li.selected > a,
.bodywrapper #leftNav .navbar > ul > li.inPath > a {
	background: none;
}
/*== CONTENT RIGHT NAV ======================================================== */
.bodywrapper .eiffagerightmenu {
	margin: 90px 0 30px;
}
.bodywrapper #content .eiffagerightmenu h3,
.bodywrapper .content-rightcol > span {
	background: #1E5866;
	font-family: Arial,Helvetica,sans-serif;
	font-size: 12px; font-size: 1.2rem;
	font-weight: bold;
	text-transform: uppercase;
}
.bodywrapper .eiffagerightmenu h3:after {
	content: none;
	display: none;
}
.bodywrapper .eiffagerightmenu .navbar > ul > li,
.bodywrapper .content-rightcol .navbar > ul > li {
	background: url(./img/btn-next.png) left -1px no-repeat;
	margin-left: 10px;
}
.bodywrapper #content .eiffagerightmenu .navbar > ul > li.selected,
.bodywrapper #content .content-rightcol .navbar > ul > li {
	background: url(./img/btn-curr.png) left -1px no-repeat;
}
.bodywrapper #content .eiffagerightmenu .navbar ul li a,
.bodywrapper  #content.content-rightcol .navbar ul li a {
	color: #585858;
	font-size: 12px; font-size: 1.2rem;
}
.bodywrapper #content .eiffagerightmenu .navbar > ul > li.selected > a,
.bodywrapper #content .eiffagerightmenu .navbar ul li a:hover,
.bodywrapper #content .content-rightcol .navbar ul > li.selected > a,
.bodywrapper #content .content-rightcol .navbar ul > li a:hover {
	color: #1e5866;
	font-weight: bold;
}
.bodywrapper .eiffagerightmenu .navbar > ul > li ul {
	margin: 5px 0;
}

.bodywrapper #content .content-maincol .eiffagerightmenu_top {
	border-bottom: 1px solid #C7D21E;
    border-top: 1px solid #C7D21E;
}
.bodywrapper #content .content-maincol .eiffagerightmenu_top ul > li:before {
	background: none;
}

.bodywrapper #content .eiffagerightmenu_top ul li.selected a,
.bodywrapper #content .eiffagerightmenu_top ul li a:hover {
    background: url(./img/arrowdown.png) no-repeat scroll center bottom rgba(0, 0, 0, 0);
    color: #1E5866;
    padding-bottom: 12px;
}

.bodywrapper .eiffagerightmenu_top ul li{
	border-right: 1px solid #1E5866;
}
.bodywrapper #content .eiffagerightmenu_top ul li {
	color: #585858;
}
.bodywrapper #content .eiffagerightmenu_top ul li.selected a,
.bodywrapper #leftNav .navbar .box-inner ul li a:hover, 
.bodywrapper #leftNav .navbar .box-inner ul li.selected a, 
.bodywrapper #leftNav .navbar .box-inner ul li.inPath a {
	color: #585858;
	font-weight: bold;
}
/* == BANNIERE ================ */
.bodywrapper #banner span.bannerTitle {
	background-image: url("./img/calque_corp.png");
    background-position: left bottom;
    color: #FFFFFF;
    left: 7px;
    line-height: 42px;
    padding-top: 55px;
}

/* == FIL D'ARIANE ============================================================ */

.bodywrapper #content .breadcrumb {
	font-size: 11px; font-size: 1.1rem;
}
.bodywrapper #content .breadcrumb li {
	color: #1e5866;
	font-weight: bold;
}
.bodywrapper #content .breadcrumb li:before {
	content: ">";
	color: #1e5866;
}
.bodywrapper #content .breadcrumb li a {
	color: #999;
	text-decoration: underline;
}
.bodywrapper #content .breadcrumb li a:hover {
	color:	#1e5866;
}

/* == PAGINATION ============================================================== */

.bodywrapper .eiffage_year_pagination {
	border-top: solid 1px #c6d21d;
	border-bottom: solid 1px #c6d21d;
}
.bodywrapper #content ul.eiffage_year_pagination li {
	border-right: solid 1px #DDD;
	position: relative;
}
.bodywrapper #content ul.eiffage_year_pagination li a {
	color: #949595;
	font-size: 11px; font-size: 1.1rem;
}
.bodywrapper #content ul.eiffage_year_pagination li a.current,
.bodywrapper #content ul.eiffage_year_pagination li a:hover {
	background: url(./img/arrowdown.png) bottom center no-repeat;
	color: #1E5866;
	padding-bottom: 14px;
}

/* == NEWS ==================================================================== */

.bodywrapper #content .news-resume .date,
.bodywrapper #content .news-full .date {
	color: #c6d21d;
	font-size: 12px; font-size: 1.2rem;
}
.bodywrapper #content .news-resume .image .legend {
	color: #617481;
	font-size: 11px; font-size: 1.1rem;
}

/* Bouton retour dans la vue complète d'une actualité */
.bodywrapper #content .news-full .backtolist a {
	background-color: #1E5866;
	color: #FFF;
	font-size: 12px; font-size: 1.2rem;
	font-weight: bold;
	text-align: right;
	text-transform: uppercase;
}
.bodywrapper #content .news-full .backtolist a:after { /* permet l'affichage de l'angle replié sous le bandeau, remplacer, pour le masquer, utiliser display: none; et/ou mettre un content:""; */
	border-top: 4px solid #741628;
	border-left: 5px solid transparent;
	content:"\a";
}

/* == COMMUNIQUES ============================================================= */

.bodywrapper #content .liste_pdf_communique .pdf_communique a:hover {
	color: #1e5866;
}
.bodywrapper #content .content-maincol ul.eiffage_year_pagination > li:before {
	background: none;
}

/* == PHOTOTHEQUE ============================================================= */
.bodywrapper #content .content-leftcol .phototheque h3 {
	background-color: #1E5866;
    color: #FFFFFF;
    background-image: url(./img/media_lib_title_top.png);
    background-repeat: no-repeat;
    background-position: 5px center;
    padding-bottom: 8px;
    padding-left: 35px;
    padding-top: 8px;
}

/* == PETITES ANNONCES ======================================================== */

.bodywrapper .annonces {
	border: solid 1px #e8dfd8;
}
.bodywrapper .annonce {
	border-bottom: solid 1px #e8dfd8;
}
.bodywrapper .annonce .sector {
	color: #1E5866;
	font-size: 14px; font-size: 1.4rem;
	font-weight: bold;
}
.bodywrapper .annonce .nom {
	font-weight: bold;
}
.bodywrapper .annonce .texte {
	color: #747474;
}
.bodywrapper #content .annonce .libelle a {
	background: #C7D21E;
	border: solid 1px #C7D21E; /* laisser au moins un border de 1px de la même couleur que le background */
	color: #FFF;
	font-weight: bold;
	text-align: center;
	text-transform: uppercase;
}
/* == A LA UNE ================================================================ */
.bodywrapper .a_la_une {
	background: url(./img/box-background.png) top right no-repeat;
}
.bodywrapper .a_la_une h2 {
	color: #386f7c;
	font-family: HN,Arial,Helvetica,sans-serif;
	font-size: 22px; font-size: 2.2rem;
	font-weight: normal;
	text-transform: uppercase;
}
.bodywrapper .a_la_une h2 span {
	text-transform: none;
	color: #000;
	display: block;
	font-family: HN,Arial,Helvetica,sans-serif;
    font-size: 18px;
}
.bodywrapper #a_la_une_slider {
	margin: 50px 0 10px;
}
.bodywrapper #a_la_une_slider h3 {
	color: #1E5866;
	font-size: 12px; font-size: 1.2rem;
	font-weight: bold;
}
.bodywrapper .a_la_une .flex-direction-nav {
	margin: -50px 0 0;
}
.bodywrapper #a_la_une_slider a.toutelactu_eiffage {
	display: none;
}
.bodywrapper #a_la_une_slider .topstoryparagraphe {
	color: #545454;
	font-size: 11px; font-size: 1.1rem;
	-webkit-hyphens: auto;
	-moz-hyphens: auto;
	-ms-hyphens: auto;
	-o-hyphens: auto;
	hyphens: auto;
	max-height: 70px;
}
.bodywrapper .flex-direction-nav a {
	background: url(./img/btn-prev.png) top left no-repeat;
	height: 18px;
	width: 18px;
}
.bodywrapper .flex-direction-nav a.flex-next {
	background: url(./img/btn-next.png) top right no-repeat;
	margin-left: 0;
}

/* == MES REALISATIONS ======================================================== */
.bodywrapper .nosrealisations {
	background: url(./img/box-background.png) top left no-repeat;
	height: 191px;
}
.bodywrapper #mainrealisation, .bodywrapper #realisations {
	background: none;
}
.bodywrapper .home_title_nosrealisations h2 {
	color: #000;
	font-size: 18px;
	font-weight: normal;
	font-family: HN,Arial,Helvetica,sans-serif;
    padding-left: 10px;
    padding-top: 8px;
}
.bodywrapper .home_title_nosrealisations h2 span {
	color: #386F7C;
	text-transform: uppercase;
	font-size: 20px;
	font-family: HN,Arial,Helvetica,sans-serif;
}
.bodywrapper #mainrealisation a.mainrealisationBottomWrapper {
	background-image: url(./img/masquenosrealisations.png);
	background-repeat: repeat;
    height: 25px;
    left: 2px;
    width: 216px;
}
.bodywrapper #mainrealisation div.mainrealisationTitleWrapper {
	text-align: left;
}
.bodywrapper #mainrealisation div.mainrealisationTitleWrapper div.arrow {
	background-image: url(./img/btn-next.png);
	right: 0;
}
.bodywrapper #mainrealisationTitle {
	color: #FFF;
	font-size: 14px; font-size: 1.4rem;
}
.bodywrapper #realisations ul li a {
	border: solid 1px #e8dfd8;
}
.bodywrapper #realisations ul li a:hover {
	border: solid 1px #000;
}

/* == FORMULAIRE ============================================================== */

.bodywrapper #content form label {
	font-size: 11px; font-size : 1.1rem;
}
.bodywrapper #content .divButton input.button,
.bodywrapper #content .divButton input[type="reset"],
.bodywrapper #content .divButton input[type="submit"] {
	background: #C7D21E;
	border: solid 1px #C7D21E; /* laisser au moins un border de 1px de la même couleur que le background */
	color: #fff;
	font-weight: bold;
}

/* == SITEMAP ================================================================= */
.bodywrapper #content .eiffage_sitemap > ul > li {
	padding: 0;
}
.bodywrapper .eiffage_sitemap > ul > li > a {
	background: url(./img/plan.png) top left no-repeat;
	color: #FFF!important;
	font-weight: bold;
	height: 30px;
	line-height: 30px; text-indent: 22px;
	padding: 1px 0 0 0;
	text-transform: uppercase;
}
.bodywrapper .eiffage_sitemap > ul > li > a:after { /* permet l'affichage de l'angle replié sous le bandeau, remplacer, pour le masquer, utiliser display: none; et/ou mettre un content:""; */
	content: none;
	display: none;
}
.bodywrapper #content .eiffage_sitemap ul li ul li a {
	background: url(./img/arrowright.png) left 3px no-repeat;
	color: #676C71;
	font-size: 12px; font-size: 1.2rem;
}
.bodywrapper #content .eiffage_sitemap ul li ul li a:hover {
	color: #1E5866;
	text-decoration: none;
}

/* == RECHERCHE =========================================================== */

.bodywrapper .resultsList h4 {
	font-size: 12px; font-size: 1.2rem;
}
.bodywrapper .resultsList ol > li:nth-child(odd) {
	background: #F1F1F1;
}
.bodywrapper .resultsList .searchHighlightedText {
	font-size: 12px; font-size: 1.2rem;
}

/* == PIED DE PAGE ======================================================== */

.bodywrapper #footer a {
	color: #696969;
}
.bodywrapper #footer a:hover {
	color: #1E5866;
}
.bodywrapper #footer .grid_6 {
	width: 270px;
	font-size: 12px; font-size: 1.2rem;
	color: #696969;
}
.bodywrapper #footer .grid_10 {
	width: 650px;
}

.bodywrapper #content .container_16 .content-leftcol .topic_width_030{
	float:none !important;
}