/*
Theme Name: atelier-oasp
Theme URI: http://www.oasp.fr/
Description: oasp theme.
Author: atelier oasp
Author URI: http://www.oasp.fr/
Version: 6.66
Tags: (optional)
General comments (optional).
*/

/* =Reset default browser CSS. Based on work by Eric Meyer: http://meyerweb.com/eric/tools/css/reset/index.html */


html { background-color:#FFF;}

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, form, ins, kbd, q, s, samp,
small, strike, strong, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td, img {
	border: 0;
	font-size: 100%;
	margin: 0;
	outline: 0;
	padding: 0;
	vertical-align: baseline;
}

body { 
    font: 12px Arial, sans-serif;
    color: #444;
}

/**** FONTFACE ****/

@font-face {
    font-family: 'leaguegothic';
    src: url('gendarme/lg/league_gothic-webfont.eot');
    src: url('gendarme/lg/league_gothic-webfont.eot?#iefix') format('embedded-opentype'),
         url('gendarme/lg/league_gothic-webfont.woff') format('woff'),
         url('gendarme/lg/league_gothic-webfont.ttf') format('truetype'),
         url('gendarme/lg/league_gothic-webfont.svg#league_gothicregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fengardo';
    src: url('gendarme/fengardo/fengardoneue_regular-webfont.eot');
    src: url('gendarme/fengardo/fengardoneue_regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('gendarme/fengardo/fengardoneue_regular-webfont.woff') format('woff'),
         url('gendarme/fengardo/fengardoneue_regular-webfont.ttf') format('truetype'),
         url('gendarme/fengardo/fengardoneue_regular-webfont.svg#fengardoregular') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
    font-family: 'fengardoblack';
    src: url('gendarme/fengardo/fengardoneue_black-webfont.eot');
    src: url('gendarme/fengardo/fengardoneue_black-webfont.eot?#iefix') format('embedded-opentype'),
         url('gendarme/fengardo/fengardoneue_black-webfont.woff') format('woff'),
         url('gendarme/fengardo/fengardoneue_black-webfont.ttf') format('truetype'),
         url('gendarme/fengardo/fengardoneue_black-webfont.svg#fengardoblack') format('svg');
    font-weight: normal;
    font-style: normal;
}

@font-face {
	font-family: fengardo;
	font-weight: normal;
	font-style: italic;
	src: url('gendarme/Fengardo-italic.otf');
}
/*
@font-face {
	font-family: fengardoblack;
	font-weight: normal;
	font-style: normal;
	src: url('gendarme/fengardoneue_black-webfont.ttf');
}
*/


/***** LIENS ****/

a img {
    border: none;
}

a {
    color: #000;
    text-decoration: none;
}

a:hover {
    color: #888;
}

a:visited {
	color: #000;
	background-color: #FFF;
}

#header a {
    text-decoration: none;
}

ol, ul {
	list-style: none;
	list-style-type: none;
}

/**** FLECHE NAVIGATION INTERARTICLES ****/

.naviD {
	position:fixed;
	top:195px;
	left:852px;
	}
	
.naviDnews {
	position:fixed;
	top:195px;
	left:595px;
	}

.naviG {
	position:fixed;
	top:195px;
	left:10px;
	}

/**** MEP ****/

.clear {
	clear:both;
}

#header {
	margin-top:0px;
	height:110px;
	position:fixed;
	z-index:9999;
}

#header ul {
	position:fixed;
	padding : 0;
	margin: 0 0 0 0;
	font-family: Leaguegothic;
	font-size:22pt;
	}

#header li {
	color:black;
	text-align:left;
	display:inline;
	text-transform:uppercase;
	margin-left:0px;
	float:left;
	}
	
li.thumbs {
	display:inline;
	margin-left:15px;
	float:left;
	}


	
#footer {
    font: 9px 'Helvetica Neue', Arial, sans-serif;
    border-top: 1px dotted #BBB;
	cursor: default;
	position:fixed;
	bottom:0;
	left:0;
 	background-color:#3f3e3e;
}

.oasp-syndication {
	border: none;
	cursor: pointer;
	position: fixed;
	top: 15px;
	right: 15px;
	z-index:999999;
}

.oasp-syndication ul li {
		display:inline;	
	}
/*
.menu-fb {
	padding-left:0px;
	display:block;
	}*/

