/* CSS Document */

*	{ padding:0px; margin:0px; outline:0 }
img	{ border:none; vertical-align:middle; }
img.img-shadow { box-shadow: 0 0 3px #FFFFFF; }
table { z-index:10; }
label { cursor:pointer; }

body
	{
	font-family:'Roboto', Arial, sans-serif; font-size:14px; color:#555555; font-weight:300;
	background-color:#FFFFFF; background-image:none;
	}

/* FORMULAIRES ######################################################################### */
/* ##################################################################################### */
input, textarea, select
	{
	font-family:'Roboto', Arial, sans-serif; font-size:14px; color:#555555;
	background-color:#F1F1F1; border:none; padding:6px 8px;
	box-sizing: border-box;
	-moz-box-sizing: border-box;
	-webkit-box-sizing: border-box;
	}
select { padding:6px 6px; }

input	{ vertical-align:middle; outline:none; }
select option { /*background-color:#0C0C0C; border: 1px solid #1C1C1C;*/ }
select option:hover { cursor: pointer; }


span.errorField { display:block; color:#DA5252; font-size:12px; line-height:12px; }
table tr td, table tbody tr td { padding:2px 0; }


input[type=checkbox],input[type=radio]	{ border:none; cursor:pointer; background-color:transparent;!important }

input[type=submit], input[type=button]	{ background-color:#FFFFFF; border:1px solid #E5E5E5; padding:8px; cursor:pointer; text-transform:uppercase; }

a.editFields {
	padding:8px; border:1px solid #E5E5E5; background-color:#FFFFFF; text-transform:uppercase;
	}
/* ##################################################################################### */
/* ##################################################################################### */



/* STYLES ############################################################################## */
/* ##################################################################################### */
h1,h2,h3,h4,p,ul,ol	{ padding:3px 0 2px; }

h1	{ font-family:'Roboto', Arial, sans-serif; font-size:30px; color:#000000; font-weight:normal; padding:5px 0px; margin-bottom:20px; text-transform:uppercase; }
h2	{ font-family:'Roboto', Arial, sans-serif; font-size:20px; color:#555555; font-weight:normal; text-transform:uppercase; }
h3	{ font-family:'Roboto', Arial, sans-serif; font-size:16px; color:#555555; font-weight:normal; }

a		{ color:#555555; text-decoration:none; }
a:hover	{ color:#000000; text-decoration:none; }


thead tr th {
	font-family:'Roboto', Arial, sans-serif; font-weight:bold;
	color:#000000; font-size:16px; border-bottom:1px solid #000000; text-transform:uppercase;
	}
tr.borderBottom td { border-bottom:1px solid #F5F5F5; }
	
.col3Background { background-color:#F1F1F1; }
/* ##################################################################################### */
/* ##################################################################################### */


#header, #menu, #main, #footer	{ width:100%; position:relative; float:left; }


#header #logo {
	position:relative; width:300px; margin:30px auto; text-align:center;
	}
	
#menu {
	height:30px; background:#E6E6E6;
	}
	
#CartCount		{ width:24px; height:24px; position:absolute; top:-10px; right:-25px; }
#CartCount span	{
	width:16px; height:16px; display:block; padding:3px 5px 4px 3px; text-align:center; font-size:12px; font-weight:bold; color:#FFFFFF;
	background:url(../images/interface/background-cart.png) 0px 0px no-repeat scroll;
	}
	
#main { min-height:450px; text-align:left; padding-bottom:50px; margin-top:50px; }



#footer	{ position:fixed; bottom:0; background-color:#FFFFFF; }
	#footer #Copyright { font-size:12px; text-align:center; color:#7F7F7F; padding:10px 0 4px; }


.importantText { color:#AA0000; }

.Tools {
	padding:10px 5px; background-color:#F1F1F1;
	text-align:left;
	}
	.Tools input, .Tools select { background-color:#FFFFFF; }


/* MENU ################################################################################ */
/* ##################################################################################### */


/* FIRST LEVEL */
ul#mainMenu {
	margin: 0; padding: 0;
	position: relative; float: left; width: 100%;
	list-style: none; font-family:'Roboto', Arial, sans-serif; font-weight:bold;
}
ul#mainMenu li {
	position: relative; float:left; margin:0px 20px 0 0; padding:5px 0 0;
}
ul#mainMenu li a {
	color: #555555; text-decoration: none;
	font-size:14px; text-transform:uppercase;
}

ul#mainMenu li a:hover, ul#mainMenu li.selected a { color:#000000; }
ul#mainMenu li:hover, ul#mainMenu li.selected { color:#000000; background:url(../images/interface/menu-hover.png) no-repeat scroll top center; }
/*###############*/


/* SECOND LEVEL */
ul#mainMenu ul.subMenu {
	z-index:9999; list-style:none; margin-top:0px; padding:0; position:absolute; left:-9999px;
}
ul#mainMenu li:hover ul.subMenu {
	left:0px; padding-top:7px;
}
ul#mainMenu ul.subMenu li {
	float:none; width:180px; margin:0; padding:5px 0; text-align:center;
	background-color:#F1F1F1;
}
ul#mainMenu ul.subMenu li a {
	margin:0; color:#555555;
}

ul#mainMenu ul.subMenu li:hover { color:#000000; background-image:none; }
ul#mainMenu ul.subMenu li a:hover { color:#000000; }
/*###############*/


ul#mainMenu ul.subMenu li.subMenu2 { display:none; background-color:#FAFAFA; }
ul#mainMenu ul.subMenu li.subMenu2 a { font-size:12px; }

/* ##################################################################################### */
/* ##################################################################################### */



.clr	{ clear:both; float:none; line-height:0px; font-size:0px; }

/****************** BLOCS ******************/

ul.allowedFiles {
	padding:5px 0; list-style:none;
	}
	ul.allowedFiles li {
		padding:0px 0 0px 18px; font-size:13px;
		background:url(../images/icones/tickFiles.png) no-repeat scroll 0 6px;
	}

ul.ListeCurrentAds	{ float:left; margin:0px; padding:0px; margin:0px; margin-right:-15px; }
ul.ListeCurrentAds li	{
	width:180px; height:180px; float:left; margin:0 0 15px; margin-right:15px; padding:0px; list-style:none;
	border:1px dashed #F1F1F1; text-align:center; position:relative;
	}


#ListeAds	{ margin:0px; padding:0px; }
#ListeAds li	{ margin:0px; padding:0px; list-style:none; }
#ListeAds li table	{ margin:0px; padding:0px; }





/* ICONES ############################################################################## */
/* ##################################################################################### */
a.sprite { display:inline-block; width:16px; height:16px; background:url(../images/icones/sprite.png) no-repeat scroll; text-indent:-9999px; }

a.spriteCart { background-position: -20px 0px; } a.spriteCart:hover { background-position: -20px -20px; }
a.spriteEdit { background-position: -40px 0px; } a.spriteEdit:hover { background-position: -40px -20px; }
a.spriteDelete { background-position: -60px 0px; } a.spriteDelete:hover { background-position: -60px -20px; }
a.spriteActif { background-position: -80px -20px; } a.spriteActif:hover { background-position: -80px 0px; }
a.spriteInactif { background-position: -80px 0px; } a.spriteInactif:hover { background-position: -80px -20px; }
a.spriteReject { background-position: -100px 0px; } a.spriteReject:hover { background-position: -100px -20px; }
a.spriteLink { background-position: -120px 0px; } a.spriteLink:hover { background-position: -120px -20px; }
a.spriteEMail { background-position: -140px 0px; } a.spriteEMail:hover { background-position: -140px -20px; }
a.spriteReport { background-position: -160px 0px; } a.spriteReport:hover { background-position: -160px -20px; }
a.spriteArchive { background-position: -180px 0px; } a.spriteArchive:hover { background-position: -180px -20px; }
a.spriteUnarchive { background-position: -200px 0px; } a.spriteUnarchive:hover { background-position: -200px -20px; }
a.spriteSearch { background-position: -220px 0px; } a.spriteSearch:hover { background-position: -220px -20px; }
a.spriteView { background-position: -240px 0px; } a.spriteView:hover { background-position: -240px -20px; }
a.spriteWait { background-position: -260px 0px; } a.spriteWait:hover { background-position: -260px -20px; }
a.spriteLogout { background-position: -280px 0px; } a.spriteLogout:hover { background-position: -280px -20px; }


a.addIcon {
	padding:0px 0px 0px 20px; color:#555555;
	background:url(../images/icones/add.png) no-repeat scroll 0px 0px;
	}
a.addIcon:hover	{ background-position:0px -20px; color:#000000; }

a.spriteLogout { width:auto; text-indent:0px; padding-left:20px; }



a.AddEMail
	{
	padding:0px 0px 2px 20px; color:#555555;
	background-image:url(../images/icones/a.AddEMail.png); background-repeat:no-repeat; background-position:0px 0px; background-attachment:scroll;
	}
a:hover.AddEMail	{ background-position:0px -48px; color:#000000; }

a.AddUser
	{
	padding:0px 0px 2px 20px; color:#555555;
	background-image:url(../images/icones/a.AddUser.png); background-repeat:no-repeat; background-position:0px 0px; background-attachment:scroll;
	}
a:hover.AddUser	{ background-position:0px -48px; color:#000000; }



.Chargement	{ display:inline; padding:1px 0px 3px 16px; padding-bottom:3px; background-image:url(../images/icones/Chargement.gif); background-repeat:no-repeat; background-position:0px 0px; background-attachment:scroll; }


#preview{
	position:absolute;
	z-index:9998;
	border:1px solid #ccc;
	background:#333;
	padding:5px;
	display:none;
	color:#fff;
	}
	


/* STYLES DE LA LIGHTBOX ############################################################### */
/* ##################################################################################### */
#register  { width:300px; }
#ajoutDossier, #modifFichier, #notifyFichier { width:330px; }
#ajoutUtilisateur { width:800px; display:block }
#deleteFb { width:300px; height:140px; }
#export { width:310px; height:180px; }
#ajoutDossier, #modifFichier, #ajoutUtilisateur, #deleteFb, #noSelectedRows, #export, #register, #notifyFichier { overflow:auto; }
#ajoutDossier h2, #modifFichier h2, #ajoutUtilisateur h2, #deleteFb h2, #noSelectedRows h2, #export h2, #register h2, #notifyFichier h2	{ padding-bottom:10px; }
#ajoutDossier tbody tr td, #modifFichier tbody tr td, #ajoutUtilisateur tbody tr td, #deleteFb tbody tr td, #notifyFichier tbody tr td { padding:4px 0px; } #actifRegister tbody tr td { padding:4px 0px; }
#ajoutDossier input[type=checkbox] { margin:3px 0; }
#ajoutDossier input[type=radio] { margin:3px 0; }

/* ##################################################################################### */
/* ##################################################################################### */


#ListeFichiers span, #ListeUtilisateurs span { text-align:center; z-index:10; }










/* Selectmenu
----------------------------------*/
.ui-selectmenu { display: block; display: inline-block; position: relative; height: 2.2em; vertical-align: middle; text-decoration: none; overflow: hidden; zoom: 1; }
.ui-selectmenu:hover { color:#000000 }
.ui-selectmenu-icon { position:absolute; right:6px; margin-top:-8px; top: 50%; }
.ui-selectmenu-menu { padding:0; margin:0; position:absolute; top: 0; display: none; z-index: 1005;} /* z-index: 1005 to make selectmenu work with dialog */
.ui-selectmenu-menu  ul { padding:0; margin:0; list-style:none; position: relative; overflow: auto; overflow-y: auto ; overflow-x: hidden; } 
.ui-selectmenu-open { display: block; }
.ui-selectmenu-menu-popup { margin-top: -1px; }
.ui-selectmenu-menu-dropdown { }
.ui-selectmenu-menu li { padding:0; margin:0; display: block; border-top: 1px dotted transparent; border-bottom: 1px dotted transparent; border-right-width: 0 !important; border-left-width: 0 !important; font-weight: normal !important; }
.ui-selectmenu-menu li a,.ui-selectmenu-status { font-size:12px; line-height: 1.4em; display: block; padding:2px 10px 2px 4px; outline:none; text-decoration:none; }
.ui-selectmenu-menu li.ui-state-disabled a, .ui-state-disabled { cursor: default; }
.ui-selectmenu-menu li.ui-selectmenu-hasIcon a,
.ui-selectmenu-hasIcon .ui-selectmenu-status { padding-left: 20px; position: relative; margin-left: 5px; }
.ui-selectmenu-menu li .ui-icon, .ui-selectmenu-status .ui-icon { position: absolute; top: 1em; margin-top: -8px; left: 0; }
.ui-selectmenu-status { font-weight:normal; line-height: 1.4em; padding:4px 10px 4px 4px; }
.ui-selectmenu-open li.ui-selectmenu-item-focus a { }
.ui-selectmenu-open li.ui-selectmenu-item-selected { }
.ui-selectmenu-menu li span,.ui-selectmenu-status span { display:block; margin-bottom: .2em; }
.ui-selectmenu-menu li .ui-selectmenu-item-header { font-weight: bold; }
.ui-selectmenu-menu li .ui-selectmenu-item-content { }
.ui-selectmenu-menu li .ui-selectmenu-item-footer { opacity: .8; }
/* for optgroups */
.ui-selectmenu-menu .ui-selectmenu-group { font-size: 1em; }
.ui-selectmenu-menu .ui-selectmenu-group .ui-selectmenu-group-label { line-height: 1.4em; display:block; padding: .6em .5em 0; font-weight: bold; }
.ui-selectmenu-menu .ui-selectmenu-group ul { margin: 0; padding: 0; }
/* IE6 workaround (dotted transparent borders) */
* html .ui-selectmenu-menu li { border-color: pink; filter:chroma(color=pink); width:100%; }
* html .ui-selectmenu-menu li a { position: relative }
/* IE7 workaround (opacity disabled) */
*+html .ui-state-disabled, *+html .ui-state-disabled a { color: silver; }








/*###########################################################################################*/
/*###########################################################################################*/
/*###########################################################################################*/
/*###########################################################################################*/
#wrapper{
    width:980px;
    overflow:hidden;
}
#steps{
    width:980px;
    overflow:hidden;
}
.step{
    float:left;
    width:980px;
	border-width:0px;
}

#navigation {
	height:30px;
	border-bottom:1px solid #000000;
}
#navigation ul {
    list-style:none;
	float:left;
}
#navigation ul li {
	position:relative; float:left;
    height:30px; padding:0px 10px 0 0;
	background:url(../images/icones/stepSeparator.png) no-repeat top right;
}


#navigation ul li a {
    display:block; padding:0 8px 0 4px; outline:none;
    color:#7F7F7F; text-transform:uppercase;
	font-family:'AvantGardeLT-Book', Arial, sans-serif; font-size:14px;
    
}
#navigation ul li a:hover,
#navigation ul li.selected a {
    color:#000000;
}

#navigation ul li.last { background:none; padding:0 }
#navigation ul li.first a { padding-left:0 }


span.checked{
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}
span.error{
    position:absolute;
    top:0px;
    left:1px;
    width:20px;
    height:20px;
}

#steps form fieldset{
    border:none;
    padding:20px 0;
}
#steps form p{
    float:left;
    clear:both;
    margin:5px 0px;
    width:600px;
    padding:0px;
}
#steps form p.subtitle { font-size:14px; }
#steps form p label{
    width:160px;
    float:left;
    text-align:left;
    margin-right:15px;
    line-height:26px;
    color:#C7C7C7;
}

#steps form table { margin-top:30px; }
#steps form table tr { height:42px; }
#steps form table tr table tr { height:auto; }