/* * * * * * * * * * * * * * * * * * * * * * * * * * 
 *                General				 		   *
 * * * * * * * * * * * * * * * * * * * * * * * * * */ 
*{
	font-family: sans-serif,times,serif; 
	color: #191970;
	margin:  0;
	padding: 0;
}
/* * * * * * * * * * * * * * * * * * * * * * * * * * 
 *                titre					 		   *
 * * * * * * * * * * * * * * * * * * * * * * * * * */ 
h1, h2, h3, h4{
	color:#191970;
    border-bottom: 2px solid #191970;
}

h1{
	font-size: 1.5em;
}

h2{
	margin-top : 10px;
}

h3{
}

h4{
}

div.messagesErrors {
    background : #ffdca8;
    padding : 1mm;
    margin : 2mm;
    border : red solid 2px;
    color: black;
}

div.message {
    background : #c0ffc0;
    padding : 1mm;
    margin : 2mm;
    border : #00c000 solid 2px;
    color: black;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * 
 *                en-tete					  *
 * * * * * * * * * * * * * * * * * * * * * * * * * */ 
#en-tete{
	//background: url("../../gabaries/imgs/fontEnTete_2.png") bottom no-repeat;
	padding-top:10px;
}

#en-tete .barMenu{
	background: #FFFFFF;
	height:34px;
	padding: 5px 10px 0px 10px;
	margin : 10px 0px;
}

#en-tete .contenu{
	padding: 0px 20px;
}

/* * * * * * * * * * * * * * * * * *
 *        les Lien sur les pages	*
 * * * * * * * * * * * * * * * * * **/
a{
	color:#191970;
	text-decoration:none;
}

a:hover {

}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * 
 *		corp du site internet		  *
 * * * * * * * * * * * * * * * * * * * * * * * * * */ 
hr{
	height: 3px;
	border-color:#191970;
	background:  #191970;
	border-style: solid;
}

body {
  margin-left: auto;
  margin-right: auto;
  width:1205px;
  font-size: 11pt;
}

#contenu_full {
	width:1165px;
	float:left;
	margin-left:10px;
}

#contenu_full .post-content_1{
	  text-align: justify;
	  padding: 5px 18px 18px 18px;
}

#contenu {
	width:890px;
	float:left;
	margin-left:10px;

}

#contenu .post-content_1{
	  text-align: justify;
}

#contenu .post-content_1 > p{
	margin: 10px 0;
}

#contenu .post .post-title {

}

#contenu .post .post-title .post-info{
	font-size: 7pt;
	text-align: right;
} 
 
#contenu .post .post-content{
	text-align: justify;
	padding: 10px 0px;
}

#contenu .col1 {
	margin-top:15px;
	float: left;
	width: 47%;
	padding-left:10px; 
}

#contenu .col2 {
	margin-top:15px;
	float: left;
	width: 47%;
	padding-left:10px;
}


#contenuMenu {
	padding-left:20px;
	padding-top: 16px;
	width:275px;
	float:left;
}

#contenuMenu .block{
	margin-bottom :25px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * 
 *		Menu vertical								*
 * * * * * * * * * * * * * * * * * * * * * * * * * */  
.menuVertical{
	 font-size: 11pt;
}

.menuVertical ul{
	margin: 10px 5px;
}

.menuVertical li{
	list-style-type: none;
	background: url(../../gabaries/imgs/puce.png) no-repeat -0.20em 0.20em;
	padding-left: 20px;
	margin:3px 0px;
}

.menuVertical div{
	list-style-type: none;
	background: url(../../gabaries/imgs/puce.png) no-repeat -0.20em 0.20em;
	padding-left: 20px;
	margin:3px 0px;
}

