/***********************************************************************
******************* reset.css ******************************************
************************************************************************/
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5;}
table {border-collapse:separate; border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;border-spacing:0;}
blockquote:before, blockquote:after, q:before, q:after { content:""; }
blockquote, q { quotes:"" ""; }
a img {border:none;}
.clear {height:0px;overflow:hidden;margin:0px;clear:both;}
.center {text-align:center;}
.line { border-top:1px solid #cacaca; margin:50px 0 0 }
.space { height:45px }
li.first, li:first-child { border-left:none !important }
li.last, li:last-child { border-right:none !important }
.none {display:none;}
.toplevel{position:relative;z-index:99}
.no-bg {background:none !important}
/***********************************************************************/


body,div {
	font-family: 'Ubuntu', sans-serif;
}
.home_page {
	background:#FFF url(../images/splash_fond.jpg) repeat-x 0 150px;
}

.logo_hp {
	text-align:center;
	margin-top:150px;
}

.navig_hp {
	margin:auto;
	width:800px;
}

.navig_hp ul {
	list-style-type:none;
	margin:0;
}

.navig_hp ul li {
	float:left;
}

.navig_hp ul li a {
	display:inline-block;
	width:170px;
	padding:6px;
	border:1px solid #DBD8D8;
	margin:0 3px;
	text-align:center;
	font-family: 'Ubuntu', sans-serif;
}

.footer_hp {
	text-align:center;
	margin:20px;
	font-family: 'Ubuntu', sans-serif;
	color:#cacaca;
}


/********************************************************/
/* Bandeau cookies
/********************************************************/

.cookies_banner {
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	background: rgba(0,0,0,0.85);
	color: #fff;
	z-index: 9999;
	padding: 30px;
	font-size: 12px;
    line-height: 25px;
    font-family: 'roboto';
    font-weight: 300;
}

.cookies_banner span {
	display: inline-block;
	width: 100%;
	text-align: center;
}

.cookies_banner a {
	display: inline-block;
	margin: 0 10px;
	padding: 3px 10px;
	background: #666;
	text-transform: uppercase;
	font-size: 12px;
	border-radius: 4px;
	color: #fff;
}




a {color:#969B94; text-decoration: none}
a:hover {color:#FFC341; text-decoration: none; }

.ref_bouton {
	display:inline-block;
	border:1px solid #ccc;
	padding: 0 4px;
}

#entete {
	background:#FFF url(../images/fd_page.png) repeat-x ;
}

#entete_content {
	margin:auto;
	width:800px;
	margin-bottom:20px;
}

#navigation {
	margin:auto;
	width:1000px;
}


#navigation ul {
	list-style-type:none;
	margin:0;
}

#navigation ul li {
	float:left;
	line-height: 1em;
}

#navigation ul li a {
	display:inline-block;
	width:170px;
	padding:6px;
	border:1px solid #DBD8D8;
	margin:0 3px;
	text-align:center;
	font-family: 'Ubuntu', sans-serif;
}




html, body, div, p{
  margin: 0;
  padding: 0;
  border: 0;
  }

img { border:0 }

/* Main Layout */

html { min-height:100% }
body { min-width:990px; }
p, li, address { color:#696969; font-size:1em; line-height:2em }
p { margin:3px 0 8px }
h1, h2, h3, h4 { font-weight:400; color:#535252; padding:0; 	font-family: 'Ubuntu', sans-serif;
}
h1 { font-size:2.3em }
h2 { font-size:2em }
h3 { font-size:1.7em }
h4 { font-size:1.4em }
i, em { font-style:italic }
strong { font-weight:bold }
img.icon { float:left; margin:0 15px 10px 0 !important; border:0 !important; padding:0 !important }
.inner { width:970px; margin:0 auto }



/* ====================== START COLORS ====================== */
#slider { background:url('../images/bg/slider-light.png') bottom center no-repeat }
#footer {
	background-color:#003746;
	font-family: 'Ubuntu', sans-serif;
	padding-left:20px;
	margin:30px 0;
}
#copyright { background:#022731; color:#c0bfbf }
/* ====================== END COLORS ====================== */




/* ====================== START SLIDER ====================== */
#slider { height:331px; position:relative }
#slider .inner { height:332px; position:relative }
#slider .panel { position:absolute; top:0; left:0; width:100%; height:332px; background:transparent !important }
#slider .panel .text { margin:auto; width:428px; float:left; margin:60px 0 40px }
#slider .panel h1, #slider .panel h2, #slider .panel p { color:#fff }
#slider .panel h1 { font-size:4.8em }
#slider .panel h2 { font-size:3em; margin-top:-15px; margin-bottom:20px }
#slider .panel p { font-size:1.4em }
#slider .panel img { float:right; position:absolute; bottom:1px; right:30px; z-index:5 }
#slider .panels { z-index:100; position:static !important }
#slider .img-small, #slider .img-small img { width:502px; height:299px }
#slider .img-small { background:#fff; padding:6px; position:relative; z-index:100; float:right; top:40px; height:297px }
#slider .img-small .images { position:relative; height:299px }
#slider .img-small .images img { right:0 }
#slider .bg-img-small { position:absolute; right:0; z-index:0 }
#slider .nivo-slice { position:absolute }
#slider .nivoSlider { top:-3px !important }
#slider .shadow-slideshow { width:514px; height:25px; background:url('../images/bg/shadow-nivo-small.png') bottom center no-repeat; position:absolute; bottom:-25px; left:0 }
#slider .nivo-controlNav, #slider .nivo-directionNav, #slider .nivo-caption { display:none }
/* ====================== END SLIDER ====================== */


