/* CSS Document */

body {
background-color: #EF7A05;
background-image:url(images/back.jpg);
text-align:center;
color: #660000;
font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif;
font-size:10px;
vertical-align:middle;
padding:0;
}

a {color: #CC6600; font-style:normal; font-weight:bold; text-decoration:none; font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif; font-size:14px;}

a:hover {color:#3D005C; font-style:normal; font-weight:bold; text-decoration:none; font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif; font-size:14px;}

table {

text-align:center;
width:100%;
border:none;
}

tr {


}



th { background-color: #663366; color:#FFFFFF;}

h1 { color:#660000; font-style:normal; font-weight:bold; font-family:"Mistral", "Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif;  height:70px; margin-top:15px; font-size: 48px; padding-top:0px; margin-bottom:10px; line-height:70px; margin-left:70px;
}

h2 {color:#660000; font-style:normal; font-weight:bold; font-family:"Mistral", "Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif; font-size:30px; padding-top:0; margin-top:0px; height:30px; margin-left:70px;}

h3 {color:#660000; font-style:normal; font-weight:bold; font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif  ; font-size:16px; padding-top:0; margin-top:0px; height:20px; text-align:center; margin-bottom:5px;}

h4 { color: #990000; font-style:normal; font-weight:normal; font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif; font-size:18px; margin-left:30px; padding:0; line-height:20px; height:20px; margin-bottom:5px;
margin-top:15px;}

h5 { color: #990000; font-style:normal; font-weight:normal; font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif; font-size:16px; padding:0; line-height:20px; height:20px; margin-bottom:5px;
margin-top:15px; text-align:center;}


p {}



.spacer {
	clear:both;
	height:15px;
	margin-top:0;
	margin-bottom:0;
	width:auto;
}

.imgportfolio {
width:20%;
vertical-align:top;
}

.textportfolio {
text-align:left;
margin-top:0;
}

.spacerb {
	clear:both;
	height:5px;
	margin-top:0;
	margin-bottom:0;
	width:auto;
	background-color:#CC6600;
}

.bold {
font-weight:bold;
}

#global {
background-color: #FFCC66;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:auto;
width:900px;
height:750px;
font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif;
color:#660000;
font-size:14px;
padding:0;
vertical-align:middle;
}


#globallong {
background-color: #FFCC66;
margin-left:auto;
margin-right:auto;
margin-top:20px;
margin-bottom:auto;
width:900px;
height:1200px;
font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif;
color:#660000;
font-size:14px;
padding:0;
vertical-align:middle;
}



#header {
background:none;
float:left;
margin-left:10px;
margin-right:auto;
margin-top:10px;
width:100px;
height:60px;
font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif;
color:#660000;
font-size:14px;
padding-top:0px;
text-align: center;
vertical-align: middle;

}

#banner {
float:left;
margin-left: 0;
margin-right:0;
margin-top:0;
margin-bottom:auto;
width:600px;
height:150px;
font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif;
color: #000033;
font-size:14px;
padding-top:0px;
text-align: center;
vertical-align: middle;
background-image: url(images/ban3.jpg);

}

#navigation {
float:left;
margin-left:45px;
width:auto;
height:auto;
text-align:left;
margin-top:auto;
}


#content {
float:left;
margin-left:20px;
margin-right:auto;
margin-top:30px;
margin-bottom:auto;
width:800px;
height:480px;
color:#660000; 
font-style:normal; 
font-weight:bold; 
font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif;
font-size:14px;
text-align:center;

}

.tableindex {
width:100%;
}

.tableindex .td {
width:75%;
text-align:left;
font-weight:normal;
}

#presentation {
float:left;
margin-left:10px;
margin-right:auto;
width:580px;
height:500px;
margin-top:20px;
color:#660000;
padding:0;
}

#presentation ul {
text-align:left;
margin-left:5px;
padding:0;
}

#presentation li {
list-style-type:none;
padding:5px;

}


#presentation td {
text-align:center;
height:auto;
text-align:left;
font-size:12px;
width:33%;


}

#services {
float:left;
margin-left:10px;
margin-right:auto;
width:580px;
height:950px;
margin-top:20px;
color:#660000;
padding:0;
text-align:left;
}

#services ul {
margin-top:0;
margin-bottom:0;
padding-left:50px;

}


#services li {
list-style-image: url(images/puce.gif);
padding:1px;
margin-left:5px;

}

#services td {
text-align:center;
height:auto;
text-align:left;
font-size:12px;
width:33%;}


#contact {
float:left;
margin-left:10px;
margin-right:auto;
width:580px;
height:500px;
margin-top:20px;
color:#660000;
padding:0;
text-align:left;
}

#contact ul {
margin-top:0;
margin-bottom:0;
padding-left:50px;
}


#contact li {
list-style-type:none;
padding:1px;
margin-left:5px;

}

.img {
border:none;
}

