/*
-----------------------------------------------
Style "APAM" pour gabarit "accueil"

media:    all
auteur:   Matthieu Faure 
version:  16/07/2007

Remarques:
- s'appuie sur les CSS "reset" et "fonts" v2.2.2 de YUI http://developer.yahoo.com/yui/
- doit etre appele *apres* "reset" et "fonts"
- les tailles de police doivent etre en pourcentage (YUI fonts, cf http://developer.yahoo.com/yui/fonts/ )
----------------------------------------------- */

/* extrait de YUI base CSS
----------------------------------------------- */
h1,h2,h3,h4,h5,h6,strong {
	/*bringing boldness back to headers and the strong element*/
	font-weight:bold; 
}
abbr,acronym {
	/*indicating to users that more info is available */
	border-bottom:1px dotted #000;
	cursor:help;
} 
em {
	/*bringing italics back to the em element*/
	font-style:italic;
}
blockquote,ul,ol,dl {
	/*giving blockquotes and lists room to breath*/
	margin:1em;
}
ol,ul,dl {
	/*bringing lists on to the page with breathing room */
	margin-left:2em;
}
ol li {
	/*giving OL's LIs generated numbers*/
	list-style: decimal outside;	
}
ul li {
	/*giving UL's LIs generated disc markers*/
	list-style: disc outside;
}
dl dd {
	/*giving UL's LIs generated numbers*/
	margin-left:1em;
}
th,td {
	/*borders and padding to make the table readable*/
	border:1px solid #000;
	padding:.5em;
}
th {
	/*distinguishing table headers from data cells*/
	font-weight:bold;
	text-align:center;
}
caption {
	/*coordinated marking to match cell's padding*/
	margin-bottom:.5em;
	/*centered so it doesn't blend in to other content*/
	text-align:center;
}
p,fieldset,table {
	/*so things don't run into each other*/
	margin-bottom:1em;
}

/* surcharge balises HTML
----------------------------------------------- */

body {
	text-align: center;
}

h2 {
	font-size: 129%; /* 20px */
	font-weight:bold;
}

h3 {
	font-size: 122%; /* 16px */
	font-weight:bold;
}

p {
	margin: 1em 0;
}

strong {
	font-weight:bold;
}

em {
	font-style: italic;
}

/* classes generiques
----------------------------------------------- */
.skip {
	height:0;
	width:0;
	left:-19000px;
	overflow:hidden;
	position:absolute;
}

.liste-a-point {
	list-style-type: disc;
	list-style-position:inside;
	margin: 1em 0 1em 0.5em;
}

.liste-a-point li {
	margin: 0.2em 0 0 0.2em;
}

.lien-soulignement a {
	text-decoration: none;
}

.lien-soulignement a:hover {
	text-decoration: underline;
}

/* =clearfix
 -------------------------------------------------- */
/* clearfix/easyclearing: cf http://www.positioniseverything.net/easyclearing.html */
.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}
.clearfix {display: inline-block;}
/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */


/* =doc
----------------------------------------------- */
#doc {
	margin: auto;
	text-align:left;
	width: 73.0769em;
	*width: 71.3158em;
	min-width: 950px;
}

/* =hd
----------------------------------------------- */
#hd {
	background: #093 url(../images/degrade-vert-horizontal.png) bottom left repeat-x;
	padding-bottom: 11px /* 11px = hauteur de l'image de fond */
}

#hd h1 {
	display: inline;
	padding-left: 5px;
	position: relative;
	bottom: 3px;
}

/* =bd
----------------------------------------------- */
#bd {
	float: left;
	width:100%;
	/*background: url(../images/bd-bg-degrade-vert-vertical.png) 20% 0% repeat-y; /* % : valeur determinee empiriquement */
	background: url(../images/bd-bg-degrade-vert-vertical.png) 23% 0% repeat-y;
	
}

#bd-inner {
	background: url(../images/bd-inner-bg-bordure-verticale-bleue.png) top left repeat-y;
}

