/* Salon Snack 2010 */

* {
  margin:0;
  padding:0;
}
body {
  font: normal 12px "Arial", Helvetica, Geneva, "sans serif";
  color: #333;
  background:#FFF url(img/2010/body_fd.jpg) left top repeat-x;
}

a { text-decoration: none; color: #e4005d; outline:none; }
a:hover { color: #e4005d; text-decoration: underline }

td { font-size:12px; }
h1 { font-size: 130%; }
h2 { font-size: 120%; }
h3 { font-size:115%; }
h4 { font-size:110% }
em {}blockquote {}cite {}

strong {font-weight:bold; }
img {border:none}

/*   Classes generale -->   kermeet   */
.newline { display: block; clear: both; line-height: 0px; font-size: 0px;height:0;border:none; visibility:hidden}
.left { float: left; }
.right { float: right; }
.center { display: block; margin: 6px auto; }
img.left { float: left; margin: 0 8px 6px 0 }
img.right { float: right; margin: 0 0 6px 8px }
img.center { display: block; margin:0 auto;padding: 4px }
.block { display:block }


/***
 *    Structure 
 */ 

#global {padding: 25px 0 0 0}
#container {
width: 990px;
margin: 0 auto;
padding:0 8px;
overflow: hidden;
background:#828282 url(img/2010/ombre_site.png) repeat-y left top;
}

/***
 *   TOP
 */
 
#ombreTop {
width:1006px;
height:9px;
background: url(img/2010/ombre_topsite.png) no-repeat left top;
margin:0 auto;
font-size:1px;
}

#header {
width:990px;
background: url(img/2010/header_fd.png) left top no-repeat; 
height:194px;
position: relative;
}
#logo { position: absolute; top: 24px; left: 34px; width:147px; height:147px;}
#lienRef {
position: absolute;
top: 20px;
left: 220px;
color:#FFF;
}
#lienRef ul, #lienRef li { list-style: none; }
#lienRef  li {float:left;padding: 0 3px 0 3px;}
#lienRef li a {color:#FFF;text-decoration: none; font-size: 11px;}
#lienRef li a:hover { text-decoration:underline; }

#bannerTop {
position: absolute;
left: 220px;
top: 43px;
}

/*
 *  lien contact
 */

#btnExpo {
position: absolute;
top:20px;
right:42px;
color:#FFF;
font-weight: 700;
font-size:13px;
}
#btnExpo a { color:#FFF; }

/***
 *   Baseline
 */
 
#baseline {
position:absolute;
color:#FFF;
top:153px;
left:220px;
font-size: 16px;
font-weight: bold;
}


/***
 *  menu  
 */ 

#menu {
background: url(img/2010/menu_fond.png) left top no-repeat; 
height: 40px;
width:990px;
position:relative;
z-index:10;
}

#exposant {
background: url(img/2010/exposant.png) left top no-repeat;
position:absolute;
right:20px;
top:5px;
width:124px;
height:34px;
text-align:center;
line-height:34px;
}
#exposant a { color:#FFF;font-weight:bold }


/***
 *   content
 */

#content { overflow:hidden; padding:20px 0 0 0; }

/***
 *   Colonne de gauche
 */

.colGauche {
float:left;
width:650px;
height: 688px;
padding:0;
overflow:hidden;
/*height: 705px;*/
}
#gaucheInt {
width:670px;
margin:0 10px 0 15px;
background: url(img/2010/gauche_top_fd.png) left top no-repeat;
padding: 4px 0 0 0;
color:#3c3c3c;
}

#gaucheFond { background:#FFF; padding: 0 12px; }
*hml #gaucheFond { padding: 0 10px;}

/***
 *   Colonne de droite
 */

.colDroite {
float:right;
width:300px;
margin: 0 20px 0 0;
display:inline;

}
#droiteInt {}

/***
 *   recherche box
 */
 
#recherchebox {
position:relative;
background:url(img/2010/recherchebox.png) left top no-repeat;
width:302px;
height:146px;
margin-bottom:15px;
}
#recherchebox h2 {
height:26px;
color:#f5f5f5;
padding:7px 0 0 10px;
font: bold 13px Arial, Verdana;
}

#recherchebox a { font-weight: bold}

.choix { padding:14px 20px 10px 20px; }
.choix p { margin: 5px 0 }

#recherchebox input {
border:none;
background:none;
}

#Keyword { width: 180px; }

.recherchebox_line { line-height: 35px; height: 35px; padding: 0 20px; }
*html .recherchebox_line { line-height: 25px; height: 25px; padding: 10px 20px 0 20px; }

.radioButton { border:none; }

/*BOUTON OK*/
#Keyword_Ok {
font: bold 12px Arial; color: #fff;
margin: 0 0 0 30px;
padding: 0 5px;
font-weight:bold;
}

