/* -----------------------------------------------------------
						Général
----------------------------------------------------------- */

*{
margin:0;
padding:0;
border:0;
}

body{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:medium;
color:#808080;
text-align:center;
background-color:#FFFFFF;
}

a:link,
a:visited{
text-decoration:none;
color:#e3001b;
outline:none;
}
a:hover,
a:active{
color:#e3001b;
outline:none;
}

h1{display:none;}
h2,h3,h4,h5{font-size:100%;}

h2.titrepage{
  margin-bottom: 10px;
  padding-bottom: 10px;
  font-weight: normal;
  font-size: 260%;
  line-height: 85%;  
  }

.small{font-size:10px;}
ul{list-style:none outside none;}
.left{float:left;}
.right{float:right;}
.bold{font-weight:bold;}
.italique{font-style:italic;}
.souligne{text-decoration:underline;}
.both{clear:both;}
.center{text-align:center;}

input.champ{
font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
font-size:100%;
border:1px solid #c5c6c8;
color:#808080;
padding-top:2px;
padding-bottom:2px;
padding-left:4px;
padding-right:4px;
}

select{
    font-family:Arial, Verdana, Tahoma, Helvetica, sans-serif;
    font-size:80%;
    border:1px solid #808080;
    color:#808080;
    padding:1px;
}
/* -----------------------------------------------------------
						Structure
----------------------------------------------------------- */

