/* -------------------------------------------------------------- 
  
   Blueprint CSS Framework Print Styles
   * Gives you some sensible styles for printing pages.
   See Readme file in this directory for further instructions.
      
   Some additions you'll want to make, customized to your markup:
   #header, #footer, #navigation { display:none; }
	 
-------------------------------------------------------------- */
body {font-family: Arial, Helvetica, sans-serif; color:#002532; font-size: 11px; margin: 0; padding: 0; background:#fff }

a, a:active:visited {text-decoration:none; color:#002532}

h1, h2 {padding: 0 0 0 20px; color:#002532; font-weight:bold; margin:-5px 0 0 0; line-height:20px; font-size:18px}
p#intro {line-height:16px !important; font-size:14px!important; padding: 9px 30px !important; font-weight:bold; color:#d63c80 !important; text-align:center; margin: 0!important; }
h1 sup,h2 sup{padding: 0 0 0 4px; font-weight:normal; vertical-align:super; font-size:12px;  line-height:20px; }

h3 {padding: 0 0 10px 0; color:#002532; font-weight:bold; margin:0; line-height:14px}
h4 {color:#002532; font-weigth:bold; font-size:14px; line-height: 14px; margin:0; padding:0}
h5 {margin:0; padding:15px 0 10px 17px; font-size:18px; line-height:16px; font-weight:bold; color:#002532}
h6 {padding:4px 0 4px 0px; color:#002532; text-align:left; font-size:14px; font-weight:bold; margin:0 0 0 23px; line-height:14px}
.italic     {font-style: italic; font-size:10px}
p  {line-height:16px; margin: 0; padding:0}
.left {margin:6px 10px 5px 0}
.right{margin:6px 0 5px 10px}
hr {color: #f1ece5; background:#f1ece5}
hr.space {color:none; background:none; padding:0; margin:0; height:1px; border:0px}

/* ---------*/
.wrapper   {padding:0; margin:0; width:100%;}
.container {padding:0 0 25px 0px; margin:0 auto; width:960px}

.sans      {border:none; background:none}
.noborder  {border-top:0px; border-bottom:0px; border-lefty:0px; border-right:0px}
/* ------------------- header ------------------------- */
#header    {position:relative; z-index:750; left:0; padding:0; margin: 0 auto; width:900px; height:103px}

#bt_retacc {float:left; margin: 20px 0px 0px 0px;
/* 
position:relative; top:25px; left:25px
*/}


/* ------- gabarits ----- */
#content        {padding:0; margin:0; width:100%; float:left}
div#large       {position:relative; top:0px;width:635px; float:left; padding: 0px; margin: 20px 0 0 12px;}
div#grd_large   {position:relative; top:0px;width:914px; float:left; padding: 0px ; margin: 0 0 0 17px}
div#grd_large p,
div#large p     {color:#686868;padding:0px; margin:10px 20px 10px 0}
div#drte        {width:270px; float:right; padding: 22px 20px 0px 0px; margin:0 12px 0px 0px}

/* ---rub---- */
#large #tablo_acc     {width:290px; margin:0; padding:24px 0 0 27px;   float :left}
#grd_large #tablo_acc {height:auto; float:left;width:915px; padding:15px 0 0 27px; margin:0;  float :left}

#tablo_fiche_tit      {float :left;padding:0;margin:0 ;width:252px; margin:0; }

#tablo_fiche_tit img  {padding:20px 0 8px 12px; float:left}

#tablo_fiche_desc                        {float :left;  display:block;width:648px; padding: 0;margin:20px 0 ; }
#tablo_fiche_desc fieldset               {position:relative; left:34px; border:none; margin: 0; padding:0}
#tablo_fiche_desc fieldset legend        {position:relative; top:10px;line-height:9px; width:150px; padding:2px 0; margin:0 ; font-weight:bold; font-size:14px}
#tablo_fiche_desc fieldset div           {position:relative; top:-15px; left:150px; width:400px; background:#f3f7fa; padding:7px 18px;margin:0}
#tablo_fiche_desc fieldset div p         {padding:0px; margin: 0px ;  font-size:11px;line-height:13px}
#tablo_fiche_desc fieldset div p a       {color:#686868; text-decoration:underline}

#tablo_fiche_desc fieldset div div {cursor:pointer; position:static; display:block; float:right; margin:0; padding:0; height:10px; width:10px;}
#tablo_fiche_desc fieldset div div.active {cursor:pointer; }

#tablo_fiche_tend                        {float :left;padding:0;margin:0 0 0 12px ;width:252px;}

.avecdiag                {height:370px;  }
.sansdiag                {height:160px; }

#tablo_fiche_tend h3                     {float :left; width:225px; line-height: 14px; padding:11px 8px 8px 8px; margin:0; font-weight:bold; color:#FFF}
		
/* ---- diag --- */
#tablo_fiche_tend img            {float :left; margin:11px 8px 0px 8px; padding:0; background:#FFF}

#tablo_fiche_tend #tendances             {clear:both; position:relative; left:7px; margin: 0 ; width:241px}
#tablo_fiche_tend #tendances th          {padding:0px 0px 5px 8px; text-align:center; vertical-align: middle; color:#b1bcbf; font-weight:bold; font-size:10px;line-height:10px}
#tablo_fiche_tend #tendances td          {width:50px;border-bottom: 1px solid #bebac2; padding:8px 4px ; text-align:center; vertical-align: middle; background:#fff; color:#002532; font-size:10px;line-height:11px}
#tablo_fiche_tend #tendances td.col2     {width:auto;background:#eef2f9;line-height:11px;color:#c5498d;padding:10px 3px ; letter-spacing:normal; text-align:center; font-weight:bold; font-size:12px}
#tablo_fiche_tend #tendances td.col2 img {background:none;border:none;margin:0; padding:0; float:left}

#tablo_fiche_diag 		  {width:898px; height:335px; padding:10px 0 0 17px;margin: 10px 0 0 0; float :left}

#large h2,  
#grd_large h2             {width:898px; float:left; padding: 10px 0 0px 22px; color:#002532; font-weight:bold; margin:0; line-height:20px; }
#large h2            	  {width:580px}

/* ---- version : large --- */		

/* ---- version : grd_large --- */		

#grd_large #tablo_acc .meil_prog              {width:896px;  float:left; margin: 0 10px 0 0;padding:0}
#grd_large #tablo_acc .meil_prog #prog        {position:relative; z-index:879; left:-5px; width:876px; margin: 0px 10px 0 0 ; height:auto}
#grd_large #tablo_acc .meil_prog #tendances   {float:left; position:relative; top:0px; width:114px;margin:0;padding:0}

#grd_large #tablo_acc .meil_prog td.tit       {background:#fd5ea0;text-align:left; border: none; font-size:12px; font-weight:bold; color:#fff; white-space:nowrap}
#grd_large #tablo_acc .meil_prog td.rose      {background:#fd5ea0; border: none; color:#FFF; font-size:11px; line-height:11px;font-weight:bold;text-align:left}

#grd_large #tablo_acc .meil_prog td           {font-size:12px; width:122px; vertical-align:middle;text-align:center; margin:0; padding:2px 5px; border-top: 1px solid #bebac2; color:#002532}
#grd_large #tablo_acc .meil_prog td.col1	  {background:#002532; text-align:left; width:300px; font-weight:bold}
#grd_large #tablo_acc .meil_prog td.col2      {background:#fff;white-space:nowrap}
#grd_large #tablo_acc .meil_prog td.col3      {background:#f2f4f5;white-space:nowrap}

#grd_large #tablo_acc .meil_prog td a 		  {font-size:12px; font-weight:bold; color:#fff}
#grd_large #tablo_acc .meil_prog a.tous 	  {float:left; position:relative; z-index:889; top:0; left:-6px; background:#fd5ea0; padding: 8px; margin:2px 0 0 0; display:block; width:860px; text-align:right; font-size:11px; font-weight:bold; color:#fff}	

/* ---- large:  pleine paghe : adherer --- */	

/* ---- GRD large pleine paghe : mentions --- */	


/* ---- version : tableau fiche --- */	

#grd_large #tablo_fiche                       { position:relative;z-index:882;top:0; float:left;padding:0px 0 0 27px; width:895px; }

/* ---- callage des tableaux dans chiffres & fiches --- */
#grd_large #tablo_fiche .meil_prog_result,
#grd_large #tablo_fiche .meil_prog            { position:relative; top:0; z-index:879;left:-5px; width:876px;}
#grd_large #tablo_fiche div.fiche                { margin: 0px 0 0 0!important ;}
#grd_large #tablo_fiche div.chiffres        	  { margin: 0px 0 0 0!important ;}

#grd_large #tablo_fiche .meil_prog_result #prog_result,
#grd_large #tablo_fiche .meil_prog #prog,
#grd_large #tablo_fiche .meil_prog #prog1,
#grd_large #tablo_fiche .meil_prog #prog2,
#grd_large #tablo_fiche .meil_prog #prog3,
#grd_large #tablo_fiche .meil_prog #prog4,
#grd_large #tablo_fiche .meil_prog #prog5     {height:auto; float:left; margin:0; width:876px}

#grd_large #tablo_fiche .meil_prog_result td,
#grd_large #tablo_fiche .meil_prog td			{font-size:11px; vertical-align:middle;text-align:center; margin:0; padding:2px 5px; border-bottom: 1px solid #a4a0a7; color:#002532}
#grd_large #tablo_fiche .meil_prog_result td.tit,
#grd_large #tablo_fiche .meil_prog td.tit     {background:#fd5ea0;border: none;  text-align:center;font-size:14px; font-weight:bold; color:#fff; white-space:nowrap}
#grd_large #tablo_fiche .meil_prog_result td.rose,
#grd_large #tablo_fiche .meil_prog td.rose    {background:#fd5ea0; border: none; font-weight:bold; padding:4px 0px 0 0}
#grd_large #tablo_fiche .meil_prog_result td.rose_sans,
#grd_large #tablo_fiche .meil_prog td.rose_sans  {background:#fd5ea0; font-weight:bold; padding:4px 0px ;  color:#FFF; font-size:11px; line-height:12px}
#grd_large #tablo_fiche .meil_prog_result td.rose a,
#grd_large #tablo_fiche .meil_prog_result td.rose,
#grd_large #tablo_fiche .meil_prog td.rose a,
#grd_large #tablo_fiche .meil_prog td.rose  {text-decoration:none; color:#FFF; font-size:11px; line-height:12px}

#grd_large #tablo_fiche .meil_prog_result th,
#grd_large #tablo_fiche .meil_prog th              { background:#fd5ea0;border-bottom: 2px solid #002b3a;border-top: none; text-align:left;font-size:14px; font-weight:bold; color:#fff; white-space:nowrap;cursor: pointer;background-repeat: no-repeat;background-position: center center;}
#grd_large #tablo_fiche .meil_prog_result th.sans,
#grd_large #tablo_fiche .meil_prog th.sans          { background-color:#fd5ea0; border-bottom: 2px solid #002b3a;height:5px;  padding:0px}
#grd_large #tablo_fiche .meil_prog_result th.th_2,
#grd_large #tablo_fiche .meil_prog th.th_2          { background-color:#fd5ea0;cursor: pointer;background-repeat: no-repeat;background-position: center center; border-bottom: 2px solid #002b3a; height:5px;  padding:0px }



#grd_large #tablo_fiche .meil_prog td a,
#grd_large #tablo_fiche .meil_prog td.col1 a  {font-weight:bold;  color:#fff;vertical-align:middle;text-align:center;font-size:11px}	

#grd_large #tablo_fiche .meil_prog td.col1    {padding-left:8px; width:300px; background:#002532; color:#fff; text-align:left; font-weight:bold}

#grd_large #tablo_fiche .meil_prog td.col2,
#grd_large #tablo_fiche .meil_prog td.col3    {white-space:nowrap;width:122px; text-align:center;font-size:12px;}

#grd_large #tablo_fiche .meil_prog_result td a  {color:#002532;text-align:left;}
#grd_large #tablo_fiche .meil_prog_result td { background:#FFF; white-space:nowrap;width:auto; text-align:left;font-size:12px; }


#grd_large #tablo_fiche .meil_prog td.col1 img{margin: 0 5px 0 0}

#grd_large #tablo_fiche .meil_prog td.col2    {background:#fff}
#grd_large #tablo_fiche .meil_prog td.col4    {white-space:nowrap;width:40px; background:#fff}
#grd_large #tablo_fiche .meil_prog td.col3    {background:#f2f4f5}
.border_col1                                  {border-top: 1px solid #bebac2; border-bottom:0px}

#grd_large #tablo_fiche a.tous 	              {clear:both; height:13px; position:relative; z-index:889; left:694px;padding: 8px 14px 0 0; margin:0; display:block; width:170px; text-align:right; font-size:11px; font-weight:bold; color:#fd5ea0}	





/* ------- */
#ongl_acc_1 ul, #ongl_acc_2 ul, #ongl_acc_3 ul, #ongl_acc_4 ul {display:none}
#ongl_acc_1 a, #ongl_acc_2 a, #ongl_acc_3 a, #ongl_acc_4 a {line-height:15px; text-align:center; padding:5px; color:#000}
	
#ongl3 div,
#ongl3 div.chiffres              {padding:0;float: left; clear:both}

#ongl2 ul                        {position:relative; left:-29px; top:-50px;  height:30px; z-index:850}

#ongl3 ul                        {display:none}
#ongl3 a                         {line-height:15px; text-align:center}





/* ---- version : large --- */	
/* ---- pas toucher !!  --- */	
#large #palm_visit1,
#large #palm_visit2,
#large #palm_visit3,
#large #palm_visit4					{float :left; width:295px; padding:0; margin:15px 0 4px 15px}
#large #palm_visit1 h3,
#large #palm_visit2 h3,
#large #palm_visit3 h3,
#large #palm_visit4 h3                     {height:18px; float :left; width:279px; font-size:12px; line-height: 12px; padding:12px 0px 0px 13px; margin:0; font-weight:bold; color:#FFF}
#large #tablo_palm            { clear:both; position:relative;  width:281px; margin: 0 0 0 8px ; background:#FFF}
#large #tablo_palm td         {width:183px;padding:4px; vertical-align: middle;  line-height:10px}
#large #tablo_palm td div     {width:179px ; padding:0; margin:0; overflow:hidden }
#large #tablo_palm td div a   {color:#002532; padding:0; margin:0;  font-weight:bold; font-size:10px;white-space:nowrap;}
#large #tablo_palm td.col2    {width:90px;padding:4px 6px 4px 2px ; letter-spacing:-0.085em; background:#dfeaef; text-align:right; color:#002532;  font-size:12px}
#large #palm_visit1 a.tous,
#large #palm_visit2 a.tous,
#large #palm_visit3 a.tous,
#large #palm_visit4 a.tous                 {float:left; padding:10px 8px 10px 0px; margin:0px 0 0 0px;  width:286px; text-align:right; font-size:11px; font-weight:bold; color:#fff}

/* ---- version : grd_large --- */		
/* ---- accueil --- *//* ---- pas toucher !!  --- */	
/* --- bloc adherer & tit ---- */
#rechh                              {width:636px; height:140px;  float :left}
#rechh div                          {margin:38px 0 0 13px; width:623px; text-align:center; font-size:11px; font-weight:bold; line-height:12px}
#rechh form input.champ             {float:left; margin:27px 0 0 225px; width: 270px}
#rechh form input.bt_input          {float:right; margin:27px 15px 0 0px}
#tit_chiffres                        {position:relative; z-index:255;width:824px; height:50px;  margin : 0px 0 42px 17px; font-size:24px;  padding:30px 0 0 0px;}
#tit_adherer                        {position:relative; z-index:255;width:915px; height:210px;  margin : 0px 0 0px 17px;  padding:0}
#tit_adherer div                    {float:left; margin:80px 0 0 90px;width:720px; text-align:center; font-size:11px; font-weight:normal; line-height:14px}
#tit_adherer a                      {white-space:nowrap;text-align:left; font-size:12px; font-weight:bold; margin:0}
#tit_chiffres a#ggp                  {position: absolute; top:170px; left:280px}
#tit_chiffres a#gtp                  {position: absolute; top:170px; left:530px}
#tit_adherer a#sinscr               {position: absolute; top:170px; left:780px}
#rechh a                            {position:relative; top:34px; left:423px; text-align:center; font-size:12px; font-weight:bold; margin:0 10px 0 0}

/* --- bloc nouvel adherant ---- */
#nou_adh     {float:left;  padding:20px 0px 20px 20px ; margin: 15px 0px 0 0px}

#adh td      {border-bottom: 1px solid #00384b}
#adh td      {border-bottom: 1px solid #00384b}
#adh td.col1 {text-align:left}
#adh td.col2 {text-align:right}
#adh td a    {text-align:left; font-size:11px;  padding :  0px}

/* --- a droite ---- */
/* ---- p ---- */
#drte  p         {line-height:16px; clear:both; margin:0}
#drte  p a       {color:#002532; text-decoration:none}

/* --- recherche ---- */
#rech                       {padding:0 4px 0px 15px; height:144px; margin:0; }
#rech h2                    {padding:10px 0; margin:0; color:#fff}

#rech a.tschffr                     {width:220px; height:30px; display:block; padding: 5px; font-size:11px; float:left; clear:both; text-align:center; margin: 0 0 0px 6px;color:#fff; font-weight:bold;line-height:20px}

#rech .champ                {width:132px; margin: 5px 0 0 30px;padding:8px 3px 0px 3px; font-size:12px; color:#436371}

#rech input.bt_input,
#rech button.bt_input       {text-align:center; float:right; padding:0px 0px 7px 0px ; width:40px;margin:4px 32px 0 0px; text-align:center;}

#adher                       {padding:0 4px 0px 0; height:57px; margin:0;}
#adher a.adherer             {width:262px; height:35px; display:block; padding: 5px; float:left;font-size:12px;  clear:both; text-align:center; margin: 10px 0 0 0;color:#fff; font-weight:bold;line-height:18px}

/* --- articles : accueil ---- */
#articles              {width:240px; float:left; background:#ecf5fa; padding:10px 15px ; margin: 5px 0 0 0}
#articles div          {color:#002532;  padding:0; margin: 0}

#articles div.art          {clear:both; color:#002532;padding:0 0 10px 0; margin: 0 0 0 0}
#articles div.art:hover p,
#articles div.art:hover a,
#articles div.art:hover span {color:#cd2087;}

#articles div#compress,
#articles div#rapports,
#articles div#telech,
#articles div#actu {width:100%; display:block; float:left }
   
#articles div#compress span,
#articles div#rapports span,
#articles div#telech span,
#articles div#actu span {width:100%; display:block; float:left; color:#cd2087; line-height:14px; font-size:12px; display:block; float:left; border-bottom:1px solid #cd2087; padding:0 0 3px 0; margin: 0 }
   
#articles span.italic  {float:right; display:block}
#articles p            {float:left; width:240px; padding:4px 0 0 0; line-height:15px; color:#cd2087;}
#articles span.bout    {clear:both; color:#002532; font-weight:bold; float:right; display:block; margin: 0 0 4px 0}

#tit      {position:relative; float:left;  z-index:655; left:17px;width:910px; height:77px;  margin : 0px 0 6px 0px;  padding:0 ;}

/* --- articles ---- */
#tit h3   {float:left; font-size:18px;margin: 36px 0 0 22px; font-weight:bold; color:#fd5ea0}
#tit h2   {width:200px; float:right; text-align:right;margin: 36px 22px 0 0 ; font-size:16px; font-weight:bold}

#publi_last,
#publi_last2
{position:relative; z-index:757; margin: 0px 0 22px 3px; width:210px; float:left}

#publi_last ul,
#publi_last2 ul
{list-style-type:none; width:210px; float:left;  padding:0; margin:0 0 20px 0}

#publi_last ul span,
#publi_last2 ul span
{display:block; font-weight:bold;font-size:14px; line-height:13px; margin:5px 0 20px 18px; padding: 0}

#publi_last ul li {width:203px; display:block;float:left; margin: 0 0 3px 0}
#publi_last2 ul li {padding:8px 14px 10px 14px;color:#c75283 ;width:175px; display:block;float:left; margin: 0 0 3px 0; background:#faf4f7; line-height:14px}

#publi_last ul li a {width:175px ; padding:8px 14px 10px 14px; display:block; float:left; background:#faf4f7; color:#c75283}

#contenu               {width:auto; float:left; margin: 0 0 0 0px; padding: 3px 0px 0px 0px}
#contenu div#form      {width:610px; float:left; margin: 0 0 40px 0px; padding:0}

/* --- articles : picto distinctif de l'article ---- */
div#img      {width:610px; float:left;display:block;clear:both; margin: 0 0 20px 40px; }



#contenu div h1        {font-size:18px;padding: 0 0 10px 0; color:#002532; font-weight:bold; line-height:18px; margin:0 0 0 65px}
#contenu div h1 a      {font-size:18px; font-weight:bold ; line-height:18px; margin:0;color:#fd5ea0}

#contenu div a      { text-decoration:none; margin:0; padding: 0; font-weight:bold;color:#fd5ea0;  letter-spacing:normal; font-size:11px}	

#contenu div#letitre        {font-size:15px; font-weight:bold ; line-height:19px; margin:20px 0 20px 65px; width:550px}
#contenu div#letitre a      {font-size:15px; font-weight:bold ; line-height:19px; margin:0;color:#fd5ea0}

#contenu div#infobox        {font-size:11px; color:#002532; margin: 15px 0 0 0px; padding: 10px; border:1px solid #fd5ea0; line-height:14px ; width:530px}

#contenu div span      {font-size:12px; font-weight:bold; font-style:italic; line-height:16px;margin:0 0 0px 65px; padding: 0 0 10px 0; }
#contenu div p         {font-size:12px; color:#002532; margin: 15px 0 0 0; line-height:16px}
#contenu div h3         {font-size:14px; color:#002532; padding: 10px 0 5px 0; line-height:16px}

#contenu div ul          {list-style-type:none;position:relative; margin: 0; padding:10px 0 4px 40px}
#contenu div ul li       {color:#002532;  margin: 0;position:relative; padding : 0px 0 0 14px}    


#contenu div ul.contenu_list
{ list-style-type:none;position:relative; margin: 0; padding:30px 0 20px 30px; background:#ecf5fa;}
#articles div.art ul.contenu_list
{ list-style-type:none;position:relative; margin: 0; padding:20px 0 0px 0px; }

#contenu div ul.contenu_list li
{ font-weight:normal; font-style:italic; font-size:9px;color:#002532;  margin: 0; padding : 0px 0 10px 14px; position:relative;  }    

#articles div.art ul.contenu_list  li
{ font-weight:normal; font-style:italic; font-size:9px;color:#002532;  margin: 0; padding : 0px 0 10px 20px; position:relative;  }    

#contenu div ul.contenu_list li a,
#articles div.art ul.contenu_list  li a
{ line-height:11px; }    

#contenu div ul.contenu_list li a span,
#articles div.art ul.contenu_list  li a span
{ font-weight:normal; font-style:italic; font-size:9px;color:#002532;  margin: 0; padding : 0px }    

#contenu div ul.contenu_list li a.pdf2
{ color:#fd5ea0; font-weight:bold; font-style: normal; font-size:12px; padding:20px 4px 10px 25px;margin:0; }

#articles div.art ul.contenu_list  li a.telech
{ color:#fd5ea0; font-weight:bold; font-style: normal; font-size:12px; padding:20px 4px 10px 0px;margin:0;  }

#contenu div ul.contenu_list li a.pdf2{ color:#fd5ea0; }
#articles div.art ul.contenu_list  li a.telech{ color:#cd2087; }

#contenu div ul.contenu_list li a.pdf2:hover,


#contenu div.resultrech           {width:auto; padding:0 0 10px 30px; float:left; clear:both; }
#contenu div.resultrech span      {font-size:12px; color:#fd5ea0;font-weight:bold; font-style:normal; line-height:12px;display: inline;margin:0; padding: 0}
#contenu div.resultrech p         {font-size:12px; color:#002532;  line-height:14px; margin:0; padding: 0}

#contenu div.resultrech div        { color:#fd5ea0;float:left;  margin:0 0 10px 0px; padding: 10px; font-weight:bold; font-size:16px}
#contenu div.resultrech div.altern { background: #ebf1f3 }
#contenu div.resultrech div h4     { color:#fd5ea0;position:relative; width:70px;float:left; display:block ; margin:0 0 10px 0px; padding: 0; font-weight:bold; font-size:16px}

#contenu div.resultrech ul        { position:relative;list-style-type:square; float:left; display:block ; margin:0 0 10px 20px; padding: 0; font-weight:bold; font-size:16px}
#contenu div.resultrech ul a      { margin:0; padding: 0; font-weight:bold; letter-spacing:normal; font-size:11px}	
#contenu div.resultrech ul a:hover{ color:#fd5ea0; text-decoration:underline}		
#contenu div.resultrech ul span   { font-size:10px; font-weight:normal; font-style:italic}


/* ---- formulaires ---- */

#pannel        {padding : 0 ; margin:0;  width:628px;background:none}
#pannel input  {background:none}

#form_inscript .middle                 {float:left;padding : 0 40px ; margin:0;   width:548px; clear:both}
#form_inscript .middle h2              {font-size:18px}
#form_inscript .middle p               {clear:both; margin:2px 0 2px 20px;  padding:0; float:left; width:370px}
#form_inscript .middle p label         {vertical-align:bottom; line-height:12px; width: 180px; float:left; background:none; border:none; color:#002532; margin:0; padding:0}
#form_inscript .middle p label span    {clear:both;vertical-align:top; float:left;  padding:2px 0 4px 0 ; margin:0; font-size:9px; line-height:11px; font-weight:normal;  font-style:italic}
#form_inscript .middle p label span.asterisk, span.asterisk {color: #c20000; font-size:12px ;font-weight:bold;padding: 0 ;line-height:10px;   font-style:normal}
#form_inscript .middle p.info          {clear:both;vertical-align:top; float:left;  padding:0px 0px 2px 20px; margin:0; font-size:9px; line-height:11px; width:370px;  font-style:italic}
#form_inscript .middle p input, 
#form_inscript .middle p select,
#form_inscript .middle p.info input    {width: 170px; float:right; margin:0}
#form_inscript .middle p textarea,
#form_inscript .middle p.info textarea {width: 365px; float:right; margin: 10px 0 0 0;font-style:normal}
#form_inscript .middle .indic          {color:#c20000; position:absolute;left:470px;  width:110px;  margin:0; padding:15px ; line-height:14px}
#form_inscript .middle .indic a        {color:#c20000; font-weight:bold; text-decoration:none ;line-height:14px}
#form_inscript .middle .indic a:hover  {text-decoration: underline}
#form_inscript .middle hr              {padding:10px 0 10px 0; background:#FFF; border:#FFF}

#monivelib_bottom                      {clear:both;float:left; display:block;height:65px; margin:0;  padding : 0 ;width:628px}


/* ----- */
form                    {margin: 0; padding:0}
form#contact label      {background:#fff; display:block;  margin:0; padding:5px 0 0px 65px; color:#002532; font-size:12px; font-weight:bold}
form p.duform           {margin:0; padding:0;position:relative; z-index:999}
form p.duform label     {white-space:nowrap; width: 180px; float: left; display: block; background:none; border:none; color:#3d5ca5; margin:0; padding:0}
form p.duform select    {position:relative; top:5px; }
form p.duform textarea  {position:relative; top:5px; }
form p.forminput        {position:relative;top:10px; }
form p.info2            {position: relative; top:5px; left: 246px;padding:0px; margin:0; font-size:9px; line-height:11px; width:320px; font-style:italic}
/* ----- */

#grd_large div form        {text-align:right}
#articles_outils .bt_input {margin: 0 0 0 630px}

/* ---- message d'erreur ------ */
.info_alarm                   {float: left; width:640px; height:300px; display: block;  color:#002532;padding: 0; margin: 30px  140px 0px  140px ; clear: both}
.info_alarm div.alarm_img     {float:left;  margin:35px 0px 0 45px; width:50px; border:none}
.info_alarm div.alarm_txt     {float:right; width:420px; margin: 25px 25px 0 0; color:#002532}
.info_alarm div.alarm_txt h2  {margin: 10px 20px 0 0; color: #fd5ea0; font-weight:bold; font-size:18px}
.info_alarm div.alarm_txt p   {padding: 0 20px 10px 20px; color:#002532}


/* ---- plan du site ------ */
		#sitemap { z-index:992; overflow:hidden;position:relative;  width:856px; top:0px; left:5px; margin: -220px 10px 0 0
		}
		#sitemap ul {list-style:none;margin:0;	padding:0}
		#sitemap li {background-color:#557c91;float:left;margin:0 0 -0.1em;min-height:1em;padding:.2em .4em;position:relative;width:130px}
		#sitemap li a {color:#000; text-decoration:none}
		#sitemap li a:hover {font-weight: bold}		
		#sitemap ul ul {font-size:90%;margin-top:-1.4em}
		#sitemap ul ul li {border-top:0.5em solid #fff !important;border-left:0.5em solid #251e27;left:136px; background-color:#8b91a8}
		#sitemap ul ul ul li {background-color:#bfa5be}
	    #sitemap ul ul ul ul li {background-color:#e7bed5}
		#sitemap ul ul ul ul ul li {background-color:#fadbe9}
		#sitemap ul ul ul ul ul ul li {background-color:#fff; z-index:2589}

/* ---- input ombrés ------ */
input, textarea, select       {float:left; font: Arial, Helvetica, sans-serif; border:none; padding:5px 6px 4px 5px; color:#344050; font-size:11px; margin: 0}
textarea                      {width:300px; float:left}


/* ---- input 1 ------ */
/* ---- a ------ */
a.bt_input, #drte p a.bt_input                {display:block; margin:7px 7px 0 0;  text-align:center; text-decoration:none; font-weight:bold; color:#fff; cursor:pointer; padding:3px 9px}
/* ---- input ------ */
input.bt_input, button.bt_input{text-align:center; float:left; padding:0px 4px 10px 4px; height:35px;width:48px; font-size:11px; font-weight:bold; color:#fff; border: none; margin:0 0 0 3px; cursor: pointer; }

/* ---- input 2 ------ */
/* ---- a ------ */
a.bt_input2, #drte p a.bt_input2  {border:none;
vertical-align:middle; position:relative; bottom:0px;  padding: 6px 10px 5px 10px ; font-size:11px;  text-align:center; text-decoration:none; font-weight:bold; color:#fff;cursor:pointer}
/* ---- input ------ */
input.bt_input2, button.bt_input2{border:none;
vertical-align:middle; position:relative; bottom:4px; padding: 5px; background: #fff; text-align:center;   font-size:11px;text-decoration:none; font-weight:bold; color:#fff;  cursor: pointer}

/* ---- input sans ombres ------ */
input.sans {border:none; background:none; float:left; margin:0; padding:0}

/* ------------------- pagination ------------------------- */

.paginator           {float:left; width:auto; margin:5px 0; padding: 0px 3px 3px 3px; color:#3d5ca5; font-weight:bold; text-align:center}
.paginator a         {padding: 1px 4px 1px 4px; margin: 1px; border: 1px solid #3d5ca5; text-decoration: none; color: #3d5ca5; font-weight: bold}
.paginator a:active  {border: 1px solid #ffde0b; color: #fff; background-color: #ffde0b}
.paginator .current  {padding: 1px 4px 1px 4px; 	margin: 1px; border: 1px solid #3d5ca5; 	font-weight: bold; 	background-color: #3d5ca5; 	color: #FFF}
.paginator .disabled {padding: 1px 4px 1px 4px; margin: 1px; border: 1px solid #a6bbdb; 	color: #a6bbdb; font-weight: bold}

input.ferror, textarea.ferror {
	border: solid 2px #C20000;
}






/* ------------------- print ------------------------- */

a, p, li, div, span, legend { text-decoration:none; color:#000;}
body {font-family: Verdana, Arial, Helvetica, sans-serif;color:#000;	font-size: 11px;margin: 0;padding: 0; background:none !important;}
div, p {float:left ;background:none !important;}

.container{margin:0}
#content{float:left ; background:none !important; padding:0px ;margin:0;width:100%;display: block;}
.drte{float:left ; width:100%;background:none !important; padding: 0 0 10px 14px; margin:0;}


h1, h2, h3, div, #tablo_fiche h1, div#semaine  { display:block;  }
p, h1, h2, h3, div, span {color:#000; background:none !important;}

h1 { font-size:24px;line-height:20px; font-weight:bold; padding-top:10px; padding-bottom:10px; }
h2 { font-size:20px;line-height:18px; font-weight:bold; padding-top:7px; padding-bottom:7px; }
h3 { font-size:14px; line-height:12px; font-weight:bold; padding-top:4px; padding-bottom:4px; }


#footer, #adher,
img#bottom,
.chemin,
.bt_outils,
#rech,
#rech_top,
#tous,
.tous,
.haut, 
#articles_outils_lrge,
img#top,
img#botom,img#top_sans,
#contenu #articles_outils,
#grd_large div.outils,
#articles_outils_lrge,
div ul,
div#header,
div#footer, #retlist,
a.imprim,a.tous,
#ongl ul, #ongl1 ul, #ongl2 ul, #ongl3 ul, #ongl4 ul,
.ui-tabs-nav,
.meil_prog .ui-tabs-nav,
.meil_prog1 .ui-tabs-nav,
.meil_prog2 .ui-tabs-nav
div#tablo_fiche div
{ display:none; }

*td, td, table > td {padding:0!important; height: auto !important}
#tablo_fiche h2, #tablo_acc h2, #tablo_fiche h3,.tablo_palm h3               { display:block; width:100%; float:left; clear:both;}

.ui-tabs-hide { display:none }
