/*******************  css by nicobilou www.agence-actweb.fr  *********************/
body {
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
font-size: 0.75em;
margin-top:10px;
padding: 0;

background-color: #000;
color:#000;
}

html {
height:100%;

}


/******************* balises génériques  *********************/
img {
border:0px;
}

li  {
list-style-type:square;
}

hr{
border-width:1px;
height:1px;
width:99%;
}

fieldset {
border:0px;
margin:0px;
padding:0px;
}

p {
margin: 0 0 10px 0;
}

/******************* fin balises génériques  *********************/

/******************* styles spécifiques  *********************/
.img-gauche {
float:left;
margin-right:5px;
margin-bottom:5px;
margin-top:5px;
}

.img-droite {
float:right;
margin-left:5px;
margin-bottom:5px;
margin-top:5px;
}

.img-promo-droite {
float:right;
margin-left:0px;
margin-bottom:5px;
margin-top:5px;
}

.img-promo-gauche {
float:left;
margin-right:0px;
margin-bottom:5px;
margin-top:5px;
}

.img-actu-gauche {
float:left;
margin-right:20px;
margin-bottom:15px;
margin-top:5px;
padding:2px;
border:1px #e1e1e1;
border-style:solid;
}

.txt140 {
font-size:140%;
}
.txt140 a{
font-size:140%;
color:#e1e1e1;

}

.txt120 {
font-size:120%;
color:#e1e1e1;
}

.txtmail {
font-size:100%;
color:#e1e1e1;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
}

.txtmail a {
font-size:100%;
color:#e1e1e1;
text-decoration:none;

}
.txtmail a:hover {
font-size:100%;
color:#e1e1e1;
text-decoration:underline;

}

a.lien_ext:after {
content: url(../images-web-agency/lien-externe.gif);
}



.txt9px {
font-size:8px;
color:#e1e1e1;
font-weight:normal;
text-align:right;
margin-right:17px;
margin-top:-10px;
}

.lien {
color:#dcdcdc;
cursor:text;
}
.lien a {
color:#dcdcdc;
text-decoration:none;
cursor:text;
}
.lien a:hover {
color:#dcdcdc;
text-decoration:none;
cursor:text;
}
.txt-small {
font-size:80%;
font-weight:normal;
color:#e1e1e1;
}
#txt-small {
font-size:80%;
font-weight:normal;
color:#e1e1e1;
}
#txt-small a{
color:#e1e1e1;
}
#txt-small a:hover{
color:#e1e1e1;
text-decoration:underline;
}
.separateur {
margin-top:5px;
margin-bottom:5px;
}

.form-ok {
float:right;
display:block;
margin-top:-15px;
padding:0px;
}

.fields-mailing {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 80%;
color: #ff6600;
height:10px;
width:70%;
border-top: 1px solid #898989;
border-left: 1px solid #898989;
border-bottom: 1px solid #F4F4F4;
border-right: 1px solid #F4F4F4;
background-color:#EEEEEE;
padding-left:2px;
}

.img-slideshow {
border:1px solid #e1e1e1;
padding:2px;
background-color:#000;
}

.img-portfolio {
border:1px solid #e1e1e1;
padding:1px;
background-color:#000;
}

.img-portfolio a {
border:1px solid #e1e1e1;
padding:2px;
background-color:#fff;
}
.img-portfolio a:hover {
border:1px solid #e1e1e1;
padding:2px;
background-color:#857361;
}

.img-portfolio-big {
border:1px solid #e1e1e1;
padding:2px;
background-color:#000;
float:right;
margin-left:5px;
}

#center {
text-align:center;
}
/******************* fin styles spécifiques  *********************/



/******************* mise en page *********************/

#conteneur {
width:730px;
/*background-image: url("../images-web-agency/bg-web-agency.gif");*/
background-repeat:repeat-y;
background-position:top left;
margin:0 auto;
background-color:#000; 
color:#000
}

#infotop {
text-align:right;
padding-top:6px;
padding-right:23px;


}
#infotop h1 {

color:#4d4d4d;
font-weight:normal;
padding:0;
margin:0;
font-size:9px;
}

