html{
 font-size:100%;/* bug IE */
}
body{
 font-family:Arial,sans-serif;
 font-size:12px;
 margin:0;
 background:url('../images/fond_body.png') 0 228px repeat-x #edecec;
 color:#000;
}
div#fond_couleur_1,div#fond_couleur_2
{
 position: absolute;
 left:0;
 width:100%;
}
div#fond_couleur_1
{ background-color:#0080c0;height:210px;top:0; }
div#fond_couleur_2
{ background-color:#888888;height:20px;top:210px; }
/* ---------------------------------------- */
a img{
 border:0;
}
form{
 margin:0;
 border:0;
 padding:0;
}
/* ---------------------------------------- */
ul.horiz,ul.horiz li,ul.horiz ul,ul.verti,ul.verti li,ul.verti ul{
 border:0;
 margin:0;
 padding:0;
}
ul.horiz,ul.horiz ul,ul.verti,ul.verti ul{
 list-style-type:none;
 /*overflow:auto;*/
}
ul.horiz li{
 float:left;
}
ul.horiz li a,ul.verti li a{
 text-decoration:none;
}
div.init_clear{
 float:left;
 width:100%;
 background-color:#fff;
 padding-bottom:20px;
}

div#general
{
 margin:auto;
 min-width:990px;
 width:85%;
 position:relative;
}
.lien_logo{
 width:220px;
 text-align:center;
 height:208px;
 overflow:hidden;
}
.lien_logo p{ 
 margin:0;padding:0;
 width:220px;
 height:198px;
 display:table-cell;
 vertical-align:middle;
 margin:auto;
}

.bg-col{
 background:#888888;
}

div#langues
{
 float:right;
 z-index:10;
 padding-top:2px;
 padding-right:3px;
}


div#conteneur{
 background-color:#FFFFFF;
 border-left:220px solid #FFFFFF;
}


#entete{
 width:770px;height:210px;
 position:relative;
 margin-left:220px;
 padding:0;
}
.image_header
{
 display:table-cell;
 vertical-align:middle;
}
#header-gauche{
 position:absolute;
 bottom:0;
 left:0;
}
#header-droite{
 position:absolute;
 bottom:0;
 right:0;
}
#header-centre{
 padding:0;
 margin:0;
 text-align:left;
 width:100%;
}
#entete h2{
 position:absolute;
 top:5px;
 left:10px;
 color:#000000;
 background-color:#888888;
 padding:5px;
}
#entete h1{
 margin:0;
 padding:0;
 color:#000000;
 position:absolute;
 left:205px;
 top:84px;
}
#entete h1 span{
 position:absolute;
 left:152px;
 top:28px;
 width:300px;
}


/** Pied de page **/
#pied_page{
 background-color:#888888;
 height:100px;
 width:85%;
 margin:auto;
 min-width:990px;
}
#pied_page ul{
 width:480px;
 margin:auto;
}
#pied_page ul li a{
 color:#000000;
 height:25px;
 display:inline;
 padding-top:16px;
 margin-right:30px;
 margin-left:30px;
 margin-top:10px;
 float:left;
}
.lien_accueil{
 background:url('../images/lien_home_noir.png') top center no-repeat;
}
.lien_plan{
 background:url('../images/lien_plan_noir.png') top center no-repeat;
}
.lien_mentions{
 background:url('../images/lien_mentions_noir.png') top center no-repeat;
}
.lien_credits{
 background:url('../images/lien_credits_noir.png') top center no-repeat;
}
.lien_contact{
 background:url('../images/lien_contact_noir.png') top center no-repeat;
}


#menu ul li,#menu ul li ul li,#menu ul ul,#menu li li{
 zoom:1;
}
#menu{
 width:220px;
 float:left;
 background:url('../images/fond_menu.png') top right repeat-y #fff;
 padding-bottom:250px;
 position:relative;
}
/*
#menu ul#ul_menu{ padding-top:20px; }
#menu ul#ul_menu_2{ padding-top:74px; }
*/
.retour_au_site{
 position:absolute;
 top:0;
 left:5px;
 font-weight:bold;
 color:#5e5962;
 text-decoration:none;
}
.retour_au_site:hover{
 color:#0080c0;
}
#bas_menu{
 position:absolute;
 bottom:0;
 right:0;
}
#menu ul{
 list-style-type:none;
 padding:0;
 margin:0;
}
#menu ul li,#menu ul li li{
 padding:0;
 margin:0;
 margin-bottom:6px;
 position:relative;
}
#menu ul ul{
 margin-top:6px;
}
#menu ul li a,
#menu ul li li a,
#menu ul li span.menu,
#menu ul li li span.menu{
 display:block;
 color:#5e5962;
 text-decoration:none;
 padding-left:20px;
 height:20px;
 line-height:20px;
 font-weight:bold;
 background:url('../images/fond_menu_niv1.png') top right repeat-y #e9e9e9;
 margin-top:2px;
}

#menu ul li span.recherche,
#menu ul li li span.recherche{
 position:absolute;
 top:-10px;
 color:#5e5962;
 text-decoration:none;
 margin:0;padding:0;
 padding-left:20px;
 font-size:0.9em;
}
#menu ul li a:hover,#menu ul li a.sel{
 position:relative;
 color:#0080c0;
}
#menu ul li a span{ width:11px;height:11px;position:absolute;top:5px;left:3px;padding:0;line-height:1px; }
#menu ul li a:hover span,#menu ul li a.sel span{
 background:url('../images/packs/triangle/menu_trans.png') 0 center no-repeat #0080c0;
}


#menu ul li ul{
 margin-bottom:15px;
}
#menu ul li ul ul{
 margin-bottom:0px;
}
#menu ul li li li,#menu ul li li li li{
 background:url('../images/fond_menu_niv2.png') top right repeat-y #fff;
 padding-bottom:0px;
 margin-left:12px; 
}
#menu ul li li li a{
 height:8px;
 line-height:8px;
 padding-left:3px;
 padding-bottom:4px;
 margin-left:20px;
 font-size:0.9em;
 background:url('../images/bordure_menu1.png') bottom right no-repeat;
}

#menu ul li li li a:hover span,
#menu ul li li li a.sel span
{ top:-2px;left:-12px; }

#menu ul li #recherche_mot_cle .input_text{
 margin-left:20px;
 margin-top:3px;
 width:100px;
 height:14px;
 border:1px solid #c2c2c2;
 font-size:0.9em;
 padding-top:1px;
 border:1px #555 inset;
}
#menu ul li #recherche_mot_cle .submit{
 border:none;
 color:#000000;
 background:#888888;
}
#menu ul li a.gestion_admin img{
 margin-bottom:-3px;
}
/*////////////////////////
 CHEMIN
////////////////////////*/