/* ====================== START SLIDER FULL WIDTH ====================== */
#slider-full-width { height:463px; position:relative; z-index:100 }
#slider-full-width .bg-full, #slider-full-width .bg-full div { width:100% !important;background-color:#000; }
#slider-full-width .bg-full div.bg-image { height:463px; background-position:center top; position:absolute; width:100% !important; }
#slider-full-width .bg-full blockquote { width:960px; margin:0 auto; z-index:999000 !important }
#slider-full-width .bg-full h2 { font-size:3em; line-height:60px; color:#fff; display:inline }
#slider-full-width .bg-full p { font-style:normal; font-size:14px; display:inline; color:#fff; background:none !important; padding:0 }
#slider-full-width .bg-full div.bg-text { position:absolute; left:0; bottom:0; display:block; height:67px; background:#000; background:rgba(0,0,0,0.77); width:100%; filter: alpha(opacity = 77) }
#slider-full-width .pagination { margin-top:-100px; float:right; position:relative; z-index:9999999; margin-right:30px }
#slider-full-width .pagination a { display:block; width:13px; height:12px; background:url('../images/icons/pag.png') no-repeat; float:left; margin-right:2px; text-indent:-9999px; outline:medium }
#slider-full-width .pagination a.activeSlide { background-position:0 -12px }
/* ====================== END SLIDER FULL WIDTH ====================== */


/* ====================== START SLIDESHOW ====================== */
#slideshow { position:relative; height:356px; margin:0 auto; padding-top:20px; margin-bottom:-40px }
#slideshow .images, #slideshow img { width:948px; height:316px }
#slideshow .images { background:#fff; position:relative; padding:6px }
#slideshow img { position:absolute; left:6px }
.nivo-slice { position:absolute }
#slideshow .shadow-slideshow { width:960px; height:25px; background:url('../images/bg/shadow-slide.png') bottom center no-repeat; position:absolute; bottom:0; left:0 }
#slideshow .images, #slideshow .shadow-slideshow { position:relative; z-index:100; margin:0 auto }
#slideshow .nivo-controlNav, #slideshow .nivo-directionNav, #slideshow .nivo-caption { display:none }
/*#slideshow .nivoSlider { top:-2px !important }*/
/* ====================== END SLIDESHOW ====================== */



/* ====================== START CONTENT ====================== */
#content { background:#fff; padding:20px 20px 60px 20px }
#content p { font-size:14px; padding-bottom:20px; font-family: 'Ubuntu', sans-serif; text-align:justify;}
#content h3 { margin:10px 0 20px }
#content h3.title-page { padding:8px 0; border-top:1px solid #cacaca; border-bottom:1px solid #cacaca }
#content img { padding:5px; border:1px solid #ccc }
#content .team { margin-bottom:30px }
#content h4.title-team { color:#000; margin:0 0 15px; font-size:1.8em }
/* ====================== END CONTENT ====================== */


