* {
margin: 0px;
padding: 0px;
font-size: inherit;
}

a img {border: none;}
a img:hover {border: none;}

a img.video {	
	border:4px solid #88f811; -moz-border-radius:10px; 
}

a img.video:hover {	
	border:4px solid #ffffff; -moz-border-radius:10px; 
}

img.comment {	
	border:4px solid #ffffff; -moz-border-radius:10px; 
	float: left;
	margin-right: 10px;
}

body {
	width: 900px;

	margin: 0 auto;	
	padding: 0;
	color: #ffffff; 
	font-family: verdana, arial; 
	text-align: justify; 
	font-size: 100%;
	font-weight: normal;
	background: #999999;
}

body, p, div, li, a {
	font-size:12px;
	font-family:verdana, arial;
} 

p.comment {
font-size: 11px;
}

p.noir {
	color:#000000;
}

p.blanc {
	color:#ffffff;
}

p span {
 color:#70bf1b;
}



#listbesoins li { 
	list-style-type: square; 
	line-height: 16px;
	font-size:12px;
	margin-left:23px;
}
#listlipdub li { 
	list-style-type: square; 
	line-height: 16px;
	font-size:12px;
	margin-left:23px;
	margin-top:7px;
}
#list_verte li { 
	list-style-type: square; 
	line-height: 16px;
	font-size:12px;
	margin-left:23px;
	margin-top:7px;
	color:#000000;
}

h1 {
	color: #ffffff;
	font-weight: normal;
	padding: 0 0 1em 0;
}
h1 span {
	color: #83e51a;
	font-size: 14px;
	font-weight: bold;
}
h2 {
	color: #ffffff;
	font-weight: normal;
	padding: 0 0 5px 0;
}
h2 span {
	color: #83e51a;
	font-weight: bold;
}
h3 {
	color: #ffffff;
	font-size:16px;
	font-weight: bold;
	padding: 0px 0 5px 0;
	text-align:center;
}

a {
	font-size:12px;
	color: #70bf1b; 
	text-decoration: underline;
}
a:hover {
	color: #70bf1b;
}
a.link_under {
	font-size:14px;
	font-weight: bold;
	color: #333333;
	text-decoration: none;
}
a.link_under:hover{
	color: #b9b9b9; 
}
a.link_naissance{
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
	text-decoration: none;
}
a.link_naissance:hover{
	color: #b9b9b9; 
}

a.bigblanc{
	font-size:14px;
	font-weight: bold;
	color: #ffffff;
}

a.test{
	font-size:60px;
	font-weight: normal;
	font-family:arial narrow;
	text-align:center;
	color:	#83e51a;

}

a.gros60{
	font-size:60px;
	font-family:arial narrow;
	color:	#83e51a;
	text-decoration: none;	
}
a.gros50{
	font-size:50px;
	font-family:arial narrow;
	color:	#8ae02f;	
	text-decoration: none;	
}
a.gros40{
	font-size:40px;
	font-family:arial narrow;
	color:#6bb818;
	text-decoration: none;	
}
a.gros38{
	font-size:38px;
	font-family:arial narrow;
	line-height:36px;
	color:#7bbe34;
	text-decoration: none;	
}

a.moyen30{
	font-size:30px;
	line-height:25px; 
	font-family:arial narrow; 
	color:	#83e51a;	
	text-decoration: none;	
}
a.moyen25{
	font-size:25px;
	line-height:22px;
	font-family:arial narrow;
	color:#6bb818;	
	text-decoration: none;	
}
a.moyen20{
	font-size:20px;
	line-height:20px;
	font-family:arial narrow;
	color:#6bb818;	
	text-decoration: none;	
}


span.spacer {
	height:1px;
	overflow:hidden;
	display:block;
	width:100%;
	clear:both;
}

select {
	width: 95%; 
	margin: auto; 
	background: #f0f0f0; 
	border: 1px solid #f0f0f0; 
	color: #9c9c9c; 
}

option {
	background: #f0f0f0; 
	border: 1px solid #f0f0f0;
}

ul#menu  {
	float: left;
	width: 800px;
	height:16px;
	margin-left: 15px; 
	margin-top: 13px;
	color: #b9b9b9; 
}
ul#menu li {
	float: left;
	margin-right: 10px;
	font-size:14px;
	font-weight: bold;	
	list-style-type:none;
}
ul#menu li.naissance {
	float: left;
	margin-right: 10px;
	margin-left:150px;
	font-size:14px;
	font-weight: bold;	
	list-style-type:none;
}

#croix a {
	float: right;
	width: 20px;
	height: 20px;
	margin-top:15px;
}

.block {
	border: 0;
	padding-top: 10px; 
	margin: 0px;
}

#content {
    text-align:justify;
    width: 900px;
	padding:0;
	margin: auto;
	margin-top: 10px;
	float:left;
	background-color:#333333;
}

#barre {
	
	width: 100%;
	height: 108px;
	margin-top: 0px; 
	padding: 0px;
	background:url(img/logo.jpg) no-repeat;
	background-color:#ffffff;
}