div#chemin, div#chemin_bas
{ height:20px; }

#chemin span,#chemin_bas span{
 color:#000000;
 font-weight:bold;
 padding-left:26px;
 padding-top:2px;
 display:block;
 float:left;
}
#chemin_bas span{
 color:#666;
}
#chemin ul,#chemin_bas ul{
 float:left;
 margin-left:5px;
 padding-top:2px;
}
#chemin ul li,#chemin_bas ul li{
 color:#000000;
 margin-left:4px;
}
#chemin_bas ul li{
 color:#666;
}
#chemin a,#chemin_bas a{
 color:#000000;
 font-weight:normal;
 text-decoration:underline;
}
#chemin_bas a{
 color:#666;
}
#chemin a:hover,#chemin_bas a:hover{
 text-decoration:none;
}


html #menu ul li .hors-ligne
{
 position:absolute;
 right:10px;
 top:1px;
 z-index:0;
 background:none; 
}
html #menu ul li a.hors-ligne
{ top:-1px; }
html #menu ul li li li a.hors-ligne
{ top:-8px; }

#menu ul li.menu_admin a
{
 background:url('../images/fond_menu_admin.png') 0 0 repeat-x;
 line-height:32px;
 height:32px;
 color:#fff;
 
 padding-left:33px;
}
#menu ul li.menu_admin a:hover,
#menu ul li.menu_admin a.sel
{ background:url('../images/fond_menu_admin_hover.png') 0 0 repeat-x; }

#menu ul li.menu_admin a span
{
 width:17px;
 height:16px; 
 top:8px;
 left:10px;
}

#menu ul li#menu_config_site
{ margin-top:23px; }

#menu ul li#menu_config_site a span
{ background:url('../picto/admin_config_site.png') 0 0 no-repeat; }
#menu ul li#menu_config_menu a span
{ background:url('../picto/admin_config_menu.png') 0 0 no-repeat; }
#menu ul li#menu_config_liens_pratiques a span
{ background:url('../picto/admin_config_liens_pratiques.png') 0 0 no-repeat; }


#contenu h1.titre_home
{
 margin-bottom:0;
 padding:0;
 text-align:center;
 width:29%;
}

#news_home
{
 float:right;
 width:29%;
 clear:right;
}
#paragraphe_home
{
/* float:left; */
 list-style-type:none;
 margin:0;
 padding:0;
}
.paragraphe_home_w_news
{ width:70%; }

#paragraphe_home li{
 margin-bottom:10px;
 padding:5px 25px 30px 25px;
 zoom:1;
}
#paragraphe_home li.rouge{
 background-color:#888888;
}

#paragraphe_home li h2{
 padding-left:20px;
 height:33px;
 font-size:1.8em;
 margin-bottom:20px;
 position:relative;
}
#paragraphe_home li.blanc h2{
 color:#888888;
}
#paragraphe_home li.rouge h2{
 color:#000000;
}

#paragraphe_home li.blanc p{
 color:#888888;
}
#paragraphe_home li.rouge p{
 color:#000000;
}
#paragraphe_home li a.savoir_plus{
 color:#000000;
 abackground:url('../images/packs/triangle/fleche_noir.png') 6px center no-repeat #888888;
 float:right;
 padding-left:20px;
 padding-right:6px;
 position:relative;
 text-decoration:none;
 font-weight:bold;
 margin-top:5px;
}
#paragraphe_home li.blanc a.savoir_plus{
 color:#000000;
 background-color:#888888;
}
#paragraphe_home li.rouge a.savoir_plus{
 color:#888888;
 background-color:#000000;
}

#paragraphe_home li a.savoir_plus span.picto
{
 position:absolute;
 left:4px;
 top:2px;
 background-image:url('../images/packs/triangle/fleche_noir.png');
 background-position:0 0;
 background-repeat:no-repeat;
 width:11px;
 height:11px;
 line-height:0;
 padding:0; 
}
#paragraphe_home li.rouge a.savoir_plus span.picto
{
 background-color:#888888; 
}
/*
#paragraphe_home li.blanc a.savoir_plus{
 color:#000000;
 float:right;
 background:url('../images/packs/triangle/fleche_noir.png') 6px center no-repeat #888888;
 padding-left:20px;
 padding-right:6px;
 position:relative;
 text-decoration:none;
 font-weight:bold;
 margin-top:5px;
}
#paragraphe_home li.rouge a.savoir_plus{
 color:#888888;
 float:right;
 padding-left:20px;
 padding-right:6px;
 position:relative;
 text-decoration:none;
 font-weight:bold;
 background:#000000;
}
#paragraphe_home li.rouge a.savoir_plus span
{
 position:absolute;
 top:0;
 left:5px;
 width:8px;
 height:15px;
 background:#888888 url('../images/savoir_plus_fond_noir.png') left center no-repeat;
}

#paragraphe_home li.rouge img.img_paragraphe,#paragraphe_home li.blanc img.img_paragraphe{
 float:left;
 margin-right:16px;
 border:3px solid #fff;
}
#paragraphe_home li.blanc img.img_paragraphe{
 float:none;
 margin-right:0px;
}
*/
#paragraphe_home p{
 margin-top:10px;
 margin-bottom:10px;
}
#cadre_hg_blanc,
#paragraphe_home li.rouge img
{
 float:left;
 padding-top:2px;
 margin-right:16px;
 position:relative;
}
#cadre_hg_blanc
{
 padding-top:5px;
 padding-left:5px;
 background:url('../images/cadre_img_home_hg.gif') top left no-repeat; 
}

#cadre_bd_blanc{
 background:url('../images/cadre_img_home_bd.gif') bottom right no-repeat;
 padding-bottom:5px;
 padding-right:5px;
}

#news_home ul{
 list-style-type:none;
 margin:0;
 padding:0;
 border-bottom:2px solid #e9e9e9;
 margin-bottom:7px;
}
#news_home ul li{
 margin-top:15px;
}
#news_home ul li h2{
 background:#0080c0;
 font-size:1.1em;
 color:#000000;
 margin-right:2px;
 position:relative;
 height:15px;
}

#news_home ul li h2 span.picto {
 position:absolute;
 top:2px;
 left:4px;
 width:11px;
 height:11px;
 background:url(../images/packs/triangle/fleche_noir.png) 0 0 no-repeat #0080c0;
 line-height:0;padding:0;
}

