a{color:#CC0066; text-decoration:none}
a:hover{text-decoration:underline}

ul li {
	margin-left:-115px;
	list-style-type: disc;
	color: #820000;
	font-size: 1.2em; 
}

h1{color:#000; font-size:28px; font-weight:bold; letter-spacing:-1px; margin:0 0 5px}
h1 a{color:#000}

.body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px; 
	color: #000000; 
	margin-left: 0px;
}

.byline, .entryfooter, .trackbackfooter {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 135%;
	margin: 0;
	padding: 0 0 8px 0;
	color: #000;
}
.byline{
	clear:both; 
}

.commentBody {
	font-family: Arial, Helvetica, sans-serif;
	font-size: .8em; 
	color: #000000; 
	margin-right: 10px;
	margin-bottom: 40px;
}

.commentByLine {
	font-weight: bold;
	clear: left;
}

#blogText {
	padding:0 8px 0 8px;
}

.TxtDroite {
	padding:0 8px 0 8px;
	width:155px;
}

#banner, #banner a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1.4em;
	font-weight: bold;
	color: white;
	height:60px;
}

input, select, textarea{border:#cacaca 1px solid; font-size:12px; padding:5px}


.menuTitle {
	/*background-image: url(http://news.cccom.fr/clients/cccom/images/puce_demirond.gif);*/
	background-position: 0 50%;
	background-repeat: no-repeat;
	padding-left: 40px;
	font-size: 22px; 
	font-weight: bold; 
	letter-spacing: -1px;
	text-align: left;
	padding: 10px;
	width: 100%;
	color:#000
}

.header, .header a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 11px;
	text-align: center;
	font-weight: bold;
}


#calendar{
	width:150px;
	margin:0 auto 0 auto
}
.calendarTable, .calendarTable a {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: .9em;
	text-align: center;
	padding: 2px;
	line-height: 14px;
}

.calendarToday {
	background-color: #898989;
}

.menuBody {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 12px;
	text-align: left;
	padding: 2px;
	line-height: 14px;
	width: 100%;
}

.menuBody .header {
}

.menuBody A {
	font-family: Arial, Helvetica, sans-serif; 
	font-size: 1em;
}

.date {
	font-family: Arial, Helvetica, sans-serif; 
	color: #666; 
	border:1px solid #999;
	padding:5px;
	margin-bottom:10px;
	font-weight:normal;
}

.blogHeader, .trackbackHeader, .commentHeader, .relatedentriesHeader {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #666; 
	border:1px solid #999;
	padding:5px;
	margin-bottom:10px;
	font-weight:normal;
}

.footerHeader {
	background-color: #ddd;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #666; 
	border:1px solid #999;
	padding:5px;
	font-weight:normal;
	visibility:hidden;
}

.rightMenu {
	margin-bottom:9px;
	background-image:url(http://news.cccom.fr/clients/cccom/images/fond_billet.jpg);
	background-repeat:repeat-x;
	background:#F8F8F4; 
	border:1px solid #DEDBD1; 
	width: 340px;
	padding:15px;
}

.rightMenuLast {
	margin:8px;
}

.code {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 1em;
	color: black;
	border: solid thin #0000cc;
	background-color: #ffffcc;
	overflow: auto;
	max-height: 200px;
    padding: 4px 4px 4px 4px;
    line-height: 15px;
	 margin:5px 0 5px 0;	
}

.codePrint {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: black;
	border: solid thin #0000cc;
	background-color: #ffffcc;
    padding: 4px 4px 4px 4px;
    line-height: 15px;	
}
.center{
	text-align:center;
}
.entry, .entryLast{
	border:#dedbd1 solid 1px;
	margin-bottom:8px;
	background-image:url(http://news.cccom.fr/clients/cccom/images/fond_billet.jpg);
	background-repeat:repeat-x;
	background:#F8F8F4; 
	padding:18px 18px 10px
}
a img{
	border: 0px;
}

.comment, .trackback, .commentAlt, .trackbackAlt{
	border: 1px solid #999;
	padding: 10px;
	margin:10px 0;
	position:relative;

}
.commentAlt, .trackbackAlt{
background-color:#efefef;

}
.comment img, .commentAlt img{
	float:left;
	position:relative;
	margin: 0 5px 5px 0;
}



.commentBody, .trackbackBody{
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000000; 
	margin-bottom: 10px;
}

 #relatedEntriesList {
 	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px; 
	color: #000000;
 }



.commentByLine, .trackbackByLine {
	font-style: italic;
	font-size: 11px;
}

.addCommentLink,.addTrackbackLink{
	text-align:right;
	}
#trackbacks,#comments{
	margin-top:8px;
	}
#calendar th{
	font-weight: normal;
}
.tbLink{
	font-size:1.1em;
}

.autoImage {
	float: left;
	margin: 0 5px 5px 0;
}

.byline img{
	vertical-align: top;
}