.rechercheLink {
background: url(img/2010/puce_grise.png) no-repeat 0 3px;
text-indent: 15px
}
.rechercheLink a { color:#333 }

/***
 *   carre pub
 */
#carrepub { overflow:hidden; margin-bottom:15px; }

/***
 * CDF
 */

#bloc-cheminfer { padding: 0 0 0 15px; color:#31413c }




/***
 *   Bloc Actu
 */

#contActu { margin: 15px 0 15px 20px; height: 365px; overflow: hidden; zoom: 1;}

 
#bloc-actu {
width: 630px;
height:302px;
font-size:12px;
color:#666;
overflow:hidden;
background: url(img/2010/actu_fd.png) left top repeat-x;
/*padding: 0 0 10px 0;*/
}
#actuTabs {
list-style: none; 
height: 36px;
width: 630px;
background: url(img/2010/actu_ul_fd.png) left bottom no-repeat;
font-size:1px;
}
#actuTabs li { float: left; margin: 0; list-style: none; text-align: center; padding: 0 5px 0 0; margin: 0 10px 0 0 }

#tab1 { background: url(img/2010/actu_off_fd.png) no-repeat right top; width:145px }
#tab2 { background: url(img/2010/actu_off_fd.png) no-repeat right top; width:145px }
#tab3 { background: url(img/2010/actu_off_fd.png) no-repeat right top; width:210px }

#actuTabs li.tabSel { background: url(img/2010/actu_on_fd.png) no-repeat right top; }
#actuTabs li.tabSel a { background: url(img/2010/actu_on_fd.png) no-repeat left top; color:#FFF ;}

#actuTabs li a { 
position:relative;
display:block;
height: 26px;
padding:4px 0 0 0;
color: #333; 
text-decoration: none; 
font: bold 13px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
}
#actuTabs li a:hover { color:#FFF;} 

a#cas1 { background: url(img/2010/actu_off_fd.png) no-repeat 0 100%;  }
a:hover#cas1 { background: url(img/2010/actu_on_fd.png) no-repeat 0 100%; }
a#cas2 { background: url(img/2010/actu_off_fd.png) no-repeat 0 100%; }
a:hover#cas2 { background: url(img/2010/actu_on_fd.png) no-repeat 0 100%; }
a#cas3 { background: url(img/2010/actu_off_fd.png) no-repeat 0 100%; }
a:hover#cas3 { background: url(img/2010/actu_on_fd.png) no-repeat 0 100%; }

#actuTabs li span { display: none; height: 6px;  }
#actuTabs li.tabSel span { display: block;background: url(img/2010/fleche_verte.png) no-repeat 50% 0;  }

#content1,#content2,#content3 { zoom:1; color:#000 }
#bloc-actu .panel { padding: 10px; }
#bloc-actu .panel p { margin:4px 0 }
#bloc-actu .panel a { 
font-weight: 800;
text-decoration: none; 
background: url(img/2010/puce_rose.png) 0 0 no-repeat; 
padding: 0 0 0 25px;
display:block;height: 20px; 
}
#bloc-actu .panel a:hover { text-decoration: underline; }
#bloc-actu .article1, #bloc-actu .article2 , #bloc-actu .article3 {
margin-bottom: 10px; 
display:inline;
text-align:left;
overflow:hidden;
background:#FFF;
padding:10px;
}

#bloc-actu .article1,#bloc-actu .article2 ,#bloc-actu .article{ float:left; width:28%; }
#bloc-actu .article2 { margin:0 18px }
#bloc-actu .article3 { float:left; width:28% }

#bloc-actu h3 {
color:#333; 
font-size:13px; 
font-weight:bold;
padding:15px 0 10px 0;
}


/***
 *   Inscription newsletter
 */

#homeEnews { 
background: url(img/2010/inscriptionnl.png) 0 0 no-repeat; 
width:302px; 
height:96px; 
margin: 0 0 15px 0;
color:#333;
}
#homeEnews h2 {color:#f5f5f5; font: bold 13px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;height:29px; padding:8px 0 0 12px  }
#homeEnews .cadre { padding:15px 0 0 20px; }

/*div.smart-field { padding:0; float:left; width:200px;}*/
input.smart-field {
float:left;
border:none;
background:none;
width:173px;
height: 23px;
color:#333;
padding:4px 4px 0 5px;
}

input.smart-field:hover {
background:none;
border:none; 
}

#homeEnews .homenewsvalid{margin: 3px 6px 0 35px;border:none;background: none; font: bold 12px Arial; color: #fff; }

/********************************/
/*   Tag cloud
/********************************/

