@CHARSET "UTF-8";

* { margin:0; padding: 0 }
body {font-family: Arial; font-size:12px; color:#4c4c4c}

#wrapper { /*width:1129px; margin:14px auto auto ;*/ position: relative;padding-right: 262px; text-align:center}
#maintitle {width: 100%; height: 12px; background: #2187d2 url(images/site_title.gif) no-repeat center center; text-indent: -50000px; z-index:3; position:fixed; top:0; left:0}
#left {width : 252px; /* float: left;  position: relative */; margin-bottom: 20px; position: fixed; left: 0; top: 0; padding-top: 19px; background-color: #ffffff;z-index:2; height: 100%; text-align : left}
* html #left { position: absolute;left:expression((-document.body.clientWidth+262)/2); top: expression((document.documentElement.scrollTop || document.body.scrollTop) + this.offsetHeight - this.offsetHeight)}

#contact,#mentions {padding-bottom:20px}
.mail {vertical-align:middle; cursor:pointer}

/*#right{width : 676px; float: left; position: relative; margin-top: 64px; margin-left:302px; margin-right:151px; margin-right:28px}*/
#right {width: 938px; margin: 0 auto; text-align: left;margin-top: 64px}
#logo{ display: block; width: 215px; height: 68px ; background: transparent url(images/logo.gif) no-repeat 14px 14px; margin-left: 37px; margin-top: 16px;text-indent: -50000px}
#menu{list-style-type:none; margin-top: 24px; margin-left: 37px}
#menu li {font-size: 14px; font-weight: bold;color:#000000; text-transform: uppercase; height: 16px; margin-bottom:6px}
#menu li a{width: 100%; height: 100%; text-decoration:none;color:#000000;padding: 0 6px}
#menu li a:hover{background-color : #2187d2; color: #ffffff}
#menu li.rss {margin-bottom:30px; padding: 0 6px}
#menu li.rss a{padding: 0}
#menu li.rss a:hover{color:#000000;background-color: #ffffff}
#menu li.rss .rss_icon {display:inline-block; background: transparent url(images/rss.gif) no-repeat 0 bottom; height: 16px; width: 12px; margin-left: 5px}
#left p{color: #949494; margin-left: 43px; margin-top: 26px; font-weight: bold; line-height: 18px}
#menu2 {list-style-type: none; margin-left: 43px; margin-top: 26px}
#menu2 a, #left p a{/*color: #949494*/;text-decoration: none; font-weight: bold; line-height: 18px}
/*#menu2 a{background:transparent url(images/link.gif) no-repeat scroll 0 3px; padding-left:8px;}*/
#menu2 a:hover, #left p a:hover{text-decoration: underline }
#search {position: relative; width: 100%; height: 45px}
#search .search_r{position: absolute; right: 0; top:0; background: transparent url(images/search_r.gif) no-repeat 0 2px; width:19px; height: 25px; border:none; cursor: pointer}
#q{position: absolute; right: 19px; top:2px; width: 178px; height: 15px; padding:2px 5px; border: none; border-top: 1px solid #c1c1c1;border-bottom: 1px solid #e8e8e8; outline:none}
#search .search_l{position: absolute; right: 207px; top:2px; background: transparent url(images/search_l.gif) no-repeat 0 0; width:30px; height: 21px}
#search .advanced_search {position: absolute; right: 0px; bottom :3px; border: none; background-color: transparent; font-size: 11px; color:#000000; cursor: pointer}
#search .advanced_search:hover {text-decoration: underline }
#content {border-top : 2px solid #000000; border-bottom : 2px solid #000000 ;padding-top : 6px; position: relative;width:676px; float: right}
#top_back {color:#585858;display:block;font-weight:bold;padding:2px 0 10px;text-align:right;text-decoration:none;width:100%;clear:both}
#top_back:hover {text-decoration:underline}
.no-content {margin-bottom: 10px}

.not_full,.not_empty, .not_middle {display: inline-block; width: 11px; height: 10px; margin-top: 3px; position: relative}
.not_full {background : transparent url(images/not.gif) no-repeat scroll 1px -23px}
.not_empty {background : transparent url(images/not.gif) no-repeat scroll 1px 1px}
.not_middle {background : transparent url(images/not.gif) no-repeat scroll 1px -11px}
	
/* lightboxes */
#lb_filter {position: absolute; left:0; top: 0; width: 100%; background-color:#000000; opacity:0.8; display: none; z-index: 2}
#lb_content {position: fixed; width: 500px; background-color: #ffffff; padding: 10px; display: none; z-index: 3}

/* textes */
h1 {font-size: 28px; color: #000000; font-weight: bold; text-transform: uppercase; margin-top: 14px; margin-bottom: 28px }
h2 {font-size: 24px; color: #000000; font-weight: bold; text-transform: uppercase; margin-top: 14px; margin-bottom: 4px; line-height:normal }
h3 {font-size: 14px; color: #000000; font-weight: bold; margin-top: 14px; margin-bottom: 4px}
#lb_content h3 {margin-top: 0}
h4 {border-bottom:1px solid #000000; margin-bottom:5px; padding-bottom:2px}

/* boutons */

.submit {background-color:#EEEEEE; border:none; font-size:12px; margin-top:5px; padding:1px 10px; cursor: pointer; border:1px solid #ADADAD}
.submit:hover {text-decoration: none }

/* tableaux */
table {border: 0; border-collapse: collapse}

/* liens */
a { color: #4C4C4C; text-decoration: none }
a.externlink,#content .description a, #tinymce a{color:#000000;display:inline-block;background-color:#FFFF00; padding:0 2px; line-height:18px}
a:hover,  #content .description a:hover, #tinymce a:hover, a.externlink:hover, a.externlink span:hover{text-decoration: underline}


#cse-search-results iframe {width: 100%}
.search_display {margin-bottom: 5px}
.search_term {color: #2187D2}

.stopie6 {
	position: relative;
	display: block;
	background: #ffffff;
	font-size: 13px;
	text-align: center;
	width: 100%;
	margin-top: 20px
}

.stopie6 td {
	font-size: 13px;
}

.stopie6 p {
	line-height: 23px;
	text-align: left;
	padding: 0px;
	margin: 0px;
	padding: 0px 13px 0px 13px;
}



.stopie6close {
	position: relative;
	display: none;
	color: #9f0022;
	font-weight: bold;
	width: 100%;
	height: 29px;
	border-bottom: 1px solid #2e589f;
}

.stopie6close div {
	position: relative;
	line-height: 29px;
	width: 974px;
	height: 29px;
	margin: 0px auto;
}

.stopie6more, .stopie6less {
	background: transparent url('fleche.gif') left center no-repeat;
	color: #145ea4;
	font-weight: bold;
	font-style: normal;
	text-decoration: underline;
	padding-left: 9px;
}

.stopie6more {
	margin-left: 9px;
}



.stopie6open {
	position: relative;
	background: #ffffff url('images/ie6_bg.jpg') left top repeat-x;
	width: 100%;
	height: 239px;
	border-bottom: 1px solid #000000;
}

.stopie6open div {
	position: relative;
	width: 974px;
	margin: 0px auto;
	top: 6px;
}

.stopie6open div.stopie6btn {
	position: absolute;
	right: 6px;
	width: auto;
}

p.stopie6note {
	font-style: italic;
	text-align: center;
}
