@charset "UTF-8";
/*
Theme Name: GD
Version: 1
Author: supero.ch
 
Creation Theme by supero || http://www.supero.ch
 
*/


/*RESET*/
body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td{ margin:0; padding:0;}table{ border-collapse:collapse; border-spacing:0;}fieldset,img{ border:0;}address,caption,cite,code,dfn,var{ font-style:normal; font-weight:normal;}ol,ul{ list-style:none;}caption,th{ text-align:left;}h1,h2,h3,h4,h5,h6{ font-size:100%; font-weight:normal;}q:before,q:after{ content:'';}abbr,acronym{ border:0;}
/*FIN RESET*/


/*TYPO*/

@font-face {
	font-family: 'Brown';
	src: url('font/lineto-brown-regular.eot');
	src: url('font/lineto-brown-regular.eot?#iefix') format('embedded-opentype'),
		 url('font/lineto-brown-regular.woff') format('woff'),
		 url('font/lineto-brown-regular.ttf') format('truetype'),
		 url('font/lineto-brown-regular.svg#BrownRegular') format('svg');
	font-weight: normal;
	font-style: normal;
}

@font-face {
	font-family: 'Brown';
	src: url('font/lineto-brown-light.eot');
	src: url('font/lineto-brown-light.eot?#iefix') format('embedded-opentype'),
		 url('font/lineto-brown-light.woff') format('woff'),
		 url('font/lineto-brown-light.ttf') format('truetype'),
		 url('font/lineto-brown-light.svg#BrownLight') format('svg');
	font-weight: 200;
	font-style: normal;
}




body {
	font-family:'Brown';
  	font-weight: 200;
  	font-style: normal;
	font-size: 0.8em;
}

p{
	margin-bottom:10px;
}


.info p{
	margin-top:10px;
}

.actu p{
	margin:0;
	
}

b,strong{
	font-weight: normal;
}

.menu{
	font-weight: normal;
	font-size: 1.9em;
	text-transform: uppercase;
}

.sous-menu, .projet_menu{
	font-weight: 200;
	
}

h2{
	font-weight: 400;
	text-transform: uppercase;
}

.projet h3,.post h3{
	font-weight: 200;
	margin-top:1px;
	text-transform: uppercase;
}

.actu h3{
	text-transform:none;
	
}


.info h3,.titre_projet{
	font-weight: 200;
	text-transform: uppercase;
	margin-bottom:1px;
}

.info h3{
		font-weight: 400;
}

h3.titre{
	text-transform:none;
}

.projets{
	line-height:1.3em;
}

.info ul {
	margin-left: 10px;
	padding-top:10px;
}
.actu ul{
	margin-left: 0px;
	padding-top:0px;
}

.info ul li,  ul li.actu{
	list-style-type: disc;
	list-style-position: outside;
	padding-left: 0px;
	list-style-image: url(img/liste.png);
	margin-bottom:10px;
}
ul li.actu{
	margin-left: 10px;
}



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

.info a,.post a,.credits a{
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #CCC;
}

.info a:hover, .actu a:hover{
	border-bottom-color: #000;	
}

.menu_container a,.projet_menu a,.projet h3 a{
	text-decoration: none;	
}
.selected, .sous-menu a:active, .active_category, li .titre_projet{
	background-color: #000;
	color: #fff;
}
.current-slide a{
		background-color: #000;
		color:#FFF;
}
#slide-list li a{
	padding-left:4px;
	padding-right:4px;
}
#slide-list li{
	margin-right:0px;
}

/*pages_navigation*/
.wp-pagenavi{
	padding-top:15px;
	padding-bottom:25px;
}
.wp-pagenavi a,.wp-pagenavi .extend{
	background-color:#FFF;
	padding-left:4px;
	padding-right:4px;
}
.wp-pagenavi a:hover{
	background-color:#000;
	color:#fff;
}
.wp-pagenavi .current{
	background-color:#000;
	color:#fff;
	padding-left:4px;
	padding-right:4px;
}
.wp-pagenavi .pages{
	background-color:#FFF;
	padding-left:4px;
	padding-right:4px;
	}
/*fin pages_navigation*/

.sous-menu a:hover, .projet_menu li a:hover{
	background-color: #000;
	color: #fff;	
}

.menu .blanc:hover,.menu .blanc .menu_selected:hover{
	color: #000;
	border-color:#000;
}

.menu .noir:hover, .menu .noir .menu_selected:hover {
	color: #fff;
	border-color:#FFF;
}


.menu .menu_selected, .menu .menu_selected2{
	/*background-color:#FFF;	*/
	border-top-width: 2px;
	border-right-width: 2px;
	border-bottom-width: 2px;
	border-left-width: 2px;
	border-top-style: none;
	border-right-style: none;
	border-bottom-style: solid;
	border-left-style: none;
	border-top-color: #000;
	border-right-color: #000;
	border-bottom-color: #000;
	border-left-color: #000;
	/*padding-left:5px;
	padding-right:5px;	*/

}

.couleur{
	/*color:#0F0;*/
	
}

