/* DEBUT GLOBAL */

body{
	font-family	: Verdana;
	font-size	: 12px;
	text-align	: center;
	width		: 100%;
}

html, body, h1, h2, h3, h4, h5, h6, li, a, p, form{
	padding	: 0px;
	margin	: 0px;
}
img{
	vertical-align	: middle;
	border			: none;
}
a{
	color	: #1F1F1F;
	display	: inline-block;
}
a img{
	text-decoration	: none !important;
}
p{
	text-align:justify;
}
a:hover{
	background-color	: #0d72d6;
	font-size			: 12px;
	color				: #ffffff;
}

.clearer{
	clear	: both;
	width	: 0px;
	height	: 0px;
	overflow: hidden;
	padding	: 0;
	margin	: 0;
}
.tab{
	padding-left: 20px;
}

/* FIN GLOBAL */


/* DEBUT CONTENEUR GLOBAL */
.root{
	text-align	: left;
	margin		: 20px auto;
	width		: 816px;
}
/* FIN CONTENEUR GLOBAL */

/* DEBUT TOP */
#top-bar{
	width		: 100%;
	height		: 47px;
	background	: url(../images/top-bar.jpg) no-repeat;
}
#top-title{
	width		: 100%;
	height		: 116px;
}
#top-title #top-logo{
	float		: left;
	width		: 274px;
	height		: 100%;
	background	: url(../images/top-logo.jpg);
}
#top-title #top-slogan{
	float		: left;
	width		: 542px;
	height		: 100%;
	background	: url(../images/top-slogan.jpg);
}
#top-line-black{
	width		: 100%;
	height		: 24px;
	background	: url(../images/top-line-black.jpg);
}
/* FIN TOP */

/* DEBUT Onglets */
ul#top-tabs li a{
	font-size		: 0px;
	letter-spacing	: -5px;
	text-decoration	: none;
}
ul#top-tabs a:hover{
	text-decoration	: none;
	background-color: transparent;
}

ul#top-tabs{
	padding			: 0px;
	margin			: 0px;
	list-style-type	: none;
	width			: 100%;
	height			: 27px;
}
ul#top-tabs li{
	float		: left;
	width		: 140px;
	height		: 100%;
	line-height	: 100%;
}
ul#top-tabs li a{
	width		: 100%;
	height		: 100%;
}
ul#top-tabs li#tab-left{
	width		: 88px;
	background	: url(../images/tab-left.jpg);
}
ul#top-tabs li#tab-right{
	clear		: right;
	width		: 29px;
	background	: url(../images/tab-right.jpg);
}
ul#top-tabs li#tab-societe{
	width		: 139px;
	background	: url(../images/tab-societe.jpg);
}
ul#top-tabs li#tab-produit{
	background	: url(../images/tab-produit.jpg);
}
ul#top-tabs li#tab-journal{
	background	: url(../images/tab-journal.jpg);
}
ul#top-tabs li#tab-temoignage{
	background	: url(../images/tab-temoignage.jpg);
}
ul#top-tabs li#tab-contact{
	background	: url(../images/tab-contact.jpg);
}
/* FIN Onglets */

/* DEBUT MENU */

#menu{
	width				: 100%;
	background-color	: #c8c8c8;
}

.left-panel-wrapper{
	padding		: 5px;
}
.left-panel-wrapper ul{
	padding	: 0 0 0 20px;
	margin	: 0px;
}
.left-panel-wrapper ul li{
	list-style-position	: outside;
	list-style-image	: url(../images/arrow.gif);
}

.left-panel-wrapper a{
	text-decoration	: none;
}
#login-map{
	width		: 218px;
	height		: 111px;
	background	: url(../images/login-map.jpg);
}
#login-map a{
	width			: 77px;
	height			: 20px;
	margin			: 83px 0 0 134px;
	text-decoration	: none;
}
#login-map a:hover{
	background		: transparent;
}

#menu-bottom{
	width		: 100%;
	height		: 17px;
	background	: url(../images/menu-bottom.jpg);
}

/* FIN MENU */

/* DEBUT CONTENU */
#content-wrapper{
	width		: 100%;
	padding		: 0 0 20px 0;
	background	: url(../images/background.jpg);
}

#content-wrapper #left-panel {
	float		: left;
	margin		: 0 0 0 10px;
	text-align	: left;
	width		: 216px;
	height		: 100%;
}
#content-wrapper #content-panel{
	float		: left;
	margin		: 0 0 0 10px;
	padding		: 10px;
	width		: 550px;
	height		: 100%;
}
/* FIN CONTENU */
/* DEBUT TELECHARGEMENTS */
ul.download li{
	list-style-position	: outside;
	list-style-image	: url(../images/silk/bullet_disk.png);
}
/* FIN TELECHARGEMENTS */
/* DEBUT ARTICLES */
.article{
	padding	: 20px 0;
}
.article h1, h2, h3, h4, h5, h6{
	padding : 0px 0 10px 0;
}
.left{
	text-align	: left;
}
.right{
	text-align	: right;
}
.center{
	text-align	: center;
}

