body
{
    background-color:#504975;
    /*font-family:Trebuchet MS,Tahoma,Helvetica,arial,sans-serif;*/
    font-family:Tahoma, Helvetica, Arial, Sans-Serif;
	font-size 	: 0.76em;
	color		: #584f4f;
	text-decoration	: none;
	text-align	: center;/*pour IE5.5*/
	line-height:1.2em;
}

h1{color:#404040;font-size:1.72em;line-height:1.2em;}
h2{color:#404040;font-size:1.3em;line-height:1.5em;}
h3{color:#504975; font-size:1.1em; margin-bottom:10px;margin-top:10px;}
h4{color:#404040; font-size:1.0em;}

hr{width:70%; background-color:gray; text-align:center;}

p{margin-top:10px;margin-bottom:10px;}

a:link {color:#0F23FF; text-decoration:none;}
a:visited{color:#0F23FF; text-decoration:none;}
a:hover{color:#FF5505; text-decoration:underline;}
a:active{color:#0F23FF; text-decoration:underline;}


/*sélection dans le menu*/
body.section2 .menu li.part2,
body.section3 .menu li.part3,
body.section4 .menu li.part4,
body.section5 .menu li.part5,
body.section6 .menu li.part6,
body.section7 .menu li.part7,
body.section8 .menu li.part8,
body.section9 .menu li.part9,
body.section10 .menu li.part10
{
    background-image:url(../images/menu/button3.gif);
    text-decoration:none;
    color:Black;
}

body.section2 .menu li.part2 a b,
body.section3 .menu li.part3 a b,
body.section4 .menu li.part4 a b,
body.section5 .menu li.part5 a b,
body.section6 .menu li.part6 a b,
body.section7 .menu li.part7 a b,
body.section8 .menu li.part8 a b, 
body.section9 .menu li.part9 a b,
body.section10 .menu li.part10 a b 
{
    background:#000 url(../images/menu/button3.gif) no-repeat right top;
    text-decoration:none;
    color:White;
}

body.section2 .menu li.part2 a:hover,
body.section3 .menu li.part3 a:hover,
body.section4 .menu li.part4 a:hover,
body.section5 .menu li.part5 a:hover,
body.section6 .menu li.part6 a:hover,
body.section7 .menu li.part7 a:hover, 
body.section8 .menu li.part8 a:hover, 
body.section9 .menu li.part9 a:hover,
body.section10 .menu li.part10 a:hover 
{
    background:#000 url(../images/menu/button3.gif);
    text-decoration:none;
    color:#ccc;
}

body.section2 .menu li.part2 a:hover b,
body.section3 .menu li.part3 a:hover b,
body.section4 .menu li.part4 a:hover b,
body.section5 .menu li.part5 a:hover b,
body.section6 .menu li.part6 a:hover b,
body.section7 .menu li.part7 a:hover b, 
body.section8 .menu li.part8 a:hover b,
body.section9 .menu li.part9 a:hover b,
body.section10 .menu li.part10 a:hover b 
{
    background:url(../images/menu/button3.gif) no-repeat right top;
    text-decoration:none;
    color:#ddd;
}

img
{
      border-width:0px;
}

.img-aligne img
{
    float:left;
    margin-right:10px;
    vertical-align:50%;
}


/*préchargement des images*/
.cache
{
    display:none;
}

table
{
    border:solid 1px Black;
    border-collapse: collapse;
    width:100%;
}

th
{
    padding:0.44em;
    border:solid 1px Black;
    border-spacing:0px;
    text-align:center;
    background-color:#ccc;
}

td
{
    padding:0.44em;
    border:solid 1px Black;
}


/*cadres de base*/
div.cadre 
{
    background-image:url(../images/ombragelat.jpg);
    background-repeat:repeat-y;
    background-color:White;
    /*en standard, width:760px;*/
    width:990px;
    margin-left:auto;
    margin-right:auto;
    text-align	: justify;
}

div.centre
{
    margin-left:17.5%;
    padding-right:1%;
    padding-left:1%;
    width:55.4%;
    border-left:solid 1px #ccc;
}

div.centreseul
{
    padding-right:1%;
    padding-left:1%;
    margin-left:17.5%;
    width:79.7%;
    border-left:solid 1px #ccc;
}

div.colonnegauche
{
    line-height:1.4em;
    font-size:0.91em;
    float:left; 
    width:17%;
}

#colgauche-contenu
{
    margin-left:7%;
}

div.colonnedroite
{
    padding:0.44em 0.8em 0.44em 0.44em;
    float:right;
    width:23%;
    line-height:1.4em;
    font-size:0.91em;
}

/*cadres spécifiques*/
.align-50droite  
{
    width:45%;
    padding:10px;
    text-align : justify; 
    float:right;
}

.align-50gauche 
{
    width:49%;
    padding:10px;
    text-align : justify;
    float:left;
}


div.centre30
{
    margin-left:25%;
    margin-right:25%;
}

div.colonnegauche30
{
    float:left; 
    width:28%;
}

div.colonnedroite30
{
    float:right;
    width:28%;
}

div.colonnegauche50
{
    float:left; 
    width:48%;
}

div.colonnedroite50
{
    float:right;
    width:50%;
}

div.colonnegauche20
{
    text-align:center;
    font-size:0.8em;
    line-height:10px;
    font-weight:bold;
    float:left; 
    width:25%;
}

div.colonnedroite20
{
    text-align:center;
    font-size:0.8em;
    line-height:10px;
    font-weight:bold;
    float:right; 
    width:24%;
}

.nettoyage
{
    clear:both;
}

.nettoyage-gauche
{
    clear:left;
}

.liste
{
    margin-left:1.4em;
    line-height:1.4em;
}

div.cartouche
{
    background-image:url(../images/fond2.jpg);
    font-size:0.96em;
    clear:both;
    padding-top:5px;
    padding-bottom:4px;
    line-height:1.21em;
    margin-left:7px;
    color:White;
    background-color:#504975;
    text-align:center;
    width:977px;
}

div.cartouche a
{
    color:White;
    font-weight:bold;
}

div.cartouche a:hover
{
    color:White;
    font-weight:bold;
}

div.bandeau
{
    background-image: url(../images/bandeau1.png);
    background-repeat: no-repeat;
    background-color:#504975;
    height:100px;
}

/*menu de navigation*/
.zone-menu
{
    margin-left:7px;
    width:977px;
}

.decalage
{
    float:left;
    height:35px;
    width:90px;
}

.menu   
{
    padding:0 0 0 0px;
    margin:0;
    list-style:none;
    height:35px;
    background:#fff url(../images/menu/button1.gif);
    position:relative;
    /*border:1px solid #000;
    border-width:0 1px;
    border-bottom:1px solid #444;*/
}

.menu li 
{
    float: left;
}

.menu li a
{
    display:block;
    float:left;
    height:35px; 
    line-height:35px; 
    color:#ddd; 
    text-decoration:none; 
    font-size:11px; 
    font-family:Tahoma, arial, verdana, sans-serif; 
    font-weight:bold; 
    text-align:center;
    padding:0 0 0 8px; 
    cursor:pointer;
}

.menu li a b 
{
    float:left;
    display:block; 
    padding:0 16px 0 8px;
}

.menu li a:hover 
{
    color:#fff;
    background:#000 url(../images/menu/button4.gif);
    text-decoration:none;
}

.menu li a:active 
{
    color:#fff;
    background:#000 url(../images/menu/button4.gif);
    text-decoration:none;
}

.menu li a:active b
{
    color:#fff;
    background:#000 url(../images/menu/button4.gif);
    text-decoration:none;
}

.menu li a:hover b
{
    background:url(../images/menu/button4.gif) no-repeat right top;
    text-decoration:none;
    text-decoration:none;
}

/*présentation*/
.legende
{
    text-align:center;
    font-style:italic;
    font-size:0.9em;
}

.souligne
{
     padding:0.2em;
     border-bottom:solid 1px #ccc;
}

.surligne
{
    padding:2px 5px 2px 5px;
    color:White;
    background-image:url(../images/fond2.jpg);
    background-repeat:repeat-x;
    background-color:#504975;
}

.fond-colore
{
    background-color:Black;
}

.menu-secondaire
{
    width:200px;
    padding:2px;
    text-align:justify;
    line-height:8px;
    color:White;
    border-left:solid 2px #ccc;
}

.menu-secondaire a
{
    display:block;
}

.menu-secondaire a:hover
{
     display:block;
     text-decoration:none;
     color:#ff6600;
}

.zone
{
    padding:1px 10px 1px 10px;
}


div.alerte
{
    font-size:1.02em;
    border:solid 1px Black;
    padding:1%;
    color:Black;
    background-color:Silver;
}

div.encart
{
    font-size:1.02em;
    border:solid 3px #ccc;
    padding:1%;
    color:Black;
}
.contour
{
    border:solid 1px #ccc;
    padding:2px;
}


/* Style utilisé pour les sommaire d'exposés notamment, le sommaire de niveau 2 (N2)
est légèrement plus décalé que sont homologue de niveau 1 (N1 */
.sommaireN1{color:#3D9AD5; margin-left:7%;}
a.sommaireN1:link{color:#3D9AD5; text-decoration:none;}
a.sommaireN1:visited{color:#3D9AD5; text-decoration:none;}
a.sommaireN1:hover{color:#3D9AD5; text-decoration:underline}
.sommaireN2{color:#3D9AD5; margin-left:9%;}
a.sommaireN2:link{color:#3D9AD5; text-decoration:none;}
a.sommaireN2:visited{color:#3D9AD5; text-decoration:none;}
a.sommaireN2:hover{text-decoration:underline}


/* A utiliser pour les vignettes */
.vignette	
{
	float:left; 
	text-align:center; 
	height:95px;
	/*width:75px;*/
	width:120px;
	font-size:10px;
	padding:5px;
	/*margin-bottom:10px;
	/*margin-right:40px;*/
	/*margin-left:10px;*/
}
				
.vignette-img {height:75px;}

.ligne
{
    width:780px;
    height:255px;
}

.ligne2
{
    width:550px;
    height:220px;
}

.cellule
{
    font-size:0.92em;
    float:left;
    border:solid 1px #ccc;
    margin:7px;
    padding:5px;
    width:230px;
    height:230px;
}

.cellule-demie
{
    float:left;
    font-size:0.82em;
    text-align:center;
    width:150px;
    height:140px;
    margin : 10px 10px 10px 10px;
    padding: 5px;
}

.commentaire
{
    border:solid 1px #ccc; 
    background-color: #F1F1F1; 
    padding:5px; 
    text-align:justify;
}

.fleches-navig
{
    text-align:center; 
    font-size:15px;
}


table.couleur
{
    border-color:White;
    background-color:#6495ed;
    color:White;
}

.titre
{
    color:#FF5500;
    font-size:1.4em;
    
}