/* ================================ */
/* = CSS pour page construction  == */
/* = ecole-actuelle-bilingue.com  = */
/* = www.sacripant.fr  ============ */
/* ================================ */

/* reset.css */
html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td {margin:0;padding:0;border:0;font-weight:inherit;font-style:inherit;font-size:100%;font-family:inherit;vertical-align:baseline;}
body {line-height:1.5em;}
table {border-collapse:separate;border-spacing:0;}
caption, th, td {text-align:left;font-weight:normal;}
table, td, th {vertical-align:middle;}
blockquote:before, blockquote:after, q:before, q:after {content:"";}
blockquote, q {quotes:"" "";}
a img {border:none;}
/*fin reset*/

html, body {}

body {
	background-color: #F5F5F5;
	font-family: Arial, Tahoma, helvetica, sans-serif;
	font-size: 10px;
	margin-left: -10px;
}
	
#accessibility {display: none;}

#wrapper {
	position: relative;
	width: 799px;
	margin: 42px auto 100px auto;
}

/* ========== */
/* = entete = */
/* ========== */

#logo {margin-top: 42px;}
#logo a {border: 0;}


/* =============== */
/* = navigations = */
/* =============== */
#nav, #nav_blog {
	position: absolute;
	top: 91px;
	left: 0;
	z-index: 10;
}

#nav ul, #nav_blog ul, #actus_home ul {list-style-type: none;
	margin: 0;}
	
#nav li {margin-bottom: -20px;}

#nav a span {
	display: none;
	width: 119px;
	height: 19px;
}

#nav a span.navfr, #nav a span.naven {display: block;}
	
#nav #apeab {display: none;}

/*navigation presentation image FR*/

#nav a#esprit span.navfr{background: transparent url('imgs/nav_ok/esprit.gif') no-repeat top left;}
#nav a#esprit:hover span.navfr {background: transparent url('imgs/nav_ok/esprit.gif') no-repeat bottom left;}
#nav a#pedagogie span.navfr {background: transparent url("imgs/nav_ok/pedagogie.gif") no-repeat top left; }
#nav a#pedagogie:hover span.navfr {background: transparent url("imgs/nav_ok/pedagogie.gif") no-repeat bottom left;}
#nav a#programmes span.navfr {background: transparent url('imgs/nav_ok/programmes.gif') no-repeat top left;}
#nav a#programmes:hover span.navfr {background: transparent url('imgs/nav_ok/programmes.gif') no-repeat bottom left;}
#nav a#extra-scolaire span.navfr {background: transparent url('imgs/nav_ok/extrascol.gif') no-repeat top left;}
#nav a#extra-scolaire:hover span.navfr {background: transparent url('imgs/nav_ok/extrascol.gif') no-repeat bottom left;}
#nav a#inscription span.navfr {background: transparent url('imgs/nav_ok/inscription.gif') no-repeat top left;}
#nav a#inscription:hover span.navfr {background: transparent url('imgs/nav_ok/inscription.gif') no-repeat bottom left;}
#nav a#apeab span.navfr {background:transparent url('imgs/nav_ok/apeabfr.gif') no-repeat top left;}
#nav a#apeab:hover span.navfr {background:transparent url('imgs/nav_ok/apeabfr.gif') no-repeat bottom left;}

/*navigation presentation image EN*/

#nav a#esprit span.naven {background: transparent url('imgs/nav_ok/spirit.gif') no-repeat top left;}
#nav a#esprit:hover span.naven {background: transparent url('imgs/nav_ok/spirit.gif') no-repeat bottom left;}
#nav a#pedagogie span.naven {background: transparent url("imgs/nav_ok/pedagogyen.gif") no-repeat top left; }
#nav a#pedagogie:hover span.naven {background: transparent url("imgs/nav_ok/pedagogyen.gif") no-repeat bottom left;}
#nav a#programmes span.naven {background: transparent url('imgs/nav_ok/programmesen.gif') no-repeat top left;}
#nav a#programmes:hover span.naven {background: transparent url('imgs/nav_ok/programmesen.gif') no-repeat bottom left;}
#nav a#extra-scolaire span.naven {background: transparent url('imgs/nav_ok/extracuri.gif') no-repeat top left;}
#nav a#extra-scolaire:hover span.naven {background: transparent url('imgs/nav_ok/extracuri.gif') no-repeat bottom left;}
#nav a#inscription span.naven {background: transparent url('imgs/nav_ok/registration.gif') no-repeat top left;}
#nav a#inscription:hover span.naven {background: transparent url('imgs/nav_ok/registration.gif') no-repeat bottom left;}
#nav a#apeab span.naven {background:transparent url('imgs/nav_ok/apeaben.gif') no-repeat top left;}
#nav a#apeab:hover span.naven {background:transparent url('imgs/nav_ok/apeaben.gif') no-repeat bottom left;}

