#body {margin: 0;border: 0;padding: 0;height: 100%;max-height: 100%;background: #F8FEFB url("../imags/viet.png");font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, serif;font-size: 0.75em;}
body {margin: 0;border: 0;padding: 0;height: 100%;max-height: 100%;background: #FFFFFF; font-family: Optima, "Trebuchet MS", Lucida, Arial, Geneva, Verdana, "Lucida Grande", Tahoma, Helvetica, serif;font-size: 0.75em;min-width:1110px;max-width:1400px;margin:0 auto;}

h1,h2,h3,h4,h5,h6 {font-family: Verdana, Lucida, Helvetica, fantaisy, sans-serif;font-size: 1em;}

h3 {margin-left: 1em;margin-right: 3em;}

p.center {text-align: center;margin: auto;}
/*
#container,div#footer {background-color: #c5ebf8;}
*/
#container {width: 100%;padding: 0;text-align: center;}

html #container {height: 100%;width: 100%;}
/* base */

div {margin: 0;padding: 0;display: block;}

ul > li {width: 95%;margin: 0 auto;}
p {width: 95%;margin: 0 auto;padding: 0;padding-left: 2em;}

p.barre {border-bottom: 0px dotted #999;}

div.hr {width: 95%;border-bottom: 1px dotted #999;margin: 0em auto 2em;}

p.petiteinfo, p.legende {text-align:right;font-style:italic;font-size:0.95em;color:#aaa;}

h2 {background-color: #ea0203;color: #444;margin: 1em 0 2em;padding: 0 0 0 1.5em;font-style: italic;border: #475c1b 1px solid;background-image: url("../images/h2.gif");text-align: center;}

div#bas {clear: both;}
div#footer {position: relative;bottom: 0;width: 90%;margin: 2em auto 2em;height: 3.5em;text-align: right;border: 1px solid #999;}
div#footer {position: relative;bottom: 0;width: 90%;margin: 2em auto 2em;height: 3.5em;text-align: right;border: 1px dashed #FF99FF;}

div#icones {position: relative;bottom: 0;margin: 0;text-align: center;}
div#icones a  {color:yellow;}

div#footer p {width: 49%;margin-left: 0;padding: 0;float: left;line-height: 3.5em;}

div#footer p.lft {text-align: left;text-indent: 2%;}

div#footer p img {vertical-align: middle;}
* html div#footer {height: 50px;}


/* headers */
div#header {top: 5em;height: 17em;margin: 0;text-align: center;}
div#imgs {float: left;width: 80%;padding: 3em 0;}

div#logo {width: 20%;float: left;}

/* Menus */

ul.navbar{list-style-type: none;float: left;display: block;width: 100%;line-height: 0.1em;margin: 0;padding: 0;background: url("../images/menu_haut.gif") repeat-x;background-color: #ffeb27;border-top: #ea0203 1px solid;border-bottom: #ea0203 1px solid;text-align: center;}

ul.navbar li {height:0;}

ul.navbar a:link,ul.navbar a:visited {display: block;float: left;width: 14.20%;padding: 1.2em 0 1.2em 0;margin: 0;color: #fb0304;text-decoration:none;}
body ul.navbar a:link, body ul.navbar a:visited {width: 20%;}

ul.navbar a:hover,
ul.navbar a.hovered {background: url("../images/double_fleche.png") no-repeat center;}

div#submenu ul li {display:inline;}

div#submenu ul {background-color:#E7FDFA;height:20px;line-height:20px;clear:left;margin:0;list-style-type: none;float: left;display: block;width: 90%;padding:0 5%;border-bottom:1px solid #ccc;display:none;position:relative;top:-1px;}

div#submenu {margin-bottom: 3em;height:30px;width: 100%;}

div#submenu ul li a {text-decoration:none;}

div#submenu ul li a:hover {text-decoration:underline;}

span.separator {display:none;}

/* fin menus */
/* fin headers */
#div#page {border: 1px solid #999;background-color: #c5ebf8; margin: 4em auto 0 auto;padding: 0;padding-bottom: 1em;width: 90%;}
div#page,div#footer {border: 1px dashed #DD99EE; border: 1px solid #999; background-color: #FFFFBB; background-color: beige; margin: 4em auto 0 auto;padding: 0;padding-bottom: 1em;width: 90%;}
html>body div#page {height: 50.9em;height: auto !important;min-height: 50.9em;} 

/* contenu */
#div#contenu {clear: left;text-align: left;margin: 0 14.5em 0 0;padding: 0 1ex 1em 3ex;}
div#contenu {clear: left;text-align: left;margin: 0 14.5em 0 0;padding: 0 1ex 1em 3ex;}

div#contenu h2 {text-indent: 2em;}

/* fin contenu */
div.barre {border: 1px solid #999;background-color: #e7fdfa; background-color:ivory; padding-bottom: 2em;margin-bottom: 3em;color : #444;margin-top:0;}

div.barre h3 {font-size: 0.96em;}

div.barre h2,div#div_nouvelles h2 {margin: 0;margin-bottom: 2em;padding: 0;padding:0.1em;border: none;border-bottom: 1px solid #999;}


div#div_nouvelles h2 {margin-bottom:0em;}
/* boites droite */
#div#menu_droite {text-align: center;float: right;width: 13em;margin: 0 1.5em 0 0;padding: 0; min-height: 321px;background-color: #FFFFBB; }
div#menu_droite {text-align: center;float: right;width: 13em;margin: 0 1.5em 0 0;padding: 0;min-height: 321px;}

div#menu_droite div {margin: 0 0.5em 1.5em 2em;border: 1px solid #999999;text-align: center;background-color: #e7fdfa;padding-bottom: 0.5em;}

div#menu_droite h2 {margin: 0;margin-bottom: 0.5em;padding: 0.1em;border: none;border-bottom: 1px solid #999;}

div#menu_droite div a {display: block;text-align: center;text-decoration: none;border: 1px solid transparent;width: 90%;margin: auto;vertical-align: middle;}
div#menu_droite div a:hover {background: #d6ece9;color: #2b7456;border: 1px solid #999;}
/* debut News */
div.news-article {
	margin: 0 2em;
}

div.news-article h3 {
	margin-left:0;
}

div.news-article h3 strong {
	font-weight:bold;
}

div.news-article p {
	padding-left:0;
	margin:0;
}

div.news-article p {
	margin-bottom:10px;
}

div.news-article img {
	width: 120px;
	float:left;
	margin:0 15px 0 0;
	border: 2px solid #666;
}
/* fin News */
/* fin boites droite */

/* liens */
a:link,a:visited {color: #2b7456;}
a img {border: none;}

a:link:hover,a:visited:hover {text-decoration: none;/*color: #f00;*/
}
a:link:active,a:visited:active {color: #8CD749;text-decoration: underline;}
a:link.lien,a:visited.lien {text-decoration: none;border: 1px solid #e7fdfa;}
a:link.lié,a:visited.lié {text-decoration: none;background: #2b7456;color: #8CD749;border: 1px solid #999;}
a:link.lien:hover,a:visited.lien:hover {text-decoration: none;background: #c5ebf8;color: #81a7b4;border: 1px solid #999;}
/* fin liens */


/* fin base */

/* News */
div#mess {margin: auto;text-align: center;padding: 1.5em 0.5em 0.5em 0.5em;width: 45em;border: 1px solid #999;background-color: #e7fdfa;color: #555;clear: left;}

div#div_nouvelles {margin: auto;margin-bottom: 3em;height: 10em;border: 1px solid #999;background-color: #e7fdfa;overflow: hidden;}

div#nouvelles {margin: 0;padding-top:1em;height: 7.5em;text-align: center;overflow: hidden;position: relative;}

#infobulle {position: absolute;z-index: 3000;border: 1px dotted #111;background-color: #d6ece9;padding: 5px;}
#infobulle h6 {margin: 0;font-size: 0.8em;font-weight: normal;}

#videos {width: 600px;text-align: center;border: 1px solid #999;padding: 0;margin: 0;margin: auto;}

#lecteur  {margin: 0;padding:0;}

div.pagination {height:22px;padding:0;}

div.pagination ul {height:22px;list-style-type:none;padding:0;margin:0;}

div.pagination ul li {display:inline;}

div.pagination ul li span {display:block;text-align:center;padding:0 5px;float:left;margin-right:2px;}

div.pagination ul li a {border:1px solid black;background-color:#d6ece9;display:block;text-align:center;padding:0 5px;float:left;margin-right:2px;text-decoration:none;}

div.pagination ul li a:link {border:1px solid #999;background-color:#e7fdfa;}

div.pagination ul li a:link:hover {background-color:#d6ece9;border:1px solid black;color:black;}

pre  {margin:1em 0 0 0;font-size:1.2em;text-align:center;}
pre a:link  {color:#333;text-decoration:underline;}

div#loading  {border:1px solid #999;width:80%;margin:auto;}
	
div#loading > div  {margin:0;padding:0;background: url('/templates/images/loadingBar.gif') repeat-x left top;height: 12px;text-align:center;line-height:12px;vertical-align:middle;}

iframe  {width:425px;height:350px;border:none;margin-left:3em;}

strong  {font-weight:normal;}
strong.on  {font-weight:bold;}

p.txtvisu {clear:left;}

p img.visu {float:left;width:300px;margin:0 20px 20px 0;border:1px solid #ccc;}
p img.visud {float:right;width:300px;margin:0 20px 20px 0;}

div.clearer {width:0;height:0;clear:left;margin:0;padding:0;border:none;}