.CSFBody
{
    /*background-image:url(../images/association/1pix_degrade_gris_dr.jpg);*/
		/*background-repeat:repeat-x;*/
		/*float:left;
		height:400px;   TEST */
		width: 960px;
} 
*+html .CSFBody
{
    position: relative;
    /*top:-15px;*/
} 


* html .CSFBody
{
    position: relative;
    top:-15px;
} 


#contentaccueil
{
    float:left;
    /*width:950px;*/
    min-height:370px;
    height:auto !important;
    height:370px;
}

/* Hack ie6 pour éviter décalage de la colonne de droite sur page Association */
*html #contentaccueil
{
    width : 731px;
}

#contentaccueil img
{
    display:block;
}

#contentaccueil .items
{
    
}

#contentaccueil .items .item
{
    display:block;
}

#contentaccueil .itemcolumn
{
    float:left;
    margin:20px 10px 0 0;
}

#contentaccueil .contentbody .itemcolumn
{
    float:left;
    margin:0 0 0 0;
}

#contentaccueil .contentbody .itemcolumn .footer
{
    float:left;
    margin:0 0 15px 0;
}

#contentaccueil .itemcolumn.itemcolumnborder {
    width:1px;
    height:268px;
    background-image:url("../images/commun/filet_separateur.gif");
    background-repeat:no-repeat;
}


#contentaccueil .itemcolumn.itemcolumn1 {
    width:109px;
    margin: 50px 9 0 0;
}


#contentaccueil .itemcolumn.itemcolumn2.withoutillus {
    width:480px;
}

#contentaccueil .itemcolumn.itemcolumn2 {
    width:350px;
}

#contentaccueil .itemcolumn.itemcolumn2 .header{
    margin:0;
    
}

#contentaccueil .itemcolumn.itemcolumn2 .date{
	margin:0;
	position:relative;
	top:5px;
}

#contentaccueil .itemcolumn.itemcolumn2 .date .detail{
  font-size:12px;
  color :#333333;
}

#contentaccueil .itemcolumn.itemcolumn2 h3{
  position:relative;
  top:5px;
}

#contentaccueil .itemcolumn.itemcolumn2 .content{
  position:relative;
	width:100%;
}

#contentaccueil .itemcolumn.itemcolumn2 .footer{
    width:100%;
}

#contentaccueil .itemcolumn.itemcolumn2 .footer img{
    display:inline;
}

#contentaccueil .itemcolumn.itemcolumn2 .footer span
{
    position:relative;
    top:-6px;
}

#contentaccueil .itemcolumn.itemcolumn2 .footer a,
#contentaccueil .itemcolumn.itemcolumn2 .footer a:hover
{
    font-weight:bold;
    text-decoration:underline;
    color:#4d4d4d;
}

#contentaccueil .itemcolumn.itemcolumn3 {
    width:230px;
}

#contentaccueil .itemcolumn.itemcolumn3 .item {
    position:relative;
    margin:0;
}

#contentaccueil .itemcolumn.itemcolumn3 .item .header h3{
    color:#0068a5;
    font-size:12px;
    font-weight:bold;
}

#contentaccueil .itemcolumn.itemcolumn3 .item .header {
    position:relative;
    margin:0;
    
}

#contentaccueil .itemcolumn.itemcolumn3 .item .content{
    position:relative;
    width:100%;
    margin:0 0 5px 0;
}

#contentaccueil .itemcolumn.itemcolumn3 .item .footer{
   position:relative;
   margin:0 0 10px 0;
   
}

#contentaccueil .itemcolumn.itemcolumn3 .item .footer a,
#contentaccueil .itemcolumn.itemcolumn3 .item .footer a:hover{
    color:#0068A5;
		font-weight:bold;
		left:1.5em;
		position:relative;
		text-decoration:underline;
		top:-0.2em;
}



#contentaccueil .itemcolumn .contenttitle
{
    float:left;
    width:30px;
    margin:0 10px 0 0;
}

