
body {
font-family : Arial, Helvetica, sans-serif; 
color : #4d4d4d; 
font-size : 74.01%; 
line-height : 1.5em; 
margin : 0; 
padding : 0; 
background-color : #ffffff; 
} 
#conteneur {
position : relative; 
margin : 0px auto; 
width : 760px; 
line-height : 150%; 
background-color : #8ca4b6; 
} 
#header {
width : 100%; 
height : 70px; 
background-color : #ffffff; 
background-repeat : no-repeat; 
margin : 0; 
position : relative; 
top : 0; 
left : 0; 
} 
#image {
width : 143px; 
height : 40px; 
background-image : url("images2/ded.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 18px; 
left : 5px; 
} 
#header1 {
width : 100%; 
height : 99px; 
background-image : url("images2/produit.jpg"); 
background-repeat : no-repeat; 
position : absolute; 
margin-top : -75px; 
left : 0; 
} 
#image1 {
width : 90px; 
height : 90px; 
background-image : url("images2/studio351c.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 3px; 
left : 25px; 
} 

#image3 {
width : 760px; 
height : 2px; 
background-image : url("images2/bas.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 194px; 
left : 0; 
} 
#image4 {
width : 70px; 
height : 35px; 
background-image : url("images2/microsoft1.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 33px; 
left : 648px; 
} 
#image6 {
width : 150px; 
height : 110px; 
background : url(images2/promotion.jpg) no-repeat top left; 
position : absolute; 
top : 410px; 
left : 604px; 
}

#image10 {
width : 80px; 
height : 12px; 
background : url(images2/feu.gif) no-repeat top left; 
position : absolute; 
top : 571px; 
left : 186px; 
}   
#zone1 {
float : left; 
width : 150px; 
height : 110px; 
margin-left : 0; 
margin-top : 0; 
}
#zone2 {
float : left; 
width : 210px; 
height : 72px;
color : #FFFFFF; 
}  
#renseignements-accueil {
width : 151px; 
height : 113px; 
background-image : url("images2/nathalie1.jpg"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 195px; 
left : 0; 
}
h2#ancre-location-photocopieur {
height : 225px; 
position : relative; 
left : 0px; 
top : 20px; 
line-height : 20px; 
margin : 0; 
margin-bottom : -80px; 
padding : 0 0 0; 
font-family : Helvetica, sans-serif; 
background : url("images2/a281c.jpg") no-repeat left center;   
}
h2#ancre-location-copieur {
height : 135px; 
position : relative; 
left : 0px; 
top : 20px;  
line-height : 20px; 
margin : 0; 
margin-bottom : -80px; 
padding : 0 0 0; 
font-family : Helvetica, sans-serif; 
background : url("images2/televiseur1.jpg") no-repeat left center;  
}  
h2#ancre-destructeur {
font-weight : bold; 
font-size : 1.1em; 
height : 100px; 
position : relative; 
left : 0; 
top : -10px; 
color : #336699; 
line-height : 20px; 
margin : 0; 
margin-bottom : -190px; 
padding : 0 0 120px; 
font-family : Helvetica, sans-serif; 
background : url("images2/destructeur1.jpg") no-repeat left center; 
} 
h2#ancre-meilleurs {
font-weight : bold; 
font-size : 1em; 
height : 160px; 
position : relative; 
left : 0; 
top : -25px; 
color : #336699; 
line-height : 150px; 
margin : 0; 
margin-bottom : -55px; 
padding : 0 0 0 120px; 
font-family : Helvetica, sans-serif; 
background : url("images2/photocopieur 60 ppm.jpg") no-repeat left center; 
} 
h2#ancre-financements {
font-weight : bold; 
font-size : 1em; 
height : 100px; 
position : relative; 
left : 0; 
top : -50px; 
color : #336699; 
line-height : 97px; 
margin : 0; 
margin-bottom : -55px; 
padding : 0 0 0 120px; 
font-family : Helvetica, sans-serif; 
background : url("images2/bnp1.gif") no-repeat left center; 
} 
h2#ancre-location {
font-weight : bold; 
font-size : 1em; 
height : 100px; 
position : relative; 
left : 0; 
top : -30px; 
color : #336699; 
line-height : 97px; 
margin : 0; 
margin-bottom : -50px; 
padding : 0 0 0 120px; 
font-family : Helvetica, sans-serif; 
background : url("images2/bnp1.gif") no-repeat left center;
address {font-style: normal;}
#content-summary {overflow: hidden; padding-top: 1.5em; background-color: #000;}

