/* ===========================
Initialisation des styles par defaut
=========================== */
body{
background: #fff url(img/body.png) no-repeat center 0;
color: #034766;
font-family: "Trebuchet MS", arial, helvetica, sans-serif;
font-size: 62.5%;
padding-top: 5px;
margin:0 0 2.5em 0;
}

fieldset{
border: 0;
}

h1, h2, h3, h4, h5, h6, pre, code{
font-size: 1em;
}

ul, ol, li, h1, h2, h3, h4, h5, h6, pre, form, html, blockquote, fieldset, input{
margin: 0;
padding: 0;
}

a{
background-color: #fff;
color: #109ddd;
text-decoration: underline;
}

a:hover{
color: #fa5800;
}

/* etat "focus" important pour accessibilite web */
#acces_minisites a:focus
#contenu_sans_encadres a:focus,
#contenu_avec_encadres a:focus,
#navigation a:focus,
#encadres a:focus,
#fil_ariane a:focus{
/*background-color: #999 !important;
color: #fff !important;
text-decoration: none !important;*/
}

a img,
a:link img,
a:visited img{
border: none;
vertical-align: middle;
}

h2{
color: #253F5C;
font-size: 2em;
font-weight: normal;
margin: 0.5em 0;
background: #fff;
}

h3{
font-size: 1.4em;
margin: 1em 0;
}

h4{
font-size: 1.2em;
margin: 1em 0;
}

/* === Accessibilite liens evitement === */

p#acces_direct{
margin: 0 auto;
width: 1000px;
display: none;
}

p#acces_direct a,
p#acces_direct a:visited{
background: transparent;
color: #332e44;
display: block;
font-size: 1.1em;
font-weight: 700;
padding: 0.4em 0 1.1em 0;
text-align: center;
text-decoration: none;
width: 1000px;
}

p#acces_direct a:hover,
p#acces_direct a:focus,
p#acces_direct a:active{
background: #ffb623 url(img/acces_direct.png) no-repeat center bottom;
}

p#raccourcis{
display: none;
margin: 0;
}

p#raccourcis a{
color: #fff;
}

/* ===========================
Grands Blocs
=========================== */

#page{
/*background: #9c0;*/
background: url(img/page.png) no-repeat right 121px;
font-size: 1.15em;
width: 987px;
padding: 0 0 0 13px;
/*width: 1000px;*/
margin: 0 auto;
margin-bottom: 2em;
position: relative;
}

/*#page_deco{
background: url(img/page.png) repeat-y right 0;
float:left;
width: 987px;
position: relative;
}*/

/* ===========================
Styles Communs
=========================== */

hr.separateur_sections_page{
display: none;
}

/* === classes communes === */

.hide{
position: absolute;
visibility: hidden;
}

.separateur{
clear: both;
height: 1px;
margin: 0;
padding: 0;
line-height: 0;
}

.erreur{
color: #f00;
font-style: normal;
font-weight: 700;
}

.retour{
cursor: pointer;
}

/* champs de formulaires en lecture seule */
form input.readonly{
background-color: #ccc;
}

.champ-saisie,
select{
border: 1px solid #ffa516;
padding: 1px;
}

/*.ok{
background: #fff;
border: 1px solid;
height: 20px;
vertical-align: top;
}*/

.legende{
background-color: transparent;
color: #999;
font-size: 0.8em;
font-family: verdana, sans-serif;
margin: 0.5em 0 1em 0;
}

.photo img{
border: 1px solid #000;
}

a.lire_la_suite{
	display: block;
}

/* *******************
=Bloc =Bandeau
******************** */

#bandeau_deco{
background: transparent url(img/bandeau_deco.png) no-repeat -1px 0;
height: 121px;
position: relative;
}

#bandeau{
background-color: #fff;
background-repeat: no-repeat;
height: 121px;
/*width: 587px; longueur de l'image elle-meme */
width: 965px;
display: block;
position: absolute;
top: 0;
left: 0
}

#bandeau .champ-saisie{
margin: 0 0 5px 0;
width: 110px;
}

h1{
font-size: 1.6em;
padding: 0;
position: absolute;
top: 15px;
left: 610px;
z-index:1;
}

h1 a{
text-decoration: none;
background-color: transparent;
}

p#site_nautisme_credits{
font-family: verdana, sans-serif;
font-weight: 500;
font-size: 0.85em;
margin: 0;
color: #92b214;
position: absolute;
top: 0px;
left: 733px;
width: 230px;
}

ul#langues{
list-style: none;
margin: 0;
padding: 0;
position: absolute;
top: 0;
right: 0;
z-index: 1;
}

ul#langues li{
display: inline;
margin-left: 0.3em;
}

ul#acces_minisites{
font-size: 0.95em;
font-weight: 700;
line-height: 170%;
list-style: none;
position: absolute;
top: 0;
left: 760px;
width: 212px;
}

body.nautisme ul#acces_minisites{
top: 23px;
}

ul#acces_minisites li{
background: url(img/acces_minisites_item.png) no-repeat right bottom;
padding: 0.05em 0 0 24px;
}

ul#acces_minisites li.site_courant{
background: url(img/site_courant.png) no-repeat 0 bottom;
}

ul#acces_minisites li.site_courant a{
color: #fa5800;
}

ul#acces_minisites li#espace_professionnel a{
color: #f29100;
}

ul#acces_minisites a{
color: #044195;
text-decoration: none;
background: transparent
}

ul#acces_minisites a:hover,
ul#acces_minisites li#espace_professionnel a:hover{
color: #fa5800;
}

ul#acces_minisites li#espace_professionnel{
visibility: hidden;
}
.cdt ul#acces_minisites li#espace_professionnel{
visibility: visible;
}

/* ===============
=Block =Menu
=============== */

#menu{
background-color: #fff;
color: #ccc;
float: left;
padding-bottom: 1px;
width: 973px;
height: 95px;
border-top: 1px solid #fff;
}

.collaboratif #menu{
border-bottom: 1px solid #332e44;
}

/* === Menu principal === */

ul.menu_principal{
/*line-height: 30px;*/
list-style-type: none;
font-size: 1.5em;
font-weight: 500;
}

ul.menu_principal li{
float: left;
position: relative;
}

.menu_principal a{
background-color: #f28d00;
background-repeat: repeat-x;
background-position: 0 41px;
border-bottom: 10px solid #cdc6c2;
border-right: 1px solid;
color: #fff;
display: block;
height: 71px;
padding: 15px 0 0 13px;
text-decoration: none;
width: 229px;
}

ul.menu_principal li a:hover,
.menu_principal li.focus,
.menu_principal li.focus a{
background-color: #fa5800;
border-bottom-color: #fa5800;
color: #fff;
}

.menu_principal a:focus{
background-color: #EA5200 !important;
border-bottom-color: #EA5200 !important;
color: #fff;
}

ul.menu_principal li#item_1 a{
border-left: 1px solid #fff;
background-image: url(img/menu_principal/item_1.jpg);
}

ul.menu_principal li#item_2 a{
background-image: url(img/menu_principal/item_2.jpg);
}

ul.menu_principal li#item_3 a{
background-image: url(img/menu_principal/item_3.jpg);
}

ul.menu_principal li#item_4 a{
background-image: url(img/menu_principal/item_4.jpg);
}

/*Menu nautisme*/

.nautisme ul.menu_principal li#item_1 a{
background-image:url(img_nautisme/menu_principal/item_1.jpg);
}

.nautisme ul.menu_principal li#item_2 a{
background-image:url(img_nautisme/menu_principal/item_2.jpg);
}

.nautisme ul.menu_principal li#item_3 a{
background-image:url(img_nautisme/menu_principal/item_3.jpg);
}

.nautisme ul.menu_principal li#item_4 a{
background-image:url(img_nautisme/menu_principal/item_4.jpg);
}

/*Menu randonnee*/

.randonnee ul.menu_principal li#item_1 a{
background-image:url(img_randonnee/menu_principal/item_1.jpg);
}

.randonnee ul.menu_principal li#item_2 a{
background-image:url(img_randonnee/menu_principal/item_2.jpg);
}

.randonnee ul.menu_principal li#item_3 a{
background-image:url(img_randonnee/menu_principal/item_3.jpg);
}

.randonnee ul.menu_principal li#item_4 a{
background-image:url(img_randonnee/menu_principal/item_4.jpg);
}

/*Menu famille*/

.famille ul.menu_principal li#item_1 a{
background-image:url(img_famille/menu_principal/item_1.jpg);
}

.famille ul.menu_principal li#item_2 a{
background-image:url(img_famille/menu_principal/item_2.jpg);
}

.famille ul.menu_principal li#item_3 a{
background-image:url(img_famille/menu_principal/item_3.jpg);
}

.famille ul.menu_principal li#item_4 a{
background-image:url(img_famille/menu_principal/item_4.jpg);
}

/*Menu handicap*/

.handicap ul.menu_principal li#item_1 a{
background-image:url(img_handicap/menu_principal/item_1.jpg);
}

.handicap ul.menu_principal li#item_2 a{
background-image:url(img_handicap/menu_principal/item_2.jpg);
}

.handicap ul.menu_principal li#item_3 a{
background-image:url(img_handicap/menu_principal/item_3.jpg);
}

.handicap ul.menu_principal li#item_4 a{
background-image:url(img_handicap/menu_principal/item_4.jpg);
}

/*  */

ul.menu_principal ul{
background-color: #332e44;
border: 1px solid #fff;
border-top: 0;
display: none;
left: 0;
line-height: normal;
list-style-type: none;
position: absolute;
top: 30px;
width: 150px;
z-index: 5;
}

ul.menu_principal ul li{
float: none;
}

.menu_principal em{
font-style: normal;
font-weight: 700;
}

.menu_principal ul a:hover{
text-decoration: none;
}

/* === bloc Accroche === */

