/* Les Éléments Généraux
--------------------------------------------------------------------------------------- */

*{margin:0; padding:0;}

body {
	background: #7fb3d5 url(/new/images/bg.gif);
	color: #094891;
	font: 55%/1.3em Verdana, Arial, Helvetica, sans-serif;
}

img {border: none;}

a:link, a:visited {text-decoration: none; color: #ce7019;}
a:hover {text-decoration: underline;}
a:active {color: #094891;}
a, a:active, a:focus {outline:none;}

h1 {
	color: #fdbe56;
	font: bold 2em Tahoma, Geneva, Verdana, sans-serif;
	margin: 0 20px 10px 20px;
	padding-top:0;
}

h2 {
	color: #ce7019;
	font: bold 1.6em/115% Tahoma, Geneva, Verdana, sans-serif;
	margin: 0 20px 5px 20px;
}

h3 {
	color: #ce7019;
	font: bold 1.2em Tahoma, Geneva, Verdana, sans-serif;
	margin: 0 20px 5px 20px;
}

h4 {
	font: bold 1.2em Tahoma, Geneva, Verdana, sans-serif;
	margin: 0 20px;
}

input,select, textarea{
	border: 1px solid #3781b8;
	padding: 2px;
	color: #094891;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1em;
}

optgroup option {
	padding-left:10px;
}

.fleft {float:left;}
.fright {float:right;}
hr {border: 1px solid #7fb3d5; margin: 0 20px 20px 20px;}
.alt {background: #e0effa;}


/* Les Containers
--------------------------------------------------------------------------------------- */

#wrapper {
	background: url(/new/images/bg-topsmall.gif) repeat-x;
	min-height: 652px;
}


#page {
	width: 772px;
	background: url(/new/images/bg-page.gif) repeat-y;
	font-size: 1.1em;
	margin: 0 auto;
}



/* Le Header
--------------------------------------------------------------------------------------- */

#header {
	height: 101px;
	background: url(/new/images/bg-headnew2.jpg) no-repeat;
}

#header img {padding: 49px 0 0 191px;}



#print {display: none;}

#menu, #menu ul { /* all lists */
	margin: 0 2px;
	list-style: none;
	line-height: 1;
	font-size:11px !important;
}

#menu a {
	border-top: 2px solid #fdbe57;
	border-right: 2px solid #fdbe57;
	color: #fff;
	display: block;
	width: auto;
	padding: 19px 5px;
	text-decoration: none;
}
#menu #first a  {padding: 19px 7px 19px 8px;}
#menu #last a {border-right: none; padding: 19px 9px 19px 7px;}

#menu a:hover {
	color: #fff; 
	background: url(/new/images/bg-menu-o.gif) repeat-x;
}

#menu li { /* all list items */
	background: url(/new/images/bg-menu.gif) repeat-x 0 2px;
	float: left;
	width: auto;
}

#menu li ul { /* second-level lists */
	position: absolute;
	width: 220px;
	left: -999em;
	margin: 0;
	z-index:99999;
}

#menu li ul li {background: #9e1404 url(/new/images/bg-smenu.gif) repeat-x bottom;}

#menu li ul a {
	border: 2px solid #fdbe57;
	border-top: none;
	width: 210px;
	height: 11px;
	padding: 5px;
}

#menu li ul a:hover {
	background: url(/new/images/bg-smenu-o.gif) repeat-x bottom;
}

#menu li ul ul { /* third-and-above-level lists */
	margin: -22px 0 0 222px;
}

#menu li ul ul a { /* third-and-above-level lists */
	height: auto;
}

#menu li:hover ul ul, #menu li.sfhover ul ul {
	left: -999em;
}

#menu li:hover ul, #menu li li:hover ul, #menu li.sfhover ul, #menu li li.sfhover ul { /* lists nested under hovered list items */
	left: auto;
	background-position: 0 0;
}


/* La Section Principale
--------------------------------------------------------------------------------------- */

#main {
	background: #fdbe56 url(/new/images/bg-main.gif) no-repeat top;
	border: 2px solid #0067ac;
	border-top: none;
	padding: 20px 0 0 0;
	overflow: auto;
	clear: left;
}



/* La section de gauche
------------------------ */

#left {
	width: 512px;
	float: left;
}

#content{
	background: #fff;
	border: 2px solid #3781b8;
	border-left: none;
	padding: 20px 0 0 0;
}

