html {
scrollbar-arrow-color:#815b20;
scrollbar-track-color:#815b20;
scrollbar-shadow-color:#000;
scrollbar-face-color:#ffc54d;
scrollbar-highlight-color:#9d7b3b;
scrollbar-darkshadow-color:#000;
scrollbar-3dlight-color:#000;
}
body {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size: 0.8em;
/*font-size: 12px;*/
margin: 0;
padding: 0;
text-align:center;
color:#404040;
background: #a0875f url(/templates/formaroc/images/fds.png) 50% 0 repeat-x;
}
hr {
clear: both;
border: none;
border-top: 1px dashed;
/*border-top: 1px dashed #313131;*/
height: 0px;
margin:10px 5px !important;
margin:0px;
color:#ffc54d;
}
.spacer {
clear: both;
}
#conteneur {
position: relative;
width: 750px;
margin: 0 auto; 
background-color:#ffc54d;
border: #9d7b3b solid 1px}
#header {height: 120px; background: #ffc54d url(/templates/formaroc/images/bandeauhaut.jpg) no-repeat; background-position: top center; border-bottom: #9d7b3b solid 2px}
#header h1 { text-indent:-5000px; margin: 0.2em 0;}
#logo_formaroc {
position: absolute; z-index: 500; width: 750px; position: absolute; height: 120px;
top:0px;
left: 0px;
}
/*Debut menu*/
#menu a {
text-decoration: none;
}
#menu a:link, #menu a:visited {
color: #fff;
}
span.shHMenu, span.shHMenu a{color:#fff;text-decoration:none;}
#shHMenu #active_menushHMenu {
text-decoration: none;
cursor: pointer;
color: #9d7b3b;
}
#menu {
padding:0;
text-align: center;
font-size: 0.75em;
}
#menu ul {
width: 720px;/* 118+2*6/8.4*7 + 1 */
margin: 0 auto;
padding: 0;
}
#menu ul ul {
width: auto;
margin: 0;
position: absolute;
visibility: hidden;
}
#menu li {
margin: 0;
padding: 0;
list-style-type: none;
float: left;
display: block;
width: 118px;
background-color: #000;
font-weight: bold;
/*background-image: url(/templates/formaroc/images/puce.jpg);
background-repeat: no-repeat;
background-position: 5px 5px;*/
}
#menu li li {
float: none;
border-right: 1px solid #000;
background-color: #000;
Filter: Alpha(Opacity=80);
-moz-opacity:.80;
opacity:.80;
text-decoration: none;
width: 118px;
/*font-size: 75%;*/
font-weight: bold;
}
#menu a {
display: block;
line-height: 1.5;
border-top: 1px solid #000;
border-bottom: 1px solid #000;
border-left: 1px solid #000;
}
#menu li li a {
border-top-style: none;
border-bottom-style: none;
border-left: 1px solid #000;
}
#menu li#menulast {
border-right: 1px solid #000;
}
#menu li.lilast {
border-bottom: 1px solid #000;
}
#menu a:hover {
color: #9d7b3b;
/*background-color: #404040;
Filter: Alpha(Opacity=80);
-moz-opacity:.80;
opacity:.80;*/
text-decoration: none;
/*background-image: url(/templates/formaroc/images/puce.jpg);
background-repeat: no-repeat;
background-position: 5px 5px;*/
}
#menu li:hover ul, #menu li.over ul {
visibility: visible;
}
.clear {
clear: both;
height: 0;
line-height: 0;
}
/*Fin Menu*/

