/* *************************************
 *	Styles g�n�raux
 * *************************************/
* {
	font-family:					verdana;
}

a, p, div, span, label, input, textarea, select, td, th {
	font-size:						8pt;
}

a {
	color:							#2E98B2;
	text-decoration:				none;
}

a:hover {
	text-decoration:				underline;
}

h1 {
	font-size:						16pt;
}

h2 {
	font-size:						14pt;
}

h3 {
	font-size:						12pt;
}

h4 {
	font-size:						11pt;
}

body {
	margin:							0;
	padding:						0;
	background:						#FFFFFF;
	width:							100%;
	height:							100%;
}

img {
	border:							0;
}

.clear {
	clear:							both;
	height:							0px;
}

.right {
	position:						relative;
	float:							right;
}

.left {
	position:						relative;
	float:							left;
}

#body {
	/*max-width:						1100px;*/
	min-width:						970px;
	height:							100%;
	margin:							auto;
	background:						#333333;
}

.inside_bloc {
	width:							970px;
	margin:							auto;
	clear:							both;
	position:						relative;
}

.maintenance {
	min-height: 					500px;
	background-color:				#b0c4de; 
	font-size:						14pt;
	line-height: 					50px;
	text-align:  					center;
	padding-top:					100px;
}


.align_top {
	vertical-align:					top;
}

.align_top1 {
	margin-top:						6px;
	display:						inline-block;
	vertical-align:					top;
}

.align_left {
	text-align:						left;
}

.align_right {
	text-align:						right;
}

.align_centre {
	text-align:						center;
}

.align_centre_petit {
	text-align:						center;
	font-size:						8pt;
}
.align_centre_100 {
	text-align:						center;
	max-width: 						100px
}
.w40px {
	width:							40px;
}

.w55px {
	width:							55px;
}

.noir {
	color:							#000000;
}

.red {
	color:							#FE0002;
}

.grey {
	color:							#686868;
}

.blue {
	color:							#2E98B2;
}

.upper {
	text-transform:					uppercase;
}

span.grey {
	display:						inline-block;
	margin-right:					25px;
}

span.info {
	background:						url(../img/puce_aide.png) no-repeat top left;
	width:							14px;
	height:							14px;
	display:						inline-block;
	overflow:						hidden;
	font-size:						0;
	margin-left:					5px;
	vertical-align:					top;
}

span.info_oeuvre {
	background:						url(../img/puce_info.gif) no-repeat top left;
	width:							14px;
	height:							14px;
	display:						inline-block;
	overflow:						hidden;
	font-size:						0;
	margin-left:					5px;
	vertical-align:					top;
}

a.info:hover {
	text-decoration:				none;
}

a.info_oeuvre:hover {
	text-decoration:				none;
}

#ui-datepicker-div {
	display:						none;
}

/* *************************************
 *	Menu - Header
 * *************************************/
.menu {
	height:							26px;
}

.menu p {
	margin:							0;
	padding:						0 0 0 10px;
	line-height:					26px;
	text-align:						justify;
	color:							#FFFFFF;
	font-size:						10px;
	word-spacing:					1pt;
}

.menu p img {
	vertical-align:					-3px;
}

.menu p a {
	font-size:						10px;
	color:							#FFFFFF;
	text-decoration:				none;
}

.menu p a:hover {
	text-decoration:				underline;
}

.header {
	width:							100%;
	height:							205px;
	background:						#2E98B2; /* url(../img/back_header.jpg) no-repeat bottom center;*/
}

.header.bo {
	margin:							0;
	background:						#1B5E6F url(../img/back_header_bo.jpg) no-repeat bottom center;
}

.header .inside_head {
	position:						relative;
	height:							205px;
}

.header .logo {
	position:						absolute;
	top:							32px;
	left:							0;
}

.header .animated {
	position:						absolute;
	top:							0px;
	left:							0px;
}

.header.bo .animated {
	top:							55px;
	left:							275px;
}

.header.bo .animated h2 {
	color:							#FFFFFF;
}

.header .onglet {
	position:						absolute;
	bottom:							0;
	left:							0;
	background:						url(../img/onglet.png) no-repeat top left;
	width:							287px;
	height:							50px;
	overflow:						hidden;
}

.header .onglet div {
	padding-left:					17px;
	line-height:					50px;
	font-weight:					bold;
	font-family:					trebuchet MS;
	font-size:						14px;
	text-transform:					uppercase;
}

.header .onglet .compte {
	background:						url(../img/icon.png) no-repeat 10px 10px;
	padding-left:					37px;
	line-height:					50px;
	font-weight:					bold;
	font-family:					trebuchet MS;
	font-size:						14px;
	text-transform:					uppercase;
}

.header .onglet .catalogue {
	background:						url(../img/catalogue.png) no-repeat 1px 10px;
	padding-left:					37px;
	line-height:					50px;
	font-weight:					bold;
	font-family:					trebuchet MS;
	font-size:						14px;
	text-transform:					uppercase;
}

.header .onglet .recherche {
	background:						url(../img/loupe.jpg) no-repeat 10px 10px;
	padding-left:					37px;
	line-height:					50px;
	font-weight:					bold;
	font-family:					trebuchet MS;
	font-size:						14px;
	text-transform:					uppercase;
}

.header .box {
	position:						absolute;
	top:							0;
	right:							0;
	background:						url(../img/header_box.png) no-repeat top left;
	width:							313px;
	height:							92px;
	overflow:						hidden;
}

.header .connect {
	position:						absolute;
	top:							0;
	right:							10px;
	background:						url(../img/header_box.png) no-repeat 0 -39px;
	width:							313px;
	height:							75px;
	overflow:						hidden;
}

.header .panier {
	position:						absolute;
	top:							0;
	right:							334px;
	background:						url(../img/header_panier.png) no-repeat top left;
	width:							214px;
	height:							53px;
	overflow:						hidden;
}

.header .panier.connect {
	right:							324px;
}

.header .inbox {
	margin-left:					10px;
	position:						relative;
}

.header .inbox h2 {
	font-weight:					bold;
	font-family:					trebuchet MS;
	font-size:						14px;
	text-transform:					uppercase;
	margin:							8px 0;
}

.header .connect .inbox h2,
.header .panier .inbox h2 {
	margin:							0;
	line-height:					26px;
}

.header .box .inbox p {
	font-size:						9pt;
	margin:							10px 0;
	letter-spacing:					-1px;
}

.header .panier .inbox p img {
	vertical-align:					-7px;
	margin-right:					5px;
}

.header .panier .inbox p {
	font-size:						10pt;
	margin:							0;
	color:							#E53549;
	font-weight:					bold;
}

.header .box .inbox a.deconnexion {
	top:							0;
	right:							5px;
	position:						absolute;
	background:						url(../img/exit.png) no-repeat top right;
	padding-right:					35px;
	line-height:					18px;
	padding-bottom:					7px;
	display:						inline-block;
}

.header .panier a.voir {
	bottom:							0px;
	right:							5px;
	position:						absolute;
	background:						url(../img/btn_tiny.png) no-repeat top left;
	padding-left:					20px;
	padding-bottom:					4px;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						6pt;
	width:							35px;
	line-height:					22px;
	text-align:						left;
}

.header .connect form input#user {
	border:							0;
	width:							135px;
	height:							20px;
	line-height:					20px;
	margin:							0 5px 0 0;
	padding:						0 0 0 5px;
	background:						url(../img/input_user.png) no-repeat top left;
	color:							#797979;
}

.header .connect form input#user.error {
	background:						url(../img/user_erreur.png) no-repeat top left;
}

.header .connect form input#pwd {
	border:							0;
	width:							109px;
	height:							20px;
	line-height:					20px;
	margin:							0 5px 0 0;
	padding:						0 0 0 5px;
	background:						url(../img/input_pwd.png) no-repeat top left;
	color:							#797979;
	display:						none;
}

.header .connect form input#mask {
	border:							0;
	width:							109px;
	height:							20px;
	line-height:					20px;
	margin:							0 5px 0 0;
	padding:						0 0 0 5px;
	background:						url(../img/input_pwd.png) no-repeat top left;
	color:							#797979;
}

.header .connect form input#pwd.error,
.header .connect form input#mask.error {
	background:						url(../img/pwd_erreur.png) no-repeat top left;
}

.header .connect form input.ok,
.content form input.ok,
.content form button.ok {
	border:							0;
	width:							26px;
	height:							26px;
	font-size:						0;
	background:						url(../img/btn_ok.png) no-repeat top left;
	cursor:							pointer;
	*vertical-align:				bottom;	/* Hack pour l'alignement correct du bouton sous ie7 */
}

.header .connect a {
	display:						inline-block;
	float:							right;
	color:							#29282E;
	margin-top:						5px;
	font-size:						0.9em;
}

.header .connect a.inscrire {
	top:							0;
	right:							7px;
	position:						absolute;
	display:						inline-block;
	background:						url(../img/btn_inscrire.png) no-repeat top left;
	margin-top:						3px;
	width:							72px;
	padding-left:					17px;
	line-height:					20px;
	height:							24px;
	color:							#FFFFFF;
	text-transform:					uppercase;
	font-size:						9px;
	font-weight:					bold;
	text-align:						left;
	padding-bottom:					7px;
	display:						inline-block;
}

/* *************************************
 *	Onglets - BO
 * *************************************/
.onglets {
	position:						absolute;
	left:							0;
	top:							179px;
	width:							100%;
}

.onglets ul {
	display:						inline-block;
	list-style:						none;
	margin:							0;
	padding:						0;
}

.onglets ul li {
	display:						inline-block;
	list-style:						none;
	margin:							0;
	padding:						0;
	height:							51px;
	vertical-align:					bottom;
	float:							left;
}

.onglets ul li span {
	display:						inline-block;
	margin-top:						16px;
	line-height:					36px;
	font-size:						14px;
	text-transform:					uppercase;
	color:							#A7A7A7;
	font-weight:					bold;
	background:						url(../img/onglet_mid.png) repeat-x top left;
}

.onglets.edt ul li span {
	margin-top:						15px;
	background:						url(../img/onglet_mid_edt.png) repeat-x top left;
	font-weight:					normal;
}

.onglets ul li span.onglet_left {
	background:						url(../img/onglet_ext.png) no-repeat left top;
	width:							18px;
}

.onglets.edt ul li span.onglet_left {
	background:						url(../img/onglet_ext_edt.png) no-repeat left top;
	width:							10px;
}

.onglets ul li span.onglet_right {
	background:						url(../img/onglet_ext.png) no-repeat right top;
	width:							35px;
}

.onglets.edt ul li span.onglet_right {
	background:						url(../img/onglet_ext_edt.png) no-repeat right top;
	width:							10px;
}

.onglets ul li.inactif span {
	background:						url(../img/onglet_mid_off.png) repeat-x top left;
	color:							#95AEB5;
}

.onglets ul li.inactif span.onglet_left {
	background:						url(../img/onglet_ext_off.png) no-repeat left top;
}

.onglets ul li.inactif span.onglet_right {
	background:						url(../img/onglet_ext_off.png) no-repeat right top;
}

.onglets ul ul {
	display:						none;
}

.onglets ul li.actif ul,
.onglets ul li:hover ul {
	display:						inline-block;
	position:						absolute;
	left:							0;
	top:							52px;
	width:							100%;
	height:							28px;
	background:						#333333;
}

.onglets ul li.actif span,
.onglets ul li a:hover span {
	display:						inline-block;
	margin-top:						0;
	line-height:					52px;
	color:							#FFFFFF;
	background:						url(../img/onglet_actif_mid.png) repeat-x top left;
}

.onglets.edt ul li.actif span,
.onglets.edt ul li a:hover span {
	margin-top:						6px;
	line-height:					46px;
	color:							#000000;
	background:						url(../img/onglet_actif_mid_edt.png) repeat-x top left;
}

.onglets ul li.actif span.onglet_left,
.onglets ul li a:hover span.onglet_left {
	background:						url(../img/onglet_actif_ext.png) no-repeat left top;
	width:							18px;
}

.onglets.edt ul li.actif span.onglet_left,
.onglets.edt ul li a:hover span.onglet_left {
	background:						url(../img/onglet_actif_ext_edt.png) no-repeat left top;
	width:							10px;
}

.onglets ul li.actif span.onglet_right,
.onglets ul li a:hover span.onglet_right {
	background:						url(../img/onglet_actif_ext.png) no-repeat right top;
	width:							35px;
}

.onglets.edt ul li.actif span.onglet_right,
.onglets.edt ul li a:hover span.onglet_right {
	background:						url(../img/onglet_actif_ext_edt.png) no-repeat right top;
	width:							10px;
}

.onglets ul ul li {
	margin-left:					15px;
	line-height:					28px;
	color:							#A7A7A7;
}

.onglets ul ul li a {
	color:							#FFFFFF;
}

/* *************************************
 *	Footer
 * *************************************/
.footer p {
	margin:							0;
	line-height:					26px;
	text-align:						center;
	color:							#FFFFFF;
	font-size:						8pt;
}

.footer p a {
	font-size:						10px;
	color:							#FFFFFF;
	text-decoration:				none;
}

.footer p a:hover {
	text-decoration:				underline;
}

/* *************************************
 *	Elements communs aux pages
 * *************************************/
.content {
	background:						#FFFFFF;
}

/* Mettre en gris le pourtour du contenu central */
/*
.content .inside_bloc {
	border-left:					solid 1px #EEEEEE;
	border-right:					solid 1px #EEEEEE;
}
*/

.ariane {
	position:						relative;
	width:							auto;
	height:							45px;
	color:							#666666
}

.abs_separateur {
	border-bottom:					dashed 1px #333333;
	width:							950px;
	height:							22px;
	position:						absolute;
	top:							0;
	left:							10px;
}

