/* top elements */
*{
	margin: 0; padding: 0;
} 
body {
	margin: 0; padding: 0;
	font: 12px, Arial, Sans-serif; /* regle la hauteur general apres ajuster h1, h2*/
	background: url(/img/headerblue.gif) repeat-x;
	/*text-align: center;*/	
}

/* links */
a {
	background: inherit;
	color: #003399; /*336699*/
}
a:hover {
	background: inherit;
	color: #9C0000;
}

/* **************    headers POLICES Taille couleur ***********/
h1{
	font:bold 180% Arial, Sans-serif;
	/* text-transform: uppercase; */
	 color: #3E7CC8; 
 }
h2{
	font: bold 1em Arial, Sans-serif;
	color: #07519A; 
}
#tel h2 {
	font: bold 1em Arial, Sans-serif;
             color: #fff; 
             background: white url(/img/arrow.gif) no-repeat center left;                    
}
h3 {
	font: bold 1em Arial, Sans-serif;
}
h4 {
	font: bold 110% Arial, Sans-serif;
              color: #07519A; 
}
h5{
	font: normal 1em Arial, Sans-serif;
	color: #07519A; 
}
/* ************************* MENU NAVI DU MOTEUR **************************/
#header #head .mnuhead {padding:1px 0 2px 2px; margin : 0;}
#header #head{padding-bottom: 2px; padding-top: 5px; position: relative;}
#header #head ul {list-style: none;}
#header #head ul li{display: inline;}
#header #head ul li#first A{margin:0; color: #fff; font-size:13px; text-decoration: underline;}
#header #head A {margin: 0 1px 0 6px; color : #fff; font-size:13px; text-decoration: underline;} 
#header #head A:hover {text-decoration : none;}
#radios{position: absolute;margin: 0;padding:2px 0 0 0;font: normal 1em Arial, Sans-serif;color: #FFF;top: 48px;left:0;right:0;text-align:left;}
/* *************************1ER MENU HAUT  **************************/
#menu {
	clear: both;
	margin: 0 0 0 5px;
      padding: 0;
}
#menu ul {
      height:15px; /* ajuste ht la ligne soustitre  */	
	position: relative; 
      	top:3px;   /* ajuste ht la ligne soustitre  */	
	bottom: 4px;  /* ajuste ht la ligne soustitre  */	
     	line-height:17px;
	margin: 0; padding: 0;	
	float: left;
	font: 1em Arial, Sans-serif;
	width: 760px;/* 775px; */
	border-width: 0;
	list-style: none;
}
#menu ul li{display: inline;position: relative; bottom: -4px;float: left;color: #404040;padding:1px 8px 0 16px;background: white url('/img/arrow.gif') no-repeat left;
}
#menu ul li a {	
	color: #404040;
	text-decoration: none;
	background: white;
}
#menu ul li a:hover{
	color: black;
	background-color: #FFFFFF; 
/*	border-bottom: 1px solid #3791D7;*/
}
#menu ul li#current a{
	color: #000000;
}

/* *************** TITRES COLO CENTRE **********************/

#main h1, #rightbar h1 {
	padding: 9px 0 2px 5px; /* 2 px ajuste la barre sous titre  1px ajuste la hauteur */
	margin: 0 0 0 0px;
	/* text-transform: uppercase; */
}
#main h4 {
              padding: 2px 0 2px 9px; 
	margin: 10px 0 0 0;
	border: 1px solid #AACCEE; /* color cadre*/
	background:#EBF3FB;
}

/* *************************TITRE MENU GAUCHE  **************************/
#sidebar h2,  #rightbar h2{
	padding: 2px 0px 2px 5px;  /* 2 px ajuste la barre sous titre cadres */
	margin: 0;
	/* text-transform: uppercase; */
             border-bottom: 1px solid #AACCEE; 
             background:#EBF3FB;
     }
h1, h2, h3 {
	margin: 0px 10px;
}
p {
	margin: 6px 6px;*/
}
ul, ol {
	/*margin: 10px 15px;*/
	/*padding: 0 10px;	reglage espace gauche*/
	/*color: #3182C0;	*/
              margin: 10px 30px;
	padding: 0 10px;	
	color: #3182C0;	
}
ul span, ol span {
	color: #666666;  /*  couleur inter titre */
}
/* images */
img {
	border: 0px solid #CCC;
}
img.float-right {
  margin: 5px 0px 5px 15px;  
}
img.float-left {
  margin: 5px 15px 5px 0px;
}
a img {  
  border: 0px solid #3791D7;
}
a:hover img {  
  border: 0px solid #806B4D !important; /* IE fix*/
  border: 0px solid #3791D7;
}
code {
  margin: 0;
  padding: 8px 0 0 10px;  
  text-align: left;
  display: block;
  /*overflow: auto;  */
  font: 500 1em/1.5em 'Lucida Console', 'courier new', monospace;
  /* white-space: pre; */
   border: 1px solid  #AACCEE;
  border-left: 3px solid  #AACCEE;
}
acronym {
  cursor: help;
  border-bottom: 1px solid #777;
}
blockquote {
	margin: 15px;
 	padding: 0 0 0 32px;  	
  	background: #FAFAFA url(quote.gif) no-repeat 5px 10px !important; 
	background-position: 8px 10px;
	border: 1px solid #f2f2f2; 
	border-left: 3px solid #3182C0;  
	font-weight: bold; 
}
#global {
      padding: 0px 0 0 0px;  
      width:100%;
      text-align: left; 
     }
