/* FICHIER: style2.css */

h1 { font:bold 26px sans-serif,helvetica,Arial,verdana,serif; color:#006600; border:outset 3px #cd853f; margin:14px auto; width:545px; text-align:center; background:url(images/menu_bois_item.jpg); background-color:#efddcf; }
h2 { font:bold italic 18px sans-serif,helvetica,Arial; color:#006600; text-align:justify; margin:12px 6px; text-indent:24px; border-bottom:ridge black 2px; }
h2:first-letter { font-size:30px; }
h3 { font-size:16px; color:#006600; text-indent:18px; }
h4 { font-size:14px; color:#006600; text-align:center; }
p,ul,ol,li,div,table,td,th,address,blockquote,input { font-size:14px; font-family:helvetica,Arial,verdana,serif; }
p { margin:6px; text-indent:15px; text-align:justify; }
li { margin:3px 6px; padding-left:16px; text-align:justify; list-style-type:none; background:url(images/taggreen.gif) no-repeat 0px 3px; }
li.notag { list-style-type:decimal; background:url(); }
cite { font-size:12px; margin-left:50px; color:#006600; }
img { border:0px; }
span.date { font:bold italic 14px sans-serif,helvetica,Arial,verdana,serif; color:#006600; text-align:center; }

/* DEFINITION DES CLASSES */

.navig { font:bold 14px sans-serif,helvetica,Arial,verdana,serif; text-align:center; }
.menutop { background:url(images/menu_frame_bois_top.jpg) no-repeat; }
.menuitem { background:url(images/menu_frame_bois_item.jpg) repeat-y; }
.menubottom { background:url(images/menu_frame_bois_bottom.jpg) no-repeat; }
.menulatbt a.font { color:#006600; border:1px solid #cd853f; display:block; line-height:20px; background-color:#efddcf; background:url("images/menu_bois_item.jpg"); }
.menulatbt a.font:hover { color:#000000; background-color:#778899; background:url("images/menu_bois_item_on.jpg");}
.menuleft { width:150px; background-image:url(images/menu_bar_bois_g.jpg); }
.menumiddle { background:url(images/menu_bar_bois_item.jpg); }
.menuright { background-image:url(images/menu_bar_bois_d.jpg); }
.rail { background:url(images/menu_bar_bois_d.jpg) repeat-y #DDDDDD; }
.som { text-align:left; font-family:Arial,serif; font-size:12px; margin:5px 0px 0px 0px; color:#444477; background-image:url(images/tagRN4.gif); background-repeat:no-repeat; background-position:0px 3px; padding-left:12px;}
.map { height:330px; }

/* CLASSES SPECIFIQUES AUX IMAGES */

.imgleft { float:left; margin:8px 12px 8px 0px; }
.imgright { float:right; margin:8px 0px 8px 12px; }
.bdimg { border:4px inset #800000; }
.bdimgright { float:right; margin:8px 8px 8px 16px; border:4px inset #cd853f; }
.bdimgleft { float:left; margin:8px 16px 8px 8px; border:4px inset #cd853f; }
.bdlink { border:2px outset #336699; }
.bdlink:hover { border:2px inset #336699; }
.legend { text-align:center; font-family:Arial,serif; font-size:12px; margin:3px 15px 15px 6px; text-indent:0px; }

/* PROPRIETES DES LIENS */

a { text-decoration:none; }
a:link { color:#006600; }
a:visited { color:#006600; }
a:hover { color:#ff0000; }
a:active { color:#6699cc; }
a.font:hover { color:#778899; }
a.inactif { font:11px Arial,serif; color:#808080; }
a.lnk img { margin:-4px 6px; color:black; }
a:hover.lnk img { margin:-4px 18px; color:black; }

/* PROPRIETES DU MENU G5 */

.item { width:165px; padding:1px 7px 1px 1px; border:1px solid #cd853f; text-align:left; }
.itemOff { background-color:#efddcf; background-image:url(images/menu_bois_item.jpg); }
.itemOn { background-color:#778899; background-image:url(images/menu_bois_item_on.jpg); }
.font { font:14px verdana,serif; line-height:18px; text-align:left; }
.fontOff { color:#006600; }
.fontOn { color:#000000; }
.tag { width:9px; height:18px; float:right; }
.tagOff { background:url("images/#.gif") no-repeat center; }
.tagOn { background:url("images/#.gif") no-repeat center; }

/* DISPOSITION GRAPHIQUE */

body { text-align:center; min-width:840px; background:url("images/fond_bois.jpg") #fdfdfd fixed; }
#skin { position:absolute; top:12px; right:120px; width:600px; height:20px; z-index:5; text-align:center; }
#skin a:hover { background:url("images/menu_bois_item_on.jpg"); background-color:#cd853f; color:#000000; }
#ecureuil { position:absolute; bottom:0px; width:60px; height:50px; background-image:url(images/ecureuil_sty_small.gif); z-index:10; left:30px; }
#holder { border:0px; background-color:#cccccc; }
#cadre { position:relative; top:4px; left:0px; width:840px; text-align:left; min-height:700px; z-index:1; margin:10px auto; }
#contenu { position:absolute; top:115px; left:142px; width:560px; min-height:400px; z-index:4; overflow:auto; }
/*#logo { position:absolute; top:-6px; left:-2px; width:214px; height:110px; z-index:5; background-image:url(images/logo.jpg); }*/
#photocv { position:absolute; top:105px; right:6px; width:110px; height:140px; }
#couronne { position:absolute; top:280px; right:-36px; width:160px; z-index:5; text-align:center; background-image:url(images/transparence-fond.gif); border:1px solid #cd853f; padding:5px }
#contvalid { position:absolute; top:393px; right:-25px; width:193px; min-height:100px; z-index:5; text-align:center; overflow:auto; background-image:url(images/transparence-fond.gif); border:1px solid #cd853f; }
#contvalid div:hover { background-color:#cd853f; }
#baspage { position:absolute; top:715px; left:142px; width:510px; min-height:40px; z-index:4; overflow:auto; background-image:url(images/transparence-fond.gif); border:1px solid #cd853f; }
#top20 { position:absolute; top:640px; left:0px; width:760px; min-height:400px; z-index:5; background-image:url(images/transparence-fond.gif); border:1px solid #cd853f; }
#outline { position:absolute; top:120px; left:160px; width:100px; height:100px; z-index:5; }
#map { position:absolute; top:370px; right:150px; width:600px; height:270px; overflow:auto; z-index:4; height:300px; margin-left:auto; margin-right:auto; }
#contenuvoy { position:absolute; top:115px; left:142px; width:560px; min-height:40px; z-index:4; overflow:auto; }
#menusup { position:absolute; top:-4px; right:120px; width:600px; height:20px; text-align:center; z-index:5; }
#menusup a:hover { background:url("images/menu_bois_item_on.jpg"); background-color:#cd853f; color:#000000; }
#fondmenusup { position:absolute; top:-8px; left:0px; width:100%; height:36px; z-index:3; border:outset 3px #cd853f; }
#bandeau { position:absolute; top:36px; right:120px; width:600px; height:85px; z-index:2; }
#bandeau img { border:1px solid #000000; }
#geckozone { position:absolute; top:480px; left:-25px; width:230px; min-height:100px; z-index:5; text-align:center; overflow:auto; background-image:url(images/transparence-fond.gif); border:1px solid #cd853f; }
#geckozone div:hover { background-color:#cd853f; }

#news { position:absolute; top:50px; right:-10px; width:133px; height:320px; z-index:5; border:1px solid #cd853f; text-align:center; background-color:#efddcf; }
#news p { text-align:left; }
#news span.titre { font-weight:bold ; color:#006600; }
#news a:hover { background:url("images/menu_bois_item_on.jpg"); background-color:#cd853f; color:#000000; }
#fnews1 { position:absolute; top:40px; right:-20px; width:155px; height:10px; z-index:4; }
#fnews2 { position:absolute; top:50px; right:-20px; width:155px; height:325px; z-index:4; }
#fnews3 { position:absolute; top:375px; right:-20px; width:155px; height:10px; z-index:4; }

#cont2 { position:absolute; top:50px; right:-10px; width:133px; height:188px; z-index:5; border:1px solid #cd853f; text-align:center; background-color:#efddcf; }
#fcont21 { position:absolute; top:40px; right:-20px; width:155px; height:10px; z-index:4; }
#fcont22 { position:absolute; top:50px; right:-20px; width:155px; height:190px; z-index:4; }
#fcont23 { position:absolute; top:240px; right:-20px; width:155px; height:10px; z-index:4; }

#cont3 { position:absolute; top:240px; left:-10px; width:133px; height:220px; z-index:5; border:1px solid #cd853f; text-align:center; background-color:#efddcf; }
#fcont31 { position:absolute; top:230px; left:-20px; width:155px; height:10px; z-index:4; }
#fcont32 { position:absolute; top:240px; left:-20px; width:155px; height:222px; z-index:4; }
#fcont33 { position:absolute; top:462px; left:-20px; width:155px; height:10px; z-index:4; }

#menulat { position:absolute; top:50px; left:-10px; width:133px; height:158px; z-index:5; }
#fmenulat1 { position:absolute; top:40px; left:-20px; width:155px; height:10px; z-index:4; }
#fmenulat2 { position:absolute; top:50px; left:-20px; width:155px; height:160px; z-index:4; }
#fmenulat3 { position:absolute; top:210px; left:-20px; width:155px; height:10px; z-index:4; }

#logo_araneae { position:absolute; top:280px; right:-20px; width:170px; height:60px; z-index:5; text-align:center; overflow:auto; }
#logo_araneae a img { border:2px solid #ffffff; }
#logo_araneae a:hover img { border:2px solid #cd853f; }

#galerie {position:absolute; top:50px; right:-10px; width:133px; height:188px; font-family:Verdana,sans-serif;  border:1px solid #cd853f; text-align:center; z-index:5; background-color:#efddcf; }
#galerie a {display:block; text-align:center; }
#galerie a:hover { border:0px; }
#galerie a img {height:0; width:0; border:0; }
#galerie a:hover img {position:absolute; top:100px; left:14px; height:75px; width:100px; border:2px outset #cd853f; z-index:20; }

#drapeau { position:absolute; top:270px; left:-15px; width:125px; height:96px; z-index:5; }
#drapeau2 { position:absolute; top:359px; left:-1px; width:120px; height:92px; z-index:6; }
#selfhtml { position:absolute; bottom:10px; left:8px; width:106px; height:109px; z-index:5; background-image:url(images/logo_selfhtml.gif); }

/* DISPOSITION GRAPHIQUE RUBRIQUE FAMILLE */

#menufam { position:absolute; top:50px; right:-10px; width:133px; height:320px; z-index:5; border:1px solid #cd853f; text-align:center; background-color:#efddcf; }
#menufam a { text-align:center; }
#menufam a:hover { border:0px; }
#menufam a img { height:0; width:0; }
#menufam a:hover img { position:absolute; top:150px; left:8px; height:140px; width:110px; border:4px inset #cd853f; }
#menufamimg { position:absolute; top:150px; left:8px; height:140px; width:110px; border:4px inset #cd853f; }
#fmenufam1 { position:absolute; top:40px; right:-20px; width:155px; height:10px; z-index:4; }
#fmenufam2 { position:absolute; top:50px; right:-20px; width:155px; height:325px; z-index:4; }
#fmenufam3 { position:absolute; top:375px; right:-20px; width:155px; height:10px; z-index:4; }

/* DISPOSITION GRAPHIQUE RUBRIQUE VOYAGES*/

#dest_voy { position:absolute; top:50px; right:-10px; width:133px; height:180px; z-index:5; border:1px solid #cd853f; text-align:center; z-index:5; background-color:#efddcf; }
#dest_voy img { position:absolute; top:85px; left:23px; height:80px; width:80px; border:4px inset #cd853f; }
#fdest_voy1 { position:absolute; top:40px; right:-20px; width:155px; height:10px; z-index:4; }
#fdest_voy2 { position:absolute; top:50px; right:-20px; width:155px; height:182px; z-index:4; }
#fdest_voy3 { position:absolute; top:232px; right:-20px; width:155px; height:10px; z-index:4; }

#cont3h { position:absolute; top:270px; right:-10px; width:133px; height:320px; z-index:5; border:1px solid #cd853f; text-align:center; background-color:#efddcf; }
#cont3h a { text-align:center; }
#cont3h a:hover { border:0px; }
#cont3h a img { height:0; width:0; border:0; }
#cont3h a:hover img { position:absolute; top:-135px; left:23px; height:80px; width:80px; border:4px inset #cd853f; background-color:#ffffff; }
#fcont31h { position:absolute; top:260px; right:-20px; width:155px; height:10px; z-index:4; }
#fcont32h { position:absolute; top:270px; right:-20px; width:155px; height:322px; z-index:4; }
#fcont33h { position:absolute; top:592px; right:-20px; width:155px; height:10px; z-index:4; }

/* DISPOSITION GRAPHIQUE RUBRIQUE LOISIRS*/

#menulois { position:absolute; top:240px; left:-10px; width:133px; height:220px; z-index:5; border:1px solid #cd853f; text-align:center; background-color:#efddcf; }
#menulois a { text-align:center; }
#menulois a:hover { border:0px; }
#menulois a img { height:0; width:0; }
#menulois a:hover img { position:absolute; top:130px; left:14px; height:75px; width:100px; border:4px inset #cd853f; }
#menuloisimg { position:absolute; top:130px; left:14px; height:75px; width:100px; border:4px inset #cd853f; background-image:url(images/thumb_loisirs.jpg); }
#menuaccimg { position:absolute; top:130px; left:14px; height:75px; width:100px; border:4px inset #cd853f; background-image:url(images/thumb_loisirs.jpg); }
#fmenulois1 { position:absolute; top:230px; left:-20px; width:155px; height:10px; z-index:4; }
#fmenulois2 { position:absolute; top:240px; left:-20px; width:155px; height:222px; z-index:4; }
#fmenulois3 { position:absolute; top:462px; left:-20px; width:155px; height:10px; z-index:4; }

/* DISPOSITION GRAPHIQUE RUBRIQUE LOISIRS*/

#galerieweb {position:absolute; top:50px; right:-10px; width:133px; height:208px; font-family:Verdana,sans-serif;  border:1px solid #cd853f; text-align:center; z-index:5; background-color:#efddcf; }
#galerieweb a {display:block; text-align:center; }
#galerieweb a:hover { border:0px; }
#galerieweb a img {height:0; width:0; border:0; }
#galerieweb a:hover img {position:absolute; top:120px; left:14px; height:75px; width:100px; border:2px outset #cd853f; z-index:20; }
#contweb2 { position:absolute; top:50px; right:-10px; width:133px; height:208px; z-index:5; border:1px solid #cd853f; text-align:center; background-color:#efddcf; }
#fcontweb21 { position:absolute; top:40px; right:-20px; width:155px; height:10px; z-index:4; }
#fcontweb22 { position:absolute; top:50px; right:-20px; width:155px; height:210px; z-index:4; }
#fcontweb23 { position:absolute; top:260px; right:-20px; width:155px; height:10px; z-index:4; }

/* DECORATION D'EVENEMENTS*/

#xmas { position:absolute; top:34px; left:45px; height:55px; width:750px; z-index:4; }