@charset "utf-8";
/********Mise à plat des marges et réglages globaux********/

* {
margin:0;
padding:0;
list-style-type: none;
}

* a{
text-decoration: none;
}

body{
width: 100%;
font-family: arial, sans-serif;
font-size: 12px;
background: url(/uploads/images/accueil/bg_body.png) repeat-x #b1b3b4;
}

#global{
 width: 949px;
margin: 0 auto;
position: relative;
background: url(/uploads/images/accueil/bg_global.png) repeat-y;
}


/********Header********/

#header{
 height: 204px;
background: url(/uploads/images/accueil/bg_header.png) no-repeat;
}

#identite{
position: absolute;
top: 11px;
left: 16px;
}

#identite a{
display: block;
width: 270px;
height: 60px;
background: url(/uploads/images/accueil/bg_identite.png);
text-indent: -5000px;
outline: none;
}

#menu{
width: 560px;
height: 27px;
position: absolute;
top: 52px;
left: 389px;
}

/******Navigation******/
#menu li{
float: left;
width: 112px;
}

#menu li a{
display: block;
height: 27px;
color: #666;
text-align: center;
line-height: 25px;
font-weight: bold;
font-size: 13px;
}

#menu li a:hover{
background-position: bottom;
color: #fff;
}

#menu li .currentpage{
color: #000;
}

#home{
background: url(/uploads/images/accueil/btn_accueil.png);
}

#crea_site{
background: url(/uploads/images/accueil/btn_web.png);
}

#graphisme{
background: url(/uploads/images/accueil/btn_graphisme.png);
}

#references{
background: url(/uploads/images/accueil/btn_references.png);
}

#contact{
background: url(/uploads/images/accueil/btn_contact.png);
}

#acces_clients{
position: absolute;
top: 2px;
left: 624px;
text-decoration: none;
display: block;
width: 101px;
height: 25px;
background: url(/uploads/images/accueil/acces_clients.png);
text-indent: 15px;
line-height: 20px;
}

#acces_clients a{
color: #b8540e;
font-weight: bold;
}

#acces_clients a:hover{
color: #fff;
}

#banniere{
position: absolute;
top: 79px;
}

#ariane{
position: absolute;
top: 183px;
width: 949px;
height: 21px;
background: url(/uploads/images/accueil/bg_ariane.png);
font-size: 11px;
text-indent: 15px;
line-height: 15px;
color: #b8540e; 
}


/********Contenu********/

#content{
position: relative;
}

/********Centre********/

#centre{
width: 538px;
position: absolute;
left: 232px;
}

.block_centre{
width: 528px;
background: url(/uploads/images/accueil/bg_block_centre.png) repeat-y;
margin-top: 4px;
color: #666;
}

#centre h2{
display: block;
width: 528px;
height: 34px;
text-indent: -5000px;
margin-bottom: 10px;
}

#centre p{
margin: 0 12px 20px 12px;
}

#centre ul{
margin: 0 12px 20px 26px;
}

#centre ul li{
list-style-type: disc;
}

#centre strong{
color: #612241;
font-size: 13px;
font-weight: bold;
}

#acc_intro{
height: 112px;
width: 528px;
background: url(/uploads/images/accueil/bg_intro.png) no-repeat top right;
margin-top: 10px;
color: #612241;
}

#acc_intro p{
padding: 8px;
}

#acc_intro strong{
font-size: 14px;
font-weight: bold;
}

#services h2{
background: url(/uploads/images/accueil/titre_pourquoi.png) no-repeat;
}

#confiance h2{
background: url(/uploads/images/accueil/titre_confiance.png) no-repeat;
}

#confiance img{
margin-left: 40px;
}

.lien{
display: block;
height: 24px;
font-size: 14px;
font-weight: bold;
background: url(/uploads/images/accueil/bg_lien.png) no-repeat top right;
margin: 0 14px 10px 10px;
text-align: right;
}

.lien a{
height: 100%;
background: url(/uploads/images/accueil/fleche.png) no-repeat left 3px;
margin-right: 10px;
color: #666;
line-height: 20px;
padding-left: 16px;
}

