html{
	height: 100%;
}

body{
	background-color: #ffffff;
	margin:0;
	/*height: 100%;*/
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
	background-attachment: fixed;
}
.bodyprint{
	background-image: none;
}

p, form {
	margin: 0;
	padding: 0;
}

#layout{
	width: 750px;
	text-align:center;
	margin-left: auto;
	margin-right: auto;
	height: 100%;
	border-width: 0 1px 0 1px;
	border-style: solid;
	border-color: #f8f8f8;
}

#center{
	float: left;
	width: 100%;
	background-color: #ffffff;
	text-align: left;
	overflow: hidden;
}

#center p{
	padding: 0 15px 15px 15px;
}

#center form {
	padding: 20px;
	margin: 0 15px 0 15px;
	border: 0px solid black;
	background-color: #ffffff;	
	
	/*background-image: url(../images/bg_onglet.gif);
	background-position: top right;
	background-repeat: no-repeat;*/
}

#center div.bordure{
	border-width: 0;
	border-color: #000000;
	border-style: solid;
	padding-top: 5px;
	min-height: 340px;
	_height: 340px;
	margin: 0 10px 10px 10px;
	clear:both;
}

#bannerfooter{
	/*padding-left: 15px;*/
}

#logo{
	float: left;
	padding: 0 19px 0 19px;
}

#logo a{
	font-size: 9px;
}

#logohome {
	vertical-align: bottom;	
	position: absolute;
	margin-left: 665px;
	top: 8px;
	height: 18px;
}

#logohome a{
	text-decoration: none;
}

#logohome .imghome{
	padding: 0 5px 0 0;
	vertical-align: middle;
}

#logohome span{
	vertical-align: middle;
}

#onglets{
	margin: 5px 0 15px 0;
	overflow:auto;
	border: 1px solid white;
}

.clear{
	clear: both;
}

.onglet{
	float:left;
	width: 146px;
	height: 30px;
	text-align:center;
	padding-top:77px;
	margin-right: 10px;
}

.onglet a{
	width: 135px;
	display:block;
	text-align:left;
	font-weight:bold;
}

.onglet ul{
	cursor: pointer;
}

#center div.ong1, #center .ong1on a ul, #center .ong1off a:hover ul{
	background-color: #438A20;
	border:1px solid #438A20;
}
#center div.ong2, #center .ong2on a ul, #center .ong2off a:hover ul{
	background-color: #4965E0;
	border:1px solid #4965E0;
}
#center div.ong3, #center .ong3on a ul, #center .ong3off a:hover ul{
	background-color: #DD4748;
	border:1px solid #DD4748;
}
#center div.ong4, #center .ong4on a ul, #center .ong4off a:hover ul{
	background-color: #EBE00A;
	border:1px solid #EBE00A;
}

#onglets a, #onglets a:hover{
	text-decoration: none;
}

#onglets ul{
	width: 135px;
	height: 15px;
	margin: 0;
	padding: 0;
}

#center .ong1on a ul, #center .ong1off a ul{
	border:1px solid #438A20;
}
#center .ong2on a ul, #center .ong2off a ul{
	border:1px solid #4965E0;
}
#center .ong3on a ul, #center .ong3off a ul{
	border:1px solid #DD4748;
}
#center .ong4on a ul, #center .ong4off a ul{
	border:1px solid #EBE00A;
}

#center div.ong1{
	background-color: #CCDED3;
	border-width: 0;
}
#center div.ong2{
	background-color: #D5E2F2;
	border-width: 0;
}
#center div.ong3{
	background-color: #FF8A8A;
	background-color: #FF9797;
	background-color: #ED9E9E;
	border-width: 0;
}
#center div.ong4{
	background-color: #FFFFCC;
	border-width: 0;
}
#center div.contact{
	background-color: #eeeeee;
}

#center p.map{
	background-color: #ffffff;
	margin: 15px;
	padding: 15px;
	text-align: center;
}

#bandeau{
	height: 150px;
	width: 750px;
	display: block;
	margin: 10px 0 10px 0;
	/*background-image: url(../images/bandeau_home.jpg);
	background-repeat: no-repeat;*/
}

