html, body { width:100%; height:100%; margin: 0px; padding: 0px; background-color: beige; color: #444; }

#backgroundFond { position: fixed; top: 38px; width: 100%; height: 100%; text-align: center; float: left; overflow: hidden; }
#backgroundFond img { position: relative; width: 102%; height: 102%; 
                    -webkit-filter: blur(7px);
                    filter: blur(15px); 
                    -ms-filter: 'progid:DXImageTransform.Microsoft.Blur(pixelRadius=15)';
                    left: -1%; top: -2%;}
/*////////////////////////////////////////////////////////*/

a.lien2{color:#073657;	font-weight: normal;text-decoration: underline;line-height: normal;text-shadow: 1px 0 0px #000;}
a.lien3{color:#073657;font-weight: normal;text-decoration: underline;line-height: normal;background-color: #FFFFFF;text-shadow: 1px 0 0px #000;}
a.lien2:hover,
a.lien3:hover {color:#073657;font-weight: normal;line-height: normal;background-color: #E1EAF0;text-decoration: underline overline;}

.Identification,
#premiere { width: 500px !important; }
.Identification td:first-child { width: 100px; text-align: right;}
.Identification td img { vertical-align: middle; }

#conteneur { position:relative; margin: 0px auto; text-align: left; width: 1000px !important; padding: 10px 10px;
    position: relative;
}
	
#succes2 { width:700px; background-color:#D6F1D7; background-position: center; color: #022702; text-align: center; border: 1px solid #006633; }
#echec { background-color:#FFCCCC; background-position: center; color: #8E0606; text-align: center; border: 1px dotted #990000; font-weight: bold; }
#droitsSalarie { width:100%; background-position: center; color: #022702; text-align: center; }

#mail1 	{ width:600px; background-color:#B7CBF4; background-position: center; color: #003399; text-align: center; border: 1px dotted #000033; vertical-align: middle; }	
/*ceci est un crack valide  qui ne sera lu que par internet explorer 6 car celui-ci ne lit pas la fonction min-height */
* html #conteneur { height: 1500px; }
	
#conteneur2 { position: relative; width: 750px; margin-left: auto; margin-right: auto; background-color:#999999; text-align: left; }
#conteneur3 { position:relative; width:1000px; margin-left:auto; margin-right:auto; background-color: white; text-align: left; z-index: 5; }
#conteneur4 { position:relative; width:1000px; margin-left:auto; margin-right:auto; min-height: 468px; text-align: left; z-index: 0; }

/*ceci est un crack valide  qui ne sera lu que par internet explorer 6 car celui-ci ne lit pas la fonction min-height */
* html #conteneur4 { height: 468px; }
	
/*////////////////////////////////////////////////////////*/

#cache {  position:absolute; top:300px; z-index:10; visibility:hidden; height: 90px; width: 300px; background-color: white; color: blue; font-weight: 900; border: 1px solid blue; }
	
/*////////////////////////////////////////////////////////*/

#header2 { position:relative; height:195px; width:100%; z-index: 4; }
#header_index  { 
    /*width:1000px; */
    text-align :center; }
		
#bandeau_header{ top: 500px; height: auto; width: 968px; text-align:center; z-index: 1; visibility: hidden;}
#main_bandeau_header{ width:1000px; text-align: center; padding-top:5px; padding-bottom:5px;}



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

#new_para { position: relative; height: 25px; width: 100%; border: 2px solid blue; text-align: center;}	
#para { position: relative; left: 15px;  width: 735px; height:25px;}
#para_titre { position: relative; width: 100%; height:50px; background-color:white;}
#para_corps { 
	width: 100%; min-height: 10px; background-color:white; 
	/* pour tinyMCE */
	font-family: Verdana, Serif !important;
}
#para_cont {margin-left: 10px; margin-right: 10px;}
/*il y a un bug avec mozilla sur l'affichage du choix des cadre c pourquoi le height est mis a 250px visuellement le bug est corrige*/
#selection_style_cadre {margin-left: 10px; margin-top: 2px; margin-bottom: 5px; padding: 2px; position: relative; width: 800px; min-height: 10px; height:200px; background-color: #f0f0f0; border: 1px solid #e0e0e0; }
#selection_couleur_fond_cadre {background-color:#f0f0f0; padding: 2px; margin-left: 10px; margin-top: 2px; width:800px; min-height: 190px; border: 1px solid #e0e0e0; }
#vu_apparence_generale_cadre {margin-left: 10px; margin-top: 2px; padding: 2px; width: 760px; min-height: 10px; height:400px; border: 1px solid #cccccc;}
#vu_apparence_fond_page {margin-left: 10px; margin-top: 2px; padding: 2px; width: 760px; min-height: 10px; height:50px; border: 1px solid #cccccc;}
/*ceci est un crack valide  qui ne sera lu que par internet explorer 6 car les incompatibilit� associ�s aux mod�les de boite cr�e un d�calage sur l'affichage au niveau de la largeur */
* html #para_corps {height: 10px;}
	
