body{
      font-family:  Arial, Verdana, Helvetica, sans-serif;
      font-size: 12px;
      /*background-color: #d7d7e9;*/
      background: url(fond-confrontations2.gif) repeat-y top center;
      background-color:  #e0e0e0;
      z-index:0;
      text-align: center;
      margin: 0px;
      padding: 0px;
}

a {
	color: #0000a0;
	text-decoration: none;
}

#total{
        position: relative;
        margin: 0 auto;
	width: 960px;
        overflow: hidden;
	z-index:1;
        text-align: left;
}



img {
	border: 0px; 
}
.format_png, .spip_logos {
	behavior: url("../win_png.htc");
}


/**************************/
/***        TETE        ***/
/**************************/
#tete{
/*	height: 150px;*/
	width: 960px;
/*	border-bottom: 1px #0000a0 solid;*/
}

#tete_gauche{
	background-repeat: repeat-y;
	float: left;
	width: 80px;
}

#tete_centre{
	float: left;
	width: 600px;
	overflow: auto;
	z-index: 50;
}

#tete_droite{
	float: left;
	width: 80px;
}


#tete_sous_titre{ 
                  position: absolute;
                  left: 143px;
                  top: 107px;
                  color: #ffcc00;
                  font-size: 20px;
                  font-weight: bold;
}

/** 
 * utile seulement pour la CSS print
 */
#tete-texte {
	display: none;
}




/**************************/
/***        MENU        ***/
/**************************/

/* menu_tete contient menu_horizontal et #menu */
.menu_tete{
	width: 960px;
	top: auto;
	bottom: auto;

}

.menu_horizontal{
	margin-top: 0px;
	padding-top: 40px;
	height: 20px;
	font-size: 90%;
	padding-left: 125px;
	font-weight: bold;
        background-position: bottom left;
        background-repeat: no-repeat;
}

#menu_comble {
	height: 30px;
}


#menu dl, dt, dd, ul, li,
#menu_adh dl {
	margin: 0;
	padding: 0;
	list-style-type: none;
}

/* pour menu horizontal */
#menu {
	position: absolute;
	height: 20px;
	line-height: 20px;
	width: 960px;
	z-index:60;
	padding-top: 8px;
	padding-bottom: 8px;
        padding-left: 33px;
        background-image: url(fond-bandeau.gif);
        background-repeat: repeat-x;
        background-position: 0 0px;
}
#menu_adh {
	position: absolute;
	margin-top:32px;
	height: 20px;
	line-height: 20px;
	width: 960px;
	z-index:55;
	padding-top: 8px;
	padding-bottom: 8px;
        padding-left: 33px;
        background-image: url(fond-bandeau.png);
        background-repeat: repeat-x;
        background-position: 0 0px;
	text-align:center;
}
#menu_adh_container {
}

#menu dl {
	float: left;
	display: block;
}
#menu_adh dl {
	float:left;
}

#menu dt,
#menu_adh dt {
	cursor: pointer;
	text-align: center;
	font-weight: bold;
	border: 0px solid #7f7fcf;
	margin: 0px;
        background-repeat: repeat-x;
}
#menu dt a,
#menu_adh dt a {
	padding-left: 16px;
	padding-right: 16px;
}

#menu dd,
#menu_adh dd {
	display: none;
        position: absolute;
        width: 170px;
}

#menu ul,
#menu_adh ul {
           border: 1px solid #7f7fcf;
           margin-top: 3px;
           margin-left: 0px;
}

#menu li,
#menu_adh li {
	text-align: center;
	background: #fcefc4;
	font-size:90%;
	line-height: 20px;
}

#menu li a, #menu dt a,
#menu_adh li a, #menu_adh dt a {
	color: #0000a0;
	text-decoration: none;
	display: block;
	height: 100%;
	border: 0 none;
}

#menu dt a:hover {
	background: url(fond-bandeau-hover.png) top left;
}
#menu_adh dt a:hover {
	background: url(fond-bandeau-hover-bleu.png) top left;
}
#menu li a:hover,
#menu_adh li a:hover {
	background-color:  #00009a;
	color: white;
}

/* Fin menu horizontal */




