/****************************/
/*  CSS Harmonie Retrouvée  */
/*    Simon Webureautique   */
/*     (c) 2010             */
/****************************/


/* page */

body{
 background-image:url('../images/body.jpg');
}
#conteneur{
	position:relative;
	margin:0 auto;
	height:768px;
	width:924px;
	background-image:url('../images/total.jpg');
}
#logo{
	position:absolute;
	top:0px;
	left:0px;
	height:70px;
	width:924px;
	
}
#menug{
	position:absolute;
	top:70px;
	left:0px;
	width:140px;
	height:698px;
	
}
#accu{
	margin:0 auto;
	position:absolute;
	left:250px;
	top:-25px;
	display:none;
	z-index:30;
}
#contactploch{
	margin:0 auto;
	position:absolute;
	height:608px;
	width:784px;
	left:0px;
	top:9px;
	display:none;
	background-image:url('../images/fond1.jpg');
	border:1px black double;
	z-index:35;
}

#corps{
	position:absolute;
	top:70px;
	left:140px;
	
	width:784px;
	height:668px;
}
#pied{
	position:absolute;
	top:738px;
	right:0px;
	
	width:784px;
	height:30px;
}
/* Formulaire contact */
#contact{
	position:absolute;
	right:5px;
	top:40px;
	height:30px;
	width:144px;
	background-image:url('../images/contact.png');
}
#form_contact{
	position:absolute;
	top:70px;
	right:0px;
	width:250px;
	height:250px;
	background-image:url('../images/fond1.jpg');
	display:none;
	z-index:15;
}
#messageSent{
	text-align:center;
	background-image:url('../images/fond1.jpg');
	top:5px;
	width:240px;
	height:35px;
	vertical-align:middle;
	display:none;
}
/* */ 
a{
	color:white;
	text-decoration:none;
}
a:hover{
	text-decoration:underline overline;
}
.info a{
	color:yellow;
	text-decoration:none;
}
.info a:hover{
	color:purple;
}
.ctr{
	text-align:center;
}
.drt{
	text-align:right;
}
.gch{
	text-align:left;
}
.jsty{
	text-align:justify;
}
.crt_pied{
	text-align:center;
	font-size:xx-small;
	text-decoration:none;
}
.pied{
	font-size:xx-small;
	text-decoration:none;
	color:black;
}
.mini{
	font-size:small;
}
/* Partie menu */

.menu{
	width:130px;
}
.menu_chapitre{
	padding:5px;
	cursor:pointer;
	position:relative;
	margin:1px;
	font-weight:bold;
	color:white;
	background-image:url('../images/bouton_vert_foncee.png');
	background-repeat:no-repeat;
}
.menu_chapitre a{
	text-decoration:none;
	color:white;
}
.menu_chapitre_act{
	padding:5px;
	cursor:pointer;
	position:relative;
	margin:1px;
	font-weight:bold;
	color:black;
	background-image:url('../images/bouton_vert_clair.png');
	background-repeat:no-repeat;
}
.menu_chapitre_act a{
	text-decoration:none;
	color:Black;
}

.menu_point_act a {
	background-color:black;
	width:150px;
	color:white;
	/*background-image:url('../images/fond2.jpg');*/
}
.menu_point a {
	display:block;
	color:black;
	width:120px;	
	background-image:url('../images/fond1.jpg');
	text-decoration:none;
}
.toto {
	color:fuchsia;
}

.menu_point a:hover{
	text-decoration:underline overline;
}
.cel75_75{
	height:75px;
	width:75px;
}

/* partie slider */
.deroulant{
	margin:0 auto;
	position:relative;
	top:50px;
	width:700px;
	height:550px;
	border:1px black double;
	overflow:hidden;
}
#galerie1, #galerie2, #galerie3, #galerie4, #galerie5, #galerie6, #galerie7, #galerie8, #galerie9{
	margin:0 auto;
	position:relative;
	top:0px;
	width:700px;
	height:550px;
	border:1px black double;
	overflow:hidden;
}
#gal{
	margin:0 0 15px 15px;
	padding:10px 10px 15px 15px;
	position:relative;
	height:550px;
	width:700px;
	top:50px;
	left:-5px;
	border:1px black double;
}

.slider{
	position:absolute;
	width:700px;
	height:5000px;
}
.inside_txt{
	padding: 10px 10px 10px 10px;
	margin:10px 10px 10px 10px;
	width:660px;
	height:510px;
}
.suiv{
	position:absolute;
	cursor:pointer;
	bottom:0px;
	right:0px;
	height:51px;
	width:25px;
	background-image:url('../images/fleche_down.png');
}
.prec{
	position:absolute;
	cursor:pointer;
	top:0px;
	right:0px;
	height:51px;
	width:25px;
	background-image:url('../images/fleche_up.png');
	display:none;
}
/*
.menu_point a, .menu_ouvert a {
	display:block;
	color:black;
	background-color:white;
	padding-left:30px;
	text-decoration:none;
}
.menu_point a:hover, .menu_ouvert a:hover {
	color:black;
	text-decoration:underline;
}
*/

/* onglets */

#tabbed_box{
	margin: 0px auto 0px auto;
	width:325px;
}
.tabbed_box h4{
	font-size:20px;
	color:yellow;
	letter-spacing:-1px;
	margin-bottom:5px;
}
/*.tabbed_box h4 small{
	color:#e3e9ec;
	font-weight:normal;
	font-size:9px;
	text-transform:uppercase;
	position:relative;
	top:-4px;
	left:6px;
	letter-spacing:0px;
}*/
.tabbed_area{
	/*border:1px solid #494e52;
	background-color:silver;*/
	padding:8px;
}
ul.tabs{
	margin:0px;
	padding:0px;
	margin-top:5px;
	margin-bottom:6px;
}
ul.tabs li{
	list-style:none;
	display:inline;
}
ul.tabs li a{
	background-color:#333333;
	color:#ffebb5;
	padding:8px 14px 8px 14px;
	text-decoration:none;
	font-size:9px;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-weight:bold;
	text-transform:uppercase;
	border:1px solid #464c54;
}
ul.tabs li a:hover{
	background-color:black;
	border-color:#2f343a;
}
ul.tabs li a.active{
	background-image:url('../images/bouton_vert_clair.png');
	color:#282e32;
	border:1px solid #464c54;
	border-bottom:1px solid #ffffff;
}
.content{
	/*background-color:#ffffff;*/
	padding:10px;
	border:1px solid #464c54;
}
#content_2, #content_3, #content_4,#content_5,#content_6,#content_7,#content_8,#content_9 {
	display:none;
}