/*////////////////////////////////////////////////////////*/

#main_doc {position :relative; float: left; margin-top: 9px;}
#formu_doc { position: relative; height: 24px; width: 100%; border: none;}
#dossier_doc {
	position: relative;
	float: left;
	height: 400px;
	overflow: auto;
	width:100%;
	SCROLLBAR-FACE-COLOR: #D7D7FF;
	SCROLLBAR-HIGHLIGHT-COLOR: #FFFF00;
	SCROLLBAR-SHADOW-COLOR: #8A8AEC;
	SCROLLBAR-3DLIGHT-COLOR: #8A8AEC;
	SCROLLBAR-ARROW-COLOR: #8A8AEC;
	SCROLLBAR-TRACK-COLOR: #D7D7FF;
	SCROLLBAR-DARKSHADOW-COLOR: #8A8AEC;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-right-style: solid;
	border-bottom-style: solid;
}
#align_doc { border: none; vertical-align: bottom; margin: 2px;}
#align2_doc { border: none; vertical-align: middle; margin: 2px; }
#morealign_doc { border: none; margin-top: 1px;}
#div_doc { position: relative; height: 20px; width: 100%;}
#grp_doc { position: absolute; text-align: center; top: 30px; left: 420px; min-height: 400px; width: 500px; border: 1px solid #DDAEF9; background-color: white;}

/*ceci est un crack valide  qui ne sera lu que par internet explorer 6 car les incompatibilit� associ�s aux mod�les de boite cr�e un d�calage sur l'affichage au niveau de la longueur */
* html #grp_doc { height: 400px; }

