/* @override Credits */
/*
Date : 18.01.2010
Auteur : Adrien Heury
Projet : ENSSIB
Logiciel : CSS Edit 2.6 - iMac
Commentaire : 

                        
                          oooo$$$$$$$$$$$$oooo
                      oo$$$$$$$$$$$$$$$$$$$$$$$$o
                   oo$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o         o$   $$ o$
   o $ oo        o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$o       $$ $$ $$o$
oo $ $ "$      o$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$o       $$$o$$o$
"$$$$$$o$     o$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$o    $$$$$$$$
  $$$$$$$    $$$$$$$$$$$      $$$$$$$$$$$      $$$$$$$$$$$$$$$$$$$$$$$
  $$$$$$$$$$$$$$$$$$$$$$$    $$$$$$$$$$$$$    $$$$$$$$$$$$$$  """$$$
   "$$$""""$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$
    $$$   o$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     "$$$o
   o$$"   $$$$$$$$$$$    HAVE FUN WITH MY CSS    $$$$$$$$$$$$       $$$o
   $$$    $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$" "$$$$$$ooooo$$$$o
  o$$$oooo$$$$$  $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$   o$$$$$$$$$$$$$$$$$
  $$$$$$$$"$$$$   $$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$$     $$$$""""""""
 """"       $$$$    "$$$$$$$$$$$$$$$$$$$$$$$$$$$$"      o$$$
            "$$$o     """$$$$$$$$$$$$$$$$$$"$$"         $$$
              $$$o          "$$""$$$$$$""""           o$$$
               $$$$o                                o$$$"
                "$$$$o      o$$$$$$o"$$$$o        o$$$$
                  "$$$$$oo     ""$$$$o$$$$$o   o$$$$""
                     ""$$$$$oooo  "$$$o$$$$$$$$$"""
                        ""$$$$$$$oo $$$$$$$$$$
                                """"$$$$$$$$$$$
                                    $$$$$$$$$$$$
                                     $$$$$$$$$$"
                                      "$$$""*/

/*[Table of contents]
-------------------------------------------------------------------*/
/*[Color codes]
Rouge : #8d332d
Texte : #6c6962
Faux noir : #1f0508
-------------------------------------------------------------------*/
/*[Typography]
-------------------------------------------------------------------*/

body {
	font-family: Arial, sans-serif;
	font-size: 14px;
	line-height: 18px;
	color: #6c6962;
	background: #d7d0bd url('../images/bkg-body-repeat-x.png') repeat-x 0 0;
}

/* Généralités */
a {
	color: #8d332d;
	text-decoration: none;
}

a:hover {
	text-decoration: none;
}

a:visited {
	text-decoration: underline;
}

h2, h3, h4, h5, h6 {
	font-family: 'Century Gothic', Verdana, Helvetica, Arial, sans-serif;
}

/* @group Header (Bandeau : Logo + Liens Plan du site/Langue + Moteur de recherche) */

.header {
	height: 122px;
	position: relative;
}

/* Logo */
.header h1 {
	margin: 0;
	padding: 0;
	position: absolute;
	bottom: 0;
	left: 20px;
}

.header h1 a {
	display: block;
	width: 218px;
	height: 89px;
	background: url('../images/logo.png') no-repeat 0 0;
}

.header h1 a span {
	display: none;
}

/* Plan du site + Langue */
.planLangue {
	margin: 0;
	padding: 2px 0 0 0;
	position: absolute;
	right: 0;
	top: 0;
	background: url('../images/planLangue.png') no-repeat 0 0;
	height: 22px;
	width: 140px;
}

.planLangue li {
	display: inline;
	margin: 0 10px;
}

.planLangue li a {
	font-size: 11px;
	color: #504d47;
	border-bottom: 1px solid #adada2;
}

.planLangue li a:hover {
	border-bottom: 1px solid #504d47;
}

/* Moteur de recherche */
#rechercheBlock {
	width: 200px;
	position: absolute;
	right: 10px;
	bottom: 20px;
}

#rechercheBlock form {
	float: right;
}

#rechercheBlock form fieldset {
	border: none;
}

#rechercheBlock form fieldset input {
	float: left;
}

/* Champ de recherche */
#recherche_champ {
	border: 1px solid #bcb39b;
	padding: 9px 9px 8px 9px;
	margin: 0;
	font-family: Arial, sans-serif;
	color: #9a9a9a;
}

/* Bouton de soumission */
#recherche_submit {
	border: none;
	height: 31px;
	width: 28px;
	margin: 0;
	padding: 0;
	background: url('../images/btn-search.png') no-repeat 0 0;
	cursor: pointer;
}