#tagcloud { margin: 0 0 15px 0; width:302px; background: url(img/2010/tagcloud_bg.png) no-repeat 0 100% #e3e3e3; }
#tagcloud h2 { color: #333; padding: 8px 0 0 12px; font-size: 13px; height: 26px; background: url(img/2010/tagcloud_fd.png) no-repeat left top; }
#tagcloud .inner { padding: 10px 15px 15px 15px; }
#tagcloud a { color: #e0015b;}
#tagcloud a:hover { color: #e0015b; }








/***
 *  home communaute
 */

#communaute { 
clear: left;
float: left;
margin:15px 0 15px 0; 
background: url(img/2010/commu_fd.png) 0 0 no-repeat; 
height:157px;
width:605px;
padding: 0 15px 10px 15px;
display:inline;
}
#communaute h2 {
color:#333; 
font: bold 13px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;
height: 13px;
padding: 7px 0 10px 0;
}
#communaute .contPicto {
float:left;
margin:5px 10px 0 0;
padding:10px;
width:270px;
display:inline;
}
#communaute h3 { font-size:13px; font-weight: bold; color:#333; margin: 0 0 5px 0}
#communaute .picto { float:left }
#communaute .picto img { padding: 0 6px 0 0 }
#communaute .lien { text-align: right;
	margin: 10px 0 0 0;}
#communaute .lien a {
	font-size: 12px; 
	font-weight: 800;
	padding: 0 0 0 12px; 
}
 
 
/***
 *   Menu interieur col droite
 */

#MenuInt { width:300px;margin: 0; background: url(img/2010/menuint_fd.png) left top no-repeat;  }
#MenuInt h2 { 
padding: 0 0 0 12px;
width:288px;
line-height:25px;
color:#FFF;
}
#MenuInt ul, #MenuInt li { list-style:none; }
#MenuInt ul {
padding:4px 10px 12px 10px;
}
#MenuInt li {margin: 5px 0}
#MenuInt li a {
padding: 0 0 0 26px;
font-weight: normal;
display:block;
}
#MenuInt li a.extLink { 
color:#b7d43d; 
background: url(img/2010/puce_verte.png) 0 2px no-repeat; 
padding: 0 0 0 18px;  }

#MenuInt li a.intLink { 
color:#f89638; 
background: url(img/2010/puce_orange.png) 0 2px no-repeat; 
padding: 0 0 0 18px; 
}

#MenuInt li a:hover { text-decoration:none; }

#MenuInt li.menuTitre a {
width:280px;
line-height:20px;
display:block;
font-weight: bold;
color:#656161;
background: url(img/2010/menuint_a.png) left bottom no-repeat;
text-indent: 10px;
padding:0 0 5px 0;
border-bottom:1px solid #eee;
}
#MenuInt li.menuTitre a:hover {}
#menuintCloser { background: url(img/2010/menuint_closer.png) left bottom no-repeat; width:300px; height:5px; font-size:1px; margin: 0 0 10px 0 }


/***
 *   minivalue - bloc picto
 */
#blocPicto { 
background: url(img/2010/valueint_fd.png) right top no-repeat; 
width: 300px;
height:209px;
font-size:12px;
margin:0 0 12px 0;
}
#blocPicto ul, #blocPicto li { list-style: none; }
#blocPicto a {display:block; padding: 5px 8px 0 90px;font-size:10px;color:#FFF }
#blocPicto a strong { font-weight:900;font-size:12px }

#mv-1 { height: 50px; }
#mv-2 { height: 50px }
#mv-3 { height: 50px }
#mv-4 { height: 50px }

#mv-1 a { height: 45px; background: url(img/2010/valueint_vending_fd_off.png) left top no-repeat }
#mv-2 a { height: 45px; background: url(img/2010/valueint_badge_fd_off.png) left top no-repeat}
#mv-3 a { height: 45px; background: url(img/2010/valueint_exposant_fd_off.png) left top no-repeat}
#mv-4 a { height: 45px; background: url(img/2010/valueint_plan_fd_off.png) left top no-repeat}

#mv-1 a:hover { background: url(img/2010/valueint_vending_fd_on.png) left top no-repeat }
#mv-2 a:hover { background: url(img/2010/valueint_badge_fd_on.png) left top no-repeat }
#mv-3 a:hover { background: url(img/2010/valueint_exposant_fd_on.png) left top no-repeat }
#mv-4 a:hover { background: url(img/2010/valueint_plan_fd_on.png) left top no-repeat }

/*
 *   fond plan site
 */
#fondPlansite {
background: url(img/2010/fond_plansite.png) 0 0 repeat-x;
height:180px;
margin:30px 0 0 0; 
clear:both;
}

/***
 *   Plan du site Manuel
 */
