body {
/*background-color:#0B3DA4;*/
color:#444444;
}
hr {
	height: 1px;
	color: #CCCCCC;
	background-color: #CCCCCC;
	border: 0;
	margin: 1em 0 .2em 0;
}
#tout {
	position:absolute;
	min-width:900px;
	width:100%;
	font-family: Verdana, Helvetica, Arial, sans-serif;
	font-size:small;
	left: 0px;
	top: 0px;
}
.rig {
height:381px;
width:200px;
float:right;
}
/*#header {
height:95px;
width:100%;
background-image:url(images/fond.gif);
background-repeat:repeat-x;
}*/
/* Contenu */
#contenu{
margin-top:15px;
}
/* Menu Gauche*/
#boitegauche{
float:left;
margin-left:10px;
}
.menugauche{
padding-bottom:0.7em;
margin-bottom:1em;
width:185px;
border:#CCCCCC solid 1px;
background-color:#FFFFFF;
}

.menugauche img{
vertical-align:middle;
margin-right:5px;
margin-left:3px;
}
.titremenugauche {
text-align:left;
font-family:Arial;
font-size:13px;
color:#000000;
background-color:#E1E1E1;
line-height:20px;
padding-left:5px;
}
.listemenugauche{
margin: 0;
padding:0;
}
.listemenugauche form{
text-align:center;
}
.listemenugauche a{
color:#0078CF;
text-decoration:none;

font-family:arial,sans-serif;
font-size:12px;
}

.listemenugauche ul {
list-style:none;
padding:7px 0 0 0 ;
margin:0;
}
.listemenugauche li {
display:block;
line-height:23px;
}
.listemenugauche a:hover {
color:#FF6600;
}
/* Centre */
.rig {
width:95px;
height:185px;
float:right;
}
.pub {
overflow:hidden;
text-align:left;
margin-bottom:2px;
}
#centre {
background-color:#FFFFFF;
border:#CCCCCC solid 1px;
margin-left:205px;
min-width:480px;
}
.barre{
}
#centre object{
text-align:center;
}
#contenucentre {
padding:0;
}
#titrecentre {
text-align:left;
background-color:#0B3DA4;
color:#FFFFFF;
font-weight:bold;
}
#centre h1, h2, h3 {
font-family:Helvetica, sans-serif;
}
#centre h1{
color:#333333;
text-align:left;
font-size: 170%;
padding-bottom: .17em;
}
#centre h2{
color:#0B3DA4;
font-size: 135%;
	padding-top: .17em;
	padding-bottom: .17em;
	border-bottom:1px #CCCCCC solid;
}
#centre h3 {
font-size:110%;
color:#0099CC;
}
#centre h3 , h4 , h5{
font-size: 110%;
	padding-top: .5em;
	padding-bottom: 0;
	margin-left:0.5em;
}
#centre a{
color:#0078CF;
text-decoration:none;
}
#centre input{
border:1px #999999 solid;
background-color:#FFFFFF;
color:#333333;
}
.flash {
text-align:center;
}
#footer {
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
text-align:center;
font-size:x-small;
padding:5px;
clear:both;
margin-bottom:0.5em;
}
#footer a{
color:#0078CF;
text-decoration:none;
}
#footer span{
padding-left:15px;
padding-right:15px;
}
.rech {
padding-left:17px;
background-image:url(images/magnifier.png);
background-repeat:no-repeat;
}
.arti{
margin-bottom:2em;
}
.arti p{
margin-top:0.5em;
}
.titrearti {
padding-left:20px;
background-image:url(images/page.png);
background-repeat:no-repeat;
background-position:left;
color:#0078CF;
line-height:1.5em;
}
.titrenews {
padding-left:20px;
background-image:url(images/newspaper.png);
background-repeat:no-repeat;
background-position:left;
color:#0078CF;
}
.date {
color:#666666;
font-size:0.7em
}
.vignette {
float:left;
margin-left:10px;
margin-bottom:10px;
width:126px;
height:176px;
border:#999999 1px solid;
}
div.spacer {
 	clear:left;
 }
