/****************************
* Caroline-kennerson.com 
*****************************/
a 		   		{text-decoration: none; color: #990000; }
a:link     		{text-decoration: none; color: #990000; }
a:visited  		{text-decoration: none; color: #660033; }
a:hover    		{text-decoration: none; color: red ; }

body 				{color:#990000 ; background-color: rgb(255, 255, 255); }

/* masquer le deuxième object pour toutes les versions de IE */

* html object.hiddenObjectForIE { display: none; }

/* afficher le deuxième object uniquement pour IE Mac */

/* IE Mac \*//*/
* html object.hiddenObjectForIE { display: inline; }
/**/


.menu 			{font-family:arial;height: auto;width: auto;float : left;margin-left: 20px;margin-top: 10px;text-align: center;vertical-align: middle;}
.diapo 			{font-family:arial;background-color: pink;height: 200px;width: 150px;float: left;margin-left: 10px;margin-top: 10px;border: 1px;border-color: black;text-align: center;vertical-align: middle;}

.poupre			{color: #990000;}

.image			{border:0px solid;}

.image-vignette{width:100px;height:100px;border:0px solid;}

.justif			{text-align:justify;font-family:arial;font-weight:normal;font-variant:normal;font-size:small;}
.center			{font-family:arial;text-align: center;vertical-align: middle;}

.titre			{font-family:arial;font-variant:normal;font-size:x-large;font-weight:bold;text-align: center;}
.titre_oe		{font-family:arial;font-variant:normal;font-size:x-large;font-weight:bold;font-style:italic;text-align: center;}
.nom_oe			{font-family:arial;font-variant:normal;font-size:large;font-weight:bold;font-style:italic;text-align: center;}
.nom_oe_texte	{font-family:arial;font-variant:normal;font-size:medium;font-weight:bold;font-style:italic;text-align: center;}
.titre1			{font-family:arial;font-variant:normal;font-size:large;font-weight:bold;text-align: left;}
.titre2			{font-family:arial;font-variant:normal;font-size:large;font-weight:bold;text-align: center;}

.menu1			{font-family:arial;font-size: medium;font-weight: bold;}
.menu2			{font-family:arial;font-size: small ;font-weight: bold;}

.LayerMenu		{position:relative; width:200px; z-index: 100; left:   0px; top:   0px;}
.Layer1			{position:relative; width:750px; z-index:  90; left: 150px; top:  30px;}
.LayerTicker	{position:relative; width:750px; z-index:  85; left:  00px; top:  50px;}
.Layer2			{position:relative; width:750px; z-index:  80; left: 150px; top:  80px;}
.Layer3			{position:relative; width:750px; z-index:  70; left: 150px; top:  80px;}
.Layer4			{position:relative; width:750px; z-index:	 60; left: 150px; top:  80px;}
.Layer5			{position:relative; width:750px; z-index:	 50; left: 150px; top:  80px;}
.Layer6			{position:relative; width:750px; z-index:	 40; left: 150px; top:  80px;}
.Layer7			{position:relative; width:750px; z-index:	 30; left: 150px; top:  80px;}
.Layer8			{position:relative; width:750px; z-index:	 20; left: 150px; top:  80px;}
.Layer9			{position:relative; width:750px; z-index:	 10; left: 150px; top:  80px;}
.LayerStat		{position:relative; width: 75% ; z-index:   0; left:  10px; top:  80px;}

.LayerTab1		{position:relative; width:500px; height:600px; z-index:  70; left:  10px; top: 100px;}
.LayerTab2  	{position:relative; width:500px; height:400px; z-index:  60; left: 520px; top: 100px;}
.LayerTab3		{position:relative; width:500px; height:400px; z-index:  50; left: 520px; top: 400px;}
.LayerTab4		{position:relative; width:500px; height:400px; z-index:  40; left: 540px; top: 100px;}

.vignette2		{position:relative; width:100px; height:200px; z-index:2; left: 150px; top: 100px;}      
.vignette3		{position:fixed   ; width:100px; height:200px; z-index:3; left: 270px; top: 170px;}
.vignette4		{position:fixed   ; width:100px; height:200px; z-index:4; left: 380px; top: 170px;}
.vignette5		{position:fixed   ; width:100px; height:200px; z-index:5; left: 490px; top: 170px;}
.vignette6		{position:fixed   ; width:100px; height:200px; z-index:6; left: 600px; top: 170px;}
.vignette7		{position:fixed   ; width:100px; height:200px; z-index:7; left: 710px; top: 170px;}

/***********************************************/


/***********************************************
* Ajax Ticker script (txt file source)- © Dynamic Drive (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit http://www.dynamicdrive.com/ for this script and 100s more.
***********************************************/
#ajaxticker1{
width: 740px;
height: 150px;
border: 0px ridge #990000;
padding: 5px;
}

#ajaxticker1 div{ /*IE6 bug fix when text is bold and fade effect (alpha filter) is enabled. Style inner DIV with same color as outer DIV*/
}

.someclass{ /*class to apply to your scroller(s) if desired*/
}

/***********************************************
* Smooth Navigational Menu- (c) Dynamic Drive DHTML code library (www.dynamicdrive.com)
* This notice MUST stay intact for legal use
* Visit Dynamic Drive at http://www.dynamicdrive.com/ for full source code
***********************************************/
.ddsmoothmenu{
font: bold 12px Verdana;
background: #660033; /*background of menu bar (default state)*/
width: 100%;

}

.ddsmoothmenu ul{
z-index:100;
margin: 0;
padding: 0;
list-style-type: none;
}

/*Top level list items*/
.ddsmoothmenu ul li{
position: relative;
display: inline;
float: left;
}

/*Top level menu link items style*/
.ddsmoothmenu ul li a{
display: block;
background: #660033; /*background of menu items (default state)*/
color: white;
padding: 8px 10px;
border-right: 1px solid #778;
color: #2d2b2b;
text-decoration: none;
}

* html .ddsmoothmenu ul li a{ /*IE6 hack to get sub menu links to behave correctly*/
display: inline-block;
}

.ddsmoothmenu ul li a:link, .ddsmoothmenu ul li a:visited{
color: white;
}

.ddsmoothmenu ul li a:hover{
background: #990000; /*background of menu items during onmouseover (hover state)*/
color: white;
}
	
/*1st sub level menu*/
.ddsmoothmenu ul li ul{
position: absolute;
left: 0;
display: none; /*collapse all sub menus to begin with*/
visibility: hidden;
}

/*Sub level menu list items (undo style from Top level List Items)*/
.ddsmoothmenu ul li ul li{
display: list-item;
float: none;
}

/*All subsequent sub menu levels vertical offset after 1st level sub menu */
.ddsmoothmenu ul li ul li ul{
top: 0;
}

/* Sub level menu links style */
.ddsmoothmenu ul li ul li a{
font: normal 13px Verdana;
width: 160px; /*width of sub menus*/
padding: 5px;
margin: 0;
border-top-width: 0;
border-bottom: 1px solid gray;
}


/* ######### CSS classes applied to down and right arrow images  ######### */

.downarrowclass{
position: absolute;
top: 12px;
right: 7px;
}

.rightarrowclass{
position: absolute;
top: 6px;
right: 5px;
}

/* ######### CSS for shadow added to sub menus  ######### */

.ddshadow{
position: absolute;
left: 0;
top: 0;
width: 0;
height: 0;
background: silver;
}

.toplevelshadow{ /*shadow opacity. Doesn't work in IE*/
opacity: 0.8;
}