#Bloc_Plan { width:1000px;margin:0 auto; background: url(img/2010/plansite_fd.png) 0 0 repeat-x; height:180px; }
#Bloc_Plan span { display: block; padding: 15px 10px; height: 150px; width:980px}
#Bloc_Plan a {
  display:block;
  font-size:11px;
  color:#FFF;
  white-space:normal;
  text-decoration: none;
}
#Bloc_Plan a:hover { color:#f89638 }
#Bloc_Plan .titre a {
  font-weight:bold;
  margin:0px 0px 6px 0;
  font-size:11px;
  background:none;
  color:#FFF;
  border:none;
}
#Bloc_Plan .first { float:left; width: 180px; height:150px;}
#pSblc1 {background: url(img/2010/plansite_sep.png) right top no-repeat;}
#Bloc_Plan .bloc {
float:left;
height:150px;
margin-left:10px;
display:inline;
background: url(img/2010/plansite_sep.png) right top no-repeat;
}
#pSblc1,#pSblc2 ,#pSblc3,#pSblc4,#pSblc5 { padding: 0 0 0 8px;width: 180px; }

#Bloc_Plan #pSblc5 { background:none; }





















#content { overflow: hidden; zoom: 1;  }

/****************************************************************
	VALUEHOME
****************************************************************/

#valuehome { clear: both; position: relative; z-index: 1; height: 325px; width: 650px; overflow: hidden; background: url(img/2010/value_fd.png) left top no-repeat; }
#valuehome img { display: block; border: none; }

#valuehome_panels { float: left; width: 400px; padding: 15px; }
#valuehome_panels .valuehome_panel { display: none; color: #333; height: 295px; overflow: hidden; }
#valuehome_panels .valuehome_panel a { color: #eb6d20; }
#valuehome_panels .valuehome_panel img { display: block; }
#valuehome_panels .valuehome_panel .home_visuel_mini { padding: 0 0 10px 0; }
#valuehome_panels .sel { display: block; }

#valuehome_btns { position: absolute; z-index: 2; right: 0; list-style: none; width: 235px; height: 100%; margin: 0; padding: 22px 18px 0 0; background: url(img/2010/value_ul_fd.png) right top no-repeat; }
#valuehome_btns li { float: right; height: 60px; width: 190px; margin: 0 0 1px 0; padding: 10px 0 0 45px; background: url(img/2010/value_onglet_off.png); }
#valuehome_btns li.sel { background-image: url(img/2010/value_onglet_over.png); }
#valuehome_btns li a { display: block; text-decoration: none; }
#valuehome_btns li a p { padding: 0; margin: 0; }
#valuehome_btns li a p.titre { font: bold 16px Arial, Verdana; line-height: 20px; color: #333; }
#valuehome_btns li a p.soustitre { font: 12px Arial, Verdana; line-height: 14px; color: #333; }
#valuehome_btns li.sel a p.titre { color: #fff; }
#valuehome_btns li.sel a p.soustitre { color: #fff; }

/* cas particulier : les onglets n'ont pas le même bg */
#valuehome_btns li#valuehome_btn1 		{ background-position: 0 0; }
#valuehome_btns li#valuehome_btn1.sel { background-position: 0 0; }
#valuehome_btns li#valuehome_btn2 		{ background-position: 0 -70px; }
#valuehome_btns li#valuehome_btn2.sel { background-position: 0 -70px; }
#valuehome_btns li#valuehome_btn3 		{ background-position: 0 -142px; }
#valuehome_btns li#valuehome_btn3.sel { background-position: 0 -142px; }
#valuehome_btns li#valuehome_btn4 		{ background-position: 0 -214px; }
#valuehome_btns li#valuehome_btn4.sel { background-position: 0 -214px; }

/***********************************************
   ONGLETS HOME
***********************************************/

#home_galerie { float: left; height: 290px; width: 358px; margin: 0 15px 0 0; }

#hg_menu { list-style: none; margin: 0; padding: 0; height: 33px; }
#hg_menu li { float: left; width: 179px; background: url(img/2010/hg_onglets.png) 100% 50% no-repeat; }
#hg_menu li a { display: block; font: bold 14px Arial, Verdana; line-height: 33px; height: 100%; color: #0cb8de; text-align: center; text-decoration: none; }
#hg_menu li a:hover { text-decoration: underline; }
#hg_menu li.sel { background-position: 0 50%; }
#hg_menu li.sel a { color: #fff; }

#hg_panels { width: 358px; }
#hg_panels div.hg_panel { display: none; }
#hg_panels div.sel { display: block; }

#hg_panels div.hg_visuel_container { overflow: hidden; height: 200px; padding: 20px 20px 0 20px; background: url(img/2010/hg_visuel_container.png) center top repeat-y; text-align: center; }
#hg_panels p.hg_link { height: 38px; margin: 0; padding: 0 10px; text-align: center; background: url(img/2010/hg_link.png) center top no-repeat; }
#hg_panels p.hg_link a { font: bold 12px Arial, Verdana; line-height: 38px; height: 100%; color: #01bae8; text-decoration: none; }
#hg_panels p.hg_link a:hover { text-decoration: underline; }