#top {
height: 93px;
background-image:  url("../images-agence-web/top-web-agency.gif");
background-repeat:no-repeat;
background-position:top left;
background-color:#000;
width:730px;
margin:0 auto;
}

/******************* menu principal   */

#header {
font-size:120%;
float:right;
padding-right:15px;
padding-top:30px;
}

#header ul {
margin:0;
padding-left:30px;
list-style:none;
}

#header li {
display:inline;
margin:0;
padding:0;
}
    
#header a {
float:left;
text-decoration:none;
color:#000;
}

#header a span {
padding:0px 5px 0px 6px;
font-weight:bold;
color:#fff;
background-color:#000;
}

/* Commented Backslash Hack hides rule from IE5-Mac \*/
#header a span {float:none;}
/* End IE5-Mac hack */
    
#header a:hover span {
color:#000;
text-decoration:underline;
}

#header #current a {
}

#header #current a span {
color:#ecddc9;
text-decoration:underline;
}

#header a:hover {
color:#ecddc9;
text-decoration:underline;
margin-top:-2px;
}

#header a:hover span {
color:#ecddc9;
text-decoration:underline;
}
/******************* fin menu principal */




/******************* styles colonne centre  *********************/


#centre {
margin-left: 155px;
margin-right: 160px;
color:#dcdcdc;
text-align:justify;
margin-top:5px;
padding-left:0px;
background-color:#000;
}
#centre p{
padding-left:0px;
}

#centre h1{
font:1.8em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #e1e1e1 ;
margin:0px;
padding:0px;
text-align:left;
padding-left:15px;
}

#centre h2{
font:1.3em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #857361;
padding-left:35px;
/* background-image:url(../images-web-agency/h2-bg.gif); */ 
background-repeat:no-repeat;
text-align:left;
font-variant: small-caps;
text-transform:capitalize;
font-weight:bold;	
}
#centre h3{
font: 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #e1e1e1;
font-weight:bold;
text-align:left;
padding-left:15px;
}
#centre h3 a {
color: #e1e1e1;
cursor: text;
}
#centre h3 a:hover {
color: #e1e1e1;
cursor: text;
}

#centre h4 {
font: 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #857361;
padding-left:50px;
background-image: url("../images-web-agency/puce-ul-cadre-txt.gif"); 
background-repeat:no-repeat;
font-weight:bold;
text-align:left;
}

#centre h5 {
font: 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #e3e3e3;
padding-left:50px;
font-weight:bold;
text-align:right;
}
#centre h5 a{

text-decoration:underline;
}

#centre h5 a:hover{
text-decoration:underline;
}

#centre h6 {
font: 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;

padding-left:25px;
font-weight:bold;

}

#centre a {
color: #bea994;
text-decoration:none ;
}
#centre a:hover {
text-decoration: none;
color:#857361;
}


#centre-pop {
margin-left: 20px;
margin-right: 20px;
color:#dcdcdc;
text-align:center;
margin-top:5px;
padding-left:0px;
}

#cadre-txt {
border:1px solid #ccc;
padding-top:5px;

padding-bottom:5px;
margin-bottom:10px;
line-height:150%;
text-align:left;
}

#cadre-txt ul {
margin-left:20px;
margin-bottom:0px;
list-style-image:  url("../images-web-agency/puce-ul-cadre-txt.gif");
}

#cadre-contact {
border-top:1px solid #777;
border-left:1px solid #777;
border-bottom:1px solid #fff;
border-right:1px solid #fff;
background-color:#000;
padding-top:8px;
margin-top:20px;
padding-bottom:5px;
line-height:150%;
text-align:left;
font-weight:bold;
}
#cadre-contact p{
padding-right:8px;
padding-left:8px;
}

#rub-connexes {
font-size:80%;
color:#dcdcdc;
}
#rub-connexes a{
color:#dcdcdc;
text-decoration:none;
}


/* menu ref (portfolio)  */

#portfolio {
font-size:80%;
padding-right:0px;
padding-top:10px;
font-weight:bold;
display:block;
width:98%;
}

#portfolio ul {
margin:0;
padding-left:0px;
list-style:none;
}