#left p{ 
	text-align: justify;
	margin: 0 20px 20px 20px;
}

#left img {border: 2px solid #fdbe56;}

#left ul, #left ol {margin: 0 20px 20px 45px;}
#left table {margin: 0 20px 20px 20px;}
#left table td, #left table th {padding: 4px;}
#left table th {background: #3781b8; color: #fff;}
#left dl {margin: 0 20px 20px 20px;}
#left dt {font: bold 1.2em Tahoma, Geneva, Verdana, sans-serif; margin: 0 0 5px 0;}
#left dd {margin: 0 20px 20px 20px;}


#left table.htmlarea,#left table.htmlarea table {margin: 0;}
#left table.htmlarea img { border:none; }
#left table.htmlarea td, #left table.htmlarea th {padding: 0;}
#left table.htmlarea th {background: none; color: #000;}

/*
#left .mceLayout,#left .mceLayout table {margin: 0;}
#left .mceLayout img { border:none; }
#left .mceLayout td, #left .mceLayout th {padding: 0;}
#left .mceLayout th {background: none; color: #000;}

#left .mceLayout ul, #left .mceLayout ol, #left .mceLayout dl, #left .mceLayout dt, #left .mceLayout dd,#left .mceLayout p { margin:0; padding:0; }
*/

#ntop {height: 15px; background: url(/new/images/news-top.gif) no-repeat; margin: 0 20px;}
#nbottom {height: 19px; background: url(/new/images/news-bottom.gif) no-repeat; margin: 0 20px; clear: both; border-bottom: 20px solid #fff;}
#news {
	background: url(/new/images/bg-news.gif) repeat-x bottom;
	border-left: 2px solid #fdbe56;
	border-right: 2px solid #fdbe56;
	margin: 0 26px 0 27px;
	overflow: visible;
}

#news a:link, #listenews a:link, #news a:visited, #listenews a:visited {text-decoration: none; color: #fb840a;}
#news a:hover, #listenews a:hover {color: #094891;}
#news a:active, #listenews a:active {color: #ff0000;}

#news h2 {margin: 0 0 5px 10px;}
#news ul{
	width: 422px;
	list-style: none;
	margin: 0 10px;
}

#news label {
	float:left;
	width:150px;
	display:block;
}

#news li {
	border-top: 2px solid #feecd0;
	padding: 7px 0;
}

#news li#premier {border-top: 2px solid #fdbe56;}

#news li img, #listenews li img {
	margin: 0 5px 0 0;
	float: left;
}


#news li span, #listenews li span {color: #fb840a; font-style: italic; font-weight: bold;}

#news li li {
	list-style:disc;
	margin-left:20px;
	width:auto;
	border:0;
}


/***********************************************************************
			BABILLARD
***********************************************************************/
#b_top {height: 74px; background: url(/new/images/b-top.gif) no-repeat; margin: 0 19px; overflow:hidden; }
#b_top h2 { color:#fff;padding:0;padding-top:36px;padding-left:20px;margin:0;font-size:24px; }
#b_bottom {height: 75px; background: url(/new/images/b-bottom.gif) no-repeat; margin: 0 19px; clear: both; border-bottom: 20px solid #fff; overflow:hidden;}
#b_bottom a.icone { background-color:#f5eade }
#b_bottom a:hover.icone { background-color:#fff }

#b_mid {
	background: url(/new/images/b-mid.gif) repeat-y;
	margin: 0 19px;
	overflow: visible;
}

#b_mid a:link,  #b_mid a:visited {text-decoration: none; color: #fb840a;}
#b_mid a:hover {color: #094891;}
#b_mid a:active {color: #ff0000;}

#b_mid h2 {margin: 0 0 5px 10px;}
#b_mid ul{
	/*width: 422px;*/
	list-style: none;
	margin: 0 10px;
}

#b_mid label {
	float:left;
	width:150px;
	display:block;
}

#b_mid li {
	border-top: 2px solid #fff;
	padding: 7px 0;
	margin:0 10px;
}
#b_mid li a { font-size:1.1em }
#b_mid li#premier {border-top: 0;}

#b_mid li img {
	margin: 0 5px 0 0;
	float: left;
}


#b_mid li span {color: #fb840a; font-style: italic; font-weight: bold;}

#b_mid li li {
	list-style:disc;
	margin-left:20px;
	width:auto;
	border:0;
}

