/* Screen.css
 *
 * mise en page
 */

/* **************** Généralités ****************** */
html {font-family:trebuchet ms, century gothic, sanserif;}
body { margin:5px; padding:0;
	/* background:#eef url(../images/bgimg.jpg) no-repeat fixed top left; */
	background-color:#B08F8F;
	color:#000;
	text-align:center;
}
h1,h2,h3,h4 {display:block; color:#009; text-align:left;}
h1 {border-bottom:#006 solid 3px; margin:0 20% 4px 0; }
h2 {background-color:#eee; padding:5px; margin:1ex 33% 4px 0; line-height:120%;}
h3 {border-bottom:#006 double 3px; margin-bottom:4px; }
h4 {border-bottom:#006 solid 1px; margin:0 66% 4px 0; }
h2.compact {margin-right:0; line-height:100%;}

/* ajout automatique d'une icône lorsqu'il s'agit d'un lien externe */
a[href^="http://"], a[href^="https://"] {
	background-image:url(images/ic-link.gif);
	padding-left:17px;
	background-position:left;
	background-repeat:no-repeat;
}
/* ajout automatique d'une icône sur les liens mailto:*/
a[href^="mailto:"]{
	background-image:url(images/ic-mail.gif);
	padding-left:17px;
	background-position:left;
	background-repeat:no-repeat;
}
/* ajout automatique d'une icône sur les liens ANCRES INTERNES:*/
/*
a[href^="#"]{
	background-image:url(images/ic-ancre.gif);
	padding-left:17px;
	background-position:left;
	background-repeat:no-repeat;
}
*/
a[hreflang|="fr"]{
	background-image:url(../images/clusif/flags/fr16.png);
	padding-left:17px;
	background-position:left;
	background-repeat:no-repeat;
}
a[hreflang|="en"]{
	background-image:url(../images/clusif/flags/en16.png);
	padding-left:17px;
	background-position:left;
	background-repeat:no-repeat;
}


/* **************** Classes générales ****************** */
.clMehari {font-variant:small-caps;}
.clClusif {font-variant:small-caps;}

.floatleft, .floatright {margin-top:5px; margin-bottom:5px; vertical-align:middle}
.floatleft { float:left; margin-right:5px}
.floatright { float:right; margin-left:5px}

li.nopuce {list-style-type:none}
li.avi {list-style-image:url(../images/avi.gif)}
li.pdf {list-style-image:url(../images/pdf.gif)}
ul.pdf li {list-style-image:url(../images/pdf.gif)}

div.info_texte {
	margin:0em 0em 2em 1em; padding:0.2ex 2em;
	background-color:#fdf0e2;   /* #fc9 ou #FDF0E2 ?*/
	text-align:justify;
}

div.info_date {
	font-size:smaller; font-weight:bold; text-align:left;
}
h2.info_titre {
	margin-bottom:0;
	font-size:120%; line-height:normal;
}
div.info_texte div.en_valeur {
	padding:5px;
	border:#c60 solid 3px;
}

a.noanchor{
	background-image:none;
	padding-left:0;
}

/* *************** Site ********************** */
/* #site { width:770px; } */
#site { width:90%; }
#site { border:#333 solid 2px; -moz-border-radius:6px; margin:0 auto;}
	


/* **************** Entête ****************** */

#entete{
	background-color:#903; color:#fff; width:100%;
	/* background-image:url(images/fd-entete.jpg); */
	-moz-border-radius-topleft:inherit; -moz-border-radius-topright:inherit;
	padding-bottom:3px; border-bottom:#903 solid 1px;
}
#entete .c2 a {color:#fff; font-size:70%; white-space: nowrap; text-decoration:none;}
#entete .c2 A:hover {text-decoration:underline;}
#entete a:hover, #entete a:hover * {}

#entete fieldset {border-color:#c06; padding:3px; border-style:groove;}

#myName {font-variant:small-caps; text-align:left; font-size:larger;}

#myDesc {border:#903 solid 1px; overflow:hidden; height:3ex;}
             /* ^devrait etre transparent mais IE ne gere pas */

#table_entete {width:100%; border-collapse:collapse; padding:0;margin:0;}
#table_entete td { vertical-align:top;}
#table_entete  .c1 {padding:2px}
#table_entete  .c2 {padding:2px 2px 2px 20px; text-align:right; color:#fff;}

#logo {border:0;}

#entete_print {display:none;}

/* **************** Conteneur ****************** */
#conteneur {background-color:#fff; color:#000;}

/* ************* Menu "rapide" ****************** */
	#menu-h {
		background-color:#fff; color:#000;
		padding:0; margin:0; font-size:75%;
		border-width:1px; border-color:#994E4E; border-style:solid none;
		text-align:left;
	}
	#menu-h h1 {display:none;}
	#menu-h span {
		display:inline;
	}
	#menu-h a {
		display:inline;
		margin:0;
		padding:0 1ex;
		border-color:#999; border-width:1px; border-style:none solid none none;
		background-color:#fff; color:#903;
		text-decoration:none;
	}
	#menu-h a:hover {
		background-color:#903; color:#FCCCCC;
	}


