/* TABLE OF CONTENT 
--------------------------------------------
www.photo-sebbru.com

- General Styles
  * Global
  * Forms
  		+ Search
  		+ Contact (e-mail)
		+ Login / Register / Users list
		+ AjaxSearch Snippet
		+ Jot (Guestbook, Comments...)
- Home page Layout
- Site Layout
  * Containers
  * Top menus
  * Content part
    + Left part: fixed photographs and galeries
    + Right part: Legends, texts, navigation, contact, search...
	o General
	o News summary
	o Galerie summary
	o Galerie sub-category icons
	o Links page
  * Bottom menus
    + Primary menu
    + Secondary menu
  * Footer

*/



/* ------------ GENERAL STYLES ------------ */
/* ------------ Global ------------ */
html
{
	overflow: hidden;
}

body
{
	margin: 0;
	padding: 0;
	background: #FFFFFF url('../images/fond_aquarelle_1.jpg') no-repeat top center;
	font-size: 70%;
	font-family: verdana;
	color: #000;
}

/* ------------ Forms ------------ */
/* ------ Search ------ */

span.search
{
	display: block;
	height: 25px;
	width: 152px;
	background: #000 url('../images/headercont-background_dark.jpg') repeat-x;
	border: 0;
	margin: 0;
	padding: 0;
}

span.search:hover
{

}

span.searchlink
{
	position: absolute;
	right: 22px;
	vertical-align: middle;
	font-size: 10px;
	line-height: 23px;
	width: 120px;
	text-align: right;
	letter-spacing: 0;
	color: #FFF;
}

input.search
{
	position: absolute;
	right: 27px;
	top: 3px;
	width: 120px;
	height: 15px;
	padding: 2px 4px 1px 4px;
	margin: 0;
	border: 1px solid #FFF;
	font-family: verdana, arial;
	font-size: 10px;
	vertical-align: middle;
	color: #FFF;
	background: #333;
}

input.search:focus
{
	border-bottom: 1px dashed #FFF;
	background: #000;
}

input.submit
{
	position: absolute;
	right: 5px;
	top: 1px;
	height: 19px;
	width: 19px;
	padding: 0;
	margin: 2px 0 0 0;
	border: 1px solid #FFF;
	color: #FFCCEE;
	font-size: 75%;
	font-weight: bold;
	line-height: 14px;
	background: #000;
}

input.submit:hover
{
	background: #009EE0;
	color: #000;
}

input.submit:active
{
	color: #FFF; /* #009EE0; ou #E2007A; ou #FFCCEE; ou #99DDDD */
}


/* ------ Contact (same input for Login and Search) ------ */

input.contact, input.login, #ajaxSearch_input, input.guestbook
{
	display: block;
	width: 150px;
	height: 15px;
	padding: 2px 4px 1px 4px;
	margin: 0;
	margin-bottom: 4px;
	border: 1px solid #FFF;
	font-family: verdana, arial;
	font-size: 10px;
	color: #FFF;
	background: #333;
}

textarea.message
{
	display: block;
	width: 450px;
	height: 150px;
	padding: 0px 0px 0px 4px;
	margin: 0 -20px 0 0;
	border-top: 8px solid #E2007A;
	border-bottom: 0px solid transparent;
	border-left: 0px solid transparent;
	border-right: 0px solid transparent;
	font-family: verdana, arial;
	font-size: 10px;
	color: #FFF;
	background: #333;
}

input.send
{
	position: relative;
	left: 394px;
	bottom: 178px;
	height: 20px;
	width: 60px;
	padding: 0;
	margin: 0;
	border-width: 0px;
	color: #FFF;
	font-size: 10px;
	background: #E2007A;
}

input.send:hover
{
	background: #A2007A;
}

input.send:active
{
	background: #333;
}



/* ------ Newsletter ------ */

span.error
{
	color: #E2007A;
}



/* ------ Login / Register / Users list ------ */

span.required
{
	display: inline;
	color: #E2007A;
}

textarea.signature
{
	width: 410px;
}

button.login
{
	display: inline;
	height: 20px;
	padding: 5px 5px 20px 5px;
	margin: 0;
	border-width: 0px;
	color: #FFF;
	font-size: 10px;
	background: #E2007A;
}

button.login:hover
{
	background: #A2007A;
}

button.login:active
{
	background: #333;
}

fieldset.login
{
	border-top: 1px solid #E2007A;	
	border-left: 1px solid #E2007A;
	border-right: 1px solid #E2007A;
	border-bottom: 4px solid #E2007A;
	padding: 10px;
	margin: 0px;
}

form img.vericode
{
	position: relative;
	left: 1px;
	top: -5px;
	display: block;
	border-left: 8px solid #E2007A;
}

form img.register
{
	position: relative;
	left: 314px;
	top: -258px;
	display: block;
	float: left;
	clear: right;
}

#leftfields
{
	display : block;
	width: 290px;
	float: left;
	margin-bottom: 10px;
}

#rightfields
{
	display : block;
	width: 160px;
	float: left;
	margin-bottom: 10px;
}


#fields
{
	display: block;
	width: 450px;
	float: left;
}

#leftfieldsregister
{
	display : block;
	width: 250px;
	float: left;
	margin-bottom: 10px;
}

#rightfieldsregister
{
	display : block;
	width: 140px;
	float: left;
	margin-bottom: 10px;
}

#fieldsregister
{
	display: block;
	width: 410px;
	float: left;
}

#nested
{
	width: 90%;
}

span.galerieuser img
{
	display: inline;
	clear: right;
	margin: 0 0 20px 10px;
	padding: 0;
	width: 50px;
	height: 50px;
	border: 8px solid #E2007A;
	background: #000;
	vertical-align: bottom; /* empêche Firefox de mettre un espace bottomline à l'image */
}