.rel_separateur {
	border-bottom:					dashed 1px #333333;
	width:							100%;
	height:							0;
	position:						relative;
	margin:							16px 0 16px 10px;
	clear:							both;
	float:							left;
}

.rel_separateur.home {
	width:							950px;
}

.ariane p {
	margin:							0;
	line-height:					45px;
	margin-left:					10px;
}

.ariane p span {
	background:						#FFFFFF;
}

.formulaire {
	position:						relative;
	width:							100%;
	color:							#000000;
}

.formulaire p {
	margin-left:					10px;
	margin-right:					10px;
}

.formulaire h1 {
	background:						url(../img/fleche.png) no-repeat 0 7px;
	margin:							0 0 0 10px;
	width:							700px;
	padding-left:					25px;
	font-size:						24px;
	font-weight:					normal;
	font-family:					trebuchet MS;
}

.formulaire h2 {
	background:						url(../img/fleche_small.png) no-repeat 0 8px;
	margin:							0 0 0 10px;
	padding-left:					12px;
	font-size:						18px;
	font-weight:					normal;
	font-family:					trebuchet MS;
}

.formulaire .colonne_right h2 {
	margin:							0;
}

.formulaire h1 span {
	font-size:						8pt;
}

.formulaire .colonne_left {
	width:							450px;
	margin:							20px 0 0 10px;
}

.formulaire .colonne_left.long {
	width:							490px;
}

.formulaire .colonne_right {
	width:							487px;
	margin-top:						20px;
}

.formulaire.inscription .colonne_right {
	padding-left:					10px;
	margin-right:					10px;
	background:						#EAF4F6;
}

.formulaire .colonne_right.neg_marge {
	margin-top:						-10px;
}

.formulaire .colonne_right.long {
	width:							510px;
}

.formulaire .colonne_right.court {
	width:							450px;
}

.formulaire .colonne_right.small {
	width:							450px;
	margin:							25px 10px 0 0;
}

.formulaire.inscription .colonne_right span.zoning {
	background:						url(../img/zoning.jpg) no-repeat top left;
	display:						inline-block;
	position:						absolute;
	top:							30px;
	left:							-10px;
	width:							10px;
	height:							20px;
}

.formulaire label {
	font-size:						9pt;
	font-weight:					bold;
	display:						inline-block;
	padding:						10px 0;
	vertical-align:					middle;
}

.formulaire label.medium {
	width:							203px;
	vertical-align:					top;
}

.formulaire .colonne_left label {
	width:							215px;
}

.formulaire .colonne_left label.align_top {
	vertical-align:					top;
}

.oeuvre .colonne_left label,
.inscription .colonne_left label {
	width:							175px;
}

.formulaire.inscription label.align_top {
	vertical-align:					top;
	padding-top:					5px;
}

.formulaire .colonne_right label.recherche {
	width:							180px;
	margin-left:					35px;
}

.formulaire .colonne_right label.recherche_long {
	width:							auto;
}

.formulaire .colonne_right label {
	width:							215px;
}

.formulaire .colonne_right label.readonly {
	color:							#8A8987;
}

.formulaire .colonne_right label.long {
	width:							236px;
}

.formulaire .colonne_right label.x_long {
	width:							300px;
	text-transform:					uppercase;
}

.formulaire .colonne_right label.medium {
	width:							200px;
	vertical-align:					baseline;
}

.formulaire label.label_long {
	width:							250px;
}

.formulaire label.label_court {
	width:							82px;
	vertical-align:					top;
}

.formulaire label.label_medium {
	width:							205px;
	vertical-align:					top;
}

.formulaire label.label_medium2 {
	width:							170px;
	vertical-align:					top;
}

.formulaire .colonne_right label span {
	font-weight:					normal;
}

.formulaire .colonne_right .info_article label {
	width:							175px;
}

.formulaire input[type="text"],
.formulaire input[type="password"] {
	width:							248px;
	height:							18px;
	border:							none;
	padding-left:					5px;
	color:							#656565;
}

.formulaire input[type="text"].error,
.formulaire input[type="password"].error {
	background:						url(../img/text_erreur.png) no-repeat top left;
}

.formulaire input[type="text"].readonly {
	background:						url(../img/text_readonly.png) no-repeat top left;
}

.formulaire label.error,
.formulaire.oeuvre label.error,
.formulaire.inscription label.error {
	width:							0;
	height:							0;
	padding:						0;
}

.formulaire .input_text {
	background:						url(../img/text.png) no-repeat top left;
}

.formulaire .input_text.small {
	background:						url(../img/text_small.png) no-repeat top left;
	width:							213px;
}

.formulaire .input_text.ssmall {
	background:						url(../img/text_ssmall.png) no-repeat top left;
	width:							195px;
}

.formulaire .input_text.ssmall.error {
	background:						url(../img/text_ssmall_erreur.png) no-repeat top left;
}

.formulaire .input_text.tiny {
	background:						url(../img/text_tiny.png) no-repeat top left;
	width:							145px;
}

.formulaire .input_text.ltiny {
	background:						url(../img/text_ltiny.png) no-repeat top left;
	width:							104px;
}

.formulaire .input_text.xtiny {
	background:						url(../img/text_xtiny.png) no-repeat top left;
	width:							72px;
}

.formulaire .input_text.xstiny {
	background:						url(../img/text_xstiny.png) no-repeat top left;
	width:							55px;
}

.formulaire .input_text.long {
	background:						url(../img/text_long.png) no-repeat top left;
	width:							440px;
}

.formulaire .input_text.turquoise {
	background:						url(../img/text_turquoise.png) no-repeat top left;
	font-style:						italic;
	text-align:						center;
}

.formulaire .input_text.tiny.turquoise {
	background:						url(../img/text_tiny_turquoise.png) no-repeat top left;
	font-style:						normal;
	text-align:						left;
}

.formulaire select {
	width:							248px;
	height:							22px;
	padding-left:					5px;
}

.formulaire select.select_text {
	width:							150px;
	height:							22px;
	padding-left:					5px;
}

.formulaire select.search {
	width:							145px;
	margin-right:					7px;
}

.formulaire .select {
	width:							auto;
	height:							64px;
	display:						inline-block;
	margin:							6px 0 14px 0;
}

.formulaire .select select.multiple {
	width:							165px;
	height:							64px;
	background:						url(../img/select_large.png) no-repeat top left;
	border:							0;
}

.formulaire .select select.multiple.error {
	background:						url(../img/select_large_erreur.png) no-repeat top left;
}

.formulaire .select select.multiple.long {
	width:							358px;
	height:							65px;
	background:						url(../img/select_long.png) no-repeat top left;
	border:							0;
}

.formulaire .select select.multiple.medium {
	width:							91px;
	height:							64px;
	background:						url(../img/select_medium.png) no-repeat top left;
	border:							0;
}

.formulaire .select select.multiple.slong {
	width:							189px;
	height:							51px;
	background:						url(../img/select_slong.png) no-repeat center -1px;
	border:							0;
}

.formulaire .select select.multiple.small {
	background:						url(../img/select_slong.png) no-repeat left -1px;
	width:							110px;
	height:							51px;
	border:							0;
}

.formulaire .select select.multiple option.selected {
	color:							#656565;
}

.formulaire span.boutons {
	display:						inline-block;
	margin-left:					3px;
	vertical-align:					15px;
}

.formulaire span.boutons.col {
	margin:							0;
	width:							110px;
	text-align:						center;
}

.formulaire .boutons button.ajouter_cumulativelist {
	width:							67px;
	height:							20px;
	color:							#FFFFFF;
	background:						url(../img/btn_small.png) no-repeat top left;
	border:							0;
	font-size:						7pt;
	cursor:							pointer;
	padding:						0 0 5px 0;
}

.formulaire .boutons button.retirer_cumulativelist {
	width:							67px;
	height:							20px;
	color:							#FFFFFF;
	background:						url(../img/btn_noir_small.png) no-repeat top left;
	border:							0;
	font-size:						7pt;
	cursor:							pointer;
	padding:						0 0 5px 0;
}

.formulaire .boutons button.ajouter_multiselect {
	width:							67px;
	height:							20px;
	color:							#FFFFFF;
	background:						url(../img/btn_small.png) no-repeat top left;
	border:							0;
	font-size:						7pt;
	cursor:							pointer;
	padding:						0 0 5px 0;
}

.formulaire .boutons button.retirer_multiselect {
	width:							67px;
	height:							20px;
	color:							#FFFFFF;
	background:						url(../img/btn_noir_small.png) no-repeat top left;
	border:							0;
	font-size:						7pt;
	cursor:							pointer;
	padding:						0 0 5px 0;
}

.formulaire textarea {
	width:							247px;
	margin:							0;
	padding:						3px;
	height:							64px;
	background:						url(../img/textarea.png) no-repeat top left;
	font-family:					verdana;
	border:							0;
	overflow:						hidden;
	color:							#656565;
}

.formulaire textarea.readonly {
	background:						url(../img/textarea_readonly.png) no-repeat top left;
}

.formulaire textarea.medium {
	margin-top:						10px;
}

.formulaire textarea.large {
	background:						url(../img/textarea_large.png) no-repeat top left;
	width:							465px;
	height:							207px;
}

.formulaire textarea.long {
	background:						url(../img/textarea_long.png) no-repeat top left;
	width:							752px;
	height:							61px;
}

.formulaire textarea.error {
	background:						url(../img/textarea_erreur.png) no-repeat top left;
}

.formulaire textarea.large.error {
	background:						url(../img/textarea_large_erreur.png) no-repeat top left;
}

.formulaire textarea.turquoise_long {
	background:						url(../img/textarea_turquoise_long.png) no-repeat 0 -1px;
	width:							465px;
	font-style:						italic;
}

.formulaire textarea.turquoise_large {
	background:						url(../img/textarea_turquoise_large.png) no-repeat top left;
	width:							465px;
	height:							146px;
	font-style:						italic;
}

.formulaire textarea.turquoise_long.error {
	background:						url(../img/textarea_long_erreur.png) no-repeat 0 -1px;
}

.formulaire textarea.turquoise_large.error {
	background:						url(../img/textarea_medium_erreur.png) no-repeat top left;
}

.formulaire textarea.text_article {
	background:						url(../img/textarea_article.png) no-repeat top left;
	width:							119px;
	height:							66px;
}

.formulaire textarea.text_article.error {
	background:						url(../img/textarea_article_erreur.png) no-repeat top left;
}

