/*@charset "UTF-8"; */
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
**
**  Date     : 23.8.07
**  File     : myOwnStyles.css
**  Function : This file is not part of the YAML-CSS-Framework.
**             It was included to give the user the possibility to quickly apply tests, changes or
**             whatever with no need to change the YAML-files and mess up anything.
**             Hmmm. Does this make sense? Anyway, use it or just leave it empty. It will do no harm.
**             This is the last stylesheet beeing imported. So, everything can be overwritten here.
**             Be careful what you put in here and don't hold us responsible for anything that goes wrong...
*/
/*@media all{ */


/* INDEX SEARCH */
div.tx-indexedsearch-browsebox { text-align: center }
div.tx-indexedsearch-browsebox ul.browsebox li { display: inline }
td.tx-indexedsearch-result-number { display:none }

/* Your styles here */
body {
    background-color: #FFFFFF;
    background-image:none;
    padding: 0px;
    font-family: Arial;
}
#page_margins {
    /* min-width: 960px; */
    max-width: none;
    width: 960px;
    margin: 0 auto;
    border: 0px #FFFFFF solid;
}
#page {
    background-color: #FFFFFF;
    border: 1px #CCC solid;
    margin-top:10px;
}

/**
	* Formatting content container
	*
	* |-------------------------------|
	* |                        #topnav|
	* | #header                       |
	* |-------------------------------|
	* | #teaser                       |
	* |-------------------------------|
    * | #nav_main                     |
	* |-------------------------------|
	* | #col1   | #col3     | #col2   |
	* | 200px   | flexible  | 240px   |
	* |-------------------------------|
	* | #footer                       |
	* |-------------------------------|
	* | #footerpartner                |
	* |-------------------------------|
	*/
	
/* navigation au top de la page */
#topnav { position:absolute; right:10px; top:0px; font-size: 0.9em; color: #FF3B15; background: transparent; z-index:10; }
#header #topnav a:link, a:visited { top: 20px; color: #FF3B15; text-decoration: none; }
#header #topnav a:hover, a:active { top: 20px; color: #FF3B15; text-decoration: none; }

#header { 
    height: 170px;
    overflow: hidden;
    background-image:none; background-color: #FFF;
}
#header img.headImg1 { position: absolute; left: 0px; top: 0px;  }

/* teaser = navigation de vous etez ici */
/* utilisé uniquement pour afficher les liens print et pdf */
#teaser { margin: 0; padding: 0; background: none; background-color:#FFE6BF; color: #FF3B15; position: relative; top: 0px; right: 0px; }
/* PRINT BOX */
#teaser div#printBox { float: right; margin:6px 10px 0pt 0pt;}
#teaser div#printBox a:link { color: #FF3B15; text-decoration: none; }
#teaser .INACT {display:none;}

/* navigation principale horizontale */
#nav_main { background-image:none; background-color: #ECECEC; height: 29px; font-weight: normal; font-size: 12pt; }
#nav_main ul { padding: 0px; border-left: 10px solid #FFF; font-weight: normal;}
#nav_main li { background-image:none; background-color: #666; border-right: 1px solid #ECECEC; border-bottom:0px; line-height: 15pt; }
#nav_main a, #nav_main strong { background-image:none; background-color: #666; border-bottom: 0px; font-weight: normal; line-height: 15pt; }
#nav_main #current { background-image:none; background-color: #000; color: #FFF; border-bottom: 0px; line-height: 15pt; }
#nav_main #current a, #nav_main #current strong { background-image:none; background-color: #000; color: #FFF; border-right: 1px solid #ECECEC; border-bottom: 0px; font-weight: normal; line-height: 15pt; }
#nav_main ul li a:link { color: #FFF; }
#nav_main ul li a:visited { color: #FFF; }
#nav_main ul li a:hover { color: #FFF; }
#nav_main ul li a:active { color: #FFF; }

/* Colonne menu gauche */
#col1 { width:200px; float:left; }
#col1_content { padding:10px; padding-top:0px; }
#submenu { border-top: 0px solid #FFF; }

/* Colonne info droite */
#col2 { display:none;}
#col2 { width: 240px; float:right; margin-right:3px; }
#col2_content { font-family: Arial; padding:10px; padding-left:10px;text-align:left; color:#666; font-size:9pt;}
#col2_content h1 { color: #FF3B15; font-size: 14pt;}
#col2_content h2 { color: #000000; font-size: 12pt;}
#col2_content h3 { color: #666; font-size: 11pt;}
#col2_content p { font-size:9pt; text-align: justify; }
#col2_content ul {list-style-type:square}
#col2_content hr { color: #FFF; border-top: 1px dotted #666; }

/* Colonne contenu central */
#col3 { 
    margin:0;
    margin-left: 200px;
    /* width: 510px !important; */
    width: 740px !important;
    /* Min-Height Fast Hack by Dustin Diaz*/
    /* This snippet of CSS works like a charm in IE6, IE7,
    Mozilla/Firefox/Gecko, Opera 7.x+, Safari 1.2+ */
    min-height: 500px;
    height: auto !important;
    height: 500px;
    }