/********************************
WIDGETS
********************************/

#homeMedias { float: left; width: 640px; padding: 0 0 0 20px; }

#widgetPhotos { float:left; margin: 0 20px 0 0; height:212px; width:220px; background: url(img/2010/widgetphoto_fd.png) no-repeat left top; }
#widgetPhotos h3 { color: #333; padding: 8px 0 0 10px; font-size: 13px; height: 26px; }
#widgetPhotos div.middle { overflow: hidden; height: 179px; width: 220px; }
#widgetPhotos div.middle object, #widget2 div.middle embed { display: block; margin: 8px auto 0 auto; }

#widgetVideo { float:left; margin: 0; height:212px; width:392px; background: url(img/2010/widgetvideo_fd.png) no-repeat left top; }
#widgetVideo h3 { color: #333; padding: 8px 0 0 10px; font-size: 13px; height: 26px; }
#widgetVideo div.middle { overflow: hidden; height: 179px; width: 392px; }
#widgetVideo div.middle object, #widget2 div.middle embed { display: block; margin: 8px auto 0 auto; }



#page_bottom { clear: both; }


/********************************************************************/
/*   CDF (chemin de fer)
/********************************************************************/

#cdf { line-height: 25px; height: 25px; padding: 0 0 0 10px; background: url(img/2010/cdf.png) left top no-repeat; }
#cdf .info { font: bold 12px Arial; color: #f5f5f5; }
#cdf .separator, #cdf .prev { font: normal 12px Arial; color: #f5f5f5; }
#cdf .current { font: bold 12px Arial; color: #b6eb04; }


/********************************************************************/
/*   BLOC-CENTER (page)
/********************************************************************/

/* gestion des colonnes */

.w50 { float : left; clear : left; width : 49%; }
.w50-newline { float : right; clear : right; width : 49%; }
.w33-first { float : left; display : inline; width : 32%; }
.w33-2 { float : left; display : inline; width : 32%; margin-left : 2%;  }
 * html .w33-2 { margin : 0 0 0 1%; } /*Hack ie6*/
.w33-newline { float : right; display : inline; clear : right; width : 32%; }


#main_int { clear: both; padding: 40px 0 0 0; }

#bloc-center { float: left; width: 635px; padding: 20px 10px; color: #f5f5f5; }
#bloc-center h1 { font: bold 16px Arial, Verdana; margin: 0; padding: 0 0 20px 0; color: #B6EB04; }

#bloc-center .paragraphe {  margin: 0 0 15px 0; overflow: hidden; }

#bloc-center h2, #bloc-center h2 .coinDroit { font: bold 14px Arial; line-height: 18px; background: url(img/2010/entetes.png) no-repeat; }
#bloc-center h2 { padding: 0 0 0 10px; }
#bloc-center h2 .coinDroit { padding: 7px 10px 7px 0; }

#bloc-center .style0 h2 { padding: 0; border: 1px solid #ee7f01; border-width: 0 0 1px 0; background: none; }
#bloc-center .style0 h2 .coinDroit { padding: 0 10px 5px 10px; background: none; color: #ee7f01; }
#bloc-center .style1 h2 { color: #fff; background-position: 0 0; }
#bloc-center .style1 h2 .coinDroit { background-position: 100% 0; }
#bloc-center .style2 h2 { color: #fff; background-position: 0 -32px; }
#bloc-center .style2 h2 .coinDroit { background-position: 100% -32px; }

#bloc-center .middle { padding: 10px; color: #333; zoom: 1; overflow: hidden; }
#bloc-center .style0 .middle { padding: 10px 0; border: none; background: none; color: #f5f5f5; }
#bloc-center .style1 .middle { border: 1px solid #ee7f01; border-width: 0 1px; }
#bloc-center .style2 .middle { background: #cfcfcf; }

#bloc-center h3 { font: bold 13px Arial, Verdana; margin: 0 0 10px 0; padding: 0 0 0 20px; background: url(img/2010/h3_puce.png) left top no-repeat; color: #ffb969; }
#bloc-center .style1 h3 { background-image: url(img/2010/h3_puce_style1.png); }
#bloc-center .style2 h3 { background-image: url(img/2010/h3_puce_style2.png); color: #333; }

/*#bloc-center p { margin: 10px 0 0 0; padding: 0; }*/

#bloc-center a.lien { font: bold 12px Arial, Verdana; margin: 10px 0 0 0; padding: 0 0 0 20px; background: url(img/2010/lien_puce.png) left top no-repeat; color: #FFB969; }
#bloc-center .style0 a.lien { font: bold 12px Arial, Verdana; margin: 10px 0 0 0; padding: 0 0 0 20px; background: url(img/2010/lien_puce.png) left top no-repeat; color: #FFB969; }
#bloc-center .style1 a.lien { background-image: url(img/2010/lien_puce_style1.png); }
#bloc-center .style2 a.lien { background-image: url(img/2010/lien_puce_style2.png); color: #333; }

