@import "formulaire.css";
@import "referencement.css";
@import "navigation.css";
@import "actualites.css";

/*------------------------------------------------------*
*-- appel des css formulaire contact -  referencement et navigation  ----*
*------------------------------------------------------*/



/*------------------------------------------------*
 *---  WWW.ICARE-NET.COM - agence web ---  CSS 03 mars 08 - MAJ : arno --*
 *------------------------------------------------*/

* {
 margin: 0;
 padding: 0;
}

html, body { height: 100%; }

body {
	font-family: "Trebuchet MS", Tahoma, sans-serif;
	font-size: 68.5%;
	background: #3b2000 url(../images/body-bg.png) left top repeat-x;
	text-align: center;
}

select {
	color: #000;
	background-color: #fff;
}



 /*------------------------------------------------------*
  *--------    CSS BLOCS     						 ----*
  *------------------------------------------------------*/


div#ombre {
	width: 966px;
	background: transparent url(../images/global-ombre.png) left top repeat-y !important;
	background-image: none;
	filter: progid:DXImageTransform.Microsoft.AlphaImageLoader(sizingMethod=scale, src='images/global-ombre.png');
	text-align: center;
}

div#general {
	width:944px;
	border-left: 2px solid #4c0000;
	border-right: 2px solid #a75d0d;
	background: #ffe9ab url(../images/nav-bg.png) left top repeat-y;
	text-align: left;
}

/*div#generalChalet {
	background: transparent url(../images/nav-opac-chalet.jpg) left bottom no-repeat;
	background-position:bottom -15px;
}*/
	
div#ombre,
div#general,
div#generalChalet {

	margin: 0 auto;
	min-height: 100%;
	height: auto !important;
	
	height: auto;
	voice-family: "\"}\"";
	voice-family: inherit;
	height: 100%;
}

/* Haut de page  HEADER */

div#header{
	width:944px;
	height:184px;
	background: transparent url(../images/header.jpg) left top no-repeat;
}


div#header a {
	display: block;
	text-decoration:none;
	width: 300px;
	height: 184px;
	margin: 0 auto;
}

div#menu {
	float: left;
	width: 220px;
	padding-top:45px;
}
/* Contenu de page  CONTENT */

div#content {
	float: right;
	width: 724px;

}

div#content-1 {
	background-color: #ffe9ab;
}

div#content-2 {
	background-color: #ffe292;
}

div#content-1,
div#content-2 {
	padding: 20px 15px 10px 30px;
}

div#content-1 p {
	padding:0 0 8px 0;
	}

div#content p {
	
	color:#5f4700;
 	font-size: 1.3em;
	padding:5px 0 2px 0;
}

div#photos img {
	padding: 1px;
	border: 1px solid #dcc57e;
	margin: 2em 0;
	display: block;
}

#home_diaporama{
	padding: 1px;
	border: 1px solid #dcc57e;
	margin: 2em 0;
	display: block;
	}

div#photos {
	margin: 0 2em;
	float: right;
}
#content a{
	color:#990000;
	text-decoration:none;
	font-weight:bold;
}

#content a:hover{
	color:#FFE292;
	background:#A20000;
}

/* Espace Tarifs */
#content li {
	list-style-position:inside;
}
#content table {
	width: auto;
	text-align: center;
}

#content table#tarifs td {
	padding: 0 6px;
	background-color: #e1a800;
	
}

/*Bas de page  FOOTER*/

#footer{
	height:30px;
	padding: 5px 0;
	border-top: 1px solid #ceb05e;
	background: #4b1700 url(../images/footer-bg.png) left top repeat-x;
	text-align: center;
	color: #FFF;
}

#footer a{
	color:#f2c02f;
	text-decoration:none;
}

#footer a:hover,
#footer a:focus{
	color:#fff;
}


/* classe clear */

.clear {
   clear: both;
   overflow: hidden;
   width: 1px;
   height: 1px;
   margin: 0 -1px -1px 0;
   border: 0;
   padding: 0;
   font-size: 0;
   line-height: 0;
}


 /*------------------------------------------------------*
  *------------ CSS TITRES DEBUT   ----*
  *------------------------------------------------------*/
  h2 {
  	height: 35px;
	color:#830;
	font: bold 1.8em/35px Georgia, "Times New Roman", Times, serif;
	background-position: left center;
	background-repeat: no-repeat;
	padding-left: 60px;
	margin-bottom: 10px;
  }
   h2.clair {
   padding-top:25px;
   padding-left:70px;
	background-image: url(../images/h2-bg-clair.jpg);
	height:53px;
  }
  
   h2.fonce {
   padding-top:25px;
   padding-left:70px;
	background-image: url(../images/h2-bg-fonce.jpg);
	height:53px;
  }
  
  h3 {
	color:#400;
	font: bold 1.4em "Trebuchet MS", Tahoma, sans-serif;
	padding:10px 0 10px 0;
  }
  
  h4 {
  	color:#400;
  }
		
 /*------------------------------------------------------*
  *--------------------------     CSS TITRES FIN     ----*
  *------------------------------------------------------*/

.right { float: right; }
.left { float: left; }
.nobg { 
	background-color: transparent;
	background-image: none; 
}
.avertissement {
color:#FF0000;
font-style:italic;
font-size:12px;
font-weight:bold;

}

.petit {font-size:10px; font-weight:normal;}
.jaune {font-size:10px; text-decoration:underline; color:#FFFF00;}
.itineraire {width:240px; display:block; float:right; padding:0 10px; text-align:justify;}

.cgv{
width:380px;
height:auto;
padding:10px;
background-color:#AB0000;
color:#FFF;
text-align:center;

}


.cgv h1{
background-color:#3B2000;
color:#FFCC38;
font-size:14px;
text-align:center;
margin-bottom:10px;


}
.cgv h3{
color:#FFE292;
font-size:15px;
margin-bottom:4px;

}
p.cgv {
font-weight:bold;
color:#FFF;
text-align:center;
}
.cgv li{
color:#FFF;}

.cgv a{ color:#FFF; font-size:18px;}
.cgv a:hover{ color:#FFCC38;}

.cgv-bis{
width:380px;
height:auto;
margin:0 auto;
padding:10px;
background-color:#AB0000;
color:#FFF;
text-align:center;

}
.cgv-bis h3{
color:#FFE292;
font-size:15px;
margin-bottom:4px;

}
p.cgv-bis {
font-weight:bold;
color:#FFF;
text-align:center;
}

.logo{
padding-left:30px;
padding-top:15px;
}