/* CSS Document pour le site du camping La jolie Rochelle*/

* {margin:0px; padding:0px; }
div.nonflottant {clear:both;}

body {font:1.0em Verdana, Arial, Helvetica, sans-serif; color:#000; background:url(img/img_background.gif) repeat-x scroll #333399; }

div#main {width:955px; margin:auto;}

/* Menu utilitaire */
div#menu_ut {width:955px; height:24px; background:url(img/bg_mu.gif) no-repeat;}
div#menu_ut img {margin:0px 0px 2px 0px;}

div#menu_ut ul {text-align:right; padding:5px 5px 0px 0px;}
div#menu_ut ul li {display:inline; list-style-type:none;  color:#000; }
div#menu_ut ul li a {text-decoration:none; font-size:0.7em; color:#9cc9f6; }
div#menu_ut ul li a:hover {color:#fff;}

/*header*/
div#header {width:955px; }

/*MENU PRINCIPAL NORMAL*/
div#menu_pr {width:955px; height:34px; background:url(img/bg_menupr.gif) repeat-x #9cc9f6; }
div#menu_pr ul {text-align:center; margin:0px; padding:5px 0px 0px 0px;}
div#menu_pr ul li {display:inline; list-style-type:none; color:#2c2c6a; }
div#menu_pr ul li a {text-decoration:none; font-size:0.8em; color:#2c2c6a; font-weight:bold;}
div#menu_pr ul li a:hover {color:#6356a5;}

/*container*/
div#container {width:955px; background:url(img/bg_nuage2.jpg) no-repeat bottom;}

/*COLONE UN*/
div#col1 {width:717px; float:left; background-color:#fff; padding-bottom:30px;}
div#col1 p {padding:20px 30px 0px 30px; font-size:0.8em; color:#000; text-align:justify;}
div#col1 table {margin:20px 10px 30px 10px;}
div#col1 td {padding:5px 10px 5px 10px; font-size:0.7em; font-weight:bold; color:#000; background-color:#d5e8fb;}
div#col1 ul {list-style-type:square; padding:20px 30px 0px 80px; font-size:0.8em; color:#000;}
div#col1 h1 {margin:30px 30px 0px 30px; font-size:1.2em; font-weight:bold; font-family:Helvetica; color:#2c2c6a; text-transform:uppercase;}
div#col1 h2 {margin:30px 30px 0px 30px; font-size:1em; font-family:Helvetica; color:#464383;}
div#col1 h3 {margin:20px 30px 0px 30px; font-size:0.8em; font-family:Helvetica; color:#000; text-decoration:underline;}
div#col1 p.pm {margin:0px; padding:5px 30px;}
div#col1 .imglivre {margin-right:20px; float:left;}
div#col1 a {font-size:0.9em; color:#2c2cba;}
div#col1 a:visited {color:#6154a3;}
div#col1 a:hover {color:#8bb8e5;}

.chiffre {font-size:1.5em; font-weight:bold; color:#6154a3;}
.extrait {background:#d5e8fb; color:#9cc9f6; display:block; padding:0px; width:500px; border:1px solid #2c2cba; text-align:center; margin:20px auto 0px auto; }
.margeimg {margin:0px 0px 0px 15px; }

/*babillard - Colonne 2*/
div#col2 {width:238px; float:left; }
div#col_babillard {padding:0px 15px 15px 15px;}
div#col_babillard h1 {margin:30px 0px 10px 0px; font-size:1em; color:#fff; font-weight:bold;}
div#col_babillard h2 {margin:17px 0px 8px 0px; font-size:0.8em; font-weight:bold; color:#2c2c6a;}
div#col_babillard p {margin:8px 0px 0px 0px; font-size:0.8em; color:#333;}
div#col_babillard a {text-decoration:none; font-size:0.9em; color:#fff;}
div#col_babillard a:visited {color:#fff;}
div#col_babillard a:hover {color:#2c2c6a;}

/*Menu secondaire*/
div#col2 div#ms {padding:10px; margin:30px 15px 15px 15px; width:180px; border:2px solid #2c2c6a; background-color:#fff; position:center top; background:url(img/bg_ms.gif) no-repeat;}
div#col2 div#ms ul {font-size:0.8em; list-style-type:none;}
div#col2 div#ms li {list-style-type:none; background:url(img/carre_ms.gif) no-repeat 0.2em 0.8em; padding-left:10px;}
div#col2 div#ms a {font-size:0.9em; color:#fff; display:block; height:1.5em; padding:4px 1px 1px 3px;}
div#col2 div#ms a:visited {color:#fff;}
div#col2 div#ms a:hover {color:#9cc9f6; background:#2c2c6a; text-decoration:none; filter:alpha(opacity=50); -moz-opacity:0.5; -khtml-opacity: 0.5; opacity: 0.5;}

/*FOOTER*/
div#footer {width:955px; float:left;  text-align:center;}
div#footer p {padding:5px; font-size:0.7em; color:#9cc9f6;}
div#footer .opt {padding:5px; font-size:0.65em; color:#fff;}