/* --------------------------------------------------------- */
/* Feuille de style des squelettes par defaut pour SPIP 2.0*/
/* --------------------------------------------------------- */


/* ------------------------------------------
/* Typographie generale (style transversaux)
/* ------------------------------------------ */
html { font-size: 100% } /* Cf.: http://pompage.net/pompe/definir-des-tailles-de-polices-en-CSS/ */
body { font-size: 0.8125em; font-family: Arial, Helvetica, sans-serif; color: #333 }

/* Titraille / Intertitres */
h1,h2,h3,h4,h5,h6 { margin: 0; padding: 0; font-weight: normal; font-size: 1em; font-family: Arial, Helvetica, sans-serif }
h1 { font-size: 1.70em; color: #000 }
h2 { font-size: 1.40em; font-weight: normal }
h2, h2 a, h2 a:focus, h2 a:hover, h2 a:active { color: #003 }
h3 { font-size: 1.20em; font-weight: bold }
h3.spip {} /* Cf.: spip_style.css */
hr.spip {} /* Cf.: spip_style.css */

/* alignements sur logo ACF */ 
.cartouche h1, div.texte p { padding-left: 26px; width: 90% }
#navigation ul { margin-left: 26px; padding-left: 0; /* FFox */ }
#contenu .chapo p { margin-left: 26px; padding-left: 0; /* FFox */ }
#contenu h2 { margin-left: 26px; padding-left: 0; /* FFox */ }
.formulaire_spip { padding-top: 10px; margin-left: 26px; padding-left: 0; /* FFox */ }

.chapo { background: #ccc/* 1c549f  *//* 6b7fe4 */ url('images/chapo-02.gif') right top no-repeat; width: 90% }
.chapo p { color: #6b7fe4/* cbcdd9 */; margin-top: 10px;  margin-bottom: 10px; padding: 10px 5px 0 0; line-height: 20px; }

.cartouche h1 { padding-left: 26px }
.cartouche { }
.cartouche h1, h1.entry-title { line-height: 38px;
width: 60%; height: 40px; color: #cecece; vertical-align: middle;
text-transform: uppercase; background: #1c549e url('images/bout-titre.png') right center no-repeat;
margin-top: 10px
}

/* plan du site, formations */
.page_plan #contenu {
background: #fff url('images/plan-site.jpg') 100% 0 no-repeat; }
.page_plan .cartouche h1 { width: 50% } 
.page_dates-formations #contenu  { color: #1c549e; }
.page_dates-formations #contenu  ul { list-style: none; background: #fff url('images/arr-plan-00.png') 0% 100% repeat-x; }
.page_dates-formations #contenu  a.titre { color: #ccc; background-color: #54a4de; text-transform: uppercase; font-weight: bold; }
.page_dates-formations #contenu  a.titre:hover { color: #fff; background-color: #c00; text-transform: uppercase; font-weight: bold; }

/* Autres enrichissements typo */
strong { font-weight: bold }
em { font-style: italic }
abbr, acronym { border-bottom: 1px dotted; cursor: help }
small { font-size: 0.90em; color: #666 }
dfn { font-weight: bold; color: #666 }
del { text-decoration: line-through }
ins { color: red !important; text-decoration: none }
sup, sub { font-size: .8em; font-variant: normal }

/* Couleurs des liens
---------------------------------------------- */
a { color: #666; text-decoration: none }
a:focus,a:hover,a:active { color: #1c549e; background-color: transparent; text-decoration: none; font-weight: normal }
a.accueil {	visibility: hidden }
.rubriques a { color: #c00; text-decoration: none }
.rubriques a:focus, .rubriques a:hover, .rubriques a:active { 
color: #fff; background-color: #c00; text-decoration: none; font-weight: normal }

/* ------------------------------------------
/* Disposition a l'ecran des blocs principaux
/* ------------------------------------------ */
body { 
/* background: #fff url('images/arr-plan-00.png') 0 217px repeat-x;   */
background: #455369 url('images/acf-formations-bg31.png'); margin: 0; padding: 0; text-align: center }

#page { position: relative; background: #fff; width: 970px; margin: 0 auto; text-align: justify }

#entete { z-index: 10; width: 970px; height: 187px; background: #999 url('images/acf-header.jpg') left top no-repeat; margin: 0 }

#navigation {
clear: both;
padding-left: 0;
background: #1c549e;
margin: 0;
width: 100%;
height: 30px;
}
#navigation ul {
margin-top: 0;
padding-top: 0;
}
#navigation ul li {
display: inline;
text-transform: uppercase;
font-size: 12px;
letter-spacing: 2px;
color: #fff;
margin-left: 0;
padding-left: 0;
}
#navigation a {
text-transform: uppercase; color: #fff; text-decoration: none }
#navigation a:focus, #navigation a:hover  {
text-transform: uppercase; color: #fff; text-decoration: underline }
#navigation a:active {
text-transform: uppercase; color: #fff; text-decoration: none; background-color: #666 }
#navigation ul li ul {
color: red;
}

.carre {
color: #fff;
font-size: 20px !important;
font-size: 15px; /* ie6 */
padding-right: 2px;
}
ul#sousMenu {
position: absolute;
top: 222px;
left: 26px;
margin-left: 0;
background-color: #d0d0d0;
}
ul#sousMenu li{
margin-left: 0;
padding-left: 0;
text-transform: uppercase;
background-color: #d0d0d0;
padding: 2px 0 2px 0;
}
ul#sousMenu li a:link, ul#sousMenu li a:visited  {
color: #666;
margin-left: 0;
padding-left: 10px;
}
ul#sousMenu li a:hover, ul#sousMenu li a:active  {
color: #d0d0d0;
background-color: #e20a1d;
text-decoration: none;
margin-left: 0;
padding-left: 10px;
}
.on { }
#conteneur {
clear: both; 
margin-top: 25px; min-height: 400px;
float: left; width: 750px; overflow: hidden;
}

#contenu {
clear: both; 
}

#extra { float: left; border-left: 1px solid #cecece; width: 200px }
#extra a img {
border: none;
text-align: center; 
margin: 0 auto;
padding-left: 10px;
background: transparent
}
.extratext { display: block; text-align: center; font-size: 10px }
#pied { clear: both; width: 100%; margin: 0; padding: 1em 0; text-transform: uppercase; text-align: center; font-size: 0.90em; color: #999 }
#pied a { color: #666; background-color: #fff; text-decoration: none; font-style: italic; font-weight: bold }
#pied a:hover { color: #e20a1d }
#pied img { vertical-align: middle }

/* Espaceur de blocs */
.nettoyeur { clear: both; height: 0; margin: 0; padding: 0; border: 0; line-height: 1px; font-size: 1px }

/* Non visible a l'ecran */
.invisible { position: absolute; top: -3000em; height: 1% }


/* ------------------------------------------
/* Habillage des elements du contenu
/* ------------------------------------------ */
#hierarchie {
display: none;
}
/*SOMMAIRE*/
li.hentry { float: left; list-style: none; text-align: left; margin: 8px; padding: 8px; width: 220px; height: 100px; 
background: transparent url('images/fond-hentry.png') center center no-repeat; color: #666 }
li.hentry a { text-transform: uppercase; color: #666; background-color: transparent; text-decoration: none; font-weight: bold }
/* ------------------------------------------
/* ARTICLES
/* ------------------------------------------ */
.blocAcf  { height: 180px }
.blocHaut  { height: 280px }
.blocAcf, .blocHaut  { 
float: left; 
width: 340px; 
padding: 0;
margin: 10px 5px 0 20px; 
background: transparent url('images/blocacf-p.jpg') right bottom no-repeat }
.blocAcf h3, .blocHaut h3 { 
margin: 0; 
padding: 0; 
height: 38px; 
color: #fff; 
text-transform: uppercase; 
font-weight: bold; 
background: transparent url('images/blocacf-h3.gif') left top repeat-x }
.blocAcf  p { margin: 0; padding: 5px; width: 100% }

/*	AGENDA	*/
#calendar, #calendar table {
margin: 0 auto; text-align: center;
letter-spacing: 1px;
}
#calendar caption {
background-color: #1c549f;
color: #fff;
}
#calendar caption a{
font-weight: bold;
color: #fff;
}
#calendar td {
border: 1px solid #666;
}
#calendar abbr {
border: none; color: #1c549f;
}
#calendar td.occupe a {
background-color: #cf002a;
color: #fff;
font-weight: bold;
text-decoration: none;
}
#calendar td.occupe a:hover {
background-color: #fff;
color: #cf002a;
font-weight: normal;
}

ul#colonne {
list-style: none;
margin: 0 auto;
text-align: center;
padding: 0;
}
ul#colonne li {
margin: 0 auto;
text-align: center;
text-transform: uppercase;
}
ul#colonne li a:link, 
ul#colonne li a:visited, 
ul#colonne li a:hover, 
ul#colonne li a:active {
margin: 0 auto;
text-align: center;
display: block; padding-top: 20px; 
text-decoration: none; color: #333;
width: 165px; height: 54px;
background: transparent url('images/fond-extra-lien.png') center top no-repeat;
}
ul#colonne li a:hover {color: #1c549f }

.spip_documents { clear: both;
text-align: center }

.separateur { visibility: hidden; clear: both }
#documents_joints  { 
clear: both;
margin-top: 30px;
background-color: #cecece;
color: #777;
}
/* DIAPO ACCUEIL */
div.dsjcycle { padding: 20px }
div.dsjcycle img { padding: 10px }