@import "briens_form.css";
@import "ombres-photos.css";


/* Styles généraux */

    body {
        font : 0.85em/130% Verdana, "Lucida Grande", Lucida, Tahoma, "Trebuchet MS", Arial, Geneva, Helvetica, Sans-Serif;
        color : #000;
        padding : 0;
        margin : 0;
    }


p, h1, h2, h3, h4, h5, h6, div,
legend, fieldset, table, tr, td,
ul, ol, li, dt, dl, dd, img, form, map, area {
    margin 				: 0;
    padding 			: 0;
}

img {
    border				: 0;
}

html{
    overflow-x: auto; /* fixes MSIE scrollbar bug DO NOT REMOVE, has no effect in Mozilla, or Opera */
}

body {
    text-align : center;
    background : #B5B3B4 url(../images/body_bg.jpg) repeat-x;
}

a, a:link, a:active {
    color : #287D16;
}

a:hover {
    color : #000;
}

.no-pict-box {
    float : left;
    width : 90px;
    height : 110px;
    background : #e5e5e5;
    font-size : .8em;
    color : #444;
    text-align : center;
    padding : .6em;
    line-height : 100px;
    overflow : hidden;
}


.spacer {
    clear 				: both;
    visibility 			: hidden;
    margin 				: 0;
    padding 			: 0;
    width 				: 0;
    height 				: 0;
    overflow			: hidden;
}

*html .spacer {
    display 			: inline;
}

/* Styles des textes */

.contentzone h2 {
    position 			: relative;
    color 				: #0A55A2;
    font-size 			: 1em;
    font-weight 		: bold;
    margin-left 		: 7px;
    margin-bottom		: 7px;
}

p.listeprix {
    margin-left 		: 7px;
    margin-bottom		: 7px;
    margin-right		: 10px;
}

.listeprix a, .listeprix a:link, .listeprix a:active {
    font-size			: 0.9em;
    color 				: #666;
    text-decoration		: none;
}

.listeprix a:hover {
    color 				: #287D16;
    text-decoration		: underline;
}


a.toutesphotos, a.toutesphotos:link, a.toutesphotos:active {
    color 				: #000;
    white-space 		: nowrap;
    text-decoration		: underline;
}

a.toutesphotos:hover {
    color 				: #287D16;
}

a.speciallink, a.speciallink:link, a.speciallink:active, a.speciallink:visited {

    line-height			: 12px;
    float				: left;
    font-size			: 10px;
    color 				: #6B6B6B;
    text-decoration		: none;
    margin-top			: 7px;
    padding-bottom		: 8px;
    padding-left		: 13px;
    margin-right		: 10px;
    background-image	: url(../images/link_arrow.gif);
    background-position	: 0 0px ;
    background-repeat	: no-repeat;
}


a.speciallink:hover {
    color 				: #287D16;
    text-decoration		: underline;
}


.reunionrow a.speciallink, .reunionrow a.speciallink:link, .reunionrow a.speciallink:active, .reunionrow a.speciallink:visited {
    float				: right;
    line-height			: 23px;
    background-position	: 0 center ;
    margin				: 0;
    padding-bottom		: 2px;
}

a.speciallink2, a.speciallink2:link, a.speciallink2:active, a.speciallink2:visited {

    line-height			: 20px;
    float				: right;
    font-size			: 0.8em;
    color 				: #6B6B6B;
    text-decoration		: none;
    padding-left		: 15px;
    padding-right		: 5px;
    margin-right		: 10px;
    margin-top			: 2px;
    background-image	: url(../images/link_arrow.gif);
    background-position	: 2px 4px ;
    background-repeat	: no-repeat;

    border				: 1px solid #e5e5e5;
    background-color	: #fff;

}


a.speciallink2:hover {
    border				: 1px solid #D9D9D9;
    color 				: #24685C;
    background-color	: #DFFFDD;
}


#recherche input.button {
    float				: left;
    width				: 120px;
    height				: 20px;

    font-size			: 0.9em;
    background-color	: #FFFFFF;
    border 				: 1px solid #C5C4C4;
    margin-bottom		: 10px;
    padding				: auto 3px auto 5px;

}

*html #recherche input.button {
    margin				: 0;
}

#recherche input.button:hover {
    border				: 1px solid #D9D9D9;
    color 				: #24685C;
    background-color	: #DFFFDD;
}

.textfield {
    width 				: 170px;
    background-color	: #f7f7f7;
    border 				: 1px solid #C5C4C4;
    margin 				: 2px 3px 6px 12px;
}


#recherche input.textfield {
    float 				: left;
    margin 				: 2px 9px 6px 12px;
    width 				: 172px;
}

#recherche input.textfield:focus {
    background-color	:#fff;
    border 				: 1px solid #348F23;
}

