@import url("reset.css");
@import url("typography.css");
@import url("wysiwyg.css");



/*********** STRUCTURE ***********************/

body {
  background: #000000;
  color:#FFFFFF;
}

h1 {
  margin:0;
}

h1 a {
  display:block;
  width: 95px;
  height: 23px;
  background: url('../images/logo-ENAAI.png') no-repeat 0 0; 
}

h1 a span {
  display:none;
}

h2 {
  color:#009EE0;
  font-size:28px;
  padding-bottom:15px;
  margin-bottom:15px;
  /*margin-right:20px;*/
  text-transform:uppercase;
}

div#container {
  width:950px;
  margin:20px auto;
  position:relative;
}

#header {
  padding:5px;
}

#sidebar {
  width:110px;
  float:left;
}

#centre {
  float:left;
  width:840px;
} 

#home {
  float:left;
  clear:left;
  width:840px;
  z-index:10;  
  position:relative;  
}

#article {
  float:left;
  clear:left;
  width:800px;
  min-height:390px;
  padding: 20px 10px 20px 30px;  
  z-index:10;
  position:relative;
  
  background:#FFFFFF;
  color:#000000;
}

#menu {
  float:left;
  z-index:1000;
  position:relative;
}




#footer {
  clear:both;
}

#footer .adresse {
  float:right;
  color:#87888a;
  font-size:11px;
}
#footer .adresse a {
  color:#FFFFFF;
}

.clear {
  clear:both;
}


/**************** SIDEBAR *********************/
#sidebar .select {
  color:#FF0000;
}

#sidebar .images div {
  width:98px;
  background-position:0 0 !important;
  margin-bottom:5px;
}
#sidebar .images div.select, #sidebar .images div.active {
  background-position:-100px 0 !important ;
}

#sidebar .images .PRESENTATION    { background: url('../images/side-presentation.png') no-repeat;     height:83px;  }
#sidebar .images .CURSUS          { background: url('../images/side-cursus.png') no-repeat;           height:85px;  }
#sidebar .images .ACTUALITES      { background: url('../images/side-actualites.png') no-repeat;       height:109px; }
#sidebar .images .GALERIE         { background: url('../images/side-galerie.png') no-repeat;          height:110px; }
#sidebar .images .TELECHARGEMENT  { background: url('../images/side-telechargement.png') no-repeat;   height:51px;  }

#sidebar .adresse img {
  margin:15px 0;
}

#sidebar .adresse span {
  color:#868889;
  font-size:10px;
}
#sidebar .adresse a {
  color:#FFFFFF;
}
  



/**************** MENU *********************/

#menu ul#nav {
  margin:0;
  padding:0;
  z-index:1000;
}


#menu ul#nav li {
  float:left;
  
  list-style-type: none;

  color:#000000;
  font-size:12px;
  position:relative;

  width:140px;
  height:20px;
}


#menu ul#nav li.PRESENTATION    { background: #FFFFFF; }
#menu ul#nav li.CURSUS          { background: #009ee0; }
#menu ul#nav li.ACTUALITES      { background: #e74487; }
#menu ul#nav li.GALERIE         { background: #ffdd00; }
#menu ul#nav li.TELECHARGEMENT  { background: #e3003d; }
#menu ul#nav li.CONTACT         { background: #000000; }
#menu ul#nav li.CONTACT span        { color:#FFFFFF; }

#menu ul#nav li ul li span { display:inline; }


body.index #menu ul#nav li.PRESENTATION ul     { background: url('../images/transp-blanc.png') ; }
body.index #menu ul#nav li.CURSUS ul           { background: url('../images/transp-bleu.png') ; }
body.index #menu ul#nav li.ACTUALITES ul       { background: url('../images/transp-rose.png') ; }
body.index #menu ul#nav li.GALERIE ul          { background: url('../images/transp-jaune.png') ; }
body.index #menu ul#nav li.TELECHARGEMENT ul   { background: url('../images/transp-rouge.png') ; }
body.index #menu ul#nav li.CONTACT ul          { background: url('../images/transp-noir.png') ; }