.formulaire input.valider {
	width:							149px;
	height:							25px;
	background:						url(../img/btn_turquoise.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.formulaire input.valid_cmd {
	width:							200px;
	height:							25px;
	background:						url(../img/btn_valid_cmd.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.formulaire input.valid_cmd_large {
	width:							330px;
	height:							25px;
	background:						url(../img/btn_valid_cmd_xl.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.formulaire button.retour {
	width:							262px;
	height:							25px;
	background:						url(../img/btn_retour_prec.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.formulaire button.annul_cmd {
	width:							200px;
	height:							25px;
	background:						url(../img/btn_annul_cmd.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.formulaire input.recherche_multi {
	width:							290px;
	height:							28px;
	background:						url(../img/btn_recherche_multi.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
	margin:							50px 0 0 10px;
}

.formulaire button.annuler {
	width:							149px;
	height:							25px;
	background:						url(../img/btn_noir.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.formulaire button.supprimer {
	width:							165px;
	height:							25px;
	background:						url(../img/btn_rouge.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.formulaire input.valider_inscription {
	width:							202px;
	height:							25px;
	background:						url(../img/btn_turquoise_long.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.formulaire input.valider_url {
	width:							202px;
	height:							25px;
	background:						url(../img/btn_turquoise_long.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.formulaire button.voir_resultat {
	width:							202px;
	height:							25px;
	background:						url(../img/btn_turquoise_long.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.formulaire a.btn_red {
	width:							128px;
	height:							25px;
	background:						url(../img/btn_red.png) no-repeat top left;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-top:					3px;
	display:						inline-block;
	position:						absolute;
	top:							5px;
	right:							0;
	text-align:						center;
}

.formulaire input.valider:hover,
.formulaire button.annuler:hover,
.formulaire button.supprimer:hover {
	text-decoration:				underline;
}

.formulaire a.conditions {
	display:						inline-block;
	width:							223px;
	height:							23px;
	background:						url(../img/btn_modifier_condition.png) no-repeat top left;
	text-align:						center;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						9px;
	padding-top:					4px;
	padding-left:					2px;
	float:							right;
	margin-right:					15px;
}

div.boutons {
	margin-left:					170px;
	margin-top:						15px;
	margin-bottom:					15px;
}

.inscription div.boutons.valider {
	margin-left:					380px;
}

div.has-js {
	position:						relative;
}

div.has-js.medium2 {
	width:							170px;
}

div.has-js .dispo_reelle {
	position:						absolute;
	left:							0;
	top:							26px;
}

.formulaire .colonne_right div.has-js label.recherche {
	vertical-align:					5px;
}

div.has-js label.l1 {
	vertical-align:					top;
	width:							132px;
}

div.has-js label.l2 {
	margin-left:					10px;
	width:							80px;
}

div.has-js label.l3 {
	margin-left:					10px;
	width:							130px;
}

div.has-js label.l4 {
	margin-left:					0;
	width:							410px;
}

div.has-js label.l5 {
	width:							75px;
}

div.has-js label.simple {
	font-weight:					normal;
	vertical-align:					top;
}

.has-js label.checkbox {
	height:							16px;
	width:							16px;
	padding:						0;
	vertical-align:					baseline;
	background:						url(../img/checkbox.png) no-repeat;
	cursor:							default;
}

.has-js label.checkbox.valign {
	vertical-align:					middle;
}

.has-js label.checkbox input {
	display:						none;
}

.has-js label.checkbox input.show {
	display:						inline;
}

.selected {
	background-position:			0 -16px;
}

.visuel {
	width:							175px;
	position:						relative;
}

.visuel .bloc_visuel {
	background:						url(../img/ombre_livre.png) no-repeat bottom center;
	width:							82px;
	padding-bottom:					8px;
	padding-right:					8px;
	position:						absolute;
	top:							10px;
	left:							166px;
}

.visuel .bloc_visuel img {
	width:							82px;
}

.visuel a {
	font-weight:					bold;
}

.visuel .upload {
	position:						absolute;
	top:							52px;
	left:							280px;
	width:							120px;
	height:							41px;
	text-align:						right;
	overflow:						hidden;
	cursor:							pointer;
}

.visuel .upload .inputFile {
	position:						absolute;
	right:							6px;
	top:							1px;
	height:							34px;
	border:							0;
	-moz-opacity:					0;
	filter:							alpha(opacity: 0);
	opacity:						0;
	z-index:						2;
	cursor:							pointer;
}

.visuel .upload span {
	display:						inline-block;
	width:							120px;
	height:							41px;
	color:							#FFFFFF;
	font-weight:					bold;
	text-transform:					uppercase;
	text-align:						left;
	padding-left:					8px;
	padding-top:					3px;
	background:						transparent url(../img/btn_large.png) no-repeat top left;
	cursor:							pointer;
}

.description {
	margin-top:						26px;
}

.bloc_offres {
	background:						#FFFFFF;
}

.bloc_offres .offres {
	background:						#FFFFFF;
	border-top:						dashed 1px #333333;
}

.bloc_offres .offres .hide {
	display:						none;
}

.bloc_offres .offres .text {
	margin-top:						8px;
	margin-left:					10px;
	margin-bottom:					5px;
	width:							245px;
}

.bloc_offres .offres.articles .text {
	width:							210px;
}

.bloc_offres .offres .list {
	width:							auto;
	margin-bottom:					5px;
}

.bloc_offres .offres .list a,
.conditions .offres a {
	background:						url(../img/ajouter.png) no-repeat 0 3px;
	line-height:					30px;
	margin-left:					10px;
	padding-left:					25px;
	display:						inline-block;
}

#zoning input.search {
	margin-left:					92px;
}

#zoning a.ajout_etablissement {
	background:						url(../img/ajouter.png) no-repeat 0 3px;
	line-height:					30px;
	padding-left:					25px;
	display:						inline-block;
}

#zoning table.items {
	width:							472px;
}

#zoning table.items td.texte {
	border-left:					solid 1px #77787D;
}

#zoning table.items td.link {
	border-right:					solid 1px #77787D;
}

.bloc_offres .offres table.items {
	width:							960px;
	margin-left:					10px;
	margin-bottom:					34px;
}

.resultat_recherche table.items {
	width:							950px;
	margin-left:					10px;
}

.fiche_produit table.items {
	width:							940px;
	margin-left:					10px;
	margin-top:						3px;
}

.bloc_offres .offres.articles table.items {
	width:							736px;
	margin-left:					0;
}

table.items th {
	background:						#333333;
	color:							#FFFFFF;
	padding:						5px;
	text-align:						left;
	border:							0;
}

table.items th.empty {
	background:						none;
}

table.items th.big {
	font-size:						16px;
}

table.items th.fix630 {
	width:							620px;
}

table.items th.fix430 {
	width:							430px;
}

table.items th.fix360 {
	width:							350px;
}

table.items th.fix205 {
	width:							195px;
}

table.items th.fix165 {
	width:							155px;
}

table.items th.fix155 {
	width:							145px;
}
.minfix110 {
	min-width:						110px;
}
.minfix400 {
	min-width:						400px;
}


table.items th.fix140,
table.items td .fix140 {
	width:							130px;
}

table.items th.fix115 {
	width:							105px;
}

table.items th.fix105 {
	width:							95px;
}

table.items th.fix95 {
	width:							85px;
}

table.items th.fix87 {
	width:							77px;
}

table.items th.fix65 {
	width:							60px;
}

table.items th.fix58 {
	width:							48px;
}

table.items th.fix55 {
	width:							45px;
}

table.items td.fix30 {
	width:							30px;
}

table.items th.texte {
	background:						#333333 url(../img/tab_corner_left.png) no-repeat top left;
}

table.items th.link {
	background:						#333333 url(../img/tab_corner_right.png) no-repeat top right;
}

table.items th.align_centre {
	text-align:center;
}
table.items tr.even {
	background:						#EAF4F6;
}

table.items tr.odd {
	background:						#FFFFFF;
}

table.items tr.last td {
	border-bottom:					solid 1px #77787D;
}

table.items tr.no-border td {
	border:							0;
}

table.items td {
	border-bottom:					dashed 1px #333333;
	padding:						5px;
}

table.items td.description_selon_adoption{
	border:					solid 1px #333333;
	padding:						5px;
	background-color:  #EAF4F6;
	/*color : #E53549; */
}

.article_supp_remise li {
	list-style-type: disc;
	color: #2E98B2;
	font-size: 15px;

}

.article_supp_remise li span{
	color: #000;

}


table.items td.preuve_achat  {
	border-bottom:					solid 0px;
	padding:						5px;
	width: 17%;
}


table.items td.case_a_cocher_adoption {
	border-bottom:					solid 0px;
	padding:						5px;
	width: 17%;
	float:left; 
	width : 140px
}

table.items td.case_a_cocher_adoption > label.label_checkbox {
	height: 37px; 
	width: 116px;
	padding-bottom: 0px;
}



table.items td.no-padding {
	padding:						0;
}

table.items td.texte {
	font-weight:					bold;
}

table.items td.center {
	text-align:						center;
}

table.items td.link {
	width:							145px;
	text-align:						center;
}

table.items td.button {
	width:							210px;
	padding:						0;
	background:						#FFFFFF;
	text-align:						center;
	vertical-align:					middle;
}

table.items td.titre {
	font-weight:					bold;
	text-transform:					uppercase;
	padding:						10px 5px;
}

table.items td.has-js {
	text-align:						center;
}

.bloc_offres .offres table.items td.link a {
	background:						url(../img/btn_modifier.png) no-repeat 0 5px;
	margin-left:					10px;
	padding-left:					16px;
	padding-top:					1px;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						6pt;
	width:							116px;
	line-height:					29px;
	text-align:						left;
	display:						inline-block;
}

.bloc_offres .offres.articles table.items td.link a {
	padding-left:					14px;
}

p.pagin {
	text-align:						center;
}

p.pagin  a {
	color:							#000000;
}

p.pagin  a.activ,
p.pagin  a:hover {
	color:							#2E98B2;
}

/* **********************************************
 *	Styles spécifiques de la home page
 * **********************************************/
.content .recherche {
	margin-left:					10px;
	padding-top:					10px;
}

.content .recherche label.checkbox {
	margin:							10px 0;
	vertical-align:					top;
}

.content .keywords_search {
	position:						absolute;
	top:							48px;
	right:							0;
}

.home {
	width:							100%;
}

.animation {
	margin-left:					10px;
	width:							600px;
}

.animation ul,
.animation ul li {
	margin:							0;
	padding:						0;
	list-style:						none;
	display:						inline-block;
	float:							left;
}

.actualites {
	width:							340px;
	margin-top:						-15px;
	padding-right: 					3px;
}

.actualites a.ressources {
	display:						inline-block;
	width:							326px;
	height:							78px;
	background:						url(../img/btn_mes_ressources.png) no-repeat top left;
	font-size:						0;
}

.actualites h2 {
	font-weight:					bold;
	font-family:					trebuchet MS;
	font-size:						14pt;
	text-transform:					uppercase;
	margin:							0 0 10px 0;
}

.actualites ul {
	margin:							0;
	padding:						0;
	list-style:						none;
}

.actualites ul li {
	margin:							7px 0;
	padding:						0;
	list-style:						none;
	display:						inline-block;
	min-height:						46px;
}

.actualites ul li.scolaire {
	background:						url(../img/scolaire.png) no-repeat 0 3px;
}

.actualites ul li.aide {
	background:						url(../img/aide.png) no-repeat 0 3px;
}

.actualites ul li.info {
	background:						url(../img/info.png) no-repeat 0 3px;
}


.actualites ul li.ccr {
	background:						url(../img/ccr.png) no-repeat 0 3px;
}

.actualites ul li.prescripteur {
	background:						url(../img/prescripteur.png) no-repeat 0 3px;
}

.actualites ul li a {
	display:						inline-block;
	padding-left:					50px;
	color:							#646464;
	font-size:						1.1em;
}

.carousel {
	width:							950px;
	margin:							10px;
	overflow:						hidden;
}

.carousel ul#carousel {
	margin:							0 0 0 10px;
	padding:						0;
	height:							50px;
	list-style:						none;
	display:						block;
	width:							100%;
}

.carousel ul#carousel li {
	height:							50px;
	list-style:						none;
	margin:							0 5px;
	padding:						0 2px;
	background:						url(../img/carousel_centre.png) repeat-x top left;
	display:						inline-block;
	position:						relative;
}

.carousel ul#carousel li a:hover {
	text-decoration:				none;
}

.carousel ul#carousel li img {
	height:							36px;
	margin:							7px 0;
}

.carousel ul#carousel li span.bord_left {
	position:						absolute;
	top:							0;
	left:							0;
	width:							10px;
	height:							50px;
	background:						url(../img/carousel_bord_gauche.png) no-repeat top left;
}

.carousel ul#carousel li span.bord_right {
	position:						absolute;
	top:							0;
	right:							0;
	width:							10px;
	height:							50px;
	background:						url(../img/carousel_bord_droit.png) no-repeat top right;
}

/* **********************************************
 *	Styles spécifiques de la fiche produit
 * **********************************************/
.fiche_produit .photo {
	margin:							0 10px;
}

.fiche_produit .photo {
	width:							242px;
	height:							370px;
	margin-right:					24px;
	margin-top:						20px;
	text-align:						center;
}

.fiche_produit .photo img {
	width:							239px;
	border:							solid 1px #CCCCCC;
}

.fiche_produit .photo a.demonstration {
	display:						inline-block;
	background:						url(../img/btn_demo.png) no-repeat top left;
	margin-top:						10px;
	width:							110px;
	padding-left:					22px;
	line-height:					20px;
	height:							26px;
	color:							#FFFFFF;
	text-transform:					uppercase;
	font-size:						9px;
	font-weight:					bold;
	text-align:						left;
}

.fiche_produit .infos {
	margin-top:						20px;
	width:							260px;
}

.fiche_produit .infos .new {
	display:						inline-block;
	margin-bottom:					10px;
	text-transform:					uppercase;
	font-weight:					bold;
	color:							#E5282E
}

.fiche_produit .infos img {
	vertical-align:					bottom;
}

.fiche_produit .infos span.usb {
	background:						url(../img/icon_pack.png) no-repeat 0 0;
	display:						inline-block;
	width:							13px;
	height:							23px;
	font-size:						0;
}

.fiche_produit .infos span.usb span.info {
	margin-top:						-5px;
}

.fiche_produit .infos span.cd_dvd {
	background:						url(../img/icon_pack.png) no-repeat -15px 0;
	display:						inline-block;
	width:							20px;
	height:							23px;
	font-size:						0;
}

.fiche_produit .infos span.cd_dvd span.info {
	margin-top:						-5px;
	margin-left:					10px;
}

.fiche_produit .infos span.download {
	background:						url(../img/icon_pack.png) no-repeat -39px 0;
	display:						inline-block;
	width:							20px;
	height:							23px;
	font-size:						0;
}

.fiche_produit .infos span.download span.info {
	margin-top:						-5px;
	margin-left:					8px;
}

.fiche_produit .infos span.web {
	background:						url(../img/icon_pack.png) no-repeat -62px 0;
	display:						inline-block;
	width:							22px;
	height:							23px;
	font-size:						0;
}

.fiche_produit .infos span.web span.info {
	margin-top:						-5px;
	margin-left:					8px;
}

.fiche_produit .infos ul {
	padding:						10px;
	margin:							0;
	color:							#707070;
	font-size:						12px;
}

.fiche_produit .infos ul li {
	margin:							7px 0;
}

.fiche_produit .infos ul span {
	color:							#2E98B2;
}

.fiche_produit .infos ul .titre {
	color:							#707070;
}

.fiche_produit .descr {
	margin-top:						40px;
	width:							405px;
	color:							#707070;
	font-size:						12px;
}

.fiche_produit .descr div.logo {
	position:						absolute;
	top:							-90px;
	right:							10px;
	height:							73px;
}

.fiche_produit .descr div.logo img {
	height:auto; 
	width:auto; 
	max-width:300px; 
	max-height:80px;
}

.fiche_produit .descr .uppercase {
	text-transform:					uppercase;
}

.fiche_produit .descr ul {
	padding:						0 0 0 15px;
	margin:							0;
}

.fiche_produit .descr ul li {
	margin:							7px 0;
}

.fiche_produit .descr p {
	margin-left:					0;
	margin-right:					0;
	font-size:						12px;
}

.fiche_produit .descr a {
	font-size:						12px;
	font-weight:					bold;
}

.fiche_produit .offres {
	margin:							15px 0 0 0;
}

.fiche_produit .packs {
	margin:							15px 0 0 0;
}

.fiche_produit .oeuvres {
	margin:							15px 0 0 0;
	padding-bottom:					20px;
}

.fiche_produit .oeuvres .articles {
	margin-left:					10px;
	padding:						10px 0;
	border-bottom:					dashed 1px #333333;
	width:							720px;
}

.fiche_produit .oeuvres .articles.no_border {
	border:							0;
}

.fiche_produit .oeuvres .articles .article {
	width:							350px;
}

.fiche_produit .oeuvres .articles .article img {
	float:							left;
	margin-right:					5px;
}

.fiche_produit .oeuvres .articles .article a {
	font-weight:					bold;
}

.fiche_produit table.items td.link a {
	display:						inline-block;
	background:						url(../img/btn_long.png) no-repeat top left;
	margin-top:						5px;
	width:							115px;
	padding-left:					17px;
	line-height:					20px;
	height:							26px;
	color:							#FFFFFF;
	text-transform:					uppercase;
	font-size:						9px;
	font-weight:					bold;
	text-align:						left;
}

.fiche_produit table.items td.link a.offre {
	background:						url(../img/btn_acces_offre.png) no-repeat top left;
}

.fiche_produit table.items td.align_top {
	vertical-align:					top;
}

.fiche_produit table.items td p {
	margin:							10px 0;
}

.extended table.items td a,
.colonne_right.small table.items td a {
	display:						inline-block;
	background:						url(../img/btn_ssmall.png) no-repeat top left;
	width:							25px;
	height:							25px;
	font-size:						0;
}

.extended  table.items.extend {
	width:							auto;
}

.extended  table.items.extend td {
	padding-right:					5px;
}

.extended table.items td a.link {
	width:							auto;
	height:							auto;
	background:						none;
}

.extended table.items td a.edit {
	background:						url(../img/btn_edit.png) no-repeat top left;
}

.extended table.items td a.edit2 {
	background:						url(../img/btn_edit.png) no-repeat top left;
}

.colonne_right.small table.items td a.supprimer,
.extended table.items td a.supprimer,
.groupe table.items td a.supprimer {
	background:						url(../img/btn_del.png) no-repeat top left;
}

.extended table.items td {
	height:							25px;
	padding:						0;
}

.fiche_produit table.items td h2 {
	margin-left:					-5px;
	margin-top:						15px;
}

.resultat {
	margin-left:					10px;
	width:							746px;
}

.resultat table {
	width:							100%;
}

.resultat table th {
	font-size:						13pt;
	font-weight:					normal;
}

.resultat table td .cellule {
	position:						relative;
}

.resultat table .controls {
	position:						absolute;
	top:							0;
	right:							0;
}

.resultat table.items td .controls label {
	display:						inline-block;
	vertical-align:					bottom;
	height:							26px;
}

.resultat table.items td .controls label span {
	color:							#FFFFFF;
	font-size:						9px;
	font-weight:					bold;
	display:						inline-block;
	line-height:					20px;
	vertical-align:					top;
}

.resultat table.items td .controls label.ctrl_left.on {
	background:						url(../img/radio_on_off.png) no-repeat 0 0;
	width:							62px;
}

.resultat table.items td .controls label.ctrl_left.off {
	background:						url(../img/radio_off_on.png) no-repeat 0 0;
	width:							62px;
}

.resultat table.items td .controls label.ctrl_right.on {
	background:						url(../img/radio_off_on.png) no-repeat -62px 0;
	width:							69px;
	margin-left:					-4px;
}

.resultat table.items td .controls label.ctrl_right.off {
	background:						url(../img/radio_on_off.png) no-repeat -62px 0;
	width:							69px;
	margin-left:					-4px;
}

.resultat table.items td .controls label.ctrl_right input {
	margin-left:					2px;
}

.resultat table.items td .controls a {
	display:						inline-block;
	background:						url(../img/btn_long.png) no-repeat top left;
	margin-top:						5px;
	width:							115px;
	padding-left:					17px;
	line-height:					20px;
	height:							26px;
	color:							#FFFFFF;
	text-transform:					uppercase;
	font-size:						9px;
	font-weight:					bold;
	text-align:						left;
}

.resultat table.items td span.grey {
	width:							330px;
}

.formulaire a.btn_red_long {
	width:							171px;
	height:							25px;
	background:						url(../img/btn_red_long.png) no-repeat top left;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						9px;
	padding-top:					3px;
	display:						inline-block;
	position:						absolute;
	top:							5px;
	right:							225px;
	text-align:						center;
}

.filtres {
	width:							196px;
	margin-right:					10px;
}

.filtres table,
.colonne_right.court table {
	width:							100%;
}

.filtres table th {
	font-size:						13pt;
	font-weight:					normal;
}

.filtres label.checkbox {
	display:						inline-block;;
	vertical-align:					top;
}

.condition_formulaire {
	margin-left:					35px;
}

.condition_formulaire .offres a {
	margin-left:					112px;
}

.condition_formulaire label.long {
	width:							245px;
}

.condition_formulaire .conditions_label {
	width:							112px;
}

.condition_formulaire .conditions_formulaire {
	width:							580px;
	background:						#EAF4F6;
}

.condition_formulaire .conditions_formulaire table {
	padding:						10px;
}

.condition_formulaire .conditions_formulaire table td.fleche {
	background:						url(../img/fleche_gris.png) no-repeat center 20px;
	padding:						0;
	width:							40px;
}

.condition_formulaire .conditions_btn {
	margin-right:					40px;
	margin-top:						15px;
}

.tranches {
	margin:							10px;
	background:						#EAF4F6;
	width:							950px;
}

.formulaire.tranches h2.small {
	font-size:						11pt;
	font-weight:					bold;
	background:						url("../img/fleche_small.png") no-repeat scroll 0 6px;
	margin:							10px;
}

.tranches .tranche_condition {
	margin-left:					39px;
}

.tranches .tranche_condition .tranche {
	margin-left:					46px;
}

.tranches .tranche_condition .tranche table {
	width:							367px;
}

.tranches .tranche_condition .tranche table td.border_r {
	border-right:					solid 1px #333333;
}

.tranches .tranche_condition .tranche table td.border_l {
	border-left:					solid 1px #333333;
}

.tranches .tranche_condition .tranche table td.border_b {
	border-bottom:					solid 1px #333333;
}

.tranches .tranche_condition .tranche table td.border_lb {
	border-left:					solid 1px #333333;
	border-bottom:					solid 1px #333333;
}

.tranches .tranche_condition .tranche table td.border_rb {
	border-right:					solid 1px #333333;
	border-bottom:					solid 1px #333333;
}

.tranches .tranche_condition .tranche table td.center {
	text-align:						center;
}

.tranches .tranche_condition .tranche table tfoot td {
	padding:						5px 0;
}

.tranches .tranche_condition .tranche table td a {
	height:							19px;
	display:						inline-block;
	color:							#FFFFFF;
	font-weight:					bold;
	text-transform:					uppercase;
	font-size:						7pt;
	padding-left:					13px;
}

.tranches .tranche_condition .tranche table td a.modifier {
	background:						url(../img/btn_modifier_condition.png) no-repeat top left;
	width:							192px;
}

.tranches .tranche_condition .tranche table td a.supprimer {
	background:						url(../img/btn_supprimer_condition.png) no-repeat top left;
	width:							145px;
}

.article {
	position:						relative;
	width:							450px;
	margin-right:					10px;
	background:						#EAF4F6;
}

.article .info_article {
	margin:							10px 0 10px 10px;
}

.article .info_ean {
	margin:							16px 10px 10px 0;
}

.article button.ajout_pack {
	width:							130px;
	height:							25px;
	background:						url(../img/btn_ajout_pack.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						9px;
	padding-bottom:					6px;
	padding-left:					15px;
	cursor:							pointer;
	margin-right:					5px;
	margin-bottom:					10px;
}

.free p {
	color:							#666666;
	margin-left:					35px;
}

.formulaire.free h2 {
	margin-left:					35px;
}

.formulaire.free .retrait1 {
	margin-left:					65px;
	display:						inline-block;
}

.formulaire.free .retrait2 {
	padding-left:					30px;
	display:						inline-block;
}

/* **********************************************
 *	Styles spécifiques - Panier
 * **********************************************/
.etape {
	width:							950px;
	padding:						110px 10px 20px 10px;
}

.etape.etape1 {
	background:						url(../img/etape1.jpg) no-repeat top center;
}

.etape.etape2 {
	background:						url(../img/etape2.jpg) no-repeat top center;
}

.etape.etape3 {
	background:						url(../img/etape3.jpg) no-repeat top center;
}

.etape.fin {
	padding-top:					30px;
}

.etape.fin p {
	margin:							20px 100px;
}

.etape .bulle {
	text-decoration:				none;
}

.etape table.items {
	width:							100%;
}

.etape table.items tr.non_autorisee {
	background:						#FFE5E6;
}

.etape table.items th {
	height:							35px;
}

.etape table.items th.fix910 {
	width:							910px;
}

.etape table.items th.fix470 {
	width:							470px;
}

.etape table.items td.fix430 {
	width:							430px;
}

.etape table td.fix0 {
	width:							0px;
}

.etape table td.fix460 {
	width:							460px;
}

.etape table td.fix470 {
	width:							470px;
}

.etape table td.fix490 {
	width:							490px;
}

.etape table td.fix580 {
	width:							580px;
}

.etape table td.fix340 {
	width:							340px;
}

.etape table td.fix290 {
	width:							290px;
}

.etape table td.fix230 {
	width:							230px;
}

.etape table td.fix140 {
	width:							140px;
}

.etape table.items th {
	padding:						0 5px;
}

.etape table.items th.fix250 {
	width:							250px;
}

.etape table.items th.fix70 {
	width:							70px;
}

.etape table.items th.fix50 {
	width:							50px;
}

.etape table.items th.fix40,
.etape table.items td.fix40 {
	width:							40px;
}

.etape table.items th.fix20 {
	width:							20px;
}

table.items td.odd {
	background:						#FFFFFF;
}

table.items td.even {
	background:						#EAF4F6;
}

table.items td.odd p,
table.items td.even p {
	margin-left:					20px;
	margin-right:					20px;
}

.etape table.items tfoot td.texte {
	background:						#333333 url(../img/tab_bottom_corner_left.png) no-repeat bottom left;
	height:							47px;
	color:							#FFFFFF;
	text-align:						right;
}

.etape table.items tfoot td.link {
	background:						#333333 url(../img/tab_bottom_corner_right.png) no-repeat bottom right;
	height:							47px;
}

.formulaire input.disabled {
	background:						url(../img/input_disable.png) no-repeat top right;
	padding:						0 5px 0 0;
	width:							150px;
	height:							18px;
	margin:							1px 0;
	border:							0;
	font-weight:					bold;
	text-align:						right;
	color:							#000000;
}

.etape table.items td {
	vertical-align:					top;
}

.etape img.vignette {
	width:							30px;
	border-right:					solid 1px #78787A;
	border-bottom:					solid 1px #949492;
}

.etape input.btn_recal {
	width:							60px;
	height:							18px;
	background:						url(../img/btn_recalcul.png) no-repeat top left;
	color:							#FFFFFF;
	font-size:						7px;
	text-transform:					uppercase;
	border:							0;
	padding-left:					0;
	padding-bottom:					6px;
	font-weight:					bold;
	margin-top:						8px;
	cursor:							pointer;
}

.etape span.prix, .etape span.sous-total, .etape span.reference {
	font-size:						9pt;
}

.etape a.supprimer {
	display:						inline-block;
	background:						url(../img/btn_del.png) no-repeat top left;
	width:							25px;
	height:							25px;
	font-size:						0;
	vertical-align:					top;
}

.etape .conditions {
	margin:							10px 0;
}

.etape .conditions p {
	margin:							0 10px;
}

.etape .conditions .top {
	background:						url(../img/border_top_bottom.png) no-repeat top left;
	width:							250px;
	height:							10px;
	position:						relative;
}

.etape .conditions .bottom {
	background:						url(../img/border_top_bottom.png) no-repeat bottom left;
	width:							250px;
	height:							10px;
	position:						relative;
}

.etape .conditions .middle {
	background:						url(../img/border_middle.png) repeat-y top left;
	width:							250px;
	position:						relative;
}

.etape a.btn {
	color:							#FFFFFF;
	font-size:						12px;
	font-weight:					bold;
	display:						inline-block;
	text-transform:					uppercase;
}

.etape input#annuler {
	color:							#FFFFFF;
	font-size:						12px;
	font-weight:					bold;
	display:						block;
	background:						url(../img/btn_noir_medium.png) no-repeat top left;
	width:							80px;
	height:							20px;
	border:							0;
	margin:							3px auto;
	position:						relative;
}

.etape a#vider {
	background:						url(../img/btn_vider_panier.png) no-repeat top left;
	width:							135px;
	line-height:					38px;
	text-align:						center;
	padding-bottom:					5px;
	padding-right:					5px;
}

.etape a#enregistrer {
	background:						url(../img/btn_enr_panier.png) no-repeat top left;
	width:							180px;
	line-height:					20px;
	text-align:						left;
	padding:						0 0 5px 27px;
}

.etape a#imprimer {
	background:						url(../img/btn_imprimer.png) no-repeat top left;
	width:							180px;
	line-height:					20px;
	text-align:						left;
	padding:						0 0 5px 27px;
}

.etape a#valider {
	background:						url(../img/btn_valider.png) no-repeat top left;
	width:							220px;
	line-height:					18px;
	text-align:						left;
	padding-bottom:					5px;
	padding-left:					10px;
}

.etape a#back {
	background:						url(../img/btn_precedent.png) no-repeat top left;
	width:							174px;
	line-height:					18px;
	text-align:						left;
	padding-bottom:					5px;
	padding-left:					40px;
}

.etape a#next {
	background:						url(../img/btn_suivant.png) no-repeat top left;
	width:							160px;
	line-height:					18px;
	text-align:						left;
	padding-bottom:					5px;
	padding-right:					44px;
	padding-left:					10px;
}

.etape a#next.off {
	background:						url(../img/btn_suivant_off.png) no-repeat top left;
}

.etape a#maj_informations {
	background:						url(../img/btn_maj_informations.png) no-repeat top left;
	width:							160px;
	line-height:					18px;
	text-align:						left;
	padding-bottom:					5px;
	padding-right:					20px;
	padding-left:					10px;
}

.etape a.cheque {
	background:						url(../img/btn_paiement_cheque.png) no-repeat top left;
	width:							367px;
	height:							178px;
	text-align:						left;
	padding:						0;
	margin:							20px 20px 20px 90px;
	display:						inline-block;
	font-size:						0;
}

.etape a.cb {
	background:						url(../img/btn_paiement_cb.png) no-repeat top left;
	width:							267px;
	height:							178px;
	text-align:						left;
	padding:						0;
	margin:							20px 20px 20px 90px;
	display:						inline-block;
	font-size:						0;
}

.etape a.autre_fichier {
	background:						url(../img/ajouter.png) no-repeat 0 3px;
	line-height:					30px;
	margin-top:						5px;
	padding-left:					25px;
	display:						inline-block;
}

.etape .alternate {
	position:						absolute;
	width:							35px;
	line-height:					35px;
	text-align:						center;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						9pt;
	background:						#333333;
	top:							155px;
	right:							303px;
}

.etape .certifie {
	margin-left:					20px;
	padding:						0;
}

.etape .certifie .adresse {
	margin:							10px 0px 0px 40px;
}

.etape .certifie label {
	vertical-align:					top;
	font-weight:					normal;
	font-size:						8pt;
	padding:						0;
}

.etape .label {
	width:							170px;
	text-align:						right;
	margin:							10px 0;
}

.etape strong.label {
	display:						inline-block;
	text-align:						left;
	margin:							0;
	width:							120px;
}

.etape input.input {
	width:							153px;
	line-height:					18px;
	background:						url(../img/input_panier.png) no-repeat top left;
	border:							0;
	display:						inline-block;
	margin:							5px 0 5px 5px;
}

.etape input.input#cpte_pwd {
	display:						none;
}

.etape input.compte {
	width:							160px;
	height:							25px;
	background:						url(../img/btn_creer_compte.png) no-repeat top left;
	color:							#FFFFFF;
	font-size:						10px;
	text-transform:					uppercase;
	border:							0;
	padding-left:					20px;
	padding-bottom:					8px;
	margin-left:					5px;
	font-weight:					bold;
	cursor:							pointer;
}

.etape input.modifier {
	width:							80px;
	height:							25px;
	background:						url(../img/btn_modif_eablissement.png) no-repeat top left;
	color:							#FFFFFF;
	font-size:						10px;
	text-transform:					uppercase;
	border:							0;
	padding-left:					20px;
	padding-bottom:					8px;
	margin-left:					5px;
	font-weight:					bold;
	cursor:							pointer;
}

/* **********************************************
 *	Styles spécifiques du BO
 * **********************************************/
.nouvel_editeur {
	margin:							32px 10px 0 0;
}

.formulaire .nouvel_editeur a.btn_red_long {
	right:							0;
	top:							0;
}

.bo {
	margin:							10px;
}

.bo table.items {
	width:							950px;
}

.bo table.items.small * {
	font-size:						10px;
}

.bo table.items.small th {
	padding:						3px 0 3px 5px;
	line-height:					16px;
}

.bo table.items th {
	line-height:					24px;
	font-weight:					bold;
}

.fix130 {
	width :                         130px;
}

.fix110 {
	width :                         110px;
}
.fix075 {
	width :                         75px;
}

.bo table.items th .ui-icon {
	display:						inline-block;
	margin-left:					10px;
	vertical-align:					-3px;
}

.bo a.btn {
	display:						inline-block;
	font-size:						0;
	width:							25px;
	height:							25px;
}

.bo span.vente.gris {
	background:						url(../img/vente_gris.png) no-repeat left -2px;
	display:						inline-block;
	font-size:						0;
	color:							transparent;
	width:							25px;
	height:							25px;
	vertical-align:					top;
}

.bo a.vente.couleur {
	background:						url(../img/vente_couleur.png) no-repeat left -2px;
	vertical-align:					top;
}

.bo a.edit {
	background:						url(../img/btn_edit.png) no-repeat top left;
	vertical-align:					top;
}

.bo a.ressources {
	background:						url(../img/btn_ressources.png) no-repeat top left;
	vertical-align:					top;
	width:							33px;
	height:							33px;
}

.bo a.commandes {
	background:						url(../img/btn_commandes.png) no-repeat top left;
	vertical-align:					top;
	width:							33px;
	height:							33px;
}

.bo a.affectations {
	background:						url(../img/btn_affectations.png) no-repeat top left;
	vertical-align:					top;
	width:							33px;
	height:							33px;
}

.bo a.editer {
	background:						url(../img/btn_editer.png) no-repeat top left;
	vertical-align:					top;
	width:							33px;
	height:							33px;
}

.bo table.items tr.even.hide, 
.bo table.items tr.odd.hide {
	background:						#FFE5E6;
}

.bo .bottom {
	position:						relative;
	float:							left;
	width:							950px;
	margin-bottom:					10px;
	clear:							both;
}

.bo .dataTables_info {
	position:						relative;
	float:							left;
	margin-top:						10px;
	font-weight:					bold;
}

.bo .dataTables_length {
	position:						relative;
	float:							right;
}

.bo .dataTables_paginate {
	position:						relative;
	float:							left;
	margin-top:						10px;
	margin-left:					250px;
}

.bo .dataTables_paginate #dataList_first,
.bo .dataTables_paginate #dataList2_first,
.bo .dataTables_paginate #dataList3_first,
.bo .dataTables_paginate #dataList4_first,
.bo .dataTables_paginate #dataList5_first,
.bo .dataTables_paginate #dataList10_first,
.bo .dataTables_paginate #dataList11_first,
.bo .dataTables_paginate #dataList12_first,
.bo .dataTables_paginate #dataList13_first {
	display:						none;
}

