@charset "utf-8";

/* CSS Document */

/*********** 
Reset styles 
***********/

* {
	margin: 0;
	padding: 0;
}
html {
	background: #000;
}
.c {
	clear:both;
}
img {
	border:0px;
}
a {
   outline: none;
}
.dnone{display:none;}
.italique{font-style:italic;}
.left{float:left;}
.center{text-align:center;}
.right{float:right;}
.tleft { text-align:left; }
.tright { text-align:right; }
.nomarge { margin:0px; padding:0px; } 
.erreur2, .confirmation {width:210px;padding:3px 5px 3px 5px; display:block; margin:10px 15px 0 15px;}
.erreur2 {
	border:#BE0A05 solid 1px;
	color:#fff;
	background:#BE0A05;
	font-weight:bold;
}
.confirmation {
	border:#51932a solid 1px;
	color:#51932a;
	background:#e4fab4;
}

/****************
Global 
****************/

#global {
	width: 100%;
	padding: 0px;
	text-align: center;
	background:#debd88 ;
}

/****************
Header  accueil
****************/
#header {
	width: 960px; 
	height:500px;
	margin: 0 auto;
	text-align: center;
}
#header img{
	margin-top:40px;
}

/****************
Header  site
****************/
#header_site {
	width: 960px; 
	height:150px;
	margin: 0 auto;
	text-align: left;
	background:url('../images/fond-header.jpg') no-repeat;
}

#logo {
	float:left;
	display:block;
}

/****************
content 
****************/
#content_accueil{
	width: 960px; 
	margin: 0 auto;
	text-align:center;
}
#contact_email{
	font-family:Trebuchet MS,tahoma,arial, sans-serif;
	font-size:12px;
	text-decoration:none;
	color:#BE0A05;
	padding:0px 0px 0px 15px;
	background:#debd88 url('../images/double-puce-rouge-petite.gif') no-repeat center left;
	line-height:14px;
	height:14px;
	float:right;
	margin-top:40px;
}
#contact_email:hover{
	text-decoration:underline;
}
#content_accueil p{
	font-family:Trebuchet MS,tahoma,arial, sans-serif;
	font-size:13px;
	color:#3b2a1f;
	font-style:italic;
}

/****************
Menu principal
****************/
#menu{
	margin:0 auto;
	width:960px;
	text-align:center;
	height:80px;
}
#nav {
	list-style: none ;
	margin: 0 auto;
	padding: 0 0 0 0;
	width:840px;
}
#nav li {
	display:block;
	float:left;
}
#nav li a {
	padding:0px 45px 0px 0px;
	vertical-align:middle;
	text-decoration: none;
	float:left;
}
#nav li a.esprit {
	background:url('../images/esprit.jpg') no-repeat;
	width:98px;
	height:40px;
}
#nav li a.esprit:hover, #nav li a.esprit:focus, #nav li a.esprit:active {
	background:url('../images/esprit-hover.jpg') no-repeat;
}

#nav li a.forum{
	background:url('../images/forum.jpg') no-repeat;
	width:120px;
	height:40px;
}
#nav li a.forum:hover, #nav li a.forum:focus, #nav li a.forum:active{
	background:url('../images/forum-hover.jpg') no-repeat;
}

#nav li a.voyages{
	background:url('../images/voyages.jpg') no-repeat;
	width:160px;
	height:40px;
}
#nav li a.voyages:hover, #nav li a.voyages:focus, #nav li a.voyages:active{
	background:url('../images/voyages-hover.jpg') no-repeat;
}

#nav li a.boutique{
	background:url('../images/boutique.jpg') no-repeat;
	width:152px;
	height:40px;
}
#nav li a.boutique:hover, #nav li a.boutique:focus, #nav li a.boutique:active{
	background:url('../images/boutique-hover.jpg') no-repeat;
}

#nav li a.liens{
	background:url('../images/liens.jpg') no-repeat;
	width:115px;
	height:40px;
	padding:0px;
}
#nav li a.liens:hover, #nav li a.liens:focus, #nav li a.liens:active{
	background:url('../images/liens-hover.jpg') no-repeat;
}	

