/* ---------------------- primary selectors ---------------------- */

body {
	font-size:12px;
	font-family:Verdana, Geneva, Arial, Helvetica, sans-serif, Swiss, SunSans-Regular;
	/*width:100%;*/
	margin:0;
	padding:0;
	background-color:#E9E9E9;
	background-image:url(bkg.gif);
	background-repeat: repeat-y;
	background-position: right top;
}
strong {
	font-weight:bold;
}
em {
	font-style:italic;
}
img {
	border:0;
}
form {
	margin:3px;
	padding:0;
	/*font-size:95%;*/
}
hr {
	visibility:hidden;
	height:1px;
}
a:link {
	color:#007880;
	text-decoration:underline;
}
a:visited {
	color:#aaa;
	text-decoration:underline;
}
a:hover {
	color:#007880;
	text-decoration:none;
	background-color:#fff;
}
th {
text-align:left;
}
/* ---------------------- custom selectors ---------------------- */

.centered {
	text-align:center;
}
.leftFloat {
	float:left;
}
.greyed {
	color:#999;
}

/* ---------------------- blocs and their child selectors ---------------------- */
/* ------------- container ------------- */
#container {
	padding:0;
	border-right: 2px solid #fff;
	border-bottom: 1px solid #fff;
	background-color:#DBDBDB;
	max-width:750px;
	width:expression(document.body.clientWidth > 750? "750px": "auto" );
}
/* -------------------- <supHeader> ----------------------- */
#supHeader {
	margin: 0;
	padding: 0;
	background-image:url(bkg_supHeader.gif);
	background-position:top;
	background-repeat:repeat-x;
	height:33px;
	font-size:10px !important;
}
#supHeader p,
#supHeader option,
#supHeader select,
#supHeader input {
	font-size:10px !important;
}
#supHeader table td {
	padding:0;
	vertical-align:middle;
}
td.leftTD_sH {
	width:167px;
}
td.centerTD_sH {
	width:64%;
}
td.centerTD_sH p {
	text-align:center !important;
}
td.rightTD_sH {
	width:35%;
	text-align:right;
}
#supHeader p {
	margin: 0;
	padding: 0;
	color:#fff;
}
#supHeader form {
	display:inline;
	padding-right:5px;
}
#supHeader select {
	margin:0;
	padding:1px;
	color:#fff;
	background-color:#5c8522;
	border:1px solid #fff;
}
#supHeader a {
	color:#fff;
	font-weight:bold;
}
#supHeader a:hover {
	text-decoration:none;
	color:#376216;
	background-color:#96BC35 !important;
}
/* ------------- header ------------- */
#header {
	background-color:#717171;
	background-image: url(bkg_logo.jpg);
	background-repeat: no-repeat;
	background-position: left top;
}
/* ------------- logo ------------- */
#logo {
	float:left;
	margin:0;
	padding:0;
}
/* ------------- language links ------------- */
#langLinks {
	float:right;
	clear:none;
	color:#fff;
}
#langLinks a:link, #langLinks a:visited {
	background-color:#3F3F3F;
}
#langLinks a:hover {
	background-color:#616161;
}
/* ------------- permanent links ------------- */
/*#permaLinks {
	color:#FFFFFF;
	float: right;
	margin:0;
	padding:0.4em 0.5em 0.5em 1.2em;
	background-image: url(fond_liens_perma.gif);
	background-repeat: no-repeat;
	background-position: left bottom;
	clear: none;
}*/
/* ------------- banner ------------- */
#bannerHP {
	clear:both;
	/*border-top:1px solid #fff;*/
	border-bottom:1px solid #fff;
	margin:0;
	padding-left:177px;
	background-image: url(camera.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:160px;
}
#banner {
	clear:both;
	border-top:1px solid #fff;
	border-bottom:1px solid #fff;
	margin:0;
	padding-left:177px;
	background-image: url(camera.jpg);
	background-repeat: no-repeat;
	background-position: left top;
	height:110px;
}
/* ------------- main menu ------------- */
#mainMenu {
	clear:both;
	margin:0;
	padding:8px;
	background-color:#DBDBDB;
	background-image:url(bkg_mainMenu.gif);
	background-repeat: repeat-x;
	height:21px;
}
#mainMenu p {
	font-size:10px;
	vertical-align:middle;
	letter-spacing:0.1em;
	color:#ddd;
	margin:0;
	padding:0;
}
#mainMenu a:link {
	color:#666;
	text-decoration:none;
}
#mainMenu a:visited {
	color:#aaa;
	text-decoration:none;
}
#mainMenu a:hover {
	color:#666;
	text-decoration:underline;
	background-color:#eee;
}
/* ------------- ligne de structure ------------- */
#structLine {
	margin:0;
	padding:0 5px;
	background-color:#f2f2f2;
	border-top:1px dashed #000;
	border-bottom:1px dashed #000;
}
/* ------------- side content a ------------- */
#sideContentA {
	width:204px;
	float:left;
	clear:both;
	margin:0;
	padding:0 6px 6px 0;
	background-image:url(bkg_sideContentA.jpg);
	background-repeat: no-repeat;
	background-position:bottom right;
}
#sideContentA p{
	font-size:10px;
	margin:3px;
	padding:5px;
}
#sideContentA th input{
	font-size:100%;
}
#sideContentA h1{
	font-size:10px;
	margin:0;
	padding:6px;
	background-color:#fff;
	border-bottom:1px solid #AEAEAE;
}
div.sideItemA {
	border-top:1px solid #AEAEAE;
	border-right:1px solid #AEAEAE;
	border-bottom:1px solid #AEAEAE;
	background-color:#F1F1F1;
	padding:0;
	margin:0 0 2px 0;
}
div.sideItemABis {
	/*border-top:1px solid #AEAEAE;
	border-right:1px solid #AEAEAE;
	border-bottom:1px solid #AEAEAE;*/
	background-color:#DBDBDB;
	padding:0;
	margin:0px -6px -10px 0;
}

