@import url("../global.css");

/*******************************************************************************
* Colors
* #2384c5 => Bleu ciel
* #4f9dd1 => Bleu ciel + clair
* #333333 => Dark grey
*******************************************************************************/

/*******************************************************************************
* Tags
*******************************************************************************/
html{ background:#fff; }
h1, h2, h3, h4, h5, h6{ margin:5px 10px 5px 0px; color:#333333; }
h1{ font-size:18px; }
h2{ font-size:16px; }
h3{ font-size:14px; }
a{ color:#2384c5; text-decoration:none; }
a:hover{ text-decoration:underline; }
table{ width:100%; border-collapse:collapse; margin:auto; }
    table tr th{ background:#2384c5; text-align:center; color:#fff; border:1px solid #ccc; }
    table tr td{ border:1px solid #ccc; }
form{ margin:10px 20px; font-size:13px; }
    form fieldset{ padding:20px 30px; }
    form fieldset legend{ color:#1d6ca1; }
    form .formField{ margin:5px; }
    form .formField label{ display:block; float:left; width:150px; }
    form .error{ font-size:x-small; color:#c60000; }

/*******************************************************************************
* Classes
*******************************************************************************/
.text{ margin:5px 0; text-align:justify; text-indent:20px; }
.image{ text-align:center; margin:5px 0; }
.image img{ padding:2px; border:1px solid #c60000; }
.image img:hover{ border:1px solid #646464; }
.citation{ font-style:italic; background-color:#efefef; font-weight:bold; padding:5px; width:80%; margin:auto; }
.button{
    background:#1d6ca1;
    padding:2px;
    text-align:center;
    cursor:pointer;
    border:1px solid #eee;
    margin:auto;
    color:#fff;
    font-weight:bold;
}
.button:hover{ background:#4f9dd1; }
.button a{ color:#fff; font-weight:bold; }
.button a:hover{ text-decoration:none; }

.bigLink{ text-align:center; font-size:20px; font-weight:bold; }

/*******************************************************************************
* Containers
*******************************************************************************/
#container{
    font-family:Verdana, Arial, "Trebuchet MS", Helvetica, sans-serif;
    width:900px;
    margin:20px auto;
    color:#333;
    font-size:13px;
}

/*******************************************************************************
* Header
*******************************************************************************/
#global #header{ height:180px; }

/*******************************************************************************
* Menu
*******************************************************************************/
#global #menu{ border-bottom:8px solid #2384c5; margin:10px 0; height:24px; }
#global #menu ul{ list-style-type:none; text-align:left; }
#global #menu ul li{ display:inline; margin-right:5px; }
#global #menu ul li a{
    font-size:13px;
    background:url(img/menu-cross.png) no-repeat #2384c5;
    color:#fff;
    padding:5px 5px 5px 20px;
    text-transform:uppercase;
    font-weight:bold;
}
#global #menu ul li a:hover{ background:url(img/menu-cross.png) no-repeat #4f9dd1; text-decoration:none; }
#global #menu .phone{ float:right; font-size:18px; }

/*******************************************************************************
* Common Top
*******************************************************************************/
#global #mainBanner .right{ float:right; }
#global #flashMessage{ text-align:center; font-size:14px; font-style:italic; color:#c60000; }

/*******************************************************************************
* Sidebar
*******************************************************************************/
#global #content #sidebar{ float:right; width:216px; overflow:hidden; }
#global #content #sidebar .sbElement{ margin:10px 0; color:#fff; padding:10px; background-attachment:fixed; }
#global #content #sidebar .sbElement a{ color:#fff; }
#global #content #sidebar #sideBarFreeQuote{ background:url(img/arrows-background.png) no-repeat #2384c5 right center; font-weight:bold; }
#global #content #sidebar #sideBarLiveChat{ background:url(img/bubble.png) no-repeat #2384c5 right top; }
    #global #content #sidebar #sideBarLiveChat h2{ color:#fff; font-size:16px; }
    #global #content #sidebar #sideBarLiveChat .text{ margin:10px; font-size:12px; text-indent:0; font-weight:bold; text-align:center; }
    #global #content #sidebar #sideBarLiveChat .button{ width:60px; }
#global #content #sidebar #sideBarSocialNetworks td{ padding:5px; }
    #global #content #sidebar #sideBarSocialNetworks td a{ font-weight:bold; font-size:16px; }
/*******************************************************************************
* Page Content
*******************************************************************************/
#global #content .pageContent, #global #content .pageContentWithSideBar{ padding:5px; }
#global #content .pageContentWithSideBar{ width:660px; }

/*******************************************************************************
* Footer
*******************************************************************************/
#global #footer{
    clear:both;
    text-align:center;
    font-size:10px;
    line-height:12px;
    height:40px;
    color:#fff;
    margin:10px 0 20px 0;
    padding:20px 0 0 0;
    background:url(img/footer-background.png) repeat-x;
}
#global #footer a{ color:#fff; }

/*******************************************************************************
* Index
*******************************************************************************/
#index .citation{ margin:20px auto; }
#index .widget{ width:310px; text-align:center; padding:5px; }
#index .twitterWidget{ float:left; }
#index .facebookWidget{ float:right; }

/*******************************************************************************
* Contact
*******************************************************************************/
#contact form input[type=text]{ width:170px; }
#contact form .button{ width:60px; }

/*******************************************************************************
* Partners
*******************************************************************************/
#partners table td{ border:none; text-align:center; }

/*******************************************************************************
* Products and Services
*******************************************************************************/
#productsAndServices table td{ padding:5px; }
#productsAndServices table td.description{ font-style:italic; }
#productsAndServices table td .readMore{ font-style:italic; font-size:x-small; }

/*******************************************************************************
* Free quote
*******************************************************************************/
#freeQuote .bigLink{ margin:20px; }