/* 
 * TAGs
 */
body
{
	margin: 0px; padding: 0px;
	background-color: #000f32;
	font-family: arial; font-size: small;
}

h1, h2, h3, h4, h5 { font-style: normal; }

ul
{
	margin: 0px; padding: 0px;
	list-style-type: none;
}

img { border: 0px; }

a, a:hover, a:visited { text-decoration: none; }

acronym { cursor: help; text-decoration: none; border-color: #d8cdc2; }

em { font-style: italic; }



/* 
 * CONTAINER
 */
#container
{
	width: 800px;
	margin: auto;
	background-color: white;
}


/* 
 * HEADER
 */
#header 
{
	width: 800px; height: 100px;
	background: url('/img/bandeau.png') no-repeat;
}


/* 
 * MENU
 */
#menu_pub
{
	width: 800px; height: 20px;
	background: #000f32 url('/img/fond_menu_page.png') no-repeat;
	color: #d8cdc2; font-size: 12px; font-weight: bold; font-family: arial; text-align: right;
}

#menu_pub a { color: #d8cdc2; text-transform: uppercase; }
#menu_pub a:visited { color: #d8cdc2; }
#menu_pub a:hover { color: white; }

#menu_pub { height: 17px; padding-top: 3px; }
#menu_pub a { padding: 5px; }
/*
 * MENU DEROULANT
 */
 
#menuDeroulant { display: none; }



/* 
 * CONTENT
 */
#content
{
	background: url('/img/fond_bleu_blanc.png') repeat-y;
	min-height: 200px;
	text-align: justify;
}



.cadre_1 
{ 
	float: left; 
	width: 260px; min-height: 600px; 
	padding-bottom: 1em; padding-left: 20px; 			/* width+padding doivent faire 280px */ 
	background-color: #1a407e; 
	color: #FFFFFF; font-weight: bold; text-align: left;
}
.cadre_1 img { margin-bottom: 10px; margin-left: -20px; }	/* pour compenser le padding-left de #cadre_1 */ 

.cadre_1 a { color: #FFFFFF; }
.cadre_1 a:hover { color: #b3c4de; }

.cadre_1 ul li:before { content: "- "; }
.cadre_1 ul li { padding-left: 1em; font-weight: normal; }
.cadre_1 ul li a { color: #d8cdc2; }



.cadre_2 { margin-left: 280px; padding: 20px 30px 40px 30px; }

.cadre_2 h1 
{ 
	margin: 0em 0em 1em 0em;
	text-align: center; color: #776861; text-transform: uppercase; 
}
.cadre_2 h2, .cadre_2 h3 { margin: 2em 0em 1em 0em; font-size: 1.1em; color: #1a417d; }
.cadre_2 h2 
{  
	padding: 0.2em;
	background-color: #d8cdc2; 
}
.cadre_2 h3 { margin-bottom: 0.5em; }



.cadre_2 p, .cadre_2 ul { margin: 1em 0em 1em 0.5em; }

.cadre_2 ul 
{  
	padding-left: 0em; font-weight: bold; 
	list-style-type: square;
}
.cadre_2 ul li { margin-left: 1em;  font-weight: normal; } 

.cadre_2 a { color: #1a417d; font-weight: bold; font-style: italic; }


#marquee 
{
	width: 400px;
	background: url('/img/guillemets.png') no-repeat top left; 
	margin-bottom: 2em; padding: 20px 0px 0px 40px; 
	color: #1A417D; font-size: large; font-style: italic;
} 

#lien
{
       width: 520px;
       float: left; position: relative;
        margin-left: 280px; margin-top: -30px; padding-top: 5px;
        text-align: center;
}
#lien a
{
        margin: 0em 1em 0em 1em;
        color:#1A417D; font-style:italic; font-weight:bold;
}
#lien a:hover { color: red; }


/* 
 * FOOTER
 */
#footer
{
	clear: both;
	width: 800px; height: 20px;
	background-color: #000f32;
	color: #d8cdc2; font-size: 14px; font-family: arial; font-style: italic; text-align: right;
	overflow: hidden;
	margin-bottom: 10px;
}

#footer a, #footer a:visited { padding-left: 12px; color: #d8cdc2; }
#footer a:hover { color: white; }

#footer ul { height: 100%; padding: 3px; }
#footer ul li { display: inline; }

#footer #mail { float: right; margin-right: 11px; }

#papillon 
{ 
	float: right; position: absolute; margin-left: 830px; margin-top: -40px; /*margin-left: 740px; margin-top: -50px; */
}
#papillon:hover { cursor: pointer; }



/*
 * Eléments du design spécifiques à un nombre limité de pages
 */




.exemple, .remarque { font-style: italic; }
.exemple { color: gray; }
.quote { margin-top: -1em; text-align: right; font-size: 0.85em; }
.quote a { font-weight: bold; font-style: italic;}
.quote a:hover { color: red; }
.liste_col li { float: left; width: 130px; margin: 0px; padding: 0px; list-style-image: none; /*text-align: center;*/ }
.centre { text-align: center; }
.mot_clef { display: none; }



/* About us*/
.personne { margin-bottom: 10px; padding-left: 100px; min-height: 130px; }
.personne img { float: left; margin-left: -100px; }

/* Partners */
.partner { height: 75px; border: 1px solid white; float: right; }
.partner img { float: left; }
.partner p { margin-left: 150px; margin-top: 0px; width: 300px; }

/* Contacts */
.colone_gauche, .colone_droite { width: 240px; }
.colone_gauche { float: left; }
p.colone_droite { margin-left: 240px; margin-top: 1.6em; }

/* News */
.passe .date { }
.present .date, .futur .date { color: #1a407e; font-weight: bold; }
.present .date {  font-style: italic; font-size: 1.2em; }


/*
#menuhtc { background: #000f32 url('/img/fond_menu_page.png') no-repeat; color: #fff; height: 21px; }
#menuhtc a, #menuhtc a:visited, #menuhtc a:hover {
   text-decoration: none;
   color: #fff;
  }
#menuhtc ul { margin:0;padding:0; float: right; }
#menuhtc ul li {
   behavior:url('/css/menu.htc');
   background: #000f32;
   position:relative;
   display:inline;
   padding:3px 15px 3px 0px;
   cursor:pointer;
  }
#menuhtc ul>li { display:table-cell; }
#menuhtc ul li:hover { background: #b3c4de; }
#menuhtc ul li ul {
   top:expression(this.parentNode.offsetHeight+"px");
   left:expression(0);
   border:solid 1px #000;
   position:absolute;
   visibility:hidden;
  }
#menuhtc ul li:hover ul { visibility:visible; z-index:200;}
#menuhtc ul li ul li { display:block;}
*/