#portfolio li {
margin:0;
padding-bottom:15px;
padding-right:5px;
list-style:none;
display:block;
}
    
#portfolio a {
text-decoration:none;
color:#565656;
padding-left:0px;
padding-top:5px;
padding-bottom:5px;
text-transform:capitalize;
}


#portfolio a:hover {
color:#857361;
text-decoration:underline;
}
	  
#portfolio a:visited {
color:#A1A1A1;
}
	  
#portfolio a:visited:hover {
}



#portfolio  a img{
border:1px solid #e1e1e1;
padding:1px;
background-color:#000;
}


#portfolio a:hover img {
border:1px solid #857361;
padding:1px;
background-color:#000;
text-decoration:none;
}
	  
  
/*  fin menu ref */


/*  3 colonnes portfolio */
#col-1 {
float:left;
width:30%;
margin-right:29px;

}
#col-2 {
float:left;
width:30%;
margin-right:20px;
}

#col-3 {
float:right;
width:30%;

}

/*  fin 3 colonnes portfolio */

/*  détail portfolio */

#detail-portfolio {
font-size:80%;
width:98%;
text-align:left;


}

#detail-portfolio li {
margin-left:0px;
padding:0px;
}
#detail-portfolio ul {
margin-left:12px;
padding:0px;
}


.titre-prestation{
font-weight:bold;
text-transform:capitalize;
font-size:110%;

}
#text-client {
float:left;
width:98%;

}

#retour-liste {
text-align:center;
height:50px;
float:left;
width:98%;
font-size:120%;
font-weight:bold;
}

#retour-liste a{
color:#e1e1e1;
text-decoration:underline;
}

/*  fin détail portfolio */

/*  plan du site  */
#plandusite {
color: #e1e1e1;
line-height:20px;
margin-left:40px;
}

#plandusite a {
color: #e1e1e1;
text-decoration:none ;
}
#plandusite a:hover {
text-decoration: underline;
color:#e1e1e1;
}

/*  fin plan du site  */

/******************* fin styles colonne centre  *********************/



/******************* styles colonne gauche  *********************/

#gauche {

float:left;
width: 130px;
padding-right:0px;
margin-top:10px;
padding-left:5px;
margin-right:0px;
height:100%;
}

#titre-espace-client {
/*background-image:  url("../images-web-agency/bg-titres-col.gif");*/
background-position:top left;
background-repeat:no-repeat;
font-size:110%;
color:#857361;
padding-left:5px;
padding-top:0px;
padding-bottom:0px;
font-weight:bold;
height:30px;
}

#sous-titre-client {
color:#bea994;
font-size:90%;
margin-top:-8px;
padding-left:5px;
}
#sous-titre-client a {
text-decoration:none;
color:#bea994;
}

#sous-titre-client a:hover {
text-decoration:none;
color:#e1e1e1;
}



#titre-emplois {
font-size:110%;
color:#857361;
padding-left:5px;
padding-top:0px;
padding-bottom:0px;
font-weight:bold;
height:30px;
}

#sous-titre-emplois {
color:#bea994;
font-size:90%;
margin-top:-8px;
padding-left:5px;
}
#sous-titre-emplois a {
text-decoration:none;
color:#bea994;
}

#sous-titre-emplois a:hover {
text-decoration:none;
color:#e1e1e1;
}


#titre-referencement {
/*background-image:  url("../images-web-agency/bg-titres-col.gif");*/
background-position:top left;
background-repeat:no-repeat;
font-size:110%;
color:#857361;
padding-left:5px;
padding-top:0px;
padding-bottom:0px;
font-weight:bold;
height:30px;
}

#sous-titre-referencement {
color:#bea994;
font-size:80%;
margin-top:-8px;
padding-left:5px;
}
#sous-titre-referencement a {
text-decoration:none;
color:#bea994;
}

#sous-titre-referencement a:hover {
text-decoration:none;
color:#e1e1e1;
}






#actualites a {
text-decoration:none;
color:#bea994;
}

#actualites a:hover {
text-decoration:none;
color:#e1e1e1;
}

#actualites {
display:block;
text-align:left;
font-size:75%;
padding-left:5px;
}