p.paniervide {
background-image:url(panier_vide.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:25px !important;
margin-left:6px !important;}
p.panierplein {
background-image:url(panier_plein.gif);
background-position:left;
background-repeat:no-repeat;
padding-left:25px !important;
margin-left:6px !important;}

/* ----- login form ----- */
#form1 {
	text-align:left;
	padding:0;
}
#form1 table{
	margin:6px 0;
}
#form1 table td, #form1 table th{
	vertical-align:middle;
	font-size:10px;
	padding:2px;
}
#form1 table td{
	text-align:left;
}
#form1 table th{
	text-align:right;
	font-weight:normal;
}
/* ------------- main content ------------- */
#mainContent {
	position:relative;
	float:left;
	margin:0 8px 0 8px;
	padding:6px;
	width:500px;
}
#mainContent p, #mainContent input, #mainContent blockquote {
	font-size:10px !important;
}
/*#mainContent p input{
	font-size:100% !important;
}*/
#mainContent li {
	font-size:10px !important;
}
#mainContent h1{
	font-size:14px;
	clear:both;
	color:#999;
	letter-spacing:0.1em;
	margin:1em 0 0 10px;
	padding-bottom:0;
}
#mainContent h2{
	font-size:13px;
}
/* ------------- photo search ------------- */
#search {
	position:relative;
	background-color:#DBDBDB;
	border-bottom:1px solid #fff;
	padding:6px 0 0 12px;
	margin:0;
	/*width:100%;*/
}
#lastEntries {
	position:relative;
	background-color:#DBDBDB;
	border-bottom:1px solid #fff;
	padding:6px 0 0 12px;
	margin:0;
}
#form2 {
	margin:0;
	padding:0;
}
#form2 p {
	margin:0;
	padding:0;
}
/*#search a:link {
	color:#666;
	text-decoration:underline;
}
#search a:visited {
	color:#aaa;
	text-decoration:underline;
}
#search a:hover {
	color:#666;
	text-decoration:none;
	background-color:#fff;
}*/

/* ------------- themes ------------- */
div.visualSelect {
	width:105px;
	height:125px;
	float:left;
	text-align:center;
	padding:0;
	margin:3px;
}
div.visualSelect a {
	display:block;
	position:relative;
	width:95px;
	height:115px;
	margin:5px;
	padding:10px 2px 2px 2px;
}
div.visualSelect a:link {
	background-color:#E9E9E9;
	text-decoration:none;
	color:#000 !important
}
div.visualSelect a:visited {
	background-color:#CCCCCC;
	text-decoration:none;
	color:#555 !important
}
div.visualSelect a:hover {
	background-color:#fff;
	text-decoration:none;
}
div.visualSelect a p {
	margin:0 2px 2px 2px;
	font-size:11px;
	font-weight:bold;
}
div.visualSelect img {
	border:1px solid #fff;
}
.navig {
	clear:both;
}
.leftNavig {
	text-align:left;
}
.rightNavig {
	text-align:right;
}
.navig a:link {
	color:#444 !important;
}
.navig a:visited {
	color:#444 !important;
}
.navig a:hover {
	color:#444 !important;
	text-decoration:none;
}
/*#article p {
	font-size:100%;
}
#article form, #article form p {
	font-size:80%;
}
 #article form input {
	font-size:100%;
}*/
.rechAv {
	clear:both;
	width:500px;
}
.rechAv p {
	border-top: 1px solid #f0f0f0;
	margin:0;
	padding:top;
}
td form input {
	font-size:10px !important;
}
input.bouton {
font-size:10px !important;}
input#chercher {
font-size:10px !important;}
/* ------------- photofile page ------------- */
#photoFile {
	background-image:url(bkg_photoFile.gif);
	background-repeat: repeat-y;
	background-position:top right;
	padding:8px;
}
#photoFile img {
	background-color:#F1F1F1;
	padding:5px;
}
#photoFile h1 {
	font-size:12px;
	margin:15px 0 6px 0;
}
table.resol {
	font-size:10px;
	border:0;
}
table.resol td, table.resol th {
	border:0;
	padding:0.4em;
}
tr.tableHeaders {
	color:#3C8FAA;
}
table.resol th {
	background-color:#f2f2f2;
}
#motsCles {
	position:relative;
	background-color:#DBDBDB;
	border-top:1px solid #fff;
	border-right:1px solid #B3B3B3;
	border-bottom:1px solid #B3B3B3;
	border-left:1px solid #fff;
	padding:10px;
	margin:20px 10px 20px 4px;
}


/* ------------- footer ------------- */
#footer{
	clear:both;
	margin:0;
	padding:0.1em 0.5em 0.1em 0.5em;
	background-color:#f2f2f2;
	text-align:center;
}
#footer img{
	vertical-align:middle;
	margin-right:15px;
}
#footer p{
	font-size:10px;
	color:#999999;
}
#footer a:link {
	color:#666;
	text-decoration:none;
}
#footer a:visited {
	color:#aaa;
	text-decoration:none;
}
#footer a:hover {
	color:#666;
	text-decoration:underline;
}
#signature {
	text-align:right;
	padding:5px 15px 5px 0;
	margin:0;
	color:#666;
	font-size:90%;
	background-color:#f2f2f2;
}