body {
margin:0pt auto;
padding:0pt;
z-index:1;
background:white url(../images/template/fond.gif) repeat-x scroll left top;
}
.cadre_photo{
float:left;
margin:10px;
}
#template-page-quisommesnous{
float:right;
width:725px;
padding-left:20px;
padding-top:3px;
background:white url(../images/template/bkqui.jpg) no-repeat scroll left top;
margin-top:33px;
}
#ipad_intro{
margin-top:10px;
float:right;
}
.iphone_android{
margin-left:20px;
}
.iphone_android i{
width:100%;
text-align:center;
float:left;
margin-bottom:10px;
}
.intro_mobile i{
float:right;
width:315px;
text-align:center;

}
.intro_mobile td{
vertical-align:top;
}
#banpears{
float:right;
margin-top:35px;
margin-right:13px;
}
.maintenance{
float:left;
margin-top:30px;
margin-left:30px;
}
#link_realisations{
font-family:Arial, Verdana, Helvetica, sans-serif;
font-size:15px;
background: url(../images/template/flechemenu2.png) no-repeat;
color:#E1E1E1;
text-indent:16px;
float:left;
font-weight:bold;
text-decoration:underline;
margin-left:215px;
margin-top:5px;
}
#banpears img{
width:705px;
}
.cadre_description{
float:left;
width:340px;
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#616161;
font-size:13px;
margin-bottom:20px;
}
.cadre_description2{
width:508px;
margin-left:15px;
}
.cadre_titre{
float:left;
width:340px;
font-family:Arial, Verdana, Helvetica, sans-serif;
color:#616161;
font-size:18px;
font-weight:bold;
margin-bottom:5px;
}
.cadre_titre2{
width:508px;
margin-left:15px;
}
.cadre_titre b{
color:#B20000;
}
.cadre2a{
width:530px;
height:42px;
background: url(../images/template/cadre2a.png) no-repeat center;
float:right;
}
.cadre2b{
width:530px;
background: url(../images/template/cadre2b.png) no-repeat bottom;
float:right;
}
.cadre1a{
width:530px;
height:42px;
background: url(../images/template/cadre1a.png) no-repeat center;
float:left;
margin-left:59px;
}
.cadre1b{
width:530px;
background: url(../images/template/cadre1b.png) no-repeat bottom;
float:left;
margin-left:59px;
}
#head1 {
width: 313px;
height:367px;
float:left;
}
#head1a {
width: 313px;
height:64px;
background: url(../images/template/_02.jpg) no-repeat center;
float:left;
}
#head1b {
width: 58px;
height:179px;
background: url(../images/template/_06.jpg) no-repeat center;
float:left;
}
#head1c {
width: 217px;
height:179px;
float:left;
}
#head1d {
width: 38px;
height:179px;
background: url(../images/template/_08.jpg) no-repeat center;
float:left;
}
#head1e {
width: 313px;
height:124px;
background: url(../images/template/_11.jpg) no-repeat center;
float:left;
}
.ie6 #head1e {
margin-top:-4px;
}
#head2 {
width: 339px;
height:367px;
float:left;
}
#head2a {
width: 339px;
height:198px;
background: url(../images/template/_03.jpg) no-repeat center;
float:left;
}
#head2b {
width: 339px;
height:169px;
background: url(../images/template/_09.jpg) no-repeat center;
float:left;
}
#head3 {
width: 294px;
height:367px;
float:left;
}
#head3a {
width: 294px;
height:198px;
background: url(../images/template/_04.jpg) no-repeat center;
float:left;
}
#head3b {
width: 294px;
height:169px;
background: url(../images/template/_10.jpg) no-repeat center;
float:left;
}
#menu{
float:left;
margin-left:260px;
height:30px;
margin-top:3px;
position:absolute;
top:367px;
}
.redmenu-item1 {
width: 11px;
height:33px;
background: url(../images/template/_14.jpg) no-repeat center;
float:left;
}
.redmenu-item2 {
height:33px;
background: url(../images/template/_16.jpg) repeat-x top;
float:left;
}
.redmenu-item2 a{
float:left;
color:white;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
padding-top:8px;
}
.redmenu-item3 {
width: 11px;
height:33px;
background: url(../images/template/_17.jpg) no-repeat center;
float:left;
margin-right:3px;
}
.menu-item1 {
width: 11px;
height:33px;
background: url(../images/template/_19.jpg) no-repeat center;
float:left;
}
.menu-item2 {
height:33px;
background: url(../images/template/_21.jpg) repeat-x top;
float:left;
}
.menu-item2 a{
float:left;
color:white;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
padding-top:8px;
}
.menu-item3 {
width: 12px;
height:33px;
background: url(../images/template/_22.jpg) no-repeat center;
float:left;
margin-right:3px;
}
#template-left {
width: 198px;
float:left;
margin-top:20px;
}
.left1 {
width: 198px;
height:52px;
background: url(../images/template/_28.jpg) no-repeat center;
float:left;
}
.left6 {
width: 198px;
height:52px;
background: url(../images/template/_28.jpg) no-repeat center;
float:left;
margin-top:20px;
}
.left2b {
width: 198px;
background: url(../images/template/_30b.jpg) repeat-y top;
float:left;
}
.left2 {
width: 198px;
background: url(../images/template/_30.jpg) repeat-y top;
float:left;
}
.left3 {
width: 198px;
height:56px;
background: url(../images/template/_32.jpg) no-repeat center;
float:left;
}
.left4 {
width: 198px;
background: url(../images/template/_33.jpg) repeat-y center;
float:left;
}
.left5 {
width: 198px;
height:29px;
background: url(../images/template/_34.jpg) no-repeat center;
float:left;
}
.footer1 {
width: 26px;
height:96px;
background: url(../images/template/_54.jpg) no-repeat center;
float:left;
}
.footer2 {
height:96px;
width:895px;
background: url(../images/template/_55.jpg) repeat-x center;
float:left;
}
.footer3 {
width: 25px;
height:96px;
background: url(../images/template/_58.jpg) no-repeat center;
float:left;
}

