body { 
   font-family: Helvetica, sans-serif; 
   font-size: 0.7em;
   font-weight:bolder;
   margin: 0;
   padding: 0;
   color: #a58b31;
}
*{
  margin:0;
  padding:0;
}

img{
  border:none;
}

#global{ 
   width:900px; 
   margin-left:auto; 
   margin-right:auto; 	 
}

/*--------------------------------------------------------------------------------------------------MENU */
#menu{
  width:900px;
  height:50px;
  margin:0;
  background: transparent url(../images/menu.jpg) left top no-repeat;
}
#menu ul{
  list-style-type:none;
}
/*mise à l'horizontal du menu*/
#menu li {
  float: left;
}
#menu li a,
#menu li a:link,
#menu li a:visited,
#menu li a:active{
 height:45px;
 display:block;
 overflow:auto;
 font-size:1em;	
 text-decoration:none;
 text-indent:-9999px;
}
#rubr1 a{
 width: 150px;
 background: transparent url(../images/.jpg) left top no-repeat;
}
#rubr2 a{
 width: 210px;
 background: transparent url(../images/.jpg) left top no-repeat;
}
#rubr3 a{
 width: 360px;
 background: transparent url(../images/.jpg) left top no-repeat;
}
#rubr4 a{
 width: 170px;
 background: transparent url(../images/.jpg) left top no-repeat;
}

#rubr1 a:hover{
 background: transparent url(../images/menu.jpg) 0px -56px no-repeat;
}
#rubr2 a:hover{
 background: transparent url(../images/menu.jpg) -150px -56px no-repeat;
}
#rubr3 a:hover{
 background: transparent url(../images/menu.jpg) -360px -56px no-repeat;
}
#rubr4 a:hover{
 background: transparent url(../images/menu.jpg) -720px -56px no-repeat;
}

/*style de la rubrique dans laquelle on navique*/
#rubr1 a.ici{
 background: transparent url(../images/menu.jpg) 0px -56px no-repeat;
}
#rubr2 a.ici{
 background: transparent url(../images/menu.jpg) -150px -56px no-repeat;
}    
#rubr3 a.ici{
 background: transparent url(../images/menu.jpg) -360px -56px no-repeat;
}
#rubr4 a.ici{
 background: transparent url(../images/menu.jpg) -720px -56px no-repeat;
}

/*--------------------------------------------------------------------------------------- FOOTER */	
	
#footer p{             
  clear:both;
  width: 500px;
  height:20px;
  font-size:0.9em;
  margin:0;
  
}
#footer a{
  text-decoration: none; 
  color:gray;
}

#footer a:hover{
  text-decoration:underline ; 
}
/*-----------------------------------------------------------------------------------------------HOME ENGLISH  */	
#homeengl{
  float:left;
  width: 900px;
  height: 500px;
  margin: 0;
  background: #ffffff url(../images/background_home.jpg) left top no-repeat;
}

#homeengl h1{
  margin: 210px 0 0 177px;
  height: 48px;
  text-indent: -9999px;
  background: transparent url(../images/welcome.png) left top no-repeat;
}

#homeengl h2{
  font-size: 1em;
}
/*--------------------lien  next*/
#homeengl a{
  float: right;
  margin: 0;
  text-decoration: none;
  color: #a58b31;
}
#homeengl a:hover{
  text-decoration: underline;
  color: #684c00;
}

#homeengl img{
  border: none;
}	

#textengl {
  float:left;
  width: 540px;
  color: #926c05;
  margin: 0 0 0 180px;
  font-size: 1.2em;
  line-height: 1.4em;
  text-align: justify;
}			
/*-----------------texte animé*/ 
/*#animflash img{
  border: none;
}
		 
#animflash {
  margin: 0 0 0 580px;     
  width: 280px;
}*/	 
/*---------------------lien vers la vf*/
#lienfr {
  float: left;
  width: 130px;
  height: 55px;
  margin: 158px 0 0 700px;
}

