/* 
#####################################################################################
 Feuille de style site Axance
#####################################################################################
*/

/* #########################       Les tags       #################################*/

body {
	margin: 0;
	padding: 0; 
	background-color:#ffffff;
	text-align: center;
	font-size: 11px;
	font-family: Arial, Helvetica, san-serif;
}

h2 {	
	padding: 2px 2px 2px 4px;
        margin : 24px 0px 8px 0px;
	font-size: 13px;
	font-weight: bold;
        background-color:#5A5A5A; /* MODIF FD 16-01 */
	color: #ffffff;		/* MODIF FD 16-01 */
	font-family: Arial, Helvetica, san-serif;}

h2.home {	
	padding: 0px 0px 0px 0px;
	font-size: 22px;
	font-weight: normal;
	color: #ec018c;
	font-family: Arial, Helvetica, san-serif;}

h3 {
	
	padding: 10 0 0 0px;
	font-size: 11px;
	font-weight: bold;
	color: #777;
	font-family: Arial, Helvetica, san-serif;line-height: 16px;}

p {margin: 0; padding: 0 0 0 0px;}
a {color: #999;}	
a:hover{color: #ec018c; text-decoration : none;}
img { border : 0;}

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

div#blocHead{
	width: 770px; 
	text-align: left; 
	margin: 0 auto 0 auto;
}

div#head {
	float : left;
	width : 770px;
	padding : 0px;
	/* MODIF FD 17-01 */
}

div#head div.content {
	float : left;

}

/* ####################    Les class et id de structure    #########################*/

#document {width: 770px; text-align: left; margin: 0 auto 0 auto;}
#head {padding-left: 8px; padding: 0px 0px 20px 0; float:left;width:100%;}
#logoaxance {float: left; padding: 29px 0 0 0;	width: 200px;}
#accroche{float:left;width: 300px;}
#lien_important{float:right;width: 430px;}
.visite {padding: 36px 0 0 0; margin: 0; text-align: right; line-height: 15px;}
#bloccontact {text-align: right; padding: 4px 0 0px 0; margin: 0; color: #999;}	
#bloccontact a{color: #999;}	
#bloccontact a:hover{color: #ec018c;}	
#corp{clear:left;float:left;width:100%}

/* ######################       Navigation horizontale       #######################*/
div#head div.content div.entete{
	width : 750px;
	float : left;
	margin-bottom : 0px;

	
}

div#head div.content div.entete div.blocLogo{
	margin : 23px 0px 0px 0px;
	float : left;
}

div#head div.content div.entete div.blocLien{
	margin : 0px 10px 0px 0px;
	float : right;
	width : 400px;
	text-align : right;
}

div#head div.content div.entete div.blocLien p{
	margin : 15px 0px 0px 0px;
	color : #999999;
	font-size : 11px;
}

div#head div.content div.entete div.blocLien p a{
	margin : 0px 10px 0px 10px;
	color : #999999;
	text-decoration : none;
}

div#head div.content div.entete div.blocLien p a:hover{
	color:#ED1165;
	text-decoration:underline;
}

div#head div.content div.entete div.blocLien p a.test{
	margin : 0px 10px 0px 10px;
	color : #999999;;
	font-size : 12px;
	font-weight : bold;
	background : url(../images/head/puce_test.gif) no-repeat left center;
	padding-left : 8px;
}

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


div#head div.content div.blocAccueil{
	width : 750px;
	float : left;
	margin-bottom : 0px;
	color : #999999;
	background : url(../images/head/fond/fd_accueil.gif) no-repeat top center;	
}

div#head div.content div.blocAccueil div.left{
	width : 220px;
	float : left;
	margin-top : 20px;
	background : url(../images/head/fond/fd_utilisateur.gif) no-repeat top right;
	
}

div#head div.content div.blocAccueil div.left p{
	margin : 0px 0px 0px 0px;
	padding : 60px 0px 0px 10px;
	font-size : 13px;
	font-family : verdana;
	color : #dddddd;
	text-align : right;
}

div#head div.content div.blocAccueil div.right{
	width : 205px;
	float : right;
	padding-top : 25px;
	background : url(../images/head/fond/fd_test.gif) no-repeat top left;
	
}

div#head div.content div.blocAccueil div.right p{
	margin : 0px 15px 10px 10px;
	padding : 0px 0px 0px 0px;
}

div#head div.content div.blocAccueil div.right p.link{
	margin : 0px 15px 10px 10px;
	padding : 10px 0px 0px 0px;
	text-align : right;
	background : url(../images/head/fond/fd_pointille.gif) repeat-x top left;
}

div#head div.content div.blocAccueil div.right p.link a{
	color : #999999;
	font-weight : bold;
}























/* MODIF FD 16-01*/