.box-note {
float:left;
width: 671px;
margin-left:40px;
margin-top:20px;
}
.ie6 .box-note {
margin-left:10px;
}
.box-note-h1 {
width: 17px;
height:31px;
background: url(../images/template/_35.jpg) no-repeat top;
float:left;
}
.box-note-h2 {
width: 598px;
height:31px;
background: url(../images/template/_36.jpg) repeat-x top;
float:left;
}
.box-note-h2 h1,
.box-note-h2 span {
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
color:white;
float:left;
margin-left:10px;
margin-top:10px;
}
.box-note-h3 {
width: 56px;
height:31px;
background: url(../images/template/_38.jpg) no-repeat top;
float:left;
}
.box-note-h4 {
width: 671px;
height:22px;
background: url(../images/template/_40.jpg) no-repeat top;
float:left;
}
.box-note-h5 {
width: 671px;
background: url(../images/template/55b.jpg) repeat-y top;
float:left;
}
.box-note-h6 {
width: 671px;
height:18px;
background: url(../images/template/_51b.jpg) no-repeat left top;
float:left;
overflow:hidden;
}
.box-note-h7 {
width: 15px;
height:9px;
background: url(../images/template/_53.jpg) no-repeat top;
float:left;
overflow:hidden;
}
.box-note-h8 {
width: 638px;
height:9px;
background: url(../images/template/_54b.jpg) repeat-x top;
float:left;
overflow:hidden;
}
.box-note-h9 {
width: 18px;
height:9px;
background: url(../images/template/_56.jpg) no-repeat top;
float:left;
overflow:hidden;
}
.box-note-texte{
width:625px;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
float:left;
margin-left:25px;
}
.ie6 .box-note-texte{
margin-left:10px;
}
.box-note-texte a{
color:black;
}
#template-conteneur {
width: 946px;
margin: 0 auto; 
}
#template-content-home{
float:right;
width:745px;
margin-top:33px;
}

.liste-fonctions{
margin-top:-4px;
float:left;
list-style:none;
width:655px;
}
.ie6 .liste-fonctions{
margin-left:10px;
}
.liste-fonctions li{
margin:0px;
background-color:#EEEEEE;  
padding:6px;
margin-left:-10px;
}

.liste-fonctions .impair{
background-color:#CDCDCD;    
}



#template-page-home{
float:right;
width:725px;
padding-left:20px;
padding-top:63px;
}
.ie6 #template-page-home{
padding-left:10px;
}
.presentation{
font: 14px Arial, Verdana, Helvetica, sans-serif;
color:#292929;
text-align:justify;
float:left;
}
.detail-fonctions h3{
width:100%;
float:left;
}
#intro-presentation-texte{
float:left;
margin-top:5px;
width:500px;
text-align:justify;
}
.price-pack{
float:left;
color:#A30100;
font-weight:bold;
width:170px;
}

.image-pack-presentation{
float:left;
margin-right:10px;
width:150px;
}

