/************************/
/*       RESET          */
/***********************/
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
b, u, i, center,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-size: 100%;
	vertical-align: baseline;
	background: transparent;
}
body {
	line-height: 1;
}
ol, ul {
	list-style: none;
}
blockquote, q {
	quotes: none;
}
blockquote:before, blockquote:after,
q:before, q:after {
	content: '';
	content: none;
}

/* remember to define focus styles! */
:focus {
	outline: 0;
}

/* remember to highlight inserts somehow! */
ins {
	text-decoration: none;
}
del {
	text-decoration: line-through;
}

/* tables still need 'cellspacing="0"' in the markup */
table {
	border-collapse: collapse;
	border-spacing: 0;
}




body{
	background: #FFFFFF;
	color: #000000;
}

body,td{
	font: normal 12px arial, sans-serif; 
	line-height:18px;
	text-align:center;vertical-align:middle;
}

a{
	color: #000000;
}

ul{
	padding: 0 0 0 40px;
	margin: 12px 0;
}

#global{
	/*width: 650px;*/
	width: 750px;
	border:1px solid #897E84;
	margin-right: auto;
	margin-left: auto;
	margin-bottom: 5px;
	text-align:left;
}

#header{
	text-align: center;
}

#container{
	background: #FFFFFF;
	margin: 0 auto 0 auto;
	padding: 13px 5px 5px;
}

#footer{
	background: #FFFFFF;
	padding: 5px;
	margin-bottom: 20px;
}

#footer #coaxel_logo{
	float: left;
	margin-top: 25px;
}

#footer #rexel_logo{
	float: right;
}

h1{ 
	font-size:14px;
	text-align:left ;
	color:#0F4572;
}

h2{
	color:#000000;
	font-size:14px;
	margin:12px;
	padding-bottom:5px;
	text-align:center;
}

h3{
	color:#000000;
	font-size:14px;
	font-weight:bold;
	text-align:left;
}

h4{
	font-size:12px;
	float: left;
	color: #6A6563;
	font-weight: bold;
	margin-bottom: 10px;
}

a{ 
	color:#F1610B;  
	font-weight: normal ;
	text-decoration:underline
 }

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

img{ 
	margin:0px;
	border:none;
}

hr{  
  clear:left;
  margin:0;
  padding:0;
  visibility:hidden;
}

.newline { 
	display: block; 
	clear: both; 
	line-height: 1px; 
	font-size: 1px; 
}


/**********************************************/
/*  LANGUE */
/**********************************************/


#changelang {
	text-align:right;
	width:750px;
}

#changelang a{
	text-decoration:none;
}

/* ****************************************** */
/*WARNING*/
/* ****************************************** */


#bloc-warning
{
	/*background:#F9CBB7 none repeat scroll 0 0;*/
	border:2px solid #FF0000;
	/*color:#FF0000;*/
	margin:10px 0;
}

#bloc-warning h3 
{
	background:#FF0000 none repeat scroll 0 0;
	/*border:1px solid #842100;*/
	border:1px solid #FF0000;
	color:#FFFFFF;
	float:none;
	margin:0;
	padding:5px 0;
	text-align:center;
}

#bloc-warning ul
{
	margin : 10px 0 10px 30px;
	list-style-type:none;
}

#bloc-warning li
{
	padding : 5px 0;
}


/*///////// Cas spéciaux /////////////

/*Cas libelle question tres long (passage du champ à la ligne)*/
.longlabel label{
	width:450px;
	text-align:left;
	margin:0 auto;
}

.longlabel .form-blocfield{
	/*padding-left:145px;	largeur de LABEL + marge à droite LABEL*/
	padding-left:160px;	/*largeur de LABEL + marge à droite LABEL*/
	
}

.nolabel{
	margin-top:-10px;
}

div.other{
	margin:5px 0;
}

.label{
	color:#000;
	font-weight:bold;
	
}

.codeinvit{
	width:250px;
	margin-left:22px;
}

.blocCONNU div.other{
	position:relative;
	width:150px;
	top:-22px;
	left:90px;
}

input.error {
	/*background-color:#E3001B;*/
	border:2px solid #E75114;
	/*color:#ffffff;*/
}


div.error {
	color:#E3001B ; 
	font-weight:bold;
}

select.empty,input.empty{
	border-color:#FF7F2A;
	border-width:1px;
	border-style:solid;
}

div.empty{
	border-color:#FF7F2A;
	border-width:1px;
	border-style:solid;
	font-weight:bold;
}

.blocOPTIN label{
	padding-left:0;
	width:98%;
}

.blocOPTIN .form-blocfield{
	padding-left:0;
	text-align:justify
}

/*div de l'étape marketingCode */
#stepcode{
	text-align: center;
}

/*Etape 3*/

.blocSERVICE,.blocFONCTION,.blocVISITE2006{
	margin-bottom: 10px;
}

.blocTAILLE{
	margin-bottom: 25px;
}


/**********************************************/
/*  DEMANDE DE BADGES EXPOSANT */
/**********************************************/

/*Liste des badges*/
#liste{

}

#liste table{
	width: 100%;
	font-size: 11px;
	text-align: center;
}

#liste table td{
	height: 25px;
	padding: 0 3px;
}

#liste .entete{
	background: #aaa;
}

#liste .entete td{
	color: #fff;
	font-weight: bold;
}

.overflow{
	overflow:hidden;
	height:100%;
	width:100%
}

.quota{
	margin: 10px 0;
	background: #aaa;
	color: #000;
	padding: 3px;
	text-align: center;
}

.quota.atteint{
	background: #FFBE0F;
	color: #fff;
	font-weight: bold;
}

.form-fielddisplay{
	margin: 0;
	width: 46%;
	float: right;
}