/**************************/
/***        CORPS       ***/
/**************************/
#corps{
	width: 960px;
	/* on ajoute !important pour que le PNG ne soit inséré que sous Firefox */
/*	background-image: url(fondu_frise2.png) !important;
	background-image: url(fondu_frise_ie2.gif);*/
	background-position: bottom left;
	background-repeat: no-repeat;
	overflow: hidden;
	z-index: 40;
}

#corps2{
	background-repeat: repeat-y;
	z-index: 50;
	padding-top: 0 !important;
	padding-top: 10px;
}

#corps_gauche{
	width: 100px;
	padding-left: 5px;
	padding-right: 5px;
	padding-bottom: 10px;
	float: left;
	margin-left: 5px;
}

#corps_menu{
	padding-left: 5px;
}

#corps_bas_menu{
}

#corps_centre{
	width: 600px;
	float: left;
	margin-bottom: 10px;
	padding: 0px 10px 10px 10px;
   	text-align: justify;
   	line-height: 1.4em;
}

#corps_droite{
	width: 150px;
	float: right;
	margin-right: 10px;
}

#corps_liens{
              margin-top: 15px;
}

#corps_partenaires{
}

#corps_partenaires ul {
	padding: 0;
	/* pour firefox */
	margin: 0 0 0 2ex !important;
	/* pour IE */
	margin: 0 0 0 -2ex;
	list-style-type: none;
	list-style-position: inside;
	font-size: 80%;
}

#corps_partenaires li {
	padding: 0;
	margin: 0;
}






/**************************/
/***        PIED        ***/
/**************************/

#pied{
	width: 960px;
	font-weight: bold;
	text-align: center;
	clear: left;
	padding-top: 20px;
	padding-bottom: 15px;
	font-size: 80%;
	background-position: top left;
	background-repeat: no-repeat;
}


.carre_accueil {
        float: right;
	text-align: left;
/*	left: 480px; */
	width: 283px;
	background: url(carre-accueil-haut.png) top;
}
.carre_accueil_texte {
	padding: 20px;
	padding-top: 12px;
	padding-bottom: 10px;
	background: url(carre-accueil-bas.gif) bottom no-repeat;
}

.carre_accueil-2 {
	text-align: left;
	width: 146px; 
	background: url(carre-accueil-haut-2.gif) top;
}
.carre_accueil_texte-2 {
	padding-left: 7px;
	padding-right: 7px;
	padding-top: 50px;
	padding-bottom: 5px;
	background: url(carre-accueil-bas-2.gif) bottom no-repeat;
}

.actu_accueil {
	margin-left: 20px;
	padding-top: 12px;
	width: 330px;
        float: left;
}

.agenda_accueil { 
        float: right;
	width: 270px;
 }

.actu_publications {
        clear: both;
	margin-left: 20px;
        padding-top: 20px;
	width: 650px;
}

.cadre_droite {
	width: 146px;
	padding: 0px;
	background: url(cadre-milieu.gif);
	margin-bottom: 16px;
}
.cadre_droite .cadre_droite_titre {
	padding: 8px;
	padding-top: 12px;
	padding-bottom: 4px;
	padding-left: 12px;
	font-weight: bold;
	background: url(cadre-haut.gif) top no-repeat;
}
.cadre_droite .cadre_droite_barre {
	height: 2px;
	overflow: hidden;
	background: url(cadre-barre.gif);
}
.cadre_droite .cadre_droite_liste {
	margin-top: 0px;
	padding-top: 0px;
	padding-left: 8px;
	padding-right: 8px;
	padding-bottom: 12px;
	background: url(cadre-bas.gif) bottom no-repeat;
}
.cadre_droite .cadre_droite_liste p {
	margin-top: 0px;
}
.cadre_droite .cadre_droite_liste a {
	display: block;
	padding: 3px;
}
.cadre_droite .cadre_droite_liste a:hover {
	color: black;
	background-color: #fdc103;
}

.titre_boite_accueil{ 
                      font-size: 15px;
                      color: #0000a0;
                      border-bottom: 1px solid;
 }


/**************************/
/***        BOXES       ***/
/**************************/
.box{ 
      float: left;
      background-color: #f5f5f5;
      background-image: url(bg_box.jpg);
      background-repeat: repeat;
      margin: 0;
}


