* {min-height:1px;}
body {
	background-color: #ffffff; 
	border:0; 
	text-align: left;
	padding:10px 0;  
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	color:#000000; 
	_text-align:center;
	margin-left: auto;
	margin-right: auto;
	width: 950px;
	overflow-y : scroll;
}

.fluidMedia {
    position: relative;
    padding-bottom: 56.25%; /* proportion value to aspect ratio 16:9 (9 / 16 = 0.5625 or 56.25%) */
    padding-top: 30px;
    height: 0;
    overflow: hidden;
}

.fluidMedia iframe {
    position: absolute;
    top: 0; 
    left: 0;
    width: 100%;
    height: 100%;
}

.email_blocks {display: inline-block; padding:0; margin: 0; border: solid 0px red; width: 430px;}
.img_blocks {display: inline-block; padding:0; margin: 0; border: solid 0px red; width: 65px;}
.sender_wrap{
    width:505px;    
}

/* ######################### HELP LAYER ############## */
/*span{
    background:#F8F8F8;
    border: 5px solid #DFDFDF;
    color: #717171;
    font-size: 13px;
    height: 30px;
    letter-spacing: 1px;
    line-height: 30px;
    position: relative;
    text-align: center;
    text-transform: uppercase;
    top: -80px;
    left:-30px;
    display:none;
    padding:0 20px;
    
}
span:after{
    content:'';
    position:absolute;
    bottom:-10px; 
    width:10px;
    height:10px;
    border-bottom:5px solid #dfdfdf;
    border-right:5px solid #dfdfdf;
    background:#f8f8f8;
    left:50%;
    margin-left:-10px;
    -moz-transform:rotate(45deg);
    -webkit-transform:rotate(45deg);
    transform:rotate(45deg);
}
p{
    margin:100px;
	width: 250px;
    float:left;
    position:relative;
    cursor:pointer;
}

p:hover span{
    display:block;
}
*/
/* ######################### /HELP LAYER ##############  */

/* Hover tooltips */
.field-tip {
    position:relative;
    cursor:help;
	z-index:0;
}
    .field-tip .tip-content {
        position:absolute;
        top:-10px; /* - top padding */
        right:9999px;
        width:200px;
        margin-right:-220px; /* width + left/right padding */
        padding:10px;
		z-index:100;
        color:#fff;
        background:red;
        -webkit-box-shadow:2px 2px 5px #aaa;
           -moz-box-shadow:2px 2px 5px #aaa;
                box-shadow:2px 2px 5px #aaa;
        opacity:1;
        -webkit-transition:opacity 250ms ease-out;
           -moz-transition:opacity 250ms ease-out;
            -ms-transition:opacity 250ms ease-out;
             -o-transition:opacity 250ms ease-out;
                transition:opacity 250ms ease-out;
    }
        /* <http://css-tricks.com/snippets/css/css-triangle/> */
        .field-tip .tip-content:before {
            content:' '; /* Must have content to display */
            position:absolute;
            top:50%;
			z-index:10;
            left:-16px; /* 2 x border width */
            width:0;
            height:0;
            margin-top:-8px; /* - border width */
            border:8px solid transparent;
            border-right-color:#333;
        }
        .field-tip:hover .tip-content {
            right:-20px;
			z-index:10;
            opacity:1;
        }




/* ################## */
.table_menu {
    width: 100%;
	padding: 15px;
    /*padding-top: 10px;
    padding-bottom: 10px;*/
    margin: 0 auto 20px auto;
    background: #FFCC99;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #FFFFFF;
	border: none; 
}

.table_menu tr td{
    align: center;
	text-align: center;
	/*border: 1px solid #006699;*/
	border: none;
}

.table_content {
    width: 100%;
	padding: 15px;
	background-color: #FFCC99;
    margin: 0 auto 20px auto;
    border-radius: 5px;
    -moz-border-radius: 5px;
    -webkit-border-radius: 5px;
    color: #000000;
	border: none;
	/*border: 1px solid #006699; */
}