div#head div.content div.entete{
	width : 750px;
	float : left;
	margin-bottom : 0px;

	
}

div#head div.content div.entete div.blocLogo{
	margin : 0px 0px 0px 0px;
	float : left;
	height : 95px;
	width : 750px;
}


div#head div.content div.entete div.blocLogo a{
	margin : 0px 0px 0px 0px;
	padding-left : 45px;
	float : left;	
}


div#head div.content div.entete div.blocLogo p.partiTest{
	margin : 35px 5px 0px 0px;	
	float : right;	
}

div#head div.content div.entete div.blocLien{
	margin : 0px 0px 0px 0px;
	float : left;
	width : 750px;
	text-align : right;
	font-size : 10px;
}

div#head div.content div.entete div.blocLien p{
	margin : 3px 0px 0px 0px;
	color : #999999;
	float : left;
	
	width : 750px;
	text-align : right;
}

div#head div.content div.entete div.blocLien p.partic{
	padding : 12px 14px 0px 0px;
	color : white;
	font-weight : bold;
	float : right;
}

div#head div.content div.entete div.blocLien p a{
	margin : 0px 10px 0px 10px;
	color : #999999;
}

div#head div.content div.entete div.blocLien p.partic a{
	margin : 0px 0px 0px 5px;
	color : white;
	text-decoration : none;
}

div#head div.content div.entete div.blocLien p a.test{
	margin : 0px 10px 0px 10px;
	color : #999999;
	font-size : 12px;
	font-weight : bold;
	background : url(../images/puce_test.gif) no-repeat left center;
	padding-left : 8px;
}

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









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

div#head div.content div#navigationHorizontale{
	clear : both;
	float : left;
	width : 740px;
	margin : 10px 0px 0px 0px;
	padding : 0px 0px 30px 10px;
	background : url(../images/head/fond/fd_navhorizont.gif) no-repeat bottom left; 
	
}

div#head div.content div#navigationHorizontale div{
	float : left;
	margin : 0px 0px 0px 0px;
	padding : 0px 5px 0px 5px;
	
	background : url(../images/head/fond/pointille.gif) repeat-y right;
}

div#head div.content div#navigationHorizontale div p{
	margin : 0px 0px 0px 0px;
	padding : 0px 0px 0px 0px;
}

div#head div.content div#navigationHorizontale div a{
	margin : 0px 0px 0px 0px;
	padding : 2px 5px 2px 5px;
	display : block;
	color : black;
	text-decoration : none;
	font-weight : bold;
	font-size : 14px;
}



div#head div.content div#navigationHorizontale div.current a{
	color : black;
	background-color : #e8e8e8;
}




/* FIN MODIF FD 16-01*/













/* ################      Navigation verticale [ menu de gauche ]    ###############*/

#menugauche {padding: 35px 35px 35px 0; width:150px; float:left;clear:left;}	
#menugauche a:link, #menugauche a:visited {	color: #444444;	text-decoration: none;} 	
#menugauche a:hover, #menugauche a:active {	color: #EC018C;	text-decoration: none;} /* MODIF FD 16-01 */
#menugauche ul {	list-style-type: none;	margin: 0;	padding-left: 0px;}	
#menugauche ul li  {
	font-weight: normal;
	padding: 5px 0 5px 16px;	
	border-bottom: 1px solid #ccc;
   
        background-color: #fff;
	background-image: url(../images/puceariane.gif);
	background-position: 4px 9px; 		/* MODIF FD 17-01 */
	background-repeat: no-repeat;}
	
	
        #menugauche ul li.niv2  {
	font-weight: normal;
	margin: 5px 0px 5px 16px;	
	
       
	background-image: url(../images/fleche-verti_off.gif);
	background-position: 4px 9px; 		/* MODIF FD 17-01 */
	background-repeat: no-repeat;}	

#menugauche ul.niv2 { background : #fff}

#menugauche ul.niv2 li{
	font-weight: normal;
	margin: 0px 0px 0px 12px;
        background-image: url(../images/ax_nav_hor1.gif);        
        
        border-left: 0px solid #ddd;
	background-position: 4px 6px; 
	background-repeat: no-repeat;}

#menugauche ul li.current  { background :#f4f4f4 ; border-right : 2px solid #EC018C;
background-image: url(../images/puceariane.gif);
	background-position: 4px 9px; 		/* MODIF FD 17-01 */
	background-repeat: no-repeat;}	/* MODIF FD 16-01 */
#menugauche ul.navitemList {	list-style-type: none;	margin: 0px; padding: 0px;}
#menugauche ul.navitemList li.selected a {color: #ccc; background-color: #fff; }





/* ################      Navigation verticale Home[ menu de gauche Home]    ###############*/

