/* 
 Theme Name:     Divi Ville V2
 Author:         Brice
 Template:       Divi
 Version:        1.0 
*/ 


/* ----------- PUT YOUR CUSTOM CSS BELOW THIS LINE -- DO NOT EDIT ABOVE THIS LINE --------------------------- */ 

/******* modifie les colonnes de la page d'accueil *********/

#divdrag {
	height:100px;
	overflow:hidden;
}

#divdrag .et_pb_blurb_content{
	height:100px;
	
}
#divdrag .et_pb_blurb_container{
	padding-left:2px;
	padding-right:2px;
}

.articleDossier .title-dossier, 
#divdrag .et_pb_module,
.articleActualite .title-actualite{
	transition: .3s ease-in-out;
}

.articleDossier:hover .title-dossier{
	background:#adadad;
}



.articleActualite:hover .title-actualite{
	background:#91bdd3;
}

.articleActualite img, .articleDossier img{
	opacity: 1;
	-webkit-transition: .3s ease-in-out;
	transition: .3s ease-in-out;
}

.articleActualite:hover img, .articleDossier:hover img{
	opacity: .5;
}




h3{
	padding:10px 15px 0 15px;
}


	.et_pb_gutters3 .et_pb_column_2_3 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_2_3 .et_pb_module,
	.et_pb_gutters3 .et_pb_column_1_3 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_1_3 .et_pb_module,
	.et_pb_gutters3 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters3.et_pb_row .et_pb_column_4_4 .et_pb_module{
		margin-bottom:10px;
	}

@media (max-width: 979px) and (min-width: 768px){
	.articleDossier img{
		min-height:191px;
	}
	
	#btn-dossier{
		margin-right:15px;
	}
}

@media (min-width: 981px){
	
	
	.articleDossier img{
		min-height:200px;
	}
	
	.container.containerDossier{
		width: 103%!important;
	}
	
	.et_pb_gutters3 .et_pb_column_1_3, .et_pb_gutters3.et_pb_row .et_pb_column_1_3{
		width: 30.867%;
	}
	
	.et_pb_gutters3 .et_pb_column, .et_pb_gutters3.et_pb_row .et_pb_column {
		margin-right: 3.2%;
	}
	
	.et_pb_gutters2 .et_pb_column_1_4, .et_pb_gutters2.et_pb_row .et_pb_column_1_4{
		width: 21.75%
	}
}


.et_pb_row {
    position: relative;
    width: 100%;
    max-width: 1080px;
    margin: auto;
}
/******* fin modifie les colonnes de la page d'accueil ******/




.title-dossier, .title-actualite{
	display:block;
	background:#878787;
	color:white;
	height:65px;
	padding:5px;
	text-align:center;
	font-size:1.3em;
	margin-bottom:20px;
}
 .title-actualite{
	background:#2f4269;
 }


.et_pb_gutter.et_pb_gutters2 #left-area {
	width:100%;
}

.et_pb_column .et_pb_row_inner, .et_pb_row{
	padding-top:0;
}

.et_pb_gutters2 .et_pb_column_4_4 .et_pb_module, .et_pb_gutters2.et_pb_row .et_pb_column_4_4 .et_pb_module{
	margin-bottom:0;
}


.single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{
		width:100%;
		padding-top:0;
		max-width:1200px;;
}
.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, .et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row{
	width:100%;
}

article .single.et_pb_pagebuilder_layout.et_full_width_page .et_post_meta_wrapper{
	padding-top:0;
}

#main-content .container {
    padding-top: 0px;;
	width:100%;
}

#et_top_search {
    margin: 11px 0 0 22px;
}

#SOUS-MENU-AUTRES #divdrag{
	/*padding:0 40px;*/
	border-top:1px solid #fff;;
	padding:0;
}

#	 .et_pb_module{
	margin:0 0 15px 0;
}


#divdrag .et_pb_main_blurb_image{
	margin:15px 0 0 0;
}

#divdrag .et_pb_blurb_content{
	border-left:1px solid #fff;
}

#divdrag .et_pb_module:first-child > .et_pb_blurb_content{
	border:none;
}

#divdrag .et_pb_module:first-child  .et_pb_blurb_content{
	border:none;
}


.image-haut .et_pb_module.et_pb_image.et_pb_image_0{
	height:200px;
	background-position:center;
}

#SOUS-MENU-AUTRES{
	margin-top:50px;
}

#SOUS-MENU-AUTRES #divdrag{
	width:100%;

}
/* met le logo fond bleu, si fenêtre de moins de 980px, on passe au fond blanc */
#logo{
	content:url("https://www.ville-troyes.fr/wp-content/uploads/2019/06/logo_fond.png");
}
	
