/******************************************************************/
/* default styles */
body{
	background:#67ADDE url(/images/bg-body.gif) repeat-x;
	margin:0;
}
form{margin:0}
img{vertical-align:bottom;}/* remove unwanted spaces under images*/
a img{border:none;}
a:hover{text-decoration:none;}
body, p, li, div, h1, h2, h3, h4, h5{font:11px verdana, arial, helvetica, sans-serif; color:#10355B;}
p{line-height:16px; text-align: justify;}
#title_print{
	display: none;
}


/******************************************************************/
/* usefull class */
.texte_diapo{ font-weight:bold; display:block; margin: 0 0 15px 0;}
.hide{display:none;}
.nomargin{margin:0}
.lfloat{float:left;}
.rfloat{float:right;}
.cboth{clear:both;}
.bold{font-weight: bold;}
.italic{font-style: italic;}
.underline{text-decoration: underline;}
.center{text-align: center;}
.biggerText{font-size: 14px;}
.wayBiggerText{font-size: 16px;}
.noline{background: none;}

/******************************************************************/
/* text, title, subtitle, links etc. */
h2.title{
	color: #10355B;
}
h2{
	color: #f15b64;
	font-size: 18px;
	font-weight: bold;
	background: url(../images/sec-sep-horizontal.gif) repeat-x center bottom;
	padding: 0 0 5px 0;
}
a.top{
	float: right;
	font-size: 11px;
	font-weight: normal;
	margin: 0;
	padding: 0;
	display: inline;
}
h2 a.top{
	position: relative;
	top: -17px;
}
h3{
	color:#10355B;
	font-size:14px;
	font-weight:bold;
}
h4{
	color:#10355B;
	font-size:11px;
	font-weight:bold;
	margin-bottom: 0;
}
a:link, a:visited{color:#10355B; font-weight: bold;}
a:link.red, a:visited.red{color:#ef5157; font-weight: bold;}
.red_link a:link, .red_link a:visited{color:#ef5157; font-weight: bold;}
a:link.blue, a:visited.blue{color:#68AFE1; font-weight: bold;}
.blue_link {color:#10355B;}
.blue_link a{color:#68AFE1; font-weight: bold;}
.blue_link a.mailName {color:#10355B; font-weight: bold;}
#sous_menu a{color: #10355B; }
#menu_oeuvres a{color: #10355B; font-weight: normal; }
ul, li{
	margin: 0;
	padding: 0;
	list-style-type: none;
}
/******************************************************************/

#container{
	background:#fff;
	width:828px;
	padding:11px;
	margin:auto;
}
/******************************************************************/
/* HEADER */
#menulang{
	background:#000 url(/images/bg-menulang.gif) no-repeat left bottom;
	width:828px;
	overflow:hidden;
}

#menulang ul{
	list-style-type:none;
	float:right;
	margin:0 9px 0 0;
	padding:0;
	display:inline; /* fix double margin bug */
}

#menulang li{
	float:left;
	color:#fff;
	font-size:12px;
	font-weight:bold;
	padding:0 5px 0 30px;
}

#menulang a:link, #menulang a:visited{
   color:#fff;
   font-size:10px;
   font-weight:bold;
   text-decoration:none;
   line-height:22px;
}

#menulang a:hover{text-decoration:underline;}

#logo{
	width:157px;
	height:254px;
	float:left;
}

#logo h1{margin:0;}

#logo a{
	display:block;
	width:157px;
	height:254px;
}

#header-image{
	background:#fff url(/images/header-enfants.jpg) no-repeat;
	width:671px;
	height:254px;
	float:left;
}

#menu{
	background:#68AFE1;
	width:823px;
	padding-left:5px;
	border-top:1px solid #fff;
	clear:both;
	overflow:hidden;
}

#menu-items{
	list-style-type:none;
	margin:0;
	padding:0;
	text-align:center;
}

#menu-items li{
	background:url(/images/link-spacer.gif) no-repeat right 50%;
	line-height:39px;
	float:left;
	padding:0 28px 0 26px;
}

#menu-items li.last{background:none;}

