body {
font : normal 11px verdana,arial,sans-serif;
color:#1b1b1b;
background-color:#e5e5e5;
text-align: center;
margin: 0;
padding: 0;
}

a {
color:#336699;
text-decoration:none;
}

h1 {
display:none;
}

#conteneur {
position: relative;
text-align: left;
width: 960px;
margin: 0 auto; 
padding: 0;
}

#header {
position:absolute;
height: 260px;
}

#logo {
position:absolute;
top:20px;
left:5px;
width:200px;
font-size:9px;
font-weight:bold;
}

#logo p.baseline {
padding:0;
margin:0;
font-size:9px;
font-weight:bold;

}


#banniere {
position:absolute;
left:220px;
top:40px;
width:745px;
height:146px;
}



.chap {
color:#000;
font-weight:bold;
font-size:13px;
margin:0 0 20px 10px;
padding:0 0 5px 0;
border-bottom:solid 1px #cbcbcb;
width:920px;
}


ul#liens {
position:absolute;
left:610px;
top:2px;
list-style-type: none;
width: 370px;
padding:18px 0 0 0;
margin:0;
}

ul#liens li {
float: left;
text-align:center;
color:#434343;
font-weight:bold;
margin:0 8px 0 8px;
background: url(../images/fleche.gif) left center no-repeat;
padding:0 0 0 10px;
}

ul#liens li a {
color:#434343;
text-decoration: none;
}

#menu {
position:absolute;
left:3px;
top:105px;
}

#menu .tspec {
font-weight:bold;
font-size:14px;
height:20px;
width:200px;
}



ul#onglets {
width:960px;
height:108px;
background: url(../images/bg-onglet-0.gif) left top no-repeat;
font-weight:bold;
list-style-type: none;
margin: 0;
padding:0;
}


#onglets li 
{
   float: left;
   width:160px;
   height:40px;
   padding: 10px 0 0 0;
   line-height:15px;
   text-align:center;
   cursor:pointer;
   color: #fff;
   font-size:12px;
}

#onglets li a
{
   color: #fff;
   font-size:12px;
   text-decoration: none;
}

#onglets li a:hover 
{
}

#menu #nomspec {
position:absolute;
top:46px;
width:410px;
display:none;
}

#menu #nomspec .titre {
font-weight:bold;
font-size:17px;
height:50px;
line-height:19px;
color:#fff;
padding:10px 0 0 10px;
text-transform:uppercase;
}

#menu #phaccueil {
position:absolute;
top:46px;
font-weight:bold;
font-size:17px;
height:40px;
width:600px;
color:#fff;
padding:20px 0 0 10px;
}

#menu #cg13 {
position:absolute;
left:620px;
top:67px;
width:330px;
}

#menu #cg13 .site {
float:left;
width:240px;
line-height:12px;
font-size:10px;
font-weight:bold;
}

#menu #cg13 .logocg {
float:left;
}

#menu #nomspec a {
color: #fff;
text-decoration: none;
}

#menu #acheter {
position:absolute;
top:55px;
left:800px;
display:none;
}

ul#menuspec {
position:absolute;
left:430px;
top:70px;
list-style-type: none;
width: 500px;
padding:0;
margin:0;
display:none;
}

ul#menuspec li {
float: left;
text-align:center;
color:#000;
font-weight:normal;
font-size:12px;
margin:0;
padding:0 10px 0 10px;
border-right:solid 1px #000000;
}

ul#menuspec li a {
color:#000;
text-decoration: none;
}

#centre {
position:absolute;
top:316px;
left:4px;
min-height: 650px;
}

* html #centre {
height: 650px;
}

div#contour {
margin:8px 0 0 2px;
width:960px;
background: url(../images/bg-cadre-haut-0.gif) left top no-repeat;
padding:22px 0 0 0;

}

div#blocContour {
background: url(../images/bg-cadre-bas-0.gif) left bottom no-repeat;
padding:0 0 15px 7px;
min-height: 578px;
}

* html div#blocContour {
height: 578px;
}

#pageContent {
display:block;
}

#sampler {
position:absolute;
left:120px; 
top:15px;
width:600px;
height:450px;
/*background-color:#000000;*/
padding:0;
texte-align:center;
display:none;
z-index:100;
}

#presentation {
}

#presentation .pic {
position:absolute;
top:15px;
width:945px;
height:600px;
z-index:1;
}

