.ordinaire
{
    FONT-SIZE: 9pt;
    COLOR: #ffffff;
    FONT-FAMILY: Arial, Helvetica, sans-serif;
}
.mezverdana
{
    FONT-FAMILY: Verdana, Arial, Helvetica, sans-serif;
}

.Titre
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: #b9cdf2;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

.TitreCadreH
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: #b9cdf2;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}

.TitreAlbum
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: #b9cdf2;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
.stitre
{
    FONT-SIZE: 12pt;
    FONT-FAMILY: Verdana, Arial, sans-serif;
}
A.titrea
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 12pt;
    COLOR: #93b5f8;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    TEXT-DECORATION: none
}
.date
{
    FONT-WEIGHT: 600;
    FONT-SIZE: 9pt;
    COLOR: white;
    FONT-FAMILY: Verdana, Arial, sans-serif;
    TEXT-DECORATION: none
}
P.tit1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 16pt;
    COLOR: #ffff99;
    FONT-FAMILY: Arial
}
P.tit2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 20pt;
    COLOR: #5B95F6;
    FONT-FAMILY: Arial
}
P.tit0
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 18pt;
    COLOR: #ffff99;
    FONT-FAMILY: Arial
}
.actu
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 14pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial
}
.actu0
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 13pt;
    COLOR: #ffff99;
    FONT-FAMILY: Arial
}
.actu1
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: #ffff99;
    FONT-FAMILY: Arial
}
.actu2
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 11pt;
    COLOR: #FFFFFF;
    FONT-FAMILY: Arial
}
.actuVignetteTitre
{
    FONT-WEIGHT: bold;
    FONT-SIZE: 12pt;
    COLOR: black;
    FONT-FAMILY: Arial
}
.actuVignetteDate
{
    FONT-SIZE: 10pt;
    COLOR: black;
    FONT-FAMILY: Arial
}

.sansbordure
{
border: 0; /* ne mets pas de bordure */
}

.bordure
{
border: 3px solid white; /* avec bordure  */
}

.bordure5
{
border: 5px solid #313C5E; /* avec bordure  */
}


.actu10
{
border: 1px solid white; /* avec bordure  */
background-color: #99FFFF;
COLOR: #000000;
FONT-SIZE: 10pt;
FONT-FAMILY: Arial, Helvetica, sans-serif;
text-align:center;
}

TD.diapo
{
border-style:groove; 
border-width:5px; 
border-color:white; 
background-color:black;
}

/* test de boites css avec index3.asp ... pas terrible !*/
page {
margin: 0;
padding: 0;
}

.bandeau{
float: left;
width: 800px;
margin: 1em 0;
}

.colonne1 {
float: left;
width: 140px;
margin: 1em 0;
border-style:solid;
border-color:white;
border-width:2px;
}

.colonne2{
float: left;
width: 660px;
margin: 1em 0;
border-style:solid;
border-color:white;
border-width:2px;
}

/*
body {
color:white;
background-color:black;
background-image:url(/Mezieres/images/elt5/p64_a_trait-2.jpg);
}
*/

/* onglets  le 18/03/2011 */
td.onglet_1 {
    height: 20px;
    background-image : url("/mezieres/images/charte/onglet_1_centre.gif");
    font-size:14px;
    font-weight:bold;
	color:black;
    text-align : center;
    vertical-align : middle;
	
}
td.onglet_1_bg {
    height: 20px;
    width: 8px;
    background-image : url("/mezieres/images/charte/onglet_1_bg.gif");
}
td.onglet_1_bd {
    height: 20px;
    width: 8px;
    background-image : url("/mezieres/images/charte/onglet_1_bd.gif");
}

td.onglet_b {
    height: 20px;
    background-image : url("/mezieres/images/charte/onglet_b_centre.gif");
    font-size:14px;
    font-weight:bold;
	color:black;
    text-align : center;
    vertical-align : middle;
	
}
td.onglet_b_bg {
    height: 20px;
    width: 8px;
    background-image : url("/mezieres/images/charte/onglet_b_bg.gif");
}
td.onglet_b_bd {
    height: 20px;
    width: 8px;
    background-image : url("/mezieres/images/charte/onglet_b_bd.gif");
}

/* cadres */
div.cadre_defaut {     
    border-width : 1px 1px 1px 1px;
    border-style : solid solid solid solid;
    border-color : #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
    margin : 0px 0px 0px 0px;
	padding: 10px;
}

div.cadre_defaut_bis {     
    border-width : 1px 1px 1px 1px;
    border-style : solid solid solid solid;
    border-color : #FFFFFF #FFFFFF #FFFFFF #FFFFFF;
    margin : 0px 0px 0px 0px;
	padding: 5px;
}

body
{
   text-align: center;
}

div#page {
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	width:1024px;
	background-color:#000000;
	border-left: 0px solid white; 
	border-right: 0px solid white; 
	border-bottom: 1px solid white;
	}
div#bandeau {
	width:1020px;
	height:170px;
	background-color:inherit;
	}
div#menu {
	float:left;
	width:140px;
	background-color:#inherit;
	}	
div#contenu {
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	float:left;
	width:880;
	background-color:#inherit;
	}
div#contenu_milieu{
	text-align: center;
	margin-left: auto;
    margin-right: auto;
	width:98%;
	background-color:#inherit;
	}
div#piedpage {
	margin-left: auto;
    margin-right: auto;
	clear:both;
	width:1020px;
	height:150px;
	background-color:#inherit;
	}
div#piedpage_gauche {
	text-align: left;
	margin-left: auto;
    margin-right: auto;
	float:left;
	background-color:#inherit;
	}
div#piedpage_droit{
	text-align: right;
	background-color:#inherit;
	}

/* CSS3 ! */
// coins arrondis
#coinsArrondis {
-moz-border-radius: 15px;
border-radius: 15px;
}