body {
font-family: Arial, Verdana, Helvetica, sans-serif;
font-size: 0.8em;
margin: 0;
padding: 0;
background-color:#000000;
}
/************************************************************************     Basiques     ******************/
h1{
font-family:Trebuchet MS,Arial,sans-serif;
color:#FF9900;
letter-spacing:1px;
font-size: 1.8em;
}
h2{
color:#FF9900;
letter-spacing:1px;
font-size: 1.4em;
display:list-item;
list-style-image:url(images/oeuf.jpg); 
list-style-position:inside;
margin-bottom:10px;
border-bottom:1px solid #FF9900;
}

h3{
color:#FF9900;
letter-spacing:1px;
font-size: 1.2em;
border-bottom:3px;
}
p {margin-bottom:10px;}
.imagedroite{float:right;margin-left:20px;margin-bottom:10px;margin-top:0px;}
.imagegauche{float:left;margin-right:20px;margin-bottom:10px;margin-top:0px;}
a{color:#444444;}



/************************************************************************     Structure     ******************/
#header {
height: 90px;
background-color: #99CCCC;
}
#header img {
height: 90px;
background-color: #99CCCC;
border:none;
}
#haut {
height: 25px;
background-color:#006699;
border-bottom:5px solid #000000;
}
#conteneur, #conteneur-pu {
position: relative;
margin: 0 auto; 
background-color:#006699;
border:5px solid #0A5A82;
}

#conteneur{
width: 980px;
}

#centre2, #centre3, #centre4, #centre5, #centre6, #centre7 {
margin-left: 180px;
}
#centre3-pu  {
margin-left: 20px;
margin-right: 20px;
}
#centre2, #centre3, #centre4, #centre5, #centre6, #centre7, #centre8, #centre3-pu {
background-color:#FFFFFF;
margin-top:0px;
padding-left:20px;
padding-right:20px;
padding-top:1px;
padding-bottom:20px;
border-left-style:solid;
border-left-width:7px;
}


#centre1 {
background-color:#292929;
margin-top:0px;
padding-left:10px;
padding-right:10px;
padding-top:10px;
padding-bottom:20px;
border-left-style:solid;
border-left-width:0px;

}

#centre2, #centre4, #centre7 {
margin-right: 150px;
}

#centre1, #centre5,#centre6, #centre3, #centre8, #centre3-pu  {
margin-right: 0px;
}

#centre1 {border-left-color:#006699;color:#C9C9C9}/*accueil*/
#centre1  h1 {color:#ffb400;font-size:14px;}
#centre1  a {color:#C9C9C9;}
#centre1 ul{margin-left:140px;padding-left:50px;list-style-image:url(images/puceC_orange.gif);line-height:25px;}

#centre1  a.lien_actu {color:#FFB400;text-decoration:none;}


#centre2 {border-left-color:#DD0000;}/*société*/
#centre2  h1, #centre2  h2, #centre2  h3{color:#DD0000;}

#centre2 h2{border-bottom:1px solid #DD0000;}

#centre3, #centre3-pu {border-left-color:#FF9900;}/*relief*/
#centre3  h1, #centre3-pu h1{color:#FF9900;}
#centre3  ul {list-style-image:url(images/puceC_or.jpg);line-height:25px;}
#centre3  ul.ReliefAcc li{list-style-image:url(images/puceC_or.jpg); margin-bottom:10px; }
#centre3  ul.ReliefAcc li a{color:#444444; text-decoration:none; font-weight:bold; font-size:1.1em}
#centre3  ul.ReliefAcc li a:hover{text-decoration:underline;}
#centre3-pu  h4{color:#FF9900;font-size:16px;}


#centre4 {border-left-color:#C80E47;}/*activité*/
#centre4  h1{color:#C80E47;}

#centre5 {border-left-color:#DD0000;background-color:#000000;}/*galerie*/
#centre5 div.acc { background-image:url(images/fond-accueil-galerie.jpg);width:700px; height:438;}/*galerie*/
#centre5 h1, #centre5 h3{color:#DD0000;}
#centre5  ul.GalAcc li{list-style-image:url(images/puceRouge.gif); margin-bottom:10px; }
#centre5  ul.GalAcc li a{color:#DD0000; text-decoration:none; font-weight:bold; font-size:1.1em}
#centre5  ul.GalAcc li a:hover{text-decoration:underline;}
#centre5 img{border:3px solid #333333;}
#centre5 img:hover{border:3px solid #DD0000;}
#centre5 img.ssbord:hover{border:3px solid #DD0000;}
#centre5  a{text-decoration:none;}
#centre5  p{color:#999999;margin-bottom:25px;margin-top:0px;margin-left:5px;font-style:italic;}



#centre6 {border-left-color:#0CC0AD;}/*féférences*/
#centre6  h1{color:#0CC0AD;}
#centre6  ul.RefAcc li{list-style-image:url(images/puceC_turq.jpg); margin-bottom:10px; }
#centre6  ul.RefAcc li a{color:#444444; text-decoration:none; font-weight:bold; font-size:1.1em}
#centre6  ul.RefAcc li a:hover{text-decoration:underline;}
#centre6 img.affiche{border:5px solid #FFFFFF;}
#centre6 img:hover.affiche{border:5px solid #0CC0AD;}
#centre6 a.legende{color:#444444;margin-bottom:25px;margin-top:0px;margin-left:5px;font-style:italic;font-size:12px; font-weight:normal;}

