/*********************************************************/
/************** CSS Document             *****************/
/************** Xavier Beaumont          *****************/
/************** xbeaumont@komunik.com  *****************/
/*********************************************************/


table.box {border:solid 1px #525252; padding-left:5px;}

#cadreprincipal{
width: 980px;	
margin-right: auto;
margin-left: auto;
padding: 0 0 0 0;
text-align: center;	
background-color:#ffffff;
position:relative;}


#xtop{	
padding:0;
margin:0;
text-align:center;    
width:980px;
height:101px;
background: url(../images_new_site/bkg_top_3.gif) repeat-x bottom left;
background-color:#eae9e9;}


#haut {	
padding:0;
margin:0;
text-align:left;    
width:980px;
height:84px;
background-color:#ffffff;}

#date {	
padding-left:5px;
margin:0;
text-align:left;    
width:975px;
background-color:#ffffff;
color:#4e4f4f;
font-family:"Trebuchet MS";
font-size:10px;}

/*#menu {
position: absolute;
z-index:100000;
    text-align:left;    
    width:958px;
	margin:0px 17px 37px 5px;
	padding:0px 17px 0px 0px;
    text-align:left;    
	height:30px; 
	left:0px;}*/

.menusecondaire {
	float:right;
	font-weight: normal;
	color: #333333;
	font-size: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;	
	text-decoration: none;
	text-align:right;
	padding-right:14px;
	padding-top:3px;
	height:27px;
	background-color:#755540;
	width:165px;

}




input.bkg_btn_form
{
height:20px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
font-weight:bold;
color:#FFFFFF;
text-align:center;
padding:1px 2px 3px 2px;
background: url(../images_new_site/bkg_btn_form.gif) top left;
background-repeat:repeat-x;
border: solid 1px #e5a589;

}


#highlight{	
/*padding-left:0px;
padding-right:17px;
margin:0;
text-align:left;    
width:954px;
color:#4e4f4f;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:11px;
height:auto;
z-index:1;
*/
/*	clear:both;*/

    text-align:left;    
    width:958px;
	margin:45px 17px 0px 5px;
	padding:0px 0px 10px 0px;
/*	background-color:#755540;
*/
    text-align:left;    
	height:26px;  
	position:relative; 



}


#highlight .leftpart
{	
float: left;
}

#highlight .rightpart
{	
float: right;

}





/***********************************************************************************/
#contenugauche
{
	width: 659px;
	padding: 0px 0px 0px 5px;
	margin-top:4px;
	margin-left:0;
	float: left;	
	background-color:#ffffff;
	text-align:left;
background: #ffffff url(../images_new_site/bkg_gauche.gif) top right;
background-repeat: repeat-y;	
}

/*********************************************************/
#separateur
{
	width: 1px;
	padding: 0px 0px 0px 0px;
	float: left;
	background-color:transparent;	
}

/*********** Contenu gauche (flash + colonne gauche et colonne milieu ****************************/
#contenugauche{
width: 659px;
padding: 0px 0px 0px 5px;
margin-top:0px;
margin-left:0;
float: left;	
background-color:#ffffff;
text-align:left;
background: #ffffff url(../images_new_site/bkg_gauche.gif) top right;
background-repeat: repeat-y;}


#boitecontenugauche{
background-color: #ffffff;
padding-top:0px;	
padding-bottom:0px;	
color: #4f5277;
font: 11px Verdana, Arial, Helvetica, sans-serif;	
margin:0px 0px 4px 0px;	
background: #ffffff url(../images_new_site/bkg_gauche.gif) top right;
background-repeat: repeat-y;}

/************************** col gauche ********************************/
#contenugauche #boitecontenugauche .colgauche{
margin-top:7px;
width:403px;	
float:left;	
background-color: #ffffff;
background-repeat: no-repeat;	
display:block;	
background: #ffffff url(../images_new_site/bkg_news.gif) top right;
background-repeat: repeat-y;}

/***************************** COL GAUCHE : BOITE NEWS ELEMENTS DE COL GAUCHE *************************************/
#boiteNews{
margin-top:0px;	
width:392px;	
border: solid 0px #8491aa;
background-color:#ffffff;	
background: #ffffff url(../images_new_site/bkg_news.gif) top right;
background-repeat:repeat-y;}

/***************************** IMAGES  DE LA BOITE NEWS*************************************/
img.news{
border:solid 1px #b9d741;
padding:0;
margin:0 8px 0 0;}




.titreboitequoideneuf{
width:392px;	
padding:0px 0px 2px 0px;
background-color: #FFFFFF;
background-repeat: no-repeat;}