/* ------ Ajax Search snippet ------ */

#ajaxSearch_form fieldset
{
	border-top: 1px solid #009EE0;	
	border-left: 1px solid #009EE0;
	border-right: 1px solid #009EE0;
	border-bottom: 4px solid #009EE0;
	padding: 10px;
	margin: 0px;
}

#searchClose /* button for closure of search */
{
	border: 1px solid #009EE0;
}

#indicator /* button for search progress */
{
	margin-left: 5px;	
	border: 1px solid #009EE0;
}

#ajaxSearch_result
{
	border-top: 1px solid #009EE0;	
	border-left: 1px solid #009EE0;
	border-right: 1px solid #009EE0;
	border-bottom: 4px solid #009EE0;
	padding: 10px;
	margin: 0px;
}

#ajaxSearch_result h2 a, h2 a:visited, h2 a:hover, h2 a:link
{
	cursor: pointer;
	text-decoration: none;
}

.ajaxSearch_resultLink
{
	color: #009EE0;
}
.ajaxSearch_highlight, .ajaxSearch_highlight1, .ajaxSearch_highlight2, .ajaxSearch_highlight3, .ajaxSearch_highlight4, .ajaxSearch_highlight5
{

}



/* ------ Jot comment snippet (Guestbook, Comments...) ------ */

fieldset.guestbook
{
	border-top: 1px solid #FFAA00;	
	border-left: 1px solid #FFAA00;
	border-right: 1px solid #FFAA00;
	border-bottom: 4px solid #FFAA00;
	padding: 10px;
	margin: 0px;
}

button.guestbook
{
	display: inline;
	height: 20px;
	padding: 5px 5px 20px 5px;
	margin: 0;
	border-width: 0px;
	color: #FFF;
	font-size: 10px;
	background: #FFAA00;
}

button.guestbook:hover
{
	background: #CCA000;
}

button.guestbook:active
{
	background: #333;
}

button.delete:hover
{
	background: #cc4000;
}

button.publish:hover
{
background: #a1a100;
}

textarea.guestbook
{
	width: 410px;
	border-top: 8px solid #FFAA00;
}

span.jot-editby
{
	font-size: 0.8em;
	color: #888;
}

span.jot-subject
{
	font-size: 1.1em;
	color: #888;
}

a.whoisip, a.whoisip:active, a.whoisip:hover, a.whoisip:visited
{
	font-size: 0.8em;
	color: #666;
	font-style: italic;
	text-decoration: none;
}

a.whoisip:hover
{
	color: #cc4000;
}

.jot-comment
{
	margin-top: -5px;
}

.jot-poster
{
	font-size: 0.9em;
}

.jot-content hr
{
	margin-top: -3px;
	background-color: #FFAA00;	
	color: #CCA000;
	height: 3px;
}

/* ------------ HOME PAGE LAYOUT ------------ */

#headerconthome
{
	width: 1000px;
	height: 25px;
}

#mainconthome
{
	width: 1000px;
	height: 500px;
	background: #000 url('../assets/images/random/home/wide/rotate.php') no-repeat 25px 25px;
	border: 1px solid #000;
	text-align: center;
}

#mainconthome .browsers
{
	width: 950px;
	height: 30px;
	position: absolute;
	top: 490px;
	left: 25px;
	padding: 0;
	text-align: center;
	vertical-align: middle;
	overflow: hidden;
	color: #888;
	font-size: 0.9em;
	font-variant: small-caps;
}

#mainconthome .browsers img
{
	position: relative;
	top: 5px;
}

#mainconthome h1 /* position to be fixed for i.e. */
{
	font-family: verdana, arial;
	font-variant: small-caps;
	font-weight: lighter;
	font-size: 240%;
	padding: 0 0 0 0;
	width: 900px;
	letter-spacing: +5px;
	border-bottom: 1px solid #000;
	position: absolute;
	top: 200px;
	left: 50px;
	text-decoration: none;
}

#mainconthome h2
{
	display: inline;
	font-size: 120%;
	position: absolute;
	width: 50%;
	top: 270px;
	left: 25%;
	color: #FFF;
	border: none;
	margin-top: 20px;
	background: #000;
	text-decoration: none;
	filter:alpha(opacity=40);
	-moz-opacity:0.4;
	-khtml-opacity: 0.4;
	opacity: 0.4;
}

#mainconthome h2 span
{
	display: block;
	text-decoration: none;
}

#mainconthome h2 a, h2 a:hover, h2 a:visited, h2 a:link
{
	cursor: pointer;
	color: #FFF;
	text-decoration: none;
}

#mainconthome h2 a span, h2 a:hover span, h2 a:visited span, h2 a:link span
{
	text-decoration: none;
}

#mainconthome h1 span
{
	display: inline;
	position: relative;
	top: -12px;
	padding: 0 0 0 0;
	margin-bottom: 10px;
	text-align: center;
	font-family: georgia, verdana, arial;
	font-size: 60%;
	font-weight: normal;
	color: #FFF;
	letter-spacing: +4px;
	text-decoration: none;
	background: #E2007A;
}

#mainconthome h1 a, h1 a:hover, h1 a:visited , h1 a:link
{
	cursor: pointer;
	color: #000;
	text-decoration: none;
}

#mainconthome h1 a span, h1 a:hover span, h1 a:visited span, h1 a:link span
{
	text-decoration: none;
}

#mainconthome p.caption
{
	position: absolute;
	width: 500px;
	left: 250px;
	top: 490px;
	margin: 5px 0 0 0;
	text-align: center;
	overflow: hidden;
	color: #FFF;
	font-variant: small-caps;
}