#contentaccueil .itemcolumn .contentbody
{
    float:left;
    margin:0 0 0 0;
    width:480px;
}



#contentaccueil .contentbody .itemcolumn.illus {
    width:140px;
    margin: 0 0 0 0;
}


#contentaccueil .contentbody .itemcolumn.illus img{
     width:140px;  /*TEST */
}

#contentaccueil .contentbody .itemcolumn.itemcolumn1 
{ /* avec illus */
    margin: 0 0 0 10px;
    float:left;
    width:310px;
}

#contentaccueil .contentbody .itemcolumn .city
{ 
    color:#4D4D4D;
    font-size:12px;
    font-weight:normal;
}

#contentaccueil .contentbody .footer
{
    background-image:url(../images/commun/puce_orange.gif);
    background-repeat:no-repeat;
    clear:both;
    width:100%;
}

#contentaccueil .contentbody .footer a,
#contentaccueil .contentbody .footer a
{
    color:#0068A5;
    font-weight:bold;
    text-decoration:underline;
    left:15px;
    margin:0;
    position:relative;
    top:-2px;
}

/*  START COLUMN   */

#contentaccueil .contentbody .items .item {
    display:table;
    padding-bottom:15px;
}

#contentaccueil .contentbody .items .limit {
    content: ".";
    display: block;
    height: 1;
    clear: both;
    visibility: hidden;
    font-size:1px;
    margin-top:30px;
}



/* Portlet Skinable */

.PortletSkinable .mbox {
  width: 180px;
}

.PortletSkinable .mbox .mboxTitle {
  font-size: medium;
}

.PortletSkinable .mbox .mboxMsg {
  font-size: xx-small;
}

td.formTitle {
	color:#0068A5;;
	font-size:16px;
	font-weight:bold;
	padding:2px 6px;
	text-align:left;
}
/**************************************************/
/*           / CSS DU MSGBOX LOGIN                */
/**************************************************/

/**************************************************/
/*           CSS DU FORMULAIRE                     */
/**************************************************/
.champLibelle{
float:left;
margin-right:10px;
margin-top:10px;
position:relative;
text-align:right;
top:2px;
width:310px;
}

.champInput{
margin-top:10px;
margin-right:10px;
float:left;
}

.champInputCodePostal{
margin-top:10px;
margin-right:10px;
float:left;
}

input.text{
width:200px;
}

input.codePostal{
width:75px;
}

input.date1{
width:30px;
}

input.date2{
width:60px;
}

textarea.area{
width:200px;
}

select.selectCivilite{

}

select.selectJour{
width:55px;
}

select.selectMois{
width:55px;
}

select.selectAnnee{
width:75px;
}

.button{
float:left;
margin:10px 0 0 0;
text-align:center;
width:100%;
}

fieldset{
border:medium none;
margin-bottom:10px;
font-size:13px;
color:#666666;
}

legend{
font-size:24px;
}
/**************************************************/
/*          /CSS DU FORMULAIRE CONTACT            */
/**************************************************/



/**************************************************/
/*            CSS DU MSGBOX LOGIN                 */
/**************************************************/
.mbox {
  font-family: Arial, Helvetica, sans-serif;
  width: 400px;
  margin: 30px auto;
  padding: 10px;
  border: 1px solid #999999;
  background: #FAFAFA;
  background-image: url("../../../images/jalios/layout/bg/msgBoxBg.gif");
  background-repeat: repeat-x;
  background-position: bottom;
}
.mbox .mboxTitle {
  font-size: large;
  line-height: 32px;
}
.mbox .mboxMsg {
  font-size: small;
  
  padding: 0px;
}

.mbox .mboxMsg p {
  margin-bottom: 0px;   
}


.mbox .mboxIcon {
  float: left;
  margin-right: 5px;
}