#accroche{
font-size: 1.25em;
line-height: 1.3;
min-height: 88px;
position: relative;
}

#accroche .visuel-rubrique{
background-repeat: no-repeat;
float: left;
height: 147px;
width: 366px;
}

#accroche p{
margin: 0;
padding-bottom: 10px;
padding-right: 20px;
padding-top: 10px;
}

#accroche .separateur{
background-color: #332e44;
font-size: 1px;
height: 1px;
}

/* ===============
=Bloc =Navigation
=============== */

#navigation{
float: left;
margin-top: -1px;
margin-bottom: 4em;
width: 182px;
width: 171px;
font-size: 0.95em;
}

.collaboratif #navigation h3{
font-size: 130%;
font-weight: 700;
line-height: 1.4;
margin: 1em 10px 1em 20px;
}

#navigation .visuel-rubrique{
background-position: 50% 50%;
background-repeat: no-repeat;
color: #fff;
height: 80px;
padding: 0 0 21px 0;
}

#navigation input{
width: 122px;
}

#navigation .ok{
background: url(img/ok.png) no-repeat 0 0;
border: none;
color: #3c649b;
font-weight: 700;
font-size: 1em;
height: 22px;
margin-left: 3px;
padding-left: 3px;
width: 29px;
}

/* === menu secondaire === */

ul.menu_secondaire{
background-color: #ffa516;
border-top: 1px solid #55706b;
color: #55706b;
font-size: 1.3em;
margin: 0 0 0.8em 0;
list-style: none;
position: relative;
z-index: 2
}

ul.menu_secondaire li{
border-bottom: 1px solid;
padding: 0;
}

ul.menu_secondaire em{
font-style: normal;
font-weight: 700;
}

ul.menu_secondaire a{
background-color: transparent;
color: #55706b;
text-decoration: none;
padding: 0.3em  0.5em;
display: block;
}

ul.menu_secondaire ul{
background:#ffbd3f;
}

ul.menu_secondaire ul li a{
color:#55706b;
}

ul.menu_secondaire ul em a{
color:#fff;
background-image: none;
}

ul.menu_secondaire a:hover{
color: #fff;
background-color: #fa5700;
}

.menu_secondaire ul{
font-size: 0.85em;
list-style: none;
margin: 0;
padding: 0;
}

.menu_secondaire ul li{
border-bottom: 0;
display: inline;
}

ul.menu_secondaire li.item_deroule a{
background: url(img/item_deroule.png) no-repeat 155px 12px;
cursor: default;
}

ul.menu_secondaire li.item_deroule ul a{
background: none;
cursor: pointer;
}

ul.menu_secondaire li.item_deroule ul em a{
background-color: #ffb019;
}

ul.menu_secondaire li.item_deroule a:hover{
color: #fff;
background-color: #fa5700;
}

.menu_secondaire li.item_deroulant{
position: relative;
}

.menu_secondaire li.item_deroulant a{
position: relative;
background-image: url(img/item_deroulant.png);
background-repeat: no-repeat;
background-position: 160px 50%;
cursor: default;
}

.menu_secondaire li.item_deroulant ul{
background-color:#ffbd3f;
border: 1px solid #fff;
border-top: 0;
border-bottom: 1px solid #55706b;
color: #55706b;
font-size: 0.85em;
list-style: none;
display: none;
position: absolute;
left: 171px;
top: 0;
width: 13em;
}

.menu_secondaire li.item_deroulant ul a{
cursor: pointer;
}

ul.menu_secondaire ul a{
color: #fff;
padding-left: 1.2em;
border-top: 1px solid #ffde9f;
}

ul.menu_secondaire em a,
ul.menu_secondaire li.item_deroule em a{
color: #fff;
background-color: #f80;
}

/* ====================
Inscription newsletter
==================== */

#inscription_newsletter{
background: url(img/inscription_newsletter.png) no-repeat right 3px;
border-bottom: 1px solid #55706b;
color: #00777e;
margin-top: 0.5em;
padding: 0 0 1em 0.5em;
}

#inscription_newsletter legend{
color: #f28d00;
font-size: 1.3em;
font-weight: 700;
}

#inscription_newsletter li{
color: #f28d00;
font-size: 1.3em;
font-weight: 700;
}


/* ====================
Recherche simple
==================== */

form#recherche_simple{
border-bottom: 1px solid #55706b;
margin-top: 0.5em;
padding: 0 0 0.3em 0.5em;
}

#recherche_simple label{
color: #f28d00;
font-size: 1.3em;
font-weight: 700;
}

#recherche_simple p#vers_recherche_avancee{
margin: 0;
/*text-transform: lowercase;*/
}

#recherche_simple a{
color: #00777e;
text-decoration: none;
}

#recherche_simple a:hover{
color: #fa5700;
}

/* ====================
=Connexion
==================== */

#connexion{
}

#connexion legend{
color: #ffb623;
font-family: arial, sans-serif;
font-size: 1.3em;
font-weight: 700;
padding: 0;
}

#connexion label{
color: #ffb623;
display: block;
font-size: 0.9em;
font-weight: 700;
margin: 0;
}

#connexion input#login_intranet{
margin-bottom: 0;
}

#connexion ul{
font-size: 0.9em;
padding-top: 2px;
}

#connexion p#mot_de_passe_oublie{
font-size: 0.9em;
margin: 0;
}

/* =Contexte =DSI */

.dsi #connexion p#personne_dsi{
color: #fff;
font-weight: 700;
margin: 0 0 1em 0;
}

.dsi #connexion ul{
margin-top: 1em;
}

.dsi #connexion ul li{
list-style-type: none;
}

.dsi #select_profil{
width: 140px;
}

.dsi #personne_dsi span{
color: #ffb623;
display: block;
font-family: arial, sans-serif;
font-size: 1.3em;
font-weight: 700;
}

/* === outils === */

ul#outils{
margin: 17px 15px 1em 20px;
}

/* === services === */

#services{
margin-left: 10px;
}

#services label{
color: #ffb623;
font-size: 1.1em;
font-weight: 700;
vertical-align: middle;
}

#services legend{
display: none;
}

#services select{
font-size: 0.9em;
}

#services .valider{
font-size: 0.8em;
}

/*********************************
=Bloc =Contenu
*********************************/

#contenu_deco{
background: url(img/contenu_deco.png) repeat-y 557px 0;
float: left;
height: auto;
width: 816px;
}

#contenu_deco2{
border-bottom: 1px solid #55706b;
padding: 20px 30px 0 20px;
margin-bottom: 1em;
min-height: 52px;
position: relative;
}

#contenu_deco3{
padding: 0 20px;
position: relative;
}

#contenu_avec_encadres{
float: left;
margin: 0;
min-height: 430px;
/*padding: 10px 20px 50px 20px;
width: 517px;*/
padding: 10px 0 3em 0;
position: relative;
width: 557px;
}

#contenu_sans_encadres{
float: left;
min-height: 450px;
padding: 10px 0 50px 0;
position: relative;
width: 802px;
}

/* pour plan de site et liste imbriquees dans toolbox */
#contenu_avec_encadres ul,
#contenu_avec_encadres ol,
#contenu_sans_encadres ul,
#contenu_sans_encadres ol{
margin: auto;
padding: 0 0 0 2em;
}

p#fil_ariane{
border-bottom: 1px solid;
border-top: 1px solid;
border-left: 171px solid orange;
clear: both;
color: #55706b;
font-size: 1em;
margin: -1px 0 0 0;
padding: 0;
text-transform: lowercase;
width: 802px;
}

p#fil_ariane a{
color: #55706b;
margin: 0 1em;
text-decoration: none;
}

p#fil_ariane a:hover{
color: #fa5700;
}

p#fil_ariane em{
font-style: normal;
}

p#envoyer_ajouter{
font-size: 0.9em;
text-align: right;
}

/*** Plan du site  ***/

/*.plansite1 li{
list-style-type: none;
}

.plansite2 li{
list-style-type: disc;
}
*/

.effacer,
.valider{
/*background: #fff;
border: 1px solid #333;
margin: 0;
padding: 2px;*/
}

.effacer{
border: 1px solid #666;
color: #666;
}

/*************************************************
=Contexte =Rubrique
**************************************************/

#photo{
background-position: 50% 50%;
background-repeat: no-repeat;
color: #fff;
height: 80px;
padding: 0 0 21px 0;
}

#photo div{
padding-left: 30px;
}

a#se_connecter{
display: block;
margin-left: 15px;
margin-top: 60px;
}

.para-an{
background: url(img/ligne.png) no-repeat 0 bottom;
/*border-bottom: 1px solid hotpink;*/
padding: 10px 0 14px 0;
}

.para-an h3{
color: #a85417;
font-size: 1.1em;
margin-bottom: 0.5em;
}

/* === Elements communs aux fiches === */

body.actualite #thematique,
body.article #thematique,
body.document #thematique{
font-size: 0.9em;
margin: 0;
color: #6d95c4;
}

body.actualite .photo,
body.article .photo,
body.document .photo{
float: right;
margin: 0 0 0 10px;
}

body.actualite .photo img,
body.article .photo img,
body.document .photo img{
border: 1px solid #55706b;
}

#soustitre{
color: #fea516;
font-weight: normal;
margin: 0.5em 0;
}

#soustitre p{
margin: 0
}

body.article #date,
body.actualite #date{
font-weight: 700;
margin: 0 0 0.5em 0;
}

/* === =Fiche =Actualite === */

body.actualite #resume{
font-weight: 700;
margin: 0.5em 0 1.5em 0;
padding-top: 0.5em;
}

body.actualite #description{
margin-bottom: 1.5em;
text-align: left;
}

/*obsolete ?
.lien-plan{
display: block;
margin-top: 10px;
}*/

/* ===	=Fiche =Article === */

body.article #chapeau{
color: hotpink;
font-weight: 700;
margin: 10px 0 20px 0;
}