#recherche label {
    font-size 			: 10px;
    color     			: #5F5F5F;
}


#recherche p {
    margin : 0 0 0 0.4em;
}

#recherche a, #recherche a:link, #recherche a:active {
    float				: left;
    color 				: #287D16;
    font-size 			: 0.8em;
    line-height 		: 22px;
    margin-left 		: 5px;
}

#recherche a:hover {
    color 				: #000;
}


.hidden, a.hidden, a.hidden:link, a.hidden:hover,
a.hidden:active, a.hidden:visited,
a .hidden, a:link .hidden, a:hover .hidden,
a:active .hidden, a:visited .hidden,
span.hidden, a span.hidden {

    visibility			: hidden;
    text-decoration 	: none;
    margin 				: 0;
    padding 			: 0;
}


/* Affichage des erreurs
--------------------------------------------------*/

.errorbox {
    float: left;
    margin 			 	: 0;
    padding			 	: 5px;
    text-align		 	: left;
    width 			 	: 99%;
    background-color 	: #FED1AF;
    list-style			: none;
}

.errorbox ul {
    list-style			: none;
}

ul.catlist {
    list-style-position : inside;
    list-style-type		: circle;
}

.errorbox h4 {

    text-decoration 	: none;
    color 				: #000;
    font-weight			: bold;
    font-size			: 12px;

}


/*
-----------------------------------------------------*/



/* Styles réservés à la structure des blocs */

.special-date {
    float 				: left;
    width				: auto;
    margin-left 		: 10px;
    line-height 		: 23px;
    color				: #7a7a7a;
    font-size			: 0.8em;
    font-weight 		: normal;

}

#top {
    position			: relative;
    float				: left;
    width				: 760px;
    height				: 139px;
    background: url(../images/banniere_briensphoto.jpg) top left no-repeat;
}

#top.west-images {
    background-image	: url(../images/banniere_proto5.jpg);
}


a#top-logo {
    display				: block;
    float				: left;
    width				: 300px;
    height				: 110px;

}

#fullpage {
    text-align			: left;
    display				: block;
    width				: 760px;
    margin				: 0 auto 0 auto;
}

.centercontent {
    float 				: left;
    width				: 100%;
    background : #fff url(../images/briens_fake_side_bg.gif) repeat-y 510px 0; /* ce bg simule une colonne de droite */
}

/*
*html .centercontent {
    background-position : 497px 0;

}*/

.reunionlist {
    float 				: left;
    width				: 66%;
}

.reunionlist p.introduction {
    /*border				: 1px solid red;*/
    display				: block;
    margin				: 5px;
    font-size			: 0.9em;
    line-height			: 1.5em;
    padding				: 3px;
    color				: #666;
}

.reunionlist h1 {
    font-size			: 0.9em;
    /*font-weight			: bold;*/
    clear				: both;
    margin				: 10px 0 10px 10px;
    padding				: 3px;
    border-top			: 1px solid #666;
    letter-spacing		: 0.2em;
    color				: #666;
}

*html .reunionlist {
    width				: 63%;
}

.reunionrow {
    float 				: left;
    width				: 98%;
    background-color 	: #FAFAFA;
    margin				: 15px 1px 10px 5px;
}

/*
.portraitlist .reunionrow {
    width				: 80%;
}*/

.vignettezone, .fakeimg {
    float 				: left;
}

#rightpart {
    position : relative;
    float				: right;
    width				: 250px;
    margin-top          : -5px;
    overflow : hidden;
}


#recherche {
    float				: right;
    position			: relative;
    margin				: 0;
    width				: 100%;
    background	: #EBEBEB url(../images/find_corner_bl.gif) no-repeat bottom left;
}

#recherche form {
    display : block;
    float  : left ;
    clear : both;
    padding-bottom : 15px;
    width : 100%;
}

.findbutton {
    float				: left;
    width				: 98%;
    margin-left			: 9px;

}

*html .findbutton {
    margin				: 0;
    margin-left			: 3px;
    /*margin-bottom		: 5px;*/
}

/* sous IE 5 Mac la règle pour un affichage correct
est de toujours avoir une largeur de spécifiée.
Auto étant la valeur par défaut, on ne modifie donc pas l'affichage ailleurs.
*/
.decoboxtop, .decoboxbottom, .shadow1top, .shadow1bottom, .shadow2top, .shadow2bottom,
.shadow3top, .shadow3bottom, .shadow4top, .shadow4bottom {
    width 				: auto;
}

.vignettezone, .decoboxtop img, .decoboxbottom img,
.shadow1top, .shadow2top, .shadow3top, .shadow4top,
.fakeimg {
    position 			: relative;
}