#news_home ul li h2 a,#news_home ul li h2 a:hover
{ margin-left:18px;text-decoration:none;color:#000000; }

#news_home ul li{ position:relative;padding-bottom:20px; }
#news_home ul li a.suite
{
 color:#0080c0;
 text-decoration:none;
 padding-top:3px;
 padding-right:5px;
 float:right;
}

#news_home ul li span.date{
 margin-left:18px;
 color:#5e5962;
}
#news_home ul li p{
 margin-left:18px;
 margin-right:13px;
 color:#807986;
}
#news_home ul li a.suite_news_home{
 color:#0080c0;
 font-weight:bold;
 float:right;
 margin-right:13px;
 margin-top:-10px;
}
#news_home a.toutes_news{
 background:url('../images/fleche_toutes_news.png') center left no-repeat;
 color:#807986;
 float:right;
 margin-right:10px;
 padding-left:13px;
 font-weight:bold;
 text-decoration:none;
}
#news_home a.toutes_news:hover{
 color:#0080c0;
 background:url('../images/fleche_toutes_news_on.png') center left no-repeat;
}
#img_home{
 float:left;
 margin-top:200px;
 margin-left:100px;
 border:1px solid #000;
}

/*************************
 * CALENDRIER
************************ 
#calendrier{
 text-align:center;
}
#calendrier a{
 color:#888888;
 text-decoration:none;
}
#calendrier_gauche{
 margin-right:5px;
}
#calendrier_droite{
 margin-left:5px;
}
#calendrier table{
 margin:auto;
}
#calendrier_jours th{
 color:#888888;
 font-weight:normal;
}
#calendrier_jours td{
 color:#888888;
}
#calendrier_jours td a{
 color:#fff;
 background-color:#888888;
 padding:2px 5px;
 font-weight:bold;
}
#calendrier_jours td a:hover{
 background-color:#0080c0;
}
*/

.coin_rouge
{ background-color:#888888; }


a
{ color:#888888; }
a:hover
{ color:#888888;text-decoration:none; }
#contenu div.associe2
{
 float:left;
 width:351px;
}
#contenu div.associe3
{
 float:left;
 width:196px;
}



#contenu h1
{
 background-color:#888888;
 color:#000000;
 float:right;
 font-size:2.4em;
 font-weight:normal;
 margin:0;
 padding:0 22px 2px 18px;
}

#contenu h2 
{
 font-size:1.2em;
 margin:0;
 padding:0;
}

div.paragraphe
{
 overflow:hidden;
 zoom:1;
 padding-left:30px;
 padding-right:30px;
 padding-top:20px;
 padding-bottom:20px;
 margin-bottom:10px;
}

#contenu div.paragraphe h2
{
 padding-top:5px;
}

#contenu div.paragraphe h2.separateur_paragraphe
{
 border-bottom:1px dashed #bcbcbc;
/* color:#000;
 padding-top:10px;
 position:static;
 float:none;*/
}

#contenu ul.images,
#contenu ul.images_gauche,
#contenu ul.images_droite,
#contenu ul.galerie_photo
{
 margin:0;
 padding:0;
 border:0;
 list-style-type:none;
}

#contenu ul.images_gauche,.float_left{
 float:left;
}
#contenu ul.images_droite,.float_right{
 float:right;
}
#contenu ul.images_gauche img{
 margin-right:10px;
 float:none;
}
#contenu ul.images_droite img{
 margin-left:10px;
 float:none;
}
#contenu ul.galerie_photo li{
 float:left;
}
#contenu ul.galerie_photo li img{
 margin-left:10px;
}
#contenu img.img_principale_galerie{
 margin:10px;
}
#contenu ul.lien,#contenu ul.document{
 clear:both;
}
ul.lien,ul.document{
 padding:0;
 margin:0;
 margin-top:10px;
 list-style-type:none;
}
ul.lien li a,ul.document li a,#contenu p.principal a{
 color:#000;
}
ul.lien li a,ul.document li a{
 font-weight:bold;
}
ul.document li a.vignette{
 float:left;
 margin-right:10px;
 margin-bottom:10px;
}
#contenu p.premier{
 margin-top:20px;
}

#contenu p{
 margin:0;
 padding:0;
 color:#444;
}
#contenu p,#contenu ul.editeur,#contenu ol.editeur{
 font-size:1em;
}
#contenu table.tableau{
 border-collapse:collapse;
 border-bottom:5px solid #888888;
}
#contenu table.tableau th{
 background-color:#888888;
 color:#000000;
 border-right:1px solid #fff;
}
#contenu table.tableau td{
 color:#5e5962;
 border-right:1px solid #e9e9e9;
}
#contenu table.tableau td.dernier{
 border-right:0;
}
#contenu table.tableau th.premier{
 background:url('../images/coin_tableau_hg.png') top left no-repeat #888888;
}
#contenu table.tableau th.dernier{
 background:url('../images/coin_tableau_hd.png') top right no-repeat #888888;
 border-right:0;
}
#contenu table.tableau td,#contenu table.tableau th{
 /*border:1px solid #444;*/
 padding:3px 10px;
}
#contenu table.tableau tr.impair{
 background-color:#e9e9e9;
}

#cadre_hg_blanc .coin_bg,
#cadre_hg_blanc .coin_hd
{
 width:8px;
 height:8px;
}


.coin_hg,
.coin_hd,
.coin_bg,
.coin_bd
{ position:absolute;width:1px;height:1px;margin:0;padding:0;line-height:1px;overflow:hidden; }

.coin_blanc
{ background:#fff; }
.coin_rouge
{ background:#888888; }

.coin_hg{
 top:0;
 left:0;
}
.coin_hd{
 top:0;
 right:0px;
}
.coin_bg{
 bottom:0;
 left:0;
}
.coin_bd{
 bottom:0;
 right:0;
}

.coin_hg_bordure{
 position:absolute;
 top:-1px;
 left:-1px;
}
.coin_hd_bordure{
 position:absolute;
 top:-1px;
 right:-1px;
}
.coin_bg_bordure{
 position:absolute;
 bottom:-1px;
 left:-1px;
}
.coin_bd_bordure{
 position:absolute;
 bottom:-1px;
 right:-1px;
}

ul#plan
{
 list-style-type:none;
 margin:0;
 padding:0;
 margin-left:30px;
}

ul#plan ul{
 list-style-type:none;
 margin:0;
 padding:0;
}
ul#plan ul ul{ margin-left:20px; }

ul#plan li
{ position:relative; }

ul#plan a
{
 text-decoration:none;
 color:#5e5962;
 padding-left:15px;
}
#plan a:hover{
 color:#0080c0;
 background:none;
 /*background:url('../images/fleche_lien_verte.png') center left no-repeat;*/
}

#plan a span{
 position:absolute;
 left:0;
 top:2px;
 width:7px;
 height:13px;
 background:url('../images/fleche_lien_grise.png') center left no-repeat;
}
#plan a:hover span{
 background:#0080c0 url('../images/fleche_lien_verte.png') center left no-repeat;
}


#contenu .couleur_form
{
 min-height:20px;
 padding:0; 
}

#credits a.image
{ float:left;height:55px;padding-top:10px; }