#recherche_submit:hover {
	background-position: 0 -62px;
}

/* Lien Recherche avancée */
#rechercheBlock a {
	font-size: 11px;
	color: #504d47;
	display: block;
	background: url('../images/fleche.gif') no-repeat 0 7px;
	margin: 5px 0 0 0;
	padding: 0 0 0 5px;
	float: right;
}

#rechercheBlock a span {
	border-bottom: 1px solid #adada2;
}

#rechercheBlock a:hover span {
	border-bottom: 1px solid #504d47;
}

/* @end */

/* @group Home */

/* @group 2 Blocs : Bienvenue + Actualités */

.bienvenueActus {
	height: 314px;
	overflow: hidden;
}

/* @group bloc Bienvenue */

.bienvenueActus .blocBienvenue {
	background: #9c988c;
}

/* @group Intro */

.bienvenueActus .blocBienvenue .intro {
	margin: 0;
	padding: 20px;
	border-top: 1px solid #fff;
}

.bienvenueActus .blocBienvenue .intro img {
	float: left;
	margin: 0 20px 0 0;
}

.bienvenueActus .blocBienvenue .intro h2 {
	color: #000;
	font-size: 24px;
	margin: 0 0 20px 0;
}

.bienvenueActus .blocBienvenue .intro p {
	color: #fff;
	font-size: 13px;
	line-height: 20px;
}

/* @end */

/* @group Derniers documents */

.bienvenueActus .blocBienvenue .dernierDoc {
	border-top: 1px solid #d7d6d1;
	background: #aba79d;
	padding: 15px 20px;
	height: 35px;
}

.bienvenueActus .blocBienvenue .dernierDoc a {
	color: #fff;
	border-bottom: 1px solid #fff;
	font-size: 13px;
}

.bienvenueActus .blocBienvenue .dernierDoc h2 {
	color: #1f0508;
	float: left;
	margin-right: 35px;
	padding: 0 0 0 35px;
	background: url('../images/picto-doc.jpg') no-repeat 0 3px;
}

.bienvenueActus .blocBienvenue .dernierDoc a.titre {
	width: 350px;
	display: block;
	float: left;
	border-bottom: none;
	text-decoration: underline;
}

.bienvenueActus .blocBienvenue .dernierDoc a.titre:hover {
	text-decoration: none;
}

.bienvenueActus .blocBienvenue .dernierDoc a.more {
	font-size: 11px;
	color: #1f0508;
	float: right;
	border-bottom: none;
	text-decoration: underline;
}

.bienvenueActus .blocBienvenue .dernierDoc a.more:hover {
	text-decoration: none;
}

/* @end */

/* @group Liens rapides */

.blocBienvenue .liensRapides {
	border-top: 1px solid #d7d6d1;
	background: #9c988c url('../images/bkg-batiment.png') no-repeat right bottom;
	padding: 20px 20px;
	height: 17px;
}

.blocBienvenue .liensRapides ul {
	
}

.blocBienvenue .liensRapides ul li {
	display: inline;
}

.blocBienvenue .liensRapides ul li a {
	color: #fff;
	margin-right: 10px;
	font-size: 13px;
	text-decoration: underline;
}

.blocBienvenue .liensRapides ul li a:hover {
	text-decoration: none;
}

.blocBienvenue .liensRapides h2 {
	color: #1f0508;
	float: left;
	margin: 0 20px 0 35px;
}

/* @end */

/* @end */


/* @group bloc Actualités */

.blocActus {
	border-top: 1px solid #fff;
	border-right: 1px solid #fff;
	background: #f1eee7;
	height: 313px;
}

.blocActus h2 {
	font-size: 24px;
	padding: 20px;
	background: #eae5da;
}

.blocActus ul {
	margin: 0;
	padding: 20px 20px 0 20px;
}

.blocActus ul li span.date {
	text-transform: uppercase;
	display: block;
	font-size: 10px;
}

.blocActus ul li a {
	display: block;
	margin-bottom: 10px;
}

.blocActus ul li a:hover {
	text-decoration: underline;
}

/* Lien Précédente et Suivante */
.blocActus .nav {
	background: #f1eee7;
	margin: 0 20px;
	padding: 10px 0;
	border-top: 1px solid #d7d0bd;	
}

.blocActus .nav a.prev {
	display: block;
	height: 12px;
	width: 7px;
	margin-right: 8px;
	background: url('../images/nav-fleches.png') no-repeat 0 -12px;
	float: left;
}

