/* Les trucs que j'ai mofifiés dals le css
--------------------------------------------- */

/* pour le titre, le header
------------------------------------------*/
.header { max-width: 100%; }
.invisible {opacity:0; font-size: 0em}
.header img {position: relative; width: 300px;}


/* Elements principaux
------------------------------------------ */
body { text-align: center; background: #ddd;}
.pas_surlignable { background: #000 url(img/couv-sans-titre-web.jpg) no-repeat fixed center; background-size: cover;}
.page { position: relative; width: 960px; margin:2em auto; max-width:100%; text-align: left; padding:1.5em; border-radius: 15px ; }
.header {}
.main { padding: 1.5em 0;}



/* largeur calculee du wrapper: 960*70%  = 672px */
.wrapper { clear: both; float: left; overflow: hidden; background: rgb(20, 41, 92, 0.97) ; margin: 10px 0 10px 0; border: none; border-radius: 15px ; padding: 1em; width: 79%;}
.content { min-height: 350px; }
/* largeur calculee du aside: 672px / 3 = 224px = 23.333 %*/
.aside { float: right; width: 20.5%; overflow: hidden; background: rgb(20, 41, 92, 0.97) ; margin: 10px 0 10px 0; border: none; border-radius: 15px ; padding: 1em; }
body {font-family: "Luxi sans", "Lucida Grande", Lucida, "Lucida Sans Unicode", sans-serif; color:#fff;background:#ffffff;} 


/*links
-----------------------------------*/
a:hover { background:#ff903a ; color:#224499; }
a:active { background: rgb(214, 72, 24, 1); color:#000; }

/*menu navigation
-----------------------------------*/
.nav {width: 80% ; font-size: 0.9em ; }
.nav li {display:inline;}
.nav li a { display: inline-block; padding: 0.3em 0.3em; margin: 0.2em 0 0.5em 0; border-radius: 0.25em;  text-decoration: none;  background: #f0f0f0; color: #d64818; }
.nav li.on a { background:rgb(242, 103, 53, 1); color:#fff; font-weight: normal; }
.nav li a:focus,
.nav li a:active { background: rgb(242, 103, 53, 1); color:#224499; }
.nav li a:hover { background: rgb(242, 103, 53, 1); color:#224499; }



/* page rubrique
-------------------------------------------------------*/
.page_rubrique .wrapper {background: rgb(20, 41, 92, 0.97) ; margin: 10px 0 10px 0; border: none; border-radius: 15px ; padding: 1em; width: 79%;}
.page_rubrique .cartouche { margin-bottom: 2em; padding:0; font-weight: bold; font-size: 1em;  color:#ff903a;}
.page_rubrique .cartouche img {margin: 0.1em ;}
.page_rubrique .cartouche h1 {float: left; margin: 0.1em 0.1em 1em -0.1em ; padding: 0 0.1em 0 0; width: 300em, 300em;} 
.page_rubrique .menu ul li {width: 100% ;}
.page_rubrique .menu ul li a {color:#ff903a; }
.page_rubrique .menu ul li a:hover {color:#224499;}


/* liste articles
------------------------------------*/

.menu_articles li { clear: both; margin-bottom: 1.5em; list-style: none ; }
.menu_articles li h3,
.menu_articles li h2 { margin: 0 0 0.2em 0; }
.menu_articles li p { margin: 0; color:#ffff; }
.menu_articles li small {  }
.menu_articles li .enclosures { float: right; text-align: right; margin: 0; }
.menu_articles li { float: left; text-align: left; max-width: 40em; margin: 0; }
.menu_articles li div {margin-top:0.2em; margin-bottom:0.5em;}
.menu_articles a {text-decoration: none; color:#ff3900;}
.menu_articles strong {font-size:1.2em;}
 
.menu_breves li {}
.menu_breves li h3 { margin: 0; }

.chapeau-rub { clear: both; float: left; overflow: hidden; background: rgb(20, 41, 92, 0.97) ; margin: 0.2em 0 0 0; border: none; border-radius: 15px ; padding: 0.4em ; width: 79%;}
.chapeau-rub h2 {font-size: 1.1em; font-weight: bold; text-align: center; color:#fff ; margin: 0 ; }
.chapeau-rub .chapo {margin: 0.4em 0.4em 0.4em 0.6em ; }
.chapeau-rub a {color:#fff ; text-decoration: none ; }
.chapeau-rub a:hover {color:#224499 ; }



/* le bloc menu de droite
------------------------------------*/

.aside h2 {border-bottom:3px solid #EEE; padding-bottom: 0.8em; font-size: 1.2em ; font-weight: bold ; }
.aside li {margin:1em 0 ; padding: 0.1em ; border-bottom: 0.1em dotted #ff903a ; }

.aside a {text-decoration: none ; font-size: 1.1em ; color: #ff903a; }
.aside a:hover {background:#ff903a ; color:#224499; }





/*page sommaire 
-----------------------------------*/

.page_sommaire .nav { font-size: normal ; margin: 0 ; }
.page_sommaire .nav ul {}
.page_sommaire .nav li { vertical-align: top; margin: 0 0.2em 0 0.2em;}
.page_sommaire .nav li ul li { display: block; width:15.3em; margin: 0; }
.page_sommaire .nav .spip_logo {margin: 0 0 0px 0px; padding: 0.2em; border: none; border-radius: 15px 15px 0 0;}
.page_sommaire .nav li a { display: inline-block; padding: 0 ; border-radius: 15px ; margin: 0 0 15px 0 ; text-decoration: none;  background: rgb(20, 41, 92, 0.86) ; color: #ff903a; font-weight: bold; }
.page_sommaire .nav .descriptif {padding: 0 1em 0 1em; font-size: 1em ; }
.page_sommaire .nav li.on a {}
.page_sommaire .nav li a:focus {}
.page_sommaire .nav li a:hover { background: rgb(242, 103, 53, 1); color:#1c3980; }
.page_sommaire .nav li a:active { background: rgb(242, 103, 53, 1); color:#1c3980; }


.page_sommaire .page {background-color: transparent; position: relative; }


.page_sommaire .wrapper  {width: 100% ; clear: both; position: center; overflow: hidden; background-color: transparent; }


.recherche_chapo {float: right; vertical-align: top; width: 19% ; max-height: 4em;  background: rgb(20, 41, 92, 0.95); border-radius: 10px; padding: 0.5em 0.5em 5em 0.5em; margin: -12em 0 0 0 ; font-size:0.75em; font-weight: bold; text-align: center; color:#ff903a ;}

.page_sommaire .travaux {background-color:#000 ; position: relative ; text-align: center ; font-weight: bold; font-size: 1.5em ; text-color:#fff ; padding: 1em; margin: 0 0 3em 0; width: 80% ; }


/*page article 
-----------------------------------*/

.page_article .wrapper {background: rgb(20, 41, 92, 0.9) ; margin: 10px 0 10px 0; border: none; border-radius: 15px ; padding: 1em ; max-width: 100% ;  width: 79%;}
.page_article .cartouche h1 {color:#ff903a; font-size:2em; font-weight: bold; margin: 1, 0, 2, 0em ;}
.page_article .chapot {color:#ff903a; font-size:1em; font-weight: bold; margin-bottom: 2em ;}
.page_article .texte {color:#fff; font-size:1em; margin-left: 2em; }
.page_article .chap {font-size:1em; text-align: center; color:#fff; }


/*page recherche 
-----------------------------------*/
.page_recherche {list-style: circle ;} 
.page_recherche .menu_rech li { margin-bottom: 1.5em; float: left ; text-align: left ; max-width: 40em ; margin:0 ; }
.page_recherche .menu_rech li h2 { margin: 0.8em 0 0.2em 0 ; }
.page_recherche .menu_rech li p { margin: 0; color:#ffff ; }
.page_recherche .menu_rech li .enclosures { float: right; text-align: right; margin: 0 ; }
.page_recherche .menu_rech li div {margin:0 0 1em 1em ; }
.page_recherche .menu_rech a {text-decoration: none; color:#ff903a; }
.page_recherche .menu_rech a:hover {color:#224499 ; }
.page_recherche .menu_rech strong {font-size:1.2em ; }
.page_recherche .menu_rech ul li {list-style: circle; }



/*header
-----------------------------------*/

.header {background: rgb(19, 41, 92, 0.7) ; margin: 0 0 10px 0; padding: 0.5em 1em 0 1em; border: none; border-radius: 15px ; width: 80%; }

.header .chapo {color:#ffff; text-align: center ; font-size: 0.5em; margin-top : 1em; }
.header .menu
.header a:active {}
.header a:focus { background: rgb(19, 41, 92, 0.7); text-decoration: none ; color: rgb(19, 41, 92, 0.7); }

/*footer
-----------------------------------*/

.footer { clear: both; padding: 1em 0 0; margin:1em 0 0 -0.2em; border-top:1px solid #999;}
.footer {background: rgb(19, 41, 92, 0.9) ; margin: 10px; padding: 0.5em 1em 0.5em 1em; border: none; border-radius: 15px ; width: 79%; color:#ff903a ; font-weight: bold;}
.footer a {color:#ff881c ; font-weight: bold; text-decoration:none;}
.footer a:hover {color:#224498 ; }
.footer a.spip_out:after { content: "";}


/*pagination
-----------------------------------*/

.pagination .on {background: #f77c00 ; color: #C9C9C9 ; }
.pagination a:hover {background: #ff881c ; color: #fff ; }