body.index #menu ul#nav li.PRESENTATION ul li a:hover, #menu ul#nav li.PRESENTATION ul li.select a       { background: #FFFFFF; color:#000000;}
body.index #menu ul#nav li.CURSUS ul li a:hover, #menu ul#nav li.CURSUS ul li.select a                   { background: #009ee0; color:#000000; }
body.index #menu ul#nav li.ACTUALITES ul li a:hover, #menu ul#nav li.ACTUALITES ul li.select a           { background: #e74487; color:#000000; }
body.index #menu ul#nav li.GALERIE ul li a:hover, #menu ul#nav li.GALERIE ul li.select a                 { background: #ffdd00; color:#000000; }
body.index #menu ul#nav li.TELECHARGEMENT ul li a:hover, #menu ul#nav li.TELECHARGEMENT ul li.select a   { background: #e3003d; color:#000000; }
body.index #menu ul#nav li.CONTACT ul li a:hover, #menu ul#nav li.CONTACT ul li.select a                 { background: #000000; color:#FFFFFF; }




#menu ul#nav li.PRESENTATION ul     { background: #FFFFFF; }
#menu ul#nav li.CURSUS ul           { background: #009ee0; }
#menu ul#nav li.ACTUALITES ul       { background: #e74487; }
#menu ul#nav li.GALERIE ul          { background: #ffdd00; }
#menu ul#nav li.TELECHARGEMENT ul   { background: #e3003d; }
#menu ul#nav li.CONTACT ul          { background: #000000; }

#menu ul#nav li.PRESENTATION ul li a:hover, #menu ul#nav li.PRESENTATION ul li.select a       { background: #FFFFFF; color:#888; }
#menu ul#nav li.CURSUS ul li a:hover, #menu ul#nav li.CURSUS ul li.select a                   { background: #009ee0; color:#FFFFFF; }
#menu ul#nav li.ACTUALITES ul li a:hover, #menu ul#nav li.ACTUALITES ul li.select a           { background: #e74487; color:#FFFFFF; }
#menu ul#nav li.GALERIE ul li a:hover, #menu ul#nav li.GALERIE ul li.select a                 { background: #ffdd00; color:#FFFFFF; }
#menu ul#nav li.TELECHARGEMENT ul li a:hover, #menu ul#nav li.TELECHARGEMENT ul li.select a   { background: #e3003d; color:#FFFFFF; }
#menu ul#nav li.CONTACT ul li a:hover, #menu ul#nav li.CONTACT ul li.select a                 { background: #000000; color:#FFFFFF; }


#menu #nav li span {
  display:block;
  padding:5px 3px;
}

#menu #nav li ul li span {
  padding:0;
}

#menu ul#nav li ul {
  position:absolute;
  top:20px;
  
  float:left;
  margin:0;
  padding:0px;
}

#menu ul#nav li ul li {
  float:none;
  display:inline;
}
#menu ul#nav li ul li a {
  padding:5px;
  display:block;
}


#menu ul#nav a {
  color:#000000;
  text-decoration:none; 
}



/**************** INDEX ******************/

div.slideshowcontainer {
  width:840px;
  height:440px;
  
  overflow: hidden;
}



/***************** ARTICLE ***************/
.ligne {
  clear:both;
   width:100%; 
   height:7px;
}

