HTML		{font-size:100%;}
BODY 		{font-size: 0.8em; font-family:Arial, Helvetica, sans-serif; color: #FFF; margin: 0px; padding: 0px; background-color: #000; }
P 			{BACKGROUND: none repeat; color : #FFF; font-family:Arial, Helvetica, sans-serif;}
DIV 		{BACKGROUND: none repeat; color : #FFF; font-family:Arial, Helvetica, sans-serif;}
TEXTAREA 	{BACKGROUND: none repeat; color : #000; font-family:Arial, Helvetica, sans-serif;}
FORM 		{BACKGROUND: none repeat; color : #000; font-family:Arial, Helvetica, sans-serif;}
SELECT 		{BACKGROUND: none repeat; color : #000; font-family:Arial, Helvetica, sans-serif;}
a img 		{border:none;}
a:link 		{BACKGROUND: none repeat; font-family:Arial, Helvetica, sans-serif;  color:#842E1B; text-decoration:none;}
a:visited 	{BACKGROUND: none repeat; font-family:Arial, Helvetica, sans-serif;  color:#842E1B; text-decoration: none;}
a:hover		{BACKGROUND: none repeat; font-family:Arial, Helvetica, sans-serif;  color:#FFF; text-decoration: none;}
a:active 	{BACKGROUND: none repeat; font-family:Arial, Helvetica, sans-serif;  color:#FFF; text-decoration:none;}
h1 			{font-variant:small-caps; margin:0px; letter-spacing:5px; font-weight:100; color:#FFF; font-size:1.8em;}
h2 			{font-variant:small-caps; margin:0px; letter-spacing:5px; font-weight:100; color:#FFF; font-size:1.4em; text-align:center;}
em			{font-variant:small-caps; margin:0px; letter-spacing:3px; font-weight:100; color:#FFF; font-size:1.0em; font-style:normal;}
blockquote  {color:#FFF; text-align:justify;}
BUTTON	 	{background:#000; border:none; cursor:pointer; color:#FFF; padding:3px; text-align:center; vertical-align:middle;}
INPUT 		{background-color:#000; background: rgba(0, 0, 0, 0.3); color:#000; height:1.5em; -moz-border-radius:10px; border-radius:10px; -webkit-border-radius:10px;}
INPUT[TYPE="text"] 		{width:125px; border: 1px solid #CCC; color:#FFF; vertical-align:middle; padding:0px 5px 0px 5px; margin: 0 5px 0 5px;}
:focus 		{outline: 0;}
.column {-moz-column-count: 2; -moz-column-gap: 20px; -webkit-column-count: 2; -webkit-column-gap: 20px; column-count: 2; column-gap: 20px;}
.highlight {color:#842E1B;}

 

/* backgrounds*/
.gray  		{background-image: url(/fichiers/gray.jpg); background-repeat: no-repeat; background-position: top;}
.blue  		{background-image: url(/fichiers/blue.jpg); background-repeat: no-repeat; background-position: top;}
.gold  		{background-image: url(/fichiers/gold.jpg); background-repeat: no-repeat; background-position: top;}
.green  	{background-image: url(/fichiers/green.jpg); background-repeat: no-repeat; background-position: top;}
.red  		{background-image: url(/fichiers/red.jpg); background-repeat: no-repeat; background-position: top;}
.turquoise  {background-image: url(/fichiers/turquoise.jpg); background-repeat: no-repeat; background-position: top;}
.rainbow  	{background-image: url(/fichiers/rainbow.jpg); background-repeat: no-repeat; background-position: top;}
.wallpaper  {background-image: url(/fichiers/wallpaper.jpg); background-repeat: no-repeat; background-position: top;}

.back1{background-image:url(/fichiers/back1.jpg);}
.back2{background-image:url(/fichiers/back2.jpg);}
.back3{background-image:url(/fichiers/back3.jpg);}	
.back4{background-image:url(/fichiers/back4.jpg);}
.back5{background-image:url(/fichiers/back5.jpg);}	
.back6{background-image:url(/fichiers/back6.jpg);}
.back7{background-image:url(/fichiers/back7.jpg);}

/* flux*/
#main 		{width:1000px; margin-left:auto; margin-right:auto; text-align:center;} 


/* menu */
#menu 		{width:1000px; height:50px; text-align:center; margin-left:auto; margin-right:auto;}
.nav 		{ margin:0; padding:0; text-align:center;}

.nav li 	
	{list-style: none;
	font-family:Arial, Helvetica, sans-serif;
	color: #FFF;
	margin:0px 1px 0px 0px;
	display:-moz-inline-stack;
	display:inline-block;
	vertical-align:top;
	height:45px;
	line-height:45px;
	text-align:center;
	-moz-border-radius-bottomleft:10px;
	-moz-border-radius-bottomright:10px;
	-webkit-border-bottom-left-radius:10px;
	-webkit-border-bottom-right-radius:10px;
	border-bottom-left-radius:10px;
	border-bottom-right-radius:10px;
	background-color: #000;
	background: rgba(0, 0, 0, 0.6);
	-webkit-transition: background-color .3s ease-in;
    -moz-transition: background-color .3s ease-in;
    -o-transition: background-color .3s ease-in;
    transition: background-color .3s ease-in;}

.nav li:hover 		{height:45px; background-color: #333; background-color: rgba(255, 255, 255, 0.1);}

.nav li a:link		{font-family:Arial, Helvetica, sans-serif; text-decoration: none; display: block; height: 45px; line-height: 45px; padding: 0px 15px 0px 15px; font-weight:100;}
.nav li a:visited 	{font-family:Arial, Helvetica, sans-serif; text-decoration: none; display: block; height: 45px; line-height: 45px; padding: 0px 15px 0px 15px; font-weight:100;}
.nav li a:hover		{font-family:Arial, Helvetica, sans-serif; text-decoration: none; display: block; height: 45px; line-height: 45px; padding: 0px 15px 0px 15px; font-weight:100;}
.nav li a:active	{font-family:Arial, Helvetica, sans-serif; text-decoration: none; opacity: .5; display: block; height: 45px; line-height: 45px; padding: 0px 15px 0px 15px; font-weight:100;}
.menuItemSelected a	{color: #FFF; font-weight:100;}

/* fil ariane */
#ariane 			{width:700px; text-align:left; margin: 20px auto 20px auto;}
#ariane a:link		{BACKGROUND: none repeat; font-family:Arial, Helvetica, sans-serif; color : #FFF; text-decoration: none; opacity:0.5;}
#ariane a:visited 	{BACKGROUND: none repeat; font-family:Arial, Helvetica, sans-serif; color : #FFF; text-decoration: none; opacity:0.5;}
#ariane a:hover		{BACKGROUND: none repeat; font-family:Arial, Helvetica, sans-serif; color : #FFF; text-decoration: none; opacity:1.0;}

/* Search */
#search 		{width:700px; height:30px; text-align:center; margin: 0px auto 0px auto;}
#search form 	{margin:5px auto 5px auto; text-align:right; float:left;}
#search INPUT[TYPE="text"] 		{width:125px; border: 1px solid #CCC; color:#FFF; padding:0px 25px 0px 5px; margin: 0; background-image:url(/fichiers/loupe.png); background-position:right; background-repeat:no-repeat;}
#search button 	{background:none; border:none; vertical-align:middle; width:30px; cursor:pointer; padding:0;}
#keys 	{color: #FFF; font-weight: normal; FONT-FAMILY: Helvetica, Verdana, Arial;}

/* pagination  journal*/
#pagiCourante 	{padding:0px; margin:auto 10px  auto 10px; width:50px; height:50px;text-align:center;display:inline-block; line-height:50px; background-image:url(/fichiers/pagi_centre.png); vertical-align:middle; font-size:1.5em;}
.pagination2 {text-align:center;margin:10px auto 10px auto;}
.pagination2 a {padding:0px; margin:auto 10px  auto 10px; width:50px; height:25px; line-height:25px; display:inline-block; text-align:center; vertical-align:middle;}
.pagination2 a img {vertical-align:middle;line-height:50px;}

.pagination ul 			{padding:0px; margin:10px auto 10px auto;}
.pagination li 			{FONT-SIZE: 2.0em; color : #FFF; list-style:none; display:-moz-inline-stack; display:inline-block; width:50px; vertical-align:middle; text-align:center;}
.pagination a:link 		{FONT-SIZE: 0.5em; color : #FFF; TEXT-DECORATION: none; opacity:.5; padding:0px; margin: 0 5px 0 0; display:block; width:50px;}
.pagination a:visited 	{FONT-SIZE: 0.5em; color : #FFF; TEXT-DECORATION: none; opacity:.5; padding:0px; margin: 0 5px 0 0;  display:block; width:50px;}
.pagination a:hover 	{FONT-SIZE: 0.5em; color : #FFF; TEXT-DECORATION: none; opacity:1; padding:0px; margin: 0 5px 0 0; display:block; width:50px;}

/* polaroid */
#pola 		
	{width:700px;
	margin: 10px auto 10px auto;  
	padding:0px;
	background-color:#fffbea; 
	color: #000; 
	-moz-border-radius:10px;
	-webkit-border-radius:10px;
	border-radius:10px;
	background-image:url(/fichiers/polaroid.jpg);}
	
#date 			{color:#000; text-align:center; width:700px; height:30px; line-height:30px;}
#pola #image 	{width:630px; background-color:#000; margin: 0px auto 0px auto; padding:15px;}
#pola p 		{ text-align:justify; color:#000; padding:10px 20px 10px 20px; margin:0px;}
#liens 			{color:#000; text-align:right; padding:0px 20px 10px 20px;}

/* cellules */
#celluletop	{
		width:680px;
		height:180px; 
		margin: 20px auto 20px auto; 
		padding:10px; 
		color: #000;
		-moz-border-radius-topleft:20px;
		-moz-border-radius-topright:20px;
		-webkit-border-top-left-radius:20px;
		-webkit-border-top-right-radius:20px;
		border-top-left-radius:20px;
		border-top-right-radius:20px;
		background-color: rgba(255, 255, 255, .1);}	

.desc 	{color:#FFF; padding:10px; text-align:justify;}

#cellule 
		{
		width:680px; 
		margin: 20px auto 20px auto; 
		padding:10px; 
		color:#FFF;
		text-align:center;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
        background-color: rgb(30, 30, 30);
        background: rgba(55, 55, 55, .5);}
		
#cellulek 
		{
		margin: 20px auto 20px auto; 
		padding:10px; 
		color:#FFF;
		text-align:center;
		-moz-border-radius:10px;
		-webkit-border-radius:10px;
		border-radius:10px;
        background-color: rgb(0, 0, 0);
        background: rgba(0, 0, 0, .5);}

#cellule p 		{text-align: justify; color: #FFF; padding:0px; margin:10px 0px 10px 0px;}
#cellule img 	{margin:0}

#cellulebottom { 
		width:680px;
		margin: 20px auto 20px auto;
		padding:10px;
		text-align:justify; 
		-moz-border-radius-bottomleft:20px;
		-moz-border-radius-bottomright:20px;
		-webkit-border-bottom-left-radius:20px;
		-webkit-border-bottom-right-radius:20px;
		border-bottom-left-radius:20px;
		border-bottom-right-radius:20px;
        background-color: rgb(30, 30, 30);
        background: rgba(255, 255, 255, .1);}


/* agenda */
.date 		{color:#a3e2ff; margin:0px 10px 0px 10px;}
.detail		{margin:20px 0px 20px 0px;}

.listenews 	{list-style:none; text-align:justify; color:#FFF; padding:0; margin:0;}
.listenews li.even {margin:2px auto 2px auto; background-color:#000; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; height:25px; line-height:25px;}
.listenews li.odd  {margin:2px auto 2px auto; background-color:#222; -moz-border-radius:20px; -webkit-border-radius:20px; border-radius:20px; height:25px; line-height:25px;}
.listenews li:hover {background-color:#798933;}

.listenews a:link 		{font-family:Arial, Helvetica, sans-serif;  color:#FFF; text-decoration:none;}
.listenews a:visited	{font-family:Arial, Helvetica, sans-serif;  color:#FFF; text-decoration: none;}
.listenews a:hover 		{font-family:Arial, Helvetica, sans-serif;  color:#FFF; text-decoration: underline;}
.listenews a:active 	{font-family:Arial, Helvetica, sans-serif;  color:#FFF; text-decoration:none;}

.agendaIcon {vertical-align:middle; padding:0px 10px 0px 10px;}



/* bouton liens */
.liens  	{list-style: none; padding: 0px; text-align: justify; line-height:30px;}
.liens li 	{display: inline; margin: 0px 5px 0px 0px;}
.liens li a {background-color:#000; padding:5px; -moz-border-radius:10px; -webkit-border-radius:10px; border-radius:10px;}

/* pagination home*/
.diarythumb {padding:0px;list-style:none; text-align:center; margin:10px 0px 10px 0px;}
.diarythumb li {display:inline; padding:0px; margin:0 10px 0px 0px; overflow:hidden;}
.diarythumb li img {border:2px #000 solid;}
.diarythumb a {opacity:1; filter:alpha(opacity=100); padding:0px;}
.diarythumb a:visited {opacity:1; filter:alpha(opacity=100); padding:0px;}
.diarythumb a:hover {opacity:.5; filter:alpha(opacity=50);  padding:0px;}
.diarythumb a:active {opacity:.5; filter:alpha(opacity=50); padding:0px;}


#sociallinks { height:20px; width:200px; margin:5px auto 5px auto; text-align:right; float:right;}
#sociallinks a:link {opacity:0.5;}
#sociallinks a:visited {opacity:0.5;}
#sociallinks a:hover {opacity:1;}
#sociallinks a:active {opacity:1;}


.footer {margin:0px 10px 0px 10px; vertical-align:middle; display:inline;}
.footer img {vertical-align:middle;}

/* navigation IE*/
#IE #pagiCourante {display:inline; zoom:1;}
#IE .pagination2 {display:inline; zoom:1;}
#IE .nav li {display:inline; zoom:1; width:100px; text-align:center;}
#IE .pagination li  {display:inline; zoom:1;}