/* CSS Document */



body {
behavior: url(csshover.htc);
background-image:url(images/fond.jpg);
background-repeat:repeat-x;
background-attachment:fixed;
margin:0;
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

/* DIV */

#general {
position:relative;
margin-left:auto;
margin-right:auto;
width:650px;
}

#haut {
position:relative;
width:650px;
height:186px;
background-repeat:no-repeat;
z-index:10;
}

#titrepage {
position:relative;
z-index:12;
}



#information {
position:relative;
width:650px;
height:400px;
min-height:300px;
background:#FFFFFF;
z-index:1;
}

#article {
position:relative;
width:300px;
float:left;
z-index:12;
}
#video {
position:relative;
width:300px;
float:right;
z-index:13;
text-align:center;
}

#actu {
position:relative;
width:300px;
float:right;
z-index:13;
}

#piedpage {
position:relative;
background-color:#FFFFFF;
width:650px;
float:none;
}



/* CADRE BLEU */

#cadrebleu  { 
position:relative;
width:12em;
background-color:#779dcd;
margin-left:2em;
}
#cadrebleu2  { 
position:relative;
width:20em;
background-color:#779dcd;
margin-left:2em;
float:left;
}

/* propriétés communes à l'ensemble des 4 coins */
#hautgauche, #hautdroit, #basgauche, #basdroit {
height: 19px; width: 19px;
background-repeat: no-repeat;
font-size:1px; /* correction d'un bug IE */
}
/* propriétés spécifiques à chaque coin */
#hautgauche {
position:relative;
background: url(images/cadrehautgauche.gif);
}
#hautdroit {
position:relative;
float: right;
background: url(images/cadrehautdroit.gif);
}
#basgauche {
position:relative;
background: url(images/cadrebasgauche.gif);
}
#basdroit {
position:relative;
float: right;
background: url(images/cadrebasdroit.gif);
}
#contenucadre p {
color:#000000;
margin: 0.5em; /*gestion des espaces interparagraphes */
}

#contenucadre {
position:relative;
margin-top:0px;
}

h2.titrecadrebleu  {
position:relative;
top:-12px;
margin:0px;
}

p.textecadrebleu {
color:#333333;
text-align:left;
}

li.licadrebleu {
color:#333333;
margin-left:25px;
display: list-item;
list-style-image: url(images/fleche.gif);
}

/* LISTE UL LI */


li.sousmenu {
position:relative;
display: list-item;
list-style-image: url(../images/fleche.gif);
margin-left:20px;
top:-10px;
color:#000000;
}

/* H */

h4.titresousmenu {
color:#FFFFFF;
font-size:14px;
text-align:center;
margin-top:0px;
}

h1.titrehaut {
font-size:16px;
color:#FFFFFF;
text-align:right;
margin-right:10px;
margin-bottom:0px;
}

h2 {
color:#FFFFFF;
font-size:16px;
text-align:center;
}

h3 {
border-bottom: solid 1px #779dcd;
color:#779dcd;
font-size:16px;
z-index:2;
}

h3.actu {
width:300px;
}

h3.video {
width:300px;
text-align:left;
}

h3:first-letter {
font-size:18px;
}


/* IMG */



/* P */

p {
margin-top:5px;
margin-left:5px;
margin-right:5px;
font-size:12px;
}

p.aligncenter {
margin:0px;
}

p.textintro {
border-top: solid 1px #779dcd;

}

p.textintro:first-letter {
color:#779dcd;
font-size:14px;
}
p.piedpage {
text-indent:0px;
text-align:center;
}

p.actu {
width:300px;
}

/* MENU DEROULANT */

#menu {
position: absolute;
top: 138px;
left: 20px;
z-index:20;
width:634px;
}
/*dl, dt, dd, ul, li {
color:#FFFFFF;
margin: 0;
padding: 0;
list-style-type: none;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:12px;
}
#menu dl {
float: left;
width:90px;
}
#menu dt {
cursor: pointer;
font-weight: bold;
background:#4b8ad7;
border: 0px solid gray;
text-align:center;
}
#menu dd {
border: 0px;
}

#menu li {
background:#4b8ad7;
border-top: solid 2px #779dcd;
}
#menu li a, #menu dt a {
color:#FFFFFF;
text-decoration: none;
display: block;
height: 100%;
border: 0 none;
}
#menu li a:hover, #menu dt a:hover {
background:#779dcc
}*/

.menuIE {
    display:none !important;
    display:block;
	font-weight:bold;
}

a.boutonIE, a.boutonIE:link, a.boutonIE:visited, a.boutonIE:active {
    color:#fff;
    width:87px;
    height:16px;
    display:block;
    background:#4b8ad7;
    margin-right:1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-family: verdana;
    font-size:10px;
    line-height:18px;
    overflow:hidden;
	z-index:14;
	font-weight:bold;
}

a.boutonIE:hover {
    color:#fff;
    background:#779dcd;
    overflow:visible;}

a.boutonIE:hover table {
    display:block;
    background:#eee;
    border-collapse:collapse;
}

.boutonFF {
    color:#fff;
    width:87px;
    height:16px;
    display:block !important;
    display:none;
    background:#4b8ad7;
    margin-right:1px;
    text-align:center;
    float:left;
    text-decoration:none;
    font-family: verdana;
    font-size:10px;
    line-height:18px;
    overflow:hidden;
	z-index:14;
	font-weight:bold;
}

.boutonFF:hover {
    height:auto;
    cursor:pointer;
    color:#fff;
    background:#779dcd;
}

a.SousMenu, a.SousMenu:link, a.SousMenu:visited, a.SousMenu:active {
    display:block;
    width:87px !important;
    height:18px;
    border-bottom:1px solid #000;
    text-decoration:none;
    color:#fff;
    font-family: verdana;
    font-size:10px;
    text-align:center;
    background:#4b8ad7;
	z-index:14;
	font-weight:normal;   
}

a.SousMenu:hover {background:#779dcc;}

a {
color:#FFFFFF;
text-decoration:none;
}

a.video {
text-decoration:none;
}

a.video:visited {
text-decoration:none;
}

a.actu {
color:#003366;
text-decoration:underline;
}
a.actu:hover {
color:#666666;
text-decoration:underline;
}


/* FLASH */

#flash {
	position:relative;
	z-index:1;  
}