/* ====================== START PORTFOLIO ====================== */
#portfolio { list-style:none; margin:0; margin-top:60px }
#portfolio li { width:288px; margin:0 52px 60px 0; display:block; float:left;}
#portfolio li.last { margin-right:0 }
#portfolio li span { height:149px; display:inline-block; float:left; margin-bottom:15px }
#portfolio li .thumb { display:block; padding:3px; height:180px; width:280px; border:1px solid #ccc; overflow:hidden; position:relative; margin-bottom:10px }
#portfolio li img { width:280px; height:180px; border:0; padding:0 }
#portfolio li a.more { padding:10px 20px; text-align:center; border:1px solid #dbd8d8; background:#f3f3f3; color:#605f5f; display:inline-block; width:95px; height:16px; line-height:16px; font-family: 'Ubuntu', sans-serif; }
#portfolio li a.more:hover { border:1px solid #dbd8d8; background:#eae7e7; text-decoration:none }
#portfolio li h3 { margin:8px 0; clear:both; font-size:14px}
#portfolio li h3 a { color:#858484 text-decoration:none; }
#portfolio li h3 a:hover, #portfolio li h3 strong { color:#5a5a5a; text-decoration:none;  font-size:24px}
#portfolio li p { margin-bottom:5px; font-size:12px; line-height:16px; height:42px; overflow:hidden; }
#portfolio li p img { display:block }
a.zoom { position:absolute; width:280px; height:180px; left:3px; top:3px; text-indent:-9999px; background:#000 url('../images/icons/zoom.png') center no-repeat }
a.video a.zoom { background:#000 url('../images/icons/play.png') center no-repeat }
div.ppt { display:none !important }
.imgRef { float:left; }
.ref_categ { list-style-type:none; padding-bottom:10px;}
.ref_categ li { float:left; margin-right:20px; 	font-family: 'Ubuntu', sans-serif; font-size:16px; font-weight:700;}
/* ====================== END PORTFOLIO ====================== */


/* ====================== START CFORMS CONTACT ====================== */
.contact_gauche {
	width:350px;
	float:left;
	border: 1px solid #ccc;
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
	padding:6px;
}

.contact_droite {
	width:550px;
	float:right;
	font-family: 'Ubuntu', sans-serif;
	font-size:14px;
}

.contact_droite label {
	display:inline-block;
	width:150px;
	text-align:right;
	padding-right:5px;
}

.contact_droite input, .contact_droite textarea {
	padding:3px;
	border:1px solid #cacaca;
	vertical-align:top;
	color:#696969;
	margin-bottom:5px;
}

.contact_droite input:focus, .contact_droite textarea:focus{
	border-color:#aaa;
}

.contact_droite textarea, .contact_droite input{
	width:308px;
}



/* ====================== START COPYRIGHT ====================== */
#copyright { line-height:50px; background:#022731; text-align:center; color:#c0bfbf; margin:0; font-size:1.1em }
#copyright a, #copyright a:hover { color:#88b3b9 }
/* ====================== END COPYRIGHT ====================== */



/*Styling Images*/
img.alignright {float:right; margin:0 0 0.5em 1.5em;display:inline;}
img.alignleft {float:left;margin:0 1.5em 0.5em 0;display:inline;}
img.aligncenter {display: block; margin-left: auto; margin-right: auto}
a img.alignright {float:right; margin:0 0 0.5em 1.5em}
a img.alignleft {float:left; margin:0 1.5em 0.5em 0}
a img.aligncenter {display: block; margin-left: auto; margin-right: auto}
p.wp-caption-text {font-style:italic;}
img.wp-smiley {border:0 !important;padding:0 !important}

/* Extras */

.left{float:left;margin-right:10px;}
.right{float:right;;margin-left:10px;}
.nomargin{margin:0}
.nopadding{padding:0}
.last {margin-right:0!important;}


hr {margin:40px auto;width:600px;border:1px dotted #ccc;clear:both}
code, pre {background-color:#e8ebec;text-align:left;border:1px dotted #bbb;color:#333;font:13px/18px Consolas,"Courier New",Courier,monospace;min-height:30px;margin-bottom:15px;padding:18px 5px;}

/*typography*/
#content h1,#content h2,#content h3,#content h4,#content h5,#content h6 {margin:0.5em 0 0.8em;}

/*column*/
.one-fourth {float:left;width:225px;margin-right:20px;}
.one-third  {float:left;width:310px;margin-right:20px;}
.two-third  {float:left;width:640px;margin-right:20px;}
.two-fourth {float:left;width:470px;margin-right:20px;}


/*buttons*/
.wall-of-buttons {margin:0 auto;width:100%;text-align:left;}
a.button {display:inline-block;margin:0 5px 19px 0;}
.button {-moz-border-radius:5px;-webkit-border-radius:5px;border-radius:5px;behavior:url(http://www.yourinspirationweb.com/tf/bolder/wp-content/themes/bolder/PIE.htc);-moz-box-shadow: 0 1px 3px rgba(0,0,0,0.25);background:url('../images/overlay-button.png') repeat-x 0 0 #222;
        border-bottom:1px solid rgba(0,0,0,0.25);color:#fff!important;cursor:pointer;display:inline-block;font-size:13px;font-weight:bold;
        line-height:1;overflow:visible;padding:5px 15px 6px;position:relative;text-decoration:none;text-shadow:0 -1px 1px rgba(0,0,0,0.25);width:auto;}
.orange.button {background-color:#ff5c00;}
.orange.button:hover {background-color:#d45500;}
.blue.button {background-color:#2daebf;}
.blue.button:hover {background-color:#007d9a;}
.green.button {background-color:#91bd09;}
.green.button:hover {background-color:#749a02;}
.red.button {background-color:#e33100;}
.red.button:hover {background-color:#872300;}
.yellow.button {background-color: #ffb515;}
.yellow.button:hover {background-color:#fc9200;}
.magenta.button {background-color:#a9014b;}
.magenta.button:hover {background-color:#630030;}
.button:hover {background-color:#111;}

.large.button {font-size:14px;padding:8px 19px 9px;}
.small.button {font-size:11px;}
.button:hover,.button:active {text-decoration:none;}

/*quote*/
blockquote p, .cite li {background:url('../images/icons/quote.png') no-repeat top left;padding:0 0 0 60px;}
.cite {margin:0}