/* **************** Page ****************** */

.page {
	
	background-color:#fff; padding:10px; text-align:justify;
	font-size:90%; min-height:400px;
}
.page a {color:#006; background-color:#eef; text-decoration:none}
.page a:visited {color:#666;}
.page a:hover {text-decoration:underline}

.page a img {background-color:#fff;}

.page strong {color:#006;}
.page em {color:#006;}
.page ul { list-style-type:square; list-style-position:outside;
	padding:0 0 0 2em; margin:1ex 2em;
}
.page ul ul { list-style-type:circle;}
.page ul.puce {list-style-image:url(images/li.gif);}
.page p.important {font-weight:bold; text-align:center; border:#006 solid 3px; padding:15px;}
.page hr {color:#903; width:50%; text-align:center; border:#903 solid 1px; height:1px;}
.page code {text-align:left; display:block;background-color:#ccc; padding:5px; border:#000 double 4px; font-family:lucida console,fixed; font-size:80%}

.page table {border-collapse:collapse; border:#009 solid 1px}
.page td,.page th {border:#009 solid 1px; padding:0.5ex}
.page td {font-size:90%;}
.page th {background-color:#fee; color:#000;}

.page table.noborder {border-collapse:collapse; border:none}
.page table.noborder td,.page table.noborder th {border:none}


.page acronym {background-color:#ffffe1; border-bottom:#000 dotted 1px}

/*
 * #outdebug {position:relative; background-color:#eee; font-size:80%; border:#000 solid 2px; padding:5px; margin:5px}
 */


/* ********************** Menu-Vertical ******************* */

#menu-vertical {
	float:right; max-width:200px; font-size:75%; margin:1px 1px 1px 15px; border:#eee solid 1px;
}
.menu {}

.menu_vertic {}
.menu_vertic h1 {margin:0; padding:4px; text-align:left; border-bottom-style:solid; border-bottom-width:4px}
.menu_vertic h2 {margin:0; padding:4px; text-align:left; border-bottom-style:solid; border-bottom-width:4px}
.menu_vertic ul {text-align:left; margin:0; padding:0;}
.menu_vertic li {display:inline; list-style-type:none; padding:0; margin:0;}
.menu_vertic a  {display:block; text-decoration:none; margin:0; padding:0px 4px 1px 4px;}

.menu_couleur { border:none; color:#000; background-color:transparent;}
.menu_couleur h1 { font-size:110%; background-color:#eee; color:#66f; border-bottom-color:#006; line-height:1em; letter-spacing:.5ex}
.menu_couleur h1:first-letter { color:#006}
.menu_couleur span.chapeau {color:#fff; border-color:#fff; border-style:solid none none none; border-width:1px; background-color:#ccf }
.menu_couleur ul { text-align:right; }
.menu_couleur li { }
.menu_couleur a  {color:#006; border-color:#fff; border-style:solid none none none; border-width:1px; background-color:#ccf}
.menu_couleur a:visited {color:#006}
.menu_couleur a:hover   {font-weight:normal; color:#fff; background-color:#006;}
.menu_couleur a:active  {color:#fff; background-color:#903;}

.menu_couleur a.li1rss  {color:#f60; border-color:#fff; border-style:solid none none none; border-width:0px; background-color:#fff}
.menu_couleur a.li1rss:visited {color:#f60}
.menu_couleur a.li1rss:hover   {font-weight:normal; color:#fff!important; background-color:#f60;}
.menu_couleur a.li1rss:active  {color:#fff; background-color:#903;}

.menu_mmb h1 {background-color:#66f; color:#eee; border-bottom-color:#ccf;}
.menu_mmb h1:first-letter { color:#903}
.menu_mmb h2 {font-size:100%; background-color:#eee; color:#66f; border-bottom-color:#006; line-height:1em; letter-spacing:.5ex}
.menu_mmb a  {color:#ccf; background-color:#006}
.menu_mmb a:visited {color:#ccf}
.menu_mmb a:hover   {color:#006; background-color:#ccf;}
.menu_mmb a:active  {color:#006; background-color:#903;}


#navgauche,#navdroite,#navhaut {color:#fff; border:#fff solid 1px; background-color:#903}
#navgauche:hover,#navdroite:hover,#navhaut:hover {color:#fff; border:#fff solid 1px; background-color:#603}
.menu_couleur h1.nav { background-color:#eee; color:#903; border-bottom-color:#603;}
.menu_couleur h1.nav:first-letter { color:#603}

/* **************** Pied ****************** */

#pied {
	color:#ccc;
	clear:both;
	background-color:#903; width:100%; -moz-border-radius-bottomleft:inherit; -moz-border-radius-bottomright:inherit;
	padding:0; text-align:center; font-size:80%; font-family:sans-serif; font-variant:small-caps; 
}
#pied span {color:#fff; font-size:150%; letter-spacing:0.3em; line-height:200%; font-weight:bold;}