/*==================Forms======================*/
fieldset#commentForm, fieldset#sendForm{
margin:8px;
text-align:left;
}
fieldset#sendForm{
border:none;
}
fieldset#commentForm legend,fieldset#sendForm legend {
font-size: 1.1em;
font-weight: normal;
color: #000000;
margin: 0px 0px 0px 0px;
padding: 3px 5px 10px 5px;
}
fieldset#commentForm label,fieldset#sendForm label{
float:left;
width:110px
}
fieldset#sendForm label{
width:130px;
}
fieldset#commentForm div,fieldset#sendForm div{
clear:both;
margin-bottom:5px
}
fieldset#commentForm .longLabel{
width:260px
}
fieldset#sendForm .longLabel{
width:200px;
}
fieldset#commentForm .nofLoat,fieldset#sendForm .nofLoat{
float:none
}
fieldset#commentForm #comments,fieldset#sendForm #notes{
width:100%;
height:120px;
overflow: auto;
}
fieldset#sendForm #notes{
width:300px;
}
fieldset#commentForm img{
margin:3px auto
}
fieldset#sendForm img,fieldset#sendForm #submit{
margin-left:200px;
}
#popUpFormBody{
background:#fff;
margin:8px;
}

.centrer {
	text-align:center;
	}
	
.couleur_point{
	font-size:24px;
	font-weight:bold;
	color:#e21f7f;
}

 
.lien_menu a{color:#333; display:block; margin:0 1px 0 0; padding:0 15px}
.lien_menu a:hover, .element_topmenu a{color:#CC0066; text-decoration:none}
  
  
  
  
  
  
  /*Layout*/
body { 
  margin: 0; /* pour éviter les marges */ 
  text-align: center; /* pour corriger le bug de centrage IE */ 
	background-color:#ebe9e1;
	color:#555;
} 

#page{
	width:100%;
	margin: 0 auto 0 auto;
	padding: 0 0 10px 0;
	text-align:center;
	vertical-align:top;
	background-color:#ebe9e1;
	background-image:url(http://news.cccom.fr/clients/cccom/images/fond.jpg);
	background-repeat:repeat-x;
} 

#banner {
	text-align:left;
	vertical-align:top;
	height:160px;
	margin-left: auto; 
	margin-right: auto; 
	width:950px;
	display:block;
}
#banner_logo {
	text-align:left;
	vertical-align:top;
	height:160px;
	margin-left: auto; 
	margin-right: auto; 
	width:950px;
	display:block;
	background:transparent url('http://news.cccom.fr/clients/cccom/images/logo_cccom.jpg') left top no-repeat;
}
#banner_menuhaut{ height:30px; color:#828282; font-size:14px;}
  
#banner_menuhaut a{color:#e2007a;text-decoration:none;font-size: 14px;}

#banner_menubas a{color:#ffffff;text-decoration:none;font-size: 14px;}

#topmenu{
	height:33px; 
	width:950px; 
	font-size:12px;
	color:#333; 
}
 
.element_topmenu {
	border-left:1px solid #dedbd1; 
	float:left; 
	line-height:33px; 
	display:inline;
	width:auto;
	height:33px;
}

#content { 
	margin-left: auto; 
	margin-right: auto; 
	width:950px;
	text-align: left; /* on rétablit l'alignement normal du texte */ 
	text-align:left;
	min-height:600px;
	vertical-align:top;
}

#menu {
	position: absolute;
	top:235px;
	margin-left:600px;
	width:340px;
	padding-left:5px;
	/*background-image:url(http://blog.athenee-theatre.com/clients/Athenee-theatre/images/pointi_ver.gif);*/
	background-repeat:repeat-y;
	background-position: left;
}

.roll_on{ width:auto; height:24px; background:transparent url('http://news.cccom.fr/clients/cccom/images/roll_on.gif') left top repeat-x; margin-top:3px;}
.roll_off{width:auto; height:24px; background:transparent url('http://news.cccom.fr/clients/cccom/images/roll_off.gif') left top repeat-x; margin-top:3px;}
.roll_on a:hover{ color:#E2007A}

.footerHeader {
	margin:3px 8px 0 8px;
	clear:both;
}

#blogText{
	position: absolute;
	top:235px;
	width:580px;
	display:block;
	/*background-image:url(http://blog.athenee-theatre.com/clients/Athenee-theatre/images/pointi_ver.gif);*/
	background-repeat:repeat-y;
	background-position: left;
}

#block_droit {
	display:none;
}

.arr_5 {
  -webkit-border-top-right-radius: 5px;
  -webkit-border-top-left-radius: 5px;
  -webkit-border-bottom-right-radius: 5px;
  -webkit-border-bottom-left-radius: 5px;
  -moz-border-radius-topleft: 5px;
  -moz-border-radius-topright: 5px;
  -moz-border-radius-bottomleft: 5px;
  -moz-border-radius-bottomright: 5px;
}
