/****************************
* 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: red;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;}
.cvyear			{vertical-align: middle; }
.cvyear_cur		{vertical-align: middle;}
.cvdata			{vertical-align: bottom; }
.cvdata_cur 	{vertical-align: middle;}

.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: 300px;}

.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;}

/***********************************************/
/* Formulaire Contact **************************/
p.titremail  { background:#FFFFFF;color:#990000; padding:.2em .3em;font-size:1.2em;border:2px outset #DED983; position:relative; margin-bottom:-1em; width:10em; margin-left:1em; margin-top:1em;}
fieldset { border:none; margin-bottom:1em; width:24em; padding-top:1.5em;}
select   { margin-left:9em;margin-bottom:0;}
/* fieldset coordonnees */
fieldset#coordonnees { border:outset #990000;}
#coordonnees label   { position:absolute;font-size:90%;padding-top:.2em;left:20px;}
#coordonnees input   { margin-left:9em;line-height:1.4em;margin-bottom:.2em; }
/* fieldset message */
fieldset#message		{ border:outset #990000; }
#civilite   { font-size:90%; }
#civilite input      { margin-left:9em; }
#civilite input + input { margin-left:1em; }
/* cases a cocher des centres d'interet */
#interets   { font-size:90%; }
#interets input         { margin-left:9em; }
#interets input +input  { margin-left:1em; }
#interets br+input      { margin-left:9em; }
/* zone de texte du message */
textarea		{ font-size: .8em; font-family: "Trebuchet MS", Verdana, sans-serif; width:29em;padding:.2em; }
/* les boutons submit et reset */
input[type="submit"], input[type="reset"] { font:1.2em "Trebuchet MS", Verdana, sans-serif; color:#990000; }
p#buttons { text-align:center; }
/***********************************************/

/***********************************************
* 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;
}

/***** menu CSS *****/
@media print {
/*A l'impression on cache le menu, marche au moins pour IE, Moz et Opéra.*/
	.menu, .ssmenu {
		visibility:hidden;
	}
}

.menu, .ssmenu {
	background-color:#660033;
	color:white;
	font-size:12px;
	font-weight:bold;
	font-family:"MS Sans Serif", sans-serif, Verdana, Arial;
	border:1px solid #EFB;
	padding:1px;
/* width et margin sont au cas où le javascript est désactivé. */
	width:15em;
	margin:1em;
}

/* .menu = les cases toujours visibles (comme Fichier, Edition... dans un logiciel) */
.menu {
	text-align:center;
}
/* .ssmenu = Les parties "déroulantes" qui s'affiche au survol d'un .menu */
.ssmenu {
/* aller pour faire joli sur IE, un petit effet de dégradé !
	Pour voir d'autres effets :
	http://msdn.microsoft.com/workshop/samples/author/dhtml/DXTidemo/DXTidemo.htm
	Par exemple :
	transparence à 25% = opacité à 75%:
		FILTER: progid:DXImageTransform.Microsoft.Alpha( style=0,opacity=75);
	"Glow" :
		FILTER: progid:DXImageTransform.Microsoft.Glow(color=#ffdead,strength=5);
	Ombre en bas à droite, 5 px :
		FILTER: progid:DXImageTransform.Microsoft.Shadow(direction=135,color=#ff8c00,strength=5);
		FILTER: progid:DXImageTransform.Microsoft.Gradient(gradientType=0,startColorStr=#994400,endColorStr=#660033);
	*/
	white-space: nowrap;
}

.menu span, .ssmenu span {
/* Ne pas toucher
	C'est pour cacher les ; en fin de <li>, ce qui permet aux synthèse vocales de prendre une
	pause dans l'élocution */
	display:none;
}

.ssmenu ul, .ssmenu li {
/* Ne pas trop toucher.
	Les items (les <li>) des sous-menus, notamment pour enlever les puces des liste */
	padding:0;
	margin:0;
	list-style-type:none;
}

.menu a, .ssmenu a, .menu a:visited, .ssmenu a:visited {
/* Les liens qui ne sont pas sous le curseur. */
	color:white;
	padding:2px 1px;
	text-decoration:none;
/* Ne pas modifier le block, margin et width */
	display:block;
	margin:0px;
	width:100%;
}
h		tml>body .menu a, html>body .menu a:visited, html>body .menu a:hover, html>body .menu a:active,
html>body .ssmenu a, html>body .ssmenu a:visited, html>body .ssmenu a:hover, html>body .ssmenu a:active {
	width:auto;
}

.ssmenu ul:hover, .ssmenu a:hover, .ssmenu a:focus, .menu a:hover, .menu a:focus {
/* Les liens sous le curseur.
	On change les couleurs du texte et de fond, et on enlève le soulignement.
	*/
	background-color:#FFCCCC;
	color:black;
	text-decoration:none;
}


img {
/* Si on met une image dans un lien (par exemple un logo à gauche du lien), pas de bordure
	car c'est vilain :-p */
	border:none;
}

.ssmenu img {
/* un petit espacement entre l'image et le texte du lien <a href="..."><img.../>blabla</a> */
	margin-right:2px;
}

.ssmenu img.hr {
/* Encore un peu expérimental, un <hr /> entre deux items pour faire un "séparateur"... */
	margin-top:1px;
	margin-bottom:1px;
	margin-left:0;
	margin-right:0;
	width:100%;
	display:block;
}

/*
Bref... pour résumer, ce qu'il y a à modifier à la base, c'est :
- couleurs, police, bordure.
- l'effet spécial IE pour les ssmenu si on aime ça...
- police et couleurs des liens "non survolés" et "survolés".
*/