body.article #corps{
text-align: left;
}

/* ===	=Fiche =Document === */

body.document #description{
margin: 1.5em 0
}

body.document #auteurs{
margin: 1em 0;
}

body.document #resume{
font-weight: 700;
}

body.document #referenceisdn{
color: #6d95c4;
margin: 1em 0;
}

/* === =Fiche =Annuaire === */

body.annuaire #fonction{
padding: 1em 32px 1.5em 0;
}

body.annuaire #discipline{
font-size: 0.9em;
margin: 0;
color: #6d95c4;
}

body.annuaire em.type_personnel{
display: block;
font-style: normal;
}

body.annuaire .photo{
background: #fff;
float: right;
margin-left: 10px;
text-align: right;
}

body.annuaire dl.type_1{
margin-top: 1em;
}

/* === =Fiche =DefautStructure =Structure ===*/

.defaultstructure .photo{
float: right;
margin: 1em 10px 0 0;
}

body.defaultstructure p#type_structure{
font-size: 0.9em;
margin: 0;
color: #6d95c4;
}

/* === Fiches TourinFrance ===*/

body.tourinfrance h2{
position: relative;
width: 89%;
}

#contenu_tourinfrance_deco1{
width: 270px;
border-right: 1px solid #d6dbe0;
float: left;
padding-right: 10px;
margin: 10px 10px 0 0;
}

#contenu_tourinfrance_deco1 h3{
font-size: 1.2em;
margin-bottom: 0;
}

#contenu_tourinfrance_deco1 table#contact_tourinfrance,
#contenu_tourinfrance_deco1 table#emplacement_tourinfrance,
#contenu_tourinfrance_deco1 table#communication_tourinfrance{
border: 0;
border-color: #fff;
border-collapse: collapse;
margin-bottom: 2em;
}

#contenu_tourinfrance_deco1 table#contact_tourinfrance caption,
#contenu_tourinfrance_deco1 table#emplacement_tourinfrance caption,
#contenu_tourinfrance_deco1 table#communication_tourinfrance caption{
text-align: left;
font-size: 1.2em;
font-weight: 700;
/*border:1px solid red;*/
}

#contenu_tourinfrance_deco1 table#contact_tourinfrance th,
#contenu_tourinfrance_deco1 table#contact_tourinfrance td,
#contenu_tourinfrance_deco1 table#communication_tourinfrance th,
#contenu_tourinfrance_deco1 table#communication_tourinfrance td{
border: 0
}

#contenu_tourinfrance_deco1 table#contact_tourinfrance th,
#contenu_tourinfrance_deco1 table#communication_tourinfrance th{
text-align: left;
width: 75px;
vertical-align: top;
}

#contenu_tourinfrance_deco1 table#emplacement_tourinfrance th{
border:0;
text-align: left;
/*width: 80px;*/
vertical-align: top;
}

#contenu_tourinfrance_deco1 table#emplacement_tourinfrance td{
vertical-align:top;
border: 0
}

#contenu_tourinfrance_deco2{
width:225px;
float: left;
margin: 10px 0 0 0;
}

#contenu_tourinfrance_deco2 h3{
color: #ffa516;
font-size: 1.2em;
margin:0.5em 0 0 0;
}

#contenu_tourinfrance_deco2 p{
margin:0.5em 0;
}

body.tourinfrance #contenu_deco3 address{
color: #e08900;
font-style: normal;
font-size: 1.2em;
line-height: 150%;
/*margin: 0;*/
}

body.tourinfrance table#comment_venir{
border: 1px solid #d9e4e8;
border-collapse: collapse;
width: 270px;
float: left;
margin-right: 20px
}

body.tourinfrance table#comment_venir caption{
color: #fff;
font-size: 1.2em;
font-weight: 700;
background: #253f5c;
text-align: left;
margin:0 0 0.5em 0;
padding: 0 0.3em;
width: 270px;
}

body.tourinfrance table#comment_venir th,
body.tourinfrance table#comment_venir td{
border: 1px solid #d9e4e8;
padding: 2px;
}

body.tourinfrance table#comment_venir th{
background: #d9e4e8 url(img/comment_venir_titre.png) repeat-y 0 0;
border-color: #fff;
font-weight: 500;
padding-left: 10px;
text-align: left;
/*width: 6em;*/
}

body.campingcars #contenu_deco1{
width:;
}

body.campingcars table.tarifs{
float: left;
}

body.campingcars #contenu_tourinfrance_deco4{
margin-left: 40px;
display: block;
float: left;
width: 240px;
}

body.campingcars #contenu_tourinfrance_deco4 h3{
margin: 0;
clear: both;
}

body.campingcars #contenu_tourinfrance_deco4 table{
margin-bottom: 1em
}

/* === */

body.tourinfrance img.classification{
margin-bottom: 4px;
}

body.tourinfrance table#tarifs,
body.tourinfrance table.tarifs{
border: 1px solid #f9d558;
border-collapse: collapse;
width: 220px;
}

body.tourinfrance table#tarifs caption,
body.tourinfrance table.tarifs caption{
color: #fff;
font-size: 1.2em;
background: #ffa41c;
font-weight: 700;
text-align: left;
margin:0 0 0.5em 0;
padding: 0 0.3em;
}

body.tourinfrance table#tarifs th,
body.tourinfrance table#tarifs td,
body.tourinfrance table.tarifs th,
body.tourinfrance table.tarifs td{
border: 1px solid #f9d558;
padding: 2px;
}

body.tourinfrance table#tarifs th,
body.tourinfrance table.tarifs th{
background: #f9d558;
font-weight: 500;
border-color: #fff;
text-align: left;
}

body.tourinfrance div#moyen-paiement{
float: right; 
width: 230px; 
margin-top: 5px;
}

body.tourinfrance p.borne_description{
margin:0;
}

body.tourinfrance #contenu_tourinfrance_deco3{
display: block;
clear: both;
background: url(img/ligne.png) no-repeat 0 15px;
padding-top: 35px;
width: 100%;
}

/* === Fiche Hôtel === */

body.hotel h2 span#nombre_etoiles{
background: url(img/etoiles_3.png) no-repeat 0 0;
padding-left: 60px;
width: 60px;
}


#contenu_tourinfrance_deco1 p#hotel_date_ouverture{
margin-top: 0;
}

/* === fiche Village vacances === */

body.tourinfrance table#animations{
border: 1px solid #d9e4e8;
border-collapse: collapse;
width: 270px;
float: left;
margin-right: 20px
}

body.tourinfrance table#animations caption{
color: #fff;
font-size: 1.2em;
font-weight: 700;
background: #253f5c;
text-align: left;
margin:0 0 0.5em 0;
padding: 0 0.3em;
width: 270px;
}

body.tourinfrance table#animations th,
body.tourinfrance table#animations td{
border: 1px solid #d9e4e8;
padding: 2px;
}

body.tourinfrance table#animations th{
background: #d9e4e8 url(img/comment_venir_titre.png) repeat-y 0 0;
border-color: #fff;
font-weight: 500;
padding-left: 10px;
text-align: left;
/*width: 6em;*/
}

/* === Fiche Restaurant === */

body.restaurant #contenu_tourinfrance_deco1{
border: 0;
width: 100%;
margin-right: 0;
padding: 0;
}

table#restaurant_groupes,
table#restaurant_descriptif,
table#restaurant_0,
table#restaurant_1,
table#restaurant_2,
table#restaurant_3,
table#restaurant_4{
border-collapse: collapse;
/*border: 1px solid #253f5c;*/
border: 1px solid #d9e4e8;
margin-bottom: 1em;
width: 100%;
}

table#restaurant_descriptif caption,
table#restaurant_0 caption,
table#restaurant_1 caption,
table#restaurant_3 caption,
table#restaurant_4 caption{
color: #fff;
background: #253f5c;
font-size: 1.2em;
font-weight: 700;
text-align: left;
margin:0 0 0.5em 0;
padding: 0 0.3em;
}

table#restaurant_descriptif th,
table#restaurant_0 th,
table#restaurant_1 th,
table#restaurant_2 th,
table#restaurant_3 th,
table#restaurant_4 th{
background: #d9e4e8;
border: 1px solid #d9e4e8;
border-right: 1px solid #fff;
border-bottom: 1px solid #fff;
padding: 2px;
text-align: left;
width:25%;
}

table#restaurant_descriptif td,
table#restaurant_0 td,
table#restaurant_1 td,
table#restaurant_3 td,
table#restaurant_4 td{
vertical-align: top;
border: 1px solid #d9e4e8;
padding: 2px;
}

table#restaurant_2 td.infos_legales{
border: 1px solid #d9e4e8;
padding: 2px;
text-align: left;
width:25%;
}

table#restaurant_groupes{
border: 1px solid #f9d558;
border-collapse: collapse;
}

table#restaurant_groupes caption{
color: #fff;
font-size: 1.2em;
background: #ffa41c;
font-weight: 700;
text-align: left;
margin:0 0 0.5em 0;
padding: 0 0.3em;
}

table#restaurant_groupes th,
table#restaurant_groupes td{
border: 1px solid #f9d558;
padding: 2px;
}

table#restaurant_groupes th{
background: #f9d558;
font-weight: 500;
border-color: #fff;
text-align: left;
width:25%;
}

table#restaurant_2 th{
vertical-align: top;
border: 1px solid #d9e4e8;
padding: 2px;
background: none;
}

table#restaurant_2 td{
vertical-align: top;
border: 1px solid #d9e4e8;
padding: 2px;
}


table#restaurant_2 td p{
vertical-align: top;
margin:0;
}
table#restaurant_4 td{
width: 25%;
}


/* == template Langue parlées == */

img.tourinfrance_drapeau_langue{
width: 20px;
height: 15px;
}

/* === album photo === */
ul#album_photo li{
text-align: center;
float: left;
margin: 5px;
padding: 5px;
}

