body{
margin:0;
padding:0;
text-align:center;
font-family:verdana;
font-size:80%;

}
a{
outline:none;
}
#conteneur{
width:958px;
background:url('images/planete1.png') no-repeat 194px 172px;
text-align:left;
margin:0 auto;
}
#entete{
height:190px;
}
#logo{
position:absolute;
margin:-60px 0 0 -50px
}
h1{
margin:20px 0 0 255px;
width:457px;
height:97px;
position:absolute;
padding:0;
text-indent:-9999px;
background:url('images/h1.png')
}
.formule-site a{
text-decoration:none;
color:#fc9474;
}
#accueil-lien{
position:absolute;
list-style:none;
padding:0;
text-decoration:none;
color:#fc9474;
margin:100px 0 0 230px;}
#contact-lien{
position:absolute;
list-style:none;
padding:0;
text-decoration:none;
color:#fc9474;
margin:100px 0 0 290px;}
#contact{
list-style:none;
padding:0;
text-decoration:none;
color:#fc9474;}
#accueil a,#contact a{text-decoration:none;
color:#ec8666;outline:none;}
#accueil a:hover,#contact a:hover{
color:#000;}

h2,h3,h4{padding:0;margin:0;
font-weight:normal;}


#menu1{
position:absolute;
margin:0 0 0 29px;
z-index:1;
}
#menu1,#menu1 li{
list-style:none;
padding:0;
}

#menu1 a{
text-indent:-9999px;
height:52px;
margin:9px 0 0 0;
display:block;
background-position:0px 0px;

}
#menu1 a:hover{
background-position:0px -52px;
}
#menu1-1{
width:415px;
background:url('images/menu1-1a.png');
}

#menu1-2{
width:303px;
background:url('images/menu1-2a.png');
}

#menu1-3{
width:241px;
background:url('images/menu1-3a.png');
}

h2{
position:absolute;
margin:-60px 0 0 0;
width:578px;
display:block;
text-align:center;
font-size:1.9em;
font-weight:normal;
color:#fc9474;
}
#contenu{
margin:161px 0 0 280px;
width:578px;
}
#telephone{
position:absolute;
margin:-80px 0 0 580px;
display:block;
text-decoration:none;
color:#ec8666;
outline:none;
width:300px;
font-size:1.2em;
}
#telephone ul{
padding:0 0 0 130px;
list-style:none;
}
#fixe{
margin:0 0 0 0;
height:22px;
padding:0 0 0 20px;
background:url('images/fixe.png') no-repeat;}