.mboxError   .mboxTitle { color: #FF0000; font-weight: bold;}
.mboxError              { border-color: #CC3333; }
.mboxWarning .mboxTitle { color: #FF6633; }
.mboxInfo    .mboxTitle { color: #0000FF; }


#contentdisplay .mbox ul {
	 left:-40px;
	 margin:0 auto;
	 position:relative;
	 width:100%;
}
*+html #contentdisplay .mbox ul{

}


* html #contentdisplay .mbox ul{
    left:0px;
}

.mbox li
{
    list-style:none;
}

.mbox label.error,
.mbox p,
#contentdisplay label.error,
#contentdisplay .blocid label.error,
#contentdisplay .mbox.mboxWarning .mboxMsg p
{
    margin:0 0 2px;
    color:red;
    font-weight: bold;
}

input.error, select.error
{
	background-color:#FFFFD5;
	border:2px solid red;
	color:red;
	margin:0;
}


span.valid {
  background: url('../images/commun/valid.gif') no-repeat;
  height:26px;
  width:26px;
}

span.error {
  background: url('../images/commun/error.gif') no-repeat;
  height:26px;
  width:26px;
}

/* Css pour formulaire devenir correspondant */
.radioCorres{
left:280px;
margin-bottom:5px;
position:relative;
width:250px;
float:left;
}

input.radioCorres{
float:none;
width:auto;
}
/* /Css pour formulaire devenir correspondant */


/* 13-08-2009 - JAL */

#divForms {
    padding-left : 10px;
}

#divForms .formsLine {
  clear: both;
  padding-top: 5px;
}

*+html #divForms .formsLine {
  padding-top: 0px;
}

* html #divForms .formsLine {
  padding-top: 0px;
}

.racsimu .formsLine {
  clear: both;
  padding-top: 5px;
}

#simulraccenter {
  margin:0 auto;
  width:355px;
}

*+html .racsimu .formsLine {
  padding-top: 0px;
}

* html .racsimu .formsLine {
  padding-top: 0px;
}

#divForms .formsLine span.formsLabel {
	float:left;
	text-align:right;
	width:300px;
}

#divForms .formsLine span.formsLabelOffresEmail{
    float:left;
    text-align:center;
    width:700px;
}

#divForms .formsLine span.formsPicto {
    float:left;
    text-align:left;
    width:25px;
    height:25px;
    font-size:10px;
}

#divForms .formsLine span.formsInput {
	left:15px;
	float:left;
	position:relative;
	text-align:left;
	top:-2px;
	width:235px;
	margin-bottom:5px;
}

#divForms .formsLine span.formsInput input {
  width: 200px;
  background-repeat:no-repeat;
}

#divForms .formsLine span.formsInput input.numero {
  width: 90px;
}

#divForms .formsLine span.formsInput input.radio {
  width: 20px;
}
#divForms .formsLine span.formsInput input.checkbox {
  width: 20px;
}
#divForms .formsLine span.formsInput input.adherer {
    margin-top : 10px;
    border:0 none;
    width:131px;
    height:26px;
    background-image: url(../images/portail/btnAdherer.gif);
}

#divForms .formsLine span.formsInput input.valider {
    margin-top : 10px;
    border:0 none;
    width:112px;
    height:21px;
    background-image: url(../images/portail/buttonValider.gif);
}

#divForms .formsLine span.formsInput input.inscrire {
    margin-top : 10px;
    border:0 none;
    width:112px;
    height:21px;
    background-image: url(../images/portail/buttonInscrire.gif);
}

#divForms .formsLine span.formsInput input.sauvegarder {
    margin-top : 10px;
    border:0 none;
    width:112px;
    height:21px;
    background-image: url(../images/portail/buttonSauvegarder.gif);
    cursor : pointer;
}

#divForms .formsLine span.formsInput select {
  width: 205px;
}

#divForms .formsLine span.formsInput select.indice {
  width: 95px;
  position:relative;
  left:11px;
}

#divForms .formsLine span.formsInput select.dateJJ {
  width: 40px;
}

#divForms .formsLine span.formsInput select.dateMM {
  width: 40px;
  margin:0 0 0 20px;
}