.wp-socializer ul li a:hover {
	text-decoration:none;
	background-color:#FFF;
	}


.spacer {
	clear:both;
}



.oasp-news {
	width:391px;
	}

.oasp-txt-news {
	font: 10pt 'fengardo';
	line-height:16px;
	padding-left:8px;
	border-left: 1px dotted #BBB;
}	

.oasp-post-date {
	font: 9pt 'fengardo';
	color:rgb(255,0,0);
	display:inline;
	line-height:19px;
	border-bottom: 1px dotted rgb(255,0,0);
}

.oasp-post-date a, #oasp-credits a, ul.oasp-deuxpointzero li a, .oasp-post a {
	color:rgb(255,0,0);
}

.oasp-post-date a:hover, #oasp-credits a:hover, ul.oasp-deuxpointzero li a:hover, .colonne3 p a:hover, .oasp-post a:hover {
	background-color:rgb(255,0,0);
	color:#FFF;
}

#oasp-all .oasp-post {
	float: left;
	}

#oasp-all .colonne1 { width: 117px; padding:5px;}
#oasp-all .colonne2 { width: 244px; padding:5px;}
#oasp-all .colonne25 { width: 330px; padding:5px;z-index:999;}
#oasp-all .colonne3 { width: 371px; padding:5px;}
#oasp-all .colonne4 { width: 498px; padding:4px;}
#oasp-all .colonne5 { width: 625px; padding:5px;}
#oasp-all .colonne6 { width: 752px; padding:0px;}
#oasp-all .colonne7 { width: 879px; padding:5px;}
#oasp-all .colonne8 { width: 1006px; padding:5px;}
#oasp-all .colonne9 { width: 100%; padding:5px; border-bottom: 1px dotted #BBB; margin-top:20px;margin-bottom:5px;}
#oasp-all .colonne10 { width: 100%; padding:5px; margin-top:20px;margin-bottom:5px;}

#oasp-all .colonne25b { width: 330px; padding:5px; padding-top:10px; border-top: 1px dotted #BBB;margin-top:5px;}

.oasp-eng {
	color:#AAA;
	}
	
.masonry-brick div{
	padding:0px;
	margin:0px;
	}

/**** Masonry CSS ****/

.wrap {
   /*
	background: #AAA;
	-moz-border-radius: 5px;
	-webkit-border-radius: 5px;
	border-radius: 5px;
	padding-left: 5px;
	*/
}

.wrap:after {
    content: ".";
    height: 0;
    clear: both;
    visibility: hidden;
}


/**** Paragraphage ****/
.oasp-news-lien {
	font: 9pt 'fengardo';
	font-style:italic;
	}

.about .colonne3 p {padding-right:25px; margin-bottom:25px;}

p#oasp-credits {
	font: 9pt 'fengardo';
	font-style:italic;
	color:rgb(0,0,255);
//	padding-bottom:15px;
	}

ul.oasp-col-petit ol {
	font: 10pt 'fengardoblack';
	padding-bottom:3px;
	padding-top:10px;
	color:#000;
	}
	
ul.oasp-col-petit li {
	font: 9pt 'fengardo';
	padding-bottom:5px;
	}


ul.oasp-deuxpointzero{
	padding : 0;
	margin:0px 0 0 0;
	font-size:9pt;
	}	
ul.oasp-deuxpointzero ol {}	
ul.oasp-deuxpointzero li {
	color:black;
	display:inline;
	margin-left:2px;
}

.oasp-post-title h2 {
	font: 22pt 'Leaguegothic';
	text-transform:uppercase;
	color:#000;
	//margin-top:-1em;
}

.oasp-post-title h2 a {
	text-decoration:none;
	color:#000;
	background:none;
}

.oasp-post-title h3 {
	font: 17pt 'Leaguegothic';
	text-transform:uppercase;
	color:#000;
}

.oasp-post-title h3 a {
	text-decoration:none;
	color:#000;
	background:none;
}

.link-title {
	font-size:11px;
	border-bottom: 1px dotted #BBB;
	display:block;
	text-align:center;
	text-transform:uppercase;
}

div.a-link {
	margin:2px;
	display:inline-block;
}

.oasp-small {
	text-align:center;
	font-size:10px;
	}
	
	
.ensavoirplus {
	font: 14pt 'fengardo';
	font-style:italic;
	color:#000;
}	

