/* ARTHIS CSS */

* { margin:0px; padding:0;}
/*body { font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444444; }*/
body { font:12px Arial, Helvetica, sans-serif; color:#444444; background-color:#EEEEEE; }
body { background-image:url(../media/img/bagraund2.gif); background-repeat:repeat-x; background-position:top; }
body { behavior:url(script/csshover.htc)}

.red {color:#e70001;}
.blue { color:#162983}
.gri { color:#999999;}
.clear { clear:both; height:1px; line-height:1px; font-size:1px; margin:0; padding:0;}

a { color:#444444; text-decoration:underline;}
a:hover { color:#e70001;}
img { border:none;}

#container { margin:0 auto; width:940px;}
#container { background-image:url(../media/img/container_bag2.gif); background-repeat:no-repeat; background-position:top; }
#content { margin:0 10px; background-color:#FFFFFF; background-image:url(../media/img/top_degrade.gif); background-repeat:repeat-x; background-position:top;}

#top { height:170px;  overflow:hidden;}
#top #logo { float:left; height:170px; width:180px;}
#top #logo { background-image:url(../media/img/logo_arthis.png); background-repeat:no-repeat; background-position:0px 0px; }
#top #logo h1 { margin:100px 0 0 40px; font-size:12px; line-height:14px; font-weight:normal; color:#162983;}
#top #logo h1 span { display:none;} 

#top #lang { float:left; height:170px; width:235px;}
#top #lang ul { list-style:none; margin:135px 0 0 80px; font-size:12px; }
#top #lang ul li { display:inline; float:left; text-align:center; margin-right:3px; }
#top #lang ul li a { display:block; float:left; width:21px; height:20px; line-height:20px; color:#e70001; text-decoration:none;}
#top #lang ul li a { background-image:url(../media/img/lang_bag.gif); background-repeat:no-repeat; background-position:bottom;}
#top #lang ul li a:hover { background-position:top; color:#FFFFFF; }
#top #lang ul li a.over { background-position:top; color:#FFFFFF;}  

#top #banner { float:left; height:170px; width:505px; overflow:hidden;}
#top #banner { background-image:url(../media/img/banner_bag.gif); background-repeat:no-repeat; background-position:top left;}

#left { float:left; margin:0; padding:0 0 0 20px; width:160px; overflow:hidden; }
#left #menu { font-size:13px;}
#left #menu ul { list-style:none;}
#left #menu ul li { display:inline; float:left; }
#left #menu ul li a { display:block; height:22px; line-height:22px; width:140px; padding:0 10px; color:#FFFFFF; background-color:#e70001; text-decoration:none;margin-bottom:1px;}
#left #menu ul li a { background-image:url(../media/img/menu_bag.gif); background-repeat:no-repeat; background-position:top;}
#left #menu ul li a:hover { background-color:#EEEEEE; color:#e70001; background-position:bottom;}

#left #menu ul li.over a { background-color:#EEEEEE; color:#e70001; background-position:bottom;}

#left #adds { margin:40px 0; font-size:12px;}
#left #adds ul { list-style:none;}
#left #adds ul li { padding:0 10px 0 20px; background-image:url(../media/img/arrow_gri.gif); background-repeat:no-repeat; background-position:0 1px;}
#left #adds ul li { margin-bottom:10px;}
#left #adds ul li a { color:#e70001; text-decoration:none; line-height:12px;}
#left #adds ul li a:hover { text-decoration:underline;}

#midlle { float:left; width:220px; height:550px; background-image:url(../media/img/midlle_bag.gif); background-repeat:no-repeat; background-position:top;}
#midlle #wrap_midlle { padding: 35px 20px;  }
#midlle #wrap_midlle p { line-height:15px; margin:0 0 10px 0;}
#midlle #wrap_midlle img { padding:3px; margin:0 0 10px 0; background-color:#FFFFFF; border:1px solid #EEEEEE;}
#midlle #wrap_midlle p.pdf { padding:0 0 0 25px; line-height:20px; background-image:url(../media/img/pdf_icon.gif); background-repeat:no-repeat; background-color:0 0;}
#midlle #wrap_midlle p.pdf a { color:#999999; text-decoration:none; }
#midlle #wrap_midlle p.pdf a:hover { text-decoration:underline; color:#e70001;}

#midlle #wrap_midlle #sousmenu { font-size:13px;}
#midlle #wrap_midlle #sousmenu ul { list-style:none;}
#midlle #wrap_midlle #sousmenu ul li { float:left; }
#midlle #wrap_midlle #sousmenu ul li a { display:block; padding:4px; width:170px; color:#e70001; text-decoration:none; background-color:#FFFFFF; border-bottom:1px solid #EAEAEA;}
#midlle #wrap_midlle #sousmenu ul li a:hover { background-color:#F9F9F9;}
#midlle #wrap_midlle #sousmenu ul li.over a {background-color:#EEEEEE;}


#midlle #wrap_midlle #finder { margin:20px 0; padding:20px 0;  }
#midlle #wrap_midlle #finder form { font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; color:#444444;}
#midlle #wrap_midlle #finder input.champ { font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; width:120px; padding:2px; border:1px solid #EAEAEA; background-color:#FFF;}
#midlle #wrap_midlle #finder input.champ { height:16px; line-height:16px; }

#midlle #wrap_midlle #finder form label { display: block; margin:0 0 5px 0;}
#midlle #wrap_midlle #finder input.buton { font:13px "Trebuchet MS", Arial, Helvetica, sans-serif; width:28px; height:22px;  background-color:#e70001; border:none; color:#FFFFFF; text-align:center; }
#midlle #wrap_midlle #finder input.buton { background-image:url(../media/img/buton.gif); background-repeat:no-repeat; cursor:pointer; }


#right { float:left; margin:0 0 0 30px; padding:0 0 40px 0; width:470px; }
#right h2 { font-size:21px; line-height:21px; font-weight:normal; color:#e70001; padding:0 0 15px 0; margin-bottom:10px; }
#right h2 { background-image:url(../media/img/right_h3_bag.gif); background-repeat:no-repeat; background-position:bottom; }

#right h6 { margin:0; padding:0 0 10px 0; color:#CC0000; font-size:12px; line-height:14px; font-weight:normal;}


#right h3 { font-size:17px; line-height:20px; font-weight:bold; color:#e70001; padding:15px 0; }
#right p { margin:0 0 13px 0; line-height:17px;}
#right .img_left { float:left; margin:0 10px 10px 0; padding:3px; background-color:#FFFFFF; border:1px solid #EAEAEA; }
#right .img_right { float:right; margin:0 0 10px 10px; padding:3px; background-color:#FFFFFF; border:1px solid #EAEAEA; }

#right #gallery { margin-bottom:20px; padding: 0 0 25px 0; border-bottom:1px solid #EAEAEA;}
#right #gallery ul {}
#right #gallery ul li { display:inline; float:left; margin:0 6px 6px 0;}
#right #gallery ul li a { float:left; display:block; padding:3px; border:1px solid; border-color:#EAEAEA;}
#right #gallery ul li a img { border:none; padding:0; margin:0;}
#right #gallery ul li a:hover { border-color:#e70001;}

#detail { margin:20px 0 15px 0; font-size:12px; border-bottom:1px dashed #EAEAEA; }
#right img { padding:3px; margin:0 15px 15px 0; background-color:#F9F9F9; border:1px solid #EAEAEA;}
#right table img { padding:0; margin:0; border:none;}
#right img { float:left; }
#right h4 { font-size:15px; line-height:16px; font-weight:bold; padding:0 0 10px 0; margin:0;}
#right p { line-height:18px; padding:0 0 10px 0; margin:0;}
#right p.date { color:#e70001; margin:0; padding:0;}

#right p.pdf { padding:0 0 0 20px; line-height:20px; background-image:url(../media/img/pdf_icon.gif); background-repeat:no-repeat; background-color:0 0;}
#right p.pdf a { color:#999999; text-decoration:none; }
#right p.pdf a:hover { text-decoration:underline; color:#e70001;}

#right .legend { color:#666666; padding:10px; margin:0 0 10px 0; border:1px dashed #CCCCCC; }

#right p.retour { display:block; height:20px; border-bottom:1px solid #EAEAEA; margin:0 0 20px 0; padding:0;}
#right p.retour a { float:right;  padding:0; color:#333333; }
#right p.retour a { display:block; text-decoration:none; padding:0 10px; height:20px; line-height:20px; background-image:url(../media/img/retour.gif); background-repeat:no-repeat; background-position:top left; }
#right p.retour a:hover { background-position:bottom left; color:#FFFFFF; }

#right .wrap_haute { padding:5px; margin:0 0 15px 0; border-bottom:1px solid #EFEFEF; border-top:1px solid #EFEFEF; background-color:#F9F9F9;}
#right .wrap_haute p.haute { padding:0 0 0 18px; margin:0; background-image:url(../media/img/up.gif); background-repeat:no-repeat; background-position:0 4px; float:right; cursor:pointer; }
#right .wrap_haute p.haute a { color:#333333; }
#right .wrap_haute p.haute a:hover { color:#e70001; }

.tx-arthis-pi1 { margin:0; padding:0;}

#right #listing { margin-bottom:20px;}
#right #listing ul { list-style:none;}
#right #listing ul li { border-bottom:1px solid #EEEEEE; border-top:1px solid #FFF; padding:10px; width:450px; float:left; background-color: #FFFFFF; margin:0; list-style:none;}
#right #listing ul li:hover { background-color: #F9F9F9; }
#right #listing .list_img { float:left; margin:0 15px 0 0; width:90px; }
#right #listing .list_img img { border:none; margin:0; padding:0; float:none;}
#right #listing .list_img span a { display:block; float:left; padding:3px 3px 0 3px; background-color:#FFFFFF; border:1px solid #E1E1E1; }
#right #listing .list_img span a:hover  { border-color:#e70001; } 
 
#right #listing .list_description { float:left; width:340px;}
#right #listing .list_description p { font-size:12px; margin:0; padding:0;}
#right #listing .list_description p.categorie { margin-bottom:10px; color:#999999;}
#right #listing .list_description p.date { color:#e70001; font-size:11px; line-height:11px;}
#right #listing .list_description h4 { font-size:15px; line-height:16px; font-weight:bold;}
#right #listing .list_description h4 a { color:#444444; text-decoration:none; }
#right #listing .list_description h4 a:hover {color:#e70001; }
#right #listing .list_description p.link { margin:10px 0;}
#right #listing .list_description p.link a { color:#999999; }
#right #listing .list_description p.link a:hover { color:#e70001;}
#right #listing .list_description p.link span { padding:0 5px; color:#999999; }

#right #next { padding:20px 10px 20px 5px; text-align:center; clear:both;}
#right #next p { margin:0; padding:0; }
#right #next p a {padding:1px 6px; margin:0 2px; border:1px solid; border-color:#DDD; background-color:#FFFFFF; text-decoration:none; color:#e70001;}
#right #next p a:hover {border-color:#e70001;}
#right #next p a.over { background-color:#e70001; border-color:#e70001; color:#FFF; cursor:default;}

#contact {}
#contact form label { display:block;}
#contact form label span {color:#e70001;}
#contact form textarea { display:block; width:400px; height:150px; padding:3px;}
#contact form textarea {border:1px solid #CCCCCC;}
#contact form input { margin:0 0 10px 0; width:170px; color:#666666; font-size:13px; padding:2px; border:1px solid #CCCCCC;}
#contact form input, #contact form textarea  { background-color:#F9F9F9;}
#contact form input.buton { margin:10px 0; width:75px; height:22px; font-size:13px; border:none; background-color:#e70001; color:#FFFFFF; cursor:pointer; background-image:url(../media/img/send.gif); background-repeat:no-repeat; }

#plan_acces { border:2px solid #e70001; width:456px; margin-bottom:20px; background-image: url(../shadowbox/src/skin/classic/loading.gif); background-repeat:no-repeat; background-position:50% 50%;}


#part { text-align:center; margin:0 20px 20px 20px; border-top:1px dashed #EAEAEA; padding:10px 0 0 0;}
#part ul { list-style:none;}
#part ul li {  display:inline; margin:0 20px;}



#footer { font-size:12px; color:#999999; text-align:center; padding:20px 20px 40px 20px; background-image:url(../media/img/footer.gif); background-repeat:no-repeat; background-position:top;}
#footer span { margin:0 5px;}
#footer a {color:#e70001; text-decoration:none;}
#footer a:hover { text-decoration:underline;}

#maj {}
#maj h3 { margin:0 0 10px 0; font-size:12px; font-weight:bold; }
#maj ul { list-style:none;}
#maj ul li { margin:0 0 5px 0; padding:5px 0; border-bottom:1px dashed #EAEAEA; }
#maj ul li a { text-decoration:none; color:#444444; font-size:11px;}
#maj ul li a:hover { color:#e70001; }

hr { margin:10px 0; padding:0; height:1px; line-height:1px; font-size:1px; border:none; border-bottom:1px dashed #CCCCCC;}

#right ul li { margin:0 0 0 30px; list-style-type:disc;}
#right p a { color:#0033FF;}



/*LAST_ADDS*/
#right .news { padding: 20px; background: #fffff2; border: 1px dashed #fbcb8c;}
#right .news h1 { margin: 0 0 10px 0; padding: 0; line-height: 19px; font-family:Arial; font-size: 19px; }
#right .news h3 { margin: 0; padding: 0;}
#right .news p {margin: 0 0 10px 0; padding: 0;}