/* oO oO oO oO oO oO oO oO oO oO oO oO
--------------------------------------
   v2.1   |   JALIS TOUCH  | jalis 2k12
--------------------------------------
oO oO oO oO oO oO oO oO oO oO oO oO */



/***** STRUCTURE *****/
body {height:100%;overflow-x:hidden;}

/***** VALEURS PAR DEFAUT *****/
br {letter-spacing:0px;}
html, body, div, span, h1, h2, h3, h4, h5, h6, ol, ul, li, dl, dt, dd, caption, table, tr, th, td, thead, tbody, tfoot, p, blockquote, cite, q, abbr, acronym, address, a, em, strong, img, ins, del, dfn, kbd, pre, xmp, code, form, fieldset, legend, label, object {
    margin: 0;  padding: 0; border: 0;  outline:none;
}
h1, h2, h3, h4, h5, h6, ol, ul, li {text-align: left; font-weight:normal;}
p {margin:0;}
li {list-style-type: none;}
/***** CONTENUS *****/
.txt_contenu {font-size:1em; text-align:justify;}
.txt_contenu a, .txt_contenu a:visited{font-weight:bolder;}
.txt_contenu a:hover{text-decoration:underline;}
/***** ELEMENTS *****/

.floatleft, .left{  float:left !important;  position:relative;}
.floatright, .right{float:right !important; position:relative;}
.floatnone{ float:none !important;  position:relative;}
.clear, .aplat{ clear:both;}
.block {display:block;}
.colonne_2, .col_2{ position:relative;  float:left; width:49%;}
.colonne_3, .col_3{ position:relative;  float:left; width:32%;}
.colonne_4, .col_4{ position:relative;  float:left; width:24%;}
.colonne_2-3, .col_2-3{ position:relative;  float:left; width:65%;}
.colonne_1-3, .col_1-3{ position:relative;  float:left; width:32%;}
.colonne_3-4, .col_3-4{ position:relative;  float:left; width:74%;}
.colonne_1-4 {position:relative; float:left; width:22%;}

/***** STRUCTURE *****/
#total_site {position:relative;min-height:100%; z-index:2;}
.centrage {position:relative;width:950px;margin:0 auto;}
/***** CONTENU *****/
#contenu {position:relative;}
#gauche {position:relative; float:left;}
#droite {position:relative; float:right;}

/*======= MISE EN PAGE GENERALE =======*/
html{height:100%;}

body{
    font-family:'Arial', Helvetica, sans-serif;
    font-size:12px;
    color:#fff; 

    background:#e8d8be url(../img/interface/back_site.jpg) no-repeat center top;
}


#total_site{
   
    z-index:2;
}


#total_site > .centrage{
	 background: transparent url(../img/interface/back_page.jpg) repeat-y top center;
	
}


#contenu{
    padding: 15px;
	background:url(../img/interface/back_contenu.jpg) no-repeat center top;
}


#chapeau {
	background:url(../img/interface/chapeau.png) no-repeat center top;
	height:125px;
	width:100%;

	
    position: relative;
    top: 22px;

    z-index: 10;	
}




/*--- formatage de base ---*/

h1{
    text-align:left;
    font-size:10px;
	font-family:Arial, Helvetica, sans-serif;
    color:#fff;
	font-weight: normal;
    margin :0;
	padding:5px 15px;
	background:#640d04;
}


h1 a, h1 a:visited{
    color:#cccccc;
}


h2{
    font-family: 'dayposterblackregular';
    font-size:27px;
    color:#ff99d5;
    margin: 0 0 3px 0;
}

h2.h2_accueil {
	background:#7f0044;
	box-shadow:0px 0px 15px rgba(0,0,0,0.8);
	
	min-width:911px;
	left:-15px;
	position:relative;
	padding:4px 20px;
	margin-bottom:30px;
	
}


h2 a, h2 a:visited{

}


h3{
    font-family: 'dayposterblackregular';
    font-size:22px;
    color:#FF99D5;
    margin: 0 0 3px 0;
}


h3 a, h3 a:visited{

}