.prix {
	font: 22pt 'leaguegothic';
	text-transform:uppercase;
	color:#000;
	text-align:right;
	border-bottom: 1px dotted #BBB;
	border-top: 1px dotted #BBB;
}	

.home {
	font: 38pt 'leaguegothic';
	text-transform:uppercase;
	color:#000;
	text-align:left;
	line-height:42px;
	//position:relative;
//float:none;
	//left:710px;
	//display:block;
	//width:1200px;
	//height:64px;
}

span.text-thumb {
	text-transform:uppercase;
	position:absolute;
	top:10px;
	left: 0px;
	padding:5px;
	font:10pt 'leaguegothic';
	color:#000;
	display:none;
}

span.petit-titre {
	text-transform:uppercase;
	//padding-bottom:10px;
	font:12pt 'leaguegothic';
	color:#000;
}


	
/****** LIENS DU MENU oasp-menu ****/
.news a, .news a:visited,.graphicdesign a, .graphicdesign a:visited,.screenprinting a, .screenprinting a:visited,.experiments a, .experiments a:visited,.publications a, .publications a:visited,.about a, .about a:visited,.contact a, .contact a:visited {
	color:black;
	}
	
span.home a.seri { color:rgb(0,0,255);
	}
span.home a.seri:hover {background-color:rgb(0,0,255); color:#FFF;
	}
span.home a.graph { color:rgb(255,0,0);
	}
span.home a.graph:hover {background-color:rgb(255,0,0); color:#FFF;
	}
	
.news a:hover, #menu-oasp-menu li.current-menu-item.news a, #menu-oasp-menu li.current-post-parent.news a{
	color:rgb(255,0,0);
	}
.graphicdesign a:hover, #menu-oasp-menu li.current-menu-item.graphicdesign a, #menu-oasp-menu li.current-post-parent.graphicdesign a{
	color:rgb(255,0,0);
	}
.screenprinting a:hover, #menu-oasp-menu li.current-menu-item.screenprinting a, #menu-oasp-menu li.current-post-parent.screenprinting a{
	color:rgb(0,0,255);
	}
.experiments a:hover, #menu-oasp-menu li.current-menu-item.experiments a, #menu-oasp-menu li.current-post-parent.experiments a{
	color:rgb(0,255,0);
	}
.publications a:hover, #menu-oasp-menu li.current-menu-item.publications a, #menu-oasp-menu li.current-post-parent.publications a{
	color:rgb(255,0,0);
	}
.about a:hover, #menu-oasp-menu li.current-menu-item.about a, #menu-oasp-menu li.current-post-parent.about a{
	color:rgb(255,0,0);
	}
.contact a:hover, #menu-oasp-menu li.current-menu-item.contact a, #menu-oasp-menu li.current-post-parent.contact a{
	color:rgb(255,0,0);
	}
	
	
	
	
	
	
#the_text {
	background-color:#FFFFFF;
	opacity:0.8;
	filter:alpha(opacity=80); /* For IE8 and earlier */
	position:relative;
	z-index:99;
	float:left;
	padding:10px 10px 30px 20px;
	width:740px;
}

div#the_text p {
	width:600px;
}

div#the_text p a {
	color:black;
}

div#the_text p a:hover {
	background-color:rgb(255,0,0);
	color:#FFF;
}


#the_link {
	cursor:pointer;
	z-index:999999;
	margin-top:2em;
	}

div #the_link h3 {
	color:red;
	cursor:pointer;
	z-index:999999;
	}

div #the_link h3:hover {
	color:#FFF;
	cursor:pointer;
	z-index:999999;
	}

.oasp-prix {
	position:absolute;
	left:710px;
	top:35px;
	display:block;
	width:63px;
	height:64px;
}
.oasp-prix2 {
	position:absolute;
	left:710px;
	top:425px;
	display:block;
	width:63px;
	height:64px;
}
	
input[type="image"]:hover {
   background:url('http://www.oasp.fr/wp-content/themes/oasp/void/prix/oasp-buyit.png');
}

.oasp-prix table
{
	display:block;
	position:relative;
	float:left;
	left:-120px;
}

/* NEWSLETTER FORM*/

div#optin {
	float:right;
	display:block;
	position:fixed;
	right:10px;
	top:10px;
	}

#optin input[type="text"] {
   height:15px;
	width:130px;
	padding:0;
	color:#CCC;
	border:1px #CCC solid;
	font-size:9px;
	margin:0;
}


