BODY {
 scrollbar-face-color: #656564;
 scrollbar-shadow-color: #000000; 
 scrollbar-highlight-color: #4B74AD;
 scrollbar-3dlight-color: #FF0000; 
 scrollbar-darkshadow-color:#FF0000;
 scrollbar-track-color:#CCCCCC; 
 scrollbar-arrow-color:#FFFFFF
}

body { font-family: arial;  font-size: 9px; text-align: center; }

#container {
	background: #fff;
	width: 930px;
	color: #000000;
	border: 1px solid #cc0000;
	margin: auto auto;
	padding: 5px;
	text-align: left;
}



/*----------------------Glossy menu---------------*/


.invertedshiftdown{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown ul{
margin:0;
margin-left: 10px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 9px 10px; /*Padding within each menu item*/
background-color: white; /*Default menu color*/

/*BELOW 4 LINES add rounded bottom corners to each menu item.
  ONLY WORKS IN FIREFOX AND FUTURE CSS3 CAPABLE BROWSERS
  REMOVE IF DESIRED*/
-moz-border-radius-bottomleft: 5px;
border-bottom-left-radius: 5px;
-moz-border-radius-bottomright: 5px;
border-bottom-right-radius: 5px;
}

.invertedshiftdown a:hover{
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
text-decoration : none;
}

.invertedshiftdown .current a{ /** currently selected menu item **/
background-color: #D10000; /*Red color theme*/
padding-top: 9px; /*Flip default padding-top value with padding-bottom */
padding-bottom: 5px; /*Flip default padding-bottom value with padding-top*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}



td { font-family: verdana, helvetica;  font-size: 9px; color: #FF0000 }

A {
color:#CC0000;
text-decoration:none;
}
A:hover {
color:#AAAAAA;
text-decoration:underline underline;
}
A.menu {
color:#CC0000; 
text-decoration:none;
}
A.menu:hover {
color:#FF9966;
text-decoration:none;
}

INPUT {
color:#000000;
background-color:#FFFFFF;
font-size:10px;
font-family:verdana;
}
SELECT {
color:#000000;
background-color:#FFFFFF;
font-size:10px;
font-family:verdana;
}

.normal2 { line-height:1.25;  word-spacing:1pt;font-family:Verdana, Arial, Verdana; font-weight: normal;color:#444444 ; font-size: 11px;}

.nblink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #666666;
}

.texteacceuil {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
}

A.rublink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #553500;
	text-decoration:underline;
}

A.rublink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #553500;
	text-decoration:none;
}

A.rublink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #553500;
	text-decoration:none;
}

A.rublink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #553500;
	text-decoration:underline;
}

.lienlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

.texteforum {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
}

.textelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #000000;
	text-indent: 10px;
}

.titrelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-indent: 10px;
	font-weight: bold;
}

A.lienlink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration:underline;
	font-style: italic;
	font-weight: normal;
}

A.lienlink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration:none;
	font-style: italic;
	font-weight: normal;
}

A.lienlink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #666666;
	text-decoration:none;
	font-style: italic;
	font-weight: normal;
}

A.lienlink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 9px;
	color: #000000;
	text-decoration:underline;
	font-style: italic;
	font-weight: normal;
}

A.titrelink {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration:underline;
}

A.titrelink:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration:none;
}

A.titrelink:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration:none;
}

A.titrelink:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #CC0000;
	text-decoration:underline;
}
/*---------------------------COMMUNS Album photos --------------------*/	
/*titre en haut de la page*/
.titrepage {
    font-size: 14px;
    font-style: italic;
    font-weight: bold;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }
	
/*liens vers statistiques et administration*/
.liensadm {
    font-size: 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }
	
/* BARRE AFFICHANT L'ARBORESCENCE DES ALBUMS (1ère ligne) */
.barrearbo {
    font-size: 11px;
    background-color: #FFFFFF;
    font-weight: bold;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }

/* BARRE AFFICHANT LES INFOS SUR LA GALERIE (2ème ligne) */
.barreinfo {
	font-size: 11px;
	background-color: #FFFFFF;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
    }

/* BARRE DU BAS */
.barrebas {
    font-size: 11px;
    background-color: #FFFFFF;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }

/*temps de generation*/
.generation {
    font-size: 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }

/* COULEUR DES ENCADRéS */
.encadre {
    background-color: #CCCCCC;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }	


/*--------------------------- DISP_SERIE.PHP - DISP_IMG.PHP --------------------*/	
/* BARRE DE NAVIGATION DE PAGE EN PAGE */
.barrenav {
    font-size: 11px;
    background-color: #FFFFFF;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }	
/* ------------------------------ INDEX.PHP - DISP_ALBUM.PHP -----------------*/
/*TITRE D'UN ALBUM (lien) */
.lienalbum {
    font-size: 13px;
    font-weight: bold;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }

/* DESCRIPTION D'UN ALBUM */
.descralbum {
	font-size: 12px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #000000;
    }

/* INFOS SUR UN ALBUM */
.infosalbum {
	font-size: 10px;
	font-family : Verdana, Arial, Helvetica, sans-serif;
	color: #999999;
    }

	
/*---------------------------INDEX.PHP----------------------*/
/* STYLE DE LA PARTIE HAUTE DES IMAGES POPULAIRES  */
.favoriteup {
    color: #FFFFFF;
    font-size: 12px;
    text-decoration: none;
    background-color: #777777;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }

/* STYLE DE LA PARTIE BASSE DES IMAGES POPULAIRES*/
.favoritedown {
    color: #FFFFFF;
    font-size: 10px;
    text-decoration: none;
    background-color: #777777;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }

	
/*---------------------------DISP_SERIE.PHP----------------------*/	
.infosphoto {
    font-size: 10px;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }

/*----------------------LOGIN.PHP---------------*/
.authdescr {
    font-size: 12px;
    font-family : Verdana, Arial, Helvetica, sans-serif
    }
/*----------------------La barre de navigation---------------*/
div#navbar2 {
	height: 30px;
	width: 100%;
	border-top: 1px solid #000;
	border-bottom: 1px solid #000;
	background-color: #336699;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}
div#navbar2 ul {
    margin: 0px;
    padding: 0px;
    font-family: Arial, Helvetica, sans-serif;
    font-size: small;
    color: #FFF;
    line-height: 30px;
    white-space: nowrap;
}
div#navbar2 li {
	list-style-type: none;
	display: inline;
	border-right-width: 1px;
	border-left-width: 1px;
	border-right-style: solid;
	border-left-style: solid;
	border-right-color: #000000;
	border-left-color: #000000;
	margin: 0px;
	padding: 0px;
}
div#navbar2 li a {
    text-decoration: none;
    padding: 7px 10px;
    color: #FFF;
}
div#navbar2 li a:link {
    color: #FFF:
}
div#navbar2 li a:visited {
    color: #CCC;
}
div#navbar2 li a:hover {
    font-weight: normal;
    color: #FFF;
    background-color: #3366FF;
}

/*----------------------La barre de navigation 2---------------*/

//A.menu {
//	font-family: Verdana, Arial, Helvetica, sans-serif;
//	font-size: 10px;
//	color: #AAAAAA;
//}

A.menu:link {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	text-decoration:none;
}

A.menu:visited {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #555555;
	text-decoration:none;
}

A.menu:hover {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #AAAAAA;
	text-decoration:none;
}


/*----------------------Les licences---------------*/


.textelic {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #000000;
}

/*----------------------nouveau menu---------------*/


.invertedshiftdown2{
padding: 0;
width: 100%;
border-top: 5px solid #D10000; /*Highlight red color theme*/
background: transparent;
voice-family: "\"}\"";
voice-family: inherit;
}

.invertedshiftdown2 ul{
margin:0;
margin-left: 40px; /*margin between first menu item and left browser edge*/
padding: 0;
list-style: none;
}

.invertedshiftdown2 li{
display: inline;
margin: 0 2px 0 0;
padding: 0;
text-transform:uppercase;
}

.invertedshiftdown2 a{
float: left;
display: block;
font: bold 12px Arial;
color: black;
text-decoration: none;
margin: 0 1px 0 0; /*Margin between each menu item*/
padding: 5px 10px 5px 10px; /*Padding within each menu item*/
background-color: lightblue; /*Default menu color*/
border-bottom: 8px solid white;
}

.invertedshiftdown2 a:hover{
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

.invertedshiftdown2 .current a{ /** currently selected menu item **/
background-color: #D10000; /*Highlight red color theme*/
padding-top: 10px; /*Set padding-top value to default's padding-top + padding-bottom */
padding-bottom: 0; /*Set padding-bottom value to 0 */
border-bottom-color: #D10000; /*Highlight red color theme*/
color: white;
}

#myform{ /*CSS for sample search box. Remove if desired */
float: right;
margin: 0;
margin-top: 2px;
padding: 0;
}

#myform .textinput{
width: 190px;
border: 1px solid gray;
}