#footerconthome
{
	font-family: arial;	
	display: block;
	position: fixed;
	bottom: 0;
	float: left;
	width: 970px;
	height: 50px;
	color: #555;
	font-size: 0.7em;
	padding: 3px 15px;
}

/* ------------- SITE LAYOUT -------------- */
/* ------------- Containers ----------- */

#centrecontainer
{
	position: absolute;
	top: 53%;
	left: 0px;
	width: 100%;
}

#outercontainer
{
	margin-left: -500px;
	position: absolute;
	top: -300px;
	left: 50%;
}

#container    
{
	width: 1000px;
	height: 570px;
}

#menucontainer
{

}

/* -------------- Top menus ------------- */

#headercont
{
	width: 479px;
	height: 25px;
	background: #000 url('../images/headercont-background_dark.jpg') repeat-x;
	letter-spacing: -1px;
	color: #000;
	margin: 0 0 0 0;
	padding: 0 10px 0 10px;
	text-align: center;
	border-right: 1px solid #000;
	border-left: 1px solid #000;
}

#headercont ul , #headercontright ul/*, #footercont ul */
{
	margin: 0;
	padding: 5px 0 0 0;
	list-style-type: none;
}

#footercont ul li, #headercontright ul li
{
	display: inline;
	margin: 0 0 0 10px;
}

#headercont ul li
{
	display: inline;
	margin: 0 0 0 10px;
	color: #FFF;
}

#headercont ul li a, #footercont ul li a, #headercontright ul li a
{
	color: #A0A0A0;
	text-decoration: none;
}

#headercont ul li a:hover, #headercontright ul li a:hover	
{
	color: #FFF;
	text-decoration: none;
}

#headercontright
{
	position: absolute;
	z-index: 200;
	top: 0;
	left: 850px;
	width: 152px;
	height: 25px;
	background: #000 url('../images/headercont-background_dark.jpg') repeat-x;
	letter-spacing: -1px;
	color: #000;
	margin: 0 0 0 0;
	padding: 0;
	text-align: right;
}

#headercontright ul
{
	padding: 5px 0 0 0;
	margin: 0 -10px 0 0;
}

#headercontright ul li a
{
	color: #444;
}

#headercontright ul li a:hover
{
	color: #FF0000;
}


/* -------------- anchor link div -------------*/

#topanchor
{
	display: block;
	position: absolute;
	left: 985px;
	top: 526px;
	width: 17px;
	z-index: 900;
	height: 20px;
	font-size: 10px;
	line-height: 20px;
	color: #000;
	vertical-align: middle;
	text-align: center;
	margin: 0;
	padding: 0;
}

#topanchor a, #topanchor a:visited, #topanchor a:hover
{
	color: #000;
	text-decoration: none;
}

/* -------------- Left menu ------------- */


#usermenu
{
	position: absolute;
	top: 50px;
	left: -20px;
	width: 20px;
	height: 20px;
	background: #444;
	z-index: 1;

}

#usermenu:hover
{
	z-index: 3;
}

#usermenuhint
{
	position: absolute;
	font-size: 10px;
	font-family: arial, verdana;
	font-weight: bold;
	border-top: 10px solid #FFF;
	border-right: 10px solid #000;
	border-bottom: 10px solid #FFF;
	border-left: 10px solid #FFF;
	top: 50px;
	left: -20px;
	width: 20px;
	height: 20px;
	margin: 0 0 0 -20px;
	z-index: 2;
	cursor: pointer;
}

#usermenuhint p
 {
 	position: absolute;
	left: 12px;
	top: 2px;
	cursor: pointer;
	vertical-align: middle;
	text-align: center;
	margin:0;
	padding:0;
	z-index: 0;
 }

#usermenuhint:hover
{
	z-index: 0;
}

/* -------------- Content part ------------- */

#maincont
{
	width: 1000px;
	height: 500px;
	background: #000;
	border: 1px solid #000;
}

/* ------------- Left part: fixed photographs and galeries ----------- */

object {
z-index: 1;
width:450px;
height:450px;
}

#mainleft
{
	position: absolute;
	top: 26px;
	left: 0;
	float: left;
	width: 470px;
	height: 470px;
	padding: 15px;
	background: #000;
	text-align: center;
	z-index: 0;
}

#mainleft iframe.vide
{
	position: absolute;
	top: 25px;
	left: 0;
	width: 1px;
	height: 1px;
	z-index: 2;
}

#mainleft iframe.gallery
{
	z-index: 1;
}

#mainleft p.caption
{
	position: absolute;
	width: 500px;
	left: 0;
	top: 470px;
	margin: 5px 0 0 0;
	text-align: center;
	overflow: hidden;
	color: #FFF;
	font-variant: small-caps;
}

#mainleft img
{
	margin: 20px 0 0 0px;
}

#mainleft h1
{
	margin: 0;
	padding: 0;
	font-weight: normal;
	font-family: arial;
	font-size: 300%;
	letter-spacing: -2px;
	color: #AAA;
}

#mainleft h1 span
{
	color: #E2007A;
}


/* ------------- Right part: Legends, texts, navigation, contact, search... ----------- */
/* ------------- General ----------- */
#mainright
{
	position: absolute;
	top: 26px;
	left: 501px;
	float: left;
	width: 450px;
	height: 475px;
	padding: 25px 25px 0 25px;
	overflow: auto;
	line-height: 180%;
	background: #FFF;
}

#mainright p
{
	margin: 0 0 15px 0;
	padding: 0;
	text-align: justify;
}

#mainright a img.bookcover
{
	border-width: 0px;
}

#mainright h1, h2, h3, h4, h5, h6
{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 130%;
	letter-spacing: +3px;
	font-weight: bold;
	font-variant: small-caps;
	font-family: verdana, arial;
	border-bottom: 1px solid #777;
}

