body
{
	background-color: #CDCDCD;
	padding: 0;
	margin: 0;
	text-align: center;		/* pour centrer les div dans la page uniquement pour IE/Win... */
	font-family : Verdana, Arial;
	color: #656565;
	font-size: 0.7em;
}

p
{
	display: block;	
	color : #656565;
	margin: 0;
	padding: 0 0 1em 0;
	width: 99%;				/* workaround d'un bug de IE/Win... */
}

.red
{
	color: #FC3B12;
}

div.alert
{
	font-weight: bold;
	color: #FC3B12;
	padding: 12px;
	margin-top: 12px;
	margin-bottom: 12px;
	background-color: #EFEFEF;
	width: 70%;
	text-align: center;
	border: 1px solid #A6A6A6;
}

img
{
	border: 0px;
}

img.box
{
	border: 0;
	margin: 2px 4px 0 4px; 
	padding: 0;
}

img.intext
{
	margin: 2px 8px 0px 0px;
	padding:0;
}

a
{
	color : #2496F5;
	font-weight : bold;
	text-decoration : underline;
}

a:hover
{
	color : #FB3B12;
	font-weight : bold;
	text-decoration : underline;
}

h1
{
	font-size : 1.7em;
	font-family : 'Trebuchet MS', Verdana;
	font-weight : bold;
	color : #2496F5;
	margin: 0 0 16px 0;
	padding: 0 0 2px 0;
	border-bottom: 1px dashed #CDCDCD;
}

h2
{
	font-size: 1.3em;
	font-family : 'MS Trebuchet MS', Arial, Verdana;
	font-weight : bold;
	color : #656565;
	margin: 0 0 0 0;
	padding: 0 0 6px 0;
}
.h2title
{
	font-size : 1.3em;
	font-family : 'MS Trebuchet MS', Arial, Verdana;
	font-weight : bold;
	color : #656565;
	margin: 0;
	padding: 0 0 6px 0;
}

ul,
ol
{
	margin: 0;
	padding: 0 8px 8px 24px;
	width: auto !important;		/* workaround d'un bug de IE/Win... */		
	width: 99%;					/* caché pour Firefox qui buggue sinon... */
}

ul li ,
ol li
{
	padding-bottom: 4px;
}

ol.invitationsteps li
{
	line-height: 2em;
	margin-left: 48px;
}

hr
{
	width: 100%;
	height: 1px;
	background-color: White;
	border-bottom: 1px dashed #CDCDCD;
	border-top: 0px;
	border-left: 0px;
	border-right: 0px;
	padding: 0 0 4px 0;
}

table
{
	font-size: 1em;
}

table.smallfont
{
	font-size: xx-small;
}

textarea
{
	/*color: #656565;*/
}

.new
{
	font-family: Verdana, Arial;
	/*font-weight: bold;*/
	font-size: 9px;
	color: #FB3B12;
	/*vertical-align: text-bottom;*/
}
/* ----- Header & Logo ----- */

#header
{
	position : relative;
	width: 770px;
	height: 102px;
	margin: 0 auto;				  /* pour centrer la div */
	padding: 0;
	overflow: visible !important; /* tous sauf IE/Win ici pour IE/Mac */
	overflow: hidden;	          /* IE/Win */
}

#flags
{
	position: absolute;
	width: 36px;
	height: 42px;
	top: 38px;
	right: 0px;
	z-index: 10;
	padding: 0;
}

#flags img.flag
{
	border: 0;
	padding: 0px 6px 6px 6px;
}

/* ----- Main menu ----- */

#mainmenu
{
	font-family: 'Trebuchet MS', Verdana;
	position: relative;
	width: 770px;
	height: 27px;
	margin: 0 auto;				  /* pour centrer la div */
}

#menuitem1
{
	position: absolute;
	left:0px;
	line-height: 27px;
	width: 129px;
	border-left: 1px solid #A6A6A6;
	background: White url(../gfx/button.gif) no-repeat;
}

#menuitem2
{
	position: absolute;
	left: 129px;
	line-height: 27px;
	width: 128px;
	background: White url(../gfx/button.gif) no-repeat;
}

