body {
background-color: #FFFFFF;
margin-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 0px;
background-repeat: repeat-x;
background-image: url(../images/fond_body.gif);
font-family: Arial, Helvetica, sans-serif;
background-position: top;
font-size: 11px;
font-weight: normal;
color: #666666;
text-align: center;
}
a {
text-decoration: none;
}
div#conteneur {
position:relative;
margin:auto;
width:1110px;
margin-top:0;
padding:0;
text-align:left;
}
.headerh1 {
height:15px;
text-align:center;
color:#e2e4e7;
margin:0;
font-size: 9px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding-top: 2px;
padding-right: 0;
padding-bottom: 0;
padding-left: 0px;
display: block;
}

#header h1 {
color:#e2e4e7;
margin:0;
font-size: 9px;
font-weight: bold;
font-family: Arial, Helvetica, sans-serif;
letter-spacing: 1px;
padding: 0;
display: inline;
}
#header h1 a {
color: #FFFFFF;
}

#header {
text-align:left;
height:50px;
margin:0;
padding:0;
}
#bandeau {
margin: 0px;
height: 200px;
background-image: url(../images/fond_bandeau.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 30px;
}
#menu {
margin: 0px;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 0px;
height: 33px;
float: left;
width: 690px;
}
#client {
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 40px;
height: 28px;
float: left;
width: 350px;
clear:both;
}
form {
margin: 0px;
padding: 0px;
}
.fondformclient {
background-image: url(../images/fond_client.gif);
display: block;
margin: 0px;
height: 22px;
width: 196px;
padding-top: 6px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 88px;
}
.formclient {
font-size: 10px;
font-weight: bold;
color: #666666;
background-color: #FFFFFF;
border: 1px solid #d0e1ed;
font-family: Arial, Helvetica, sans-serif;
}
.formclientbtn {
border: 1px solid #d0e1ed;
width: 20px;
background-image: url(../images/btn_ok.gif);
height: 17px;
font-size: 9px;
color: #FFFFFF;
font-weight: bold;
margin: 0px;
padding: 0px;
font-family: Arial, Helvetica, sans-serif;
}


#contenu {
margin: 0px;
background-image: url(../images/fond_contenu.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-top: 0px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 30px;
}
#centre {
background-color: #FFFFFF;
background-image: url(../images/fond_centre.jpg);
background-repeat: repeat-x;
background-position: left top;
margin: 0px;
padding-top: 0px;
padding-right: 7px;
padding-bottom: 0px;
padding-left: 13px;
width: 1030px;
text-align: justify;
}