#b_mid .contenuarticle { margin-bottom:0; }


#b_top2 {height: 74px; background: url(/new/images/b-top2.gif) no-repeat; margin: -10px 19px 0 19px; overflow:hidden; }
#b_top2 h2 { color:#fff;padding:0;padding-top:36px;padding-left:20px;margin:0;font-size:24px; }
#b_bottom2 {height: 75px; background: url(/new/images/b-bottom2.gif) no-repeat; margin: 0 19px; clear: both; border-bottom: 20px solid #fdbe56; overflow:hidden;}
#b_bottom2 a.icone { background-color:#f5eade }
#b_bottom2 a:hover.icone { background-color:#fff }

#b_mid2 {
	background: url(/new/images/b-mid2.gif) repeat-y top left;
	margin: 0 19px;
	overflow: visible;
}

#b_mid2 a:link,  #b_mid2 a:visited {text-decoration: none; color: #fb840a;}
#b_mid2 a:hover {color: #094891;}
#b_mid2 a:active {color: #ff0000;}

#b_mid2 h2 {margin: 0 0 5px 10px;}
#b_mid2 ul{
	/*width: 422px;*/
	list-style: none;
	margin: 0 10px;
}

#b_mid2 label {
	float:left;
	width:150px;
	display:block;
}

#b_mid2 li {
	float:left;
	width:213px;
	border:1px solid #fff;
	margin:6px 6px 0 6px;
	padding:4px;
}
/* #b_mid2 li a { font-size:1.1em }*/


#b_mid2 li img {
	margin: 0 5px 0 0;
	float: left;
}


#b_mid2 li span {color: #fb840a; font-style: italic; font-weight: bold;}

#b_mid2 li li {
	list-style:disc;
	margin-left:20px;
	width:auto;
	border:0;
}

#b_mid2 .contenuarticle { margin-bottom:0; }

/***********************************************************************
			FIN BABILLARD
***********************************************************************/

#left #listenews{
	width: 472px;
	list-style: none;
	margin: 0;
	padding: 0 20px 20px 20px;
}

#listenews li {
	border-bottom: 2px solid #feecd0;
	padding: 7px 0 15px 0;
	clear: both;
}

#intranet{
	margin: 0 20px 20px 20px;
}

#intranet label{
	float: left;
	width: 130px;
	padding: 2px 0;
}

#intranet input{
	width: 180px;
	margin-bottom: 5px;
	border: 1px solid #3781b8;
	padding: 2px;
	color: #094891;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

#intranet #submitbutton{
	background: #7fb3d5;
	margin-left: 130px;
	width: 90px;
	color: #fff;
}

#intranet br{
clear: left;
}

.video {margin: 0 0 0 20px;}
.video h4, #left .video p {text-align: center;}


/* La section de droite
------------------------ */

#right {
	width: 216px;
	margin: 0 20px 0 0;
	float: right
}

#util {
	width: 216px;
	background: url(/new/images/2-rives.gif) no-repeat 110px 0;
	margin: 0 20px 20px 0;
}

.tool {border-right: 2px solid #7fabc0; padding-right: 5px;}
.font {width: 98px; height:28px; background: url(/new/images/bg-font.gif) no-repeat;}

#ctop {height: 16px; background: url(/new/images/calendar-top.gif) no-repeat  -1px 0;}
#cbottom {height: 15px; background: url(/new/images/calendar-bottom.gif) no-repeat; margin: 0 0 20px 0;}
#calendar {
	background: #fff url(/new/images/bg-calendar.gif) repeat-x bottom;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	margin: 0 8px 0 7px;
	overflow: auto;

}

#calendar h2, #search h2 {margin: 0 5px;}
#calendar h3 {text-align: center;}

#calendar p {
	text-align: center;
	margin: 0 5px;
}

#calendar table {
	width: 190px;
	margin: 0 3px;
}
#calendar td, #calendar th {
	width: 22px; 
	height: 16px; 
	text-align: center;
}

#calendar th {font-size: 0.9em; color: #ce7019;}
#calendar td {
	background: url(/new/images/bg-date.gif) no-repeat;
	font-size: 1em;
	color: #085c95;
}

#calendar td a {
	width: 22px; 
	height: 16px;
	color: #fff;
	background: url(/new/images/bg-date-o.gif); 
	display: block; 
}

#calendar td a:hover {text-decoration: underline;}