#divForms .formsLine span.formsInput select.dateAA {
  width: 85px;
  margin:0 0 0 20px;
}


.pictoInfo,
#divForms .formsLine .formsInput .pictoInfo{
    background-image: url(../images/commun/picto_info_petit.gif);
    background-repeat:no-repeat;
    float:left;
    height:20px;
  width:19px;
  left:-5px;
  position:relative;
}




#divForms .submitButton {
    margin: 10px auto;
    clear:both;
    float:none;
}
#divForms legend{
    color:#0086BC;
}

/**************************************************/
/*                  CSS DU BLOC SIMPLE LOGIN     */
/**************************************************/

#contentdisplay .blocidentification { 
    width: 460px;
}

#contentdisplay .blocidentification.central { 
    position relative;
    left:130px;
}

* html #contentdisplay .itemcolumn.blocidentification.central {
    margin-top:30px;
}

*+html #contentdisplay .itemcolumn.blocidentification.central {
    margin-top:30px;
}

#contentdisplay .blocidentification .contentheader
{
     background-image:url(../images/assurances/souscrire_identifier_header.gif);
     width:100%;
     height:10px;
     margin:0;
     font-size:0px;
     display:block;
} 

#contentdisplay .blocidentification .contentbody
{
     background-repeat:repeat-y;
     background-image:url(../images/assurances/souscrire_identifier_bg.gif);
     width:100%;
     margin:0;
}

#contentdisplay .blocidentification .contentfooter
{
     background-image:url(../images/assurances/souscrire_identifier_footer.gif);
     width:100%;
     height:9px;
     margin:0;
     font-size:0;
}

#contentdisplay .blocidentification ul { float:left;padding:0 3px 0 0;margin:0; }

#contentdisplay .blocidentification ul li
{
    background-image:none;
    margin:0;
    padding:0;
    list-style-image:none;
    list-style-position:outside;
    list-style-type:none;
}
#contentdisplay .blocidentification label{
    font-size:11px;
    color:#ffffff;
}

#contentdisplay .blocidentification label.checkbox{
    font-size:10px;
    color:#ffffff;
    position:relative;
    top:-2px;
    left:3px;
}

* html #contentdisplay .blocidentification label.checkbox{
    font-size:10px;
    color:#ffffff;
    position:relative;
    top:-2px;
    left:-2px;
}

#contentdisplay .blocidentification input.checkbox{
    position:relative;
    top:2px;
}

#contentdisplay .blocidentification input.connecter{
    background-image:url(../images/commun/souscrire_meconnecter.gif);
    border:0 none;
    position:relative;
    top:2px;
    width:113px;
    height:21px;
}

* html #contentdisplay .blocidentification input.checkbox{
    position:relative;
    top:1px;
    left:-4px;
}

#contentdisplay .blocidentification a,
#contentdisplay .blocidentification a:hover{
    font-size:10px;
    color:#ffffff;
}

#contentdisplay .blocidentification input{
    margin:0 0 0 0;
}

#contentdisplay .blocidentification fieldset {border:0 none;margin:0 0 0 5px;}

#contentdisplay .itemcolumn.creercompte{
    margin-left:25px;
    width:220px;
    height:90px;
    float:left;
}

* html #contentdisplay .itemcolumn.creercompte{
    margin-left:10px;
    width:220px;
    height:90px;
    float:left;
}

* html #contentdisplay .blocidentification ul.login{
margin-left:5px;
}

/**************************************************/
/*                  /CSS DU BLOC SIMPLE LOGIN     */
/**************************************************/

/* Design du Bouton continuer dans inscription dans ASSURANCES */
.btcontinuerAdvLog {
background:transparent url(../images/imagesADE/btn_continuer.gif) repeat scroll 0 0;
border:medium none;
cursor:pointer;
height:28px;
margin-bottom:20px;
position:relative;
top:-5px;
}

/* Design du Bouton continuer dans inscription dans CREDITS */
.bouton.btcontinuer {
background:transparent url(../images/imagesRAC/btn_continuer.gif) repeat scroll 0 0;
border:0 none;
cursor:pointer;
height:28px;
margin-bottom:20px;
margin-top:20px;
position:relative;
top:-5px;
}