#centrehaut {
background-color: #5E9402;
margin: 0px;
padding-top: 0px;
padding-right: 7px;
padding-bottom: 0px;
padding-left: 13px;
width: 1030px;
height: 20px;
}
#pictohaut {
background-color: #5E9402;
margin: 0px;
width: 200px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
font-size: 9px;
color: #FFFFFF;
font-weight: bold;
float: left;
text-align: right;
height: 20px;
}
#breadcrumb {
background-color: #5E9402;
margin: 0px;
width: 810px;
padding-top: 4px;
padding-right: 7px;
padding-bottom: 1px;
padding-left: 0px;
font-size: 9px;
color: #BAD76F;
font-weight: bold;
height: 15px;
letter-spacing: 1pt;
float: left;
}
#breadcrumb a{
color: #C1DB80;
}
#breadcrumb a:hover, #breadcrumb a:visited{
color: #D1E49E;
background-color: #92BF28;
}
#blocrea {
margin: 0px;
float: left;
height: 450px;
width: 345px;
background-image: url(../images/fond_realisation.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-top: 33px;
padding-right: 10px;
padding-bottom: 0px;
padding-left: 10px;
}
#gauche {
margin: 0px;
padding: 0px;
float: left;
width: 680px;
}
#gauchefondactu .LSM_0 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 10px;
	padding-bottom: 0px;
	padding-left: 10px;
	list-style-type: none;
}
#gauchefondactu {
margin: 0px;
width: 645px;
background-image: url(../images/fond_actugrand.jpg);
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 23px;
padding-bottom: 0px;
padding-left: 12px;
}
#gauchefond {
margin: 0px;
width: 645px;
background-image: url(../images/fond_gauche.jpg);
background-repeat: no-repeat;
padding-top: 0px;
padding-right: 23px;
padding-bottom: 0px;
padding-left: 12px;
}
#gauchetitre {
margin: 0px;
width: 680px;
padding: 0px;
}
#gauchebas {
margin: 0px;
width: 680px;
padding: 0px;
}
#gauchefond p {
font-size: 11px;
color: #006600;
display: block;
clear: both;
margin-top: 0pt;
margin-right: 0pt;
margin-bottom: 0px;
margin-left: 0pt;
padding-top: 0pt;
padding-right: 0pt;
padding-bottom: 6pt;
padding-left: 0pt;
}
#gauchepack {
margin: 0px;
padding: 5px;
float: left;
width: 247px;
}
.packstart {
font-weight: bold;
color: #2F6835;
}
.packliberte {
font-weight: bold;
color: #3868B2;
}
.packecommerce {
font-weight: bold;
color: #996596;
}
.packflash {
font-weight: bold;
color: #696661;
}
#gauchepack p {
display: block;
margin: 0px;
padding: 0px;
}

.blocleft {
display: block;
margin: 0px;
float: left;
width: 150px;
height: 380px;
padding-top: 5px;
padding-right: 5px;
padding-bottom: 5px;
padding-left: 5px;
}

.gras {
color: #669900;
font-weight: bold;
}
.grand {
font-size: 11px;
font-weight: normal;
color: #333333;
}

#gauchefond h1, #conteneur #contenu #centre h1, #gauchefondactu  h2{
font-size: 10px;
font-weight: bold;
color: #E8F4D7;
display: block;
padding-top: 3px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 20px;
background-color: #96C032;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
background-image: url(../images/picto_h1.gif);
background-repeat: no-repeat;
background-position: left center;
text-transform: uppercase;
font-family: Verdana, Arial, Helvetica, sans-serif;
border-bottom-width: 3px;
border-bottom-style: solid;
border-bottom-color: #7A9D28;
}
#gauchefond a, #gauchefondactu a {
color: #0088D9;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
font-size: 11px;
}
#gauchefond a:hover , #gauchefondactu a:hover {
text-decoration: underline;
}
.images img{
display:block;
float:left;
clear:both;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 0px;
margin: 0px;
}
#droit {
margin: 0px;
padding: 0px;
float: left;
}
#droitfond {
margin: 0px;
width: 322px;
background-image: url(../images/droit_fond.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-top: 0px;
padding-right: 18px;
padding-bottom: 0px;
padding-left: 10px;
font-size: 10px;
font-weight: bold;
}
#droitfond .titre {
text-transform: uppercase;
background-color: #BABDC9;
font-size: 9px;
font-weight: bold;
letter-spacing: 1px;
border: 1px solid #969CAB;
padding-top: 1px;
padding-right: 2px;
padding-bottom: 1px;
padding-left: 14px;
display: block;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 2px;
margin-left: 0px;
color: #FFFFFF;
background-image: url(../images/picto_titre.gif);
background-repeat: no-repeat;
background-position: left center;
}

#droititre {
margin: 0px;
width: 350px;
padding: 0px;
}
#droitbas {
margin: 0px;
width: 350px;
padding: 0px;
}
.savoirplus a {
color: #7F8A98;
display: block;
width: 100px;
margin-top: 3px;
margin-right: 0px;
margin-bottom: 5px;
margin-left: 0px;
background-color: #EEEFF2;
padding-top: 0px;
padding-right: 1px;
padding-bottom: 0px;
padding-left: 1px;
border-top-width: 1px;
border-right-width: 1px;
border-bottom-width: 1px;
border-left-width: 1px;
border-top-style: solid;
border-right-style: solid;
border-bottom-style: solid;
border-left-style: solid;
border-top-color: #C9CBD3;
border-right-color: #C9CBD3;
border-bottom-color: #A5A9B6;
border-left-color: #A5A9B6;
}

