/* CSS Document */
@import url('reset.css');
/* /// COLOR ///
rouge	:	#E3001B;
bleu	:	#014495;
jaune	:	#FFCC01;
gris	:	#9FA0A2;
/// END COLOR /// */

body
{
	padding: 0; margin: 0;
	font-family: Arial, sans-serif; font-size: 0.8em;
	background-color: #B7B7B7;
}

/* ///////////////// Formulaire demande images /////////// */
#formulaire_demande_images td { padding: 2px 16px 2px 0 }
#formulaire_demande_images input, #formulaire_demande_images textarea { font: 11px verdana; width: 230px }

#conditions { overflow:auto; height: 360px; width: 230px; font: 10px arial; padding: 0 8px 2px 0 }


h1 { font: bold 20px arial; color:#014495; margin-bottom: 10px; }
h2 { background-color: #014495; font: bold 20px arial; color:#fff; padding: 2px; margin: 2px 0 6px 0; /*width: 640px*/ }
h3 { font: bold 14px arial; color:#FFCC01; margin-bottom: 9px } 
h4 { font: bold 14px arial; color:#014495; margin-bottom: 9px }

hr {
	background:none repeat scroll 0 0 #F0F0F0;
	border:0 none;
	clear:both;
	color:#F0F0F0;
	height:1px;
	margin:0 0 10px;
}

a { text-decoration: none; }
a:hover { text-decoration: underline; }

span { color: #E3001B; }

#page { position: relative; margin: 0 auto; width: 1000px; background: #FFF }

#header { height:213px; overflow:hidden }
#logo { float:left }

#masque
{
	position: absolute;
	left: 0;
	top: -6px;
}

#menu
{  
	float:left;
	height:100%; width:431px;
	background:url('images/menu.png') 0 213px;
}

#menu-phototheque
{
	margin-top: 70px;
}

#menu2 { width: 215px; background-color:#E3001B; margin-bottom: 15px; }
#menu2 ul { width: 180px; margin: 0 auto; padding: 0; }
	#menu2 ul li { list-style: none; }
	#menu2 ul li.toggleSub > a  { font-size: 14px; font-weight: bold; }
		#menu2 ul li a, a.thematiques
		{ 
			color: #FFF; 
			font-family: Arial, Helvetica, sans-serif; 
			font-size: 1em;
			/*font-weight: normal;*/
			text-decoration: none;
		}
a.theme { color: #E3001B; }
a.theme:hover { font-weight: bold;  }
#menu2 ul li a:hover, #menu ul li.toggleSub a:hover, a.thematiques:hover, #menu2 ul.open li.actif a
{
	color: #E3001B; 
	font-weight: bold; 
	background-color: #FFF;
}
	#menu2 ul.sub { margin-left: 15px; }

div#panier { width: 215px; margin-top: 5px; text-align: center; }
	a.lien_panier { color: #FFFFFF; text-decoration:none; }
	a.lien_panier:hover { text-decoration: underline; }

form p { margin: 0; }
#search { height:23px; width:289px; float:left; background:#DFDFDF; padding-top:2px }
#search .zoom { position: absolute; top: -3px; right: 10px; margin: 0; padding: 0; list-style: none; }
#search .zoom  li { float: left; margin: 0 4px; padding: 0; font-size: 1.2em; }
#search .zoom a, #search .zoom a:hover 
{ 
	display: block;
	float: left;
	text-decoration: none;
	color: #666;
	font-weight: bold;
	display: block;
	float: left;
}
#search .zoom a:hover { color: rgb(204,102,0); }
#search .zoom .zoom1 a { font-size: 0.9em; padding-top: 7px; }
#search .zoom .zoom2 a { font-size: 1.2em; padding-top: 3px; }
#search .zoom .zoom3 a { font-size: 1.5em; padding-top: 0px; }


#search input.inp-text { border:1px solid #666; width:140px; margin:0;  padding: 2px 5px; font-size: 0.9em; }	
#search input.inp-btn { width: 40px; border:none; background-color:#C8D101; color:#FFF; cursor: pointer; }	
	
	
#clock { position:absolute; right:65px; top:25px }

#date
{
	position:absolute;
	right:15px;
	top:70px;
	text-align:center;
	font-size:1.5em;
	font-weight:bold;
	color:#9B9D9F;
}

#jour { color: #333333; font-size: 29px; background:url(images/fond_jour.png) no-repeat left top; width: 42px; height: 36px }

#content { background:url('images/content_bg_ville.gif') 0 bottom repeat-y; position:relative }
#colg
{
	width:215px;
	background:#E3001B;
	float:left;
	position:relative;
	padding:0 12px;
}

#center
{
	width: 642px;
	padding: 0 5px 0 25px;
	background:#FFF left bottom repeat-x;
	overflow:hidden;
}

#center:after 
{
	content: '.';
	display: block;
	visibility: hidden;
	height: 50px;
	clear: both;
}

#tools
{
	clear:both;
	height:39px;
	width:762px;
	padding-left:238px;
	background:url('images/tools-bck.gif') left bottom repeat-x;
}

.footer_article
{
	float:left;
}

.footer_article img
{
	vertical-align: middle;
	margin-right:5px;
}

.footer_article a
{
	color:#FFF;
	margin-right:5px;
	text-decoration: none;
}
.footer_article a:hover { text-decoration: underline; }

#haut_page { float:right; margin-right:15px; line-height:32px }
#haut_page a { color:#FFF; text-decoration: none; }
#haut_page a:hover { text-decoration: underline; }
		
		
#footer
{
	width:100%;
	height:140px;
	padding-top:10px;
	background:#FFCC00;
	font-size:0.9em;
	line-height:1.1em;
	position:relative;
	clear: both;
}

#lien_footer
{
	width:239px;
	float:left;
}

#lien_footer a
{
	color:#000;
	text-decoration: none;
}
#lien_footer a:hover { 	text-decoration: underline; }

#lien_footer ul
{
	list-style:none;
	margin:0;
	padding-left: 18px;
}

.adresse
{
	width:165px;
	float:left;
}

.adresse a
{ 
	color:#E3001B;
	text-decoration: none;
}
.adresse a:hover { text-decoration: underline; }

#masque_footer
{
	position:absolute;
	right:0;
	bottom:0;
}


img { border: 0 }


/* /////////////   images etc... //////////////// */
#derniere_images { 
	background-color: #014495; 
	font: bold 13px verdana; 
	color:#FFF; 
	padding: 2px 2px 5px; 
	margin: 2px 0 20px 0; 
	width: 628px;
}
	#derniere_images img { margin-left: 5px; position: relative; top: 4px; }
	
.divThumb { 
	float:left; 
	margin: 0 8px 8px 0; 
	width: 150px; 
	border: 1px solid #014495; 
	text-align:center; 
}
.divThumb:hover { background-color: #F0F0F0; }
.divThumb_img { 
	display: table-cell; 
	text-align: center;
	vertical-align: middle; 
	width: 140px;
	height: 126px;
}
.divThumb_img * { vertical-align: middle; }

.titreimage {
	height: 35px;
	margin: 3px 3px 0 5px; font: 10px arial;
	display: block; border-top: 1px dashed #014495;
	padding-top: 2px;
	padding-bottom: 5px;
}

a.retirer { color: #E3001B; font-weight: bold; }
	a.retirer img { margin-right: 5px; }


div#top-photo { background-color: #014495; padding: 5px; }
div#top-photo:after {
	content: '.';
	display: block;
	visibility: hidden:
	height: 0;
	clear: both;
}
	div#top-photo h2 { float: left; margin-bottom: 5px; }
	div#top-photo h4 { float: right; color: #FFCC01; margin-top: 10px; }
	div#ajout_panier { clear: both; }

#chemin { font: 11px verdana; margin-bottom: 15px; }
#chemin a:hover { text-decoration: underline; }

.image_gf { 
	margin-top: 5px;
	border: 1px solid #014495;
}

div#bottom-photo { 
	background-color: #F0F0F0;
	margin-top: 5px;
	padding: 5px;
	border-top: 1px solid #014495;
	border-left: 1px solid #014495;
	border-right: 1px solid #014495;		
	border-bottom: 5px solid #014495;
}
	p#date-photo { float: left; }
	p#auteur-photo { float: right; }
	p#description { padding-top: 5px; clear: both; }


div#bottom { margin-top: 20px; }
div#bottom:after 
{
	content: '.';
	display: block;
	visibility: hidden;
	height: 0;
	clear: both;
}

.divThumbNav {	margin-right: 10px; border: 1px solid #014495; float: left; }
	img.prev-btn, img.next-btn {
		display: block;
		width: 17px;
		height: 46px;
		margin: 20px 0;
	}
	img.prev-btn { float: left; }
	img.next-btn { float: right; }
	img.prev-thumb, img.next-thumb { vertical-align: middle; padding: 5px; }
	
#suivant_precedent { float: left }

.back { margin: 10px 0 25px 0; }
a.back:hover { text-decoration: underline; }
#liste_themes { float: right; width: 285px }

div#options-panier {
	margin-top: 10px;
	padding: 2px 5px;
	background-color: #014495;
}
	div#options-panier input { margin-top: 5px; }

#pagination { border-top: 1px dotted #014495; border-bottom: 1px dotted #014495; margin: 12px 0 20px 0; padding: 4px 0 5px 0; text-align:center }
	.nav { position: relative; top: 5px; }



/* ////// entete //////////// */
#entete { text-align: right; height: 30px }


/* ////// partie centrale //////////// */
#gauche_droite { margin: 0 auto; width: 970px; }

#fleurs { float:left; width: 99px; height: 479px; background:url('images/huningue_fleurs_gauche.gif') no-repeat }
	#fleurs img { margin-top: 379px; }
	
#gauche { float:left; width: 165px; font: 12px arial; color:#FFF; background-color: #99B333; }
	#menu_gauche { position: relative; width: 165px; min-height: 483px; padding: 10px 3px 25px 4px; }
		
		.titre_thematique { padding: 0; margin: 0; cursor: pointer; font: bold 14px arial; color:#014495; display: block; min-height:25px; }


		#plan_site { width: 165px; background-color:#666; }

		.sousmenu {
		border-left: 2px solid white;
		background-color: #99B333;
		position: absolute;
		left: 165px;
		z-index: 100;
		margin-top: -25px;
		padding: 5px 0 5px 0;
		width: 20em;
		display: none;
		}
		
#droite { 	float:left; width: 658px; min-height: 494px; padding: 12px 23px 26px 25px;
			background-color: #336600; font: 11px verdana; color:#FFF }
	#droite a { color: #fff; text-decoration:none }
	#droite a:hover { color: #014495; text-decoration:none; }
	#droite td { font: 11px verdana; color:#FFF }

#titre_photo { background-color: #014495; padding: 1px; margin: 2px 0 6px 0; }
	#titre_photo h2 { float:left; font: bold 20px arial; color:#fff; width: 546px }
	#titre_photo h6 { float:right; font: bold 12px arial; color:#fff; width: 80px; margin: 8px 10px 0 0 }


/* /// Auteurs /// */
ul#liste-auteurs { margin-left: 20px; }
	ul#liste-auteurs li {
		list-style-image: url('images/puce-rouge.gif');
		padding: 10px;
		border-bottom: 1px dotted #666;
	}
	ul#liste-auteurs li:hover { background-color: #F0F0F0; }	
/* /// end Auteurs /// */