ul#album_photo li img{
width: 150px;
height: 110px;
}

/* === */

body.hebergementlo ul#album_photo{
clear: both;
float: none;
padding: 0;
}

body.hebergementlo ul#album_photo li{
list-style: none;
}

body.hebergementlo ul#album_photo img{
background-color: #eee;
width: 150px;
height: 110px;
display: block;
}

/* === fond d'écran et ecards === */

body.fond_ecran img#fond_ecran_vignette{
width: 110px;
height: 75px;
background-color: #eee;
float:left;
margin-right: 1em;
margin-bottom: 0.5em;
}

body.fond_ecran p#titre_format em{
font-weight: 700;
font-style: normal;
}

ul#fond_ecran,
ul#ecards{
list-style: none;
font-weight: 700;
margin: 0;
padding: 0;
}

ul#fond_ecran li,
ul#ecards li{
background: #f7f7f7;
border: 1px solid #ddd;
text-align: center;
float: left;
/*height: 100px;*/
margin: 5px;
padding: 15px 5px;
width: 150px;
}

ul#fond_ecran li:hover,
ul#ecards li:hover{
background: #eee;
border-color: #fa5700;
}

ul#fond_ecran li img,
ul#ecards li img{
clear: both;
margin-bottom: 0.5em;
}

ul#fond_ecran li a,
ul#ecards li a{
background: #fff;
text-decoration: none;
border: 1px solid #ccc;
padding: 0 3px;
}

ul#fond_ecran li a:hover,
ul#ecards li a:hover{
background: #fff;
text-decoration: none;
border: 1px solid #ccc;
padding: 0 3px;
}

/* === Envoyer ecard === */

fieldset#message,
fieldset#infos_personnelles{
/*background: #f3f7fb;*/
border-top: 10px solid #e2ecf5;
padding: 0 1.5em;
margin-bottom: 1.5em;
}

fieldset#message legend,
fieldset#infos_personnelles legend{
font-size: 1.05em;
color:#f28d00;
background: #fff;
padding: 0 0.5em;
font-weight: 700;
text-transform: uppercase;
}

fieldset#message p{
margin: 0.5em 0 1em 0;
width: 250px;
}

fieldset#message p#votre_image{
float: left;
margin-right: 20px;
width: auto;
}

form#formulaire_ecard em{
font-weight: 700;
font-style: normal;
}

fieldset#message label,
fieldset#infos_personnelles label{
display:block;
}

fieldset#message input,
fieldset#message textarea,
fieldset#infos_personnelles input{
border: 1px solid #a2b8ca;
}

form#formulaire_ecard input:focus,
form#formulaire_ecard textarea:focus{
background-color: #f7f9fc;
border: 1px solid #f29b22;
}

fieldset#message input,
fieldset#message textarea{
width:100%;
}

fieldset label span.obligatoire,
p span.obligatoire{
color:#f28d00;
}

fieldset#infos_personnelles p{
float:left;
margin:0.5em 20px 0.5em 0;
}

fieldset#infos_personnelles input{
width: 210px;
}

p#valider_ecard{
text-align: center;
}

p#valider_ecard input{
background: #f90;
color: #fff;
text-decoration: none;
border: 1px solid #f90;
padding: 0 3px;
font-size:1em;
font-weight: 700;
}

p#valider_ecard input:hover{
background: #fff;
text-decoration: none;
border: 1px solid;
padding: 0 3px;
color:#f90;
}

/* === Formulaire abonnement === */
body.formulaire table.qualification{
width: 500px;
}

body.formulaire table.qualification caption{
text-align: left;
color:#FFA516;
font-weight: 700;
margin-top: 10px;
}

body.formulaire table.qualification td{
width: 50%;
padding: 1px 0;
}

body.formulaire table.qualification label{
font-weight: normal;
margin-left: 5px;
}

body.formulaire #contenu_deco3 input.ChampSaisie,
body.formulaire #contenu_deco3 textarea{
border: 1px solid #ffa516;
width: 300px;
}

body.formulaire #contenu_deco3 p.boutons{
text-align: center;
float: none;
clear: none;
margin: 1em 0 0 0;
width: 350px;
}

body.formulaire #contenu_deco3 input.valider{
background: #f90;
color: #fff;
text-decoration: none;
border: 1px solid #f90;
padding: 0 3px;
font-size:1em;
font-weight: 700;
cursor: pointer;
}

body.formulaire legend{
	font-weight: 700;
}

body.formulaire p#coordonnees{
	background-color: #FFA516;
	color: #fff;
	padding: 5px 0;
	text-align: center;
	font-size: 1.2em;
	width: 100%;
}
/*=== Listes de definitions ===*/

/* de type 1 */

dl.type_1{
background: #fff url(img/liste_definition_type_1.png) no-repeat 134px bottom;
margin: 0.5em 0;
position: relative;
width: 100%;
}

dl.type_1 dt{
background: url(img/liste_definition_type1_titre.png) no-repeat 0 0;
left: 0;
margin: 0;
padding-top: 0;
padding-left: 8px;
position: absolute;
width: 190px;
width: 126px;
}

dl.type_1 dd{
margin-left: 134px;
padding: 0.2em 2% 0.7em 2%;
border-top: 1px solid #d0d7d6;
}

/* de type 1 dans fiche actualite */
/*dl.type_1 dd.liste_def_contact,
dl.type_1 dd.liste_def_type,
dl.type_1 dd.liste_def_site,
dl.type_1 dd.liste_def_partenaires{
border-top: 1px solid #d0d7d6;
}*/

/* de type 1 dans fiche document */
/*dl.type_1 .liste_def_source, 
dl.type_1 .liste_def_editeur,
dl.type_1 .liste_def_type_document,
dl.type_1 .liste_def_dates,
dl.type_1 .liste_def_complement_info{
border-top: 1px solid #d0d7d6;
}*/

dl.type_1 dt.liste_def_complement_info{
background-image: url(img/liste_definition_type1_titre_comp_info.png);
}

/* de type 2 */

dl.type_2{
background: #fff url(img/liste_definition_type_2.png) repeat-y;
border-bottom: 1px solid #d0d7d6;
border-top: 1px solid #d0d7d6;
margin: 0 0 0.2em 0;
padding-bottom: 0.3em;
position: relative;
}

dl.type_2 dt{
font-weight: 700;
padding-top: 0.4em;
text-align: right;
width: 185px;
}

dl.type_2 dd{
margin: -14px 0 0 190px;
padding: 0 2%;
}

/* --- fin --- */

/* ===	=Commentaires === */

#commenter{
font-size: xx-small;
text-align: right;
}

#commenter a{
background-color: #e5e5e5;
border: 1px solid #686868;
color: #7C3345;
margin: 13px 0;
padding: 2px;
}

.com-outer{
border: solid #332e44;
border-width: 1px 6px 1px 0;
clear: both;
}

.com-outer a{
background-color: transparent;
}

.com-inner{
background: url(img/filet_droit.png) repeat-x bottom left;
}

.com-inner h3{
background: #fff url(img/com_h3_bgd.gif) repeat-y;
color: #fff;
font-size: 1em;
margin: 0;
padding: 20px 0 5px 5px;
}

.com-inner ul{
margin: 0;
}

.com-inner ul#com-ul1{
padding: 0;
}

.com-inner li{
background-image: url(img/filet_droit.png);
background-position: bottom left;
background-repeat: repeat-x;
border-left: 1px solid #332e44;
list-style-type: none;
}

.li1{
margin-top: 30px;
padding-left: 0;
}

.li1first{
margin-top: 0;
}

.li1 ul{
margin-left: 6px;
}

.com-voir{
float: right;
padding: 20px 10px 0 0;
}

.com-voir a{
background: #fff url(img/com_voir_bgd.gif) no-repeat 0 50%;
color: #7C3345;
font-size: xx-small;
padding: 0 0 0 25px;
}

p.com-titre{
background-color: #8bbfff;
border-top: 1px solid;
clear: both;
color: #000;
font-weight: 700;
margin: 0;
padding: 2px 0 2px 10px;
}

.com-titre0{
background-color: #d7f7ef;
}

.com-titre1{
background-color: #8bbfff;
}

p.com-date,
p.com-site{
background-color: #e4dff7;
border-left: 1px solid #332e44;
color: #6e858c;
font-size: x-small;
margin: 0 0 0 6px;
padding: 2px 5px;
}

p.com-site,
.com-corps{
border-left: 1px solid #332e44;
border-top: 1px solid #6e858c;
}

.com-auteur{
border-left: 1px solid #6e858c;
padding-left: 5px;
}

.com-corps{
background-color: #fff;
border-left: 1px solid #332e44;
color: #184653;
margin-left: 6px;
padding: 2px 0 0 5px;
}

.com-new{
border-top: 30px solid #fff;
}

.repondre{
background: #fff;
border-top: 1px solid #adb8ca;
margin: 5px 0 0 0;
}

.repondre a{
border-left: 1px solid #7b3349;
border-right: 1px solid #7b3349;
color: #7b3349;
margin: 0 30px 0 380px;
padding: 0 10px;
width: 5em;
}

/* ===	=Fiche =PageLibre === */

/*  ligne et colonnage */

.ligne{
clear: left;
margin: 0;
}

.premiere_ligne{
background: none;
border: 0;
padding-top: 0;

}

.colonne{
float: left;
}

.colonne_deco{
margin-right: 10px;
padding: 0 0 15px 10px;
}

/* Fix Toolbox */
.colonne_deco * li div{
display: inline;
}

.derniere_colonne .colonne_deco{
margin-right: 0;
}

.premiere_colonne .colonne_deco{
border: 0;
padding-left: 0;
}

/* styles de paragraphes */

.sansstyle{
margin-top: 1em;
}

