/*
Theme Name: Graphetic
Theme URI: http://graphetic.com
Description: Graphetic Theme
Version: 2.0
Author: Ch Barthomeuf
Author URI: http://graphetic.com
Tags: empty, full-width, simple, white

http://graphetic.com

*/

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;}

body,button,input,select,textarea{ color:#333; font-family:Arial,Verdana,sans-serif; font-size:12px; line-height:16px;}


/* Corps du site */
body {
/*background:#e4e2dd;*/
background-image:url(images/triangles.png);
color: #000;
font: 13px "Helvetica Neue", Helvetica, Arial, sans-serif;
font-weight: 300;
/*background-image:url(images/background.jpg);*/
}

header {
padding:0px 0 0 0;
margin: 0;
height: 165px;
background-image:url(images/irongrip.png);
/*background:#3a3a38;*/
/*position: fixed;
text-align: center;*/
-moz-box-shadow: 0 1px 2px 1px #888; 
box-shadow:0 1px 2px 1px #888;
}

#head {
/*position: relative; z-index:10;*/
margin: 0px auto 0 auto;
/*width: 1428px;*/
height:170px;
background-image:url(images/head.png);
background-repeat: no-repeat;
background-position: center;
}

#haut {
/*padding:10px;*/
margin: 0px auto 0 auto;
width: 956px;/*965*/
height:140px;/*140*/
left: 0;
right: 0;
top: 0;
/*background:#fff;*/
}

#contenu {
padding:10px;
margin: 5px auto 5px auto;
background:#fff;
width: 965px;
-moz-box-shadow: 0 1px 2px 1px #888; 
box-shadow:0 1px 2px 1px #888;
}

#presentation{
background-color: #eee;
float : right;
width : 280px;
height: 250px;
margin : 57px 5px 0px 10px;
padding : 5px;
/*border-radius:6px; 
-moz-border-radius:6px;*/
}

footer {
padding:5px 0 0 0;
margin: 0;
/*height:260px;*/
color: #fdfad7;
background-image:url(images/irongrip.png);
/*background: #312e2c;*/

-moz-box-shadow:0 0px 5px 2px #888; 
box-shadow:0 0px 5px 2px #888;
}

#bas {
padding:5px;
margin: 0px auto 0 auto;
width: 965px;
/*height:235px;*/
left: 0;
right: 0;
top: 0;
/*background:#fff;*/
border-right:2px dotted #1f1f1f;border-left:2px dotted #1f1f1f;
}

/* 3 colonnes contenu */

#un{
/*background:#3a3a38;*/
width:230px;
padding: 5px;
/*height:225px;	*/
float:left; 
position: relative;
/*border:2px solid #282828;*/
}
 
#deux{
/*background:#3a3a38;*/
width:225px;
padding: 5px;
/*height:225px;	*/
float: left; 

position: relative;
/*border:2px solid #282828;*/
}

#trois{
/*background:#3a3a38;*/
width:225px;
padding: 5px;
/*height:225px;	*/
float: left;
position: relative;
/*border:2px solid #282828;*/ 
}

#quatre{
/*background:#3a3a38;*/
width:225px;
padding: 5px;
/*height:225px;	*/
float:right; 
position: relative;
/*border:2px solid #282828;*/ 
}



/* 3 colonnes pied */

#left{
/*background:#3a3a38;*/
width:310px;
padding:4px;
/*height:225px;	*/
float:left; 
position: relative;
/*border:2px solid #282828;*/
}
 
#centre{
/*background:#3a3a38;*/
width:300px;
padding:4px 2px 0 10px;
/*height:225px;	*/
float: left; 
margin: 0 2px 0 6px;
position: relative;
/*border:2px solid #282828;*/border-right:2px dotted #e4e2dd;border-left:2px dotted #e4e2dd;
}

#right{
/*background:#3a3a38;*/
width:310px;
padding:4px;
/*height:225px;	*/
float:right; 
position:relative;
/*border:2px solid #282828;*/ 
}

.job{
background-color:#eee;
padding:2px;
margin: 0 50px 0 450px;
}