#menuitem3
{
	position: absolute;
	left: 257px;
	line-height: 27px;
	width: 128px;
	background: White url(../gfx/button.gif) no-repeat;
}

#menuitem4
{
	position: absolute;
	left: 385px;
	line-height: 27px;
	width: 128px;
	background: White url(../gfx/button.gif) no-repeat;
}

#menuitem5
{
	position: absolute;
	left: 513px;
	line-height: 27px;
	width: 128px;
	background: White url(../gfx/button.gif) no-repeat;
}

#menuitem6
{
	position: absolute;
	left: 641px;	   
	line-height: 27px;
	width: 128px !important;  /* pour tous sauf IE/Win */
	width: 129px;			  /* pour IE/Win */
	border-right: 1px solid #A6A6A6;
	background: White url(../gfx/button.gif) no-repeat;
}

a.menu
{
	display: block;
	font-weight: bold;
	/*background: White url(../gfx/button.gif) no-repeat;
	background-position: 0px 0px;*/
	height: 27px;
	text-decoration: none;
	color: #7C7C7C;
}

a.menu:hover
{
	/*background: White url(../gfx/button.gif) no-repeat;*/
	/*background: #EEEEEE;*/
	/*background-position: 0px -27px;*/
	text-decoration: none;
	color: #FB3B12;
	font-size: 1em;
}

/* ----- Photo number ----- */

#nbphotos
{
	position: relative;
	width: 768px !important;
	width: 770px;
	height: 18px;
	line-height: 18px;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #A6A6A6;
	background: White url(../gfx/nbphotos.gif) repeat-x;
	font-family: Verdana, Arial;
	font-size: 1em;
	color: White;
	font-weight: bold;
	margin: 0 auto;				  /* pour centrer la div */
	vertical-align: middle;
}

/* ----- Main Containers ----- */

div.container
{
	position: relative;
	margin: 0 auto;				  /* pour centrer la div */
	background-color: #F0F8FF;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #A6A6A6;
	width: 768px !important;
	width: 770px;
	text-align: left;
	padding: 16px 0 2px 0;
}

#container
{
	margin: 0 auto;			  /* pour centrer la div */
	background-color: #F0F8FF;
	border-left: 1px solid #A6A6A6;
	border-right: 1px solid #A6A6A6;
	width: 768px !important;
	width: 770px;
	padding: 16px 0 16px 0;
}

div.tricky-spacer
{
	/* Merci Mark Newhouse pour cette astuce...*/
	clear:both;
}

#container #container-home-left  { float: left;  width: 425px; }
#container #container-home-right { float: right; width: 329px; }

#container #container-features-left  { float: left;  width: 161px; }
#container #container-features-right { float: right; width: 591px; }

#container #container-links-center { float: left; width: 754px; }

#container #container-camera-left { float: left; width: 591px; }
#container #container-camera-right {  float: right;  width: 161px; }


/* ------ Sous-menu Navpod ------- */
#navpod
{
	float: left;
	background: White url(../gfx/navpod.gif) no-repeat;
	width: 161px;
	/*height: 397px;*/
}

/* ---- */

#topmenu,
#bottommenu
{
	float: left;
	background: transparent;
	width: 161px;
}

/* #topmenu	{ height: 335px; } */
#bottommenu { height: 63px; }

/* ---- */

#topmenu ul.pod,
#bottommenu ul.pod
{
	list-style: none;
	margin: 10px 0 0 0;
	text-align: left;
	padding: 0;
	width: auto;
}

#topmenu ul.pod		{ text-indent: 14px; }
#bottommenu ul.pod	{ text-indent: 10px; }

/* ---- */

#topmenu ul.pod li.item,
#bottommenu ul.pod li.item,
#topmenu ul.pod li.subitem
{
	padding: 0 1px 0 0;	
	border-right: 1px solid #A6A6A6;
	background: transparent;
	border-bottom: 1px solid #E3E3E3;
}
#topmenu ul.pod li.item { line-height: 3em; }
#bottommenu ul.pod li.item { line-height: 3em; }
#topmenu ul.pod li.subitem { line-height: 2em; }

/* ---- */