/****************
Menu principal site
****************/
#menu_site{
	width:700px;
	text-align:center;
	height:80px; 
	display:block;
	float:left;
	padding:55px 0 0 0px;
}
#nav_site {
	list-style: none ;
	margin: 0 auto;
	padding: 0 0 0 0;
	width:700px;
}
#nav_site li {
	display:block;
	float:left;
	padding:0 15px;
}
#nav_site li a {
	padding:0px 45px 0px 0px;
	vertical-align:middle;
	text-decoration: none;
	float:left;
}
#nav_site li.esprit a{
	background:url('../images/menu-site.gif') no-repeat;
	width:35px;
	height:20px;
}
#nav_site li.esprit a:hover, #nav_site li.esprit a:focus, #nav_site li.esprit a:active, #nav_site li.esprit a.active{
	background:url('../images/menu-site.gif') no-repeat;
	background-position:0px -22px;
}

#nav_site li.forum a{
	background:url('../images/menu-site.gif') no-repeat;
	width:48px;
	height:20px;
	background-position:-110px 0px;
}
#nav_site li.forum a:hover, #nav_site li.forum a:focus, #nav_site li.forum a:active , #nav_site li.forum a.active{
	background:url('../images/menu-site.gif') no-repeat;
	background-position:-110px -22px;
}

#nav_site li.voyages a{
	background: url('../images/menu-site.gif') no-repeat;
	width:80px;
	height:20px;
	background-position:-235px 0px;
}
#nav_site li.voyages a:hover, #nav_site li.voyages a:focus, #nav_site li.voyages a:active, #nav_site li.voyages a.active{
	background:url('../images/menu-site.gif') no-repeat;
	background-position:-235px -22px;
}

#nav_site li.boutique a{
	background:url('../images/menu-site.gif') no-repeat;
	width:75px;
	height:20px;
	background-position:-390px 0px;
}
#nav_site li.boutique a:hover, #nav_site li.boutique a:focus, #nav_site li.boutique a:active, #nav_site li.boutique a.active{
	background:url('../images/menu-site.gif') no-repeat;
	background-position:-390px -22px;
}

#nav_site li.liens a{
	background:url('../images/menu-site.gif') no-repeat;
	width:50px;
	height:20px;
	background-position:-540px  0px;
}
#nav_site li.liens a:hover, #nav_site li.liens a:focus, #nav_site li.liens a:active, #nav_site li.liens a.active{
	background:url('../images/menu-site.gif') no-repeat;
	background-position:-540px -22px;
}	


/******************
Colonnes et style
******************/
div.col_double {
	float:left;
	width:460px;
	
}
div.paddingRight20{
	padding-right:20px;
}
div.col_large {
	float:left;
	width:660px;
	padding-right:20px;
}
div.col_fine {
	float:right;
	width:260px;
}
#content {
	width: 960px; 
	margin: 0 auto;
	text-align:left;
	color:#3B2A1F;
	font-family:Trebuchet MS;
}
#content p {
	font-size:12px;
	padding:0 0 0 15px;
}
#content h1 {
	font-size:20px;
	font-style:italic;
	color:#BE0A05;
	padding:0px 0 10px 0;
}
#content h1 a{
	color:#3B2A1F;
	text-decoration:none;
	font-size:16px;
}
#content h1 a:hover{
	color:#BE0A05;
}
span.marginRight35{
	margin-right:35px
}
#content h2 {
	font-size:18px;
	padding:10px 0 5px 15px;
}
a.lienrouge {
	color:#BE0A05;
	text-decoration:none;
}
a.lienrouge:hover {
	text-decoration:underline;
}
a.lienrougepetit {
	font-size:11px;
	color:#BE0A05;
	text-decoration:none;
}
a.lienrougepetit:hover {
	text-decoration:underline;
}
a.lienmarron {
	color:#3B2A1F;
	text-decoration:none;
}
a.lienmarron:hover {
	text-decoration:underline;
}
a.lienbtn {
	color:#BE0A05;
	text-decoration:none;
}
a.lienbtn:hover {
	text-decoration:underline;
}
a.lienpuce {
	color:#BE0A05;
	font-size:11px;
	text-decoration:none;
	background:url('../images/puce-rouge-petite.gif') no-repeat;
	padding-left:20px;
	background-position:10px 3px;
}
a.lienpuce:hover {
	text-decoration:underline;
}
a.lienpucedouble {
	color:#BE0A05;
	font-size:12px;
	text-decoration:none;
	background:url('../images/double-puce-rouge-petite.gif') no-repeat;
	padding-left:30px;
	background-position:10px 4px;
}
a.lienpucedouble:hover {
	text-decoration:underline;
}
div.encadre {
	padding:0 10px 0 10px;
	width:460px;
	background: url('../images/encadre-fond.jpg') repeat-y;
	background-position:10px 0; 
}
div.encadre img {
	display:block;
}
#content  div.encadre  h2 {
	padding:0px 15px 10px 25px;
	color:#533B18;
}
#content div.encadre  p {
	padding:0px 15px 5px 25px;
	color:#533B18;
}
.champstxt {
	border:1px solid #AEAD8E;
	margin:2px 3px 0 1px; 
	padding:2px;
	font-family:"Arial", Verdana;  
	font-size:12px; 
	color:#3b2a1f;
} 

