@import url("evenements.css");

@import url("calendrier.css");

@import url("plan.css");

@import url("ecrire_membre.css");



/******************************

    Mise en page

*******************************/



body {

    font: 76% arial,sans-serif;

    text-align: center;

    background: #7470D2 url(images/fond2.jpg) repeat-x top left;
    font-family: Verdana, Arial, Helvetica, sans-serif;

    }



h3 {

	font-size: 16px;

	margin: 0 0 10px 0;

	}

a img{
    border: none;
	}



p.spip a {

	color: #CDCBEF;

	}



.spip_documents_left {

	padding: 5px 10px 10px 0;

	}

.spip_documents_right {

	padding: 5px 0 10px 10px ;

	}



#article .spip_logos {

	float: right;

	margin-left: 10px;

	}



/*********************************

	MISE EN PAGE

**********************************/



/* =Largeur du cadre 

----------------------------------*/



#cadre {

	width: 820px;

    margin: 0 auto;

    text-align: left;

	margin: 1em auto;

	background: #FFFFFF;

	padding: 20px;

    }

	

/* =En-tete

-------------------------------*/	

#entete {

    height: 140px;

	position: relative;

    } 



/* =Colonne centrale

-------------------------------*/

#wrapper {

    float: left;

    width: 100%

    }

#colcentre {

    margin: 0 175px;

	text-align: justify;

    }

#calendrier #colcentre,

#ecrire_membre #colcentre {

    margin-right: 0;

    }



#colcentre h3 {

    margin: 0 0 20px 20px;

	text-align: left;

    }

	

#colcentre div.article ul#radio {

	list-style-type: none;

	margin: 0;

	padding: 0;

	}



#colcentre div.article ul#radio li {

	margin: 0;

	padding: 18px 0;

	border-bottom: 1px solid #CCC;

	}



#colcentre div.article ul#radio li a {

	color: #000;

	}





/* =Colonne droite

-------------------------------*/

#coldroite { 

    float:left; 

    width: 500px; 

    margin-left: -0px;

    }



#calendrier #coldroite,

#ecrire_membre #coldroite { 

	display: none;

    }

	

/* =Colonne gauche

-------------------------------*/

#colgauche { 

    float: left; 

    width: 175px;

	margin-left: -820px;	

    }

	

/* =Pied de page

-------------------------------*/

#pied { 

    clear: left;

    padding-top: 60px;

	font-size: 10px;

	color:  #989B6E;

	text-align: center;

    }

#pied a, 

#pied a:active, 

#pied a:link { 

	color: #CDCBEF; 

	text-decoration: none; 

}

#pied a:hover {

	color: #D1D4A8;

}	

	

/* ******************************

	=LOGO DU CREUM

**********************************/

#entete h1#logo_CREUM {

	margin: 0;

    } 

#entete h1#logo_CREUM a {

	display: block;

	width: 218px;

    height: 76px;

	position: absolute;

	top: 0;

	left: 0;

	text-decoration: none;

    }

#entete h1#logo_CREUM a span.img {

	background: transparent url(images/logo_creum.gif);

	position: absolute;

	width: 100%;

	height: 100%;	

    }

#entete h1#logo_CREUM a span.texte {

	display: none;

    }

	

/* ******************************

	=LOGO DE l'UDM

*******************************/

#entete h2#logo_UDM {

	margin: 0;

    } 

#entete h2#logo_UDM a {

	display: block;

	width: 124px;

    height: 49px;

	position: absolute;

	top: 30px;

	right: 0;

	text-decoration: none;

    }

#entete h2#logo_UDM a span.img {

	background: transparent url(images/logo_udm.gif);

	position: absolute;

	width: 100%;

	height: 100%;

    }

#entete h2#logo_UDM a span.texte {

	display: none;

    } 



/* ******************************

	=BANDE DE DEFILEMENT

*******************************/



#newsTicker {

	position: relative;

	margin: 0 10px 10px 10px;

  	width: 95%;

  	height: 28px;

  	overflow: hidden;

	border: 1px solid #B1AEE6;

	background: #CDCBEF;

	}



#newsScroller {

  	position: absolute;

  	position/**/: relative;

  	height: 28px;

  	line-height: 28px;

  	white-space: nowrap;

  	color: #000000;

  	font-size: 90%;

	}

	

#newsScroller p {

	margin: 0 30px;

	display: inline;

	}