.PRESENTATION .ligne    {  background: #FFFFFF; }
.CURSUS .ligne          {  background: #009ee0; }
.ACTUALITES .ligne      {  background: #e74487; }
.GALERIE .ligne         {  background: #ffdd00; }
.TELECHARGEMENT .ligne  {  background: #e3003d; }
.CONTACT .ligne         {  background: #000000; }


.PRESENTATION h2    {  border-bottom: 2px solid #000000; color: #000000; }
.CURSUS h2          {  border-bottom: 2px solid #009ee0; color: #009ee0; }
.ACTUALITES h2      {  border-bottom: 2px solid #e74487; color: #e74487; }
.GALERIE h2         {  border-bottom: 2px solid #ffdd00; color: #ffdd00; }
.TELECHARGEMENT h2  {  border-bottom: 2px solid #e3003d; color: #e3003d; }
.CONTACT h2         {  border-bottom: 2px solid #000000; color: #000000; }

.PRESENTATION h3    {  color: #000000; }
.CURSUS h3          {  color: #009ee0; }
.ACTUALITES h3      {  color: #e74487; }
.GALERIE h3         {  color: #ffdd00; }
.TELECHARGEMENT h3  {  color: #e3003d; }
.CONTACT h3         {  color: #000000; }

.PRESENTATION h4    {  color: #000000; }
.CURSUS h4          {  color: #009ee0; }
.ACTUALITES h4      {  color: #e74487; }
.GALERIE h4         {  color: #ffdd00; }
.TELECHARGEMENT h4  {  color: #e3003d; }
.CONTACT h4         {  color: #000000; }


#article .referent {
  font-size:10px;
  background: url('../images/bottom-referent.png') repeat-x 0 18px;
  height:19px;
  float:left;
}
#article .referent a {
  text-decoration:none;
  color:#000000;
}


#article .texte {
  float:left;
  width:800px;
  text-align:justify;
}

#article .outils {
  background: url('../images/enaavi-petit.png') no-repeat 0 0;
  padding-left:75px;
  margin-bottom:20px;
}

.le188 {
  position:absolute;
  bottom:55px;
  right:-20px;
}


/*************** GALERIE ******************/
.galerie {  
  clear:both;
  margin-bottom:20px;   
}
.galerie .legende {  
  float:right; 
  width:220px; 
  
  color:#000000;
  font-size:11px;
  line-height:1.5em;  
}



/**************** FORMULAIRES *****************/
.oblig {
  color: #FF0000;
}

p.oblig {
  display:block;
  border:1px solid #FF0000;
  padding:10px;
}

form fieldset div {
  clear:both;
  margin-bottom:4px;
}

form fieldset div label {
  float:left;
  width:125px;
  text-transform:uppercase;
}

form input.submit {
  float:right;
}

textarea, input {
  border: 1px solid #A7A8AA;
}


/*** Formulaire de contact : ***/

form#contactForm          {  width:480px; }
#contactForm input        {  width:350px; }
div.message textarea      {  width:475px; }
#contactForm div.cp       {  float:left;  width:245px; }
#contactForm div.cp input {  width:100px; }
#contactForm  div.ville   {  float:left;  width:235px;  clear:none; }
div.ville label           {  width:50px;  padding-top:4px; }
#contactForm div.ville input  {  width:180px; }
#contactForm input.submit     {  width:75px; }

/*** Formulaire téléchargement ***/

div#documentation         {  background:#FFF; color:#000; padding:15px; }
#telecForm                {  width:660px; }
#telecForm label          {  width:180px; }
#telecForm input.radio    {  width:auto;  }
#telecForm input          {  width:350px; }
#telecForm .enaai label   {  width:500px; }
#telecForm input.submit   {  width:75px;  }

/**************** ACTUS *********************/

div.actu {
  padding:0 0 15px 0 ;
  margin:0 0 10px 0;
  border-bottom: 1px dashed #000;
}

div.actu h3 {
  font-size:20px;
  text-transform:uppercase;
  margin-bottom:5px;
}

div.actu h4 {
  font-size:14px;
  margin-bottom:15px;
}

div.actu .contenu {
  width:590px;
}

div.actu img {
  float:right;
  margin-right:10px;
}

span.rss img {
  margin-right:5px;
}


/**************** PAGINATION *********************/

#pagination, .pagination {
  float:right;
	text-align: left;
	clear:both;
}

#pagination ul, .pagination ul {
	list-style: none;
	margin:0;
}

#pagination ul li, .pagination ul li {
	display: inline;
}


/*************** TELECHARGEMENT *********************/

div.telechargement {
  margin-bottom:10px;
}

div.telechargement img {
  vertical-align:middle;
}
div.telechargement a {
  color:#000;
}