.texteblocleft {
margin: 0px;
padding: 5px;
float: left;
width: 150px;
text-align: left;
}
.textebloc {
margin: 0px;
padding: 5px;
text-align: left;
}
.textebloc a {
color: #0066CC;
}
.textebloc a:hover {
color: #FFFFFF;
background-color: #8F98A9;
}
.texte {
float: left;
line-height: normal;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 5px;
text-align: left;
font-size: 10px;
font-family: Arial, Helvetica, sans-serif;
font-weight: bold;
color: #006600;
}
.texte a {
color: #FFFFFF;
}
.texte .titre {
color: #FFFFFF;
background-image: url(../images/rea_fond_titre.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 13px;
width: 197px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
}
.titre2 {
color: #FFFFFF;
background-image: url(../images/rea_fond_titre.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 13px;
width: 197px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: normal;
float: left;
}
.titre3 {
color: #FFFFFF;
background-image: url(../images/rea_fond_titre.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 13px;
width: 197px;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 2px;
padding-left: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
}
.titre4 {
color: #FFFFFF;
background-image: url(../images/rea_fond_titre4.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 14px;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin-top: 7px;
margin-right: 0px;
margin-bottom: 7px;
margin-left: 0px;
text-align: center;
text-transform: uppercase;
}
.titre5 {
color: #FFFFFF;
background-image: url(../images/fond_titre5.gif);
background-repeat: no-repeat;
background-position: left top;
display: block;
height: 14px;
padding-top: 1px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 3px;
font-family: Arial, Helvetica, sans-serif;
font-size: 10px;
font-weight: bold;
margin-top: 7px;
margin-right: 0px;
margin-bottom: 3px;
margin-left: 0px;
text-align: center;
text-transform: uppercase;
}
.texte .liste {
float: left;
width: 40px;
display: block;
background-image: url(../images/rea_fond_liste.gif);
padding-top: 1px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 3px;
color: #E9F3D1;
margin-top: 0px;
margin-right: 5px;
margin-bottom: 0px;
margin-left: 0px;
height: 11px;
font-size: 9px;
font-weight: bold;
text-transform: uppercase;
}
#blocentre {
margin: 0px;
float: left;
height: 483px;
width: 305px;
padding-top: 0px;
padding-right: 5px;
padding-bottom: 0px;
padding-left: 5px;
}
#blocactu {
margin: 0px;
float: left;
height: 128px;
width: 280px;
background-image: url(../images/fond_actualite.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-top: 33px;
padding-right: 15px;
padding-bottom: 4px;
padding-left: 10px;
}
#blocactu a{
	color: #3399CC;
	font-size: 11px;
}
#blocactu p, #gauchefondactu p{
color: #336699;
display: block;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 4px;
padding-left: 0px;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 6px;
margin-left: 0px;
border-bottom-width: 1px;
border-bottom-style: dashed;
border-bottom-color: #6D99C9;
}
#gauchefondactu p{
font-size: 11px;
line-height: normal;
}
#blocactu p{
font-size: 10px;
line-height: 11px;
font-weight: bold;
}
#blocactu li {
font-size: 10px;
font-weight: bold;
color: #4892DB;
line-height: normal;
list-style-position: inside;
vertical-align: top;
list-style-image: url(../images/picto.gif);
list-style-type: none;
font-weight: bold;
text-align: left;
}
#blocactu .date, #gauchefondactu .date, #droitfond .date{
border: 1px solid #81B1E2;
background-color: #A0CCEF;
float: left;
padding-top: 0px;