#bottommenu ul.pod li.item
{
	border-top: 1px solid #E3E3E3;
	border-bottom: 1px solid #E3E3E3;
}

/* ---- */

#topmenu ul.pod li.selecteditem,
#bottommenu ul.pod li.selecteditem,
#topmenu ul.pod li.selectedsubitem
{
	font-family: 'Trebuchet MS', Verdana;
	/*background: #FB3B12 url(../gfx/nav-arrow-on.gif) no-repeat left;*/
	background: #FB3B12;
	vertical-align: middle;
	color: White;
}
#topmenu ul.pod li.selecteditem { font-weight: bold; line-height: 3em; }
#bottommenu ul.pod li.selecteditem { font-weight: bold; line-height: 3em; }
#topmenu ul.pod li.selectedsubitem { font-weight: normal; line-height: 2em; text-indent: 4ex; }

ul.pod li.selecteditem a,
ul.pod li.selecteditem a:hover
{
	color: White;
	text-decoration: none;
}

/* ---- */

#topmenu ul.pod li.item a,
#topmenu ul.pod li.subitem a,
#bottommenu ul.pod li.item a
{
	font-family: 'Trebuchet MS', Verdana;
	display: block;
	/*background: transparent url(../gfx/nav-arrow-off.gif) no-repeat left;*/
	background: transparent;
	text-decoration: none;
	font-size: 1em;
	color: #656565;
}

#topmenu ul.pod li.item a {	font-weight: bold; }
#topmenu ul.pod li.subitem a {	font-weight: normal; text-indent: 4ex;}
#bottommenu ul.pod li.item a {	font-weight: bold; }

/* ---- */

#topmenu ul.pod li.item a { color: #7C7C7C; }
#bottommenu ul.pod li.item a { color: #FC3B12; }

#topmenu ul.pod li.item a:hover,
#topmenu ul.pod li.subitem a:hover,
#bottommenu ul.pod li.item a:hover
{
	text-decoration: none;
	color: #FB3B12;
	/*background: #EEEEEE url(../gfx/nav-arrow-over.gif) no-repeat left;*/
	background: #EEEEEE;
}

/* ----- Styles des cadres -----*/

/* frames de droite de 575px avec colonne à gauche (nav) */

div.subframe-with-nav-red,
div.subframe-with-nav-yellow,
div.subframe-with-nav-blue
{
	float: left;
	width: 575px;
	padding-top: 23px;
	margin: 0 0 16px 0;
}

div.subframe-with-nav-yellow { background: White url(../gfx/header575-yellow.gif) no-repeat center top; }
div.subframe-with-nav-red    { background: White url(../gfx/header575-red.gif) no-repeat center top; }
div.subframe-with-nav-blue   { background: White url(../gfx/header575-blue.gif) no-repeat center top; }

/* frames de gauche de 575px avec colonne à droite */

div.subframe-575-right-red,
div.subframe-575-right-yellow,
div.subframe-575-right-blue
{
	float: right;
	width: 575px;
	padding-top: 23px;
	margin: 0 0 16px 0;
}

div.subframe-575-right-yellow { background: White url(../gfx/header575-yellow.gif) no-repeat center top; }
div.subframe-575-right-red    { background: White url(../gfx/header575-red.gif) no-repeat center top; }
div.subframe-575-right-blue   { background: White url(../gfx/header575-blue.gif) no-repeat center top; }


/* frame de gauche de 409px de large type homepage*/

div.subframe-left-red,
div.subframe-left-yellow,
div.subframe-left-blue
{
	float: right;
	width: 409px;
	padding-top: 23px;
	margin: 0 0 16px 0;
}

div.subframe-left-red    { background: White url(../gfx/header409-red.gif)    no-repeat center top; }
div.subframe-left-yellow { background: White url(../gfx/header409-yellow.gif) no-repeat center top; }
div.subframe-left-blue   { background: White url(../gfx/header409-blue.gif)   no-repeat center top; }

/* frame de droite de 313px de large type homepage*/

div.subframe-right-red,
div.subframe-right-yellow,
div.subframe-right-blue
{
	float: left;
	width: 313px;
	padding-top: 23px;
	margin: 0 0 16px 0;
}