#menugaucheHome {padding: 20px 35px 35px 0; width:150px; float:left;clear:left;}	
#menugaucheHome a:link, #menugaucheHome a:visited {	color: #444444;	text-decoration: none; font-weight : normal;} 	
#menugaucheHome a:hover, #menugauche a:active {	color: #EC018C;	text-decoration: underline;} /* MODIF FD 16-01 */
#menugaucheHome ul {	list-style-type: none;	margin: 0;	padding-left: 0px;}	
#menugaucheHome ul li  {
	font-weight: normal;
	padding: 5px 0 5px 16px;	

	background-image: url(../images/puceariane.gif);
	background-position: 4px 6px; 
	background-repeat: no-repeat;}	


    	

/* ###########################         Main Body      ############################ */    


#body{float:left; width: 545px; }
.mainBody {padding: 0px 0 45px 0;float:left;width: 100%;}
.mainBody a:link,  .mainBody a:visited {color: #666; text-decoration: none;}
.mainBody a:hover {color: #EC018C; text-decoration: none;}  /* MODIF FD 16-01 */
.mainBody ul {margin : 5px 0px 5px 0px; padding : 0px;}
.mainBody li {
 	margin : 3px 0px 1px 15px;
 	padding : 0px 0px 0px 10px;
    color:#444;
 	list-style : none;
 	background : url(../images/ax_puce.gif) no-repeat 0px 6px;}
.mainBody p {
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #444;
	font-family: Arial, Helvetica, san-serif;}

.contenu_01 {
       width: 385px;
	text-align: justify;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #444;
	font-family: Arial, Helvetica, san-serif;
	}

div.colonnes {margin-top: 0px; margin-bottom:5px; float:left; width:67%; }
div.colonnes div.interieurColonnes { margin-bottom:10px; width:49%; float:left;}/*non utile*/
div.colonnes div.interieurColonnes p { text-align:left; margin-right:5px;}/*non utile*/


.colonnesDroite {margin-top:10px; margin-bottom:5px; float:right; width:29%}

div.encartDroite  { 
background-color: #E2EDCB;
float:right; 

margin-top: 70px;
overflow:visible;
padding-top:0px;
padding-bottom:10px;
margin-bottom:0px;
}

div.encartDroite h2 {
font-weight : bold;
background-color : #C7DC9B;
font-size: 11px;
margin-bottom : 8px;
margin-left : 0px;
margin-top : 0px;
padding:0;
padding-left:0px;
text-align: left;
color : #333333;
width:100%;
}

div.encartDroite a {
font-size: 11px;
line-height: 8px;
padding-bottom: 12px;
margin-bottom: 0px;
margin-left: 5px;
margin-right: 5px;
margin-top: 0px;
color: #333333;
font-weight: none;
float:left;
}

div.encartDroite p { 
font-size: 11px;
margin-bottom : 8px;
margin-left : 7px;
margin-right : 5px;
margin-top : 0px;
color : #333333;
font-weight : none;
}


.titleEncart{
font-size: 11px;
margin-bottom : 5px;
 margin-left : 0px;
margin-top : 0px;
color : #333333;
font-weight : bold;
padding-left : 12px;
 background : url(../images/puce_menuright_vert.gif) no-repeat 0px 5px;
 text-align :left;
}

div.contenuDroite{
float:right;
color: #444;
width : 98%;
font-family: Arial, Helvetica, san-serif;
font-size: 11px;
}

div.contenuDroite p{
margin-bottom: 0px;
margin-top : 0px;
margin-left : 5px;
}


div.contenuDroite h2
{
font-size: 11px;
margin-bottom : 5px;
 margin-left : 0px;
margin-top : 10px;
color : #333333;
font-weight : bold;
padding-left : 12px;
 background : url(../images/puce_menuright_vert.gif) no-repeat 0px 5px;
 text-align :left;
}

div.contenuDroite ul
{
margin : 0px 0px 0px 5px;
padding : 0px 0px 0px 0px;
}


div.contenuDroite li{
margin : 3px 0px 0px 15px;
padding : 2px 0px 2px 10px;
/*padding : 0px 0px 6px 10px;*/
background: url(../images/puce_menuright_hor.gif) no-repeat 0px 5px;
list-style: none;
text-align: left;
border-bottom : 1px #ccc dashed;
}

div.contenuDroite a {
	color : black;
	text-decoration: none;
   

}

div.contenuDroite a:hover {
	color : #EB0089;
	text-decoration: underline;
}




#bodyHead {    width: 545px;	float:left;text-align:left; }
#bodyHead .commentaire {padding: 0 80px 0 0; color: #444; }
#bodyHead .image p img { border: 0;	font-size: 11px;
	font-family: Arial, Helvetica, san-serif;}
#bodyHead  p {
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #444;
text-align:left;
	font-family: Arial, Helvetica, san-serif;}

