/**
	STYLES  DE BASE
*/
body {
    margin:             0;
    padding:            0px 0px 10px 0px;
    font-family:        "Trebuchet MS", sans-serif;
    font-size:          62.5%;
    line-height:        1.55em;
    cursor:             default;
    background:         #efe9e9 url(medias/bg_body_top.jpg) center top no-repeat;
}
a {
    cursor:             pointer;
	color:              #006699;
}
a:hover {
    text-decoration:    none;
}
a.map_actu {
    background:     transparent url(medias/puce_plan.png) right center no-repeat;
	padding-right: 22px;
}
input.button {
    cursor:             pointer;
}
#application {
    margin:             auto;
	padding:            0;
    width:              775px;
    background:         transparent url(medias/bg_global.png) center top repeat-y;
}
.gotoFirstLinkActive {
    cursor:             pointer;
}
.gotoFirstLinkActive:hover {}
div.article-item.gotoFirstLinkActive:hover {
    background:         #f2ecfa;
}
.gotoFirstLinkActive:hover a {
    text-decoration:    none;
} 
.clearfix:after {
    content: "."; 
    display: block;
    height: 0;
    clear: both; 
    visibility: hidden;
}
.clearfix { display: inline-block; }

/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
.clearfix {display: block;}
/* End hide from IE-mac */

/**
	ENTETE
*/
#page-header {
    background:         transparent url(medias/bg_entete_top.png) left top no-repeat;
    height:             212px;
    padding:            0px 1px;
}
#page-header h1 {
    margin:         0;
    padding:            0px;
    font-size:          190%;
	color:              navy;
	height:             125px;
	line-height:        180%;
}
#banner {
    float:              left;
	width:              607px;
}
#access {
    margin:             0;
    padding:            10px 5px 1px 5px;
    float:              right;
    width:              155px;
    background:         transparent url(medias/bg_acces_client.png) left bottom no-repeat;
	height:             190px;
}
#access label {
    font-size:          115%;
	font-weight:        bold;
}
#access a {
    color:              #777;
	font-size:          110%;
}
#access a:hover {
    text-decoration:    none;
}
#access p.links {
    margin:             10px 0px;
    padding:            5px 0px;
    font-size:          120%;
	line-height:        25px;
    text-align:         center;
}
#access input.text {
    margin:             0;
    padding:            5px;
    font-size:          1.1em;
    width:              108px;
    border:             none;
    background:         #fff url(medias/input.png) left top no-repeat;
    vertical-align:     top;
}
input.text:focus {
    outline:            none;
}
#access input.button {
    cursor:             pointer;
}
#access h2 {
    margin:             0px 0px 10px 0px;
    padding:            2px 0px 2px 20px;
    font-size:          1.2em;
	background:         transparent url(medias/lock.png) left center no-repeat;
}
#access p {
    margin:             4px 0px;
    padding:            0;
}
#ejournal{
    margin:             24px 1px 0px 0px;
    float:              left;
	width:              350px;
}
#searchform {
    margin:             24px 5px 0px 0px;
    padding:            4px 5px;
    float:              right;
    width:              155px;	
    background:         transparent url(medias/bg_recherche.png) left top no-repeat;
}
#searchform p {
    margin:             0;
    padding:            0;
}
#searchform input.text {
    margin:             0;
    padding:            4px 5px;
    font-size:          1.1em;
    width:              114px;
    border:             none;
    background:         #fff url(medias/input2.png) left top no-repeat;
    vertical-align:     top;
}
#searchform input.button {
    cursor:             pointer;
}

/**
	MENU PRINCIPAL
*/
#menu {
    margin:             0px 10px 0px 0px;
    width:              175px;
    float:              left;
}
#menu ul {
    margin:             0;
    padding:            0;
    list-style:         none;
}
#menu ul li {
    margin:             5px 0px;
	padding-left:       3px;
}
#menu ul li a {
    display:            block;
	padding:            5px 10px;
	background:         #b3cde0 url(medias/bg_bleu.png) left top repeat-x;
	border:             1px solid #758795;
	font-size:          1.2em;
	color:              #333;
	text-decoration:    none;
}