#mainright h1
{
	font-size: 220%;
	font-weight: lighter;
	letter-spacing: +5px;
	text-align: center;
	border-bottom: none;
	font-family: georgia, verdana, arial;
}

#mainright h1 span
{
	margin: 0 0 -10px 0;
	padding: 10px 0 0 0;
	color: #A0A0A0;
	font-size: 60%;
	font-weight: lighter;
	text-align: center;
	display: block;
	font-family: verdana, arial, georgia;
}

#mainright h1 span span
{
	margin: -5px 0 0 0;
	padding: 0 0 0 0;
	font-size: 70%;
	font-weight: bold;
	color: #E2007A;
}

#mainright h2
{
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	line-height: 130%;
	font-size: 90%;
	font-weight: lighter;
	letter-spacing: +2px;
	text-align: center;
}

#mainright h3.line, h4.line
{
	padding: 0 0 0.8em 0;
	margin: 0 0 1em 0;
	text-align: center;
	border-bottom: none;
	background: url('../images/separator.gif') 50% 100% no-repeat;
}

#mainright h4.line
{
	display: block;
	text-align: center;
	padding: 0;
	margin: 0 0 0.75em 0;
	font-size: 100%;
	color: #009EE0;
	background: url('../images/separator_40.gif') 50% 100% no-repeat;
}

#mainright h4
{
	border: none;
	font-size: 100%;
	margin-top: -12px;
	text-align: right;
}

#mainright h5
{
	border-bottom: none;
	border-top: 1px solid #E2007A;
	font-size: 90%;
	color: #E2007A;
	margin: -10px 0 15px 0; 
}

#mainright p span
{
	float: left;
	width: 165px;
	
}

#mainright p span img
{
	margin:  15px 15px 0 0;
	float: left;
	background: #000;
}

#mainright p span span.imgcaption
{
	padding: 0 0 2px 0;
	width: 150px;
	border: none;
	color: #FFF;
	font-weight: bold;
	font-size: 80%;
	line-height: 180%;
	text-align: center;
	background: #E2007A;
}