padding-right: 3px;
padding-bottom: 0px;
padding-left: 3px;
margin-top: 0px;
margin-right: 3px;
margin-bottom: 0px;
margin-left: 0px;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}
#blocactu .liens a, #gauchefondactu .liens a{
padding-top: 0px;
padding-right: 2px;
padding-bottom: 0px;
padding-left: 2px;
display: block;
margin-top: 1px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
color: #336699;
text-transform: uppercase;
}
#blocactu .titreactu a, #gauchefondactu .titreactu a{
font-size: 10px;
display: block;
padding: 1px;
font-weight: bold;
text-transform: uppercase;
color: #458EDB;
text-decoration: underline;
margin-top: 0px;
margin-right: 0px;
margin-bottom: 1px;
margin-left: 0px;
}
#blocactu .titreactu a:hover, #gauchefondactu .titreactu a:hover{
text-transform: uppercase;
color: #FFFFFF;
text-decoration: none;
background-color: #458EDB;
}
#blocpack {
margin: 0px;
float: left;
height: 321px;
width: 305px;
background-repeat: no-repeat;
background-position: left top;
padding: 0px;
}
#blocpack1 {
margin: 0px;
height: 57px;
background-image: url(../images/pack_accueil_01.jpg);
width: 225px;
background-repeat: no-repeat;
padding-top: 20px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 65px;
}
#blocpack2 {
margin: 0px;
height: 57px;
background-image: url(../images/pack_accueil_02.jpg);
width: 225px;
background-repeat: no-repeat;
padding-top: 23px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 65px;
}
#blocpack3 {
margin: 0px;
height: 57px;
background-image: url(../images/pack_accueil_03.jpg);
width: 225px;
background-repeat: no-repeat;
padding-top: 24px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 65px;
}
#blocpack4 {
margin: 0px;
height: 56px;
background-image: url(../images/pack_accueil_04.jpg);
width: 225px;
background-repeat: no-repeat;
padding-top: 23px;
padding-right: 15px;
padding-bottom: 0px;
padding-left: 65px;
}
#blocpack1 p,#blocpack2 p,#blocpack3 p,#blocpack4 p {
font-size: 9px;
font-weight: normal;
color: #999999;
display: block;
margin: 0px;
line-height: 11px;
padding: 0px;
}
#blocpack1 a,#blocpack2 a,#blocpack3 a,#blocpack4 a {
font-weight: bold;
color: #999999;
display: block;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 21px;
height: 13px;
font-size: 10px;
text-transform: uppercase;
}
#blocpack1 a {
background-image: url(../images/fond_lien.gif);
background-repeat: no-repeat;
}
#blocpack2 a {
background-image: url(../images/fond_lien2.gif);
background-repeat: no-repeat;
}
#blocpack3 a{
background-image: url(../images/fond_lien3.gif);
background-repeat: no-repeat;
}
#blocpack4 a {
background-image: url(../images/fond_lien4.gif);
background-repeat: no-repeat;
}
#blocref {
margin: 0px;
float: left;
height: 450px;
width: 322px;
background-image: url(../images/fond_referencement.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-top: 33px;
padding-right: 18px;
padding-bottom: 0px;
padding-left: 10px;
}
#blocref p {
font-size: 10px;
display: block;
font-weight: bold;
color: #5F6676;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
#blocref li {
font-size: 10px;
font-weight: bold;
color: #5F6676;
line-height: normal;
list-style-position: inside;
vertical-align: top;
list-style-image: url(../images/picto_ref.gif);
list-style-type: none;
font-weight: bold;
text-align: left;
}