.style1{
font-size: 1.1em;
background: url(img/ligne.png) repeat-x 0 bottom;
padding-bottom: 1em;
margin: 0 0 1em 0;
}

.style1 h3{
color: #a85417;
font-size: 1em;
margin:0.5em 0;
}

/* === */

.style2{
margin: 0 0 1em 0;
}

.style2 h3{
color: #e08900;
font-size: 1.65em;
font-weight: 500;
margin:0 0 0.3em 0;
}

.style2 .style2_contenu{
font-family: arial, sans-serif;
line-height: 150%;
}

.style3{
background-color: #dfe9ec;
padding: 0.7em 1.2em 1.2em 1.2em;
border-left: 3px double #6491A2;
margin: 0 0 1em 0;
border-bottom: 1px solid #fff;
position: relative;
}

.style3 h3{
color: #253f5c;
font-size: 1.2em;
margin: 0 0 0.5em 0;
}

.style3 .style3_contenu{
font-family: arial, sans-serif;
font-size: 1em;
}

.style3 .style3_contenu a{
background:none;
}

/* === Thème recherche avancée === */

ul#themes_recherche_avancee{
margin: 1em 0 0 1em;
font-size: 1.1em;
list-style-type: square;
color: #7f91a9;
}

ul#themes_recherche_avancee li{
margin: 0 0 0.5em 0;
width: 9em;
}

ul#themes_recherche_avancee li:hover{
color: #fa5800;
}

/********************************
=Fiche =Recherche_avancee
********************************/

body.recherche #contenu_deco3{
padding: 0;
}

body.recherche h2 span#vous_recherchez{
color: #f28d00;
font-size: 0.7em;
display: block;
}

form#recherche_avancee{
background: #b9ccd3 url(img/recherche_avancee.png) no-repeat 0 bottom;
border-bottom: 1px solid #fff;
}

form#recherche_avancee p#total_resultats{
background:#d9e4e8;
padding: 0.5em 1em;
margin: 0;
font-weight: 700;
font-size: 1.2em;
position: relative;
}

form#recherche_avancee p#total_resultats a{
background: transparent;
}

#recherche_avancee_deco{
padding: 1em 0.8em 0.5em 0.8em;
}

body.recherche #contenu_deco3 h3{
font-weight: 500;
font-size: 1.7em;
margin-left: 10px;
}

form#recherche_avancee td{
vertical-align: top;
}

form#recherche_avancee p{
margin: 0.5em 0;
}

form#recherche_avancee fieldset{
/*border: 2px solid #d9e4e8;*/
border: 2px solid #fff;
margin:0 0.2em 1em 0.2em;
}

form#recherche_avancee fieldset#localisation label{
display: block;
float: left;
width: 75px;
}

form#recherche_avancee fieldset#localisation select{
width: 210px;
}

form#recherche_avancee fieldset div.fieldset_deco{
padding: 0.5em;
}

form#recherche_avancee legend{
background-color: #fff;
/*border: 1px solid;*/
font-size: 0.9em;
font-weight: 700;
text-transform: uppercase;
display: none;
}

body.recherche form#recherche_avancee h3{
color: #034766;
background-color: #fff;
/*font-family: arial, sans-serif;*/
font-weight: 700;
margin: 0;
font-size: 1em;
text-transform: uppercase;
padding: 0.1em 0.5em;
}

#recherche_avancee label{
/*background-color: #fff;*/
font-weight: 700;
/*float: left;
display: block;
margin-right: 3px;
width: 180px;*/
}

#recherche_avancee input,
#recherche_avancee select{
color: #6e91ad;
border: 1px solid;
padding: 0;
margin: 0;
}

#recherche_avancee select{
font-size: 0.9em;
font-family: verdana, sans-serif;
}

#recherche_avancee  p#validation_aide_cartographique{
margin-left: 50%;
}

#recherche_avancee input.ok{
background: #fff url(img/recherche_avancee_ok.png) no-repeat 0 0;
border: 0;
color: #253f5c;
font-family: "Trebuchet MS", sans-serif;
height: 22px;
padding-left: 10px;
width: 238px;
}

#recherche_avancee p#validation_aide_cartographique a{
background: transparent url(img/aide_cartographique.png) no-repeat 0 0;
color: #253f5c;
display: block;
padding-left: 17px;
margin: 5px 0 0 5px;
text-decoration: none;
font-size: 0.95em;
}

p#ajouter_elements{
background: url(img/ajouter_elements.png) no-repeat 0 0;
padding: 2px 0 5px 30px;
margin: 0 0 1em 10px;
}

p#ajouter_elements em{
border: 1px solid #ffb528;
font-style: normal;
padding: 1px 5px;
}

p#ajouter_elements a{
font-weight: 700;
}

body.recherche div.ligne_deco{
background: url(img/ligne.png) no-repeat 0 0;
}

body.recherche table.#resultats table{
margin-left: 10px;
margin-right: 10px;
width: 537px;
}

form.liste_objet_tourin table{
	width: 530px; 
}

body.recherche form#resultats table thead,
form.liste_objet_tourin table thead{
display: none;
}

body.recherche form#resultats table a,
form.liste_objet_tourin table a,
body.carnet_voyage div#detail_carnet a{
text-decoration: none;
}

body.recherche form#resultats table td, 
form.liste_objet_tourin table td,
body.carnet_voyage div#detail_carnet table td{
vertical-align: top;
background-image: url(img/resultats_cellule.png);
background-repeat: repeat-x;
background-position: 0 bottom;
border-bottom: 1px solid #fff;
padding-bottom: 5px;
}

body.recherche form#resultats table,
body.recherche form#resultats td,
form.liste_objet_tourin table,
form.liste_objet_tourin td,
body.carnet_voyage div#detail_carnet table,
body.carnet_voyage div#detail_carnet td{
border-collapse: collapse;
border: none #fff;
}

/* 1ère colonne */

col#selectionner{
width: 20px;
text-align: center;
}

tr.pair td.selectionner{
background-color: #ffb528;
text-align: center;
}

tr.impair td.selectionner{
background-color: #ffe1A9;
text-align: center;
}

/* 2de colonne */

col#resultat_item{
}

td.resultat_item{
font-size: 1em;
width: 360px;
}

td.resultat_item p{
margin: 0;
padding: 0.5em 1em;
line-height: 110%;
}

form.liste_objet_tourin td.resultat_item p{
margin: 0;
padding: 0.5em 0em;
line-height: 110%;
}

td.resultat_item a{
font-weight: 700;
font-size: 1.4em;
line-height: 120%;
}

/* 3e colonne */

td.reserver_ajouter{
width: 160px;
margin-right:10px;
}

body.recherche form#resultats td.reserver_ajouter ul,
form.liste_objet_tourin td.reserver_ajouter ul,
body.carnet_voyage div#detail_carnet td.reserver_ajouter ul{
border-right: 1px solid #d9e4e8;
list-style: none;
padding: 0;
}

td.reserver_ajouter li{
height: 23px;
}

td.reserver_ajouter li.reserver_en_ligne{
background: url(img/reserver_en_ligne.png) no-repeat 0 0;
border-bottom: 1px solid #becbd3;
padding-left: 27px;
}

td.reserver_ajouter li.ajouter_au_carnet{
background: url(img/ajouter_au_carnet.png) no-repeat 0 0;
padding-left: 27px;
}

td.reserver_ajouter li.suppression_carnet{
background: url(img/ajouter_au_carnet.png) no-repeat 0 0;
padding-left: 27px;
margin-top: 10px;
}

/* + + + + + + + + + + + + + + */

/*form#recherche_avancee{
border-top: 1px solid #7d7d7d;
width: 97%;
}

#recherche_avancee legend{
display: none;
}

#recherche_avancee p{
background-image: url(img/rech_bgd.gif);
border-bottom: 1px solid #7d7d7d;
border-left: 10px solid;
border-right: 1px solid #7d7d7d;
clear: both;
margin: 0;
overflow: auto;
padding: 0.5em 0;
}

#recherche_avancee label{
float: left;
font-weight: 700;
padding-left: 5px;
padding-right: 5px;
width: 125px;
}

#recherche_avancee label.no_float{
float: none;
}

#recherche_avancee .ChampSaisie{
max-width: 360px;
}

#recherche_avancee input.bouton{
background-color: #fff;
border: 1px solid #333;
font-size: xx-small;
padding: 2px;
}

#recherche_avancee p.boutons{
background-image: none;
border: 0;
text-align: right;
}

#recherche_avancee p.boutons input{
border: 1px solid #666;
font-size: 1em;
margin: 0 0 10px 10px;
padding: 2px;
}*/

/* page résultats de recherche  */

#precisions_resultats{
color: #6f8689;
font-weight: 700;
margin: 8px 10px;
}

ul.liste_resultats{
margin-top: 1em;
}

ul.liste_resultats li{
border-bottom: 1px solid #7d7d7d;
margin-bottom: 0.5em;
padding-bottom: 0.2em;
}

p#resultats_navigation{
border: 1px solid;
color: #5899e8;
font-size: 0.9em;
font-family: verdana, sans-serif;
padding: 0.2em;
text-align: center;
float: right;
margin: 1em 1em  1em 0;
}

p#resultats_navigation em{
font-weight: 700;
font-style: normal;
}

a.precedent,
a.suivant,
a.premier,
a.dernier{
margin: 0 0.1em;
text-decoration: none;
}

p#modifier_recherche{
color: #5899e8;
font-size: 0.95em;
text-align: right;
font-family: verdana, sans-serif;
margin: 0.5em 0 0 0;
}

/* === Listes d'affichage === */

ul.liste-documents li,
ul.liste-actualites li,
ul.liste-articles li{
border-top: 1px solid #fde499;
clear: left;
list-style-type: none;
margin: 0;
padding: 10px 0;
/*font-size: 1.1em;*/
}

.style3 ul.liste-documents li,
.style3 ul.liste-actualites li,
.style3 ul.liste-articles li{
border-top: 1px solid #fff;
}