#col3_content { font-family: Arial; padding:10px; padding-right:10px;  font-size:10pt;}
#col3_content p { font-family: Arial; font-size:10pt; text-align: justify; }
#col3_content ul {list-style-type:square}
#col3_content h1 { color: #FF3B15; font-size: 16pt;}
#col3_content h2 { color: #000000; font-size: 13pt;}
#col3_content h3 { color: #666; font-size: 12pt;}

#col3_content .subcr { padding:0 0 0 2.5em; }
#col3_content .subcr h1 { color: #FF3B15; font-size: 12pt;}
#col3_content .subcr p { font-family: Arial; font-size:9pt; text-align: justify; }


/* Content element "table" */
table.contenttable {
    font-size: 1em;
    width: 99%; /* bug fix display in Firefox */
    margin-left: 1px; /* bug fix display in Firefox */
    margin-top: 1px; /* bug fix display in Firefox */
}
table.contenttable td { text-align: left; }
table.contenttable td a { text-align: left; }
table.contenttable td a.centeredImage { text-align: center; }

/* element sous le menu gauche dans col1 */
/* utilisé ici pour l'affichage de image au dessus de col3 et col2 */
.textBelowMenu { position: absolute; top: -10px; left:210px; height: 120px; overflow: hidden; }

/* navigation secondaire verticale */
/* Level 1 */
#submenu li#active, #submenu li strong {
    width: 90%;
    /* padding: 1px 0px 1px 7%; */
    padding: 1px 0px 1px 1%;
    font-weight: bold;
    color: #FF3B15;
    background-color:#FFF;
    border-bottom: 1px #EEE solid;
    /* background-image: url(../images/pullDownRightArrow.gif); */
    /* background-repeat:no-repeat; */
    /* background-position: 3px 7px; */
}

#submenu li a { width: 98%; padding-left: 2%; background-color:#fff; color: #666; }
#submenu li a:focus,
#submenu li a:hover,
#submenu li a:active { background-color:#FFF; color: #666; }

/* Level 2 */
#submenu li ul li a,
#submenu li ul li#active,
#submenu li ul li strong,
#submenu li ul li span { width: 90%; padding-left: 10%; background-position: 7px 7px; font-size:9pt;}

#submenu li ul li a { background-color:#EEE; color: #666; }
#submenu li ul li a:focus,
#submenu li ul li a:hover,
#submenu li ul li a:active { background-color:#FFF; color: #666; }

/* Level 3 */
#submenu li ul li ul li a,
#submenu li ul li ul li#active,
#submenu li ul li ul li strong,
#submenu li ul li ul li span { width: 80%; padding-left: 20%; background-position: 25px 7px; font-size:8pt; background-color:#CCC;}

#submenu li ul li ul li a { background-color:#DDD; color: #444; }
#submenu li ul li ul li a:focus,
#submenu li ul li ul li a:hover,
#submenu li ul li ul li a:active { background-color:#FFF; color: #444; }

/* separateur */
.spacertitre { position: absolute; left: -1000em; width: 20em; }
.spacer { margin-left: 30px; line-height: 1pt; border-bottom: 3px #AAA solid; }

/* liens */
#col3_content a:link { color: #FF3B15; text-decoration: none; border-bottom: 1px dotted #666; }
#col3_content a:visited { color: #444; text-decoration: none; }
#col3_content a:hover { color: #FF3B15; text-decoration: none; }
#col3_content a:active { color: #444; text-decoration: none; }

a.internal-link:link, 
a.internal-link:visited, 
a.internal-link:hover, 
a.internal-link:active {
    color: #AAAAAA; text-decoration: none; border-bottom: 1px dotted #AAAAAA;
}
a.external-link-new-window:link, 
a.external-link-new-window:visited, 
a.external-link-new-window:hover, 
a.external-link-new-window:active {
    color: #678DB8; 
    text-decoration: none;
    border-bottom: 1px dotted #678DB8;
    background: url(../images/externalLink.gif) no-repeat right 2px;
    padding-right: 12px;
}

.caption { font-size: 80%; text-align: center; }

/* footer */
#footer { color: #AAAAAA; background: #FFFFFF; overflow: hidden; padding: 5px; border-top: 2px #EEEEEE solid; text-align: center; font-size: 9pt; }
#footer a:link, a:visited, a:hover, a:active { color: #AAAAAA !important; text-decoration: none !important; font-weight: normal !important;}
#footer span a:link, a:visited, a:hover, a:active { color: #AAAAAA; text-decoration: none; font-weight: normal;}

/* others */

.tx-pagebrowse-pi1 { margin-top: 20px; }
.tx-pagebrowse-pi1 .tx-pagebrowse-current { text-decoration: underline; }

/* FORM */
div#mailformplusplus_contact_form fieldset { border: 0px solid #CCCCCC; background: #FFF none repeat scroll 0 0; }
div#mailformplusplus_contact_form label { width: 7em; background: #FFF none repeat scroll 0 0; }
div#mailformplusplus_contact_form input[type=submit] { width: 10em; margin-left: 13em; }
#col2_content p.required-fields-box { margin-top: 1em; font-size: 95%; }
div.mathguard { margin-left: 8.4em; }
form#mailform div.csc-mailform-field div.errorBox { padding-left: 8.4em; }
form#mailform div.csc-mailform-field div.mathguard div.errorBox{ padding-left: 0; }

/*}*/