.table_content th{
    align: center;
	text-align: left;
	padding-left: 15px;
	color: #000000;
	/*border: 1px solid #006699;*/
	border: none;
}

.table_content tr td{
    align: center;
	text-align: center;
	/*border: 1px solid #006699;*/
	border: none;
	border-radius: 0px;
    -moz-border-radius: 0px;
    -webkit-border-radius: 0px;
}
/* ################## */

/* -------------------------------------------- */
/* Tables */

.table-wrapper-nothing {
	width: 98%;
	filter: none;
	background: none; 
	background: none; 
	padding: 0;
	-webkit-box-shadow: none;
	-moz-box-shadow: none;
	-o-box-shadow: none;
	-khtml-box-shadow: none;
	box-shadow: none;
	-webkit-border-radius: 0; 
	/*-moz-border-radius: 10px; firefox doesn't allow rounding of tables yet*/
	-o-border-radius: 0; 
	-khtml-border-radius: 0;
}
.table-wrapper-nothing table {
	width: 98%;
	background: none;
	border-radius: 0px;
	border: 0px solid yellow;
}

.table-wrapper-nothing td {
	padding: 0px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	color: #858585;
	border-left: 0px solid #ccc;
	-khtml-box-shadow: 0px 0px 0px #B2B3B5;
	-webkit-box-shadow: 0px 0px 0px #B2B3B5;
	-moz-box-shadow: 0px 0px 0px #ddd;
	-o-box-shadow: 0px 0px 0px #B2B3B5;
	box-shadow: 0px 0px 0px #B2B3B5;
}


.table-wrapper-nothing tr td {
	border-radius: none;
	border: 0px solid green;
}
.table-wrapper-nothing table tr th {
	border-left: 1px solid #ccc;
}

.table-wrapper-nothing table tr th:first-child {
	-khtml-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-o-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	border: none;
}

.table-wrapper-nothing table tr:last-child th:first-child {
	-khtml-border-top-left-radius: 0px;
	-webkit-border-top-left-radius: 0px;
	-o-border-top-left-radius: 0px;
	border-top-left-radius: 0px;
	border: 2px solid green;
}

.table-wrapper-nothing table tr th:last-child {
	-khtml-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-o-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
}

.table-wrapper-nothing table tr:last-child th:last-child {
	-khtml-border-top-right-radius: 0px;
	-webkit-border-top-right-radius: 0px;
	-o-border-top-right-radius: 0px;
	border-top-right-radius: 0px;
	border: 2px solid green;
}

.table-wrapper-nothing table tr {
	background: #fff;
}

.table-wrapper-nothing table tr td:first-child {
	border: none;
}

.table-wrapper-nothing table tr:nth-child(odd) {
	background: #F3F3F3;
}

.table-wrapper-nothing table tr:nth-child(even) {
	background: #fff;
}

.table-wrapper-nothing table tr:last-child td:first-child {
	-khtml-border-bottom-left-radius: 0px;
	-webkit-border-bottom-left-radius: 0px;
	-o-border-bottom-left-radius: 0px;
	border-bottom-left-radius: 0px;
	/*border: 8px solid #ff0000;*/
}

.table-wrapper-nothing table tr:last-child td:last-child {
	-khtml-border-bottom-right-radius: 0px;
	-webkit-border-bottom-right-radius: 0px;
	-o-border-bottom-right-radius: 0px;
	border-bottom-right-radius: 0px;
}

/* -------- */


