/*
Theme Name: foundation base
Theme URI: http://www.dg-communication.com
Description: Foundation wordpress
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; }
.clear { clear:both; }
.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 {margin-bottom: 20px; border:2px solid #5E5D61; box-shadow: 0 1px 3px rgba(0,0,0,0.35); }
#map_canvas embed { max-width: none; }
#map_canvas img { max-width: none; }
#map_canvas object { max-width: none; }

::-moz-selection { background:#DE5903; color:white; }
::selection { background: #DE5903; color:white; }

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

/*------ COLOR FONT LIENS... ---------------------------------------------------------*/
body { background: url(images/fond_dots.jpg); font-family: 'Open Sans', sans-serif; color: #5e5d61; font-size:14px;  }

h1,h2,h3,h4 { font-weight:300; color:#DE5903; }
h1 { font-size:30px; }
p { text-align: justify; }

#header, #contenu {
	margin-bottom:20px;
}

/* -- links */

/* default */
a { color:#de5903; }
a:hover { color:#182229; }
a:active, a:focus { color:#647582; }

/* p */
p a { text-decoration:underline; transition:all 0.4s ease; } 
	p a:active { position:relative; top:1px; }
	
/* panel */
.panel-dark a { color:#5e5d61; }
	.panel-dark a:hover { color:#1d1d1b; }
.panel-light a { color:#647582; }
	.panel-light a:hover { color:#3d5363; }
.panel a { color:#de5903; transition:all 0.4s ease; }
	.panel a:hover { color:#182229; }
	
/* button */
a.button, input.button, button.button { color:#fff; background:#3D5363; border: 1px solid #5a2b47; }
	a.button:hover, input.button:hover, button.button:hover { background:#516573; color:#fff; }
	a.button:active, input.button:active, button.button:active,a.button:focus, input.button:focus, button.button:focus { background:#647582; }
	
/* button secondary*/
a.button.secondary, input.button.secondary, button.button.secondary { color:#3D5363; background:#d6e4ab; border: 1px solid #89926d; }
	a.button.secondary:hover, input.button.secondary:hover, button.button.secondary:hover { background:#d6e4ab; color:#3D5363; }
	a.button.secondary:active, input.button.secondary:active, button.button.secondary:active,a.button.secondary:focus, input.button.secondary:focus, button.button.secondary:focus { background:#d6e4ab; }
	
/* button success*/
a.button.success, input.button.success, button.button.success { color:#fff; background:#63c710; border: 1px solid #3f7f0a; }
	a.button.success:hover, input.button.success:hover, button.button.success:hover { background:#73cd28; color:#fff; }
	a.button.success:active, input.button.success:active, button.button.success:active,a.button.success:focus, input.button.success:focus, button.button.success:focus { background:#73cd28; }
	
/* button alert*/
a.button.alert, input.button.alert, button.button.alert { color:#fff; background:#e91515; border: 1px solid #950d0d; }
	a.button.alert:hover, input.button.alert:hover, button.button.alert:hover { background:#eb2d2d; color:#fff; }
	a.button.alert:active, input.button.alert:active, button.button.alert:active,a.button.alert:focus, input.button.alert:focus, button.button.alert:focus { background:#eb2d2d; }

/*------ ELEMENT ---------------------------------------------------------*/

/* slider */
.flex-direction-nav a {width: 30px; height: 30px; margin: -20px 0 0; display: block; background: url(images/tools/bg_direction_nav.png) no-repeat 0 0; position: absolute; top: 50%; cursor: pointer; text-indent: -9999px; opacity: 0; -webkit-transition: all .3s ease;}
.flex-direction-nav .flex-next {background-position: 100% 0; right: -36px; }
.flex-direction-nav .flex-prev {left: -36px;}
.flex-control-nav { position:absolute; bottom:5px; }
.flex-control-paging li a { background: #303030;}
.flex-control-paging li a:hover { background: #de5903;}
.flex-control-paging li a.flex-active { background: #de5903; cursor: default; }
.flex-caption { position:absolute; width:320px; z-index:400; padding:10px; top:65%; left:50%; margin-left:-160px; background:#fff; background:url(images/fond_dots.jpg); }
.flex-caption h4 { color:#de5903; font-weight:300; font-size:25px; border-bottom: 1px solid rgba(0,0,0,.10); padding-bottom:5px; margin-bottom: 5px; }
.flex-caption p { margin-bottom:0; font-size:16px; }
@media only screen and (max-width: 450px) { .flex-caption{ display:none; } }

/*--- panel */
.panel,.panel-dark,.panel-light { background:#ececec; padding:10px; margin-bottom:10px; color:#545454; }
.panel-dark { background:url(images/fond_dots.jpg); color:#5e5d61; }
.panel-light { background:#E64710; color:#E64710; }
.panel.oversized, .panel-dark.oversized, .panel-light.oversized { padding:20px; font-size:20px; font-size:2.0rem; font-weight:300; }
.panel .oversized-icon, .panel-dark .oversized-icon, .panel-light .oversized-icon { font-size:100px; font-size:10rem; text-align:center; }
.panel.shadow, .panel-dark.shadow, .panel-light.shadow { -webkit-box-shadow:0 2px 2px rgba(0,0,0,.3); -moz-box-shadow:0 2px 2px rgba(0,0,0,.3); box-shadow:0 2px 2px rgba(0,0,0,.3); }
.panel.radius, .panel-dark.radius, .panel-light.radius { -webkit-border-radius:5px; -moz-border-radius:5px; border-radius:5px; }
.panel.border { border:1px solid #bfbfbf; }
.panel-light.border { border:1px solid #abb689; }
.panel-dark.border { border:1px solid #31424f; }
.panel.no-padding, .panel-light.no-padding, .panel-dark.no-padding { padding:0; }
.panel.no-margin, .panel-light.no-margin, .panel-dark.no-margin { margin:0; }

/*-- block-list */
.list-bloc img { width:100%; height:auto; }
.list-bloc h3 { margin:0; }
.list-bloc .panel.no-padding .info-bloc { padding:10px; }
.list-bloc .button-bloc { padding:10px 0 0; }
.list-bloc .panel.no-padding .button-bloc { padding:10px; }

/* pastille */
.pastille > span { font-weight:600; color:#fff; text-shadow:0 1px 0 rgba(0,0,0,0.5);  }
.pastille .nouveau { background:#2BA6CB; }
.pastille .promotion { background:#207d99; }
.pastille .offre { background:#63C710; }

/* price-tag */
.price-tag { padding:5px 10px; background:#EFEFEF; font-size:16px; font-size:1.6rem; }
.price-tag.dark { background:#3D5363; color:#fff; }
.price-tag.light { background:#D6E4AB; color:#3D5363; }

/* hover */
.hover { background:url(../images/tools/hover.png) repeat top left; }
.hover.complet { bottom:0; }
.hover.complet a { display:block; text-align:center; color:#fff; padding:20px 0; font-size:25px; font-weight:300; text-transform:uppercase; }
.hover.complet a:hover { text-decoration:underline; }
.hover.moitie { height:20%; bottom:0; }
.hover.moitie a { display:block; width:50%; float:left; margin-top:7px; text-align:center; font-size:20px; font-weight:300; text-transform:uppercase; color:#fff; }
.hover.moitie a:hover { text-decoration:underline; }

.masonry-grid li { padding:10px; }

/*----- HEADER ------*/
.link-nav li {  }
.link-nav li a { font-size: 13px;padding: 13px 4px;  }
.link-nav li a:hover, .link-nav li.current_page_item > a, .link-nav li.current_page_ancestor > a { background:rgba(0,0,0,.05); }

/* depth */
.link-nav li > ul {	background:url(images/fond_dots.jpg); width:250px; margin:0; z-index:42; }
.link-nav li > ul li ul {	background:#232323;	width:auto;	margin:0;	z-index:42; margin-left:10px; }
/* widget */
.widget { margin-bottom:10px; }
.widget h3 { margin-bottom:0px; }
.widget ul { list-style: none; }
.widget ul li a { display:block; padding:5px 0; }

/* post */
.post-info { margin-bottom:10px; }

/* ----------------------------------------------------- ASECOM -------------------*/
#header {
	border-bottom:9px solid #de5903;
	position: absolute;
    width: 100%;
    z-index: 23;
}
.logo { position:absolute; z-index:600; }
@media only screen and (max-width: 767px) { #header { position: relative; } .logo { position: relative;} }

/* slider */
#slider, .slider { 
	margin-bottom: 20px;
    position: relative;
    z-index: 21; 
}

.rte { margin-bottom:10px; }

/* accueil */
#bloc-accueil > li { border:1px solid #e5e5e5;
	border-bottom:none;
	border-right:none;
	padding:10px;
	-webkit-transition:background 0.3s ease;
	-moz-transition:background 0.3s ease;
	-o-transition:background 0.3s ease;
	-ms-transition:background 0.3s ease;
	transition:background 0.3s ease;
 }
#bloc-accueil > li:hover { background:rgba(0,0,0,.05); }
#bloc-accueil > li:nth-child(3n) { border-right:1px solid #e5e5e5; }
#bloc-accueil > li:nth-child(n+4){  border-bottom:1px solid #e5e5e5;}
#bloc-accueil h3 { font-weight: 300; }

.content {
	background: url("images/fond_dots.jpg") repeat scroll 0 0 transparent;
    padding: 10px;
    position: relative;
    margin-top: -75px;
    z-index: 90000;
}
@media only screen and (max-width: 568px) { .content { margin-top:0; margin-bottom:0; padding:0; } }
@media only screen and (max-width: 768px) { #header, .logo { position:relative; } }

/* Tables ---------------------- */
table { 
	width:100%;
	border-radius:0;
	border-collapse:collapse;
	border:1px solid #DE5903;
}
table thead, table tfoot { background: #DE5903; }
table thead tr th, table tfoot tr th, table tbody tr td, table tr td, table tfoot tr td { line-height: 18px; text-align: left; }
table thead tr th, table tfoot tr td { padding: 8px 10px 9px; font-weight: bold; color: #fff; text-shadow:0 1px #000; }
table thead tr th:first-child, table tfoot tr td:first-child { border-left: none; }
table thead tr th:last-child, table tfoot tr td:last-child { border-right: none; }
table tbody tr.even, table tbody tr.alt { background: #f9f9f9; }
table tbody tr:nth-child(even) { background: #f9f9f9; }
table tbody tr td { color: #333; padding: 9px 5px; vertical-align: top; border: 1px solid #DE5903; }
table sup { font-size:8px; }

p img { border:2px solid #5E5D61; box-shadow: 0 1px 3px rgba(0,0,0,0.35); }

.flags {
	position:absolute;
	top:0; right:0;
	padding:15px;
}
@media only screen and (max-width: 768px) { .flags {position:relative;} }
.flags a {
	float:left;
	margin:3px 10px;
}

.flags a.active {
	opacity: .5;
}

.compas {
	position:absolute;
	top:0; left:0;
}
@media only screen and (max-width: 768px) { .compas {position:relative;} }


.text-left p { text-align: left !important; }