﻿/*
Theme Name: maree time
Theme URI: http://jessai.fr.nf
Description: themes wordpress en français
Version: 1.0
Author: http://jessai.fr.nf
Author URI: http://jessai.fr.nf
*/
h1 {position: absolute; z-index: 1000; text-align: left; font-style:italic; font-family: Narkisim; font-size:14px; color:white; text-decoration:none; font-weight:normal; padding-top: 5px;padding-left: 50px;}
h3 {text-align: center; font-style:italic; font-family: Vivaldi; font-size:16px; color:black; text-decoration:underline; font-weight:normal; padding-top: 10px;}

p {font-size: 15px; font-family: Helvetica, sans-serif; padding-left: 5px; padding-right: 5px; padding-top: 5px; padding-bottom: 0px;color:#000000; text-align: justify;}
p.footer {font-size: 13px; font-family: Helvetica, sans-serif; padding-left: 5px; padding-right: 5px; padding-top: 0px; padding-bottom: 0px;color:#000000;}

p.ref{font-size: 10px; font-family: Helvetica, sans-serif; color:#FFFFFF; text-align:right;padding:0;}
p.adresse {font-size: 12px; font-family: Helvetica, sans-serif; color:#FFFFFF; text-align:center;padding-top:150px;}
p.haut{font-size: 15px; font-family: Helvetica, sans-serif; padding-left: 445px; padding-right: 0px; padding-top: 35px; padding-bottom: 0px;color:#000000;}
p.numero{font-size: 25px; font-family: Helvetica, sans-serif; padding-left: 495px; padding-right: 0px; padding-top: 35px; padding-bottom: 0px;color:#000000; font-style:italic;}

h2 { text-align: left; font-size: 18px; font-family: Narkisim; padding-left: 5px; padding-right: 0px; padding-top: 5px; padding-bottom: 0px;color:#000000; font-weight:bold;  }
body {
	margin:0px;
	padding:0px;
	background-color:#EF9C34;
}
.boite {
	margin-top:10px;
	margin-left:auto;
	/*margin-left:125px;*/
	margin-right:auto;
	width:1000px;
	background: #fff url("images/fondboite.jpg"); background-repeat : repeat-y;
	/*border: solid 1px red;  Pour voir les limites du bloc */

	padding-bottom: 18px;
	//padding-bottom: 30px;
	/*overflow:auto;*/
}
.ref {	
	width:1000px;
	margin:0;
	padding:0;
}
#accueil {

	margin-left:62px;
	overflow:auto;
	//overflow:hidden;
	padding:0px 10px;
	width:836px;
	/*margin-bottom:-70px;*/
	min-height:500px;
	border: 10px solid #7F7F7F; 
	background-color:#FFFFFF;
}
#texte1 {
	width:390px;
	float:left;
}

#texte2 {
	width:390px;
	float:left;
	margin-left:40px;
}
#texte3 {
	width:390px;
	float:left;
	clear:both;
}

#texte4 {
	width:390px;
	float:left;
	margin-left:40px;
}

#visite {
	width:350px;
	float:left;
}
#cadre_bas {
	background: transparent url(images/coquillage.png) no-repeat;
	background-position: right bottom;
	margin-top:-83px;
	margin-left:52px;
	height:137px;
	width:896px;
	clear:both;
}
#cadre_bas img {
	/*position:relative;
	top:-103px;
	left:721px;*/
	float:right;
	margin-right:52px;
	
}
.boite #content {
	margin-top:18px;
	margin-left:54px;
	/*width: 1000px;*/
	overflow:auto;
	background: transparent;
	padding:0px 70px 40px 40px;
	text-align:justify;
	z-index:1;
}
#haut {
	width:1000px;
	background-position: center top;
	height:74px;
	position:relative;
	}
