html{
	height:100%;
	margin:0;
	padding:0;
}
/* end hack */

body{
	min-width:951px;/* for mozilla*/
	padding:0;
	margin:0;
	font-size: 11px;
 	font-family: "Arial", verdana, sans-serif;
}

#mini {width:700px;
float:left;
padding-left:5000px;
}

		
#colonnes {
float: left;
width:870px;
}
	
#colonne {
font-size:14px;
width:280px;
margin-top:15px;
margin-bottom:15px;
margin-left:7px;
float:left;
}
	
	#colonne h2 {
	font-size:16px;
	color:#333333;
	text-decoration:none;
	}
	
	#colonne a{
	color:#000000;
	text-decoration:none;
	}
	
	#colonne a:hover{
	color:#003399;
	text-decoration:none;
	}
	
	#colonne h2 a{
	font-size:14px;
	color:#000000;
	text-decoration:none;
	}
	
	#colonne h2 a:hover{
	font-size:14px;
	color:#003399;
	text-decoration:none;
	}

#outer{
	height:99.9%;
    min-height:60%;
	width:951px;
	position:relative;
	overflow:visible;
	margin:0 auto;
}

/* mac hide \*/
* html #outer{
	width:960px
}
/* end hide*/

html>body #outer{
	height:auto;
} /*for mozilla as IE treats height as min-height anyway*/

#inner{
	width:100%;
	padding-top:143px;/*necessaire pour faire de la place pour le header*/
}

#header{
	float: left;
	width:951px;
	height:180px;
	z-index:74;
	background:  url(header.jpg) no-repeat left top;
}

#date {
        font-size:14px;
        font-weight:bold;
margin-top:150px;
}

#contenu {
	z-index: 1000;
	padding-bottom: 7px;
   float: left;
   position:relative;
    text-align: left;
    width: 890px;
	padding-left:50px;

}





#droite{
   float: right;
   margin-bottom:15px;
   	margin-top:15px;
	margin-right:40px;
	 width: 260px;
}

#cadre1{
   float: right;
    text-align: left;
	height:320px;
} 

#rapport{
   float: right;
    text-align: left;
    width:300px;
	height:320px;
		background:  url(/assets/images/formulaire.jpg) no-repeat left top;
		padding-top:25px;
		margin-left:10px;
		padding-left:7px;
}

#rapport3{
   float: left;
    text-align: left;
    width:850px;
	height:75px;
		background:  url(/assets/images/formulaire2.jpg) no-repeat left top;
		padding-top:5px;
		padding-left:15px;
}

#rapport3 div{
float: left;
margin-left:15px;
}

#rapport2{
   float: right;
    text-align: left;
    width:400px;
	height:320px;
		background:url(/assets/images/cartefond.jpg) no-repeat left top;
		padding-top:13px;
		margin-left:10px;
		margin-right:20px;
		padding-left:5px;
}

#rapport label{
text-decoration:none;
font-size:12px;
width:200px;
}

#rapport input{
text-decoration:none;
font-size:12px;
width:200px;
}


#rapport textarea {
text-decoration:none;
font-size:12px;
background-color:#FFFF99;
width:200px;
}

#rapport h2{
text-shadow:#666666;
font-size:15px;
width:280px;
}

#rapport h3{
color:#666666;
font-size:14px;
width:280px;
}

#rapport p{
font-size:12px;
width:250px;
}

#naissance p{
text-decoration:none;
font-size:14px;
}

#naissance h2{
text-shadow:#666666;
text-decoration:underline;
font-size:16px;
}

#plugin {
width: 80px;
padding-top:25px;
float:left;
}

#plugin {
width: 80px;
}
#plugin a img {
border-color:#FFFFFF;
}

#plugin a:hover img {
border:double;
border-color:#660000;
}

#plugin a:active img{
border:double;
border-color:#660000;
}

#pub {
position:absolute;
z-index:1000;
margin-top:13px;
}

#carte{
margin-top:-5px;
position:absolute;
z-index:2000;
}

#photo{
   float: right;
    width: 300px;
	height: 300px;
	margin-left:20px;
	padding-left:27px;
	margin-top:15px;
	background:  url(/assets/images/cadre-photo.jpg) no-repeat left top;
}

#photo img{
	padding-top:10px;
    float: left;
    max-width: 250px;
	max-height: 250px;
	width:expression(document.body.clientWidth > 250 ? "250px" : "auto");
	height:expression(document.body.clientWidth > 250 ? "250px" : "auto");
}

#footer {
	color: #000;
	width:951px;
	height:150px;
	background:  url(footer.jpg) no-repeat left top;
	float: left;
}

* html #footer{
	margin-bottom:-1px
}
/* contournement bug IE*/

/* mac hide \*/
* html #footer {
/*only ie gets this style*/
	height:82px;
	/* for ie*/
}
/* end hide*/

div,p  {
	margin-top:0px;
}/*clear top margin for mozilla*/


#clearfooter {
	width:100%;
	height:150px;
	clear:both;
} /* to clear footer */

html>body #minHeight{
	float:left;
	width:0px;
	height:100%;
	margin-bottom:-150px;
} /*safari wrapper */


.post {
    margin: 0 0 1.5em 0;
    padding: 0 0 1.5em 14px;
    border-bottom: 1px solid #ddd;
}

.post h3 {
    margin-top: 0;
    color: #f63;
}
.post ul li {
	background: url(images/tictac_orange.gif) no-repeat 0 6px;
	margin-left: 0em;
}