.blocActus .nav a.next {
	display: block;
	height: 12px;
	width: 7px;
	margin-left: 3px;
	background: url('../images/nav-fleches.png') no-repeat -7px -12px;
	float: left;
}

.blocActus .nav a.prev:hover {
	background-position: 0 0;
}

.blocActus .nav a.next:hover {
	background-position: -7px 0;
}

.blocActus .nav a.prev span, .blocActus .nav a.next span {
	display: none;
}

/* Slide actus (bullets de navigation) */
#handleActus a {
	display: block;
	height: 11px;
	width: 11px;
	float: left;
	margin-right: 5px;
	background: url('../images/nav-bullets.png') no-repeat 0 -11px;
}

#handleActus a:hover, #handleActus a.activeSlide {
	background-position: 0 0;
}

#handleActus a span {
	display: none;
}

/* Voir tout */
.blocActus .nav a.more {
	font-size: 11px;
	color: #1f0508;
	float: right;
	text-decoration: underline;
}

.blocActus .nav a.more:hover {
	text-decoration: none;
}

/* @end */

/* @end */

/* @group 3 blocs Rubriques (Ecole + Ressources + Pros) */

.blocsRubriques {
	padding: 20px 0 20px 10px;
	height: 315px;
}

.blocsRubriques .bloc {
	background: url('../images/bkg-bloc-rubrique-repeat-y.png') repeat-y 0 0;
	border: 2px solid #fff;
	margin-right: 20px;
}

.blocsRubriques .bloc.last {
	margin-right: 0;
}

/* Titres */
.blocsRubriques .bloc h2 a {
	font-family: 'Century Gothic', Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 21px;
	display: block;
	height: 44px;
	background: url('../images/bkg-onglet.jpg') repeat-x 0 0;
}

.blocsRubriques .bloc h2 a span {
	display: block;
	padding: 13px 20px;
}

/* Image */
.blocsRubriques .bloc img {
	margin: 0;
	padding: 0;
}

/* Texte */
.blocsRubriques .bloc p {
	margin: 0;
	padding: 10px 20px;
	border-bottom: 1px solid #cfc698;
	color: #1f0508;
}

/* Liste de liens */
.blocsRubriques .bloc ul {
	margin: 0;
	padding: 20px;
	background: #ebe8d8;
}

.blocsRubriques .bloc ul li {
	margin: 0 0 3px 0;
}

.blocsRubriques .bloc ul li a {
	
}

.blocsRubriques .bloc ul li a:hover {
	text-decoration: underline;
}

/* @end */

/* @end */

/* @group Interieure */

.col1 {
	background: none;
}

/* @group Menu */

.col1 .menu {
	background: #e8e2cc;
	border: 2px solid #fff;
}

.col1 .menu .onglet {
	font-family: 'Century Gothic', Verdana, Helvetica, Arial, sans-serif;
	color: #fff;
	font-size: 21px;
	display: block;
	height: 44px;
	background: url('../images/bkg-onglet.jpg') repeat-x 0 0;
}

.col1 .menu .onglet:hover {
	background-position: 314px -44px;
}

.col1 .menu .onglet span {
	padding: 13px;
	display: block;
}

/* Liste à puce : Niveaux de profondeur */
.menu ul {
  list-style-position: outside;
  list-style-type: none;
}

.menu ul li {
  list-style-position: outside;
  list-style-type: none;
  display:inline;
}
 
.menu ul li a {
  text-decoration: none;
  font-weight: bold;
  color:#fff;
  font-size:13px;
  min-height:23px;
  line-height:18px;
  display:block;
  font-family: Arial, sans-serif;
  background: #B8B2A2 url('../images/puceFleche3.gif') no-repeat 6px 9px;
  padding-left:23px;
  /*border-top:1px solid #C5BFAF;
  border-bottom:1px solid #A19B8B;*/
  padding-top:4px;
}

.menu ul li a:hover {
	text-decoration: underline;
}

.menu ul li a.select {
  font-weight:bold;
  color:#9B3237;
  min-height:20px;
  line-height:14px;
  background:#fff none no-repeat 0 100%;
  border:none;
  padding-left:0;
  padding-top: 7px;
  padding-bottom: 3px;
  margin-bottom:-6px;
}

.menu ul li a.select span {
  padding-left:25px;
  display:block;
  background:url('../images/puceFleche3_bottom.gif') no-repeat 10px 5px;
}

.menu ul li a.select:hover {
  text-decoration: underline;
  background:#fff none no-repeat 0 100%;
  margin-bottom:-6px;
}

