/*
	AtmoPACA style
	© 2008 AtmoPACA
*/

/* niveaux de contenus
-------------------------------------------------------*/
h2{
	font-size:14pt;
}
h3{
	font-size:12pt;
}
h4{
	font-size:10pt;
}
p, p a, p em, p span{
	font-size:10pt;
}
sup, sub{
	font-size:0.7em;
}
.liste{
	text-indent:-12px;
	margin-left:30px;
}
.encart{
	background:#DDDDDD;
	padding:0px 10px;
	border-left-width:3px;
	border-left-color:#167BB3;
	border-left-style:dashed;
}
.variante{
	font-style:italic;
	font-weight:bold;
	color:#167BB3;
}
.table_entete_bleu{
	background-color:#39B4E1;
	color:#fff;
	font-weight:bold;
	text-align:center;
}


a.close_level{ /* ici la class n'est affectée qu'aux bornes html a */
	display:block;
	float:right;
	margin:0;
	padding:0;
	width:12px;
	height:12px;
	background:#00A3DE url(../../images/close_x.png) no-repeat 0 0;
	text-indent:-9999em;
}
a.close_level:hover{ /* ici le :hover indique que la class sera visible uniquement au survol du a */
	background:#EB6909 url(../../images/close_x_over.png) no-repeat 0 0;
}
.more_level1, .more_level2, .more_level3{ /* ici les propriétés css sont affectées de façon identique aux 3 class */
	margin-bottom:0;
}
.more_level1 a, .more_level2 a, .more_level3 a{
	display:block;
	text-align:center;
	text-transform:uppercase;
}
.content_level1, .content_level2, .content_level3{
	margin:0;
	padding:0.5em 1em;
}
.more_level1 a{ /* ici tous les a dont le conteneur de class .more_level1 heriteront des valeurs css */
	background:#E3F4FB;
}
.content_level1{
/*	border-top:1px solid #E3F4FB;
	border-bottom:1px solid #E3F4FB;
	background:#F3FBFE;*/
	border-top:1px solid #EDB932;
	border-bottom:1px solid #EDB932;
	background:#FDF7E1;
}
.more_level2 a{
	background:#00A3DE;
	color:#fff;
}
.content_level2{
	border-top:1px solid #00A3DE;
	border-bottom:1px solid #00A3DE;
	background:#E3F4FB;
}
.more_level3 a{
/*	background:#EB6909;
	color:#F2CC4A;*/
	background:#39B4E1;
	color:#fff;
}
.content_level3{
/*	border-top:1px solid #EB6909;
	border-bottom:1px solid #EB6909;
	background:#FDF7E1;*/
	border-top:1px solid #39B4E1;
	border-bottom:1px solid #39B4E1;
	background:#F3FBFE;
}
.content_level_link1, .content_level_link2, .content_level_link3{
	cursor:pointer;
	padding:auto 0.5em;
	background-image:url(../../images/ouvrir_fermer.png) !important; /* ici le !important force l'application de la valeur css */
	background-position:right top !important;
	background-repeat:no-repeat !important;
}
.content_level_link1:hover{
	background:#f5f5f5;
}
.content_level_link2{
	background:#00A3DE;
	color:#fff;
}
.content_level_link3{
	background:#EB6909;
	color:#F2CC4A;
}

/* exemples de class
-------------------------------------------------------*/
.policetaille12{
	font-size:12px;
}
.poilcegras{
	font-weight:bold;
}
.policeitalique{
	font-style:italic;
}
.policesouligne{
	text-decoration:underline;
}
.policecentree{
	text-align:center;
}
.policerouge{
	color:#FF0000;
}
.fondcouleurgris{
	background-color:#cccccc;
}
.bordurenoire{
	border:1px solid #000;
}
.bordurepointilletnoire{
	border:1px dotted #000;
}
.borduregauchenoire{
	border-left:1px solid #000;
}
/* pour aller plus loin :
d'autres exemples de valeurs a l'adresse suivante http://www.allhtml.com/articles/detail/227 ou encore ici http://wiki.mediabox.fr/documentation/css
ou en plus complet (mais en anglais) la http://www.culturedcode.com/css/reference.html */


/* sous navigation
-------------------------------------------------------*/
.subnav ul{
	float:left;
	padding:0;
	margin:0;
	width:200px;
}
.subnav ul li{ /* ici utilisation de la "cascade" css pour affecter les valeurs aux li contenus dans les ul contenus dans les conteneurs de class subnav */
	list-style:none;
	padding:0;
	margin:2px 0;
	_height:23px; /* ici le _ est un hack css qui permet de n'influer que sur le navigateur internet explorer 6 */
}
.subnav ul li a{
	display:block;
	list-style:none;
	padding:3px 5px 3px 10px;
	_width:95%;
	margin:0;
	background:#00A3DE;
	color:#fff;
	border-left:5px solid #0067A1;
}
.subnav ul li a:hover{
	background:#0067A1;
	color:#fff;
}
.subnav ul li.actif a{
	display:block;
	list-style:none;
	padding:3px 10px 3px 5px;
	text-align:right;
	_width:95%;
	margin:0;
	background:#0067A1;
	color:#fff;
	border-right:5px solid #F2CC4A;
	_border-left:0 none;
}
.subnav ul li.actif ul li a{
	padding:2px 5px 2px 18px;
	_width:92%;
	background:#CBE1F5;
	color:#0067A1;
	border-left:2px solid #0067A1;
	border-right:0 none;
	text-align:left;
}
.subnav li ul{
	float:none;
}
.subnav li ul li{
	margin:1px 0;
	_height:19px;
}
.subnav li ul li a{
	padding:2px 5px 2px 18px;
	_width:92%;
	background:#CBE1F5;
	color:#0067A1;
	border-left:2px solid #0067A1;
}
.subnav li ul li a:hover{
	background:#a4caea;
	color:#0067A1;
}
.subnav li ul li.actif a{
	display:block;
	list-style:none;
	padding:3px 10px 3px 5px;
	text-align:right;
	_width:95%;
	margin:0;
	background:#A4CAEA;
	color:#0067A1;
	border-right:5px solid #EB6909;
	_border-left:0 none;
}

/* mise en page de partenaires.php
-------------------------------------------------------*/
.deuxcolones{
	float:left;
	width:43%;
	_width:43%;
	padding:5px 1%;
	margin:5px 2%;
	border:1px dotted #ccc;
	color:#333;
}
.deuxcolones h3{
	height:22px;
	padding-top:10px;
	padding-left:32px;
	background:transparent url(../../images/folder.gif) no-repeat left center;
	margin:0;
}
.deuxcolones ul li{
	list-style-image:url(../../images/mini_file.gif);
	clear:right;
}
.deuxcolones ul li em{
	font-size:0.8em;
}
.deuxcolones ul li.golien{
	list-style:none;
	list-style-image:none;
	padding-left:0.3em;
}
.golien a{
	display:block;
	padding:2px 0;
	background:#f0f0f0;
	background:#f0f0f0 url(../../images/url.gif) no-repeat right center;
}