/*séléction!!*/
*::selection {
	background:#000;
	color:#fff;
}

*::-moz-selection {
	background:#000;
	color:#fff;
}

*::-webkit-selection {
	background:#000;
	color:#fff;
}


/**/



/*FIN DES LIENS*/
/*FIN TYPO*/


/*MENU*/



.menu ul{
	clear:both;
	
}

.menu li{
	float: left;
	margin-right:60px;
	margin-bottom:10px;
}

li.logo{
	margin-right:60px;
	
}

.sous-menu{
		clear:both;
}

.sous-menu li,.projet_menu li {
	margin-right: 5px;
	margin-bottom: 5px;
	list-style-type: none;
	float: left;
	background-color: #FFF;
	text-transform: uppercase;
}



.menu_secondaire li{
	list-style-type: none;
	float: left;
	margin-left:15px;	
	font-weight: 400;
}

.projet_menu li {
	margin-bottom: 0px;
}

.sous-menu li a,.search li,.titre_projet,.projet_menu a{
	padding-left: 3px;
	padding-right: 3px;
}

/*FIN MENU*/








/*EMPLACEMENT DES BLOCS*/





.container{
	margin-left:30px;
	margin-top:10px;
	
}

.menu{
	padding-left:3px;
}

.sous-menu{
	padding-bottom:22px;
	
}



/*TRAME*/

.loading{
	z-index: -15;
	position: absolute;
}

.trame{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	background-image: url(img/trame.png);
	background-repeat: repeat;
	z-index: -10;
	background-attachment: fixed;
}

.sans_trame{
	position: absolute;
	top: 0px;
	left: 0px;
	right: 0px;
	bottom: 0px;
	z-index: -10;
	background-attachment: fixed;
}

html>body .trame {
  position: fixed;
}


/*PROJETS*/


.projet,.projet_contenu .content,.info,.post,.credits{
	background-color: #fff;
	float: left;
	margin-right: 10px;
	margin-bottom: 10px;
	padding: 5px;
	padding-bottom: 1px;
}

#actualite .image{
	margin-bottom:5px;
	
}


.projet_contenu .content,.credits{
	width:210px;
	
}

.post{
		width:440px; /*COMME POST LISTE*/

}


.actualite .post{
		width:210px; 

}

.projet_contenu .content,.info{
	padding-top:2px;
	padding-bottom:0px;
}

.info{
	width:210px;
	
}

.image_info{
	width: 440px;
}

/*.image_info_big{
	width: 900px;
	height: 655px;
}*/
.image_info_big{
		width: 670px;
		height: 510px;
	}

@media only screen and (max-width: 670px) {
	
	.image_info_big{
		width: 440px;
		height: 360px;
	}
}



.info img, .actu img{
	margin-bottom:3px;
}


.projet:hover, #post_list:hover{
	background-color: #000;
	color:#FFF;
}


/*FIN PROJETS*/

/*SEARCH AFFICHE LISTE*/
#post_list{
	background-color: #fff;
	width:680px;
	padding-left: 3px;
	padding-right: 3px;
	margin-bottom:5px;
	
}

/*FIN SEARCH AFFICHE LISTE*/

/*RECHERCHE LIVE*/
.search_results{
	width:220px;
	position:absolute;
	text-transform:uppercase;
	padding-top:0px;

}
.search_results li a{
	background-color: #fff;
	display: block;
	padding-bottom: 1px;
	padding-top: 1px;
	padding-left: 3px;
	padding-right: 3px;
}
#post_list a:hover{
	color: #fff;
}

/*FIN RECHERCHE LIVE*/


/* PROJET*/

.projet_menu{
	position:absolute;
	bottom:25px;
	
}

html>body .projet_menu {
  position: fixed;
}



/*INFOBULLE*/
#screenshot{
	position:absolute;
	border:none;
	padding:0px;
	display:none;
	z-index:1000;
	}


.footer{
	position: fixed;
	right: 10px;
	bottom: 10px;
	font-size: 12px;
}

.footer a:hover{
	color:#FFF;
	
}







/*ISOTOPE ANIMATION*/
.isotope,
.isotope .isotope-item {
  /* change duration value to whatever you like */
  -webkit-transition-duration: 0.6s;
     -moz-transition-duration: 0.6s;
      -ms-transition-duration: 0.6s;
       -o-transition-duration: 0.6s;
          transition-duration: 0.6s;
}

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

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

/**** disabling Isotope CSS3 transitions ****/

.isotope.no-transition,
.isotope.no-transition .isotope-item,
.isotope .isotope-item.no-transition {
  -webkit-transition-duration: 0s;
     -moz-transition-duration: 0s;
      -ms-transition-duration: 0s;
       -o-transition-duration: 0s;
          transition-duration: 0s;
}

/*FIN ISOTOPE*/



/*MOBILE*/

@media only screen and (max-device-width: 480px) {
	
	html, .container{
		width:460px;
	}
	.sous-menu{
		margin-bottom:15px;
	}
	.sans_trame{
		display:none;
	}
	
}