/* CSS document */
/*
    Fonts parts
*/
/* this is for the prices */
@font-face {
    font-family: 'Eau';
    src: url('../fonts/eau_sans_bold-webfont.eot');
    src: url('../fonts/eau_sans_bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/eau_sans_bold-webfont.woff') format('woff'),
         url('../fonts/eau_sans_bold-webfont.ttf') format('truetype'),
         url('../fonts/eau_sans_bold-webfont.svg#EauSansBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
/* Hand draw font */
@font-face {
    font-family: 'Hand';
    src: url('../fonts/hand.eot');
    src: url('../fonts/hand.eot?#iefix') format('embedded-opentype'),
         url('../fonts/hand.woff') format('woff'),
         url('../fonts/hand.ttf') format('truetype'),
         url('../fonts/hand.svg#jrhandRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*@font-face {
    font-family: 'Desyrel';
    src: url('fonts/desyrel/desyrel-webfont.eot');
    src: url('fonts/desyrel/desyrel-webfont.eot?#iefix') format('embedded-opentype'),
         url('fonts/desyrel/desyrel-webfont.woff') format('woff'),
         url('fonts/desyrel/desyrel-webfont.ttf') format('truetype'),
         url('fonts/desyrel/desyrel-webfont.svg#DesyrelRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}*/
/* this is the main  font */
@font-face {
    font-family: 'Cabin';
    src: url('../fonts/Cabin-Regular-webfont.eot');
    src: url('../fonts/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-Regular-webfont.woff') format('woff'),
         url('../fonts/Cabin-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Museo';
    src: url('../fonts/Cabin-Regular-webfont.eot');
    src: url('../fonts/Cabin-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-Regular-webfont.woff') format('woff'),
         url('../fonts/Cabin-Regular-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-Regular-webfont.svg#CabinRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
@font-face {
    font-family: 'Cabin';
    src: url('../fonts/Cabin-Medium-webfont.eot');
    src: url('../fonts/Cabin-Medium-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-Medium-webfont.woff') format('woff'),
         url('../fonts/Cabin-Medium-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-Medium-webfont.svg#CabinMedium') format('svg');
    font-weight: 500;
    font-style: normal;
}
@font-face {
    font-family: 'Cabin';
    src: url('../fonts/Cabin-Bold-webfont.eot');
    src: url('../fonts/Cabin-Bold-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/Cabin-Bold-webfont.woff') format('woff'),
         url('../fonts/Cabin-Bold-webfont.ttf') format('truetype'),
         url('../fonts/Cabin-Bold-webfont.svg#CabinBold') format('svg');
    font-weight: bold;
    font-style: normal;
}
@font-face {
    font-family:'vag-rounded';
    src:url('../fonts/vag-rounded.eot');
    src:url('../fonts/vag-rounded.eot?#iefix') format('embedded-opentype'),
        url('../fonts/vag-rounded.woff') format('woff'),
        url('../fonts/vag-rounded.ttf') format('truetype'),
        url('../fonts/vag-rounded.svg#ovhbtRegular') format('svg');
    font-weight:normal
    font-style:normal;
}
@font-face {
    font-family: 'VarelaRoundRegular';
    src: url('../fonts/VarelaRound-Regular-webfont.eot');
    src: url('../fonts/VarelaRound-Regular-webfont.eot?#iefix') format('embedded-opentype'),
         url('../fonts/VarelaRound-Regular-webfont.woff') format('woff'),
         url('../fonts/VarelaRound-Regular-webfont.ttf') format('truetype'),
         url('../fonts/VarelaRound-Regular-webfont.svg#VarelaRoundRegular') format('svg');
    font-weight: normal;
    font-style: normal;
}
/*
 Main styles,
 HTML Redesign
*/
* {
    margin: 0;
    padding: 0;
    font-family: 'Cabin','Trebuchet MS', "Gill Sans",sans-serif;
    /* font-family: 'VarelaRoundRegular'; */
    color: #262626;
    font-size: 14px;
    line-height: 22px;
    text-align: left;
}
body {
    background: white;
    /* background-image: url(../images/_back.jpg);
    background-repeat: repeat-x;
    text-align: center;   */
    background-repeat: repeat-x;
}
div.wrapper {
    width: 970px;
    margin: 0 auto;
    text-align: left;
    _width: 980px;
}
b, h1, h2, h3, h4, h5, h6, strong, .bold {
    font-weight: bold;
}
.classm { color : #262626;}
.normal {
    font-weight: normal;
}
.hand {
    font-family: 'Hand','Trebuchet MS', "Gill Sans",sans-serif;
}
h1 {
    text-align: left;
    font-size: 26px;
    /*border-style: none none solid none;
    border-width: 2px;*/
    line-height: 33px;
    width: 100%;
    color: #0068b1;
}
h2 {
    text-align: left;
    font-size: 22px;
    color: #0068b1;
    font-weight: 500;
}
h3 {
    text-align: left;
    font-size: 18px;
    color: #0068b1;
    font-weight: 500;
}
img {
    border: 0;
    vertical-align:middle;
}
a,
a span,
a img,
#registerslide img,
#registerslide span {
    cursor: pointer;
}
a,
a:visited,
a:active,
a:link {
    color: #0066CC;
    text-decoration: underline;
    outline: none;
}
a:hover {
    text-decoration: none;
    outline: none;
}
a.none,
a.none:visited,
a.none:active,
a.none:link {
    text-decoration: none;
    outline: none;
    color : black;
}
a.none:hover,
a.none:hover * {
    color : #0068b1;
}
hr {
    height: 1px;
    width: 90%;
    margin: 0 0 0 5%;
    font-size: 0px;
    line-height: 0px;
    background: transparent;
    color: transparent;
    border: 0;
    border-top: 1px solid #999;
    border-bottom: 1px solid #fff;
}
.right_vhr {
    background: transparent url(/images/main/icons/vertical_right_hr.gif) no-repeat 0 50%;
}
.icon,
.color_icon,
* .icon
*:visited .icon,
*:active .icon,
*:link .icon {
    display: block;
    height: 48px;
    width: 48px;
    background-repeat: no-repeat;
    background-color: transparent;
    background-position: 50% 0%;
}
.support    { background-image: url(/images/main/icons/support.gif);}
.emails     { background-image: url(/images/main/icons/email.gif); }
    .emails2     { background-image: url(/images/main/icons/2email.gif); }
    .emails5     { background-image: url(/images/main/icons/5email.gif); }
.no_box      { background-image: url(/images/main/icons/no_box.gif);  }
.sdsl      { background-image: url(/images/main/icons/sdsl.gif);  }
.modem      { background-image: url(/images/main/icons/modem.gif);  }
    .mdetails      { background-image: url(/images/main/icons/modem_details.gif);  }
.media      { background-image: url(/images/main/icons/media.gif);  }
.nas        { background-image: url(/images/main/icons/nas.gif);    }
.tel        { background-image: url(/images/main/icons/tel.gif);    }
    .tel2        { background-image: url(/images/main/icons/2tel.gif);    }
.pnl:hover .icon,
a:hover .icon,
.icon:hover,
.selected,
.selected .icon,
.color_icon {
    background-position: 50% 100%;
}
.pnl:hover .icon,
a:hover .icon,
.icon:hover,
.selected,
.selected .icon,
.color_icon {
    background-position: 50% 100%;
}
ul li  {
    padding: 0 0 0 20px;
    list-style: none;
    background: transparent url('../images/li.gif') no-repeat 8px 0;
}
ul.greenCheck li {
    padding: 0 0 20px 30px;
    list-style: none;
    background: transparent url('../images/emails/hosted_exchange/general/valid_yes.gif') no-repeat 8px 0;
}
ul.none li {
    padding: 0;
    list-style: none;
    background: none;
}
ul.alist
{
    list-style: none;
    margin-left: 15px;
    padding-left: 0px;
    margin-top: 5px;
    background: transparent;
}
ul.alist li a,
ul.alist li a:visited
{
    list-style-image: none;
    text-decoration: none;
    color: #3c3c3c;
    margin-left:  0px;
    padding-left: 0px;
    font-size: 14px;
    /*height: 15px;*/
    line-height: 15px;
}
ul.alist li
{
    background: transparent url('../themes/default/images/select_li.gif') no-repeat 0% 8px;
    font-size: 14px;
    margin: 0;
    padding: 0 0 0 10px;
    margin-left: 0px;
    list-style-image: none;
    color: #3c3c3c;
    text-decoration: none;
}
ul.alist li:hover {
    background: transparent url('../themes/default/images/select_li_hover_blue.gif') no-repeat 0px 8px;
}
ul.alist li a:hover,
ul.alist li a.selected,
ul.alist li a:hover strong {
    color: #0068b1;
}
/*
 Structural styles
*/
table,
table tr,
table tr td,
table tr th {
    border: none;
    text-align: right;
    margin: 0;
    padding: 0;
    vertical-align:initial;
}
table tr th {
    font-weight: 500;
}
table.marged tr td,
table.marged tr th {
    margin: 4px;
}
table.padded tr td,
table.padded tr th {
    padding: 4px;
}
table.bordered,
table.bordered td,
table.bordered th {
    border: 1px solid #aaa;
    border-collapse: collapse;
}
table.bordered {
    width: 100%;
}
table.bordered td {
    font-weight: normal;
    text-align: center;
}
table.bordered tr th {
    text-align: left;
    color: #666;
}
table.bordered tr:nth-child(2n),
table.alternate tr:nth-child(2n),
td.light,
tr.light {
    background: #f8f8f8;
}
table.bordered thead tr {
    background: #fff;
}
table.bordered thead tr td,
table.bordered thead tr th {
    font-weight: bold;
    font-size: 16px;
    color: #0068b1;
    padding: 12px 6px;
    border-color: #fff;
    border-bottom: 1px solid #aaa;
}
/* cols structure
    TODO : remove this col structure
    to make it all x1234567
*/
.x2 table tr td,
.x2 table tr th,
.x2 table tr td *,
.x2 table tr th * {
    line-height: 16px;
}
.x2 table tr td .small *,
.x2 table tr th .small *,
.x2 table tr td .small,
.x2 table tr th .small {
    line-height: 12px;
    _line-height: 16px;
    *line-height: 16px;
}
/*
.col2, .col4 { display: block; float: left; }
.col2 {
    width: 470px;
    margin: 0 15px 0 0;
    _margin: 0 5px 0 0;
}
.col4 {
    width: 230px;
    margin: 0 15px 0 0;
    _margin: 0 5px 0 0;
}
*/
.pnl h1 {
    background: transparent url(../images/pnl_top.jpg) no-repeat 0 0;
    border: 0;
    text-align: center;
}
.pnl h1 span,
.pnl h1 a,
.pnl h1 a:link,
.pnl h1 a:active,
.pnl h1 a:visited {
    display: block;
    margin: 0 0 0 20px;
    padding: 10px 20px 0 0 ;
    text-align: center;
    line-height: 32px;
    font-size: 22px;
    text-decoration: none;
    color: #0068b1;
    background: transparent url(../images/pnl_top.jpg) no-repeat 100% 0;
}
.pnl h1 span.sblue {
    font-size: 16px;
    line-height: 22px;
    color: #0068b1;
}
.pnl h1 a:hover {
    color: #ff99ff;
}
.pnl h1 a:hover.styleun2 {
    color: #00ff66;
}
.pnl h1.y2 a {
    height: 64px;
    line-height: 54px;
}
.pnl .colContent {
    background: white  url(../images/pnl_sep.jpg) repeat-x 50% 0;
    border: 0;
    border-left: 2px solid #aaa;
    border-right: 2px solid #aaa;
}
.pnl .scolBottom,
.pnl .colBottom {
    float: right;
    height : 39px;
    width : 100%;
    background: transparent url(../images/pnl_bottom.jpg) no-repeat 0 0;
    border: 0;
}
.pnl .scolBottom p,
.pnl .colBottom p {
    margin : 0 0 0 20px;
    padding : 10px 20px 0 7px;
    height : 39px;
    background: transparent url(../images/pnl_bottom.jpg) no-repeat 100% 0;
}
.pnl .colBottom a.stylegen1 {
    color: #262626;
    }
.pnl .colBottom div.pull {
    float: left;
    width: 100%;
    margin-top: -8px;
}
.pnl .scolBottom {
    height: 20px;
    background: transparent url(../images/sColBottom.jpg) no-repeat 0 0;
}
.pnl .scolBottom p {
    height: 20px;
    padding : 0px 20px 0 5px;
    background: transparent url(../images/sColBottom.jpg) no-repeat 100% 0;
}
.pnl .dyingCols {
    border: 0;
    background: transparent url(/images/dyingCols.jpg) no-repeat left bottom;
}
.pnl .dyingCols .dyingCols {
    border: 0;
    background: transparent url(/images/dyingCols.jpg) no-repeat right bottom;
}
.pnl .dyingCols .dShadow {
    display: block;
    margin: 0 2px;
    background: transparent url(/images/pnl_sep.jpg) repeat-x 50% 0;
}
div.blue_pnl{
	display:block;
	text-decoration:none;
}
div.blue_pnl h3 span,div.blue_pnl:visited h1 span,div.blue_pnl:active h1 span,div.blue_pnl:link h1 span{
	font-size:22px;
	font-weight:normal;
	padding-left:10px;
	line-height:34px;
	color:#063c68;
	text-shadow:0 1px 1px #fff;
}
div.blue_pnl .colContent{
	background:#f4f4f4;
	background:-moz-linear-gradient(top,#fff 0,#fff 14%,#f4f4f4 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(14%,#fff),color-stop(100%,#f4f4f4));
	background:-webkit-linear-gradient(top,#fff 0,#fff 14%,#f4f4f4 100%);
	background:-o-linear-gradient(top,#fff 0,#fff 14%,#f4f4f4 100%);
	background:-ms-linear-gradient(top,#fff 0,#fff 14%,#f4f4f4 100%);
	background:linear-gradient(to bottom,#fff 0,#fff 14%,#f4f4f4 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#f4f4f4',GradientType=0);
	border:1px solid #eaeaea;
	-webkit-border-radius:3px 3px 0 0;
	border-radius:3px 3px 0 0;
}
.logocb {
	margin:11px 0;
	text-align:center;
}
div.blue_pnl .colContent .tarif {
	height:78px;
	/* background-repeat:no-repeat;  */
	margin:5px 0px 10px 0px;
	font-family: 'Arial Black','Eau','Verdana', sans-serif;
	font-size:20px;
}
div.blue_pnl .colContent .presta {
	color:#F781BE;
	font-family: 'Arial Black','Eau','Verdana', sans-serif;
	font-size:20px;
	margin-bottom:5px;
}
div.blue_pnl .colContent .prestaplus {
	color:#F781BE;
	font-family: 'Arial Black','Eau','Verdana', sans-serif;
	font-size:20px;
	margin-bottom:5px;
}
div.blue_pnl .colContent .prestaplus_off {
	color:#999;
	font-family: 'Arial Black','Eau','Verdana', sans-serif;
	font-size:20px;
	text-decoration:line-through;
	margin-bottom:3px;
}
div.blue_pnl .colContent .presta_off {
	color:#848484;
	font-family: 'Arial Black','Eau','Verdana', sans-serif;
	font-size:20px;
	text-decoration:line-through;
}
div.activated:hover .colContent{
	background:#dbdbdb;
	background:-moz-linear-gradient(top,#fff 0,#fff 14%,#dbdbdb 100%);
	background:-webkit-gradient(linear,left top,left bottom,color-stop(0%,#fff),color-stop(14%,#fff),color-stop(100%,#dbdbdb));
	background:-webkit-linear-gradient(top,#fff 0,#fff 14%,#dbdbdb 100%);
	background:-o-linear-gradient(top,#fff 0,#fff 14%,#dbdbdb 100%);
	background:-ms-linear-gradient(top,#fff 0,#fff 14%,#dbdbdb 100%);
	background:linear-gradient(to bottom,#fff 0,#fff 14%,#dbdbdb 100%);
	filter:progid:DXImageTransform.Microsoft.gradient(startColorstr='#ffffff',endColorstr='#dbdbdb',GradientType=0);
}
div.blue_pnl .colBottom{
	background:#fff;
	height:33px;
	border-left:1px solid #eaeaea;
	border-right:1px solid #eaeaea;
	border-bottom:1px solid #eaeaea\9;
}
div.blue_pnl .colBottom span{
	line-height:33px;
	/* margin-right:43px;   */
	display:block;
	text-align:center;
}
div.blue_pnl .colBottom div.filet{
	background:#fff;
	height:5px;
	margin-top:-5px;
}
div.blue_pnl:hover .colBottom div.filet{
	background:#F781BE;
}
div.blue_pnl .colContent p,div.blue_pnl .colContent p span,.grey_pnl h4{
	color:#4e4c4d;
	font-size:20px;
	line-height:20px;
}
.price,
.price span {
    vertical-align: bottom;
    text-align: center;
    font-weight: bold;
    font-family: 'Eau','Arial Black','Verdana', sans-serif;
}
.price .eur {
    font-size: 32px;
    color:#2E9AFE;
    line-height: 32px;
}
.price .eurpass {
    font-size: 32px;
    color:#2E9AFE;
    line-height: 32px;
    width:50px;
    display: inline-block;
    text-align: right;
}
.price .cts {
    font-size: 26px;
    color:#2E9AFE;
    line-height: 26px;
}
.price .cur {
    font-size: 16px;
    color: #2E9AFE;
    line-height: 16px;
    vertical-align: top;
    margin-left: 5px;
}
.price .curpass {
    font-size: 16px;
    color: #2E9AFE;
    line-height: 16px;
    vertical-align: top;
    margin-left: 5px;
    width:50px;
    display: inline-block;
}
.price .cur.nm {
    margin: 0 5px 0 0 ;
}
.price .tad {
    font-size: 12px;
    text-align: right;
    line-height: 12px;
    vertical-align: bottom;
    margin-left: -10px;
    color: #666;
}
.price .tad.nm {
    margin: 0;
}
.sprice .tad,
.sprice .ttc,
.price .ttc,
.sprice .ttc span,
.price .ttc span {
    font-size: 10px;
    text-align: right;
    line-height: 12px;
    _line-height: 22px;
    *line-height: 22px;
    vertical-align: bottom;
    color:#2E9AFE;
}
.price .ttc,
.sprice .ttc {
    /* display: block; */
    text-align: inherit;
}
.price .blue { color: #0068b1; } /* Sometimes the price class displays phone numbers*/
.sprice,
.sprice span {
    font-weight: bold;
    font-family: 'Eau','Arial Black','Verdana', sans-serif;
    color:#2E9AFE;
    line-height: 16px;
}
.sprice .grey,
.price .grey { color: #666; }
.white .price *,
.white .price * span,
.white .sprice *,
.white .sprice * span,
.price .white,
.sprice .white { color: white; }
/*
 *
 * Styles à ajouter
 *
*/
/*
 *
 * Over tooltip used for eligibility test and order pads in adsl pages
 *
 */
    .over_tooltip {
        /*display: block;
        position: absolute;
        top: 0;
        left: 110%;
        width: 600px;*/
        background: transparent;
        padding: 5px 10px 10px 10px;
        /*border: 11px solid #e2e2e2;*/
    }
/*
    Sliders pour telephonie, sip trunk
*/
#slider {
    height : 34px;
    padding: 0;
    cursor: pointer;
    background: url('../images/main/slider_rail.jpg') no-repeat 50% 8px ;
}
#slider #knob {
    width : 53px;
    height : 34px;
    background: url('../images/main/knob.gif') no-repeat 0px 0;
    text-align: center;
    color: white;
    padding: 6px 0 0 0;
    margin: -4px 0 0 0;
    font-weight: bold;
}
/*
    Features menu : menus pour les options type téléphonie,
    adsl....
*/
.featuresMenu {
}
.featuresMenu h3 {
    padding: 5px;
    border: 0;
    border-bottom: 1px solid #ccc;
    cursor: pointer;
    text-indent: 32px;
    background: #f6f6f6 url(/images/main/accordion.gif) no-repeat 0 0;
}
.featuresMenu h3:hover,
.featuresMenu h3.selected {
    background: #f6f6f6 url(/images/main/accordion.gif) no-repeat 0 100%;
}
.featuresSubMenu a,
.featuresSubMenu a:link,
.featuresSubMenu a:visited,
.featuresSubMenu a:active,
.featuresSubMenu a:hover {
    padding: 5px;
    color: #3c3c3c;
    text-decoration: none;
}
.featuresSubMenu a:hover,
.featuresSubMenu a.selected,
.featuresSubMenu a.selected:link,
.featuresSubMenu a.selected:active,
.featuresSubMenu a.selected:visited,
.featuresSubMenu a.selected:hover {
    color: white;
    background: #0068b1;
}
/*
    Main menu Box, the 2 main zones
    for main menus
*/
.mainPage {
    width: 100%;
    margin: 0 auto;
    text-align: center;
}
.toolBox {
    width: 970px;
    height: 33px;
    text-align: center;
}
.mainPage ul li {
    float: left;
    list-style: none;
    list-style-image: none;
    background: transparent;
}
.toolBox ul li a,
.toolBox ul li a:link,
.toolBox ul li a:hover,
.toolBox ul li a:visited,
.toolBox ul li a:active {
    display: block;
    float: left;
    line-height: 33px;
    height: 33px;
    color: #666;
    text-decoration: none;
    margin: 0 0 0 30px;
    background-color: transparent;
    background-position: 0 0;
    background-repeat: no-repeat;
}
/*.toolBox ul li a:hover span {
     color: black;
} */
.toolBox ul li a.member:hover span {
    color:#0058A7;
}
.toolBox ul li a.modele:hover span {
    color:#CC66FF;
}
.toolBox ul li a.support:hover span {
    color:#4B96DB;
}
.toolBox ul li a.webmail:hover span {
    color:#FC811D;
}
.toolBox ul li a:hover {
    background-position: 0 100%;
    color: black;
}
.toolBox ul li a span {
    margin: 0 0 0 32px;
    /* font-size: 12px; */
    font-size: 14px;
    color: #666;
}
.toolBox ul li a.member { background-image: url(../images/membereye.png); }
.toolBox ul li a.modele { background-image: url(../images/modelecam.png); }
.toolBox ul li a.webmail { background-image: url(../images/webmail.png); }
.toolBox ul li a.support { background-image: url(../images/question-31x66.png); }
/* .toolBox ul li a.manager { background-image: url(../images/manager.jpg); }
.toolBox ul li a.webmail { background-image: url(../images/webmail.jpg); }
.toolBox ul li a.support { background-image: url(../images/support.jpg); } */
.toolBox ul { margin: 0 20px 0 0; }
.menuTitre {
    width: 100%;
    height: 50px;
    background: transparent url(../images/menuTitre.jpg) repeat-x 0 0 ;
}
.menuTitre a {
    height: 50px;
}
.menuTitre a.logo img {
    margin: 0 0 0 40px;
}
.menuTitre ul {
    margin: 0 0 0 35px;
}
.menuTitre ul li {
    margin: 0 0 0 0;
    padding : 0 0 0 0;
    display: inline;
}
.menuTitre ul li span.sep {
    background : transparent url(../images/sep.png) no-repeat 0 0;
    width : 2px;
    height : 50px;
    display : block;
}
.menuTitre ul li a span,
.menuTitre ul li a:link,
.menuTitre ul li a:hover,
.menuTitre ul li a:visited,
.menuTitre ul li a:active {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #FF99FF;
}
.menuTitre ul li a span.styleun1,
.menuTitre ul li a:link.styleun1,
.menuTitre ul li a:hover.styleun1,
.menuTitre ul li a:visited.styleun1,
.menuTitre ul li a:active.styleun1 {
    display: block;
    float: left;
    height: 50px;
    line-height: 50px;
    font-size: 18px;
    font-weight: bold;
    text-decoration: none;
    color: #00ff66;
}
.menuTitre ul li span.styleun3 {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 20px;
    font-weight: bold;
    text-decoration: none;
    color: #ffffff;
    width:400px;
    text-align:center;
}

.menuTitre ul li span.styleun4 {
    display: block;
    height: 50px;
    line-height: 50px;
    font-size: 16px;
    text-decoration: none;
    color: #ffffff;
    text-align:center;
}

.menuTitre ul li a { padding: 0 0 0 24px; }
.menuTitre ul li a span { padding: 0 24px 0 0; }
.menuTitre ul li a p { padding: 0 24px 0 0; }
.menuTitre ul li a.selected span,
.menuTitre ul li a.selected,
.menuTitre ul li a:hover,
.menuTitre ul li a:hover span {
    color: white;
}
.menuTitre ul li a.selected span,
.menuTitre ul li a.selected {
    background: #333;
}
.menuTitre ul li a span.tag_nouv {
    position : absolute;
    background : transparent url('../images/tag_nouv.png') no-repeat 0 0;
    display : block;
    width : 51px;
    height : 28px;
    float : right;
    padding : 0;
    margin : 0 0 0 -24px;
}
/*
 *
 *  PRESSTOP NAVIGATION
 *
 */
div.press_top h2 {
    font-size : 16px;
    font-weight : bold;
    color : #666;
}
div.press_top h2 a,
div.press_top h2 a:visited,
div.press_top h2 a:link,
div.press_top h2 a:hover,
div.press_top h2 a:active {
    font-size : 16px;
    text-decoration : none;
    color : #666;
}
div.press_top h2 a:hover {
    color: #0068b1;
}
/*
 Index panel
*/
.panel {
    height: 341px;
    /* background: transparent url(../images/panelTex.jpg) repeat-x 0% 100%; */
    /* background: transparent url(../images/_back.jpg) repeat-x 0% 100%; */
    /* background: transparent url(../images/_back.jpg) repeat-x;
    background: transparent url(../chat/images/bg_msn2long.png) repeat-x 0% 100%; */
}
.subPanel {
    /* background: transparent url(../images/panelShadow.jpg) no-repeat 50% 0%; */
}
#box { width: 4900px; }
#small_box { width: 500px; }
.smallPanelSlider,
.panelSlider {
    display: block;
    width: 970px;
    height: 275px;
    overflow: hidden;
    position: relative;
}
.smallPanelSlider {
    width: 192px;
    height: 100px;
}
.slider_items {
    display: block;
    position: relative;
    text-align: center;
}
.sliderEl {
    display: block;
    width: 970px;
    /*height: 275px;*/
    float: left;
    position: relative;
}
#small_box .sliderEl { width: 192px;}
.sliderEl .tooltip {
    margin: 35px 0 0 349px;
    height: 233px;
    width: 569px;
    position: absolute;
    z-index: 0;
    background: transparent url(../images/tooltip.jpg) no-repeat 0 0 ;
}
.sliderEl .tooltip table {
    position: relative;
    margin: 15px;
}
.sliderEl .sliderContainerMenu {
    height: 280px;
    position: absolute;
    z-index: 2;
    left: 0;
}
.sliderEl .sliderContainerMenu a,
.sliderEl .sliderContainerMenu a:visited,
.sliderEl .sliderContainerMenu a:active,
.sliderEl .sliderContainerMenu a:hover {
    padding: 5px 30px 5px 5px;
    margin: 3px 0;
    color: #262626;
    text-decoration: none;
    font-weight: 500;
}
.sliderEl .sliderContainerMenu a:hover {
    color: #0068b1;
    text-decoration: none;
    font-weight: 500;
}
.sliderEl .sliderContainerMenu a.selected,
.sliderEl .sliderContainerMenu a.selected:link,
.sliderEl .sliderContainerMenu a.selected:visited,
.sliderEl .sliderContainerMenu a.selected:active,
.sliderEl .sliderContainerMenu a.selected:hover {
    padding: 5px 30px 5px 5px;
    margin: 3px 0;
    background: #0068b1 url(../images/tooltip_menu_select.jpg) no-repeat 100% 50%;
    text-decoration: none;
    font-weight: bold;
    color: white;
}
ul.panelMenu {
    padding: 0;
    margin: 0;
    width: 100%;
    display: block;
    height: 55px;
}
ul.panelMenu li {
    padding: 0;
    margin: 0;
    list-style: none;
    display: block;
    float: left;
    width: 192px;
    background: transparent url(/images/main/icons/panelMenuPlus.gif) no-repeat 100% 50%;
}
ul.panelMenu li.last {
    background: transparent;
}
ul.panelMenu li a .icon {
    vertical-align: middle;
    float: left;
    margin:0 6px 0 35px;
    _margin:0 6px 0 15px;
}
ul.panelMenu li a.moreMarge .icon {
    margin:0 6px 0 35px;
}
ul.panelMenu li a ,
ul.panelMenu li a:link ,
ul.panelMenu li a:visited ,
ul.panelMenu li a:active ,
ul.panelMenu li a:hover  {
    display: block;
    padding-top: 10px;
    font-weight: 500;
    color: #3c3c3c;
    text-decoration: none;
    background-color: transparent;
}
ul.panelMenu li a span {
    font-weight: 500;
    color: #3c3c3c;
    text-decoration: none;
}
ul.panelMenu li a.selected  {
    background: transparent url(/images/main/icons/top_hr.gif) no-repeat 50% 0;
}
ul.detailed_view li a.selected  {
    background: transparent url(/images/main/icons/bottom_hr.gif) no-repeat 50% 0;
}
.panelMenu li a:hover span,
.panelMenu li a.selected span {
    font-weight: bold;
    color: #262626;
    background: transparent;
}
/*.panelMenu li a.modem { background: red url(/images/main/icons/modem.gif) no-repeat 0 0; }*/
.subscribe {
    height: 172px;
    width: 383px;
    text-align: left;
    background: transparent url(/images/main/subscribe.jpg) no-repeat 0 0;
}
.subscribe input {
    float: left;
    display: block;
    border: 0;
    margin-left: 10px;
    background: transparent url(/images/main/subscribeInput.gif) no-repeat 0 0 ;
    width: 163px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    color: #0068b1;
    text-indent: 8px;
}
.subscribe input.textarea {
    width : 342px;
    height : 105px;
    border : 1px solid red;
}
.subscribe a.inputButton {
    float: left;
    display: block;
    background: transparent url(/images/main/subscribeInput.gif) no-repeat 100% 0 ;
    width: 37px;
    height: 35px;
    line-height: 35px;
    font-size: 18px;
    font-weight: bold;
    color: #666;
    text-decoration: none;
    margin:  0;
}
.subscribe a.inputButton:hover {
    color: #0068b1;
}
/*
 Inherited style from index
 but slightly different
*/
.sub_menu {
    background: transparent url(../images/panelTex.jpg) repeat-x 0% 100%;
}
/*
 GWT themes from ovh.com
*/
.gwt_form {
    background: #3c3c3c;
}
.gwt_input,
.gwt_input_normal {
    height: 32px;
    background-color: transparent;
    background-image: url('../images/gwt/gwt_input.gif');
    background-repeat: no-repeat;
    background-position: top left ;
    padding: 0;
    margin: 0;
}
.gwt_input_normal input,
.gwt_input input {
    height: 32px;
    line-height: 32px;
    width: 100%;
    *width: 90%;
    *display: block;
    *float: right;
    padding:0 0 0 0;
    margin: 0;
    text-indent: 20px;
    font-size: 18px;
    color: #0068b1;
    border: 0;
    background-color: transparent;
    background-image: url('../images/gwt/gwt_input.gif');
    background-repeat: no-repeat;
    background-position : 100% -32px ;
}
.gwt_input_normal input {
    font-size: 14px;
    color: #3c3c3c;
}
.blue_pad .gwt_input,
.blue_pad .gwt_input_normal,
.blue_pad .gwt_input_normal input,
.blue_pad .gwt_input input {
    background-image: url('../images/gwt/gwt_input_blue.gif');
}
.gwt_button a,
.gwt_button a:link,
.gwt_button a:visited,
.gwt_button a:active,
.gwt_button a:hover,
a.gwt_button,
a.gwt_button:link,
a.gwt_button:visited,
a.gwt_button:active,
a.gwt_button:hover {
    line-height: 32px;
    font-size: 18px;
    border: 0px none transparent;
    background-color: transparent;
    background-image: url('../images/gwt/gwt_button.gif');
    background-repeat: no-repeat;
    background-position : 0 0 ;
    padding: 5px 0 6px 15px;
    padding: 6px 0 8px 15px \0/; /* ie9 */
    _padding: 0 0 0 15px; /* ie7 + ie6*/
    *padding: 0 0 0 15px; /* ie6 */
    margin: 0px 0px 0px 0px;
    cursor: pointer;
    text-decoration: none;
}
.gwt_button a span,
.gwt_button a:link span,
.gwt_button a:visited span,
.gwt_button a:active span,
.gwt_button a:hover span,
a.gwt_button span,
a.gwt_button:link span,
a.gwt_button:visited span,
a.gwt_button:active span,
a.gwt_button:hover span {
    line-height: 32px;
    border: 0;
    background-color: transparent;
    background-image: url('../images/gwt/gwt_button.gif');
    background-repeat: no-repeat;
    background-position : 100% 0 ;
    font-size: 18px;
    color: #0B4499;
    text-align: left;
    margin: 0 0 0 0;
    padding: 5px 15px 5px 0;
    padding: 6px 15px 8px 0 \0/;
    _padding: 6px 15px 8px 0;
    *padding: 6px 15px 8px 0;
    cursor: pointer;
    text-decoration: none;
}
.gwt_button a:hover, a.gwt_button:hover {  background-position : 0 -38px ; }
.gwt_button a:hover span, a.gwt_button:hover span { color: #0068b1;  background-position : 100% -38px ; }
.blue_pad * .gwt_button a,
.blue_pad * .gwt_button a:link,
.blue_pad * .gwt_button a:visited,
.blue_pad * .gwt_button a:active,
.blue_pad * .gwt_button a:hover,
.blue_pad * .gwt_button a span,
.blue_pad * .gwt_button a:link span,
.blue_pad * .gwt_button a:visited span,
.blue_pad * .gwt_button a:active span,
.blue_pad * .gwt_button a:hover span
.blue_pad * a.gwt_button,
.blue_pad * a.gwt_button:link,
.blue_pad * a.gwt_button:visited,
.blue_pad * a.gwt_button:active,
.blue_pad * a.gwt_button:hover,
.blue_pad * a.gwt_button span,
.blue_pad * a.gwt_button:link span,
.blue_pad * a.gwt_button:visited span,
.blue_pad * a.gwt_button:active span,
.blue_pad * a.gwt_button:hover span
{
    background-image:  url('../images/gwt/gwt_button_blue.gif');
}
.gwt_feedback_widget {
    width: 278px;
    height: 100px;
    border: 1px solid #808080;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    font-size: 14px;
    background : transparent url('../images/gwt/gwt_input_bg.gif') no-repeat 0 0 ;
}
.gwt_feedback_success,
.gwt_feedback_error {
    width: 100%;
    font-size: 16px;
    line-height: 22px;
    color: #228822;
    text-align: left;
}
.gwt_feedback_error { color: #ff6d00; }
ul.gwt_tabs {
    margin: 0;
    padding: 0;
    height: 32px;
    width: 100%;
    background:  transparent url('../images/gwt/gwt_tabs.gif') repeat-x 100% 100% ;
}
ul.gwt_tabs li {
    margin: 0 ;
    padding: 0;
    list-style: none;
    display: inline;
}
ul.gwt_tabs li a,
ul.gwt_tabs li a:link,
ul.gwt_tabs li a:visited,
ul.gwt_tabs li a:active,
ul.gwt_tabs li a:hover {
    float: left;
    padding: 0 0 0 15px;
    display: block;
    color: #666;
    background:  transparent url('../images/gwt/gwt_tabs.gif') no-repeat 0% 50% ;
    text-decoration: none;
}
ul.gwt_tabs li a span,
ul.gwt_tabs li a:link span,
ul.gwt_tabs li a:visited span,
ul.gwt_tabs li a:active span,
ul.gwt_tabs li a:hover span {
    padding: 0 15px 0 0;
    display: block;
    float: left;
    color: #666;
    background:  transparent url('../images/gwt/gwt_tabs.gif') no-repeat 100% 50% ;
    text-decoration: none;
    font-size: 14px;
    line-height: 32px;
}
ul.gwt_tabs li a:hover span { color: #0068B1; }
ul.gwt_tabs li .selected a,
ul.gwt_tabs li .selected a:link,
ul.gwt_tabs li .selected a:visited,
ul.gwt_tabs li .selected a:active,
ul.gwt_tabs li .selected a:hover {  color: #0068b1; background:  transparent url('../images/gwt/gwt_tabs.gif') no-repeat 0% 0% ; }
ul.gwt_tabs li .selected a span,
ul.gwt_tabs li .selected a:link span,
ul.gwt_tabs li .selected a:visited span,
ul.gwt_tabs li .selected a:active span,
ul.gwt_tabs li .selected a:hover span {  color: #0068b1; background:  transparent url('../images/gwt/gwt_tabs.gif') no-repeat 100% 0% ; }
ul.auto { width: auto !important; }
ul.gwt_tabs li.blue a,
ul.gwt_tabs li.blue a:link,
ul.gwt_tabs li.blue a:visited,
ul.gwt_tabs li.blue a:active,
ul.gwt_tabs li.blue a:hover {
    float : left;
    padding : 0 0 0 15px;
    display : block;
    color : white;
    line-height : 31px;
    background : transparent url('../images/gwt/gwt_tabs_blue.gif') no-repeat 0% 0%;
}
ul.gwt_tabs li.blue a span,
ul.gwt_tabs li.blue a:link span,
ul.gwt_tabs li.blue a:visited span,
ul.gwt_tabs li.blue a:active span,
ul.gwt_tabs li.blue a:hover span {
    padding : 0 15px 0 0;
    display : block;
    float : left;
    background : transparent url('../images/gwt/gwt_tabs_blue.gif') no-repeat 100% 0%;
    color : white;
    font-weight : bold;
}
ul.gwt_tabs li.blue a:hover {
    background : transparent url('../images/gwt/gwt_tabs_blue.gif') no-repeat 0% 100%;
}
ul.gwt_tabs li.blue a:hover span {
    background : transparent url('../images/gwt/gwt_tabs_blue.gif') no-repeat 100% 100%;
}
.gwt_table_inside table {
    width: 100%;
    overflow: auto;
    border-collapse: collapse;
    border: 0px none transparent;
}
.gwt_table_inside table tr td,
.gwt_table_inside table tr th {
    padding: 5;
    margin: 0;
    border: 1px solid #aaa;
}
.gwt_select {
     font-size: 14px;
     border: 1px solid #aaa;
     border-radius: 3px;
     background: transparent url('../images/gwt/gwt_input.gif') no-repeat -1px -1px;
     padding: 5px;
     height: 32px;
}
/*
    New cols strucutre
*/
.x01, .x1, .x2, .x2cam, .x3, .x23, .x4, .x5, .x5bis, .x6, .x8,.x6neo, .x63, .x6cam, .x7, .x40, .x25, .x26, .x190, .x15, .x15prixcb, .x15prixneo, .x55 {
    display: block;
    float: left;
}
.x1 { width: 115px; margin: 0 7px 0 0; }
.x01 { width: 100px; margin: 0 7px 0 0; }
.x15 { width: 172px; margin: 0 14px 0 0; }
.x15prixcb { width: 172px; margin: 0 0 0 30px; }
.x15prixneo { width: 172px; margin: 0 0 5px 15px; }
.x2 { width: 230px; margin: 0 14px 0 0; }
.x2cam { width: 200px; margin: 0; }
.x25 { width: 285px; margin: 0 4px 0 0; } /* 2.5 actually... cf emails */
.x26 { width: 26%; margin: 0 2.5% 0 0; }
.x3 { width: 352px; margin: 0 14px 0 0; }
.x4 { width: 474px; min-height:100px; margin: 0 14px 0 0; }
.x5 { width: 596px; margin: 0 14px 0 0; }
.x55 { width: 664px; margin: 0 14px 0 0; } /* 5.5 actually, cf sms and fax */
.x55bis { width: 100%; margin: 0 14px 0 0; } /* 5.5 actually, on-campro */
.x6 { width: 718px; min-height:150px; margin: 0 14px 0 0; }
.x6neo { width: 718px; margin: 0 20px 0 0; }
.x6cam { width: 818px; margin: 0 14px 0 0; }
.x7 { width: 840px; margin: 0 14px 0 0; }
.x8 { width: 870px; margin: 0; }
.x5bis { width: 5%; margin: 0 2.5% 0 0; }
.x40 { width: 40%; margin: 0 2.5% 0 20px; }
.x63 { width: 61%; margin: 0 2.5% 0 0; }
.x23 { width: 50%; margin: 0 2.5% 0 0; }
.x190 { width: 190px; margin: 0 14px 0 0; }
/* Ugly IE6 fixes*/
.x01, .x1 { _margin: 0 3px 0 0; }
.x2, .x3, .x4, .x5, .x6, .x6neo, .x7, .x40, .x25, .x26, .x190, .x15, .x15prixcb, x15prixneo, .x55 { _margin: 0 3px 0 0; }
/* ugly IE6 fixes end */
/*
    footer
*/
#footer {
    /* position:absolute;
    bottom:0; */
    width: 100%;
    background: transparent url(../images/panelTex.jpg) repeat-x 0% 50%;
    border-top: 1px solid #eee;
    font-family: 'Cabin','Trebuchet MS', "Gill Sans",sans-serif;
}
#footer .wrapper {
    text-align: right;
}
#footer a.pipe,
#footer a.pipe:link,
#footer a.pipe:hover,
#footer a.pipe:active,
#footer a.pipe:visited,
#footer a,
#footer a:link,
#footer a:visited,
#footer a:active {
    color: #262626;
    text-decoration: none;
    font-size: 11px;
}
#footer a:hover {
    color: #0068b1;
    text-decoration: underline;
}
#footer .pipe {
    margin: 0 15px;
}
input#individualLess,
input#corporateStandardLess,
input#corporateBasicLess,
input#corporateEnterpriseLess,
.dynLess {
    background : transparent url('../images/bars/general/moins.png') no-repeat 50% 0;
    height : 20px;
    width : 20px;
    border : 0;
    margin-right : 5px;
}
.dynLess {
    margin: 0;
}
.whiteConf input#individualLess,
.whiteConf input#corporateStandardLess,
.whiteConf input#corporateBasicLess,
.whiteConf input#corporateEnterpriseLess {
    background : transparent url('../images/bars/general/moinsWhite.png') no-repeat 0 0;
}
input#individualMore,
input#corporateStandardMore,
input#corporateBasicMore,
input#corporateEnterpriseMore,
.dynMore {
    background : transparent url('../images/bars/general/plus.png') no-repeat 50% 0;
    height : 20px;
    width : 20px;
    border : 0;
}
.whiteConf input#individualMore,
.whiteConf input#corporateStandardMore,
.whiteConf input#corporateBasicMore,
.whiteConf input#corporateEnterpriseMore {
    background : transparent url('../images/bars/general/plusWhite.png') no-repeat 0 0;
}
/*
    Main classes,
    OVH Framework
    Global contradictions
    At the end so they always are right
*/
.sub_menu h1 {
    color: #666;
}
ul.sub_menu {
    margin: 0 0 -1px 0;
    padding: 0;
    height: 42px;
    width: auto;
    background:  transparent /*url('../images/main/sub_menu_tabs.gif') repeat-x 100% 100%*/ ;
}
ul.sub_menu li {
    margin: 0 10px 0 0  ;
    padding: 0;
    list-style: none;
    display: inline;
}
ul.sub_menu li a,
ul.sub_menu li a:link,
ul.sub_menu li a:visited,
ul.sub_menu li a:active,
ul.sub_menu li a:hover {
    float: left;
    padding: 0 0 0 15px;
    display: block;
    color: #666;
    background:  transparent url('../images/main/sub_menu_tabs.gif') no-repeat 0% 100% ;
    text-decoration: none;
}
ul.sub_menu li a span,
ul.sub_menu li a:link span,
ul.sub_menu li a:visited span,
ul.sub_menu li a:active span,
ul.sub_menu li a:hover span {
    padding: 3px 15px 0 0;
    display: block;
    float: left;
    color: #666;
    background:  transparent url('../images/main/sub_menu_tabs.gif') no-repeat 100% 100% ;
    text-decoration: none;
    font-size: 14px;
    line-height: 39px;
}
ul.sub_menu li a:hover span { color: #0068B1; }
ul.sub_menu li.selected a,
ul.sub_menu li.selected a:link,
ul.sub_menu li.selected a:visited,
ul.sub_menu li.selected a:active,
ul.sub_menu li.selected a:hover {  color: #0068b1; background:  transparent url('../images/main/sub_menu_tabs.gif') no-repeat 0% 0% ; }
ul.sub_menu li.selected a span,
ul.sub_menu li.selected a:link span,
ul.sub_menu li.selected a:visited span,
ul.sub_menu li.selected a:active span,
ul.sub_menu li.selected a:hover span {  color: #0068b1; background:  transparent url('../images/main/sub_menu_tabs.gif') no-repeat 100% 0% ; }
.gbutton,
gbutton span,
.gbutton span,
gbutton,
a.gbutton,
a.gbutton:link,
a.gbutton:visited,
a.gbutton:active,
.gbutton:hover {
    line-height: 40px;
    color: #efefef;
    text-decoration: none;
    font-weight: bold;
    cursor: pointer;
    padding: 7px 0 7px 22px;
    _padding: 0 0 0 22px;
    *padding: 0 0 0 22px;
    background: transparent url(/images/main/gButton.jpg) no-repeat 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.gbutton span,
gbutton span,
a.gbutton span,
a.gbutton:link span,
a.gbutton:visited span,
a.gbutton:active span,
.gbutton:hover span {
    padding: 7px 22px 7px 0;
    background: transparent url(/images/main/gButton.jpg) no-repeat 100% 0 ;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
.gbutton.selected,
a.gbutton.selected,
gbutton:hover,
.gbutton:hover,
a.gbutton:hover {
    background: transparent url(/images/main/gButton.jpg) no-repeat 0 100%;
}
.gbutton.selected span,
a.gbutton.selected span,
gbutton:hover span,
.gbutton:hover span,
a.gbutton:hover span {
    background: transparent url(/images/main/gButton.jpg) no-repeat 100% 100%;
    color: white;
}
.gbutton span img { vertical-align: middle; }
a.gbutton.full {
    display: block;
    margin: 0;
    text-align: center;
    height: 32px;
    width: 100%;
    padding: 0;
    margin: 0;
    _width: 90%;
    _height: 18px;
    _padding-left: -5%;
}
a.gbutton.full span {
    display: block;
    height: 32px;
    margin: 0 0 0 5%;
    padding: 0 5% 0 0;
    text-align: inherit;
    line-height: 32px;
    width: 90%;
    _height: 18px;
    _line-height: 18px;
    _padding-left: -5%;
    _width: 85%;
}
.grey_button span,
a.grey_button,
a.grey_button:link,
a.grey_button:visited,
a.grey_button:active,
a.grey_button:hover {
    line-height: 40px;
    color: #999;
    text-decoration: none;
    font-weight: bold;
    padding: 7px 0 7px 22px;
    _padding: 0 0 0 22px;
    *padding: 0 0 0 22px;
    background: transparent url(/images/main/grey_Button.jpg) no-repeat 0 0;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
}
a.grey_button span,
a.grey_button:link span,
a.grey_button:visited span,
a.grey_button:active span,
a.grey_button:hover span {
    padding: 7px 22px 7px 0;
    background: transparent url(/images/main/grey_Button.jpg) no-repeat 100% 0 ;
    -webkit-border-radius: 3px;
    -moz-border-radius: 3px;
    border-radius: 3px;
    color : #666;
}
a.grey_button.selected,
a.grey_button:hover {
    background: transparent url(/images/main/grey_Button.jpg) no-repeat 0 100%;
}
a.grey_button.selected span,
a.grey_button:hover span {
    background: transparent url(/images/main/grey_Button.jpg) no-repeat 100% 100%;
    color: black;
}
.grey_button span img { vertical-align: middle; }
a.grey_button.full,
div.grey_button.full {
    display: block;
    margin: 0;
    text-align: center;
    height: 32px;
    _height: 22px;
    width: 100%;
    padding: 0;
    margin: 0;
}
a.grey_button.full span,
div.grey_button.full span {
    display: block;
    height: 32px;
    margin: 0 0 0 5%;
    padding: 0 5% 0 0;
    text-align: inherit;
    line-height: 32px;
    width: 90%;
    _height: 22px;
}
.button,button span,.button span,button,a.button,a.button:link,a.button:visited,a.button:active,.button:hover{
	line-height:40px;
	color:#efefef;
	text-decoration:none;
	font-weight:bold;
	cursor:pointer;
	padding:7px 0 7px 22px;
	_padding:0 0 0 22px;
	*padding:0 0 0 22px;
	background:transparent url(../images/bButton.jpg) no-repeat 0 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.button span,button span,a.button span,a.button:link span,a.button:visited span,a.button:active span,.button:hover span{
	padding:7px 22px 7px 0;
	background:transparent url(../images/bButton.jpg) no-repeat 100% 0;
	-webkit-border-radius:3px;
	-moz-border-radius:3px;
	border-radius:3px;
}
.button.selected,a.button.selected,button:hover,.button:hover,a.button:hover{
	background:transparent url(../images/bButton.jpg) no-repeat 0 100%;
}
.button.selected span,a.button.selected span,button:hover span,.button:hover span,a.button:hover span{
	background:transparent url(../images/bButton.jpg) no-repeat 100% 100%;
	color:white;
}
#sendfile_model.button, #sendfile_model.button:hover,
#modelgototop.button, #modelgototop.button:hover,
#register_model.button, #register_model.button:hover,
#contact_send_model.button, #contact_send_model.button:hover,
#loggon_model.button, #loggon_model.button:hover {
	background:transparent url(../images/pButton.jpg) no-repeat 0 0;
}
#modelgototop.button span,
#register_model.button span,
#contact_send_model.button span,
#sendfile_model.button span,
#loggon_model.button span {
	background:transparent url(../images/pButton.jpg) no-repeat 100% 0;
}
#modelgototop.button:hover,
#register_model.button:hover,
#contact_send_model.button:hover,
#sendfile_model.button:hover,
#sendfile_email.button:hover,
#loggon_model.button:hover {
	background:transparent url(../images/pButton.jpg) no-repeat 0 100%;
}
#modelgototop.button:hover span,
#register_model.button:hover span,
#contact_send_model.button:hover span,
#sendfile_model.button:hover span,
#loggon_model.button:hover span {
	background:transparent url(../images/pButton.jpg) no-repeat 100% 100%;
}
.button span img{
	vertical-align:middle;
}
a.button.full{
	display:block;
	margin:0;
	text-align:center;
	height:32px;
	width:100%;
	padding:0;
	margin:0;
	_width:90%;
	_height:18px;
	_padding-left:-5%;
}
a.button.full span{
	display:block;
	height:32px;
	margin:0 0 0 5%;
	padding:0 5% 0 0;
	text-align:inherit;
	line-height:32px;
	width:90%;
	_height:18px;
	_line-height:18px;
	_padding-left:-5%;
	_width:85%;
}
.mlButton,
mlButton,
a.mlButton,
a.mlButton:link,
a.mlButton:visited,
a.mlButton:active,
a.mlButton:hover {
    padding : 20px 0 17px 20px;
    background: transparent url(/images/main/mlButton.jpg) no-repeat 0 0 ;
    text-decoration : none;
}
.mlButton span,
mlButton span,
a.mlButton span,
a.mlButton:link span,
a.mlButton:visited span,
a.mlButton:active span,
a.mlButton:hover span {
    padding: 16px 20px 16px 0;
    background: transparent url(/images/main/mlButton.jpg) no-repeat 100% 0 ;
    font-size : 18px;
    font-weight : bold;
    color : white;
}
.mlButton.selected,
a.mlButton:hover {
    background: transparent url(/images/main/mlButton.jpg) no-repeat 0 100%;
}
.mlButton.selected span,
a.mlButton:hover span {
    background: transparent url(/images/main/mlButton.jpg) no-repeat 100% 100% ;
}
a.orderBtnList,
a.orderBtnList:link,
a.orderBtnList:visited,
a.orderBtnList:active,
a.orderBtnList:hover {
    padding : 0 0 0 15px;
    background : transparent url('../images/gwt/gwt_tabs_blue.jpg') no-repeat 0% 0%;
    text-decoration : none;
    display : block;
    height : 32px;
    line-height : 32px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
a.orderBtnList span,
a.orderBtnList:hover span,
a.orderBtnList:visited span,
a.orderBtnList:active span,
a.orderBtnList:hover span{
    padding : 0 15px 0 0;
    background : transparent url('../images/gwt/gwt_tabs_blue.jpg') no-repeat 100% 0%;
    color : white;
    display : block;
    line-height : 32px;
    -webkit-border-top-left-radius: 3px;
    -webkit-border-top-right-radius: 3px;
    -moz-border-radius-topleft: 3px;
    -moz-border-radius-topright: 3px;
    border-top-left-radius: 3px;
    border-top-right-radius: 3px;
}
a.orderBtnList:hover {
    background : transparent url('../images/gwt/gwt_tabs_blue.jpg') no-repeat 0% 100%;
}
a.orderBtnList:hover span {
    background : transparent url('../images/gwt/gwt_tabs_blue.jpg') no-repeat 100% 100%;
}
.button_slider {
    width: 150px;
    height: 28px;
    background: transparent url('../images/eligibility/2pos_button.gif') no-repeat 50% 0%;
    cursor: pointer;
}
.triple_button_slider {
    width: 225px;
    height: 28px;
    background: transparent url('../images/eligibility/3pos_button.gif') no-repeat 50% 0%;
    cursor: pointer;
}
.button_slider_content,
.button_slider_content:link,
.button_slider_content:visited,
.button_slider_content:active,
.button_slider_content:hover {
    color: #3b3b3b;
    line-height: 28px;
    font-weight: bold;
    width: 75px;
    text-align: center;
}
.button_slider .selected ,
.triple_button_slider .selected ,
.button_slider .selected:active ,
.triple_button_slider .selected:active ,
.button_slider .selected:hover ,
.triple_button_slider .selected:hover ,
.button_slider .selected:visited ,
.triple_button_slider .selected:visited {
    color: white;
}
div.blue_pad {
    width: 100%;
    display: block;
    padding: 0 ;
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 0 0 ;
}
div.blue_pad h1{
    display: block;
    padding: 0 5% 0 0;
    margin: 0 0 0 5%;
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 100% 0 ;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    width: 90%;
}
div.blue_pad h1 span,
div.blue_pad h1 a,
div.blue_pad h1 a:link,
div.blue_pad h1 a:active,
div.blue_pad h1 a:visited {
    font-size: 22px;
    line-height: 50px;
    text-decoration: none;
    color: #fff;
}
div.blue_pad h1 span.fs18  { font-size: 18px; }
div.blue_pad div.content {
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 0 100% ;
    padding: 0 0 0 5px ;
}
div.blue_pad div.content div.content {
    background: transparent url(/images/main/blue_pad.jpg) no-repeat 100% 100% ;
    padding: 0 5px 0 0 ;
}
div.grey_pad {
    width: 100%;
    display: block;
    padding: 0 ;
    background: transparent url(/images/main/grey_pad.jpg) no-repeat 0 0 ;
}
div.grey_pad h1{
    display: block;
    padding: 0 5% 0 0;
    margin: 0 0 0 5%;
    background: transparent url(/images/main/grey_pad.jpg) no-repeat 100% 0 ;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    width: 90%;
}
div.grey_pad div.top {
    display: block;
    padding: 0 5% 0 0;
    margin: 0 0 0 5%;
    background: transparent url(/images/main/grey_pad.jpg) no-repeat 100% 0 ;
    text-decoration: none;
    height: 5px;
    line-height: 5px;
    width: 90%;
}
div.grey_pad h1 a,
div.grey_pad h1 a:link,
div.grey_pad h1 a:active,
div.grey_pad h1 a:visited {
    font-size: 22px;
    line-height: 50px;
    text-decoration: none;
    color: #fff;
}
div.grey_pad div.content {
    background: transparent url(/images/main/grey_pad.jpg) no-repeat 0 100% ;
    padding: 0 0 0 5px ;
}
div.grey_pad div.content div.content {
    background: transparent url(/images/main/grey_pad.jpg) no-repeat 100% 100% ;
    padding: 0 5px 0 0 ;
}
div.grey_pad div.content div.content h1{
    padding: 0;
    margin: 0;
    background: transparent ;
    text-decoration: none;
    height: 42px;
    line-height: 42px;
    width: 90%;
}
/**********************/
/*    Cadre astuce    */
/**********************/
.tips
{
    background: url('../images/main/amp.jpg') no-repeat 0 0;
    padding : 10px 10px 15px 60px;
    margin: 0 0 20px 0;
    border: solid #E2E2E2 1px;
    background-color:#F2F2F2;
}
.attention
{
    background: url('../images/index/attention2.jpg') no-repeat 0 0;
    padding: 7px 0 15px 70px;
    border: solid #E2E2E2 1px;
    background-color: #F2F2F2;
}
.block { display: block; }
.inline { display: inline; }
.Fleft { float: left; }
.Fright { float: right; }
del {
    clear: both;
    display: block;
    height: 1px;
    margin-top: -1px;
    font-size: 0px;
    line-height: 0;
    background: transparent;
    color: transparent;
    border: 0;
    visibility: hidden;
}
.center { text-align: center; }
.gauche { text-align: left; }
.droite { text-align: right; }
.top { vertical-align: top; }
.bottom { vertical-align: bottom; }
.middle,
.middle img { vertical-align: middle; }
.relative { position: relative; }
.absolute { position: absolute; }
.full {
    width: 100%;
}
/* ugly old non css framework styles */
.half33 { width: 33%; }
.half40 { width: 40%; }
.half66 { width: 66%; }
.half { width: 50%; }
.padded { padding: 5px; }
.marged { margin: 5px; }
.classm { color: #262626; }
.padded10 { padding: 10px; }
.marged10 { margin: 10px; }
a.white,
a.white:visited,
a.white:link,
a.white:hover,
a.white:active,
.white {
    color: #fff;
}
a.grey,
a.grey:visited,
a.grey:link,
a.grey:hover,
a.grey:active,
.grey {
    color: #666;
}
.dgrey { color: #3c3c3c; }
a.black,
a.black:visited,
a.black:link,
a.black:hover,
a.black:active,
.black { color: #262626; }
.orange { color: #ff8800; }
.red { color: #d40000; }
.green { color: #228822; }
.purple { color : #7E45D3; }
.blue  { color: #0068b1; }
.Dblue { color: #0b4499; }
.blueTitle {
    background: #0068b1;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.greyTitle {
    background: #f9f9f9;
    padding: 10px;
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.rounded {
    -webkit-border-radius: 5px;
    -moz-border-radius: 5px;
    border-radius: 5px;
}
.greyBG {
    background: #f8f8f8;
}
small, .small { font-size: 11px; }
.fs38 { font-size: 38px; }
.fs32 { font-size: 32px; }
.fs22 { font-size: 22px; }
.fs18 { font-size: 18px; }
.fs16 { font-size: 16px; }
.fs12 { font-size: 12px; }
.fs10 { font-size: 10px; }
.lh40 { line-height: 40px; }
.lh32 { line-height: 32px; }
.lh22 { line-height: 22px; }
.lh14 { line-height: 14px; }
.lh11 { line-height: 11px; }
.Bshadow {
    text-shadow: #000000 1px 1px 1px;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#000000,direction=135,strength=1);
}
.Wshadow {
    text-shadow: #ffffff 1px 1px 0;
    filter:progid:DXImageTransform.Microsoft.Shadow(color=#ffffff,direction=135,strength=1);
}
.nm { margin: 0; }
.np { padding: 0; }
#upper_body { display: none; }
.linksMenu {
    background: #f6f6f6;
}
/*********************************/
/*  Pour l'affichage des guides  */
/*********************************/
.paragraphGroup {
    margin-bottom: 1cm;
}
.br_guides {
    height: 15px;
}
 #footer h2 {
    background: transparent;
    font-size: 14px;
    text-indent: 0px;
 }
/* .styleun1 {
          color: #00ff66;
          } */
/*********************************/
/*  Pour l'affichage des login   */
/*********************************/
.bButton {
    background: linear-gradient(to bottom, rgb(0, 104, 177) 0%, rgb(11, 68, 153) 100%) repeat scroll 0% 0% transparent;
    -moz-border-bottom-colors: none;
    -moz-border-left-colors: none;
    -moz-border-top-colors: none;
    box-shadow: 0px 0px 5px 2px rgba(0, 0, 0, 0.34) inset;
    border-color: rgb(230, 230, 230) rgb(230, 230, 230) rgb(162, 162, 162);
    border-image: none;
    border-radius: 4px 4px 4px 4px;
    border-style: solid;
    border-width: 0px;
    color: rgb(255, 255, 255);
    cursor: pointer;
    display: inline-block;
    font-size: 14px;
    line-height: 20px;
    margin-bottom: 0px;
    padding: 4px 14px;
    text-align: center;
    vertical-align: middle;
    font-family: 'Cabin','Trebuchet MS',"Gill Sans",sans-serif;
    font-weight: bold;
}
.pull-right {
    float: right;
}
#erreur_modele{
    display:none;
    color: rgb(185, 74, 72);
    background-color: rgb(242, 222, 222);
    border-color: rgb(238, 211, 215);
	  font-size:12px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid rgb(251, 238, 213);
    border-radius: 4px 4px 4px 4px;
    padding:8px;
    margin-top:16px;
}
#erreur_membre{
    display:none;
    color: rgb(185, 74, 72);
    background-color: rgb(242, 222, 222);
    border-color: rgb(238, 211, 215);
	  font-size:12px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid rgb(251, 238, 213);
    border-radius: 4px 4px 4px 4px;
    padding:8px;
    margin-top:16px;
}
#connecting_membre{
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-image:url(../images/loading.gif);
    display:none;
    /* padding:4px; */
    margin-top:16px;
    height:32px;
}
#connecting_modele{
    background-position:50% 50%;
    background-repeat:no-repeat;
    background-image:url(../images/loading.gif);
    display:none;
    /* padding:4px; */
    margin-top:16px;
    height:32px;
}
div#myalertbox p {
  width:300px;
  height:128px;
  margin:0 auto;
  line-height:128px;
  text-align:center;
}
div#myalertbox span {
  color: red;
  font-size:20px;
  font-weight:bold;
  width:300px;
  padding:10px;
  vertical-align:middle;
  display:inline-block;
  line-height:1.2;
}
#myForm1 textarea:focus,
#myForm1 input[type="text"]:focus,
#myForm1 input[type="password"]:focus,
#myForm1.uneditable-input:focus {
    border-color: rgba(204, 102, 255, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(204, 102, 255, 0.6);
}
#myForm3 textarea:hover,
#myForm3 input:hover,
#myForm3 input[type="password"]:hover,
#myForm3.uneditable-input:hover {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999;
}
#myForm4 textarea:hover,
#myForm4 input[type="text"]:hover,
#myForm4 input[type="password"]:hover,
#myForm4.uneditable-input:hover {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999;
}
#myForm6 textarea:hover,
#myForm6 input[type="text"]:hover,
#myForm6 input[type="password"]:hover,
#myForm6.uneditable-input:hover {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999;
}
#myForm5 textarea:hover,
#myForm5 input:hover,
#myForm5 input[type="password"]:hover,
#myForm5.uneditable-input:hover {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999;
}
#myForm3 textarea:focus,
#myForm3 select:focus,
#myForm3 input[type="text"]:focus,
#myForm3 input[type="password"]:focus,
#myForm3.uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}
#myForm4 textarea:focus,
#myForm4 select:focus,
#myForm4 input[type="text"]:focus,
#myForm4 input[type="password"]:focus,
#myForm4.uneditable-input:focus {
    border-color: rgba(204, 102, 255, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(204, 102, 255, 0.6);
}
#myForm6 textarea:focus,
#myForm6 select:focus,
#myForm6 input[type="text"]:focus,
#myForm6 input[type="password"]:focus,
#myForm6.uneditable-input:focus {
    border-color: rgba(204, 102, 255, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(204, 102, 255, 0.6);
}
#myForm5 textarea:focus,
#myForm5 select:focus,
#myForm5 input[type="text"]:focus,
#myForm5 input[type="password"]:focus,
#myForm5.uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}
#myForm3 fieldset,
#myForm4 fieldset,
#myForm5 fieldset {
  margin-bottom: 5px;
  padding: 5px;
  /* border: 1px solid #cc66ff; */
  border: 1px solid #999999;
  width:300px;
  background: transparent url('../images/gwt_textarea.gif') repeat-x 0 0px;
}
#myForm3 legend,
#myForm4 legend,
#myForm5 legend {
  /* font-family: 'vag-rounded'; */
  font-size:16px;
}
/*
#myForm4 select.uniform-multiselect.hover,
#myForm4 textarea.uniform.hover {
    -webkit-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    -moz-box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    box-shadow: 0px 0px 4px rgba(0, 0, 0, 0.3);
    border-color: #999; }
                            */
textarea:focus, input[type="text"]:focus, input[type="password"]:focus, input[type="datetime"]:focus, input[type="datetime-local"]:focus, input[type="date"]:focus, input[type="month"]:focus, input[type="time"]:focus, input[type="week"]:focus, input[type="number"]:focus, input[type="email"]:focus, input[type="url"]:focus, input[type="search"]:focus, input[type="tel"]:focus, input[type="color"]:focus, .uneditable-input:focus {
    border-color: rgba(82, 168, 236, 0.8);
    outline: 0px none;
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(82, 168, 236, 0.6);
}
textarea, input[type="text"], input[type="password"], input[type="datetime"], input[type="datetime-local"], input[type="date"], input[type="month"], input[type="time"], input[type="week"], input[type="number"], input[type="email"], input[type="url"], input[type="search"], input[type="tel"], input[type="color"], .uneditable-input {
    background-color: rgb(255, 255, 255);
    border: 1px solid rgb(204, 204, 204);
    box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset;
    transition: border 0.2s linear 0s, box-shadow 0.2s linear 0s;
}
#myForm1 select,
#myForm1 textarea,
#myForm1 input[type="text"],
#myForm1 input[type="password"],
#myForm2 select,
#myForm2 textarea,
#myForm2 input[type="text"],
#myForm2 input[type="password"] {
    display: inline-block;
    height: 20px;
    padding: 4px 10px;
    margin-bottom: 9px;
    font-size: 12px;
    line-height: 20px;
    color: rgb(85, 85, 85);
    border-radius: 3px 3px 3px 3px;
    font-family: sans-serif, "Gill Sans", 'Cabin', 'Trebuchet MS';
    width:144px;
}
input:focus:required:invalid,textarea:focus:required:invalid,select:focus:required:invalid {
  color:#b94a48;
  border-color:#ee5f5b;
  }
input:focus:required:invalid:focus,textarea:focus:required:invalid:focus,select:focus:required:invalid:focus {
  border-color:#e9322d;
  -webkit-box-shadow:0 0 6px #f8b9b7;
  -moz-box-shadow:0 0 6px #f8b9b7;
  box-shadow:0 0 6px #f8b9b7;
  }
#maskmodele {
	display: none;
	/* background: #BDBDBD; */
  background: #330033;
	position: fixed; left: 0; top: 0;
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.7;
	z-index: 999;
}
#maskmembre {
	display: none;
	/* background: #BDBDBD; */
  background: #000099;
	position: fixed; left: 0; top: 0;
	z-index: 10;
	width: 100%; height: 100%;
	opacity: 0.7;
	z-index: 999;
}
/* You can customize to your needs  */
.login-modele-popup {
	display:none;
	background: #fff;
	padding: 10px;
	border: 2px solid #ddd;
	/* float: left;
	font-size: 1.2em;  */
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari, Chrome */
}
/* You can customize to your needs  */
.login-membre-popup {
	display:none;
	background: #fff;
	padding: 10px;
	border: 2px solid #ddd;
	/* float: left;
	font-size: 1.2em;  */
	position: fixed;
	top: 50%; left: 50%;
	z-index: 99999;
	box-shadow: 0px 0px 20px #999; /* CSS3 */
        -moz-box-shadow: 0px 0px 20px #999; /* Firefox */
        -webkit-box-shadow: 0px 0px 20px #999; /* Safari, Chrome */
	border-radius:3px 3px 3px 3px;
        -moz-border-radius: 3px; /* Firefox */
        -webkit-border-radius: 3px; /* Safari, Chrome */
}
.banner {
  padding-top:15px;
  text-align:center;
}
.bannermod {
  padding-top:15px;
  text-align:center;
}
div.colContent table tr th{
	font-size:13px;
	color:#4D4D4D;
}
/* Position the close button */
img.btn_close {
	float: right;
	margin: -28px -28px 0 0;
}
fieldset {
	border:none;
}
form.signin label {
	display:block;
	padding-bottom:5px;
}
form.signin span {
	display:block;
}
/* form.signin p, form.signin span {
	color:#999;
	font-size:11px;
	line-height:18px;
} */
form.signin .textbox input {
	background:#666666;
	border-bottom:1px solid #333;
	border-left:1px solid #000;
	border-right:1px solid #333;
	border-top:1px solid #000;
	color:#fff;
  border-radius: 3px 3px 3px 3px;
	-moz-border-radius: 3px;
  -webkit-border-radius: 3px;
	font:13px Arial, Helvetica, sans-serif;
	padding:6px 6px 4px;
	width:200px;
}
form.signin input:-moz-placeholder { color:#bbb; text-shadow:0 0 2px #000; }
form.signin input::-webkit-input-placeholder { color:#bbb; text-shadow:0 0 2px #000;  }
#myForm1 .validation-failed,
#myForm2 .validation-failed {
  border-color: #ff0000;
  background-color: rgb(242, 222, 222);
}
#myForm1 .validation-advice,
#myForm2 .validation-advice {
    color: rgb(185, 74, 72);
    background-color: rgb(242, 222, 222);
    border-color: rgb(238, 211, 215);
	  font-size:12px;
    text-shadow: 0px 1px 0px rgba(255, 255, 255, 0.5);
    border: 1px solid rgb(251, 238, 213);
    border-radius: 4px 4px 4px 4px;
    padding-left:4px;
    margin-right:6px;
}
/* #myForm3 ul {
  list-style: none;
}
#myForm3 li {
  position: relative;
} */
#myForm3 [type=text],
#myForm3 [type=submit],
#myForm3 [type=password],
#myForm3 textarea {
    width: 230px;
    height: 32px;
    line-height: 32px;
    text-indent: 4px;
    background: transparent url('../images/gwt_textarea.gif') repeat-x 0 1px;
    border: 1px solid #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding:0;
    font-size: 18px;
    color: #0068b1;
    font-family:sans-serif;
    }
#myForm4 [type=text],
#myForm4 [type=submit],
#myForm4 [type=password],
#myForm4 textarea {
    width: 230px;
    height: 32px;
    line-height: 32px;
    text-indent: 4px;
    background: transparent url('../images/gwt_textarea.gif') repeat-x 0 0px;
    border: 1px solid #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding:0;
    font-size: 18px;
    color: #cc66ff;
    font-family:sans-serif;
    }
#myForm6 [type=text],
#myForm6 [type=submit],
#myForm6 [type=password],
#myForm6 textarea {
    width: 230px;
    height: 32px;
    line-height: 32px;
    text-indent: 4px;
    background: transparent url('../images/gwt_textarea.gif') repeat-x 0 0px;
    border: 1px solid #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding:0;
    font-size: 18px;
    color: #cc66ff;
    font-family:sans-serif;
    }
#myForm5 [type=text],
#myForm5 [type=submit],
#myForm5 [type=password],
#myForm5 textarea {
    width: 230px;
    height: 32px;
    line-height: 32px;
    text-indent: 4px;
    background: transparent url('../images/gwt_textarea.gif') repeat-x 0 1px;
    border: 1px solid #999;
    border-radius: 4px;
    -moz-border-radius: 4px;
    -webkit-border-radius: 4px;
    padding:0;
    font-size: 18px;
    color: #0068b1;
    font-family:sans-serif;
    }
#myForm3 .validation-failed,
#myForm4 .validation-failed,
#myForm5 .validation-failed,
#myForm6 .validation-failed  {
  border-color: rgba(255, 0, 0, 0.8);
  outline: 0px none;
  box-shadow: 0px 1px 1px rgba(0, 0, 0, 0.075) inset, 0px 0px 8px rgba(255, 0, 0, 0.9);
}
#myForm0 .validation-advice {
  padding-bottom: 5px;
  color: #ff0000;
  width:230px;
  padding-left:10px;
}
#myForm3 .validation-advice,
#myForm4 .validation-advice,
#myForm5 .validation-advice{
  padding-bottom: 5px;
  color: #ff0000;
  width:230px;
}
#myForm6 .validation-advice{
  padding-bottom: 5px;
  color: #ff0000;
  margin-left:230px;
  text-align:left;
}
/* #myForm5 .validation-advice {
  padding-bottom: 5px;
  color: #ff0000;
  width:300px;
} */
/* #myForm3 .spinner {
  border-radius: 3px;
  -webkit-border-radius: 3px;
  -moz-border-radius: 3px;
  background-color: #f0f0f0;
} */
.font-register {
    font-family: 'vag-rounded';
    font-size: 30px;
    line-height: 60px;
    font-weight: bold;
    color: black;
}
.font-register-member {
    font-family: 'vag-rounded';
    font-size: 30px;
    line-height: 50px;
    font-weight: bold;
    color: rgb(0, 104, 177);
}
.font-register-model {
    font-family: 'vag-rounded';
    font-size: 30px;
    line-height: 60px;
    font-weight: bold;
    color: rgb(204, 102, 255);
}
.caption {
    font-size: 16px;
    margin-right: 6px;
    /* font-family:'vag-rounded'; */
    line-height:34px;
    height:34px;
}
.gras {
    font-weight:bold;
    }
#pay3,
#step3,
#step4
 {
    display: inline-block;
    margin-left: 40px;
    margin-right: auto;
    float:left;
    height:660px;
    overflow-y:auto;
}
#pay3 form fieldset .grouped,
#step3 form fieldset .grouped,
#step4 form fieldset .grouped {
    width:230px;
    border: 1px solid #cc66ff;
    /* font-family:'vag-rounded';  */
}
.fieldtarif {
    border: 1px solid #aaa;
}
#pay3 form table td,
#step3 form table td,
#step4 form table td {
    vertical-align:top;
}
#register_member,
#register_model,
#enter_site {
    margin-left:133px;
}

#contact_send {
    margin-left:128px;
}
#contact_send_model {
    margin-left:128px;
}
#send_order {
    margin-left:103px;
}
#step0 select {
    /* width: 232px; */
    height: 34px;
    line-height: 34px;
    text-indent: 0px;
    background: url("../images/gwt_textarea.gif") repeat-x scroll 0px 1px transparent;
    border: 1px solid rgb(153, 153, 153);
    border-radius: 4px 4px 4px 4px;
    padding: 4px 2px 4px 0;
    margin: 0px;
    font-size: 18px;
    color:#0068b1;
    text-align:center;
}
#step3 select {
    /* width: 232px; */
    height: 34px;
    line-height: 34px;
    text-indent: 0px;
    background: url("../images/gwt_textarea.gif") repeat-x scroll 0px 1px transparent;
    border: 1px solid rgb(153, 153, 153);
    border-radius: 4px 4px 4px 4px;
    padding: 4px 2px 4px 0;
    margin: 0px;
    font-size: 18px;
    color:#0068b1;
    text-align:center;
}
#step4 select {
    /* width: 232px; */
    height: 34px;
    line-height: 34px;
    text-indent: 0px;
    background: url("../images/gwt_textarea.gif") repeat-x scroll 0px 1px transparent;
    border: 1px solid rgb(153, 153, 153);
    border-radius: 4px 4px 4px 4px;
    padding: 4px 2px 4px 0;
    margin: 0px;
    font-size: 18px;
    color: #cc66ff;
    text-align:center;
}
/* #step4 a,
#step4 a:visited,
#step4 a:active,
#step4 a:link {
    color: #cc66ff;
    text-decoration: underline;
    outline: none;
} */
p.label_checkbox_pair {
clear: both;
float: none;
position: relative;
text-align:center;
}
p.label_checkbox_left {
clear: both;
float: none;
position: relative;
text-align:left;
}
p.label_checkbox_pair input {
left: 5px;
position: bottom;
top: 1px;
}
p.label_checkbox_pair label {
display: block;
font-size:12px;
text-align:center;
}
p.label_checkbox_left label {
display: block;
font-size:12px;
text-align:left;
}
p.label_checkbox_pair img {
vertical-align: top;
}
.drapeau {
  padding-left:128px;
  padding-top:15px;
  width:870px;
  position:absolute;
  text-align: right;
}
.drapeau > a {
  text-decoration:none;
  }
#flashaccueil_compteur {
  padding:5px 0 0 40px;
}