#menu ul li a.indices_utiles {
	background:         #b3cde0 url(medias/btn-indice.jpg) left top no-repeat;
	border:             none;
	font-size:			0px;
	color: #ffffff;
	width: 172px;
	height: 0px;
	padding: 30px 0 0 0;
	overflow: hidden;
}

#menu ul li a.indices_utiles:hover {
	background:         #b3cde0 url(medias/btn-indice.jpg) left top no-repeat;
	border:             none;
	padding: 30px 0 0 0;
}


#menu ul li a.on,
#menu ul li a:hover {
    background:         #e7140e url(medias/bg_rose.png) left top repeat-x;
	padding:            5px 15px 5px 10px;
    margin-right:       -5px;
	margin-left:       5px;
	text-decoration:    none;
	color:             #fff;
}
#menu ul.style2 {
    list-style:         url(medias/puce_menu1.png);
}
#menu ul.style3 {
    list-style:         url(medias/puce_menu3.png);
}
#menu_secondaire {
    margin:             15px 0px 15px 40px;
	padding:            0;
	list-style:         none;
}
#menu_secondaire li {
    margin:             0;
    padding:            0px 0px 4px 0px;
}
#menu_secondaire li a {
    padding-left:       25px;
	padding-right:      6px;
    text-decoration:    none;
	color:              #333333;
}
#menu_secondaire li a.on {
    font-weight:        bold;
}
#menu_secondaire li a.on,
#menu_secondaire li a:hover {
    background:         #fff url(medias/puce.png) 4px 2px no-repeat;
	-moz-border-radius: 6px;
}

/**
    CONTENU D'INFORMATION
*/
#content {
    margin:             0px 0px 0px 0px;
    padding:            15px 0px 10px 0px;
    font-size:          1.3em;
	overflow:           auto;
	min-height:         500px;
}
* html #content {
    width:              75%;
    float:              right;
}
* html #application {
    background:   #fff;
}
#content h2 {
    display:            inline;
    margin:             5px 0px 0px 0px;
    padding:            2px 16px 0px 10px;
    background:         transparent url(medias/bg_h2.png) right top no-repeat;
    font-size:          1.3em;
    color:              #c33;
    letter-spacing:     0.1em;
}
#content h3 {
    margin-bottom:      0px;
	padding:            0px 12px 4px 12px;
    font-size:          0.9em;
	color:              #c33;
	text-transform:     uppercase;
	border-bottom:      1px solid #999;
}
#content h4 {
    margin:             2px 0px;
    font-size:          1.0em;
	color:              #d8822c;
	font-weight:        bold;
	text-transform:     uppercase;
}
#content div.box {
    margin:             0px 0px 20px 0px;
    padding:            10px 10px 5px 10px;
    color:              #666666;
    text-align:         justify;
    background:         #aaccef url(medias/bg_articles.png) left top repeat-x;
    border-right:       1px solid #ddd7d7;
    border-bottom:      2px solid #ccc;
	border-left  :      1px solid #ececec;
}
.zone {
    margin:             0;
    padding:            5px;
    background:         #efe9e9;
    border:             1px solid #ffcd9b;
}
.news {
    position:           relative;
    width:              45%;
    margin:             1%;
	_margin:            0.5%;
    padding:            1%;
    float:              left;
    font-size:          95%;
	padding-bottom:     18px;
}
.news a.next {
    position:           absolute;
	bottom:             4px;
	right:              5px;
}
#content .news h3,
#content .news h3 a {
    margin:             0;
    padding:            0;
    text-transform:     uppercase;
    color:              #d8822c;
    font-weight:        bold;
    font-size:          1.0em;
	text-decoration:    none;
	border:             none;
}
.news a {
    color:              #006699;
}
p.next {
    float:              left;
	width:              100%;
    text-align:         right;
}
p.next a {
    color:              #999999;
    background:         transparent url(medias/puce_loupe.png) right bottom no-repeat;
    padding-right:      25px;
}
p.next a:hover {
    text-decoration:    none;
	background:         transparent url(medias/puce_loupe_o.png) right bottom no-repeat;
}

