/*
Theme Name: Graines d'Images
Theme URI: http://grainesdimages.insa-lyon.fr/
Description: Thème réalisé par Dragos Constantin et intégré à WordPress par Julien Lacroix
Version: 1
Author: Julien Lacroix&Dragos Constantin
Author URI: http://www.perso-julien.com/
Tags: 

Thè du site web de l'association Graines d'Images (INSA de Lyon).

*/

*{margin: 0;padding: 0;border: 0;}
body{
	margin:0;padding:0;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
	color: #d2d2d2;
	
	background-color: black;
}
a img{border: 0;}
.post img, .single img{border: 0;}
a{color: #9A806A;text-decoration: none;}
a:hover,h2.title-post a:hover{color: #d2d2d2;text-decoration: none;}
blockquote{
	margin-left: 10px;
	margin-bottom: 15px;
	padding: 0 0 0 10px;
	border-bottom: 1px dashed #9A806A;
	border-left: 1px dashed #9A806A;
}
strong{font-weight: bold;}
h2{
	font-size: 16px;
	margin-bottom: 15px;
}
h3{
	font-size: 14px;
	margin-bottom: 15px;
}
#global{
	position: relative;
	margin: 0 auto;
	width: 950px;
	background: url('images/global.jpg') repeat-y 0 25px;
}
#header h1{
	height: 218px;
	background: url('images/header.jpg') no-repeat 0 0;
}
#header h1 span{display: none;}
#header #img1{
	position: absolute;
	top: 14px;
	left: 194px;
	display: block;
	width: 135px;
	height: 0;
}
#header #img1 img, #header #img2 img{
	border: 0;
}
#header #img2{
	position: absolute;
	top: 24px;
	left: 743px;
	display: block;
	width: 137px;
	height: 0;
}
#page{
	margin-bottom: 25px;
	margin-top: -25px;
	width: 700px;
	float: right;
	text-align: justify;
}
.post{
	margin-bottom: 40px;
}
.single{
    margin-bottom: 20px;
}
hr{
	width: 400px;
	height: 0;
	font-size: 0;
	line-height: 0;
	margin: 25px auto 0;
	border-bottom: 1px dashed white;
	text-align: center;
	clear: both;
}
h2.title-post, .page h2{
	margin-bottom: 20px;
	overflow: hidden;
	color: #C33714;
	font-size: 19px;
	font-weight: bold;
}
.page h2{
	margin-bottom: 25px;
}	
h2.title-post a{
	color: #C33714;
}
p.infos-post{
	text-align: right;
	margin-top: 30px;
	font-size: 10px;
	color: #767372;
	clear: both;
}
.content-post p, .content-post address, .content-page p, .content-page address{
	margin-bottom: 15px;
	line-height: 16px;
}
.content-post ul, .content-post ol, .content-page ul, .content-page ol{
	margin-left: 50px;
	margin-bottom: 15px;
}

#menu{
	display: inline;
	width: 230px;
	margin-left: 15px;
	margin-top: -20px;
	float: left;
}
#menu li{list-style: none;}
#menu li span{display: none;}
#menu li#accueil{
	background: url('images/accueil_hover.jpg') no-repeat 0 -9999px;
}
#menu li#accueil a{
	margin-bottom: 20px;
	display: block;
	width: 144px;
	height: 40px;
	background: url('images/accueil.jpg') no-repeat 0 0;
}
#menu li#accueil a:hover{
	background: url('images/accueil_hover.jpg') no-repeat 0 0;
}
#menu li#news{
	background: url('images/news_hover.jpg') no-repeat 0 -9999px;
}
#menu li#news a{
	margin-bottom: 20px;
	display: block;
	width: 90px;
	height: 30px;
	background: url('images/news.jpg') no-repeat 0 0;
}
#menu li#news a:hover{
	background: url('images/news_hover.jpg') no-repeat 0 0;
}
#menu li#association{
	margin-bottom: 15px;
	display: block;
	width: 138px;
	height: 34px;
	background: url('images/association.jpg') no-repeat 0 0;
}
#menu li#presentation{
	background: url('images/presentation_hover.jpg') no-repeat 0 -9999px;
} 
#menu li#presentation a{
	margin-left: 10px;
	margin-bottom: 5px;
	display: block;
	width: 156px;
	height: 28px;
	background: url('images/presentation.jpg') no-repeat 0 0;
}
#menu li#presentation a:hover{
	background: url('images/presentation_hover.jpg') no-repeat 0 0;
}
#menu li#activites{
	background: url('images/activites_hover.jpg') no-repeat 0 -9999px;
}
#menu li#activites a{
	margin-left: 10px;
	margin-bottom: 5px;
	display: block;
	width: 156px;
	height: 26px;
	background: url('images/activites.jpg') no-repeat 0 0;
}
#menu li#activites a:hover{
	background: url('images/activites_hover.jpg') no-repeat 0 0;
}
#menu li#stages{
	background: url('images/stages_hover.jpg') no-repeat 0 -9999px;
} 
#menu li#stages a{
	margin-left: 10px;
	margin-bottom: 5px;
	display: block;
	width: 145px;
	height: 30px;
	background: url('images/stages.jpg') no-repeat 0 0;
}
#menu li#stages a:hover{
	background: url('images/stages_hover.jpg') no-repeat 0 0;
}
#menu li#galeries{
	background: url('images/galeries_hover.jpg') no-repeat 0 -9999px;
} 
#menu li#galeries a{
	margin-top: 15px;
	margin-bottom: 20px;
	display: block;
	width: 148px;
	height: 30px;
	background: url('images/galeries.jpg') no-repeat 0 0;
}
#menu li#galeries a:hover{
	background: url('images/galeries_hover.jpg') no-repeat 0 0;
}
#menu li#forum{
    background: url('images/forum.jpg') no-repeat 0 0;
}
#menu li#forum a{
    margin-top: 15px;
	margin-bottom: 20px;
	display: block;
	width: 148px;
	height: 30px;
	background: url('images/forum.jpg') no-repeat 0 0;
}
#menu li#forum a:hover{
	background: url('images/forum_hover.jpg') no-repeat 0 0;
}
#menu li#contact{
	background: url('images/contact_hover.jpg') no-repeat 0 -9999px;
}
#menu li#contact a{
	margin-bottom: 20px;
	display: block;
	width: 133px;
	height: 27px;
	background: url('images/contact.jpg') no-repeat 0 0;
}
#menu li#contact a:hover{
	background: url('images/contact_hover.jpg') no-repeat 0 0;
}
#menu li#membres{
	background: url('images/membres_hover.jpg') no-repeat 0 -9999px;
} 
#menu li#membres a{
	margin-bottom: 15px;
	display: block;
	width: 160px;
	height: 27px;
	background: url('images/membres.jpg') no-repeat 0 0;
}
#menu li#membres a:hover{
	background: url('images/membres_hover.jpg') no-repeat 0 0;
}
#footer{
	height: 24px;
	padding-bottom: 50px;
	padding-left: 250px;padding-top: 135px;
	text-align: center;
	clear: both;
	background: #000 url('images/footer.jpg') no-repeat 0 0;
}


