/*
Theme Name: Jurislux
Theme URI: http://www.dg-communication.com
Description: Jurislux template
Version: 1.0
Author: Gaetan protin
Author URI: http://www.dg-communication.com
Tags: foundation, responsive, DG Communication

	Foundation
  http://www.dg-communication.com

*/
/*------ GENERAL ---------------------------------------------------------*/
.no-padding { padding:0; }
.no-margin { margin:0; }

.left { float: left; }
.right { float: right; }
.text-left { text-align: left; }
.text-right { text-align: right; }
.text-center { text-align: center; }
.hide { display: none; }
.highlight { background: #ffff99; }
#googlemap img, object, embed { max-width: none; }
#map_canvas embed { max-width: none; }
#map_canvas img { max-width: none; }
#map_canvas object { max-width: none; }

::-moz-selection { background:#D9DBDD; color:#798287; }
::selection { background: #D9DBDD; color:#798287; }

img { border:none; line-height:0; margin-bottom:-1px; }
.flexslider img { border:none; line-height:1; margin-bottom:0px;  }
.logo, .logo img, a > img { display:block; line-height:1; margin:auto; }

a { color:#4B4B4B; transition:all 300ms ease-in 0s; }
a:hover,a:active { color:#999; }
a:focus { color:#4B4B4B; }
.current-list-item a, .current-menu-item a, .current_page_item a, .current-page-ancestor a, .current-cat a, .current_page_parent a, .flex-active { font-weight:bold; }
p a { text-decoration:underline; }

/*------ COLOR FONT LIENS... ---------------------------------------------------------*/
body { background: url(images/fond.gif) repeat-x top left #fff; font-family:'Century gothic', 'Muli', sans-serif; color: #7A8287; font-size:12px; font-size:1.2rem; }

#logo {
	padding:20px 0;
	text-align:center;
}

@media only screen and (max-height: 648px) {

	#logo { padding:0; }
	#logo img { padding:0; height:80px; width:auto;  }

}

.debug { position:absolute; padding:10px; background:rgba(0,0,0,.5); color:#fff; top:0; left:0; z-index:99999; }

#navigation  {
	text-align:center;
	background:url(images/fond_menu.jpg) repeat-x top left #f9fbfa;
	border-top:1px solid #575659;
	border-bottom:1px solid #bababb;
}

#navigation .link-list  {
	text-align:center;
	float: none; 
	display: inline-block;
	margin:0;
	padding:0;
}
#navigation .link-list a  {
	 font-size:14px; font-size:1.4rem;
	padding:12px 0;
	display:block;
	text-transform:uppercase;
}
#sous-menu{ border-top:1px solid #575659; border-bottom:12px solid #7A8287; margin-top:0px; }
p {
	margin-bottom:5px;
	text-align:justify;
}
.flexslider { margin-bottom:0px; }
#contenu, .contenu {
	padding:32px 0 0;
	overflow : auto;
	height:373px;
}
#map_canvas { height:373px; }
@media only screen and (max-width: 767px) {

	#contenu, .contenu {
		padding:32px 0 0;
		overflow : auto;
		height:auto;
	}
	#map_canvas { height:200px; }

}
#sous-menu .link-list {
	padding:10px 0;
	margin:0;
}

#footer {
	color:#4B4B4B;
	font-size:14px; font-size:1.4rem;
	padding:10px 0;
}
#footer a {
	text-decoration:underline;
	padding:0 0 0 20px;
}

.link-list a > img { display:inline; vertical-align:middle; margin-right:5px; }
.link-list p > a { padding:0 10px 0 0; }

.flags { position:absolute; right:10px; top:10px; }
.flags a { float:left; margin:0 5px; opacity:.5; transition:opacity 300ms easz-in 0s; }
.flags a:hover { opacity:1; }
.flags a.active { opacity:1; }