/* Règles supplémentaires */
.fakeimgposition { margin-top : -82px; margin-left : -1px; }
.fakeimgposition2 { margin-top : -72px; margin-left : -1px; }

/* Modification pour IE6 */
*html .fakeimgposition { margin-left : 1px; }


/* Les règles ci-dessous ne s'appliquent qu'à IE 5.2 Mac */

/*\*//*/

.shadow1top, .shadow1bottom {
    width : 112px;
    margin-left : -1px;
}

.shadow2top, .shadow2bottom {
    width : 113px;
}

.shadow3top, .shadow3bottom {
    width : 114px;
}

.shadow4top, .shadow4bottom {
    width : 115px;
}

/**/




.infoszone {
    float 				: left;
    background-image	: url(../images/infos_bg.gif);
    background-position	: top left ;
    background-repeat	: repeat-y;
    background-color 	: #F8F8F8;
    margin				: -3px 0 3px 3px;
}

*html .infoszone {
    margin				: 0 0 3px 1px;
}

.infoszone2 {
    float 				: left;
    background-image	: url(../images/zone_infos_corner_bl2.gif);
    background-position	: bottom left ;
    background-repeat	: no-repeat;
    background-color 	: transparent;
    margin				: 0 0 0 0;
}


.shadowzone {
    float 				: left;
    background-color 	: #EBF1F7;
    width 				: 57%;
    background-image	: url(../images/zone_infos_corner_bl3.gif);
    background-position	: bottom left ;
    background-repeat	: no-repeat;
}

*html .shadowzone {
    width 				: 58%;
}



.souvenirzone {
    margin				: 0;
    display				: block;
    background-color 	: #F3F2F3;
    text-align			: center;
    width				: 100%;
}

.souvenircornertl {
    text-align			: center;
    display				: block;
    width				: 120px;
    margin 				: 1px auto 1px auto;
}

.souvenirbox {
    margin 				: 3px;
    display				: block;
    background-color 	: #8A8A8A;
}

.souveniretiquette {
    display				: block;
    width				: 100%;
    background-color 	: #8A8A8A;
    background-image	: url(../images/souvenirs_corner_br.gif);
    background-position	: bottom right ;
    background-repeat	: no-repeat;
}

.souveniretiquette h4, .souvenirbox p {
    display				: block;
    font-size 			: 0.9em;
    line-height 		: 1.1em;
    font-weight 		: normal;
    color 				: #fff;
}

.souveniretiquette h4 {
    line-height 		: 1.4em;
    border-bottom		: 1px solid #A0A0A0;
    background-color 	: #929292;
}

.souvenirbox p {
    border-top			: 1px solid #7F7F7F;
    margin 				: 0 auto 0 auto;
    font-weight 		: bold;
    background-image	: url(../images/souvenirs_corner_bl.gif);
    background-position	: bottom left ;
    background-repeat	: no-repeat;
}


.photopart {
    display				: block;
    margin 				: 1px auto 1px auto;
}

.photopart img {
    margin 				: 1px auto 1px auto;
}


.contentmargin {
    margin-top 			: 10px;
    margin-right 		: 10px;
}


.contentmargin p.deco, .editocontent div.deco {
    display				: block;
    float				: left;
    border				: 1px solid #f0f0f0;
    margin				: 0 5px 5px 5px;
    padding				: 0;
    width				: auto;
}

.editocontent div.deco {
    float				: right;
}

.contentmargin p.deco img, .editocontent div.deco img {
    display				: block;
    float				: left;
    border				: 2px solid white;
    margin				: 0;
    padding				: 0;
}


.editocontent {
    font-size			: 0.9em;
    line-height			: 1.5em;

    width				: 99%;
    background-color 	: #fff;
    float 				: left;
    display				: block;
    margin				: 0 3px 3px 3px;
    background-image	: url(../images/zone_infos_corner_bl.gif);
    background-position	: bottom left ;
    background-repeat	: no-repeat;
}

*html .editocontent {
    margin				: 0 2px 3px 0;
    width				: auto;
}

.editocontent img {
    float 				: right;
    margin 				: 7px;
}

.editocontent p {
    float				: left;
    font-size			: 0.9em;
    margin 				: 3px 4px 2px 7px;
    line-height			: 1.5em;
}

*html .editocontent p {
    float				: left;
    font-size			: 0.9em;
    margin 				: 3px 4px 2px 3px;
    line-height			: 1.5em;
}


p.likeedito {
    font-size			: 0.8em;
    line-height			: 1.4em;
    letter-spacing		: 0.05em;

    margin-bottom		: 1px;
    padding				: 0.5em;
    padding-left 		: 20px;
    width				: 94%;
    clear				: both;
}

p.likeedito a:link, p.likeedito a:active, p.likeedito a:visited {
       color 				: black;
    text-decoration		: none;
}


