body {
background-color : #fff;
margin:0; /* suppression de toutes les marges */
font-family : verdana, helvetica, arial, sans-serif;
color:#999;
text-align: justify;
font-size: 1em;
scrollbar-face-color: #000;
scrollbar-shadow-color: #000; 
scrollbar-highlight-color: #000;
scrollbar-3dlight-color: #000; 
scrollbar-darkshadow-color: #000;
scrollbar-track-color: #fff; 
scrollbar-arrow-color: #fff;
}
p {
/*font-weight: bold;*/
/*color: #909090;*/
color: #ccc;

/*margin: 0.5em;*/ /*gestion des espaces interparagraphes */
}
img, a img {
border: 0;
}
/*img{
margin: 10px;
border: 0;
}*/
P:first-letter {
color:#ccc;
font-weight: bold; 
text-indent: 30px;
}
h1 { color: #00247e;/*text-align: center;*/}
h2 { color: #333;/*text-align: center;*/}	
h3 {/* text-indent: 10px;*/color: #333;	font-weight: bold;}
span { font-size: 90%; color:#999;}
#auteur { margin-left:15px; }
#auteur p{ font-size: 60%;}	
#date { margin-right:10px; text-align: right; font-size: 60%; }	
#datemiseajour { margin-right:25px; text-align: right; font-size: 60%;}
#principal { width:99%; margin:5px; background-image:url(/img/side_left2.gif); background-repeat: repeat-y; background-color: #fff;}
#principal2 { background-image:url(/img/side_right2.gif); background-repeat: repeat-y; background-position: right;}
#haut { height:10px; background-image:url(/img/side_top2.gif); background-repeat: repeat-x;}
#haut img { vertical-align:top; /* for ie5*/}
#coingh { width:10px; height:10px; background-image:url(/img/corner_tl2.gif); background-repeat: no-repeat;	float: left;}
#coindh { width:10px; height:10px; background-image:url(/img/corner_tr2.gif); background-repeat: no-repeat; float: right;}
#contenu {/*padding: 10px;/* = droite gauche haut bas*//*padding: 10px 10px = haut-bas, droite-gauche*/
background-color: #fff; padding: 10px; /*haut gauche bas droite*/ margin: 10px 10px 10px 10px; font-size: 80%;}
#archive { height:330px;}
#archive2 { height:200px;}
#archive3 { height:250px;}
#archive4 { height:420px;}
#contenu p {/*margin: 0.5em; /*gestion des espaces interparagraphes */ font-size: 80%;}
#avantbas { background-color: #fff; margin: 0.5em; padding: 5px 5px 5px 5px; font-size: 60%;}
#bas { height:20px; background-image:url(/img/side_bottom2.gif); background-position:top;}
#coingb { width:10px; height:20px; background-image:url(/img/corner_bl2.gif); background-repeat: no-repeat; float: left;}
#coindb { width:10px; height:20px; background-image:url(/img/corner_br2.gif); background-repeat: no-repeat; float:right;}
#entete { position: absolute; left:0px; top:0px; width:100%; height:60px; background-color : #fff;}
#logo { display: block; position: absolute; left:0px; top:0px;}
#logo2 { display: block; position: absolute; top: 0px; right: 0px; 
/*  position: absolute;
top:0em; left:-1em; width:0em;
top:2em; left:-1em; width:15em;*/
}
/*#menu { color:#fff;background-color:#9999e6;border:solid 1px #fff;}
#menu a { text-decoration:none;font-weight:bolder;color:#fff;}*/
#menuhaut { margin-top:60px; margin-bottom:1em; /*margin: 0px 0em 0px 0px;*/ background-color:#fff; color:#232323;
border-top: #000 1px solid; border-bottom: #000 1px solid; text-align:right; padding-top: 5px; padding-bottom: 5px;
padding-left:1em; font-size: 65%;}
#menuhaut a { padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; text-decoration: none; 
font-family: verdana, helvetica, arial, sans-serif; font-weight: bold;}
#menuhaut a:link {/*color: #0083FF; line-height: 12px;*/
color: #df2d2d; /*font-family: verdana, helvetica, arial, sans-serif; */
text-decoration: none;}
#menuhaut a:visited { color: #df2d2d; text-decoration: none;}
#menuhaut a:hover {	color: #000; text-decoration: none;	/*padding-bottom: 0px; border-bottom: #fff 3px solid*/}
#menubas { margin-bottom:1em; margin: 0px 0em 0px 0px; background-color:#fff; color:#232323; border-top: #000 1px solid; 
border-bottom: #fff 1px solid; text-align:left;
padding-top: 5px; 
padding-bottom: 5px;
padding-left:1em;
font-size: 65%;
/*	left: 0px; width: 98%; text-align: center;*/
/*//clear: both;
color:#fff;
background-color: #232323;
margin: 0px 0em 0px 0px;//*/
/*	margin: 0px 0px 10px 10px;*/
/* background-position: left bottom; */

