@charset "utf-8";
body { margin: 0px; padding: 0px; font: normal 12px Verdana; background: #FFFFFF url(images/page-bg.jpg) repeat-x; color: #5F3C1A; }
p, h1, h2, h3, ul, li, form { margin: 0px; padding:0px; list-style-type: none; }
img { border: none; }

.main ol { list-style-type:  decimal; list-style: decimal; margin: 0px 0px 0px 20px; padding: 0px; }
.main ol li { list-style-type: decimal; padding: 0px 5px 5px 0px; margin: 0px; line-height: 19px; }
.main ol.abuse { padding-bottom: 15px; }

#container { width: 930px; margin: 0px auto; text-align: left; }

.tools {display: none; }

.header { display: none; }
a.logo { display: block; position: absolute; top: 31px; right: 12px; width: 339px; height: 100px; }

.center { width: 930px; clear: both; position: relative; background: url(images/center-bg.jpg) repeat-y 2px top; }

.padding15 { padding: 15px 25px 15px 15px; }

/*---  footer - bottom navigation ------*/
.footer {display: none;}
ul.nav-b { margin:0px 10px 10px 10px; padding:0px; display: block; }
ul.nav-b li { list-style-type: none; display: inline; font: normal 11px Verdana; color: #ABA291; padding: 2px 3px; }
ul.nav-b span { padding: 0px 10px; }

ul.nav-b a { color: #ABA291; text-decoration: underline; }
ul.nav-b a:hover { color: #ABA291; text-decoration: underline; }
ul.nav-b a:visited { color: #ABA291; }


/*~~~ Miscellaneus ~~~*/

.clr { clear: both; display: block; height: 1px; }
ul.l { float: left; width: 50%; }
ul.r { float: right; width: 50%; }
img.m-r { margin-right: 15px; margin-left: 5px; }

.search-field { border: 1px solid #B8B8BA; margin: 20px 10px 8px 0px; width: 143px; height: 19px; }

.flo-l { float: left; }
.flo-r { float: right; padding-left: 10px; padding-bottom: 10px;}

.tabs-bg { position: absolute; top: 123px; right: 0px; height: 12px; background-color:#FFFFFF; width: 900px; }

.m-t { margin-top: 20px; }
.m-l { margin-left: 10px; }

#breadcrumb { height: 20px; font: bold 11px Verdana; color: #fff; margin-bottom: 30px;}
.breadcrumb img { padding:0px 5px; float: left; }
.main .breadcrumb a, .main .breadcrumb a:link, .main .breadcrumb a:visited, .main .breadcrumb a:hover, .main .breadcrumb a:active { color: #fff; }

/*~~~~~~~~~~~~~~  INSIDE PAGES ~~~~~~~~~~~~~~~~~ */
.left-col { display: none;}

.main { xxwidth: 728px; float: left; height: auto; min-height: 700px; background: url(images/banner.jpg) no-repeat 0px top; }
.main p { line-height: 19px; padding-bottom: 10px; }
.main a, .main a:visited, .main a:hover, .main a:active {color: #0C4489;}

.content-area-home { font-size: 11px; padding: 15px; width: 517px; float: left; color: #332101;}
.content-area-home h2 { font: bold 14px Verdana; color: #265A8C; margin-bottom: 10px;}
.content-area-home h1-original {  margin: 0px 0px 0px -9px; background: url(images/h2-bg-home.gif) no-repeat left -3px; padding: 16px 5px 16px 25px; display: block;}

/* .content-area-home h1 {font: bold 14px Verdana; color: #265A8C; margin: 0px 0px 0px -9px; background: url(images/h2-bg-short.gif) no-repeat left top; padding: 16px 5px 16px 25px; display: block;}*/
.content-area-home h1.short {font: bold 14px Verdana; color: #265A8C; margin: 0px 0px 0px -9px; background: url(images/h2-bg-home.gif) no-repeat left top; padding: 16px 5px 16px 25px; display: block;}
.content-area-home h1.long {font: bold 14px Verdana; color: #265A8C; margin: 0px 0px 0px -9px; background: url(images/h2-bg-longer.gif) no-repeat left top; padding: 16px 5px 16px 25px; display: block;}

.content-area-home p {padding:0px 10px 15px 25px; line-height: 17px;}
.content-area-home span.submitted {padding:0px 10px 15px 25px; line-height: 17px;}

#content-area { padding: 12px 45px; background:url(images/bg-content-area.jpg) no-repeat top; margin-left: 23px; color: #332101; height: auto; min-height: 350px;}
#content-area.bg1 { background:url(images/bg-content-area1.jpg) no-repeat top; }
#content-area.bg2 { background:url(images/bg-content-area2.jpg) no-repeat top; }
#content-area.bg3 { background:url(images/bg-content-area3.jpg) no-repeat top; }
#content-area.bg4 { background:url(images/bg-content-area4.jpg) no-repeat top; }
#content-area.bg5 { background:url(images/bg-content-area5.jpg) no-repeat top; }

#content-area h1, #content-area h2, #content-area h3, #content-area h4 { margin-bottom: 10px;  }
#content-area h1 { font: bold 16px Verdana; color: #265A8C; }
#content-area h2 { font: bold 14px Verdana; color: #265A8C; background: url(images/h2-bg.gif) no-repeat; padding: 10px 68px;}
#content-area h3 { font: normal 13px Verdana; color: #265A8C; }
#content-area h4 { font: normal 12px Verdana; color: #265A8C; font-style: italic; }

/*~~ Box with a background-color ~~*/
.content-area-home .insert {background: url(images/insert-home.gif) no-repeat; padding: 10px 0px; position: relative; margin-bottom: 10px;}
.content-area-home .insert h1.short {font: bold 14px Verdana; color: #265A8C; background: url(images/h2-bg-home-top.gif) no-repeat left -5px;  padding: 9px 5px 11px 25px; margin: 0px 0px 0px -8px; display: block;position: relative; }
.content-area-home .insert h1.long {font: bold 14px Verdana; color: #265A8C; background: url(images/h2-bg-top.gif) no-repeat left -5px;  padding: 9px 5px 11px 25px; margin: 0px 0px 0px -8px; display: block;position: relative; }
.content-area-home div.links {padding:0px 10px 5px 20px;}

#content-area .insert h2 { font: bold 13px Verdana; color: #32631E; position: relative; }
#content-area .insert ul li { background: url(images/bullet-green.gif) no-repeat left top; padding: 0px 10px 10px 20px; }


/* ~~~~ Content area UL ~~~~~~~~~~~~~~ */
.main .content ul {padding-bottom: 10px; margin-left: 20px; }
.main .content ul li { padding: 0px 15px 5px 20px; line-height: 19px; background: url(images/bullet.gif) no-repeat left 3px;}


div.collaboration { padding-right: 15px; padding-bottom: 25px; }
p.collaboration { color: #706024; font-size: 10px; }

/* --- 3rd, 4th, 5th level  - turned off --- */
.left-nav li li li, .left-nav li li li li {display: none;}


/* --- Drupal related styling --- */
/*
.main ul.tabs li { line-height: normal; }
.news-home .sidebar .views-admin-links { width: 280px; }
.main .content ul li { padding: 0px 10px 5px 15px; line-height: 19px; }
.main .content ul li { background: url(images/bullet-r.gif) no-repeat left 3px; }
.main .content ul { margin-bottom: 12px; }*/

/*~~~~~~~~~~~~~~~~~ bold ~~~~~~~~~~~~~~~~~~~ */

.disclaimer { color: #5B5A5A; font-size: 11px; padding-top: 40px; }

.main .right-col { background:url(images/incontournables-bg.gif) no-repeat; float: right; margin-top: 15px; width: 170px; height: auto; min-height: 690px; }
.right-col img.padding-bottom { padding-bottom: 20px; }
.right-col {font-size: 11px;}
.clearer {clear: both; display: block;}
.vignette { font: normal 11px Verdana; color: #4D7B95; padding-bottom: 5px; }
.titre_image { font-size: 11px; padding-bottom: 0px; font-weight: bold; line-height: 11px; }

/*~~~~~~~~~~~~~~~~~ icone ~~~~~~~~~~~~~~~~~~~ */

.icon-type {padding: 8px 30px 20px 40px; display: block;}

.aide {background:url(images/aide.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.attachment {background:url(images/attachment.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.audio {background:url(images/audio.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.cadran {background:url(images/cadran.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.calepin {background:url(images/calepin.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.chat {background:url(images/chat.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.erreur {background:url(images/erreur.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.image {background:url(images/image.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.important {background:url(images/important.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.internet {background:url(images/internet.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.kml {background:url(images/kml.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.lumiere {background:url(images/lumiere.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.maison {background:url(images/maison.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.microphone {background:url(images/microphone.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.musique {background:url(images/musique.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.ordi {background:url(images/ordi.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.otp {background:url(images/otp.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.ots {background:url(images/ots.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.ott {background:url(images/ott.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.pdf {background:url(images/pdf.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.photo {background:url(images/photo.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.ppt {background:url(images/ppt.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.print {background:url(images/print.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.recherche {background:url(images/recherche.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.terre {background:url(images/terre.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.textes {background:url(images/textes.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.utilisateur {background:url(images/utilisateur.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.video {background:url(images/video.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.word {background:url(images/word.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.x-document {background:url(images/x-office-document.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.x-presentation {background:url(images/x-office-presentation.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.x-spreadsheet {background:url(images/x-office-spreadsheet.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.xls {background:url(images/xls.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}
.zip {background:url(images/zip.png) no-repeat; padding: 8px 30px 20px 40px; display: block;}


#content-area .description ul li {background: none; padding: 0px 10px 3px 0px;} /*drupal related*/

/*~~~  Book Navigation ~~~~ */
.book-navigation li.leaf {list-style-image: none; list-style-type: none;}
.block-book h2 {font: bold 13px Verdana;padding-right: 22px;}
.block-book li.leaf { list-style-image: none; list-style-type: none; padding: 0.2em 0 0.2em 0;}
.block-book { font: normal 12px Verdana; color: #5F3C1A; margin-bottom: 50px;}
.block-book ul {margin-right: 22px;}
.block-book li {border-bottom: 1px dotted #ccc;}
.block-book li a {color: #5F3C1A; text-decoration: none;}
.block-book li a:visited {color: #5F3C1A}
.block-book li a:hover {text-decoration: underline;}
.left-col ul.menu {text-align: right;}