p.likeedito a:hover {
    color 				: #287D16;
    text-decoration		: none;
}




p.likeedito img {
    float 				: right;
    margin 				: 5px 6px 13px 4px;
}


p.legende {
    font-size			: 0.8em;
    font-style			: italic;
    color				: #666;
    line-height			: 1.6em;
    letter-spacing		: 0.01em;
    margin-left			: 1.5em;
    padding				: 0.1em;
    padding-bottom		: 8px;
    width				: 97%;
    clear				: both;
}

.editozone h3, .autresinfos h3, .nosphotoszone h3 {
    color 				: #0A55A2;
    font-size 			: 0.9em;
    font-weight 		: bold;
    margin-bottom		: 2px;
    margin-top			: 7px;
    padding-left		: 11px;
    line-height			: 18px;

    background-image	: url(../images/title_arrow.gif);
    background-position	: 0 6px ;
    background-repeat	: no-repeat;
}

*html .editozone h3, .autresinfos h3, .nosphotoszone h3 {
    background-position	: 0 7px ;
}



.autresinfos h3, .nosphotoszone h3 {
    position			: relative;
    left				: -1px;
    background-image	: url(../images/title_arrow2.gif);
    background-position	: 0 0px ;
    background-repeat	: no-repeat;
    z-index				: 4;

}

*html .autresinfos h3, *html .nosphotoszone h3 {
    float 				: left;
    background-position	: 0 1px ;
    z-index				: 3;
}

.autresinfos, .souvenirzone {
    float				: left;
    background-color 	: #F3F2F3;
    border-left			: 1px solid #E4E4E4;
    width				: 100%;
}
/*
*html .autresinfos {
    width				: 100%;
}*/


.rightzonefooter {
    float				: left;
    background-image	: url(../images/right_zone_footer.gif);
    background-repeat	: repeat-x;
    background-color 	: #fff;
    height				: 60px;
    width				: 100%;
}

*html .rightzonefooter {
    width				: 99%;
}


h3 {
    position 			: relative;
    z-index 			: 5;
}

.nosphotoszone, .formattarifszone, .prochainementzone, .souvenirzone, .photospulling {
    background : #EBEBEB url(../images/right_infos_bg_small.gif) repeat-x 0 0px;

    float				: left;
    width				: 99%;
    border-bottom		: 1px solid #fff;
    border-top			: 1px solid #EFEFEF;
    margin 				: 0;
    padding 			: 0;
    padding-bottom		: 4px;
}

.nosphotoszone {
    clear				: both;
}

.formattarifszone p {
    padding-left: 10px;
}


.nosphotoszone p {
    margin 				: 0;
    padding				: 0;
    float		 		: left;
    width 				: 50%;
    font-size 			: 0.8em;
    line-height			: 2em;
    letter-spacing		: 0.05em;
}

.photospulling p {
    padding-left		: 10px;
    float		 		: left;
    width 				: 97%;
    font-size 			: 0.8em;
    line-height			: 1.5em;
    letter-spacing		: 0.05em;
}


.prochainementzone p {
    font-size 			: 0.8em;
    line-height			: 1.7em;
    white-space 		: nowrap;
    letter-spacing		: 0.03em;
    clear				: both;
    padding-left		: 12px;
}

.prochainementzone {
    width				: 100%;
}

*html .prochainementzone {
    width				: 100%;
}

p.evecol1, p.evecol2 {
    font-size 			: 0.8em;
    line-height			: 1.4em;
    white-space 		: nowrap;
    letter-spacing		: 0.03em;
    width				: 100px;
}

p.evecol1 {
    float		 		: left;
    text-align			: left;
    margin-right		: 5px;
}

p.evecol2 {
    float		 		: left;
    text-align			: left;
}


p.alignright {
    text-align			: left;
    float 				: right;
}


.nosphotoszone h3 {
    float 				: left;
    width 				: 40%;
}

.nosphotoszone p {
    float				: left;
    margin-top			: 7px;
    margin-left			: 7px;
}


*html .nosphotoszone p {
    margin-left			: 0px;
}


.editozone {
    float 				: right;
    width				: 250px;
    margin-bottom 		: 3px;
    background-color 	: #fff;
    clear : both;
}

/*
*html .editozone {
    margin-bottom 		: -1px;
}
*/

.editoshadow2 {
    float 				: left;
    width				: 99%;
    background-color 	: #CDCEC9;
    margin				: 0 0 2px 2px;
    background-image	: url(../images/zone_infos_corner_bl2.gif);
    background-position	: bottom left ;
    background-repeat	: no-repeat;
}

*html .editoshadow2 {
    margin				: 0 0 2px 1px;
    width				: auto;
}