.txt_contenu{
    font-size:13px;
	line-height:22px;
	background:rgba(45,28,56,0.7);
	padding:15px;
}


a, a:visited {
    text-decoration:none;
    color:#BF80A2;
}


a:hover{
    text-decoration:none;
}


/*======= FIN MEP GENERALE =======*/









/*======= DECO SITE =======*/
#deco_site{
/*    position:absolute;
    top:0; left:0; z-index:1;

    width:100%; height:100px;
    background:url(../img/interface/back_top.png);*/
}
/*======= FIN DECO SITE =======*/




#adr {
	line-height:24px;
}

#adr li {
	border-bottom:1px dashed #ff99d5;
}




/*======= HEADER =======*/

#header
{
    position:relative; z-index:3;
	margin-top:152px;
}

#header_top
{
    position:relative; z-index:3;
	height:32px;
	background:url(../img/interface/back_header_top.png);
}


#bloc_diaporama{
    position:relative; z-index:1; height:318px;
    margin: 0px 0px 0px 0px;
    border-top:24px solid #7b0032;
	box-shadow:0px -3px 9px rgba(0, 0, 0, 0.75);
	
	background:#7d0033 url(../img/interface/bandeau.jpg) top center no-repeat;

}


#slogan{
    position:absolute; z-index:2;
    bottom:-8px; right:10px;
}


#tel{
    position:absolute; z-index:3;
    top:2px; right:135px;
}

#facebook{
    position:absolute; z-index:3;
    top:2px; right:0px;
}


a#www {
    position:relative;
	z-index:5;
    font-size : 12px;
    color:#ffffff;
	top:7px;
	text-transform:uppercase;
}


#logo
{
    position:absolute; top:153px; left:-86px; z-index:4;
}





/*Contenu du bloc diaporama*/
#diaporama{
    position:absolute; z-index:1; width:100%; height:100%; overflow:hidden;
    left:0; top:0;
}

#cache_diaporama{
    position:absolute; z-index:2;
    width:100%; height:43px;
    background:url(../img/interface/cache_diaporama.png);
    bottom:0; left:0;
}



/*======= FIN HEADER =======*/








/*======= NAV =======*/

#wrap_nav {
	background:url(../img/interface/back_nav.jpg) center;
	background-size:contain;
	box-shadow:0px 4px 20px rgba(0,0,0,1);
	z-index:10;
	position:relative;
	
}

#nav
{
    position:relative; z-index:4;
    
}


#nav > ul{
    position:relative;
}


#nav > ul > li
{
    position:relative;
    float : left;
}


/*Style du bouton principal*/
#nav > ul > li > span > a, #nav > ul > li > span > span
{
    display : block; position:relative;
    height:35px; line-height:35px;
    padding: 0 20px;
    font-family: 'dayposterblackregular';
    font-size:18px; color:#ffffff;
	text-transform:uppercase;
	color:#FF99D5;
}


/*survol + bouton actif*/
#nav > ul > li:hover > span > a, #nav > ul > li.active > span > a, #nav > ul > li > span > span:hover, #nav > ul > li.active > span > span
{
    background:url(../img/interface/back_nav_btn.png);
	color:#000;
}


/*Sous Menu (mettre height:0 pour cacher le sous-menu durant le chargement)*/
#nav > ul > li > span > ul{
    background:#780026;
    top:35px;
    position:absolute; left:0;
    height:0;
    overflow:hidden;
	
}


/*Style du lien du sous menu*/
#nav > ul > li > span > ul > li > span > a{
    display:block; position:relative;
    padding: 8px 5px;
	border-bottom:1px dotted #be809d;
    color:#ffffff;
	text-transform:uppercase;
}


/*survol du lien du sous menu*/
#nav > ul > li > span > ul > li > span > a:hover{
    background:url(../img/interface/back_black.png);
}

/*======= FIN NAV =======*/








/*======= CONTENU =======*/

#contenu{
	padding-bottom:40px;

}


/* FORMAT IMAGES */

/* reset format images */
.img_medium, .img_small{
    position:relative; display:block; overflow:hidden;
}

/* img small */
.img_small{
    width:87px; height:87px;
    margin: 0;
    float:left;
    border:5px solid #000000;
}