/* FIN ARTICLES*/

/* DEBUT FORMULAIRE */

form .label{
	float		: left;
	width		: 150px;
	height		: 20px;
	line-height	: 20px;
	margin		: 5px 0;
	font-weight	: bold;
}
form .input{
	float		: left;
	width		: 250px;
	height		: 20px;
	line-height	: 20px;
	margin		: 5px 0;
	padding		: 0px 5px;
	text-align	: left;
}
form .error{
	float	: left;
	width	: 250px;
	height	: 20px;
	margin	: 5px 0;
	color	: #FF3333;
}
form .valid{
	float		: left;
	width		: 250px;
	height		: 20px;
	margin		: 5px 0;
	color		: #339933;
	font-weight	: bold;
}

.input input,
.input textarea,
.input select{
	margin	: 0px;
	padding	: 0px;
	width	: 100%;
}
.input textarea{
	height	: 150px;
}

.input select{
	height	: 22px !important;
}

/* FIN FORMULAIRE */

/* DEBUT BOTTOM */

#bottom-line-gradient{
	width		: 100%;
	height		: 19px;
	background	: url(../images/bottom-line-gradient.jpg);
}

#bottom-wrapper{
	width		: 100%;
	height		: 46px;
	background	: url(../images/bottom-wrapper.jpg);
}
#bottom-wrapper #imprint{
	font-family		: verdana;
	font-size		: 10px;
	font-weight		: normal;
	color			: #888888;
	text-decoration	: none;
	padding			: 10px;
	margin			: 0 0 0 270px;
	width			: 526px;
	height			: 100%;
}
#bottom-wrapper #imprint a{
	font-family		: verdana;
	font-size		: 10px;
	color			: #888888;
	font-weight		: bold;
	text-decoration	: none;
}
#bottom-wrapper #imprint a:hover { 
	font-size	: 10px;
	color		: #80b7ed;
}

#bottom-bar{
	height		: 36px;
	background	: url(../images/bottom-bar.jpg);
}
/* FIN BOTTOM */
/* DEBUT ADMIN */
a.admin-menu{
	text-decoration	: none;
	padding			: 2px;
	cursor			: pointer;
	color			: gray;
}
a.admin-menu .icon{
	margin				: 0 16px;
	width				: 128px;
	height				: 128px;
	background-repeat	: no-repeat;
}
a.admin-menu:hover{
	color	: white;
}
a.admin-menu:hover .container{
	border		: solid white 2px;
}
a.admin-menu .container{
	float		: left;
	text-align	: center;
	width		: 160px;
	height		: 165px;
	font-weight	: bold;
	font-size	: 16px;
	border		: solid gray 2px;
}

/*grid*/
.grid,
.edit{
	background-color	: white;
	width				: 100%;
	border				: solid #CCCCCC 1px;
	padding				: 5px;
	text-align			: left;
}
.grid-header{
	width			: 95%;
	height			: 20px;
	background-color: #CCCCCC;
}
.grid a{
	float			: left;
	display			: block;
	height			: 20px;
	cursor			: pointer;
	padding			: 0px;
	margin			: 0px;
	text-decoration	: none;
}
.grid .grid-line{
	height			: 20px;
	width			: 95%;
	overflow		: hidden;
}
.grid a.grid-line{
	width			: 95%;
}
.grid a.grid-line-action {
	background		: none;
}
.grid .grid-cell{
	float			: left;
	height			: 100%;
	line-height		: 20px;
	overflow		: hidden;
}
.grid-header .grid-cell{
	font-weight		: bold;
}
.grid .grid-cell .state-icon{
	padding			: 2px;
}
.grid .selected{
	background-color	: gray;
	color				: white;
}

/*paging*/
.paging{
	float	: left;
	width	: 384px;
}
.paging a:hover{
	background:none;
}

/*forms*/
.control{
	float	: left;
	width	: 16px;
	height	: 17px;
	margin	: 5px 0;
}
form .error{
	width	: 350px;
}
.input .control{
	margin	: 0px 5px 0 0 !important;
}

.control a:hover{
	background:none;
}

.edit .input{
	width: 350px;
}

/* FIN ADMIN*/

/* DEBUT W3C */

#w3c-validation{
	margin		: 0 auto;
	width		: 176px;
	height		: 31px;
}
#w3c-validation a{
	text-decoration	: none;
	display			: block;
	width			: 100%;
	height			: 100%;
}
#w3c-validation a:hover{
	background-color	: transparent;
}
#w3c-validation #xhtml{
	float		: left;
	width		: 88px;
	height		: 31px;
	background	: url(../images/valid-xhtml11.png);
}
#w3c-validation #css{
	float		: left;
	width		: 88px;
	height		: 31px;
	background	: url(../images/vcss.gif);
}
/* FIN W3C */