body {
margin : 0 ; 
padding : 0 ; 
text-align : center ;
background-color:#355192;
font-family: "Book Antiqua";
font-size : 01em;
color:#FFFFFF;
 }
 
 a:link {
	color: #E46B0F;
	text-decoration: none;
}
a:visited {
	text-decoration: none;
	color: #E46B0F;
}
a:hover {
	text-decoration: none;
	color: #E3A012;
}
a:active {
	text-decoration: none;
	color: #E3A012;
}



/* Fond image sur lequel vient s'ajouter les différents contenu
  *******************************************************/

#fonds {
width : 790px ; 
height : 548px ;
margin : 20px auto 0 auto ; 
background : url(../images/newblue1.jpg) ;
background-repeat:no-repeat;
text-align : justify ;
}

/* Contenu
  *******************************************************/
#contenu{ 
width : 600px; 
height : 390px; 
background : transparent;
position:absolute;
margin: 90px auto auto 150px;
padding-right: 10px;
display:block;
overflow:auto;


}

h1.csc-firstHeader{
	font-size:20px;
	}

/* Menu statique
  *******************************************************/

div#menu_statique{
position:relative;
text-align : right;
text-decoration: none;
	font-size: 14px;
	color : #E46B0F;
	font-weight : bold ;
width : 700px;  
height : 18px; 
background : transparent; 
margin : 40px 0;
float:right;
display:inline;
}

div#menu_statique a{ 
margin : 2px 0 0 15px ;  
height : 18px ;  
list-style : none ;
text-decoration: none;
	font-size: 14px;
	color : #E46B0F;
	font-weight : bold ;
 padding : 0
 }

 div#menu_statique a:hover{ 
margin : 2px 0 0 15px ;  
height : 18px ;  
list-style : none ;
text-decoration: none;
	font-size: 14px;
	color : #E3A012;
	font-weight : bold ;
 padding : 0
 }
 
 
div#menu_statique ul { 
margin : 2px 0 0 15px ;  
height : 18px ;  
list-style : none ;
text-decoration: none;
	font-size: 14px;
	color : #E46B0F;
	font-weight : bold ;
 padding : 0
 }
 
 div#menu_statique ul a{ 
margin : 2px 0 0 0px ;  
height : 18px ;  
list-style : none ;
text-decoration: none;
	font-size: 12px;
	color : #E46B0F;
	font-weight : bold ;
 padding : 0
 }
 
 div#menu_statique ul a:hover{ 
margin : 2px 0 0 0px ;  
height : 18px ;  
list-style : none ;
text-decoration: none;
	font-size: 12px;
	color : #E3A012;
	font-weight : bold ;
 padding : 0
 }
 
 div#menu_statique li { 
float : right ; 
height : 18px ;
text-decoration: none;
	font-size: 14px;
	color : #fff;
	font-weight : bold ;
padding: 0;
	margin:0; }
	
	
	 div#menu_statique li a{ 
	 padding : 0 10px 0 0 ; 
float : right ; 
display : inline; 
height: 18px; 
text-decoration: none;
	font-size: 14px;
	color : #E46B0F;
	font-weight : bold ;  }
	
	
		div#menu_statique li a:hover{ 
		padding : 0 10px 0 0 ; 
float : right ; 
display : inline; 
height: 18px; 
text-decoration: none;
	font-size: 14px;
	color : #E3A012;
	font-weight : bold ; 
	 }
	
	





/* Menu principal
  *******************************************************/

div#menu_principal{
	position:absolute;
	text-align : center;
	text-decoration: none;
	font-size: 16px;
	color : #E46B0F;
	font-weight : bold;
	width : auto;
	height : 18px;
	background : transparent;
	margin : 60px 40px 0 152px;
	float:left;
		display:inline;
}

div#menu_principal a{ 
margin : 2px 0 0 15px ;  
height : 18px ;  
list-style : none ;
text-decoration: none;
	font-size: 16px;
	color : #E46B0F;
	font-weight : bold ;
 padding : 0
 }

 div#menu_principal a:hover{ 
