html, body {
margin-top:0; 
margin-bottom:0; 
margin-left:0; 
margin-right:0;
background-color:#000000;
/*font-family:"Comic Sans MS";
*/
color:#CC0066;
font-family:"Verdana";
font-size:10px;
	 }

/* DEBUT PERSO SITE */

#site {
	position: relative; /* on positionne le conteneur */
	margin-left: auto;
	margin-right: auto;
	width:980px;
	border-left: 1px solid #666666;
	border-right: 1px solid #666666;
	border-bottom: 1px solid #666666;
	background-color:#FFFFFF;
	height:100%;
	}

#banniere {
	background-color:#333333;
	text-align:center;
	height:100px;
	}

#corp { 
	position: relative; /* on positionne le conteneur */
	width:800px;
	float:left;
	background-color:#FFFFFF;
	margin:0px;
	}
	
#menu {
	position: relative; /* on positionne le conteneur */
	width:170px;
	margin:5px;
	float:right;
	}

.content {
	background-color:#FFFFFF;
	margin:5px;
	}

.menu_site {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:10px;
	color:#01500A;
	font-weight:bold;
			}
			
.identification, .inscription {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px;
	color:#CC0066;
	font-weight:bold;
			}

.legend {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#CC0099:
	font-weight:bold;
		}
		
a:link, a:visited, a:hover a:active {
	text-decoration:none;
	color:#CC0066;
}

a.menu_site:link, a.menu_site:visited, a.menu_site:hover a.menu_site:active {
	font-family:"Monotype Corsiva";
	font-size:24px;
	color:#CC0066;
			}
			
a.menu_gen:link, a.menu_gen:visited, a.menu_gen:hover a.menu_gen:active {
	font-family:"Monotype Corsiva";
	font-size:16px;
	color:#CC0066;
			}
			
 a.sous_menu_site:link, a.sous_menu_site:visited, a.sous_menu_site:hover a.sous_menu_site:active {
	font-family:"Verdana";
	font-size:14px;
	color:#CC0066;
			}
			
/* FIN PERSO SITE */
	 
<!-- Calendrier ddn -->
.ds_box {
	background-color: #FFF;
	border: 1px solid #000;
	position: absolute;
	z-index: 32767;
}

.ds_tbl {
	background-color: #FFF;
}

.ds_head {
	background-color: #333;
	color: #FFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 13px;
	font-weight: bold;
	text-align: center;
	letter-spacing: 2px;
}

.ds_subhead {
	background-color: #CCC;
	color: #000;
	font-size: 12px;
	font-weight: bold;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	width: 32px;
}

.ds_cell {
	background-color: #EEE;
	color: #000;
	font-size: 13px;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	padding: 5px;
	cursor: pointer;
}

.ds_cell:hover {
	background-color: #F3F3F3;
} /* This hover code won't work for IE */

<!-- Fin Calendrier ddn -->

.DHTMLSuite_validInput{
	border:1px solid green;
}
.DHTMLSuite_invalidInput{
	border:1px solid red;
}

.DHTMLSuite_validInput,.DHTMLSuite_invalidInput{
	padding:1px;
	margin:0px;
}

.DHTMLSuite_validInput select{
	margin:0px;
	padding:0px;
}

.DHTMLSuite_validationImage{
	background-position:center center;
	background-repeat:no-repeat;
	width:10px;
	height:10px;
}

.DHTMLSuite_invalidInputImage{
	background-image:url(http://127.0.0.1/site_maker/images/incorrect.gif)

}
.DHTMLSuite_validInputImage{
	background-image:url(http://127.0.0.1/site_maker/images/correct.gif);
}

.DHTMLSuite_validationBar{
	width:3px;
}
.DHTMLSuite_validationBarInvalid{
	background-color:#B00;
}

.DHTMLSuite_validationBarValid{
	background-color:#0B0;
}

#personPopupContainer   
{   
    position:absolute;   
    left:0;   
    top:0;   
    display:none;   
    z-index: 20000;   
}   
  
.personPopupPopup   
{   
}  
 
#personPopupContent   
{   
    background-color: #FFF;   
    min-width: 175px;   
    min-height: 50px;   
}   
  
.personPopupPopup .personPopupImage   
{   
    margin: 5px;   
    margin-right: 15px;   
}   
  
.personPopupPopup .corner    
{   
    width: 19px;   
    height: 15px;   
}   
       
.personPopupPopup .topLeft    
{   
    background: url(../images/personpopup/balloon_topLeft.png) no-repeat;   
}   
       
.personPopupPopup .bottomLeft    
{   
    background: url(../images/personpopup/balloon_bottomLeft.png) no-repeat;   
}   
       
.personPopupPopup .left    
{   
    background: url(../images/personpopup/balloon_left.png) repeat-y;   
}   
       
.personPopupPopup .right    
{   
    background: url(../images/personpopup/balloon_right.png) repeat-y;   
}   
       
.personPopupPopup .topRight    
{   
    background: url(../images/personpopup/balloon_topRight.png) no-repeat;   
}   
       
.personPopupPopup .bottomRight    
{   
    background: url(../images/personpopup/balloon_bottomRight.png) no-repeat;   
}   
       
.personPopupPopup .top    
{   
    background: url(../images/personpopup/balloon_top.png) repeat-x;   
}   
       
.personPopupPopup .bottom    
{   
    background: url(../images/personpopup/balloon_bottom.png) repeat-x;   
    text-align: center;   
}  

.titre_billet {
font-family: "Bitstream Vera Sans", Lucida grande, Verdana, Arial, sans-serif; 
color:#A3A3A3; 
text-align: justify; 
font-weight: bold; 
}

.date_billet {
font-family: "Bitstream Vera Sans", Lucida grande, Verdana, Arial, sans-serif; 
color:#A3A3A3; 
text-align: justify; 
font-weight: bold; 
}

.chapeau_billet { 
font-family: "Bitstream Vera Sans", Lucida grande, Verdana, Arial, sans-serif; 
color:#A3A3A3; 
text-align: justify; 
font-weight: bold; 
}

.contenu_billet { 
font-size: 14px;
font-family: "Bitstream Vera Sans", Lucida grande, Verdana, Arial, sans-serif; 
color:#C2C2C2; 
}