#actualites a {
text-decoration:none;
color:#bea994;
}

#actualites a:hover {
text-decoration:none;
color:#e1e1e1;
}

.date {
font-size:110%;
font-weight:bold;
}


#titre-actualites {
/*background-image:  url("../images-web-agency/bg-titres-col.gif");*/
background-position:top left;
background-repeat:no-repeat;
font-size:110%;
color:#857361;
padding-left:5px;
padding-top:0px;
padding-bottom:2px;
font-weight:bold;
height:30px;
}
#sous-titre-actu {
color:#bea994;
font-size:70%;
margin-top:-3px;
}

#titre-mailing {
/*background-image:  url("../images-web-agency/bg-titres-col.gif");*/
background-position:top left;
background-repeat:no-repeat;
font-size:110%;
color:#857361;
padding-left:5px;
padding-top:0px;
padding-bottom:2px;
font-weight:bold;
height:25px;
}

#mailing {
padding-left:5px;
font-size:90%;  
margin-bottom:10px;
}



#mailto {
color:#bea994;
font-size:90%;
margin-top:-8px;
padding-left:5px;
}
#mailto a {
text-decoration:none;
color:#bea994;
}

#mailto a:hover {
text-decoration:none;
color:#e1e1e1;
}
.mailto {

color:#e1e1e1;
font-family: "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
text-decoration:none;
}

.mailto a {

color:#e1e1e1;
text-decoration:none;

}
.mailto a:hover {

color:#e1e1e1;
text-decoration:none;

}
/******************* fin styles colonne gauche  *********************/

/******************* styles colonne droite  *********************/
#droite {
float:right;
width: 140px;
height:100%;
margin-top:10px;
padding-right:3px;
}

#droite li{
list-style-type:none;
}

/* menu solutions internet  */

#solutions-internet {
font-size:80%;
padding-right:8px;
padding-top:10px;
font-weight:bold;
}

#solutions-internet ul {
margin:0;
padding-left:0px;
list-style:none;
}

#solutions-internet li {
margin:0;
padding-bottom:5px;
}
    
#solutions-internet a {
text-decoration:none;
color:#bea994;
background-image: url("../images-web-agency/puces-solutions.gif");
background-position:left;
background-repeat:no-repeat;
padding-left:25px;
padding-top:5px;
padding-bottom:5px;
}

#solutions-internet a span {
padding:0px 5px 0px 6px;
font-weight:bold;
color:#fff;
background-color:#000;
}
/* Commented Backslash Hack hides rule from IE5-Mac \*/
#solutions-internet a span {float:none;}
/* End IE5-Mac hack */
    
#solutions-internet a:hover span {
color:#857361;
text-decoration:underline;
}

#solutions-internet #actif a {
background-image: url("../images-web-agency/puces-solutions-activ.gif");
background-position:left;
background-repeat:no-repeat;
color:#857361;
}

#solutions-internet #actif a span {
color:#fff;
text-decoration:underline;
}

#solutions-internet a:hover {
color:#857361;
text-decoration:underline;
background-image: url("../images-web-agency/puces-solutions-activ.gif");
}
	  
#solutions-internet a:visited {
color:#857361;
background-image: url("../images-web-agency/puces-solutions-visited.gif");
}
	  
#solutions-internet a:visited:hover {
background-image: url("../images-web-agency/puces-solutions-activ.gif");
}

#solutions-internet a:hover span {
color:#fff;
text-decoration:underline;
}
	  
/*  fin menu solution */

#nouveaux-sites-internet {
text-align:center;
}

#titre-nouveaux-sites {
/*background-image:  url("../images-web-agency/bg-titres-col.gif");*/
background-position:top left;
background-repeat:no-repeat;
font-size:110%;
color:#857361;
padding-left:5px;
padding-top:0px;
padding-bottom:2px;
font-weight:bold;
}




#sous-titre-new-sites {
color:#bea994;
font-size:70%;
margin-top:-3px;
}

#titre-contact {
/*background-image:  url("../images-web-agency/bg-titres-col.gif");*/
background-position:top left;
background-repeat:no-repeat;
font-size:110%;
color:#857361;
padding-left:5px;
padding-top:0px;
padding-bottom:2px;
font-weight:bold;
}

