*{
    margin:0;
    padding:0;
    border:0;
}
body{
          background: #933 url(sts/www-jiteconline-com/img/gbr/bg_menubar.gif) repeat-x 0 138px;
        
    font-family: Arial, sans-serif;
    font-size: 11px;
    color: #000;
}
.enigm_block{
    padding-top: 11px; 
    display: block;
    width: 76px;
    height: 43px; 
    position: absolute;
    left: 5px;
}
#enigmatic, #header a#enigmatic:hover, #footer a#enigmatic:hover{
    background: url(sts/www-jiteconline-com/img/gbr/enigmatic.png) no-repeat 0 1px;	
    _filter:progid:DXImageTransform.Microsoft.AlphaImageLoader(src='/sts/www-jiteconline-com/img/gbr/enigmatic.png');
	_background-image:none;
    display: block;
    width: 76px;
    height: 43px;
    position: absolute;
    left: 13px;
}
    #enigmatic span{display: none;}
    

a{text-decoration: none; color: #e10126; }
a:hover{text-decoration: underline; }

h3, h4, h5, h6{ clear: both; font-family: "Candara", "Times New Roman", serif; color: #E10126; font-weight: bold;}
h3 a, h4 a, h5 a, h6 a{ font-family: "Candara", "Times New Roman", serif; color: #E10126; font-weight: bold;}

h3, h4{text-transform: uppercase; font-size: 13px;}
.accueil h3{text-transform: none;}
h3 { margin-bottom:0.5em; }
    h3 strong{text-transform: uppercase;}



h4 { margin-top: 1.5em; margin-bottom:0.5em; color: #666;}

h5 {font-size: 12px; font-weight: bold; margin-top: 1em }

h6 {font-size: 12px; color: #666; font-weight: bold; margin-top: 1em;}


#page img{border: 2px solid #999;}


ul, ol {margin-bottom: 0.5em;}
li {font-size: 12px; list-style-position: inside; list-style-type: circle;}

strong{ font-weight: bold;}
em{font-style: italic; }

p{ line-height: 1.5em; margin-bottom: 0.5em; text-align: justify;}
p.info{color: #888; }
h3 span.info{font-family: Arial, sans-serif; color: #888; font-size: 10px; text-transform: lowercase;}

    a.plus {font-size: 11px; color: #000; margin-left: 3px;}
    a.plus span{ color: #E10126; margin: 0 2px; font-style: normal; }
    a:hover.plus  {color: #E10126; text-decoration: none; }
    a:hover.plus span{color: #333; }

a.fleche_h{ background: url(sts/www-jiteconline-com/img/gbr/fleche_h.gif) no-repeat 0 3px; padding-left: 20px; color: #e10126; font-size: 11px; text-transform: lowercase; font-style: normal;}
    a:hover.fleche_h{ color: #333; text-decoration: none;}

a.rss{background: url(sts/www-jiteconline-com/img/gbr/rss.gif) no-repeat 0 3px; display: block; width: 40px; height: 16px; align: right; float: right;}
    a.rss span{display: none;}
    
.lettrine{float: left; font-size: 36px; line-height: 32px; font-family: Georgia,Times New Roman,Times,serif; color: #e10126; font-style: normal; font-weight: normal; margin-right: 3px; }

.clear{clear: both;}

.separateur{
    clear: both;
    height:0px;
    padding:0;
    margin:0;
    _line-height: 1px;
}
.left{
    float: left;
}
.right {
    float:right
}
.first{
    margin-top: 0;
    clear: both;
}

#page{
    width: 1010px;
    margin: auto;
    background: url(sts/www-jiteconline-com/img/gbr/bg_repeat.gif) repeat-y;
     
}
#header ul, #header li, #header a, #footer ul, #footer li, #footer a {margin: 0; padding: 0; list-style-type: none; text-decoration: none; font-style: normal; font-size: 1em;}
#header a:hover, #footer a:hover { background: none;}
    
        #header{height: 215px;}
                #banniere{margin-left: 13px;}
            #banniere img{ border: 0;}
            #logo{ width: 450px; float: left; margin-left: 1px;}
            #pub{float: left; width: 532px; text-align: center;}
            
                #menubar{clear: both; width: 1010px; height: 56px; background: url(sts/www-jiteconline-com/img/gbr/menubar_bg.gif) repeat-x;}
            #header #menu{clear: both; float: left; height: 33px; margin-left: 13px;}                
                #menu li{ height: 33px; list-style-type: none; display: block; float: left; background: url(sts/www-jiteconline-com/img/gbr/menu_separe.gif) no-repeat 100% 1px; padding: 1px 0;}
                    #menu li a{font-size: 12px; font-weight: bold; color: #333; letter-spacing: 0.1em; text-decoration: none; display: block; height: 31px; line-height: 31px; padding: 0 15px;}
                    #menu li a:hover{background: url(sts/www-jiteconline-com/img/gbr/menu_bg_over.gif) repeat-x; color: #FFF;}
                
                    #menu li#home a{background: url(sts/www-jiteconline-com/img/gbr/btn_home.gif) no-repeat; height: 30px; width: 30px; padding: 0 2px;}
                    #menu li#home a:hover{background: url(sts/www-jiteconline-com/img/gbr/btn_home_over.gif) no-repeat;}
                        #home a span{display: none;}
											#menu li {_width: 115px; text-align: center;}
						#menu li#home{ _width: 30px;}
										
                            
            #search{float: right; height: 28px; padding-top: 5px; margin-right: 14px; _margin-right: 6px;}
                #search .champ{background: url(sts/www-jiteconline-com/img/gbr/search_chp.jpg) no-repeat; width: 100px; height: 21px; padding-left: 28px; padding-top: 5px; *padding-top: 0px; 
                                font-size: inherit; font-weight: bold; color: #666;}
                #search .btn{background: url(sts/www-jiteconline-com/img/gbr/search_btn.jpg) no-repeat; width: 27px; height: 21px; margin-right: 5px; font-size: 12px; font-weight: bold; color: #666;}
                #search input:hover.btn{background: url(sts/www-jiteconline-com/img/gbr/search_btn_over.jpg) no-repeat; color: #FFF;}
                        #header #ariane{clear: both; padding: 6px 14px 0 18px; *padding-top: 3px; _padding-left: 30px;}
                #ariane li{display: inline; color: #808080; text-transform:lowercase;}
                    #ariane li span{ color: #333; font-weight: bold;}
                    #ariane li a{ color: #333; text-decoration: none;  text-transform:capitalize;}
                    #ariane li a:hover{ color: #e10126;}
    
 
        #footer{ height: 56px; background: url(sts/www-jiteconline-com/img/gbr/bg_btm.gif) no-repeat; clear: both; padding: 4px 14px 0pt 280px; margin-bottom: 0;}
        #footer li{height: 31px; line-height: 31px; list-style-type: none; display: block; float: left; margin: 0 1px; margin-top: 12px;}
            #footer li a{font-size: 12px; font-weight: bold; color: #333; letter-spacing: 0.1em; text-decoration: none; padding: 0 10px;}
            #footer li a:hover{color: #e10126;}
        #to_top{ clear: both; float: right; background: url(sts/www-jiteconline-com/img/gbr/fleche_v.gif) no-repeat 100% 0; display: block; height: 18px; line-height: 18px; padding-right: 12px; margin:0 20px  5px 0; color: #933;}
   
    
    
    
    
    
    
   #content{ padding-left: 30px;}
   
        .rub_liens{float: right; text-align: right; margin-top: 24px; width: 121px; margin-bottom: 15px;}
        .rub_content {clear: both;}
        .accueil_rub{margin-top: 20px;}
        h2 {float: left; height: 40px; width: 146px;}
                h2 span, .rub h2 span{display: none;}
        
                .accueil #col_left{ float: left; width: 615px; padding : 0 15px}        
                        #editions em, #dossiers em,#editions i, #dossiers i{ font-style: normal; color: #e10126; font-size: 1em;}
            
            #editions{float: left; width: 290px; background: url(sts/www-jiteconline-com/img/gbr/souligne.gif) repeat-x 0 38px; margin-top: 0}
                #editions h2 {background: url(sts/www-jiteconline-com/img/gbr/rub_editions.gif) no-repeat;}
                
            #dossiers{float: left; width: 290px; margin-left: 30px; background: url(sts/www-jiteconline-com/img/gbr/souligne.gif) repeat-x 0 38px; margin-top: 0}
                #dossiers h2 {background: url(sts/www-jiteconline-com/img/gbr/rub_dossier.gif) no-repeat;}
                
                    .scan{ float: left; width: 110px; margin-top: 2px;}
                        .scan p{font-size: 10px;}
                    .mag_txt {clear: right; text-align: justify;}    
            
                        #alaune{
                clear: both; 
                float: left;
                background: url(sts/www-jiteconline-com/img/gbr/souligne.gif) repeat-x 0 38px;
                width: 100%;
            }
                #alaune h2 {background: url(sts/www-jiteconline-com/img/gbr/rub_une.gif) no-repeat; }
            
                h3.alaune_img{text-align: right; margin-top: -1.5em; color: #FFF; text-transform: uppercase; font-size: 18px; margin-right:18px; font-weight: normal;}
                div.alaune_img{clear: both; margin-left:15px; margin-bottom: 2em;}
                
                .articles{clear: both;}
                
                  .article_left { float: left; width: 285px; }
                  .article_right{ float: left; width: 285px; margin-left: 15px;}
                  
                    .article{padding: 0px 0px 20px 15px; width: 285px;}
                      #alaune .article h3{text-transform: uppercase;}
                      .article p.info{color: #555;}
                                            .article p{color: #000; margin:0;}
                    
                .accueil #col_right{ float: right; width: 320px; _margin-right:-1px; padding: 0;}
        
        #abonnement img{border: 0;}
                        #agenda{clear: both; float: left; }
            #agenda #titre{background: url(sts/www-jiteconline-com/img/gbr/souligne.gif) repeat-x 0 38px; height: 65px; width: 297px;}
                #agenda h2 {background: url(sts/www-jiteconline-com/img/gbr/rub_agenda.gif) no-repeat;}
            
            .evenement{width: 321px; background: url(sts/www-jiteconline-com/img/gbr/agenda_repeat.gif) repeat-y; margin-bottom: 10px; }
                .evenement h3 a{font-weight: normal}
            
                .evenement-top{background: url(sts/www-jiteconline-com/img/gbr/agenda_top.gif) no-repeat; margin-bottom: 0;}
                .evenement-btm{background: url(sts/www-jiteconline-com/img/gbr/agenda_btm.gif) no-repeat 0 100%; padding: 15px 13px 10px 13px;}
                    .evenement h3{margin-bottom: 0;}
                    .evt_box {margin-bottom: 1.5em;}
                    .evt_box img{float: left; margin: 5px 10px 5px 0pt;}
                    .evt_box p{color: #555;}
                    .evt_box p.date{color: #000; margin:0; text-align:left ; font-size:10px}
        
                
        #phototheque{clear: both; margin: 20px 14px 0 -17px; background: #E8DBDB url(sts/www-jiteconline-com/img/gbr/rub_phototheque_bg.gif) repeat-x; border-top: 1px solid #fff; padding-bottom: 23px;}
            #phototheque h2 {background: url(sts/www-jiteconline-com/img/gbr/rub_phototheque.gif) no-repeat;height: 45px; width: 215px;}
            #phototheque h2 a{display: block; height: 45px; width: 215px;}
            
            .accueil #photos{clear: both; background: #E8DBDB; margin: auto; width: 952px;}
                        #photos .img a{display: block; float: left;  width: 120px; _width: 120px; height: 90px; _height: 92px;  background: #FFF;padding: 2px; _padding: 2px 2px 0px 2px; border: 1px solid #666; text-align: center;  margin: 5px; _margin: 4px;}
            #photos .img a:hover{ background: #999;}
            #photos .img img{border: 0;}
            
            #phototheque h4 {Font-family: "Cambria", "Times New Roman", Times; font-size: 18px; font-weight: normal; margin: 5px; margin-left: 25px;}
            .accueil #phototheque ul{margin: 0 0 0 25px;}
                .accueil #phototheque li, ul.tags li {list-style-type: none; display: inline;margin: 0 1px;}
                .accueil #phototheque li a, ul.tags li a{list-style-type: none; display: inline; font-size: 12px; padding: 0 2px;}
                .accueil #phototheque li a:hover, ul.tags li a:hover{list-style-type: none; display: inline; font-size: 12px; padding: 0 2px; color: #333; text-decoration: none;}
            
            #phototheque #to_top{margin-right: 5px;}

#col_left{ float: left; width: 285px;}
    .bloc {clear: both; background: url(sts/www-jiteconline-com/img/gbr/bloc_repeat.gif) repeat-y; *background: url(sts/www-jiteconline-com/img/gbr/bloc_repeat.gif) repeat-y 1px 0;  margin-bottom: 20px; border: 1px solid #FFF;}
    .bloc_btm {background: url(sts/www-jiteconline-com/img/gbr/bloc_btm.gif) no-repeat 0 100%; padding: 30px 15px 10px; }
        .chrono .bloc_btm{background: url(sts/www-jiteconline-com/img/gbr/bloc_btm_search.gif) no-repeat 0 100%; min-height: 34px; _height: 34px;}
        .themes .bloc_btm{background: url(sts/www-jiteconline-com/img/gbr/bloc_btm_search.gif) no-repeat 0 100%;}
        .tags .bloc_btm{background: url(sts/www-jiteconline-com/img/gbr/bloc_btm_search.gif) no-repeat 0 100%;  min-height: 34px; _height: 34px;}
        .bloc_top.chrono.evt{background: url(sts/www-jiteconline-com/img/gbr/bloc_top_evt.gif) no-repeat;}
    .bloc_top.chrono.actu{background: url(sts/www-jiteconline-com/img/gbr/bloc_top_actu.gif) no-repeat;}
    .bloc_top.chrono{background: url(sts/www-jiteconline-com/img/gbr/bloc_top_chrono.gif) no-repeat; }
    .bloc_top.themes{background: url(sts/www-jiteconline-com/img/gbr/bloc_top_themes.gif) no-repeat;}
    .bloc_top.tags{background: url(sts/www-jiteconline-com/img/gbr/bloc_top_tags.gif) no-repeat;}
    .bloc_top.coord{background: url(sts/www-jiteconline-com/img/gbr/bloc_top_coord.gif) no-repeat;}
    .bloc_top.rech{background: url(http://www.jiteconline.com/sts/www-jiteconline-com/img/gbr/bloc_top_rech.gif) no-repeat;}
        
    .bloc h3{display: none;}   
     
        .chrono a, .tags a{color: #000;}
    .chrono a:hover, .tags a:hover, .themes a:hover {color: #e10126; text-decoration: none;}
    
         .chrono ul li{list-style-type: none;}   
    .chrono ul li ul{display: none; margin: 5px 0 10px 15px;}
    .chrono ul li.active ul{display: block;}
    
    .chrono ul li a{font-family: "Georgia", "Times New Roman", Times, Serif; font-size: 14px;}
    
        .chrono a, .chrono h4, .chrono dl {font-family: "Georgia", "Times New Roman", Times, Serif; }
    .chrono h4 {font-size: 14px; margin:0 }
    .chrono dl dt {font-size: 11px; padding-bottom: 4px;}
    .chrono dl { margin:5px 0pt 10px 15px; }
    .chrono dl dd { margin-left:15px; font-size: 11px; }
        
    .chrono ul li a:hover{text-decoration: none;}
    .chrono ul li ul li a{ font-size: 11px;}
        
        
        #label_rech_rapide{float: left; text-transform: capitalize;}
        #rech_rapide{ margin-left: 5px; border: 1px solid #999; width: 140px;}
        
        .select { height: 100px; overflow:auto; background: #FFF; border: 1px solid #999; padding: 5px; margin-bottom: 5px; margin-top: 10px;}
            .select a{display: block; margin: 2px 0; width: 220px;border: 1px solid #FFF;}
                .select a:hover{background: #EEE; border: 1px solid #999;}
                .select a label{color: #000; cursor: pointer; text-transform: lowercase;}
                .select a input{color: #000; cursor: pointer; margin: 1px; }
        #search_btn{float: right; border: 1px solid #666;  font-size: 12px; letter-spacing: 0.1em;}
        
        
        .size70{font-size: 0.7em;}
    .size80{font-size: 0.8em;}
    .size90{font-size: 0.9em;}
    .size100{font-size: 1.0em;}
    .size110{font-size: 1.1em;}
    .size120{font-size: 1.2em;}
    .size130{font-size: 1.3em;}
    .size140{font-size: 1.4em;}
    .size150{font-size: 1.5em;}
    
        .coord .bloc_btm{padding: 50px 15px 10pt 22px;}
    
    
   
#col_right{ float: right; width: 600px; padding-right: 40px;}

        #editions.rub, #dossiers.rub, #agenda.rub, #alaune.rub, #phototheque.rub, #contact.ssrub, #abonnement.ssrub{width: 600px; margin : 0 0 20px 0; padding: 0;}
        #phototheque.rub, #agenda.rub, #contact.ssrub, #abonnement.ssrub{background: url(sts/www-jiteconline-com/img/gbr/souligne.gif) repeat-x 0 38px; border-top: none;}
        #phototheque.rub h2 {background: url(sts/www-jiteconline-com/img/gbr/rub_photo.gif) no-repeat; width: 231px; }
        #contact h2 {background: url(sts/www-jiteconline-com/img/gbr/rub_contact.gif) no-repeat; float: left; height: 40px; width: 141px;}
        #abonnement h2 {background: url(sts/www-jiteconline-com/img/gbr/rub_abonnement.gif) no-repeat; float: left; height: 40px; width: 228px;}
    #contact.ssrub{height:40px}
    #abonnement.ssrub{height:40px}
    
        .rub .rss{margin-top: 20px;}
    .rub span{display: block; clear: both; text-align: right; width: 600px; color: #666; height: 15px;}
    
        .suivants{float: right; margin-bottom: 15px;}
        .suivants li{display: inline; list-style-type: none; color: #666; font-size: 11px; }
            .suivants li a, .suivants li.active{padding: 0 3px; border-right: 1px solid #666; line-height: 15px;}
            .suivants li a:hover{border-top: 1px solid #666; border-bottom: 1px solid #666; text-decoration: none;}
            .suivants #suivant a{border-right: 1px solid #FFF;}
            .suivants #suivant a:hover{border: 1px solid #666; border-left:none;}


    .resultat {
        clear: both;
        margin-bottom : 10px;
        padding: 5px 8px 0px 8px;
    }
    .resultat h3, .resultat h4, .resultat h5, .resultat h6 {clear: none; margin: 0; margin-top: 1em;}
    .resultat .numero, .resultat.agenda img, .resultat.alaune img{float: left; margin-right: 10px;}
    .resultat a.plus{clear: both; float: right;}
    .resultat .numero p{ margin: 0; text-align: center; font-weight: bold; font-size: 10px;}
        .resultat p.titre_numero { margin: 0; font-weight: bold; font-size: 13px; color:#E10126; font-family:"Candara","Times New Roman",serif; text-transform:uppercase;}
    .resultat p.titre_numero small { text-transform: lowercase; color: #666;}
    
    .edition p strong{color: #e10126; text-transform: uppercase;}
    
    .resultat.dossier h3 {margin-top:10px;}
    .resultat p{margin-bottom: 0px;}
    
    .agenda{}
    
    .resultat.alaune h3, .dossiers p.titre_numero {margin-top: 0; }
    .resultat.alaune h3 {margin-bottom:4px;}
    .resultat.alaune h3 a{color: #333; }
    .resultat.alaune h3 a:hover{color: #E10126; text-decoration: none; }
    
    .dossiers p.titre_numero a:hover{color:#E10126;}
    
    
	

.ssrub{margin-top: 0;}
    #agenda.ssrub, #alaune.ssrub{
        width: 100%;
        background:  url(sts/www-jiteconline-com/img/gbr/souligne.gif) repeat-x 0 35px;
    }
    
    .ssrub h2{float: right;}
        #agenda.ssrub h2 {background: #FFF url(sts/www-jiteconline-com/img/gbr/rub_agenda.gif) no-repeat 100% 0; }
        #alaune.ssrub h2 {background: #FFF url(sts/www-jiteconline-com/img/gbr/rub_une.gif) no-repeat 100% 0;}
    .ssrub h3{float: left; clear: none; padding: 18px 0; _padding: 21px 0; width: 400px; font-size: 14px;}
    

.articles img{margin: 5px 10px;}
.articles img.left{margin-left: 0;}
.articles img.right{margin-right: 0;}

.articles .informations{ margin-top: 15px; padding-top: 5px; border-top: 1px solid #CCC;}
.articles .informations strong{color: #e10126;}

.article_resume{font-size: 12px; line-height: 1.5em; text-align: justify; margin-bottom: 1.5em; font-style: italic;}

     .article_txt  .chapeau{ font-weight: bold;}
     .article_txt  em{ color: #666; font-style: italic;}
     .article_txt  .commentaire{ font-size: 0.9em; color: #666; font-style: italic;}
     .article_txt  q, .article_txt blockquote { display: block; width: 500px; margin: 10px auto; font-weight: bold; font-size: 1.1em; text-align: center;}
     .article_txt  li{ list-style-type: none; background: url(sts/www-jiteconline-com/img/gbr/puce.png) no-repeat 0 6px;  line-height: 1.2em; padding: 2px 0 3px 15px; }
         .article_txt  h2 {float:none;width:auto;height:auto;}
    
    
#photos{clear: both; background: #FFF; margin: auto; }

.none    { display:none;    }
.visible { display:visible; }

#popupimage { 
  border: gray solid 2px; 
  background-color: white; 
  padding: 10px;
}

  ul.tags { margin:0 }
  ul.tags a { color: #E10126 }
  h4.tags { font-family:"Cambria","Times New Roman",Times; font-size:16px; font-weight:normal; }

#popupimage img{ border:none; }

#recherche h3 { font-size:16px }

.pds { margin-bottom:4px; float:none; width:auto; height:auto;}
h1.pds a, h2.pds a, h3.pds a {text-decoration:none;}
h1.pds a:hover, h2.pds a:hover, h3.pds a:hover {text-decoration:underline}
h1.pds {font-size:14px;margin-top:10px}
h2.pds {font-size:12px;margin-left:12px}
h3.pds {font-size:10px;margin-left:24px}

#form input, #form select{
	border: 1px solid #999999;
	width: 185px;
	margin-bottom:15px;
	display:block;
	float: left;
	*float: none;
}

#form label{
  clear: left;
	float: left;
	width: 140px;
	text-align: right;
	margin-right: 15px;
}

#form #coord_submit {
	border:1px solid #999999;	
	margin-bottom:15px;
	width: 80px;
	margin-left: 135px;
	clear: left;
}

 a.plus.nofloat{float: none;}
 
 #abo_btn{
  clear: both;
  margin-left: 155px;
 }
 
  #col_right .tags{_background: none;}