@import url(../menu/menu_style.css);
@import url(../menu/default.css);



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*mise en forme du site                                         */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


#pagewidth{ 
 margin-left:auto; 
 margin-right:auto; 
 background-color:#FFFFFF; 
 width:938px; 
 border-top: 1px #6a6a6a;/* gris sombre*/
 border-right:1px #6a6a6a;
 border-left: 1px #6a6a6a;
 border-bottom: 1px #6a6a6a;
 /*border-style:solid;*/} 

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*      Mise en forme du header                                 */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.header{
 width:938px; 
 height:170px;
background-image:url(../images/header.jpg);
background-repeat: no-repeat;
/*border-bottom: 1px solid #6a6a6a; gris sombre*/
} 

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*cadres gauche, droit et central                               */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

#leftcol{
 background-color:white; 
 vertical-align:top;
 padding-top: 4px;
 padding-left: 2px;
 padding-right: 2px;
 border-top: 0px  solid #CFCFCF; }
 
#rightcol{
 vertical-align:top;
 padding-top: 4px;
 padding-left: 2px;
 background-color:white;
 border-top: 1px #CFCFCF;
 border-right:0px #CFCFCF;
 border-left: 1px #CFCFCF;
 border-bottom: 0px #CFCFCF;
 border-style:solid; }
 
#maincol{
 background-color: #FFFFFF;
 text-align: center;
 vertical-align:top;
 padding-top: 4px;
 padding-left: 7px;
 padding-right: 2px;
 border-top: 0px #976424;
 border-right:0px #CFCFCF;
 border-left: 1px #CFCFCF;
 border-bottom: 0px #CFCFCF;
 border-style:dotted;
 width:100%; }

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*pied de page du site                                          */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.footer{
 width: 938px;
 height:90px;
 font: normal 9px Verdana, Arial, Helvetica, sans-serif;
 color:#6a6a6a;
 text-align:center;
 background-color:#efefef; /* gris pale*/
 background-image:url(../images/footer.jpg);
/*background-repeat:repeat;*/
 border-top: 1px #976424;/* Marron tourisme48*/
 border-right:0px #CFCFCF;
 border-left: 0px #CFCFCF;
 border-bottom: 0px #CFCFCF;
 border-style:solid;}

/*couleurs des liens footer*/

