*{
margin:0px;
padding:0px;
border:0px;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:100%;
font-style:normal;
text-decoration: none;
}
body{
text-align:center;/* on rÈtablit l'alignement normal de body ici pour IE */
font-style:normal;
font-size:12px;
margin:0px 0px 0px 0px;/* hauteur de la page du bord haut */
background-color:#3D342F;
}
/* ... */
h1 {
	font-size: 15px;
	color: #000000;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
h2 {
	font-size: 14px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h3 {
	font-size: 13px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
h4 {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: normal;
}
.h1cp18 {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 18px;
}
.h3-liens {
	font-size: 13px;
	color: #000000;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}
.h4-liens {
	font-size: 11px;
	color: #FFFFFF;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
	text-decoration: underline;
}
/* ---------  gÈnÈral  ---------- */
#page-gen{
position:relative;
margin:0px auto;
width:1000px;
}
#page-gen2{
position:relative;
margin:0px auto;
width:850px;
}
#home-flash{
float:left;
width:1000px;
height:410px;
}
#bandeau1{
float:left;
width:850px;
}
.espace-gen{
float:left;
width:75px;
}
.contenu-gen{
float:left;
width:850px;
text-align:center;
}
.contenu-1{
float:left;
width:850px;
background-image:url(arcanesimages/arcanes_fdcadre1_2.jpg);
background-repeat:no-repeat;
}
.titre-1{
float:left;
width:450px;
text-align:center;
}
.texte-1{
float:left;
width:850px;
text-align:center;
}
/* ---------  prÈsentation  ---------- */
.texte-present{
float:left;
width:850px;
height:200px;
text-align:left;
}
.texte-present2{
float:left;
width:500px;
height:200px;
text-align:left;
}
.image-present{
float:left;
width:280px;
height:200px;
text-align:left;
}
/* ---------  rÈalisations  ---------- */
.contenu-gen2{
float:left;
width:850px;
text-align:center;
}
.contenu-2{
float:left;
width:850px;
height:1220px;
background-image:url(arcanesimages/arcanes_fdfeuilles1.jpg);
background-repeat:no-repeat;
}
.contenu-2-espace1{
float:left;
width:850px;
height:20px;
}
.texte-2{
float:left;
width:810px;
text-align:center;
}
.espace-realisations{
float:left;
width:20px;
height:40px;
}
.contenu-secteur{
float:left;
width:850px;
height:200px;
text-align:left;
}
.titre-secteur{
float:left;
width:810px;
height:30px;
text-align:center;
}
.lien-secteur{
font-size:18px;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.lien-secteur:hover{
font-size:18px;
color:#3D342F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.anim-secteur{
float:left;
width:810px;
height:150px;
text-align:left;
}
.client-contenu{
float:left;
width:850px;
align:center;
}
.client-article{
float:left;
width:530px;
text-align:left;
}
.client-texte{
float:left;
width:810px;
text-align:left;
}
.client-titre{
font-size:16px;
color:#AFC917;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight: bold;
}
.client-reals{
float:left;
width:810px;
align:center;
}
.client-texte2{
font-size:12px;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}
/* ---------  Offres  ---------- */
.contenu-offre1{
float:left;
width:850px;
height:1190px;
background-image:url(arcanesimages/arcanes_fdfleur1.jpg);
background-repeat:no-repeat;
}
.contenu-offre2{
float:left;
width:850px;
height:920px;
background-image:url(arcanesimages/arcanes_fdfleur2.jpg);
background-repeat:no-repeat;
}
.contenu-offre3{
float:left;
width:850px;
height:890px;
background-image:url(arcanesimages/arcanes_fdfleur3.jpg);
background-repeat:no-repeat;
}
.titre-offre1{
font-size:18px;
color:#66FF66;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight: bold;
}
.titre-offre2{
font-size:18px;
color:#660099;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight: bold;
}
.texte-offres{
float:left;
width:340px;
text-align:left;
}
.espace-offre1{
float:left;
width:25px;
height:400px;
}
.espace-offre2{
float:left;
width:15px;
height:400px;
}
.espace-offre3{
float:left;
width:15px;
height:100px;
}
.texte-offres2{
float:left;
width:790px;
text-align:left;
}
.offre1-liste1 {
list-style-position: inside;
list-style-type: square;
}
.packs-offres{
float:left;
width:350px;
text-align:left;
margin-left:20px;
}
.packs-anims{
float:left;
width:450px;
text-align:left;
}
.packs-anims2{
float:left;
width:450px;
text-align:left;
margin-top:25px;
}
.offre1-reals{
float:left;
width:850px;
}
.offre1-reals-contenu{
float:left;
width:260px;
text-align:center;
vertical-align:middle;
}
.espace-menu{
float:left;
width:850px;
height:5px;
}
/* ---------  engagements  ---------- */
.contenu-blanc-haut{
float:left;
width:850px;
height:25px;
background-image:url(arcanesimages/arcanes_fdblanc1h.jpg);
background-repeat:no-repeat;
}
.contenu-blanc{
float:left;
width:850px;
background-color:#FFFFFF;
}
.contenu-blanc-bas{
float:left;
width:850px;
height:25px;
background-image:url(arcanesimages/arcanes_fdblanc1b.jpg);
background-repeat:no-repeat;
}
.titre-engagements{
font-size:16px;
color:#AFC917;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight: bold;
}
.titre2-engagements{
font-size:16px;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
font-weight: bold;
}
.titre3-engagements{
font-size:20px;
color:#AFC917;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
margin-left:20px;
font-weight: bold;
}
.texte-engagements{
font-size:14px;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}
.contenu-engagements{
float:left;
width:850px;
text-align:left;
}
.article-engagements{
float:left;
width:530px;
text-align:left;
}
.espace-engagements{
float:left;
width:20px;
height:40px;
}
.image-engagements{
float:left;
width:260px;
}
/* ---------  menu 1  ---------- */
.menu-1{
float:left;
width:400px;
height:30px;
background-image:url(arcanesimages/arcanes_fdmenu1.jpg);
background-repeat:no-repeat;
}
.menu-1b{
float:left;
width:400px;
height:30px;
background-image:url(arcanesimages/arcanes_fdmenu1b.jpg);
background-repeat:no-repeat;
}
.menu-1c{
float:left;
width:400px;
height:30px;
background-image:url(arcanesimages/arcanes_fdmenu1c.jpg);
background-repeat:no-repeat;
}
.menu-1d{
float:left;
width:400px;
height:30px;
background-image:url(arcanesimages/arcanes_fdmenu1d.jpg);
background-repeat:no-repeat;
}
.menu-1e{
float:left;
width:400px;
height:30px;
background-image:url(arcanesimages/arcanes_fdmenu1e.jpg);
background-repeat:no-repeat;
}
.menu-1f{
float:left;
width:400px;
height:30px;
background-image:url(arcanesimages/arcanes_fdmenu1f.jpg);
background-repeat:no-repeat;
}
.lien-menu-1{
font-size:14px;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.lien-menu-1:hover{
font-size:14px;
color:#00FF00;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.menu-1-espace{
float:left;
width:20px;
height:30px;
text-align:center;
padding-top:2px;
}
.menu-1-presentation{
float:left;
width:135px;
height:30px;
text-align:center;
padding-top:2px;
}
.menu-1-realisations{
float:left;
width:130px;
height:30px;
text-align:center;
padding-top:2px;
}
.menu-1-contacts{
float:left;
width:95px;
height:30px;
text-align:center;
padding-top:2px;
}
/* ---------  sous menu deroulant  ---------- */



/* ---------  menu 2  ---------- */
.menu-2{
float:left;
width:850px;
height:40px;
background-image:url(arcanesimages/arcanes_fdmenu2.gif);
background-repeat:no-repeat;
}
.menu-2b{
float:left;
width:850px;
background-image:url(arcanesimages/arcanes_fdmenu2b.gif);
background-repeat:no-repeat;
}
.lien-menu-2{
font-size:24px;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lien-menu-2:hover{
font-size:24px;
color:#00FF00;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu-2-internet{
float:left;
width:280px;
height:40px;
text-align:center;
padding-top:4px;
}
.menu-2-design-print{
float:left;
width:290px;
height:40px;
text-align:center;
padding-top:4px;
}
.menu-2-strategie{
float:left;
width:280px;
height:40px;
text-align:center;
padding-top:4px;
}
/* ---------  menu 3  ---------- */
.menu-3{
float:left;
width:850px;
height:40px;
background-image:url(arcanesimages/arcanes_fdmenu3.gif);
background-repeat:no-repeat;
}
.menu-3b{
float:left;
width:850px;
height:40px;
background-image:url(arcanesimages/arcanes_fdmenu3b.gif);
background-repeat:no-repeat;
}
.lien-menu-3{
font-size:24px;
color:#3D342F;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.lien-menu-3:hover{
font-size:24px;
color:#FFFFFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu-3-engagements{
float:left;
width:280px;
height:40px;
text-align:center;
padding-top:4px;
}
.menu-3-competences{
float:left;
width:290px;
height:40px;
text-align:center;
padding-top:4px;
}
.menu-3-tarifs{
float:left;
width:280px;
height:40px;
text-align:center;
padding-top:4px;
}
/* ---------  menu 4 reals  ---------- */
.menu-reals{
float:left;
width:850px;
height:30px;
}
.menu-reals-texte{
font-size:12px;
color:#3D342F;
font-family: Verdana, Arial, Helvetica, sans-serif;
}
.menu-reals-lien{
font-size:12px;
color:#3D342F;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
.menu-reals-lien:hover{
font-size:12px;
color:#AFC917;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-weight: bold;
}
/* ---------  home promos  ---------- */
.home-promos{
float:left;
width:850px;
height:220px;
}
.texte-newsite{
float:left;
width:850px;
height:200px;
margin-top:30px;
}
.home-promos-espace1{
float:left;
width:20px;
height:220px;
}
.home-promos-espace2{
float:left;
width:15px;
height:220px;
}
.home-promos-contenu{
float:left;
width:260px;
height:220px;
background-image:url(arcanesimages/arcanes_fdpromo1_2.jpg);
text-align:center;
vertical-align:middle;
}
.placement-promo{
float:left;
width:260px;
height:220px;
}
/* ---------  contacts  ---------- */
#contact{
width:100%;
border:0px;
border-collapse:collapse;
border-spacing:0px;
text-align:left;
}
#contact td{
padding-top:3px;
}
#contact-mess{
text-align:center;
font-weight:bold;
color:#97be0d;
}
.contact-espace{
width:10%
}
.contact-espace2{
float:left;
width:20px;
height:25px;
}
#contact-label{
width:35%
}
#contact-form{
width:40%
}
.contact-separ{
width:820px;
border:0px;
border-collapse:collapse;
border-spacing:0px;
background-image:url(arcanesimages/separ_1.gif);
background-repeat:no-repeat;
text-align:left;
}
.inputContact{
background-color:#e8efce;
border:1px solid #007c30;
width:350px;
}
.btnContact{
background-color:#e8efce;
border:1px solid #007C30;
font-weight:bold;
cursor:pointer;
}
.contact-texte{
float:left;
width:740px;
text-align:left;
}
.contacts-plan{
float:left;
width:700px;
text-align:center;
}
.contacts-plan-espace{
float:left;
width:75px;
height:400px;
}
.tableAutre{
width:100%;
border:0px;
border-collapse:collapse;
border-spacing:0px;
text-align:left;
}
.tableAutre td {
padding-top:3px;
width:100%;
text-align:right;
padding-right:78px;
}
.texte-legende{
font-size:10px;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:center;
}
/* ---------  mentions legales  ---------- */
.contenu-mentions{
float:left;
width:800px;
text-align:left;
}
.texte-mentions{
font-size:12px;
color:#000000;
font-family: Verdana, Arial, Helvetica, sans-serif;
text-align:left;
}