#global1 {
      margin-left: auto;
      margin-right: auto;
      padding: 20px 0 0 0px;  
      width:465px;
      text-align: left; 
     }
#global2 {
     padding: 0 0 0 12px;  
      width:490px;
      text-align: left; 
     }
/* ******************** form DE FORMULAIRE recherche ******************* */
form {
	margin:0px 235px 0 0px;
	padding: 0px 0 0 0px;
/*	border: 1px solid #f2f2f2; enleve */
}
label {
	display:block;
	font-weight:bold;
	margin:0px 0;
}
input {
      padding: 2px 0px 0px 2px;
	font: normal 1em/1.5em Arial, sans-serif;
	color:#333333;
              LINE-HEIGHT: 130%; 
}
textarea {
	width:350px;
	padding:4px;
	font: normal 1em/1.5em Arial, sans-serif;
	border:1px solid #eee;
	height:100px;
	display:block;
	color:#333333;
}
input#query{height:16px;padding:2px 0px 0px 1px;font-size:100%;}
/*input#button{height:1px;margin:0;padding:0}*/
/*Autres boutons*/
input#submit{height:22px;font-size: 11px; font-family:Arial, Helvetica, sans-serif; text-align:center;padding:0 0 0 1px;}
/* ******************** FORM DU MOTEUR RECHERCHE ************************ */
#header .shm {top: 1px; right: 3px; position:absolute;}	
#header .shm .q{font-size:112%;border-width:1px 0px 1px 1px;border-style:solid none solid solid;border-left-color:#4b7c9f;border-top-color:#4b7c9f;border-bottom-color:#4b7c9f;padding:1px 2px 1px 1px;height:17px;width:270px;vertical-align:middle;background-position:right;background-repeat:no-repeat;background-color:white;font-size:110%}
#header .shm .go{border-width:0px;vertical-align:top;font:bold 100% verdana, Sans-serif;background:url(/img/bout5.gif) repeat-x; width:110px;color : #fff; text-align:center; cursor: pointer;height:21px;padding:0;bottom:2px}
/* ********************MISE EN PAGE    - Layout *******************************/
/* * largeur **/
#wrap {
	margin: 0 auto;
            /*width: 830px;*/
	text-align: left;		
	background: #FFF;	
	width: 800px;
}
#content-wrap {
	clear:both;
      margin: 0 auto;
      padding:0px 15px 0 15px;  /* Regle la hauteur sous header */
	/*width: 820px;*/
	width: 760px;
 border: 1px solid  #AACCEE;	
}

/* header */
#header {
	position: relative;
	BACKGROUND: url(/img/degrad5.jpg) #5577aa repeat-y 100% 50%; 
	height: 73px;	
}
/* A été changé */
#header h1#logo  {
background: url('/img/s3.gif');
margin-right:0px; 
margin-left:0px; 
margin-top:21px; 
margin-bottom:4px;
text-indent:-500%;
float:left;
height:31px;
width:167px;
background-repeat:no-repeat;
}
/* ********************** COLONNE CENTRALE **************************/
#main {
	float: left;
	margin-left: 0px; /* espace a gauche de la colon centre*/
	padding: 6px 0 0 0;
	width: 73%;	
     	/* border-left: 1px solid #f2f2f2; bordure gauche*/
}