.image{
width:120px;
height:120px;
display:block;
border:0;
padding:3px;
}
.legende{
display:block;
font-size:12px;
padding:5px;
vertical-align:middle;
}
.liens_fr {
background: transparent  url(images/fr.gif)  0px 7px no-repeat;
padding: 1px 1px 1px 20px;
display:block;
line-height:1.5em;
}
.liens_us {
background: transparent  url(images/us.gif)  0px 10px no-repeat;
padding: 1px 1px 1px 20px;
display:block;
line-height:1.5em;
}
.lien_interne {
background: transparent  url(images/world_link.png)  0px 7px no-repeat;
padding: 1px 1px 1px 20px;
display:block;
line-height:1.5em;
}
.lien_video {
background: transparent  url(images/film.png)  0px 5px no-repeat;
padding: 1px 1px 1px 20px;
display:block;
line-height:1.5em;
}
.lien_retour{
background: transparent  url(images/retour.png)  0px 5px no-repeat;
padding: 1px 1px 1px 20px;
display:block;
line-height:1.5em;
font-size:1em;
}
.vig {
float:left;
margin-left:10px;
margin-bottom:10px;
width:250px;
height:250px;
border:#999999 1px solid;
}
.ima{
max-width:200px;
max-height:200px;
display:block;
border:0;
padding:25px;
margin-left:auto;
margin-right:auto;
}
.illu {
max-height:250px;
max-width:250px;
padding:5px;
margin:5px;
border:#999999 1px solid;
}
.illud {
float:right;
max-height:150px;
max-width:150px;
padding:2px;
margin:2px;
border:#999999 1px solid;
}
#logod img{
padding:5px;
border:#CCCCCC 1px solid;
}
.control {
border:#0B3DA4 1px solid;
padding:5px;
margin-top:15px;
}
.screen {
width:400px;
height:200px;
padding:3px;
border:#999999 1px solid;
}
.son {
padding-left:20px;
background-image:url(images/music.png);
background-repeat:no-repeat;
background-position:left;
line-height:1.5em;
}
.film {
padding-left:20px;
background-image:url(images/page_white_star.png);
background-repeat:no-repeat;
background-position:left;
line-height:1.5em;
}
.vidz {
padding-left:20px;
background-image:url(images/film.png);
background-repeat:no-repeat;
background-position:left;
line-height:1.5em;
}
.gal {
padding-left:20px;
background-image:url(images/picture.png);
background-repeat:no-repeat;
background-position:left;
line-height:1.5em;
}
.appz {
padding-left:20px;
background-image:url(images/computer.png);
background-repeat:no-repeat;
background-position:left;
line-height:1.5em;
}
.goodie {
padding-left:20px;
background-image:url(images/emoticon_grin.png);
background-repeat:no-repeat;
background-position:left;
line-height:2em;
}
.citation {
width:90%;
line-height:1.2em;
background-color:#FEFCD8;
padding:5px;
border:1px solid #FFCC00;
margin-right:auto;
margin-left:auto;
}

.citation p{
margin:0.7em;
}
.annonce {
color:#FF0000;
line-height:1.2em;
font-size:1.1em;
background-color:#FFDDDD;
border:1px solid #FF0000;
margin-right:5px;
margin-left:5px;
padding:1em 10px 1em 80px; 
background-image:url(images/attention.png);
background-repeat:no-repeat;
background-position:left;
}
.descri {
font-weight:bold;
color:#333333;
padding-right:10px;
}
.actuasite{
border-collapse:collapse;
}
.actuasite td{
background-color:#FEFCD8;
border:1px solid #FFCC00;
}
.merci {
color:#555555;
width:90%;
line-height:1.4em;
padding:5px;
min-height:80px;
border-top:1px solid #CCCCCC;
border-bottom:1px solid #CCCCCC;
margin-right:auto;
margin-left:auto;
margin-top:2em;
margin-bottom:1.5em;
}
.merci img{
float:right;
padding-left: 4px;
vertical-align:middle;
}
.achat {
border:#0066FF 1px solid;
height:50px;
font-size:1.1em;
padding:1em 10px 0px 80px; 
background-image:url(images/achat.png);
background-repeat:no-repeat;
background-position:left;
background-color:#DDEEFF;
}
.achat a {
color:#0066FF;
}
.articles {
width:60%;
 height:60px;
 padding:5px;
 margin:6px;
 margin-left:30px;
 margin-right:30px;
 margin-bottom:20px;
 vertical-align:top;
	}
	
	.articles img{
	width:55px; 
	margin-right:10px;
	height:55px;
	 float:left;
	  text-align:right;
	   border:none;
	}
	.inscri {
	border:1px #CCCCCC solid;
	background-image:url(images/04.png);
	background-repeat:no-repeat;
	background-position:left;
	padding-left:200px;
	min-height:185px;
	}
		.nombre {
	border:1px #CCCCCC solid;
	background-image:url(images/23.jpg);
	background-repeat:no-repeat;
	background-position:top;
	min-height:205px;
	padding:205px 5px 5px 5px;
	}
	.simil {
width:60%;
 padding:5px;
 margin:6px;
 margin-left:30px;
 margin-right:30px;
 margin-bottom:20px;
 vertical-align:top;
 }
 	.simil img{
	width:55px; 
	margin-right:10px;
	height:55px;
	 float:left;
	  text-align:right;
	   border:none;
	   }