@charset "utf-8";
/* CSS Document */

body {margin:0px; padding:0px; font: 1.0em Verdana, Arial, sans-serif; text-align:center; background-color:#5eaac7;}
/* pour enlever les marges de toutes les balises */
* { margin:0px; padding:0px;}
.nofloat { clear:both; }
img {border:0px;}

div#bg {background:#334b5f url(img/bg.jpg) center bottom repeat-x; }
div#design {background:url(img/header/default.jpg) top center no-repeat;}

div#main { width:925px; margin-left:auto; margin-right:auto; text-align:left; padding-left:0px !important; padding-left:39px;  }

div#header {width:925px; height:169px;}

div#logo {width:352px; float:left;}

div#header div#logos { width:287px; height:138px; float:left; text-align:center; margin-left:12px; }

div#header div#mu ul { height:24px; float:right; padding:2px 10px 0px 20px; line-height:1.53em; font-size:0.8em; list-style-type:none; text-align:right; font-weight:bold; background:url(img/mu_bg.png) no-repeat;}
div#header div#mu ul li {display:inline; padding-left:15px;}
div#header div#mu ul a {color:#ffffff; text-decoration:none;}
div#header div#mu ul a:link {color:#ffffff; text-decoration:none;}
div#header div#mu ul a:hover {color:#ffffff; text-decoration:underline;}
div#header div#mu .selected {color:#0d6592;}

div#header div#user_mu {width:300px; height:29px; float:right; margin-top:0px; clear:right; }
div#header div#user_mu ul {padding:2px 10px; font-size:0.8em; list-style-type:none; text-align:right; }
div#header div#user_mu ul li { padding-left:5px; color:#FFF;}
div#header div#user_mu ul li#user_name { font-weight:bold; display:inline; }
div#header div#user_mu ul li#user_level { display:none;}
div#header div#user_mu ul li#user_exit { font-weight:bold; display:inline;} 

div#header div#user_mu ul a {color:#ffffff; text-decoration:none;}
div#header div#user_mu ul a:link {color:#ffffff; text-decoration:none;}
div#header div#user_mu ul a:hover {color:#ffffff; text-decoration:underline;}

div#mp {width:506px; height:114px; float:right; margin:0px 52px 0px 0px; text-align:center; clear:right;}
div#mp ul {width:506px; height:114px; font-size:1em; list-style-type:none; font-weight:bold;}
div#mp ul li {display:inline-block; height:114px;  color:#FFF;}
div#mp ul span {width:93px; height:104px; margin-top:-5px;}
div#mp ul a {color:#334b5f; text-decoration:none;}
div#mp ul a:link {color:#334b5f; text-decoration:none;}
div#mp ul li .selected {color:#334b5f;}
div#mp ul a:hover {color:#334b5f; text-decoration:underline;}

div#ms {width:908px; height:30px; float:right; }
div#ms ul {padding:5px 10px; font-size:0.9em; list-style-type:none; text-align:right;}
div#ms ul li {display:inline; padding-left:5px; color:#0d6592;}
div#ms ul a {color:#0d6592; text-decoration:none;}
div#ms ul a:link {color:#0d6592; text-decoration:none;}
div#ms ul a:hover {color:#000000; text-decoration:underline;}
div#ms ul .selected {color:#80c5de;}

div#container_bg { width:908px; background:url(img/cont_top.jpg) top center repeat-x; margin-left:8px; background-color:#fff; margin-top:0px !important; margin-top:-18px; }

div#container { width:908px; min-height:330px; font-size:0.8em; background:url(img/cont_img.jpg) no-repeat right bottom; padding-bottom:30px; }

div#container p {font-family:Arial; font-size:1.0em; text-align:justify; line-height:1.3em; margin:1em 10px 1em 0px;}
div#container h1 {color:#bf2c37; font-size:1.3em; margin:10px 0px 5px 0px;}
div#container h2 {color:#334b5f; font-size:1.1em; margin:10px 0px 10px 0px; font-weight:bold;}
div#container h3 {font-size:1.0em; font-weight:bold; margin-bottom:0px;}
div#container ul {margin:1em 50px 1em 30px;}
div#container ul li {margin-top:5px; font-size:0.9em; font-family:Arial;}
div#container ol {margin:1em 50px 1em 30px;}
div#container ol li {margin-top:5px; font-size:0.9em; font-family:Arial;}
div#container a:link {color:#579089; text-decoration:none;}
div#container a:visited {text-decoration:none; color:#579089}
div#container a:hover {color:#8c1a1d; text-decoration:underline;}
div#container a:active {text-decoration:none; color:#8c1a1d;}

div#col {width:863px; min-height:300px; padding:0px 15px 0px 30px; }

div#colbot {width:863px; padding:0px 15px 0px 30px; }

div#col1 {width:858px; min-height:300px; float:left; padding:0px 20px 0px 30px; }

div#col2 {width:250px; float:right; margin:0px 0px 15px 15px;}

div#container div.blue {padding:10px 15px 10px 15px; background:#80c5de url(img/cont_box.jpg) no-repeat left top;}
div#container div.blue h1 {color:#334b5f;}
div#container div.blue h2 {color:#0d6592;}
div#container div.blue h3 {color:#000000;}
div#container div.blue a:link {color:#ffffff; text-decoration:none;}
div#container div.blue a:hover {color:#334b5f; text-decoration:underline;}

div#container div.black {padding:10px 15px 10px 15px; background:#000000 url(img/black_box.jpg) no-repeat left top;}
div#container div.black p {color:#ffffff;}
div#container div.black h1 {color:#334b5f;}
div#container div.black h2 {color:#0d6592;}
div#container div.black h3 {color:#ffffff;}
div#container div.black a:link {color:#579089; text-decoration:none;}
div#container div.black a:hover {color:#ffffff; text-decoration:underline;}

div#container div.white {padding:10px 15px 10px 15px; background:#ffffff url(img/cont_top.jpg) no-repeat left top;}

div#footer {  width:896px; margin-left:8px; padding:6px !important; padding:6px 6px 3px 6px; font-family:Time; font-size:0.75em; background:url(img/footer.jpg) top right no-repeat; background-color:#e7eedc;  border-top:solid 1px #c7c9bf;  }
div#footer ul {margin:0px; list-style-type:none;}
div#footer ul li {display:inline; margin:2px;} 
div#footer a {color:#000000; text-decoration:none;}
div#footer a:link {color:#000000; text-decoration:none;}
div#footer a:hover {color:#000000; text-decoration:underline;}

div#footer div#bottom_menu {width:560px; float:left; text-align:left;}

div#footer div#copyright {width:320px; float:right; text-align:right;}

.btn {cursor:pointer;}
.btn:hover {filter:alpha(opacity=60); opacity:0.6;}

.btn-icon {padding-left:25px !important;}

#slider {height:342px;}




/* Onglets */

.ui-tabs {padding:0px; margin:0px; border:0px; background:transparent; font-size: inherit; }
.ui-tabs .ui-tabs-panel {}
.ui-tabs .ui-tabs-nav {border-bottom:solid 6px #80c5de; }
.ui-tabs .ui-tabs-nav li {background:none; border:none; margin-right:6px;}
.ui-tabs .ui-tabs-nav li a {border:solid 1px #CEE4EF; border-bottom:none;  background:#ffffff url(img/cont_top.jpg) no-repeat left top; color:#000 !important; min-width:100px; opacity:1 !important;}
.ui-tabs .ui-tabs-nav li a:hover {color:#000 !important; border: solid 1px #80c5de; border-bottom:none; background:#80c5de url(img/cont_box.jpg) no-repeat left top; opacity:0.7 !important;}
.ui-tabs .ui-tabs-nav li a:active {padding-bottom:2px; margin-top:4px;}
.ui-tabs .ui-tabs-nav li.ui-tabs-active a {border: solid 1px #80c5de; border-bottom:none; background:#80c5de url(img/cont_box.jpg) no-repeat left top; color:#000 !important; opacity:1 !important;}