/*text-align: left; 
margin: 0px 0px; */
/*	padding-left: 20px; 
	background-image: url(pix/ppk_onder.gif); 
	background-repeat: no-repeat; 
	line-height: normal; 
	moz-box-sizing: 
	border-box; 
	box-sizing: border-box
*/
}
/*#menubas a {
	padding-right: 5px; padding-left: 5px; padding-bottom: 3px; padding-top: 3px; text-decoration: none; 
font-family: verdana, helvetica, arial, sans-serif;
font-weight: bold;
}*/
/*#menubas a:link {
/*color: #0083FF;
line-height: 12px;*/
/*color: #df2d2d;
/*font-family: verdana, helvetica, arial, sans-serif; */
/*text-decoration: none;
}
#menubas a:visited {
 color: #df2d2d;
 text-decoration: none;
}
#menubas a:hover {
	color: #ffffff;
 text-decoration: none;
	/*	padding-bottom: 0px; border-bottom: #fff 3px solid*/
/*}*/
#footer {
clear: both;
font-size: 70%;
font-weight: bold;
color: #fff;
color: #d7d8e1;
line-height: 12px; 

text-align: center;
margin: 10px 0em 0px 0px;
padding: 20px 0px 20px 0px;
/*	border-top: 1px solid #6BA0D2;
	background-repeat: no-repeat;
	background-image: url(signSoph.gif);
	background-position: 0% 95%;*/
}
#footer a {
/*	font-size: 70%;*/
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
#copyright {
	clear: both;
	font-size: 70%;
	color: #fff;
	text-align: center;
	margin: 10px 0em 0px 0px;
	padding: 10px 0px 0px 0px;
	border-top: 1px solid #6BA0D2;
/*	background-repeat: no-repeat;
	background-image: url(signSoph.gif);
	background-position: 0% 95%;*/
}
#copyright a {
/*	font-size: 70%;*/
	font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
}
.miseajour{
font-size: 70%;
text-align:right;
margin-right: 10px;
}

a:link {
	color: #df2d2d; text-decoration: none
}
a:visited {
	color: #df2d2d; text-decoration: none
}
a:hover {
	color: #ccc; text-decoration: none
}

div.float {
float: left;
width:100px;
}
div.float250 {
float: left;
width:270px;
}
div.float p {
text-align: center;
}
div.floatw {
width: 190px;
float: left;
}

div.floatw p {
text-align: center;
}
div.container {

font-size: 70%;

/*   background-color: #D7E7F2;
   border-top: 1px solid #232323;
   border-bottom: 1px solid #232323;*/			
}
div.container2 {
position: absolute;
left:285px;
top:280px;
}
	
