body {
margin:0px;
background-color: #5F5F5F;
color: #000000;
font-size: small;
text-align: center;
font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif;
}
#conteneur{ width: 1000px; margin:auto; background-color: #FFFFFF; text-align: left; border:1px solid #000000;}
#bandeau { background: #CBA18B url(/themes/bleu/voyage.jpg) repeat-x center top; width: 100%; height: 100px;}
/***********************/
/*   MENU HORIZONTAL   */
/***********************/ 
 .menubleu {
	BACKGROUND-COLOR: rgb(193,207,218)
}
.menuorange {
	BACKGROUND-COLOR: rgb(255,214,153)
}
.menurose {
	BACKGROUND-COLOR: rgb(255,191,191)
}
.menuvert {
	BACKGROUND-COLOR: rgb(205,252,199)
}
.menumarron {
	BACKGROUND-COLOR: rgb(217,204,184)
}
.menucyan {
	BACKGROUND-COLOR: rgb(204,217,255)
}
.menujaune {
	BACKGROUND-COLOR: rgb(255,247,179)
}
.menuolive {
	BACKGROUND-COLOR: rgb(201,201,146)
}
.menuparme {
	BACKGROUND-COLOR: rgb(205,203,220)
}
#menuhor {
	clear: both;
	margin: 0em 0em 0.2em 0em;
	border-top: solid 0.1em rgb(95,95,95);
	border-bottom: solid 0.1em rgb(95,95,95);
	background-color: rgb(235,235,235);	
	text-transform: uppercase;
	line-height: 2.0em;
	height: 2.0em;
	color: rgb(0,16,98);
	width: 100%;
}

#menuhor ul {	
	margin: 0em;
	padding: 0em;
	list-style: none;
	font-weight: bold;
	font-size: 0.9em;
}	

#menuhor li {
	float: left;
	white-space: nowrap;
}

#menuhor li a {
	display: block;
	padding: 0em 1.0em 0em 1.0em;
	border-right: solid 0.1em rgb(175,175,175);	
	text-decoration: none;
	color: rgb(0,16,98);
}

#menuhor a:hover {
	border-right: solid 0.1em rgb(175,175,175);	
	background-color: rgb(220,220,220);			
	text-transform: uppercase;
	text-decoration: none;
	color: rgb(0,16,98);
}

