/*
Theme Name: Johanne Gonthier
Theme URI: #
Description: Custom theme
Version: 1.0
Author: Deyan Kostadinov
Author URI: http://deyhost.com/
Tags: 
*/
html {overflow-y: scroll;}

body {
	font-size: 12px;
 	font-family: 'Lucida Grande', Verdana, Arial, Sans-Serif;
	background: #06323d url('images/background.jpg') repeat scroll 0 0;
	color: #333;
	text-align: center;
	margin: 0;
	}
img {
	border:0;
	}
.offset {
	position: absolute;
	left: -9999px;
	}
#mainwrap {
	background:transparent url(images/back.jpg) repeat-x scroll 0 0;
	overflow:hidden;
	padding-bottom:6px;
	padding-top:9px;
	}
#page {
	margin: 0 auto;
	width: 925px;
	text-align: left;
	}
#left {
	background:transparent url(images/menu.jpg) no-repeat scroll 0 0;
	float:left;
	height:644px !important;
	padding:8px;
	width:270px;
	}
#logo a {
	display:block;
	height:215px;
	width:270px;
	}
#menu {
	list-style: none;
	margin: 0;
	padding:7px 0 0 10px;
	width:240px;
	}
#menu li {
	padding: 0 0 20px 0;
	margin: 0;
	}
#menu li a {
	background-image: url(images/buttons.png);
	height: 30px;
	display: block;
	vertical-align: middle;
	}
#menu li#accueil a {
	background-position: 0 0;
	width: 250px;
	display: block;
	}
#menu li#accueil a:hover {	
	background-position: -250px 0;
	width: 250px;
	display: block;
	}	
#menu li#deputee a {
	background-position: 0 -50px;
	width: 250px;
	display: block;
	}
#menu li#deputee a:hover {
	background-position: -250px -50px;
	width: 250px;
	display: block;	
	}	
#menu li#actions a {
	background-position: 0 -100px;
	width: 250px;
	display: block;
	}
#menu li#actions a:hover {
	background-position: -250px -100px;
	width: 250px;
	display: block;
	}	
#menu li#comte a {
	background-position: 0 -150px;
	width: 250px;
	display: block;
	}
#menu li#comte a:hover {
	background-position: -250px -150px;
	width: 250px;
	display: block;
	}
#menu li#equipe a {
	background-position: 0 -200px;
	width: 250px;
	display: block;	
	}
#menu li#equipe a:hover {
	background-position: -250px -200px;
	width: 250px;
	display: block;
	}
#menu li#organisme a {	
	background-position: 0 -250px;
	width: 250px;
	display: block;
	}
#menu li#organisme a:hover {
	background-position: -250px -250px;
	width: 250px;
	display: block;
	}
#menu li#contact a {
	background-position: 0 -300px;	
	width: 250px;	
	display: block;	
	}
#menu li#contact a:hover {
	background-position: -250px -300px;
	width: 250px;
	display: block;
	}
#menu li#information a {
	background-position: 0 -350px;
	width: 250px;
	height: 50px!important;
	display: block;
	}
#menu li#information a:hover {
	background-position: -250px -350px;
	width: 250px;
	display: block;
	}
#content {	
	background-color:#FFF5EA;
	border-bottom:5px solid #35525A;
	border-right:4px solid #35525A;	
	border-top:5px solid #35525A;	
	float:right;	
	margin-top:45px;
	min-height:490px;	
	padding:20px 20px 20px 65px;
	position:relative;
	width:550px;	
	}
#paper {	
	background:transparent url(images/paper.png) no-repeat scroll 0 0;
	height:540px;
	left:0;	
	position:absolute;	
	top:-29px;
	width:45px;
	}
#topright {	
	background:transparent url(images/topright.png) no-repeat scroll 0 0;
	height:53px;
	position:absolute;
	right:-6px;
	top:-11px;	
	width:53px;	
	}
#bottomright {	
	background:transparent url(images/bottomright.png) no-repeat scroll 0 0;
	bottom:-12px;
	height:53px;
	position:absolute;
	right:-5px;
	width:53px;
	}
h1,h2,h3,h4 {	
	padding:0;
	margin: 0;
	}
h2 {	
	font-family: Trebuchet MS, Arial, Verdana, Sasns-serif;	
	color: #074766;
	font-size: 20px;
	padding-bottom: 8px;	
	}
h3 a {
	color: #074766;	
	font-size: 14px;
	text-decoration: none;
	}
h3 a:hover {
	text-decoration: underline;
	}
.entry p {
	color:#1B1B1B;
	line-height: 16px;
	margin: 0 0 8px 0
	}
.entry img {
	margin:0 8px 8px 0;
	}
/* Begin Images */

p img {
	padding: 0;	
	max-width: 100%;
	}
img.centered {
	display: block;
	margin-left: auto;
	margin-right: auto;	
	}
img.alignright {
	padding: 4px;
	margin: 0 0 2px 7px;
	display: inline;
	}
img.alignleft {
	/*padding: 4px;*/
	margin: 0 9px 4px 0;
	display: inline;
	}