/*z-index nav presentation*/
#nav a#esprit {z-index :11;}
#nav a#pedagogie {z-index: 12;} 
#nav a#programmes {z-index: 13;}
#nav a#extra-scolaire {z-index: 14;}
#nav a#inscription {z-index: 15;}
#nav a#apeab {z-index: 16;}

#nav span.naven {
	position: relative;
	top: 71px ;
	/*	top: 89px; avec #apeab*/
}

/* nav_blogs */

#nav_blog {
	top: 86px;
}

#nav_blog li {
	margin: 0;
}

#nav_blog a {
	display: block;
	width: 119px;
	height: 0;
	padding-top: 36px;
	text-indent: -2000px;
	overflow: hidden;
}

a#nav_actus {background:transparent url('imgs/blogs/navblogs/actus.png') no-repeat top left;}
a#nav_actus:hover {background:transparent url('imgs/blogs/navblogs/actus.png') no-repeat bottom left;}
a#nav_vieecole {background:transparent url('imgs/blogs/navblogs/vie_ecole.png') no-repeat top left;}
a#nav_vieecole:hover {background:transparent url('imgs/blogs/navblogs/vie_ecole.png') no-repeat bottom left;}
a#nav_projets {background:transparent url('imgs/blogs/navblogs/projets.png') no-repeat top left;}
a#nav_projets:hover {background:transparent url('imgs/blogs/navblogs/projets.png') no-repeat bottom left;}
a#nav_presentation {background:transparent url('imgs/blogs/navblogs/presentation.png') no-repeat top left;}
a#nav_presentation:hover {background:transparent url('imgs/blogs/navblogs/presentation.png') no-repeat bottom left;}

/*Champs recherche*/

form#search {margin-top: 23px;}

#search fieldset {	
	border: 1px solid #BCD5E5;
	background-color: #F5F5F5;
	height: 17px;
	width: 117px;
}	

#search input {
	height: 15px;
	width: 96px;
	color: #0063A9;
	background: none;
	border: 0;
	padding: 0;
	margin: 1px;
}

#search input[type="submit"] {
	border: 1px solid #BCD5E5;
	width: 17px;
	background:transparent url('imgs/search.gif') no-repeat top left;
	margin: 1 0 0 0;
}
	
#search input[type="submit"]:hover {background:transparent url('imgs/search.gif') no-repeat bottom left;}

/* ======================== */
/* == Toogle actualité ==== */
/* ======================== */

div#actus_home {
	left:132px;
	position:absolute;
	top:-42px;
	width:666px;
	z-index:20;
}

div#actus_home h2 {
	margin: 0;
}
#toogle {
	padding: 37px 75px 37px 115px;
	height: 400px;
	background-image: url("imgs/ap_toogle.png");
	display: none;
}

#toogle p.cancel {float: right;}

#logo_toogle {
   left:0;
   position:absolute;
   top:42px;
}

#toogle h3 {
	font-size: 1.3em;
	color: red;
}


#openactu {
		float: right;
}

a#openactu {
	display:block;
	width: 150px;
	height: 76px;
	padding: 0;
	border: 0;
	background: transparent url('imgs/crayons.png') no-repeat top left;
}

#openactu span {
	display: none;
}

a#openactu:hover, a#openactu:focus {
	background:transparent url('imgs/crayons.png') no-repeat bottom left;
}

.blog_lists {
}

.blog_list ul {
	float: left;
	width: 48.5%;
}

#actus_home .one {
	margin-right: 3%;
}

.blog_list li {
	list-style-position: inside;
	height: 1.4em;
}

.blog_list li a {
}

strong.titre_art_list {
	display:inline-block;
	height: 1.4em;
	overflow: hidden;
	font-size: 0.95em;
	padding-right: 2em;
	background: url('imgs/suspention.png') no-repeat bottom right;
}
	

/* ============ */
/* = contenue = */
/* ============ */

div#lignes {
	position: relative;
	width: 750px;
	margin: 4px 0 0 49px;
	padding-bottom: 3px;
	background:transparent url('imgs/ligne_grise.gif') repeat;
}

div#contenue {
	position: relative;
	padding-top: 6px;
	padding-bottom: 20px;
	margin-left: 84px;
	padding-left: 52px;
	border-left: 1px solid #FF9999;
	min-height: 350px;
}


/* ================ */
/* = PRESENTATION = */
/* ================ */


/*diaporama index +image 1er article*/
#diaporama {
	text-align: center;
	width: 311px;
	height: 215px;
	border: 1px solid #CCC;
	background-color: #FFF;
	overflow: hidden;
}

#diaporama img {
	padding:8px 6px 7px 5px;
}

img.img_entete {
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 8px 6px 7px 5px;
}
	
#presentation div.plan a {border: 0; margin: 0; padding: 0;}
#presentation div.plan a img {
	border: 1px solid #CCC;
	background-color: #FFF;
	padding: 8px 6px 7px 5px;
}

/* ================================= */
/* = Titre categories présentation = */
/* ================================= */

