*
{
    font-family: Verdana, Arial, Helvetica, sans-serif !important;
}
span, div, p
{
    font-size: 12px;
}
body
{
    margin: 0 auto 0 auto;
    padding: 0;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size: 11px;
    background-color: #f5f0f3;
    background-color: #d3d3d3;
}
h1, h1 *
{
    font-family: Verdana, Geneva, sans-serif;
    font-size: 20px !important;
}
h2
{
    font-size: 16px;
}
h3
{
    font-size: 14px;
}
h4, h4 a
{
    font-size: 12px;
    font-weight: bold !important;
}

a img
{
    border: 0px none;
}


div#container
{
    z-index: 1;
    position: relative;
}

div#container #header
{
    margin: auto;
    width: 994px;
    background-color: #239cd3;
    height: 150px;
}
.mainContent
{
    margin: auto;
    background: white;
    width: 994px;
    min-height: 450px;
    padding: 5px 1px 10px;
}

.mainContent > div
{
    margin: 10px 10px;
    margin-right: 20px;
	
}

div.logout
{
    border: solid 1px black;
    background: White;
    color: Black;
    position: fixed;
    top: 0px;
    left: 0px;
    width: 50px;
    padding: 10px;
    z-index: 10000;
}
div.logout a
{
    color: Black;
    text-decoration: underline;
}

.top
{
    width: auto;
    margin: 0px auto 0px auto;
    color: #ffffff;
    top: 0px;
    height: 50px;
    z-index: 1;
    position: relative;
}
.top a
{
    text-decoration: none;
    color: #000000;
    font-size: 10px;
}
#topmenu
{
    margin: auto;
    width: 994px;
    margin: auto;
    position: relative;
    z-index: 1;
    height: 50px;
}
#topmenu .languageChoice
{
    margin: 20px 10px 0px 0px;
    color: White;
    float: right;
}
#topmenu .languageChoice a
{
    color: #e0077a;
    font-size: 12px;
    text-decoration: underline;
}

.bot
{
    width: 100%;
    color: white;
    margin-top: 10px;
    z-index: 1;
    position: relative;
}
.bot a
{
    font-weight: normal;
    text-decoration: underline;
}

.bot .sitemap
{
    margin: auto;
    padding: 10px 0px;
    width: 994px;
    font-size: 12px;
    background-color: #e0077a;
}
.bot .sitemap *
{
    color: White;
}
.bot .sitemap table
{
    width: 100%;
}
.bot .sitemap div.sitemapcolumn
{
    width: 210px;
    font-size: 0.8em;
    vertical-align: top;
    float: left;
    margin: 0px 15px;
}
.bot .sitemap h3, .bot .sitemap table
{
    margin: 0px 10px;
    padding: 0px;
}
.bot p.coords
{
    margin: auto;
    width: 994px;
    text-align: center;
    font-size: 12px;
    margin-top: 0px;
    padding: 10px 0px;
}

#mainmenuContainer
{
    margin-top: 10px;
    left: 0px;
    width: 100%;
}
#mainmenu
{
    margin: auto;
    position: relative;
    height: 41px;
    width: 994px;
    background: #239cd3;
    z-index: 100;
}

#mainmenu *
{
    color: White;
}

#mainmenu ul.menu
{
    height: 37px;
    padding: 2px;
    margin: 0px;
    position: relative;
}
#mainmenu ul.menu > li
{
    position: relative;
    float: left;
    list-style: none;
    height: 37px;
    padding: 0px;
}

#mainmenu ul.menu li:hover, #mainmenu ul.menu li:hover > a
{
    background: #e0077a;
}

#mainmenu ul.menu > li > a
{
    float: left;
    display: block;
    height: 15px;
    padding: 10px;
}
#mainmenu ul.menu li a:hover
{
    background: #e0077a;
}
#mainmenu ul.menu li ul
{
    top: 37px;
    position: absolute;
    left: -9999px;
    z-index: 100;
    padding: 2px;
    margin: 0px;
}
#mainmenu ul.menu li:hover ul
{
    left: 0px;
    background: #239cd3;
}
#mainmenu ul.menu li ul li
{
    position: relative;
    display: block;
    list-style: none;
    background: #239cd3;
    padding: 10px 5px;
}
#mainmenu ul.menu li ul li a
{
    display: block;
    background: #239cd3;
    vertical-align: middle;
    white-space: nowrap;
}

.floatright
{
    width: 340px;
    float: right;
    padding-right: 0px;
    margin: 20px 20px 0px 0px;
    list-style-type: circle;
    border-style: solid;
    text-align: center;
    border-width: thin;
}
.floatright p
{
    color: maroon;
    font-weight: bold;
    font-size: 24px;
}

#container div.floatright ul li
{
    margin-left: -20px;
    text-align: left;
    text-decoration: none;
}

a
{
    text-decoration: none;
    color: #828AD7;
    font-weight: bold;
}

/* Menu de gauche */
ul.leftMenu
{
    list-style: none;
    margin-left: 20px;
    padding-left: 0px;
}

ul.leftMenu ul
{
    list-style-type: none;
    margin-left: 25px;
    padding-left: 0px;
    text-indent: -10px;
}

ul.leftMenu li
{
    font-size: 11px;
    font-weight: bold;
    padding: 15px 0px 0px;
}

ul.leftMenu ul li
{
    font-size: 10px;
    color: #828AD7;
    padding: 5px 0px 0px;
}