.alignright {
	float: right;
	}
.alignleft {
	float: left;
	}
.aligncenter, img.aligncenter {
	display: block;
	margin-left: auto;
	margin-right: auto
	}
/* End Images */


/* Home Page */
.clear {
	clear: both;
	}
#homepage {
	float:right;
	margin-top:45px;
	padding:0px;
	position:relative;
	width:639px;
	}
#homeborder {
	background-color:#FFF5EA;
	border-bottom:5px solid #35525A;
	border-right:4px solid #35525A;
	border-top:5px solid #35525A;
	position:relative;
	}
.line {
	height: 6px;
	border: 0px;
	background: transparent url(images/line.png) no-repeat scroll 0 0;
	margin: 0;
	padding: 5px 0;
	}
.featured {
	float: left;
	background: transparent url(images/homenews.png) no-repeat scroll 0 0;
	width: 265px;
	height:140px!important;
	padding: 15px 20px;
	margin:0 1px 10px 1px;
	position: relative;
	}
.featuredimg {
	float: left;
	width: 140px;
	}
.featuredtxt {
	float: right;
	width: 120px;
	}
.featured h2 a {
	color: #074766;
	font-size: 12px;
	line-height: 14px;
	text-decoration: none;
	}
.featured h2 a:hover {
	text-decoration: underline;
	}
.featured p {
	font-size: 11px;
	}
.readmore {
	bottom:23px;
	position:absolute;
	right:17px;
	}
.readmore a {
	color: #074766;
	font-size: 12px;
	font-weight: bold;
	padding:5px 33px 5px 0;
	text-decoration: none;
	}
.readmore a:hover {
	color: #096B9B;
	}
#recentes {
	margin: 15px auto 0;
	background: transparent url('images/recentes.png') no-repeat scroll 0 0;
	width: 320px;
	height: 18px;
	}
.recentposts {
	clear: both;
	width: 527px;
	background: transparent url('images/recentback.jpg') repeat-y scroll 0 0;
	margin-bottom:20px;
	overflow: hidden;
	}
.recenttop {
	background: transparent url('images/recenttop.jpg') no-repeat scroll 0 0;
	width: 527px;
	height: 12px;
	padding-bottom:8px;
	}
.recentbottom {
	clear:both;
	background: transparent url('images/recentbottom.jpg') no-repeat scroll 0 0;
	width: 527px;
	height: 20px;
	}
.font11px {
	font-size: 11px;
	}
.recentimg {
	float:left;	
	padding-left:20px;
	width:110px;
	}
.recenttxt {
	/*float:right;
	padding-right:20px;
	width:370px;*/
	padding:0 20px;
	}
#textlinkhome {
	margin: 0 auto;
	background: transparent url('images/textlinkhome.png') no-repeat scroll 0 0;
	width: 304px;
	height: 18px;
	}
#textlinkhome a {
	display: block;
	height:18px;
	width:304px;
	}
#boxes {
	list-style: none;
	margin: 0;
	padding: 0;
	}
.box {
	background: transparent url('images/boxback.jpg') repeat-y scroll 0 0;
	width: 242px;
	overflow: hidden;
	}
.box p {
	margin: 0!important;
	padding: 0 17px;
	}
.boxtop {
	background: transparent url('images/boxtop.jpg') no-repeat scroll 0 0;
	width: 242px;
	height: 15px;
	}
.boxbottom {
	clear:both;	
	background: transparent url('images/boxbottom.jpg') no-repeat scroll 0 0;	
	width: 242px;
	height: 16px;
	}
table td {	
	vertical-align: top;
	}
#footer {
	margin: 0px;
	/*background-color: #74b5e8;*/
	padding: 3px 0;	
	}
.backlink {
	color: #074766;	
	font-weight: bold;
	text-decoration: none;
	}
.backlink:hover {
	text-decoration: underline;
	}
	
/* Homepage links */
#link1 {
	position: absolute;
	top: 185px;
	left: 480px;
	}
#link2 {
	left:167px;
	position:absolute;
	top:298px;
	}
#link1 a, #link2 a {
	display: block;
	width: 25px;
	height: 45px;
	}
	
#screenshot{
	position:absolute;
	display:none;
	color:#fff;
	}

.area screenshot{
	position:absolute;
	display:none;
	color:#fff;
	}
.area a{
	position:absolute;
	display:none;
	color:#fff;
	}

.area {
	position:absolute;
	display:none;
	color:#fff;
	}

.formBGcontact {
	width: 370px;
	height:285px!important;
	margin: 0 auto;
	background: transparent url(images/formBGcontact.png) no-repeat scroll 0 0;
	text-align:center;
	padding: 20px;
	}

#deyhome {
	clear: both;
	}
#deyimage img {
	display: block;
	margin-bottom:8px;
	margin-left:auto;
	margin-right:auto;
	margin-top:0;
	}
#deytext {
	padding: 8px;
	background-color:#FFF5EA;
	border-bottom:5px solid #35525A;
	border-right:4px solid #35525A;
	border-left:4px solid #35525A;
	border-top:5px solid #35525A;
	}