/* ===================================

    RITPU - septembre 2006

    Auteur : Pierre Bourgeois

             pbourgeois@crepuq.qc.ca

======================================= */



@import url(types-document-spip.css);

@import url(inc-navigation-onglets.css);

@import url(thickbox.css);

@import url(form.css);

@import url(3c.css);

@import url(inc-tooltip.css);

@import url(inc-table.css);

@import url(inc-nav-meme-rubrique.css);

@import url(inc-impression.css);



body {

    font-family: Verdana, Arial, Helvetica, sans-serif;

	font-size: 62.5%; /* 1em = 10px; 1.1em = 11px, etc*/

	color: #333;

	background: #D8D8D8 url(images/page.gif) repeat-y center center;

    text-align: center; 

    min-width: 800px;

	margin: 0;

	padding: 0;

	

    }



h1 {

    font-size: 2.4em;

    font-weight: normal;

    }



h2 {

    font-size: 2.0em;

    font-weight: normal;

    }

h3 {

	font-size: 1.4em;

    }



h4 {

	font-size: 1.2em;

    }

h1, h2, p {

    margin: 1em 0;

    }

ul {

	list-style-type: square;

	margin: 1.5em;

	padding: 0;

	}

a {

	text-decoration: none;

	color: #006699;

	}

a:hover {

	text-decoration: underline;

	}



img {

	border: none;

	}



table.logo .spip_documents img {

	padding: 20px;

	}



fieldset#coordonnees dl dt label {

	text-align: right; 

	}

	

/* Lien vers le formulaire de soumission */

.lienformfr strong.spip a,

.lienformen strong.spip a,

.lienabonnerfr strong.spip a,

.lienabonneren strong.spip a {

	display: block;

	background: #EFEFEF;

	border: 1px solid #CCC;

	font-size: 14px;

	padding: 5px 8px;

	color: black;

	text-decoration: none;

	}

.lienformfr strong.spip a {width: 230px;}

.lienformen strong.spip a {width: 165px;}

.lienabonnerfr strong.spip a {width: 143px;}

.lienabonneren strong.spip a {width: 110px;}



.lienformfr strong.spip a:hover,

.lienformen strong.spip a:hover,

.lienabonnerfr strong.spip a:hover,

.lienabonneren strong.spip a:hover {

	background: #336699;

	border: 1px solid #000;

	color: #FFF;

	}



#multimedia {

	margin: 20px 0

	}



.invisible {display: none;}

/* MISE EN PAGE

================================= */

#fond{

    background: url(images/body-fond.gif) repeat-x top left;

	height: 328px;

	}

#page {

  	width: 800px; 

  	text-align: left; 

  	margin: 0 auto;

	}