#stopLink {

  	position: absolute;

	display: block;

  	width: 30px;

  	height: 30px;

  	margin-left: 10px;

  	margin-top: -40px;

  	background-image: url(images/news_ticker_button_stop2.jpg);

  	background-repeat: no-repeat;

  	text-indent: -9999px;

  	text-decoration: none;

	}

#stoplink a {

	text-decoration: none;

	}



/* ******************************

	=ONGLETS

*******************************/

#onglets {

	position: absolute;

	top: 95px;

	left: 0;

  	width: 100%;

  	background: transparent url("images/onglets_fond2.gif") repeat-x bottom;

  	font-size: 93%;

  	line-height: normal;

	}

#onglets ul {

  	margin: 0;

  	padding: 0;

  	list-style: none;

  	}

#onglets li {

  	float: left;

  	margin: 0;

  	padding: 0 9px 0 0;

  	}

#onglets a {

  	float: left;

  	display: block;

  	padding: 5px 6px 4px 6px;

	background: #CDCBEF;

  	text-decoration: none;

  	font-weight: bold;

  	color: #000;

	border: 1px solid #B1AEE6;

	border-bottom: none;

  }

/* Cacher de IE5-Mac \*/

#onglets a {

	float: none;

	}

/* Hack IE5-Mac fin*/

#onglets a:hover {

  	color: #333;

	background: #FFFFFF;

  	}

#onglets .on a {

  	color: #000;

  	padding-bottom: 5px;

  	background: white;

  }



/* Les pages qui n'ont pas d'onglet sélectionne*/

#planSite #onglets a,

#recherche #onglets a,

#login #onglets a {

	border-bottom: 1px solid #B1AEE6;

	padding: 5px 6px 4px 6px;

	}



/* ******************************

	=FIL D'ARIANE

*******************************/  



#hierarchie {

	margin: 20px;

	margin-top: 0;

	font-size: 10px;

	}

#hierarchie span.ici {

	color: #999;

	}

#hierarchie a {

	font-size: 10px;

	color : black;

	text-decoration: none;

	}





/* ******************************

	=BOITES

*******************************/

.boite {

	border: 1px solid #B1AEE6;

	margin-bottom: 10px;

	}

.boite h3 {

	background: #CDCBEF;

	color: #000000;

	margin: 0;

	padding: 3px 5px 3px 7px;

	font-size: 93%;

	border-bottom: 1px solid #B1AEE6;

	}

.boite ul {

	margin: 0;

	padding: 0;

	list-style-type: none;

	}

.boite ul a {

	display: block;

	padding: 3px 5px 3px 20px;

	text-decoration: none;

	font-size: 10px;

	color: black;

	background: url(images/puce2.gif) no-repeat 7px 7px;

	line-height: 1.25em;

	}

	

/*\ Correction pour IE6 */

* html .boite ul a {

	height: 1%;

	}

/**/



.boite ul a span.date {

	color: #989B6E;

	font-size: 10px;

	}



.boite ul a:hover {

	color:  #989B6E;

	}



/* Formulaire de recherche */

.boite form {

	background: #CDCBEF;

	margin: 0;

	padding: 3px;

	}



	

.boite fieldset {

	border: none;

	padding: 0;

	margin: 0;

	}



/* Formulaire de recherche - champs */

.boite form input#recherche {

	border: 1px solid #B1AEE6;

	width: 125px;

	font-size: 10px;

	margin: 0;

	padding: 3px;

	}

/* Formulaire de recherche - bouton */

.boite form input.form-submit {

	border: 1px solid #FFFFFF;

	background: #CDCBEF;

	padding: 1px;

	color: white;

	}

/* Inscription au bulletin */

.boite form#bulletin {

	background: #FFFFFF;

	}

.boite form#bulletin input#courriel {

	border: 1px solid #B1AEE6;

	width: 125px;

	font-size: 10px;

	margin: 0;

	padding: 3px;

	}

.boite form#bulletin fieldset#bulletin_options {

	margin: 5px 0 0 0;

	color : black;

	font-size: 10px;

	}

#bulletin_options_lien  {

	color : black;

	font-size: 10px;

	margin: 5px 0 2px 3px;

	}

#bulletin_options_lien a {

	color : #989B6E;

	font-size: 10px;

	text-decoration: none;

	}

/*\ Correction pour IE6 */

* html #bulletin_options_lien a {

	height: 1%;

	}

