html, body				

{

 margin: 0; height: 100%;

font-family:Cambria,Georgia,Myriad Pro,Arial,Helvetica;/* NEW */
font-size: 14px ; /*New */

 color:#373737; /*avant : 222222*/

 margin:0px; 

 background-color:#ffffff; /*NEW*/

min-width:857px;


 }


a img      {	border : none;	}
a span    {	border : none;	}
a div      {	border : none;	}
a	       {   border : none;  text-decoration:none;	color:#0000ff;} /*New */
a:hover	{   text-decoration:underline;}
p            {    margin:0; margin-left:5px; padding:0;}


hr { 
clear: both;
width: 98%;
border: 0; /* enleve toute bordure */
border-bottom: 1px #d1d1d1 solid; /* une seule bordure (sinon firefox met une bordure en haut ET en bas mais pas IE */
height: 1px; /* pour IE */
}


#pasrouge{border:1px solid; 
position:relative;
border-color:#d1d1d1;
padding:  5px 9px 5px 9px;
margin-right:-1px;
/* background-image:url('/images/diag.png');
background-repeat:repeat-xy; */ /*NEW NEW */
display:inline-block;
margin-top:-1px;
}

#pasrouge5{border:1px solid; 
position:relative;
border-color:#d1d1d1;
padding:  5px 9px 5px 9px;
/*  background-image:url('/images/diag.png');
background-repeat:repeat-xy;
*/ /*NEW NEW */
display:inline-block;
margin-top:-1px;
}
#rouge{
color:#000000; /*New */
position:relative;
padding:  5px 9px 5px 9px;
display:inline-block;
margin-top:-1px;
}


#rouge a
{
text-decoration:none;	color:#000000;font-weight:bold; /* NEW*/ /* Je mets le lien rouge en noir au lieu de rouge */
}

#rouge a:hover
{
text-decoration:underline;
}
#rougeetautres{

display:block; line-height:31px; margin-bottom:-1px;} /*new */




body.mceContentBody {

   background: #ffffff;

}


div.scroller { 
	/* modify width and height of scrolling section if necessary	*/		
	width: 100%; 
	height: 300px;
	overflow: hidden;
	

	}
	div.scroller div.section {
	
		/* modify width and height of each section as needed (should match the size of the scroller window)	*/		
		width: 100%;
		height:300px;
		overflow:hidden;
		float:left;
		padding:1em;		
		}
	div.scroller div.content {
		width: 100%;
		color:#16497e;

		}







div#loadbox {
	
	width: 400px;
	height: 16px;
	padding-top: 10px;
      margin-left: 15px;

	 display: none;

}

div#loadboxconnexion {
	
	width: 400px;
	height: 16px;
	padding-top: 10px;
      margin-left: 15px;

	 display: none;

}


#menuperso
{margin-top:-10px; /*New */
font-weight:bold;
line-height: 25px;
vertical-align: middle;
text-align:center;
padding:2px 5px 2px 5px; /*New */
height:25px;
border:2px dotted; 
border-color:#d1d1d1;
}


#titre

{
position:relative;
width:756px; /*NEW*/

height:306px; /*NEW */
background-image:url('images/headbg.png'); /*NEW */
 background-position: center ;
background-repeat:no-repeat;

}

#subtitle

{
position:relative;
width:100%;

height:12px;
background-image:url('/images/subtitle.png');
 background-position: center ;
background-repeat:repeat-x;
margin-top:-10px;
margin-right:5px;
margin-bottom:10px;
z-index:9999999999;

}


#trombone{


position:absolute; top:230px; left:75px; width:62px;height:69px;

 /* background-image:url('/images/trombone.png'); */ /*NEW NEW */

z-index:10000000;

}

#trombonedroite{


position:absolute; top:200px; right:93px; width:80px;height:69px;

/* background-image:url('/images/trombonedroite.png'); */ /*NEW NEW */

z-index:10000000;

}
#connexion

{
/*
background-image:url('/images/diag.png');
*/ /* NEW */

background-color:#ebedef;/* NEW */
background-repeat:repeat-xy;

border:1px solid; 

border-color:#d1d1d1;

padding:7px;

}
/* ca donne moins bien maintenant
#noirdroit

{

position:absolute; top:42px; right:109px; width:2px;height:275px;

 background-image:url('/images/3d.png');

z-index:400;



}*/



#badge

{

position:absolute; top:1; right:45px; width:120px;height:120px;

/* background-image:url('/images/memo-badge.png');*/ /*NEW NEW */

z-index:100000;



}






#titre

{float:center;

width:100%;

position:absolute;

z-index:500;

margin-top:-50px; /*NEW*/
margin-left:-25px;

text-align:center;

}





#head-bg

{position:absolute;

z-index:100;

height:306px;/*NEW*/

width:100%;

 background-image:url('images/topbgrepeat.png'); /*NEW*/

 background-repeat: repeat-x;

}

#top-left

{position:absolute;

z-index:100;

height:306px;/*NEW*/

width:192px;

 background-image:url('images/topbgrepeat.png'); /*NEW*/
 
  background-repeat: repeat-x;/*NEW*/

}

#top-right

{position:relative;

float:right;

z-index:100;

height:306px; /*NEW*/

width:124px;

 background-image:url('images/topbgrepeat.png'); /*NEW*/
 
  background-repeat: repeat-x;/*NEW*/

}







#contenu-left{



position:absolute;

width:107px;

height:100%;

/*background-image:url('/images/contenu-left.png');

background-repeat: repeat-y;
*/ /* NEW NEW */
 }

 



#contenu-right{

position:absolute;

width:100%;

height:100%;
/*
background-image:url('/images/contenu-right.png');

background-repeat: repeat-y;

background-position: right;*/
 /* NEW NEW */
 }



 

 

 

 #contenu

 {

padding-left:130px;

padding-right:130px;

padding-top:212px; /*NEW */

padding-bottom:50px;

margin-bottom:-300px;

position:relative;

z-index:999;

 

 }

 

 

 

 

 

 



#foot-bg

{

position:absolute; bottom: 0; left: 0;

z-index:999;

height:92px; /* NEW */

width:100%;

 background-image:url('images/footrepeat.png'); /* NEW */

 background-repeat: repeat-x;

}

#foot-left

{position:absolute; bottom: 0; left: 0;

z-index:999999;

height:92px;/* NEW */

width:105px;

background-image:url('images/footrepeat.png');/* NEW */

}

#foot-right

{position:absolute; bottom: 0; right: 0;

float:right;

z-index:9999999;

height:92px; /* NEW */

width:115px;

background-image:url('images/footrepeat.png'); /* NEW */

}











#cadre {

border:1px solid; 

border-color:#d1d1d1;

padding:13px 13px 13px 13px; /*new */

/*margin-top:-9px; *//*new */

}











#page {

	

position: relative;

min-height: 100%;



}






#footer2 {



height: 50 px; /* NEW */

text-align: center;

position: absolute;

bottom: 0; left: 0;

width: 100%;

line-height: 1.7em; /*NEW */

}