/* Mise en forme */
a {/*color: #65aba3;*/color: #00aeef; text-decoration: none;}
a:hover {color:#ff9c3e;}
.titre {font-family: 'Anton', sans-serif; font-size:22px; color: #312e2c;text-align:center;/*background: #312e2c; text-shadow:1px 1px 1px #000;*/margin-top:10px;}
h1{font-family: 'Pacifico', cursive; font-size:32px; text-shadow:1px 1px 1px #454545; color: #00aeef;} /* titre du site */
h2{font-size:10px; color: #fff;} /* sous titre du site */
h3{font-family: 'Pacifico', cursive; font-size:22px; /*text-shadow:1px 1px 1px #000;*/ } /* titre articles post-title */
.post-info {text-align:right; font-size:9px; padding:10px;}
.post-info a {color:#e05337;}

envoie {color:#d7534f;}

h6 {font-size: 14px; color: #e919dd;}

/* titre gadget */

.widget h6 {/*font-family: 'Raleway', cursive;*/font-family: 'Anton', sans-serif; font-size:24px;color:#e05337;text-shadow:1px 1px 1px #000;}
#left .widget  h6 {color:#CE7811;}
#right .widget  h6 {color:#6AC1B6;}

/* Balises block */
.post-content h1{ font-family: 'PT Sans Narrow', sans-serif; color: #333333; border-bottom:3px solid #666666;margin:10px;}
.post-content h2{ color:#E05337; font-family: 'PT Sans Narrow', sans-serif; font-size:18px; padding:5px;}
.post-content h3{ padding:10px; font-family: 'PT Sans Narrow', sans-serif; font-size:15px; color: #6AC1B6; }
.post-content h4{ }
.post-content h5{ }
.post-content h6{ }
.post-content p{ padding:5px; }
.post-content ul{ }
.post-content ol{ }
.post-content blockquote{ }
.post-content pre{ }
.post-content address{ }
.post-content address{ }

/* Balises inline */
.post-content strong{ }
.post-content em{ }
.post-content acronym{ }
.post-content code{ }
.post-content del{ }
.post-content ins{ }

/* Classes des images */
.alignleft{ display:inline; float:left;}
.aligncenter{ clear:both;	display:block; margin-left:auto; margin-right:auto;}
.alignright{ display:inline; float:right;}
.size-auto{}
.size-medium{border: 5px #fff solid;margin:10px;
  -moz-box-shadow: 4px 4px 12px #aaa; 
  -webkit-box-shadow: 4px 4px 12px #aaa; 
  box-shadow: 4px 4px 12px #555; 
}
.size-large{ }
.size-full{ }
.wp-caption{}
.wp-caption img{ }
.gallery{ }
.gallery .gallery-item{ }


/*Légendes images*/

.boxgrid{
	width: 220px; /*largeur légende */
	height: 180px; 
	float:left;
	/*background: #161613;
	border: solid 2px #8399AF;*/
	overflow: hidden;
	position: relative;
	text-align: center;
	margin:5px;
}
.boxgrid img{
	/*position: absolute;Apparait*/
	top: 0;
	left: 0;
	border: 0;
}

.boxcaption{
	float: left;
	position: absolute;
	background: #000;
	height: 60px; /*hauteur de la légende*/
	width: 220px;
	opacity: .8;
	/* Pour IE 5-7 */
	filter: progid:DXImageTransform.Microsoft.Alpha(Opacity=80);
	/* Pour IE 8 */
	-MS-filter: "progid:DXImageTransform.Microsoft.Alpha(Opacity=80)";
}

.boxcaption a {color:#fff;}
.boxcaption p {color:#fff; font-size:9px;margin:0;padding:3px;}

.captionfull .boxcaption {  
	top: 180px;  
	left: 0;  
}  
.caption .boxcaption {  
	top: 180px;  
	left: 0;  
}

/* Menu */
#navmenu ul {margin: 0; padding: 100px 0 0 0; list-style-type: none; list-style-image: none; font-family:"American Typewriter", Georgia, Georgia, Arial, Helvetica, sans-serif;}
#navmenu li {display: inline; float:right;}

#navmenu ul li a {text-decoration:none;  margin: 4px; padding: 5px 20px 5px 20px; color: #ddd;	background: #000;}
#navmenu ul li a:hover {color: purple;	background: yellow; }
/*#navmenu .current-cat {color: purple;	border:2px ridge yellow; }*/

#navigation {
float:right;
padding:0;
margin:0;
}

.current_page_item{color:red} // Class for Current Page
.current-cat{} // Class for Current Category
.current-menu-item{} // Class for any other current Menu Item
.menu-item-type-taxonomy{} // Class for a Category
.menu-item-type-post_type{} // Class for Pages
.menu-item-type-custom{} // Class for any custom item that you added
.menu-item-home{} // Class for the Home Link


/*----Formulaire de contact-----*/
input { 
	color: #000; 
	font-size: 11px; 
	background-color: #ffffff;
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
	}
	
textarea { 
	color: #000; 
	font-size: 11px; 
	background-color: #ffffff;
	border:1px solid #aaa;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 0 3px #aaa;
	-webkit-box-shadow:0 0 3px #aaa;
	padding:5px;
	}
	
.txterror { color: black; font-size: 11px;  }
.txtform { color: black; font-size: 12px;  }


input[type=submit],
a.submit{
	background:#ddd;
	background:-moz-linear-gradient(90deg, #0459b7, #08adff); /* Firefox */
	background:-webkit-gradient(linear, left top, left bottom, from(#08adff), to(#0459b7)); /* Webkit */
	border:1px solid #093c75;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	-moz-box-shadow:0 1px 0 #fff;
	-webkit-box-shadow:0 1px 0 #fff;
	color:#fff;
	cursor:pointer;
	
	font-size:12px;
	font-weight:bold;
	margin-left:120px;
	padding:5px 10px;
	text-decoration:none;
	text-shadow:0 1px 1px #333;
	text-transform:uppercase;
}
input[type=submit]:hover,
a.submit:hover{
	background:#eee;
	background:-moz-linear-gradient(90deg, #067cd3, #0bcdff);
	background:-webkit-gradient(linear, left top, left bottom, from(#0bcdff), to(#067cd3));
	border-color:#093c75;
	text-decoration:none;
}
input[type=submit]:active,
input[type=submit]:focus,
a.submit:active,
a.submit:focus{
	background:#ccc;
	background:-moz-linear-gradient(90deg, #0bcdff, #067cd3);
	background:-webkit-gradient(linear, left top, left bottom, from(#067cd3), to(#0bcdff));
	border-color:#093c75;
	outline:none;
}
.contactok {
	background:#fff;
	border:2px solid #41a62a;
	-moz-border-radius:3px;
	-webkit-border-radius:3px;
	padding:5px 10px;}
/*---------*/