.menu ul li ul {
  background: #E7E2CC none repeat-y 0 0;
  padding-top:3px;
  margin-top:6px;
  padding-bottom: 0px;
  border-bottom:1px solid #E0DCBF;
  margin-bottom:0;
}

.menu ul li ul li a {
  color:#5B594A;
  min-height:18px;
  line-height:14px;
  border:none;
  background: url('../images/puceTrait.gif') no-repeat 14px 11px;
  padding-left:24px;
  padding-right:5px;
  margin-bottom:5px;
  font-weight: normal;
}
 
.menu ul li ul li a:hover {
  text-decoration: underline;
}

.menu ul li ul li a.select {
  color:#5B594A;
  min-height:18px;
  line-height:14px;
  border:none;
  background: url('../images/puceTrait.gif') no-repeat 14px 14px;
  padding-left:24px;
  padding-right:5px;
  margin-bottom:2px;
  font-weight: bold;
}

.menu ul li ul li a.select span {
  padding-left:0;
  display:inline;
  background: none;
}

.menu ul li ul li a.select:hover {
  text-decoration: underline;
  background: url('../images/puceTrait.gif') no-repeat 14px 14px;
  margin-bottom:2px;
}

/* @end */

/* @group Liens rapides */

.col1 .liensRapides {
	background: #9c988c url('../images/bkg-batiment.png') no-repeat right bottom;
	border: 2px solid #fff;
	margin: 20px 0 20px 13px;
	width: 230px;
}

.col1 .liensRapides ul {
	padding: 20px;
}

.col1 .liensRapides ul li {
	margin: 0;
	padding: 0 0 0 20px;
}

.col1 .liensRapides ul li.partenaires {
	background: url('../images/pictos-liensRapides.gif') no-repeat 0 2px;
}

.col1 .liensRapides ul li.abonnement {
	background: url('../images/pictos-liensRapides.gif') no-repeat 0 -41px;
}

.col1 .liensRapides ul li.annuaire {
	background: url('../images/pictos-liensRapides.gif') no-repeat 0 -84px;
}

.col1 .liensRapides ul li a {
	color: #fff;
	font-size: 12px;
}

.col1 .liensRapides ul li a:hover {
	text-decoration: underline;
}

/* @end */

.col2 {
	background: #f8f7f4;
}

.col2 #page {
	margin: 20px;
	padding: 0;
	min-height: 550px;
}

/* @group Chemin - Fil ariane */

#chemin {
	background: #9c988c;
	color: #fff;
	font-size: 11px;
	padding: 5px 10px;
	margin: 0;
}

#chemin a {
	color: #fff;
	border-bottom: 1px solid #fff;
}

#chemin a:hover {
	border-bottom: none;
}

/* @group Outils */

#chemin ul {
  	float: right;
  	margin-top: 3px;
}

#chemin ul li {
  	display: inline;
  	list-style-type: none;
}

#chemin ul li a {
  	width: 12px;
  	height: 11px;
  	display: inline;
  	float: left;
  	text-decoration: none;
  	margin-left: 9px;
  	overflow: hidden;
  	border-bottom: none;
}

#imprimer a {
  	background: url('../images/imprimer.gif') no-repeat 0 0;
}

#envoyer a {
  	background: url('../images/envoyer.gif') no-repeat 0 0;
  	margin-left: 0;
}

#imprimer a:hover, #envoyer a:hover {
  	background-position: 0 -11px;
}

#chemin ul li a span {
  	display: none;
}

/* @end */

/* @end */

/* @group Onglets */

#onglets {
  	height: 35px;
  	list-style: none;
  	background: #E2DED3;
  	clear: both;
  	width: 100%;
  	border-bottom: 1px solid #C4BEAE;
}

#onglets li {
  	list-style: none;
  	display:inline;
}

#onglets li a {
  	float: left;
  	color: #555;
  	font-size: 13px;
  	font-family: Arial, sans-serif;
  	background: #E2DED3;
  	padding-top: 10px;
  	text-align: center;
  	text-decoration: underline;
}

#onglets li a span {
  	display: block;
  	float: left;
  	height: 25px;
  	padding-left: 10px;
  	padding-right: 10px;
  	margin-left: 1px;
  	cursor: pointer;
}

#onglets li a:hover {
  	text-decoration: none;
}

#onglets li a.select {
  	color: #91332D;
  	font-weight: bold;
  	background: #F6F4EF;
  	border-bottom: 1px solid #F6F4EF;
  	text-decoration: none;
}