.bo .dataTables_paginate #dataList_last,
.bo .dataTables_paginate #dataList2_last,
.bo .dataTables_paginate #dataList3_last,
.bo .dataTables_paginate #dataList4_last,
.bo .dataTables_paginate #dataList5_last,
.bo .dataTables_paginate #dataList10_last,
.bo .dataTables_paginate #dataList11_last,
.bo .dataTables_paginate #dataList12_last,
.bo .dataTables_paginate #dataList13_last {
	display:						none;
}

.bo .dataTables_paginate #dataList_previous,
.bo .dataTables_paginate #dataList2_previous,
.bo .dataTables_paginate #dataList3_previous,
.bo .dataTables_paginate #dataList4_previous,
.bo .dataTables_paginate #dataList5_previous,
.bo .dataTables_paginate #dataList10_previous,
.bo .dataTables_paginate #dataList11_previous,
.bo .dataTables_paginate #dataList12_previous,
.bo .dataTables_paginate #dataList13_previous {
	background:						url(../img/prec.png) no-repeat top left;
	width:							6px;
	height:							10px;
	border:							0;
	vertical-align:					-2px;
	margin-right:					5px;
}

.bo .dataTables_paginate #dataList_next,
.bo .dataTables_paginate #dataList2_next,
.bo .dataTables_paginate #dataList3_next,
.bo .dataTables_paginate #dataList4_next,
.bo .dataTables_paginate #dataList5_next,
.bo .dataTables_paginate #dataList10_next,
.bo .dataTables_paginate #dataList11_next,
.bo .dataTables_paginate #dataList12_next,
.bo .dataTables_paginate #dataList13_next {
	background:						url(../img/suiv.png) no-repeat top left;
	width:							6px;
	height:							10px;
	border:							0;
	vertical-align:					-2px;
	margin-left:					5px;
}