ul.liste-documents li a,
ul.liste-actualites a,
ul.liste-articles a{
padding-left: 0;
}

ul.liste-documents li span,
ul.liste-actualites li span,
ul.liste-articles li span{
display: block;
}

ul.liste-documents em,
ul.liste-actualites em,
ul.liste-articles em{
font-size: 1.1em;
font-style: normal;
font-weight: 700;
margin: 0;
padding: 0;
}

ul.liste-documents a.telecharger-fichiers{
display: block;
}

ul.liste-documents span.soustitre-liste,
ul.liste-actualites span.soustitre-liste,
ul.liste-articles span.soustitre-liste{
font-size: 1.1em;
font-weight: normal;
}

ul.liste-documents span.date-liste,
ul.liste-actualites span.date-liste,
ul.liste-articles span.date-liste{
color: #f2951c;
font-family: arial, sans-serif;
font-size: 0.9em;
}

.style3 ul.liste-documents span.date-liste,
.style3 ul.liste-actualites span.date-liste,
.style3 ul.liste-articles span.date-liste{
color: #cd7b0c;
}

ul.liste-documents p,
ul.liste-actualites p,
ul.liste-articles p{
font-size: 1em;
margin: 0;
padding: 0;
}

ul.liste-pardefaut li{
list-style-type: disc;
}

ul.fluxrss li{
list-style-type: none;
}

ul.fluxrss li span{
display: block;
}

.img-liste{
clear: left;
float: left;
margin: 0 10px 0 0;
}

ul.liste-articles span.redac-liste{
color: #332e44;
font-size: 110%;
font-style: italic;
}

/* === =Contexte =Fiche =Collaboratif =Gestion === */

/* == layout du collaboratif ==*/


.collaboratif #navigation ul,
.collaboratif #navigation ol{
list-style: none;
}

.collaboratif .ligne{
border: 0;
}

/* === end layout === */


/*** styles du collaboratif ***/

/*** Zone Centrale ***/
.collaboratif .conteneursousparagrapheaccueil{
float: left;
margin-top: 2em;
padding-right: 3%;
width: 45%;
}

.collaboratif .colonne{
margin-top: 2em;
width: 95%;
}

.collaboratif .conteneursousparagraphealbum{
float: left;
margin-top: 2em;
width: 95%;
}

.collaboratif .menu_secondaire_deco2,
.collaboratif .menu_secondaire_deco1{
background-image: none;
}

/****** Home - Tribu ****/

#responsables{
color: #000;
font-size: 1em;
font-style: italic;
margin: 0 0 15px 0;
}

/* Titres des Services */
h3.service{
background: url(img/escalier.gif) no-repeat 49% 0;
clear: both;
font-size: 110%;
font-weight: 700;
padding: 0.3em 60% 0.3em 10px;
position: relative;
}

/* Titres page tribu */
.conteneursousparagrapheaccueil h3.service{
background: url(img/escalier.gif) no-repeat 47% 0;
margin-bottom: 0;
}

/* Titre requeteur */
h3.service2{
background: url(img/escalier2.gif) no-repeat 49% 100%;
}

/*** Menus du Collaboratif ****/
#espace{
padding: 1em 10px 1em 20px;
}

#navigation #espace h3{
font: 700 140% arial,verdana, sans-serif;
margin: 0;
}

p#logo_espace{
float: right;
}

.collaboratif #navigation ul{
line-height: 1.4;
margin: 1em 10px 1em 20px;
} 

/* Liste de mes espaces */

.collaboratif #navigation select,
.collaboratif #navigation label{
margin: 0.5em 0 0.5em 20px;
}

.collaboratif #navigation select{
font-size: 90%;
width: 120px;
}

form#liste_espaces input.valider{
height: 20px;
padding: 0;
vertical-align: text-bottom;
}

/* ====================
Fiches collaboratives
==================== */

.contenu_liste{
margin: 1em 0 1em 0;
padding: 0;
}

div.contact{
color: #37535b;
}

h3.contact{
font: normal 1.4em/1.1  verdana, arial, sans-serif;
font-weight: 500;
}

ul.list_collab li{
margin: 0 0 0.4em 0;
}

table.list_collab{
border: 1px solid;
width: 100%;
}

table.list_collab td{
width: 25%;
}

table.list_collab th{
text-align: left;
}

.publie_news{
color: #332e44;
font-size: 85%;
margin: 0;
padding: 2px 0;
}

#para_doc{
color: #000;
margin-bottom: 0.7em;
margin-top: 0.7em;
}

/* photo album */
.pagination_album{
clear: both;
padding-top: 20px;
text-align: center;
}

.slide-mount{
background-color: #eee;
border: 1px solid #332e44;
float: left;
height: 200px;
margin: 23px 8px 0 8px;
text-align: center;
width: 200px;
}

.slide-mount img{
cursor: pointer;
}

.ligne-photo{
clear: left;
}

.ligne-photo{
float: left;
}

.last-photo{
margin-right: 0;
}

.slide-mount img{
border: 1px solid #737373;
}

#verrou{
color: #f00;
margin-top: 10px;
text-align: center;
}

/* ****** Menu collab a gauche ******** */

#menu_collab{
background-color: #f5f5f5;
border: 1px solid #a5b3c1;
border-bottom: 0;
margin: 40px 0 10px 0;
width: 100%;
}

#menu_collab ul{
line-height: normal;
list-style: none;
text-align: right;
}

#menu_collab li{
border-bottom: 1px solid #a5b3c1;
}

#menu_collab a{
border-bottom: 2px solid #eee;
border-top: 2px solid #fff;
color: #AE3F76;
display: block;
font-size: 100%;
font-weight: 700;
padding: 3px 5px;
}

#menu_collab_2{
background-color: #f5f5f5;
border: 1px solid #a5b3c1;
border-bottom: 0;
margin: 10px 0 10px 0;
width: 100%;
}

#menu_collab_2 ul{
line-height: normal;
list-style: none;
text-align: right;
}

#menu_collab_2 li{
border-bottom: 1px solid #a5b3c1;
}

#menu_collab_2 a{
border-bottom: 2px solid #eee;
border-top: 2px solid #fff;
color: #49737f;
display: block;
font-size: 100%;
font-weight: 700;
padding: 3px 5px;
}

/* ********** =Formulaires de =Gestion ********* */

/* Espacement */
.gestion p,
.gestion div{
margin: 0.5em 0;
}

form.gestion p{
margin: 0;
}

/* pour que l'arborescence du document s'affiche correctement */
.gestion div.dtree div{
margin: 0;
}

.gestion div.toolbox div{
border: 0;
margin: 0;
padding-top: .5em;
}

.gestion div.liste_multivaluee table{
border: 0;
border-collapse: separate;
margin: 0;
padding: 0;
width: auto;
}

.gestion div.liste_multivaluee td{
border: 0;
padding: 5px;
vertical-align: top;
}

.gestion div.liste_multivaluee select{
width: 200px;
}
.gestion div.liste_multivaluee option{
width: 200px;
}

.gestion .preliminaire{
margin: 0 0 3em 0;
}

.gestion .champ-texte,
.gestion label, 
.gestion span{
padding: 2px;
}

.gestion iframe{
width: 450px;
} /* taille de la toolbox */

/* Messages d'erreurs et autres */
#msg-alerte,
#msg-erreur,
#msg-confirmation{
float: none;
font-weight: 700;
padding: 0.5em;
text-align: center;
width: auto;
}

#msg-alerte{
background-color: #ffb622;
}

#msg-erreur{
background-color: #f11b03;
color: #fff;
}

#msg-confirmation{
background-color: #fff;
color: #000;
font-weight: 500;
}

#msg-confirmation a{
color: #000;
}

#msg-alerte a,
#msg-erreur a{
color: #fff;
}

/* Typo */
.gestion{
font-size: 1.1em;
}

.gestion input,
.gestion textarea{
font-size: 1em;
}

.gestion,
.gestion div,
.gestion p,
.gestion label, 
.gestion span, 
.gestion .preliminaire, 
.gestion iframe,
.gestion textarea,
.gestion select,
.bouton{
color: #000;
font-family: verdana, arial, sans-serif;
}

.gestion .obligatoire{
color: #f11b03;
}

.gestion span.msg-aide{
color: #666;
font-size: .9em;
}

.gestion .champ-texte,
.gestion iframe,
.gestion textarea{
border-color: #666 #ccc #ccc #666;
border-style: solid;
border-width: 1px;
}

.bouton{
border-color: #ccc #666 #666 #ccc;
border-style: solid;
border-width: 1px;
cursor: pointer;
margin: 0;
padding: 0.2em 0.5em;
}

.bouton:hover{
text-decoration: none;
}

.gestion .champ-texte:focus,
.gestion select:focus,
.gestion input:focus{
background: #ffc;
}

.gestion #valider-formulaire{
border-top: 1px solid #666;
float: none;
padding-top: 1em;
text-align: center;
}

.gestion input.readonly{
border: 0;
}

.gestion input.readonly:focus{
background: transparent;
}

form.gestion fieldset{
background-color: #f7f7f7;
border: 0;
clear: left;
margin-top: 1em;
padding-left: 0.5em;
width: 100%;
}

form.gestion fieldset legend{
color: #ff5715;
font-size: 1.1em;
font-weight: 700;
}

/*** Mode Colonne 
a gauche on a ou bien des label, des span.libelle
a droite on a des label.bouton
***/

.en-colonne label.label-bouton{
display: inline;
float: none;
}

.en-colonne label,
.en-colonne span.libelle, /* doit se comporter comme un label */
.en-colonne .multi-col span{
float: left;
font-weight: 700;
width: 200px;
}

#encadres .en-colonne span.libelle,
#encadres .en-colonne label,
#encadres .en-colonne .multi-col span{
float: none;
}