ul.leftMenu li a
{
    color: #080b47;
    text-decoration: none;
}
ul.leftMenu ul li a
{
    color: #828AD7;
    text-decoration: none;
}

.leftMenuTitleSeparator
{
    width: 200px;
    height: 3px;
    background-color: #000033;
}
h1.leftMenuTitle, h2.leftMenuTitle
{
    font-size: 16px;
    margin-top: 2px;
    margin-bottom: 2px;
    margin-left: 20px;
    margin-right: 0px;
    color: #000033;
}

/* Contenu de la page */
h1.contentTitle
{
    border-bottom: Solid 1px black;
    width: 730px;
    margin: 0px 0px 25px;
    padding: 0px 0px 10px;
}

/* Formulaires */
textarea.champs
{
    background-color: #CACDEE;
    border: 1px solid #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
}
select.champs
{
    background-color: #CACDEE;
    border: 1px solid #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 18px;
}
input.champs
{
    background-color: #CACDEE;
    border: 1px solid #000000;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 10px;
    height: 18px;
}
.bouton
{
    color: #990000;
    font-size: 9px;
    font-weight: bold;
    margin: 0;
    padding: 0;
}

input.bouton
{
    background: none repeat scroll 0 0 transparent;
    border: 1px solid #000000;
    color: #182768;
    cursor: pointer;
    font-family: Verdana,Arial,Helvetica,sans-serif;
    font-size: 9px;
    font-weight: bold;
    height: 16px;
}

textarea.error, input.error
{
    border: 2px dotted red;
}
label.error
{
    color: Red;
    font-style: italic;
}


.imageGalleryThumbnail
{
    border: solid 1px black;
}
.galleryImageTitleBottom
{
    height: 32px;
    padding-top: 10px;
}
.newsletterForm
{
    width: 200px;
    margin-left: 10px;
    margin-right: 0px;
    padding: 0px;
    padding-bottom: 5px;
    border: 1px solid black;
    background-color: #00408a;
    color: white;
}
.newsletterForm input[type='text']
{
    width: 180px;
}
.newsletterForm label.error
{
    font-weight: bold;
}
.newsletterHead
{
    text-align: center;
    font-size: 14px;
    margin: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid white;
}
.newsletterBody
{
    margin: 0px 7px;
}
.twitterNews, .rssfeed /* apparence et positionnement général des news */
{
    width: 200px;
    margin-left: 10px;
    margin-right: 0px;
    padding: 0px;
    border: 1px solid black;
    background-color: #00408a;
    color: white;
}

.twitterNews a, .rssfeed a /* apparence des liens vers les news sur twitter */
{
    color: white;
}

.twitterNewsHead, .rssfeedHead /* apparence de l'en-tête de la box des news */
{
    text-align: center;
    font-size: 14px;
    margin: 5px;
    padding-bottom: 5px;
    border-bottom: 1px solid white;
}

.twitterNewsFoot, .rssfeedFoot /* apparence du pied de la box des news */
{
    text-align: center;
    margin: 5px;
    padding-top: 5px;
    border-top: 1px solid white;
}

.twitterNews ul, .rssfeed ul /* ne pas modifier: supprime l'aspect "bulleted list" de la liste des news */
{
    list-style: none;
    margin: 0px;
    padding-left: 0px;
}

.twitterNews li, .rssfeed li /* définit les distances entre les éléments des news */
{
    margin-bottom: 5px;
    margin-left: 2px;
    padding: 3px;
}

.twitterText, .rssfeedText /* définit l'apparence du texte de la news */
{
    display: block;
}

.twitterCreated, .rssfeedCreated /* définit l'apparence de la date de la news */
{
    font-size: 7pt;
    margin-top: 5px;
    display: block;
}
.activityguide
{
    border-collapse: collapse;
}
.activityguide td, .activityguide th
{
    vertical-align: top;
    padding: 5px;
}
.activityguide td a
{
    color: Black;
    text-decoration: underline;
    font-weight: normal;
}
#formContact input[type='text'], #formContact input[type='email'], #formContact select, #formContact textarea
{
    width: 270px;
    display: block;
    margin-bottom: 10px;
}
#formContact label
{
    font-size: 14px;
}
.mandatory
{
    color: Red;
}

.roundbox
{
    -moz-border-radius: 15px;
    border-radius: 15px;
    background-color: #e0e0e0;
    border: solid #e0e0e0 1px;
    position: relative;
    padding: 0px 10px;
}

.roundbox *
{
    font-style: italic;
}

#outwares_html_erp .roundbox
{
    height: 225px;
}

#outwares_html_pmeservices .roundbox
{
    height: 325px;
}

.roundbox h2
{
    font-style: italic;
    font-family: Verdana, Geneva, sans-serif !important;
    font-size: 20px !important;
}

.roundbox h4
{
    width: 100%;
    left: 0px;
    position: absolute;
    bottom: 0px;
    text-align: center;
    font-style: italic;
}

.roundbox h4 a
{
    color: Black;
}
.googleMap
{
    width: 400px;
    height: 400px;
}

#logo
{
    height: 130px;
    margin: 10px;
    float: left;
}
#logod
{
    margin: 20px;
    float: right;
}
#logoorimex
{
    float: left;
    margin: 20px 0px 0px 110px;
}
#myCanvas
{
    height: 100%;
    width: 100%;
    position: fixed;
    z-index: 0;
}