.icone {
float: left;
margin: 0px;
background-position: center;
padding-top: 0px;
padding-right: 3px;
padding-bottom: 0px;
padding-left: 0px;
}
#formulaire {
margin:0;
padding:0px;
}
#formulaire input,#formulaire select,#formulaire textarea {
border:1px solid #E9EAED;
background-color:#A0A6B4;
margin:0 0 1px;
font-size: 10px;
font-weight: bold;
color: #FFFFFF;
}
#formulaire label {
width:80px;
display:block;
float:left;
color:#6A7386;
height:15px;
padding:0;
margin-top: 0;
margin-right: 5px;
margin-bottom: 0;
margin-left: 0;
text-transform: uppercase;
font-size: 10px;
font-weight: bold;
}
#formulaire h1 {
margin: 0px;
font-size: 10px;
display: block;
height: 45px;
padding: 0px;
}

#footer {
margin: 0px;
background-image: url(../images/fond_footer.jpg);
background-repeat: no-repeat;
background-position: left top;
padding-top: 10px;
padding-right: 30px;
padding-bottom: 0px;
padding-left: 30px;
height: 45px;
text-align: center;
font-size: 10px;
font-weight: bold;
color: #CCCCCC;
line-height: normal;
}
#footer a{
font-size: 10px;
font-weight: bold;
color: #CCCCCC;
}
#footer a:hover, #footer a:visited{
color: #FFFFFF;
background-color: #CCCCCC;
}


a.tooltip em {
display:none;
}
a.tooltip:hover {
border: 0;
position: relative;
z-index: 500;
text-decoration:none;
}
a.tooltip:hover em {
font-style: normal;
display: block;
position: absolute;
top: 25px;
left: -10px;
color: #7B8299;
width:60px;
font-size: 9px;
padding-top: 1px;
padding-right: 1px;
padding-bottom: 1px;
padding-left: 1px;
text-align: center;
background-image: url(../images/fond_bulle.gif);
background-repeat: no-repeat;
background-position: bottom;
}
.carousel-component {
padding:0px;
margin:0px;
width:340px; /* seems to be needed for safari */
}
.carousel-component .carousel-list li {
margin:0px;
padding:0px;
width:340px; /* img width is 75 px from flickr + border-top (1) + border-bottom(1) */
}
/* Applies only to vertical carousels */
.carousel-component .carousel-vertical li {
margin-bottom:4px;
height:75px; /* image + row of text (87) + border-top (1) + border-bottom(1) */
}
.carousel-component .carousel-list li a {
display:block;
outline:none;
text-decoration: none;
float: left;
}
.carousel-component .carousel-list li a:hover {
filter: alpha(opacity=20);
-moz-opacity: .30;
opacity: .30;
}
.carousel-component .carousel-list li img { 
display:block; 
}
#up-arrow {
cursor:pointer;
margin: 0px;
padding-top: 0px;
padding-right: 0px;
padding-bottom: 5px;
padding-left: 0px;
}
#down-arrow {
cursor:pointer;
margin: 0px;
padding-top: 5px;
padding-right: 0px;
padding-bottom: 0px;
padding-left: 0px;
}
/* RECHERCHE */
.FSF_result {
display: block;
padding-bottom: 10px;
}
.FSF_pages {
text-align: right;
display: block;
font-weight: bold;
}
.FSF_pagination {
font-weight: bold;
}

.FSF_resultLink {
display: block;
}
#gauchefond table {
	color: #006600;
	text-align: left;
	letter-spacing: 1px;
	background-color: #96C032;
	font-size: 11px;
}
#gauchefond td {
	margin: 0px;
	border-top-width: 1px;
	border-right-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-right-style: solid;
	border-bottom-style: solid;
	border-top-color: #AFD357;
	border-right-color: #AFD357;
	border-bottom-color: #AFD357;
	padding-top: 1px;
	padding-right: 5px;
	padding-bottom: 1px;
	padding-left: 5px;
}
ul.ref_david li{
list-style:none;
}
ul.ref_david li span{
display:none;
position:absolute;
width:200px;
background:white;
padding:2px;
}
ul.ref_david li span:hover{
display:block;
}

.carousel-component .carousel-vertical li {
margin-bottom:4px;
height:75px; /* image + row of text (87) + border-top (1) + border-bottom(1) */
}