.img_small:hover{
	border-color:#7F0044;
}

.img_small.img_photos{
    width:102px; height:102px;
    float:left;
}


/* img medium */
.img_medium{
    width:290px; float:left; height:193px;
}

.images .img_medium{
    width:289px; height:200px;
    margin: 5px;
}


.images.mini_acc .img_medium {
	width:100%; 
	height:201px;
	margin-bottom:20px;
	margin-top:0px;
}


.images.mini_acc .img_medium + .img_medium {
	margin-top:0px;
}

.images.mini_acc {
	margin-top:0px;
}
	




/*======= FIN CONTENU =======*/













/*======= SLIDER =======*/

#slider{
    position:relative; height:300px;
    background:#ffffff; margin: 20px 0;
    border:1px solid #BF80A2;
}

#bloc_slider{
    position:absolute; width:100%; height:100%;
    left:0px; top:0px; overflow:hidden; z-index:1;
}

.element_slider, .element_slider:link, .element_slider:visited{
    display:block; position:absolute; width:100%; height:100%; overflow:hidden;
    top:0; left:0;
}

.element_slider > img{
    position:absolute; z-index:1;
}

.element_slider > span{
    position:absolute; width:223px; height:290px; 
    background:url(../img/interface/back_white.png);
    left:0; top:0; z-index:2;
    padding:5px 30px 5px 5px;
    font-size:12px; color:#333333; text-align:left;
}

.element_slider > span > font{
    display:block; color:#BF80A2; font-size:20px; padding-bottom:15px;
}

#exemple_bt_slider{display:none;}

.bts_slider{
    position:absolute; bottom:-15px; right:0px; z-index:2;
}

.bt_slider, .bt_slider:link, .bt_slider:visited{
    display:block; float:left; width:10px; height:10px;
    border:1px solid #BF80A2; margin: 0 0 0 5px;
    border-radius:5px; cursor:pointer;
}

.bt_slider_actif, .bt_slider:hover{
    background:#BF80A2;
}

/*======= FIN SLIDER =======*/













/*======= ANNONCE =======*/

.ligne_annonce{
    position:relative;
    margin:40px 0 0 0;
}

/*Formatage par d�faut d'une annonce*/
.annonce
{
    margin: 0 0 10px 0;
}


.annonce .titre {
	background: none repeat scroll 0 0 #7F0044;
    box-shadow: 0 0 15px rgba(0, 0, 0, 0.8);
    left: -15px;
    margin-bottom: 30px;
    min-width: 911px;
    padding: 4px 20px;
    position: relative;
}

/*Titre*/
.annonce h2 a, .annonce h2 a:visited
{
    display:block;
    color : #ff99d5; font-size:18px;
    text-decoration : none;
    padding: 0 0 1px 0; margin: 0 0 3px 0;
    border-bottom:1px solid #BF80A2;
}



.annonce_contenu{

}

/*img_medium*/
.annonce_contenu .zone_image{
    position:relative;
    float:left; width:200px;
}

.annonce_contenu .img_medium{
    float:none; width:auto; height:190px;
    margin: 0 0 3px 0;
}



.annonce_contenu span.img_medium{cursor: pointer;}

/*texte*/
.annonce_contenu .txt_contenu{
    width:680px; float:left; margin: 0 0 0 10px;
}


/*zone boutons*/
.annonce_contenu .bts{
    position:relative;
    display:block;
    float:right;
    width:auto;
}


/*style du bt*/
.annonce_contenu .bts .bt{
    /*float:none; 
    width:auto;
    padding:7px;
    float:none; 
    position:relative; 
    text-align:center;*/
}


/*detail (prix, ref...)*/
.detail{
    padding:3px; 
    background:#dedede;
    font-size:1.15em;
    font-weight:bolder;
    color:#BF80A2;
}


.detail .nom_carac{
    color:#777777; 
    font-size:13px;
}


.detail .txt_carac{
    padding : 0 5px 0 2px;
}


/*panneau dans annonce et fiche*/
.panneaux{
    margin:0 0 5px 0;
}