div.titre_cat, #index div.titre_cat {
	width: 300px;
	height: 107px;
	position: absolute;
	top: 126px;
	left: 357px;
	background:transparent url('imgs/titres/ligne_bleu.gif') no-repeat top left;
}
	
div.titre_cat.no-img {
	position: static;
	width: 350px;
	height: 107px;
	margin-top: -6px;
	margin-bottom: 14px;
}
	
div.titre_cat h2 {
	margin: -2px 0 0 0;
	height: 38px;
}

/* =================== */
/* = ancres articles = */
/* =================== */

#nav02 {
	color: #808080;
	font-size: 1.1em;
	line-height: 1.6em;
	letter-spacing: 0.04em;
	margin-top: 14px;
}

#nav02 a {border: 0; padding: 0;}

#nav02 a.fr {color: #7CC29F;}
#nav02 a.fr:hover {color: #808080; background-color: #DEEFD1;}

#presentation #nav02 a.en {color: #E6A15C;}
#presentation #nav02 a.en:hover {color: #808080; background-color: #F4E5B2;}

#presentation #nav02 a.fr.admission, #presentation #nav02 a.en.admission  {background:transparent url('imgs/fleche.png') no-repeat center left;
padding-left: 24px;}

#presentation #nav02 a.fr.admission:hover {background: #DEEFD1 url('imgs/flechefr.png') no-repeat center left;}
#presentation #nav02 a.en.admission:hover {background: #F4E5B2 url('imgs/flecheen.png') no-repeat center left;}

/* ==================== */
/* = typo du contenue = */
/* ==================== */

p, ul, ol, pre, input, textarea {
	font-size: 1.2em;
	line-height: 1.5em;
	letter-spacing: 0.03em;
	color: #333;
	margin-bottom: 1em;
}
	
h2 {
	font-size: 3em;
	color: #555;
	line-height: 1em;
	font-weight:bold;
	letter-spacing:0.05em;
	font-variant: small-caps;
	margin: 10px 0 20px;
}

h3, h4, h5 {
	color: #333;
}
	
h3 {font-weight: bold;
	font-variant: small-caps;
	font-size: 1.5em;
	margin-bottom: 9px;
	letter-spacing: 0.06em;
	border-bottom: 1px solid #999;
	padding-bottom: 2px;
	line-height: 1.2em;
	margin-top: 10px;
}
	
h4 {
	font-weight: bold;
	font-size: 1.3em;
	line-height: 1.5em;
	margin-top: 1em;
	margin-bottom: 0.4em;
	letter-spacing: 0.05em;
}
	
h5 {
	font-weight: bold;
	font-size: 1.2em;
	line-height: 1.5em;
	margin-top: 0.5em;
	margin-bottom: 0.1em;
	letter-spacing: 0.05em;
}
	
strong {font-weight:bold;}
em, dfn {font-style:italic;}
dfn {font-weight:bold;}
sup, sub {line-height:0;}
abbr, acronym {border-bottom:1px dotted #666; padding-bottom: 2px; background-color: #FFF; ;}
blockquote {padding:1.5em;font-style:italic;}
li ul, li ol {margin:0 1em; font-size: 1em;}
ul, ol {margin:0 1em 1em 1.5em;}
ul {list-style-type:disc;}
ol {list-style-type:decimal;}
ol ol {
	list-style-type: alpha;
}
li {margin-bottom: 6px;}
li li {margin-bottom: 0;}

a {text-decoration: none; color: inherit;}

a img {
	border: 0;
	padding: 0;
}


p.footnote {
	font-size:1.1em;
	line-height:1.2em;
	margin-bottom:3px;
	padding-left: 1em;
	border-top: 1px dotted #666;
	margin-top: 8px;
	padding-top: 7px; 
}

p.footnote sup {
	color: #C93;
}

#presentation #contenue div.article, #index #contenue div.article {
	margin-top: 18px;
	position: relative;
}

#contenue div.spacer {
	clear: both;
	height: 18px;
}

/* ========================= */
/* = Contenue Présentation = */
/* ========================= */

div.lang1 {}

div.lang1, div.lang2 {
	width: 275px;
	margin-right: 30px;
	float: left;
}

div.article a, ul.liste_articles p a { 	
	color: #390;
	padding-bottom: 2px;
	border-bottom: 1.5px dashed #390;
}
	