.table-wrapper-index {
	width: 55%;
	background: #E0E0E0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#D7D7D7');
	background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#D7D7D7)); 
	background: -moz-linear-gradient(top,  #E9E9E9,  #D7D7D7); 
	padding: 5px;
	-webkit-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-webkit-border-radius: 10px; 
	/*-moz-border-radius: 10px; firefox doesn't allow rounding of tables yet*/
	-o-border-radius: 5px; 
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
	align: center;
	margin: auto;
}




.table-wrapper {
	width: 98%;
	background: #E0E0E0;
	filter: progid:DXImageTransform.Microsoft.gradient(startColorstr='#E9E9E9', endColorstr='#D7D7D7');
	background: -webkit-gradient(linear, left top, left bottom, from(#E9E9E9), to(#D7D7D7)); 
	background: -moz-linear-gradient(top,  #E9E9E9,  #D7D7D7); 
	padding: 5px;
	-webkit-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-moz-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-o-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-khtml-box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	box-shadow: inset 0px 2px 2px #B2B3B5, 0px 1px 0 #fff;
	-webkit-border-radius: 10px; 
	/*-moz-border-radius: 10px; firefox doesn't allow rounding of tables yet*/
	-o-border-radius: 5px; 
	-khtml-border-radius: 5px;
	border-radius: 5px;
	margin-bottom: 20px;
}

.table-wrapper table {
	width: 100%;
}

.table-header {
	padding: 5px 5px 5px 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	vertical-align: middle;
	/*line-height: 34px;*/
	text-decoration: none;
	font-weight: bold;
	
}


.table-row td {
	padding: 5px 5px 5px 15px;
	font-family: "Helvetica Neue", Helvetica, Arial, sans-serif;
	font-size: 12px;
	text-align: left;
	text-decoration: none;
	font-weight: normal;
	color: #858585;
	border-left: 1px solid #ccc;
	-khtml-box-shadow: 0px 1px 0px #B2B3B5;
	-webkit-box-shadow: 0px 1px 0px #B2B3B5;
	-moz-box-shadow: 0px 1px 0px #ddd;
	-o-box-shadow: 0px 1px 0px #B2B3B5;
	box-shadow: 0px 1px 0px #B2B3B5;
}

.table-wrapper table tr th {
	border-left: 1px solid #ccc;
}

.table-wrapper table tr th:first-child {
	-khtml-border-top-left-radius: 5px;
	-webkit-border-top-left-radius: 5px;
	-o-border-top-left-radius: 5px;
	border-top-left-radius: 5px;
	border: none;
}

.table-wrapper table tr th:last-child {
	-khtml-border-top-right-radius: 5px;
	-webkit-border-top-right-radius: 5px;
	-o-border-top-right-radius: 5px;
	border-top-right-radius: 5px;
}

.table-wrapper table tr {
	background: #fff;
}

.table-wrapper table tr td:first-child {
	border: none;
}

.table-wrapper table tr:nth-child(odd) {
	background: #F3F3F3;
}

.table-wrapper table tr:nth-child(even) {
	background: #fff;
}

.table-wrapper table tr:last-child td:first-child {
	-khtml-border-bottom-left-radius: 5px;
	-webkit-border-bottom-left-radius: 5px;
	-o-border-bottom-left-radius: 5px;
	border-bottom-left-radius: 5px;
	/*border: 8px solid #ff0000;*/
}

.table-wrapper table tr:last-child td:last-child {
	-khtml-border-bottom-right-radius: 5px;
	-webkit-border-bottom-right-radius: 5px;
	-o-border-bottom-right-radius: 5px;
	border-bottom-right-radius: 5px;
}


/* -------------------------------------------- */


#global {
  margin-left: auto;
  margin-right: auto;
  width: 990px;
  /*text-align: left; /* on rétablit l'alignement normal du texte */
}


form {border:0; margin:0; padding:0;}
fieldset {border:1px solid #ccc; margin:15px 0; padding:10px;}
legend {margin-left:10px; font-size:100%; font-weight:bold; color:#008;}


.normal, p, ul {
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
}


/*table, td, th 	*/
table {
     border: 1px solid #000000;
     background-color: #ffffff;
     color: black;
	 border-collapse: collapse;
 	 font-size: 10pt;
}

.tr_menu_title {
	border: 1px solid #000000;
    background-color: #0033CC;
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica;
	font-size: 12pt;
	text-align: center;
	font-weight: normal;
    padding: 10px 10px 10px 10px;
}

.tr_menu_title a {
	text-decoration: none; color: #FF9900; font-family: Arial, Helvetica, sans-serif; font-size: 12px
}

.tr_title a {
	text-decoration: none; color: #FFFFFF; font-family: Arial, Helvetica, sans-serif; font-size: 12px
}
.tr_title {
	border: 1px solid #000000;
    background-color: #C0C0C0;
	color: #ffffff;
	font-family: Arial, Verdana, Helvetica;
	font-size: 10pt;
	text-align: left;
	font-weight: normal;
    padding-left: 30px;
}

.left {
	text-align: left;
}

.right {
	text-align: right;
}

.center {
	text-align: center;
}

h1 {
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 12pt;
}

.h1 {
	color: #333333;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 8pt;
}

.h2 {
	color: #993399;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: 10pt;
	font-weight: bold;
}

.h3 {
	color: #993399;
}

.h6 {
	color: #333366;
}

.a {
	color: #CC3333;
	text-decoration: none;
}

a {  text-decoration: none; color: #92287C; font-family: Arial, Helvetica, sans-serif; font-size: 12px}

.trOn {
	background-color: #ffffff;
	font: 10px Arial, Helvetica, sans-serif;
	border-width: 0 0 1 0;
	border-style: solid;
	border-color: #C0C0C0;
}

.trOff {
	background-color: #eeeeee;
	font: 10px Arial, Helvetica, sans-serif;
	border-width: 0 0 1 0;
	border-style: solid;
	border-color: #C0C0C0;
}

.tdOn {
	background-color: #ffffff;		/*#E1F0FF;		/*#eeeeee;*/
	font: 10px Arial, Helvetica, sans-serif;
	border-width: 0 0 1 0;
	border-style: solid;
	border-color: #A0D4F6;		/*#E1F0FF;		/*#eeeeee;*/
}
.tdOff {
	background-color: #eeeeee;
	font: 10px Arial, Helvetica, sans-serif;
	border-width: 0 0 1 0;
	border-style: solid;
	border-color: #ffffff;
}

.back {
	background: #ffffff;
	border: 1px solid #000000;
	color: #000000;
	font-family: Arial, Verdana, Helvetica, sans-serif;
	font-size: xx-small;
	/* height: 19px; */
	text-align: center;
	vertical-align: middle;
	width: 60;
}



.listBox {
   padding-top      : 5px;
   padding-bottom   : 5px;
   background-color : #ffffff;
   border           : 1px solid #8b8b8b;
}

span.catHeader {
   font-family : Arial;
   font-weight : bold;
   font-size   : 11px;
   color       : #5b5b5b;
   margin-left : 8px;
   margin-top  : 12px;
   display     : block;
}


/* ------------- FORM ---------------------------*/
form {
 padding:0px;
 /*width:725px;*/
 }
fieldset {
 float: left;
/* width: 300px; */
 padding:0 10px 10px 10px;
 margin-bottom:10px;
 border:1px solid #DF3F3F;
 }
legend {
 color:#DF3F3F;
 font-weight:bold
 }
label {
 margin-top:10px;
 display:block;
 }
label.inline {
 display:inline;
 margin-right:50px;
 }
input, textarea, select, option {
 font-size: 8pt;
 background:#FFF3F3;
 padding:0 0px 0px 5px;
 }
input, textarea, select {
 padding:3px;
 border:1px solid #F5C5C5;
 border-radius:5px;
 padding:0 0px 0px 10px;
 /*width:200px;*/
 box-shadow:1px 1px 2px #C0C0C0 inset;
 }
select {
 margin-top:10px;
 }
input[type=radio] {
 background:transparent;
 border:none;
 width:10px;
 }
input[type=submit], input[type=reset] {
 /*width:150px;*/
 /*margin-left:5px;*/
 box-shadow:1px 1px 1px #D83F3D;
 padding:0 10px 0px 10px;
 cursor:pointer;
 }

input:focus, textarea:focus {
 background:#ffffff;
}

input[type=submit]:focus, input[type=reset]:focus {
 background-color:#FFF3F3;
}

input[type=submit]:hover, input[type=reset]:hover {
 background:#FCDEDE;
 }
input[type=submit]:active, input[type=reset]:active {
 background:#FCDEDE;
 box-shadow:1px 1px 1px #D83F3D inset;
}