/*** CLASSES DE BASE ***/
body
{
    margin: 0;
    padding: 0;
    
    font-family: Verdana, Arial;
    font-size: 8pt;
    color: #324877;
    background-color: #324877;
    text-align: center;
}

p
{
    margin: 0 0 1em 0;
}

.align-center { text-align: center; }
.align-left { text-align: left; }
.align-right { text-align: right; }

#contentpane p.bodytext, #contentpanewide p.bodytext, #contentpaneultrawide p.bodytext
{
    text-align: justify;
}

#thepage
{
    width: 800px;
    margin: 0.5em auto;
    text-align: left;
}

td
{
    font-family: Verdana, Arial;
    font-size: 8pt;
    color: #324877;
}

a img
{
    border: none;
}

/*** EN-TETE ***/
#header
{
    width: 800px;
    height: 123px;
    background: url(../pix/ak_entete.jpg);
}

#flags
{
    position: relative;
    left: 700px;
    top: 40px;
    width: 150px;
    height: 20px;
    text-align: right;
    vertical-align: middle;
}

td#photos
{
    height: 40px;
    background-color: #324877;
}

.headerphoto
{
    border-top: solid 1px #324877;
    border-bottom: solid 1px #324877;
    border-right: solid 1px #324877;    
}

/*** MENU GAUCHE ***/
#leftpane
{
    width: 150px;
    background-color: #375798;  
    background-image: url(../pix/fond_bigoudene_gauche.jpg);
    background-position: bottom left;
    background-repeat: no-repeat;   
    vertical-align: top;  
}

#menucontent
{
    padding: 10px;
    
    font-family: Trebuchet MS, Verdana;
    font-size: 1.4em;
    letter-spacing: 2px;
    color: white;
    text-align: right;
    text-transform: lowercase;
}

#menucontent a
{
    text-decoration: none;
    color: white;
}

.menu-level1-no
{
    padding: 2px;   
    font-weight: bold;    
}

.menu-level1-no a:hover
{
    border: solid 1px #4C68A2;
    padding-left: 4px;
    padding-right: 4px;
}

.menu-level1-act
{
    padding: 2px;

    font-weight: bold;
    background-color: #4C68A2;
}

.menu-level1-act a, .menu-level1-act a:hover, .menu-level1-act a:visited
{
    color: #FCD46B;
}

.menu-level2-no
{
    padding: 1px;
    font-size: 0.8em;
    letter-spacing: 1px;
}

.menu-level2-act
{
    padding: 1px;
    background-color: #4C68A2;    
    font-size: 0.8em;
    letter-spacing: 1px;    
}

#leftaddin
{
    text-align: right;
    margin: 0px;
    margin-top: 40px;
    padding: 10px;
}

/*** MENU HORIZONTAL ***/
#menuh
{
  vertical-align: middle;
}

#menuh #menu div
{
    display: inline;
    vertical-align: middle;
    margin-left: 2px;
    margin-right: 2px;
}

#menuh #menuheader
{
    display: none;
}

/*** CONTENU ***/
#contentpane
{
    width: 480px;
    padding: 10px;
    
    background-color: white;

    text-align: justify;    
    line-height: 1.4em;
    vertical-align: top;    
}

#contentpanewide
{
    width: 630px;
    padding: 10px;
    
    background-color: white;

    text-align: justify;    
    line-height: 1.4em;
    vertical-align: top;
}

#contentpaneultrawide
{
    width: 800px;
    padding: 10px;
    
    background-color: white;

    text-align: justify;    
    line-height: 1.4em;
    vertical-align: top;
}


#contenttitle
{
    # margin-bottom: 20px;
    display: none;
}

#contentpane h1, #contentpanewide h1, #contentpaneultrawide h1
{
    margin-top: 0.8em;
    margin-bottom: 0.5em;
    padding: 4px;
    
    font-family: Trebuchet MS;
    font-size: 2em;
    letter-spacing: 2px;
    color: #AC243C;
    font-style: italic;
    text-transform: lowercase;
    text-align: left;
    line-height: 1em;
    
    background-image: url(../../../charte/dessin_vague.gif);
    background-repeat: no-repeat;
    background-position: left bottom;
}

#contentpane a, #contentpanewide a, #contentpaneultrawide a
{
    color: #375798;
}

.flash
{
    float: right;
    width: 150px;
    margin-top: 4px;
    margin-left: 10px;
    margin-bottom: 4px;
    padding: 4px;
    border-top: solid 4px #E0E0E0;
    border-bottom: solid 4px #E0E0E0;    
    
    font-family: Trebuchet MS;
    font-size: 1.2em;
    text-align: right;
    line-height: 1.5em;
    font-style: italic;
    color: #385798;
    background-color: white;
}

/*** PANNEAU DROIT ***/
#rightpane
{
    width: 150px;
    background-color: #375798; 
    background-image: url(../pix/fond_bigoudene_droite.jpg);
    background-position: bottom right;
    background-repeat: no-repeat;  
    vertical-align: top;
}

#newscontent h1
{
    margin-top: 0px;
    margin-bottom: 4px;
    
    font-family: Trebuchet MS, Verdana;
    font-size: 1.3em;
    font-style: italic;
    text-transform: none;
    line-height: 1em;
    color: orange;
    background: none;
}

#newscontent
{
    padding: 6px;
    color: white;
}

/*** PIED DE PAGE ***/
#footer
{
    border-top: solid 1px #324877;
    height: 27px;
    background-image: url(../pix/ak_pied.jpg);
}

#subfooter
{
    margin: 0;
    padding: 0;
}

#leftfooter
{
    width: 200px;
}

#rightfooter
{
    text-align: right;
    padding-right: 6px;
}

#zencomp
{
    display: inline;
}

/*** TV CONTENT ELEMENTS ***/
.cols2_flow
{
    width: 100%;
    padding: 0;
    margin: 0;
}

td.cols2_flow_left
{
    vertical-align: top;
    padding-right: 4px;
}

td.cols2_flow_right
{
    vertical-align: top;
    padding-left: 4px;
}

/*** PLUGINS ***/
.tx-slideshow-pi1
{
    vertical-align: top;
    margin: 0px;
}

.csc-mailform-field
{
    margin-top: 3px;
    margin-bottom: 3px;
}

.csc-mailform-field label
{
    width: 130px;
    vertical-align: top;
}

.csc-mailform-field submit
{
    text-align: right;
}

.csc-mailform-submit
{
    color: white;
    background-color: #385798;
    border: solid 1px blue;
}

/* Visite virtuelle */
.virtualtour
{
    margin-left: 70px;
    padding: 10px;
    border: solid 1px #E0E0E0;
}


/*** Sommaire ***/
.csc-menu
{
    margin-bottom: 20px;
    padding-top: 10px;
    padding-bottom: 10px;
    /* border-top: dashed 1px orange;
    border-bottom: dashed 1px orange;*/
}

ul.csc-menu
{
    list-style: square;
}

ul.csc-menu li
{
    margin-top: 2px;
    margin-bottom: 2px;
}

li.csc-section a
{
    text-decoration: none;
}

/*** GOOGLE MAPS ***/
.tx_lumogooglemaps_pi1_sidebar
{
    display: none;
}