div.article a:hover,div.article a:focus, ul.liste_articles p a:hover, ul.liste_articles p a:focus {
	color: #333;
	background-color: #DEEFD1;
	border-bottom: 1.5px dashed #333;
	border-top: 1.5px dashed #333;}

div.article blockquote {background-color: #DEEFD1;}

div.article cite {background-color: #DEEFD1;}
div.article del {}
div.article sup {}
div.article pre {}

div.article ul {list-style-type: disc;}
div.article ul ul {list-style-image: none; list-style-type: circle;}
div.article ol {list-style-type: decimal;}
div.article ol li {}
div.article ol ol {list-style-type: lower-alpha;}
div.article ol li ul {}

div.article table {margin-top: 4px; 
	font-size: 1.1em;
	letter-spacing: 0.03em;
	border-collapse: collapse;}
	
div.article th, div.article td, div.article input, div.article textarea, div.article select {
	background-color: transparent;
	border: 1px solid #666;
	padding: 4px;
	vertical-align: baseline;}

div.article th {
	font-weight: bold;
}	

div.article acronym {}
div.article code {}
	
/*	typo pour style textes français*/

div.article .lang1 ul {list-style-image: url("imgs/liste/pucefr.png");}

#presentation h3 {
	color: #3C6;
	border: none;
	padding: 0;
}

div.article .lang1 th, div.article .lang1 td {border: 1px solid #390;}

/*typo pour textes anglais*/

div.article .en, #presentation div.article .en {color: #F93;}

h3.en {margin-top: -26px;
	margin-left: 304px;}
	
div.lang2 h3.en {
	margin-top: 0;
	margin-left: 0;
}

div.article div.lang2 a {
	color: #C93;
	padding-bottom: 2px;
	border-bottom: 1.5px dashed #C93;
}

div.article div.lang2 a:hover,#contenue div.lang2 a:focus {
	color: #333;
	background-color: #F4E5B2;
	border-bottom: 1.5px dashed #333;
	border-top: 1.5px dashed #333;
}

div.article div.lang2 blockquote {background-color: #F4E5B2;}
div.article div.lang2 cite {background-color: #F4E5B2;}

div.article div.lang2 ul {list-style-image: url("imgs/liste/puceen.png");}
div.article div.lang2 ol {}
div.article div.lang2 ul li {}

div.article div.lang2 th, div.article div.lang2 td {
	border: 1px solid #C93;}


/*vignettes slimbox presentation, vignettes blogs*/


#contenue div.vignette {
	position:absolute;
	left:-167px;
	top: 1px;
}

#contenue div.vignette a, #contenue p.vignette {
	display: block;
	border: 1px solid #CCC;
	background-color: #FFF;
	margin-bottom: 6px;
	line-height: 0;
	padding: 0;
}

#contenue div.vignette a img, #contenue p.vignette img {margin: 5px;}

/* ========= */
/* = Blogs = */
/* ========= */

#vie_de_lecole div#contenue, #actualites div#contenue, #projets div#contenue {width: 400px;}

/* deco*/
div#deco {
	position: absolute;
	z-index: 20;
}

div#deco table {
	line-height: 0;
}

#vie_de_lecole div#deco {
	width: 388px;
	top: -60px;
	left :510px;
}

#actualites div#deco {
	width: 388px;
	top: 0;
	left :528px;
	margin-top: -105px;
}

#projets div#deco {
	width: 408px;
	top: -170px;
	left: 444px;
}

div#deco img {
}

/* titres */
#vie_de_lecole h1.titre_blog {
	margin : -16px 0 29px; 
}

#actualites h1.titre_blog {
	margin : -6px 0 18px; 
}
 
#contenue h1.titre_blog a:hover {
	border: none;
	background-color: transparent;
}

#contenue h1.titre_blog a:visited {
	border: none;
}

#vie_de_lecole h2 {
}

/* navigation par auteurs */

#nav_article {
	position: absolute;
	top: 0px;
	right: 0px;
	width: 230px;
	z-index: 30;
}

#nav_article .classes {
	margin: 62px 0px 0px 35px;
}

.classes ul {
	margin: 0;
}

.classes ul li{
	float: left;
	margin: 0;
	padding: 0;
	list-style: none;
	margin: 0 3px 10px 3px;
}

.classes ul li.first {margin-left: 0; }
.classes ul li.last {margin-right: 0;}

.classes a {
	display: block;
	border: none;
	font-size:1.3em;
	font-weight:bold;
	height:23px;
	letter-spacing:2px;
	padding-left:9px;
	padding-top:4px;
	width:44px;
	color: #F5F5F5;  
	text-indent: -2000px;    
	
	
}

#vie_de_lecole .classes a:hover, #vie_de_lecole .classes a:focus {text-indent: 0;}

#vie_de_lecole .classes a.nav_PS{background: transparent url('imgs/blogs/PS1.png') no-repeat top left;}
#vie_de_lecole .classes a.nav_MS{background: transparent url('imgs/blogs/MS1.png') no-repeat top left;}
#vie_de_lecole .classes a.nav_GS{background: transparent url('imgs/blogs/GS1.png') no-repeat top left;}
#vie_de_lecole .classes a.nav_CP{background: transparent url('imgs/blogs/CP1.png') no-repeat top left;}
#vie_de_lecole .classes a.nav_CE1{background: transparent url('imgs/blogs/CE1.png') no-repeat top left;}
#vie_de_lecole .classes a.nav_CE2{background: transparent url('imgs/blogs/CE2.png') no-repeat top left;}
#vie_de_lecole .classes a.nav_CM1{background: transparent url('imgs/blogs/CM1.png') no-repeat top left;}
#vie_de_lecole .classes a.nav_CM2{background: transparent url('imgs/blogs/CM2.png') no-repeat top left;}