#onglets li a.select span {
  	padding-top:1px;
  	padding-left:14px;
  	padding-right:14px;
}

/* @end */

/* @group Article */

#article {
	margin: 0 0 0 10px;
	font-size: 13px;
}

#article p {
	font-size: 13px;
	margin-bottom: 20px;
	text-align: justify;
}

/* @group Liens */

#article a, #article a:active, #article a:link {
  color: #8d332d;
}

#article a:visited {
  color: #666;
}

#article a:hover {
  text-decoration: underline;
}

/* @end */

/* @group Liste à puces */

#article ul {
  	list-style-position: outside;
  	list-style-type: none;
  	margin:5px 0 5px 25px;
	text-align: justify;
}

#article ul li {
  	list-style-image: url('../images/listePuceNivo1.gif');
}

#article ul li ul li {
  	list-style-image: url('../images/listePuceNivo2.gif');
}
#article ul li ul li ul li {
  	list-style-image: url('../images/listePuceNivo3.gif');
}

/* @end */

/* @group Titrages */

#article h2 {
	font-size: 28px;
	line-height: 26px;
	margin: 20px 0 40px 0;
	color: #8d332d;
}

#article h3.soustitre {
	font-size: 10px;
  	font-family: Arial, sans-serif;
  	font-weight: normal;
  	text-transform: uppercase;
  	margin-top: -35px;
  	margin-bottom: 4px;
  	color: #777;
}

#article h4 {
  	margin-top: 10px;
  	color: #666;
  	font-size: 14px;
  	font-family: Arial, sans-serif;
  	text-transform: uppercase;
  	font-weight: bold;
}

#article h5 {
  	margin-top: 15px;
  	color: #666;
  	font-size: 14px;
  	font-weight: bold;
  	border-bottom: 1px solid #DFD9CB;
  	padding-bottom: 5px;
  	font-family: Arial, sans-serif;
}

#article h6 {
  	color: #8d332d;
  	font-size: 13px;
  	margin-top: 15px;
  	margin-bottom: 2px;
  	font-family: Arial, sans-serif;
  	font-weight: bold;
}

/* @end */

/* @group Tableaux */

#article table {
  	width: 100%;
  	border: 1px solid #aaa;
  	border-collapse: collapse;
}

#article table tr th, #article table tr td {
  	border:1px solid #aaa;
  	padding:2px;
  	color:#666;
  	font-size:11px;
  	font-family: Arial, sans-serif;
}

#article table tr th {
  	background:#E8E2CC;
}

#article table caption {
  	color:#666;
  	font-size:11px;
  	font-family: Arial, sans-serif;
}

#article .chapeau {
  	background: #fff;
  	border: 1px solid #aaa;
  	padding: 5px 10px;
  	margin: 10px 0 20px 0;
  	font-style: italic;
}

#article .enValeur{
  	background: #E8E2CC;
  	padding: 5px 10px;
  	margin: 10px 0 20px 0;
  	border: 2px solid #A8A294;
}

/* @end */

/* @group Pagination */

#pagination {
  	text-align: center;
  	margin: 0;
  	padding: 0;
}

#pagination ul {
  	list-style: none;
	margin: 0;
	padding: 0;
}

#pagination ul li {
  	list-style: none;
  	margin: 0;
  	padding: 0;
  	display: inline;
}

#pagination ul li a {
  	color: #555;
  	font-family: Arial, sans-serif;
  	font-size: 13px;
  	text-decoration: none;
  	padding: 3px 5px;
  	margin: 0;
	border: 1px solid #ccc;
}

#pagination ul li a:hover {
  	border: 1px solid #555;
}

#pagination ul li strong {
  	color: #91332D;
  	font-size: 13px;
  	padding: 3px 5px;
  	border: 1px solid #91332D;
}

/* @end */

/* Une colonne sur la droite */
#article .colonneDroite {
	border-left: 1px solid #ccc;
	padding: 10px 0 10px 10px;
}

div.actu strong {
	color: #1f0508;
	font-size: 11px;
}

/* @end */

/* @end */

/* @group Footer */

.footer {
	margin-bottom: 10px;
}

/* Spécial footer en page intérieure */
.interieure .footer {
	margin-left: 270px;
}

.footer ul {
	margin: 10px 0;
	padding: 0;
}

.footer ul li {
	display: block;
	float: left;
	margin-right: 10px;
	font-size: 12px;
}

.footer ul li a {
	color: #1f0508;
	border-bottom: 1px solid #adada2;
}

.footer ul li a:hover {
	border-bottom: 1px solid #504d47;
}

/* @end */