#mainright span.shootdetails ul
{
	font-style: italic;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#mainright span.shootdetails ul li span.texticon
{
	text-decoration: underline;
	font-style: normal;
	margin: 0 10px 0 0;
	color: #E2007A;
}

#mainright span.shootdetails h4
{
	border-bottom: 1px solid #000;
	padding: 0;
}

#mainright span.infosarticle
{
	display: block;
	position: relative;
	top: -5px;
	line-height: 90%;
	padding: 0 0 5px 0;
}

#mainright span.datearticle, span.auteur, span.categories
{
	margin: 0;
	font-size: 80%;
}

#mainright span.datearticle
{
	color: #E2007A;
}

#mainright span.categories
{
	font-variant: small-caps;
	letter-spacing: +1px;
}

#mainright+#mainleft p.caption
{
	position: absolute;
	width: 500px;
	left: 502px;
	top: 495px;
	margin: 5px 0 0 0;
	text-align: center;
	overflow: hidden;
	color: #FFF;
	font-variant: small-caps;
}

#mainright span.blockquote
{
	display: block;	
	margin: 10px 10px;
	padding: 2px 0 2px 0;
	max-width: 250px;
	border: none;
	color: #FFF;
	font-style: italic;
	font-size: 150%;
	font-family: georgia, verdana, arial;
	line-height: 100%;
	text-align: center;
	background: #E2007A;
}

#mainright a.tag
{
	padding: 2px 0px 1px 2px;
	margin: 0 3px 0 0;
	color: #000;
	text-decoration: none;
}

#mainright a.tag:hover
{
	color: #888;
	text-decoration: none;
}


/* ------------- News summary ----------- */

#mainright span.newsicon img
{
	display: inline;
	float: left;
	margin-right: 5px;
	padding: 0 0 0 0;
}

#mainright span.newsicon h4
{
	display: inline;
	font-size: 110%;
	font-weight: bold;
	line-height: 15px;
	margin: 0 5px 0 0;
	border: none;
}

#mainright span.newsicon h5
{
	display: block;
	font-size: 70%;
	line-height: 11px;
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
	height: 20px;
	border: none;
	letter-spacing: 2px;
	text-align: left;
	color: #777;
}

#mainright span h5 span.datenews
{
	font-size: 120%;
	letter-spacing: 1px;
	color: #E2007A;
}

#mainright span.newsicon a img
{
	border: 0;
}

#mainright span.newsicon a h4, span.newsicon a
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/* ------------- Galerie summary ----------- */

#mainright span.galerielist .wrap
{
	float: left;
}

#mainright span.galerielist img 
{
	display: inline;
	float: left;
	clear: left;
	margin: 0 0 20px 10px;
	padding: 0;
	border: 8px solid #dedede; /* #45A12B */
	background: #000;
	vertical-align: bottom; /* empêche Firefox de mettre un espace bottomline à l'image */
}

#mainright span.galerielist img:hover 
{
	border: 8px solid #E2007A; /* #45A12B */
}

#mainright span.galerielist span.caption
{
	display: inline;
	clear: left;
	float: left;
	margin: -15px 0 0 10px;
	padding: 0 0 0 0;
	width: 96px;
	min-width: 96px;
	min-height: 3em;
	line-height: 120%;
	font-size: 0.85em;
}

#mainright span.galerielist a span.caption, span.galerielist a:visited span.caption
{
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

#mainright span.galerielist a:hover span.caption
{
	color: #E2007A; /* #45A12B */
	text-decoration: none;
	cursor: pointer;
}


/* ------------- Galerie sub-category icons ----------- */

#mainright span.galerieicon img
{
	display: block;
	float: left;
	margin: 0 20px 0 10px;
	padding: 0;
	border: 8px solid #dedede; /* #45A12B */
}

#mainright span.galerieicon img:hover
{
	border: 8px solid #E2007A; /* #45A12B */
}

#mainright span.galerieicon h3
{
	display:  inline;
	border: none;
	padding: 0;
	margin: 0;
	min-height: 20px;
	font-size: 120%;
}

#mainright span.galerieicon a h3, span.galerieicon a
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

#mainright span.galerieicon p /* position to be fixed for i.e. */
{
	display: block;
	line-height: 140%;
	min-height: 76px;
	margin: 0 0 15px 126px;
	padding: 0 0 15px 0;
}


/* ------------- Links page ----------- */


#mainright span.linksicon img
{
	display: inline;
	float: left;
	clear: left;
	margin: 0 20px 0 10px;
	padding: 0;
	border: 8px solid #E2007A;
}

#mainright span.linksicon h3
{
	display:  block;
	float: left;
	border: none;
	padding: 0;
	margin: 0;
	width: 300px;
	line-height: 130%;
	font-size: 120%;
}

#mainright span.linksicon a h3
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

#mainright span.linksicon p
{
	display: inline;
	float: left;
	line-height: 140%;
	min-height: 60px;
	width: 300px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

#mainright span.linksicon p a
{	
	color: #E2007A;
	text-decoration: none;
	font-size: 90%;
	font-variant: small-caps;
}

#mainright span.linksicon span.website
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	color: #000;
	text-decoration: none;
	font-size: 100%;
	font-variant: small-caps;
	white-space: nowrap;
}

#mainright span.linksicon span.website a
{
	display: inline;
	color: #E2007A;
	text-decoration: none;
}


/* ------------- NEWSLETTER -------------- */

.newsletter
{
	position: absolute;
	top: 0px;
	height: 100%;
	border-width: 1px;
border-color: #000;
	overflow: auto;
}



/* ------------- WIDE CONTENT PART ----------- */
/* ------------- General ----------- */


#mainwide
{
	position: absolute;
	top: 26px;
	left: 1px;
	float: left;
	width: 950px;
	height: 475px;
	padding: 25px 25px 0 25px;
	overflow: auto;
	line-height: 180%;
	background: #FFF;
}

#mainwide p
{
	margin: 0 0 15px 0;
	padding: 0;
	text-align: justify;
}

#mainwide h1, h2, h3, h4, h5, h6
{
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
	font-size: 130%;
	letter-spacing: +3px;
	font-weight: bold;
	font-variant: small-caps;
	font-family: verdana, arial;
	border-bottom: 1px solid #777;
}

#mainwide h1
{
	font-size: 220%;
	font-weight: lighter;
	letter-spacing: +5px;
	text-align: center;
	border-bottom: none;
	font-family: georgia, verdana, arial;
}

#mainwide h1 span
{
	margin: 0 0 -10px 0;
	padding: 10px 0 0 0;
	color: #A0A0A0;
	font-size: 60%;
	font-weight: lighter;
	text-align: center;
	display: block;
	font-family: verdana, arial, georgia;
}

#mainwide h1 span span
{
	margin: -5px 0 0 0;
	padding: 0 0 0 0;
	font-size: 70%;
	font-weight: bold;
	color: #E2007A;
}

#mainwide h2
{
	margin: 0 0 20px 0;
	padding: 0 0 5px 0;
	line-height: 130%;
	font-size: 90%;
	font-weight: lighter;
	letter-spacing: +2px;
	text-align: center;
}

#mainwide h3.line, h4.line
{
	padding: 0 0 0.8em 0;
	margin: 0 0 1em 0;
	text-align: center;
	border-bottom: none;
	background: url('../images/separator.gif') 50% 100% no-repeat;
}

#mainwide h4.line
{
	display: block;
	text-align: center;
	padding: 0;
	margin: 0 0 0.75em 0;
	font-size: 100%;
	color: #009EE0;
	background: url('../images/separator_40.gif') 50% 100% no-repeat;
}

#mainwide h4
{
	border: none;
	font-size: 100%;
	margin-top: -12px;
	text-align: right;
}

#mainwide h5
{
	border-bottom: none;
	border-top: 1px solid #E2007A;
	font-size: 90%;
	color: #E2007A;
	margin: -10px 0 15px 0; 
}

#mainwide p span
{
	float: left;
	width: 165px;
}

#mainwide p span img
{
	margin:  15px 15px 0 0;
	float: left;
	background: #000;
}

#mainwide p span span.imgcaption
{
	padding: 0 0 2px 0;
	width: 150px;
	border: none;
	color: #FFF;
	font-weight: bold;
	font-size: 80%;
	line-height: 180%;
	text-align: center;
	background: #E2007A;
}

#mainwide span.shootdetails ul
{
	font-style: italic;
	list-style-type: none;
	display: inline;
	margin: 0;
	padding: 0;
}

#mainwide span.shootdetails ul li span.texticon
{
	text-decoration: underline;
	font-style: normal;
	margin: 0 10px 0 0;
	color: #E2007A;
}

#mainwide span.shootdetails h4
{
	border-bottom: 1px solid #000;
	padding: 0;
}

#mainwide span.infosarticle
{
	display: block;
	position: relative;
	top: -5px;
	line-height: 90%;
	padding: 0 0 5px 0;
}

#mainwide span.datearticle, span.auteur, span.categories
{
	margin: 0;
	font-size: 80%;
}

#mainwide span.datearticle
{
	color: #E2007A;
}

#mainwide span.categories
{
	font-variant: small-caps;
	letter-spacing: +1px;
}

#mainwide+#mainleft p.caption
{
	position: absolute;
	width: 500px;
	left: 502px;
	top: 495px;
	margin: 5px 0 0 0;
	text-align: center;
	overflow: hidden;
	color: #FFF;
	font-variant: small-caps;
}

#mainwide span.blockquote
{
	display: block;	
	margin: 10px 10px;
	padding: 2px 0 2px 0;
	max-width: 250px;
	border: none;
	color: #FFF;
	font-style: italic;
	font-size: 150%;
	font-family: georgia, verdana, arial;
	line-height: 100%;
	text-align: center;
	background: #E2007A;
}

#mainwide a.tag
{
	padding: 2px 0px 1px 2px;
	margin: 0 3px 0 0;
	color: #000;
	text-decoration: none;
}

#mainwide a.tag:hover
{
	color: #888;
	text-decoration: none;
}


/* ------------- News summary ----------- */

#mainwide span.newsicon img
{
	display: inline;
	float: left;
	margin-right: 5px;
	padding: 0 0 0 0;
}

#mainwide span.newsicon h4
{
	display: inline;
	font-size: 110%;
	font-weight: bold;
	line-height: 15px;
	margin: 0 5px 0 0;
	border: none;
}

#mainwide span.newsicon h5
{
	display: block;
	font-size: 70%;
	line-height: 11px;
	padding: 0 0 10px 0;
	margin: 0 0 5px 0;
	height: 20px;
	border: none;
	letter-spacing: 2px;
	text-align: left;
	color: #777;
}

#mainwide span h5 span.datenews
{
	font-size: 120%;
	letter-spacing: 1px;
	color: #E2007A;
}

#mainwide span.newsicon a img
{
	border: 0;
}

#mainwide span.newsicon a h4, span.newsicon a
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

/* ------------- Galerie summary ----------- */

#mainwide span.galerielist .wrap
{
	float: left;
}

#mainwide span.galerielist
{
	display: block;
	margin-left: -9px;
	width: 960px;
}

#mainwide span.galerielist img 
{
	display: inline;
	float: left;
	clear: left;
	margin: 0 0 20px 9px;
	padding: 0;
	border: 8px solid #dedede; /* #45A12B */
	background: #000;
	vertical-align: bottom; /* empêche Firefox de mettre un espace bottomline à l'image */
}

#mainwide span.galerielist img:hover
{
	border: 8px solid #E2007A; /* #45A12B */
}

#mainwide span.galerielist span.caption
{
	display: inline;
	float: left;
	clear: left;
	margin: -15px 0 0 10px;
	padding: 0 0 0 0;
	width: 96px;
	min-width: 96px;
	min-height: 3em;
	line-height: 120%;
	font-size: 0.85em;
}

#mainwide span.galerielist a span.caption, span.galerielist a:visited span.caption
{
	color: #333;
	text-decoration: none;
	cursor: pointer;
}

#mainwide span.galerielist a:hover span.caption
{
	color: #E2007A; /* #45A12B */
	text-decoration: none;
	cursor: pointer;
}


/* ------------- Galerie sub-category icons ----------- */

#mainwide span.galerieicon
{
	display: inline-block;
	vertical-align: top;
	width: 310px;
	height: 120px;
}

#mainwide span.galerieicon img
{
	display: block;
	float: left;
	margin: 0 20px 0 10px;
	padding: 0;
	border: 8px solid #dedede; /* #45A12B */
}

#mainwide span.galerieicon img:hover
{
	border: 8px solid #E2007A; /* #45A12B */
}

#mainwide span.galerieicon h3
{
	display:  inline;
	border: none;
	padding: 0;
	margin: 0;
	min-height: 20px;
	font-size: 120%;
}

#mainwide span.galerieicon a h3, span.galerieicon a
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

#mainwide span.galerieicon p /* position to be fixed for i.e. */
{
	display: block;
	line-height: 140%;
	min-height: 76px;
	margin: 0 0 15px 126px;
	padding: 0 0 15px 0;
}


/* ------------- Links page ----------- */

#mainwide span.linksicon img
{
	display: inline;
	float: left;
	clear: left;
	margin: 0 20px 0 10px;
	padding: 0;
	border: 8px solid #E2007A;
}

#mainwide span.linksicon h3
{
	display:  block;
	float: left;
	border: none;
	padding: 0;
	margin: 0;
	width: 300px;
	line-height: 130%;
	font-size: 120%;
}

#mainwide span.linksicon a h3
{
	color: #000;
	text-decoration: none;
	cursor: pointer;
}

#mainwide span.linksicon p
{
	display: inline;
	float: left;
	line-height: 140%;
	width: 300px;
	margin: 0 0 10px 0;
	padding: 0 0 5px 0;
}

#mainwide span.linksicon p a
{	
	color: #E2007A;
	text-decoration: none;
	font-size: 90%;
	font-variant: small-caps;
}

#mainwide span.linksicon span.website
{
	display: inline;
	float: left;
	margin: 0;
	padding: 0;
	color: #000;
	text-decoration: none;
	font-size: 100%;
	font-variant: small-caps;
	white-space: nowrap;
}

#mainwide span.linksicon span.website a
{
	display: inline;
	color: #E2007A;
	text-decoration: none;
}








/* ------------- Bottom menus ----------- */
/* ------------- Primary menu ----------- */

#menucont
{
	float: left;
	width: 1000px;
	height: 20px;
	font-variant: small-caps;
	font-weight: bolder;
	letter-spacing: +1px;
	font-size: 10px;
	vertical-align: top;
}

#menucont ul
{
	margin: 0;
	padding: 2px 0 0 3px;
	list-style-type: none;
}

#menucont ul li
{
	display: inline;
}

#menucont ul li a
{
	float: left;
	padding: 2px 0px 1px 2px;
	margin: 0 3px 0 0;
	color: #000;
	text-decoration: none;
}

#menucont ul li a.active
{
	color: #E2007A;
	text-decoration: none;
}

#menucont ul li a:hover
{
	color: #444;
	text-decoration: none;
}

/* ------------- Secondary menu ----------- */

#submenu
{
	float: left;
	width: 1000px;
	height: 20px;
	font-variant: small-caps;
	letter-spacing: +1px;
	vertical-align: top;
}

#submenu ul
{
	margin: -2px 0 0 0;
	padding: 0 0 0 4px;
	list-style-type: none;
	font-size: 10px;
}

#submenu ul li
{
	display: inline;
}

#submenu ul li a
{
	float: left;
	margin: 0 2px 0 0;
	color: #000;
	text-decoration: none;
}

#submenu ul li a.active
{
	color: #E2007A;
	text-decoration: none;
}

#submenu ul li a:hover
{
	color: #444;
	text-decoration: none;
}


/* ------------- Footer ----------- */

#footercont
{
	display: block;
	position: fixed;
	bottom: 0;
	float: left;
	width: 970px;
	height: 25px;
	color: #555;
	font-size: 70%;
	padding: 0 15px;
}

 #footercont ul, #footerconthome ul
{
	margin: 0;
	padding: 10px 0 0 0;
	list-style-type: none;
	vertical-align: top;
	text-align: center;
	font-variant: small-caps;
	font-size: 110%;
	letter-spacing: +1px;
}

#footercont ul li a:hover, #footerconthome ul li a:hover
{
	color: #777;
	text-decoration: none;
}

#footercont ul li a:visited, #footerconthome ul li a:visited
{
	color: #777;
}

#footercont li p span.copy, #footerconthome li p span.copy, #footerconthome li p span.copy a
{
	font-variant: normal;
	font-size: 100%;
	color: #000;
	letter-spacing: 0px;
	padding: 0;
	margin: 0;
}

#footerconthome li p span.copy a:hover, #footerconthome li p span.copy a:visited
{
	color: #777;
}


/* ------------ Main drop-down list for navigation ----------------------------- */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#nav,
#nav ul {padding:0; margin:0; list-style:none; font: 10px verdana, arial, sans-serif; background: url('../images/transparent.gif'); position:relative; z-index:100;}
#nav {height:25px; width:850px; padding:0; background:#000 url('../images/headercont-background_dark.jpg') repeat-x;}

#nav table {border-collapse:collapse;}
#nav li {float:left;}
#nav li li {float:none;}
/* a hack for IE5.x and IE6 */
#nav li a li {float:left;}

#nav li a {display:block; float:left; height:25px; padding:0 10px 0 10px; color:#FFF; line-height:22px; text-decoration:none; white-space:nowrap; font-weight:lighter; border-left:1px solid transparent; border-color: transparent; -border-left:0px solid #000;} /* Premier niveau du menu avant hover */
#nav li li a {height:21px; line-height:20px; float:none; color:#000; background: #F1F1F1; opacity: 0.9; filter: xalpha(opacity=90); -border-left: 0px; -margin-top: -1px;} /* Second niveau du menu avant hover */

#nav li:hover {position:relative; z-index:100;}
#nav a:hover {position:relative; z-index:100; background:#003366; color:#fff; border-left:1px solid #009EE0; -padding-left: 9px;}
#nav li:hover > a {border-left:1px solid #009EE0; background:#003366; color:#fff; opacity: 1.0; filter: xalpha(opacity=100);}

#nav li > a.homenav {padding: 0 7px 0 7px; text-decoration: underline;}
#nav li:hover > a.homenav {border-left:1px solid #CC6600; background:#CC6600; padding: 0 7px 0 7px; text-decoration: underline;} /* #FDB913;  #FF9900;*/

#nav li > a.quicknav,
#nav li > a.login,
#nav li > a.logout,
#nav li > a.account,
#nav li > a.textsize
{padding: 0 3px 0 2px;}

#nav li:hover > a.quicknav {border-left:1px solid #E2007A; background:#E2007A; padding: 0 3px 0 2px;}
#nav li:hover > a.login {border-left:1px solid #66CC00; background:#66CC00; padding: 0 3px 0 2px;}
#nav li:hover > a.logout {border-left:1px solid #CC0000; background:#CC0000; padding: 0 3px 0 2px;}
#nav li:hover > a.account {border-left:1px solid #660066; background:#660066; padding: 0 3px 0 2px;}
#nav li:hover > a.textsize {border-left:1px solid #006633; background:#006633; padding: 0 3px 0 2px;}

/* pour IE */
#nav li a.homenav {padding: 0 7px 0 8px; border-left: 0px solid #000;} /* problème bordure résolu en changeant padding avant hover */
#nav li a.homenav:hover {border-left:1px solid #CC6600; background:#CC6600; padding: 0 7px 0 7px;} /* #FDB913;  #FF9900;*/

#nav li a.quicknav,
#nav li a.login,
#nav li a.logout,
#nav li a.account,
#nav li a.textsize
{padding: 0 3px 0 3px; border-left: 0px solid #000; } /* problème bordure résolu comme pour homenav */

#nav li a.quicknav:hover {border-left:1px solid #E2007A; background:#E2007A; padding: 0 3px 0 2px;}
#nav li a.login:hover {border-left:1px solid #66CC00; background:#66CC00; padding: 0 3px 0 2px;}
#nav li a.logout:hover {border-left:1px solid #CC0000; background:#CC0000; padding: 0 3px 0 2px;}
#nav li a.account:hover {border-left:1px solid #660066; background:#660066; padding: 0 3px 0 2px;}
#nav li a.textsize:hover {border-left:1px solid #006633; background:#006633; padding: 0 3px 0 2px;}
/* ----- */

#nav li.separator {height:21px; line-height:18px; border-left:1px dashed #888; margin: 2px 5px 0 10px; padding: 0; padding-left: 5px; color:#fff; cursor: default;}

#nav li.rss {height:21px; line-height:18px; margin: 0px 0 0 0; padding: 0; color:#fff;}
#nav li.rss a, li.rss a:hover, li.rss a:visited, li.rss a img {padding: 0; margin: 0; border-width: 0px; background: transparent; vertical-align: middle;}

#nav :hover  ul {left:0; top:25px; padding-top:1px; border-left:1px solid #009EE0; z-index:300;}
#nav a:hover ul {left:-1px;}

#nav ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#nav li:hover li:hover > ul {left:0; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#nav li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#nav li:hover li:hover > a {background:#009EE0; color:#fff; border-left:1px solid #009EE0;}

#nav li a:hover ul li a:hover {background:#009EE0;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#nav a:hover a:hover ul,
#nav a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover ul,
#nav a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#nav a:hover ul ul,
#nav a:hover a:hover ul ul,
#nav a:hover a:hover a:hover ul ul,
#nav a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}


/* ------------ Attempt to make user menu on left ----------------------------- */

/* ================================================================ 
This copyright notice must be untouched at all times.

The original version of this stylesheet and the associated (x)html
is available at http://www.cssplay.co.uk/menus/skeleton2.html
Copyright (c) 2005-2007 Stu Nicholls. All rights reserved.
This stylesheet and the associated (x)html may be modified in any 
way to fit your requirements.
=================================================================== */
#navuser,
#navuser ul {padding:0; margin:0; list-style:none; font: 10px verdana, arial, sans-serif; background: url('../images/transparent.gif'); position:relative; z-index:100;}
#navuser {height:20px; width:20px; padding:0; background:#000 url('../images/headercont-background_dark.jpg') repeat-x;}

#navuser table {border-collapse:collapse;}
#navuser li {float:left;}
#navuser li li {float:none;}
/* a hack for IE5.x and IE6 */
#navuser li a li {float:left;}

#navuser li a {display:block; float:left; height:20px; padding:0 7px 0 7px; color:#FFF; line-height:18px; text-decoration:none; white-space:nowrap; font-weight:lighter; border-left:1px solid #000; border-color: transparent; -border-left:0px solid #000; -padding:0 2px 0 3px;}
#navuser li li a {height:20px; line-height:20px; float:none; color:#000; background: #F1F1F1; xopacity: 0.5; filter: xalpha(opacity=50); -border-left: 0px; -margin-top: -1px;}

#navuser li:hover {position:relative; z-index:100;}
#navuser a:hover {position:relative; z-index:100; background:#A00000; color:#fff; border-left:1px solid #E00B00; -padding:0 2px 0 2px;}
#navuser li:hover > a {border-left:1px solid #A00000; background:#A00000; color:#fff; -xborder-left:0px;} /* #E00B00 */

#navuser li > a.homenav {padding: 0 7px 0 7px;}
#navuser li:hover > a.homenav {border-left:1px solid #CC6600; background:#CC6600; padding: 0 7px 0 7px;} /* #FDB913;  #FF9900;*/

#navuser li > a.iconnav {padding: 0 2px 0 2px;}
#navuser li:hover > a.iconnav {border-left:1px solid #A00000; background:#A00000; padding: 0 2px 0 2px;} /* #FDB913;  #FF9900;*/

#navuser li > a.quicknav,
#navuser li > a.login,
#navuser li > a.logout,
#navuser li > a.account,
#navuser li > a.textsize
{padding: 0 3px 0 2px;}

#navuser li:hover > a.quicknav {border-left:1px solid #E2007A; background:#E2007A; padding: 0 3px 0 2px;}
#navuser li:hover > a.login {border-left:1px solid #66CC00; background:#66CC00; padding: 0 3px 0 2px;}
#navuser li:hover > a.logout {border-left:1px solid #CC0000; background:#CC0000; padding: 0 3px 0 2px;}
#navuser li:hover > a.account {border-left:1px solid #660066; background:#660066; padding: 0 3px 0 2px;}
#navuser li:hover > a.textsize {border-left:1px solid #006633; background:#006633; padding: 0 3px 0 2px;}

#navuser li.separator {height:21px; line-height:18px; border-left:1px dashed #888; margin: 2px 5px 0 10px; padding: 0; padding-left: 5px; color:#fff; cursor: default;}

#navuser :hover  ul {left:0; top:19px; padding-top:1px; border-left:1px solid #E00B00; z-index:300;}
#navuser a:hover ul {left:-1px; -border-left:1px solid #E00B00;}

#navuser ul {position:absolute; left:-9999px; top:-9999px;}

/* it could have been this simple if all browsers understood */
/* show next level */
#navuser li:hover li:hover > ul {left:0; margin-left:100%; top:-1px;}
/* keep further levels hidden */
#navuser li:hover > ul ul {position:absolute; left:-9999px; top:-9999px; width:auto;}
/* show path followed */
#navuser li:hover li:hover > a {background:#E00B00; color:#fff; border-left:1px solid #E00B00;}

#navuser li a:hover ul li a:hover {background:#E00B00;}

/* but IE5.x and IE6 need this lot to style the flyouts*/
/* show next level */
#navuser a:hover a:hover ul,
#navuser a:hover a:hover a:hover ul,
#navuser a:hover a:hover a:hover a:hover ul,
#navuser a:hover a:hover a:hover a:hover a:hover ul
{left:100%; top:0;}

/* keep further levels hidden */
#navuser a:hover ul ul,
#navuser a:hover a:hover ul ul,
#navuser a:hover a:hover a:hover ul ul,
#navuser a:hover a:hover a:hover a:hover ul ul
{position:absolute; left:-9999px; top:-9999px;}