div#centrage{
width:960px;
margin:0 auto 0 auto;
text-align:left;
font-size:70%;
text-align:center;
display:table;
line-height:15px;
}

	/*--------------- header----------------*/
	div#centrage div#header{
	height:125px;
	width:960px;
	text-align:left;
	position:relative;
	}
	div#centrage div#header a{color:#808080;}

		div#centrage div#header img#logo{
		position:absolute;
		margin:19px 0 0 19px;
		}
		
		div#centrage div#header div#liens-up{
		position:relative;
		margin-left:180px;
		width:770px;
		height:21px;
		background-color:#f0f1f1;
		padding:9px 0 0 10px;
		}
			div#centrage div#header div#liens-up ul{
			display:inline;
			float:left;
			}
				div#centrage div#header div#liens-up ul li{
				display:inline;
				margin-right:11px;
				}
				
					div#centrage div#header div#liens-up ul li img{
					display:inline;
					vertical-align:middle;
					border-right:1px solid #b4b5b5;
					padding:0 8px 0 0 ;
					margin:-1px -3px 0 0;
					*margin:2px -3px 0 0;
					}
			
			#header .telephone{
			position:absolute;
			top:0px;
			left:420px;
			display:block;
			width:265px;
			height:30px;
			background:url(../pics/txt-telephone.gif) no-repeat;
			}
			
			div#centrage div#header div.recherche{
			display:inline;
			margin-right:5px;
			float:right;
			vertical-align:middle;
			margin-top:0;
			*margin-top:-2px;
			}
			div#centrage div#header div.recherche input{
			display:inline;
			vertical-align:middle;
			margin-top:-3px;
			}
			div#centrage div#header div.recherche input.champ{
			width:130px;
			margin-left:9px;
			vertical-align:middle;	
			margin-top:-3px;				
			}
			div#centrage div#header div.recherche img{vertical-align:middle;margin-top:-3px;}
		
		div#centrage div#header div.identif{
		position:relative;
		width:218px;
		height:25px;
		margin:10px 0 0 742px;
		}
		
			
		div#centrage div#header div#nav{
		height:30px;
		width:650px;
		position:relative;
		margin:10px 0 0 273px;
		padding:0 0 0 40px;
		z-index:50;
		}
			
			/* menu déroulant : voir css correspondant */
				
		
		div#centrage div#header div#ariane{
		height:16px;
		width:770px;
		padding:4px 0 0 0;
		position:relative;
		margin:0 0 0 180px;
		color:#ababab;
		
		}
			div#centrage div#header div#ariane ul li{display:inline;}
			div#centrage div#header div#ariane ul li a{color:#ababab;}
			div#centrage div#header div#ariane ul li a:hover,
      a:active{
      color:#e3001b;
      }
		
		
	/*--------------- contenu----------------*/	
	div#centrage table#contenu{
	width:960px;
	position:relative;
	display:table;
	text-align:left;
	
	}
	
		/* MENU */
		div#centrage table#contenu tr td#menu{
		width:180px;
		padding:18px 0 0 0;
		}
			div#centrage table#contenu tr td#menu.bg{
				background:url(../pics/bg-menu-gauche.gif) no-repeat;
			}
		
			div#centrage table#contenu tr td#menu ul.num1{
			position:relative;
			width:180px;
			/*text-align:right;*/
			text-align:left;
			}
			
				div#centrage table#contenu tr td#menu ul.num1 img{
				position:relative;
				}
				div#centrage table#contenu tr td#menu ul.num1 li{
				margin:8px 0 3px 0;
				}
				
					div#centrage table#contenu tr td#menu ul.num1 li ul li{
					/*margin:0 0 4px 0;*/
					font-size:110%;
					line-height:100%;
					margin:0 10px 6px 34px;
					}
					div#centrage table#contenu tr td#menu ul.num1 li ul li a{
					color:#808080;
					}
					div#centrage table#contenu tr td#menu ul.num1 li ul.cat01 li a.active{
					color:#e3001b;
					}
					div#centrage table#contenu tr td#menu ul.num1 li ul.cat02 li a.active{
					color:#979900;
					}
					div#centrage table#contenu tr td#menu ul.num1 li ul.cat03 li a.active{
					color:#eb7505;
					}
			
			div#centrage table#contenu tr td#menu ul.num2{
			position:relative;
			width:150px;
			margin:0 0 0 30px;
			}
			
				div#centrage table#contenu tr td#menu ul.num2 li{
				margin:5px 0 10px 0;
				}
		
		
		/* DATAS */
		div#centrage table#contenu tr td#datas{
		width:620px;
		}
		
			div#centrage table#contenu tr td#datas div#datascont{
			width:600px;
			}
			
			div#centrage table#contenu tr td#datas h2{
			clear:both;
			width:600px;
			border-bottom:1px solid #c5c6c8;
			}
				
			/* classique */
			
			div#centrage table#contenu tr td#datas div#datascont ul.snav{
			height:24px;
			padding:5px 0 0 0;
			margin:0;
			}
				div#centrage table#contenu tr td#datas div#datascont ul.snav li{
				display:inline;
				background:none;
				padding:0;
				}
				div#centrage table#contenu tr td#datas div#datascont ul.snav li a{color:#808080;}
				div#centrage table#contenu tr td#datas div#datascont ul.snav li a:hover,
        a:active{
        color:#e3001b;
        }

				div#centrage table#contenu tr td#datas div#datascont ul.snav li a.on{color:#e3001b;}
			
			div#centrage table#contenu tr td#datas div#datascont p.texte{
			text-align:justify;
			}
			
			div#centrage table#contenu tr td#datas div#datascont img.visuel{
			float:left;
			margin:10px 20px 10px 0;
			}
			
			div#centrage table#contenu tr td#datas div#datascont ul{margin:15px 0;}
			
			div#centrage table#contenu tr td#datas div#datascont ul li{
			background-image:url(../pics/puce01.gif);
			background-repeat:no-repeat;
			background-position:28px 6px;
			padding-left:37px;
			}
			
			div#centrage table#contenu tr td#datas div#datascont ul#liens li{
			background-image:url(../pics/puce02.gif);
			background-repeat:no-repeat;
			background-position:26px 5px;
			padding-left:37px;
			}
				div#centrage table#contenu tr td#datas div#datascont ul#liens li a{color:#808080;}
			
		
			div#centrage table#contenu div.damien{
				background-color:#f0f1f1;
				padding:5px;
				text-align:center;
				margin:5px 0;
			}
			div#centrage table#contenu div.damien select{
			width:200px;
			}	
		
		/* ANNEXES */
		div#centrage table#contenu tr td#annexes{
		width:160px;
		}		
			div#centrage table#contenu tr td#annexes a{color:#808080;}
		
			#annexes .recap{display:table;}
			div#centrage table#contenu tr td#annexes .recap a{color:#808080; background:url(../pics/fleche-3.gif) no-repeat 0 5px;padding:0 4px 0 8px;float:right;}
			#annexes .recap .sep {
				clear:both;
			}
			#annexes .recap div{display:table;width:158px;}

			div#centrage table#contenu tr td#annexes  .newsletter{
			padding:8px;
			height:83px;
			overflow:hidden;
			background:#e2001a;
			margin:0 0 20px 0;
			}
			div#centrage table#contenu tr td#annexes  .newsletter h4{
			background:url(../pics/index/txt-newsletter.gif) no-repeat;
			text-indent:-9999px;
			overflow:hidden;
			}
			div#centrage table#contenu tr td#annexes  .newsletter p{
			font-size:10px;
			color:#fff;
			line-height:12px;
			margin:0 0 2px 0;
			}
			div#centrage table#contenu tr td#annexes  .newsletter form{
			display:block;
			width:144px;
			height:25px;
			background:url(../pics/index/bg-newsletter.gif) no-repeat;
			}
			div#centrage table#contenu tr td#annexes  .newsletter form input{
			font-size:11px;
			color:#666;
			width:96px;
			height:19px;
			margin:3px;
			padding:0 2px;
			}
			div#centrage table#contenu tr td#annexes  .newsletter form a{
			float:right;
			display:block;
			width:27px;
			height:21px;
			margin:2px;
			background:url(../pics/index/btn-newsletter-ok.gif) no-repeat;
			}
			
			
			
			
			
			
			
			
			
			
			div#centrage table#contenu tr td#annexes div.bloc{
			position:relative;
			background-color:#f0f1f1;
			width:155px;
			padding:5px 0 5px 5px;
			margin:0 0 20px 0;
			}
				div#centrage table#contenu tr td#annexes div.bloc input.champ{width:123px;}
			
				div#centrage table#contenu tr td#annexes div.bloc p{
				margin-bottom:6px;
				}
				div#centrage table#contenu tr td#annexes div.bloc h3{
				margin-bottom:6px;
				}
				
				div#centrage table#contenu tr td#annexes div.bloc .avis{
				text-align:center;
				background-image:url(../pics/sep.gif);
				background-position:top;
				background-repeat:repeat-x;
				font-weight:bold;
				margin-right:5px;
				padding:4px 0 0 0;
				}
				
			div#centrage table#contenu tr td#annexes div.bloc_promo{
			position:relative;
			background-color:#FFF;
			width:160px;	
			height:auto !important;
			min-height:20px;
			height:20px;
			margin:0 0 20px 0;
			}	
			
			
				div#centrage table#contenu tr td#annexes div.bloc_promo.orange h3{
				background-image:url(../pics/fond_promo_orange.gif);
				background-position:0 0;
				background-repeat:no-repeat;
				height:20px;
				width:160px;				
				}
				div#centrage table#contenu tr td#annexes div.bloc_promo.vert h3{
				background-image:url(../pics/fond_promo_vert.gif);
				background-position:0 0;
				background-repeat:no-repeat;
				height:20px;
				width:160px;				
				}
				div#centrage table#contenu tr td#annexes div.bloc_promo.rouge h3{
				background-image:url(../pics/fond_promo_rouge.gif);
				background-position:0 0;
				background-repeat:no-repeat;
				height:20px;
				width:160px;				
				}
				
				div#centrage table#contenu tr td#annexes div.bloc_promo img{
				position:relative;
				display:block;
				}
				
				div#centrage table#contenu tr td#annexes div.bloc_promo.orange div.visuelpub{
				border-left:1px solid #ec7404;
				border-right:1px solid #ec7404;
				}

				div#centrage table#contenu tr td#annexes div.bloc_promo.vert div.visuelpub{
				border-left:1px solid #d3d601;
				border-right:1px solid #d3d601;
				}
        
				div#centrage table#contenu tr td#annexes div.bloc_promo.rouge div.visuelpub{
				border-left:1px solid #e3001b;
				border-right:1px solid #e3001b;
				}
                				
				div#centrage table#contenu tr td#annexes div.bloc_promo.orange div.desc{
				border-left:1px solid #ec7404;
				border-right:1px solid #ec7404;
				font-size:10px;
				padding:9px;
				width:140px;
				}
				div#centrage table#contenu tr td#annexes div.bloc_promo.vert div.desc{
				border-left:1px solid #d3d601;
				border-right:1px solid #d3d601;
				font-size:10px;
				padding:9px;
				width:140px;
				}
				div#centrage table#contenu tr td#annexes div.bloc_promo.rouge div.desc{
				border-left:1px solid #e3001b;
				border-right:1px solid #e3001b;
				font-size:10px;
				padding:9px;
				width:140px;
				}
				
				div#centrage table#contenu tr td#annexes div.bloc_promo div.desc a{
				position:relative;
				clear:both;
				display:block;
				margin-top:10px;
				}	
		
#pagination{
background-color:#eee;
padding:0 5px 0 5px;
margin:10px 0 20px 0;
color:#e3001b;
height:22px;
position:relative;
z-index:101;
text-align:center;
}
div#centrage table#contenu tr td#datas div#datascont #pagination ul{
margin:-2px 0 0 0;
position:relative;
top:5px;
list-style:none outside none;
font-weight:bold;
color:gray;
}
html>/**/body div#centrage table#contenu tr td#datas div#datascont #pagination ul{
margin:5px 0 0 0;
}
div#centrage table#contenu tr td#datas div#datascont #pagination ul li{
list-style:none outside none;
background-image:none;
display:inline;
padding:5px 0 0 0;
margin:0;
}
#pagination a:link, #pagination a:active,#pagination a:hover,#pagination a:visited{
color:#e3001b;
}
		
	/*--------------- footer----------------*/
	div#centrage div#footer{
	height:17px;
	padding:3px 10px 0 10px;
	clear:both;
	position:relative;
	background-color:#f0f1f1;
	margin-bottom:15px;
	font-size:10px;
	color:#787878;
	}
	
		div#centrage div#footer ul li{
		display:inline;
		margin-right:9px;
		}
		
			div#centrage div#footer ul li a{
			color:#787878;
			}