.box_haut{ 
           overflow: auto;
           clear: left;
           margin: 0;
           font-size: 0;
}

.box_haut1{ 
            background-image: url(box_coin_haut_gauche.png);
            float: left;
            width: 9px;
            height: 26px;
            margin: 0 -3px 0 0;
}

.box_haut2{ 
            height: 26px;
            line-height: 26px;

            text-align: left;
            color: #0000a0;
            font-size: 15px;
            font-weight: bold;

            padding-left: 0px;

            background-image: url(bg_box_title3.png);
            background-position: bottom;
            background-repeat: repeat-x;
            background-color:white;
}

.box_haut3{ 
            background-image: url(box_coin_haut_droit_ombre2.png);
            float: right;
            width: 18px;
            height: 26px;
            margin: 0 0 0 -3px;
}


.box_content{ 
               padding:5px;
               border-left: 1px solid #7f7fcf;
               background-image: url(box_border_droite_ombre2.gif);
               background-repeat: repeat-y;
               background-position: right;
               padding-right: 15px;
}


.box_bas{ 
          font-size: 0px;
          overflow: auto;
          clear: left;
}

.box_bas1{ 
           background-image: url(box_coin_bas_gauche_ombre2.gif);
           float: left;
           width: 18px;
           height: 18px;
           margin: 0 -3px 0 0;
}

.box_bas2{ 
           height: 18px;
           background-image: url(box_bas_ombre2.gif);
}

.box_bas3{ 
           background-image: url(box_coin_bas_droite_ombre2.gif);
           float: right;
           width: 18px;
           height: 18px;
           margin: 0 0 0 -3px;
}





/*** DIVERS ***/
.box_title_old{
	font-size: 120%;
	font-weight: bold;
	text-align: center;
	padding-bottom: 10px;
}

.box_title{
	font-size: 15px;
	font-weight: bold;
	text-align: left;
        height: 25px;
        line-height: 25px;
	padding-left: 5px;
        color: #0000a0;
        background-image: url(bg_box_title2.png);
        background-position: bottom;
        background-repeat: repeat-x;
        border-bottom: 1px solid #7f7fcf;
        background-color:white;
}

.box_subtitle{
	font-weight: bold;
	text-align: left;
}

.box_content_old{ 
        padding:5px;
}

.page_title, .tete_article_titre { 
        background: url(bg_titre_page.png) 0px -5px no-repeat;
        padding-left: 30px;
		margin-top: 10px;
        padding-top: 4px;
 }
.tete_article_titre {
        background: url(point-noir.png) 0px 1px no-repeat;
        padding-left: 20px;
}


/*** SOMMAIRE ***/
.presentation_confrontations {
	font-weight: bold;
/*	font-style: italic;*/
	font-size: 90%;
/*	padding-bottom: 20px;*/
}

#actualite{
        float: left;
	width: 370px;
}

.titre_actualite_sommaire{
	font-weight:bold;
}

.intro_actualite_sommaire{
	font-size: 95%;
	line-height: 110%;
        margin-bottom: 15px;
}

#publications_adherents{
	float: right;
	width: 200px;
}

#publications{
}

#adherents{
            margin-top: 15px;
}


/*** ARTICLE ***/
.document{
	margin-top: 20px;
	top: auto;
	bottom: auto;
           clear: left;
}

.logo_document {
	float:left;
}

.desc_document {
	float:left;
	margin: 5px 15px 15px 15px;
}

.tete_article{
	overflow: visible;
	padding: 0;
	margin-top: 3px;
	margin-bottom: 3px;
}

.tete_article_logo{
	overflow: visible;
	float: right;
	
}

.tete_article_infos{ 
 }

.tete_article_titre{
	padding-top: 5px;
	font-size: 120%;
	font-weight: bold;
}

.chapo_article{
	margin-top: 40px;
	padding-left: 4px;
	margin-left: 20px;
	margin-bottom: 0px;
	font-weight: bold;
	font-size: 120%;
}

.texte_article {
                 margin-top: 20px;
                 padding-left: 4px;
                 margin-left: 5px;
                 margin-bottom: 30px;
}