.post-footer {
	background-color: #FAFAFA;
	padding: 5px; margin-top: 10px;
	font-size: 95%;
	border: 1px solid #f2f2f2;
}
.post-footer .date {
	background: url(clock.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .comments {
	background: url(comment.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
.post-footer .readmore {
	background: url(page.gif) no-repeat left center;
	padding-left: 20px; margin: 0 10px 0 5px;
}
/* ************** DEVELOPPEMENT MENU GAUCHE - sideabar DROITE  ***************/
/* sideabar */
#sidebar {
	float: right;
	width: 25%;
	margin: 0px 0 0 0 ; 
	padding: 0; 
	display: inline;	
}
#sidebar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 0 16px 0;  /* 18 espace droit bloc */
	padding-right: 0;		
	text-decoration: none;
     	/*      	background: url(bluebox.jpg) repeat-x; */
	 /*background: url(headerbg-blue.gif) repeat-x; */
}
#sidebar ul.sidemenu li {
	border-bottom: 1px dashed #CCCCCC; width:90%;
             	background: url(/img/arrow5.gif) no-repeat 2px 5px;
	padding: 2px 0px 2px 10px;	/* Reglage gauche du texte*/
}

* html body #sidebar ul.sidemenu li { height: 1%; }

#sidebar ul.sidemenu a {
	font-weight: normal;   /*bold*/
	background-image: none;
	text-decoration: none;	
}
/* *********************ENCADREMENT DES BOX************************************** */
.sidebox {
      border: 1px solid #AACCEE;  /*#9696B0; */	
	margin:12px 0 0  0;	
	background: #FFF;
}
.sidebox2 {
      border: 1px solid #AACCEE;  /*#9696B0; */	
	margin:10px 0 0  0;	
	background: #F6FAFD; /*#F7FAFD #F4F9FD*/
}
.sidebox3 {
      border: 1px solid #AACCEE;  /*#9696B0; */	
	margin:10px 0 0  0;	
	background:#EBF3FB;
}
.sidebox4 {
              border: 0px solid #AACCEE;  
	margin:10px;	
}
/* *******************DEVELOPPEMENT MENU DROIT rightbar **********************/
#rightbar {
	float: right;
	width: 18%;
	margin: 0; padding: 0; 
	display: inline;
}
#rightbar ul.sidemenu {
	list-style: none;
	text-align: left;
	margin: 0 0 16px 0;  /* 18 espace droit bloc */
	padding-right: 0;		
	text-decoration: none;
     	/*      	background: url(bluebox.jpg) repeat-x; */
	 /*background: url(headerbg-blue.gif) repeat-x; */
}
#rightbar ul.sidemenu li {
	border-bottom: 1px dashed #CCCCCC; width:90%;
             	background: url(/img/arrow5.gif) no-repeat 2px 5px;
	padding: 2px 0px 2px 10px;	/* Reglage gauche du texte*/
}
* html body #sidebar ul.sidemenu li { height: 1%; }

#rightbar ul.sidemenu a {
	font-weight: normal;   /*bold*/
	background-image: none;
	text-decoration: none;	
}
/* ******************* BAS DE PAGE footer *************************/
#footer {
      margin: 0 auto;
      width: 792px;
	clear: both;
	background: #FFF;
      	border-top: 0px solid #FFFFFF;
	text-align: center;	
	height: 50px;	
}
#footer a {
	text-decoration: none;
	font-weight: normal;
}

#footer h6{
	padding: 2px 0px 2px 5px;  /* 2 px ajuste la barre sous titre */
	margin: 0 auto;
              border-bottom: 1px solid #AACCEE; 
              border-left: 1px solid #AACCEE; 
              border-right: 1px solid #AACCEE; 
              background:#EBF3FB;
/*#footer p.z{ font-size :100%; color : #404040;  */

}
p#v { font-size : 90%; color : #444444; padding-top : 0.2em; }           
#v a { color : #444444; text-decoration : none; } 
#v a:hover {color : #444444; text-decoration : none;
}
p#vz { font-size : 90%; color : #444444; padding-top : 0.2em; }           
#vz a { color : #444444; text-decoration : none; } 
#vz a:hover {color : #444444; text-decoration : none;
}
/* Alignment classes */
.float-left   { float: left;}
.float-right  { float: right; }
.align-left   { text-align: left; }
.align-right  { text-align: right; }
.align-center { text-align: center;}
.align-justify { text-align: justify; }

/* display classes */
.clear { clear: both; padding:6px 0 0 0;}
.block { display: block; }
.hide  { display: none; }	
.blue  {	color: #3791D7; }

/* *****************  annuaires  ******************** */
.line{height:1px;border-bottom:1px solid #AACCEE;width:99%;margin: 15px 0 10px 0;}
#lin2{height:1px;border-bottom:25px solid #20438D;width:475px;margin: 0;}
.tab {
border-right : 1px solid #AACCEE;
border-left: 1px solid #AACCEE;
}
margin:0;
}
.tab td.dt {
color: #333333;
font-weight:bold;
font-size:100%;
line-height:150%;
vertical-align:middle;
border-bottom:1px solid #AACCEE;
}
.tab td {
color: #333333; 
font-size:100%;
line-height:150%;
vertical-align:middle;
padding-left:10px;
border-bottom:1px solid #AACCEE;
}
/* meteo */
.tab td.ap {
color: #333333; 
font-size:100%;
line-height:150%;
vertical-align:top;
padding-left:10px;
border-bottom:1px solid #AACCEE;
}
.tab td A{margin: 0 0 0 4px; color: #003399; font-size:13px; TEXT-DECORATION: none}
.tab td A:hover{COLOR: #980000; text-decoration: none;
}
.taba {margin: 11px 0 0 0; background-color: #EBF3FB; border: 1px solid #AACCEE; width: 100%;}
.taba td {line-height:140%; margin: 0; padding: 0 0 0 8px; color: #003399;}
.taba td A{padding: 0 0px 0 0px;}
.taba td A:hover{COLOR: #980000; text-decoration: none;
}
.tabc {margin: 12px 0 0 0; background-color: #EBF3FB; border: 1px solid #AACCEE; width: 100%;}
.tabc td {line-height:140%; margin: 0; padding: 0 0 0 8px; color: #07519A;} /* color text  */
.tabc td A{padding: 0 0 0 11px; text-decoration: none;}
.tabc td A:hover{COLOR: #980000; text-decoration: none;
}
#playlist tbody tr td {background-color: #F6FAFD;
}
#playlist tbody tr.odd  td {background-color: #fff;
}