#logo-small{
position: absolute; 
top: 100px; 
left:220px;
z-index: 2; 
}
#logo-small2{
position: absolute; 
top: 100px; 
left:220px;
z-index: 3; 
}
#logo-small3{
position: absolute; 
top: 100px; 
left:200px;
z-index: 2; 
}



#maincontent .intro {
	font-size: 1.3em;
	margin-bottom: 2em;
	background: #fff5be url(images/intro-br.gif) no-repeat bottom right;
}

#maincontent .intro p {
	margin: 0;
	padding: 30px;
	background: url(images/intro-bl.gif) no-repeat bottom left;
}




body {
		background:url(images/fond-page.jpg) no-repeat center top fixed;
		background-color : #737373;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px;
		color:#555555;
		margin:0px;
		margin-bottom: 100px;
		}

.homepage {
	background:url(images/homepage.jpg) no-repeat center;
	background-color : #737373;
	}



#index_cadre {
	width: 230px;
	height:394px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border : 6px solid #FFFFFF;
	background-color: #E4E4E4;
	line-height:9px;
	position : absolute;
	top:50%;
	left:50%;
	margin-left: -115px;
	margin-top: -197px;
	}

#index_cadre p {
	margin-top:5px;
	margin-bottom:5px;
	font-size: 10px;
	line-height:9px;
	padding:0px;
	}




img {		border : 0px;
		}

input{		border:1px solid #AAAAAA;
		background-color:#E4E4E4;
		font-family: Verdana, Helvetica, sans-serif;
		font-size: 10px;
		color:#555555;
		
		}

h1 {		
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:1.7em;
		font-weight:normal;
		margin-bottom : 5px;
		margin-top: 2px;
		letter-spacing : 2px;
		color : #4D4D4D;
		background-color:#E4E4E4;
		}

h2 {		
		font-family:Georgia, "Times New Roman", Times, serif; 
		font-size:11px;
		font-weight:normal;
		margin-bottom : 5px;
		margin-top: 30px;
		letter-spacing : 2px;
		color : #333333;
		background-color:#E4E4E4;
		}

p {		margin-top : 5px;
		margin-bottom : 2px;
		}



#main_nav {	padding-right : 18px;
		padding-left : 18px;
		padding-top : 0px;
		padding-bottom : 0px;
		width : 180px;
		border : 0px solid #FF00FF;
		position : relative;
		float : left;
}
#main_nav UL {	padding-right : 0px;
		padding-left : 0px;
		padding-top : 10px;
		padding-bottom : 0px;
		margin : 0px;
		width : 100%;
		border-bottom : 1px solid #B1B1B1;
}
#main_nav UL LI { padding-right : 0px;
		padding-left : 13px;
		padding-bottom : 5px;
		padding-top : 5px;
		margin : 0px;
		list-style-type : none;
		border-top : 1px solid #B1B1B1;
		BACKGROUND: url(images/arrow.gif) no-repeat 5px center
}


#main_nav A {
	color : #555555;
	text-decoration:none;
	font-weight:normal;
}
#main_nav A:hover {
	color : #709500;
	font-weight:bold;
}




#top_dark {
	width: 750px;
	margin: 0px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 30px;
	border : 0px solid #FFFFFF;
	height:13px;
	background:url(images/ombretop.gif);
	}
#ombre_bottom {
	width: 750px;
	margin: 0px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	margin-top: 0px;
	border : 0px solid #FFFFFF;
	height:13px;
	background:url(images/ombrebottom.gif);
	margin-bottom: 10px;
	}



#container {
	width: 750px;
	margin: 0px;
	padding: 0px;
	margin-right: auto;
	margin-left: auto;
	text-align: center;
	border : 7px solid #FFFFFF;
	background:url(images/test.jpg) no-repeat;
	background-color: #E4E4E4;
	height:100%;
	text-align:left;
	}


#nav1{	width:730px;
		margin-top:10px;
		margin-left:10px;
		margin-right:10px;
		margin-bottom:10px;
		padding:0px;
		padding-right : 0px;
		text-align:right;
		font-size:9px;

		}
#nav1 a{	color : #709500;
		text-decoration:none;
		padding-left : 2px;
		padding-right:2px;
		}
#nav1 a:hover{	text-decoration:none;
		border-bottom : 1px solid #709500;
		}

#entete{	width:750px;
		margin:0px;
		padding:0px;
		height : 156px;
		border : 0px solid #FF00FF;
		margin-bottom:20px;
		}


