/* à terme, remplacer #menu .aside */
/* à terme, remplacer #mille .page */

/*pensez à min-width et max-width */
/*pour smartphone etc...*/



body {width:100%; margin:0; border:0; padding:0; font-size:100%}

a,.arl {font-weight:bold; text-decoration:none}
a img {border:2px solid transparent}
a img:hover {border:2px solid #78f}

p {margin:0.6em 20px 0 20px}	li {margin:0.2em 20px 0 30px}

h1,h2,h3,h4,h5 {font-weight:bold; padding:0 10px}

h1 {font-size:200%; margin:0 0 1.2em} 
h2 {font-size:140%; margin:0em 0 0}  /*margin voir aussi border*/
h3 {font-size:120%; margin:1.2em 0 0} 
h4 {font-size:120%; margin:1.2em 0 0} 
h5 {font-size:90%; margin:2em 0 1em 5px} 

h2.p {margin:0}

.s {margin-top:0.3em}  
.p {margin-bottom:0.3em} /*suivre ou précéder plus près*/

div h2:first-of-type, .prem {margin-top:0; border-top:0}  /*le premier*/

.r5,.r {margin-left:40px}
.m {margin-left:60px}

input,textarea {border:0; border-radius:5px}

.liens {font-size:80%; margin:4em 0; text-align:center;
		margin:60px 0; border:solid #ddd; border-width:12px 0 0}
.liens a, .line a {padding:0 0.5em; display:inline}


/*remarque, notes, signatures*/
	.remarque,
	.rem {margin:2em 30px 3em 70px; border:dashed #1E192D; border-width:1pt 0 0}
	.note {font-size:90%; margin-left:70px}
	.signature {font-weight:bold; margin:1.5em 30px 2em 70px; text-align:right; border:dashed #1E192D; border-width:1pt 0 0}
	.date {font-size:75%; margin:0 0 1.5em; text-align:right}

/*img*/
	img {margin:0; vertical-align:bottom; max-width:100%}
		.right {margin:0 0.4em 1em 2em; float:right}
		.left  {margin:0 2em 1em 0.5em; float:left}
	img.vignette{margin:0}
	img.spip_logo_left{margin-right:10px}

/*hr*/
	hr {clear:both; visibility:hidden}

/*NEW BLOC*/
	#new {position:fixed; left:5px; top:5px}
	#mille, .page {width:1000px; padding:0; margin:0 auto}
	#menu,.aside {width:248px; float:right; margin-right:34px}
	
	#bref {width:224px; float:right; margin:0 0 2em 0}
	#col  {width:460px; float:right; margin:0 0 2em 34px}

	#cola  {width:340px; float:left; margin:0 0 2em 0}
	#colb{width:340px; float:left; margin:0 0 2em 34px}
	
	#colune  {width:718px; float:right; margin:0 0 2em 0}
	#bandeau {width:1000px; float:right; padding:0; margin:0}
	.bloc{float:left; margin:10px; font-size:80%; padding:0 0 5px 0}

	.catabref{float:left; background:transparent; margin:8px 0 25px 8px; vertical-align:bottom}
	.catabref p {vertical-align:bottom}
	.catabref img{border:1px solid #fff}
	
	 div { max-width: 100%; }
	 #mille,#menu,#bref,#col,#cola,#colb,#colune,#bandeau,#bbref  {padding-bottom:2em}
	 #bbref  {display: none}
	
/*bandeau capsarl liste*/
	div#bandeau {font-size:85%; text-align:center}
	p.bandeau {font-size:85%; text-align:center; margin:3em 0 0 0}
	.bandeau img {margin:0} 
	.capsarl {position:fixed; right:0; bottom:0; padding:5px 5px 3px 10px; margin:0; font-size:85%}
	.capsarl a {padding:0 8px 2px} 
	.capsarl a:hover, #bandeau a:hover  {text-decoration:none} 
	.liste h2 {margin-top:1em}

/*FONTS*/
	body {font-family:sans-serif; color:#fff}	
	h1,h2,h3,h4,h5,.courrier,
	.capsarl a,#bandeau a {font-family:monospace; color:#fff}
	#col,#colune,#menu{font-size:90%}	
	#bref{font-size:80%}	
	
	
/*COLORS*/
	body,.fond,.capsarl,#col,#colune {background-color:#134}
	a,.arl {color:#6B979C}	a:hover {color:#a33}
	.capsarl a,#bandeau a,a h4,a h3,a h2 {background:#134; color:#fff} 
	.capsarl a:hover,#bandeau a:hover,a:hover h4,a:hover h3,a:hover h2 {background:#A33; color:#fff}
	h1,h2,h3,h4,h5,a h4,a h3,a h2 {border:0px solid #134; background:#023}
	#menu,#bref,#bandeau,.colcolor {background-color:#012}
	a img {border:2px solid #134}	a img:hover {border:2px solid #A33}
	
	h2 {border-bottom:0px solid #134; border-top:24px solid #134; padding:5px 20px; }	
		
	
	.onlyres {display: none}

 
/* MEDIA QUERIES
   --------------------------------------------------------------------------- */
@media only screen and ( max-width: 640px )
{	body {width: 100%; padding: 0; background:#134 url() }
	.noneres {display: none}
	.onlyres {display: block}
	.page {width: 100%; max-width: none}
	#mille,#menu,#bref,#col,#cola,#colb,#colune,#bandeau ,#bbref { clear: both; float: none; width: 100%; margin-right:0; margin-left:0; padding:0 0 2em 0}
	img.agenda{max-width:40%; margin-right:0; margin-top:0}
	#bbref  {display: block}
}



/* SPIP */
.pagination {margin:0 0 2em 0;text-align:right}
.spip_logo_right {margin:0 0.4em 1em 2em; float:right}