.intro-presentation{
float:left;
background-color:#E6E6E6;
width:670px;
margin:20px;
padding:10px;
font: 14px Arial, Verdana, Helvetica, sans-serif;
}
.ie6 .intro-presentation{
margin:10px;
}
.box-title h2{
font: 16px Arial, Verdana, Helvetica, sans-serif;
font-weight:bold;
margin-top:6px;
float:left;
color:black;
margin:0px;
margin-top:10px;
}
.box-note-texte b{
color:#A30100;
}
#realisations{
float:left;
margin-left:63px;
margin-top:1px;
}
.ie6 #realisations{
margin-left:30px;
}
#devis{
float:left;
margin-left:63px;
margin-top:4px;
}
.ie6 #devis{
margin-left:30px;
}
#menu-footer-part{
float:left;
margin:0px;
list-style:none;
color:white;
font: 9px Arial, Verdana, Helvetica, sans-serif;
}
#menu-footer-part li{
float:left;
margin-left:15px;
}
#menu-footer-part li a{
text-decoration:none;
color:white;
}
#menu-footer{
float:left;
list-style:none;
color:white;
font: 13px Arial, Verdana, Helvetica, sans-serif;
}
#menu-footer li{
float:left;
margin-left:15px;
margin-top:7px;
}
.ie6 #menu-footer{
margin-left:0px;
}
#menu-footer li .head{
color:white;
font: 13px Arial, Verdana, Helvetica, sans-serif;
}
#contact{
float:left;
margin-left:63px;
margin-top:7px;
}
.ie6 #contact{
margin-left:30px;
}
#promo{
float:left;   
}
#promo-text{
float:left;   
width:480px;
padding-top:25px;
}
.box-description{
font: 13px Arial, Verdana, Helvetica, sans-serif;
padding:6px;
float:left;
}
.box-lien{
width:100%;
float:left;
}
.box-left{
float:left;
width:130px;
padding:4px;
}
.box-right{
float:left;
width:215px;
}
#offres{
float:left;
margin-left:20px;
margin-top:20px;
margin-bottom:10px;
}
.ie6 #offres{
margin-left:10px;
}
.box-gris{
float:left;
background-color:#E6E6E6;
width:360px;
height:230px;
}
.box-blanc{
float:left;
width:360px;
height:230px;
}
#pagination{
    margin-left:20px;
    float:left;
    width:700px;
}
#footer{
float:left;
}
#template-pied {
margin-top:15px;
width: 946px;
height:96px;
float:left;
}

#boutton-retour{
margin:20px;   
float:left;
}

#template-centre {
float:left;
width: 946px;
margin-top:367px;
}

p {
margin-bottom: 6px;
margin-top:0px;
}
b{
color:#292929;
}

#template-header {
position:absolute;
top:0px;
}


.article-list,
.advert-list {
list-style:none;
margin-top:-2px;
margin: 0;
padding: 0;
}

.article-list li,
.advert-list li{
float:left;
margin:3px;
margin-top:10px;
}




.boiteArticleDetail {
    background-color:#F5F5F5;
    width:680px;
    padding:15px;
    float:left;
    margin-left:20px;
    margin-top:20px;
}

.boiteArticle {
    width:650px;
    float:left;
    background:#EEEEEE url(../images/template/punaise.jpg) no-repeat right top;
    padding-top:40px;
}
.title-navigation{
margin-top:6px;
margin-left:19px;
font: bold 14px Arial, Verdana, Helvetica, sans-serif;
color:white;
float:left;
}

.title-temoignage{
margin-top:32px;
margin-left:19px;
font: bold 14px Arial, Verdana, Helvetica, sans-serif;
color:white;
float:left;
}
.menuleft,
.menuleft2,
.menuleft3 {
	margin-left:9px;
	padding:0px;
	text-indent:0px;
	width:180px;
	margin-top:0px;
	list-style:none;
}
.menuleft3 {
	margin-left:0px;
}
.menuleft3 li {
	font: 12px Arial, Verdana, Helvetica, sans-serif;
	color:#E1E1E1;
	padding-right:5px;
}
.menuleft3 li b {
color:#E1E1E1;
}
.menuleft a.head,
.menuleft2 a.head{
	background: url(../images/template/flechemenu2.png) no-repeat;
	color:#E1E1E1;
	display:block;
	font: bold 14px Arial, Verdana, Helvetica, sans-serif;
	text-indent:16px;
	text-decoration: none;
}
.ie6 .menuleft a.head,
.ie6 .menuleft2 a.head{
	background: none;
}