#content-summary h2, #content-summary p {color: #fff;} 

#content-summary h2 a {color: #fff; text-decoration:none;} 

#content-summary code, #content-summary pre {color: #ccc;}
address span {display: block;}
dt {font: 110% Helvetica, Arial, sans-serif; font-weight: bold; max-width: 64em;}

dt span {display: block; font-weight: normal;}

dd {margin-bottom: .5em; max-width: 64em;}
#content-summary {overflow: hidden; padding-top: 1.5em;}
#content-sub {padding:1em 0;}
#content-sub ul {list-style-type: none;}
#content-sub table {width: 90%;}
#content-sub code, #content-sub pre {color: #ccc;}
#content-sub form div {clear: both;}
#content-sub label, #content-sub label span {display: block; color: #fff; font-weight: bold;}
#content-sub input, #content-sub textarea {min-width: 10em; width: 95%; border: 2px double #ad8a22; padding: 2px;}
#content-sub textarea {height: 16em;}

#site-info {clear:both;}
dd p img {display: block; float: none;}

dd blockquote {margin: .5em 0;}
#content-main {padding:1em 0;}
#content-main ol, #content-main ul {padding-left:20px;}
#content-main table {margin-right:5px;}
#content-main table th {padding:.2em;}
#content-main h2+p {font-size: 110%; font-weight: bold;}
#content-main hr {display: block; width: 75%; margin: 1em auto;}
dd pre, dd ul {padding-left: 0;}

dd+dt {margin-top:2em;}
#branding {width: 100%; overflow: hidden; border-bottom: 1px solid #fff; padding: 3em 0 2em 0; background: #191919;}

#branding a:link, #branding a:visited {color: #fc3; text-decoration: none;}




#siteinfo p {margin: 0 20%; color: #fff;}