#bloc-center .bottom, #bloc-center .bottom .coinDroit { height: 15px; background: url(img/2010/pieds.png) no-repeat; }
#bloc-center .bottom { padding: 0 0 0 10px; }
#bloc-center .bottom .coinDroit { padding: 0 10px 0 0; }
#bloc-center .style0 .bottom, #bloc-center .style0 .bottom .coinDroit { background: none; }
#bloc-center .style1 .bottom { background-position: 0 0px; }
#bloc-center .style1 .bottom .coinDroit { background-position: 100% 0; }
#bloc-center .style2 .bottom { background-position: 0 -15px; }
#bloc-center .style2 .bottom .coinDroit { background-position: 100% -15px; }





/********************************************************************/
/*   SIDEBAR
/********************************************************************/

#sidebar { float: right; width: 300px; padding: 0 15px 0 0; }


/********************************************************************/
/*   ACCESLVL1
/********************************************************************/

#acces_lvl1, #acces_lvl1 li { list-style: none; margin: 0; padding: 0; }

#acces_lvl1 li { overflow: hidden; height: 28px; width: 300px; margin: 0 0 10px 0; list-style-type: none; padding:0; height: 40px; background: url(img/2010/acceslvl1.png) left top no-repeat; text-align: center; }
#acces_lvl1 li.sel { background: url(img/2010/acceslvl1.png) right top no-repeat; list-style-type: none; }

#acces_lvl1 li a { display: block; font: bold 13px Arial, Verdana; color: #333; }
#acces_lvl1 li a:hover { text-decoration: none; }
#acces_lvl1 li.sel a { color: #fff; }

#acces_lvl1 li.sel a span { cursor: pointer; }

#acces_lvl1 li a .picto { float: left; margin: 0 10px; }
#acces_lvl1 li a .picto img, #acces_lvl1 li .picto .picto_interne { display: block; height: 25px; width: 25px; margin: 8px 0 0 0; }

#acces_lvl1 li a .picto .picto1, #acces_lvl1 li a .picto .picto2, #acces_lvl1 li a .picto .picto3, #acces_lvl1 li a .picto .picto4 { background: url(img/2010/acceslvl1_pictos.png); }
#acces_lvl1 li a .picto .picto1 { background-position:  0 0; }
#acces_lvl1 li a .picto .picto2 { background-position: 0 25px; }
#acces_lvl1 li a .picto .picto3 { background-position: 0 50px; }
#acces_lvl1 li a .picto .picto4 { background-position: 0 75px; }
#acces_lvl1 li.sel a .picto .picto1 { background-position:  100% 0; }
#acces_lvl1 li.sel a .picto .picto2 { background-position: 100% 25px; }
#acces_lvl1 li.sel a .picto .picto3 { background-position:  100% 50px; }
#acces_lvl1 li.sel a .picto .picto4 { background-position:  100% 75px; }


#acces_lvl1 li .libelle { float: left; padding: 12px 10px 0 0; }

/********************************************************************/
/*   MINICONTENU
/********************************************************************/