.bo .dataTables_paginate span.ui-button {
	background:						none;
	border:							0;
	margin:							0 3px;
}

.bo .dataTables_paginate span.ui-state-default {
	color:							#2F98B5;
	font-weight:					bold;
}

.bo .dataTables_paginate span.ui-state-default.ui-state-disabled {
	color:							#666666;
}

.bo label {
	padding:						0;
}

.formulaire.editeur {
	margin:							20px 10px;
	float:							left;
}

.formulaire.editeur .colonne_left {
	margin-left:					0;
	width:							450px;
}

.formulaire.editeur label {
	width:							234px;
}

.formulaire.editeur label.error {
	width:							0;
}

.formulaire.editeur input.input_text.text_bo_190,
.formulaire.recherche input.input_text.text_bo_190 {
	width:							187px;
	background:						url(../img/text_bo_190.png) no-repeat top left;
}

.formulaire.editeur input.input_text.text_bo_190.error {
	background:						url(../img/text_bo_190_erreur.png) no-repeat top left;
}

.formulaire.editeur input.file_bo_190 {
	width:							192px;
}

.formulaire.editeur input.file_bo_190.error {
	background:						red;
}

.formulaire.editeur textarea.textarea_bo_190 {
	background:						url(../img/textarea_bo_190.png) no-repeat top left;
	width:							186px;
	height:							26px;
	vertical-align:					middle;
	margin-bottom:					10px;
}

.formulaire.editeur textarea.textarea_bo_190_xl {
	background:						url(../img/textarea_bo_190_xl.png) no-repeat top left;
	width:							186px;
	height:							112px;
	vertical-align:					middle;
	margin-bottom:					10px;
}

.formulaire.editeur textarea.textarea_bo_190_xl.error {
	background:						url(../img/textarea_bo_190_xl_erreur.png) no-repeat top left;
}

.formulaire.editeur .right label {
	font-weight:					normal;
}

.formulaire.editeur .right .col label {
	padding-bottom:					0;
}

.formulaire.editeur .right label.titre {
	width:							auto;
	padding:						0;
}

.formulaire.editeur .right .has-js label {
	width:							460px;
	padding:						2px 0;
}

.formulaire.editeur .right .has-js label.checkbox {
	width:							15px;
	margin:							2px 0;
	padding:						0;
	vertical-align:					top;
}

.formulaire.editeur .right span.boutons {
	vertical-align:					5px;
	margin:							0 11px 0 14px;
}

.formulaire.editeur div.boutons {
	margin-left:					137px;
}

.formulaire .desc {
	margin:							20px 0;
}

.formulaire .visuels {
	margin-left:					10px;
	width:							125px;
}

.formulaire .visuels .std {
	width:							105px;
}

.formulaire .visuels .small {
	width:							56px;
}

.formulaire .textes {
	margin-right:					10px;
	width:							800px;
	color:							#686868;
}

.formulaire .catalogue p {
	margin-left:					0;
}

.formulaire .catalogue table.items th {
	line-height:					20px;
}

.formulaire .catalogue table.items table.items {
	margin:							0;
	width:							100%;
}

.formulaire .catalogue p.pagin span {
	margin:							3px 0;
	display:						inline-block;
}

.formulaire .catalogue p.pagin span.dizaines {
	background:						#C2E0E8;
}

.formulaire .catalogue p.pagin span.centaines {
	background:						#D6EAF3;
}

.formulaire .catalogue p.pagin span.milliers {
	background:						#EAF4F6;
}

.formulaire .catalogue p.pagin span a {
	color:							#2E98B2;
	font-weight:					bold;
}

#dataList2 th {
	padding:						0 0 0 5px;
}

.bo table.items th.licence .ui-icon {
	display:						inline-block;
	margin-left:					10px;
	vertical-align:					6px;
}

#dataList2 div,
#dataList2 th,
#dataList2 td,
#dataList4 div,
#dataList4 th,
#dataList4 td,
#dataList10 div,
#dataList10 th,
#dataList10 td,
#dataList12 div,
#dataList12 th,
#dataList12 td {
	font-size:						9px;
}

#dataList13 div,
#dataList13 th,
#dataList13 td {
	font-size:						10px;
}

#dataList2 td {
	padding:						5px 0 5px 5px;
	height:							60px;
}

#dataList2 div,
#dataList4 div {
	line-height:					14px;
}

#dataList2 th div,
#dataList4 th div {
	vertical-align:					middle;
}

#dataList2 th.un_sort span,
#dataList4 th.un_sort span {
	display:						none;
}

#dataList2 td.editeur {
	width:							80px;
}

#dataList2 td.matiere {
	width:							80px;
}

#dataList2 td.niveau {
	width:							80px;
}

#dataList2 td.licence {
	width:							80px;
}

#dataList2 td.dispo {
	width:							80px;
}

#dataList2 td.btn {
	width:							70px;
}

#dataList2 td.ligne {
	width:							110px;
}

#dataList2 td.affectation {
	width:							110px;
}

#dataList2 td.orange,
table.items td.orange {
	background:						#FF9900;
	width:							60px;
	padding:						0;
}

#dataList2 td.bleu,
table.items td.bleu {
	background:						#9CD7E7;
	width:							60px;
	padding:						0;
}

#dataList2 a {
	font-size:						9px;
}

#dataList2 .no_pad {
	padding:						0;
}

#dataList2 .align_centre {
	text-align:						center;
}

#dataList2 .bouton,
#dataList7 .bouton {
	color:							#FFFFFF;
	font-size:						10px;
	font-weight:					bold;
	display:						inline-block;
}

#dataList2 .bouton.affecter,
#dataList7 .bouton.affecter {
	background:						url(../img/btn_orange_list.png) no-repeat top left;
	height:							34px;
	line-height:					14px;
	width:							88px;
	padding:						2px 4px 0 5px;
	margin-top: 					8px;
}

#dataList2 .bouton.download {
	background:						url(../img/btn_telecharger.png) no-repeat top left;
	height:							32px;
	width:							32px;
	padding:						0;
	font-size:						0;
	color:							transparent;
	text-decoration:				none;
}

#dataList2 .bouton.download_tablette {
	background:						url(../img/btn_telecharger_tablette.png) no-repeat top left;
	height:							32px;
	width:							32px;
	padding:						0;
	font-size:						0;
	color:							transparent;
	text-decoration:				none;
}

#dataList2 .bouton.cd_activation {
	background:						url(../img/btn_activation.png) no-repeat top left;
	height:							32px;
	width:							32px;
	padding:						0;
	font-size:						0;
	color:							transparent;
	text-decoration:				none;
}