.editoshadow1 {
    float 				: left;
    width				: 100%;
    background-color 	: #EBF1F7;
    background-image	: url(../images/zone_infos_corner_bl3.gif);
    background-position	: bottom left ;
    background-repeat	: no-repeat;
    margin-bottom		: 0px;
}

.contentzone {
    float 				: left;
    text-align 			: left;
    margin 				: 0 0 0px 4px;
    background-color 	: #FAFAFA;
    width				: 100%;
    background-image	: url(../images/zone_infos_corner_bl.gif);
    background-position	: bottom left ;
    background-repeat	: no-repeat;
}

*html .contentzone {
    margin 				: 0 0 0px 2px;
}

.contentzone img {
    float 				: left;
    margin 				: 0 7px 0 7px;
}


.vignettezone, .vignettezone2 {
    float 				: right;
    background-color 	: transparent;
    width 				: 40%;
}

.vignettezone2 {
    float 				: left;
    display 			: block;
}


.vignettemargin {
    margin				: 0 auto 0 auto;
}

.decoboxtop img, .decoboxbottom img, .decoboxbottom2 img {
    border				: 1px solid #fff;
}

.decoboxtop img {
    z-index				: 4;
    display				: block;
}

.decoboxbottom img, .decoboxbottom2 img {
    z-index				: 3;
    display				: block;
}


.decoboxtop {
    float 				: right;
    width				: 116px;
    text-align			: right;
}

.decoboxbottom, .decoboxbottom2 {
    float 				: left;
    margin-top 			: -65px;
}

.decoboxbottom2 {
    margin-top 			: 0px;
}




/* --------------   Ombre CSS   -------------- */

.shadow1top, .shadow1bottom {
    border 				: 1px solid #DBDBDB;
}

.shadow1top, .shadow1bottom, .shadow2top, .shadow2bottom,
.shadow3top, .shadow3bottom, .shadow4top, .shadow4bottom {
    border-bottom 		: 1px solid #888888;
    border-right 		: 1px solid #888888;
}


.shadow2top, .shadow2bottom {
    border-bottom 		: 1px solid #B7B7B7;
    border-right 		: 1px solid #B7B7B7;
}

.shadow2top, .shadow3top, .shadow4top {
    margin-top 			: -1px;
}


.shadow3top, .shadow3bottom {
    border-bottom 		: 1px solid #DBDBDB;
    border-right 		: 1px solid #DBDBDB;
}

.shadow4top, .shadow4bottom {
    border-bottom 		: 1px solid #F3F3F3;
    border-right 		: 1px solid #F3F3F3;
}

.shadow4top {
    border-bottom 		: none;
}

.shadow1top, .shadow2top, .shadow3top, .shadow4top {
    float 				: left;
    z-index				: 3;
}

.shadow1bottom, .shadow2bottom, .shadow3bottom {
    z-index				: 1;
}





h2 a, h2 a:link, h2 a:active, h2 a:visited {
    text-decoration 	: none;
    font-weight 		: normal;
    font-size			: 0.8em;
}

h2 a:hover {
    text-decoration 	: underline;
}

h2 a span.racetrack {
    font-size 			: 1.4em;
    font-weight 		: bold;
}

/* Numéros de page
----------------------------------------------------------------*/

.pagelist {
    margin 				: 10px;
}

.pagelistselected {
    border 				: 1px solid #000;
    background-color	: #fff;
    color 				: #000;
    text-decoration		: none;
    font-size  			: 1.2em;
    font-weight         : bold;
    line-height			: 1.2em;

    margin-top		    : 3px;
    margin-left		    : 1px;
    margin-right	    : 3px;
    padding-left 		: 2px;
    padding-right 		: 2px;
}


.pagelist a, .pagelist a:link, .pagelist a:active {

    border 				: 1px solid #999;
    background-color	: #f2f2f2;
    color 				: #666;
    text-decoration		: none;
    font-size  			: 1.2em;
    font-weight         : bold;
    line-height			: 1.2em;

    margin-top		    : 3px;
    margin-left		    : 1px;
    margin-right	    : 0;
    padding-left 		: 2px;
    padding-right 		: 2px;
}

.pagelist a:visited {
    border 				: 1px dotted #999;
}

.pagelist a:hover {
    color 				: #000;
    text-decoration		: none;
    background-color	: #BDE68C;
}


/* Gallerie
----------------------------------------------------------------*/

.galleryrow {
    display 			: block;
    text-align 			: left;
}


.galleryrow .vignettezone2 {
    margin 				: 5px;
}

.galleryrow img {
    margin 				: 0;
    clear 				: both;
}

.infospart {
    float 				: left;
    width 				: 240px;
    padding 			: 5px;
    float				: left;
}