/********************** FONDATION PAGE ACCUEIL NOUVELLE CSS **********************/

/*********** Portlet image Visuel principal ***********/

.itemVisuelPrincipal{
    margin-bottom:25px;
}

/*********** PQF projets ***********/

/* Titre PQF */
.titrePqfProjetEditoNew{
    background-color:#665C52;
    text-align:center;
    color:white;
    font: 18px Arial,sans-serif;
    font-weight:bold;
    padding: 5px 20px 5px 20px;
}

/* Div contenant tous les items */
.wrapperListItem{
    border : 1px solid #665C52;
    margin-bottom:15px;
}

/* Div globale pour chaque item */
.wrapperItem{
    padding:15px 15px 10px 15px;
    border-top:1px solid #665C52;
}

/* Div pour chaque item */
.itemPqfProjets{
    width:330px;
    float:left;
    margin-bottom:10px;
}

/* Titre de chaque item */
.titreProjetNew{
    font: 12px Arial,sans-serif;
    font-weight:bold;
    color: #4D4D4D;
}

/* Lien Lire la suite */
.footerNew{
    float:right;
}
.footerNew a{
    font: 12px Arial,sans-serif;
    font-weight:bold;
    color: #DC563A;
}

/*********** WYSIWYG Projets ***********/

.itemwysiwygProjets{
    width:360px;
    float:left;
    margin-left:40px;
}


/********************** CARTE CSF PAGE ACCUEIL NOUVELLE CSS **********************/

/*********** Portlet image Visuel principal ***********/

.itemVisuelPrincipalCarteCSF{
    margin-bottom:25px;
    margin-top : -20px; /* Correction spécifique pour la page Carte CSF */
}

/*********** PQF Avantages ***********/

/* Titre PQF */
.titrePqfAvantagesEdito{
    /*background-color:#0086BC;*/
    color:#0185D0;
    font: 20px Arial,sans-serif;
    font-weight:bold;
    padding: 5px 20px 5px 0px;
    margin-bottom : 20px;
    border-bottom : 3px solid #FDCC29;
}

/* Div contenant tous les items */
.wrapperListItemAvantages{
    margin-bottom:15px;
}

/* Div globale pour chaque item */
.wrapperItemAvantages{
    padding:7px 15px 5px 0;
    border-bottom:1px solid #cccccc;
    width:440px;
    background : url("../images/carteCSF/puce2_liste_avantages.gif") no-repeat scroll 432px 7px transparent;
}

* html .wrapperItemAvantages{
    width:425px;
    background : url("../images/carteCSF/puce2_liste_avantages.gif") no-repeat scroll 432px 8px transparent;
}

/* Div pour chaque item */
.itemPqfAvantages{
    width:453px;
    float:left;
    margin-bottom:0px;
}

.itemPqfAvantages a{
    display : block;
}

* html .itemPqfAvantages{
    width:438px;
}

.itemPqfAvantages .puce{
    float : left;
    margin : 2px 5px 0 0;
}

/* Titre de chaque item */
.itemPqfAvantages .titreAvantages{
    font: 12px Arial,sans-serif;
    font-weight:bold;
    color: #4D4D4D;
    padding : 3px 0;
}

.itemPqfAvantages .titreAvantages a{
    text-decoration : none;
}

.itemPqfAvantages .titreAvantages a:hover{
    color : #183D6B;
}

/* Lien Lire la suite */
.itemPqfAvantages .footerNew{
    float:right;
    width : 250px;
}
.itemPqfAvantages .footerNew a{
    font: 12px Arial,sans-serif;
    font-weight:bold;
    color: #DC563A;
}

/*********** WYSIWYG Projets ***********/

.itemWysiwygAvantages{
    /*width:360px;*/
    width:272px;
    float:left;
    margin-left:15px;
    /*border : 1px solid red;*/
}