/* CSS EN VRAC POUR LE MOMENT */
.center{
	text-align: center;
}
.alignleft{
	text-align: left;
}
.alignright{
	text-align: right;
}
#error{
	width: 80%;
	margin: 100px auto 0;
	padding: 10px 5px;
	color: #851209;
	border: 1px dashed #851209;
}
#error h2{
	font-size: 20px;
}
#error h2 img{
	vertical-align: middle;
}
#error p{
	margin-top: 20px;
	font-size: 14px
}
.navigation{
	font-size: 14px;
}
h3#title-comment, #respond h3{
	margin-bottom: 25px;
	font-size: 16px;
	font-weight: bold;
	color: #4f4f4f;
}
.commentlist{
	margin-bottom: 35px;
}
.commentlist li{
	list-style: none;
	margin-bottom: 25px;
}
.comment-infos{
	margin-bottom: 10px;
}
.comment-text{
	width: 85%;
	margin-left: 15px;
	padding: 5px;
	background-color: #0b0b0b;
	border: 1px solid #343232;
}
.comment-text p{
	margin-bottom: 5px;
	line-height: 16px;
}
#respond{
	margin-top: 25px;
}
.wpcf7-form p{
	margin-bottom: 0;
}
#commentform label, .wpcf7-form label{
	font-size: 11px;
}
#commentform input, #commentform textarea, .wpcf7-form input, .wpcf7-form textarea{
	margin-left: 15px;
	margin-bottom: 5px;
	padding: 3px;
	background-color: #d5d5d5;
	color: #0b0b0b;
	border: 1px solid #191918;
	font-family: Tahoma, Verdana, Arial, sans-serif;
	font-size: 12px;
}
#commentform textarea, .wpcf7-form textarea{
	margin-top: 5px;
}
#commentform #submit, .wpcf7-form #submit{
	width: 175px;
	margin-top: 10px;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
}
.wpcf7-form #submit{
	width: 135px;
}
.wpcf7-form .wpcf7-response-output{
	width: 200px;
	margin-left: 15px;
}
#last-news h3, #last-gallery h3{
	margin-top: 30px;
	font-size: 17px;
	color: #C33714;
}
#last-news ul{
	margin-left: 30px;
	color: #9A806A;
}
#last-gallery ul{
	margin-left: 0;
}
#last-news ul li{
	padding-bottom: 5px;
	font-size: 14px;
	font-weight: bold;
}
#last-gallery ul li{
	margin-bottom: 25px;
	list-style: none;
	display: block;
	clear: both;
}
#last-gallery ul li h4{
	margin-bottom: 15px;
	font-size: 15px;
}
#last-gallery ul li h4 span{
	margin-left: 10px;
	font-size: 11px;
	font-weight: normal;
	color: rgb(80,80,80);
}
.pagination {
	font-size:1em !important;
	clear:both !important;
	display:block !important;
	padding-top:35px;
	margin-bottom: 25px;
	text-align:center;
}

.pagination span {
	font-weight:bold;
	margin:0pt 3px;
}

.pagination a.page-numbers,
.pagination a.next,
.pagination a.prev, 
.pagination span.page-numbers,
.pagination span.next,
.pagination span.prev {
	margin-right:3px;
	padding:3px 3px;
}

.pagination a.page-numbers:hover,
.pagination a.next:hover,
.pagination a.prev:hover, 
.pagination span.page-numbers:hover,
.pagination span.next:hover,
.pagination span.prev:hover {
	background-color: #d2d2d2;
	color: #9A806A;
	text-decoration: none !important;
}
.gallery-thumbnail{
	width: 150px;
	height: 150px;
	float: left;
	margin-right:15px;
	margin-bottom: 20px;
	text-align: center;
	background-color: rgb(25,25,25);
}
.gallery-thumbnail p{
	display: inline;
	text-align: center;
	line-height: 147px;
}

.gallery-thumbnail p a img{
	display: inline;
	text-align: center;
	vertical-align: middle;
	/*border: 5px solid #fff;*/
}