#menuhor .selected {
	padding: 0em 0.5em 0em 0.5em;
	border-right: solid 0.1em rgb(175,175,175);		
	background-color: rgb(220,220,220);
	color: rgb(0,16,98);
}
.photoline { background-color: #FFFFFF; border: 1px #296CBF solid; width: 98%; }
.phototd { text-align: left; font-weight: bold; background-color: #8DB9EF; height: 20px; padding:2px;} 
.phototdnav { text-align: left; background-color: #8DB9EF; height: 20px; padding:2px;}
.ligne { background-color: #EFEFEF; width: 25%; padding:2px;}
.miniature { font-size: 8pt; text-align : center; }
.cadre { background-color: #E9E9E9; border:1px solid #296CBF; border-collapse:collapse }
.cadretd { text-align: left; padding:5px;}
.titrealbum { color: #006699; font-size: 13px; FONT-WEIGHT: bold; }
.titrephoto {
  margin: 10px;
  padding: 5px;
	font-size: 150%;
	font-weight: normal;
  font-family: Times New Roman, Helvetica, Arial, sans-serif;
  color: #000000;
  border-top: 1px solid #CC0033;
  border-bottom: 2px solid #CC0033;
}
.titrecentre {
  margin: 5px 5px 0px 5px;
  padding: 5px;
	font-size: 140%;
	font-weight: bold;
  color: #04378B;
  border-top: 1px solid #CC0033;
  border-bottom: 2px solid #CC0033;
}
.titrevues {
  margin: 10px;
  padding: 5px;
	font-size: 130%;
	font-weight: normal;
  font-family: Times New Roman, Helvetica, Arial, sans-serif;
  color: #000000;
  border-top: 1px solid #CC0033;
  border-bottom: 2px solid #CC0033;
}
.navig {MARGIN: 10px; font-size: 12px;}
.coul1 {background-color: #8DB9EF}
.text { font-size: 12px; color: #000000 }
.greytext { font-size: 10px; color: #5A5A5A }
.rub {background-color: #296CBF; font-family: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 11px; color: #fec76B}
A:active {COLOR: #29298B; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; TEXT-DECORATION: none}
A:link {COLOR: #29298B; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; TEXT-DECORATION: none}
A:visited {COLOR: #29298B; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; TEXT-DECORATION: none}
A:hover {COLOR: #000000; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; TEXT-DECORATION: underline}
div#photonav { margin:auto; padding: 1px; border: 1px solid #296CBF; width: 98%;}
div#photonavtxt { padding: 4px; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 13px; font-weight: bold; background-color: #8DB9EF;}
div#photodesc { margin:auto; padding: 3px; width: 85%; FONT-FAMILY: Arial, Verdana, Tahoma, Helvetica, sans-serif; font-size: 15px; text-align: justify}
div#flecheg {text-align: left; FONT-FAMILY: Tahoma,Arial,Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; float:left}
div#fleched {text-align: right; FONT-FAMILY: Tahoma,Arial,Verdana, Helvetica, sans-serif; font-size: 13px; font-weight: bold; float:right}
div#photoaff {background-color: #737373; text-align: center;}
div#pubaff {background-color: #E9E9E9; margin-left : auto; margin-right : auto; }
div#google{width:100%; text-align: center; margin-top: 30px;}
#bloccentral {
  margin: 10px 10px 10px 10px;
	border: #296cbf 1px solid;
  padding: 2px;
	width 984px;
  background-color: #E9E9E9;
}
#colgauche {
  background-color: #7F7F7F;
  width: 650px;
  float: left;
  padding-top: 5px;
}
#coldroite {
  position: relative;
  background-color: #E9E9E9;
  width: 320px;
  display: inline;
  float: right;
}
#bas {
 margin: 0px 0px 0px 0px;
 padding: 0px 0px 0px 0px;
 width: 1000px;
 border: 0px #296CBF solid;
 background-color: #ffffff;
}
#copy {
background:#296CBF;
color:#fec76B;
text-align:center;
padding:3px
}
.clear { clear: both; }
#afficheimageh{ margin-top:45px; margin-bottom:45px; text-align: center;}
#afficheimagev{ text-align: center;}
div.miniphoto{
  padding: 0px 0px 0px 0px;
  margin: 4px 0px 0px 60px;
 	width: 150px;
  height: auto;
 	float: left;
 	text-align: center;
  background: #ffffff url(/images/diapo.jpg) repeat-x center top;  
}
div.minilegende{
  padding: 0px 0px 0px 0px;
  margin: 0px 0px 0px 0px;
 	text-align: center;
  font-family: Tahoma,Arial,Verdana, Helvetica, sans-serif;
  font-size: 12px;
}
#google-recherche {
width:996px;
background-color:#B9B9B9;
border-top:1px solid #5F5F5F;
padding:2px
}
#droite {
float:right
}

#gauche {
float:left;
padding:0px;
line-height: 10px;
VERTICAL-ALIGN: MIDDLE;
}
#clear {
clear:both
}
.homeen {
MARGIN: 0 0 0 1px;
FLOAT: left
}
.google-plus {
MARGIN: 0 0 0 1px;
FLOAT: left
}
.post-tweet {
MARGIN: 0 0 0 1px;
FLOAT: left
}
.post-like {
MARGIN: 0px -5px 0px 1px;
FLOAT: left
}
#illicotravel {
margin:auto;
background-color:#FFFFFF;
border:solid 1px #04378B;
text-align:left;
width:300px
}
