/* commented backslash hides from ie5mac \*/ 
html{
height:100%;
margin:0;
padding:0
} 
/* end hack */ 
html,body {
padding:0;
margin:0;
font-size: 11px;
font-family: Arial, Trebuchet MS, verdana, sans-serif;

}
body{
text-align:left;
min-width:900px;/* for mozilla*/
background-color: #FFFFFF;
height:100%;
color: #9A9A77;
}
 h4 {
font-size: 12px;
color: #E10081;
background:  url(images/bullet_17x21.gif) no-repeat left top;
line-height: 24px;
position: relative;

}
 h3 {
font-size: 13px;
background:  url(images/puce.gif) no-repeat left top;
position: relative;

}
 h5 {
	font-size: 12px;
	color: #E10081;
	position: relative;
	border-top: dotted; 
	border-top: 1px;
	border-bottom: dotted; 
        border-bottom: 1px; 
        padding-top: 5px; padding-bottom: 5px
}
h6 {
	font-size: 12px;
	color: #E10081;
	background:  url(images/bullet_17x21.gif) no-repeat left top;
	position: relative;
	text-transform: uppercase;
}
p, div, table, tr, td, form, input { 
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
padding:0px;
margin:0px;
font-weight:normal;
text-decoration:none;
}
td {
vertical-align:top;}

#outer{
	height:99.9%;
	min-height:100%;
	width:900px;
	margin:auto;
	position:relative;
	overflow:visible;
}

/* mac hide \*/
* html #outer{
	width:900px
}
/* end hide*/

html>body #outer{
	height:auto;

} /*for mozilla as IE treats height as min-height anyway*/

#inner{
	width:100%;
	padding-top:0;/*needed to make room for header*/
	margin:0;
} 

}




/* mac hide \*/
* html #outer, * html #header {width:900px}
/* end hide*/
#footer {
	color: #FFFFFF;
	width:900px;
	clear:both;
	height:20px;
	text-align:center;
	left:0px;
	background:  url(images/footer1_bg.jpg) no-repeat left top;
	padding-top: 2px;
}

#footer a {
	text-decoration: none;
	color: #FFFFFF;
}
#footer a:hover {
	text-decoration: underline;
	color: #FFFFFF;
}
* html #footer{
	margin-bottom:-1px
}/* ie rounding bug*/

/* mac hide \*/
* html #footer {
	/*only ie gets this style*/
	height:20px;
	/* for ie*/
}
/* end hide*/

#linking {
	color: #9A9A77;
	width:900px;
	clear:both;
	text-align:left;
	left:0px;
	font-family: Arial, Helvetica, sans-serif; /* style d'�criture */
}
.linking{display:block}
.linking *{
  display:block;
  height:1px;
  overflow:hidden;
  font-size:.01em;
  background:#E1E1D6}
.linking1{
  margin-left:3px;
  margin-right:3px;
  padding-left:1px;
  padding-right:1px;
  border-left:1px solid #f2f2ed;
  border-right:1px solid #f2f2ed;
  background:#e8e8e0}
.linking2{
  margin-left:1px;
  margin-right:1px;
  padding-right:1px;
  padding-left:1px;
  border-left:1px solid #fcfcfa;
  border-right:1px solid #fcfcfa;
  background:#e6e6dd}
.linking3{
  margin-left:1px;
  margin-right:1px;
  border-left:1px solid #e6e6dd;
  border-right:1px solid #e6e6dd;}
.linking4{
  border-left:1px solid #f2f2ed;
  border-right:1px solid #f2f2ed}
.linking5{
  border-left:1px solid #e8e8e0;
  border-right:1px solid #e8e8e0}
.linkingfg{
  background:#E1E1D6;
  padding:5px;}
#linking a {
	text-decoration: none;
	color: #9A9A77;
}
#linking a:hover {
	text-decoration: underline;
	color: #9A9A77;
}


div,p  {
	margin-top:0px;
}/*clear top margin for mozilla*/

#right {
	width:265px;
	float:right;
	z-index: 55;
	padding-top: 25px;

}
#right-inner {
	width: 260px;
	padding-left: 5px;
	text-align: left;

}
#right-inner h2 {
	font-size: 15px;
}
#left-home {
	position:relative;/*ie needs this to show float */
	width:620px;
	float:left;
	z-index: 56;
}