#menu_gauche {float:left; margin:0em 0 0 0em; padding: 0px 0px 0 10px; font-size:0.75em;
font-weight:bold; color: #9d7b3b; /*display: inline; /*background: url(/templates/formaroc/images/puce_fg_bl.png) bottom left no-repeat;*/
}
#menu_gauche h3 {margin:0em 0 0 0em; padding: 10px 0; font-size:1.2em; }
#menu_droite {margin:1.00em 2em 0 0;
float:right; 
top:0;
width:79px; height:81px;
/*background: #ffc54d url(/templates/formaroc/images/logo.gif) no-repeat;*/
}
#gauche {
position: relative;
/*left:0;
width: 200px;*/
text-align:left;
border-bottom: #9d7b3b solid 2px;
}
#aleatoire {
float:right; 
/*position: relative;*/
/*left:0;
width: 200px;
text-align:left;
border-bottom: #9d7b3b solid 2px;*/
}
#menu_galerie {padding:0 5px; text-align:left;}
#menu_shop { font-weight: bold;border-top: #9d7b3b dashed 1px;}
#centre { margin-left: 10px; margin-right: 10px; }
#centre p {text-align:justify;}
#centre h3 { padding-left: 55px ; text-align:left; color: #404040;/*color: #9d7b3b;*/ line-height: 25px ; font-size: 1.4em ;
background: url(/templates/formaroc/images/puce_h3.jpg) no-repeat left bottom ;
border-bottom: 1px solid #9d7b3b ;
}
/*#centre img {
float: right;
padding: 5px;
margin: 2px 0px 2px 8px;
border: 1px dashed #404040;
}
#centre img.fluxgauche {
float: left;
padding: 5px;
margin: 2px 8px 2px 0 ; 
border: 1px dashed #404040;
}*/
#pied {
background-color: #ffc54d; height: 70px; text-align:center; font-size:0.75em; font-weight: bold; border-top: #9d7b3b solid 2px}
#pied ul {margin : 0 auto; padding: 2em 1.3em 0 0; list-style-type:none;}
#pied li {display:inline; padding:0 1.5em;color:#404040;line-height: 18px;} 
#pied a li, .mainlevel-pied {text-decoration:none; /*color:#404040;*/}
#pied ul li a img {border:none;}
#pied a:hover, #contenu a:hover {color:#9d7b3b;text-decoration:underline !important;}
#copyright {clear:both; text-align:center; font-weight: bold; color:#9d7b3b;}
#copyright ul {margin : 0 auto; padding: 0 1.3em 0.5em 0; list-style-type:none;}
#copyright li {display:inline; padding:0 1.5em; color:#404040; line-height: 18px;} 
#copyright a {text-decoration:none; /*color:#404040;*/}
#copyright ul li a img {border:none;}
#copyright a:hover {color:#9d7b3b; text-decoration: underline !important;}

#pop{
position:absolute; cursor:pointer; left:3px; top:3px; display:none; z-index:200; background-color:#fff; border:3px outset;}
#tet{
cursor:move;  font:12px/18px "Comic Sans MS", "Times New Roman", Times, serif; color:#fff; background-color:#0465F1; padding:0 20px 0 .5em;
white-space:nowrap; text-align:left;
}
#croix{
position:absolute; margin:0; border:0; right:1px; top:1px; padding:0; height:16px; width:15px; background: #0465F1 url(/img/croix.gif) no-repeat; cursor:pointer;}
#msg{
position:absolute; font-size:1.5em; z-index:500; color:#c00; background:#fff; padding:5px; display:none}
/*liens avec vignette*/
a:hover img,a img:focus, a.vig:hover,a.vig:focus{background:transparent;moz-opacity:.7;opacity:.7;}
/**/
#pathway {color:#fff; padding-top:3px; float:left; /*background: #ccc;*/
/*margin-left:200px;*/
margin-left:50px; text-align:left;}
span.pathway a, .readon a {color:#9d7b3b;text-decoration:none;}
#recherche {margin:1px 7.3em 0 0; float:right;
}
#recherche .inputbox {
border: 0px solid #fff;
/*background-color:#0e0e0e;*/
background-color:#404040;
padding:0 0 0 2px;
font-family: arial, helvetica, sans-serif;
font-size: 11px;
color: #fff;
}
/**/
.createdate, .modifydate, .small {text-align:right; color:#333; text-transform:capitalize; }
input, textarea, option, select {font-size: 12px; border: 1px solid #aaacae;
}
.fluxgauche {float : left;margin: 5px 10px 10px 0 ;}
.fluxdroite {float : right;margin: 5px 0 10px 10px ;}
#active_menu {color:#9d7b3b;}
#mainlevel {}
ul#mainlevel {
list-style-type:none;
margin:0.25em 0 0.25em 1em;
}
ul#mainlevel li {
display:inline;
list-style-type:none;
padding: 0 10px 0 15px;
font-weight:bold;
color: #9d7b3b;
background: url(/templates/formaroc/images/puce_fg_bl.png) bottom left no-repeat;
}
#mainlevel a:hover {text-decoration:underline; color:#9d7b3b;}
fieldset {/*text-align:center; */width:70%; margin:0 auto}
#identification legend, #inscription legend {
color:#404040; font-weight: bold; background-color:transparent;} 
#post {width:80%; margin:0 auto}