#search input{
	width: 140px;
	margin: 3px 3px 0 5px;
	border: 1px solid #3781b8;
	padding: 2px;
	color: #094891;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 1.2em;
}

#search #go{
	background: #7fb3d5;
	width: 20px;
	font-weight: bold;
	color: #fff;
	padding: 1px;
	margin: 3px 0 0 0;
}

#search {
	background: #fff url(/new/images/bg-search.gif) repeat-x bottom;
	border-left: 2px solid #fff;
	border-right: 2px solid #fff;
	margin: 0 7px 0 8px;
	overflow: auto;
}

#stop {height: 15px; background: url(/new/images/search-top.gif) no-repeat;}
#sbottom {height: 16px; background: url(/new/images/search-bottom.gif) no-repeat; margin: 0 0 20px 0;}



/* La section du bas
------------------------ */

#bottom {
	padding: 20px 0 0 0;
	clear: both;
}
#bottom img {margin: 0 0 20px 20px;}
#bottom .centre {margin: 0 20px 20px 40px;}


/* Le Footer
--------------------------------------------------------------------------------------- */

#footer {
	height: 72px;
	background: url(/new/images/bg-footer.gif) no-repeat bottom;
	margin: 60px 0 0 0;
	clear: both;
}

#footer #bot a {
	width: 105px;
	color: #ce7019;
	font: bold 1.2em Tahoma, Geneva, Verdana, sans-serif;
	padding: 10px 0 0 74px;
	display: block;
	float: left;
}

#footer #bot a:hover {
	color: #0067ac;
	background: url(/new/images/bot-o.gif) no-repeat 165px 10px;
	text-decoration: none;
}

#footer #liens a {
	width: 148px;
	color: #0067ac;
	font: bold 1.2em Tahoma, Geneva, Verdana, sans-serif;
	padding: 22px 21px 10px 0;
	display: block;
	float: right;
}

#footer #liens a span {margin: 0 0 0 20px;}

#footer #liens a:hover {
	color: #fff;
	background: url(/new/images/liens-o.gif) no-repeat 0 0;
	text-decoration: none;
}



/* Les copyrights
------------------------ */

#copyright {
	width: 772px;
	color: #0067ac;
	font-size: 1em;
	text-align: center;
	padding: 10px 0;
	margin: 0 auto;
}

#copyright a {color: #0067ac; text-decoration: none;}
#copyright a:hover {text-decoration: underline;}

.title_edit{display:none;}

.actionbox {
	text-align:center;
	clear:both;border-top: 2px solid #fdbe56;margin:10px;margin-bottom:0;padding-bottom:10px;padding-top:10px; padding-left:0;
}


.list li {
	padding-bottom:10px;
	text-align:justify;
}

.list li a {
	display:block;
}

.icone {
	border:2px solid #fdbe56;
	display: -moz-inline-block;
    display: inline-block;
   	float:left;
	_float:none;
	width:176px;
	margin:15px;
	margin-bottom:0;
}

.icone span {
	display:block;
	width:141px;
	height:34px;
	line-height:34px;
	text-align:left;
	padding-left:35px;
	cursor:pointer;
}

.icone:hover {
	border:2px solid #094891;
}

.liste {
	background:#fff url(/new/images/icons/list.gif) no-repeat 1px 1px;
}


.ajout {
	background:#fff url(/new/images/icons/add.gif) no-repeat 1px 1px;
}

.approbation {
	background:#fff url(/new/images/icons/approbation.gif) no-repeat 1px 1px;
}

.approuver {
	background:#fff url(/new/images/icons/approuver.gif) no-repeat 1px 1px;
}

.modifier {
	background:#fff url(/new/images/icons/edit.gif) no-repeat 1px 1px;
}

.supprimer {
	background:#fff url(/new/images/icons/del.gif) no-repeat 1px 1px;
}

.savebtn {
	width:120px;
	padding:0;
	padding-left:32px;
	height:32px;
	line-height:32px;
	background:#f0f0f0 url(/new/images/icons/save.gif) no-repeat top left;
	text-align:left;
	border:2px solid #094891;
}

.msg {
	border:2px solid #0c0;
	background:#cfc;
	padding:10px;
	margin:20px;
	margin-top:0;
}

.errmsg {
	border:2px solid #c00;
	background:#fcc;
	padding:10px;
	margin:20px;
	margin-top:0;
	color:#c00;
	font-weight:bold;
}

