/*////////////////*/
/*  GENERAL  */

body { background:#fff; margin:0; font-size:13px; }

body, h1, h2, h3, h4, h5, h6, p, ul {  }

a
{
	outline: 0 none;
	color: #000;
}

img { border: none }

a img { vertical-align:middle; }

ul, ol, li, p { list-style-type:none; margin:0; padding:0; }

sup { position:relative; text-transform:lowercase; top:-0.5em; vertical-align:middle; }

.none { display: none !important }

fieldset { border: none; padding: 0; }

/*////////////////*/
/*  STYLES TYPO   */
/*////////////////*/

body
{
	color: #000000;
	font-family: Monaco,"Lucida Console","Courier New",monospaced;
	font-size: 10px;
	letter-spacing: 1px;
	line-height: 1.6em;
	margin: 10px;
	background-color: #eee;
	background-repeat: no-repeat;
	background-attachment: fixed;
	background-position: 0px 100%;
}

body.article
{

	background-color: #FFF;
}

::selection {
	color: #fff;
	background: red; /* Safari */
	}
::-moz-selection {
	color: #fff;
	background: red; /* Firefox */
}

#accueil #page,
{
}


#content
{
}




.article #chapitre1 ul li
{
	list-style-type: disc;
	list-style-position: outside;
	margin-left: 15px;
	margin-bottom: 3px;
}


/* /////////////////////// */
/*     RUBRIQUE INFOS      */
/* /////////////////////// */

body.article#rub4
{
	background-color: #FCC;
	color: red !important;
	border-color: red !important;
}

body.article#rub4 a, body.article#rub4 a:visited
{
	color: red !important;
}

#rub4.article #page #content h5
{
border-color: red;
background:transparent url(img/fleche-haut-rouge.png) no-repeat scroll 0px 8px;

}

#rub4 .navbar h2{
color:red;
}


/* /////////////////////////////// */


#page {
text-align:left;
width: 700px;
margin: 0px auto;
}

#footer
{
	/*clear: both;
	margin-top: 200px;
	width: 700px;
	border-color: #666;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;
	padding: 8px 0px 8px 0px;
	color: #666;
	font-size: 9px;
	text-decoration: none;*/
	height: 30px;
	width: 500px;
	float: left;
	background-color: transparent;
}

/*#footer a, #footer a:hover, #footer a:visited
{
	color: #666;
	text-decoration: none;
}
*/
/*#rub2 #footer
{
	border-color: #00F;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;

}


#rub4 #footer
{
	border-color: red;
	border-width: 1px 0px 0px 0px;
	border-style: dotted;

}*/


/* ///////////////////////// */
/*     RUBRIQUE ACCUEIL      */
/* ///////////////////////// */

.navbar{
margin-top: 20px;
border-bottom: 0px dotted #000;
position: relative;
z-index:10;
}

.navbar a, .navbar a:hover, .navbar a:visited { text-decoration: none; }

.navbar a:hover { text-decoration: underline; }


#top{
height:30px;
padding-bottom:10px;
}

#accueil #top{
height:30px;
padding-bottom:10px;
border-bottom: 1px dotted #000;
width: 700px;
}

h1#logo{
background: transparent;
height:27px;
left:0;
position:absolute;
top:-13px;
width:289px;
}

#logo a
{
	background: url(/TECH/img/titre1.png) no-repeat;
	height: 23px;
	width: 288px;
	display: block;
	float: left;
}

#rub2 #logo a
{
	background: url(/TECH/img/titre-blue.gif) no-repeat;
}

#rub4 #logo a
{
	background: url(/TECH/img/titre1-rose.png) no-repeat;
}


#accueil .preview
{
background:transparent none repeat scroll 0 0;
float:left;
height:400px;
margin:19px 0 23px;
width:700px;
z-index:1;;
position: relative;
top: 0px;
display:block;
}

#accueil .preview a, #accueil .preview a:visited, { color: #F00; }


#bar1
{
background-color:rgba(240, 240, 240, 0.9);
left:429px;
padding:0 00px 0 0;
position:absolute;
top:-1px;
width:auto;
}