.en-colonne .colonne-droite{
clear: none;
float: none;
margin: 0;
padding-left: 135px;
width: auto;
}

.en-colonne label.label-bouton,
.en-colonne label .msg-aide{
font-weight: normal;
}

.gestion label.date-jour,
.gestion label.date-mois,
.gestion label.date-annee{
display: inline;
float: none;
margin-right: 5px;
}

.en-colonne div,
.en-colonne p{
clear: left;
float: left;
}

.en-colonne div,
.en-colonne p{
margin-left: 0;
margin-right: 0;
padding-left: 0;
padding-right: 0;
width: 100%;
}

.en-colonne div.toolbox p,
.en-colonne div.toolbox div{
clear: none;
float: none;
}

.en-colonne .multi-col table{
border: 0;
margin-left: 0;
padding-left: 0;
width: auto;
}

.en-colonne .multi-col table tr{
border: 0;
}

.en-colonne .multi-col table td{
border: 0;
line-height: 1.5;
padding-left: 0;
}

.en-colonne .multi-col table td *{
vertical-align: middle;
}

.en-colonne table label{
float: none;
width: auto;
}

.en-colonne .multivalue table{
background: #eee;
}

.en-colonne .multivalue table td{
padding: 15px;
}

.en-colonne .multivalue table .champ-texte{
width: 150px;
}

.en-colonne .multivalue select{
height: 108px;
width: 350px;
}

#liste-fichier{
clear: none;
float: left;
margin-top: 0;
width: 30%;
}

#liste-fichier input{
margin-bottom: 4px;
}

#inner-fichier{
margin: 0;
padding: 0;
}

/*** Nb Resultats par page ***/

.gestion #resultats_par_page input.champ-texte{
width: 3em;
}

/** Tableau de Bord - Ecran de =Gestion **************/

.gestion table,
.gestion th,
.gestion td {
font-family: verdana, arial, sans-serif;
font-size: 100%;
}

.gestion table{
border-collapse: collapse;
border-top: 1px solid #ccc;
line-height: 1.3;
margin: 1em 0;
width: 100%;
}

.gestion .conteneursousparagrapheaccueil table{
margin-top: 0;
}

.gestion th{
color: #332e44;
text-align: left;
}

.gestion th a{
color: #332e44;
text-decoration: underline;
}

.gestion td,
.gestion th{
padding: 3px 10px;
vertical-align: text-top;
}

.gestion tr {
border-bottom: 1px solid #ccc;
}

.gestion .odd td{
background-color: #d2e0e2;
}

.gestion .even td{
background-color: #fff;
}

.gestion table img{
border: 0;
vertical-align: bottom;
}

.gestion table.layout td img{
border: 0;
vertical-align: bottom;
}

/*** Liste horizontale de liens ***/

p#tableau_ajout{
float: none;
}

.liste-horizontale,
.liste-horizontale li{
margin: 0;
padding: 0;
}

ul.liste-horizontale{
list-style-type: none;
padding-left: 0 !important;
}

ul.liste-horizontale li{
display: inline;
}

.liste-horizontale li a{
border-right: 1px solid #ccc;
margin: 0 5px 0 0;
padding: 0 5px 0 0;
}

/*.liste-horizontale li:first-child  a{
border-left: 0;
margin-left: 0;
padding-left: 0;
}*/

/* =commentaires =collaboratif */

body.collaboratif .com-outer{
margin-top: 15px;
}

/* ecran preferences utilisateur */

form#preferences_utilisateur fieldset{
background: #fff;
border-bottom: 2px solid #eee;
margin-bottom: 1.5em;
padding-bottom: 1em;
}

form#preferences_utilisateur legend{
background: #fff;
color: #f16d15;
display: block;
font-size: 1.1em;
font-weight: 700 !important;
margin-bottom: 0.5em;
}

/* === Ecrans carnet de voyage === */

/* pour annuler comportement en-colonne */
body.carnet_voyage .en-colonne div,
body.carnet_voyage .en-colonne p{
float: none;
clear: none;
}

body.carnet_voyage #contenu_deco3 fieldset{
margin-top: 1.5em;
}

body.carnet_voyage #contenu_deco3 legend{
font-weight: 700;
font-size: 1.2em;
}

body.carnet_voyage #contenu_deco3 p{
margin: 1em 0 0 0
}

body.carnet_voyage #contenu_deco3 label{
width: auto;
float: none;
display: block;
}

body.carnet_voyage #contenu_deco3 input.ChampSaisie,
body.carnet_voyage #contenu_deco3 textarea{
border: 1px solid #ffa516;
width: 350px;
}

body.carnet_voyage #contenu_deco3 p.boutons{
text-align: right;
float: none;
clear: none;
margin: 1em 0 0 0;
width: 350px;
}

body.carnet_voyage #contenu_deco3 input.valider{
background: #fff;
border: 1px solid #ffa516;
color: #3c649b;
font-size: 1em;
font-weight: 700;
font-family: arial, sans-serif;
padding: 0;
margin: 0	
}

body.carnet_voyage p#champs_obligatoires{
}

body.carnet_voyage div#detail_carnet table{
	width: 500px;
}

body.carnet_voyage div#detail_carnet td.resultat_item p{
margin: 0;
padding: 0.1em 1em;
line-height: 110%;
}

ul#carnet_voyage_contenu{
}

/* === */

p#carnet_gestion{
text-align: right;
margin: 0.5em 1em;
}

/* === Ecran envoi à un ami === */

#envoi_ami{
padding: 15px;
}

#envoi_ami em{
font-style: normal;
font-weight: 700;
}

#envoi_ami label{
clear: left;
float: left;
padding-right: 5px;
text-align: right;
width: 180px;
}

#envoi_ami input,
#envoi_ami textarea{
border: 1px solid #a2b8ca;
}

#envoi_ami input:focus,
#envoi_ami textarea:focus{
border: 1px solid #f29b22;
background-color: #f7f9fc;
}

form#envoi_ami .valider{
margin-left: 187px
}

form#envoi_ami .valider input{
color: #fff;
background: #f90;
border: 1px solid #f90;
font-size: 1em;
font-weight: 700;
padding: 0 0.2em;
}

form#envoi_ami .valider input:hover{
color: #f90;
background: #fff;
border: 1px solid #f90;
}

/* ====================
= Bloc =Portlet =JSR
==================== */

.portlet-titre,
.style1 .portlet-titre,
.style2 .portlet-titre,
.style3 .portlet-titre,
.sansstyle .portlet-titre{
background-color: #332e44;
color: #ffb622;
margin: 0;
padding: .5em 5px;
}

.portlet-actions{
background-color: #fff;
border: solid #332e44;
border-width: 0 1px 1px 1px;
font-size: 95%;
height: 18px;
margin: 0;
padding: 1px 5px;
}

.portlet-actions a,
.portlet-actions span{
float: left;
height: 0;
overflow: hidden;
padding: 17px 2px 0 2px;
width: 11px;
}

.portlet-actions a:hover{
text-decoration: none;
}

.portlet-edit{
background: url(/adminsite/portal/img/edit.gif) no-repeat 50% 50%;
}

.portlet-help{
background: url(/adminsite/portal/img/help.gif) no-repeat 50% 50%;
}

.portlet-view{
background: url(/adminsite/portal/img/view.gif) no-repeat 50% 50%;
}

.portlet-actions .portlet-max{
background: url(/adminsite/portal/img/max.gif) no-repeat 50% 4px;
float: right;
}

.portlet-actions .portlet-min{
background: url(/adminsite/portal/img/min.gif) no-repeat 50% 4px;
float: right;
}

.portlet-actions .portlet-nor{
background: url(/adminsite/portal/img/norm.gif) no-repeat 50% 4px;
float: right;
}

.portlet-contenu,
.portlet-contenu table,
.portlet-contenu td{
font-size: 1em;
}

.portlet-contenu{
border: solid #332e44;
border-width: 0 1px 1px 1px;
overflow: auto;
padding: 0.4em 5px;
}

/* === Pagination pour album === */

.pagination{
text-align: center;
}

.pagination img{
border: 0;
margin: 0 5px;
vertical-align: baseline;
}

.pagination{
font-weight: 700;
}

.pagination a,
.pagination a:hover{
font-weight: normal;
text-decoration: none;
}

ul#fonctions_pratiques{
list-style: none;
padding: 0;
margin: 0;
position: absolute;
top: 1px;
right: 1px;
}

ul#fonctions_pratiques li{
margin: 0 0 1px 0;
}

/* === rédacteur - date modif - contact rubrique === */

#redacteur,
#date_modification,
#contact_rubrique{
margin: 0;
text-align: right;
}

#redacteur{
margin-top: 0.5em;
clear: both;
}

/************************
=Bloc =Encadres
*************************/

div#encadres{
float: left;
font-family: arial, sans-serif;
font-size: 0.95em;
width: 245px;
line-height:16px;
}

div#encadres a{
color: #f28d00;
text-decoration:none;
}

div#encadres a:hover{
color: #fa5800;
text-decoration: underline;
}

.collaboratif div#encadres{
display: none;
}

/* Carnet Voyage */

#mon_carnet_voyage{
background: #3c649b url(img/mon_carnet_voyage.png) no-repeat 7px 7px;
color: #fff;
height: 100px;
height: 10em;
padding: 10px 5px 0 60px;
}

#mon_carnet_voyage h3{
margin: 0;
}

#mon_carnet_voyage a{
background: transparent;
color: #fff;
font-weight: 700;
text-decoration: none;
}

#mon_carnet_voyage a:hover{
color: #fff;
text-decoration:none;
}

#mon_carnet_voyage ul{
width: 120px
}

#mon_carnet_voyage li{
list-style-type:none;
background: url(img/mon_carnet_de_voyage_item.png) no-repeat right 50%;
}