a.lien1 { color:#073657; font-weight: normal; text-decoration: underline; line-height: normal; background-color: #FFFFFF; }
a.lien1:hover { color:#073657; font-weight: normal; line-height: normal; background-color: #E1EAF0; text-decoration: underline overline; }

#titrePage { padding-left: 5px; font-size: 1.4em; text-align:left; font-weight:bold; font-family: 'FontAwesome', 'Roboto', sans-serif !important; margin-top:10px; }

/*////////////////////////////////////////////////////////*/
dl, dt, dd, ul, li { margin: 0; padding: 0; list-style-type: none; }
.fflot ul,.fflot ol { padding-left: 40px;  }
.fflot ul li,.fflot ol li { list-style-type: inherit; }
#menu { height: 21px; width: 505px; z-index: 0; position:relative; font: 80%; cursor:hand; margin: 0 auto; }
#menu dl { float: left; width: 10em; margin: 0 1px; }
#menu li a, #menu dt a { text-decoration: none; display: block; height: 100%; border: 0 none; }

/*////////////////////////////////////////////////////////*/
.titreGeneral { padding:5px; background-image:url(../login/login_bar.png); color:#FFFFFF; font-weight:bold; }

/* ********************************************************* */
.slider{ position:relative; left:5px; top:5px; overflow: auto; /*width:835px;*/ height:103px; background: #000; }
/*.miniature{ position:absolute; top:10px; width:70px; height:70px; cursor:pointer;}
DIV#image{border: 1px solid #AAA; width:810px; height:500px; margin-left:20px; margin-top:5px; overflow:auto}*/


/* ********************************************************* */
.dragresize { position: absolute; width: 5px; height: 5px; background: #EEE; border: 1px solid #333; }
.dragresize-br { bottom: -2px; right: -2px; cursor: se-resize; }
.connexion{ position: absolute; top: 0px; right: 0px; display: inline; padding-right:3px; color: #000000; text-decoration: none; }

/* TOP MENU */
#nav_salaries{ width: 950px; height: 35px; padding-top:10px; margin: 0 auto; }
#nav_salaries li { float:left; text-align:center; }
#nav_salaries li:last-child { border-right: none;}
#nav_salaries li a{ display:block; margin-right: 10px; width: 156px; padding: 6px 10px 6px 6px; border-radius: 60px; text-decoration: none; font-weight: normal; }
#nav_salaries li a.active{
    background: #7abcff;
    background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
    background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
    color: #fff;
}
#nav_salaries li a:hover{
    background: #7abcff;
    background: -moz-linear-gradient(top,  #7abcff 0%, #60abf8 44%, #4096ee 100%);
    background: -webkit-gradient(linear, left top, left bottom, color-stop(0%,#7abcff), color-stop(44%,#60abf8), color-stop(100%,#4096ee));
    background: -webkit-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: -o-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: -ms-linear-gradient(top,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
    background: linear-gradient(to bottom,  #7abcff 0%,#60abf8 44%,#4096ee 100%);
    filter: progid:DXImageTransform.Microsoft.gradient( startColorstr='#7abcff', endColorstr='#4096ee',GradientType=0 );
    color: #fff;
}

#nav_salaries li a img{ vertical-align:middle; border:none; }

/* ## END TOP MENU ## */


/* definition de la taille du tableau principal de contenu */
.colGauche { width: 8%; }
.colDroite { width: 8%; }
.colCentre { width: 84%; color: #444; }
.contenu { margin : 0 auto !important; }
#onglet { margin-top: 35px; }

/* ombre portée */
.ombrePortee { box-shadow: 3px 3px 3px rgba(0,0,0,.3); }

.mentions_legales { margin-top:10px; padding-top:5px; width: 100%; color: #000; text-decoration: underline; display:none; }
.mentions_legales a { color: #fff; text-decoration: underline; text-shadow: 1px 1px 1px #000; }

/* system tabulation */

.ui-widget-content { border: none; color: #666; background: #FFF !important/*transparent !important */;}
.ui-widget-header { border-style: none none solid none; background: none; }
.ui-state-default,
.ui-state-default  a { border-top-left-radius: 8px !important; border-top-right-radius: 8px !important; }
li.ui-state-default { background-color: #E9E9E9 !important; color: #666 !important; border:1px solid #c0c0c0 !important; }
li.ui-state-active { background-color: white !important; }
.ui-state-active a, .ui-state-active a:link, .ui-state-active a:visited { color: #666; }
.ui-tabs-nav li { top: 2px; border-bottom: 1px solid #c0c0c0; }
li.ui-tabs-active { border-bottom: 1px solid #fff !important; }
.ui-widget-content a.boutonDesign { color: #FFF; }
.ui-tabs-panel { background-color: #fff !important; margin-left: 3px; }

/* cadre document */
/* affichage nom de fichier : la notion de hauteur ne doit pas etre modifiée */
.sharefile { padding: 2px 5px; display: block; height: 16px; text-decoration: none; color: #000; overflow: hidden; text-overflow: ellipsis; white-space: nowrap; }
.sharefile:hover { font-weight: bold; font-style: italic; }
.panelselect { color: #666; }

/* grille de positionnement */
#grid { width: 100%;position: relative;float: left; background-image: url(../images/grid.png); background-position: -5px -5px; opacity: 0.2; display:none; }
#grid2 { width: 100%;position: relative;float: left; background-image: url(../images/grid20x20.png); background-position: -10px -1px; opacity: 0.2; display:none; }

#left_column,
#right_column,
#tabs { display: none; }

/* drag n drop des cadres */
.ui-resizable-s { height: 15px !important; }
.ui-resizable-e { width: 15px !important; }
.ui-resizable-se { width: 15px; height: 15px; }
.ui-resizable-w { width: 15px; }
.ui-resizable-n { width: 15px; }
.drag-not-allowed { color:#000; width:50%;height:50%;top:25%;
                    left:25%;
                    font-size:4em;position:relative;text-align: center;
                   /*-webkit-filter: grayscale(100%); filter: grayscale(100%);opacity: 0.5; */
}
/*.ui-resizable-helper { background-color:#e0e0e0; border: 1px dotted #c0c0c0; -webkit-filter: grayscale(100%); filter: grayscale(100%); opacity:0.5; }
.ui-resizable-ghost { border: 1px dotted gray; }*/
#encours { float: left; top:0; left:0; position: absolute; }


/* mode affichage des colonnes de page */
#colsize img { width: 200px; height: 300px; }
#colsize img:hover,
.typeColSelected { box-shadow: 0 0 4px #000; }

/* css issue globalDesign */
.tableauGeneral { width: 100%; }
.tableauGeneral th, .tableauGeneral td {
text-align: left; vertical-align: top; padding: 7px; border-right: 1px dotted #ccc; font-size: 0.8em !important; }
.tableauGeneral th, .info { background: #F7ECDC; border-bottom: solid 3px #CD8E35; font-family: 'Roboto', sans-serif; font-size: 1em; font-weight: normal; color: #CD8E35 !important; }
.tableauGeneral th a, .info th a { color: #CD8E35; text-decoration: none; }
.tableauGeneral td { border-bottom: dotted 1px #ccc; font-size: 0.9em !important; }
.tableauGeneral tr:nth-child(2n+1) td { background: #f2f2f2; }
.tableauGeneral tr:hover td { background: #c2c2c2 !important; }

/* popup */
#popup_overlay { background: rgba(0,0,0,0.5) !important; opacity: 1 !important; filter: alpha(opacity=100);   /* IE6-7-8 */ }
#popup_container { background: #fff; box-shadow: 1px 1px 10px #333; }
#popup_container > * { padding: 15px; }
#popup_container > h1 { color: #fff; background: #3591CD; border-bottom-color: #3B6782; }
#popup_message { margin-bottom: 20px; }
#popup_mesage strong { font-weight: normal; }
#popup_panel { text-align: right; }
    /* button */
    input#popup_ok,
    input#popup_cancel { line-height: 1; display: inline-block; padding: 7px 10px; background: #3591CD !important; color: #fff; font-weight: bold; box-shadow: 1px 1px 2px #111; border: none; border-bottom: solid 4px #3B6782; cursor: pointer; }
    input#popup_cancel { background: #555 !important; border-bottom: solid 4px #333; }
    
/* Dialog UI */
.ui-widget-overlay {position:fixed; background: rgba(0, 0, 0, 0.5) !important;opacity: 1 !important;}
.ui-dialog {font-family: 'Roboto', sans-serif;font-size: 1.0em;border: 2px solid #999 !important;border-radius: 5px;box-shadow: 1px 1px 10px #333; background: #fff !important;}
.ui-dialog .ui-dialog-content {background-color: white !important; }
.ui-dialog-titlebar {color: #fff;background: #3591CD;border-bottom-color: #3B6782;}
.ui-dialog-buttonpane {background: white;border-width: 0px 0 0 0 !important;}
.ui-widget-content { color: black;
    *border: none !important;
    background-color: #999; }
.ui-dialog-buttonset{ font-weight: bold; }
.ui-button { line-height: 1;background: #3591CD !important;display: inline-block;padding: 7px 10px;box-shadow: 1px 1px 2px #111;border: none;cursor: pointer;border-bottom: solid 4px #3B6782 !important; margin-left: 5px; }

.ui-button-text {background: #3591CD !important;color: #fff;padding: 0px !important;}
.ui-state-hover { border: 2px solid transparent !important; }
.ui-button:hover { border-bottom: solid 4px #fff !important; }
/* override ui-dialog z-index */
.ui-dialog { z-index: 3; }
.ui-widget-overlay { z-index: 2; }
/* ------------------------------------ */
.total-commande { background-color: #e0e0e0; margin: -10px 0 10px 0 !important; }
.commande { border: 1px solid #b7b5b5; padding: 5px; margin: 10px 0; background-color: #fff; }
.commande .header { border-bottom: 1px solid #999; position: relative; padding: 5px; font-weight: bold; font-style:italic; background-color: #F7ECDC; margin-bottom: 5px;}
.commande .date { float: right; }
.commande .qte { float: left; margin-right: 5px; width: 2%; }
.commande .content { overflow: hidden; word-break: break-all; white-space: nowrap; text-overflow: ellipsis; padding: 5px; }
.commande .titre-activite { display: block; }
.commande .aide { float: left; padding: 5px; width: 40%; /*background-color: #f7ecdc;*/ color: #cd8e35; margin-top: 10px; }
.commande .prix { background-color: #3591cd; color: #fff; padding: 5px; text-align: center; }
.commande .total { padding: 5px; text-align: center; margin-top: 10px; /*background-color: #f7ecdc;*/}
.commande .info_vente,
.commande .footer .lien { font-size: 0.6em; text-align: right; color: #3591cd; cursor: pointer; }
.commande .footer { margin: 0; width: auto; padding: 0 5px; display: block; }

/* petites annonces */
.divh1 { font-family: 'Roboto', sans-serif; border-bottom: 3px solid #333; color: #333; margin: 10px 0; padding: 0 0 10px; font-size: 1.3em; text-align: left !important; text-shadow: 1px 1px 2px #999;}
.divh2 { font-family: 'Roboto', sans-serif; font-size: 1.2em; padding: 5px 7px; margin: 10px 0; background: #eee; border-left: solid 5px #3591CD; }
/* media queries ------------------------------------------------------------ */

@media only screen and (max-width: 767.98px) {
    
    #tabs li img, li a .title { display: none !important; }
    #tabs li a:after { content: attr(title); }
    #tabs ul li { margin: 0 0 1px 0; font-weight: normal; }
    
    .commande .lieu span { display: block; }
    .commande .qte { width: auto; }
    .total-commande .qte,
    .total-commande .titre { display: none; }
    .total-commande .aide,
    .total-commande .total { display: block !important; width: 100% !important; text-align: center !important; }
    
    /* petites annonces */
        #dateExpiration { float: none !important; top: 0 !important; }
        /* zoom */
        #bzoom li img:first-child { display: inline !important; }
        .bzoom_wrap { height: 490px; }
        .bzoom_small_thumbs > ul > li { margin-right: 5px !important; }
    
}