.interface_col_gauche{ 
   width:190px;
   float:left;
   text-align: justify;
   font-size: 90%;
   border-right: 1px solid;
   padding-right: 10px;
                       margin-top: 40px;
                       padding-bottom: 20px;
 }

.interface_col_droite{
   width:370px;
   float:left;
   text-align: justify;
   border-left: 1px solid;
   padding-left: 10px;
   margin-left: -1px;
                       margin-top: 40px;
                       padding-bottom: 20px;
}




/*** RUBRIQUE ***/
.article_rubrique{
/*	border-bottom: 1px solid;*/
                   clear: left;
                   padding-top:10px;
                   margin-top:20px;
                   padding-left: 60px;
}

.titre_article_rubrique{
	font-size:110%;
	font-weight:bold;
             background-image: url(demi_ligne_degrade_bleu.png);
             background-position: bottom left;
             background-repeat: no-repeat;
}

.infos_article_rubrique{
	font-style: italic;
	font-weight:bold;
	font-size: 90%;
}

.intro_article_rubrique{
	margin-left: 20px;
	padding-left: 5px;
/*	font-style:italic;*/
	font-size: 95%;
}

.intro_rubrique{
	margin-left: 20px;
	padding-left: 5px;
    margin-top: 60px;
    font-size: 120%;
}

.titre_web_rubrique {  
        background-image: url(ico_web.jpg);
        background-position: top left;
        background-repeat: no-repeat;
        padding-top: 3px;
        padding-left: 40px;
	font-size: 120%;
	margin-top: 3px;
	margin-bottom: 3px;
	font-weight: bold;
        height: 32px;
}

.site_rubrique{
	padding-bottom:10px;
	margin-bottom:10px;
	padding-left:10px;
}

.site_rubrique_titre{
	font-size:105%;
	height: 20px;
}

.site_rubrique_titre a:hover {
	font-weight: bold;
}

#sous_rubriques{ 
                 margin-left: 55px;
                 text-align: left;
                 font-weight: bold;
                 line-height: 1.2em;
                 margin-bottom: 50px;
}

#sous_rubriques1-2 li{ 
/*        list-style-image: url(puce_logo.jpg);*/
        list-style-type: disc;
}

#sous_rubriques1-2{ 
        float: left;
        width: 200px;
}

#sous_rubriques2-2{ 
        float: right;
        width: 200px;
}

.item_sous_rubrique{ 
        padding-top: 2px;
        padding-bottom: 2px;
        margin-bottom: 2px;
        padding-left: 20px;
        background-image: url(puce_logo.jpg);
        background-repeat: no-repeat;
        background-position: 0px 2px;
}


/*** AGENDA ***/
.evenement_agenda{ 
            padding-left: 30px;
            background-image: url(ico_evenement.jpg);
            background-repeat: no-repeat;
            background-position: top left;
}




/**************************/
/***        TEXTE       ***/
/**************************/
h2 {
	font-size: 180%;
	padding: 0;
        margin:0;
	font-weight: bold;
	padding-left: 10px;
	margin-top: 5px;
	margin-bottom: 30px;
}

h3 {
     font-size: 120%;
     padding: 0;
     margin: 0;
     padding-top: 20px;
     padding-bottom: 5px;
     font-weight: normal;
     letter-spacing: .1em;	
     color: #00009a;
     text-transform: uppercase;
}

table.spip { border: none; }
table.spip tr.row_first { background: #ffffff; }
table.spip tr.row_odd { background: #ffffff; }
table.spip tr.row_even { background: #ffffff; }



.menu_horizontal {
	background-image: url(/design/haut_frise.jpg);
}
#corps2 {
	background-image: url(/design/frise9.png);
}
#corps {
	/* on ajoute !important pour que le PNG ne soit inséré que sous Firefox */
   	background-image: url(/design/fondu_frise2.png) !important;
	background-image: url(/design/fondu_frise_ie2.gif);
}
#pied {
	background-image: url(/design/bas_frise.jpg);
}

.post-scriptum {
	border-top: 1px solid #666666;
	padding-top: 7px;
	margin-left:10px;
	font-size: 8pt;
}