/* =nav1
----------------------------------------------- */
#nav1 {
	background: white url(../images/degrade-vert-horizontal.png) bottom left repeat-x;
	padding-bottom: 11px /* 11px = hauteur de l'image de fond */
}

#nav1-inner {
	float:left;
	width:100%;
}

#nav1-inner ul {
	float:left;
	width: 76%;
	margin: 6px 10px 0px 5px;
}

* html #nav1-inner ul {
	width: 75%; /* ie6 only */
}

#nav1 li {
	display:inline;
	color: #0837b5;
	background: white url(../images/nav1-puce-bleue.png) left 50% no-repeat;
	font-weight: bold;
	padding: 0px 5px 0px 10px; 
}

#search {
	float:left;
	width:22%;
}

#search label img {
	top:5px;
}

/* =nav2
----------------------------------------------- */
#nav2 {
	float: left;
	/*width: 13.4615em;
	*width: 13.1371em;
	min-width: 175px; /* 175 = 190 (largeur voulue) - 5 (margin-left) - 5 (padding-left) - 5 (padding-right) */

	width: 9.9231em;
	*width: 9.6839em;
	min-width: 129px;
	
	display:inline; /* IE6: double float margin bug */

	color:white;
	background: #093;
	border-top: solid 5px #cff;
	margin: 0px 0px 0px 5px; /* 5px = largeur de la fausse bordure bleue (qui est en fait en background de #bd) */
	padding: 0 5px;
}

#nav2-picto-4-carres {
	margin-top:10em;
	text-align:center;
}

#nav2 a {
	color: white;
}

#nav2 #alt-hiercats {
	margin: 5px 0px 15px 0px;
}

#nav2 #alt-hiercats h2 {
	display:none;
} 

#nav2 ol,
#nav2 ul {
	margin:0;
	padding:0;
}  

#nav2 ul li {
	margin:0.5em 0em 0.5em 1em; 
} 

/* =main
----------------------------------------------- */
#main {
	float: left;
	/*width: 57.2308em;
	*width: 55.8515em;
	min-width: 744px; /* 744 = 950 (largeur totale) - 190 (nav2) - 16 (margin-left) */

	width: 60.7692em;
	*width: 59.3047em;
	min-width: 790px;	
	
	margin-left: 16px; /* 16px = 5 (pseudo bordure bleue) + 11 (degrade vert vertical) */
	background: url(../images/carres-8.jpg) 90% 0% repeat-y;
	*background-position: 89% 0%; 
}

/* =content
----------------------------------------------- */
#breabcrumb {
	margin-right: 15em;
}

#c0 {
	width: 45.3846em;
	*widht: 44.2908em;
	min-width: 590px;
	
	background: url(../images/picto-l.gif) 19px 99% no-repeat;
}
#c1 {
	background: /*red*/ url(../images/oeil2.png) bottom right no-repeat;
	padding: 0px 36px 19px 0px 
}
#c2 {
	background: url(../images/picto-h.gif) 98% 0% no-repeat;
	padding: 13px 0px 0px 0px;
	/*z-index:1;*/ 
	
}
#c3 {
	background: /*red*/ url(../images/oeil2.png) top left no-repeat;
	padding: 20px 0px 0px 39px;
	/*z-index:1;*/
}

#content {
	border: solid 2px #0134cd;
	padding: 1em;
	/*z-index:0;*/
	/*background: #f0f0f0;*/
}

#content h2 {
	
}

.dc-post #content h2 {
	position: relative;
	left: 40px;
	top: -1.4em; /* pour remonter sur le border de #content */
	display:inline;
	padding: 0 10px;
	background: white;	
}

#content h3 {
	margin: 1em 0 1em 0;
	padding: 0px 0px 0px 115px;
	background: url(../images/carres-5-small.jpg) 0% 50% no-repeat; 
}

/* =footer
----------------------------------------------- */
#footer {
	margin: 5em 22em 0 4em;
	text-align:center;
	padding: 0.5em ;
	border-top: solid 2px #cff;
	font-size: 85%;
}

#footer li {
	display:inline;
}