.footer a  {
font: 9px verdana, helvetica, sans-serif;
color:#006600;}

.footer a:hover {	
text-decoration: none;	
color: #006600;}

.footer-text {
font: 9px verdana, helvetica, sans-serif;
color:#006600;
text-align:right;}



/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*fonction impression                                           */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
 
 /*printer styles*/ 
 @media print{ 
/*hide the left column when printing*/ 
#leftcol{display:none;} 

/*hide the right column when printing*/ 
#rightcol{display:none;} 
#twocolls, #maincol{width:100%; float:none;}
}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* Aspect des blocs                                             */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */


.block_content {
font: 11px verdana, helvetica, sans-serif;
/*text-align:center;*/
padding-left:2px; 
padding-right:2px; 
width: 100%;
}
.block_link {
background: #FFFFAE;
border-top: 1px solid #FFFF99;
border-bottom: 1px solid #FFFF99;
border-left: 1px solid #FFFF99;
border-right: 1px solid #FFFF99;
padding: 2px 2px 2px 2px;
}
.boxContent {width: 170px;}

/*  aspect des blocs colonne gauche */	

.block_title-left{
font: bold 12px verdana, helvetica, sans-serif;
/*color: #7b7e83;*/
color:#B7811A;
/*background-image:url(../images/puce-colonne-droite.png);
background-repeat: no-repeat;*/
vertical-align:bottom;
border-top:1px solid #ffa000;/*gris bleu*/
border-bottom:1px solid #ffa000;/*gris bleu*/
text-indent:5pt;
text-align:left;}

.block_content-left {width: 170px;}


/*  aspect des blocs colonne droite */	

.block_title-right{
font: bold 15px verdana, helvetica, sans-serif;
color: #7b7e83;
background-image:url(../images/puce-colonne-droite.png);
background-repeat: no-repeat;
vertical-align:bottom;
border-bottom:1px solid #CFCFCF;/*gris bleu*/
text-indent:1pt;}

.boxContent-right {width: 170px;}

/*  aspect des blocs cadre central*/	

.block_title-center {
font: bold 13px verdana, helvetica, sans-serif;
font-style: bold;
color: #ffffff;
background-color: #ffa000; /*en tête*/
background-image:url(../images/puce-centre.png);
background-repeat: no-repeat;
width: 100%;
text-indent:15pt;}

.block_content-center {
font: 11px verdana, helvetica, sans-serif;
color:#7b7e83;
border-bottom:0px solid #B7811A; 
border-left: 0px solid #B7811A;
border-right: 0px solid #B7811A;
border-top: 0px solid #B7811A;
/*-moz-border-radius: 5px;*/
width: 100%;
}
.block_content-upright {
font: 11px verdana, helvetica, sans-serif;
color:#7b7e83;
border-bottom:0px solid #B7811A; 
border-left: 0px solid #B7811A;
border-right: 0px solid #B7811A;
border-top: 0px solid #B7811A;
/*-moz-border-radius: 5px;*/
width: 100%;
}
.block_content-upleft {
font: 11px verdana, helvetica, sans-serif;
color:#7b7e83;
border-bottom:0px solid #B7811A; 
border-left: 0px solid #B7811A;
border-right: 1px solid #B7811A;
border-top: 0px solid #B7811A;
/*-moz-border-radius: 5px;*/
width: 100%;
}

.block_title-news-home {
font: bold 13px verdana, helvetica, sans-serif;
font-style: bold;
color: #ffffff;
background-color: #ffa000; /*en tête*/
background-image:url(../images/note.png);
background-repeat: no-repeat;
width: 100%;
height:24px;
text-indent:20pt;}

.block_title-search-home {
font: bold 13px verdana, helvetica, sans-serif;
font-style: bold;
color: #ffffff;
background-color: #ffa000; /*en tête*/
background-image:url(../images/search.png);
background-repeat: no-repeat;
width: 100%;
height:24px;
text-indent:20pt;}

.block_table_2col {
font: bold 13px verdana, helvetica, sans-serif;
font-style: bold;
color: #ffffff;
background-color: #ffa000; /*en tête*/
background-image:url(../images/search.png);
background-repeat: no-repeat;
width: 50%;
text-indent:20pt;}

.block_content-photo {
font: 11px verdana, helvetica, sans-serif;
color:#7b7e83;
border-bottom:1px solid #B7811A; 
border-left: 1px solid #B7811A;
border-right: 1px solid #B7811A;
border-top: 1px solid #B7811A;
/*-moz-border-radius: 5px;*/
width: 100%;
}
.block_content-texte
{
font: 11px verdana, helvetica, sans-serif;
color:#663300;
/*-border-bottom:1px solid #B7811A; 
border-left: 1px solid #B7811A;
border-right: 1px solid #B7811A;
border-top: 1px solid #B7811A;
moz-border-radius: 5px;*/
width: 100%;
}
.bloc_manuel{
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
width:740px;
}
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* aspect des articles                                          */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.block_title-news {
font:  bold 10px  verdana, helvetica, sans-serif;
font-weight: bold;
color: #976424;
vertical-align:middle;
border-top: 1px solid #ECECEC;
background-image:url(../images/page.jpg);
background-repeat: no-repeat;
background-color:white; /*Bloc titre */
text-indent:26pt;
height:37px;}

.boxContent-news {width: 100%;}

.block_content-news {
font: 12px verdana, helvetica, sans-serif;
padding-top:8px;
padding-bottom:6px;
/*background: #C4D0C1; intérieur des news */
}

.postedby {
font: 9px verdana, helvetica, sans-serif;
color: #336600;
text-align:right;
text-indent:10pt;
border-bottom:1px dashed #9cbcc4;
height:12px;} 

.morelink {
font: 9px verdana, helvetica, sans-serif;
text-align:left; 
border-top:1px dashed #9cbcc4; 
padding-top:2px;
}	

.block_title-morenews {
font: bold 13px verdana, helvetica, sans-serif;
color: #C4D0C1;
}

/*couleurs des liens  block_title et  posteby*/

.block_title a  {font: bold 14px  verdana, helvetica, sans-serif;color:#ffffff;}
.block_title a:hover  {font: bold 14px  verdana, helvetica, sans-serif;color:#9cbcc4;text-decoration: none;}

.postedby a  {font: 9px verdana, helvetica, sans-serif;color:#9cbcc4;}
.postedby a:hover {text-decoration: none;color: #cccccc;}

/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* aspect des preferences administration                        */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.checkbox {	background: #ECECEC;/*gris pale */border: 1px solid #7b7e83;font-size: x-small;}
.select {background: #ECECEC;border: 1px solid #7b7e83;font-size: small;}
.radio {background: #ECECEC;border: 1px solid #7b7e83;font-size: small;}
 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/* aspect des modules                                           */ 
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

/*aspect module sections */

.title {color: #7b7e83;	font: 18px bold;}
.sections_css .bg1 {background-color:#ffffff  /* fond cellule */}
.sections_css .bg2 {background-color:#efefef /* fond cellule nom - lecture*/} 
.sections_css .bg3 {background-color:#ffffff   /* fond cellule  article- date  */}
.sections_css .bg4 {background-color:#efefef;/* entete degrade bleu  */}

/*aspect module mylinks */

.mylinks_bg1		{background-color:#ffffff;border-collapse:collapse;} /* fond cellule bloc centre, bloc froit, admin*/
.mylinks_bg3		{background-color:#efefef;border-collapse:collapse;} /* en tete des cadres admin*/


/*aspect module forum new_bb */

.newbb_plus_css .bg1 {background-color:#ffffff  /* fond cellule */}
/*.newbb_plus_css .bg2 {background-color:#9299b0;  couleur bordure gris medium du bloc menu*/} 
.newbb_plus_css .bg3 {background-color:#efefef; /* gris pale, fond cellule 2  */}
.newbb_plus_css .bg4 {background-color:#efefef; /* gris pale, entete  */}


/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */
/*                           aspect général                     */
/*- - - - - - - - - - - - - - - - - - - - - - - - - - - - - - - */

.bg1{background-color:#ffffff;} /* fond cellule bloc centre, bloc droit, admin*/
.infoview {
background-color:#FFFFD5;
width:420px;
}
.bg2{/* couleur bordure*/
background-color:#efefef;
border-bottom:1px solid #CFCFCF;/*gris bleu*/
border-left: 1px solid #CFCFCF;
border-right: 1px solid #CFCFCF;
border-top: 1px solid #CFCFCF;
-moz-border-radius: 5px;} 

.bg3{background-color:#ECECEC} /* en tete des cadres admin*/

.bg4{background-color:#ffffff} /* pied de page bloc forum*/
.agenda{
font-family:Arial, Helvetica, sans-serif;
font-size:9px;
}

body {
    font: normal 9px Verdana, Arial, Helvetica, sans-serif;
    text-align:center;  
    /*color : #000000;  */
	color : #c78613;
	background-color:#4a301d;
   /* background-image:url(../images/background.jpg);*/
    background-repeat: repeat; } 

a:link, a:active, a:visited  {font:10px;color: #663300;text-decoration: none;} 
a:hover {color : #000000; } 

/*td, tr, table {
	font-family: Verdana, Helvetica, sans-serif;
	/*text-align: left;
	font-size: 11px;
	color: #000000;}*/
table {
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
/*background-color:#FFFFFF;*/
color:#000000;
}
xcal_style {
	font-family: Verdana, Helvetica, sans-serif;
	text-align: center;
	font-size: 11px;
	color: #000000;}
.optable {
	font-family: Verdana, Helvetica, sans-serif;
	text-align: left;
	font-size: 11px;}

img {border:0px;}

.image{vertical-align: middle;text-align:center;}

/*aspect des cadres login, champ texte, recherche...*/ 

.login,.button, .text {
   vertical-align: middle;
   /*width:160px;*/
   text-align:left;
   border: 1px solid #CFCFCF;
   font-size: 10px;
   color: #785a3c;}
.login, .text {
	width:160px;}

.button {
text-align:center;
}
.login2{
   vertical-align: middle;
   background-color:#efefef;
   text-align:center;
   border: 1px solid #CFCFCF;
   font-size: 10px;
   color: #785a3c;}

.textarea {font: normal 9px Verdana, Arial, Helvetica, sans-serif;border: solid 1px #3ea2bc;}
.file, .select, .radio {background: #ECECEC;/*gris pale */font-size: 10px;}
.indextext {color: #FFFFCC;padding: 1px 1px 1px 1px;text-align: left;}
.textarea,  .file {	background: #ffffff;/*blanc*/border: 1px solid #7b7e83;font-size: 10px ;}
.waitbox {background: #ffffff;/*blanc*/border: 1px solid #7b7e83;padding: 1px 1px 1px 1px;text-align: left;}
.xoopsCode, .xoopsQuote {
padding-top:2px;	
background-color:#e1e3e3;/*  gris*/ 
}



/*MENU*/



#navcontainer
{
margin-left: auto;
margin-right: auto;
margin-bottom: 40px;
border-top: 1px solid #999;
z-index: 1;
}

#navcontainer ul
{
list-style-type: none;
font-size: 11px;
text-align: center;
margin-top: -8px;
padding: 0;
position: relative;
z-index: 2;
}

#navcontainer li
{
display: inline;
text-align: center;
margin: 0 5px;
}

#navcontainer li a
{
padding: 1px 7px;
color: #666;
background-color: #fff;
font-size: 10px;
border: 1px solid #ccc;
text-decoration: none;
}

#navcontainer li a:hover
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
background-image:url(../images/fond-menu-header.png);
background-repeat: repeat;
}

#navcontainer li a#current
{
color: #000;
border: 1px solid #666;
border-top: 2px solid #666;
border-bottom: 2px solid #666;
background-image:url(../images/fond-menu-header.png);
background-repeat: repeat;
}

/*RAJOUT 01/10/209 */
/*==================list====================*/
ul { list-style:none;}

/*.list li { display:inline; text-transform:uppercase; color:#625146; padding-left:25px;}
.list li a { text-decoration:none; color:#625146;}
.list li a:hover { text-decoration:underline;}

.site-nav { text-align:center;}
.site-nav li { float:left; width:25%}

.list1 { width:100%; overflow:hidden;}
.list1 li {color:#fff; background:url(../images/divider.gif) repeat-x top; margin-top:-1px; padding:4px 8px 5px 10px; vertical-align:bottom}
.list1 li img { float:left; margin:10px 11px 5px 0;}
.list1 li span { padding:10px 0 10px 0; display:block;}
.list1 li a { color:#fff; text-decoration:none;}
.list1 li a:hover { color:#362316;}

.list2 { width:100%; overflow:hidden;}
.list2 li.first { padding-top:0; background:none;}
.list2 li {color:#fff; background:url(../images/divider.gif) repeat-x top; padding:15px 8px 17px 10px; position:relative;}
.list2 li img { float:left; margin:10px 11px 5px 0;}
.list2 li a { color:#fff; text-decoration:none;}
.list2 li a:hover { text-decoration:underline;}*/

.list3 {margin-top:0px; margin-left:0px; margin-right:0px; padding:0px 0px 0px 0px; }
.list3 li { background:url(../images/divider.gif) repeat-x bottom; padding-bottom:1px;}
.list3 li a { color:#673b15; text-decoration:none; display:block; padding:2px 2px 2px 2px;}
.list3 li a:hover { background:#ffa000;}

.list4 li { background:url(../images/marker-1.gif) no-repeat left 5px; padding:0 0 4px 12px; font-size:.92em; color:#fa7400;}
.list4 li a { text-decoration:none; color:#fa7400;}
.list4 li a:hover { text-decoration:underline;}
/*==================boxes====================*/
/*.title-box { position:relative; z-index:2}
.title-box .left { background:url(../images/title-left.gif) no-repeat left top;}
.title-box .right { background:url(../images/title-right.gif) no-repeat right top; padding:0 9px 0 9px;}
.title-box .tail { background:url(../images/title-tail.gif) repeat-x top; width:100%; height:38px; overflow:hidden;}
.title-box .fleft { padding:11px 0 0 5px;}
.title-box .fright { padding:9px 0 0 0;}
.title-box .rss { float:right; padding:11px 3px 0 0;}*/

/*.box { background:url(../images/box-tail.png); top:-8px; position:relative; margin-bottom:12px;}
/*.box .inner { padding:20px 0 8px 0;}*/

/*.box1 .left-top-corner { background:url(../images/left-top-corner.png) no-repeat left top; height:15px; padding-left:15px;}
.box1 .right-top-corner { background:url(../images/right-top-corner.png) no-repeat right top; height:15px; padding-right:15px;}
.box1 .border-top { background:url(../images/border-top1.png) left top repeat-x; height:15px; }

.box1 .left-bot-corner { background:url(../images/left-bot-corner.png) no-repeat left bottom; height:15px; padding-left:15px; font-size:0; line-height:0;}
.box1 .right-bot-corner { background:url(../images/right-bot-corner.png) no-repeat right bottom; height:15px; padding-right:15px; font-size:0; line-height:0;}
.box1 .border-bottom { background:url(../images/border-bot1.png) left bottom repeat-x; height:15px; width:100%; font-size:0; line-height:0;}

.box1 .border-left { background:url(../images/border-left.png) left top repeat-y; padding-left:9px;}
.box1 .border-right { background:url(../images/border-right.png) right top repeat-y; padding-right:9px;}
.box1 p { color:#4a301e; line-height:1.17em;}
.box1 .indent { padding:27px 17px 8px 17px;}
.box1 .indent1 { padding:0 25px 0 17px;}

.box1 .xcontent { background:#fcf0e2; padding-bottom:30px;}*/
/*==================other====================*/
/*.img-box1 { width:100%; overflow:hidden;}
.img-box1 img { float:left; margin:6px 11px 6px 0;}

.p1 { margin-bottom:14px;}

.phone { float:right; margin-right:100px;}*/