#siteinfo a:link, #siteinfo a:visited {color: #fc3;}
address {font-style: normal;}
address span {display: block;}
pre {padding-left: 20px; font-size: 1em;}
code, pre {color: #666; font: 1em monaco, courier, monospace; font-weight: normal;}

.invisible {display: none;}

.clear {clear: both;}

.left {float: left; margin-left: 20px;}

.right {float: right; margin: 1em;}

.offleft {position: absolute; left: -9999px;}

.callout {width:185px; float:right; margin:.5em;}

.code {width: 90%; margin:0 20px; border: 1px solid #191919; padding: 20px 0; background-color: #ffe699;}


ul {list-style-type: disc;}

li {max-width: 64em;}

#ilg-member-list {width:17em; float: left; margin-right: 0; }

#ilg-map {height:400px; width:500px; margin:1em 0 0 17.5em;}

#ilg-map .infobubble {padding-bottom:0px !important; padding-bottom: 10px; font-size:.9em;}

dt {font: 110% Helvetica, Arial, sans-serif; font-weight: bold; max-width: 64em;}

dt span {display: block; font-weight: normal;}

dd {margin-bottom: .5em; max-width: 64em;}

dd p img {display: block; float: none;}

dd blockquote {margin: .5em 0;}

dd pre, dd ul {padding-left: 0;}

dd+dt {margin-top:2em;}
blockquote {margin-left:20px; border-left: 1px solid #666; padding-left: 20px;}
* html #nav-supp a {background: url(/files/theme/a-04.gif) no-repeat;}

* html #nav-supp a:hover {background: url(/files/theme/a-04-h.gif) no-repeat;}

* html body.index #content-main div {height:32em;}



form {margin: .5em 20px;}

fieldset {border: 1px solid #ccc; padding: 1em;}

label {margin-bottom: .5em; cursor: pointer;}

input, textarea {background: #fff; color: #191919; font: 100% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif;}

input:hover, input:active, input:focus, textarea:hover, textarea:active, textarea:focus {border-color: #7f6619;}
dd p, blockquote p, form p {margin-left: 0;}



table {margin-left: 20px; border-collapse: collapse; max-width: 62em;}

caption {margin: 1em 0 0 20px; font-weight: bold;}

th {border-bottom: 1px solid #666; padding-right: 1em; text-align: left;}

td {border-bottom: 1px solid #666; padding: .5em 1em .5em .25em; font: 100% Tahoma, Verdana, "Lucida Sans Unicode", Helvetica, Arial, sans-serif; vertical-align: top;}

td+td {border-left: 1px solid #666;}
#nav-sub {margin-top:1em; padding:0;}

#nav-sub li {margin:0 0 .7em 0; line-height:normal;} 
} 
h2#ancre-vente {
font-weight : bold; 
font-size : 1em; 
height : 100px; 
position : relative; 
left : 0; 
top : 0px; 
color : #336699; 
line-height : 97px; 
margin : 0; 
margin-bottom : -20px; 
padding : 0 0 0 120px; 
font-family : Helvetica, sans-serif; 
background : url("images2/bnp1.gif") no-repeat left center; 
} 
h2#ancre-contrat-copies {
font-weight : bold; 
font-size : 1em; 
height : 100px; 
position : relative; 
left : 0; 
top : -30px; 
color : #336699; 
line-height : 97px; 
margin : 0; 
margin-bottom : -50px; 
padding : 0 0 0 120px; 
font-family : Helvetica, sans-serif; 
background : url("images2/maintenance.jpg") no-repeat left center; 
} 
h2#ancre-maintenance {
font-weight : bold; 
font-size : 1em; 
height : 100px; 
position : relative; 
left : 0; 
top : -10px; 
color : #336699; 
line-height : 97px; 
margin : 0; 
margin-bottom : -20px; 
padding : 0 0 0 120px; 
font-family : Helvetica, sans-serif; 
background : url("images2/maintenance.jpg") no-repeat left center; 
} 
.hr1 {
color : #8ca4b6; 
background-color : #8ca4b6; 
position : relative; 
top : 10px; 
left : 0; 
height : 1px; 
border : 0; 
} 
#text { 
position : absolute;
top : 15px;
left : 130px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
#text1 { 
position : absolute;
top : 38px;
left : 150px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
#text2 { 
position : absolute;
top : 66px;
left : 180px;
font-family : Helvetica, sans-serif;
font-weight : bold;
font-size : 0.9em;
color : #ffffff;
} 
.toshiba {
position : relative; 
top : -15px; 
left : 115px; 
font-family : Helvetica, sans-serif; 
font-weight : bold; 
font-size : 1.1em; 
color : #027a56; 
} 
.titres {
position : relative; 
top : -20px; 
left : 115px; 
font-family : Helvetica, sans-serif; 
font-weight : bold; 
font-size : 1.1em; 
color : #007100; 
} 
dl, dt, dd, ul, li {
margin : 0; 
padding : 0; 
list-style-type : none; 
display : inline; 
} 
.menu {
list-style-type : none; 
text-align : center;

} 
.menu li {
float : left; 
line-height : 23px; 
font-size : 7pt;
font-weight : bold; 
position : relative;
left: 0px;  
z-index : 100; 
margin : auto; 
}
.menu a {
display : block; 
background : url("images2/menu-haut.gif") no-repeat left center; 
margin-top : 0;
width : 150px;
height : 23px; 
color : #ffffff; 
text-decoration : none; 
border-left : 2px solid #ffffff;
border-bottom : 1px solid #ffffff;  
} 
.menu a:hover {
width : 150px;
height : 23px;
background : url("images2/menu-hover.gif") no-repeat left center;  
color : #ffffff; 
}
.n5 a {
display : block; 
background : url("images2/menu-contact.gif") no-repeat left center;
width : 152px; 
background-repeat : no-repeat; 
color : #ffffff; 
text-decoration : none; 
border-left : 0px solid #ffffff;
border-bottom : 1px solid #ffffff; 
}
.n5 a:hover {
width : 152px;
background : url("images2/accueil-hover.gif") no-repeat left center;  
color : #ffffff; 
}
.n1 a {
display : block; 
background : url("images2/menu-vert.gif") no-repeat left center;
width : 150px; 
background-repeat : no-repeat; 
color : #ffffff; 
text-decoration : none; 
border-left : 2px solid #ffffff;
border-bottom : 1px solid #ffffff; 
}
#pied {
font-weight : normal;
background : url("images2/pied.gif") no-repeat left center; 
color : #ffffff; 
height : 20px; 
line-height : 19px; 
font-size : 8pt; 
font-family : arial; 
}

.menu-gauche {
position : absolute; 
top : 308px; 
left : 0; 
} 
.menu-gauche li {
line-height : 22px; 
font-size : 9pt; 
} 
.menu-gauche a {
display : block; 
background : #7295af; 
font-family : Trebuchet MS, helvetica, arial, sans-serif; 
text-indent : 6px; 
width : 151px; 
color : #ffffff; 
text-decoration : none; 
border-bottom : 1px solid #8ca4b6; 
} 
.menu-gauche a:hover {
width : 151px; 
background-color : #089008; 
background-repeat : no-repeat; 
color : #ffffff; 
}
.n4 a {
display : block; 
background-color : #089008; 
font-family : Trebuchet MS, helvetica, arial, sans-serif; 
font-size : 0.9em; 
text-indent : 11px; 
width : 151px; 
background-repeat : no-repeat; 
color : #ffffff; 
text-decoration : none; 
border-bottom : 1px solid #8ca4b6; 
}

.center {
text-align : center; 
} 
hr {
line-height : 3px; 
} 

h1 {
font-size : 1em; 
font-weight : bold; 
line-height : 100%; 
margin-top : 0; 
margin-bottom : 0; 
font-family : Helvetica, sans-serif; 
} 

h3 {
font-size : 1em; 
color : #336699; 
background-image : url("images2/puce.gif"); 
background-repeat : no-repeat; 
padding-left : 16px; 
background-position : left; 
line-height : 120%; 
margin-top : 5px; 
margin-bottom : 5px; 
} 

h5 {
font-size : 1em; 
color : #336699;
font-weight : normal; 
background-image : url("images2/puce.gif"); 
background-repeat : no-repeat; 
padding-left : 16px; 
background-position : left; 
line-height : 120%; 
margin-top : 5px; 
margin-bottom : 5px; 
}   

#haut {
text-align : center; 
height : 100px; 
} 
#droite {
position : absolute; 
right : 0; 
width : 142px; 
} 
#gauche {
float : left; 
width : 151px; 
margin-top : 15px; 
} 
p {
padding : 3px 0; 
margin : 0; 
font-family : Arial, sans-serif; 
font-size : 1em; 
} 
.white {
color : #ffffff; 
text-decoration : none; 
position : relative; 
top : 0; 
left : 4px; 
} 
.white1 {
color : #ffffff; 
text-decoration : none; 
position : relative; 
top : 0; 
left : 24px; 
} 
.pieds {
color : #ffffff; 
text-decoration : none; 
position : relative; 
top : 0; 
left : 63px; 
} 
.titre-menu {
position : relative; 
left : -8px; 
font-family : Helvetica, sans-serif; 
font-weight : bold; 
line-height : 300%; 
letter-spacing : 1px; 
word-spacing : 1px; 
} 
.ancre {
position : relative; 
font-family : Helvetica, sans-serif; 
font-size : 8pt; 
color : #336699; 
letter-spacing : 0; 
word-spacing : 0; 
} 
.jaune {
background-color : #ffffff; 
width : 426px; 
padding : 0; 
} 
.bleu {
color : #15497b; 
} 
.strong {
font-weight : bold; 
} 
hr {
color : #8ca4b6; 
background-color : #8ca4b6; 
position : relative; 
top : 4px; 
left : 0; 
height : 1px; 
border : 0; 
} 
background-color : #e2dada; 
width : 560px; 
position : relative; 
top : -646px; 
left : 0; 
color : #333333; 
line-height : 1px; 
font-size : 0.1em; 
padding-top : 0; 
padding-left : 0; 
padding-bottom : 0; 
} 