#dataList2 .bouton.editer {
	background:						url(../img/btn_editer.png) no-repeat top left;
	height:							32px;
	width:							32px;
	padding:						0;
	font-size:						0;
	color:							transparent;
	text-decoration:				none;
	margin-top: 					8px;
}

#dataList2 .bouton.purge {
	background:						url(../img/btn_purger.png) no-repeat top left;
	height:							25px;
	line-height:					18px;
	font-size:						12px;
	text-transform:					uppercase;
	text-align:						center;
	width:							213px;
	padding:						2px 4px 0 0;
}

#dataList2 .bouton.print {
	background:						url(../img/btn_print_list.png) no-repeat top left;
	height:							25px;
	line-height:					18px;
	font-size:						12px;
	text-transform:					uppercase;
	text-align:						center;
	width:							163px;
	padding:						2px 4px 0 0;
}

.bo #dataList2_paginate {
	width:							950px;
	margin-left:					0;
	text-align:						center;
}

.bo span a.ui-button {
	background:						none;
	border:							0;
	margin:							0 3px;
}

.bo span a.ui-state-default {
	color:							#2F98B5;
	font-weight:					bold;
}

.bo span a.ui-state-default.ui-state-disabled {
	color:							#666666;
}

.formulaire.recherche {
	width:							950px;
}

.formulaire .description {
	background:						url(../img/bg_description.png) no-repeat top left;
	width:							345px;
	height:							55px;
	margin-top:						10px;
}

.formulaire .description .text {
	padding:						8px 10px;
}

.formulaire.etablissement {
	padding-top:					15px;
}

.formulaire.etablissement span {
	margin-left:					10px;
}

.formulaire.etablissement .colonne_right {
	width:							458px;
}

.formulaire.etablissement .colonne_right.long {
	width:							680px;
}

.formulaire.etablissement .colonne {
	margin-left:					10px;
}

.formulaire.etablissement label {
	width:							130px;
}

.formulaire.etablissement label.error {
	width:							0;
}

.formulaire.etablissement label.long {
	width:							400px;
}

.formulaire.etablissement .colonne div.has-js label {
	width:							auto;
}

.formulaire.etablissement .colonne label.long {
	width:							327px;
	vertical-align:					top;
}

.formulaire.etablissement .colonne div.has-js label.small_text {
	font-size:						8px;
	font-weight:					normal;
}

.formulaire.etablissement div.has-js label.checkbox {
	width:							15px;
	vertical-align:					middle;
}

.formulaire.etablissement .colonne_right div.has-js label.box {
	width:							65px;
}

.formulaire.etablissement input.text_bo_755 {
	background:						url(../img/text_bo_755.png) no-repeat top left;
	width:							753px;
}

.formulaire.etablissement input.text_bo_405 {
	background:						url(../img/text_bo_405.png) no-repeat top left;
	width:							400px;
	margin-left:					46px;
}

.formulaire.etablissement textarea.textarea_bo_515 {
	background:						url(../img/textarea_bo_515.png) no-repeat top left;
	width:							508px;
	height:							58px;
	margin-left:					46px;
}

.formulaire.etablissement input.text_bo_755.error {
	background:						url(../img/text_bo_755_erreur.png) no-repeat top left;
}

.formulaire.liste_articles h1 {
	width:							auto;
	margin-top:						20px;
}

.formulaire.groupe a.btn.ajout_article {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	background:						url(../img/btn_ajout_article.png) no-repeat top left;
	padding-left:					35px;
	width:							470px;
	line-height:					40px;
	height:							44px;
	text-transform:					uppercase;
}

.formulaire.groupe a.btn.gerer_affectation {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	background:						url(../img/btn_gerer_affectations.png) no-repeat top left;
	padding-left:					35px;
	width:							372px;
	line-height:					40px;
	height:							44px;
	text-transform:					uppercase;
}

.formulaire.groupe a.btn.ajout_ressource {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	background:						url(../img/btn_ajout_ressource.png) no-repeat top left;
	padding-left:					35px;
	width:							352px;
	line-height:					40px;
	height:							44px;
	text-transform:					uppercase;
}

.formulaire.groupe a.btn.export_xls {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	background:						url(../img/btn_export_xls.png) no-repeat top left;
	padding-left:					35px;
	width:							235px;
	line-height:					40px;
	height:							44px;
	text-transform:					uppercase;
}

.formulaire.groupe a.btn.creer_compte {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	background:						url(../img/btn_creer_compte_bo.png) no-repeat top left;
	padding-left:					35px;
	width:							180px;
	line-height:					40px;
	height:							44px;
	text-transform:					uppercase;
}

.formulaire.groupe a.btn.xls_grey {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	background:						url(../img/btn_grey.png) no-repeat top left;
	padding-right:					5px;
	width:							350px;
	line-height:					40px;
	height:							44px;
	text-transform:					uppercase;
}

.formulaire.groupe a.btn.groupe {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	background:						url(../img/btn_groupe.png) no-repeat top left;
	width:							284px;
	line-height:					18px;
	height:							44px;
	text-transform:					uppercase;
	vertical-align:					top;
	margin:							0 10px;
}

.formulaire.groupe a.btn.groupe.alone {
	padding-top:					12px;
}

.formulaire #dataList4 th,
.formulaire #dataList4 td {
	vertical-align:					middle;
	padding:						0 0 0 5px;
}

.formulaire #dataList4 .bleu,
.formulaire #dataList4 .orange {
	width:							auto;
}

.formulaire #dataList4 label {
	font-size:						9px;
}

.formulaire #dataList4 label.checkbox {
	vertical-align:					middle;
}

.formulaire #dataList10 th,
.formulaire #dataList11 th,
.formulaire #dataList12 th,
.formulaire #dataList13 th {
	vertical-align:					middle;
	padding:						0 0 0 5px;
	line-height:					14px;
}

.formulaire #dataList10 th.align_centre,
.formulaire #dataList13 th.align_centre {
	text-align:						center;
}

.formulaire #dataList10 td,
.formulaire #dataList11 td,
.formulaire #dataList12 td,
.formulaire #dataList13 td {
	vertical-align:					top;
	padding:						5px 0 5px 5px;
	line-height:					14px;
}

.formulaire #dataList10 td a.lnk,
.formulaire #dataList12 td a.lnk {
	font-size:						9px;
}

.formulaire #dataList13 td a.lnk {
	font-size:						10px;
}

.formulaire table.items td .radio label {
	display:						inline-block;
	vertical-align:					bottom;
	height:							16px;
	margin:							0;
}

.formulaire #dataList4 td.cellule {
	padding:						0;
}

.formulaire #dataList4 td.cellule div.radio {
	width:							72px;
}

.formulaire table.items td .radio label span {
	font-size:						8px;
	font-weight:					bold;
	display:						inline-block;
	line-height:					16px;
	vertical-align:					top;
}

.formulaire table.items td .radio label.ctrl_left.on {
	background:						url(../img/radio_on.png) no-repeat 0 0;
	color:							#058818;
}

.formulaire table.items td .radio label.ctrl_left.off {
	background:						url(../img/radio_off.png) no-repeat 0 0;
	color:							#808080;
}

.formulaire table.items td .radio label.ctrl_right.on {
	background:						url(../img/radio_on.png) no-repeat 0 0;
	color:							#058818;
}

.formulaire table.items td .radio label.ctrl_right.off {
	background:						url(../img/radio_off.png) no-repeat 0 0;
	color:							#808080;
}

.formulaire table.items td .radio label.ctrl_left input,
.formulaire table.items td .radio label.ctrl_right input {
	margin:							0;
}

.formulaire a.btn.code_kne {
	background:						url(../img/btn_codes_kne.png) no-repeat top left;
	font-size:						9px;
	width:							38px;
	height:							35px;
	line-height:					14px;
	color:							#FFFFFF;
	text-align:						left;
	padding:						0 0 0 4px;
}

.formulaire.ajout_article {
	padding-top:					15px;
	padding-bottom:					60px;
}

.formulaire.ajout_article .colonne_left {
	width:							480px;
}

.formulaire.ajout_article label {
	width:							185px;
}

.formulaire.ajout_article .colonne_right {
	width:							370px;
	margin:							20px 60px 0 0;
	background:						#F4FCFF url(../img/bg_fleche_bleu.png) no-repeat 13px 50px;
}

.formulaire.ajout_article .colonne_right .boutons {
	margin:							10px 0 0 0;
	float:							right;
}

.formulaire.ajout_article .colonne_right .detail {
	padding:						10px 10px 5px 65px;
}

.formulaire.ajout_article .colonne {
	margin:							20px 10px 0 10px;
	width:							950px;
	background:						#F4FCFF;
}

.bloc_recherche {
	background:						#EAF4F6;
	width:							100%
}

.bloc_recherche .colonne {
	margin:							0 3px 10px 10px;
}

.formulaire.groupe .extended table.items {
	width:							585px;
	margin-left:					25px;
}

.formulaire.groupe .extended table.items td {
	padding:						0;
	height:							auto;
}

.formulaire.groupe .extended table.items td a.del_small {
	width:							auto;
	height:							16px;
	padding-top:					2px;
	padding-left:					20px;
	background:						url(../img/btn_del_small.png) no-repeat left -1px;
	color:							#FF0000;
	font-size:						8pt;
}

.formulaire.groupe label {
	margin:							10px 0;
}

.formulaire.groupe label.checkbox {
	vertical-align:					middle;
}

.bo.ressource,
.bo.enseignants,
.bo.affecter,
.bo.deja_affectee {
	margin-bottom:					20px;
}

.ressource table.items th {
	padding:						0 5px;
}

.bo.enseignants {
	margin-right:					0;
}

.bo.enseignants table.items {
	width:							770px;
}

.bo.enseignants table.items td {
	padding:						12px 5px;
}

.bo.affecter {
	width:							168px;
	margin-left:					0;
	background:						url(../img/bg_fleche_bleu.png) no-repeat 0 25px;
}

.bo.affecter .licences {
	margin-left:					25px;
}

.bo.affecter table.items {
	width:							143px;
}

.bo.affecter table.items th {
	font-size:						7pt;
	padding:						0 5px 0 0;
	text-align:						right;
}

.bo.affecter table.items td {
	font-size:						7pt;
	text-align:						center;
	padding:						0;
}

.bo.deja_affectee table.items th {
	padding:						0 5px;
}

.bo.deja_affectee td.blank {
	background:						#FFFFFF;
	border:							0;
	width:							252px;
}

.btn.back_ressources {
	color:							#FFFFFF;
	font-size:						12px;
	font-weight:					bold;
	display:						inline-block;
	background:						url(../img/btn_retour.png) no-repeat top left;
	height:							24px;
	line-height:					17px;
	width:							250px;
	padding:						0 0 0 14px;
	text-align:						center;
	text-transform:					uppercase;
	position:						absolute;
	top:							0;
	right:							0px;
}


.bo.deja_affectee .bouton {
	color:							#FFFFFF;
	font-size:						11px;
	font-weight:					bold;
	display:						inline-block;
}

.bo.deja_affectee .bouton.purger {
	background:						url(../img/btn_supprimer_affectation.png) no-repeat top left;
	height:							24px;
	line-height:					17px;
	width:							248px;
	padding:						2px 4px 0 0;
	text-align:						center;
	text-transform:					uppercase;
}

.bo.classes table.items {
	width:							770px;
	margin:							0 10px;
}

.bo.classes table.items td {
	vertical-align:					top;
}

.bo.classes table.items td table {
	width:							340px;
}

.bo.classes table.items td table td {
	padding:						0;
	vertical-align:					middle;
}

.bo.classes table.items td a.del_small,
.commande table.items td a.del_small {
	width:							18px;
	height:							18px;
	background:						url(../img/btn_del_small.png) no-repeat left -1px;
	color:							transparent;
	font-size:						0;
	vertical-align:					top;
}

.bo.classes table.items a.consulter,
.bo.classes table.items a.renommer,
#submit.renommer,
#liste-eleves .bouton.modifier {
	display:						inline-block;
	width:							136px;
	height:							24px;
	line-height:					20px;
	background:						url(../img/btn_consulter.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						9px;
	padding-left:					15px;
	cursor:							pointer;
	margin-right:					5px;
	margin-bottom:					10px;
	text-align:						center;
}

.bo.classes table.items a.renommer,
#submit.renommer,
#liste-eleves .bouton.modifier {
    background:                     url(../img/btn_renommer.png) no-repeat top left;
}

#liste-eleves .bouton.modifier {
	margin:                        0;
}

.bo.new_classe {
	margin-left:					275px;
	width:							auto;
}

.bo.new_classe.new_enseignant {
	margin-left:					200px;
	background:						#F4FCFF;
	padding:						20px;
}

.bo.new_classe.list_bouton {
	margin-left:					200px;
	padding:						0;
}

.bo.new_classe label {
	width:							130px;
	padding:						10px 0;
}

.bo.new_classe label.error {
	width:							0;
}

.bo.new_classe .boutons {
	margin-left:					45px;
	width:							auto;
}

.bo.new_classe .boutons.no_marge {
	margin:							0;
}

.bo.detail_classe table {
	margin-bottom:					15px;
}

.bo.detail_classe table.items td a.del_small {
	width:							18px;
	height:							18px;
	background:						url(../img/btn_del_small.png) no-repeat left -1px;
	color:							transparent;
	font-size:						0;
	vertical-align:					top;
	position:						absolute;
	top:							0;
	right:							10px;
	margin:							0;
}

.bo.detail_classe a.btn,
.bo.detail_enseignant a.btn {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	width:							290px;
	line-height:					20px;
	height:							24px;
	text-transform:					uppercase;
	vertical-align:					top;
	margin:							5px 10px;
}