.menuleft li a:hover{
	background-color:#4D4D4D;
	color:white;
}
.menuleft2 li a:hover{
	background-color:#5C0001;
	color:white;
}
.menuleft2 a.selected,
.menuleft a.selected{
	background: url(../images/template/flechemenu.png) no-repeat;
}
.menuleft a.current,
.menuleft2 a.current{
	background-color:#4D4D4D;
	color:white;
}
.register{
margin:20px;
float:left;
font: 14px Arial, Verdana, Helvetica, sans-serif;
}
.register th{
text-align:right;
padding-right:10px;
}
.register input{
width:240px;
}
.article_html{
font: 14px Arial, Verdana, Helvetica, sans-serif;
}
.menuleft li,
.menuleft2 li{
	list-style:none outside none;
	margin-top:3px;
}
.ie6 .menuleft li,
.ie6 .menuleft2 li{
height:10px;
}
.boiteArticleDetail .article_photo,
.boiteArticle .article_photo {
float:left;
margin-left:7px;
margin-right:15px;
margin-top:7px;
width:235px;
}
.error_list {
color: red;
font: bold 10px Verdana, Arial, Helvetica, sans-serif;
list-style-type:none;
margin-left:0px;
margin-bottom:0px;
margin-top:0px;
}

#content-page{
margin:25px;    
font: 12px Verdana, Arial, Helvetica, sans-serif;
}
#presentation-boutique{
float:left;
width:700px;
}
#presentation-left{
float:left;
width:500px;
padding-right:15px;
}
#presentation-right{
float:left;
width:100px;
}
#presentation-produits{
float:left;
width:725px;
}
#presentation-produits-left{
float:left;
width:375px;
}
#presentation-produits-right{
float:right;
}
h1{
    font: 20px Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    color:#A30100;
    margin:0pt auto;
    width:570px;
}
h2{
    font: 16px Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    color:#A30100;
    margin:10px;
    margin-top:17px;
    width:100%;
    float:left;
}
h3{
    font: 13px Arial, Verdana, Helvetica, sans-serif;
    font-weight:bold;
    color:#A30100;
    margin:10px;
}
.legend-title{
    color:#292929;
}
.legend-title2{
    color:#292929;
    float:left;
    font-size:18px;
    margin-left:150px;
    font-style:italic;
}
#zone-liste-sites{
float:left;
margin-left:50px;
margin-top:20px;
}
.ie6 #zone-liste-sites{
margin-left:10px;
}
.boiteArticleDetail .article_titre,
.boiteArticle .article_titre {
font: bold 15px Arial, Verdana, Helvetica, sans-serif;
margin-bottom:6px;
padding-top:5px;
}


.boiteArticleDetail .article_description{
height: 70px;
font-style: italic;
}

.boiteArticle .article_description {
float:left;
width:375px;
font: 15px Arial, Verdana, Helvetica, sans-serif;
}
.boiteArticle .article_html {
float:left;
width:375px;
}


.boiteArticle .article_lien {
margin:10px;
float:left;
width:300px;
}

.boiteArticle .article_lien a {
    font-weight: bold;
    color:black;
    font: 14px Verdana, Arial, Helvetica, sans-serif;
    float:left;
    margin-left:10px;
}

a{text-decoration:none;}
a img {border:0;}
.clear {clear:both;}


.button-valider input {
width: 118px;
height: 26px;
background-image:url(../images/sauver.jpg);
border:0px none;
color:white;
font: bold 13px Arial, Verdana, Helvetica, sans-serif;
border:0px none;
text-transform:uppercase;
cursor:pointer;
float:left;
margin-left:255px;
}
#temoignages{
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-right:5px;
float:left;
width:100%;
list-style:none;
}
#mySlides{
list-style:none;
padding:0;
margin:0;
margin-top:14px;
}
#mySlides li{
float:left;
margin-left:10px;
}
#mycarousel{
padding:0;
margin:0;
list-style:none;
width:175px;
margin-left:10px;
}
#mycarousel li b{
color:#E1E1E1;
}
#mycarousel li {
color:#E1E1E1;
font-family:Arial,Verdana,Helvetica,sans-serif;
font-size:12px;
font-size-adjust:none;
font-stretch:normal;
font-style:normal;
font-variant:normal;
font-weight:normal;
line-height:normal;
padding-right:5px;
}
.menuleft a.link_temoignage{
font-size:12px;
text-decoration:underline;
margin-top:10px;
}