a.retour_news
{
 color:#888888;
 text-decoration:none;
 font-size:1.1em;
 padding-left:20px;
}
a.retour_news:hover
{
 color:#0080c0;
}

div#color1,div#color2
{ z-index:5; }


/* style tableau */
div.table_s
{
 position:relative;
 margin:5px 15px 20px;
}
table.table_s
{
 width:100%;
 border:0;
 border-collapse:collapse;
}

.table_s th,
.table_s td
{
 border:1px solid #f4f4f4;
 border-bottom:2px solid #fff;
 background:#e9e9e9;
 text-align:center;
 height:45px;
}
.table_s td.total
{ background:#ffe44f; }

.table_s th,
.table_s thead td
{
 color:#000000;
 background:#888888;
 height:26px;
}
.table_s tfoot td
{
 background:#888888;
 height:5px;
}

.table_s .hg,
.table_s .hd
{
 position:absolute;
 top:0;
 width:8px;
 height:7px;
}
.table_s .hg
{
 left:0;
 background:url(../images/coin_tableau_hg.png) no-repeat 0 0;
}

.table_s .hd
{
 right:0;
 background:url(../images/coin_tableau_hd.png) no-repeat 0 0;
}

.table_s td input
{ background:#c2bfa5; }
.table_s td select
{ background:#e1e0d2; }
.table_s td select.right
{ text-align:right; }
a.invisible{
 text-decoration:none;
}

#plan img
{ display:none; }


div#actus
{ clear:right;margin:20px;padding-top:5px; }

#contenu div.premiere_news
{
 padding-bottom:10px;
 border-bottom:2px #0080c0 solid;
}

#contenu div.premiere_news h2
{
 color:#000000;
 font-size:2em;
 text-transform:uppercase;
 border-bottom:2px #0080c0 solid;
}
#contenu div.premiere_news h2 a
{
 position:relative;
 background-color:#0080c0;
 color:#000000;
 text-decoration:none;
 padding-left:20px;
 padding-right:60px;
 margin:0;
}
#contenu div.premiere_news h2 a .coin_hd{ right:7px; }

#contenu div.premiere_news h2 .picto
{
 position:absolute;
 top:10px;
 left:4px;
 width:11px;
 height:11px;
 background:url(../images/packs/triangle/fleche_noir.png) 0 0 no-repeat #0080c0;
 line-height:0;padding:0;
}

#contenu div.premiere_news h3
{
 font-size:1em;
 margin-bottom:5px;
 margin-top:10px; 
}

#contenu div.premiere_news h3.titre_news,
#contenu div.premiere_news h3 a{
 color:#888888;
 background:url('../images/deco_h2_0.html') top left no-repeat;

 height:28px;
 font-size:1.8em;
 text-decoration:none;
}

.premiere_news p a
{
 color:#0080c0;
 text-decoration:none;
}
#aff_news p a:hover,
.premiere_news p a:hover{
 color:#5a5962;
 text-decoration:none;
}



#aff_news{
 list-style-type:none;
 margin:0;
 padding:0;
}
#aff_news li{
 width:48%;
 float:left;
 padding-top:10px;
 border-bottom:2px solid #e9e9e9;
 height:110px;
}
#aff_news li.autre_news{
 min-height:130px;
}
#aff_news li.pair{
 margin-right:3%;
}
#aff_news p a,
.premiere_news p.pachapeau a
{
 color:#5a5962;
 text-decoration:none;
}
#aff_news p a:hover{
 color:#0080c0;
 text-decoration:none;
}
#aff_news h3
{ font-size:1em; }
h3.titre_news,
#aff_news h3 a{
 color:#888888;
 background:url('../images/deco_h2_0.html') top left no-repeat;
 padding-left:20px;
 height:28px;
 font-size:1.8em;
 margin-bottom:20px;
 margin-top:5px;
 text-decoration:none;
}
#aff_news h2 a{
 color:#000000;
 background:url('../images/packs/triangle/fleche_noir.png') 5px center no-repeat #0080c0;
 display:inline;
 position:relative;
 padding-left:20px;
 padding-right:22px;
 text-decoration:none;
}
span.date_news,span.date_news a{
 color:#5e5962;
 text-decoration:none;
}
#aff_news li p.premier_txt{
 color:#888888;
}
#aff_news li p{
 color:#807986;
}


a.suite_news{
 text-decoration:none;
 color:#444;
/* position:absolute;
 right:5px;
 bottom:5px;*/
}
a.suite_news:hover{
 color:#0080c0;
}

#cont_chapeau
{
 margin-left:30px;
 position:relative;
}

#cont_chapeau #chapeau
{
 border-left:8px solid #888888;
 padding-left:14px;
 font-size:1.1em;
}

#cont_chapeau img
{
 position:absolute;
 left:0;
}

#cont_chapeau p.date_news
{
 color:#888888;
 font-weight:bold;
 padding-bottom:15px;
 padding-top:3px;
}

#contenu p.chapeau_news
{
 padding-bottom:3px;
 color:#616161;
 padding-right:30px;
}



/* SLIMBOX */

#lbOverlay {
 position: absolute;
 z-index: 9999;
 left: 0;
 width: 100%;
 background-color: #000;
 cursor: pointer;
}

#lbCenter, #lbBottomContainer {
 position: absolute;
 z-index: 9999;
 left: 50%;
 overflow: hidden;
 background-color: #fff;
}

.lbLoading {
 background: #fff url(../images/loading.gif) no-repeat center;
}

#lbImage {
 position: absolute;
 left: 0;
 top: 0;
 border: 10px solid #fff;
 background-repeat: no-repeat;
}

#lbPrevLink, #lbNextLink {
 display: block;
 position: absolute;
 top: 0;
 width: 50%;
 outline: none;
}

#lbPrevLink {
 left: 0;
}

#lbPrevLink:hover {
 background: transparent url(../images/prevlabel.gif) no-repeat 0% 15%;
}

#lbNextLink {
 right: 0;
}

#lbNextLink:hover {
 background: transparent url(../images/nextlabel.gif) no-repeat 100% 15%;
}

#lbBottom {
 font-family: Verdana, Arial, Geneva, Helvetica, sans-serif;
 font-size: 10px;
 color: #666;
 line-height: 1.4em;
 text-align: left;
 border: 10px solid #fff;
 border-top-style: none;
}

#lbCloseLink {
 display: block;
 float: right;
 width: 66px;
 height: 22px;
 background: transparent url(../images/closelabel.gif) no-repeat center;
 margin: 5px 0;
 outline: none;
}

#lbCaption, #lbNumber {
 margin-right: 71px;
}

#lbCaption {
 font-weight: bold;
}


