/* --------------  Divers -------------- */

.titreprojet:hover {cursor: pointer;}

.titreprojet span {
	font-size:12px;
	font-family:"Plan Grotesque Regular 3";
font-style: normal;
font-weight: normal;
font-stretch: normal;
}
	
li {list-style-type: none;}

#categories li a.selected { 
text-decoration: none; 
color: #00FF00;
}
#categories .option-set li a.selected { 
color: #00FF00;
}

h4:hover {color:#3e0319;}

h3 a:hover {font-family: "Plan Grotesque Bold 3"; 
font-style: normal;
font-weight: bold;
font-stretch: normal;
}


/* --------------  links -------------- */

a {text-decoration:none;
	color:#3e0319;}

/* --------------  Type load -------------- */

.PGreg{
	font-family: "Plan Grotesque Regular 3", Arial, Verdana;
	font-style: normal;
	font-weight: normal;
	font-stretch: normal;
}

.PGlight
{font-family: 'PlanGrot_light', Arial, Verdana;}

.PGbold{
	font-family: "Plan Grotesque Bold 3", Arial, Verdana;
	font-style: normal;
font-weight: bold;
font-stretch: normal;
}


/* -------------- MARGIN -------------- */

.margintop {margin-top:18px;}
.margintop2 {margin-top:36px;}
.margintop3 {margin-top:54px;}
.margintop4 {margin-top:72px;}
.margintop5 {margin-top:90px;}
.margintop6 {margin-top:108px;}
.margintop7 {margin-top:126px;}
.marginbottom2 {margin-bottom:36px;}

/* -------------- Div page accueil -------------- */

.divroll {color:#d1afbc;}
.divroll:hover {color:#3e0319;}


/* Images */

img {padding-bottom:18px;}

.nopadding {padding-bottom:0px;}

.retour{top:0px;}
/* -------------- DIV -------------- */
div {margin-bottom: 18px;}

.menu {
	width:190;
	height:180px;
	color:#d1afbc;}

.menu:hover {
	color:#3e0319;}

.divfixed{
	position:fixed;
	z-index:3;}

.divimg {
	position:relative;
	z-index:1;
	display:none;}

.divimg2 {
	display:block;
	z-index:2;}

.divimgnb {
	opacity:0.3;
	z-index:1;
	position:fixed}
	
.divdes {
	position:relative;
	z-index:2;
	opacity:1;}

.divdes2 {
	position:fixed;;
	opacity:0.1;
	z-index:1;}


/* -------------- ISOTOPE -------------- */
.item {
	float: left;
	height: 234px;
 	width: 190px;}

.menuheight {height: 486px;}


/* -------------- Isotope CSS3 transitions -------------- */

.isotope,
.isotope .isotope-item {
  -webkit-transition-duration: 0.3s;
     -moz-transition-duration: 0.3s;
          transition-duration: 0.3s;
}

.isotope {
  -webkit-transition-property: height, width;
     -moz-transition-property: height, width;
          transition-property: height, width;
}

.isotope .isotope-item {
  -webkit-transition-property: -webkit-transform, opacity;
     -moz-transition-property:    -moz-transform, opacity;
          transition-property:         transform, opacity;
}

/*------ LEGENDE -----*/

.imgteaser {

	overflow: hidden;
	float: left;
	position: relative;
}
.imgteaser a {
	text-decoration: none;
	float: left;
}
.imgteaser a:hover {
	cursor: pointer;
}

.imgteaser a img {
	float: left;
	margin: 0;
	border: none;
	padding: 10px;
	background: #fff;
	border: 0px solid #ddd;
}

.imgteaser a .more {
	position: absolute;
	right: 20px;
	bottom: 20px;
	font-size: 1.2em;
	color: #fff;
	background: #000;
	padding: 5px 10px;
	filter:alpha(opacity=65);
	opacity:.65;
	-ms-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=65)"; /*--IE 8 Transparency--*/
}
.imgteaser a:hover .desc{
	display: block;
	padding: 3px 0px;
	background: #FFF;
	color: #3e0319;
	position: absolute;
	bottom: 11px;
	left: 40px;
	top: 36px;
	height: 180px;
	padding: 10px;
	margin: 0;
	width: 350px;
}
.imgteaser a:hover .desc strong {
	display: block;
	margin-bottom: 5px;
	font-size:1.5em;
}

.imgteaser a .desc {	display: none; }
.imgteaser a:hover .more { visibility: hidden;}


.order {
	visibility: hidden;
	display:none;
}

.sub_order {
	
	visibility: hidden;
		display:none;

}


/* -------- TEST ------------ */

.customBold {
  font-family:"Plan Grotesque Bold 3";
font-style: normal;
font-weight: bold;
font-stretch: normal;
}

#options li a.selected {
  font-family:"Plan Grotesque Bold 3";
font-style: normal;
font-weight: bold;
font-stretch: normal;
}