/* CSS Document */



a{text-decoration:none;color:#ff9502;}
a:hover{text-decoration:underline;color:#ff6600;}
body{
background:#CCCCCC;
margin:0px;padding:0px;
font-family:arial, helvetica, verdana;
font-size:11px;
color:#fff;
}

.default{font-size:1em;}

h2{color:#ff6600;margin-top:0px;padding-top:5px;margin-bottom:-10px;}

img{border:none;}

#error{background:#ff1800;font-size:12px;padding-left:55px;border-bottom:dotted 1px #fff;}
#accept{background:#24ff00;font-size:12px;padding-left:55px;border-bottom:dotted 1px #fff;color:#333333;}


#infolettre{padding-left:55px;border-bottom:#CCCCCC solid 1px;height:50px;background:url(../images/tuile3.jpg) repeat-x;}
#infolettre input{background:url(../images/top.jpg) #666;font-size:10px;height:12px;color:#CCCCCC;border:1px solid #CCCCCC;}
#infolettre input.infoOk{background:url(../images/btnValider.jpg) no-repeat;height:14px;width:74px;border:1px #CCCCCC dashed;}

#global{

}


#content{float:left;

width:1060px; height:700px;
background:url(../images/bg.jpg) no-repeat;
}
	#cLeft{position:relative;
	width:65px;height:700px;/*height:700px;bottom:-397px;*/float:left; 
	}
		
	#cRight{
	padding:15px;padding-top:0;
	}
		#cRTop{
		height:650px;
		}
		#cRCenter{
		height:180px;
		
		}
		#cRLow{
		height:200px;
		}
		#cRFooter{
		height:30px;
		}
#content2{margin-left:151px;
width:auto;height:700px;
background:url(../images/tuile.jpg) repeat-x;
}