/**/

#bulletin_options_lien a:hover {

	color : #000000;

	}

	

/* *****************************

	=ARTICLES

*********************************/


.article {
    margin: 20px;
    color:  #000000;
	}



.article_tsuite {
    height: auto;
    margin: 10px;
    margin-top: 0;
    padding: 10px;
    border: 1px solid #B1AEE6;
	color:  #000000;
	}



.article_tsuite a {
	color: #000000;
	text-decoration: none;
	}


.article h1, .article h1 a {
	color:  #000000;
	font-size: 16px;
	text-decoration: none;	
	}
.article h1 a:hover {
	text-decoration: none;
	} 
.article a {
	color: #CDCBEF;
	text-decoration: none;
	}
.article a:hover {
	color: #FFCC00;
	text-decoration: none;
	}
.organisateur {
    text-align: center;
    margin-right: 10px;
    margin-bottom: 5px;
    font-size: 9px;
	color: #000000;
	}
.organisateur img{
	vertical-align:middle;
	}
.organisateur table  {
    text-align: right;
    font-size: 9px;
	color: #000000;
	}
.date {
    margin-top: 3px;
    font-size: 11px;
	font-style: italic;
	color: #989B6E;
	}


.intro_img {

	float: right;

	padding: 0 0 10px 10px;

	}

	

/* = main: article formating 

-------------------------------------- */
.surtitre  {
	font-weight: bold;
	}
.titre {
    margin-right: 10px;
    font-size: 16px;
	color: #000000;
    font-weight: bold;

	text-align: left;
	}
.titre a {
	color: #000000;
	text-decoration: none;
	}
.titre a:hover {
	color: #989B6E;
	text-decoration: none;
	}
.soustitre { 
    margin-top: 3px;
    margin-right: 10px;
    font-size: 11px;
    font-style: italic;
    color: #989B6E;
	}
.lieu { 
    color: #D1D4A8;
	}
.chapo {
    padding-top: 10px;

	line-height: 1.5em;
    font-weight: bold;
	}
.texte {
	margin: 20px;

	margin-top: 0;

	line-height: 1.5em;
	}

.article .texte {

	margin: 0;

	}


img.spip_puce {
    margin: 0px;
    padding: 0px;
	}
.ps {
	color: #808080;
    margin-top: 20px;
    margin-right: 10px;
	padding-top: 1px;
	padding-bottom: 1px;
    border-top: 1px dotted #B1AEE6;
	border-bottom: 1px dotted #B1AEE6;
	}
.ps div {
    padding-top: 5px;
	padding-bottom: 5px;
    border-top: 5px solid #EDEFCC;
	border-bottom: 5px solid #EDEFCC;
	}
.notes {
    margin-top: 20px;
    margin-right: 10px;
    padding: 10px 10px 10px 10px;
    color:  #777;
	border: 1px solid #D1D4A8;
	}
.notes a {
	color: #000000;
	text-decoration: none;
	}
.notes a:hover {
	color: #777;
	text-decoration: none;
	}

/* =article: documents joints 

----------------------------------- */
.doc {
    margin-top: 20px;
    margin-right: 10px;
	}
h3.doctop {
    border-bottom: 1px solid #D1D4A8;
    margin: 5px 0 0 0;
    height: 36px;
    background: transparent url(../interface/right_docs.gif) no-repeat bottom left;
	}
.titre_doc {
    margin-top: 20px;
    padding-left: 20px;
    vertical-align: 70%;
	color: #989B6E;
    font-size: 10px;
    font-weight: bold;
	text-decoration: none;
	}
.titre_doc a {
    color: #989B6E;
	text-decoration: none;
	}
.titre_doc a:hover {
	color: #FFCC00;
	text-decoration: none;
	}
.desc_doc {
    margin-top: 10px;
    padding-left: 30px;
    color:  #D1D4A8;
    font-size: 10px;
	}

/* =article: extras 

-------------------------------------------------- */
.telephone {
    margin-top: 5px;
	}
.email {
    margin-top: 1px;
	}

/* =article: Que sont-ils devenus? 

-------------------------------------------------- */
.devenus {
    margin-right: 10px;
    margin-top: 15px;
    margin-bottom: 10px;
	}
h3.devenustop {
    border-bottom: 1px solid #D1D4A8;
    margin: 5px 0 0 0;
    height: 36px;
    background: transparent url(../interface/right_devenus.gif) no-repeat bottom left;
	}
