/*
Theme Name: Divi Blog Alex
Theme URI: http://www.elegantthemes.com/gallery/divi/
Version: 5
Description: Smart. Flexible. Beautiful. Divi is the most powerful theme in our collection.
Author: Elegant Themes
Author URI: http://www.elegantthemes.com
Template:Divi
*/

/*------------------------------------------------*/
/*-----------------[RESET]------------------------*/
/*------------------------------------------------*/

/* http://meyerweb.com/eric/tools/css/reset/ */
/* v1.0 | 20080212 */

@import url("../Divi/style.css");

@font-face {
	font-family: 'Covered By Your Grace';
	font-style: normal;
	font-weight: 400;
	src: local('Covered By Your Grace'), local('CoveredByYourGrace'), url(http://themes.googleusercontent.com/static/fonts/coveredbyyourgrace/v4/6ozZp4BPlrbDRWPe3EBGAzcaOoGrwtJRci4wjFnSRpA.woff) format('woff');
}

/*-------------Body-------------------------------*/
.page #main-content { background-color: inherit;}
/*-------------End Body---------------------------*/

/*----------Header--------------------------------*/
#main-header.et-fixed-header{
	-webkit-box-shadow:none!important;
	box-shadow:none!important;
	-moz-box-shadow:none!important;
}
#main-header{
	-webkit-transition: background-color .4s,color .4s,transform .4s,opacity .4s, margin-top .4s ease-in-out;
    -moz-transition: background-color .4s,color .4s,transform .4s,opacity .4s, margin-top .4s ease-in-out;
    transition: background-color .4s,color .4s,transform .4s,opacity .4s, margin-top .4s ease-in-out;
}

.et_header_style_left #et-top-navigation, .et_header_style_split #et-top-navigation {
    padding-top: 15px!important;
}

#main-header {
	top: -3px; 
	padding: 0px 0 0 0;
	background-color: transparent;
	box-shadow: none;
}

#main-header .container {
	background-image: url("http://alexandre-toulon.com/wp-content/uploads/2025/12/alexandre_toulon_header.png"); 
	background-repeat : no-repeat; 
	background-clip: content-box; 
	background-position: 0; 
	background-size: 100% 100%; 
	height: 250px;
}
	
.et-fixed-header {
	margin: -100px 0 0 0 !important;
	box-shadow: none !important;
}

#et-top-navigation {
	margin-right:25px; 
	margin-top:157px; 
}

#logo {
	margin-left:70px; 
	max-height: none !important; 
	margin-top: 25px;
}

#top-menu li {
	font-family: 'Covered By Your Grace',cursive; 
	font-size: 32px; 
	font-weight: bold;
}

.et-fixed-header #top-menu li a:hover {color:#CFCF1B!important;}
#top-menu a:hover { color:#CFCF1B }
#top-menu li.current-menu-ancestor > a, #top-menu li.current-menu-item > a { color: #032B87 !important; }
#et_top_search { margin-top: 13px; }
#et_search_icon:before { font-size: 26px; font-weight: bold; top: 0px !important;}

nav#top-menu-nav {padding-top: 0 !important;}

/*----------Slider_Accueil------------------------*/
#slider_accueil, #texte_accueil, #blog_accueil, #portfolio_accueil{
	background-color:inherit;
}

.et_pb_blog_grid .et_pb_post {
	margin: 0 60px 60px 0; 
	width: 280px; 
	border: none; 
	float: left; 
	padding: 19px 19px 24px; 
	background-color: transparent; 
	background-size: 100% 100%; 
	background-image: url("http://preprod.alexandre-toulon.com/wp-content/uploads/2014/01/notes.png");
}
	
.et_pb_image_container {
	margin: 0px 0px 20px; 
}
	
/*Section Texte */
/*
#texte_accueil .et_pb_row{background-image: url("http://blog2.alexandre-toulon.com/files/2014/02/texte_developpeur_interactif.png"); background-position: center center; background-repeat: no-repeat; height: 365px;}
*/
#texte_accueil{
	background-size: 1200px 100%;
	height: 255px;
	background-position: 44% 0px;
}
#texte_accueil, #texte_accueil .et_pb_module{
	-webkit-transform: rotate(-1deg);
    -moz-transform: rotate(-1deg);
    -ms-transform: rotate(-1deg);
    -o-transform: rotate(-1deg);
    transform: rotate(-1deg);
}


/*Section Portfolio */
/*#portfolio_accueil .et_pb_row{background-image: url("http://blog3.alexandre-toulon.com/wp-content/uploads/2014/01/Nexus7.png"); background-position: center center; background-repeat: no-repeat; height: 670px;}*/
#portfolio_accueil .et_pb_row{background-image: url("http://preprod.alexandre-toulon.com/wp-content/uploads/2022/02/tablet-1576230.svg"); background-position: center center; background-repeat: no-repeat; height: 670px;}

#portfolio_accueil .et_pb_row .et_pb_column_4_4 { margin: 55px 0 0 230px; width: 660px;}
#portfolio_accueil .et_pb_row .et_pb_column_4_4 .et_pb_portfolio_grid .et_pb_portfolio_item { width:180px; margin: 0 40px 0 0;}
#portfolio_accueil .et_pb_portfolio_item h3, .post-meta { text-align: center; }

/*-----------------Page Contact------------------------------*/
#contactTel h2{
	padding-bottom: 15px;
}

#contactTel p span a{
	color:#fff!important;
}
#contactTel p span{
    height: 14px;
	padding-left:10px;
	padding-right:10px;
    padding-top: 7px;
    padding-bottom: 7px;
    background: rgba(189,173,160,0.6);
    border-radius: 3px;
	border: 2px solid rgba(189,173,160,0.6);
}

/*------------------------------------------------------------*/
/*-----------------Page Portfolio------------------------------*/
#portfolio_category .project{
    background-image: url(http://preprod.alexandre-toulon.com/wp-content/uploads/2022/02/smerrell-Polaroid.svg);
    height: 250px;
	transition: transform 330ms ease-in-out;
}
/*------------------------------------------------------------*/
/*-------------------[960px]------------------*/
@media only screen and (min-width: 1350px){
	.et_pb_section { padding: 40px 0 !important;}
	
	/*Page Portfolio*/
	#portfolio_category .project img {
		padding-top: 5%;
		width: 89%;
		margin: auto;
	}
	
	#portfolio_category .project .et_portfolio_image{
		vertical-align: middle;
		display: flex;
		height: 85%;
	}
	
	#portfolio_category .project .et_pb_module_header{
		margin-top:5px;
		text-overflow: ellipsis;
	}
	
	/*Page Projet*/
	.single-project h1.entry-title {
		font-family: 'Montserrat',Helvetica,Arial,Lucida,sans-serif;
		font-weight: 700!important;
		text-transform: uppercase;
		font-size: 60px!important;
		color: #353740;
		line-height: 1.3em;
	}
	
	.single-project #main-content {
		background-color: transparent !important;
	} 
	
}




/*-------------------[960px]------------------*/
@media only screen and ( min-width: 981px ) and ( max-width: 1100px ) {
	#logo {width:255px; height:197px;}
	#main-header .container {height:240px;}
	#et-top-navigation { margin-top:150px; }
}