@charset "utf-8";
/* CSS Document */

.home
{
 	background-color:#FFFFFF;
	background-image:url(images/img_background.jpg);
	background-repeat: repeat-x; 

}

.border1 {
border-style:dashed ;
border-width: 1px ;
border-color:#424644 ;

}

.bouton       { 
background-image:url(../images/FD_contact_submit.gif);
width:95px;
height:24px;
}

.bouton2       { 
background-image:url(../images/FD_contact_delete.gif);
width:95px;
height:24px;
}

.bouton3{ 
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	font-weight:bold;
	color:#FFFFFF;
	text-align:center;
	background-color:#666666;
	border:0;
	cursor:pointer;
}

#contain
{
position: absolute;
vertical-align:top;
left: 50%; 
width:1009px;
margin-left: -490px; /* moitié de la largeur */
padding:0px;
text-align:justify;
height: 700px;       /* selon la quantite de texte */
background-image:url(images/bg_wait.jpg);
background-repeat:no-repeat;
background-position:center;
}

#contain_homepage
{
position: absolute;
vertical-align:top;
left: 50%; 
width:1009px;
margin-left: -490px; /* moitié de la largeur */
padding:0px;
text-align:justify;
height: 700px;       /* selon la quantite de texte */
background-image:url(images/bg.jpg);
background-repeat:no-repeat;
background-position:center;
}

#contain_homepage2
{
position: absolute;
vertical-align:top;
left: 50%; 
width:1009px;
margin-left: -490px; /* moitié de la largeur */
padding:0px;
text-align:justify;
height: 700px;       /* selon la quantite de texte */
background-image:url(images/bg3.jpg);
background-repeat:no-repeat;
background-position:center;
}

#contain_2
{
position: absolute;
vertical-align:top;
left: 50%; 
width:1009px;
margin-left: -490px; /* moitié de la largeur */
padding:0px;
text-align:justify;
height: 700px;       /* selon la quantite de texte */
background-image:url(images/bg_2.jpg);
background-repeat:no-repeat;
background-position:center;
}




#logo_favourite_design
{
	position:absolute;
	top:121px;
	left:56px;
}

#languages
{
	position:absolute;
	top:40px;
	left:955px;
	text-decoration:none;
}

.logo_favourite_design
{
	border:0;
}


.language1
{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#424644;
text-align:right;
text-decoration:none;
}

.language2
{
font-family:Verdana, Geneva, sans-serif;
font-size:10px;
color:#41A62E;
text-align:right;
text-decoration:none;
}

#menu
{
	position:absolute;
	top:203px;
	left:50px;
	width:223px;
}

#baseline
{
	position:absolute;
	top:70px;
	left:25px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#424644;
	text-align:right;
	text-decoration:none;
}

#date
{
	position:absolute;
	top:77px;
	left:780px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:19px;
	color:#FFFFFF;
	text-align:right;
	text-decoration:none;
	text-align:right;
}

#date2
{
	position:absolute;
	top:77px;
	left:720px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:19px;
	color:#FFFFFF;
	text-align:right;
	text-decoration:none;
}

#footer
{
	position:absolute;
	top:618px;
	left:470px;
	width:620px;
	height:28px;
	font-family:Verdana, Geneva, sans-serif;
	font-size:9px;
	color:#424644;
	text-decoration:none;
}

#footer a
{
	text-decoration:none;
	color:#424644;
	font-weight:normal;
}

#footer #validator
{
  font-size: 9px; /* on définit les propriétés de texte pour toutes les balises */
  font-family:Verdana, Arial, serif;
}

#footer #validator a {
   position: relative;
   color: #444746;
   text-decoration: none;
}
#footer #validator a span {
   display: none; /* on masque l'infobulle */
}
#footer #validator a:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   
}
#footer #validator a:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 10px; /* on positionne notre infobulle */
   left: -10px;
   width:150px;

   background: transparent url(http://www.favourite-design.com/images/infobulle.gif);
   height:40px;
   padding: 5px;
   padding-top:15px;
   padding-left:20px;
   color:#FFF;
   font-weight:bold;

}

.title
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:18px;
	color:#424644;
	width:493px;
}

.grey_text
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#424644;
	width:493px;
	text-align:justify;
	line-height:12px !important;
}

.grey_text a
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#424644;
	width:493px;
	text-align:justify;
	line-height:12px !important;
	text-decoration:none;
}
.white_text
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#ffffff;
	text-align:justify;
}

.grey_text12
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#424644;
	width:493px;
	text-align:justify;
	line-height:14px !important;
}

.grey_text12 a
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#424644;
	width:493px;
	text-align:justify;
	line-height:14px !important;
	text-decoration:none;
}

.green_text12
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#41A62E;
	text-align:justify;
}

.green_text12 a
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:12px;
	color:#41A62E;
	text-align:justify;
	text-decoration:underline;
}
#selection
{
	position:absolute;
	top:115px;
	left:402px;
	width:430px;
	margin-left:32px;
	height:463px;
	color:#424644;
	text-decoration:none;
}

#selection2
{
	position:absolute;
	top:115px;
	left:365px;
	width:520px;
	margin-left:32px;
	height:463px;
	color:#424644;
	text-decoration:none;
	border:0;
}

#selection3
{
	position:absolute;
	top:115px;
	left:365px;
	width:520px;
	margin-left:32px;
	height:463px;
	color:#424644;
	text-decoration:none;
	border:0;
}

#selection3 a
{
	text-decoration:none;
	color:#41A62E;
	font-weight:normal;
}