#contBlocTexte { margin-bottom:15px;background:url(img/2010/galerieproduits.png) 0 0 no-repeat; }
.blocTexte { width: 302px; height: 200px;  overflow: hidden; }
.blocTexte h3 { color:#f5f5f5; font: bold 13px Arial, Helvetica, "Liberation Sans", FreeSans, sans-serif;height:29px; padding:8px 0 0 12px }
.blocTexte span { display: block; padding: 10px 20px 0 20px; }
.blocTexte p { margin: 5px 0; height:20px }
.blocTexte a { font-weight: bold; display:block;height: 20px; background: url(img/2010/puce_rose.png) 0 0 no-repeat; padding: 0 0 0 25px;}

/********************************************************************/
/*   PARTENAIRES
/********************************************************************/

#partners { clear: both; position: relative; height: 80px; padding: 10px 20px; background: url(img/2010/partenaires_bg.png) left top no-repeat; }

#partners ul, #partners li { list-style: none; margin: 0; }
#partners ul.tabs_container { float: left; position: absolute; z-index: 2; top: 10px; left: 20px; height: 80px; width: 170px; }

#partners li.tab { height: 40px; background: url(img/2010/partenaires_tab.png) left bottom no-repeat; }
#partners li.sel { height: 40px; background: url(img/2010/partenaires_tab.png) left top no-repeat; }

#partners li.tab a { display: block; padding: 12px 5px 0 15px; font: bold 13px Arial, Verdana; color: #E4005D; cursor: pointer; }
#partners li.tab a:hover { text-decoration: none; }
#partners li.sel a { color: #fff; }

#panels_container { position: relative; float: right; width: 790px; margin: 0 3px 0 0; padding: 5px 0 0 0; }
#panels_container marquee { position: absolute; z-index:  1; visibility: visible; }
#panels_container marquee.sel { z-index:  0; visibility: hidden; }
#panels_container marquee img { margin: 0 5px 0 0; }


/********************************************************************/
/*   MAP (plansitebas)
/********************************************************************/

#map { overflow: hidden; zoom: 1; clear:both;  width:990px; background: #ccc url(img/2010/plansitebas_bg.png) repeat-x; }
#plansite { width: 100%; height: 100%;}
#plansite td { padding: 20px; border: 1px dotted #bbb; border-width: 0 0 0 1px; }
#plansite td.first { border: none; }
#plansite td p.titres { padding: 0 0 10px 0; color:#fff; font-weight:bold; }
#plansite td p.titres a,
#plansite td a { padding: 5px 0; color: #fff; }
#plansite td a:hover { color: #ccc; }
#plansite td ul, #plansite ul li { list-style-type:none; }


/********************************************************************/
/*   FOOTER
/********************************************************************/

#footer { height: 35px; padding: 5px 10px 0 10px; background: url(img/2010/footer.png) left top repeat-x; text-align: center; }
#footer, .links a { font: normal 11px Arial, Verdana; color: #333; }

.links { display: block; padding: 10px 0 0 0; }





/**********************  PREREG *************/
#accueilprereg {margin:20px auto; text-align:center; width:360px;}
#accueilprereg td {vertical-align:top;}
#accueilprereg a{
color:#B6EB04;
display:block;
padding:70px 0 0;
text-align:center;
text-decoration:none;
width:115px;
}
#accueilprereg a:hover {color:#F7C500;}

#btn_pro {background:#828282 url(img/2010/professionnel.gif) no-repeat top center}
#btn_pro:hover {background:#828282 url(img/2010/professionnel_actif.gif) no-repeat top center}
#btn_student {background:#828282 url(img/2010/etudiant.gif) no-repeat top center}
#btn_student:hover {background:#828282 url(img/2010/etudiant_actif.gif) no-repeat top center}
#btn_prof {background:#828282 url(img/2010/professeur.gif) no-repeat top center}
#btn_prof:hover {background:#828282 url(img/2010/professeur_actif.gif) no-repeat top center}


#avancement {margin:20px auto; text-align:center;}
#avancement td {vertical-align:top;}


#avancement a{
color:#adde07;
display:block;
padding:70px 0 0;
text-align:center;
text-decoration:none;
width:115px;
font-weight:bold;
}

#avancement .sel {color:#F7C500 } 

#cdf_coordonnees  {background:url(img/2010/coordonnees.gif) no-repeat top center}
#cdf_coordonnees.sel  {background:url(img/2010/coordonnees_actif.gif) no-repeat top center}
#cdf_mail {background:url(img/2010/envoyer_ami.gif) no-repeat top center}
#cdf_mail.sel {background:url(img/2010/envoyer_ami_actif.gif) no-repeat top center}
#cdf_confirmation  {background:url(img/2010/validation.gif) no-repeat top center}
#cdf_confirmation.sel  {background:url(img/2010/validation_actif.gif) no-repeat top center}
#cdf_collaborateur  {background:url(img/2010/ajouter_collaborateurs.gif) no-repeat top center}
#cdf_collaborateur.sel  {background:url(img/2010/ajouter_collaborateurs_actif.gif) no-repeat top center}
#cdf_infos  {background:url(img/2010/infos.gif) no-repeat top center}
#cdf_infos.sel  {background:url(img/2010/infos_actif.gif) no-repeat top center}


/*-------- step code ---------*/
#stepcode .form-submit {margin-top:20px; background:url(img/2010/menu_hover.png) repeat-x scroll 0 50% #F5498F;border:1px solid #F5498F;
color:#FFFFFF;
cursor:pointer;
font:bold 12px/20px Arial;
padding:3px 19px 5px;}


/*------ FORMULAIRE -------*/
#preregmultistepoverloadpro2011 .form-submit {margin-top:20px; background:url(img/2010/menu_hover.png) repeat-x scroll 0 50% #F5498F;border:1px solid #F5498F;
color:#FFFFFF;
cursor:pointer;
font:bold 12px/20px Arial;
padding:3px 19px 5px;}

#preregmultistepoverloadetudiant2011 .form-submit {margin-top:20px; background:url(img/2010/menu_hover.png) repeat-x scroll 0 50% #F5498F;border:1px solid #F5498F;
color:#FFFFFF;
cursor:pointer;
font:bold 12px/20px Arial;
padding:3px 19px 5px;}

#preregmultistepoverloadpro2011 .form-submit {margin-top:20px; background:url(img/2010/menu_hover.png) repeat-x scroll 0 50% #F5498F;border:1px solid #F5498F;
color:#FFFFFF;
cursor:pointer;
font:bold 12px/20px Arial;
padding:3px 19px 5px;}