#portable{
margin:0 0 0 0;
height:22px;
padding:0 0 0 20px;
background:url('images/portable.png') no-repeat;}
#references{
position:absolute;
margin:20px 0 0 712px;
display:block;
text-align:right;
text-decoration:none;
color:#ec8666;
outline:none;
}
#references img{
border:none;
}
#colonne-1{
width:48%;
float:left;
}
#colonne-2{
margin:0 0 0 52%;
}
#colonne-1 h3,#colonne-2 h3{
font-size:1em;
color:#000;
text-indent:-20px;
}
#colonne-1 dt,#colonne-2 dt{
padding:0;
margin:0 0 5px 0;
color:#cb694c;
font-size:1em;

}
#colonne-1 dl,#colonne-2 dl,#colonne-1 h3,#colonne-2 h3{
border:1px #cb694c solid;
padding:10px;
-moz-border-radius :5px;
background-color:#fff;
}
#colonne-1 dd,#colonne-2 dd{
padding:5px;
margin:0 10px 0px 10px;
font-size:0.8em;
border:solid #fae8e1;
border-width:0 0 1px 0;
}
#colonne-1 img,#colonne-2 img{
position:absolute;
margin:-10px 0 0 220px;
}
#graphisme img{
margin:-20px 0 0 220px;
}
#graphisme h3{
background:url('images/exposition-h3.jpg') repeat-y;
}
#graphisme dd{
border:solid #e5cd72;
border-width:0 0 0 1px;
}
#web h3{
background:url('images/premium-h3.jpg') repeat-y;
}
#web dd{
border:solid #9bd776;
border-width:0 0 0 1px;
}
#site-communication h3,#communication{
background:url('images/communication-h3.jpg') repeat-y;
}
#site-exposition h3,#exposition{
background:url('images/exposition-h3.jpg') repeat-y;
}
#site-premium h3,#premium{
background:url('images/premium-h3.jpg') repeat-y;
}
#site-vente-en-ligne h3,#vente-en-ligne{
background:url('images/vente-en-ligne-h3.jpg') repeat-y;
}
#graph1 h3{
background:url('images/graph1-h3.jpg') repeat-y;
}
#graph2 h3{
background:url('images/graph2-h3.jpg') repeat-y;
}
#graph3 h3{
background:url('images/graph3-h3.jpg') repeat-y;
}
#graph-1 dt{
background:url('images/graph1-h3.jpg') #fff repeat-y;
}
#graph-2 dt{
background:url('images/graph2-h3.jpg') #fff repeat-y;
}
#graph-3 dt{
background:url('images/graph3-h3.jpg') #fff repeat-y;
}
#storyboards dt{
background:url('images/graph4-h3.jpg') #fff repeat-y;
}
#divers dt{
background:url('images/graph5-h3.jpg') #fff repeat-y;
}
#graph4 h3{
background:url('images/graph4-h3.jpg') repeat-y;
}
#graph5 h3{
background:url('images/graph5-h3.jpg') repeat-y;
}
#graph6 h3{
background:url('images/graph6-h3.jpg') repeat-y;
}
#site-communication dd{
border:solid #88b3d6;
border-width:0 0 0 1px;
}
#site-exposition dd{
border:solid #e5cd72;
border-width:0 0 0 1px;
}
#site-premium dd{
border:solid #9bd776;
border-width:0 0 0 1px;
}
#site-vente-en-ligne dd{
border:solid #d88c8a;
border-width:0 0 0 1px;
}
.fleche {
background:url('images/fleche.png') no-repeat 20px 4px;
padding:0 0 0 0px;
display:block;
width:90%;
margin:0 0 0 0px;
text-decoration:none;
color:#ec8666;outline:none;
}
.fleche:hover{
background:url('images/fleche-hover.png') no-repeat 20px 4px;;
color:#000;
}
#pied{
margin:40px 0 0 280px;
width:578px;
text-align:center;
color:#cb694c;
clear:both;
font-size:0.8em;
}