.white{color:#FFFFFF;font-size:1.9em;}
	
a.imgRoll:hover{
border-left:2px solid #ff6600;
border-bottom:2px solid #ff6600;
}
	
.h1pink{font-size:2.4em;color:#ff00e4;}
.h2orange, .h2green, .h2blue, .h2red, .h2purple, .h2white, .h2yellow{font-size:30px;}
.h2orange{color:#ff6600;}
.h2green{color:#24ff00}
.h2blue{color:#004eff}
.h2red{color:#ff1800}
.h2yellow{color:#fffc00}
.h2purple{color:#9c00ff}
.h2white{color:#ffffff}

.h1h2{font-weight:bold;border-bottom:dashed 2px #333333;}
#tH1pink{width:300px;text-align:left;}
#tH1pink tr td{padding-right:10px;}

#tFooter{margin-left:-15px;margin-top:-4px;height:25px;}
.menuFooter a{color:#656565;font-size:1.5em;font-family:arial black;text-decoration:none;}
.menuFooter:hover{background:#ff6600;}
.menuFooter a:hover{color:#2C2C2C;}

.menuFooter2 a{color:#2C2C2C;font-size:1.5em;font-family:arial black;text-decoration:none;}
.menuFooter2{background:#ff6600;}
/*.menuFooter2 a:hover{color:#656565;background:none;}
.menuFooter2:hover{background:none;color:#656565;}*/


.copy{font-size:12px;}
.copyLien{color:#ff6600;font-weight:bold;}
a.copyLien:hover{color:#fff;background:#ff6600;}


#cRTop input{background:url(../images/top.jpg);font-size:10px;height:12px;color:#CCCCCC;border:1px solid #CCCCCC;margin-left:10px;margin-bottom:5px;}
#cRTop input.infoOk{background:url(../images/btnValider.jpg) no-repeat;height:14px;width:74px;margin:0px;margin-top:3px;border:1px #CCCCCC dashed;float:none;}

.blogFooter{background:#CCCCCC;color:#333333;text-align:right;padding-right:10px;}

#blogLeft{/*border:1px solid #ff0000;*/
width:725px;height:600px;float:left;margin-right:10px;
}
#blogRight{/*border:1px solid #ff0000;*/
float:left;height:670px;margin-top:-30px;
width:215px;padding-left:5px;padding-right:5px;
background:#000000;
border:1px solid #666666;
opacity: 0.6;
   filter: "alpha(opacity=60)"; /* expected to work in IE 8 */
   filter: alpha(opacity=60);   /* IE 4-7 */
   zoom: 1;  
}
#blogRight p{margin-top:0px;margin-bottom:0px;}
#blogRight a{color:#fff}
#blogRight a:hover{color:#000000;}
#blogRight hr{border:none;border-bottom:1px dashed #666666;margin-top:0px;margin-bottom:0px;}

#blog{background:#000000;letter-spacing:1px;
border:1px solid #666666;
opacity: 0.7;
   filter: "alpha(opacity=70)"; /* expected to work in IE 8 */
   filter: alpha(opacity=70);   /* IE 4-7 */
   zoom: 1;                     /* needed in IE up to version 7, or set width or height to trigger "hasLayout" */ 
    }
#blogRight input{background:url(../images/top.jpg);font-size:10px;height:12px;color:#CCCCCC;border:1px solid #CCCCCC;margin-left:0px;margin-bottom:5px;}
#blogRight input.infoOk{background:url(../images/btnValider.jpg) no-repeat;height:14px;width:74px;margin:0px;border:1px #CCCCCC dashed;float:none;}
#blogRight h2{background:#000;color:#fff;border:1px solid #999999;margin-top:15px;padding-top:0px;margin-right:-5px;margin-left:-5px;padding-left:5px;}

#bRCategorie, #bRArticle, #bRComment, #bRVote{margin-left:-5px;margin-right:-5px;padding-left:0px;padding-right:0px;}

#bRCategorie p:hover{background:#0099FF;color:#000}
#bRCategorie{background:#21537A;}

#bRArticle p:hover{background:#FF66CC;color:#000}
#bRArticle{background:#FF00CC;}

#bRComment p:hover{background:#00FF33;color:#000}
#bRComment{background:#009900;}

#bRVote p:hover{background:#9966FF;color:#000}
#bRVote{background:#9900CC;}

textarea{background:url(../images/top2.jpg) top repeat-x #666;height:64px;font-size:10px;color:#CCCCCC;border:1px solid #CCCCCC;font-family:arial, helvetica, verdana;}


.galleryItem {
	float: left;
	margin: 5px;
	padding: 0px 5px 0px 5px;
	text-align: center;
}

/*------------ gallery rollover object ------------*/
#rolloverDiv{z-index:1;margin-top:-15px;}
div.rollover {visibility: hidden;padding:0px;width: 300px;background:url(../images/top.jpg) top no-repeat #666666;border: 2px solid #000000;position: absolute;}
	div.rollover input {width: 180px;}
	div.rollover label {float: left;width: 180px;text-align: right;padding-right: 10px;}
	
div.rollover2 {visibility: hidden;padding:0px;width: 300px;background:url(../images/top.jpg) top no-repeat #666666;border: 2px solid #000000;position: absolute;}
	div.rollover2 input {width: 180px;}
	div.rollover2 label {float: left;width: 80px;text-align: right;padding-right: 10px;}
	
	#rolloverDesc{text-align:justify;padding:5px;}
	#rDH1{font-weight:bold;}
	#rolloverTitle{color:#FFF;font-weight:bold;border-bottom:dotted 2px #000;padding-bottom:3px;}

#rolloverDiv textarea{width:298px;}
	
h3{
	padding: 0;
	margin: 0;
}

h3 {
	padding: 4px 10px;
	font-size: 10px;
	font-weight: normal;
	text-transform: uppercase;
	color: #222;
 background: #98bc48;
	cursor: pointer;	
	border-bottom:#333333 solid 1px;
}

h3 a:link, h3 a:visited {
	font-weight: normal;
	letter-spacing: 3px;
	display: block;
	text-decoration: none;
	color:#333333;
	/*background:#fc9200;*/
}

h3 a:hover, h3 a:active {
	color:#333333;
}

h3{background:#999999;}