#divdrag{
		padding: 0 15px;
}

@media (max-width: 980px) {
	#divdrag:before {
		z-index: 40;
		content: '';
		position: absolute;
		top: 0;
		left:  0;
		display: block;
		width: 1.25rem;
		height: 100px;;
		background: linear-gradient(to left,transparent 0%,rgba(0,0,0,0.5) 100%);
	}
	#divdrag:after {
		z-index: 40;
		content: '';
		position: absolute;
		top: 0;
		right: 0;
		display: block;
		width: 1.25rem;
		height: 100px;
		background: linear-gradient(to right,transparent 0%,rgba(0,0,0,0.5) 100%);
		visibility:visible;
	}
	
	
	.et_pb_column .et_pb_row_inner, .et_pb_row{
		padding:0;
	}
	
	
	/*fil d'arianne */
	#breadcrumbs{
		padding-left:5px;
	}
	
	#logo{
		content:url("https://www.ville-troyes.fr/logo_troyes_bleu/");
	}
	
	.et_fixed_nav.et_show_nav #page-container {
		padding-top: 73px !important;
	}

	
	#divdrag{
		border-top:1px solid #fff;;
	}
	
	.et_pb_pagebuilder_layout.single.et_full_width_page #page-container .et_pb_row, .et_pb_pagebuilder_layout.single.et_full_width_portfolio_page #page-container .et_pb_row {
		width:100%;
	}
	
	
		
	.et_pb_module.et_pb_image et_pb_image_0{
		display:none;
	}	
		
	#divdrag {
		margin-top: 52px!important;	
	}
	
	
	#et-main-area > .et_pb_section:first-child > .et_pb_fullwidth_image_0{
		display:none;
	}
	
	#et-main-area > .et_pb_section + .et_pb_section{
		margin-top:30px;
	}

	#top-header{
			
			margin:0;
			padding:0;
	}
	#top-header .et_pb_text_align_right {
		text-align:center;
	}
	
	
	
	
	
	.et_pb_section {
		padding:0;
	}
	
	.et_pb_main_blurb_image{
		margin: 5px 0 0 0 ;
	}
	
	#et_top_search {
		margin: 0px 0 0 22px;
	}
	
	#divdrag{
		padding:0;
	}
	
}

.et_header_style_left .logo_container{
		width:auto;
		height: 62px;
	}
	
	#main-header .et_menu_container{
		margin:0 auto;
		padding:0;
	}


span.logo_helper{
	display:none;
}
#main-header{
	
}

#main-header > div:first-child{
	padding:0;
	width:100%;
}

/* hide default footer */
#footer-bottom {
        display: none;
		}
		
/* titre souligné */
h1.entry-title {
    border-bottom: solid 3px #f26101;
    padding-bottom: 5px;
}

/* ordre colonnes sur mobile */
@media all and (max-width: 980px) {
   /* envelopper la rangée dans une flexbox */
   .custom_row {
      display: -webkit-box;
      display: -moz-box;
      display: -ms-flexbox;
      display: -webkit-flex;
      display: flex;
      -webkit-flex-wrap: wrap; /* Safari 6.1+ */
      flex-wrap: wrap;
   }
   /* classes personnalisées qui désigneront l'ordre
   des colonnes dans la ligne de la flexbox */
   .first-on-mobile {
      -webkit-order: 1;
      order: 1;
   }
   .second-on-mobile {
      -webkit-order: 2;
      order: 2;
   }
   .third-on-mobile {
      -webkit-order: 3;
      order: 3;
   }
   .fourth-on-mobile {
      -webkit-order: 4;
      order: 4;
   }
	.fifth-on-mobile {
      -webkit-order: 5;
      order: 5;
   }
   /* ajoute une marge à la dernière colonne */
   .custom_row:last-child .et_pb_column:last-child {
      margin-bottom: 10px;
   }
}

/* sidebar */