/* En-tete

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

#entete {

	height: 120px;

	border-bottom: 2px solid white;

	position: relative;

	}

#entete h1 {

	margin: 0;

	}

#entete h1 span {

	display: none;

	}

	

#entete p#issn {

	color: #EFEFEF;

	margin: 0;

	padding: 3px 14px;

	font-size: 8px;

	font-weight: bold;

	}



#fr #entete {

	background: url(images/entete-fond-fr.gif) no-repeat;

	}

#en #entete {

	background: url(images/entete-fond-en.gif) no-repeat;

	}

#entete h2 {

	margin: 0;

	padding: 0;

	}

    

#entete h2 a {

	position: absolute;

	top: 73px;

	left: 50px;

	display: block;

	width: 77px;

	height: 43px;

	color: white;

    }

#entete h2 a span {

	display: none;

	}

#entete p#lang {

	position: absolute;

	right: 20px;

	top: 10px;

	}

	

#entete p#lang a {

	color: white;

	font-weight: bold;



	}



/* Contenu

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





	

#rss_numero a {

	display: block;

	float: right;

	text-indent: -5000px;

  	width: 14px;

	height: 14px;

	background: url(images/XML.gif) no-repeat left top;

	}

p.bouton_RSS a {

	display: block;

	height: 14px;

	background: url(images/XML.gif) no-repeat left top;	

	}

#contenu { 

  	width: 574px;

	float: right;

	background: #FFFFFF;

	padding: 0 14px 14px 14px;		

	}

#contenu h3 {

	margin-bottom: 1em;

	padding: 0.3em;

	padding-left: 0;

	}

#contenu h3.accueil {

	border: none;

	margin: 1em 0 0 0;

	padding: 0;

	}

#contenu h4 {

	font-style: italic;

	font-weight: normal;

	}

	

#contenu dl {

	font-size: 1.2em;

	}

#contenu dl {}



#contenu dd {

	margin-bottom: 1em;

	}

#contenuPrincipal h1 {

	margin-bottom: .5em;

	}

#contenu.contenu-accueil div.texte {

	color: white;

	}

#contenu div.telecharger {

	float: right;

	}



#contenuPrincipal h2.titre-dernier-no {

	color: white;

	font-size: 14px;

	font-weight: bold;

	margin: 3px 0 0 0;

	padding: 3px 0;

	background: #336699 url(images/titre-dernier-fond.jpg);

	border: 1px solid #000;

	text-align: center;

	}



#contenuPrincipal h3.accueil {

	margin-top: 0;

	font-size: 16px;

	}

#contenuPrincipal h3.h3tdm {

	border-top: none;

	font-size: 13px;

	}

.accueil #contenuPrincipal h3.h3tdm {

	margin-top: 0;

	}

#contenuPrincipal div.text {

	margin: 1em 0;

	font-size: 13px;



	}

	

#contenuPrincipal li {

	margin: 1em 0;

	}

	

#volume {

	color: white;

	background: #336699;

	font-size: 1.4em;

	font-weight: bold;

	padding: 5px;

	}

#volume a{

	color: white;

	}



.texte-accueil {

	font-size: 12px;

	}



#blocdernier {

	padding: 15px;

	border: 1px solid #333;

	border-top: none;

	background: #F9FCFF;

	}

/* Navigation

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



#nav {

	float: left;

	background: #b5b5b5;

	color: #666;

	padding: 0 8px;

	border-right: 2px solid #ffffff;

	width: 180px;

    }



#ccfr a,

#ccen a {

	display: block;

	text-indent: -5000px;

  	width: 99px;

	height: 33px;

	margin: 0 auto;

	}

.cc p {

	text-align: center;

	margin: 1em 0 0 0;

	}

#ccfr a {

	background: url(images/somerights20fr.png) no-repeat left top;	

	}

#ccen a {

	background: url(images/somerights20en.png) no-repeat left top;	

	}	

	

/* Pied

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

#pied { 

	height: 37px;

	width: 800px;

	margin: 0 auto;

	background: url(images/pied-fond.gif) no-repeat;

	position: absolute;  /* Needed for Safari */

} 



/* Boites

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



.boite {

	border: 2px solid white;

	background: #DFDFDF;

	padding: 14px;

	margin: 8px 0;

	}

.boite h3 {

	font-size: 1em;

	padding: 0 0 4px 0;

	margin: 0;

	color: #333;

	background: url(images/nav-h3-fond.gif) left bottom no-repeat;

	}



.boite ul, .boite dl {

	font-size: 1em;

	list-style: none;

	margin: 5px 0 0 0;

	padding: 0;

    }



.boite ul li a, 

dl#menuvolume dt a {

	background: url(images/nav-puce.gif) no-repeat 3px 7px;

	color: #444444;

	display: block;

	text-decoration: none;

	margin: 0;

	padding: 3px 0 3px 15px;

    }

dl#menuvolume ul {

	margin: 0;

    }

dl#menuvolume ul li a {

	background: none;

    }

dl#menuvolume dt li.on a {border-bottom: 1px solid #000;}



dl#menuvolume dd li.on a { font-weight: bold; }



dl#menuvolume dd li {margin-left: 10px;text-transform: capitalize; }	



/*\*/

* html .boite ul li a {

	height: 1%;

    }

/**/

.boite ul li a:hover {

	text-decoration: underline;

    }

	











/* Table des matieres*/



    #contenuPrincipal h3 {

        position: relative;

        font-size: 1.7em;

    }

    #contenuPrincipal div.texte {

        font-size: 1.2em;

		text-align: justify;

    }

    #contenuPrincipal h3 .doccomplet {

        position: absolute;

        right: 0;

        top: 3px;

    }



    #tdm dt {

        font-weight: bold;

        padding-right: 90px;

        position: relative;

		

    }

    #tdm dt a {

        color: black;

    }

    #tdm .docpdf {

        position: absolute;

        right: 0px;

        top: 0;

    }

	#tdm dd {

		font-size: 90%;

		margin: 0 0 1.2em 0;

		padding-right: 80px;

		padding-bottom: 10px;

		border-bottom: 1px dotted black;

		

		}

    

    #tdm dt a.docresume {

        background: url(images/bouton-resume.gif) no-repeat;

        display: block;

        width: 11px;

        height: 16px;

        position: absolute;

        right: 30px;

        top: 0;

    }

    #tdm dt a.docresume span {

        display: none;

    }



#contenu
{
	min-height:512px;
}

.MobileInfo
{
	float:right;
	border:1px solid #CCC;
	width:215px;
	padding-right:10px;
}

.MobileInfo img
{
	float:left;
	display:block;
}

.MobileInfo p
{
	float:right;
	display:block;
	max-width:120px;
}