.bo.detail_classe a.btn.ajouter,
.bo.detail_enseignant a.btn.ajouter {
	background:						url(../img/btn_recherche_multi.png) no-repeat top left;
}

.bo.detail_classe a.btn.ajouter.large {
	background:						url(../img/btn_ajout_large.png) no-repeat top left;
	height:							44px;
}

.bo.detail_classe a.btn.supprimer {
	background:						url(../img/btn_supprimer.png) no-repeat top left;
}

.bo.groupe {
	margin-left:					175px;
	width:							620px;
}

.bo.groupe label {
	width:							130px;
	padding:						10px 0;
}

.bo.groupe label.error {
	width:							0;
}

.bo.groupe table {
	width:							620px;
}

.bo.groupe table td {
	padding:						25px 80px;
}

.bo.detail_enseignant a.btn.modifier {
	width:							125px;
	background:						url(../img/btn_demo.png) no-repeat top left;
	color:							#FFFFFF;
	font-size:						7pt;
	font-weight:					bold;
	text-transform:					uppercase;
	text-align:						center;
	padding-left:					5px;
	line-height:					20px;
}

label.v_top {
	vertical-align:					top;
}

/* **********************************************
 *	Styles spécifiques - Ressources
 * **********************************************/
#ressources {
	height:							293px;
	background:						url(../img/back_ressources.png) no-repeat top center;
}

#ressources .connect {
	width:							310px;
	margin:							20px 30px;
}

#ressources .connect h2 {
	color:							#FFFFFF;
	font-family:					trebuchet MS;
	font-size:						14pt;
}

#ressources .connect hr {
	border:							0;
	border-bottom:					dashed 1px #343233;
	width:							290px;
	float:							left;
	margin:							10px 0;
}

#ressources .connect p.error {
	color:							red;
	font-weight:					bold;
}

#ressources .connect input#user {
	border:							0;
	width:							135px;
	height:							20px;
	line-height:					20px;
	margin:							0 5px 0 0;
	padding:						0 0 0 5px;
	background:						url(../img/input_user.png) no-repeat top left;
	color:							#797979;
}

#ressources .connect input#pwd {
	border:							0;
	width:							135px;
	height:							20px;
	line-height:					20px;
	margin:							0 5px 0 0;
	padding:						0 0 0 5px;
	background:						url(../img/input_user.png) no-repeat top left;
	color:							#797979;
	display:						none;
}

#ressources .connect input#mask {
	border:							0;
	width:							135px;
	height:							20px;
	line-height:					20px;
	margin:							0 5px 0 0;
	padding:						0 0 0 5px;
	background:						url(../img/input_user.png) no-repeat top left;
	color:							#797979;
}

#ressources .connect input#pwd.error,
#ressources .connect input#mask.error,
#ressources .connect input#user.error {
	background:						url(../img/user_erreur.png) no-repeat top left;
}

#ressources .connect input.valider {
	width:							145px;
	height:							25px;
	background:						url(../img/btn_orange.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
	float:							right;
	margin:							10px 15px 0 0;
}

#ressources .connect a.inscrire {
	background:                     url(../img/btn_inscrire.png) no-repeat top left;
	color:                          #FFFFFF;
	display:                        inline-block;
	float:                          right;
	font-size:                      9px;
	font-weight:                    bold;
	height:                         24px;
	margin:                         10px 15px 0 0;
	line-height: 20px;
	padding-bottom: 7px;
	padding-left: 17px;
	text-align: left;
	text-transform: uppercase;
	width: 72px; 
}

#ressources .bulle {
	width:							240px;
	height:							110px;
	margin:							60px 130px;
}

#ressources .bulle p {
	text-align:						center;
	font-size:						10pt;
}

#liste_ressources {
	height:							783px;
	background:						url(../img/back_liste_ressources.png) no-repeat top center;
}

#liste_ressources .login {
	width:							130px;
	margin:							95px 0 0 30px;
}

#liste_ressources .login a.deconnect {
	display:						inline-block;
	width:							115px;
	height:							24px;
	line-height:					20px;
	background:						url(../img/btn_deconnect.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						9px;
	cursor:							pointer;
	margin-right:					5px;
	text-align:						center;
}

#liste_ressources .ressources_data {
}

#liste_ressources .ressources_data h1 {
	color:							#FFFFFF;
	font-size:						24px;
	font-family:					trebuchet MS;
	font-weight:					normal;
	text-transform:					uppercase;
	margin-top:						20px;
}

#liste_ressources .ressources_data table.items {
	width:							775px;
}

#liste_ressources .ressources_data table.items th {
	font-weight:					bold;
	line-height:					24px;
}

#liste_ressources .ressources_data table.items th .ui-icon {
	display:						inline-block;
	margin-left:					10px;
	vertical-align:					-3px;
}

#liste_ressources .ressources_data table.items th.texte {
	background:						#333333 url(../img/tab_corner_left_blue.png) no-repeat top left;
}

#liste_ressources .ressources_data table.items th.link {
	background:						#333333 url(../img/tab_corner_right_blue.png) no-repeat top right;
}

#liste_ressources .ressources_data table.items td {
	padding:						10px 5px;
}

#liste_ressources .ressources_data table.items a.online {
	display:						inline-block;
	width:							145px;
	height:							30px;
	line-height:					11px;
	background:						url(../img/bouton_ressource_enligne.png) no-repeat top left;
	border:							0;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						10px;
	padding-top:					6px;
	padding-left:					52px;
	cursor:							pointer;
}
/* LAA 02/2014 */
#liste_ressources .ressources_data table.items a.telecharger {
	display:						inline-block;
	width:							145px;
	height:							30px;
	background:						url(../img/bouton_ressource_telecharger.png) no-repeat top left;
	border:							0;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						10px;
	padding-top:					10px;
	padding-left:					65px;
	cursor:							pointer;
}

#liste_ressources .ressources_data table.items a.mode-emploi-tablette {
	display:						inline-block;
	width:							145px;
	height:							30px;
	background:						url(../img/bouton_ressource_tablet.png) no-repeat top left;
	border:							0;
	color:							#FFFFFF;
	font-size:						10px;
	font-weight:					bold;
	padding-top:					10px;
	padding-left:					38px;
	cursor:							pointer;
	line-height: 					11px;
}

#liste_ressources .ressources_data table.items .align_texte {
	display:						inline-block;
	width:							200px;
	height:							30px;
	border:							0;
	color:							#000000;
	font-size:						10px;
	padding-top:					10px;
	padding-left:					5px;
	cursor:							text;
	line-height: 					11px;
}

#liste_ressources .ressources_data .top {
	color:							#676566;
	margin-top:						10px;
}

#liste_ressources .ressources_data .top a {
	font-weight:					bold;
}

#liste_ressources .ressources_data .bottom {
	position:						relative;
	float:							left;
	width:							680px;
	margin-bottom:					10px;
	clear:							both;
}

#liste_ressources .ressources_data .dataTables_info {
	position:						relative;
	float:							left;
	margin-top:						10px;
	font-weight:					bold;
	color:							#676566;
}

#liste_ressources .ressources_data .dataTables_paginate {
	position:						relative;
	float:							right;
	margin-top:						10px;
}

#liste_ressources .dataTables_paginate a.ui-button {
	background:						none;
	border:							0;
	margin:							0 3px;
}

#liste_ressources .dataTables_paginate a.ui-state-default {
	color:							#2F98B5;
	font-weight:					bold;
}

#liste_ressources .dataTables_paginate a.ui-state-default.ui-state-disabled {
	color:							#666666;
}

#liste_ressources .ressources_data .dataTables_paginate #dataList9_first {
	display:						none;
}

#liste_ressources .ressources_data .dataTables_paginate #dataList9_last {
	display:						none;
}

#liste_ressources .ressources_data .dataTables_paginate #dataList9_previous {
	background:						url(../img/prec.png) no-repeat top left;
	width:							6px;
	height:							10px;
	border:							0;
	vertical-align:					-2px;
	margin-right:					5px;
}

#liste_ressources .ressources_data .dataTables_paginate #dataList9_next {
	background:						url(../img/suiv.png) no-repeat top left;
	width:							6px;
	height:							10px;
	border:							0;
	vertical-align:					-2px;
	margin-left:					5px;
}

.bloc_recherche .box {
	border:							solid 1px #FFFFFF;
	border-radius:					4px;
}

.bloc_recherche .colonne .commande {
	margin:							5px 0 5px 0;
}

.bloc_recherche .box .colonne {
	margin-right:					0;
}

.bloc_recherche .colonne .commande label {
	padding:						0 0 5px 0;
}

.bloc_recherche .box .colonne.left .commande {
	margin-right:					39px;
}

.bloc_recherche .box .colonne.right .commande {
	margin-right:					23px;
}

.bloc_recherche .colonne.left .commande {
	margin-right:					25px;
}

.bloc_recherche .colonne.right .commande.right {
	margin:							10px 23px 0 0;
}

label.fix225 {
	width:							225px;
}

table.items th hr {
	border:							0;
	border-bottom:					solid 1px #FFFFFF;
}

.formulaire.groupe .top {
	color:							#676566;
	position:						absolute;
	right:							0;
	bottom:							54px;
}

.formulaire.groupe .top a {
	font-weight:					bold;
}

.formulaire .message {
	width:							940px;
	margin:							20px auto;
}

.formulaire .message.cmd {
	width:							678px;
}

.formulaire .message div.haut {
	width:							940px;
	background:						url(../img/back_message.png) 0 0;
	height:							10px;
	position:						relative;
	float:							left;
}

.formulaire .message.cmd div.haut {
	width:							678px;
	background:						url(../img/back_message_cmd.png) 0 0;
}

.formulaire .message div.middle {
	background:						#BCDFEB;
	position:						relative;
	float:							left;
	width:							940px;
}

.formulaire .message.cmd div.middle {
	background:						#FDEAEA;
	width:							678px;
	text-align:						center;
}

.formulaire .message div.bas {
	width:							940px;
	background:						url(../img/back_message.png) 0 10px;
	height:							10px;
	position:						relative;
	float:							left;
}

.formulaire .message.cmd div.bas {
	width:							678px;
	background:						url(../img/back_message_cmd.png) 0 10px;
}

.bo.saisie th.clean {
	background:						none;
}

.bo.saisie td {
	vertical-align:					top;
}

.bo.saisie td.col_left {
	border-left:					solid 1px #B8B8B8;
	border-bottom:					solid 1px #B8B8B8;
	width:							50%;
}

.bo.saisie td.col_right {
	border-right:					solid 1px #B8B8B8;
	border-bottom:					solid 1px #B8B8B8;
	width:							50%;
}

.bo.saisie td.border {
	border:							solid 1px #B8B8B8;
	border-top:						0;
	width:							49%;
}

.bo.saisie td.no_border {
	border:							0;
}

.bo.saisie .info_etablissement {
	padding:						10px;
	margin:							5px;
	background:						#EAF4F6;
	min-height:						196px;
}

.bo.saisie .formulaire {
	padding:						10px;
	margin:							5px;
	width:							auto;
}

.bo.saisie td .formulaire {
	padding:						0;
}

.bo.saisie .formulaire .colonne {
	margin:							4px 0;
}

.bo.saisie .formulaire .colonne.fix200 {
	width:							200px;
}

.bo.saisie label {
	padding:						7px 0;
}

.bo.saisie label.align_top {
	vertical-align:					top;
}

.bo.saisie  label.fix80 {
	width:							80px;
}

.bo.saisie a.btn.autre {
	display:						inline-block;
	width:							160px;
	height:							37px;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						8pt;
	vertical-align:					top;
	text-align:						center;
	padding-right:					8px;
	padding-top:					5px;
	background:						transparent url(../img/btn_bleu_court.png) no-repeat top left;
	cursor:							pointer;
	float:							right;
}

.bo.saisie a.btn.mail {
	display:						inline-block;
	width:							192px;
	height:							27px;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						8pt;
	vertical-align:					top;
	text-align:						center;
	padding-right:					8px;
	padding-top:					5px;
	background:						transparent url(../img/btn_print.png) no-repeat top left;
	cursor:							pointer;
	float:							right;
}

.bo.saisie span.red {
	font-size:						6pt;
	line-height:					8px;
	vertical-align:					top;
}

.bo.saisie .has-js label {
	font-weight:					normal;
	padding:						0;
	vertical-align:					top;
	margin:							6px 0;
}

.bo.saisie .has-js label.checked {
	background:						url(../img/checked.png) no-repeat top left;
	padding-left:					16px;
}

.bo.saisie label.fix130 {
	width:							150px;
}

.bo.saisie label.fix360 {
	width:							360px;
}

.bo.saisie label.fix333 {
	width:							328px;
}

.bo.saisie label.fix300 {
	width:							300px;
}

.bo.saisie label.fix250 {
	width:							250px;
}

.bo.saisie label.fix255 {
	width:							250px;
	vertical-align:					top;
}

.bo.saisie .selectbox.xssmall.mode_reglement {
	margin:							5px 0;
}

.bo.saisie textarea.bo_320 {
	width:							314px;
	height:							66px;
	background:						url(../img/textarea_bo_320.png) no-repeat top left;
}

.bo.etablissement table.items td {
	padding:						15px 5px;
}