#centre7 {border-left-color:#5D4279;}/*liens*/
#centre7 h1{color:#5D4279;}
#centre7  ul li{list-style-image:url(images/puceC_violet.gif); margin-bottom:40px; }
#centre7  ul li a{color:#444444; text-decoration:none; font-weight:bold; font-size:1.1em}
#centre7  ul li a:hover{text-decoration:underline;}

#centre8 {border-left-color:#820D65;}
#centre8  h1{color:#820D65;}
#centre8  h2{color:#820D65;}
#centre8 h2{border-bottom:1px solid #820D65;}
#centre8 img.bordure{border-left:30px solid #FFFFFF;}
#centre8 img.affiche{border:5px solid #FFFFFF;}
#centre8 img:hover.affiche{border:5px solid #820D65;}
#centre8  ul {list-style-image:url(images/puceC_violet.gif);}



#gauche {
position: absolute;
left:0;
width: 150px;
background-color:#006699;
}
#droite {
position: absolute;
right:0;
width: 150px;
background-color:#006699;
}
#pied {
height: 30px;
background-color: #006699;
font-size: 0.8em;
font-weight:bold;
letter-spacing:1px;
}
#pied p {color:#FFFFFF;padding-top:7px;margin-left:10px;}
#pied p a{color:#FFFFFF;padding-top:7px;margin-left:10px;}

/************************************************************************     Menu Haut     ******************/
.menuhaut {
list-style-type: none;
margin: 0;
padding:0;
}
.menuhaut li {
display: inline;
margin-left:10px;
margin-right:24px;
}
.menuhaut a {
margin: 0 2px;
color: #80D0F8;
text-decoration: none;
font-size: 1.2em;
font-weight:bold;
letter-spacing:1px;
}
.menuhaut a:hover {
color: #000000;
}

/************************************************************************     Menu Gauche     ******************/
.menugauche {
margin: 0;
padding:0;
}
.menugauche li {
list-style-image:url(images/pucemenug.jpg); 
list-style-position:outside;
margin-top: 15px;
margin-left:25px;
font-weight:bold;
}


.menugauche a {
text-decoration: none;
margin: 0 2px;
color: #000000;
}
.menugauche a:hover {
text-decoration: none;
color:#FFFFFF;
}

/************************************************************************     Menu Droit     ******************/
.menudroit {
list-style-type: none;
margin: 0;
padding:0;
}
.menudroit li {
margin-bottom: 5px;
}
.menudroit a {
margin: 0 2px;
color: #000000;
text-decoration: underline;
}
.menudroit a:hover {
text-decoration: none;
}

/************************************************************************     Page d'accueil     ******************/
#accueil td{vertical-align:top;}


#actualites {padding-left:20px; /*text-align:justify;*/}

#actualites img { }

#actualites h2 {
list-style-image:none; 
list-style-type:none;
list-style-position:none;
border:0px;font-size:1em;
color:#00a4fd;
}
#actualite{
border-right : 2px solid #171717;
border-bottom : 2px solid #171717;
border-top:1px solid #454545;
border-left:1px solid #454545;
padding: 10px;
margin-bottom:15px;
text-align:justify;
}
#actualite img{
border:0px;
}


/************************************************************************     Divers     ******************/
#TbFilmo {
border-collapse:collapse;
margin:auto;
width:100%;
}

#TbFilmo td{
vertical-align:top;
padding:15px;
}


#TbReferences {
border-collapse:collapse;
margin:auto;
width:100%;
color:#0CC0AD;
font-weight:bold;
}

#TbReferences2 {
border-collapse:collapse;
color:#0CC0AD;
font-weight:bold;
}

#TbReferences th{
padding-top:10px;
padding-bottom:30px;
padding-right:20px;
text-align:right;
vertical-align:top;
}

#TbReferences2 th{
width:100px;
padding-top:10px;
padding-bottom:30px;
padding-right:20px;
text-align:right;
vertical-align:top;
}

#TbReferences td,#TbReferences2 td{
border-top : 1px #0CC0AD dashed;
padding-top:10px;
padding-bottom:30px;
vertical-align:top;
}
#TbReferences2 td{width:500px;}
#TbReferences td.img, #TbReferences2 td.img{border-top : 0px #0CC0AD dashed;}

#TbReferences p, #TbReferences2 p{font-size:1.3em;}
#TbReferences p.normal {font-size:0.9em;color:#444444;font-weight:normal;}
#TbReferences ul li, #TbReferences2 ul li{
font-size: 1em;
color:#444444;
list-style-type:square;
list-style-position:outside;
}

#reflegende p{
font-style:italic;
margin-top:0px;
margin-bottom:30px;
margin-left:5px;
color:#444444;
}

#galerie-films td{width:243px;}

#centre4 {
background-image:url("images/chapeau.jpg");
background-repeat :no-repeat;
background-position:bottom right;
}

#contact{margin:auto;}
#contact th{color:#DD0000;text-align:right;padding-bottom:20px;}
#contact td{color:#666666;padding-left:20px;padding-bottom:20px;font-size:1.2em;}

#retour {
background-color:#FFFFFF;
border:1px solid #006699;
padding:2px;
text-align:center;
margin:15px;
width:111px;
}
#retour a {
color:#006699;
text-decoration:none;
}