#bar1 a,
#bar1 a:hover,
#bar1 a:visited,
.navbar #bar1 h2,
.navbar #bar1 h2 a,
.navbar #bar1 h2 a:visited
{
	color:#000 !important;
}

#rub2 #bar1 a,
#rub2 #bar1 a:hover,
#rub2 #bar1 a:visited,
#rub2 .navbar #bar1 h2,
#rub2 .navbar #bar1 h2 a,
#rub2 .navbar #bar1 h2 a:visited
{
	color:#00f !important;
}


#rub4 .navbar #bar1 h2,
#rub4 .navbar #bar1 h2 a,
#rub4 .navbar #bar1 h2 a:visited
{
	color:red !important;
}



#bar2
{
	background-color: transparent;
	position: absolute;
	left: 538px;
	width: auto;
	top: -1px;
	padding :0 10px 0 0 ;
}

#bar2 a,
#bar2 a:hover,
#bar2 a:visited,
#bar2 h2,
#bar2 h2 a,
#bar2 h2 a:visited
{
	color:#000 !important;
}

#rub3 #bar2 a,
#rub3 #bar2 a:hover,
#rub3 #bar2 a:visited,
#rub3 #bar2 h2,
#rub3 #bar2 h2 a,
#rub3 #bar2 h2 a:visited
{
	color:#00f !important;
}


#rub4 .navbar #bar2 h2,
#rub4 .navbar #bar2 h2 a,
#rub4 .navbar #bar2 h2 a:visited
{
	color:red !important;
}


#bar3
{
background-color:#EEEEEE;
left:608px;
padding:0 10px 0 0;
position:absolute;
top:-1px;
width:auto;
}

#bar3 a,
#bar3 a:hover,
#bar3 a:visited,
#bar3 h2,
#bar3 h2 a,
#bar3 h2 a:visited
{
	color:#000 !important;
}

#rub4 #bar3 a,
#rub4 #bar3 a:hover,
#rub4 #bar3 a:visited,
#rub4 #bar3 h2,
#rub4 #bar3 h2 a,
#rub4 #bar3 h2 a:visited
{
	color:#f00 !important;
}


/* FOND NAVBAR INFO */
#rub4 #bar1,
#rub4 #bar2,
#rub4 #bar3 {
background-color: #FFCCCC;}


.article #bar1,
.article #bar2,
.article #bar3 {
	background-color: rgba( 255, 255,255,0.8);
	padding: 0px 0px 0px 3px !important;


}

#accueil h1#top a { background: url(/TECH/img/titre1.png) no-repeat; height: 23px; width: 288px; display: block }

#rub2 h1#top a { background: url(/TECH/img/titre1.png) no-repeat; height: 23px; width: 288px; display: block }

#rub4 h1#top a { background: url(/TECH/img/titre1-rose.png) no-repeat; height: 23px; width: 288px; display: block }


.navbar h2,
.navbar2 h2 a,
.navbar h2 a:visited
{	color: #000000;
	font-size: 1em;
	font-weight: normal;
	margin: 0px;
	padding: 6px 7px 5px;
	text-transform: uppercase;
	text-decoration: none;
}

#accueil #laliste li.art-texte {border-top:1px dotted #666666;
float:left;
margin-right:12px;
width:225px;
height: 55px;
padding-top:7px !important;
}


#accueil li.art-texte a, #accueil li.art-texte a:visited{
text-decoration : none;
color: #000;
}



#accueil li.art-texte a:hover{
text-decoration : underline;
}


#accueil #content ul
{
	float: left;
	width: 30%;
}

.navbar #col1,
#rub2 navbar #col1, 
#rub3 navbar #col1,
{
	padding: 10px 10px 10px 10px;
	background-color: #FFF;
}

.navbar #col1 a,
.navbar #col1 a:visited {
color: #00f !important;
}

#rub6 .navbar #col1 a,
#rub6 .navbar #col1 a:visited,
#rub6 .navbar .rub2 h2 {
color: #000 !important;
}