#myform .submit{
font: normal 12px Verdana;
height: 22px;
border: 1px solid #D10000;
background-color: black;
color: white;
}



/*----------------------cadre du coté---------------*/

.cadre {
border-width:1px; 
border-style:solid; 
border-color:#aaaaaa;
padding-left : 5px;
width:95%;
}

/*----------------------Boite        ---------------*/

div.ex
{
width:180px;
padding:10px;
border:1px dotted black;
margin:5px;
background-color:#e0e0e0;
font-family:"Times New Roman",Georgia,Serif;
font-size:14px;
color:#000000;
}

/*----------------------  Menu       ---------------*/

.pro15 {padding:0 0 0 20px; margin:0; list-style:none; height:30px; background:#1841c8 url(menu/pro_15_0.gif);}
.pro15 li {float:left;}
.pro15 li a {display:block; float:left; height:30px; line-height:30px; background:url(menu/pro_15_0.gif); color:#FFF; text-decoration:none; font-family:arial, verdana, sans-serif; text-align:center; padding:0 0 0 10px; cursor:pointer; font-size:11px;}
.pro15 li a b {float:left; display:block; background:url(menu/pro_15_0.gif) right top; padding:0 16px 0 8px;}
.pro15 li.current a {color:#fff; background:url(menu/pro_15_2.gif);}
.pro15 li.current a b {background:url(menu/pro_15_2.gif) no-repeat right top;}
.pro15 li a:hover {color:#fff; background: url(menu/pro_15_1.gif);text-decoration:none;}
.pro15 li a:hover b {background:url(menu/pro_15_1.gif) no-repeat right top;}
.pro15 li.current a:hover {color:#fff; background: url(menu/pro_15_2.gif); cursor:default;}
.pro15 li.current a:hover b {background:url(menu/pro_15_2.gif) no-repeat right top;}
.pro15 li a em {display:block; float:left; width:16px; height:30px;}
.pro15 li a em.home {background:url(menu/home2.gif) no-repeat center center;}
.pro15 li a em.calendar {background:url(events.gif) no-repeat center center;}
.pro15 li a em.camera {background:url(camera.gif) no-repeat center center;}
.pro15 li a em.find {background:url(find.gif) no-repeat center center;}
.pro15 li a em.contact {background:url(contact.gif) no-repeat center center;}
.pro15 li a em.search {background:url(search.gif) no-repeat center center;}