#submitList{
	width: 100%;
	text-align:center;
	margin: 30px 0;
}

#submitList input.form-submit{
	margin: 0 20px;
}

/*Infos et formulaires de saisie*/
#formBadge{

}

#formBadge label{
	text-align: right;
	width: 50%;
	margin: 0;
}

#formBadge .form-field{
	margin: 3px 0;
}

#formBadge table{
	margin: 10px 0 30px 0;
}

#formBadge .form{
	margin: 20px 0;
}

.titre{
	color: #fff;
	font-size: 16px;
	font-weight: bold;
	padding: 3px 3px 3px 10px;
	background: #d1111c;
}

.titreLivraison{
	color: #D1111C;
	font-size: 16px;
	font-weight: bold;
	margin: 10px 0pt 20px 0;
	text-align: center;
}

.texteDessous{
	
}

.btnAjout{
	text-align: center;
}

.btnAjout input.form-submit{
	margin: 20px 0 10px 0;
}

.btnValid{
	text-align: center;
}

.libelle{
	text-align: right;
	padding: 0 3px 0 0;
	width: 40%;
	font-weight: bold;
}

#formLeft{
	width: 48%;
	border-right: 2px solid #00827b;
	padding: 0 5px 0 0;
}

#formRight{
	width: 50%;
	float: right;
}

/*Menu*/

#menu{
	width: 100%;
	text-align: center;
}

#menu p{
	text-align: justify;
	margin: 50px 0 20px 0;
}

/*Livraison*/

.texterouge{
	color: red;
	font-weight: bold;
	margin: 10px 0px
}

.texteDessus{
	margin: 10px 0;
}

/*Page login*/
.page h3{
color:#E75113;
font-size:18px;
margin-bottom:10px;
padding:10px 0;
text-align:center;
}
.style1 { padding: 10px; }
.style2 { background: #cbdde5; padding: 10px; }

.style1 h3{
	float: none;
	margin: 0 0 20px 0;
	text-align: center;
	font-size: 14px;
	text-decoration: underline;
}

#login-page {
	background:url(img/boitelogin.gif) center top no-repeat;
	width:324px;
	height:155px;
	margin:20px auto;
	padding:6px
	text-align:left;
}
#login-page h3 {color:#757575;font-size:14px;background:none;padding:10px 0 18px 0;text-indent:22px}

#login-page label {float:left;width:110px}

#login-page #acces-ok {
	border : 1px solid #585449;
	background : #000;
	color : #fff;
	font-weight : bold;
	margin: 5px 0;
}

#login-page #acces{
	margin : 4px 0;
	width: 120px;
}

/*********************************************/
/*********************************************/
/*********************************************/
#FormEcard{padding:0 10px;}

#FormEcard fieldset textarea{border:1px solid #9EA4A8;}

#FormEcard label{
margin:5px 0;
padding:0;
/*width:301px;*/
}

#FormEcard input[type=file]{
height:auto;
}

#FormEcard .longlabel .form-blocfield{
	padding: 0;
}

#FormEcard .form-submit {
	padding: 5px; 
	text-decoration: none;
	border : 1px solid #91868C;
	background: #FE7E0E;
	color : #FFFFFF;
	font-weight : bold;
	height:27px;
}


/* ****************************************** */
/*  FOOTER */
/* ****************************************** */



#ecard{
	width: 600px;
	margin: 0 auto;
}

#ecard fieldset{
	border:1px solid #666;
	padding:20px;
	padding-top:10px;
	background:#fff;
	display:block;
}

#ecard INPUT.form-field, #ecard SELECT.form-field , #ecard TEXTAREA.form-field{
	font: normal 12px arial, sans-serif;
	background:#eee;
	color:#000000;
	border:#aaa 1px solid;
	margin: 0;
	padding: 0;
}

#ecard .form-bloc.longlabel{
	margin: 5px 0;
}

#ecard .form-bloc.longlabel label{
	font-weight:bold;
}

#ecard .longlabel .form-blocfield{
	padding: 0;
}



/* ****************************************** */
/*  FOOTER */
/* ****************************************** */


div.footer{
	clear:both;
	width:100%;
	padding:15px 0 ; 
	background:#e3001b;
}

div.footer div{
	width:997px;
	margin:auto;
	color:white;
}

/* 



.form-mandatorysign{
	color: #E3001B;
}

fieldset{
	padding: 0px;
	border: none;
	background: #fff;

}

fieldset legend{
	font-size: 14px;
	font-weight: bold;
	background: #fff;
	
}

label{
	color: #585449;
	font-weight: bold;
	width: 200px;
	display: block;
	float: left;
	text-align: right;
	padding-right: 10px;
}


.form-field{
	color : #585449;	
	border : 1px solid #666;
	background : #fff;
	padding : 2px;
	font-size:10px;
	margin: 0 0 0 5px;
}

.form-text{
	width:200px;
}


.form-bloc{
	float:left;
	margin-bottom:2px;
}

.form-bloc.blocCnilOpposition{
	margin: 20px 0 0 0;
	font-size: 10px;
}


.form-blocfield{
	float:left;
}

.form-blocchoix{
	color : #585449;
	margin-bottom:10px
}

.form-submit{	
	border : 1px solid #cccccc;
	background : #0F4572;
	color : #FFFFFF;
	font-weight : bold;
}

a.form-submit{	
	text-decoration: none;
	padding: 3px;
}

a.form-submit:hover{
	color: #fff;
}

.form-blocsubmit{
	text-align:right;
	padding:20px;text-align:center;
}

.form-ex{
	color:#000;
	font-size:10px;
	position:relative;
	display:inline;
	width:150px;
}

.coche{
	border:none;
	margin: 0 5px;
}

*/