/* 
orange standard : # d a 7b00
orange soutenu : #FE 5F19;
*/

html {}
body {height:100%; font-family: Verdana,Arial,Helvetica,sans-serif; font-size: 0.7em;line-height:1.22em; background-color: #FFFFFF}
ul {margin: 0px; padding: 0px}
li {list-style-image:none;list-style-position:outside;list-style-type:none;}
a {color: black;text-decoration:none;}  
p, form, select {margin: 0px; padding: 0px; } 
table {font-size: 77%; margin: 0px; padding: 0px;}
img {border: 0px;}

#body { width: 900px; padding: 0px; margin-left:auto; margin-right:auto; }	
														
.div_bandeau {margin-bottom: 0px; float: none; line-height: 0px}
.throbber {padding:10px; text-align:center; }
.external_link  { background:transparent url(rsc/external.png) no-repeat scroll right center; padding-right:13px; }

.menu {width: 900px;} 				
.menu li {float: left;}	  
.menu li a {text-decoration:none;}	  

ul.menupri {width: 700px; margin-right: 1px; margin-top: 2px; padding-left: 3px; display: block; height:20px; float:left}  
ul.menupri li {background:#EFEFF0 url(rsc/tboff.gif) no-repeat scroll left top;font-size:77%;margin-left:3px;margin-right:1px;}
ul.menupri li span {background:transparent url(rsc/tboff.gif) no-repeat scroll right top;display:block;padding:3px 8px 3px 0pt;position:relative;right:-2px;}
ul.menupri li.here {background:#21334A url(rsc/tbon1.gif) no-repeat scroll left top;}
ul.menupri li.here span {background:transparent url(rsc/tbon1.gif) no-repeat scroll right top;color:#FFFFFF;padding-bottom:3px;}
ul.menupri li a, ul.menupri li strong {color:#434343;display:block;font-weight:bold;padding-left:5px;}		

ul.menulan { width: 110px; margin-right: 1px; margin-top: 2px; padding-left: 3px; display: block; height:20px; float:right; clear:none}
ul.menulan li {font-size: 77%; margin-left: 3px; margin-right: 1px; padding: 3px 8px 3px 0pt; }
ul.menulan li.sel { }

ul.menunull {width: 900px; background-image: url(rsc/bg_menu_h.png); background-repeat: repeat-x; height: 5px; display: block; float:left;}
ul.menunull li {display:block;}
                     
ul.menusec {width: 900px; background-image: url(rsc/bg_menu_h.png); background-repeat: repeat-x; height: 25px; display: block; float:left;}
ul.menusec li {color: white; display:block; cursor: hand;}
ul.menusec li {background:transparent url(rsc/bg_menu_fil.png) no-repeat scroll left center;font-size:77%;padding:5px 5px 6px 11px; color:#fff}
ul.menusec li.first{background:transparent none repeat scroll 0%;margin-left:10pt;padding-left:10pt;} 
ul.menusec li.sel {font-weight: bold;}
ul.menusec li a {color:#fff;display:block; padding-right: 5px;}		
					  
.main_title { width: 900px; border-bottom: 2px solid #005832;padding-bottom: 3px; padding-top: 3px; text-align: right; font-weight: bold; font-variant: small-caps; font-size: 1.4em; line-height: 1.2em; color: #005832; float: left; display: block;}

#content {width: 900px; float: left;} 

.left_col {width: 200px; min-height: 50px; float: left; display:block}                                    
.center_col {width: 700px; float: left; margin-left:0px;}
.right_col {width: 200px;}

#panier { width: 300px; min-height: 50px; float: left; display:block; border: 1px solid silver; margin-top: 3px; }
#panier #chaines .title {background-image: url(rsc/bg_menu_h.png); background-repeat: repeat-x; height: 25px; color:#fff; padding-left: 10px; padding-top: 4px;}
#panier #chaines div.title {}
#panier #chaines select {font-size: 77%;margin-top: 1px; position: relative; top: -4px; margin-left: 10px; vertical-align: top; max-height: 24px; width: 120px;}
#panier #elements,
#panier #albums,
#panier #medias {height: 520px; overflow: scroll; overflow-x: hidden}
#panier #elements .element,
#panier #albums .album,
#panier #medias .media { width: 268px; display: block; float: left;  border: 1px solid #999999; margin:2px; margin-left: 6px; padding: 0px;}
#panier #elements .sel,
#panier #albums .sel,
#panier #medias .sel {border: 1px solid #fe5f19;}
#panier #elements .element img,
#panier #albums .album img,
#panier #medias .media img {border: 0px; margin-right: 2px; cursor: hand;}
#panier #elements .element span.date,
#panier #albums .album span.date,
#panier #medias .media span.date {color: #999999;}
#panier #elements .element span.text,
#panier #albums .album span.text,
#panier #medias .media span.text {color: #2F2F2F;}  

#accueilviewer {width: 354px; display: block; float: left; margin-left:5px; margin-top: 3px;}

#viewver {width: 578px; display: block; float: left; margin-left:5px; margin-top: 3px;}
#viewver #video, 
#accueilviewer #video {width: 100%; height: 100%; display: block; float: left; line-height: 0.8em;}	
#viewver #video div.title, 
#accueilviewer #video div.title { width: 195px; color: #005832; height: 17px; padding-top: 2px; padding-left: 5px; background-image: url(rsc/tbnews.png); background-repeat: no-repeat;}
#viewver #video div.title strong, 
#accueilviewer #video div.title strong { font-size: 77%; font-weight: bold; font-variant: small-caps;}
#viewver #video #contentVideo, 
#accueilviewer #video #contentVideo {min-height: 322px; border: 1px solid #bdbdbd; position:relative; top: -2px; padding-top: 10px; padding-bottom: 2px; color:#666666; text-align: center; line-height: normal;}
#viewver #video #contentVideo p.title, 
#accueilviewer #video #contentVideo p.title {margin-top: 4px; color: #fe5f19; font-size: 14px; line-height: normal; font-weight: bold;}
#viewver #video #contentVideo p.date, 
#accueilviewer #video #contentVideo p.date {margin-top: 4px; color: #999999; font-weight: bold;}
#viewver #video #contentVideo p.subtitle, 
#accueilviewer #video #contentVideo p.subtitle {margin-top: 4px;}
 
#viewver #album {width: 100%; height: 100%; display: block; float: left; }	
#viewver #album div.title { width: 195px; color: #005832; height: 17px; line-height: normal; padding-top: 2px; padding-left: 5px; background-image: url(rsc/tbnews.png); background-repeat: no-repeat;} 
#viewver #album #contentAlbum {background-color: #d7d7d7; min-height: 522px; height: 100%; border: 1px solid #bdbdbd;position:relative; top: -2px; padding-top: 10px; color:#666666; text-align: center; }
#viewver #album #contentAlbum #photo {height: 365px; }
#viewver #album #contentAlbum #photo div.photo {height: 240px;}
#viewver #album #contentAlbum #photo p.title {margin-top: 4px; color: #fe5f19; font-size: 16px; line-height: normal;}
#viewver #album #contentAlbum #photo p.date {margin-top: 4px; color: #999999; }
#viewver #album #contentAlbum #photo p.subtitle {background-color: e7e7e7; margin-top: 4px; margin-bottom: 15px; height: 80px; min-height: 80px; overflow: auto; }
				
#viewver #album #contentAlbum #photolist {background-color: #e7e7e7; display: block; float: left; width: 100%; padding-top: 20px; margin-top: 1px;}
#viewver #album #contentAlbum #photolist table { height: 110px; }
#viewver #album #contentAlbum #photolist p.date { color: #999999; }
#viewver #album #contentAlbum #photolist p.title { }

#viewver #album #contentAlbum #photonav {display: block; clear: both; vertical-align: bottom; height: 21px; background-color: white; width: 576px; padding-top:5px; text-align: left;}
#viewver #album #contentAlbum #photonav div.prev {float: left; width: 116px; margin-left: 2px;}
#viewver #album #contentAlbum #photonav div.page {float: left; text-align: center; width: 340px;}
#viewver #album #contentAlbum #photonav div.next {float: right; width: 116px; text-align: right;  margin-right: 2px; }

#viewver #mediasViewer {width: 100%; height: 100%; display: block; float: left; }	
#viewver #mediasViewer div.title { width: 195px; color: #005832; height: 17px; line-height: normal; padding-top: 2px; padding-left: 5px; background-image: url(rsc/tbnews.png); background-repeat: no-repeat;} 
#viewver #mediasViewer #contentMedia {background-color: #d7d7d7; height: 522px; border: 1px solid #bdbdbd;position:relative; top: -2px; padding-top: 10px; color:#666666; text-align: center; }
#viewver #mediasViewer #contentMedia #media {height: 365px; }
#viewver #mediasViewer #contentMedia #media div.photo {height: 240px; vertical-align:baseline;}
#viewver #mediasViewer #contentMedia #media p.title {margin-top: 4px; color: #fe5f19; font-size: 16px; line-height: normal;}
#viewver #mediasViewer #contentMedia #media p.date {margin-top: 4px; color: #999999; }
#viewver #mediasViewer #contentMedia #media p.subtitle {background-color: e7e7e7; margin-top: 4px; margin-bottom: 15px; height: 80px; min-height: 80px; overflow: auto; }
				
#viewver #mediasViewer #contentMedia #medialist {background-color: #e7e7e7; display: block; float: left; width: 100%; padding-top: 20px; margin-top: 1px;}
#viewver #mediasViewer #contentMedia #medialist table { height: 110px; }
#viewver #mediasViewer #contentMedia #medialist p.date { color: #999999; }
#viewver #mediasViewer #contentMedia #medialist p.title { }

#news { width: 195px; margin-top: 3px; margin-bottom: 7px;} 	
#news .title {color: #005832; height: 17px; padding-top: 2px; padding-left: 5px; background-image: url(rsc/tbnews.png); background-repeat: no-repeat;}
#news .title strong { font-size: 90%; font-weight: bold; font-variant: small-caps;}
#news .content {border: 1px solid #bdbdbd;position:relative; top: -2px;}
#news .content .text {padding: 2px; font-size: 77%;}  
#news .content .lire {text-align: right;margin-right:14px; margin-bottom:5px;}
#news .info { padding: 5px;} 
#news .info .title {background-image: url(rsc/bg_info_title.png); color: white; font-size: 77%;}
#news .info .text {background-color: #eee}
#news .info .text a {text-decoration:none;}
#news .search {color:#666666; border: 1px solid #bdbdbd;position:relative; top: -2px; margin:0px; padding: 0px;}
#news .search input.text {color:#666666;  margin:0px; padding: 2px;border: 0px; border-right: 1px solid; border-bottom: 1px solid; width: 163px}
#news .search input.date {color:#666666;  margin:0px; padding: 2px;border: 0px; border-right: 1px solid; border-bottom: 1px solid; width: 163px}
#news .search img {margin-right: 5px; padding-right: 5px; border: 0px;}
#news .search a {color:#666666; margin-right: 15px;}
#news p.tout {margin: 0px; padding: 0px; margin-right: 10px;}
#news .navigation {border: 1px solid #bdbdbd;position:relative; top: -2px; padding-bottom: 5px; padding-top: 5px;}
#news .navigation hr {border-top: 1px solid #bdbdbd; margin-top: 5px; width: 100%}
#news .navigation a {color: #fe5f19;}
#news .navigation span.disable {color: #bdbdbd;}
#news .navigation p.info {color: #666666; margin: 0px; padding: 5px; text-align: center;}
 
.big {width: 340px; height: 302px; float: left; display: block}	
.big .big_left {background-image: url(rsc/bg_big_left.png); width: 15px; height: 302px; float: left;}
.big .big_center {background-image: url(rsc/bg_big_center.png); width: 295px;  height: 302px; float: left;}
.big .big_center img {border-color: #fff}
.big .big_center span.title {font-size: 2em; color: #fff; line-height:1.4em;}
.big .big_center p.text {font-size: 77%; color: #fff}
.big .big_right {background-image: url(rsc/bg_big_right.png); width: 27px; height: 302px; float: left;}	
 
#galerie { margin-top: 5px; width: 700px; height: 304px; float: left; display: block}	
#galerie .title {color: #005832; height: 17px; padding-top: 2px; padding-left: 5px; background-image: url(rsc/tbnews.png); background-repeat: no-repeat;}
#galerie .title strong {font-weight: bold; font-variant: small-caps;}
#galerie .content {padding: 2px;  border: 1px solid #bdbdbd; position:relative; top: -2px; color:#666666; text-align: center; }

#main {width: 900px;}

#actu {margin-top: 10px;}
#actu span.title {font-size: 1.6em; line-height:1.2em; color: #fe5f19;}
#actu span.auteur {color:#666666;}
#actu img {margin-left: 5px;}

#article {margin-top: 10px;}
#article div.title {font-size: 1.6em; line-height:1.2em; color: #fe5f19;}
#article div.subtitle {font-size: 1.2em; font-weight: bold; line-height:1.2em; color: #333333; margin-bottom: 10px;}
#article div.auteur {color:#666666; margin-bottom: 10px;}
#article div.img {margin-left: 5px;}
#article div.text {}

#edito {margin-top: 10px; }
#edito span.title {font-size: 1.6em; line-height:1.2em; color: #fe5f19;}
#edito span.auteur {color:#666666;}
#edito div.photo_left {margin-top: 10px; float:left; height:auto;}
#edito div.photo_right {margin-top: 10px; margin-left: 10px; float:right; height:auto; clear: left;}
#edito img { border: 0px none; }
#edito p.subtitle {color:#666666; margin: 0px; padding: 0px;  font-size: 77%; margin-bottom: 10px;}
   
#results {}
#results p.title {color: #666666; margin-bottom:10px;}
#results div.chapitre {color: #005832; background-image: url(rsc/bg_line_gray.gif); background-repeat: repeat-x; margin-top: 10px; width: 700px; padding-top: 10px; float: left;}
#results p.menusearch {margin: 0px;}
#results .menusearch a {color: #666666; margin:0px; font-weight: bold;}

#result {background-image: url(rsc/bg_line_gray.gif); background-repeat: repeat-x; margin-top: 10px; width: 700px; padding-top: 10px; float: left;}
#result div.image {width:100px; height:auto; float: left;}
#result div.text {width: auto;}
#result span.title {font-size: 1.2em; line-height:1.2em; color: #fe5f19;}
#result span.auteur {color:#666666;} 
#result span.periode {color:#005832; margin-bottom: 10px;}

#navpage {width: 700px; padding-top: 10px; float: left; }
#navpagebottom {width: 700px; padding-top: 10px; display: block; float: right; margin-top: 10px; background-image:url(rsc/bg_line_gray.gif); background-repeat:repeat-x;}
#navpage div.pright, #navpagebottom div.pright {float: left;}
#navpage div.pleft, #navpagebottom div.pleft {float: right;}
#navpage a, #navpagebottom a {margin-right: 10px; display: block; float:left;}
#navpage span, #navpagebottom span {color: #fe5f19;}

#footer {width: 900px; margin-top: 10px; color: #005832; float: left; clear: none; text-align: center; font-size: 77%; border-top: 1px dashed #666666;}
#footer a,#footer a:visited, #footer a:hover { color: #005832;} 

.PNG { behavior: url(iepngfix.htc);}