.txt_devenus {
    margin-top: 10px;
	}

/* article: ecrire -----------------

--------------------------------- */
.boutons_ecrire {
    margin-right: 10px;
    margin-top: 5px;
    text-align: right;
	}

/* article: ecrire --------------------

------------------------------ */
.boutons_prop {
    margin-right: 10px;
    margin-top: 5px;
    text-align: right;
	}

/* article: hyperlien ------------------

-------------------------------- */
.hyperliens {
    display: block;
	height: auto;
    padding-top: 10px;
    margin-right: 10px;
	margin-bottom: 20px;
    color: #000000;
    font-size: 10px;
    font-weight: bold;
	}
* html .hyperliens { /* [!] IE trick */ 
	margin-right: 0px;
	}
.hyperlien_titre {
	display: block;
	float: left;
	width: 110px;
    padding: 10px;
    border: 1px solid #D1D4A8;
    background: #EDEFCC;
	vertical-align: middle;
	}
* html .hyperlien_titre { /* [!] IE trick */ 	
	width: 30%; 
	}

.hyperlien_link {
	display: block;
	float: left;
    padding: 10px;
    border-top: 1px solid #D1D4A8;
    border-bottom: 1px solid #D1D4A8;
    border-right: 1px solid #D1D4A8;
    color: #989B6E;
    vertical-align: middle;
	}
* html .hyperlien_link { /* [!] IE trick */ 	
	width: 60%; 
	}

/* liens (rubrique4) --------------------

-------------------------------------- */
.linkage {
    display: block;
    width: 100%;
    margin-right: 10px;
    /*padding-left: 20px;*/
	font-size: 10px;
	}
.linkage a, .linkage a:active, .linkage a:link { 
	color: #000000; 
	text-decoration: none; 
	}
.linkage a:hover {
	color: #D1D4A8; 
	text-decoration: none;
	}
.linkage_desc {
    display: block;
    width: auto;
    margin-right: 10px;
	font-size: 10px;
    color: #808080;
	}


/* ****************************************

	=LISTE DES SOUS-RUBRIQUES ET ARTICLES

*******************************************/


.buttons_rub, 

.buttons_art {
	background: #EDEFCC;
	border: 1px solid #D1D4A8;
    color: #000000;
    font-size: 11px;

	}
.buttons_rub img, 

.buttons_art img {
	vertical-align: middle;
	}
.buttons_rub a,

.buttons_art a {
	display: block;
	text-transform: uppercase;

	margin: 10px;

    padding: 10px;
    border: 1px solid #D1D4A8;
    background: #FFFFFF;
    color:  #000000;
    text-decoration: none;
	}

.buttons_rub a:hover,

.buttons_art a:hover {
    color: #989B6E;
    text-decoration: none;
	border: 1px solid #FFFFFF;
	background: #FEFFEF;
	}

/* rubrique: articles liste 

---------------------------------- */



#liste {

	width: 100%;

 	margin: 0 20px;

	}
.list_entiere {
	width: auto;
	}
.list_titre { 
    float: left; 
    width: 150px;
    font-size: 10px;
    font-weight: bold;
	}
.list_titre a { 
    color:  #000000;
    text-decoration: none;
	}
.list_titre a:hover { 
    color:  #989B6E;
    text-decoration: none;
	}
.list_articles { 
    float: left; 
    padding-bottom: 10px;
    font-size: 10px;

	width: 250px;
    /*font-weight: bold;*/
	}
.list_articles a {
    color:  #000000;
    text-decoration: none;
	}
.list_articles a:hover {
    color: #989B6E;
    text-decoration: none;
	}
.list_italic { 
    font-weight: normal;
    font-style: italic;
	}
.clear_both { 
    clear: both;
	}



/*********************************

	FORMULAIRE LOGIN

**********************************/



.formulaire_login form legend { 

	display: none;

	}

.formulaire_login form fieldset {

	padding: 10px;

	}

.formulaire_login form fieldset,

.formulaire_login form fieldset input {

	border: 1px solid #D1D4A8;

	}

.formulaire_login form fieldset .spip_bouton input {

	background: #D1D4A8;

	padding: 2px 5px;

	color: #765;

	}

.formulaire_login a {

	color:  #989B6E;

	}

.formulaire_login a:hover {

	color: #000;

	}