/* screen */

@import url("styles.css");
@import url("forms.css");

/*
	1. styles par defaut
	2. mise en page des blocs
	3. styles des blocs
	4. gestion de la mise en page multi-colonnes
*/

/* 1. styles par defaut */

body{ color: #4D4D4D; font-family: Garamont, Arial, Tahoma, Helvetica, sans-serif; font-size:80%; margin:0; padding:0;}
h1{ font-size:140%;}
h2{ font-size:120%;}
h3{ font-size:110%;}
h4{}
h5{}
h6{}
p{}
ul{}
li{}
blockquote{ padding:0 3px; border:1px dashed #CCC; background-color:#FFF;}
caption{ text-align:left;}
table{ border-collapse:collapse; border-spacing:0;}
th,td{ border:1px solid #000; margin:0; padding:5px;}
img{ border:none;}
form{ margin:0; padding:0;}

a{ text-decoration:none;}
a:hover{ text-decoration:underline;}
a:active{}
a:visited{}


/* 2. mise en page des blocs */

#page{
	position:relative;
	width:100%;
	min-width:760px;
	max-width:1000px;
	margin-left:auto;
	margin-right:auto;
	width:expression(Math.min(1000, Math.max(760, document.body.clientWidth))); /* IE5.5 et IE6 */
}

#accessibilite{
	display:none;
}

#recherche{
	position:absolute;
	top:70px;
	right:10px;
	/*width:300px;*/ /* la largeur doit �tre fixŽe pour IE mac */
}

#logo{}

#navigation{}

#corps{
	clear:both;
	position:relative; 
}
/* hide from mac \*/
* html #corps {height: 1%;} /* ajout pour IE6 : mauvais positionnement de menu-gauche */
/* end hide */ 

#contenu{
	padding:0 20px 0 0;
	margin-left:200px;
	margin-right:200px;
	position:relative;
	min-height:300px; /* ajuster pour permettre à la colonne centrale d'être toujours plus longue que les colonnes gauche et droite */
	-height:300px; /* idem pour IE */
}

#toolbox{
	position:absolute;
	top:10px;
	right:10px;
}

#menu-gauche{
	position:absolute;
	top:0;
	left:0;
	width:190px;
}

#menu-droite{
	float:right;
	position:absolute;
	top:0;
	right:0;
	width:200px; /* la largeur doit �tre fixŽe pour IE mac */
}

#outils{
	position:absolute;
	top:0;
	right:0;
	/*width:250px;*/ /* la largeur doit �tre fixŽe pour IE mac */
}

#footer{}


/* 3. styles des blocs */

#page{
}

#logo{
	padding:40px 10px;
}
#logo h1{
	margin:0; padding:0;
}

#recherche{
	background-color:#F7F7F7;
}


/* navigation */
#navigation{
	width:100%;
	float:left;
	background-color:#EDF2FA;
}
#navigation ul{
	margin:0;
	padding:0;
	list-style:none;
	margin-left:180px;
}
#navigation li{
	float:left;
	margin:0;
	padding:0;
}
#navigation a{
  	float:left;
	display:block;
	padding:5px 10px;
}
/* IE5-Mac hack \*/
#navigation a {float:none;}
/* End IE5-Mac hack */
#navigation a:hover{
	background-color:#000;
	color:#FFF;
	text-decoration:none;
}


/* contenu */
#contenu{
}
#contenu h2,
#contenu h3,
#contenu p,
#contenu ul,
#contenu table,
#contenu form{
	margin-top:1em;
	margin-bottom:1em;
}

/* toolbox */
#toolbox{
	background-color:#F7F7F7;
}
#toolbox ul{
	margin:0; padding:0; list-style:none;
}

/* menu-gauche */
#menu-gauche{
	margin:10px 0px;
	padding:2px;
	background-color:#EDF2FA;

}
#menu-gauche ul{
	margin:10px;
	padding:0;
	list-style-type:none;
}
#menu-gauche li{
	margin:0;
	padding:0;
	background-image:url('canext.gif');
	background-repeat:no-repeat;
	background-position:0px 5px;
}

/* menu-droite */
#menu-droite{
	margin:10px 0px;
	padding:2px;
	background-color:#EDF2FA;

}
#menu-droite ul{
	margin:10px;
	padding:0;
	list-style:none;
}

/* outils */
#outils{
	background-color:#F7F7F7;
	padding:0.2em;
}
#outils ul{
	margin:0;
	padding:0;
	list-style:none;
}
#outils li{
	display:inline;
	margin:0;
	padding:0 1em 0 0;
	white-space: nowrap;
}


/* footer */
#footer {
	clear: both;
	margin-top:40px;
	text-align:center;
	background-color:#F7F7F7;
}	
#footer ul {
	margin: 0 0 1em 0;
	padding: 0;
	list-style:none;
}
#footer li {
	display: inline;
	padding: 0 20px 0 0;
	margin: 0;
	white-space: nowrap;
}


/* 4. gestion de la mise en page multi-colonnes */


/* 3 colonnes */
#page.layout-3cols #contenu{
	margin-left:200px;
	margin-right:200px;	
}

/* 2 colonnes */
#page.layout-2cols #contenu{
	margin-left:200px;
	margin-right:0;	
}
#page.layout-2cols #menu-droite{
	display:none;
}

/* 1 colonne */
#page.layout-1col #contenu{
	margin-left:0;
	margin-right:0;	
}
#page.layout-1col #menu-gauche{
	display:none;
}
#page.layout-1col #menu-droite{
	display:none;
}