body{
overflow-y : scroll;
}
h3{
font-weight:normal;
font-size:1em;
text-align:center;
}
#nouvelles-creations{
margin:213px 0 0 31px;
float:left;
width:193px;
height:190px;
background:url('images/dernieres-creations.png');
padding:0;
}
li{list-style:none;
}
#nouvelles-creations dt{
display:block;
height:13px;
text-indent:-9999px;
}
#nouvelles-creations h3{
position:absolute;
text-indent:-9999px;
}
#nouvelles-creations h4{
position:absolute;
text-indent:-9999px;
}
#nouvelles-creations dd{
margin:0;
display:block;


}
.crea{
position:absolute;
margin:-9999px 0 0 -9999px;
}
#nouvelles-creations img{
border:solid 1px #ccc;
height:52px;
width:52px;
margin:4px 0 0 0;
}
#nouvelles-creations a{
text-decoration:none;
display:block;
width:160px;
margin:0;
padding:0;
outline:none;
}
#nouvelles-creations a:hover img{
border-color:#ec8666;
}
.odd{
}
.add{
}
.formule-site{
border:1px #f9c1ac solid;
padding:10px;
margin:0 0 20px 0;
-moz-border-radius : 10px;
}
.vignette{
text-decoration:none;
border:0;
outline:none;
padding:6px;
background:url(images/vignette.jpg) no-repeat 2px 2px;
display:block;
width:80px;
height:80px;
float:left;
}
.vignette img{
border:1px #f9c1ac solid;
}
#gallerie{
text-align:center;
overflow:hidden;

}
#gallerie-2{
text-align:center;
overflow:hidden;
font-size:0.7em;
}
.pre-gallerie{
text-decoration:none;
border:0;
outline:none;
margin:7px;
display:block;
width:171px;
float:left;
color:#ec8666;
}
.pre-gallerie img{
border:1px #f9c1ac solid;
}
.offres{
background:url('images/offres.png');
height:22px;
width:223px;
display:block;
text-indent:-9999px;
margin:0 0 0 16px;
}
.offres:hover{
background-position:0 -22px;
}
.gallerie-lien{
background:url('images/gallerie.png');
height:22px;
width:223px;
display:block;
text-indent:-9999px;
margin:0 0 0 16px;
z-index:10;
position:relative;
}
.gallerie-lien:hover{
background-position:0 -22px;
}
#copyright{
position:absolute;
margin:420px 0 0 29px;

}
#copyright a{
text-decoration:none;
color:#ec8666;
}
.image{
background-color:#fef3ee;
overflow:hidden;
text-align:center;
border:#f8e1da solid 1px;
-moz-border-radius : 7px 7px 20px 7px;
}
.image dt{
text-align:left;
border:#f9c1ac solid;
border-width:0 0 1px 0;
height:20px;
font-size:1.2em;
padding:4px 28px;
-moz-border-radius : 7px 7px 0 0;
}
.image dd{
margin:0;
float:left;
border:#fdd7cb solid 1px;
}
.image img{
margin:2px;
border:4px solid #fff;
width:40px;
}
#storyboards dd,#divers dd{
position:absolute;
margin:-9999px 0 0 -9999px;
}
#storyboards dt,#divers dt{
font-size:0.7em;
height:10px;
padding:2px 28px;
-moz-border-radius : 7px;
}
#storyboards:focus dd,#divers:focus dd,#storyboards:hover dd,#divers:hover dd{
position:relative;
margin:0;
}
#storyboards:focus dt,#divers:focus dt,#storyboards:hover dt,#divers:hover dt{
height:20px;
font-size:1.2em;
padding:4px 28px;
-moz-border-radius : 7px 7px 0 0;
}
#galerie-images{
border:#fdd7cb solid 1px;
-moz-border-radius : 15px;
padding:0 10px;
}

#artetc56-blog h3{
background:url('images/artetc56-blog.jpg');
text-indent:-9999px;
}
#dieu h3{
background:url('images/dieu.jpg');
text-indent:-9999px;
}

.tableau{
border:solid 1px #f9c1ac;
margin:0 0 20px 0;
-moz-border-radius : 7px;
padding:5px;
}
.tableau th{
border:1px #cb694c solid;
padding:10px;
-moz-border-radius :5px;
}
.tableau th img{
position:absolute;
margin:-20px 0 0 200px;
}
.tableau th h3{
text-indent:-50px;
}
.tableau td{
border:solid 1px #cb694c;
padding:0 10px;
margin:0 0 20px 0;
-moz-border-radius : 7px;
}
.tableau td dt{
padding:0;
margin:0 0 5px 0;
color:#cb694c;
font-size:1em;
}
.tableau td dd{
padding:5px;
margin:0 10px 0px 10px;
font-size:0.8em;
border:solid #fae8e1;
border-width:0 0 1px 0;
}
.communication{
background-color:#f2f8fe;
}
.exposition{
background-color:#fffdf5;
}
.premium{
background-color:#fcfffa;
}
.vente-en-ligne{
background-color:#fff6f6;
}
#crayons-couleur dt{
background:url('images/crayons-couleur.jpg');
}
#vectoriel dt{
background:url('images/vectoriel.jpg');
}
#plume-couleurs dt{
background:url('images/plume-couleurs.jpg');
}
#storyboards dt{
background:url('images/storyboards.jpg');
}
#divers dt{
background:url('images/divers.jpg');
}