#selection3 a span {
   display: none; /* on masque l'infobulle */
}
#selection3 a:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   
}
#selection3 a:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 10px; /* on positionne notre infobulle */
   left: -10px;
   width:150px;

   background: transparent url(http://www.favourite-design.com/images/infobulle.gif);
   height:40px;
   padding: 5px;
   padding-top:15px;
   padding-left:20px;
   color:#FFF;
   font-weight:bold;

}


#grey_zone
{
	position:absolute;
	top:240px;;
	width:507px;
	height:126px;
	height:463px;
	color:#424644;
	text-decoration:none;
	border:0;
	background-image:url(images/grey_zone.jpg);
	background-repeat:no-repeat;
}

#menu1 {
	position:absolute;
	top:66px;
	left:0px;
	width:223px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:14px;

}

#menu1 ul {
list-style:none;
margin:0;
padding:0;
border:none;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
}

#menu1 #grey_sentence
{
	font-family:Verdana, Geneva, sans-serif;
	font-size:10px;
	color:#838281;
	line-height:21px;
}

#menu1 #bookmarks
{
 font-size: 9px; /* on définit les propriétés de texte pour toutes les balises */
 font-family:Verdana, Arial, serif;
}

#menu1 #bookmarks a {
   position: relative;
   color: white;
   text-decoration: none;
}
#menu1 #bookmarks a span {
   display: none; /* on masque l'infobulle */
}
#menu1 #bookmarks a:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   
}
#menu1 #bookmarks a:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 10px; /* on positionne notre infobulle */
   left: -30px;
   width:150px;

   background: transparent url(http://www.favourite-design.com/images/infobulle.gif);
   height:40px;
   padding: 5px;
   padding-top:15px;
   padding-left:20px;
   color:#FFF;
   font-weight:bold;
   font-size:9px;

}

#menu1 a:hover{
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
color:#41A62E;
}

#menu1 #rub1on a {
background-image:url(images/FD_day.jpg);
background-repeat:no-repeat;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
}

#menu1 #rub1off a{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#424644;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
}

#menu1 #rub1off a:hover{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
}



#menu1 #rub2on a{
background-image:url(images/submit.jpg);
background-repeat:no-repeat;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
text-decoration:none;
margin-top:-45px;
}

#menu1 #rub2off a{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#424644;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
margin-top:-45px;
}

#menu1 #rub2off a:hover{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
margin-top:-45px;
}

#menu1 #rub3on a{
background-image:url(images/archives.jpg);
background-repeat:no-repeat;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
text-decoration:none;
margin-top:-45px;
}

#menu1 #rub3off a{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#424644;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
margin-top:-45px;
}

#menu1 #rub3off a:hover{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
margin-top:-45px;
}

#menu1 #rub4on a{
background-image:url(images/goodies.jpg);
background-repeat:no-repeat;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
text-decoration:none;
margin-top:-45px;
}

#menu1 #rub4off a{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#424644;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
margin-top:-45px;
}

#menu1 #rub4off a:hover{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
margin-top:-45px;
}

#menu1 #rub5on a{
background-image:url(images/your_questions.jpg);
background-repeat:no-repeat;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
text-decoration:none;
margin-top:-45px;
}

#menu1 #rub5off a{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#424644;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
margin-top:-45px;
}

#menu1 #rub5off a:hover{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:62px;
width:223px;
padding-top:18px;
margin-top:-45px;
}

#menu1 #rub6on a{
background-image:url(images/contact.jpg);
background-repeat:no-repeat;
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:55px;
width:223px;
padding-top:18px;
text-decoration:none;
margin-top:-45px;
}

#menu1 #rub6off a{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#424644;
text-decoration:none;
height:55px;
width:223px;
padding-top:18px;
margin-top:-45px;
}

#menu1 #rub6off a:hover{
padding-left:6px;
font-family:Arial, Helvetica, sans-serif;
font-size:14px;
float:left;
color:#41A62E;
text-decoration:none;
height:55px;
width:223px;
padding-top:18px;
margin-top:-45px;
}

.info {
   font-size: 9px; /* on définit les propriétés de texte pour toutes les balises */
   font-family:Verdana, Arial, serif;
   font-weight:bold;
}
a.info {
   position: relative;
   color: white;
   text-decoration: none;
}
a.info span {
   display: none; /* on masque l'infobulle */
}
a.info:hover {
   background: none; /* correction d'un bug IE */
   z-index: 500; /* on définit une valeur pour l'ordre d'affichage */
   
}
a.info:hover span {
   display: inline; /* on affiche l'infobulle */
   position: absolute;

   white-space: nowrap; /* on change la valeur de la propriété white-space pour qu'il n'y ait pas de retour à la ligne non-désiré */

   top: 10px; /* on positionne notre infobulle */
   left: 0px;
   width:150px;

   background: transparent url(http://www.favourite-design.com/images/infobulle.gif);
   height:40px;
   padding: 5px;
   padding-top:15px;
   padding-left:20px;
   color:#FFF;

}

#projects
{
	position:absolute;
	top:121px;
	left:409px;
	width:480px;
	height:440px;
	text-decoration:none;
}


#green_band
{
	position:absolute;
	top:108px;
	left:395px;
	width:480px;
	height:400px;
	text-decoration:none;
	z-index:100;
	
}

#next
{
	position:absolute;
	top:320px;
	left:892px;
}

#left_arrow_archives
{
	position:absolute;
	top:517px;
	left:330px;
}

#right_arrow_archives
{
	position:absolute;
	top:517px;
	left:934px;
}

#partners_footer
{
	position:absolute;
	top:585px;
	left:10px;
}