.infospart p {
    font-size 			: 0.9em;
    margin-bottom 		: 5px;
}

.infospart p strong {
    color : #595959;
}

.galleryrow a.speciallink, .galleryrow a.speciallink:link,
.galleryrow a.speciallink:active,
.galleryrow a.speciallink:visited,
.galleryrow a.speciallink:hover {
    float 				: left;
    clear 				: both;

}

.insidebox {
    position 			: relative;
    margin 				: 5px;
    margin-bottom 		: 15px;
    float				: left;
    background-color 	: #f7f7f7;
    border 				: 1px solid #D0D1D3;
    clear				: both;
    width 				: 95%;
}

.insidebox-corner-br {
    display				: block;
    position			: absolute;
    bottom				: -1px;
    right				: -1px;
    background-image	: url(../images/galerie_br_corner.gif);
    background-position	: bottom right ;
    background-repeat	: no-repeat;
    width				: 4px;
    height				: 4px;
    z-index				: 3;
}

*html .insidebox-corner-br {
    bottom				: -2px;
}

.insidebox-corner-bl {
    display				: block;
    position			: absolute;
    bottom				: -1px;
    left				: -1px;
    background-image	: url(../images/galerie_bl_corner.gif);
    background-position	: bottom left ;
    background-repeat	: no-repeat;
    width				: 4px;
    height				: 4px;
    z-index				: 3;
}

*html .insidebox-corner-bl {
    bottom				: -2px;
}



/* Inscription
----------------------------------------------------------------*/

.formbox2 h5 {
    width				: 115%;
    /*font-size			: 12px;
    line-height			: 18px;*/
    color				: #515B99;
    font-weight 		: bold;

}


.bgcontent {
/*line-height			: 55px;	*/
    text-align			: left;
    background-color 	: #fff;
    width				: 94%;
    padding-left 		: 15px;
    padding-top			: 20px;
/*	border: 1px solid green;*/
}


.submitbttn, a.submitbttn:link, a.submitbttn:visited {
    background-color 	: #515B99;
    color 				: white;
    font-weight 		: bold;

    border-top 			: 2px solid #e5E5E5;
    border-right 		: 1px solid #333;
    border-bottom 		: 1px solid #333;
    border-left 		: 2px solid #e5E5E5;


    margin 				: 2px;
    padding 			: 2px 10px 2px 10px;
}


.submitbttn:hover, a.submitbttn:hover {
    background-color 	: #16A63F;
}


.bttcancel, a.bttcancel:link, a.bttcancel:visited {
    background-color 	: #515B99;
    color 				: white;
    font-weight 		: bold;

    border-top 			: 2px solid #e5E5E5;
    border-right 		: 1px solid #333;
    border-bottom 		: 1px solid #333;
    border-left 		: 2px solid #e5E5E5;

    margin 				: 2px;
    padding 			: 2px 10px 2px 10px;
}


.bttcancel:hover, a.bttcancel:hover {
    background-color 	: #E52B2B;
}

/*
.inputtext, textarea.inputtext, .inputtextbig, .mailmessage {
    background-color 	: #fbfbfb;
    border 				: 1px solid #d5d5d5;
    float				: left;
    font-family 		: arial, sans-serif, helvetica;
    font-size			: 1.2em;
    color				: #000;
    margin				: 3px;
    padding 			: 2px;
}


.inputtext:focus, textarea.inputtext:focus, .inputtextbig:focus, textarea.mailmessage:focus {
    border 				: 1px solid #16A63F;
    background-color 	: #fff;
}


.inputtextbig {
    width 				: 450px;
    height				: 200px;
}
*/

.loginbox {
    margin 				: 10px;
    padding				: 0;
    text-align			: center;
    width 				: 100%;
    clear				: both;
}


.loginbox form {
    color				: #000;
    width 				: 420px;
    border    			: 1px dashed #9EA4C4;
    border-right  		: 1px solid #9EA4C4;
    border-left   		: 6px solid #515B99;
    margin				: 15px auto;
    padding 			: 0;
    padding-left		: 5px;
    padding-bottom		: 20px
}


.okbox {
    /*line-height			: 15px;*/
}


.contactlink {
    color				: #000;
    width 				: 400px;
    border-top    		: 1px dashed #9EA4C4;
    border-right  		: 1px solid #9EA4C4;

    border-left   		: 6px solid #515B99;
    border-bottom 		: 1px dashed #9EA4C4;
    line-height			: 2em;
    margin				: 25px auto;
    padding 			: 0;
    padding-left		: 5px;
    padding-bottom		: 20px
}