#titre-clients {
/*background-image:  url("../images-web-agency/bg-titres-col.gif");*/
background-position:top left;
background-repeat:no-repeat;
font-size:110%;
color:#857361;
padding-left:5px;
padding-top:0px;
padding-bottom:2px;
font-weight:bold;
}

#sous-titre-clients {
color:#bea994;
font-size:70%;
margin-top:-3px;
}

#clients {
text-align:center;
}
/******************* menu solutions */
	  
#navcontainer {
margin:0;
padding: 0px;
}

#navcontainer ul {
padding: 0px;
list-style-type: none;
text-align: left;
}

#navcontainer ul li { 
float: left; 
}

#navcontainer ul li a {
text-decoration: none;
background: url(../images-web-agency/menu-css/solution-off.png) no-repeat top left;
font: bold 1.1em Verdana, Arial, Helvetica, sans-serif;
float: left;
margin: 0px;
height: 65px;
width: 124px;
padding-top: 13px;
padding-right: 7px;
padding-bottom: 3px;
padding-left: 9px;
color:#FF228A
}

#navcontainer li a:hover {
background: url(../images-web-agency/menu-css/solution-on.gif) no-repeat left top;
color: #000;
}
/******************* fin menu solutions */

/******************* fin styles colonne droite  *********************/





/*******************  styles pied de page  *********************/

#pied {
clear:both;
height: 142px;
width:730px;
padding-left:0px;
/*background-image: url("../images-web-agency/end-web-agency.jpg");*/
background-position: bottom left;
background-repeat:no-repeat;
}

#bas {
height:50px;
padding-top:80px;
padding-bottom:1%;
padding-left:5px;
font-size:80%;
text-align:center;
}
#end {
clear:both;
/*background-image: url("../images-web-agency/end-web-agency.gif");*/
background-position: bottom left;
background-repeat:no-repeat;
height:35px;
}

#menubas {
list-style-type: none;
margin: 0;
padding:0;
color:#FFFFFF;
}

#menubas img {
margin-top:3px;
}

#menubas li {
display: inline;
}

#menubas a {
margin: 0 2px;
color: #fff;
text-decoration: underline;
}

#menubas a:hover {
text-decoration: none;
}

#pied-logos {
clear:both;
height: 100px;
margin-top:10px;
text-align:center;
}

#pied-logos ul {
list-style-type: none;
margin: 3px;
padding:0;
}

#pied-logos li {
display:inline;
}

#internet {
text-align: center;
padding-top:6px;
color:#A7A7A7;
font-size:9px;
}

#internet a {
margin: 0 2px;
color: #A7A7A7;
text-decoration: none;
}

#internet a:hover {
text-decoration: none;
}

/*****
/*		MODIFS MOOKY
***/

form {
	margin: 0px;
	padding: 0px;
}


#centre #contact {
	margin: 0px;
	padding: 0px;
}
#centre #contact div.row {
}
#centre #contact div.height-25 {
	height: 25px;
}
#centre #contact div.height-20 {
	height: 20px;
}
#centre #contact div.row div.left {
	width: 49%;
	float: left;
}
#centre #contact div.row div.right {
	width: 50%;
	float: left;
}

/* INPUT TEXT FIELD */
#centre #contact div.row div.left div.input-text div.designation {
	width: 30%;
	float: left;
	font-weight: bold;
}
#centre #contact div.row div.left div.input-text div.designation-error {
	width: 30%;
	float: left;
	color: #B81F13;
	font-weight: bold;
}

#centre #contact div.row div.left div.input-text div.field {
	width:70%;
	float: left;
	text-align: left;
}
#centre #contact div.row div.right div.input-text div.designation {
	width: 35%;
	float: left;
	font-weight: bold;
}
#centre #contact div.row div.right div.input-text div.designation-error {
	width: 35%;
	float: left;
	color: #B81F13;
	font-weight: bold;
}
#centre #contact div.row div.right div.input-text div.field {
	width:65%;
	float: left;
	text-align: left;
}

