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

hr {
border-color:-moz-use-text-color -moz-use-text-color #5A5A5B;
border-style:solid;
border-width:0 0 2px;
clear:left;
color:#E6E6E6;
margin:10px 0;
}

BODY		{
	scrollbar-base-color: #2E2E38;
	scrollbar-track-color: #2E2E38;
	scrollbar-face-color: #4B4B59;
	scrollbar-highlight-color: #FFFFFF;
	scrollbar-3dlight-color: #4B4B59;
	scrollbar-darkshadow-color: #4B4B59;
	scrollbar-shadow-color: #FFFFFF;
	scrollbar-arrow-color: #FFFFFF;
	background-color: #CCC;
	background-image: url("../picts/background-main.jpg");
	margin: 0px;
	padding: 0px;
	border: 0px solid;
		}

/* DEFINITION LIENS PAR DEFAUT */
a:link		{ color: #CCFFCC; font: 12px arial, "MS Sans Serif", sans-serif; text-decoration:underline; text-decoration:none;}
a:visited	{ color: #CCFFCC; font: 12px arial, "MS Sans Serif", sans-serif; text-decoration:underline; text-decoration:none;}
a:active	{ color: #CCFFCC; font: 12px arial, "MS Sans Serif", sans-serif; text-decoration:underline; text-decoration:none;}
a:hover		{ color: #CCFFCC; font: 12px arial, "MS Sans Serif", sans-serif; text-decoration:underline; text-decoration:none;}

		
		
/* FONDS */		
.fd_bandeau{background-image:url(../img/fd_logo.jpg);}
.fd_liseret{background-image:url(../img/fd_liseret_40.jpg);}

/* IMAGES */
img#liseret_tci{margin-top:204px;}
.bord1Noir{border:#000 solid 1px;}
img#vignette:hover {border:#FFF solid 1px;}

/* LIENS */
a.lien12Blanc {			
	color: #FFFFFF;
	font: 12px arial, "MS Sans Serif", sans-serif;
	font-weight: bold;
	text-decoration:none;
}
a.lien20Blanc {			
	color: #FFFFFF;
	font: 20px arial, "MS Sans Serif", sans-serif;
	font-weight: bold;
	text-decoration:none;
}
a.lien20Blanc:hover{text-decoration:underline;}
a.lien12Noir { color: #000000; font: 12px arial, "MS Sans Serif", sans-serif; text-decoration:none; }

/* DIV */
div#animationhome{border:#000 solid 1px;}

/* TEXTE */
.texte13Blanc{font-size:13px;}
.texte16Blanc{font-size:16px; color:#FFF;}
.texte20Blanc{
	font-size:20px;
	color:#FFF;
}


/* THE NEXT LINE CONTROLS THE FONT SIZE FOR ALL PAGES */


TABLE 		{
	COLOR: #DBDBF4;
	font: 12px arial, "MS Sans Serif", sans-serif;	
}

.title 		{ COLOR: #FFFFFF; FONT: 14px verdana, arial, sans-serif; font-weight: bold; }

.subtitle 	{ COLOR: #FFCC00; FONT: 13px verdana, arial, sans-serif; font-weight: bold; }

.titlelarge	{ COLOR: #FFFFFF; font: 15px verdana, arial, sans-serif; font-weight: normal;}

.smalltitle 	{ COLOR: #FFFFFF; FONT: 10px verdana, arial, sans-serif; font-weight: bold; }

.phonetitle 	{ color: #FFCC66; font: 11px verdana, arial, sans-serif; font-weight: bold; }

/* START FOOTER TEXT */

.footer 	{ COLOR: #A2AAC3; FONT: 10px arial, verdana, sans-serif; font-weight: bold; }



/* MISC CODE AND COLORS */

.page-splits	{ border-top: #000000 1px solid; background:#7D7D7F; color:#7D7D7F; height: 12px; width: 100%; }

.hilite		{ COLOR: #FFCC66; }

.formmargin	{ margin: 0px; }

.just 		{ text-align: justify; }





/* HEADER DROP SHADOW */


.headshadow	{ 
		background-image: url("../picts/shadow-header.gif");
		background-repeat: repeat-x;
		height: 25px;
		border-top: #000000 0px solid;
		}





/* PAGE TEXT BOXES */

fieldset	{ padding: 10px; -moz-border-radius: 5px; border: #A2AAC3 1px solid; }

fieldset legend	{ padding: 0; margin-bottom: 5px; }




/* LOCATION OF THE LEFT SIDEBAR ON THE PAGES */

#sidebar	{ LEFT: 25px; position: absolute; TOP: 105px; z-index: 4; }





/* GALLERY PAGE OPTIONS */

.imagetitles	{
		background-color: #32323C;
		background-color: transparent;
		BORDER: #32323C 0px solid;
		color: #FFFFFF;
		font: 30px verdana, arial, sans-serif;
		font-weight: normal;
		text-align: left;
		width: 275px;
		}

.safarititles	{
		background-color: #CCCCCC;
		BORDER: #FFFFFF 1px solid;
		color: #000000;
		font: 17px verdana, arial, sans-serif;
		font-weight: bold;
		text-align: left;
		width: 175px;
		}




/* IMAGE BORDER COLORS */


.Galborder 		{ border: #000000 1px solid;}

.Galborderon 		{ border: #FFFFFF 1px solid; Filter: Alpha(Opacity=80);-moz-opacity: 0.8; }

.image-border		{ LEFT: 0px; position: relative; top: 0px; border: #000000 1px solid; }

.image-borderon		{ LEFT: 3px; position: relative; top: 3px; border: #FFFFFF 1px solid; }





/* HIDE MENU AND ITEMS FOR PRINTING */


@media print {
.printhide { display:none; }
.printhelp	{ width:600px; }
}
@media screen{
.printonly { display:none; }
}






/* CONTACT FORM CODE */

.button		 {background-color:#717179;
		FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		color: #DEDEEE;
		font-size: 8pt;
		height: 21px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
		BORDER: #DEDEEE 1px solid }


.buttonon	{background-color:#848494;
		FONT-FAMILY: arial, verdana, helvetica, sans-serif;
		color: #FFFFFF;
		font-size: 8pt;
		height: 21px;
		cursor:hand;
		font-weight: bold;
		text-align: center;
		padding-left: 5px;
		padding-right: 5px;
		BORDER: #FFFFFF 1px solid }


.shadeform	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("..//css/picts/shadeform.gif");
		text-align: left;
		WIDTH: 180PX;
		BORDER: #000000 1px solid; }


.textarea	{ FONT: 13px arial, verdana, sans-serif;
		background-image: url("..//css/picts/shadeform.gif");
		text-align: left;
		WIDTH: 250PX;
		HEIGHT: 125PX;
		BORDER: #000000 1px solid; }

.dropdown 	{ COLOR: #7682AD;
		WIDTH: 180PX;
		FONT: 11px geneva, verdana, arial, sans-serif; }



/* LINKS PAGE CODE */


.searchform 	{ background-image: url("..//css/picts/shadeform.gif"); WIDTH: 100PX; HEIGHT: 20PX; FONT: 11px arial, georgia, "Times New Roman", sans-serif; BORDER: #000000 1px solid }


.searchdrop	{ WIDTH: 70PX; HEIGHT: 20PX; FONT: 11px arial, verdana, sans-serif; background-color:#FFFFFF; color:#333333 }









/* GALLERY NAV MENU */



.menu-nav	{ font-family: arial, verdana, helvetica, sans-serif;
		  font-size: 11px;
		  font-weight: bold;
		  text-align: center;
		  letter-spacing: 0px;
		  height: 19px;
		  padding-top: 0px;
		  padding-bottom: 0px;
		  padding-left: 8px;
		  padding-right: 8px;
		  margin-left: 3px;
		  margin-right: 3px;
		  cursor:hand;
		  line-height: 19px;
		  display: block;
		  white-space: nowrap;
		  border: #DEDEEE 1px solid; }


a.menu-nav:link 	{  background-color:#717179;
		  	   color: #DEDEEE;}


a.menu-nav:visited 	{  background-color:#717179;
		  	   color: #DEDEEE;}


a.menu-nav:active 	{  background-color:#717179;
		  	   color: #DEDEEE;}


a.menu-nav:hover 	{  background-color:#848494;
		  	   color: #FFFFFF;
			   border: #FFFFFF 1px solid;
			}





/* SLIDESHOW BUTTONS */


.slideshow	{
		background-color:#717179;
		color: #DEDEEE;
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0px;
		height: 21px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 3px;
		margin-right: 3px;
		cursor:hand;
		line-height: 17px;
		display: block;
		white-space: nowrap;
		border: #DEDEEE 1px solid;
		}


.slideshowon	{
		background-color:#848494;
		color: #FFFFFF;
		font-family: arial, verdana, helvetica, sans-serif;
		font-size: 11px;
		font-weight: bold;
		text-align: center;
		letter-spacing: 0px;
		height: 21px;
		padding-top: 0px;
		padding-bottom: 0px;
		padding-left: 5px;
		padding-right: 5px;
		margin-left: 3px;
		margin-right: 3px;
		cursor:hand;
		line-height: 17px;
		display: block;
		white-space: nowrap;
		border: #FFFFFF 1px solid;
		}


#mainnav {
	float: right;
	width: 310px;
}
#suivant {
	width: 120px; padding:5px; height:30px;
	border: 1px solid #333;
}
#precedent {
	width: 140px; height:30px;
	padding: 5px;
	border: 1px solid #333;
}
#precedent:hover{ background-image:url(../img/fd-nav.png)}
#precedent img{float:left; margin-top:6px; margin-right:10px; margin-left:12px;}
#precedent div{margin-top:2px;}
#precedent a{font-family:Calibri, Verdana, Geneva, sans-serif; font-size:20px; color:#FFF;}
#precedent a:hover{text-decoration:underline;}

#suivant:hover{ background-image:url(../img/fd-nav.png)}
#suivant img{float:left; margin-top:6px; margin-right:10px; margin-left:10px;}
#suivant div{float:left; margin-top:2px; margin-left:15px;}
#suivant a{font-family:Calibri, Verdana, Geneva, sans-serif; font-size:20px; color:#FFF;}
#suivant a:hover{text-decoration:underline;}


#groupetreuil{width:960px; margin-left:auto; margin-right:auto; height:710px; background-image:url(../img/fond-groupe-treuil.png) ; background-repeat:no-repeat;}
img#tmb{float:left; margin-left:108px; margin-top:41px;}
img#tci{float:left; margin-left:173px; top:0px; }
img#tcb{clear:both; float:left; margin-left:90px; margin-top:67px;}
img#normen{margin-left:322px; margin-top:31px; }
img#bouquet{margin-top:14px; margin-left:56px; }

/* div */
#treuil{position:absolute; width:272px; height:364px; margin-left:316px; margin-top:98px; }