/*
	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: #DDD;
    padding: 0 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: #F00
    }
.fondcouleurgris {
    background-color: #ccc
    }
.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
    }