/* CSS Document */
body {background-color:#000000;
font-family:Trebuchet MS, Verdana, serif ;
font-size:12px;
}
#cadre {width:800px;
margin:auto;
border: 1px solid #CCC;
padding:5px;
background-color:#FFFFFF;
}

/* navigation */


/*#sitenav ul {
	padding: 3px 0;
	margin-left:0;
	margin-top:0.5em;
	border-bottom: 1px solid #333;
	font:bold 12px, Trebuchet MS, Verdana, serif ;
	
	}

#sitenav ul li {
list-style:none;
margin:0;
display:inline;
color:black;
		}
#sitenav ul li a {padding:3px 0.5em;
border: 1px solid #EAEAEA;
border-bottom:none;
background:#35AEFF;
text-decoration:none;
color:black;
text-transform:uppercase;
font-size:10px;
}

#sitenav ul li a:hover {
background-color:#35AEFF;}*/


/*gauche*/

#gauche {float:left;
width:470px;
margin-bottom:7px;
/*border:1px solid #333;*/
}

#gauche h1.titre {font-size:18px;
text-transform:uppercase;
text-align:left;
/*border-bottom:1px solid #333;*/
margin:0 0 5px 0;
padding-left:10px;
display:block;
padding:3px;
color:#FFF;
background-color:#35AEFF;}

#gauche h2 {font-size:18px;
/*text-transform:uppercase;*/
text-align:left;
margin:0 0 3px 0;
display:block;
padding:3px;
text-align:left;
background-color:#35AEFF;
color:#FFFFFF;
}

/*droite*/

#droite {float:right;
width:315px;
margin-bottom:7px;
/*border:1px solid black;*/}

#droite h1.titre {font-size:18px;
text-transform:uppercase;
text-align:left;
/*border-bottom:1px solid #333;*/
margin:0 0 5px 0;
display:block;
padding:3px;
color:#FFF;
background-color:#35AEFF;}

#droite p {color:#333;
font-size:11px;
margin:4px 0 8px 0;}

#droite h2 {font-size:18px;
text-align:left;
margin: 0 0 7px 0;
display:block;
padding:0 0;
text-align:left;
color:#FFFFFF;}

/*bas de page*/
#basDePage {clear:both;
/*width:800px;*/
display:block;
text-align:right;
background-color:#35AEFF;
padding:5px;
}

#basDePage li {display:inline;
margin-left:0.4em;
padding-left: 0.4em;
font-size:12px;
/*font-weight:bold;*/
color:#FFFFFF;}

#basDePage li a {text-decoration:none;
color:#FFF;}
#basDePage li a:hover {text-decoration:underline;}


/* Une */

#une {border:1px solid #333;
margin:1px;
margin-bottom:10px;
padding:5px;}

#une img {float:left;
margin:3px;
padding:3px 3px 0 3px;}

#une h1 {font-size:25px;
margin: 5px 0;
color: #35AEFF;
font-weight:bold;
}

#une h1 a {font-size:25px;
color: #35AEFF;
margin: 5px 0;
font-weight:bold;
text-decoration:none;
}

#une h1 a:hover {text-decoration:underline;}


#une p {color:#333;
line-height: 1.6em;
margin:0;
padding:0 0 5px 3px;
font-size:13px;}

#une p.technique {font-size:12px;
color:#000;
padding:0 0 3px 0;
line-height: 1.5em;
}
#une p.sortie {text-align:right;
font-weight:bold;
font-size:12px;
display:block;
margin-top:7px;}

#une p.sortie a {text-decoration:none;
display:block;
color:#333;
}

#une p.sortie a:hover {background-color:#CCCCCC;}

#une.dvd {margin-top: 15px;}

/* A VENIR */

#avenir {
margin:5px 1px 5px 1px;
background-color: #35AEFF;
padding: 5px;
}

#avenir img {float:left;
margin:3px;
padding:0 3px 0 0;}

#avenir h1 {font-size:14px;
color:#FFFFFF;
margin: 5px 0;
font-weight:bold;
}

#avenir h1 a {font-size:14px;
color: #FFF;
margin: 5px 0;
font-weight:bold;
text-decoration:none;
}

#avenir h1 a:hover {text-decoration:underline;}


#avenir p {color:#333;
line-height: 1.6em;
margin:0;
padding:0 0 0 3px;}

#avenir p.technique {font-size:11px;
color:#000;
padding:0 0 3px 0;
line-height: 1.5em;
}
#avenir p.sortie {text-align:right;
font-weight:bold;
font-size:10px;
display:block;
color:#FFFFFF;}

/* TELECHARGEMENT */

#telechargement {margin: 10px 0 4px 0;}	
#telechargement img {border:1px solid #35AEFF;
padding:3px;
margin:3px;}

/* LISTE */

#liste {border:1px solid #333;
margin:5px;
padding:5px;
width:47%;
float:left;
height:auto;}

#liste img {float:left;
margin:3px;
padding:3px 3px 0 3px;}

#liste h1 {font-size:14px;
margin: 5px 0;
color: #35AEFF;
font-weight:bold;
padding-top:3px;
}

#liste h1 a {font-size:14px;
color: #35AEFF;
margin: 5px 0;
padding-top:3px;
font-weight:bold;
text-decoration:none;
}

#liste h1 a:hover {text-decoration:underline;}


#liste p {color:#333;
line-height: 1.6em;
margin:0;
padding:0 0 0 3px;}

#liste p.technique {font-size:10px;
color:#000;
padding:0 0 3px 0;
line-height: 1.5em;
}
#liste p.sortie {text-align:right;
font-weight:bold;
font-size:10px;
display:block;
/*background-color:#35AEFF;*/
margin-top:7px;}

#liste p.sortie a {text-decoration:none;
display:block;
color:#333;
}

#liste p.sortie a:hover {background-color:#CCCCCC;}

#liste.aussi {width:22%;
border:none;}

/* Contact colonne droite */

#contact {margin:0;
padding: 10px;
background-color:#35AEFF;
margin-bottom:5px;}

#contact p a {color:#FFF;}

#contact h2 a {display:block;
color:#FFF;
text-decoration:none;}

#contact h2 a:hover {text-decoration:underline;}

#video {margin: 5px 0 5px 10px;}

/* Formulaire */


form.css {font-family:Trebuchet MS, Verdana, serif ;}

form.css legend
  {
  padding: 1em;
  color:#35AEFF;
  font-weight:bold;
  font-size:14px;
  }
  
form.css label
  {
  display: inline;
  float: left;
  width: 80px;
  margin:5px 0;
  font-weight:bold;
  } 
  
form.css input {margin:5px 0;}

form.css textarea {margin:5px 0;}

form.css select {margin:5px 0;}

/*  tableau */

#gauche table {border: 2px solid #35AEFF;
border-collapse:collapse;
width:99%;
margin-left:3px;
margin-bottom:10px;
}
#gauche table td, th {border:thin dashed #35AEFF;
padding:5px;
vertical-align:top;}
#gauche table caption {font-weight:bold;
font-size:16px;
margin:5px;}

#gauche table td a img {display:block;
margin:auto;
}

#gauche table td a {text-decoration:none;
color:#000000;}

#gauche table td a:hover {text-decoration:underline;}