#lienfr a{
  display: block;
  width: 130px;
  height: 55px;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url(../images/vf.png) left top no-repeat;
}

#textengl img{
  margin: 10px 0 0 350px;
  text-align: left;
  font-size: 1.1em;
  text-indent: -9999px;
}

/*-----------------------------------------------------------------------------------------HOME ENGLISH  2*/
#homeenglnext{
  width: 900px;
  height: 500px;
  background: transparent url(../images/background_home2.jpg) left top no-repeat;
}
#logohome2 a{
  display: block;
  width: 140px;
  height: 140px;
  margin: 0 0 0 340px;
  text-indent: -9999px;
  overflow: hidden; 
}

#homeenglnext h1{
  margin: 120px 0 0 232px;
  height: 35px;
  text-indent: -9999px;
  background: transparent url(../images/made-in-paris.png) left top no-repeat;
}

/*---------------- lien back*/  
#textenglnext a{
  float: right;
  margin: 0 0 0 200px;
  text-decoration: none;
  color: #a58b31;
}
#textenglnext a:hover{
  text-decoration: underline;
  color: #684c00;
}

#textenglnext {
  width: 440px;
  color: #926c05;
  margin: 10px 0 0 230px;
  font-size: 1.2em;
  line-height: 1.4em;
  text-align: justify;
}			  
		  

/*--------------------------------------------------------------------------------------------------------------------BIO  */	
#logobio {
  float: left;
  width: 130px;
  height: 100px;
  margin: 170px 0 0 20px;
  text-indent: -9999px;
  overflow: hidden;
}

#bioengl h1{
  margin: 0 0 0 490px;
  height: 35px;
  text-indent: -9999px;
  background: transparent url(../images/my-insider-paris.png) left top no-repeat;
}

#bioengl{
  width: 900px;
  height: 500px;
  margin: 0;
  background: transparent url(../images/background_bio.jpg) left top no-repeat;
}
#textbioengl {
  float:left;
  width: 380px;
  margin: 20px 0 0 340px;
  padding: 10px;
  text-align: justify;
  color: #926c05;
  font-size: 1.2em;
  line-height: 1.4em;
  border: 1px solid gold;
  background-color: #f0f0f0;
}
/*--------------------lien  next*/
#textbioengl a{
  float: right;
  margin: 0;
  text-decoration: none;
  color: #a58b31;
}
#textbioengl a:hover{
  text-decoration: underline;
  color: #684c00;
}
/*--------------------------------------------------------------------------------------------------------JOURNEE PARISIENNE  */	

#titlemyinsider{
   width: 900px;
   height: 58px;
   margin: 0;
   background: transparent url(../images/backtitle-other-vision.jpg) left top no-repeat;
}
#titlemyinsider h1{
   text-indent: -9900px;
}

#myfriends{
  width: 900px;
  margin: 0;
  background: transparent url(../images/background_other-vision.jpg) 0px 270px no-repeat;

}
#slider {
  position: relative;
  width: 890px;
  height: 330px;
  margin: 0;
  overflow: hidden;
  border: 5px solid #664d0b;
  background-color: #000000;
}
#slider a {
  color:#ffffff;
  text-decoration:none;
}
#slider a:hover{
  color: yellow;
  text-decoration:underline;
}
#slider .slide {
  position: absolute;
  top: 0;
  height: 330px;
  width: 500px;
  background: #000000;
  overflow: hidden;
  border-left: #664d0b solid 1px;
  cursor: default;
}
#slider .title   {
  color: #7cc9e3;
  font-weight: bold;
  font-size: 1.2em;
  margin-right: 1.5em;
  text-decoration: none;
}
#slider .backgroundText {
  position: absolute;
  width: 100%;
  height: 100%;
  top: 100%;
  background: #000;
  filter: alpha(opacity=40);
  opacity: 0.4;
}
#slider .text {
  position: absolute;
  top: 1%;
  top: 100%;
  color: #FFF;
  font-family: verdana, arial, Helvetica, sans-serif;
  font-size: 0.9em;
  text-align: justify;
  width: 470px;
  left: 10px;
}
#slider .diapo {
  position: absolute;
  filter: alpha(opacity=100);
  opacity: 1;
  visibility: hidden;
}
#textmyinsider p{
  margin: 50px 0;
  text-align: justify;
  color:  #926c05;
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 10px;
  /*border: 1px solid gold;
    background-color: #f0f0f0;
   -moz-opacity:0.7;
   opacity:0.70;  
   -khtml-opacity:0.7; */

 }
