/* = GENERAL
---------------------------------------------------------------------
*/

html, body { margin:0; width: 100%; }
body { color:#656C6F; font-family: Verdana,Arial,Helvetica,sans-serif;  background:url('../images/degrade.jpg') repeat-x #97D3F1; }
body { font-size: 80% }
a { color:#ff9900; text-decoration:none; }
a:hover { color:#2498D5; }
.arrow_link a  { padding-right:20px; background : url(../images/arrow.png) center right no-repeat; color:#ff9900; text-decoration:none; }
.arrow_link a:hover { color:#2498D5; background : url(../images/arrow_b.png) center right no-repeat; }
p { margin:0; padding: 0; }
a img { border:0px;}
#arriere { position:absolute; top:274px; 	left:0px; height:401px; width:100%; }
#enrobage { position:absolute; top:10px; 	left:0px; width:100%; }
#content { display:block;  width:729px; text-align:center; margin:0 auto; padding-bottom:20px;}
#content { height: 600px; }
html>body #content { height: auto; min-height: 600px; }
h1 { display:block; width:320px; height:113px; color:#2498D5; font-size:180%; font-weight:normal; margin:20px 0px 20px 0px; text-align:left; padding:5px 0px 0px 120px; border-bottom: 1px solid #2498D5; text-transform: capitalize; }
h1 span { position:relative; top:80px; }
h2 { background: url(../images/picto_etoile.gif) no-repeat 0 3px; color:#2498D5; font-size:140%; padding:0 0 10px 25px; }
h2.esp_info, h2.esp_agenda { height:34px; padding:6px 0px 0px 40px; font-weight:normal; border-bottom: solid 1px #2498D5; color:#656C6F; 	margin:20px 30px 20px; }
h2.esp_info { background:url(../images/picto_info.gif) top left no-repeat; }
h2.esp_agenda{ background:url(../images/picto_agenda.gif) top left no-repeat; }
h3 { color:#2498D5; font-size:120%; }
.fadeInOut { background-color:#fff;}
.contenu_modifiable { width:490px; margin:10px 10px 0px; text-align:justify;}
#header_menu { display:block; width: 729px;  height: 23px; /*text-align:center;*/ margin: 5px 0px 10px; }
#ariane { margin:10px 0; width:330px;}
.home { background:url('../images/picto_ariane.gif') 0px 0px no-repeat; padding: 0px 0px 0px 15px; }
.clear { clear:both; height:10px; }

/* = MENU DU HAUT
---------------------------------------------------------------------
*/

#menu {margin:0 auto;padding:0;list-style-type:none;background:#FF9900;width:600px;height:23px;}
#menu li{float:left;display:block;margin:0;padding:0;/*display:inline;*/}
#menu li a {display:block;color:#fff;text-decoration:none;padding:3px 1em;border:none;overflow:hidden;}
#menu li:hover a, #menu li.over a {color:#1387C6;}
#menu ul{position:absolute;background:#ffdaa3 url(../images/degrademenu.gif) repeat-x;list-style:none;list-style-image:none;margin:0px;padding:0px;width:180px;z-index:150;border:1px solid #ff6600;border-top:0px;}
#menu ul{display:none;}
#menu li:hover>ul{display: block;}
#menu li:hover li a, #menu li.over li a {color:#FF9900;}
#menu ul li {position:relative;float:none;margin:0;padding:0;_display:inline;}
#menu ul li a {color:#FF9900;display:block;width:173px;padding:6px 4px;text-align:left;border-top:1px solid #ff9900;}
#menu ul li a.next{background:url(../images/fleche_n.gif) no-repeat 173px 50%;}
#menu ul li a.next:hover{background:url(../images/fleche_w.gif) no-repeat 173px 50%;}
#menu ul li a.next:hover, #menu ul li a:hover, #menu ul li a.active {color: #2498D5;}
#menu ul ul{top:0px;left:180px;z-index:200;}

/* = MENU DU BAS
---------------------------------------------------------------------
*/

ul#menubas{margin:0;padding:0;list-style-type:none;text-align:center;}
ul#menubas li{display:inline;}
ul#menubas li a{color:#fff;text-decoration:none;padding:0em 1em;}
ul#menubas li:hover a, ul#menubas li a:hover{color:#1387C6;}

/* = MISE EN AVANT
---------------------------------------------------------------------
*/

.mise_en_avt { margin:20px 10px 10px 10px; text-align:left; }
.mise_en_avt .item { margin-bottom:10px; }
.mise_en_avt_spe { text-align:center; margin: 10px 5px 20px; }
.mise_en_avt a, .mise_en_avt_spe a { color:#656C6F; text-decoration:underline; }
.mise_en_avt .titre, .mise_en_avt_spe .titre { color:#2498D5; font-size:140%; text-align:left; padding:0 0 10px 0px; }
.mise_en_avt_spe .titre { font-size:120%; font-weight:bold; }
.mise_en_avt .st { margin: 5px 0 0 0; }
.mise_en_avt .cont, .mise_en_avt_spe .cont { margin: 0 0 8px 0; text-align:left; }
h2.date{ background:url(../images/picto_date.gif) top left no-repeat; padding-left:20px; 	color:#FF9900; margin:10px 0px 10px 0px; 	font-size:120%; font-weight:bold;	}


/* = ACCUEIL ACTUALITES
---------------------------------------------------------------------
*/

#main_actus { margin-top:15px; }
#main_actus .ctn { padding:0px 10px; margin:5px 0 0 0; }
#main_actus .first-item { background:url(../images/cadre.gif) no-repeat; display:block; width:232px; height:23px; margin-bottom:25px; _margin-bottom:15px; }
#main_actus .last-item { background:url(../images/cadre.gif) 0px -23px no-repeat; display:block; width:232px; height:21px; }
#main_actus .dossiers,  #main_actus .agenda { background:url(../images/cadre_milieu.gif) repeat-y; float:left; width:232px; margin:0 5px 10px 5px; padding:0; border:0px; }
#main_actus .title { color:#2498D5; display:block; position:relative; top:5px; left:13px; border-bottom: 1px solid #2498D5; font-size:120%; width:140px; height:27px; margin: 0 0; padding: 3pt 5px 0px 40px; }
#main_actus .dossiers .title { background:url(../images/pictos_c_a2.gif) no-repeat; }
#main_actus .agenda .title { background:url(../images/pictos_c_a2.gif) 0px -25px no-repeat; }
.titre_accueil { color:#2498D5; font-size:180%;  font-weight:normal; margin:0px 0px 20px 0px; text-align:left; }

/* = AVIS ET VOEUX
---------------------------------------------------------------------
*/

#AV_results { margin-top:25px; }
#AV_results .contenu { margin-top:15px; }
#AV_results .contenu .t span { font-weight:bold; }
#AV_results .contenu .i img { border:0px;}
#AV_results .contenu .c { float:left; width:310px;}
#AV_results .contenu .t { font-size:110%; display:block; height:30px; margin:5px; background:url(../images/header_hr.gif) 0px 20px no-repeat; }
#AV_results .contenu .i { float:left; width:180px; text-align:center; margin-top:5px; }
#AV_results .links { width:490px; text-align:center; margin:0pt auto; }
#divNumberOfPeople { float:left; width:180px; text-align:center; }
#numberOfPeople { font-size:220%; color:#be7166; }
			
/* = COMMISSION
---------------------------------------------------------------------
*/

.MGroup h3 { cursor:pointer; color:#555; }
.MGroup .aide {  font-size:70%; font-weight:normal; }
.commission .titre { color:#444; font-size:90%; border-bottom:1px solid #444; }
.MGroup .mooTree_img { cursor:pointer; float: left; width: 18px; height: 18px; overflow: hidden; margin-right:5px; }

/* = MEMBRES
---------------------------------------------------------------------
*/

.membres {float:left;width:240px;}
.tdmembres { width:145px; text-align:left;}

/* = ACTUS AGENDA
---------------------------------------------------------------------
*/

.dossiers { border-bottom:1px solid #E0E0E0; padding: 5px 0px 15px 0px }
.actus_agenda { margin: 15px 0 0; }
.actus_agenda .vig { float:left; width:105px; }
.actus_agenda img { max-width:100px; _width: expression(this.width > 100 ? 100: true); position:relative; top:5px;}
.actus_agenda .sujet { margin-left:10px; background:url(../images/picto_date.gif) no-repeat; font-weight:bold; text-align:left; color:#000; font-size:110%; padding:0 0 0px 25px;}
.actus_agenda .ddt {  font-weight:bold; margin:0 0 10px 5px; text-align:left;border-bottom:1px solid #E0E0E0; padding: 5px 0px 10px 25px ; }
.actus_agenda .label { color:#444;  border-bottom:1px solid #444; }
.actus_agenda .oj {  margin:5px 0 0 20px;}
.actus_agenda .picto {  width:20px; height:17px; position:relative; top:20px; left:100px; }
.actus_agenda .jourJ { display:none; }
.actus_agenda .jourJ { position:relative; top:35px; left:15px; font-size: 220%; color: rgb(190, 113, 102); width:70px; text-align:center; border:1px solid #BE7166; padding:3px; }
.actus_agenda .jour { font-size:60%; color:#656C6F; margin-bottom:3px;}

/* = DOSSIERS A L'ETUDE
---------------------------------------------------------------------
*/

.dossiers { border:0px; padding: 5px 0px 20px 0px }
.dossiers .sujet { float:left; width:340px; color:#2498D5; font-size:110%;}
.dossiers .ddt { float:left; width:140px; text-align:right; font-style:italic;   }
.dossiers .com { width:395px; font-size:90%; padding: 7px 0px;}
.dossiers .desc { margin-top:10px; color:#000;}
.dossiers .clear { border-bottom:1px solid #2498D5;}
/*border-bottom:1px solid #E0E0E0;*/

/* = LIENS
---------------------------------------------------------------------
*/

.liens { float:left; width:245px; margin:1.5em 0; text-align:center; }
.liens a { color:#656C6F; }
.liens a:hover { color:#2498D5; }
.liens a:hover img { color:#2498D5; border:1px solid #2498D5; }
.liens img { width:200px; border:1px solid #444; }

/* = RECHERCHER
---------------------------------------------------------------------
*/

.sr { font-size:120%; margin-top:5px;}
.sr a {color: #444; text-decoration:underline;  }
.sr a:hover { color:#2498D5;}
.sr .info { font-size:75%; margin:5px 0; }
#searchblock { width:204px; height:51px; color:#444; background:url('../images/search_block.gif') no-repeat; margin: 0px; padding: 0px; }
#searchblock .contenant { position:relative; top:7px; left:7px; }
#searchblock div { width: 141px; color:#656C6F; }
input.textinput { color:#000; border: 1px solid #fff; width: 100px; height: 15px; font-size:95%; }
#searchblock .button { width:32px; height:19px; background:#97DDFF url("../images/recherche.gif") no-repeat center top; font-size:90%; font-weight:bold; color:#656C6F; }

/* = LISTE ALBUMS
---------------------------------------------------------------------
*/

.thumbnail, .emptyfolder { float: left; width:90px; height:130px; margin: 0 15px 15px 0; padding: 5px; }
.thumbnail { background: url(../images/folder.gif) no-repeat; }
.emptyfolder{ background: url(../images/empty.gif) no-repeat; }
.thumbnail a, .emptyfolder a { display: block; text-align: center; }
.thumbnail a img, a img:visited { margin: 0 auto; text-decoration:none; color:#FFFFFF; border:1px solid #444; position:relative; top:4px; left:-2px; }
.thumbnail a div { padding-top: 10px; }
.emptyfolder a div { padding-top: 91px; }

/* = SLIDESHOW
---------------------------------------------------------------------
*/

#myPhotos{margin:0px;}
#slideshow{margin:0px;list-style-type:none;padding:5px;background:#fff;color:#000;overflow:hidden;}
#slideshow img{max-width:480px;_width:expression(this.width>481?480:true);border:1px solid #444;display:block;margin:auto auto;}
#slideshow li{display:none;padding:0;}
#slideshow li.current{display:block;}
#slideshow .commentaire{font-size:120%;text-align:center;margin:10px;}
.slidenav{margin:0 auto;width:480px;height:18px;padding:5px;text-align:center;font-weight:bold;}
.slidenav a{float:right;text-decoration:none;color:#000;}
.slidenav span{float:right;width:55px;padding:0 1em;color:#000;}
.slidenav .previous{display:block;width:16px;height:16px;background:url(../images/boutons_galerie.gif) no-repeat 0px 0;}
.slidenav .next{display:block;width:16px;height:16px;background:url(../images/boutons_galerie.gif) no-repeat -16px 0;}
ul#liste_vignettes li{list-style:none;display:inline;float:left;width:65px;height:65px;float:left;margin:3px;}
ul#liste_vignettes li img{background:#fff;width:60px;height:60px;padding:1px;overflow:hidden;}

/* = FOOTER
---------------------------------------------------------------------
*/

#footer { display:block;  width:729px; height:27px;  text-align:center; margin:0px auto 10px; background:#9bd5f2; }