html {padding:0;margin:0;min-height:100%}
body {font-family:Arial, Helvetica, verdana, sans-serif;background:#FFFFFF url("medias/fond_body.jpg") center bottom no-repeat;padding:0 0 290px 0;margin:0px}

.strong {font-size:14px;font-weight:bold}

.spacer {clear:both;height:1px}

ul {list-style-image:url("medias/puce_orange.png")}

#aspnetForm {background:url("medias/global_background.jpg") center top no-repeat;text-align:left}

#header {margin:0px 0 50px 0;text-align:center;padding:45px 0 0 50px;font-size:0.8em}
#header h1 {padding:0;margin:0}
#header h1 img {width:515;height:71;border:0px}

img.star {border:none;padding:0px}
#content .articles img.star {border:none;padding:0px}
img.icone {border:none;padding:0px}
#content .articles img.icone {border:none;padding:0px}

#boxPhotos {margin:auto;width:450px;text-align:center;padding:0}
#boxPhotos #boxPhoto {height:300px;margin-bottom:10px}
#boxPhotos ul {list-style:none;padding:0;margin:0}
#boxPhotos ul li {float:left;margin-right:2px}
.photoInvisible {display:none;}

p.alinea {text-indent: 20px;}
.etape {color:#b6c90d;font-style:italic;font-size:18px}
.center {text-align:center}

#video_intro {float: left; margin: 0 10px 10px 0}
#silverlight_download {width: 200px; font-size: 12px; text-align: left}

/****************** formulaires ********************/
fieldset {border:2px solid #e6eff6;padding:5px;text-align:left}
legend {margin-left:20px;color:#f08a01;font-size:14px}
fieldset label {float:left;width:200px;margin-right:10px;text-align:right}

.ajax__calendar_title {margin:10px}
.detailzone {display:none}
fieldset .obligatoire {font-weight:bold}

fieldset div.datenaissance{margin-bottom:10px}
fieldset div.montantoption{margin-bottom:10px}

fieldset .AspNet-RadioButtonList-RepeatDirection-Vertical{list-style-image:none;list-style-type:none;padding-left:0px;}

.ValidationSummary {text-align:left;color:red;font-weight:bold}
.ValidationSummary ul {font-weight:normal}

.submit-ok {border:none;margin-top:10px}

/****************** paiement ***********************/
#paiement {margin-top:150px}
#wrapper_paiement {background:url("medias/global_background.jpg") center top no-repeat;text-align:left}
#wrapper_paiement #content .articles img {border:0}

/****************** menu, sidebar2 *****************/
#sidebar1 {width:184px;margin:0;padding:0px;position:absolute;left:30px;top:165px}

/** menu **/
#menu {width:184px;background:white url("medias/bloc_fond.png") no-repeat;background-position:center bottom;font-size:0.8em;padding:0 0 20px 0;margin:0px}
#menu a {text-decoration:none;color:#131a7a}
#menu a:hover {text-decoration:underline}
#menu h2 {text-align:right;margin:10px 0 0 0px;height:20px;font-size:14px;color:#FFFFFF;padding:10px 5px 0 0px}
#menu #menu_inside {background:transparent url("medias/bloc_chapeau.png") no-repeat;background-position:left top;padding:20px 4px 0 5px}
#menu #menu_inside .rubrique {background:transparent url("medias/vague_fond.jpg") no-repeat;background-position:right top}
#menu #menu_inside ul {list-style-image:none;list-style-type:none}
#menu #menu_inside .rubrique li {margin:10px 0 0 0;padding:0 0 5px 0px;background:transparent url("medias/li_dotted.jpg") no-repeat;background-position:left bottom}

/** drapeaux **/
#drapeaux {background:none;margin:5px 0 0 0}
#drapeaux ul {margin:0 0 0 40px;padding:0px}
#drapeaux li {display:inline;margin:0 0 0 -5px;padding:0px}
#drapeaux li img {border:none;width:24px;height:19px}

/** sidebar2 **/
#sidebar2 {position:absolute;width:184px;margin:0px;right:30px;top:165px}
#sidebar2 h2 {color:#b6c90d;margin:5px 0 0 0px;font-size:16px;text-transform:uppercase}
#sidebar2 h3 {color:#f08a01;margin:5px 0 0 0px;font-size:12px}
#sidebar2 input {border-color:#b6c90d;border-style:solid;border-width:1px;height:20px;padding:0px}
#sidebar2 form {margin:0px}
#sidebar2 .bloc_inside {text-align:center}
#sidebar2 .bloc_inside p {text-align:left}
#sidebar2 .bloc_inside p.CE {font-size:44px;text-align:center;margin:5px}
#sidebar2 .bloc_inside ul {text-align:left;padding-left:10px}
#sidebar2 .bloc_inside a {text-decoration:none;color:#f08a01;font-size:12px;font-weight:bold}
#sidebar2 .bloc_inside a:hover {text-decoration:underline}
#sidebar2 hr {color:#b6c90d;background-color:#b6c90d;width:40%;border:none;height:2px}
#sidebar2 img {border:0px}

/****************** content *****************/
#content {margin:0 0 0 0;padding:0 30px 0 244px;font-size:0.8em;min-height:650px}
#content.fin {padding:0 244px;background:transparent url("medias/fond_ancre.jpg") no-repeat;background-position:right bottom}

#content a {text-decoration:none;color:#f08a01;font-weight:bold}
#content a:hover {text-decoration:underline}
#content a.disabled {text-decoration:none;color:#6a6a6a}

.pied_articles {text-align:right;color:#f08a01;font-weight:bold}
.pied_articles a {text-decoration:none;color:#f08a01}
.pied_articles a:hover {text-decoration:underline}

.pied_div {text-align:right;color:#f08a01;font-weight:bold}
.pied_div a {text-decoration:none;color:#f08a01}
.pied_div a:hover {text-decoration:underline}

#content .articles {color:#6a6a6a;text-align:center;margin:40px 0 0 0;clear:both}
#content .articles h2 {color:#085986;font-size:18px;padding:0 0 40px 0;background:transparent url("medias/vague_bleue_sous_titre.jpg") center bottom no-repeat;text-transform:uppercase}
#content .articles h3 {color:#085986;font-size:18px;padding:0 0 5px 0;border-bottom:12px solid #e6eff6;text-align:left;clear:both}
#content .articles h4 {font-size:14px;text-align:left;margin-left:100px}
#content .articles p {text-align:justify}
#content .articles ul {text-align:left}
#content .articles img {border:solid 1px #c0c0c0;padding:3px}
#content .articles p img {float:left;margin:0 20px 0 0}

#content #ImageBateau {border:1px solid #d7d4d4}

/*description - tarifs - conditions tarifaires*/
#content #description ul {margin:1em 0 1em 24px;padding:0}
#content #description li {padding:0 0 0 10px}
#content #description .liste-serrer {margin:0 0 0 0}
#content #description .liste-espacer {margin:20px 0 20px 0}

/*table tarifs*/
#content #tarifs {text-align:left;color:#6a6a6a}
#content #tarifs table {text-align:center;margin:0 0 30px 0;border-collapse:collapse;/*pour ie*/ width:100%}
#content #tarifs table .odd {background-color:#deebf5}
#content #tarifs table .even {background-color:#edf3f8}
#content #tarifs table th {color:#085986;font-weight:bold;font-size:12px;border-bottom:solid #fff 1px}
#content #tarifs table th.titre {text-transform:uppercase;border-right:solid #fff 1px}
#content #tarifs table td {border-bottom:solid #fff 1px;padding:10px}

#content #tarifs ul {margin:0 0 1em 24px;padding:0}
#content #tarifs li {padding:0 0 0 10px;margin:5px 0 5px 0}
#content #tarifs strong {color:#f08a01}

#content #conditions_tarifaires {text-align:left;color:#6a6a6a;margin:0 0 50px 0;clear:both}
#content #conditions_tarifaires img {display:block;margin:20px auto}
#content #conditions_tarifaires strong {color:#6a6a6a}

/** tableau recherche - bateaux **/
#content #tableau_recherche {text-align:center;margin:0 0 30px 0;border-collapse:collapse;/*pour ie*/ width:100%}
#content #tableau_recherche .odd {background-color:#deebf5}
#content #tableau_recherche .even {background-color:#edf3f8}
#content #tableau_recherche .odd .photo {background:#deebf5 url("medias/fond_arrondi_odd_left.png") bottom left repeat-x}
#content #tableau_recherche .odd .cabs {background:#deebf5 url("medias/fond_arrondi_odd_right.png") bottom right repeat-x}
#content #tableau_recherche .even .photo {background:#edf3f8 url("medias/fond_arrondi_even_left.png") bottom left repeat-x}
#content #tableau_recherche .even .cabs {background:#edf3f8 url("medias/fond_arrondi_even_right.png") bottom right repeat-x}
#content #tableau_recherche .titre {color:#fff;font-weight:bold;font-size:12px}
#content #tableau_recherche .titre img {margin:0 5px 0 5px;border:none}
#content #tableau_recherche th.titre {margin:0 5px 0 5px;height:21px;border:none;background:url("medias/fond_titre.jpg") top left repeat-x}
#content #tableau_recherche th.titre_gauche {background:url("medias/fond_titre_gauche.jpg") top left repeat-x}
#content #tableau_recherche th.titre_droite {background:url("medias/fond_titre_droite.jpg") top right repeat-x}
#content #tableau_recherche .nom {font-weight:bold;color:#f08a01;font-size:15px}
#content #tableau_recherche .nom .ce {font-weight:bold;color:#085986;font-size:12px;padding-top:10px}
#content #tableau_recherche .note img {margin:0 5px 0 0}
#content #tableau_recherche .photo, #tableau_recherche td {border-bottom:solid #fff 2px;border-right:solid #fff 2px}
#content #tableau_recherche .photo img {width:195px;height:120px;border:none}
#content #tableau_recherche td {padding:10px;}
#content #tableau_recherche th {padding:10px;}

#content .data_pager {font-size:1.4em;text-align:center}
#content .data_pager .select {float:right}
#content .data_pager .select .caption {color:#085986;font-weight:bold;font-size:12px;margin:2px 5px 0 0}
#content .data_pager .select select {width:50px;color:#6a6a6a}

/****************** footer *****************/
#footer {color:#70716d;padding:35px 0 0px 120px;text-align:center;clear:both;font-size:0.8em;margin:0}
#footer p {margin:0;padding:0}
#footer a {text-decoration:none;color:#131a7a}
#footer a:hover {text-decoration:underline}
#footer img {border:none}

/****************** conditions *****************/
#conditions h1 {text-align:center;font-size:16px;text-transform:uppercase}
#conditions h2 {text-align:center;font-size:14px;font-weight:bold}
#conditions h3 {margin-left:250px;font-size:14px}
#conditions h4 {margin-left:150px;font-size:13px}

/****************** details pratiques *****************/
ul.questions .question {font-weight:bold}
ul.questions .reponse {text-indent:20px}

/****************** vignettes *****************/
.bloc {width:184px;background:white url("medias/bloc_fond.png") no-repeat center bottom;font-size:0.9em;padding:0 0 5px 0;margin:10px 0 5px 0;color:#6a6a6a}
.bloc_inside {background:transparent url("medias/bloc_chapeau.png") no-repeat left top;padding:15px}

.vignette {width:250px;float:left;background:white url("medias/vignette_fond.png") no-repeat center bottom}
.vignette .bloc_inside {background:transparent url("medias/vignette_chapeau.png") no-repeat left top;text-align:center}
.vignette .bloc_inside p {text-align:center}

.filtre {margin:0 5px 5px 0;padding:0px;float:left;background:#deebf5 url("medias/filtre_fond.png") no-repeat right bottom}
.filtre .bloc_inside {background:transparent url("medias/filtre_chapeau.png") no-repeat right top;text-align:center;padding:5px 0 0 0;margin:0px}
.filtre .bloc_inside ul {margin-left:0px;padding-left:20px}
.filtre .bloc_inside h5 {margin:0px 0px 0px 10px;font-size:14px}

.bloczone {width:59%}
.blocnote {width:19%}
.bloccouchages {width:19%}

.bloczone .colonne {float:left; margin-right:20px}

.hidden {background:#edf3f8 url("medias/filtrehidden_fond.png") no-repeat right bottom}
.hidden .bloc_inside {background:transparent url("medias/filtrehidden_chapeau.png") no-repeat right top}