@charset "UTF-8";
/* ################################################################
** # "YAML for TYPO3" (c) by You if you put something in here :) ##
** ################################################################
*/
@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: #FEFEFE;
	    background: url(../images/background.jpg) top repeat-x;
	    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:10px; font-size: 0.9em; color: #FFF; background: transparent; }
	#topnav a:link, a:visited { top: 5px; color: #FFF; text-decoration: none; }
	#topnav a:hover, a:active { top: 5px; color: #FFF; text-decoration: none; }
	
	#header { 
	    height: 66px;
	    background: #FFF url(../images/backgroundHeader.jpg) top right no-repeat;
	}
	#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; color: #888; position: relative; top: 0px; right: 0px; }
	/* PRINT BOX */
	#teaser div#printBox { float: right; margin:6px 10px 0pt 0pt;}
	#teaser div#printBox a:link { color: #555; text-decoration: 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; margin-top: 130px !important; }
	#col2_content { font-family: Arial; padding:10px; padding-left:10px;text-align:left; color:#666; border-left: 1px dotted #666; font-size:9pt;}
	#col2_content h1 { color: #678DB8; 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: left; }
	
	#col2_content ul {
		margin:0 0 1em 0em;
		list-style-type:square;
	}
	
	#col3_content ul {
		margin:0 0 1em 0.5em;
	}
	
	#col2 hr,
	#col3 hr {
		color: #FFF;
		border-top: 1px dotted #666;
		border-bottom: 0px solid #EEE;
	}
	
	
	/* Colonne contenu central */
	#col3 { 
	    margin:0;
	    margin-left: 200px;
	    margin-top: 130px !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: 450px;
	    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: #678DB8; font-size: 16pt; margin-bottom:10px;}
	#col3_content h2 { color: #000000; font-size: 13pt;}
	#col3_content h3 { color: #666; font-size: 12pt;}
	
	/* 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%;
	    font-weight: bold;
	    color: #000;
	    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: #678DB8; text-decoration: none; border-bottom: 1px dotted #666; }
	#col3_content a:visited { color: #678DB8; text-decoration: none; }
	#col3_content a:hover { color: #678DB8; text-decoration: none; }
	#col3_content a:active { color: #444; text-decoration: none; }
	
	
	h5 a:visited,
	h5 a:hover {
		font-weight:bold;
		margin:0 0 0.25em;
	}

	
	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;
	}
	
	
	/* 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; text-decoration: none; font-weight: normal;}
	
	.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; }
	

	/***** Mail-Formular REGULAR FORM *****/	
	fieldset.csc-mailform .csc-mailform-field label.error {
		color: red;
		width: 200px;
		margin-left: 150px;
		text-align: left;
	}

	/***** Mail-Formular SPECIAL FORM ELEMENT csc-frame-frame1 *****/
	.csc-frame-frame1 form#mailform fieldset {
		border: 1px solid #ccc;
		padding: 1em;
		background: #fafafa;
	}
		
	.csc-frame-frame1 form#mailform fieldset legend {
		display: none;
	}
		
	.csc-frame-frame1 form#mailform fieldset span.csc-mailform-radio fieldset {
		margin: 1em 2em 1em 1em;
	}
		
	.csc-frame-frame1 form#mailform fieldset span.csc-mailform-radio fieldset input {
		width: auto;
		margin: 0 0.3em 0 0;
		border: 0;
	}
		
	.csc-frame-frame1 form#mailform fieldset span.csc-mailform-radio fieldset label {
		float: none;
	}
		
	.csc-frame-frame1 .csc-mailform-field {
		clear: both;
		margin-bottom: 0.8em;
	}
		
	.csc-frame-frame1 fieldset.csc-mailform .csc-mailform-field label {
		width: 4.2em;
		float: left;
		text-align: right;
		background: #fafafa;
		padding: 2px;
	}
		
	.csc-frame-frame1 fieldset.csc-mailform .csc-mailform-field input,
	.csc-frame-frame1 fieldset.csc-mailform .csc-mailform-field select, 
	.csc-frame-frame1 fieldset.csc-mailform .csc-mailform-field textarea {
		width: 10em;
	}
		
	.csc-frame-frame1 fieldset.csc-mailform .csc-mailform-field input.csc-mailform-check {
		width: auto;
		border: 0;
		margin-top: 0.2em;
	}
		
	.csc-frame-frame1 fieldset.csc-mailform .csc-mailform-field textarea {
		font-size: 1em;
	}
		
	.csc-frame-frame1 fieldset.csc-mailform label span {
		color: red;
	}
		
	.csc-frame-frame1 input#mailformformtype_mail {
		margin-left: 0em;
		background: #fafafa;
		cursor: pointer;
	}
		
	.csc-frame-frame1 input#mailformformtype_mail: hover {
		background: #f0f0f0;
	}
		
	.csc-frame-frame1 .csc-mailform-field select {
		margin-left: 1em;
		border: 1px #ccc solid;
		background: #fafafa;
		color: #777;
	}
		
	.csc-frame-frame1 .csc-mailform-field input[type=submit] {
		margin-left: 35px;
	}
	
}