body {
margin:0 auto;
padding:0;
font-size:12px;
font-family: Arial, Helvetica, sans-serif;
background :url(images/fond.gif) repeat-x;
background-color:#e1f2fa;
}

h1,h2,h3,h4,h5,h6{
font-size:100%;
font-weight:normal;
padding: 0;
margin: 0;
}

h1 {
font-size:17px;
}

h2 {
font-size:13px;
}

p{
padding: 0;
margin: 0;
text-align:justify;
}

label {
display:block;
float:left;
width:100px;
margin-top:5px;
}

.text_indent {
text-indent: 3px;
}


.lineheight{
line-height: 2px;
}

.lineheight10{
line-height: 12px;
}

.bold {
font-weight:bold;
}

.lineheight6{
line-height: 15px;
}

.lineheight15{
line-height: 15px;
}

.margin27 {
margin-left: 27px;
}

.fontsize15 {
font-size: 14px;
}

.fontsize18 {
font-size: 18px;
}

.color_black {
color: #08367c;
}
.color_bleu {
color: #366dc0;
}

.color_marron {
color: #534e4e;
}

.floatright {
float: right;
}

.floatleft {
margin-right: 20px;
float: left;
}
.floatleft2 {
margin-right: 10px;
float: left;
}
.textright {
text-align:right;
}



#main {
margin:0 auto;
width: 833px;
background: #ffffff;
}

#top {
width: 833px;
height: 134px;
}

#menu {width: 833px; height: 46px; font-size:12px; font-weight:bold; color:#ffffff; background :url(images/menu.gif) no-repeat; background-color: #ffffff;}

#b1 {margin-left:30px; margin-top: 7px; width:79px; height: 31px; text-align:center; float:left; }
#b2 {margin-top: 7px; width:140px; height: 31px; text-align:center; float:left; }
#b3 {margin-top: 7px; width:122px; height: 31px; text-align:center; float:left; }
#b4 {margin-top: 13px; width:66px; height: 31px; text-align:center; float:left; }
#b5 {margin-top: 7px; width:132px; height: 31px; text-align:center; float:left; }
#b6 {margin-top: 13px; width:112px; height: 31px; text-align:center; float:left; }
#b7 {margin-top: 13px; width:110px; height: 31px; text-align:center; float:left; }

.lien_menu {font-size:12px; font-weight:bold; color:#ffffff; text-decoration:none }
.lien_menu:hover {font-size:12px; font-weight:bold; color:#ffffff; text-decoration:underline;}


#contenu {
padding-top:8px;
width: 833px;
background-color: #ffffff;
}

#zonecentre {
width: 630px;
background-color:#ffffff;
float: left;
}

#block1 {
width:194px;
height: 338px;
background :url(images/block1.gif) no-repeat;
margin-left:10px; 
float:left;
}

.titre_rubrique {
width: 194px;
height: 30px;
text-align:center;
font-size:12px; 
font-weight:bold;
color: #366dc0;
margin-top: 140px;
}

.services {
width: 194px;
margin-top: 14px;
}


ul {
padding: 0;
margin: 0;
padding-left: 19px;
font-size:12px;
color: #366dc0;
}


ul li{
list-style:disc;
}


#savoir_plus1 {
width: 190px;
height: 12px;
text-align:right;
margin-top:92px;
}

#savoir_plus2 {
width: 190px;
height: 12px;
text-align:right;
margin-top:32px;
}

#savoir_plus3 {
width: 190px;
height: 12px;
text-align:right;
margin-top:47px;
}


.lien_savoirplus {
font-size:12px;
color: #366dc0;
text-decoration:none
}

.lien_savoirplus:hover {
font-size:12px;
color: #366dc0;
text-decoration:underline;
}



#block2 {
width:194px;
height: 338px;
background :url(images/block2.gif) no-repeat;
margin-left:14px;
float:left;
}

#block3 {
width:194px;
height: 338px;
background :url(images/block3.gif) no-repeat;
margin-left:14px;
float:left;
}

#zonedroite {
width: 203px;
height: 338px;
float: left;
}

#qualite{
width: 203px;
height: 47px;
color: #b266a4;
font-size: 12px;
text-align:center;
}

#sap{
text-align:center;
margin-top:-12px;
}

#devis{
width: 203px;
height: 127px;
color: #f7ab08;
text-align:center;
}

#fiscal{
width: 203px;
height: 127px;
color: #d195c6;
text-align:center;
}



#bottom {
width: 833px;
height: 70px;
background :url(images/bottom2.gif) no-repeat;
background-position:center bottom;
background-color: #ffffff;
color: #bdd5ea;
text-align:center;
clear:both;
}


.lien_bas {
font-size:12px; 
font-weight:bold;
color: #366dc0;
text-decoration:none;
}

.lien_bas:hover {
font-size:12px; 
font-weight:bold;
color: #6490d2;
text-decoration:none;
}


.lien_gouts {
font-size:12px; 
color: #ffffff;
text-decoration:none;
}

.lien_gouts:hover {
font-size:12px; 
color: #ffffff;
text-decoration:underline;
}


/* intérieure */

#zonecentre_int {
width: 830px;
}

.int {
width: 830px;
padding-bottom:20px;
clear:both;
}


.int2 {
width: 700px;
padding: 0 0px 20px 60px;
clear:both;
text-align:justify;
}

.image1 {
width: 199px;
height: 268px; 
margin-left: 35px;
margin-right: 10px;
float: left;
}

.image2 {
width: 199px;
height: 268px; 
margin-left: 50px;
margin-right: 10px;
float: left;
}

.image3 {
width: 269px;
height: 198px; 
margin-top: 5px;
margin-left: 8px;
float: left;
}



.block_texte_top{
width:550px; 
float: left;
}

.titre{
width:550px;;
height: 40px; 
color: #366dc0;
font-size:24px;
font-weight: bold;
text-align: center;
}

.titre2{
width:550px;;
height: 40px; 
color: #366dc0;
font-size:24px;
font-weight: bold;
margin-left: 20px;
}





.texte_top{
text-align:justify;
font-size:12px;
padding-left: 20px; 
}


ul.textepage {
padding: 0;
margin: 0;
padding-left: 19px;
font-size:12px;
color: #366dc0;
line-height:17px;
}


ul.textepage li{
list-style:disc;
}



ul.textepage2{
padding-left: 35px;
margin: 0;
font-size:12px;
color: #000000;
line-height:17px;
}


ul.textepage2 li{
margin-left:170px;
list-style:disc;
}



/* tarifs */

.tableau1{
background-color: #2339aa;
color: #ffffff;
}

.tableau2{
background-color: #5e8acd;
color: #ffffff;
}

.tableau3{
background-color: #91ceed;
color: #ffffff;
}


/* contact */


.block_texte_top2{
width:580px; 
float: left;
}

.logoSap{
margin:0;
padding:0;

}
#logoSap{
float:left;
background:url(images/logo_sap.png) no-repeat;
width:93px;
height:70px;
margin-top:15px;
margin-left:40px;

}










#cadre_contact {
width:177px;
padding: 5px 5px 5px 5px;
float: left;
}

#cadre_devis {
width:310px;
margin-left: 35px;
padding: 5px 5px 5px 5px;
float: left;
}