#preregmultistepoverloadpro2011 .form-submit {margin-top:20px; background:url(img/2010/menu_hover.png) repeat-x scroll 0 50% #F5498F;border:1px solid #F5498F;
color:#FFFFFF;
cursor:pointer;
font:bold 12px/20px Arial;
padding:3px 19px 5px;}

.preregmultistepoverloadpro2011 .content { border: 2px solid #ccc; background:#fff;color:#333; padding:10px; margin-top:5px;}
.preregmultistepoverloadetudiant2011 .content { border: 2px solid #ccc; background:#fff;color:#333; padding:10px; margin-top:5px;}
.preregmultistepoverloadenseignant2011 .content { border: 2px solid #ccc; background:#fff;color:#333; padding:10px; margin-top:5px;}




#preregmultistepoverloadpro2011 .form-submit:hover {border: 1px solid #ADDE07;}



div .form-submit {margin-top:20px; background:url(img/2010/menu_hover.png) repeat-x scroll 0 50% #F5498F;border:1px solid #F5498F;
color:#FFFFFF;
cursor:pointer;
font:bold 12px/20px Arial;
padding:3px 19px 5px;}


/* ADRESSE FORM  */




#preregmultistepoverloadpro2011 .txtDessus { font-weight:bold;  font-size:14px; margin-bottom:10px; }
#preregmultistepoverloadetudiant2011 .txtDessus { font-weight:bold;  font-size:14px; margin-bottom:10px; }
#preregmultistepoverloadenseignant2011 .txtDessus { font-weight:bold ; font-size:14px; margin-bottom:10px; }

#bloc-center .style0 .sansTitre { border: none; }
#lang img { margin: 0 0 0 5px; }




/*-------------------  LIST COLLEGUE ----------*/

.listeCollegue { }
.listeCollegue th {text-align:left; background:#DF3279; color:#fff;}




/***************************
	NEWSBOX
****************************************************************/
#newsBox { margin: 0 0 15px 0; }
#newsBox h2 { font: bold 13px Arial; height: 26px; padding: 8px 0 0 12px; margin: 0; color: #333333; background: url(img/2010/tagcloud_fd.png) 50% 0 no-repeat; }

#newsBox .inner { width: 270px; overflow: hidden; zoom: 1; padding: 10px 15px 0 15px; background: url(img/2010/tagcloud_bg.png) 50% 100% no-repeat; }

#newsActions { position: relative; margin: 0 0 15px 0; }

#newsActions .btn { float: right; display: inline; height: 20px; width: 20px; margin: 0 0 0 5px; cursor: pointer; }
#newsActions .refresh { background: url(img/2010/news/reload.gif) 0 0 no-repeat; }
#newsActions .prev { visibility: hidden; background: url(img/2010/news/prev.gif) 0 0 no-repeat; }
#newsActions .next { background: url(img/2010/news/next.gif); }
#newsActions .btn:hover { background-position: 0 -20px; }

#fluxList { position: relative; width: 195px; }

#fluxList h4 { font: 11px Arial; height: 16px; width: 165px; padding: 3px 25px 1px 5px; color: #ffffff; background: url(img/2010/news/select.gif) 0 0 no-repeat; cursor: pointer; }
#fluxList.sel h4 { background-position: 0 100%; }

#fluxList.sel ul { display: block; }
#fluxList ul { display: none; position: absolute; z-index: 100; top: 20px; left: 0; width: 173px; padding: 10px; margin: 0; list-style: none; border: 1px solid #CDEA6B; background: #ffffff; }
#fluxList li { padding: 2px 3px; margin: 0; cursor: pointer; }
#fluxList li:hover { background: #FBFFEF; }
#fluxList li a { text-decoration: none; }

#newsFeed { clear: both; width: 270px; overflow: hidden; zoom: 1; }

#newsList { padding: 0; margin: 0; list-style: none; }
#newsList .col { float: left; width: 270px; }

#newsList .news { width: 250px; overflow: hidden; zoom: 1; padding: 10px; margin: 0 0 15px 0; background: #ffffff; }
#newsList .news h3 { font: bold 12px Arial; padding: 0; margin: 0 0 10px 0; }
#newsList .news .date { font: 10px Arial; float: right; display: inline; padding: 0; margin: 0 0 10px 0; color: #999999; }

#newsList .news .description { clear: both; font: 10px Arial; }
#newsList .news .description p { padding: 0; margin: 0; }
#newsList .news .description a { font: bold 10px Arial; }
#newsList .news .description .visuel { float: left; padding: 10px; }

#newsList .news .link { display: block; padding: 5px 0 5px 25px; background: url(img/2010/puce_rose.png) 0 50% no-repeat;