#vie_de_lecole .classes a.nav_PS:hover {background: transparent url('imgs/blogs/PS1.png') no-repeat bottom left;}
#vie_de_lecole .classes a.nav_MS:hover {background: transparent url('imgs/blogs/MS1.png') no-repeat bottom left;}
#vie_de_lecole .classes a.nav_GS:hover {background: transparent url('imgs/blogs/GS1.png') no-repeat bottom left;}
#vie_de_lecole .classes a.nav_CP:hover {background: transparent url('imgs/blogs/CP1.png') no-repeat bottom left;}
#vie_de_lecole .classes a.nav_CE1:hover {background: transparent url('imgs/blogs/CE1.png') no-repeat bottom left;}
#vie_de_lecole .classes a.nav_CE2:hover {background: transparent url('imgs/blogs/CE2.png') no-repeat bottom left;}
#vie_de_lecole .classes a.nav_CM1:hover {background: transparent url('imgs/blogs/CM1.png') no-repeat bottom left;}
#vie_de_lecole .classes a.nav_CM2:hover {background: transparent url('imgs/blogs/CM2.png') no-repeat bottom left;}

/* Navigation par categories */

#nav_article .categories {
	margin: 98px 0px 0px 35px;
}

.categories h6 {
	margin-bottom: 6px;
}

.categories ul {
	list-style-type: none;
	color: #1d3c8b;
	margin-left: 0;
}

.categories ul li {
	margin-bottom: 0;
}

.categories a {
	color: #1d3c8b;
}

.categories ul a.stabilo {
}

.categories a:hover {
	background: transparent url('imgs/blogs/trait_rouge.png') repeat-x bottom left;
	
}

/* listes d'articles */

ul.liste_articles {
	font-size: 1em;
	margin-top: 1.5em;
}

ul.liste_articles li{
	clear: both;
	margin-bottom: 2em;
	list-style-type: none;
}

#vie_de_lecole li.PS {list-style-image: url('imgs/blogs/puces/puce_PS.png');}
#vie_de_lecole li.MS {list-style-image: url('imgs/blogs/puces/puce_MS.png');}
#vie_de_lecole li.GS {list-style-image: url('imgs/blogs/puces/puce_GS.png');}
#vie_de_lecole li.CP {list-style-image: url('imgs/blogs/puces/puce_CP.png');}
#vie_de_lecole li.CE1 {list-style-image: url('imgs/blogs/puces/puce_CE1.png');}
#vie_de_lecole li.CE2 {list-style-image: url('imgs/blogs/puces/puce_CE2.png');}
#vie_de_lecole li.CM1 {list-style-image: url('imgs/blogs/puces/puce_CM1.png');}
#vie_de_lecole li.CM2 {list-style-image: url('imgs/blogs/puces/puce_CM2.png');}

#vie_de_lecole li.PS .titre_art_list a {background: transparent url('imgs/blogs/crayonage/cray_PS.png') no-repeat -100px -100px;}
#vie_de_lecole li.MS .titre_art_list a {background: transparent url('imgs/blogs/crayonage/cray_MS.png') no-repeat -100px -100px;}
#vie_de_lecole li.GS .titre_art_list a {background: transparent url('imgs/blogs/crayonage/cray_GS.png') no-repeat -100px -100px;}
#vie_de_lecole li.CP .titre_art_list a {background: transparent url('imgs/blogs/crayonage/cray_CP.png') no-repeat -100px -100px;}
#vie_de_lecole li.CE1 .titre_art_list a {background: transparent url('imgs/blogs/crayonage/cray_CE1.png') no-repeat -100px -100px;}
#vie_de_lecole li.CE2 .titre_art_list a {background: transparent url('imgs/blogs/crayonage/cray_CE2.png') no-repeat -100px -100px;}
#vie_de_lecole li.CM1 .titre_art_list a {background: transparent url('imgs/blogs/crayonage/cray_CM1.png') no-repeat -100px -100px;}
#vie_de_lecole li.CM2 .titre_art_list a {background: transparent url('imgs/blogs/crayonage/cray_CM2.png') no-repeat -100px -100px;}

#vie_de_lecole li .titre_art_list a:hover {background-repeat: repeat;}

li .titre_art_list a:hover, #categories ul a.stabilo {background: transparent url('imgs/blogs/stabilo.png') repeat;}

#projets li .titre_art_list a:hover, #projets h6.date { background-color: #DEEFD1;}

ul.liste_articles h2 {
	margin: 0em;
	font-size: 1.5em;
}

ul.liste_articles h2 a {
	color: #555;
}

ul.liste_articles h3, ul.liste_articles h4, ul.liste_articles h5 {margin: 0; font-size: 1.3em; border: none; padding: 0;}

ul.liste_articles h6 {
	color: #666;
	margin-top: -1px;
}

ul.liste_articles h6 span {
	color: #C93; 
	font-size: 1.1em; 
	vertical-align: text-bottom;
	letter-spacing: .1em;
}