.lien a:hover{
color: #612241;
}

.pied_centre{
width: 528px;
height: 14px;
background: url(/uploads/images/accueil/bg_basblock_centre.png) no-repeat;
margin: 0;
}

/********Gauche********/

#side_gauche{
width: 232px;
padding-top: 10px;
}

#side_gauche h2{
display: block;
width: 219px;
height: 34px;
text-indent: -5000px;
margin-bottom: 10px;
}

#side_gauche h3{
color: #612241;
font-size: 16px;
font-weight: normal;
margin: 0 12px 20px 12px;
}

#side_gauche p{
margin: 0 12px 20px 12px;
}

#side_gauche strong{
color: #612241;
font-size: 16px;
font-style: italic;
}

#side_gauche img{
margin-left: 4px;
margin-bottom: 0;
}

.block_gauche{
width: 219px;
background: url(/uploads/images/accueil/bg_block_gauche.png) repeat-y;
margin: 0 4px 10px 14px;
color: #666;
}

.pied_gauche{
width: 219px;
height: 14px;
background: url(/uploads/images/accueil/bas_block_gauche.png) no-repeat;
margin: 0;
}

#news h2{
background: url(/uploads/images/accueil/titre_news.png) no-repeat;
}
.NewsSummary{
padding: 0 4px 0 12px;
}

#packweb h2{
background: url(/uploads/images/accueil/titre_pack.png) no-repeat;
}

#packcomm h2{
background: url(/uploads/images/accueil/titre_pack_boutique.png) no-repeat;
}

#packcomm h3{
color: #255c2f;
}

#packcomm #solecom{
margin-top: 0;
}

#packcomm strong{
color: #255c2f;
}

#temoignage h2{
background: url(/uploads/images/accueil/titre_temoignage.png) no-repeat;
}

/********droite********/

.lien_droite{
display: block;
height: 24px;
font-size: 14px;
font-weight: bold;
background: url(/uploads/images/accueil/bg_lien_droite.png) no-repeat top right;
margin: 0 14px 30px 10px;
}

.lien_droite a{
display: block;
height: 100%;
background: url(/uploads/images/accueil/fleche_droite.png) no-repeat left 5px;
text-indent: 16px;
color: #828282;
line-height: 22px;
}

.lien_droite a:hover{
color: #fff;
}

#side_droite{
width: 179px;
position: absolute;
right: 0;
top: 0;
background: url(/uploads/images/accueil/bg_haut_droite.png) no-repeat;
}

#tel h2{
display: block;
width: 168px;
height: 58px;
background: url(/uploads/images/accueil/bg_tel.png) no-repeat;
margin: 10px 0 0 6px;
text-indent: -5000px;
}

#tel p{
margin: 0 0 10px 5px;
font-size: 11px;
font-weight: bolder;
margin-right: 10px;
color: #fff;
}

#prix_appel{
color: #000;
font-size: 11px;
font-weight: bold;
font-style: italic;
text-align: right;
margin-right: 10px;
}

#dernieres_crea h2{
display: block;
width: 168px;
height: 46px;
background: url(/uploads/images/accueil/titre_crea.png) no-repeat;
margin: 10px 0 0 6px;
text-indent: -5000px;
}

#side_droite ul{
margin: 13px 0 10px 4px;
color: #581739;
font-size: 11px;
}

#side_droite ul li {
margin-bottom: 20px;
}

#side_droite ul li p{
text-indent: 8px;
}


/********footer********/

#footer{
height: 93px;
background: url(/uploads/images/accueil/bg_footer.png) no-repeat;
color: #fff;
font-size: 11px;
overflow: hidden;
}

#footer a{
color: #fff;
}

#footer a:hover{
text-decoration: underline;
}

#menu_footer{
width: 730px;
margin: 8px 0 0 15px;
float: left;
}

#ours{
width: 160px;
text-align: right;
margin: 0 0 0 770px;
padding-top: 8px;
}