/* METAS */
div#conteneur_tuto,
div#conteneur_meta
{
 position:absolute;
 left:0;top:0;
 margin:0;
 padding:0;
 display:none;
 z-index:4;
 
 height:1px;
 width:100%;
}
#tuto,
#meta{
 background-color:#fff;
 padding:0;
 margin:0;
 margin-left:220px;
 position:relative;
 aheight:190px;
 padding:10px;
 z-index:2;
 border-bottom:1px #000 solid;
}

div#meta label
{
 color:#666;
 background:url(../picto/losange_gris.png) 0 5px no-repeat;
 padding-left:7px;
}
div#meta label span
{ font-weight:bold; }

div#meta input.txt,
div#meta textarea
{
 color:#666;
 background:#efefef;
 border:1px #dfdfdf solid;
 width:95%;
 margin-bottom:15px;
}
div#meta textarea
{ height:40px; }

div#submmit
{
 text-align:center;
 width:90%;
}
div#submmit .enreg,
div#submmit #retour_meta,
.config_content .enreg
{
 display:inline-block;
 width:100px;
 line-height:24px;
 
 color:#666;
 text-decoration:none;
 font-size:12px;
 font-weight:bold;

 cursor:pointer;
 height:28px;
 border:none;
 padding-left:17px;
 background:url('../images/bloc_valider.png') 0 4px no-repeat;
 margin-right:14px;
}
.config_content .enreg2
{
 background:url('../images/bloc_valider2.png') 0 4px no-repeat;width:110px;
}
div#submmit #retour_meta
{
 background:url('../images/bloc_annuler.png') 0 4px no-repeat;
}
/* ## fin metas ## */

ul#ul_menu_admin_site
{
 margin:0;
 margin-top:1px;
 height:32px;
 line-height:32px;
 background:transparent url(../images/fond_menu_admin.png) repeat-x scroll 0 0;
}
ul#ul_menu_admin_site li
{
 height:32px;
 line-height:32px;
 padding:0;
 zoom:1;
}

ul#ul_menu_admin_site li.sel
{
 background:#fff;
}
ul#ul_menu_admin_site li a
{
 display:block;
 color:#fff;
 position:relative;
 padding-left:27px;
 padding-right:10px;
 height:32px;
 line-height:32px;
 background:url('../picto/fleche_bas.png') center 26px no-repeat;
}
ul#ul_menu_admin_site li a:hover,
ul#ul_menu_admin_site li.sel a
{
 color:#7e3aa3;
 background:url('../picto/fleche_bas_hover.png') center 26px no-repeat;
}
ul#ul_menu_admin_site li a span
{
 position:absolute;
 line-height:1px;
 padding:0;margin:0;
 height:17px;
 width:17px;
 top:7px;
 left:7px;
}

#menu_admin_compte a span
{ background:url('../picto/admin_compte.png') 0 0 no-repeat; }
#menu_admin_utilisateurs a span
{ background:url('../picto/admin_utilisateurs.png') 0 0 no-repeat; }
#menu_admin_personnalisation a span
{ background:url('../picto/admin_personnalisation.png') 0 0 no-repeat; }


h1#config_titre
{
 float:right;
 width:180px;
 height:60px;
 text-align:center;
 color:#aaa;
 font-size:2em;
 background:url('../images/config_logo_loc-nex.png') bottom center no-repeat;
}

div#config_sommaire
{
 padding-left:11px;
}
div#config_sommaire h2
{
 color:#aaa;
 border-bottom:1px #aaa solid;
 width:175px;
}
div#config_sommaire ul
{
 list-style:none;
 padding-left:0;
}
div#config_sommaire ul li a
{
 padding-left:14px;
 color:#7e3aa3;
 text-decoration:none;
}
div#config_sommaire ul li a:hover,
div#config_sommaire ul li a.sel
{
 color:#a500ff;
 background:url('../picto/config_fleche_sommaire.png') 2px center no-repeat; 
}

#contenu .config_content h2
{
 border-bottom:1px #aaa solid;
 color:#666;
 height:30px;
 clear:left;
 padding-left:10px;
 margin-bottom:10px;
}
.config_content h2 span
{
 float:left;
 display:block;
 height:29px;
 line-height:30px;
 border:1px #aaa solid;
 border-bottom:none;
 
 padding:0 16px;
 background:url('../images/config_bg_h2.png') 0 0 repeat-x; 
}

