/*
Theme Name: Grand Cheval Sauvage
Theme URI: http://www.grandchevalsauvage.com
Description: Grand Cheval Sauvage
Author: Guillaume Leduc
Version: 1.0
*/


/* CSS RESET */

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, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	background: transparent;
	border: 0;
	margin: 0;
	padding: 0;
	vertical-align: top;
	color:#OOO;
}
html {
	height:100%;
}
body {
background-color:#FFF;
height:100%;	
}
h1, h2, h3, h4, h5, h6 {
	clear: both;
	font-weight: normal;
}
ol, ul, li {
	list-style: none;
}

a img {
	border: none;
}

a:focus { 
    outline: none; 
}


* {
	-webkit-box-sizing: border-box; /* Safari/Chrome, other WebKit */
  -moz-box-sizing: border-box;    /* Firefox, other Gecko */
  box-sizing: border-box;    
}


/* MENU GCS */


#menu {
position:fixed;
left:50px;
top:0px;
width:230px;
height:100%;
z-index:1000;
background-color:#FFF;	
padding-left:20px;
font-family:Arial, Helvetica, sans-serif;
padding-top:70px;
overflow:auto;
-webkit-overflow-scrolling: touch;
}

#menu-inner {

}

#menu a{
text-decoration:none;	
}

#menu h1 {
margin-bottom:10px;	
}

#menu h2 {
font-size:12px;
font-weight:bold;
margin-bottom:5px;	
	
}


#menu li.current_post_item a {
color:#00F;
font-size:12px;
}

#menu li.projets a {
font-size:12px;
color:#000;
}

#menu li.projets a:hover {
color:#00F;
}

#menu li.projets a:visited {
color:#999;
}

#menu li.page_item {
font-size:12px;
font-weight:bold;
margin-top:5px;	
}

#menu li.page_item a{
color:#000;

}

#menu li.page_item a:hover{
color:#00F;	
}
#menu li.page_item a:visited{
color:#000;		
}

#menu li.current_page_item a {
color:#00F;
}
#menu li.current_page_item a:hover {
color:#00F;
}
#menu li.current_page_item a:visited {
color:#00F;
}

/* CONTENT GCS */

#content {
padding-left:305px;
padding-top:70px;
font-family:Arial, Helvetica, sans-serif;
height:100%;
}

#content h1{
color:#00F;
font-size:20px;
font-weight:bold;
}

#content p{
font-size : 12px;
line-height:18px;
margin-top:5px;	
}

#content a{
color:#000;	
}

#content a:hover{
color:#00F;	
text-decoration:none;
}

#content a:visited{
color:#000;	
}

.post_texte {
width:300px;
margin-right:30px;
}

.post_texte_page {
width:570px;
padding-right:30px;
}
.post_img {
width:auto;
}


/* INDEX */

#bloc_fullscreen {
position:fixed;
z-index:10;
top:0;
left:0;
width:100%;
overflow:hidden;	
}

.fullscreen {
overflow:hidden;	
}

#bloc_nav {
position:absolute;
z-index:20;
width: 850px;
height: 580px;
left: 50%;
top: 50%;
margin-left: -425px; /* moitié de width */
margin-top: -400px; /* moitié de height */

}


#bloc_bt_video {
position:relative;
z-index:30;
top:640px;
left:770px;
width:60px;
}

/* NAV */

.index_link {
background-color:#FFF;
font-family:Arial, Helvetica, sans-serif;
font-size:16px;
font-weight:bold;
padding:4px;
width:200px;
cursor:pointer;
color:#OOO;
}

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

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

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

#projet {
position:relative;
z-index:30;
left:100px;
top:260px;
color:#OOO;
}

#club {
position:relative;
z-index:30;
left:300px;
top:530px;	
}

#chevaux {
position:relative;
z-index:30;
left:600px;
top:381px;		
}

#signature {
font-size:9px;
color:#999;
line-height:12px;
float:left;
margin-top:30px;
padding-bottom:30px;	
}