#centre #contact div.row div.input-text div.required {
	background-image: url(../images-web-agency/field-required.gif);
	background-position: top left;
	background-repeat: no-repeat;

}	

#centre #contact div.row div.input-text div.field input {
	width: 115px;
	margin: 0px 0px 0px 7px;
	height: 15px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 2px 0px  0px 2px;
	font-size: 10px;
	color: #dcdcdc;
}

/* INPUT CHECKBOX */

#centre #contact div.row div.input-checkbox div.designation {
	width: 85%;
	float: left;
	/*background-color: #66CC00;*/
}
#centre #contact div.row div.input-checkbox div.field {
	width:10%;
	float: left;
	text-align: left;
	/*background-color:#FFFF66;*/
}
#centre #contact div.row div.input-checkbox div.field input {
	margin: 0px 0px 2px 0px;
	padding: 0px;
}

/* INPUT TEXT ALL */

#centre #contact div.row div.input-text-all {
	/*width: 100%;*/
	text-align: left;
}
#centre #contact div.row div.input-text-all input {
	width: 90%;
	margin: 0px;
	height: 15px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 2px 0px  0px 2px;
	font-size: 10px;
	color: #dcdcdc;
}

/* INPUT TEXTAREA	 */

#centre #contact div.row div.input-textarea {

}
#centre #contact div.row div.input-textarea textarea {
	width: 400px;
	margin: 0px;
	height: 150px;
	border: 1px solid #CCCCCC;
	background-color: #FFFFFF;
	padding: 2px 0px  0px 2px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 10px;
	color: #dcdcdc;
}

/* INPUT BUTTON	 */

#centre #contact div.row div.input-button {
	text-align: center;
}
#centre #contact div.row div.input-button div.submit {
	width: 50%;
	background-color: #3399CC;
}
#centre #contact div.row div.input-button div.reset {
	width: 50%;
	background-color: #66FF66;
}
#centre #contact div.row div.input-button input {
	margin: 10px 0px 0px 15px;
	width: 80px;
	height: 19px;
	border: 1px solid #CCCCCC;
	background-color: #ADADAD;
	padding: 2px 0px  0px 2px;
	font-size: 10px;
	color: #FFFFFF;
}

/* ERREUR */

#centre #contact div.error {
	margin: 10px 0px 10px 0px;
	padding: 5px 10px 5px 10px;

}
#centre #contact div.error div.titre {
	color: #B81F13;
	font-weight: bold;
}




/******************* styles colonne references  *********************/


#centre-ref {
margin-left: 165px;
margin-right: 10px;
color:#dcdcdc;
text-align:justify;
margin-top:5px;
padding-left:0px;
}
#centre-ref p{
padding-left:0px;
}

#centre-ref h1{
font:1.7em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #e1e1e1 ;
margin:0px;
padding:0px;
text-align:left;
padding-left:15px;
}

#centre-ref h2{
font:1.2em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #857361;
padding-left:35px;
/* background-image:url(../images-web-agency/h2-bg.gif); */ 
background-repeat:no-repeat;
text-align:left;
font-variant: small-caps;
text-transform:capitalize;
font-weight:bold;	
}
#centre-ref h3{
font: 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #e1e1e1;
font-weight:bold;
text-align:left;
padding-left:15px;
}
#centre-ref h3 a {
color: #e1e1e1;
cursor: text;
}
#centre-ref h3 a:hover {
color: #e1e1e1;
cursor: text;
}

#centre-ref h4 {
font: 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #857361;
padding-left:50px;
background-image: url("../images-web-agency/puce-ul-cadre-txt.gif"); 
background-repeat:no-repeat;
font-weight:bold;
text-align:left;
}

#centre-ref h5 {
font: 1.1em "Trebuchet MS", Tahoma, Arial, Helvetica, sans-serif;
color: #e3e3e3;
padding-left:50px;
font-weight:bold;
text-align:right;
}
#centre-ref h5 a{

text-decoration:underline;
}

#centre-ref h5 a:hover{
text-decoration:underline;
}

#centre-ref a {
color: #bea994;
text-decoration:none ;
}
#centre-ref a:hover {
text-decoration: none;
color:#857361;
}


/******************* fin styles colonne references  *********************/