#left {
	position:relative;/*ie needs this to show float */
	width:620px;
	float:left;
	z-index: 56;
	padding-top: 10px;
}
#left td {
padding-right:5px;

}
#left a.box_categoriestexte, a:hover.box_categoriestexte {
font-size: 11px;
font-weight:normal;
}
 #categorie a.cattexte, a:hover.cattexte  {
font-size: 11px;
font-weight:normal;
 }
 
#left a.cattitrespecial, p.cattitrespecial  {
color:#49aaed;
font-weight:bold;}

#content a:hover.cattitrespecial {
	background-color: #49aaed;
	color: #ffffff;
	font-weight:normal;
}

#left-inner {
	padding-left: 0px;
	padding-right: 0px;
	text-align: left;

}
#clearfooter {
	width:100%;
	height:5px;
	clear:both;
} /* to clear footer */


#content {
	z-index: 300;

}
#content h1 {
	font-size: 15px;
	color: #E10081;
	background:  url(images/bullet_17x21.gif) no-repeat left top;
	padding-left: 0px;
	line-height: 24px;
	position: relative;
}

#content p a {
	font-size: 11px;
	color: #333366;
	text-decoration:underline;
}

#content p a:hover {
	text-decoration:underline;
	color: #333366;
	font-weight:normal;
}

#footer p {
	padding: 8px;
}

#content ul li{
	list-style-image: url(images/bullet_11x8.gif);
	margin-bottom: 0.5em;
	font-size: 12px;
}

#content a
{
    color: #E10081;
    text-decoration: none;
}

#content a:hover
{
    color: #E10081;
    text-decoration: underline;
}
#box-categorie{margin-bottom:12px;padding-bottom:11px; width:620px;}
#box-categorie.box-categorie-home,#box-categorie.box-categorie-home h2{background:url(images/box-categorie-home.png) top no-repeat;}
#box-categorie.box-categorie-home h2{
margin-left:5px;
font-family: Arial; 
font-size: 16px;
color:#e10081;
font-weight:bold;
padding: 5px;
}
#box-categorie.box-categorie-home{background-position:bottom;}
#box-categorie h3 {}
#box-categorie .categorie{padding-bottom:0px;}
#box-categorie .categorie .title{position:relative;margin:10px 0 10px 16px;width:600px;padding:10px 0 4px 0;}
#box-categorie p.more,a.more,a:link.more,a:hover.more{text-align: right;margin-right:5px;font-size:12px;font-weight:bold;}
#categorie table {margin-left:5px;}
#categorie p.cattexte  {
font-family: Arial;
font-size: 11px;
border:0px;
padding-top :0px;
padding-bottom :15px;
color:#9a9a77;
line-height:11pt ;
 }
 #categorie a.cattexte, a:hover.cattexte  {
font-size: 11px;
font-weight:normal;
 }
#categorie p.cattitre  { 
font-family: Arial; 
font-size: 12px;
border:0px;
font-weight:bold;
padding-bottom :0px;
color:#e10081; }
p.box_categoriestexte  {
font-family: Arial;
font-size: 11px;
border:0px;
padding-top :0px;
padding-bottom :15px;
color:#9a9a77;
line-height:11pt ;
 }
p.box_categoriestitre  { 
font-family: Arial; 
font-size: 12px;
border:0px;
font-weight:bold;
padding-bottom :0px;
color:#e10081; }
#categorie p.cattextespecial  {
font-family: Arial;
font-size: 11px;
border:0px;
padding-top :0px;
padding-bottom :15px;
color:#49aaed;
line-height:11pt ;
 }
#categorie p.cattitrespecial  { 
font-family: Arial; 
font-size: 12px;
border:0px;
font-weight:bold;
padding-bottom :0px;
color:#49aaed; }
#categorie a.cattitrespecial  {
color:#49aaed;}
#categorie td {
width:50%;
}
p.box_categoriestextespecial  {
font-family: Arial;
font-size: 11px;
border:0px;
padding-top :0px;
padding-bottom :15px;
color:#49aaed;
line-height:11pt ;
 }
p.box_categoriestitrespecial  { 
font-family: Arial; 
font-size: 12px;
border:0px;
font-weight:bold;
padding-bottom :0px;
color:#49aaed; }



#boutons table.boutons{
width:620px}