#rub6 .navbar #col2 a,
#rub6 .navbar #col2 a:visited,
#rub6 .navbar .rub3 h2 {
color: #000 !important;
}




#accueil #content ul.rub3
{
	background-color: #3CF;
	padding: 0px 0px 0px 0px;
}

#accueil .navbar #col2
{
	padding: 10px 0px 10px 10px;
	background-color: #eee;
}


.navbar #col2
{
	padding: 10px 0px 10px 10px;
	background-color: rgba(240, 240, 240, 0.9);
}


#rub4 .navbar #col2,
#rub4 .navbar #col2 h2{
	background-color: #FCC;
	color: red;
	}


#accueil #content ul.rub4 { background-color: #FFCCCC; 
padding:0px 0px 0px 0px}

#accueil #content ul.rub4 #col3, .navbar #col3{
padding:10px 0px 10px 10px
}

#accueil #content ul.rub4 #col3{
padding:10px 0px 10px 10px
}


.navbar ul.rub6
{
background-color:rgba(255, 255, 255, 0.5);
color:#000000;
margin:10px 0 0 -10px;
padding:0;
position:relative;
width:191px !important;
}

#accueil .navbar ul.rub6
{
	background-color: #eee;
}


#rub4 .rub6,
#rub4 .rub6 h2
{
	background-color: #FCC !important;
	color: red;
}


#accueil #content ul.rub6 a, #accueil #content ul.rub6 a:hover, #accueil #content ul.rub6 a:visited,  #accueil #content ul.rub6 h2{ color: #000;}

#accueil #content ul.rub6 h2{
	border-bottom:2px solid yellow;
	color:#000000;
	}

#accueil #content ul.rub6 #col4
{
	/*position: relative;
	left: 200px;
	width: 200px;
	top: -20px;*/
	padding: 10px 0px 10px 10px;
	background-color: transparent;
}

ul.rub6
{
	width: 200px !important;
}

ul.rub6 #col4
{
	padding: 5px 0px 10px 10px;
}



/* ///////////////////// */
/*     MODE ARTICLE      */
/* ///////////////////// */


.article .titre-art h1
{
	color: #666;
	font-family: andale mono,"Lucida Console","Courier New",monospaced;
	text-transform: uppercase;
	font-size: 2em;
	font-weight: lighter;
	letter-spacing: 0.15em;
	margin: 3px 0px 17px 0px;
	

	letter-spacing: 0.1em;
	font-size: 1.8em;
	max-width: 536px;
	height: auto;
}


.article#rub4 .titre-art h1
{color: red;
}


.article h1#top a, .article h1#top a:visited{
	font-size: 10px !important;
	color: #000;
	font-weight: normal;
	background: url(/TECH/img/titre1.png) no-repeat; height: 23px; width: 288px; display: block
}

.article #content {
margin-top: 15px
}

.article#rub4 #bloc-desc
{
	border-bottom-color: red;
}

.article #page #content h4
{
	width: 300px;
	color: #000;
	font-size: 0.9em;
	font-style: normal;
	font-weight: normal;
	text-transform: inherit;
	text-decoration: underline;
	text-align: left;
}


.article #page #content h5
{
background:transparent url(img/fleche-haut.png) no-repeat scroll 0px 8px;
font-size:0.9em;
font-weight:normal;
margin:0px 0px 15px 0px;
padding:5px 0px 8px 14px;
border-bottom:1px dotted #00F;
width: 511px;
}


.article #page #content h6
{
	background: transparent;
	font-size: 0.9em;
	font-weight: normal;
	margin: 6px 0px 0px 0px;
	padding: 6px 0px 0px 0px;
	border-top: 1px dotted #666;
	color: #666;
	letter-spacing: 0.1em;
}

#text-art blockquote
{
	font-family: "andale mono", mono;
	font-size: 1.3em;
	font-weight: lighter;
	padding: 0px;
	margin: 0px;
	padding-bottom: 10px;
	/*border-bottom: dotted 1px black;*/
	width: 480px;
	line-height: 1.4em;
	color: #000;
}

