@charset "utf-8";
/* CSS Style André Garcia Copie non autorisée. */

/* Généralité */

body 
{
background-image:url(../images/page/fond.png);
background-repeat:repeat-x;
background-color:#e9e9ce;
margin-top:0px;
margin-bottom:0px;
}
#pseudo, #password, #text
{
border:#666666 1px solid;
text-align:center;
}
a
{
color:#000000;
text-decoration:none;
}
a:hover
{
color:#000000;
text-decoration:none;
}
img
{
border:0px;
}
/* Structure site*/

#contenu_site
{
width:800px;
margin:auto;
margin-top:0px;
}

/* Header */

#haut
{
background-image:url(../images/page/haut_fond.png);
background-repeat:no-repeat;
width:800px;
}
.logo
{
margin:45px 0 0 25px;
width:303px;
height:138px;
}

/* Header Menu */

#menu
{
background-image:url(../images/page/menu_fond.png);
background-repeat:repeat-x;
width:800px;
height:56px;
margin-top:16px;
}
.lien
{
float:left;
color:#FFFFFF;
font-family: cursive, Arial, Calibri, "Comic Sans MS";
font-size:12px;
font-weight:bold;
padding:22px 11px 11px 11px;
}
.lien a
{
color:#FFFFFF;
text-decoration:none;
}
.lien:hover
{
background-image:url(../images/page/menu_hover.png);
background-repeat:repeat-x;
}

/* Header Sous-Menu */

#sousmenu
{
height:24px;
width:798px;
margin-top:0px;
border-bottom:#333333 1px solid;
text-transform:uppercase;
}
.slien 
{
float:left;
color:#000000;
font-family: cursive, Arial, Calibri, "Comic Sans MS";
font-size:12px;
font-weight:bold;
}
.slien a
{
color:#000000;
text-decoration:none;
}
.sespace
{
float:right;
font-family: cursive, Arial, Calibri, "Comic Sans MS";
font-size:12px;
font-weight:bold;
}


/* Header Corps */
#corps
{
width:798px;
color:#000000;
font-family: cursive, Arial, Calibri, "Comic Sans MS";
font-size:14px;
padding-bottom:2px;
}

/* Corps */
#info
{
	background-color:#FFF;
	border:#000 solid 5px;
	width:300px;
	text-align:justify;
	position:absolute;
	margin-left:200px;
	margin-top:50px;
}
#bas
{
width:798px;
color:#000000;
text-align:center;
font-family: cursive, Arial, Calibri, "Comic Sans MS";
font-size:12px;
font-weight:bold;
}

/* Photographies Musiques Ecritures*/

#minidescription {
font-size:small;
font-style:normal;
color:#CCCCCC;
border:#CCCCCC 1px solid;
width:600px;
}
.ascenseur
{
cursor:pointer;
}
#navigation {
      margin: 0;
      padding: 0;
      list-style: none;
      color: #000000;
      width: 700px;
	  font-size:16px;
      font: 1.2em "Trebuchet MS", sans-serif;
      }
   #navigation a, #navigation span {
      display: block;
      padding: 4px 10px;
      color: #00000;
      text-decoration: none;
      }
 #navigation .ascenseur span {
      background-image: url(../images/autres/menu-item.ng);
      }
   #navigation a:hover, #navigation a:focus, #navigation a:active {
      text-decoration: underline;
      }
   #navigation .ascenseur {
      font-size: 1.0em;
	  background: url(../images/autres/menu-item.ng) 0 0 repeat-x;
      margin: 0;
      padding: 0;
      border-bottom: 1px solid #666;
      }
   #navigation ul, .ascenseur a {
   	list-style-type:none;
	list-style-image:none;
      background: none;
      padding: 3px 20px;
      }
	  
/* Accueil */	

#a_presentation
{
float:left;
margin:20px 0 2px 30px;
font-size:small;
font-style:normal;
padding:3px 3px 3px 3px;
width:330px;
height:310px;
}
#a_image
{
float:right;
margin:2px 50px 2px 0px;
font-size:small;
font-style:normal;
padding:3px 3px 3px 3px;
width:300px;
height:346px;
}
#a_actualite
{
float:left;
margin:5px 2px 2px 2px;
font-size:small;
font-style:normal;
border-top:#CCCCCC 1px solid;
padding:3px 3px 3px 3px;
width:798px;
}
#a_actualite p
{
text-transform:uppercase;
font-weight:bold;
text-decoration:underline;
}

/* Reseau */
#reseau td
{
border-bottom:#3366FF solid 1px;
border-top:#3366FF solid 1px;
text-transform:uppercase;
}
#reseau td a:hover
{
color:#0066FF;
cursor:pointer;
}

/*Slider*/
div.wrap{
width:798px;
margin:0 auto;
text-align:left;
}
div#top div#nav{
float:left;
clear:both;
/*width:780px;*/
height:52px;
margin:22px 0 0;
background:url url(../images/slide/nav-bg.png) 0 0 no-repeat;
}
div#top div#nav ul{
float:left;
width:700px;
height:52px;
list-style-type:none;
}
div#nav ul li{
float:left;
height:52px;
}
div#nav ul li a{
border:0;
height:52px;
display:block;
line-height:52px;
text-indent:-9999px;
}
div#header{
margin:-1px 0 0;
}
div#video-header{
height:683px;
margin:-1px 0 0;
}
div#header div.wrap{
height:299px;
background:url(../images/slide/header-bg.png) 50% 0 no-repeat;
}
div#header div#slide-holder{
z-index:40;
width:780px;
height:299px;
position:absolute;
}
div#header div#slide-holder div#slide-runner{
top:9px;
left:9px;
width:780px;
height:278px;
overflow:hidden;
position:absolute;
}
div#header div#slide-holder img{
margin:0;
display:none;
position:absolute;
}
div#header div#slide-holder div#slide-controls{
left:0;
bottom:228px;
width:780px;
height:46px;
display:none;
position:absolute;
background:url(../images/slide/slide-bg.png) 0 0;
}
div#header div#slide-holder div#slide-controls p.text{
float:left;
color:#fff;
display:inline;
font-size:10px;
line-height:16px;
margin:15px 0 0 20px;
text-transform:uppercase;
}
div#header div#slide-holder div#slide-controls p#slide-nav{
float:right;
height:24px;
display:inline;
margin:11px 15px 0 0;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{
float:left;
width:24px;
height:24px;
display:inline;
font-size:11px;
margin:0 5px 0 0;
line-height:24px;
font-weight:bold;
text-align:center;
text-decoration:none;
background-position:0 0;
background-repeat:no-repeat;
}
div#header div#slide-holder div#slide-controls p#slide-nav a.on{
background-position:0 -24px;
}
div#header div#slide-holder div#slide-controls p#slide-nav a{background-image:url(../images/slide/silde-nav.png); color:#FFFFFF;}
div#nav ul li a{background:url(../images/slide/nav.png) no-repeat;}