a.contactlink:link, a.contactlink:active, a.contactlink:visited {
    line-height			: 20px;
    float				: left;
    font-size			: 0.9em;
    color 				: #6B6B6B;
    text-decoration		: none;
    padding-left		: 23px;
    margin-left			: 40px;
    background-image	: url(../images/link_arrow.gif);
    background-position	: 0 24px ;
    background-repeat	: no-repeat;
}


a.contactlink:hover {
 color 					: #287D16;
}


/* Enregistrement d'un nouvel utilisateur
----------------------------------------------------------------*/

.formbox2, .topicformbox {
    float				: left;
    margin 				: 7px 0 7px 7px;
    padding				: 0;
    text-align			: left;
    width 				: 99%;
}
/*
.formbox2 form {
    width				: 100%;
    margin				: 0;
    padding				: 0;
    float				: left;
}

.formbox2 label {
    width 				: 24%;
    float 				: left;
    margin 				: 5px 0 3px 2px;
    padding 			: 0;
    font-weight 		: normal;
    text-align			: right;
    color				: #000;
    font-size			: 1.1em;
}

.formbox2 .radiolabel {
    float 				: left;
    padding 			: 0;
    font-weight 		: normal;
    margin 				: 2px 60px 0 0;
    padding 			: 0;
}

.formbox2 fieldset {
    float				: left;
    text-align			: left;
    color				: #000;
    padding				: 0;
    margin				: 0;
}

.formbox2 fieldset legend {
    color				: #515B99;
    font-weight 		: bold;
}


.formbox2 .inputtext {
    width : 250px;
}


.formbox2 textarea.inputtext {
    width : 250px;
}

.formbox2 .maillength {
    width : 320px;
}

textarea.mailmessage {
    width 				: 320px;
    height 				: 200px;
    font-size			: 1.2em;
    line-height			: 1.4em;
}
*/
.appercu-mail, .formbox2 .appercu-mail {
    background-color 	: transparent;
    color			 	: black;
    font-weight			: normal;
    margin				: 15px 0 15px 0;
    padding				: 0;
}

p.appercu-mail {
    font-weight			: bold;
    border-bottom		: 1px solid #666;
}


.formbox2 pre.appercu-mail {
    display				: block;
    width				: 95%;
    border				: 1px solid #f2f2f2;
    font-size			: 1.1em;
    line-height			: 1.5em;
    white-space			: normal;
}

/*
.formbox2 p {
    background-color 		: #E5E5E5;
    font-weight 			: bold;
    color					: #515B99;
    margin 					: 0;
    padding 				: 5px 5px 5px 5px;
}
*/


.small, .formbox2 p.small {
    font-size 			: 9px;
    color 				: #666;
    background			: transparent;
    font-weight 		: normal;
}


/* Breadcrumb bar
----------------------------------------------------------------*/

#breadcrumb-bar {
    position : absolute;
    bottom : 3px;
    right : 0;
    background-color : transparent;
    width : 63%;


}


ul#breadcrumb {
    float				: left;
    clear				: both;
    padding 			: 5px 10px;
    /*height 				: 18px;*/
    line-height			: 10px;
    text-align			: left;
    list-style-type		: none;

    background-image	: url(../images/admin_breadc_start.gif);
    background-repeat	: no-repeat;
    background-position : 0px 12px;
}

*html ul#breadcrumb {
    /*width				: 740px;
    height				: 5px;
    padding				: 0;*/
}



ul#breadcrumb li {
    float				: left;
    margin				: 0 0px 0 5px;
    text-transform		: lowercase;
    font-size			: 0.8em;
    font-weight			: bold;
    color				: gray;
    line-height			: 2em;
}

ul#breadcrumb li.breadcrumb-selected a, ul#breadcrumb li.breadcrumb-selected a:link, ul#breadcrumb li.breadcrumb-selected a:hover,
ul#breadcrumb li.breadcrumb-selected a:visited, ul#breadcrumb li.breadcrumb-selected a:active {

    text-transform		: none;
    font-size			: 1em;
    font-weight			: bold;
    color				: gray;
    text-decoration		: none;
}


ul#breadcrumb li a, ul#breadcrumb li a:link, ul#breadcrumb li a:hover,
ul#breadcrumb li a:visited, ul#breadcrumb li a:active {

    text-transform		: none;
    font-size			: 1em;
    font-weight			: normal;
    color				: gray;
    text-decoration		: none;
}

ul#breadcrumb li a:visited {
    text-decoration		: none;
    border-bottom		: 1px dotted gray;
}


ul#breadcrumb li a:hover {
    text-decoration		: none;
    border-bottom		: 1px solid gray;
}









/* Gallerie
----------------------------------------------------------------*/

.vitrine {
    float : left;
    margin-left : 10px;
    width : 99%;
}