.panneau{
    background:#BF80A2;
    color:#ffffff;
    text-shadow:-1px -1px 2px #303030;
    padding: 2px 10px; margin: 0 3px 0 0;
    font-size:11px; font-weight:bolder;
}





/*Annonce en 2 par ligne*/
.l2 .annonce{
    width:455px; float:left;margin:0 10px 20px 0;
}

.l2 .annonce_contenu .zone_image{
    float:none; width:auto;
}

.l2 .annonce_contenu .img_medium{
    float:none; width:auto; height:303px;
}

.l2 .annonce_contenu .txt_contenu{
    float:none; width:auto; 
    margin:3px 0;
}

.l2 .annonce .bts{
    width:auto; float: none;
}

.l2 .annonce .bts .bt{
    float:left; width:220px;
}

.l2 .annonce .bts .bt+.bt{
    float:right;
}

.l2 .annonce+.annonce{margin:0 0 10px 0;}








/*Annonce en 3 par ligne*/
.l3 .annonce{
    width:300px; float:left;margin:0 10px 20px 0;
}

.l3 .annonce_contenu .zone_image{
    float:none; width:auto;
}

.l3 .annonce_contenu .img_medium{
    float:none; width:auto; height:200px;
}

.l3 .annonce_contenu .txt_contenu{
    float:none; width:auto; 
    margin:3px 0;
}

.l3 .annonce .bts{
    width:auto; float: none;
}

.l3 .annonce+.annonce+.annonce{margin:0 0 10px 0;}







/*Annonce en 4 par ligne*/
.l4 .annonce{
    width:220px; float:left;margin:0 10px 20px 0;
}

.l4 .annonce_contenu .zone_image{
    float:none; width:auto;
}

.l4 .annonce_contenu .img_medium{
    float:none; width:auto; height:146px;
}

.l4 .annonce_contenu .txt_contenu{
    float:none; width:auto;
    margin:3px 0;
}

.l4 .annonce .bts{
    width:auto; float: none;
}


.l4 .annonce+.annonce+.annonce+.annonce{margin:0 0 10px 0;}





/* Annonce lien utile */
.lu .annonce .annonce_contenu{
    float:right; width:810px;
}



.lu .txt_contenu {
	width: 97%;
	float: left;
	margin: 0;
}

.lu .bt{
    float:right;
}









/* Pagination */
.pPage{
    margin: 20px 0 0px 0;
    padding: 5px;
    background:url(../img/interface/back_black.png);
    color:#ffffff; font-weight:bolder;
}

/*page actuelle*/
.pPage span
{
    padding : 2px 5px;
    background-color : #BF80A2;
    width : 20px;
    height : 20px;
    color : #fff;
    text-decoration : none;
}

/*autres pages*/
.pPage a
{
    color : #fff;
    text-decoration : none;
    padding : 2px 5px;
}

.pPage a:hover{
    background:#999999;
}

.pPage form{
    float:left;
    margin: 0 0 0 10px;
}

.pPage form label{
    margin : 0 3px 0 0;
}

.pPage form select{
    width:80px;
    margin: 0 10px 0 0;
}

.pPage > div{float:left; width:350px;}
.pPage > div+div{float:right; width:550px;}
.pPage > div.clear{float:none;}
/*======= FIN ANNONCE =======*/








/*======= FLASH INFO =======*/
.flash_info {
    padding:8px;
    background:#460903;
    position:relative;
    color:#fff;
}


/*image flash info sous touch*/
.flash_info a+a span{
    display:block; width:100%; height:180px;
}

/* image flash info sous ejalis*/
.flash_info .img_medium{
    margin: 0 0 5px 0;
    width:auto; float:none;

}

/*formatage du titre*/
.flash_info h2, .flash_info h2 a, .flash_info h2{
    font-size:19px; color:#BF80A2;
	padding-bottom:15px;
}


#ref_zen_page_droite .flash_info h2, #ref_zen_page_droite .flash_info h2 a, #ref_zen_page_droite .flash_info h2{
	position:relative !important;
	margin: 0 0 10px 0;
}

