/* Import de la CSS d'initialisation
----------------------------------------------------------*/

@import url(structure.css);

/* Construction (Montage)
----------------------------------------------------------*/

body { color:#ffffff; font-family: Verdana, "Trebuchet MS", helvetica, "Bitstream Vera Sans", sans-serif; font-size:12px; }

h1 { color:#ffffff; font-size: 1.17em; font-weight:bold;}
h2 { color:#ffffff; font-size: 1.3em; font-weight:bold;}
h3 { color:#ffffff; font-size: 1.17em; }
h4 { color:#ffffff; font-size: 1em; }
h5 { color:#ffffff; font-size: 0.83em; }
h6 { color:#ffffff; font-size: 0.67em; }
p { color:#ffffff; font-size: 1em; }
ul, ol { color:#ffffff; font-size: 1em; }
li {  color:#ffffff; font-size: 1em; }
a { color:#ffffff; text-decoration:underline; }
a:hover { text-decoration:none; } /* si changement de couleur au survol */
a:visited { } /* si changement de couleur après le clic */
input { border-width:thin; padding:3px; color:#ffffff; }
textarea { border-width:thin; padding:3px; color:#ffffff; }
em { }
strong { }
.txtsmall { font-size:0.70em; font-weight:lighter; }

.titre { font-size: 18px; font-weight:bold;}

/* Éléments Particuliers
----------------------------------------------------------*/

/* Placement d'images */
.imgLeft{ float:left; margin-right:1em; }
.imgRight{ float:right; margin-left:1em; }

/* Des classes d'alignement d'objets */
.aligntop { vertical-align:top; }
.alignbottom { vertical-align:bottom; }
.aligncenter { margin-left:auto; margin-right:auto; }

/* Des classes d'alignement du texte */
.left { text-align: left; }
.right { text-align: right; }
.center { text-align: center; }
.justify { text-align: justify; }

/* Des classes de formatage du texte en ligne */
.bold, .gras { font-weight: bold; }
.italic, .italique { font-style: italic; }
.strike, .barre { text-decoration: line-through; }

/* Des classes flotante */
.floatleft { float: left; }
.floatright { float: right; }

/* Les "nettoyeurs" */
.clearb { clear: both; }
.clearer { clear: both; width: 0; height: 0; line-height: 0; }

/* Formulaire de contact */
#frmEnvoi{ width:790px; }
.divformulaire{ width:480px; float:left; padding-right:10px;}
#divmessage{ width:300px; float:left; padding-top:40px;}
#frmEnvoi input, textarea{ background-color:transparent; padding:5px; border:#ffffff solid 1px; }
#frmEnvoi .INPUT2{ border:none;}
#frmEnvoi .field{ text-align:right; padding-top:10px; }
#frmEnvoi .champ { height:15px; width:200px; }
#frmEnvoi textarea{ height:140px; width:250px; }

.validator { text-align:center; font-size:10px; color: #FFFFFF; }
.tableprog { width: 860px; }
.tablelive { width: 860px; text-align:center; }
.tableauto { width: 800px; }
.wtd { width:430px; }
.wtd2 { width:100px; }
.wtd3 { width:250px; }
.td { padding:5px; border: 2px solid #162B7C; }
.cadre { padding:5px; border: 2px solid #162B7C; }
.padR { padding-right:20px; }
.tabletrafic { width:500px; background-color:#333333; font-style:font-family:Arial,Helvetica,sans-serif; font-size:12px; line-height:1.2; font-weight:bold; margin-left:200px;} 
.live { text-align:center; margin-left:200px; }

#contenupopup { width:800px; padding:20px 20px 20px 20px; }
#scroll{ width:800px; height:500px; overflow-y:auto;}
#player{
	position:relative;
	top: -503px;
	left: 180px;
	height: 0; 
}

.padR { padding-right:10px; padding-bottom:5px; padding-top:5px; border:none; }
.padL { padding-left:150px; }
.padL2 { padding-left:160px; }
.alignMiddle { vertical-align:middle; }