#rub2 #text-art blockquote
{

	/*border-bottom: dotted 1px #00F;*/
}


#chapitre1 h3
{
	font-family: verdana, andale mono, mono;
	font-size: 1.1em;
	font-weight: bold;
	padding-bottom: 0px;
	margin-bottom: 0px;
}


/*---------- Menu Navigation Chapitres ----------*/
#menu-art
{
	border-top: 1px dotted #000;
	border-bottom: 1px dotted #000;
	padding: 14px 0px 14px 0px;
	margin-bottom: 15px;
	position: fixed;
	width: 140px;
	z-index:2;
	margin-top: 36px;
/*
	background-image: url(/TECH/img/barre-grise.png);
	background-repeat: repeat-x;
	background-position: 0px 0px;
*/
}

#rub2 #menu-art
{
	border-top: 1px dotted #00F;
	border-bottom: 1px dotted #00F;}



#menu-art a{
	color: black;
	text-decoration: none;

}

#menu-art a:hover
{
	color: red !important;
	text-decoration: none;
	padding-left: 14px;
	background-image: url(/TECH/img/fleche-rouge.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	padding-bottom: 1px;
}

#rub2 #menu-art .current a
{
	color: #00f;
	text-transform: inherit;
	padding-left: 14px;
	padding-right: 2px;
	padding-bottom: 1px;
	background-color: transparent;
	background-image: url(/TECH/img/fleche-bleue.gif);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	text-decoration: none;
}

#rub3 #menu-art .current a
{
	color: #000;
	text-transform: inherit;
	padding-left: 14px;
	padding-right: 2px;
	padding-bottom: 1px;
	background-color: transparent;
	background-image: url(/TECH/img/fleche-gauche.png);
	background-repeat: no-repeat;
	background-position: 2px 3px;
	text-decoration: none;
}

#rub3 #menu-art a:hover
{
	color: #000 !important;
	background-color: transparent;
	background-image: url(/TECH/img/fleche-gauche.png);
	text-decoration: none;
}

#bloc-desc
{
	width: 140px;
	float: left;
	/*border-bottom: #666;
	border-width: 0px 0px 1px 0px;
	border-style: none none dotted none;*/
	padding-bottom: 5px;
	min-height: 93px;
	font-family: 'verdana', 'geneva', arial;
	font-size: 0.9;
}

#chapitre1
{
	float: left;
	width: 420px;
	margin-left: 30px;
	margin-bottom: 30px;
}

.thetop
{
	margin: 10px 0px 0px 0px;
	padding: 0px 0px 0px 14px;
	width: 280px;
	height: 20px;
	background-image: url(/TECH/img/fleche-haut.png);
	background-repeat: no-repeat;
	background-position: 0px 2px;
	color: grey;
}

#menu-art .thetop a:hover{
	margin: 0px 0px 0px 0px;
	padding: 0px 0px 0px 0px;
	width: 0px;
	height: 0px;
	background-image: url();
	background-repeat: no-repeat;
	background-position: 0px 0px;
	color: grey;

}

#rub2, #rub2 body, #rub2 a, #rub2 a:visited, #rub2 a:hover, #rub2 p, #rub2 h1
{
	color: #000;
	border-color: #000;
}

#rub2,
#rub2 body,
#rub2 a,
#rub2 a:visited,
#rub2 a:hover,
#rub2 p,
#rub2 h1
{
	color: #000;
	border-color: #000;
}


#rub2 a, #rub2 a:visited, #rub2 a:hover { color: #F00}
/* ///////////////////// */
/*      MODE LISTE       */
/* ///////////////////// */
/*.liste body {
background: #fff;
}



.liste h1#top a, .liste h1#top a:visited{
	font-size: 10px !important;
	color: #000;
	font-weight: normal;
}*/


.titre-art
{
	float: left;
	margin-left: 30px;
	background-color: none;
	min-width: 300px;
	}

	
.titre-art h2
{
	font-size: 1.1em;
	padding: 0px;
	margin: 0px 0px 10px 0px;
	font-weight: normal;
	text-transform: uppercase;
}	

