/* ------------------------
HEADER : MENU (WIDGET SHORTCUT)
--------------------------*/

#header .widgetShortcutHeader{
	position:absolute;
	right:110px;
	height:26px;
	text-transform:uppercase;
	padding-top:52px;
	transition: all 0.3s ease 0s;
}

#header.small .widgetShortcutHeader{
	right:195px;
	padding-top:13px;
	transition: all 0.3s ease 0s;
}

#header .widgetShortcutHeader ul{
	padding:0;
	margin:0;
}

#header .widgetShortcutHeader ul li{
	display:inline-block;
	margin-right:32px;
	list-style:none;
}

#header .widgetShortcutHeader ul li a{
	font-size:15px;
	transition: all 0.15s ease 0s;
}

#header.small .widgetShortcutHeader ul li a{
	font-size:12px;
	transition: all 0.15s ease 0s;
}

#header .widgetShortcutHeader li.active a{
	color:#fff200;
}

#header .widgetShortcutHeader li.votre_projet{
	font-family:"GothamBold", Helvetica, Arial, sans-serif;
}


/* ------------------------
HEADER : SOCIAL MEDIA
--------------------------*/

#header .widgetSocialMedia{
	position:absolute;
	right:10px;
	height:26px;
	padding-top:50px;
	transition: all 0.3s ease 0s;
}

#header.small .widgetSocialMedia{
	right:95px;
	padding-top:12px;
	transition: all 0.3s ease 0s;
}

#header .widgetSocialMedia h4{
	display:none;
}

#header .widgetSocialMedia img{
	display:inline-block;
	margin-left:8px;
}


/* ------------------------
PAGES : MENU (WIDGET SHORTCUT)
--------------------------*/

#contents .widgetShortcutTools{
	width:80%;
	margin-bottom:70px;
}

#contents .widgetShortcutTools.wMenuRealisations{
	margin-bottom:55px;
}

#contents .widgetShortcutTools ul{
	font-size:0;
	padding:0;
	margin:0;
}

#contents .widgetShortcutTools ul li{
	display:inline-block;
	margin-right:10px;
	margin-left:0;
	margin-bottom:10px;
	list-style:none;
	font-family:"GothamBook", Helvetica, Arial, sans-serif;
	font-size:12px;
	text-transform:uppercase;
	letter-spacing:0.07em;
	padding-left:0;
}

#contents .widgetShortcutTools ul li a{
	display:inline-block;
	height:40px;
	line-height:40px;
	padding:0 15px;
	color:#585b5d;
	background:#e8ecee;
	text-decoration:none;
}

#contents .widgetShortcutTools ul li a:hover{
	background:#fff200;
}

#contents .widgetShortcutTools li.active a{
	background:#fff200;
}


/* ------------------------
EN DIRECT DU BLOG
--------------------------*/

#leftbar .widgetHighlightPosts{
	float:left;
	width:880px;
	margin:70px 10px 90px 10px;
	background:#ffffff;
}

#leftbar .widgetHighlightPosts h4{
	height:60px;
	line-height:60px;
	font-family:"GothamBook", Helvetica, Arial, sans-serif;
	font-size:16px;
	padding:0 25px;
	background:#fff200 url(/images/v3/bg-bzh.png) left top repeat-y;
	margin-bottom:0;
}

#leftbar .widgetHighlightPosts h4 a{
	text-decoration:none;
}

#leftbar .widgetHighlightPosts h4 a:hover{
	text-decoration:underline;
}

#leftbar .widgetHighlightPosts h4 span{
	display:inline-block;
	float:right;
	font-size:12px;
	letter-spacing:0.07em;
}

#leftbar .widgetHighlightPosts .widgetContainer{
	padding:25px 0;
}

#leftbar .widgetHighlightPosts .widgetHighlightPost{
	float:left;
	width:240px;
	min-height:400px;
	padding:0 26px;
	border-right:1px solid #ccd2d5;
}

#leftbar .widgetHighlightPosts .widgetHighlightPost:nth-child(n+3){
	border-right:none;
}

#leftbar .widgetTagCloudThumbnail{
	width:240px;
	height:140px;
	position:relative;
	overflow:hidden;
	margin-bottom:25px;
}

#leftbar .widgetTagCloudThumbnail img{
	max-width:240px;
}

#leftbar .widgetHighlightPosts .widgetTagCloudDate{
	font-family:"GothamLight", Helvetica, Arial, sans-serif;
	font-size:14px;
	text-transform:uppercase;	
}

#leftbar .widgetHighlightPosts h3{
	font-family:"GothamBold", Helvetica, Arial, sans-serif;
	font-size:16px;
	text-transform:uppercase;
	margin-bottom:10px;
}

#leftbar .widgetHighlightPosts .widgetTagCloudDescription{
	font-family:"GothamBookItalic", Helvetica, Arial, sans-serif;
	font-size:14px;
	line-height:1.4;
	margin-bottom:15px;
}

#leftbar .widgetHighlightPosts .widgetTagCloudDescription:before{
	content:"« ";
}

#leftbar .widgetHighlightPosts .widgetTagCloudDescription:after{
	content:" »";
}

#leftbar .widgetHighlightPosts h3 a{
	text-decoration:none;
}

#leftbar .widgetHighlightPosts h3 a:hover{
	text-decoration:underline;
	background:none;
}

#leftbar .widgetHighlightPosts a.bouton{
	height:34px;
	line-height:34px;
}


/* ------------------------
DERNIERS TWEETS
--------------------------*/

#leftbar .widgetTwitter{
	float:left;
	width:280px;
	margin:70px 10px 90px 10px;
}

#leftbar .widgetTwitter h4{
	height:60px;
	line-height:60px;
	font-family:"GothamBook", Helvetica, Arial, sans-serif;
	font-size:16px;
	padding:0 25px;
	background:#fff200 url(/images/v3/bg-bzh.png) left top repeat-y;
	margin-bottom:0;
}

#leftbar .widgetTwitter h4 a{
	text-decoration:none;
}

#leftbar .widgetTwitter h4 a:hover{
	text-decoration:underline;
}

#leftbar .widgetTwitter .widgetContainer{
	padding:25px;
	background:#292c2e;
}

#leftbar .widgetTwitter p{
	margin:0;
}

#leftbar .widgetTwitter a.twitter, 
#leftbar .widgetTwitter a.twitter:link, 
#leftbar .widgetTwitter a.twitter:visited{
	display:block;
	height:42px;
	line-height:42px;
	padding:0 15px;
	font-size:12px;
	text-align:center;
	text-transform:uppercase;
	color:#ffffff;
	background:#4b4e50;
	text-decoration:none;
	letter-spacing:0.07em;
}

#leftbar .widgetTwitter a.twitter:hover,
#leftbar .widgetTwitter a.twitter:active{
	color:#202122;
	background:#fff200;
}



/* ------------------------
FOOTER
--------------------------*/

#footer .widget{
	float:left;
	width:280px;
	margin:0 10px;
	padding-top:55px;
	margin-bottom:25px;
}

#footer .widget h4{
	font-family:"GothamBold", Helvetica, Arial, sans-serif;
	font-size:15px;
	color:#fff200;
	text-transform:uppercase;
	padding:0 25px;
	margin-bottom:20px;
}

#footer .widgetStartup h4{
	font-family:"GothamBook", Helvetica, Arial, sans-serif;
	color:#ffffff;
	text-transform:none;
	font-size:18px;
}

#footer .widget .widgetContainer{
	padding:0 25px;
}

#footer li{
	list-style:none;
}

#footer .widgetSocialMedia img{
	margin-right:8px;
}