/********************************************************/
/* Architecture d'une page                              */
/********************************************************/

body {
	margin: 0;
	padding: 0;
	text-align: center;
	background: #dbb470 url( "images/back_saf.jpg") no-repeat top center;
}

#page {
	width: 80%; 
	text-align: center;
	position: relative;
	font-family: 'Arial';
	font-size: 8pt;
	z-index: 1;
	margin-left: auto;
	margin-right: auto;
	margin-top:190px;
	
	/*filter: progid:DXImageTransform.Microsoft.Gradient( startcolorstr="#55ffffff",endcolorstr="#55ffffff");
   	filter:alpha(opacity=80); 
	-moz-opacity:0.8; 
	opacity: 0.8;*/
}	

#main{
	border:7px solid #615040;
	border-top:none;
	/*filter: progid:DXImageTransform.Microsoft.Gradient( startcolorstr="#55ffffff",endcolorstr="#55ffffff");*/
	padding:0;
	margin:0;
	background-color: #faf4ea; 
	z-index:80;
}

#home, #plan, #contact,#postBox, #partenaires {
	text-align:left;
	width: 96%;
	/*background-color: #00ff00;*/
	padding: 1px 2% 20px 2%;
}

#contact{
	width: 55%;
	margin: auto;
}

#plan{
	width: 85%;
	margin: auto;

}

#postBox {
	/*background-color: #00ff00;*/
	text-align:left;
}

#partenaires{
	width: 85%;
	margin: auto;
}

#contact h1, #plan h1, #postBox h1, #home h1, #partenaires h1{
	color: #615040;
	border-bottom:1px solid #615040;
	font-size:16pt;
}

.content, .content_plan, .content_contact, .content_part, .content_postBox{
	margin-top:30px;
	font-size:11pt;
	line-height:25px;
}



.content_plan{
	font-size:9pt;
	margin-top:60px;
	line-height:11pt;
}

.content_contact{
	font-size:9pt;
	margin-top:20px;
	margin-left:35%;
}

.right, .right_contact {
	/*background-color: #ffff00;*/
	float: right;

	text-align: right;
	margin: 10px;
	padding:0;
	margin-right:0px;
	margin-top:50px;
}



 .right_contact {
	width: 170px;
	float: right;
	margin-top:150px;
 }


.spacer {
  clear: both;
}

#pageHeader{
	padding:0;
	margin:0px;
	height:43px;
}

#pageFooter{
	text-align:center;
	padding:5px;
	border:2px solid #615040;
	background-color: #faf4ea; 
	font-size:8pt;
	color: #615040;
	width:60%;
	margin:10px auto 30px auto;
	
	filter: progid:DXImageTransform.Microsoft.Gradient( startcolorstr="#55ffffff",endcolorstr="#55ffffff");
   	filter:alpha(opacity=70); 
	-moz-opacity:0.7; 
	opacity: 0.7;
}



/********************************************************/
/* Login page                                           */
/********************************************************/

#login, #menu_admin, #new_image, #manageImage{
	width:160px;
	/*border: solid 1px #CFCFCF;*/
	padding:10px;
	margin: 20px auto 20px auto;
	/*background-color: #f5f5f5;	*/
	text-align:left;
	min-height:160px;
}

#new_image{
	width:500px;
}

#manageImage{
	width:600px;
	text-align:center;
	margin-top:0px;
}

#menu_admin, #login{
	margin-top:0px;
	margin-bottom:120px;
	min-height:60px;
	padding-top:60px;
	
}

#menu_admin{
	width:200px;
}

#login h1, #new_image h1, #manageImage h1{
	text-align:center;
	color:#818181;
	font-size:16pt;
}


/********************************************************/
/* Menu admin                                           */
/********************************************************/

#menu_admin ul{
	margin:0;
	margin-top: 0px;
	margin-left: 10px;
	padding:0;
}

#menu_admin li , #addImage{
	margin:0;
	padding:0;
	list-style-type: none;
	margin-top: 10px;
	list-style-image: url("images/east_orange_arrow.gif");
}

.likeLI{
	background:url("images/east_orange_arrow.gif") no-repeat;
	padding-left:15px;
	font-size: 11pt;
	font-weight: bold;
	margin-top: 2px;

}

#addImage{
	text-align:right;
	margin-right:40px;
}


/********************************************************/
/* Links                                                */
/********************************************************/


.linkThinGray:link, .linkThinGray:visited, .linkThinGray:hover {
	text-decoration:none;
	font-size: 9pt;
	font-weight: normal;
}

.linkThinGray:link, .linkThinGray:visited, .linkThinGray:hover {
	color : #636363;
}

.linkThinGray:hover{
	text-decoration: underline;
}

.linkThinGray:link, .linkThinGray:visited, .linkThinGray:hover {
	font-size: 10pt;
}

.tableauImages{
	margin: 20px auto 20px auto;
	text-align:center;
	font-size: 10pt;
}

ul#menu { 
	width: 100%; 
	background: url("images/menu-bg.gif") bottom left repeat-x; 
	font-size: 9pt; font-family: "Lucida Grande", Verdana, sans-serif; 
	font-weight: bold; 
	list-style-type: none; 
	margin: 0; 
	padding: 0; 	
	height: 43px; 
	
	
}


ul#menu li 
{ 
	width: 114px;
	display: block;
	float: left; 
	margin: 0 0 0 5px; 
	
	
}

ul#menu li a { 

	
	color: #777; 
	text-decoration: none; 
	display: block; 
	line-height: 150%; 
	padding: 9px 0px 0 0px;
}

ul#menu li a:hover { 
	color: #333; 
}

ul#menu li a.current{ 
	color: #615040; 
	height:43px;
	width: 114px;
	background: url("images/bouton.jpg") top left no-repeat; 
	padding:0;
	margin:0;
	line-height: 200%; 
	z-index: 5;

}


/*galeriede ouf */
.row {
	text-align:center;
	/*border:1px solid red;*/
	width:100%;
}

.row a img {
	border: 2px solid white;
	vertical-align:middle;
}

.row a:hover {
	border: 1px solid #c0c0c0;
}

.row a{
	margin-right:5%;
	margin-left:5%;
	margin-bottom:5%;
	display: inline-block;
	border : 1px solid #615040;
	line-height: 1px;
}
/*stop*/