#logomyinsider {
  float: left;
  width: 230px;
  height: 25px;
  margin: 10px 0 0 660px;
  text-indent: -9999px;
  overflow: hidden;
}

#textmyfavorite h1{
   width: 900px;
   height: 58px;
   margin: 0;
   background: transparent url(../images/title-fewof.png) left top no-repeat;
   text-indent: -9900px;
}

#textmyfavorite p{
  margin: 0 0 20px 0;
  text-align: justify;
  color:  #926c05;
  font-size: 1.2em;
  line-height: 1.4em;
  padding: 10px;
}



/*-------------------------------------------------------------------------------------------------CONTACT */	

#contactenglish h1{
  float:left;
  margin: 10px 0 0 140px;
  width: 150px;
  height: 60px;
  text-indent: -9999px;
  background: transparent url(../images/howtoplan.png) left top no-repeat;
}

#contactenglish{
  width:900px;
  height:500px;
  margin:0;
  background:transparent url(../images/background_contact_engl2.jpg) left top no-repeat;
}

	
/*---------------------------------------------------ANIMATION FLASH    2 */	
	
#animflash2 img{
   border:none;
}
		 
#animflash2{
   float: left;
   margin: 258px 0 0 38px;  
   width: 260px;
}	  

/*------------------------------------------------------FORMULAIRE */	

#messconfirm {	   
    float:left;
	width:350px;
	padding:5px;
	margin: 100px 0 0 210px; 
    font-size:1.6em;
	/*border: 1px solid #ffffff;*/
    
}

#formulaire{
   float: left;
   width: 360px;
   margin: 0 0 0 220px;
  
}	  

label{                     /*positionnement horizontal des labels et champs */
  float:left; 
  width:190px; 
  margin:5px 0;
  font-size:1.3em;
  font-weight:bold;
  color:#705007;
  line-height:12px;
}		   

input, textarea{
   float:left; 
   margin:0;
   color:#22335f;
   font-size:1em;
}
	
textarea{
  font-size:1.4em;
  overflow:auto;
  width:338px;
  height:150px;
}
	
select{
  float:left; 
  margin:0 3px 0 0;
  color:#a58b31;
  width:54px;
}

#submit{ 
    float:left;
	margin:8px 0 0 304px;
    padding:1px 6px;
	color:#a58b31;
}

#opt{
  clear:both;
  margin:0 0 0 510px;
}

#labelmess{
 font-size:1.2em;
}

/* calendar style */

#calendarDiv {
	display: block;
	display: none;
	position: relative;
	border: 1px solid #777;
}
#calendarDiv a {
	cursor: pointer;
}
#calendar {
	background: #ddd;
	clear: both;
	text-align: center;
	font-size: 105%;
}
#calendar, #linksTable {
	width: 180px;
}
#calendar .calendarHeader {
	background: #333;
	border-bottom: 1px solid #444;
	color: #fff;
}
#calendar .weekDaysTitleRow {
	background: #777;
	color: #fff;
}
#calendar .weekDaysRow {
	background: #eee;
	color: #666;
}
#calendar .weekDaysCell {
	color: #000;
	border: 1px solid #ddd;
}
#calendar .weekDaysCellOver {
	background: #fff;
	border: 1px solid #777;
}
#closeCalender {
	position: absolute;
	right: 0;
	bottom: 100%;
	margin-bottom: 1px;
	display: block;
	padding: 2px;
	cursor: pointer;
	font-size: 60%;
}
#closeCalender:hover {
	background: #000;
	color: #fff;
}
#linksTable {
	background: #000;
}
#linksTable a {
	display: block;
	color: #fff;
	letter-spacing: 1px;
	font-weight: bold;
	font-size: 80%;
	padding: 2px 5px;
}
#linksTable a:hover {
	background: #ddd;
	color: #333;
}
#prevMonth {
	float: left;
}
#nextMonth {
	float: right;
}
#today {
	background: #999;
}