h2.prixcat {
    display : block;
    clear : both;
    font-weight : bold;
    font-size : 1em;
    color  : #0A55A2;
    line-height : 20px;
    width : 90%;
    margin-left : 15px;
}


/* Portrait
----------------------------------------------------------------*/


.portrait {
    position		: relative;
    width			: 97%;
    clear			: both;
}

.vignettezone3 {
    position		: relative;
    float 			: left;
    left			: 50%;
    margin			: 10px 0 10px -30px;
    display 		: block;
}

.portraitlist .vignettezone3 {
    position		: static;
    float 			: right;
    margin			: 0;
}

*html .vignettezone3 {
    margin			: 10px 0 10px -30px;
}

.vignettezone3 .decoboxbottom2, .vignettezone3 .shadow4bottom,
.vignettezone3 .shadow3bottom,.vignettezone3 .shadow2bottom,
.vignettezone3 .shadow1bottom {
    position		: relative;
    float 			: left;
    margin 			: 0 auto 0 auto;
    width 			: auto;
    z-index 		: 3;
}

.vignettezone3 img {
    float 			: left;
}


/* Pied de page
----------------------------------------------------------------*/


#footer {
    float 				: left;
    clear 				: both;

    background-color 	: #B5B3B4;
    border				: 1px solid #fff;
    border-top    		: 1px dashed #fff;
    border-bottom 		: 1px dashed #fff;

    height 				: 23px;
    width 				: 100%;
    padding-top			: 4px;
    margin-top 			: 4px;
    margin-bottom		: 5px;

    color 				: #fff;
    line-height 		: 18px;
    text-align 			: center;
}


#footer a:link, #footer a:active, #footer a:visited  {
    color: #fff;
    text-decoration:none;
}

#footer a:hover {
    color: #696868;
}


/* Navigation
----------------------------------------------------------------*/


#fullpage .main-nav {
    position			: relative;
    float				: right;
    right				: 0px;
    top					: 88px;
    width				: 55%;
    z-index				: 3;
}
#fullpage #top.west-images .main-nav { top : 91px; }



#fullpage .main-nav ul {
    float				: left;
    width				: 100%;
    margin				: 0px 0px 0px 0px;
}


#fullpage .main-nav .nav-part-box2 ul {
    background-image	: none;
}


#fullpage .main-nav li {
    float				: left;
    font-size			: 0.8em;
    list-style-type		: none;
    /*padding				: 0 5px 0 5px;*/
}



#fullpage .main-nav li.selected {
    background-color	: white;
    background-image	: url(../images/main_menu_selected.jpg);
    background-repeat	: repeat-x;
    background-position : 0px -1px;
    color				: black;
    font-weight			: bold;
}




#fullpage .main-nav li.selected a,
#fullpage .main-nav li.selected a:link,
#fullpage .main-nav li.selected a:visited,
#fullpage .main-nav li.selected a:active {
    display				: block;
    color				: black;
    text-decoration		: none;
    border				: none;
    padding				: 0 8px 0 8px;
}

#fullpage .main-nav li.selected a:hover {
    background-image	: url(../images/main_menu_selected_hover.jpg);
    background-repeat	: repeat-x;
    background-position : 0px -1px;
    padding				: 0 8px 0 8px;
}



#fullpage .main-nav li a,
#fullpage .main-nav li a:link,
#fullpage .main-nav li a:visited,
#fullpage .main-nav li a:active {
    display				: block;
    line-height			: 18px;
    color				: white;
    text-decoration		: none;
    border				: none;
    padding				: 0 8px 0 8px;
}

#fullpage .main-nav li a:hover {
    background-image	: url(../images/main_menu_hover.jpg);
    background-repeat	: repeat-x;
    background-position : 0px -1px;
    padding				: 0 8px 0 8px;
}




/* ---------------- Recherche de photos ---------------------*/

#recherche-avancee {
    float : left;
    clear : both;
    width : 90%;
    padding : .2em;
    margin : 0 0 1em 0;
}


#recherche-avancee .formrow-m {
    float : left;
    clear : both;
    width : 95%;
    padding : .4em;
    margin : .4em 0;
}


#recherche-avancee .formrow-m label {
    width : 35%;
    text-align : right;
    padding : 0 .6em 0 0;
    margin : 0;
}

#recherche-avancee .formrow-m input {
    width : 60%;
    padding : 0;
    margin : 0;
}

#recherche-avancee p.legende {
    width : 60%;
    margin : 0;
    padding : 0 0 0 37%;
}

#recherche-avancee div.findbutton {
    width : 60%;
    margin : 0;
    padding : 0 0 0 37%;
}


.infospart p strong.search-keyword {
    font-weight : bold;
    color : #000;
    font-style : italic;
}



#recherche-avancee .formrow-m input.cal-textfield {
    float : left;
    width : 40%;
}