.contenuarticle {
	margin:20px;
	border:1px solid #094891;
	margin-top:0;
	padding-top:20px;
	overflow-x:hidden;
}

.filelist {
	margin:20px;
	border:1px solid #094891;
	margin-top:0;
	overflow-x:hidden;
}

.filelist h3 {
	text-align:center;
	padding:0;
	margin:0;
}

.nofile { 
	text-align:center;
	font-style:italic;
	font-size:11px;
	padding-bottom:10px;
	padding-top:10px;
}

.contenuarticle p {
	margin:0 10px 20px 10px;
}

.contenuarticle img {
	border:none;
}

.auteurarticle {
	padding-left:20px;
	padding-bottom:10px;
}

.file {
	padding-top:10px;
	padding-bottom:10px;
	text-align:center;
}

.listefiltre {
	border:1px solid #ccc;
	margin:15px;
	padding:10px;
}

.listefiltre span {
	float:left;
	display:block;
	width:180px;
	height:30px;
}

.listefiltre br {
	clear:left;
}

.print { display:none; }

/*
#left .mceMenu table{
	margin:0;
	padding:0;
}

.mceLayout, .mceLayout table {margin: 0;}
.mceLayout img { border:none; }
.mceLayout td, .mceLayout th {padding: 0;}
.mceLayout th {background: none; }
*/

.listetel {
	font-size:10px;
	width:470px;
	border:1px solid #3781b8;
}
.listetel td {
	vertical-align:top;
	text-transform:none;
	padding:1px;
}
.listetel th { 
	text-align:left;
}
.listetel .row1 td{ background-color:#f5f5f5; } 
.listetel .thead { display:none; }
.listetel .tfoot { display:none; }

#left table.listeeta { width:460px;border-collapse:collapse;margin:auto;margin-bottom:10px;font-size:10px; }
#left table.listeeta thead tr th { border:1px solid #3781b8;text-align:left;vertical-align:bottom; }
#left table.listeeta thead tr th h2 { padding:0;margin:0;color:#fff;padding-top:4px; }
#left table.listeeta thead tr th h3 { padding:0;margin:0;color:#fff; }
#left table.listeeta thead tr.etainfo td { margin:0;padding:0; }
#left table.listeeta thead tr.etainfo td table { width:460px;margin:0;border-collapse:collapse; }
#left table.listeeta thead tr.etainfo td table td { border:1px solid #3781b8;vertical-align:top;width:49%; }
#left table.listeeta thead tr.etainfo td table td div { padding:5px;margin:0;padding-bottom:0; }
#left table.listeeta thead tr.headrow td { background-color:#3781b8;border:2px solid #fff;font-weight:bold; color:#fff;border-bottom:0; }
#left table.listeeta td.tdl,#left table.listeeta thead tr.headrow td.tdl { border-left:1px solid #3781b8; }
#left table.listeeta td.tdr,#left table.listeeta thead tr.headrow td.tdr { border-right:1px solid #3781b8; }

#left table.listeeta tbody td { vertical-align:top }
#left table.listeeta tbody tr.row td { background-color: #fff }
#left table.listeeta tbody tr.row1 td { background-color: #f0f0f0 }
#left table.listeeta tfoot tr td { line-height:0; height:0; overflow:hidden; border-bottom:2px solid #3781b8;padding:0;margin:0; }




#news .plan li a { font-size:16px; font-weight:bold;color:#3781b8; }


#news .plan li li a { font-size:12px;color:#ce7019; } 


#babtop {
	width:215px;
	height:74px;
	background:transparent url(/new/images/babillard-top.gif) no-repeat top left;
	
}

#bab {
	width:215px;
	background:transparent url(/new/images/babillard-mid.gif) repeat-y top left;
}

#bab div {
	padding:10px;
	padding-top:0;
}

#bab ul { list-style:none; } 

#bab li { border-bottom:1px solid #fff; padding-bottom:5px;padding-top:5px;text-align:justify; }

#babbottom {
	width:215px;
	height:75px;
	background:transparent url(/new/images/babillard-bottom.gif) no-repeat top left;
	margin-bottom:20px;
	text-align:center;
}

#babbottom div { padding-right:10px;padding-left:10px; padding-top:15px; }

#babbottom a { color:#fff; font-weight:bold; font-size:10px; }

#b_bottom a.lnk { color:#fff; font-weight:bold; font-size:10px; }