.flash_info h2 a:hover{
    color:#ffffff;
}

/*couleur des liens dans le flash info*/
.flash_info a{
    color:#FF99D5;
}

.flash_info.flash_accueil:hover h2 {
	color:#ff99d5;
}

.flash_info.flash_accueil {
	transition:all 250ms ease-in-out;
}

.flash_info.flash_accueil:hover h2 {
	transition:all 250ms ease-in-out;
}

.flash_info.flash_accueil:hover {
	box-shadow:0px 0px 100px rgba(255,153,213,0.5) inset;
}

.flash_info.flash_accueil .txt_contenu{
	display:none;
}


.flash_info.flash_accueil .img_medium {
	height:350px;
}

.flash_info.flash_accueil .bt.full {
	display:none;		
}




/*======= FIN FLASH INFO =======*/









/*======= BT =======*/
.bt, .bt:visited{
    display:block; position:relative; float:left;

    padding: 10px ;
    margin : 3px 0 0 3px;
    line-height:15px; height:15px;

    background: #7f0044;

    color:#FF99D5!important;
    text-transform:uppercase;
    font-size:12px;
    font-weight:bolder;
    cursor:pointer;
	border-radius:8px;
	box-shadow:0px 0px 10px rgba(0,0,0,0.5);
    
    cursor: pointer;
    
    -webkit-transition : all 275ms; -moz-transition : all 275ms; transition : all 275ms;
}


.bt:hover{
    background: #BF80A2;
    text-decoration:none !important;
    color:#dedede !important;
    text-shadow: -1px -1px 1px #202020;
    
    -webkit-transition : all 275ms; -moz-transition : all 275ms; transition : all 275ms;
}


.bt.full{
    float:none; 
    text-align:center;
    height:auto; line-height: normal;
    padding: 2px 0;
    margin:0;
}
/*======= FIN BT =======*/







/*======= FOOTER =======*/

/* style g�n�ral*/
#footer{
    position:fixed; z-index:3;
    bottom:0; left:0; width:100%;
    background:#460903;
    border-top:1px solid #BF80A2;
    color:#fff;
    
    -webkit-transition : all 275ms; -moz-transition : all 275ms; transition : all 275ms;
}

#footer:hover{
    background:#201427;
    
    -webkit-transition : all 275ms; -moz-transition : all 275ms; transition : all 275ms;
}

/* dans le centrage */
#footer > .centrage{

}

/* couleur des liens dans le footer*/
#footer a, #footer a:link, #footer a:visited, #footer #address div+div span:first-child{
    color:#BF80A2;
    cursor:pointer;
}

/*logo jalis*/
#logo_jalis{
    position:absolute; top:0; right:-30px;
}

/*bande visible avec adresse*/
#address {
    line-height:32px; text-align:center; font-size : 12px;
    text-shadow:-1px -1px 2px #000000;
}

/*zone referencement*/
#zoneCachee{
    position:relative; width:900px; margin:0 auto 0 auto;
}

/*format des colonnes de liens*/
#zoneCachee > div > ul{
    float : left; width : 250px; margin : 0 25px; position:relative;
}

/*format du premier li (titre)*/
#zoneCachee > div > ul > li > h3{
    font-size:1.1em; font-weight:bolder;
    margin:0 0 4px 0;
    text-shadow:-1px -1px 2px #000000;
    font-family:'Arial', sans-serif;
    color:#ffffff;
}

/*format des liens dans les colonnes*/
#zoneCachee > div > ul > li a{
    display : block;
    padding : 5px 0 5px 10px;
    margin : 0 0 2px 0;
    text-align : left;
    color : #7E9B18;
    text-decoration : none;
    border-left:0px solid #BF80A2;
    
    -webkit-transition : all 125ms; -moz-transition : all 125ms; transition : all 125ms;
}

/*format des liens au survol*/
#zoneCachee > div > ul >li a:hover{
    border-left:3px solid #BF80A2;
    
    -webkit-transition : all 125ms; -moz-transition : all 125ms; transition : all 125ms;
}

#zoneCachee #seo_text{
    color:#666666;
    clear:both;
    text-align:justify;
    margin: 0 15px 25px 15px;
}