table {font-size: 12px;}
h1{
font-weight: bold;
font-size: 22px;
font-family: "Trebuchet MS", Verdana, Arial, Helvetica, sans-serif;
text-decoration: none;
line-height : 120%;
color : #000;
margin: 2px;
}

h2 {
font-family: Arial, Helvetica, sans-serif;
font-size: 18px;
margin: 0px;
}

h3 {
font-weight: normal;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
margin: 2px;
}

p {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
margin: 2px 0px;
}

ul {
margin-left: 5px;
padding: 0px;
}

li {
margin-left: 10px;
margin-top: 4px;
margin-bottom: 4px;
padding: 0px;
list-style-position: outside;
list-style-type: disc;
}

.textinput {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #815b20 /*#D1D7DC*/;
padding-right: 3px;
padding-left: 3px;
}

.listbox {
font-family: Verdana, Arial, Arial, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #815b20 /*#D1D7DC*/;
vertical-align : middle;
}

.button {
font-family: Arial, Helvetica, sans-serif;
font-size: 100%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
}

.comment_button {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
padding-left: 3px;
padding-right: 3px;
}

.radio {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
vertical-align : middle;
}

.checkbox {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 100%;
vertical-align : middle;
}

a {
color: #404040;
text-decoration: none;
}

a:hover {
color: #404040;
text-decoration: underline;
}

.bblink a {
color: #404040;
text-decoration: none;
}

.bblink a:hover {
color: #404040;
text-decoration: underline;
}

.maintable {
border: 1px solid #404040;
/*background-color: #fff;*/
background-color: /*#EFEFEF*/;
margin-top: 1px;
margin-bottom: 1px;
}

.tableh1 {
background : #404040 ;
color : #fff;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.tableh1_compact {
background : #404040 ;
color : #fff;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tableh2 {
background: #815b20 /*#D1D7DC*/ ;
color : #fff;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.tableh2_compact {
background: #815b20 /*#D1D7DC*/ ;
color : #fff;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tableb {
background: /*#EFEFEF*/ ;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
		text-align:left;
}


.tableb_compact {
background: /*#EFEFEF*/ ;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
}

.tablef {
background: #815b20 /*#D1D7DC*/;
padding-top: 10px;
padding-right: 10px;
padding-bottom: 10px;
padding-left: 10px;
}

.catrow_noalb {
background: #815b20 /*#D1D7DC*/ ;
color : #000;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.catrow {
background: /*#EFEFEF*/ ;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.album_stat {
font-size: 85%;
margin: 5px 0px;
}

.thumb_filename {
font-size: 80%;
display: block;
}

.thumb_title {
font-weight : bold;
font-size: 80%;
padding: 2px;
display : block;
}

.thumb_caption {
font-size: 80%;
padding: 1px;
display : block;
}

.thumb_caption a {
text-decoration: underline;
color: #000;
}

.thumb_num_comments {
font-weight: normal;
font-size: 80%;
padding: 2px;
font-style : italic;
display : block;
}

.user_thumb_infobox {
margin-top: 1px;
margin-bottom: 1px;
}

.user_thumb_infobox th {
font-weight : bold;
font-size: 100%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}

.user_thumb_infobox td {
font-size: 80%;
margin-top: 1px;
margin-bottom: 1px;
text-align : center;
}

.user_thumb_infobox a {
text-decoration: none;
color: #000;
}

.user_thumb_infobox a:hover {
color: #000;
text-decoration: underline;
}

.sortorder_cell {
background : #404040 ;
color : #fff;
padding: 0px;
margin: 0px;
}

.sortorder_options {
font-family: Verdana, Arial, Helvetica, sans-serif;
background : #404040 ;
color : #fff;
padding: 0px;
margin: 0px;
font-weight: normal;
font-size: 80%;
white-space: nowrap;
}

.navmenu {
font-family: Verdana, Arial, Helvetica, sans-serif;
color: #fff;
font-size: 100%;
font-weight: bold;
background : #404040 ;
border-style: none;
}

.navmenu img {
margin-top: 1px;
margin-right: 5px;
margin-bottom: 1px;
margin-left: 5px;
}

.navmenu a {
display: block;
padding-top: 2px;
padding-right: 5px;
padding-bottom: 2px;
padding-left: 5px;
text-decoration: none;
color: #fff;
}

.navmenu a:hover {
background : /*#EFEFEF*/ ;
text-decoration: none;
color: #000;
}

.admin_menu_thumb {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
border: 1px solid #005D8C;
background-image : url(images/button_bg.gif);
background-position : bottom;
color: #000;
font-weight: bold;
margin-top: 0px;
margin-bottom: 0px;
width: 85px;
}

.admin_menu_thumb a {
color: #000;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 10px;
padding-right: 10px;
}


.admin_menu_thumb a:hover {
color: #000;
text-decoration: underline;
}

.admin_menu {
font-family: Arial, Helvetica, sans-serif;
font-size: 85%;
border: 1px solid #005D8C;
background-color:/*#EFEFEF*/;
background-image : url(images/button_bg.gif);
background-position : bottom;
color: #000;
margin-top: 0px;
margin-bottom: 0px;
padding-top:2px;
padding-bottom:2px;
padding-left:1px;
padding-right:1px;
text-align: left;
}

.admin_menu a {
color: #000;
text-decoration: none;
display: block;
position: relative;
padding-top: 1px;
padding-bottom: 1px;
padding-left: 2px;
padding-right: 2px;
		text-align:left;
}

.admin_menu a:hover {
color: #000;
text-decoration: underline;
}

td #admin_menu_anim {
background-image : url(images/button_bg_anim.gif);
}