#actualites ul.liste_articles h6 span {
	color: #1d3c8b; 
}

ul.liste_articles p {
	font-size: 1.1em;
	margin: 0em;
	line-height: 1.7em;
}

#actualites div.article a, #actualites ul.liste_articles p a {
	color: #1d3c8b;
	background: none;
	border: none;
}

#actualites div.article a:hover, #actualites div.article a:focus, #actualites ul.liste_articles p a:hover, #actualites ul.liste_articles p a:focus {
	color: #be2a2a;
	background: none;

}
#newer, #older {
	position: absolute;
	list-style: none;
	margin-bottom: 2em;
}

#nav_article #older, #nav_article #newer {
	position: static;
}

#newer {
	right: 0; bottom: 0;
}

#newer a {
	display: block;
	width: 111px;
	height: 0;
	font-size: 1em;
	padding-top: 19px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('imgs/blogs/fld_liste.png') no-repeat left top;
}

#actualites #newer a {
		width: 118px;
		padding-top: 24px;
		background: url('imgs/blogs/actus/suivant.png') no-repeat;
}

#newer a:hover, #actualites #newer a:hover {
	background-position: left bottom;
}


#older {
	left: 0;
	bottom: 0;
	margin-left: 52px;
}   

#older a {
	display: block;
 	width: 122px;
 	height: 0;
 	font-size: 1em;
 	padding-top: 19px;
 	text-indent: -2000px;
 	overflow: hidden;
 	background: url('imgs/blogs/flg_liste.png') no-repeat left top;
 }

#actualites #older a {
	width: 118px;
	padding-top: 24px;
	background: url('imgs/blogs/actus/precedent.png') no-repeat;
}


#older a:hover, #actualites #older a:hover {
	background-position: left bottom;
}

/* présentation des articles */

#vie_de_lecole #nav_article h1 {
	margin-top: 68px;
}

#vie_de_lecole #nav_article h1 img{
	background: transparent url('imgs/blogs/etoile.png') no-repeat top left;
	     
}

#vie_de_lecole #nav_article h1 a:hover img {
	background-position: left bottom;
}

#actualites #nav_article h1 {
	margin: 111px 0 0 51px;
}

#actualites #nav_article h1 img {
	background:transparent url('imgs/blogs/actus_pt_cadre.png') no-repeat top left;
}

#actualites #nav_article h1:hover img {
	background-position: left bottom;
}

h6.date {
	line-height: 1.8em;
	padding-right: 2em;
	text-align: right;
	letter-spacing: .1em;
	color: #000;
}

#vie_de_lecole div.PS h6.date, #vie_de_lecole div.PS .navgalblog a.activeSlide, #vie_de_lecole div.PS cite, #vie_de_lecole div.PS #play, #vie_de_lecole div.PS .pause {background: transparent url('imgs/blogs/crayonage/cray_PS.png') repeat;}
#vie_de_lecole div.MS h6.date, #vie_de_lecole div.MS .navgalblog a.activeSlide, #vie_de_lecole div.MS cite, #vie_de_lecole div.MS #play, #vie_de_lecole div.MS .pause {background: transparent url('imgs/blogs/crayonage/cray_MS.png') repeat;}
#vie_de_lecole div.GS h6.date, #vie_de_lecole div.GS .navgalblog a.activeSlide, #vie_de_lecole div.GS cite, #vie_de_lecole div.GS #play, #vie_de_lecole div.GS .pause {background: transparent url('imgs/blogs/crayonage/cray_GS.png') repeat;}
#vie_de_lecole div.CP h6.date, #vie_de_lecole div.CP .navgalblog a.activeSlide, #vie_de_lecole div.CP cite, #vie_de_lecole div.CP #play, #vie_de_lecole div.CP .pause {background: transparent url('imgs/blogs/crayonage/cray_CP.png') repeat;}
#vie_de_lecole div.CE1 h6.date, #vie_de_lecole div.CE1 .navgalblog a.activeSlide, #vie_de_lecole div.CE1 cite, #vie_de_lecole div.CE1 #play, #vie_de_lecole div.CE1 .pause {background: transparent url('imgs/blogs/crayonage/cray_CE1.png') repeat;}
#vie_de_lecole div.CE2 h6.date, #vie_de_lecole div.CE2 .navgalblog a.activeSlide, #vie_de_lecole div.CE2 cite, #vie_de_lecole div.CE2 #play, #vie_de_lecole div.CE2 .pause {background: transparent url('imgs/blogs/crayonage/cray_CE2.png') repeat;}
#vie_de_lecole div.CM1 h6.date, #vie_de_lecole div.CM1 .navgalblog a.activeSlide, #vie_de_lecole div.CM1 cite, #vie_de_lecole div.CM1 #play, #vie_de_lecole div.CM1 .pause {background: transparent url('imgs/blogs/crayonage/cray_CM1.png') repeat;}
#vie_de_lecole div.CM2 h6.date, #vie_de_lecole div.CM2 .navgalblog a.activeSlide, #vie_de_lecole div.CM2 cite, #vie_de_lecole div.CM2 #play, #vie_de_lecole div.CM2 .pause {background: transparent url('imgs/blogs/crayonage/cray_CM2.png') repeat;}