#footer {
	text-align:center;
}
#footer p {
color:#FFFFFF;
line-height:1em;
text-align:center;
padding-top:5px;
}
#footer p img {
vertical-align:middle;
}
#logo {
	background: transparent;
	/*background: transparent url(images/baslogo.png) no-repeat;
	background-position: 48% top;*/
	position: relative;
	top: 0px;
	left:0px;
	width:1000px;
	margin-bottom:-91px;
	/*height:70px;*/
	z-index:1000;
}
#logo a {
	background: transparent;
	border:0px;
	text-decoration:none;
}
#logo img {
	background: "#000";
	z-index:100;
	border:none;
}
#cadre_int {
	width:896px;
	height:15px;
	position: relative;
	top: 0px;
	left:52px;
	background:#FFFFFF;
	z-index:900;
}
#degrade_gauche {
	float:left;
	margin-left:52px;
}
#degrade_droit {
	float:right;
	margin-right:52px;
}
#diapo {
	margin: 0px 0px 0px 62px;
	width:876px;
	height:419px;    
	z-index:0;
}
#tech embed {
	z-index:0;
}
.cadre {
	width:230px;
	height:300px;
	border: solid 2px red;
	float:left;
	margin:0px 0px 45px 35px;
	z-index:2;
}

/****************** menu **********************************/
#nav {
  background-color:#7F7F7F;
	position: relative;
	/*margin-top:-535px;*/
	margin-left: 62px;
	width: 876px;
	height:100px;
	z-index:500000;
}


#nav ul {
	padding:0px;
	margin:0px 0px 0px 0px;
	list-style: none;
	/*line-height: 2;*/
}

#nav a, #nav a:hover {
	display: block;
	border:none;
}

#nav li ,#nav li:hover {
	margin-top:-10px;
	float: left;
	list-style:none;
	background-image:url(images/menu_bulle.png); background-repeat:no-repeat;
	width:173px;
	z-index:1000;
}


#nav li:hover {
	background-image:url(images/menu_bulle_hover.png); background-repeat:no-repeat;
}


#nav li:active {
	background-image:url(images/menu_bulle_click.png); background-repeat:no-repeat;
	margin-left:8px;
	width:165px;
}


#nav li img {
	float: left;
	list-style:none;
}
#nav a, #nav a:visited {
	display:block;
	font-weight:bold;
	color: #000000;
	text-align: center;
	margin-top: 5px;
	margin-left: 0px;
	width: 173px;
}

#nav a:hover, #nav a:active, .current_cat_item	a, #home .on {
	background:;
	color:#0000A6;
}
	

#nav li ul {
	position: absolute;
	left: -999em;
	//height: 25px;
	/*width: 1000px;*/
}




#nav ul li a {
	height: 79px;
	padding-top: 25px;
	width: 173px;
}





#nav li li {
	display:block;
	width: 188px;
	height: 119px;
	background-image:url(images/sousmenu.png); background-repeat:no-repeat;
	background-position:center bottom;
}




#nav li li:hover {
	width: 188px;
	height: 119px;
	background-image:url(images/sousmenuhover.png); background-repeat:no-repeat;
	background-position:center bottom;
	
}

#nav li li a, #nav li li a:visited {
	font-weight:bold;
	color:#FFFFFF;
	text-align: center;
	padding-top:45px;
	padding-left:15px;
}

#nav li li a:hover, #nav li li a:active {
	color:#FFFFFF;
}	

#nav li:hover ul, #nav li li:hover ul, #nav li li li:hover ul, #nav li.sfhover ul, #nav li li.sfhover ul, #nav li li li.sfhover ul {
	left: auto;
}
p.bas {
color:#FFFFFF;
line-height:1em;
text-align:center;
vertical-align:middle;
}
/*************** galerie **************************************/
.item{
	margin: 25px 20px 20px 20px;
	width:230px;
	height:435px;
	float:left;
	border:3px solid #7F7F7F;
        background-color:#EF9C34;
	/*padding:0 12px 15px 0;*/
	text-align:center;
	//display:inline;
	padding:5px;

}
.item h1{
	width:170px;
	text-align:center;
	color:#FFFFFF;
}
.item img{
	margin-top:10px;
	border: 2px solid #7F7F7F;
}
.item span{
	display:block;
	float:left;
	font-family:Arial, Helvetica, sans-serif;
	font-size:18px;
	color:#FFFFFF;
	width:70px;
	padding:0 0 0 20px;
}
.view{
	display:block;
	float:left;
	line-height:18px;
	margin:3px 3px 0 0;
	width:41px;
	text-align:center;
	background-image:url(images/view_bg.gif);
	background-position:top left;
	background-repeat:no-repeat;
	color:#fff;
	text-decoration:none
}

/**************************** fin galerie ******************************/