#text-art #chapitre1 p {
background-color: transparent;
}

#text-art #chapitre1 img
{
	max-width: 526px;
}




#page #content h5
{
	font-size: 0.9em;
	font-weight: normal;
}

.chemin
{
	border-color: #666;
	border-width: 1px 0px 1px 0px;
	border-style: dotted;
	padding: 8px 0px 8px 0px;
}

#rub2 .chemin
{
	border-color: #00F;
	border-width: 1px 0px 1px 0px;
	border-style: dotted;
}

.article#rub4 .chemin
{
	border-color: red;
	border-width: 1px 0px 1px 0px;
	border-style: dotted;
	padding: 8px 0px 8px 0px;
}

/*.liste .art-texte
{
	width: 132px;
	height: 132px;
	min-height: 15px;
	float: left;
	margin: 7px 8px 0px 0px;
	padding: 0px 0px 0px 0px;
	overflow: hidden;
	margin-bottom: 0px;
}




.ligne-liste
{
	border: 1px solid red;
	width: 660px;
	background-color: #F03;
}*/

.titrelist-art, .detail-art, .date-art {
	height: 20px;
	border-bottom: 1px dotted #666;
	margin: 0px 12px 0px 0px;
	float:left;
}


.titrelist-art {
	width: 200px;
}

.detail-art
{
	width: 304px;
	overflow: hidden;
	height: 200px;
	background-color: #fff;
	padding: 10px;
}

.detail-art img
{
	max-width: 500px;
}

.date-art {
	width: 60px;
}
.desc-art
{
	background-color: transparent;
	width:588px;
	float: left;
	display: none;
	padding:10px 0px 50px 0px;
	margin-bottom: 5px;
	border-bottom: 1px solid #000;
}




/********/
/* NEWS */
/********/

.news{
background:transparent none repeat scroll 0%;
}

.newscontent{

}

.news-title
{
	color: #000;
	font-size: 12px;
	padding-left: 17px;
}
/*************/
/* home page */
/*************/

#viewer {
position: relative;
height: 400px;
overflow: hidden;
margin-bottom: 8px;
}

#viewer a{ position: absolute; left: 0; top: 0;visibility: hidden  }
#viewer a img
{

	max-width: 700px;
}

#nom
{
	position: relative;
	visibility: hidden;
	left: 0;
	top: 0;
	text-transform: uppercase;
	color: #666;
	font-size: 1em;
	letter-spacing: 0.15em;
}


#nav-viewer
{
	clear: left;
	float: left;
	margin-bottom: 8px;
	text-align: center;
}
#nav-viewer li { float: left;  }
#nav-viewer li a
{
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	margin-right: 5px;
	background-color: transparent;
	background-image: url(img/non.gif);
}
#nav-viewer li a:hover {  background-image: url(img/hover.gif);    }

#nav-viewer li a#navActiv {background-image: url(img/active.gif) !important;   }


#chapitre1 ol { position: relative; height: 400px }
#chapitre1 .diaporama-500 ol { height: 500px !important;}

#chapitre1 ol li
{
	position: absolute;
	left: 0;
	top: 0;
	background: #fff;
	width: 526px;
	height: 400px;
	line-height: 400px;
	text-align: left;
	border: 1px none solid #ccc;
}

#chapitre1 .diaporama-500 ol li
{
	height: 500px !important;
	line-height: 500px !important;
}


#chapitre1 ol img { vertical-align: middle; max-width: 526px;}

.diaporama
{
	overflow: hidden;
	width: 526px;
	height: auto;
	margin-bottom: 10px;
	background-color: #FFF;
	padding:0px 0px 5px 0px;
	position: relative;
	left: 0px;
	margin-top:10px;
}


.diaporama img {
max-height: 400px;
}

.diaporama-500 img {
max-height: 500px !important;
}


.diaporama#affiche img {
max-height: 500px !important;
}
.500#affiche img {
max-height: 500px !important;
}

.diaporama ol li { visibility: hidden; height: auto; overflow: hidden;}