/*======= FIN FOOTER =======*/








/*======= FORMULAIRES =======*/

form input[type=text], form textarea, form select{
    position:relative;
    width:100%;
    background:#ffffff url(../img/interface/back_input.png) repeat-x top left;
    border:1px solid #cecece;
    color:#666666;
    font-family:'Arial', sans-serif; font-size:12px;
}

form input[type=text]:focus, form textarea:focus, form select:focus{
    border:1px solid #aeaeae;
    color:#4d4d4d;
}

/*======= FIN FORMULAIRES =======*/








/*======= FICHE TECHNIQUE =======*/

.fiche_technique
{
    margin-top : 20px;
}

.fiche_technique table
{
    border-spacing : 2px;
    border-collapse : separate;
    width : 100%;
}

.fiche_technique table th{
    text-align:left;
    font-size:1.2em;
}

.fiche_technique table td
{
    background-color : #999;
    color : #fff;
    padding : 6px 10px;
    width:30%;
}

.fiche_technique table td + td
{
    background-color : #ccc;
    color : #222;
    width:70%;
}

/*======= FIN FICHE TECHNIQUE =======*/











/*======= INTRO =======*/
#diaporama_intro{
    position: absolute; z-index:1;
    width:100%; height:100%;
    overflow:hidden;
}


#intro{
    position:relative; z-index:2;
    width:50%; margin:auto; top:25%;
    padding:10px; background:#ffffff;
    text-align:center;
    
    box-shadow: 0px 0px 10px rgba(0,0,0,0.5);
}

#intro h2{
    text-align: center;
}

#intro .txt_contenu{
    text-align:center;
}

#intro #logo{
    position:relative;
    top:0; left:0;
}


#intro .bt.full{
    font-size:16px;
    padding: 5px 0;
}
/*======= FIN INTRO =======*/



































/*======= JALIS TOUCH CSS =======*/
/* elements propres a touch */



/***************
 *    Home     *
 ***************/

#diaporama_accueil{
    height:400px; overflow:hidden; position:relative;
    margin:20px 0 0 0;
    border:1px solid #BF80A2;
}








/***************
 *    Tags     *
 ***************/

#tags {
    margin : 10px 0;
    padding : 5px;
    background-color : #efefef;
    border : 1px solid #ddd;

    clear : both;
}


#tags a:before{
    content:url(../img/icon_tag.png);
}

a.tag1 { font-size : 1.4em }
a.tag2 { font-size : 1.3em }
a.tag3 { font-size : 1.2em }
a.tag4 { font-size : 1.1em }
a.tag5 { font-size : 1em }
a.tag6 { font-size : 0.9em }
a.tag7 { font-size : 0.8em }
a.tag8 { font-size : 0.7em }
a.tag9 { font-size : 0.6em }







/***************
 *    Fichiers *
 ***************/

.fichiers {
    margin : 10px 0;
    padding : 5px;
    background-color : #efefef;
    border : 1px solid #ddd;
    clear : both;
}


.fichiers .bt:before{
    content:url(../img/icon_file.png);
}


.fichiers .bt{
    float:none; text-align:center;
    margin: 2px 0; padding: 3px 0;
}





/***************
 * Page simple *
 ***************/

#page_simple {

}


#diaporama_page{
    width:300px; height:200px; overflow:hidden; position:relative; float:right;
    margin:0 0 10px 10px;
}


#page_simple .fichiers{
    float:right; width:290px;
    margin: 0 0 10px 0;
}






/*********
 * Fiche *
 *********/

.fiche{

}

.fiche h2{
    margin: 0px 0px 10px 0px;
}

.fiche .detail{
    margin: 0 0 10px 0;
}

.fiche .panneaux{
    margin: 0 0 10px 0;
}

.fiche .txt_contenu{
    margin: 0 0 10px 0;
}

.fiche #tags, .fiche .fichiers{
    float:right; width:180px;
    margin: 0px 0px 5px 10px;
}


.fiche .fiche_technique{
    margin: 0 0 10px 0;
}