margin : 2px 0 0 15px ;  
height : 18px ;  
list-style : none ;
text-decoration: none;
	font-size: 16px;
	color : #E3A012;
	font-weight : bold ;
 padding : 0
 }
 
 
div#menu_principal ul { 
margin : 2px 0 0 15px ;  
height : 18px ;  
list-style : none ;
text-decoration: none;
	font-size: 16px;
	color : #E46B0F;
	font-weight : bold ;
 padding : 0
 }
 
 div#menu_principal ul a{ 
margin : 2px 0 0 0px ;  
height : 18px ;  
list-style : none ;
text-decoration: none;
	font-size: 16px;
	color : #E46B0F;
	font-weight : bold ;
 padding : 0
 }
 
 div#menu_principal ul a:hover{ 
margin : 2px 0 0 0px ;  
height : 18px ;  
list-style : none ;
text-decoration: none;
	font-size: 16px;
	color : #E3A012;
	font-weight : bold ;
 padding : 0
 }
 
 div#menu_principal li { 
float:left;
height : 18px ;
text-decoration: none;
	font-size: 16px;
	color : #fff;
	font-weight : bold ;
padding: 0;
	margin:0; }
	
	
	 div#menu_principal li a{ 
	 padding : 0 20px 0 0 ; 
	 margin:0px 0px 0px 0px;
float:left;
display : inline; 
height: 18px; 
text-decoration: none;
	font-size: 16px;
	color : #E46B0F;
	font-weight : bold ;  }
	
	
		div#menu_principal li a:hover{ 
		padding : 0 20px 0 0 ; 
		 margin:0px 0px 0px 0px;
 float:left;
display : inline; 
height: 18px; 
text-decoration: none;
	font-size: 16px;
	color : #E3A012;
	font-weight : bold ; 
	 }
	
/* newsletter
  *******************************************************/
#newsletter{
	width : 751px;
	height : 32px;
	background : transparent;
	position:absolute;
	margin: 500px 0px auto auto;
	padding-right: 10px;
	float:right;
	text-align:right;
	top: 13px;
}	

#newsletter a{
font-size:20px;
display:inline;
padding-left:30px;
color:#FFFFFF;
}
#newsletter a:hover{
font-size:20px;
display:inline;
padding-left:30px;
color:#CCCCCC;
}

/* Footer
  *******************************************************/
#footer{
	width : 300px;
	height : auto;
	background : transparent;
	position:relative;
	margin: 220px auto auto auto;
	top: -215px;
	font-size:10px;
	text-align:center;
}

#footer a{
font-size:10px;
display:inline;
color:#FFFFFF;
}
#footer a:hover{
font-size:10px;
display:inline;
color:#CCCCCC;
}

#footer p a img{
	border:none;
}

/*******************************************************************************

	Element container layout definition

	All elements are shown in a container which uses one of the following
	classes. Please read the specific container description for more
	Information.

*******************************************************************************/

/**
 * This class represents the outer mailform table. In this table
 * all fields and elements are shown in cells
 */
.mailform-table-outer { }

/**
 * If you like to access every single cell, please use the form wizard
 * You may input here a class which is used for every cell, but you must
 */

/**
 * td-no-style represents every single defined cell. But you can change the
 * class of every cell in the field wizard
 */