.diaporama#affiche ol { height: 501px; }
.diaporama#affiche li { height: auto !important; }

.diapoNav { position: relative; margin-top:10px; left:0px;}
.diapoNav li
{
	float: left;
	list-style-type: none !important;
	margin: 0px !important;
}
.diapoNav li a
{
	display: block;
	float: left;
	width: 10px;
	height: 10px;
	background-image: url(img/non.gif);
	margin-right: 5px;
}
.diapoNav li a:hover
{
	background-image: url(img/hover.gif);
}

.diapoNav li a#diapoActiv
{
	background-image: url(img/active.gif) !important;

}

.tiret
{
	height: 5px;
	width: 60px;
	background-color: #333;
	margin-bottom: 7px;
}

/*#shade
{
	position: fixed;
	top: 0;
	left: 0;
	width: 100%;
	height: 100%;
	background-color: #000;
	filter: alpha(opacity=00);
	-moz-opacity: 0.0;
	opacity: 0.0;
	z-index:20;
}*/

.titre-flux{

color:#333333;
font-family:verdana;
font-size:1em;
font-weight:bold;
letter-spacing:0.3px;
text-transform:uppercase;
}



.titre-flux a, .titre-flux a:visited
{
	text-decoration: none;
	color: inherit !important;
}
.titre-flux a:hover
{
	text-decoration: underline;
}
.date-flux
{
	font-size: 1em;
	font-family: andale mono,'Lucida Console','Courier',monospaced;
	font-weight: normal;
	letter-spacing: 0px !important;
}

.new {
color:blue;
position:relative;
top:-3px;
}

.desc-flux
{
color:#999999 !important;
font-family:verdana,arial,sans-serif;
font-size:1em;
font-weight:normal;
letter-spacing:0;
line-height:1.3em;
}
.desc-flux p
{
	color: #999 !important;
}
/*
#accueil li#work-0,
#accueil li#work-0 a,
#accueil li#work-0 a:visited {
color: #333 !important
}

#accueil li#work-1,
#accueil li#work-1 a,
#accueil li#work-1 a:visited
{
color: #666 !important}


#accueil li#work-2,
#accueil li#work-2 a,
#accueil li#work-2 a:visited {
color: #999 !important
}

#accueil li#work-3,
#accueil li#work-3 a,
#accueil li#work-3 a:visited {
color: #ccc !important
}

#accueil li#work-4,
#accueil li#work-4 a,
#accueil li#work-4 a:visited {
color: #ddd !important
}

#work-0 .titre-flux { color: #000 !important; }
#work-1 .titre-flux  { color: #333 !important; }
#work-2 .titre-flux{ color: #666 !important; }
#work-3 .titre-flux { color: #999 !important; }
#work-4 .titre-flux { color: #CCC !important; }
*/
.img-flux{
color:transparent;
overflow: hidden;
float:right;
width: 226px;
height: 129px;
background: #ddd url('/TECH/img/emppty.png') right center no-repeat;
}
.img-flux a{
color:transparent !important;
}

.img-flux img{
display: block !important;
width: 226px;

}


/* //////// LIENS EXTERNES /////////////*/

#content a[href^="http:"] {
   background: transparent url('/TECH/img/external-red.gif') right center no-repeat;
   padding-right: 5px;
}

#rub4 #content a[href^="http:"] {
   background: transparent url('/TECH/img/external-red.gif') right center no-repeat;
   padding-right: 5px;
}


.diapoHomeTitle { position: absolute; z-index: 10; color: black; top: 100% }
 
 /* //////// LIENS EXTERNES //////////// */
 
/*a[href^="mailto:"] {
   background: transparent url('img/aemail.gif') right center no-repeat;
   padding-right: 10px;
}

#content a[href^="http:"] {
   background: transparent url('img/aoutside.gif') right center no-repeat;
   padding-right: 10px;
}

#content a[href^="http://franck.paul.free.fr"] {
   background: inherit;
   padding-right: 0px;
}/*



/* ///////// TWITTER ////////// */
#news{
border-bottom:1px dotted #000000;
height:30px;
margin:10px 0 12px;
overflow:hidden;
padding:0 0 13px;
width:700px;
display: none;
}