a#mon_carnet_voyage_aide{
float:left;
display:block;
background: url(img/mon_carnet_de_voyage_aide.png) left top no-repeat;
width:41px;
height:17px;
text-align:center;
padding-top:0;
}

a#mon_carnet_voyage_voir{
float:left;
display:block;
width:99px;
height:17px;
text-align:center;
padding-top:0;
background: url(img/mon_carnet_de_voyage_ajouter.png) left top no-repeat;
margin-left:4px;
}

/* Reserver */

#reserver{
background: #3c649b;
border-top: 1px solid #fabb00;
border-bottom: 1px solid #fabb00;
margin-bottom: 1em;
}

/* Click to Call */

#click_to_call{
border-bottom: 1px solid #a3afc1;
margin: 0 1px 1em 0;
padding: 0 0 1em 0;
text-align: center;
}

#click_to_call p{
color: #004c9a;
font-size: 1.1em;
margin: 0;
}

/*
4 types d'encadres: 
- Generique
- De rubrique
- De fiche
- De recherche contextuelle
*/

/* === encadres generiques === */

div.encadre_generique,
div.encadre_rubrique{
margin: 0 10px 1em 15px;
padding: 0 0 1em 0;
border-bottom: 1px solid  #a3afc1;
}

.encadre_generique h3,
.encadre_rubrique h3{
color: #034766;
margin: 0;
padding: 0.5em 5px 0 0;
}

.encadre_generique h3{
font-family:"Trebuchet MS", Arial, sans-serif;
font-size: 1.4em;
font-weight:500;
}

.encadre_rubrique h3{
background: url(img/enc_rub_titre_bottom.png) repeat-x 10px bottom;
padding-left: 0;
padding-bottom: 0.5em;
font-size: 1em;
font-weight: 700;
}

.encadre_generique_contenu,
.encadre_rubrique_contenu{
padding: 1em 0 0 0;
margin: 0;
}

.encadre_generique ul,
.encadre_generique ol,
.encadre_rubrique ul,
.encadre_rubrique ol{
margin: 10px 10px 0 15px;
}

/*** Fix Toolbox ***/
.encadre_rubrique ul div{
display: inline;
}

/* ------------------------------------------------
encadres de fiche, de navigation rubrique, automatique de fiche
------------------------------------------------ */

.encadre_fiche,
.encadre_auto_fiche,
.encadre_nav_auto,
.encadre_recherche{
border-bottom: 1px solid  #a3afc1;
margin: 0 10px 1em 15px;
padding: 0 0 1em 0;
}

.encadre_fiche h3,
.encadre_auto_fiche h3,
.encadre_nav_auto h3,
.encadre_recherche h3{
color: #034766;
font-size: 1em;
font-weight: 700;
margin: 0;
}

/*.encadre_fiche_contenu,
.encadre_auto_fiche_contenu,
.encadre_nav_auto_contenu,
.encadre_recherche_contenu{
}*/

.encadre_auto_fiche ul#telecharger{
margin: 0;
padding: 0;
}

.encadre_auto_fiche ul#telecharger li{
list-style-type: none;
}

/* Encadré Téléchargement de brochure */
p.brochure-download a{
text-align:center;
color: #fff;
padding: 2px 5px;
border: 1px solid #ffa415;
}

p.brochure-download{
text-align:center;
}

/* === Encadrés de recherche hôtel / camping / chambre === */

div#encadres div#Contenu{
border-bottom: 1px solid  #a3afc1;
/*margin: 0 5px 1em 10px;*/
margin: 0 0 1em 2px;
padding: 0 0 1em 0;
}

div#encadres div#Contenu h3{
background: #ffa415;
color: #fff;
font-size: 1.2em;
padding: 0.2em;
margin: 0;
}

div#encadres div#Contenu p{
margin: 0 0 1em;
}

div#encadres div#Contenu form fieldset{
position: relative;
background: #eee;
border: 1px solid #ffa415;
padding: 5px 3px;
margin-bottom: 5px;
}

div#encadres div#Contenu label{
font-weight: 700;
}

div#encadres div#Contenu input,
div#encadres div#Contenu select{
padding: 0;
}

div#encadres div#Contenu table{
border: 1px solid #eee;
border-collapse: collapse;
}

div#encadres div#Contenu table caption{
font-weight: 700;
text-align: left;
padding-bottom: 0.5em;
}

div#encadres div#Contenu p#calendrier1 select{
font-size: 1em;
margin-top: 0.2em;
}

div#encadres div#Contenu p#calendrier1 img{
vertical-align: middle;
}

/* === Type de fichier-joint === */

ul#fichiersjoints{
margin: 0.5em 0 0 0;
padding: 0;
position: relative;
}

ul#fichiersjoints li{
display: inline;
list-style-type: none;
position: relative;
}

a.pdf, a.doc, a.xls, a.ppt,
a.sxw, a.sxc, a.sxi, a.image, a.defaut{
background-color: transparent;
background-position: 100% 50%;
background-repeat: no-repeat;
display: block;
margin: 0;
padding: 3px 20px 3px 0;
}

a.pdf{
background-image: url(img/pictos/pdf.png);
}

a.doc{
background-image: url(img/pictos/msword.png);
}

a.xls{
background-image: url(img/pictos/msexcel.png);
}

a.ppt{
background-image: url(img/pictos/mspowerpoint.png);
}

a.sxw{
background-image: url(img/pictos/ooo_texte.png);
}

a.sxc{
background-image: url(img/pictos/ooo_classeur.png);
}

a.sxi{
background-image: url(img/pictos/ooo_presentation.png);
}

a.image{
background-image: url(img/pictos/image.png);
}

a.defaut{
background-image: url(img/pictos/defaut.png);
}

/* ===================
encadres de recherche
==================== */

.encadre_recherche label{
display: block;
font-size: x-small;
}

.encadre_recherche legend{
display: none;
}

.encadre_recherche .champ-saisie{
border: 1px solid #332e44;
width: 110px;
}

.encadre_recherche select{
border: 1px solid #332e44;
width: 150px;
}

.encadre_recherche a img{
vertical-align: middle;
}

.encadre_recherche input,
.encadre_recherche select{
font-size: xx-small;
}

.encadre_recherche input{
padding: 2px 1px;
}

.encadre_recherche p.parcourir input.champ-saisie{
width: 75px;
}

.encadre_recherche p.parcourir input.valider{
padding: 1px 0;
}

.firstencadre{
border: 0;
}


/* ====================
=Bloc =Pied de Page
==================== */

#pied_page{
background: #061128 url(img/pied_page.png) no-repeat 0 0;
clear: both;
color: #fabb00;
font-family: arial, sans-serif;
font-size: 0.95em;
height: 73px;
position: relative;
}

ul#acces_pratiques{
color: #666;
display: inline;
list-style: none;
position: absolute;
top: 8px;
left:10px
}

ul#acces_pratiques li{
display: block;
float: left;
padding: 20px 0.8em 0 0.8em;
background:red;
}

ul#acces_pratiques li:hover{
color: #fff;
}

#acces_pratiques a{
background-color: transparent;
color: #666;
text-decoration: none;
}

#acces_pratiques a:hover{
color: #fff;
}

/* === */

#acces_pratiques li#haut_page{
background: url(img/haut_page.png) no-repeat 50% 0;
}

#acces_pratiques li#imprimer{
background: url(img/imprimer.png) no-repeat 50% 0;
cursor: pointer;
}

#acces_pratiques li#contact{
background: url(img/contact.png) no-repeat 50% 5px;
}

#acces_pratiques li#accessibilite{
background: url(img/accessibilite.png) no-repeat 50% 0;
}

#acces_pratiques li#goodies{
background: url(img/goodies.png) no-repeat 50% 0;
}

#acces_pratiques li#mentions_legales{
background: url(img/mentions_legales.png) no-repeat 50% 0;
}


/* =Adresse bas de page ===*/

#pied_page address{
font-style: normal;
position: absolute;
left: 490px;
line-height: 160%;
top: 5px;
}

#pied_page address a{
background-color: transparent;
color: #fff;
text-decoration: none;
}

/* ===*/

p#liens_pratiques{
display: none;
margin: 0 0 0 20px;
}

p#liens_pratiques a{
color: #fff;
}

p#liens_pratiques a.rss{
background: url(img/rss.png) no-repeat 0 50%;
padding-left: 17px;
}

/* ===== =Contexte =Popup ===== */

body.popup{
background: #fff none;
padding: 10px;
}

.popup h3{
color: #000;
}

/* ===== Newsletter ===== */

body.newsletter{
background: #fff none;
}

body.newsletter p#affichage_incorrect{
width: 750px;
margin: 0.5em auto;
font-weight: 700;
}

body.newsletter p#affichage_incorrect a{
color: #f00;
}

body.newsletter table{
font-size: 11px;
}

body.newsletter #page{
background: #fff url(img/page_newsletter.png) no-repeat center bottom;
width: 750px;
padding: 0;
margin: 0 auto;
margin-bottom: 2em;
}

body.newsletter div#pieces_jointes{
margin: 0 10px;
}

body.newsletter div#pieces_jointes h2{
font-size: 1.5em;
font-weight: 500;
border-top: 2px solid #6491a2;
padding: 0.5em 1em;
margin-top: 1em;
}

body.newsletter address{
color: #fabb00;
font-style: normal;
font-family: arial, sans-serif;
height: 65px;
padding: 8px 0 0 297px;
line-height: 150%;
}

/* ===========================
Styles Handicap Atalan
=========================== */
.handi_txtorange {
color: #ff8c00;
font-weight: bold;
}

.handi_txtjustifie {
text-align:justify;
padding-right: 2.2em;
}

.style3 dt
{
font-weight: bold;
}


.style3 dl
{
font-weight: normal;
}


.style3_contenu img
{
padding: 0.2em 0.2em 0.2em 0.2em;
vertical-align: middle;
}