/* CSS Document */

/* 

Rose: #E13357
Bleu: #66CCFF

background: #fff;
color: #0F0F0F;
font: 15px/20px Arial, Helvetica, sans-serif;
margin: 32px 0 0;
padding: 0;
*/

body
{
    background: #fffFFF;
    background: white url( "/images/common/background.png" );
    background-repeat: repeat;
    background-position: center;
    color: #0F0F0F;
    font: 15px/20px Arial, Helvetica, sans-serif;
    margin: 0px;
    padding: 0px;
    text-align: center; /* pour résoudre le bug de centrage de IE */
}
#mainPanel
{
    background-color: White;
    margin-top: 10px;
    /*margin-bottom: 10px;*/
    margin-left: auto;
    margin-right: auto;
    border-color: black;
    border-style: solid;
    border-width: 1px;
    width: 962px;
    text-align: left; /* pour résoudre le bug de centrage de IE */
    padding-top: 15px;
    /*padding-bottom: 15px;*/
    border-color: #66CCFF;
}

/* liens  */
a
{
    color: #000000;
    text-decoration: none;
}
a:hover
{
    color: #000000;
    text-decoration: underline;
}

a.boldWhiteLink, a.boldWhiteLink:hover
{
    color: #FFFFFF;
    font-weight: bold;
    text-decoration: none;
}
a.boldPinkLink
{
    color: #E13357;
    font-weight: bold;
    text-decoration: none;
}
a.boldPinkLink:hover
{
    color: #E13357;
    font-weight: bold;
    text-decoration: underline;
}
span.boldPink
{
    color: #E13357;
    font-weight: bold;
}

/* CHAMPS */

input, select, textarea
{
    background-color: #FFFFFF;
    border: 1px solid #66CCFF;
    color: #655E5E;
    margin: 0;
    padding: 1px 0 1px 4px;
}