/**
    PIED DE PAGE
*/
#page-footer {
    margin:             0px 0px 5px 0px;
    padding:            0;
    clear:              both;
	float:              left;
	width:              100%;
    border:         	1px solid #D1780C;
    background:         transparent url(medias/bg_pied.png) left top repeat-x;
}
#page-footer p {
    margin:             0;
    padding:            0px 10px;
}
#page-footer a {
    color:              #996600;
    font-size:          1.1em;
	font-weight:        bold;
    text-decoration:    none;
}
#page-footer a:hover {
	color:              #efe9e9;
}
div.article-item {
    float:              left;
	width:              95%;
    padding:            5px 12px 9px 12px;
    border-bottom:      1px solid #999;
	color:              #666666;
}
div.article-item a {
    color:              #006699;
	text-decoration:    underline;
}
div.article-item a:hover {
    text-decoration:    none;
}
#articles-list-wrapper {
    position:           relative;
}
#al {
    border:             1px solid #999999;
	padding:            5px;
	border-top:         1px solid #fff; 
	display:            none;
	background:         #f5f5f5;
	position:           absolute;
	top:                20px;
	left:               10px;
	right:              10px;
}
#al ul,
#al ul li {
    margin:             0;
	padding:            0;
}
#al ul {
    padding:            5px;
}
#articles-list-wrapper.box #al {
    top:                32px;
	border:             1px solid #ccc;
	border-bottom:      2px solid #ccc;
	border-top:         none;
	background:         #f3ebb4;
}
div.article-item.list  {
    position:           relative;
	padding-bottom:     25px;
	text-align:         justify;
}
div.article-item.list  a.more {
    position:           absolute;
	bottom:             3px;
	right:              10px;
}
li.article-item {
    list-style:         none;
}
li.article-item a {
    padding-left:       17px;
	text-transform:     uppercase;
	color:              #006699
}
li.article-item a:hover {
    background:         transparent url(medias/puce.png) 0px 2px no-repeat;
}
hr.separator {
	clear:both;
	overflow:           auto;
}
.spip_surligne {
    background:         yellow;
}
#adh-inscription,
#contact,
form.classic {
    text-align:         right;
    width:              500px;
	
}
form.classic input.text,
form.classic textarea,
#adh-inscription input.text,
#adh-inscription textarea,
#contact input.text,
#contact textarea {
    vertical-align:     top;
	width:              300px;
}
#contact select,
form.classic select,
#adh-inscription select {
    vertical-align:     top;
    width:              304px;
}
a.access,
a.print {
    padding:1px 10px 1px 20px;
	float:right;
	font-size:85%;
	color:#006699;
}
a.print { 
    background:         transparent url(medias/puce_print.png) left center no-repeat;
}
a.access {
    background:         transparent url(medias/puce_acces.png) 0px 1px no-repeat;
}

