/* Feuille de style Colbert V1.0 par G.BARTHELOT */

/* General */

body {background-image: url(/design/img/back_blue.png); background-position: left top; background-repeat: repeat-x; background-color: #ffffff; font-family:Arial, Helvetica, sans-serif; font-size: .9em;}
p {margin: 0 0 10px; text-align: justify;}
a {text-decoration: none; color:#76b900;}
a:hover {color:#c03;}

#conteneur {width: 800px; margin: 0 auto;}
#top, #mid {float: left; width: 100%; background-color: #ffffff;}
#footer, #xiti-logo {float: left; width: 100%; margin: 0 0 10px 0; height: 20px; background-color: #99cc33;clear:both; text-align:center;}
#footer a { color:#000000; text-decoration:none;}
#footer a:hover { color:#000000; text-decoration:underline;}

#sidebar {float: left; width: 180px; padding: 28px 0 0; margin: 0;}
#contenu {float: left; width: 580px; padding: 5px 5px 5px 20px; margin: 0; min-height:600px;}

.navigation {font-size: 0.7em;}

/* Titres */
h1 {margin: 10px 0 20px; padding-left: 25px; color: #c03; border-bottom: 1px solid #9c3; text-transform: uppercase; font-size: 18px; background-image: url(/design/img/puce_20.png); background-position: left center; background-repeat: no-repeat; font-family:Verdana, Arial, Helvetica, sans-serif;}
h2 {margin: 10px 0 20px; padding-left: 18px; color: #c03; text-transform: uppercase; font-size: 15px; background-image:url(/design/img/puce_16.png); background-position: left center; background-repeat: no-repeat;}
h3 {margin: 10px 0 10px; border-bottom: 1px dotted #ccc; font-size: 12px;}

/* Menu */
#sidebar a {}
#sidebar ul {list-style: none; margin: 0; padding: 0;}
.menu_titre {margin: 8px 0 0 5px; padding-left: 18px; font-size: 15px; font-weight: normal; background-image: url(/design/img/puce_point.png); background-position: left center; background-repeat: no-repeat;}
.menu_titre a {color: #3398aa; text-decoration: underline;}
.sous_menu {margin: 0px 0 10px 15px; width: 90%;}
.sous_menu li {margin: 4px 0;}
.sous_menu li a {color: #000; display: block; font-size: 12px; padding-left: 15px; background-image: url(/design/img/bullet_orange.png); background-position: left center; background-repeat: no-repeat;}
.sous_menu li a:hover {text-decoration: underline;}

/* Liens divers */
#gal_return {padding-left:20px; background-image:url(img/liste_galeries.png); background-position: left center; background-repeat: no-repeat;}
#return {padding-left:20px; background-image:url(img/retour.png); background-position: left center; background-repeat: no-repeat;}
.see_all {text-align: right; font-size: .8em; width: 100%; float: left; background-image: url(/design/img/bullet_go.png); background-repeat: no-repeat; background-position: right center; opacity: 0.7}
.see_all:hover {opacity: 1}
.see_all a {padding-right: 16px;}

/* Images */
.thumbs {border:1px solid;}
.big_thumbs {border:1px solid black;}
.galerie_apercu {margin: 0 0 20px 30px;}
.galerie_apercu img {width: 125px; margin: 0 5px; border: 1px solid #000;}
.galerie_date {font-size: 10px; color: #ccc; font-style: italic;}
.galerie_nb {text-align: right;}
.galerie_nb a {padding-left: 15px; background-image: url(img/magnifier.png); background-position: left center; background-repeat: no-repeat; color: #c03;}
.galerie_nb a:hover {text-decoration: underline;}

/* Ressources */
.ressources_nb {font-size:10px; color: #ccc; font-style: italic;}
.ressources_description {margin-bottom:10px;}
.ressources_div { padding-left:40px;font-size:11px; margin-bottom:20px;}
.ressource_dl {padding-left:20px; background-image:url(img/dl.png); background-position: left center; background-repeat: no-repeat;}
.ressource_view {padding-left:20px; background-image:url(img/magnifier.png); background-position: left center; background-repeat: no-repeat;}
#div_retour {margin-top:30px;}

/* Formulaire */
.champs {padding-left:40px;}
input { border:1px solid #9c3; background-color:#edf2d3; color:#c03; font-family:Arial, Helvetica, sans-serif; font-size:11px;}
textarea { border:1px solid #9c3; background-color:#edf2d3; color:#c03; font-family:Arial, Helvetica, sans-serif; font-size:11px;}

/* Accueil */
#index_actu {margin: 40px 0 0; padding: 5px 0 5px 20px; background-image: url(/design/img/newspaper.png); background-repeat: no-repeat; background-position: left center;}
#index_actu_liste {margin: 10px 0 10px;  padding: 0;list-style: none; width: 48%; float: left;}
#index_actu_liste li {padding: 0 0 0 15px; background-image: url(/design/img/bullet_blue.png); background-position: left top; background-repeat: no-repeat;}
#index_actu_liste a {font-size: .8em}
.actu_date {margin: 0 0 0 .5em; color: #888; font-size: .7em}