#msg {display:none; position:absolute; z-index:200; padding-left:0px;}
#msgcontent {display:block; background:#EEE; border-left:none; padding:5px; min-width:150px; max-width:250px;
-webkit-border-radius: 4px;
-moz-border-radius: 4px;
border-radius: 4px;}


/* THUMB */
#oasp-all ul li.thumbs {	display: block; margin-bottom:15px;}

#oasp-all ul li.thumbs a img {	display: block; margin-bottom:15px;}

#oasp-all ul li.thumbs div.caption{ position: absolute; width: 190px; height: 120px;}

#oasp-all ul li.thumbs div.caption div{ display: none; position: relative;	top: 55px; padding: 5px 5px;}

#oasp-all ul#graphicdesign li.thumbs:hover div.caption div{	text-align:center; background-color: rgb(255,0,0); display: block; }
#oasp-all ul#screenprinting li.thumbs:hover div.caption div{	text-align:center; background-color: rgb(0,0,255); display: block; }
#oasp-all ul#experiments li.thumbs:hover div.caption div{	text-align:center; background-color: rgb(0,255,0); display: block; }

#oasp-all li.thumbs.cat_3:hover div.caption div{	text-align:center; display: block; background-color: rgb(0,255,0);}	/* experiments */
#oasp-all li.thumbs.cat_5:hover div.caption div{	text-align:center; display: block; background-color: rgb(0,0,255);}	/* screenprinting */
#oasp-all li.thumbs.cat_6:hover div.caption div{	text-align:center; display: block; background-color: rgb(255,0,0);}	/* works */



#oasp-all ul li.thumbs div.caption div span.title-caption{	color: #FFF; font: 10pt 'fengardo';}
#oasp-all ul li.thumbs div.caption div span.desc-caption{ color: #FFF; font: 9pt 'fengardo'; line-height: 12px; text-transform:lowercase;}

.colonne2 p, .colonne1 p, .colonne3 p {
	margin-bottom:10px;
}


/* PORTFOLIO HACK */
div.slideshow-nav {
	position:absolute;
	//float:left;
	top:440px;
	//text-align:center;
	text-transform:uppercase;
	//padding:5px;
	font: 15pt 'Leaguegothic';
	color:rgb(255,0,0);
	text-transform:uppercase;
	z-index:999999;
	}
	
div.slideshow-nav a {
	color:rgb(255,0,0);
	text-decoration:none;
	}
	
div.slideshow-nav a.slideshow-prev:hover, div.slideshow-nav a.slideshow-next:hover {
	color:rgb(255,255,255);
	background-color:transparent;
	text-decoration:none;
	}
	
/* wpaudio */


a.wpaudio:hover {
	text-decoration:none;
	color:#000;
	background:none;
}

/* MODAL BOX */
/* CSS */
.cf:before,
.cf:after {
  content:"";
  display:table;
}
.cf:after {
  clear:both;
}
.droite {
  float:right;
}

.oModal {
  position: fixed;
  z-index: 99999;
  top: 0;
  right: 0;
  bottom: 0;
  left: 0;
  background: rgba(0, 0, 0, 0.75);
  opacity:0;
  -webkit-transition: opacity 400ms ease-in;
  -moz-transition: opacity 400ms ease-in;
  transition: opacity 400ms ease-in;
  pointer-events: none;
}

.oModal:target {
  opacity:1;
  pointer-events: auto;
}

.oModal:target > div {
  margin: 2% auto;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.oModal > div {
  max-width: 900px;
  position: relative;
  margin: 1% auto;
  padding: 8px 8px 8px 8px;
  border-radius: 5px;
  background: #eee;
  transition: all 0.4s ease-in-out;
  -moz-transition: all 0.4s ease-in-out;
  -webkit-transition: all 0.4s ease-in-out;
}

.oModal > div header,.oModal > div footer {
 // border-bottom: 1px solid #e7e7e7;
  border-radius: 5px 5px 0 0;
}
.oModal .footer {
  border:none;
 // border-top: 1px solid #e7e7e7;
  border-radius: 0 0 5px 5px;
}

.oModal > div h2 {
  margin:0;
}

.oModal > div .btn {
  float:right;
}

.oModal > div section,.oModal > div > header, .oModal > div > footer {
  padding:10px;
}