div.spacer {
 	clear: both;
}
table {
/*font-size: 80%;
border: 3px #3c6fac solid;*/
border: 0;
padding:0;
border-collapse: collapse;
/*margin-bottom: 10px;
margin-left: 35%;*/
/*margin-right: auto;*/
}
option {
	font-size: 90%;
	color: #fff;
	border-bottom:1px solid #ccc;
	background-color: #3c3c3c;
}
select {
	color: #cc0000; 
    background-color: #3c3c3c;
	font-size: 90%; 
}
input {
	font-size: 90%;  
	color: #fff; 
	border:1px solid #ccc;
	background-color:#000;
}
textarea {
	color: #fff; 
	border:1px solid #ccc;
	background-color:#000;
}
ul#menu { margin: 0 ; padding: 0 ; list-style-type: none ;}
ul#menu li { display: inline;
/*display: block ; width: 100% ;*/
line-height: 15px ;
text-indent: 10px ;
margin: 0 0 5px 5px ;
padding: 0 ;
/*border: 1px solid #000 ;*/
white-space:nowrap;
}
ul#menu li a
{
color: #039 ;
text-decoration: none ;
/*background: url(bg_menu.gif) no-repeat 0 0 ;*/
}

ul#menu li a:hover
{
/*background: url(bg_menu.gif) no-repeat 0 -30px ;*/
color: #b61e3d ;
/*border: 1px solid #039 ;*/
}
/**/
a.info{
position:relative; /*this is the key*/
z-index:24; 
/*background-color:#fff;*/
font-style: normal; 
color: #404040;
text-decoration:none;
}
a.info:hover{z-index:25; 
background-color:#fff;
text-decoration:none;
color:#b61e3d;
}
a.info span{display: none; 
text-decoration:none;
}
a.info:hover span{ /*the span will display just on :hover state*/
display:block;
position:absolute;
top:2em; left:220px; width:220px;
border:1px solid #fff; 
background-color:#fff;
color:#b61e3d;
font-style: normal; 
text-align: center;
text-decoration:none;
}
/**/
.fluxgauche {float : left; margin: 0px 10px 10px 0 ; text-align: center;}
.fluxdroite {float : right ; margin: 5px 0 10px 10px ; text-align: center;}
.aleatoire {padding: 3px; border: 1px solid #000; }
hr {
clear: both;
border: none;
border-top: 1px dashed;
height: 0px;
margin:10px 5px !important;
margin:0px;
color:#fff;
}
#titre {
position:fixed ;
width:100%;
height:15px;
top:0px;
left:0px;
z-index:1; 
background-color:#e5e5e5;
border-top:1px solid #d1d1d1;
padding:2px;
font-size: 70%;
text-align:center;}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#menu_bas {
position: absolute;
bottom: 30px;
text-align:center;
margin:0 auto;}
dl, dt, dd, ul, li {
margin: 0;
padding: 0;
list-style-type: none;
}
#phototheques {
position:fixed ;
bottom: 20px;
left: 0;
z-index:100;
width: 100%;
font: 65% verdana, arial, sans-serif;
}
#phototheques dl {
float: left;
width: 22em;
position: relative;
margin: 0 2px;
}
#phototheques dt {
cursor: pointer;
text-align: center;
font-weight: bold;
background: #ccc;
border: 1px solid gray;

}
#phototheques dd {
background-color: #ccc;
position: absolute;
bottom:1.5em;
width:100%;
}
#phototheques li {
text-align: center;
}
#phototheques li a, #phototheques dt a {
color: #000;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#phototheques li a:hover, #phototheques dt a:hover {
background: #eee;
}
#smenu2{width:200px;}
/*
#smenu3{width:200px;}
.smenu3{width:200px;}
#smenu4{width:200px;}
.smenu4{width:200px;}*/
#copyright2 {
position:fixed ;
width:100%;
height:15px;
bottom:0px;
left:0px;
z-index:1000; 
background-color:#e5e5e5;
border-top:1px solid #d1d1d1;
padding:2px;
font-size: 70%;
text-align:center;}
#realisation {position:absolute; right:0; margin-right:10px;}