#barre_closed {
	width: 100%;
	height: 108px;
	margin-top: 10px; 
	padding: 0px;
	background:url(img/logo_closed.jpg) no-repeat;
	background-color:#ffffff;
}

#logo{
	float: left;
	width: 550px;
	height: 70px;
	margin: 0px auto; 
}


#spacer {
	clear:both;
}

#cadre {
	float: center; 
	width: 900px;
	height: 620px;
	background: #333333; 
	background-color:#333333;
	background-image:url(img/barrebas.png);
	background-repeat:no-repeat;
	background-position:0% 100%;
}

#cadresoft {
	float: none; 
	width: 900px;
	background: #333333; 	
	text-align: justify;
}

#cadrenaissance {
	float: none; 
	width: 900px;
	height: 468px;
	background: #333333; 
	background-color:#333333;
	background-image:url(img/fond_naissance.png);
	background-repeat:no-repeat;
	background-position:0% 100%;	
	text-align: justify;
}


#gauche {
	float: left; 
	width: 400px;
	padding: 1em 2em 0 1em;
	margin: 0;
}

#gauche_450{
	float: left; 	
	width: 450px;
	padding: 1em 1em 0 2em;
	margin: 0;
	line-height: 16px;
}

#droite {
	float: right;
	width: 430px;
	margin: 0;
	padding: 1.5em 1.5em 0 1em;
}

#droite_lipdub {
	float: right;
	width: 420px;
	margin: 0;
	padding:10px;
	margin-top: 10px;
	margin-right: 20px;
	background:url(img/fond_lipdub.png) no-repeat;	
}

#comment_fetes {
	float: left;
	width: 420px;
	margin: 0;
	padding:0 10px 0 10px;
	background:#6bb21f;
}
#comment_fetes_header {
	float: left;
	width: 420px;
	margin: 0;
	padding:10px;
	margin-top:15px;
	background:url(img/comment_fetes_header.png) no-repeat bottom;	
	color: #ffffff;
	font-size:16px;
	font-weight: bold;
	text-align:center;	
}
#comment_fetes_footer{
	float: left;
	width: 420px;
	margin: 0;
	padding:10px;
	background:url(img/comment_fetes_footer.png) no-repeat;	
}

#droite_fetes {
	float: left;
	width: 200px;
	margin: 0;
	padding:0px;
	margin-top: 10px;
}

#news {
	float: left; 
	width: 380px;
	height: 200px;
	padding: 10px;
	margin-top: 0px;
	margin-left: 0px;
	
}
#news2{
	float: left; 
	width: 380px;
	height: 200px;
	padding: 10px;
	margin-top: 0px;
	margin-left: 0px;
	
}

#pilule{
  position: absolute;
  top:290px;
  left:540px;
}

#videos {
	float: left; 
	width: 200px;
	padding: 0px;
	margin-top: 70px;
	margin-left: 10px;
	text-align:center;

}

#lipdub {
	float: left; 
	width: 200px;
	padding: 0px;
	margin-top: 10px;
	margin-left: 0px;
	text-align:center;

}

#fetes {
	float: right; 
	width: 150px;
	padding: 0px;
	margin-right: 35px;
	margin-top: 40px;
	text-align:center;

}

#evenementiel {
	float: left; 
	width: 250px;	
	padding: 0px;
	margin-top: 40px;
	text-align:center;
}
#webdesign {
	float: right; 
	width: 250px;
	padding: 0px;
	margin-top: 30px;
	margin-right: 60px;
	text-align:center;
}





#centre {
	float: left;
	width: 900px;
	text-align: left;
	padding-top: 0px;
	margin: 0 10px auto;
}
#article {
	float: left; 
	width: 160px;
	padding: 0;
	margin: 0;
}

#footer {
	float: none; 
	width: 99%;
	height:30px;
	background-color:#333333;
	background-image:url(img/footer_logo.png);	
	background-repeat:no-repeat ;
	background-position: 0% 100%;	
	font-size:10px;
	padding-top:15px;
	padding-right:1px;
	text-align:right;
	
}
#footer a{
	color:#ffffff;
	font-size:10px;
}


#comment_zone{
	float: left;
	width: 750px;
	height: 120px;
	margin-bottom : 15px;
	margin-left: 80px;
}
#comment_photo{
	float: left;
	width: 120px;
	height: 120px;
	margin-right: 10px;
}
#comment_texte{
	float: left;
	width: 580px;
	height: 120px;
	padding: 12px;
	padding-right: 16px;
	margin-right: 10px;
	text-align: justify;
	background: url(img/comment_texte.png) no-repeat;
}
#comment_texte p{
	font-size: 11px;
}


#naissance_titre {
	float: left; 
	width: 150px;
	padding : 0;
	margin: 0;	
	margin-left: 90px;
	margin-top: 70px;
}
#naissance {
	float: left; 
	width: 500px;
	margin: 0;
	margin-left: 50px;
	padding: 0;
	margin-top: 20px;
}