.jaune1 {
background-color : #ffffff; 
width : 377px; 
position : relative; 
top : -10px; 
left : 155px; 
color : #000000; 
line-height : 13px; 
font-size : 0.9em; 
padding-top : 5px; 
padding-left : 10px; 
padding-bottom : 5px;
border-left : 1px solid #e2dada;
border-right : 1px solid #e2dada;
border-top : 1px solid #e2dada;
border-bottom : 1px solid #e2dada;
 
}
.jaune3 {
background-color : #ffffff; 
width : 140px; 
position : relative; 
top : -30px; 
left : 0px; 
color : #000000; 
line-height : 10px; 
font-size : 0.9em; 
padding-top : 0px; 
padding-left : 0px; 
padding-bottom : 0px; 
}
.jaune4 {
background-color : #ffffff; 
width : 177px; 
position : relative; 
top : -33px; 
left : 380px; 
color : #000000; 
line-height : 8px; 
font-size : 0.9em; 
padding-top : 5px; 
padding-left : 15px; 
padding-bottom : 5px;
border-left : 1px solid #e2dada;
border-right : 1px solid #e2dada;
border-top : 1px solid #e2dada;
border-bottom : 1px solid #e2dada; 
} 
#text51 {
position : absolute; 
top : 281px; 
left : 6px; 
font-family : Helvetica, sans-serif; 
font-weight : bold; 
font-size : 0.85em; 
color : #ffffff;
}
.n2 a {
display : block; 
background-color : #336699; 
font-family : Trebuchet MS, helvetica, arial, sans-serif; 
font-weight : normal; 
width : 151px; 
text-indent : 5px; 
background-repeat : no-repeat; 
color :  #ffffff; 
text-decoration : none; 
}
.n3 a { 
display : block;
background-color : #336699;
font-family : Trebuchet MS, helvetica, arial, sans-serif;
font-size : 0.9em;
text-indent : 20px;
width : 151px;
background-repeat : no-repeat;
color : #ffffff;
text-decoration : none;
} 