div.subframe-right-red    { background: White url(../gfx/header313-red.gif) no-repeat center top; }
div.subframe-right-yellow {	background: White url(../gfx/header313-yellow.gif) no-repeat center top; }
div.subframe-right-blue   { background: White url(../gfx/header313-blue.gif) no-repeat center top; }

/* frame de droite de 147px de large type camera page*/

div.subframe-147-right-red,
div.subframe-147-right-yellow,
div.subframe-147-right-blue
{
	float: left;
	width: 147px;
	padding-top: 23px;
	margin: 0 0 16px 0;
}

div.subframe-147-right-red    { background: White url(../gfx/header147-red.gif) no-repeat center top; }
div.subframe-147-right-yellow {	background: White url(../gfx/header147-yellow.gif) no-repeat center top; }
div.subframe-147-right-blue   { background: White url(../gfx/header147-blue.gif) no-repeat center top; }

/* frame centrée de 738px de large */

div.subframe-center-red,
div.subframe-center-yellow,
div.subframe-center-blue
{
	float: right;
	width: 738px;
	padding-top: 23px;
	margin: 0 0 16px 0;
}

div.subframe-center-red    { background: White url(../gfx/header738-red.gif) no-repeat center top; }
div.subframe-center-yellow { background: White url(../gfx/header738-yellow.gif) no-repeat center top; }
div.subframe-center-blue   { background: White url(../gfx/header738-blue.gif) no-repeat center top;}

/* ----- Style du contenu ----- */

div.content
{
	float: none;
	padding: 8px 16px 16px 16px;
	border-right: 1px solid #A6A6A6;
	border-left: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
	text-align: left;
	background-color: White;	/* workaround d'un bug de IE/Win... */
}

div.content-thin
{
	float: none;
	padding: 8px 4px 16px 4px;
	border-right: 1px solid #A6A6A6;
	border-left: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
	text-align: left;
	background-color: White;	/* workaround d'un bug de IE/Win... */
}

div.content-with-picture
{
	padding: 0;
	text-align: center;
	border-right: 1px solid #A6A6A6;
	border-left: 1px solid #A6A6A6;
	border-bottom: 1px solid #A6A6A6;
	margin-top: -13px;
}

/* ----- Blog ----- */

div.post
{
	float: right;
	width: 320px;
}

div.blogicon
{
	float: left;
	width: 48px;
}


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

#footer
{
	position: relative;
	margin: 0 auto;
	width: 770px;
	background: #CDCDCD url(../gfx/footer.gif) no-repeat center top;
	border: 1 px solid #CDCDCD;
	padding: 24px 0 24px 0;
	font-size: xx-small;
}

#footer a
{
	font-size: xx-small;
	color : #656565;
	text-decoration:none;
}

#footer a:hover
{
	color : #FB3B12;
	text-decoration : underline;
}

/* ----- Images ----- */

img.smallshot
{
	border: 1px solid #A6A6A6;
}

/* ----- Download table ----- */

table.download th
{
	background-color: #7C7C7C;
	color: White;
	padding: 2px 8px 2px 8px;
}

table.download td
{
	background-color: #CDCDCD;
	padding: 2px 8px 2px 8px;
}

/* ----- Buttons Table ----- */

 table.buttons td
 {
	background-color: #DEDEDE;
 }
 table.buttons th
 {
	background-color: #CDCDCD;
	text-align: left;
 }
 
 /* ----- Greetings ----- */
 
 td.id_photo
 {
	border: 1px solid #7C7C7C;
	background-color: #CDCDCD;
 }
 
 /* ----- Users Comments ---- */
 .signature
 {
	font-size: 9px;
 }
 /* ----- Footer Menu ----- */
 
 table.footermenu
 {
	/*border-top: 1px dotted #A6A6A6;*/
	padding-top: 6px;
	font-size: 0.9em
 }
 
 table.footermenu th,
 table.footermenu td
 {
	padding-left: 6px;
	border-left: 1px dashed #A6A6A6;
	text-align: left;
 }
 table.footermenu td a,
 table.footermenu td a:visited,
 table.footermenu td a:hover
 {
	font-weight: normal;
 }