.td-no-style { background-color: #060E3C; }
/**
 * This class is used for the outer container of a Form-Element
 * IF the current form content is valid
 * In the current version not used, for later purposes
 */
.tx_mailform_valid { }

/**
 * This class is used for the outer container of a Form-Element
 * IF the current form content is not valid.
 */
.tx_mailform_invalid { }

/**
 * This class is used for the outer container of a Form-Element
 * IF the current content is required, and the user has not yet input
 * the required data
 */
.tx_mailform_required { }

/**
 * This class is used for the outer container of a Form-Element
 * The class is used, if the form has not yet sent, and is not corrected.
 * Actually this is the class, the user will see the most (if he inputs correct
 * data)
 */
.tx_mailform_none { }

/**
 * If the user inputs invalid data, the error will be displayed with
 * this text formation
 */
.tx_mailform_FieldErrorMessage {
	color: #FF0000;
	font-weight: bold;
}

/**
 * This is the class which will be the outer container class for Layout
 * elements.
 * That excludes all form elements.
 * It Includes eg title-element, html-element, separator-element
 */
.tx_layout_element_container {
	color: #F00;
}

/*******************************************************************************

 Formular element label definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/

.tx_mailform_label_global {

}

.tx_mailform_label_textarea {

}

.tx_mailform_label_title {

}

.tx_mailform_label_text {

}

.tx_mailform_label_textwdesc {

}

.tx_mailform_label_default {

}

.tx_mailform_label_submit {

}

.tx_mailform_label_file {

}

.tx_mailform_label_password {

}

.tx_mailform_label_radio {

}

.tx_mailform_label_select {

}

.tx_mailform_label_layout_default {

}

/*******************************************************************************

 Formular element layout definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/

 /**
  * Normal Text element
  */
.tx_mailform_text {
  background-color: #060E3C;
  font-size: 10px;
  color: #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-top: 0px;
  border-left: 0px;
  height: 15px;
  width: 150px;
}

/**
 * Select (Dropdown / Multiselect)
 */
.tx_mailform_select {
  font-size: 10px;
  color: #000;
  border: 1px solid #222;
  margin-bottom: 5px;
}

.tx_mailform_option {
  font-size: 10px;
  color: #000;
}

/**
 * Textarea
 */
.tx_mailform_textarea {
  font-size: 11px;
  font-family: Arial;
  color: #ffffff;
  background-color: #060E3C;
  margin-bottom: 5px;
  border: 1px solid #ffffff;
  width:400px;
 }

/**
 * Hidden Field
 * (Actually it does not make sense to design a invisible element)
 */
.tx_mailform_hidden {
  font-size: 10px;
  color: #000;
  border: 1px solid #222;
}

/**
 * Password field
 */
.tx_mailform_password {
  font-size: 10px;
  color: #000;
  border: 1px solid #222;
  margin-bottom: 5px;
}

/**
 * File Upload
 * Currently not functional
 */
.tx_mailform_file {
  font-size: 10px;
  color: #000;
  border: 1px solid #222;
  margin-bottom: 5px;
 }

/**
 * Captcha
 */
.tx_mailform_captcha {
  background-color:#060E3C;
  font-size: 12px;
  color: #FFFFFF;
  border-right: 1px solid #FFFFFF;
  border-bottom: 1px solid #FFFFFF;
  border-top:0px;
  border-left:0px;
  height: 18px;
}

/**
 * Checkboxes
 */
input.tx_mailform_checkbox_box {

}

td.tx_mailform_checkbox_text {
  font-size: 10px;
  color: #000;
}

label.tx_mailform_cb_label {
  font-size: 10px;
  color: #000;
}

/**
 * Radio Buttons
 */
input.tx_mailform_radio_button { }

td.tx_mailform_radio_text {
  font-size: 10px;
  color: #000;
  padding: 5px;
}
label.tx_mailform_rb_label {
  font-size: 10px;
  color: #000;
  margin-bottom: 2px;
}

/**
 * Submit Button
 */
.tx_mailform_submit {
  font-size: 10px;
  color: #000;
  border: 1px solid #222;
  margin-bottom: 5px;
 }

/**
 * Submitbutton with extended features
 */
.tx_mailform_submitextended {
  font-size: 10px;
  color: #000;
  border: 1px solid #222;
  margin-bottom: 5px;
}



/*******************************************************************************

 Layout-element layout definition

 All current existing elements are listed below
 You can separately design every different element type

*******************************************************************************/

/**
 * Popular HR Separator
 */
.tx_mailform_hrSeparator {
  width: 100%;
}

/**
 * Text Title
 */
.tx_mailform_title {
  font-size: 11px;
  font-weight: bold;
  padding: 2px;
  border: 0px none #FFF;
  display: block;
  font-weight: bold;
  margin-bottom: 5px;
  margin-top: 5px;
  color:white;
}


.tx-srfreecap-pi2-cant-read{
color:#ffffff;
}

/**
 * HTML - Element
 *
 * - The HTML Element is not accessable over CSS.
 * - Please Include your CSS Definition in your specified HTML Element
 * - In the Wizard
 */