dl.bot_rgt {background: url(images/top3.png); margin:5px 0; padding:0; float:left; margin-right:10px; width:340px;}
dl.bot_rgt dt {background:transparent; padding:10px; text-align:center; color:#fff;}
dl.bot_rgt dd {background:#F5DAB1 ; padding:0; margin:0;}

dl.bot_lft {background: url(images/top3.png); margin:5px 0; padding:0; float:left; margin-right:10px; width:340px;}
dl.bot_lft dt {background:transparent; padding:10px; text-align:center; color:#fff;}
dl.bot_lft dd {background:#F5DAB1; padding:0; margin:0;}

dl.top_rgt {background: url(images/top3.png); margin:5px 0; padding:0; float:left; margin-right:10px; width:340px;}
dl.top_rgt dt {background:transparent; padding:10px; text-align:center; color:#fff;}
dl.top_rgt dd {background:#F5DAB1; padding:0; margin:0;}

dl.top_lft {background: url(images/top3.png); margin:5px 0; padding:0; float:left; margin-right:10px; width:340px;}
dl.top_lft dt {background:transparent; padding:10px; text-align:center; color:#fff;}
dl.top_lft dd {background:#F5DAB1; padding:0; margin:0;}

dd p {margin:0; padding:10px; line-height:1.3em;}

#leftcolumn {
float:left;
margin-left:0px;
width:150px;
margin-top:0;
margin-bottom:0;
background-color:#660000;
height:750px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #leftcolumn {
height:770px;
h\eight:750px;
}

#leftcolumnlong {
float:left;
margin-left:0px;
width:150px;
margin-top:0;
margin-bottom:0;
background-color:#660000;
height:1200px;
}


.internet {
float:left;
margin-left:10px;
margin-right:auto;
width:580px;
height:950px;
margin-top:20px;
color:#660000;
padding:0;
text-align:left;

}

.internet ul{
text-align:left;
margin:10px;
list-style-type:disc;
padding:2px;
list-style-image:url(images/puce.gif);
}

.internet ul li{
padding:5px;


}


.internet ul ul{
text-align:left;
margin-left:30px;
padding:2px;
list-style-image:url(images/puce2.gif);
}



.internet ul ul ul{
text-align:left;
margin-top:0;
margin-bottom:0;
padding:2px;
margin-left:40px;
list-style-image:url(images/puce3.gif);
list-style-type: circle;
}


.internet table {
border-spacing:0;

}
.internet th {
background-color:#990000;
color: #FFFFFF;
}


.internet h2 {
color:#660000; 
font-style:normal; 
font-weight:bold; 
font-family:"Comic Sans MS", "Lucida Calligraphy", "Palatino Linotype", cursive, serif  ; 
font-size:14px; 
padding-top:0; 
margin-top:0;
height:16px;
line-height:16px;
text-align:left; 
margin-bottom:2px;
margin-left:0;
}

.left {
text-align:left;
}

.center {
text-align: center;
}

.creation {
float:left;
margin-left:10px;
margin-right:auto;
width:580px;
height:500px;
margin-top:20px;
color:#660000;
padding:0;
text-align:left;

}

.creation ul{
text-align:left;
margin:5px;
list-style-type:disc;
padding:5px;
list-style-image:url(images/puce.gif);
}

.creation ul li{
padding:2px;


}


.creation ul ul{
text-align:left;
margin-left:30px;
padding:0;
list-style-image:url(images/puce2.gif);
}

.creation ul ul li{
padding:2px;
}

.creation ul ul ul{
text-align:left;
margin-top:0;
margin-bottom:0;
padding:2px;
margin-left:40px;
list-style-image:url(images/puce3.gif);
list-style-type: circle;
}

 
.tablecards {
float:left;
margin-left:10px;
margin-right:auto;
width:550px;
height:100px;
margin-top:0px;
color:#660000;
padding:0;
text-align:left;
}

.vignettes{
text-align:center;
vertical-align:middle;
height:55px;
}

.tablebig {
height:150px;
text-align:center;
}

.tablebig td {
text-align:center;
width:auto;
height:auto;
}

.catalogue {
float:left;
margin-left:10px;
margin-right:auto;
width:580px;
height:400px;
margin-top:20px;
color:#660000;
padding:0;
text-align:left;

}

.catalogue ul{
text-align:left;
margin:5px;
list-style-type:disc;
padding:5px;
list-style-image:url(images/puce.gif);
}

.catalogue ul li{
padding:2px;


}


.catalogue ul ul{
text-align:left;
margin-left:30px;
padding:0;
list-style-image:url(images/puce2.gif);
}

.catalogue ul ul li{
padding:2px;
}

.catalogue ul ul ul{
text-align:left;
margin-top:0;
margin-bottom:0;
padding:2px;
margin-left:40px;
list-style-image:url(images/puce3.gif);
list-style-type: circle;
}




#rightcolumn {
float: right;
margin-right:0px;
width:150px;
margin-top:0;
margin-bottom:0;
background-color:#660000;
height:750px;
}

/* a hack so that IE5.5 faulty box model is corrected */
* html #rightcolumn {
height:770px;
h\eight:750px;
}


#rightcolumnlong {
float: right;
margin-right:0px;
width:150px;
margin-top:0;
margin-bottom:0;
background-color:#660000;
height:1200px;
}

#publicitedroite {
width:auto;
height:auto;
margin-top:100px;
}

.mentions {
float:left;
margin-left:10px;
margin-right:auto;
width:580px;
height:500px;
margin-top:20px;
color:#660000;
padding:0;
text-align:left;

}

.mentions table {
border-spacing:0;

}

.mentions td {
width:auto;
height:auto;
}