#menu-items a:link, #menu-items a:visited{
	color:#fff;
	font-size:12px;
	font-weight:bold;
	text-decoration:none;
}

#menu-items a.selected,
#menu-items a:hover{
	color:#10355B;
	text-decoration:underline;
}
/******************************************************************/
/* CONTENT */
#content{
	width:776px;
	overflow:hidden;
	padding:15px 26px;
}
#sous_menu{
	margin: 0 0 10px 0px;
	padding: 0;
	position: relative;
	top: -10px;
}
#sous_menu ul, #sous_menu li{
	margin: 0;
	padding: 0;
}
#sous_menu li{
	padding: 5px 0 0 17px;
}
#sous_menu li a{
	font-weight: bold;
}
#sous_menu ul li.current_page{
	background: url(../images/arrow_menu.gif) no-repeat 5px 8px;
}

/* image encadré un peu partout dans le site /////////// */
img.encadre{
	border: 1px solid #ccc;
	padding: 5px;
}

#static_content{
	width: 774px;
	overflow: hidden;
	padding: 0px 0 15px 0;
	padding-bottom: 50px;
}
#static_content p{
	margin: 0 0 11px 0;
	padding: 0;
}
div.encadre{
	background: red;
	color: white;
}
div.encadre.small{
	width: 237px;
	height: 109px;
	background: url(../images/encadre_small.jpg);
	padding: 10px 20px 20px 20px;
	margin: 0 auto;
}
div.encadre.small2{
	width: 237px;
	height: 75px;
	background: url(../images/encadre_small2.jpg);
	padding: 29px 20px 20px 20px;
	margin: 0 auto;
	position: relative; top: 18px;
	margin-right: 15px;
}
div.encadre.large{
	width: 626px;
	height: 50px;
	background: url(../images/encadre_large.jpg);
	margin: 20px auto;
	padding: 20px 20px 20px 20px;
}
ul.default {
	margin: 0 0 11px 40px;
}
ul.default li{
	list-style-type: disc;
}
ul.plandusite li{
	margin-bottom: 2px;
	font-size: 12px;
	font-weight: bold;
}
ul.plandusite li ul{
	margin-top: 5px;
	margin-bottom: 5px;
}
ul.plandusite li ul li{
	font-weight: normal;
}
/******************************************************************/
/* NEWS ARCHIVES */
.news, .news-details{
	width:700px;
	padding:15px 50px 15px 42px;
	overflow:hidden;
}

.ligne{
	background:#fff url(/images/sec-sep-horizontal.gif) repeat-x;
	height:2px;
	font-size:2px;
	padding:0;
	clear:both;
}

.news-img{
	background:#fff url(/images/border-img-left.gif) repeat-y;
	width:103px;
}

.news-img-left{
	background:#fff url(/images/border-img-topleft.gif) no-repeat;
	float:left;
	width:5px;
	height:7px;
	overflow:hidden;
}

.news-img-bottom{
	background:#fff url(/images/border-img-bottom.gif) no-repeat;
	float:left;
	width:103px;
	height:6px;
	overflow:hidden;
}

.news-content{width:582px;}

.news-content-no-img{width:700px;}

.date{
	font-size:10px;
	color:#EF5157;
}
/******************************************************************/
/* NEWS GLOBAL STYLES */
.news .title, .news-details .title{color:#EF5157;}

.title-link:link, .title-link:visited{color:#EF5157; text-decoration:none;}

.title-link:hover{text-decoration:underline}

.news p{margin-top:5px; margin-bottom:0px;}

.news .more:link, .news .more:visited{
	font-weight:bold;
	text-decoration:none;
}
/******************************************************************/
/* NEWS DETAILS */
.news-img-details{
	background:#fff url(/images/border-img-left.gif) repeat-y;
	position:relative;
	margin-top:10px;
	overflow:hidden;
}

.news-img-details img{
	background:#fff url(/images/border-img-bottom-repeat.gif) repeat-x bottom left;
	padding-bottom:6px;
	float:left;
}

.news-img-bottom-left{
   background:#fff url(/images/border-img-bottomleft.gif) no-repeat;
   float:left;
   margin-top:-6px;
   width:5px;
   height:6px;
   overflow:hidden;
}
.news-img-bottom-right{
   background:#fff url(/images/border-img-bottomright.gif) no-repeat;
   float:right;
   margin-top:-6px;
   width:7px;
   height:6px;
   overflow:hidden;
}

/******************************************************************/
/* COUNTRY DESCRIPTION PAGE */
#body-country #content{
	background:#fff url(/images/sec-separateur.gif) repeat-y 407px;
	width:828px;
	overflow:hidden;
	margin:15px 0 0 0;
	padding:0 0 15px 0;
}

.flag{
	border:1px solid #dbdbdb;
	vertical-align:middle;
}

#c1{
	float:left;
	width:375px;
	padding:10px 20px 0 12px;
}