@font-face {
font-family:peignot;
src:url(http://www.wa75.com/TECH/font/Peignot.ttf);
}

#newsticker
{
display:block;
font-family:peignot !important;
font-size:14px !important;
font-weight:normal !important;
text-transform:uppercase !important;
	
}
#newsticker ul
{
	list-style-type:none;
	margin:0px 0 0;
	padding:0;
/*		-moz-transform:rotate(-6deg);*/

}

#newsticker ul li
{
height:200px;
padding:5px;
text-align:center;
vertical-align:middle;
width:200px !important;
	display: table-cell;
}

* html #newsticker ul {
	height: 1.6em;
	overflow: visible;
}
#newsticker li.error {
	color: #f00;
	background-color: #fff;
	padding: 1px 2px;
}
#newsticker #togglenewsticker {
	background: transparent url("img/icon_closenewsticker.gif") no-repeat 0 0;
	overflow: hidden;
	position: relative;
	right: 12px;
	top: 12px;
	width: 14px;
	height: 14px;
}
* html #newsticker #togglenewsticker {
	right: 30px;
}

#newsticker ul li a
{
	display: block;
	color: #333;
}

#newsticker ul li a:hover {
color: blue;
}

#newsticker ul li span a {
display: inline;
color: #333;
}

.twitter-link{
font-size:9px;
text-decoration:none;
}

a#twitter-link:hover{
color: blue;}

#twit
{
	background-color: transparent;
	background-image: url(mg/yellow.png);
	background-repeat: no-repeat;
	background-position: 0px 0px;
	width: 200px;
	height: 200px;
	z-index: 1000;
	position:absolute;
	/*display: none;*/
	}
#twit a{
font-size: 10px !important;
}

#twit a[href^="http://twitter.com/wa75"]{
font-size: 10px !important;
text-decoration: none;
margin-top:3px;
}

#twit a[href^="http://bit.ly/"],
#twit a[href^="http://yfrog.com/"],
#twit a[href^="http://tinyurl.com/"],
#twit a:hover[href^="http://bit.ly/"],
#twit a:hover[href^="http://yfrog.com/"],
#twit a:hover[href^="http://tinyurl.com/"]
{
	color: transparent;
	display: block;
	height: 17px;
	text-align: center;
	width: 140px;
	background-image: url(img/los-link2.png);
	background-repeat: no-repeat;
	background-position: 36px 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
}

#twit a[href^="http://yfrog.com/"],
#twit a[href^="http://twitpic.com/"],
#twit a:hover[href^="http://yfrog.com/"],
#twit a:hover[href^="http://twitpic.com/"]
{
	color: transparent;
	display: block;
	height: 17px;
	text-align: center;
	width: 140px;
	background-image: url(img/los-img3.png);
	background-repeat: no-repeat;
	background-position: 36px 0;
	padding-bottom: 0px;
	margin-bottom: 0px;
}
#randomimg{
position: absolute;
z-index:-1;
}
.liste #pop{
width: 710px !important;
}
.liste #pop .art-texte{
border-bottom:1px dotted #666;
float:left;
margin-bottom:15px;
padding-bottom:15px;
padding-top:0;
width:226px;
margin-right: 10px;
height: 185px;
}


.div-flux{
width: 220px;
float : left;
margin-top:4px;
}

.diaporama.full-width{
width: 700px !important;
margin-left:-170px;
}

.diaporama.full-width ol{
width: 700px !important;
}

.diaporama.full-width ol li{
width: 700px !important;
}

#chapitre1 .diaporama.full-width ol img{
width: 700px !important;
max-width: 700px !important;
}



a#basecamp{
color:#999999;
font-size:9px;
padding:7px;
position:fixed;
right:0;
text-align:right;
text-decoration:none;
top:0;
}

a#basecamp:hover{
background:#CCCCCC none repeat scroll 0 0;
color:#666;
}