.black {
font-size : 0.9em;  
text-decoration: none;
position : relative; 
top : 1px; 
}
.black li{
font-size : 0.9em;  
text-decoration: none;
}
.black a{
color : #000000;
font-size : 0.9em;  
text-decoration: none;
}
.black a:hover { 
color: #ff0000;
font-size : 0.9em;  
text-decoration: none;
 }
.black1 {
color : #000000;
font-size : 0.9em;  
text-decoration: none;
position : relative; 
top : 1px; 
} 
.white1 {
color : #ffffff; 
text-decoration : none; 
position : relative; 
top : 0; 
left : 15px; 
}
.pieds {
color : #ffffff; 
text-decoration : none; 
position : relative; 
top : 0; 
left : 43px; 
}

#image10 {
width : 100px; 
height : 76px; 
background-image : url("images2/produits-copem.gif"); 
background-repeat : no-repeat; 
margin-bottom : 0; 
position : absolute; 
top : 211px; 
left : 639px; 
} 
h4 {
font-size : 1.3em; 
color : #336699;
font-style: italic; 
background-repeat : no-repeat; 
padding-left : 0px; 
background-position : left; 
line-height : 120%; 
margin-top : 15px; 
margin-bottom : 12px; 
}
a img {
border: 0 none;
}
.retour {
color : #000000;
font-size : 0.9em;  

}
.retour:hover { color:red; 
 } 
#centre {
margin-top : 0px; 
background-color : #ffffff; 
padding-top : 15px; 
padding-bottom : 10px; 
padding-left : 20px; 
padding-right : 17px; 
margin-left : 151px; 
text-align : justify; 
line-height : 140%; 
word-spacing : 0.5px;
border-right : 1px solid #dbd7d7; 
}
h2 {
font-size : 1.2em; 
color : #000000; 
font-weight : bold; 
line-height : 100%;
padding-left : 0px; 
background-position : left;  
margin-top : -10px; 
margin-bottom : -8px; 
font-family : Helvetica, sans-serif;  
}
#me { 
position : absolute;
width : 760px;
top : -260px;
left : 0px;
font-family : Helvetica, sans-serif;
line-height : 4%;
font-size : 0.1em;
color : #000000;
}
#text30 { 
position : absolute;
width : 200%;
top : 35px;
left : 150px;
font-family : Helvetica, sans-serif;
font-weight : normal;
font-size : 0.9em;
color : #01395e;#01395e
}
h5 {
font-size : 1em; 
color : red;
font-weight : bold;
background-image : url("images2/puce1.gif"); 
background-repeat : no-repeat; 
padding-left : 16px; 
background-position : left; 
line-height : 120%; 
margin-top : 5px; 
margin-bottom : 5px; 
}
.jaune10 {
background-color : #336699;
width : 760px;
height : 23px; 
position : relative; 
top : 70px; 
left : 0px; 
border-bottom : 1px solid #ffffff; 
}
.white {
padding:0;
margin:50px 34px; 
color : #ffffff; 
text-decoration : underline;
}
.white:hover {
padding:0;
margin:50px 34px; 
color : #ffff00;
text-decoration: underline ;  
}
   

    