#hachureong1{
	background-image: url(../images/hachureong1.jpg);
	background-repeat: repeat-x;
	height: 50px;
	width: 100%;
	display: block;
	margin: 0px 0 15px 0;
}

#hachureong2{
	background-image: url(../images/hachureong2.jpg);
	background-repeat: repeat-x;
	height: 50px;
	width: 100%;
	display: block;
	margin: 0px 0 15px 0;
}

#hachureong3{
	background-image: url(../images/hachureong3.jpg);
	background-repeat: repeat-x;
	height: 50px;
	width: 100%;
	display: block;
	margin: 0px 0 15px 0;
}

#hachureong4{
	background-image: url(../images/hachureong4.jpg);
	background-repeat: repeat-x;
	height: 50px;
	width: 100%;
	display: block;
	margin: 0px 0 15px 0;
}

#hachurecontact{
	background-image: url(../images/hachurecontact.jpg);
	background-repeat: repeat-x;
	height: 50px;
	width: 100%;
	display: block;
	margin: 0px 0 15px 0;
}

#copyright{
	/*position: absolute;
	bottom:0;*/
	clear:both;
	width: 750px;
	text-align:center;
	height:23px;
	background-color: #57767B;
	color: #ffffff;
	padding-top: 12px;
}


.blocResultat{
	margin: 15px 15px 0 15px;
	padding: 10px 10px 5px 10px;
	border: 0px solid black;
	overflow: auto;
	background-color: white;
}

.blocPhoto{
	float: left;
}

.blocPhoto img{
	margin: 0 3px 5px 0; 
}

.blocPhotoDetail {
	text-align:center;
}

.blocPhotoDetail img{
	margin: 0 13px 13px 0; 
}

.photoMini{
	width:30px;
	float:left;
}
.photoMiniDetail{
	width:130px;
	float:left;
}
.photoMini img{
	cursor:pointer
}

.photoMaxi{
	width: 130px;
	float: left;
}
.photoMaxiDetail{
	width: 400px;
	float: left;
}

.description{
	float: left;
	width: 400px;
	padding: 0 10px 0 10px;
}

.descriptionDetail1{
	float:left;
	width: 200px;
	margin-bottom: 20px;
}

.descriptionDetail2{
	float: left;
	width: 350px;
	margin-bottom: 20px;
}

.blocDetail{
	margin: 15px 15px 0 15px;
	padding: 15px;
	border: 0px solid black;
	overflow: auto;
	background-color: white;
}

#center form.noclass{
	padding: 0;
	margin: 0;
	background: none;
	border: 0;
}


#layout_print{
	width: 600px;
	background-color: #ffffff;
	margin: auto;
	text-align:center;
	padding-top:10px;
}

#header_print{
	text-align:left;
	margin-bottom: 20px;
}

.logo_print{
	margin: 0 80px 0 80px;
}

#content_print{
	text-align: left;
	margin: 15px;
	padding: 15px;
	border: 1px solid black;
}

#content_print .descriptionDetail2{
	float: left;
	width: 300px;
	margin-bottom: 20px;
}

#newscontainer{
	width:530px;
	float:left;
	background-color: #eeeeee;
	padding-bottom: 15px;
	margin-bottom: 20px;
}

#center #form_home{
	padding: 0;
	margin: 0;
	background-image:url(../images/home_form_frame.jpg);
	background-repeat:no-repeat;
	background-position: left top;

}

#formhome{
	float:right;
	width:180px;
	height:298px;
}

.blocActu{
	clear: both;
	padding: 20px 0 15px 0;
	overflow:auto;
}

.imgActu{
	width: 150px;
	height: 100px;
	padding: 0 15px 0 15px;
	float: left;
	text-align: center;
}

#center .titreActu{
	padding: 0 0 15px 0;
	margin: 0;
	font-weight: bold;
}

.texteActu{
	float: left;
	width: 330px;
	text-align: justify;
	padding: 0;
}

.texteActu a:hover{
	text-decoration: none;
}