table.bouton, tr.bouton 
{width:200px;
border:none;
border-collapse: collapse; border-style: solid; border-width: 0;
}
td.bouton_left {
	width:61px;
	border: none;
	padding:0px;
	}
td.bouton_right {
	width:139px;
	vertical-align:middle;		
	background:url("images/bouton_right.gif") right no-repeat;
	color:#e10081;
	font-size: 17px ;
	font-weight: bold ;
	padding-left:10px;
	padding-right:10px;
	text-align:center;
	}

	
 

/* actu gauche */
 #mainleft 
{ 
    clear:both;
    float:left; 
    padding-top:10px;
    padding-right:0px;
    width:300px;
}
#mainleft div.actugauche 
{ 
    float:left; 
    display: block ;
    margin:0px;
    padding:0px;
    
}
#mainleft div.actugauche h2
{ 
   font-size:18px; 
   color:#9a9a77;
   margin:0px;
   padding:0px;
   font-weight:normal;
}
#mainleft p
{ 
   font-size:11px; 
   color:#9a9a77;
   margin:5px;
   padding:0px;
   font-weight:normal;
}
#mainright 
{ 
    float:right; 
    width:320px;
    padding-top:25px;
    padding-left:0px;
} 
 
/* actu droite */
#mainright div.actudroiteheader 
{ 
    clear:both; 
}
#mainright div.actudroiteheader h2
{ 
   font-size:18px; 
   color:#9a9a77;
   margin:0px;
   padding:0px;
   font-weight:normal;
}
#mainright p.texte 
{ 
   color:#9a9a77;
   font-size:11px;
   text-align:justify;
   line-height:13px;
} 
#mainright table
{width:320px;}
.curved-box150
    {
    width: 150px;
    margin-top: 5px;
    background: url(images/box_150m.gif) repeat;
}
.curved-box150 img
    {
    border:0;
}
#mainright div.curved-box150 a, a:hover
    {
    font-size:11px;
/*    font-weight:bold;*/
    color:#9a9a77;
}
#mainright div.curved-box150 a:hover
    {
        text-decoration: underline;
        background-color:transparent;
}

.curved-box150 h2
    {
    background: url(images/box_150.gif) no-repeat left top;
    color: #9a9a77;
    padding: 5px 5px 2px 5px;
    margin:0px;
}

.curved-box150 p
    {
    background: url(images/box_150.gif) no-repeat left bottom;
    margin: 0px;
    padding: 0px 5px 5px 5px;
    text-align: left;
} 
.curved-box260
    {
    width: 260px;
    margin-top: 5px;
    background: url(images/box_260m.gif) repeat;
}

.curved-box260 h2
    {
    background: url(images/box_260.gif) no-repeat left top;
    color: #9a9a77;
    padding: 5px 5px 2px 5px;
    margin:0px;
}

.curved-box260 p
    {
    background: url(images/box_260.gif) no-repeat left bottom;
    margin: 0px;
    padding: 0px 5px 5px 5px;
    text-align: left;
    height:1px
} 
.roundedcornr_box_406553 {
   background: url(images/trame_info.gif) ;
   width:248px;
   margin-right: 6px;
   margin-left: 6px;
  
}
.roundedcornr_top_406553 div {
   background: url(images/roundedcornr_406553_tl.gif) no-repeat top left;
}
.roundedcornr_top_406553 {
   background: transparent url(images/roundedcornr_406553_tr.gif) no-repeat top right;
}
.roundedcornr_bottom_406553 div {
   background: url(images/roundedcornr_406553_bl.gif) no-repeat bottom left;
}
.roundedcornr_bottom_406553 {
   background: transparent url(images/roundedcornr_406553_br.gif) no-repeat bottom right;
}

.roundedcornr_top_406553 div, .roundedcornr_top_406553,
.roundedcornr_bottom_406553 div, .roundedcornr_bottom_406553 {
   width: 100%;
   height: 10px;
}
.roundedcornr_content_406553 { font-size: 12px;color:#FFFFFF;margin: 0 10px; }

.roundedcornr_content_406553 input { border: 1px solid #FFFFFF;font-size: 12px;vertical-align:middle }
.roundedcornr_content_406553 form { background:#FFFFFF;margin: 0 35px; height:22px}
.roundedcornr_content_406553_tit { font-size: 16px;color:#FFFFFF;font-weight:bold;}