#c1 p, #c1 h2{margin-left:15px;}

#title-photos{margin-bottom:6px;}
.title-photos{margin-bottom:6px;}

#c1 .pic{
	float:left;
	margin:10px 8px 10px 0;
	border:1px solid #929292;
}

#c1 img.first{
	display:inline; /* fix ie double margin bug */
	margin-left:15px;
}

#title-fiche{margin-top:6px;}

.fiche{
	width:364px;
	margin:0 0 0 11px;
}

.fiche div{padding:8px 27px;}

.fiche div span{font-weight:bold;}

.fiche-top, .fiche-bottom{
	display:block;
	height:8px;
	overflow:hidden;
}

.fiche-top{background:#ECEEF0 url(/images/fiche-descriptive-top.gif) no-repeat;}
.fiche-bottom{background:#ECEEF0 url(/images/fiche-descriptive-bottom.gif) no-repeat;}

.fiche div.first{padding-top:0px;}
.fiche div.last{padding-bottom:50px;}

.odd{background:#ECEEF0;}
.even{background:url(../images/bg_desc_oeuvres.jpg);}

#c2{
	float:right;
	width:393px;
	padding:10px 12px 0 0;
}

#c2 .news{
	width:393px;
	padding:15px 0 15px 0;
	overflow:hidden;
}

#c2 .news-content{width:280px;}

#c2 .news-content-no-img{width:393px;}

div#diaporama div.photo{
	width: 111px;
	text-align: center;
	float: left;
	padding: 0 10px;
}
div#diaporama div.photo a{
	text-decoration: none;
}
div#diaporama div.photo img{
	margin-bottom: 5px;
	border: none;
}



/******************************************************************/
/* FOOTER */
#footer{
	background:#10355B url(/images/bg-footer.gif) repeat-x;
	padding:13px 0 16px 0;
}

.footer-menu-items{
	 list-style-type:none;
	 margin:0;
	 padding:0;
	 text-align:center;
 }

#signature{margin-top:10px;}

.footer-menu-items li{
	display:inline;
	color:#fff;
	font-size:10px;
	font-weight:bold;
	line-height:14px;
}

.footer-menu-items a:link, .footer-menu-items a:visited{
	color:#fff;
	text-decoration:none;
}

.footer-menu-items a:hover{text-decoration:underline;}


/**************************************************************/
/* MAP */
#map{
	width:522px;
	margin:0 0 0 18px;
	padding-bottom:12px;
	overflow:hidden;
}

	#map h2.title{
		width:381px;
		height:46px;
		margin:7px 0 0 111px;
}

	#map-monde{
		float:left;
		margin:11px 0 0 0;
		border:none;
	}

	#country{
		float:right;
		width:134px;
		margin-right:6px;
		padding-top:17px;
	}

		#country ul{
			list-style-type:none;
			margin:0;
			padding:0;
		}

		#country li{
			background:#fff url(/images/sep-country.gif) repeat-x bottom;
			padding-bottom:2px;
		}

		#country img{margin-right:8px;}

		#country a:link, #country a:visited{
			display:block;
			padding:2px 0 2px 9px;
			color:#10355B;
			font-weight:bold;
			font-size:10px;
			text-decoration:none;
		}
		#country a:hover{background:#eee;}