/****************
 encart connection membre 
 *******************/
div#connection_membre {
	font-size:12px;
	color:#533B18;
	background: #e7c997 url('../images/encadre-membre-fond.jpg') repeat-y;
}
div#connection_membre img {
	display:block;
}
div#connection_membre h2 {
	padding: 0px;
}
#connection_membre fieldset { 
	margin:0px 0;
	padding:0 20px 0 0;
	clear:both; 
	border:0; 
}
#connection_membre label { 
	float:left; 
	display:block; 
	text-align:right; 
	width:110px; 
	padding:6px 0 3px 0; 
	margin:0 3px 0 0; 
	font-family:Trebuchet MS;
	font-size:12px; 
	color:#533B18; 
}
#connection_membre input.texte { 
	float:right; 
	display:block; 
	border: 1px solid #AEAD8E;
	width:115px;
	padding:2px;
	color:#533B18; 
	margin:2px 3px 0 1px; 
	padding:1px; 
	font-family:Trebuchet MS;
	font-size:12px; 
	background:#FEF4E2;
}
#connection_membre input.focus {
	background:#fff;
}
div#connection_membre input.submit {
	background:#533B18;
	color:#fff;
	border:0px;
	margin:0px 3px 0 0;
	padding:0px;
	font-size:11px;
	font-family:Trebuchet MS;
}
div#connection_membre p.nom {
	padding: 8px 0 5px 15px;
	font-style:italic;
}
ul#membre_liens {
	list-style:none;
	padding:5px 15px 0 15px;
}
#membre_liens li {
	border-top:1px dashed #A37E52;
	padding:5px 0 5px 0;
}
.connexion{
	display:block; margin:5px 5px 0px 3px; width:92px; height:21px; background:url(../images/connexion-mini_btn.gif) no-repeat;
}
.connexion:hover{
	background-position:0px -21px;text-decoration:none;
}
#content a.modifier{
	display:block; margin:5px 5px 0px 3px; width:92px; height:21px; background:url(../images/modifier-mini_btn.gif) no-repeat;
}
#content a.modifier:hover{
	background-position:0px -21px;text-decoration:none;
}
#content a.envoyer{
	display:block; margin:5px 5px 0px 3px; width:92px; height:21px; background:url(../images/envoyer-mini_btn.gif) no-repeat;
}
#content a.envoyer:hover{
	background-position:0px -21px;text-decoration:none;
}
#content a.ajouter{
	display:block; margin:5px 5px 0px 3px; width:92px; height:21px; background:url(../images/ajouter-mini_btn.gif) no-repeat;
}
#content a.ajouter:hover{
	background-position:0px -21px;text-decoration:none;
}
#content a.ajouterPhoto{
	display:block; margin:5px 5px 0px 3px; width:92px; height:21px; background:url(../images/ajouter-photo-mini_btn.gif) no-repeat;
}
#content a.ajouterPhoto:hover{
	background-position:0px -21px;text-decoration:none;
}
#content a.annuler{
	display:block; margin:5px 5px 0px 3px; width:92px; height:21px; background:url(../images/annuler-mini_btn.gif) no-repeat;
}
#content a.annuler:hover{
	background-position:0px -21px;text-decoration:none;
}
/*******************
liste de voyage
********************/
div.voyage_item {
	float:left;
	/*border:1px dashed #A37E52;*/
	padding: 5px 0 5px 0;
	margin-right:15px;
	color:#3B2A1F;
	width:310px;
	background:url('../images/fond-voyage.jpg') no-repeat;
}
.prive{
	filter:alpha(opacity=20);
    -moz-opacity: 0.2;
    opacity: 0.2;
    -khtml-opacity: 0.2;
}
#content  div.voyage_item  h2 {
	padding:0px 0 0 10px;
	font-size:14px;
	font-weight:normal;
	color:#3B2A1F;
}
#content  div.voyage_item  p {
	font-size:11px;
	font-style:italic;
	padding:0px 0 0 10px;
}
div.voyage_item .miniature {
	width:109px;
	height:84px;
	padding: 6px 0 0 6px;
	background:url('../images/fond-miniature.jpg') no-repeat;
}
div.voyage_item .masque {
	width:100px;
	height:75px;
	overflow:hidden;
}
.titreVoyagePar{
	font-size:12px;
	font-weight:normal;
	font-style:italic;
	color:#3B2A1F;
}
/****************
mon compte
****************/
.table_liste td {
	padding:5px;
	background:#f8e5c4;
	color:#000;
	font-size:12px;
}

