/* -------------------------------------------------------------- 
  
  ASTEM CSS
	* www.astem.fr
	* Fictis
	* Version:   1.0 (2009-07-06)
   
-------------------------------------------------------------- */

@import "lib/reset.css";
@import "lib/typography.css";
@import "lib/forms.css";
@import "lib/plugins/tabs.css";

.clear { clear: both; }
a { color: #006BBB; }

/* Page
-------------------------------------------------------------- */
body { background: #0B1431 url(../_images/body_bg.gif) no-repeat center 283px; }
#page { margin: 10px auto 10px; width: 980px; background: #FFFFFF url(../_images/body_bg_top.gif) no-repeat top left; }

/* Header
-------------------------------------------------------------- */
#entete { height: 140px; background: url(../_images/entete_bg.gif) no-repeat 10px center; }
#entete a { display: block; height: 112px; width: 200px; float: left; }
#entete a span { display: none; }

#zone-liens, #zone-recherche { background: url(../_images/zone_ombre.gif) no-repeat top left; float: right; height: 110px; width: 230px; margin-top: 14px; }

/*********** liens **************/
#zone-liens ul { list-style-type:none; margin: 35px 20px 0; }
#zone-liens li { padding-left: 20px; margin: 10px 0; background: url(../_images/liens_puce.gif) no-repeat center left; }
#zone-liens li a { display: inline; float: none; font-size: 0.9em; color:#000; }

/*********** recherche **************/
#zone-recherche { padding: 30px 0 0 20px; width:190px; height: 80px; }
#zone-recherche label { display: block; margin-bottom: 7px; text-transform: uppercase; font-size: 0.9em; }
#zone-recherche input { border: 1px solid #D4D6DE; width: 140px; height: 15px; padding: 2px 5px; font-size: 0.9em; }
#zone-recherche .submit { width: 21px; height: 22px; padding: 0; margin-left: 3px; color: #000; background: #FFF; }

/*********** menu déroulant du haut **************/
#navigation { height: 45px; background: #2C428C url(../_images/menu_bg.gif) repeat-x; }
#navigation ul { margin:0; padding:0; list-style-type: none; height: 100%;  }
#navigation li { display: inline; float: left; }
#navigation li a:link, #navigation li a:visited { color: #FFF; display: block; padding: 18px 10px; text-transform: uppercase; font-weight: bold; }
#navigation li a:hover, #navigation li a:active { background: url(../_images/menu_blank.gif) repeat-x; color: #1A1A1A; text-decoration: none; }
#navigation li ul { position: absolute; left: -999em; background-image: url(../_images/menu_blank.gif); height: auto; margin-top: -3px; }
#navigation li ul { z-index:10; background: #E7EBEC; }
#navigation li li { display: block; float: none; clear: both; border-bottom: 1px solid #EAE7E6; }
#navigation li li a:link, #navigation li li a:visited { background-image: none; padding: 8px 15px 8px 15px; text-transform: none; }
#navigation li li a:hover, #navigation li li a:active { background: url(../_images/menu_fleche.gif) no-repeat center left; color: #17649C; }
#navigation li.on { background: url(../_images/menu_bg_current.gif) repeat-x; }
#navigation li:hover, #navigation li.hover { background: url(../_images/menu_bg_over.gif) repeat-x; }
#navigation li li:hover, #navigation li li.hover { background-image: none; }
#navigation li:hover a:link, #navigation li:hover a:visited,
#navigation li.hover a:link, #navigation li.hover a:visited ,
#navigation li.on a:link, #navigation li.on a:visited { color:#1A1A1A; }
#navigation li:hover ul, #navigation li.hover ul { left: auto; }

/*********** bandeau **************/
#bandeau { background: url(../_images/bandeau.jpg) no-repeat; height: 170px; }

/*********** chemin **************/
#chemin { margin: 0 0 32px 0; color: #006BBB; }
#chemin a:link, #chemin a:visited { color: #020611; font-weight: bold; }
#chemin a:hover, #chemin a:active { text-decoration: underline; }
#chemin .start { background: url(../_images/chemin_start.gif) no-repeat top left; padding: 2px 9px; }
#chemin .odd { background: #EEEEEE url(../_images/chemin_odd.gif) no-repeat top right; padding: 2px 10px; }
#chemin .even { background: #E4E4E4 url(../_images/chemin_even.gif) no-repeat top right; padding: 2px 10px; }
#chemin .oddend { background: #EEEEEE url(../_images/chemin_odd_end.gif) no-repeat top right; padding: 2px 10px; }
#chemin .evenend { background: #E4E4E4 url(../_images/chemin_even_end.gif) no-repeat top right; padding: 2px 10px; }
#chemin.article  span { margin-left: -3px; }

/* Accueil
-------------------------------------------------------------- */

.body-accueil h3 { border-bottom: 0; }

#profils input { width: 102px; height: 27px; border: 0; background: url(../_images/btn_bg2.gif) no-repeat center 2px; color: #FFF; font-weight: bold; }

/*********** onglets **************/
ul.tabs li a:link, ul.tabs li a:visited { padding: 0 0 30px 30px; background: url(../_images/onglets_bg.gif) no-repeat 0 2px; }
ul.tabs li a.current:link, ul.tabs li a.current:visited { background-image: url(../_images/onglets_bg_over.gif); }
ul.tabs li a:hover, ul.tabs li a:active { background-image: url(../_images/onglets_bg_over.gif); }
div.panes { border: 1px solid #D1D1D1; border-right: 0; border-bottom: 0; padding: 10px; }

/*********** actualites **************/
#actualites { margin-bottom: 50px; }
#actualites ul { list-style-type: none; padding: 0; margin: 0; }
#actualites li { margin-bottom: 16px; }
#actualites li a:link, #actualites li a:visited { color: #000000; }
#actualites .imagette { margin-right: 10px; float: left; width: 46px; }
#actualites .imagette_haute { min-height: 80px; }
#actualites .imagette div { background-repeat: no-repeat; padding: 2px; color: #FFF; font-size: 0.9em; text-align: center; width: 39px; height: 46px; }
#actualites .imagette img { margin-left: 3px; }
#actualites h4 {margin-bottom: 5px; }
.actu_detail { margin-left: 46px; }
.actu_detail span { color: #F78620; font-size: 1.1em; }
#actualites .actu_detail a:link, #actualites .actu_detail a:visited { display: block; text-align: right; font-weight: bold; color: #7A82B5; background: url(../_images/actu_suite.gif) no-repeat right 1px; padding-right: 30px; margin-top: 10px; }
#actualites .pagination { padding-top: 20px; }
#actualites .lien_pagination { display: block; float: left; width:133px; font-size: 0.9em; color:#7A82B5; font-weight: bold; background: url(../_images/actu_nav_suite.gif) no-repeat top left; padding: 4px 5px 6px 14px; }
#actualites .actu_prec { background-image: url(../_images/actu_nav_prec.gif); padding: 4px 14px 6px 5px; float: right; }
#actualites h3 { margin-top: 20px; }

/* Body
-------------------------------------------------------------- */
#body { margin-top: 0px; }
.inner { padding: 20px 20px 30px 20px; }
.col-gauche { float: left; width: 460px; overflow: hidden; /*background: #ff00ff;*/ }
.col-droite { float: right; width: 460px; overflow: hidden; /*background: #0000ff;*/ }

#menu { float: right; width: 208px; margin: 10px -20px 0 0; }
#menu div.titre { border-bottom: 2px solid #004171; padding-bottom: 10px; margin: 0 0 25px 20px; display: block; }
#menu ul { padding: 0 0 0 20px; margin: 0; list-style-type: none; }
#menu ul li { margin-bottom: 15px; }
#menu ul ul { display:none; background-image: none; padding: 15px 0 0 20px; }
#menu ul ul.on { display:block; }
#menu a:link, #menu a:visited { cursor: hand; }
#menu ul a:link, #menu ul a:visited { padding-left: 15px; color: #000000; font-weight: bold;}
#menu ul a.on:link, #menu ul a.on:visited { background: url(../_images/menu_over.gif) no-repeat center left; }
#content { float: left; width: 730px; overflow:hidden; margin: 0; padding-right: 20px; border-right: 1px solid #D1D1D1; }
.no-menu #content { float: none; width: auto; border:0; }

/* Typo
-------------------------------------------------------------- */

h1.titre { margin-bottom: 0.2em; }
h3 { padding-bottom: 5px; }
h3.ombre { margin-bottom: 10px; padding-bottom: 0; }
.texte { line-height: 18px; text-align: justify; }
.texte h2 { color: #004171; font-size: 1.5em; font-weight: bold; }
.texte h3, h2.soustitre { color: #C1190C; font-size: 1.3em; font-weight: bold; border:0; }

.modele_ecriture { display: block; height: 0px; overflow: hidden; background-repeat: no-repeat; }
.surligne { padding: 5px; background-color: #C1190C; color:#FFF; font-weight:bold; }
.couleur1 { color:#C1190C; }
.couleur2 { color:#004171; }
.texte .cadre { border: 1px solid #C1190C; padding:10px; margin:10px; }

.texte ul, .texte ol{ padding-left: 10px; }
ul { margin-right: 0; }

/*********** tableau **************/
table caption { background:#FFF; border-bottom:2px solid #F4592B; color:#F4592B; font-size:14px; font-style:normal; padding:10px 0; text-align:left; text-transform:uppercase; }
table .odd td { background-color: #FFF8E8; }
table td { text-align: left; }

/* Pages internes
-------------------------------------------------------------- */

/*********** agenda **************/
#content .agenda h5 { margin: 5px 0 5px 0; font-size: 1.2em; line-height:16px; }
#content .agenda h5 a { color: #005DA6; }
#content .agenda .date { font-size:1.1em; text-decoration: none; font-weight: bold; }

/*********** documents **************/
.documents_joints { margin-top: 50px; }
.documents_joints h3, #documents_portfolio h3 { font-weight: bold;  border-bottom: 1px solid #4D4D4F;  }
.documents_joints ul { list-style-type:none; margin:0;padding:0;}
.documents_joints li { margin-bottom: 10px; clear:both; }
.documents_joints li img { margin-right: 10px; }
.documents_portfolio .on img { border: 2px solid #C1190C;  }
.affichage_documents { text-align: center; margin-top: 20px; }

/* Footer
-------------------------------------------------------------- */
#footer { font-size: 0.9em; color: #333333; padding-top: 14px; background: #0B1431 url(../_images/body_bg_bottom.gif) no-repeat 0 0; }
#footer { color: #CED0D6; line-height: 16px; }
#footer a:link, #footer a:visited { color: #CED0D6; font-weight: bold; }
#footer #copy { width:232px; float: left; }
#footer #liens { width:200px; float: left; }
#footer #top { width:96px; height: 32px; float: right; background: #555B6F url(../_images/footer_bg.gif) no-repeat 0 0; }
#footer #top a:link, #footer #top a:visited { display: block; margin: 7px 0 0 12px; color: #FFFFFF; }

/* Plan du site
-------------------------------------------------------------- */
.sitemap { line-height: 1.2em; }
#sitemap, #sitemap ul, #sitemap li{ margin:0; padding:0; list-style:none; }
#sitemap{ background:url(../_images/sitemap/line1.gif) repeat-y; }
#sitemap li{ line-height:20px; margin-top:1px; position:relative; width:100%; }
/* IE leaves a blank space where span is added so this is to avoid that */
* html #sitemap li{ float:left; display:inline; }
#sitemap li a{padding-left:28px;}
#sitemap li span{float:left;position:absolute;top:5px;left:5px;width:13px;height:13px;cursor:auto;font-size:0;}
#sitemap li span, #sitemap li span.collapsed { background:url(../_images/sitemap/collapsed.gif) no-repeat 0 0; } 
#sitemap li span.expanded { background:url(../_images/sitemap/expanded.gif) no-repeat 0 0;}
/* sub levels */
#sitemap li ul{ margin-left:28px; background:url(../_images/sitemap/line1.gif) repeat-y; }
#sitemap li li{ background:url(../_images/sitemap/line2.gif) no-repeat 0 0; }
/* float fix */
#sitemap:after, #sitemap ul:after{ 
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
#sitemap, #sitemap ul{display:block;}
/*  \*/
#sitemap, #sitemap ul{min-height:1%;}
* html #sitemap, * html #sitemap ul{height:1%;}
 /*  */
#sitemap ul{display:none;}
#sitemap li a { font-weight: normal; }

/* Recherche
-------------------------------------------------------------- */

#recherche a { font-weight: bold; }
#recherche li { margin-bottom: 10px; line-height: 1.2em; }
.texte .spip_surligne { background-color: #FFFF00; color:#000; }

/* Formulaires
-------------------------------------------------------------- */
.plugin-spip-formulaires .formulaire_spip ul { list-style-type:none; margin:0; padding:0;}
.plugin-spip-formulaires .formulaire_spip label { display:block; }
.plugin-spip-formulaires .formulaire_spip .choix label { display: inline; font-weight:normal; }
.plugin-spip-formulaires .formulaire_spip fieldset li { margin-bottom:10px; }
.plugin-spip-formulaires .formulaire_spip input, .formulaire_spip select { background: #F0F1F2; border-color:#8c8c8c; margin-top:5px; }
.plugin-spip-formulaires .formulaire_spip textarea { background: #F0F1F2; border-color:#8c8c8c; }
.plugin-spip-formulaires .formulaire_spip .wide { width:80%; }
.plugin-spip-formulaires .formulaire_spip .obligatoire label span,.formulaire_spip span.obligatoire { color:#C1190C; }
.plugin-spip-formulaires .formulaire_spip .boutons { text-align: right; }
.plugin-spip-formulaires .formulaire_spip .submit { width: 102px; height: 27px; border: 0; background: url(../_images/btn_bg2.gif) no-repeat center 2px; color: #FFF; font-weight: bold; }
.plugin-spip-formulaires .formulaire_spip .ui-state-error { margin-top: 5px; width:80%; }
.plugin-spip-formulaires .formulaire_spip .ui-icon { float: left; margin-right: 0.3em; }
.plugin-spip-formulaires .formulaire_spip .ui-icon { float: left; margin: 0.3em; }
.plugin-spip-formulaires .formulaire_spip .ui-state-highlight p { margin: 0.8em 0 1em 0; }