#actualites h6.date, #actualites div.article cite {
	background: transparent url('imgs/blogs/stabilo.png') repeat;
}

#vie_de_lecole div.PS blockquote {background: transparent url('imgs/blogs/crayonage/cray_PS.png') repeat-y;}
#vie_de_lecole div.MS blockquote {background: transparent url('imgs/blogs/crayonage/cray_MS.png') repeat-y;}
#vie_de_lecole div.GS blockquote {background: transparent url('imgs/blogs/crayonage/cray_GS.png') repeat-y;}
#vie_de_lecole div.CP blockquote {background: transparent url('imgs/blogs/crayonage/cray_CP.png') repeat-y;}
#vie_de_lecole div.CE1 blockquote {background: transparent url('imgs/blogs/crayonage/cray_CE1.png') repeat-y;}
#vie_de_lecole div.CE2 blockquote {background: transparent url('imgs/blogs/crayonage/cray_CE2.png') repeat-y;}
#vie_de_lecole div.CM1 blockquote {background: transparent url('imgs/blogs/crayonage/cray_CM1.png') repeat-y;}
#vie_de_lecole div.CM2 blockquote {background: transparent url('imgs/blogs/crayonage/cray_CM2.png') repeat-y;}

#vie_de_lecole div.article blockquote {
	background-position:-70px 0;
	padding-left: 25px;
}

#actualites div.article blockquote {
	background: transparent url('imgs/blogs/stabilo.png') repeat-y;
	padding-left: 15px;
}

/* image d'article */

.article_image {
	position: relative;
}

/* galerie des blogs*/
div#galblog {}

div.galblog, #contenue p.vignette {
	float: left;
	margin-right: 1em;
	margin-bottom: 1em;
}

img.animage, img.img_blog {
	width: 380px;
	padding: 8px 8px 30px;
	border: 1px solid #ccc;
	background-color: #fff;
}

div.acaption {
	position: absolute;
	left: 0;
	bottom: 0;
	padding-left: 8px;
}

div.acaption p {
	font-size: 1.1em;
	color: #666;
	letter-spacing: .1em;
}

div.navgalblog {
	clear: both;
}

div.navgalblog a, .pause {
border: 1px solid #ccc;
display:inline-block;
line-height:15px;
margin:0 5px 1em 0;
padding: 0;
text-align:center;
width:15px;
color: #333;
}

#actualites div.navgalblog a{
	border: 1px solid #ccc;
	color: #333;
}

.pause {
	width: auto;
	padding: 0 3px;
	vertical-align: top;
}

div.article div.navgalblog a.activeSlide {
border-color: transparent;
color: #000;
}

#actualites div.navgalblog a.activeSlide, #actualites .pause {
	background: transparent url('imgs/blogs/stabilo.png') repeat;
}

#projets div.navgalblog a.activeSlide, #projets .pause {
	background-color: #DEEFD1;
}

/* signature articles vie_de_lecole */
p.classes, p.categoriesÆ {
	text-align: right;
}

p.classes a {
	display: inline-block;
	padding-bottom: 0;
	text-align: left;
}

/* Projets */

#projets h3.annee_projet {
	color:#390;
	font-size:1.2em;
	font-variant:normal;
	margin-left:-1em;
}

#projets #nav_article h1 {
	margin: 75px 0 0 41px;
}

#projets #nav02 {
	margin-bottom: 13px;
}

#projets #nav_article ul.liste_articles {
	margin: 11px 0 0 50px;
}

#projets #nav_article ul.liste_articles li {
	margin-bottom: 1em;
}
#projets #nav_article ul.liste_articles li a {
	color: #555;
	font-size: 1.2em;
	font-weight: bold;
}

#projets #nav_article ul.liste_articles li a:hover, #projets #nav_article ul.liste_articles li a:focus {
	background-color: #DEEFD1;
}
#projets #nav_article ul.liste_articles h6 a {
	color: #390;
	font-size: 1em;
	font-weight: normal;
}

#projets div.article h6.date ul {
	margin: 0;
}

#projets div.article li.retour {
	position: static;
	height: 20px;
	padding-left: 0;
	background:transparent url('imgs/blogs/retour_projet.png') no-repeat top right;
	list-style-type: none;
	margin: 0;}
	
#projets div.article li.retour:hover {background-position: right bottom;}

#projets div.article li.retour a{
	border: none;
	color: #555;
}

#projets div.article li.retour:hover a{
	color: #390;
}

/* ==================== */
/* = section chercher = */
/* ==================== */

#recherche div#contenue h4 {
	font-weight: normal;
}

/* ===================== */
/* = Liste de fichiers = */
/* ===================== */

#bilinguisme #contenue h3 {margin: 17px 0 16px 0;}