.comment_date{
color : #5F5F5F;
font-size : 90%;
vertical-align : middle;
}

.image {
border-style: solid;
border-width:1px;
border-color: #000;
margin: 2px;
}

.imageborder {
border: 1px solid #000;
background-color: #fff;
margin-top: 30px;
margin-bottom: 30px;
}

.display_media {
background: /*#EFEFEF*/ ;
padding-top: 3px;
padding-right: 10px;
padding-bottom: 3px;
padding-left: 10px;
}

.thumbnails {
background: /*#EFEFEF*/ ;
padding: 5px;
}

.footer {
font-size : 9px;
}

.footer a {
text-decoration: none;
color: #000;
}

.footer a:hover {
color: #000;
text-decoration: underline;
}

.statlink {
color: #fff;
}

.statlink a {
text-decoration: none;
color: #fff;
}

.statlink a:hover {
color: #fff;
text-decoration: underline;
}

.alblink a {
text-decoration: underline;
color: #fff;
}

.alblink a:hover {
color: #fff;
text-decoration: none;
}

.catlink {
display: block;
margin-bottom: 2px;
}

.catlink a {
text-decoration: underline;
color: #815b20;
}

.catlink a:hover {
color: #815b20;
text-decoration: none;
}

.topmenu {
line-height : 130%;
font-size: 100%;
}

.topmenu a {
color : #404040;
text-decoration : none;
}

.topmenu a:hover  {
color : #404040;
text-decoration : underline;
}

.img_caption_table {
border: none;
background-color: #fff;
width : 100%;
margin : 0px;
}

.img_caption_table th {
background: #815b20 /*#D1D7DC*/ ;
font-size: 100%;
color : #000;
padding-top: 4px;
padding-right: 10px;
padding-bottom: 4px;
padding-left: 10px;
border-top : 1px solid #fff;
}

.img_caption_table td {
background: /*#EFEFEF*/ ;
padding-top: 6px;
padding-right: 10px;
padding-bottom: 6px;
padding-left: 10px;
border-top : 1px solid #fff;
white-space: normal;
}

.debug_text {
border: #BDBEBD;
background-color: /*#EFEFEF*/;
width : 100%;
margin : 0px;
}

.clickable_option {
cursor : default;
}

.listbox_lang {
color: #000;
background-color: #815b20 /*#D1D7DC*/;
border: 1px solid #815b20 /*#D1D7DC*/;
font-size: 80%;
font-family: Arial, Helvetica, sans-serif;
vertical-align : middle;

}
#vanity a {
display:block;
width:57px;
height:20px;
margin: 3px 20px;
}
#vanity img {border:0}
#v_php {float:left;background-image:url(../../images/powered-php.gif);}
#v_php:hover {background-image:url(../../images/h_powered-php.gif);}
#v_mysql {float:left;background-image:url(../../images/powered-mysql.gif);}
#v_mysql:hover  {background-image:url(../../images/h_powered-mysql.gif);}
#v_xhtml {float:right;background-image:url(../../images/valid-xhtml10.gif);}
#v_xhtml:hover {background-image:url(../../images/h_valid-xhtml10.gif);}
#v_css {float:right;background-image:url(../../images/valid-css.gif);}
#v_css:hover{background-image:url(../../images/h_valid-css.gif);}