#presentation .texte {
position:relative;
padding:5px 20px 10px 20px;
line-height:14px;
z-index:2;
}

#presentation p {
margin:0;
padding:0;
}

#audioplayer {
position:absolute;
top:40px;
left:190px;
float:left;
width:270px;

}

#audiotexte {
/*position:absolute;
top:40px;
left:480px;*/
float:left;
width:290px;
line-height:15px;
text-align:justify;
color:#fff;
margin:10px 0 0 480px;
}

#audiotexte p {
margin:0;
padding:0;
}

#videoplayer {
position:absolute;
top:10px;
left:30px;
}

#galeriephotos {
/*position:absolute;
top:20px;
left:33px;*/
padding:3px 0 0 18px;
}

#contactGau {
float:left;
width:500px;
margin:0 0 0 10px;
padding:0 0 0 60px;
}

#contactGau .oblig {
clear:both;
margin:10px 0 0 285px;
font-size:10px;
}

#contactDro {
float:left;
width:300px;
font-size:11px;
line-height:15px;
}

#contactDro .nom {
color:#f08e1a;
font-size:12px;
font-weight:bold;
}

#contactDro a {
color:#336699;
text-decoration:none;
}

#sitesamis  {
margin:0 0 0 10px;
}

#sitesamis .pic {
float:left;
margin:10px 20px 0 0;
}

#sitesamis .desc {
margin:10px 0 0 0;
float:left;
width:400px;
line-height:16px;
}

#sitesamis .desc a {
color:#336699;
text-decoration:underline;
}

#sitesamis .desc .nom {
color:#f08e1a;
font-size:12px;
font-weight:bold;
}

#download {
}

#download .liste {
float:left;
width:520px;
height:500px;

}

#download .texte  {
float:left;
width:400px;
margin:0;
line-height:15px;
text-align:justify;

}

#download .texte p {
margin:0;
padding:0;
}

#tabdown {
width:480px;
margin:0 0 0 10px;
padding:0;
}

#tabdown .nom {
color:#f08e1a;
font-weight:bold;
}

#tabdown .picto {
vertical-align:-3px;
margin:0 5px 0 0;
}

#tabdown td {
padding:5px 0 10px 3px;
color:#1b1b1b;
line-height:15px;
}



#tabdown td a {
color:#336699;
text-decoration:none;
}

#tabdown .fdCelResult1 {
background-color: #eeeeee;
}

#tabdown .fdCelResult2 {
background-color: #ffffff;
}

#tabdown tr:hover {
   /* background-color:#D7D7D7;
	color:#5b5b62;*/
}



#acheterGau {
float:left;
width:530px;
margin:0;
padding:30px 0 0 0;
}

#acheterDro {
float:left;
width:340px;
padding:30px 0 0 0;
}

#acheterDro .oblig {
margin:10px 0 0 215px;
font-size:10px;
}

#lettreGau {
float:left;
width:620px;
margin:0;
padding:30px 0 0 230px;
}

#lettreGau .oblig {
margin:30px 0 0 288px;
font-size:10px;
}

#lettreDro {
float:left;
width:20px;
padding:30px 0 0 0;
font-size:10px;
text-transform:uppercase;
}

#lettreDro .nom {
color:#f08e1a;
font-size:12px;
font-weight:bold;
text-transform:none;
}



.separation {
 clear:both;
 visibility:hidden;
}

#pied {
clear:both;
padding:10px 0;
}

#copyright {
color:#666666;
height: 20px;
font-size: 10px;
padding:0;
margin:0 0 5px 0;
}

#copyright a {
text-decoration:none;
color:#666666;
}

#copyright a:hover {
text-decoration:underline;
color:#666666;
}

#form1 {margin:0;}
#form1 .input { font : normal 10px verdana,arial,sans-serif;margin:4px 0 0 0;width:250px;}
#form1 label { DISPLAY: inline ; FLOAT: left ; font : normal 10px verdana,arial,sans-serif; color:#000; WIDTH: 130px ; text-align:right; margin:4px 10px 0 0;  }
#form1 .textarea { font : normal 10px verdana,arial,sans-serif; width:250px; height:150px;margin-top:4px; }
#form1 .textarea2 { font : normal 10px verdana,arial,sans-serif; width:320px; height:120px;margin-top:4px; }