table td.td_ligne_titre {
	font-weight:bold;
	background:#674423;
	color:#fff;
}
table td.td_ligne_ajout {
	background:#fcf0d4;
}
.paddingTop{
	margin-top:20px;
}
.tab_btn {
	width:680px;
	padding-top:10px;
}

/************** MESSAGES ********************/

.erreur, .confirmation {width:95%;padding:10px;margin:15px 0px 15px 0px;font-size:12px;}

.erreur {
	border:#c00f1d solid 1px;
	color:#c00f1d;
	background:#fee3e5;
	font-weight:bold;
}

.confirmation {
	border:#51932a solid 1px;
	color:#51932a;
	background:#e4fab4;
	font-weight:bold;
}

/****************
la boutique
****************/
div.product{
	float:left;
	width:180px;
	height:220px;
	margin:0px 30px 15px 0px;
	padding:10px;
	text-align:center;
	background:url('../images/fond-produit.jpg') no-repeat;
}
div.product img {
	border:3px solid #f6e3c2;  /*A37E52*/
}
#content  div.product  h2 {
	padding:0px 0 5px 0px;
	font-size:14px;
	font-weight:normal;
	color:#3B2A1F;
}
#content  div.product  p {
	line-height:14px;
	padding:5px 0 0 0px;
	color:#4B412E;
}
#content  div.product a.lienimg:hover img {
	border:3px solid #A37E52;
}
#content  div.product p.descriptionProduit{
	text-align:center;
	height:28px;
	display:block;
}
#content  div.product span.prix{
	height:12px;
	display:block;
	font-size:11px;
	font-weight:bold;
}
#content  div.product .imageProduit{
	height:130px;
	display:block;
}

#content a.lienBordure img{
	border:3px solid #f6e3c2;
	display:block;
}
#content a.lienBordure:hover img{
	border:3px solid #A37E52;
}

/****************
Footer 
****************/
#footer {
	width: 100%;
	background:url('../images/fond-footer.jpg') repeat-x;
	height:201px;
}
#footerContent {
	width: 960px;
	margin:0 auto;
	height:201px;
	color: #A26E3D;
	font-size:11px;
	font-family:Trebuchet MS;
	text-align:right;
}
#footerContent a {
	color: #A26E3D;
	font-size:11px;
	font-family:Trebuchet MS;
	text-decoration:none;
}
#footerContent a:hover {
	text-decoration:underline;
}