.config_content ul.config_content_ul
{
 list-style:none;
 padding-left:0;
 color:#666;
}
.config_content ul.config_content_ul li
{
 padding-left:30px;
 background:url('../picto/config_puce_list_content.png') 20px 10px no-repeat;
 padding-bottom:14px; 
}
.config_content ul.config_content_ul li label
{ color:#666; }

.config_content ul.config_content_ul li .text
{
 width:202px;
 height:14px;
 
 padding:4px;
 border:1px #aaa solid;
}
.config_content ul.config_content_ul li .textar
{
 margin-left:90px;
 width:412px;
 height:42px;
}
.config_content ul.config_content_ul li .upld
{
 width:202px;
 aheight:20px;
 margin-right:25px;
 border:1px #aaa solid;
}

.config_content ul.config_content_ul li .div_admin
{ position:relative; }

.config_content ul.config_content_ul li fieldset
{
 background:#efefef;
 border:1px #aaa solid;
 
 margin-right:190px;
 padding:10px 15px 0 15px;
}

#contenu .config_content .warning
{
 display:inline-block;
 padding-left:25px;
 line-height:18px;
 background:url(../picto/warning.png) 0 0 no-repeat;
 color:#444;/*#ff0000;*/ 
}
#contenu .config_content ul.config_content_ul li fieldset .warning
{
 background:url(../picto/warning.png) 0 2px no-repeat;
 float:right;
 width:175px;
}
#contenu .config_content ul.config_content_ul li .warning_marg_left
{ margin-left:10px; }

.config_content .label_fixed
{
 float: left;
 clear:left;
 width:85px;
 text-align:right;
 line-height:22px;
 padding-right:10px;
}
.config_content .label_left
{ text-align:left; }
.config_content .label_extended
{ width:115px; }

.config_content ul.config_content_ul li fieldset .text
{ margin-bottom:10px; }

.config_content ul.config_content_ul li #submit_login
{
 position:absolute;
 right:14px;
 bottom:0;
}

.config_content #modif_modules
{
 width:350px;
 margin:20px;
}
.config_content #modif_modules thead
{ color:#666; }
.config_content #tableau_modules
{ border-collapse:collapse;width:100%; }

.config_content #tableau_modules tr.odd td
{ background:#cdcdcd; }

.config_content #tableau_modules td
{ border:1px #fff solid; }

.config_content #tableau_modules td.activ
{
 text-align:center;
 width:45px;
}
.config_content #tableau_modules tr td.help
{ border:none;background:#fff;width:10px; }
.config_content #tableau_modules td label
{ color:#000; }


h3.choix_etap1,
h3.choix_etap2
{
 margin:0;padding:0;
 margin-bottom:6px;
 height:24px;
 line-height:24px;
 padding-left:30px;
 color:#aaa;
 font-weight:normal;
 font-size:1.5em;
}
h3.choix_etap1
{ background:url(../picto/etape1_grey.png) 0 0 no-repeat; }
h3.choix_etap2
{ background:url(../picto/etape2_grey.png) 0 0 no-repeat;margin-top:10px; }

img#apercu_design
{ border:2px #686868 solid;margin-bottom:10px; }

.ul_fond_grey
{
 padding-top:20px;
 padding-bottom:25px;
 background:#efefef;
 margin-bottom:15px;
}

a#apercu_design_a
{
 background:url(../images/bloc_pevisu.png) 0 0 no-repeat;
 color:#666;
 display:block;
 font-weight:bold;
 height:28px;
 width:95px;
 line-height:24px;
 padding-left:29px;
 text-decoration:none;
 float:right;
}

div#list_designs
{
 float:left;
 width:375px;
 height:481px;
 border-top:1px #555 solid;
 border-bottom:1px #555 solid;
 background:#c5c5c5;
}
div#list_designs ul li
{
 margin:18px;
 text-align:center;
 font-weight:bold;
 color:#fff;
 cursor:pointer;
}
div#list_designs ul li img
{ border:3px #fff solid; }

div#list_designs ul li:hover,
div#list_designs ul li.sel
{ background:#7e3aa3; }

div#list_designs ul li:hover img,
div#list_designs ul li.sel img
{ border:3px #7e3aa3 solid; }

div#apercu_design_div
{
 float:left;
 padding-left:10px;
}


ul.gestion_puces li
{
 width:24px;
 height:52px;
 background:#c5c5c5;
 
 margin-right:2px;
 text-align:center;
}
ul.gestion_puces li img
{ margin-left:2px; }

ul.gestion_puces li#gestion_puce_perso
{
 margin-top:3px;
 width:97%;
 height:78px;
 text-align:left;
 padding:5px;
 color:#666;
}
ul.gestion_puces li#gestion_puce_perso label{ color:#666; }

ul.gestion_puces li#gestion_puce_perso #r_puce_perso,
ul.gestion_puces li#gestion_puce_perso .warning
{ margin-left:35px; }


table.gestion_puces td
{
 margin:0;padding:0;
 width:24px;
 height:52px;
 background:#c5c5c5;
 
 margin-right:2px;
 text-align:center;
}
table.gestion_puces td.pack
{
 width:17px;
 height:20px;
}
table.gestion_puces td.nom,
table.gestion_puces td.nom label
{ width:100px;color:#666; }

table.gestion_puces td img
{ margin-bottom:8px; }


span.expert
{
 color:#7e3aa3;
 background:url(../picto/etoile_violette.png) 0 0 no-repeat;
 padding-left:20px;
}

#config_msgs
{ margin:10px; }

/*form.form_admin_ob label
{
 display:block;
 width:100px;
 float:left;
 text-align:right;
 padding-right:5px;
 line-height:15px;
 color:black;
}

form.form_admin_ob input.text
{ width:200px; }
form.form_admin_ob input.nbr
{ width:20px;text-align:center; }

div#open_barre h2
{
 padding-top:20px;
}

div#open_barre h3
{
 font-size:1em;
}
#color1 label,
#color2 label
{
 color:#000;
}

div#apercu_design_div
{
 width:401px;
 height:237px;
 display:table-cell;
 margin:auto;
 vertical-align:middle;
 text-align:center;
 border:1px #000 solid;
}

div#open_barre
{ padding:10px; }

.presente_puce
{ background:#000;margin:2px; }

#apercu_design_a
{
 color:#000;
}
*/


.form_contenu input,.form_contenu textarea{
 margin:0;
 padding:2px;
 color:#000;
 text-decoration:none;
 background-color:#fff;
}
.form_contenu textarea{
 width:265px;
 height:70px;
}
.form_contenu label,
.couleur_form label{
 display:block;
 float:left;
 clear:left;
 width:180px;
 font-weight:bold;
 padding-right:15px;
 text-align:right;
 /*height:25px;*/
 line-height:25px;
}
.form_contenu input.envoyer{
 border:0;
 padding:0;
 padding-left:30px;
 height:22px;
 line-height:22px;
 margin:2px;
 float:left;
 color:#000000;
 display:block;
 text-decoration:none;
 text-align:left;
}
.form_contenu input.envoyer{
 background:#888888;
 padding-left:5px;padding-right:5px;
 font-weight:bold;
}
#contenu div.paragraphe{
 padding-top:0px;
 margin-bottom:0px;
 overflow:hidden;
}
#mail_envoye{
 background:url('../picto/mail-forward.png') top left no-repeat;
 line-height:22px;
 padding-left:25px;
 font-size:1.2em;
 display:block;
 font-weight:bold;
}
#msg_erreur{
 font-weight:bold;
 color:#ff0000;
}

span.conteneur_radio
{ float:left; }


#contenu .couleur_0,#contenu .style_couleur0,.coin_fond_0
{ background-color:#fff; }
#contenu .couleur_0 h2,
#contenu .couleur_ h2
{
 position:relative;
 color:#888888;
 padding-left:20px;
 height:28px;
 font-size:1.8em;
 margin-bottom:20px;
}

.couleur_ span.titre_para_h2,
.couleur_0 span.titre_para_h2,
li.blanc span.titre_para_h2,
#aff_news h3 a span
{
 position: absolute;
 left:0;
 background:url('../images/puces/carre_blanc.png') center left no-repeat #888888;
 width:17px;
 height:26px;
}

li.rouge span.titre_para_h2,
.couleur_1 span.titre_para_h2
{
 position:absolute;
 left:0;
 background:url('../images/puces/carre_noir.png') center left no-repeat #888888;
 width:17px;
 height:26px;
}

label,
#contenu .couleur_0 p,
#contenu .couleur_0 a,
#contenu div.couleur_0 ul,
ul#resultat_recherche a
{ color:#888888; }
#contenu .couleur_0 h3.doc_telecharger
{
 color:#888888;
 border-bottom:1px solid #888888;
 font-size:1.1em;
 margin-bottom:0;
}

#contenu .couleur_0 ul.document li a:hover,#contenu .couleur_0 ul.lien li a:hover,#contenu div.couleur_0 p a:hover
{ color:#0080c0; }
#contenu .couleur_0 ul.document li a,
#contenu .couleur_0 ul.lien li a
{
 position: relative;
 padding-left:20px;
}
#contenu .couleur_0 ul.document li a span
{
 position:absolute;
 top:2px;left:2px;
 width:11px;height:15px;
 background:url('../images/packs/triangle/document_trans.png') center left no-repeat #888888;
}
#contenu .couleur_0 ul.document li a:hover span
{ background:url('../images/packs/triangle/document_trans.png') center left no-repeat #0080c0; }
#contenu .couleur_0 ul.lien li a span
{
 position:absolute;
 top:2px;left:2px;
 width:11px;height:11px;
 background:url('../images/packs/triangle/fleche_trans.png') center left no-repeat #888888;
}
#contenu .couleur_0 ul.lien li a:hover span
{ background:url('../images/packs/triangle/fleche_trans.png') center left no-repeat #0080c0; }

#contenu .couleur_1,#contenu .style_couleur1,.coin_fond_1
{ background-color:#888888; }
#contenu .couleur_1 h2
{
 position:relative;
 color:#000000;
 padding-left:20px;
 height:26px;
 font-size:1.8em;
 margin-bottom:20px;
}
#contenu .couleur_1 p,#contenu .couleur_1 a,#contenu div.couleur_1 p a,#contenu div.couleur_1 ul
{ color:#000000; }
#contenu .couleur_1 ul.images_droite img,#contenu .couleur_1 ul.images_gauche img,#contenu .couleur_1 ul.images img,#contenu .couleur_1 ul.galerie_photo img
{ border:1px solid #fff; }
#contenu .couleur_1 h3.doc_telecharger
{
 color:#000000;
 border-bottom:1px solid #000000;
 font-size:1.1em;
 margin-bottom:0;
}

#contenu .couleur_1 ul.document li a:hover,#contenu .couleur_1 ul.lien li a:hover,#contenu div.couleur_1 p a:hover
{ color:#0080c0; }
#contenu .couleur_1 ul.document li a,
#contenu .couleur_1 ul.lien li a
{
 position: relative;
 padding-left:20px;
}
#contenu .couleur_1 ul.document li a span
{
 position:absolute;
 top:2px;left:2px;
 width:11px;height:11px;
 background:url('../images/packs/triangle/document_noir.png') center left no-repeat #888888;
}
#contenu .couleur_1 ul.document li a:hover span
{ background:url('../images/packs/triangle/document_noir.png') center left no-repeat #0080c0; }
#contenu .couleur_1 ul.lien li a span
{
 position:absolute;
 top:2px;left:2px;
 width:11px;height:11px;
 background:url('../images/packs/triangle/fleche_noir.png') center left no-repeat #888888;
}
#contenu .couleur_1 ul.lien li a:hover span
{ background:url('../images/packs/triangle/fleche_noir.png') center left no-repeat #0080c0; }

#contenu table.table_s a:hover
{ color:#0080c0; } 

ul#resultat_recherche
{
 padding:20px;
 padding-right:0;
}
ul#resultat_recherche li
{ position:relative;padding-bottom:20px; }
ul#resultat_recherche li p
{ padding-left:5px; }
ul#resultat_recherche h3
{
 background:#888888 url(../images/packs/triangle/fleche_noir.png) no-repeat scroll 3px center;
 font-size:1.6em;
 font-weight:normal;
 height:1.6em;
 line-height:1.6em;
 padding-left:17px;
}
ul#resultat_recherche h3 a
{ color:#000000; }
ul#resultat_recherche li a.plus
{
 position:absolute;
 left:5px;
 bottom:5px;
 font-weight: bold;
}

.pagination
{ position:absolute;left:250px; }
ul.pagination a
{ color:#0080c0; }

p.footer_perso
{
 text-align:center;
 color:#000000;
 /*display:table-cell;
 vertical-align:middle;*/
}

p.footer_perso a
{ color:#000000; }
p.footer_perso a:hover
{ color:#000000; }


/***
 * - mooRainbow: defaultCSS
 * author: w00fz <w00fzIT@gmail.com>
 */

#mooRainbow { font-size: 11px; color: #000; }

.moor-box {
 width: 390px; 
 height: 310px; 
 border: 1px solid #636163; 
 background-color: #f9f9f9;
}
.moor-overlayBox {
 width: 256px; /* Width and Height of the overlay must be setted here: default 256x256 */
 height: 256px; 
 margin-top: 9px; 
 margin-left: 9px;
 border: 1px solid #000;
}
.moor-slider {
 border: 1px solid #000;
 margin-top: 9px; 
 margin-left: 280px;
 width: 19px; /* if you want a bigger or smaller slider... */
 height: 256px;
}
.moor-colorBox {
 border: 1px solid #000; 
 width: 59px; 
 height: 68px; 
 margin-top: 20px; 
 margin-left: 315px;
}
.moor-currentColor { /* Bottom Box Color, the backup one */
 margin-top: 55px; 
 margin-left: 316px; 
 width: 59px; 
 height: 34px;
}
.moor-okButton {
 font-family: Tahoma;
 font-weight: bold;
 font-size: 11px;
 margin-top: 278px;
 margin-left: 8px;
 background: #e6e6e6;
 height: 23px;
 border: 1px solid #d6d6d6;
 border-left-color: #f5f5f5;
 border-top-color: #f5f5f5;
}
#mooRainbow label {
 font-family: mono;
}
/* Following are just <label> */
.moor-rLabel {
 margin-top: 100px;
 margin-left: 315px;
}
.moor-gLabel {
 margin-top: 125px;
 margin-left: 315px;
}
.moor-bLabel {
 margin-top: 150px;
 margin-left: 315px;
}
.moor-HueLabel {
 margin-top: 190px;
 margin-left: 315px;
}
span.moor-ballino { /* Style hue ° (degree) !! */
 margin-top: 190px;
 margin-left: 370px;
}
.moor-SatuLabel {
 margin-top: 215px;
 margin-left: 315px;
}
.moor-BrighLabel {
 margin-top: 240px;
 margin-left: 315px;
}
.moor-hexLabel {
 margin-top: 275px;
 margin-left: 280px;
}

/* <input> */
.moor-rInput, .moor-gInput, .moor-bInput, .moor-HueInput, .moor-SatuInput, .moor-BrighInput { 
 width: 30px;
}
.moor-hexInput {
 width: 55px;
}
.moor-cursor {
 background-image:url(../images/moor_cursor.gif);
 background-repeat:no-repeat; 
 width: 12px;
 height: 12px;
}
.moor-arrows {
 background-image:url(../images/moor_arrows.gif);
 background-repeat:no-repeat;
 top: 9px; 
 left: 270px;
 width: 41px;
 height: 9px;
}
.moor-chooseColor { /* Top Box Color, the choosen one */
 margin-top: 21px; 
 margin-left: 316px; 
 width: 59px; 
 height: 34px;
}


.nexslide{
 position:relative;
 width:400px;
 overflow:hidden;
}
.nexslide ul{
 margin:0;
 padding:0;
 list-style-type:none;
 width:9999px;
 height:300px;
 position:relative;
 padding-top:20px;
}
.grand ul{
 height:382px;
}
.nexslide li{
 margin:0;
 padding:0;
 float:left;
 width:400px;
 height:300px;
 position:relative;
 overflow:hidden;
}
.grand li{
 width:300px;
 height:382px;
}
.nexslide li img{
 margin:0 auto;
 padding:0;
 display:block;
}
.nexslide li span{
 zoom:1;
 background-color:#000;
 opacity:1;
 filter:alpha(opacity=100);
 display:block;
 width:100%;
 position:absolute;
 bottom:0;
 left:0;
 line-height:25px;
}
/*.nexslide li:hover span{
 display:none;
}*/
#contenu .nexslide li span p{
 margin:0;
 padding:0;
 padding:0 1em;
 color:#fff;
 font-weight:bold;
}
.nexslide a{
 color:#000;
}
.nexslide a.prec{
 float:left;
 position:absolute;top:0;left:0;
}
.nexslide a.suiv{
 float:right;
 position:absolute;top:0;right:0;
}




/*///////////////////////////////////////*/



div.galerie
{ position:relative; }

div.galerie_fade
{
 width:100%;
 height:100%;
 display:inline-block;
 vertical-align:middle;
 text-align:center;
 position:absolute;
 top:0;
 left:0;
 z-index:1;
 opacity:0;
}




/*///////////////////////////////////////*/
.galerie{
 /*padding:20px 30px;*/
 margin:4px 0 0 0;
/* border:1px solid #e1e1e1;*/
 position:relative;
 height:400px;
 width:400px;
}

.ns_mask,
.box span
{
 width:400px;
 height:300px;
}
.ns_mask{
 position:absolute;
 overflow:hidden;
}

.box{
 position:absolute;
}
.box span{
 display:block;
 float:left;
 width:400px;
 height:300px;
 vertical-align:middle;
}

.box span img{
 margin:auto;
}

.box_thumbs{
 position:absolute;
 width:400px;
 clear:both;
 height:41px;
 overflow:hidden;
 margin:auto; 
 top:325px;
 left:0;
 padding:0; 
}
.box_thumbs .thumbs, 
.thumbs_handles, 
.thumbs_mask{
 position:absolute;
 top:0;
 width:100%;
 height:41px;
}
.box_thumbs .thumbs div, 
.thumbs_handles span{
 display:block;
 width:50px;
 height:41px;
 margin:0;
 float:left;
 cursor:pointer;
 overflow:hidden;
}
.box_thumbs .thumbs div img{
 width:54px;
 float:right;
}
.thumbs_handles span{
 background:url(../images/thumb_invisible.gif) no-repeat;
}
.thumbs_mask{
 width:1200px;
 background:url(../images/thumbs_mask.gif) no-repeat center top;
}

/* ********************************** */

.thumbs{
 width:50px;
}
.thumbs div{
 display:block;
 width:50px;
 height:41px;
 margin:3px 0;
 cursor:pointer;
}

.thumbs div img{
 display:block;
 width:100%;
 height:100%;
 border:none
}


span img{
 display:block;
 border:none;
}

.buttons
{
 text-align:center;
}

.buttons span
{
 margin-right:20px;
 cursor:pointer;
}


#contenu .paragraphe .info{
 width:400px;
 height:50px;
 background:#000;
 position:absolute;
 bottom:0;
}
#contenu .paragraphe .info p,
#contenu .paragraphe .info h4{
 margin:0; 
 color:#fff;
 padding:3px 8px;
 font-family:Arial;
}
#contenu .paragraphe .info h4{
 font-size:14px;
}
#contenu .paragraphe .info h4 a{
 float:right;
 background:#fff;
 color:#000;
 font-size:10px;
 padding:0 3px;
 text-decoration:none
}


.picto_aide
{
 display:block;
 width:16px;
 height:16px;
 background:url(../picto/inter.gif) no-repeat 0 0;
}

.popup
{
 padding:10px;
 border:1px #000 solid;
 background:#fff;
}

.picto_aide .popup
{ display:hidden; }
.picto_aide:hover .popup
{ display:block; }


.tutorial_etape
{
 position:absolute;
 width:22px;
 height:22px;
 display:none;
}

#etape0
{ top:-150px;left:160px; }
#etape1
{ top:0;left:-1px; }
#etape2a
{ top:1px;left:-1px; }
#etape2b
{ top:62px;right:245px;z-index:4;display:block; }
#etape3
{ top:72px;right:34px;z-index:4;display:block; }
#etape4
{ bottom:144px;right:245px;z-index:4;display:block; }
#etape5
{ top:10px;right:260px;display:block; }
#etape5b
{ top:134px;right:245px;z-index:4;display:block; }

.tutorial
{
 padding:20px;
 clear:right;
}

.tutorial h2
{
 color:#888888;
 padding-left:50px;
 height:28px;
 font-size:1.8em;
 margin-bottom:20px;
}

.tutorial p
{
 font-size:1em;
 color:#888888;
}

.tutorial a
{
}

body .tuto_aide
{
 padding:10px;
 border:1px #000 solid;
 background:#fff;
}

#tuto_openbarre
{
 position:absolute;
 left:620px;
 top:150px;
 width:140px;
}
.tuto_ob_slide_in
{ display:none; }
#tuto_admin
{ display:inline; }

#tuto_menu
{
 position:absolute;
 left:450px;
 top:110px;
 width:140px;
}

#tuto_page_online
{
 position:absolute;
 left:5px;
 top:32px;
 width:240px;
 z-index:4;
}

#tuto_page_edit_para
{
 position:absolute;
 right:20px;
 top:50px;
 width:240px;
}

#tuto_page_img
{
 position:absolute;
 right:20px;
 bottom:275px;
 width:240px;
}

#tuto_page_doc
{
 position:absolute;
 right:20px;
 bottom:110px;
 width:240px;
}

#tuto_page_lien
{
 position:absolute;
 right:20px;
 bottom:75px;
 width:195px;
}

#tuto_news
{
 position:absolute;
 right:20px;
 bottom:468px;
 width:250px;
}

#tuto_page_tableau
{
 position:absolute;
 right:20px;
 top:38px;
 width:250px;
}

#tuto_page_sep
{
 position:absolute;
 right:20px;
 top:38px;
 width:250px;
}

#tuto_page_form
{
 position:absolute;
 right:20px;
 top:10px;
 width:250px;
}


#site_neuf
{
 width:80%;
 height:100%;
 padding-top:50px;
 font-size:2.2em;
 text-align:center;
 color:#0080c0;
}