a.soustitrenews:link, a.soustitrenews:visited, a.soustitrenews:active {
padding:0px;
color: #a64b2e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:underline;}

a.soustitrenews:hover{
padding:0px;
color: #a64b2e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 12px;
text-decoration:none;}

a.more:link, a.more:visited, a.more:active {
padding:0px;
color: #a64b2e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:underline;}

a.more:hover{
padding:0px;
color: #a64b2e;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
text-decoration:none;}

.boite{
width:392px;
background-color: #ffffff;
padding-top:0px;	
padding-bottom:0px;	
padding-left:0px;	
padding-right:0px;	
color: #333333;
font: 11px Verdana, Arial, Helvetica, sans-serif;	
margin:0px 0px 7px 0px;}

/************************** col milieu ********************************/
#contenugauche #boitecontenugauche .colmilieu{
margin-top:7px;

width:240px;	
float:left;	
background: #FFFFFF;
background-repeat: no-repeat;	
display:block;	
margin-right:8px;}

/***************************col milieu  : ELEMENTS DE COLONNE MILIEU*******************************************************/
.boitemilieu
{
	width:241px;
	background-color: #ffffff;
	padding-top:0px;	
	padding-bottom:0px;	
	padding-left:0px;	
	padding-right:0px;	
	color: #333333;
	border:0px solid;
	font: 11px Verdana, Arial, Helvetica, sans-serif;	
	margin:0px 0px 7px 0px;	
}

.greyspan{
	width:241px;
	background-color: #e4e4e4;
	padding-top:0px;	
	padding-bottom:0px;	
	padding-left:0px;	
	padding-right:0px;	
	color: #7e7e7e;
	border:0px solid;
	font: 11px Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	margin:0px 0px 0px 0px;
	display:block;	
}

a.greyspanlnk:link, a.greyspanlnk:visited, a.greyspanlnk:active {
	background-color: #e4e4e4;
	padding-top:0px;	
	padding-bottom:0px;	
	padding-left:7px;	
	padding-right:7px;	
	color: #7e7e7e;
	font: 11px Verdana, Arial, Helvetica, sans-serif;	
	font-weight:bold;
	margin:0px 0px 2px 0px;	
	text-decoration:none;
}

a.greyspanlnk:hover{
	text-decoration:underline;

} 


.boitepoll
{
	width:241px;
	background-color: #e6f1e1;
	padding-top:0px;	
	padding-bottom:0px;	
	padding-left:0px;	
	padding-right:0px;	
	color: #333333;
	border:0px solid;
	font: 11px Verdana, Arial, Helvetica, sans-serif;	
	margin:0px 0px 7px 0px;	
}

p.announcement
{margin: 0px 0 0px 0; 
	font: 11px Verdana, Arial, Helvetica, sans-serif;	
	color: #705f58;
	padding-left:0px;
	padding-right:0px;
	text-align:left;
	padding:0 2px 10px 9px;
}




/************************ definition de la colonne droite *************************/
#contenudroit {
background-color:#ffffff;
width: 316px;
padding: 0px 0px 0px 0px;
float: right;	
text-align:left;
margin:0px 0px 0px 0px;}


/************************ BOITE PUB -elements de la colonne de droite -*******************************/
#boitePub{
width:299px;	
border: solid 0px #8491aa;
background-color:#ffffff;
padding: 0px 0px 0px 0px;
margin: 0px 0px 7px 0px;}

.titreboitePub{
padding:0px 0px 0px 0px;
background-color: #ffffff;
background-repeat: no-repeat;}

.boitecontenuPub{
background-color: #FFFFFF;
color: #000000;
font: 11px Verdana, Arial, Helvetica, sans-serif;	
margin:0;
padding:0;}

/************************ BOITE CONTESTS PROMOTIONS  -elements de la colonne de droite -*******************************/
#boitePromo{
width:299px;	
border: solid 0px #8491aa;
background-color:#ffffff;
padding: 7px 0px 7px 0px;}

.titreboitePromo{
padding:0px 0px 0px 0px;
background-color: #f0fde7;
background-repeat: no-repeat;}

.boitecontenuPromo{
background-color: #f0fde7;
color: #000000;
font: 11px Verdana, Arial, Helvetica, sans-serif;	
margin:0;
padding:10px;}

/************************ FOOTER ********************************************/
#footer{
min-height:174px;
text-align:center;    
margin:  10px 17px 0px 5px;
padding-top:10px;
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#715d56;
background-color:#FFFFFF;
line-height:20px;
background: #ffffff url(../images_new_site/bkg_footer.gif) top left;
background-repeat: repeat-x;}

#footer a:link, #footer a:active, #footer a:visited{ 
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#a34b2b;
text-decoration:none;}

#footer a:hover {
font-size: 11px;
font-family:Verdana, Arial, Helvetica, sans-serif;
color:#a34b2b;
text-decoration:underline;}