#bilinguisme #documents a {}

#bilinguisme #documents a  {background:transparent url('imgs/dload.png') no-repeat center left;
padding-left: 24px;}

#bilinguisme #documents a:hover {background: #F4E5B2 url('imgs/dloadfr.png') no-repeat center left;}

/* ================== */
/* = Liste de liens = */
/* ================== */

#bilinguisme #linklist a  {background:transparent url('imgs/fleche.png') no-repeat center left;
padding-left: 24px;}

#bilinguisme #linklist a:hover {background: #F4E5B2 url('imgs/flechefr.png') no-repeat center left;}


	
/* =============== */
/* = Formulaires = */
/* =============== */

#contenue form {color: #390;
	margin-top: 19px;
	font-size: 1.1em;
	line-height: 1.4em;
	letter-spacing: 0.05em;}

#contenue form div div {
	display: inline;
	line-height:4em;}

#contenue form div div span{
	display: inline-block;
	line-height: 1.4em;
	text-align: right;}

#contenue form div fieldset div span {width: 99px;}

#contenue label {}

#contenue form span.en {color: #C93; display:inline; width:auto; height: auto;}
#contenue form span.requis {color: red; font-size: 1.3em; font-weight: bolder; display:inline;}
	
#contenue input, #contenue select {
	vertical-align: top;
	margin: 2px 0 0 10px;
}

#contenue input, #contenue textarea, #contenue select {
	margin-bottom: 1em;
	color: #666;
	font-family: Tahoma, Arial, sans-serif;
	font-size: 1.1em;
	line-height: 1.5em;
	letter-spacing: 0.08em;}

#contenue input:hover, #contenue textarea:hover {
	background-color: #DEEFD1;
}

#contenue input:active, #contenue input:focus, #contenue textarea:focus, #contenue textarea:active {
	color: #000;
	background-color: #fff;
}

#contenue input:focus, #contenue textarea:focus {}

#contenue form div.bouton {display: block;}
#contenue input.zemSubmit {margin-left: 0; position:static;}
#contenue input.zemSubmit:active {background-color: #F4E5B2;}

#contenue fieldset {border: 1px solid #777;
	padding: 10px;
	clear: both;
	margin-bottom: 1em;}
	
#contenue #MOTIF {margin-left:10px; vertical-align: top;}

/*message de remerciement*/

#contenue div.zemThanks, #contenue form ul.zemError {font-size: 1.3em;
	color: red;
	margin-top: 16px;}
	
/*Formulaire contact presentation*/

#presentation #contenue form div div {clear: both;}
               


/* ==================== */
/* = Pied de page ===== */
/* ==================== */

#footer {clear: both;                                                         
	margin: -11px 0 0 170px;
	position: relative;
	height: 100px;}

#footer ul {
	list-style-type: none;
	margin-right: 0;    	
	font-size: 1.1em;
}

#footer li {color: #9AC0DD; /*#0063A9*/
	padding-left: 25px;
	margin-right: 20px;
	float: left;
	line-height: 1.2em;}

#footer a {letter-spacing: 0.06em;
	color: #89acb0;
	text-decoration: none;
	display: inline-block;
	font-weight: bolder;
	line-height: 1.2em;
	padding-top: 7px;}

#footer li:hover a {color: #F93;}

#footer li:hover a {border: none;}
	
li#bilingue {width: 160px;
	height: 66px;
	background:transparent url('imgs/footer/bilinguisme.png') no-repeat top left;
	padding-left: 45px;}
li#bilingue:hover {background:transparent url('imgs/footer/bilinguisme.png') no-repeat bottom left;}



li#contact {background: transparent url('imgs/footer/contact.png') no-repeat top left;
	height: 60px;}
li#contact:hover {background: transparent url('imgs/footer/contact.png') no-repeat bottom left;}


li#infos {background:transparent url('imgs/footer/infos.png') no-repeat top left;
	height: 32px;}
li#infos:hover {background:transparent url('imgs/footer/infos.png') no-repeat bottom left;}

li#coll_bi {
margin-right:0;
padding-left:0;
}

li#coll_bi a{
	width: 104px;
	height: 0;
	font-size: 1em;
	line-height: 1.2em;
	padding-top: 54px;
	text-indent: -2000px;
	overflow: hidden;
	background: url('imgs/footer/logo_college_bilingue.png') no-repeat top left;
}

li#coll_bi a:focus, li#coll_bi a:hover{
	background-position: left bottom;
}

li.retour {
	position: absolute;
	top: 0; left: 0;
	margin: 0 0 0 -120px;
	height: 32px;
	padding-left: 0;
	padding-right: 23px;
	background:transparent url('imgs/footer/retour.png') no-repeat top right;}
	
li.retour:hover {background:transparent url('imgs/footer/retour.png') no-repeat bottom right;}

/* ======== */
/* = Misc = */
/* ======== */

.en {color: #F93;}
.fixed:after{content:".";display:block;height:0;clear:both;visibility:hidden;}
.fixed{display:block;}