#sidebar ul li a {outline:none;}
#sidebar ul:first-child>li:first-child>a {font-size: 20px;font-family:'Titillium Web',sans-serif;color: #000000;}
#sidebar ul:first-child>li:first-child.current_page_item a {background-color:#ffffff;color:#000000;}
#sidebar ul li ul.children {display:none;}
#sidebar ul li ul.children a {border:0;}
#sidebar ul li.current_page_parent>.children {display:block;}
#sidebar ul li {text-align: center;}
#sidebar ul li ul li {margin-left:0;margin-bottom:2px;}
#sidebar ul li ul li a {display:block;width:100%;color:#304269;padding:5px 5px;border-bottom:solid 1px #304269;}
#sidebar ul li ul.children li a {background-color: #91bed4;}
#sidebar ul li ul li a:hover,#sidebar .current_page_item a  {background-color:#304269;color:#ffffff;text-decoration: none !important;}
#sidebar ul li ul li.current_page_item a {background-color:#304269;color:#ffffff;}
#sidebar>ul>li,#sidebar .child-sidebar-menu>li {margin-left:0;margin-bottom:0;}
#sidebar .child-sidebar-menu>li.has_children>a:after  {content: url(images/css/arrow_menu.png);display: inline-block;width: 15px;height: 15px;vertical-align: top;margin: 3px 0 0 3px;}
#sidebar .child-sidebar-menu>li.has_children>a:hover:after  {content: url(images/css/arrow_menu_hover.png)}
#main-content .container:before{display:none !important;}
.et_pb_section #sidebar {width:100% !important;}
.et_pb_section.container .et_pb_row  {padding-left: 15px;padding-right: 15px;}
.et_pb_section.container .no-padding.right-sidebar {padding-top:0;}
#sidebar .current_page_ancestor {margin: 1.2em 0;}







/* Fil d'Ariane */
#section-breadcrumbs {
  padding: 20px 0 5px 0 !important;
}
#section-breadcrumbs .et_pb_row {
  padding: 0 !important;
}

/* menu blurb */
.dix-colonnes .et_pb_module {width: 10%; float: left;}

/* logo */
 
#top-header {z-index: 99999;}
 
#logo {
    max-height: 220%;
    margin-top: -46px;
    z-index: 100000;
}
 
@media only screen and (max-width : 980px) {
    #logo { margin-top: 0px}}
	
/* menu souligne */
#top-menu .current-menu-item a::before,
#top-menu .current_page_item a::before {
 content: "";
 position: absolute;
 z-index: 2;
 left: 0;
 right: 0;
}
#top-menu li a:before {
 content: "";
 position: absolute;
 z-index: -2;
 left: 0;
 right: 100%;
 bottom: 40%;
 background: #304269; 
 height: 3px; 
}
#top-menu li a:hover {
 opacity: 1 !important;
}
#top-menu li a:hover:before {
 right: 0;
}
#top-menu li li a:before {
 bottom: 10%;
}

/* menu sans fleche  */
#et-secondary-nav .menu-item-has-children>a:first-child:after, #top-menu .menu-item-has-children>a:first-child:after {
content: "" !important;
}

/* cc child pages */
.simple .ccchildpage {
    background: #eee;
    background: -moz-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%, rgba(0, 0, 0, 0.3)), color-stop(100%, rgba(0, 0, 0, 0.1)));
    background: -webkit-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -o-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: -ms-linear-gradient(top, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
    background: linear-gradient(to bottom, rgba(0, 0, 0, 0.3) 0%, rgba(0, 0, 0, 0.1) 100%);
    -webkit-border-radius: 0px !important;
    -moz-border-radius: 0px !important;
    border-radius: 0px !important;
    color: #333;
}
header#main-header.et-fixed-header, #main-header{
	-webkit-box-shadow:none !important;
	-moz-box-shadow:none !important;
	box-shadow:none !important;
}

/* Liste a puce */
ul li, ol li {
    list-style-position: inside;
}

/* menu */
@media (max-width: 1106px) {
 #et_mobile_nav_menu {
 display: block;
 }
 
#top-menu {
 display: none;
 }
 }

/* fond page fille */
#et-boc > div > div > div > div > div.et_pb_module.et_pb_text.titre-fille.et_pb_bg_layout_light.et_pb_text_align_left {
	background-color: #91bed4;
}

/* liens footer */
.footer a {
    color: #fff !important;
}

/* offre emplois */
.postuler {
	margin-top: 15px;
}

.entry-content {
	padding-top: 0px !important;
}

.des_poste {
	margin-top: 20px;
}

/* largeur menu */
#top-menu li li a {
    width: 440px;
}

.nav li ul {
    width: 480px;
}

#menu-item-3430 > ul {
    right: -40px!important;
    left: auto!important;
}

#menu-item-3429 > ul {
    right: -165px!important;
    left: auto!important;
}

/* répondre à une offre champs non-editables */

#offre_2975, #numero_offre_2975 {
  pointer-events: none;
}

/* pages filles */
.pagefille {
    text-align: center;
    margin-top: 15px;
}

.pagefille  h4 {
	background-color: #91bed4;
	color: #ffffff;
	padding-top: 10px;
}