/**
    FORMULAIRE DE RESERVATION
*/
.formulaire_reservation {
	background: #fff url(../medias/congres/bg-bas.jpg) 0 bottom no-repeat;
	width: 583px;
}
#form_titre {
	background-color: #fff;
	width: 100%;
}
#form_content {
	background: transparent url(../medias/congres/bg-haut.jpg) 0 0 no-repeat;
	padding: 10px;
}
.infos_top {
	margin: 0 0 30px;
}
.infos_haut {
	margin: 0 100px 10px 0;
	font-weight: bold;
	font-size: 14px;
	border-bottom: 1px solid #000;
}
*+html #form_reservation {
	overflow: hidden;
}
#form_reservation .titre_partie {
	font-family: Verdana;
	font-size: 14px;
	color: #0065ab;
	font-weight: bold;
	margin-bottom: 10px;
}
#form_reservation legend.titre_partie {
	margin: 0 10px;
	padding: 0 10px;
}
#form_reservation .titre_partie.presence {
	width: 250px;
	display: inline-block;
	vertical-align: top;
}
#form_reservation .content_partie {
	display: inline-block;
	vertical-align: top;
}
*+html #form_reservation .content_partie {
	padding-left: 254px;
}
#form_reservation .content_partie .legende {
	display: inline-block;
	vertical-align: top;
	margin-top: 10px;
}
#form_reservation label.legende {
	display: block;
}
#form_reservation ul {
	margin: 0;
	padding: 0;
}
#form_reservation li {
	display: block;
	margin: 0 0 15px;
}
#form_reservation li input.marge_bas, #form_reservation li select.marge_bas {
	margin: 0 0 15px;
}
#form_reservation .aligne {
	width: 55%;
	float: left;
}
#form_reservation .aligne.gauche {
	width: 45%;
}
#form_reservation .aligne.adr {
	width: 100%;
}
#form_reservation .aligne_ad {
	float: left;
	clear: right;
}
*+html #form_reservation .aligne_ad {
	clear: none;
}
#form_reservation .aligne_ad.cp {
	width: 120px;
	float: left;
}
#form_reservation .separateur_bleu {
	margin: 30px 0 20px;
	width: 100%;
	clear: both;
	border-bottom: 2px dashed #0065ab;
}
#form_reservation #accompagne {
	border: 1px solid #A8BE40;
	-moz-border-radius: 10px;
	background-color: #fff;
	margin: 0 0 15px;
}
*+html #form_reservation #accompagne {
	padding: 10px;
}
*+html #form_reservation #accompagne ul {
	list-style-type: none;
}
#congres_add {
	background: url("../medias/congres/btn-ajouter.png") 0 0 no-repeat;
	border: 0 none;
	cursor: pointer;
	font-size: 0;
	height: 0;
	width: 228px;
	padding-top: 31px;
	overflow: hidden;
}
*+html #congres_add {
	display: none;
}
#congres_add:hover {
	background: url("../medias/congres/btn-ajouter_o.png") 0 0 no-repeat;
}
#congres_submit {
	background: url("../medias/congres/btn-valider.png") 0 0 no-repeat;
	border: 0 none;
	cursor: pointer;
	font-size: 0;
	height: 31px;
	width: 198px;
	margin:0 0 70px 365px;
}
#congres_submit:hover {
	background: url("../medias/congres/btn-valider_o.png") 0 0 no-repeat;
}
#form_reservation #coupons {
	margin-bottom: 15px;
}
.formulaire_reservation .reponse_formulaire.reponse_formulaire_ok {
	font-size: 14px;
	font-weight: bold;
	color: #53AD20;
	margin: 2.5em 0;
}
.formulaire_reservation .reponse_formulaire.reponse_formulaire_erreur {
	font-size: 14px;
	font-weight: bold;
	color: #c30;
	margin: 2.5em 0;
}
.formulaire_reservation #info {
	margin: 0 0 20px;
	font-weight: bold;
}
.formulaire_reservation #liens a.aligne_droite {
	display: block;
	clear: both;
	float: right;
}
hr.separator {
	border: none;
	clear: both;
	margin-top: 300px;
}
#print {
	background: url("../medias/congres/btn-recap.png") 0 0 no-repeat;
	border: none;
	font-size: 0;
	height: 0;
	width: 250px;
	margin: 5px 0;
	padding-top: 31px;
	overflow: hidden;
}
#print:hover {
	background: url("../medias/congres/btn-recap_o.png") 0 0 no-repeat;
}
#download, #dl {
	background: url("../medias/congres/btn-telecharger.png") 0 0 no-repeat;
	border: none;
	font-size: 0;
	height: 0;
	width: 250px;
	margin: 5px 0;
	padding-top: 31px;
	overflow: hidden;
}
#download:hover, #dl:hover {
	background: url("../medias/congres/btn-telecharger_o.png") 0 0 no-repeat;
}
#dl {
	display: block;
	margin: 0 0 20px 115px;
}