#contenu {	width : 510px;
		border : 0px solid #FF00FF;
		margin-left : 230px;
		position : relative;
		line-height : 17px;
		}

#contenu a{	color : #709500;
		text-decoration:none;
		}
#contenu a:hover{	text-decoration:underline;
		}





#contenu li {	
		list-style-image:url(images/puce_list.jpg);
		padding-bottom : 5px;
		list-style-position:inside;
		}

.paragraph {	text-indent:40px;
		text-align:justify;
		margin-bottom:10px;
		}
.separation {	margin-top:20px;
		margin-bottom:30px;
		text-align:center;
		}


.piedpage {	color : #AEAEAE;
		font-family:verdana, arial,sans-serif;
		font-size:9px;
		text-align:center;
		line-height : 9px;
		background-color:#737373;
		}

.validator {	text-align:center;
		}



.lientete {	color:#709500;
		background-color:#E4E4E4;
		}



#sous_rub {	
		width:490px;
		border-left:5px solid #CBCBCB;
		margin-left : 20px;
		padding : 0px;
		}
.sous_rubrik {	
		width:490px;
		border-left:5px solid #CBCBCB;
		margin-left : 20px;
		padding : 0px;
		}


#main_ano {	padding-right : 18px;
		padding-left : 18px;
		padding-top : 0px;
		padding-bottom : 0px;
		width : 180px;
		border : 0px solid #FF00FF;
		position : relative;
		float : left;
		text-align:center;
}





.auteur{
	text-align:right;
	}


.partenaires{
	border : 1px solid #CCCCCC;
	margin-top:10px;
	}



#portfolio_cadre {
	width: 950px;
	height:500px;
	margin: 0px;
	padding: 0px;
	text-align: center;
	border : 0px solid #FFFFFF;
	line-height:9px;
	position : absolute;
	top:50%;
	left:50%;
	margin-left: -475px;
	margin-top: -250px;
	}



/*contact*/
td.contactleft{

padding-left:3px;

}



.mybtn {
/*
BORDER-TOP: #44636f 1px solid;
BORDER-BOTTOM: #44636f 1px solid;
BORDER-LEFT: #44636f 1px solid;
BORDER-RIGHT: #44636f 1px solid;
MARGIN: 5px 0px 25px;
WIDTH: 35%;
PADDING-TOP: 5px*/
border: 1px solid #000000;
height: 22px;
width: 90px;
background-color: #9FD500;
cursor: hand;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 9px; color: #000000; font-weight : bold;
}

.mytxt {
BORDER-RIGHT: #44636f 1px dashed; BORDER-TOP: #44636f 1px dashed; FONT: x-small 'Lucida Grande', Verdana, Arial, Sans-Serif; BORDER-LEFT: #44636f 1px dashed; COLOR: #000000; BORDER-BOTTOM: #44636f 1px dashed
}

.myarea {
BORDER-RIGHT: #44636f 1px dashed; BORDER-TOP: #44636f 1px dashed; FONT: x-small 'Lucida Grande', Verdana, Arial, Sans-Serif; BORDER-LEFT: #44636f 1px dashed; COLOR: #000000; BORDER-BOTTOM: #44636f 1px dashed
}


/* Panel link properties */

a.urllink:link{font-family: verdana; font-size: 10px; color: #ff9900; text-decoration: none;}
a.urllink:active{font-family: verdana; font-size: 10px; color: #ff9900; text-decoration: none;}
a.urllink:visited{font-family: verdana; font-size: 10px; color: #ff9900; text-decoration: none;}
a.urllink:hover{font-family: verdana; font-size: 10px; color:#ff9900; BACKGROUND-COLOR: #ff9900;}

/* Panel link properties */

a.drop:link{background: url(images/arrow.gif) no-repeat 5px center; font-family: verdana; font-size: 10px; color: #000000; text-decoration: none;}
a.drop:active{background: url(images/arrow.gif) no-repeat 5px center; font-family: verdana; font-size: 10px; color: #000000; text-decoration: none;}
a.drop:visited{background: url(images/arrow.gif) no-repeat 5px center; font-family: verdana; font-size: 10px; color: #000000; text-decoration: none;}
a.drop:hover{background: url(images/arrow.gif) no-repeat 5px center; font-family: verdana; font-size: 10px; color:#000000; BACKGROUND-COLOR: #99cc00;}