input[type="checkbox"], input[type="radio"]
{
    background: transparent;
    border: 0;
}
/* Boutons Bleu */
a.blueButton
{
    background: transparent url('/images/common/button_right_blue.png') no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    font: bold 12px arial, sans-serif;
    height: 24px;
    float: left;
    text-decoration: none;
}
a.blueButton span
{
    background: transparent url('/images/common/button_left_blue.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.blueButton:hover
{
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}
a.blueButton:hover span
{
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}
/* Boutons Rose */
a.pinkButton
{
    background: transparent url('/images/common/button_right_pink.png') no-repeat scroll top right;
    color: #FFFFFF;
    display: block;
    float: left;
    margin-right: 6px;
    padding-right: 18px; /* sliding doors padding */
    font: bold 12px arial, sans-serif;
    height: 24px;
    text-decoration: none;
}
a.pinkButton span
{
    background: transparent url('/images/common/button_left_pink.png') no-repeat;
    display: block;
    line-height: 14px;
    padding: 5px 0 5px 18px;
}
a.pinkButton:hover
{
    background-position: bottom right;
    color: #FFFFFF;
    outline: none; /* hide dotted outline in Firefox */
}
a.pinkButton:hover span
{
    background-position: bottom left;
    padding: 6px 0 4px 18px; /* push text down 1px */
}




div, ul, h1, h2, h3, li, p, img
{
    margin: 0;
    padding: 0;
}
ul
{
    list-style-type: none;
}

.buttonStyle1
{
    background-color: #E13357;
    color: White;
    border: none;
    font-weight: bold;
    padding: 5px;
}

.buttonStyle2
{
    background-color: #66CCFF;
    color: White;
    border: none;
    font-weight: bold;
    padding: 5px;
}

/* TOP PANEL*/
#topPanel
{
    width: 962px;
    height: 100px;
    position: relative;
    margin: 0 auto;
    padding: 0;
}
#topPanel img
{
    width: 230px;
    height: 80px;
    z-index: 1;
    padding: 0;
    position: absolute;
    left: 20px; /*margin: 0 0 0 21px;*/
}
#topPanel .Ad
{
   
    width: 650px;
    height: 80px;
    z-index: 2;
    padding-left: 0px;
    padding-top: 0px;
    position: absolute;
    top:55px;
    left: 320px; /*margin: 0 0 0 21px;*/
    font-family: "Trebuchet MS",Arial,Helvetica,sans-serif;
}
/* MENU PANEL*/
#topPanel ul
{
    display: block;
    width: 732px;
    height: 36px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 11px 0 0;
    padding: 0 29px 0 0;
    border-bottom: 2px solid #66CCFF;
}
#topPanel ul li
{
    float: right;
    font: 12px/36px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
    font-weight: bold;
}
#topPanel ul li a
{
    width: 74px;
    height: 36px;
    display: block;
    padding: 0;
    color: #555;
    background: #fff;
    text-decoration: none;
    text-align: center;
    margin: 0 1px 0 0;
    top: 0px;
    left: 0px;
}
#topPanel ul li a:hover
{
    width: 74px;
    height: 36px;
    text-decoration: none;
    background: url(../images/button.png) no-repeat 0 0 #AEAEAE;
    color: #fff;
}
#topPanel ul li.active
{
    width: 74px;
    display: block;
    height: 36px;
    background: url(../images/button.png) no-repeat 0 0 #AEAEAE;
    color: #fff;
    text-align: center;
    margin: 0 1px 0 0;
}
/* HEADER PANEL*/
#topPanel #headerPanelfast
{
    width: 246px;
    height: 263px;
    position: absolute;
    top: 0;
    left: 0;
    margin: 110px 0 0;
    padding: 0px;
    background: url(../images/orange-normal.jpg) no-repeat 0 0 #FC5F00;
    color: #fff;
}
#topPanel #headerPanelfast a
{
    width: 246px;
    height: 263px;
    display: block;
    text-decoration: none;
}
#topPanel #headerPanelfast a:hover
{
    width: 246px;
    height: 263px;
    background: url(../images/orange-hover.jpg) no-repeat 0 0 #FC5F00;
    color: #fff;
    text-decoration: none;
}
#topPanel #headerPanelfast h2
{
    display: block;
    width: 90px;
    height: 47px;
    margin: 54px 0 0 120px;
    font: 28px/28px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
}
#topPanel #headerPanelfast p
{
    width: 163px;
    display: block;
    font: 12px/18px Arial, Helvetica, sans-serif;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    padding: 0;
    margin: 105px 50px 0 38px;
}

#topPanel #headerPanelsecond
{
    width: 246px;
    height: 263px;
    position: absolute;
    top: 0;
    left: 258px;
    margin: 110px 0 0;
    padding: 0px;
    background: url(../images/green-normal.jpg) no-repeat 0 0 #FC5F00;
    color: #fff;
}
#topPanel #headerPanelsecond a
{
    width: 246px;
    height: 263px;
    display: block;
    text-decoration: none;
}
#topPanel #headerPanelsecond a:hover
{
    width: 246px;
    height: 263px;
    background: url(../images/green-hover.jpg) no-repeat 0 0 #FC5F00;
    color: #fff;
    text-decoration: none;
}
#topPanel #headerPanelsecond h2
{
    display: block;
    width: 90px;
    height: 47px;
    background: none;
    margin: 54px 0 0 103px;
    font: 28px/28px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    position: absolute;
    z-index: 1;
}
#topPanel #headerPanelsecond p
{
    width: 163px;
    display: block;
    font: 12px/18px Arial, Helvetica, sans-serif;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    padding: 0;
    margin: 105px 50px 0 38px;
}

#topPanel #headerPanelthird
{
    width: 246px;
    height: 263px;
    position: absolute;
    top: 0;
    right: 0;
    margin: 110px 0 0;
    padding: 0px;
    background: url(../images/blue-normal.jpg) no-repeat 0 0 #FC5F00;
    color: #fff;
}
#topPanel #headerPanelthird a
{
    width: 246px;
    height: 263px;
    display: block;
    text-decoration: none;
}
#topPanel #headerPanelthird a:hover
{
    width: 246px;
    height: 263px;
    background: url(../images/blue-hover.jpg) no-repeat 0 0 #FC5F00;
    color: #fff;
    text-decoration: none;
}
#topPanel #headerPanelthird h2
{
    display: block;
    width: 90px;
    height: 47px;
    background: none;
    margin: 54px 0 0 93px;
    font: 28px/28px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
    font-weight: bold;
    text-transform: uppercase;
    padding: 0;
    position: absolute;
    z-index: 1;
}
#topPanel #headerPanelthird p
{
    width: 163px;
    display: block;
    font: 12px/18px Arial, Helvetica, sans-serif;
    font-weight: bold;
    position: absolute;
    top: 0px;
    left: 0px;
    z-index: 1;
    padding: 0;
    margin: 105px 50px 0 38px;
}
/* /TOP PANEL*/

/* BODY PANEL*/
#bodyPanel
{
    width: 780px;
    position: relative;
    margin: 0 0;
    padding: 0;
    font-family: tahoma,helvetica,sans-serif;
    font-size: 10pt;
}

#bodyPanel h2
{
    color: #E13357;
    font-family: tahoma,helvetica,sans-serif;
    font-size: 13pt;
}

#bodyPanel h3
{
    color: #E13357;
    font-family: tahoma,helvetica,sans-serif;
    font-size: 15pt;
    letter-spacing: 2px;
}

#bodyPanel p
{
    background-color: red;
    margin: 0 0 0 54px;
    padding: 0 42px 35px 155px;
    color: #0F0F0F;
}
#bodyPanel p span
{
    font-weight: bold;
}

#bodyPanel p.dotline
{
    background: url(/images/dot-line.gif) 0 0 repeat-x #fff;
    padding: 0;
    margin: 0 40px 0 25px;
    color: #000;
}
#bodyPanel p.capstext
{
    background: url(/images/name.gif) bottom right no-repeat #fff;
    font: 18px/24px Georgia, "Times New Roman" , Times, serif;
    font-style: italic;
    color: #555555;
    padding: 2px 10px 0 25px;
    margin: 0 35px 10px 0;
}
#bodyPanel p.more
{
    height: 26px;
    padding: 0;
    background: none;
    margin: 0;
}
#bodyPanel p.more a
{
    width: 76px;
    height: 26px;
    display: block;
    margin: 314px 20px 19px 618px;
    background: url(/images/more.gif) 0 0 no-repeat #fff;
    color: #555;
    text-decoration: none;
    font: 12px/25px Arial, Helvetica, sans-serif;
    font-weight: normal;
    padding: 0 0 0 10px;
    text-transform: uppercase;
    position: absolute;
    top: 0px;
    right: 0px;
}
#bodyPanel p.more a:hover
{
    background: url(/images/more.gif) 0 0 no-repeat #fff;
    color: #216EBD;
    text-decoration: none;
}

#bodyPanel #testimonial
{
    width: 283px;
    height: 162px;
    display: block;
    background: url(/images/testimonial-bg.gif) 0 0 no-repeat #FFF6DB;
    padding: 32px 33px 0 148px;
    margin: 0 0 0 20px;
    color: #786321;
}
#bodyPanel #testimonial p
{
    background: none;
    margin: 0;
    padding: 0 0 5px 0;
}
#bodyPanel #testimonial p span
{
    color: #786321 !important;
    background: #FFFAED !important;
}
#bodyPanel p.moretwo
{
    height: 26px;
    padding: 0;
    background: none;
    margin: 0;
}
#bodyPanel p.moretwo a
{
    width: 76px;
    height: 26px;
    display: block;
    margin: 0px 0px 0px 196px;
    background: url(../images/more2.gif) 0 0 no-repeat #FFF5D6;
    color: #555;
    text-decoration: none;
    font: 12px/25px Arial, Helvetica, sans-serif;
    font-weight: normal;
    text-transform: uppercase;
    padding: 0 0 0 10px;
    top: 0px;
    right: 0px;
}
#bodyPanel p.moretwo a:hover
{
    background: url(../images/more2.gif) 0 0 no-repeat #FFF5D6;
    color: #216EBD;
    text-decoration: none;
}
#bodyPanel h4
{
    background: #fff;
    width: 250px;
    height: 30px;
    position: absolute;
    top: 361px;
    right: 5px;
    margin: 0;
    font: 30px/30px Georgia, "Times New Roman" , Times, serif;
    font-weight: normal;
    padding: 0px;
    color: #FF7113;
}

#bodyPanel ul
{
    width: 600px;
    display: block;
}

#bodyPanel ul li
{
    font: 12px/25px Arial, Helvetica, sans-serif;
    font-weight: normal;
    background: url(/images/symbol2.gif) 0 8px no-repeat;
    padding: 0 0 0 30px;
}
/*
#bodyPanel ul span
{
    background: url(../images/dot-line.gif) repeat-x 0 100%;
    height: 25px;
    display: block;
}
*/
/* FOOTER PANEL*/
#footerPanel
{
    width: 100%;
    color: #000000;
    font-size: 12px;
    text-align: center;
}
#footerbodyPanel
{
    padding-top: 30px;
    width: 962px;
    height: 30px;
    position: relative;
    margin: auto;
}
#footerPanel ul
{
    width: 320px;
    display: block;
    position: absolute;
    right: 10px;
    top: 33px;
}
#footerPanel li
{
    float: left;
    font: 12px/15px Arial, Helvetica, sans-serif;
    font-weight: normal;
}
#footerPanel ul li a
{
    padding: 0 6px;
    color: #000000;
    text-decoration: none;
}
#footerPanel ul li a:hover
{
    text-decoration: underline;
}
#footerPanel ul li a.padl
{
    padding: 0 0 0 6px;
}
#footerPanel p.copyright
{
    background: #FFFFFF;
    text-align: center;
    color: #444444;
}
#footerPanel ul.templateworld
{
    width: 158px;
    background: #DCDCDC;
    color: #4C4C4C;
    display: block;
    position: absolute;
    top: 74px;
    right: 40px;
}
#footerPanel ul.templateworld li a
{
    background: #DCDCDC;
    display: block;
    color: #4C4C4C;
    text-decoration: none;
}
#footerPanel ul.templateworld li a:hover
{
    text-decoration: underline;
}

#footerhtmlPanel
{
    width: 86px;
    height: 31px;
    display: block;
    position: absolute;
    top: 34px;
    left: 29px;
    margin: 0;
    padding: 0;
}
#footerhtmlPanel a
{
    width: 86px;
    height: 31px;
    display: block;
    background: url(/images/html-img.gif) no-repeat 0 0 #DCDCDC;
    text-decoration: none;
    font: 14px/31px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
    color: #2F2F2F;
    text-transform: uppercase;
    padding: 0 0 0 10px;
    position: absolute;
    top: 0px;
    right: 0px;
}
#footerhtmlPanel a:hover
{
    background: url(/images/html-img.gif) no-repeat 0 0 #DCDCDC;
    color: #216EBD;
    text-decoration: none;
}
#footercssPanel
{
    width: 86px;
    height: 31px;
    display: block;
    position: absolute;
    top: 34px;
    left: 115px;
    margin: 0;
    padding: 0;
}
#footercssPanel a
{
    width: 86px;
    height: 31px;
    display: block;
    background: url(/images/css-img.gif) no-repeat 0 0 #DCDCDC;
    text-decoration: none;
    font: 14px/31px "Trebuchet MS" ,Arial, Helvetica, sans-serif;
    color: #2F2F2F;
    text-transform: uppercase;
    padding: 0 0 0 10px;
    position: absolute;
    top: 0px;
    right: 0px;
}
#footercssPanel a:hover
{
    background: url(/images/css-img.gif) no-repeat 0 0 #DCDCDC;
    color: #216EBD;
    text-decoration: none;
}

/* PAGINATION */
.pagination
{
    float: right;
    font-size: 80%;
    color: #66CCFF;
    width: 450px;
}
.pagination a
{
    text-decoration: none;
    border: solid 1px #66CCFF;
    color: #FFFFFF;
    background-color: #66CCFF;
}
.pagination a, .pagination span
{
    display: block;
    float: left;
    padding: 0.3em 0.5em;
    margin-right: 5px;
    margin-bottom: 5px;
}
.pagination .current
{
    background: #26B;
    color: #fff;
    border: solid 1px #66CCFF;
}
.pagination .current.prev, .pagination .current.next
{
    color: #999;
    border-color: #999;
    background: #fff;
}
/* DIVERS */
.tdItemStyle1
{
    background-color: #FFFFFF;
    width: 100%;
    padding: 10px;
}
.tdItemStyle2
{
    background-color: #EEEEEE;
    padding: 10px;
    width: 100%;
}
.tdImage
{
    width: 20%;
    vertical-align: top;
}
.tdDescription
{
    width: 80%;
    line-height: 13.5pt;
    vertical-align: top;
    text-align: left;
    padding-left: 10px;
}
.requiredStar
{
    color: #FF0000;
}