.fiche .bts{
    float:right;
    margin: 0 0 10px 0;
}

.img_big
{
    width : 100%;
    border : 1px solid #eee;
    margin-bottom : 2px;
}


.fiche #preloadImages{
    display:none;
}






/***********
 * Contact *
 ***********/

#frmContactForm table
{
    border-collapse: separate;
    border-spacing: 2px;
    width:100%;
}

#frmContactForm td
{
    width : 30%;
    background : #1d1427;
    color : #fff;
    vertical-align : middle;
    padding : 5px 10px;
}

#frmContactForm td + td
{
    width:70%;
    background : #dadada;
}

#frmContactForm input[type=text], #frmContactForm textarea
{
    width : 100%;
    background : #ffffff url(../img/interface/back_input.png) repeat-x top left;
    border : 1px solid #bbb;

    font-family:'arial', sans-serif;
    font-size:12px; color:#4d4d4d;
}

#frmContactForm input[type=text]:focus, #frmContactForm textarea:focus{
    border : 1px solid #999;
    color:#000000;
}

#frmContactForm a, #frmContactForm a:visited{
    color:#666666; text-decoration:underline;
}





/************************
 * Liens utiles - Fiche *
 ************************/

.lu_fiche{

}

.lu_fiche #lien_image{
    width:90px; float:left;
}

.lu_fiche #lien_contenu{
    width:810px; float:right;
}







/***********
 * Sitemap *
 ***********/

#sitemap {

}

#sitemap ul {
    padding-left: 20px;
}

#sitemap ul li {
    list-style-type : circle;
    padding : 2px 0;
}

#sitemap a {
    font-size : 11px;
    font-weight : 700;
}





/********************
 * Mentions l�gales *
 ********************/

#mentions_legales {

}

#mentions_legales h2 {

}

#mentions_legales p {
    margin : 10px;
}






/****************************************
 * R�f�rencement Zen - Listing secteurs *
 * R�f�rencement Zen - Listing expressions *
 *******************************************/

#ref_zen_expressions ul li a, #ref_zen_secteurs ul li a {
    display : block;
    padding : 5px 5px 5px 20px;
}






/****************************
 * R�f�rencement Zen - Page *
 ****************************/

#ref_zen_page {

}

#ref_zen_page_gauche {
    float : left;
    width : 49%;
}

#ref_zen_page_droite {
    float : right;
    width : 48%;
}






/**********************************************
 * R�f�rencement Normal - Listing expressions *
 **********************************************/

#ref_normal_expressions {

}

#ref_normal_expressions ul {

}

#ref_normal_expressions ul li {

}

#ref_normal_expressions ul li a {
    display : block;
    padding : 5px 5px 5px 20px;
}





/*******************************
 * R�f�rencement Normal - Page *
 *******************************/

#ref_normal_page {
    background:#eee;
    padding:5px;
    color:#4d4d4d;
    font-size:1.3em;
}

#ref_normal_page p {

}

#ref_normal_page p a {
    color:#BF80A2;
}




/*******************************
 * Toolbar *
 *******************************/
ul#ulAdminToolbar {

    width : 100%;
    height : 28px;
    position : fixed;
    top : 0;
    background-color : #000;
    z-index : 99999;
}

ul#ulAdminToolbar li {
    float : left;
    position : relative;
}

ul#ulAdminToolbar li a {

    color : #aaa;
    display : block;
    padding : 6px 10px 0 10px;
    height : 22px;
}

ul#ulAdminToolbar li a:hover {

    color : #ddd;
    background-color : #222;
}


/*Sous Menu (mettre height:0 pour cacher le sous-menu durant le chargement)*/
ul#ulAdminToolbar > li > ul{
    background:#222;
    top:28px;
    position:absolute;
    left:0;
    height:0;
}

ul#ulAdminToolbar > li > ul > li {
    position : relative;
}

/*Style du lien du sous menu*/
ul#ulAdminToolbar > li > ul > li > a {
    display:block;
    position:relative;
    color : #aaa;
    width : 150px;
}

ul#ulAdminToolbar > li > ul > li > a:hover {
    color : #ddd;
    background-color : #444;
}