/*
 ###################################
# Footer						#
 ###################################
*/
	
#foot {
	clear:both;
	border-top: 1px solid #EB008B;
	padding: 13px 0 45px 0;
	margin: 0;
	text-align: center;
	font-size : 10px;
	color: #666;}

#foot p {margin: 0;	padding: 0 0 5px 0;	}
#foot a:link {	color: #666;}
#foot p#copy {	padding-top: 5px;	color: #999;}
#foot p a {	color: #999;}
#foot p a:hover {	color: #ec018c;}


/* #########################        Le texte       #################################*/
.noborder{border:0px;}
.text{
	text-align: justify;
	font-size: 11px;
	line-height: 16px;
	font-weight: normal;
	color: #444;
	font-family: Arial, Helvetica, san-serif;
}

.alignR {text-align:right;}


.image-text{
float:left;
width:100%;
vertical-align: middle;
}

.image-text div.limg{
float:left;
width:59%;
}

.image-text div.para{
float:left;
width:40%;
vertical-align: middle;
}   
.image-text div.para p{
text-align:center;
padding:50px 0 0px 0;
}  






/* ######################       Home Page       #######################*/

.imageHome
{
 margin : 10px 0px 20px 0px;
 clear : left;
 float : left;
}

.homeDivLeft
{
 width : 564px;
 clear : left;
 float : left;
}

.homeDivLeft div.blocLeft
{
 width : 100%;
 clear : left;
 float : left;
 margin : 0px 0px 25px 0px;

}

div.blocLeft div.infoLeft
{
 width : 164px;
 float : left;
 margin-right : 24px;
}

div.blocLeft div.infoLeftBis
{
 width : 352px;
 float : left;

}

div.blocLeft div.infoLeft h2
{
 color : black;
 margin : 5px 0px 0px 0px;
 padding : 0px 0px 0px 0px;
 font-weight : bold;
 font-size : 11px;
}

.homeDivRight
{
 float : left;
 clear : right;
 width : 164px;
 margin : 0px 0px 20px 0px;
}

.homeDivRight h2
{
 color : #6BCE11;
 margin : 0px 0px 0px 0px;
 font-weight : bold;
}

.homeDivRight ul
{ 
 margin : 10px 0px 5px 0px;
 padding : 0px 0px 0px 0px;
}

.homeDivRight ul li
{ 
 margin : 0px 0px 0px 0px;
 padding : 0px 0px 0px 7px;
 list-style : none;
 background : url(../images/puce_list_home.gif) 0px 5px no-repeat;
}

.homeDivRight a { text-decoration : none;}

/* ***************************************************************************
Pop Up
****************************************************************************** */

div.topBottomPopUp
{
 background : #000000;
clear:both;

 height : 16px;
 text-align : right;
 padding-right : 18px;
 padding-top : 2px;
}


div.topBottomPopUp a
{
 font-family: Arial, Helvetica, san-serif;
 font-size : 12px;
 color: #ec018c;
 text-decoration : none;
 font-weight : bold;
 background : #ffffff;
 padding-left : 8px;
 padding-right : 8px;
}

div.topBottomPopUp a:hover
{
 text-decoration : none;
}

#bodyPopUp
{

 margin : 10px 0px 10px 10px;
}


#bodyPopUp h2
{
 color : #ffffff;
 text-align : left;
 font-family: Arial, Helvetica, san-serif;
 font-size : 12px;
 margin : 32px 0px 10px 0px;
 padding : 0px 0px 0px 0px;
 font-weight : bold;
}


#mainBody ul {margin : 5px 0px 5px 0px; padding : 0px;}
#mainBody li {
 	margin : 3px 0px 0px 15px;
 	padding : 0px 0px 0px 10px;
    color:#444;
 	list-style : none;
 	background : url(../images/ax_puce.gif) no-repeat 0px 6px;}




#contentPopUp
{
 margin-top : 10px;
 border-left : 1px dashed #ccc;
 padding-left : 15px;
}

#contentPopUp div.contenuDroite ul
{
margin : 0px 0px 0px 5px;
padding : 0px 0px 0px 0px;
}


#contentPopUp div.contenuDroite li{
margin : 3px 0px 0px 15px;
padding : 2px 0px 2px 10px;
background: url(../images/puce_menuright_hor.gif) no-repeat 0px 6px;
list-style: none;
text-align: left;
border-bottom : 1px #ccc dashed;
}

#contentPopUp div.contenuDroite a {

	color : black;
	text-decoration: none;
}

#contentPopUp div.contenuDroite a:hover {
	color : #ec018c;
	text-decoration: underline;
}