.formulaire .bo.saisie input.valider {
	width:							484px;
	height:							28px;
	background:						url(../img/btn_valider_xl.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					6px;
	cursor:							pointer;
	margin:							5px;
}

.formulaire .bo.saisie button.avoir,
.formulaire .bo.saisie button.enregistrer {
	width:							149px;
	height:							26px;
	background:						url(../img/btn_turquoise.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					6px;
	cursor:							pointer;
	margin:							5px;
}

.formulaire .bo.saisie button.modifier_commande,
.formulaire .bo.saisie button.valider_cmd {
	width:							202px;
	height:							26px;
	background:						url(../img/btn_turquoise_long.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					6px;
	cursor:							pointer;
	margin:							5px;
}

.formulaire .bo.saisie button.annuler_cmd {
	width:							202px;
	height:							26px;
	background:						url(../img/btn_noir_long.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					6px;
	cursor:							pointer;
	margin:							5px;
}

.formulaire button.refresh {
	width:							149px;
	height:							25px;
	background:						url(../img/btn_turquoise.png) no-repeat top left;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.formulaire input.valider_grey {
	width:							149px;
	height:							25px;
	background:						url(../img/btn_valid_grey.png) no-repeat left -1px;
	border:							0;
	text-transform:					uppercase;
	color:							#FFFFFF;
	font-weight:					bold;
	font-size:						11px;
	padding-bottom:					8px;
	cursor:							pointer;
}

.resume table.items {
	width:							300px;
}

.resume table.items td {
	border-color:					#2E98B2;
}

.resume table.items td.no_border {
	border:							0;
}

.resume table.items a.btn.calculer {
	background:						url(../img/btn_calculer.png) no-repeat top left;
	width:							160px;
	font-size:						7pt;
	color:							#FFFFFF;
	line-height:					22px;
	height:							25px;
	text-align:						center;
	text-transform:					uppercase;
	font-weight:					bold;
}

.resume table.items a.btn.valider_ref {
	background:						url(../img/btn_valid_ref.png) no-repeat top left;
	width:							160px;
	font-size:						7pt;
	color:							#FFFFFF;
	line-height:					22px;
	height:							25px;
	text-align:						center;
	text-transform:					uppercase;
	font-weight:					bold;
}

.formulaire.recherche .user {
	margin-right:					12px;
}

.formulaire .compte {
	margin:							20px auto;
	width:							460px;
	background:						#F4FCFF;
	padding:						0 15px;
}

.formulaire .compte label {
	width:							170px;
	margin:							0;
}

.formulaire .compte input.disable {
	background:						url(../img/text_disable.png) no-repeat top left;
}

.formulaire .compte .extern {
	margin-left:					-15px;
}

.formulaire label.no_padding {
	padding:						0;
}

.formulaire.groupe a.btn.imprimer {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	background:						url(../img/btn_print.png) no-repeat top left;
	padding:						0;
	width:							200px;
	line-height:					20px;
	height:							25px;
	text-transform:					uppercase;
	margin-bottom:					19px;
}

.formulaire.groupe a.btn.export {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	background:						url(../img/btn_export_grey.png) no-repeat top left;
	padding:						0;
	width:							200px;
	line-height:					20px;
	height:							25px;
	text-transform:					uppercase;
	margin-bottom:					19px;
}

/* **********************************************
 *	Styles spécifiques - Erreur 404
 * **********************************************/
.erreur_404 {
	width:							593px;
	height:							380px;
	position:						relative;
	margin:							auto;
	background:						url(../img/prof_404.png) no-repeat top left;
}

.erreur_404 p {
	color:							#FFFFFF;
	padding-top:					65px;
	margin-left:					110px;
	text-align:						center;
	line-height:					16px;
	font-weight:					bold;
}

.erreur_404 p a.link_home {
	display:						inline-block;
	width:							98px;
	height:							20px;
	background:						url(../img/lien_404.png) no-repeat top left;
	font-size:						0;
	color:							transparent;
}

/* **********************************************
 *	Styles spécifiques - Pop-in
 * **********************************************/
#pop_in {
	width:							100%;
	height:							100%;
	position:						fixed;
	top:							0;
	left:							0;
}

#pop_in .pop_in {
	position:						relative;
	width:							605px;
	height:							345px;
	background:						url(../img/bg_pop_in.png) no-repeat top left;
	margin:							200px auto;
}


#pop_in .pop_in.small {
	width:							470px;
	background:						url(../img/bg_pop_in_small.png) no-repeat top left;
	height:							270px;
}

#pop_in .pop_in .inside {
	padding:						25px 20px 25px 15px;
	width:							565px;
	height:							300px;
	position:						relative;
	float:							left;
}

#pop_in .pop_in .inside.small {
	height:							200px;
	width:							390px;
}

#pop_in .pop_in .inside table.items {
	width:							563px;
}

#pop_in .pop_in .inside table.items.small {
	width:							440px;
}

#pop_in .pop_in .inside table.items th {
	font-size:						10pt;
}

#pop_in .pop_in .inside table.items td p {
	margin-left:					180px;
}

#pop_in .pop_in .inside input.ajout_groupe {
	background:						url(../img/btn_ajouter_groupe.png) no-repeat top left;
	width:							80px;
	height:							25px;
	line-height:					20px;
	padding:						0 0 5px 5px;
	border:							0;
	color:							#FFFFFF;
	font-size:						7pt;
	font-weight:					bold;
	text-transform:					uppercase;
}

#pop_in .pop_in .inside input.creation_groupe {
	background:						url(../img/btn_creer_groupe.png) no-repeat top left;
	width:							128px;
	height:							25px;
	line-height:					20px;
	padding:						0 0 5px 5px;
	border:							0;
	color:							#FFFFFF;
	font-size:						7pt;
	font-weight:					bold;
	text-transform:					uppercase;
}

#pop_in .pop_in .inside a.pop_in_close {
	display:						inline-block;
	background:						url(../img/btn_fermer.png) no-repeat top left;
	width:							90px;
	height:							25px;
	line-height:					20px;
	border:							0;
	color:							#FFFFFF;
	font-size:						8pt;
	font-weight:					bold;
	text-transform:					uppercase;
}

#pop_in .pop_in .inside a.pop_in_close.middle {
	float: none;
}

#pop_in .pop_in .inside .formulaire input.input_text.text_bo_190 {
	width:							187px;
	background:						url(../img/text_bo_190.png) no-repeat top left;
	text-align:						left;
}

.pop_in {
	z-index: 9999;
}

/* **********************************************
 *	Styles spécifiques au SAV
 * **********************************************/
.sav table.items {
	width:							950px;
	margin-left:					10px;
}

.sav table.items h1 {
	font-size:						20px;
	font-weight:					bold;
	background:						url(../img/fleche_blanche.png) no-repeat 0 7px;
	width:							auto;
}

.sav table.items td.frame {
	padding:						0;
}

.sav table.items a.btn {
	color:							#FFFFFF;
	font-size:						12px;
	font-weight:					bold;
	display:						inline-block;
	float:							left;
	text-transform:					uppercase;
	background:						url(../img/btn_sav.png) no-repeat top left;
	margin:							0 21px;
	width:							270px;
}

.sav table.items a.btn.bleu_long {
	width:							313px;
	background:						url(../img/btn_bleu_long.png) no-repeat top left;
	margin-left:					220px;
}

.sav table.items a.btn.bleu_court {
	width:							165px;
	background:						url(../img/btn_bleu_court.png) no-repeat top left;
}

.sav table.items a.btn.middle_center {
	text-align:						center;
	line-height:					38px;
	padding-bottom:					5px;
}

.sav table.items a.btn.left_center {
	line-height:					16px;
	text-align:						left;
	width:							250px;
	padding-left:					20px;
	padding-top:					3px;
	padding-bottom:					8px;
}

.sav iframe {
	width:							950px;
	height:							500px;
	border:							0;
}

.sav table.items form.fields {
	display:						block;
	position:						relative;
	width:							410px;
	margin:							auto;
}

.sav table.items form.fields label {
	width:							150px;
}

.sav table.items td.message {
	height:							140px;
	vertical-align:					top;
}

.sav table.items td.message div.haut {
	width:							940px;
	background:						url(../img/back_message.png) 0 0;
	height:							10px;
	position:						relative;
	float:							left;
}

.sav table.items td.message div.middle {
	background:						#BCDFEB;
	position:						relative;
	float:							left;
}

.sav table.items td.message div.bas {
	width:							940px;
	background:						url(../img/back_message.png) 0 10px;
	height:							10px;
	position:						relative;
	float:							left;
}

.sav table.items td div.recherche_rne {
	width:							523px;
	height:							354px;
	background:						url(../img/back_sav_formulaire.png) no-repeat 0 0;
	position:						relative;
	float:							left;
	margin-left:					230px;
}

.sav table.items td div.recherche_rne div.fields {
	padding:						10px 30px 0 30px;
}

.sav table.items td div.recherche_rne div.fields input[type="text"] {
	margin-left:					95px;
}

.sav table.items td div.recherche_rne div.fields2 {
	padding:						0 30px;
}

.sav table.items td div.recherche_rne div.fields2 label {
	padding:						0;
}

.sav table.items td div.recherche_rne div.fields3 {
	padding:						0 0 0 60px;
}

.sav table.items td div.recherche_rne div.fields3 label {
	width:							156px;
	padding:						8px 0;
}

.sav table.items td div.recherche_rne div.fields3 label.checkbox {
	width:							15px;
	padding:						0;
}

.sav table.items td div.recherche_rne div.fields3 div.boutons {
	margin:							5px 45px;
}

.formulaire.sav textarea.message {
	background:						url(../img/textarea_message.png) no-repeat top left;
	width:							397px;
	height:							119px;
	margin-left:					2px;
}

/* **********************************************
 *	Styles spécifiques des tooltips
 * **********************************************/
.tip {
	width:							240px;
	height:							44px;
	padding:						5px;
	background:						url(../img/border_top_bottom.png) no-repeat top left;
}

#tooltip {
	display:						none;
	width:							128px;
	color:							#666666;
}

#tooltip .top {
	width:							128px;
	height:							6px;
	background:						url(../img/tooltip_top.png) no-repeat top left;
	position:						relative;
}

#tooltip .mid {
	width:							128px;
	background:						url(../img/tooltip_mid.png) repeat-y top left;
	position:						relative;
}

#tooltip .mid p {
	margin:							0 10px;
}

#tooltip .bottom {
	width:							128px;
	height:							22px;
	background:						url(../img/tooltip_bottom.png) no-repeat bottom left;
	position:						relative;
}

a#ressources_achetees {
	float:right;
	padding-right:10px;
}

.formulaire.groupe a.btn.autre {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	background:						url(../img/btn_autre.png) no-repeat top left;
	width:							149px;
	line-height:					32px;
	height:							37px;
	text-transform:					uppercase;
	vertical-align:					top;
	margin:							0 10px;
}

.formulaire.groupe a.btn.medium {
	color:							#FFFFFF;
    display:						inline-block;
    font-size:						12px;
    font-weight:					bold;
	background:						url(../img/btn_medium.png) no-repeat top left;
	width:							195px;
	line-height:					16px;
	height:							37px;
	text-transform:					uppercase;
	vertical-align:					top;
	margin:							0 10px;
}

#dataList2 .bouton.consulter
{
	background:						url(../img/btn_bleu_list.png) no-repeat top left;
	height:							34px;
	line-height:					14px;
	width:							88px;
	padding:						8px 4px 0 12px;
}

span.info_oeuvre a{
	font-size:						0;

}

/* mes ressource - cl?activation pour matrice */
.align_gauche_petit {
text-align: left;
font-size: 8pt;
}

strong.no-upper span {
	color: #2E98B2;
}

strong.no-upper a {
	color: #E53549;
}


/* *************************************
 *	Styles accueil portail
 * *************************************/
.header_portail {
	background:#2E98B2 url(../img/back_header.jpg) no-repeat bottom center;
}

.fond_portail {
	width:100%;
	height:auto;
}

.acces {
	position:absolute;
	top:30px;
	
}

.acces h2 {
	text-transform:uppercase;
	font-family: 'trebuchet MS';
	font-weight:normal;
	font-size: 20px;
	margin:0 0 .5em 0;
	padding:0;
	line-height:1.2em;
}

.acces p {
	color:#6d6d6d;
	font-family: 'trebuchet MS';
	font-size: 15px;
	margin:0 0 1em 0;
	padding:0;
	line-height:1em;
}

.acces.eleve {
	left:65px;
}

.acces.eleve h2 {
	color:#fc9700;
}

.acces.enseignant {
	left:660px;
	right:45px;
}

.acces.enseignant h2 {
	color:#2f99b3;
}

.acces.enseignant a {
	float:right;
}

.souvenir_portail {
	position:absolute;
	left:0;
	right:0;
	bottom:20px;
	text-align:center;
}

.souvenir_portail label {
	font-size:15px;
	font-family: 'trebuchet MS';
	color:#646464;
	margin:0;
	padding:0;
}

.maison_grand_public {
	position:absolute;
	top:210px;
	left:147px;
}

.maison_education {
	position:absolute;
	top:228px;
	right:75px;
}

/* *************************************
 *	Styles sp�cifiques B2C
 * *************************************/
.header_b2c {
	background:						#ff9e01;
}


.ne_pas_afficher{
    display : none;
}

.connect a.lien_marche {
	float: none;
	color: #2E98B2;
}

p.align_centre {
	position: absolute;
	bottom: 30px;
	left: 45%;
}



.notice button.close {
	float: right;
	font-size: 21px;
	font-weight: 700;
	line-height: 1;
	color: #000;
	text-shadow: 0 1px 0 #fff;
	opacity: .2;
	filter: alpha(opacity=20);
	padding: 0;
	cursor: pointer;
	background: 0;
	border: 0;
	-webkit-appearance: none;
	position: fixed;
	right: 3px;
}


.alert-dismissable .close {
	position: relative;
	top: 5px;
	right: -21px;
	color: inherit;
}


.alert-dismissable {
	border-bottom: 1px solid #CCC;
	padding-right: 35px!important;
	text-align: center;
}
.notice-info {
	background-color: #fefbc0;
	border-color: #f8c253;
	color: #8a6d3b;
	height: 35px;
	border : 1px solid #FEFBC0;
	position: fixed;
	z-index: 99999;
	width: 100%
}



.mn-hat .notice {
	position: absolute;
	right: 0;
	left: 0;
	z-index: 100;
	padding: 10px 10px 5px;
}