#logocontact a {
  display: block;
  width: 150px;
  height: 90px;
  margin: 0;
  text-indent: -9999px;
  overflow: hidden;
}

/*-------------------------------------------------------------------------------------------------MENTIONS LEGALES */	
#logolegal a {
  float: left;
  display: block;
  width: 180px;
  height: 150px;
  margin: 80px 0 0 15px;
  text-indent: -9999px;
  overflow: hidden;
}

#mentions h1{
  float: left;
  width: 200px;
  height: 40px;
  margin: 185px 0 0 245px;
  font-size: 1.4em;
  text-indent: -9900px;
  background: #ffffff url(../images/legal-mentions.png) left top no-repeat;
}
#mentions{
  width: 900px;
  height: 500px;
  margin: 0;
  background: #ffffff url(../images/background_mentions.jpg) left top no-repeat;
}
#mentionstext{
  float:left;
  width: 300px;
  margin: 10px 0 0 440px;
  font-size: 1.2em;
}

#mentionstext p{
  margin-top: 10px;
}
#mentions a{
  font-style: italic;
  text-decoration: none; 
  color:gray;
}

#mentions a:hover{
  text-decoration:underline ; 
}
/*-------------------------------------------------------------------------------------------------SITE MAP */	

#map{
  width: 900px;
  height: 500px;
  margin: 0;
  background: #ffffff url(../images/site_map.jpg) left top no-repeat;
}
/*------------------------------------------------CLASSES*/
.charact1{
  font-style: italic;
  /*color: #907721;*/
}
.charact2{
  font-style: italic;
  color: #766118;
}
.bigletter{             
  font-size: 1.2em;
  } 
.bigchar1{             
  font-size: 1.1em;
  }  
.copy{                /* FLASH PLAYER texte de substitution....positionnement symbole copyright*/
  font-size: 0.8em; 
  vertical-align: top;
}
.wordcolor1{
  color: #926c05;
}

.erreur{
  font-size: 0.8em;
  color: yellow;
}
.option{
   font-size: 0.8em;
}
.opt1{
  color: orange;
}

/*______________________________________VERSION FRANCAISE_________________________________________________________________*/

/*-----------------------------------------------------------------------------------------------ACCUEIL */	
#homefr{
  float: left;
  width: 900px;
  height: 500px;
  margin: 0;
  background: #ffffff url(../images/background_home.jpg) left top no-repeat;
}

#homefr h1{
  margin: 210px 0 0 177px;
  height: 48px;
  text-indent: -9999px;
  background: transparent url(../images/bienvenue.png) left top no-repeat;
}
#textfr {
  float:left;
  width: 540px;
  color: #926c05;
  margin: 0 0 0 180px;
  font-size: 1.2em;
  line-height: 1.4em;
  text-align: justify;  
}			
/*---------------------lien vers la vo*/

#lienengl{
  float: left;
  width: 130px;
  height: 60px;
  margin: 158px 0 0 700px;
}

#lienengl a{
  display: block;
  width: 130px;
  height: 60px;
  text-indent: -9999px;
  overflow: hidden;
  background: transparent url(../images/engl.png) left top no-repeat;
}

#textfr img{
  margin: 10px 0 0 350px;
  text-align: left;
  font-size: 1.1em;
  text-indent: -9999px;
}
.color1{
  color: red;
}