.menuVertical li:hover {
	margin-left: 5px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * 
 *		formulaire				  *
 * * * * * * * * * * * * * * * * * * * * * * * * * */  

input[type="submit"],input[type="reset"],input[type="button"]{
	padding: 0 2px;
	background: #fff url("../../gabaries/imgs/inputImg02.png") repeat-x;
	border: 1px solid #000066;
	color : #f9f9f9;
	cursor: pointer;
	margin:5px;
}
input[type="text"],input[type="password"],textarea,select {
  	padding: 2px 5px;
  	background: #FFFFFF url("../../gabaries/imgs/inputImg01.gif") repeat-x;
  	border: 1px solid #000066;
}

input[type="text"]:hover,input[type="password"]:hover, input:focus{
  	background: #FFFFFF url("../../gabaries/imgs/inputImg00.png") repeat-x;
  	border: 1px solid #000066;
}

textarea, select {
  	border: 1px solid #000066;
}

form {
	text-align:left;
}

/* Pour le formulaire login */
form > p {
	margin: 5px;
}


form > p > label {
	width: 100px;
	float: left;
	text-align: right;
	margin-right: 5px;
}
/* Pour le formulaire login */

form label.vide {
	margin-left: 20px;
	float: none;
	text-align: right;
	margin-right: 5px;}

form input {

}

form dl.forms {
	float: left;
	width: 100%;
}

form dl.forms dt {
	margin: 0;
	text-align: right;
	padding: 10px 0 0 0;
	clear: left;
	float: left;
	width: 200px;
}

form dl.forms label { width: 150px; font-weight: bold; }

form dl.forms dd {
	margin: 0;
	padding: 10px 0 0 0;
}

form dl.forms dd.help {
	clear: left;
	padding-top: 2px;
	font-size: 70%;
	color: #999;
}

form dl.forms p.error {
	clear: left;
	padding: 0px;
	margin: 0px 0px 0px 175px;
	font-size: 70%;
	color: #F00;
}

form dl.forms dd.radio input { width: auto; }

form dl.forms textarea { }

.required {
	color: #F00;
	font-weight: bold;
}
.suffix {
	color: #191970;
	padding-left:5px;
}

.msgHelp{
	clear: left;
	padding-top: 2px;
	font-size: 70%;
	padding-left:10px;
	color: #999;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * 
 *		Tableau									  *
 * * * * * * * * * * * * * * * * * * * * * * * * * */  
 
tr.header {border-bottom: 1px solid #191970;}
tr.header td {padding: 2px 5px; text-align:center;}

tr.footer {background-color:#9E9E9E;}
tr.footer td {text-align: center; padding: 2px 5px;}

//tr.evenRow {background-color: #DFDFDF;}
tr.evenRow:hover {background-color: #B2B2B2}

tr.oddRow {background-color: #ECECEC}
tr.oddRow:hover {background-color: #B2B2B2}

tr.evenRowDiff {background-color: #FFFF33;}
tr.evenRowDiff:hover {background-color: #B2B2B2}

tr.oddRowDiff {background-color: #FFFF99}
tr.oddRowDiff:hover {background-color: #B2B2B2}

tr.inRedemption {background-color:#CCF}
tr.inRedemption:hover {background-color:#AAF}

table.performance {font-size:17x; border-collapse: collapse;width: 100%;}
table.performancesPrint {font-size:12px; border-collapse: collapse;}

table.monthlyReportTablePrint {font-size:12px;border:#191970 solid 1px;width: 70%;}
table.monthlyReportTablePrint td {padding-left: 2mm;padding-right: 2mm; font-size: 6pt;}

table.performances {border:#191970 solid 1px;padding: 5px;}
table.performances td {padding: 2px 2mm; font-size: 9pt;}
table.performances input {border-color: #FFFFFF;}

table.FactsSheet {border:#191970 solid 1px;padding: 5px}
table.FactsSheet td {padding: 2px 2mm; font-size: 9pt;}
table.FactsSheet input {border-color: #FFFFFF;}

table.legend {border:#191970 solid 1px; vertical-align: top; font-size: 7pt;margin: 0px;}
table.legend td {text-align: left;}

td{padding-top:4px;padding-bottom:4px;}

/* * * * * * * * * * * * * * * * * * * * * * * * * * 
 *		FOOTER									  *
 * * * * * * * * * * * * * * * * * * * * * * * * * */  
#footer{
	clear: both;
	color:#191970;
	font-size: 75%;
	text-align:justify;
	vertical-align: bottom;
	margin: 0px 20px;
	padding: 50px 0px;
}
 
/* * * * * * * * * * * * * * * * * * * * * * * * * * 
 *		Divers									  *
 * * * * * * * * * * * * * * * * * * * * * * * * * */  
.justify{text-align:justify;}
 
.object {text-align: center;}
 
.center {text-align: center;}

.numeric {text-align: right;}

.number {text-align: right;}

.negative {color: red;}

.negativeNumber {color: red;}

.text {text-align: left;}

.marge {margin-left: 3em;}

.clear{
	clear : both;
}
.scroll{
	 text-align:justify;
	 overflow: auto;
	 height: 350px;
	 width: 700px;
	 background: white;
	 border-color: #191970;
	 border-style: solid;
	 border-width: 2px;
	 padding:10px;
	 margin-bottom :3px;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * 
 *		Fiche de contact	 					  *
 * * * * * * * * * * * * * * * * * * * * * * * * * */
  
#contactAll {
   width:100%; 
   padding-top:5px;	
}

#contactAll .contactCard{
	width:300px;
	margin: 10px 50px 10px 50px ;
  	height:135px;
  	max-height: 135px; 
  	//background-color: #E5E5E5;
  	border: 1px solid #000066;
  	padding:10px;
  	
  	float:left;
}

#contactAll .contactPhoto{
	width: 100px;
	float: left;
}

#contactAll .contactPhoto img{
	width: 100px;
}



#contactAll .contactDescription{
	margin-left: 110px;
}

#contactAll .contactName p{
	font-weight:bold;
}

#contact.contactTitle{
 
}

#contactDetail .contactPhoto{
	width: 150px;
	float: right;
}

/* * * * * * * * * * * * * * * * * * * * * * * * * * 
 *		Fiche de contac detail  				  *
 * * * * * * * * * * * * * * * * * * * * * * * * * */
 
#contactDetail{
   margin:50px;
   	font-size:110%;

}

#contactDetail .contactPhoto img{
	width: 130px;
	margin:10px;
}

#contactDetail .contactName p{
	font-weight:bold;
	font-size:125%;

}

#contactDetail .contactLabel {
		float: left;
		text-align:right;
		width:60px;
		margin-top:5px; 
}

#contactDetail .contactContenu {
	margin-left: 70px;
			margin-top:5px; 
}

#contactDetail .contactCV {
		text-align:justify;
		margin-top:10px; 
}