/*	copyright www.laRouteDuNet.fr 2007 - 2008

	CSS commune, mimimale

	ATTENTION: cette CSS est obligatoirement en 1ere position
*/
html, body
{
	height:100%
}
body, div, td, th, form, textarea, p, li, ul, ol, dl, dir, menu, hr, h1, h2, h3, h4, h5, h6, blockquote
{
	margin:0;
	padding:0;
	line-height: normal;
}

input[type="submit"], input[type="reset"], input[type="button"], input[type="file"], button
{
	font-size:100%;
	padding-left:.4em;
	padding-right:.4em;
}

input[type="text"], input[type="password"], textarea
{
	font-size:100%;
	padding-left:.3em;
	padding-right:.3em;
}

fieldset
{
	clear:both;
	margin:0;
	padding:.3em;
}

ul, ol, dl, dir, menu, blockquote
{
	margin-left: 3.5em;
}

html
{
	font: medium sans-serif;
}

body
{
	font: medium sans-serif;
	background: #fff;
	color: #000;
}

div
{
	overflow: visible;
}

abbr, acronym
{
	border-bottom:1px dotted;
	cursor:help;
}

kbd
{
    border:outset 2px;
}

td, th 
{
	vertical-align:top;
	text-align:left;
}

th 
{
	background:#ccc
}

small
{
 font-size: smaller;
}
big 
{
 font-size: larger;
}

h1
{
	font-size: 1.75em;
	padding-top: .67em;
}

h2
{
	font-size: 1.3em;
	padding-top: .67em;
}

h3
{
	font-size: 1.17em;
	padding-top: .67em;
}

h4
{
	font-size: 1em;
	padding-top: .67em;
}

h5
{
	font-size: .83em;
	padding-top: .67em;
}

h6
{
	font-size: .67em;
	padding-top: .67em;
}



h1, h2, h3, h4, h5, h6
{
	color:inherit;
}

p
{
	padding-bottom: 0.5em;
}

hr 
{
	display:block;
	width:100%;
	height: 1px;
	margin-top: 0.5em;
	margin-bottom: 0.5em;
	border: outset 1px #666;
}



/*

	selecteurs spéciaux

*/

.wrapper
{
	clear: both;
	display:block;
	height:0px;
	overflow:hidden;
}

.clear
{
	clear: both;
}

.left
{
	float:left;
}

.right
{
	float:right;
}

.field
{
	clear: both;
	padding-top: 0.1em;
	padding-bottom: 0.1em
}

.field .label
{
	float: left;
	width: 25%
}

.field .label img.captcha
{
	max-width:100%;
}

.warning
{
	color:Red;
}

.lettrine:first-letter
{
	font-weight: bold;
	font-size: 150%;
	text-transform: uppercase
}

.chapo
{
	font-size: 120%;
	font-weight: bold;
	color: #666;
	margin-top: .75em;
	margin-bottom: .75em;
}

embed.mediaplayer
{
	float:right;
	border:solid 1px #666
}

.flowplayer
{
	width:50%;
	float:right;
}
.flashfull object,
.flashfull embed,
.googlemap iframe
{
	width:100%
}

/* THUMB (diapo) */
.thumb
{
    display:block;
    float:left;
    margin:0.1em;
    position:static;
    width:8em;
    height:8em;
    text-align:center;
    vertical-align:bottom;
    text-decoration:none;
    color:black;
    background:white;
    overflow:visible;
    border:outset 1px #ccf;
    background-color:#ddd;
}
.thumb img
{
    width:auto !important; /* ie6 ne comprend pas cette directive */
    width:75%; /* ie6 */
    max-width:90%;
    height:auto !important; /* ie6 ne comprend pas cette directive */
    height:75%; /* ie6 */
    max-height:75%;
    border:inset 1px #ccf;
}
.thumb .legend
{
    display:block;
    position:relative;
    width:100%;
    height:5%;
    font-family:arial,sans-serif;
    font-size:1em;
}
.thumb .caption
{
    display:block;
    position:absolute;
    top:1600%;
    left:0;
    width:100%;
    height:2.2em;
    overflow:hidden;
    color:#666;
    line-height:1em;
    font-size:0.7em;
}
.thumb .num
{
    display:block;
    position:absolute;
    top:0;
    right:0;
    font-weight:bold;
    color:#bbb;
    line-height:1em;
}
.thumb:hover
{
    position:relative;
    overflow:visible;
}
.thumb:hover img
{
    position:absolute;
    z-index:888;
    top:-50%;
    left:-50%;
    width:200%;
    height:auto;    /* ie6 */
    min-width:200%; /* safari */
    max-width:200%;
    max-height:none;
    margin:0;
}
.thumb:hover .legend
{
    position:absolute;
    z-index:999;
    top:-50%;
    left:-50%;
    width:200%;
}
.thumb:hover .caption
{
    background:transparent url(images/thumb/bg_caption.png);
    color:#fff;
    top:0;
    height:auto;
    font-size:.8em;
}

.thumb:hover .num
{
    display:none;
}

/* img */
img.left
{
	FLOAT: left;
	MARGIN:0;
	WIDTH: auto !important;	/* ie6 ne comprend pas cette directive */
	WIDTH: 33%; /* ie6 */
	max-width:33%;
	HEIGHT: auto;
	MARGIN-RIGHT: 0.3em;
}

img[align="left"]		/* idem précédent, séparé pour IE6 */
{
	FLOAT: left;
	MARGIN:0;
	WIDTH: auto !important;	/* ie6 ne comprend pas cette directive */
	WIDTH: 33%; /* ie6 */
	max-width:33%;
	HEIGHT: auto;
	MARGIN-RIGHT: 0.3em;
}

img.right
{
	FLOAT: right;
	MARGIN:0;
	MARGIN-LEFT: 0.3em;
	WIDTH: auto !important;	/* ie6 ne comprend pas cette directive */
	WIDTH: 33%; /* ie6 */
	HEIGHT: auto;
	max-width:33%;
}

img[align="right"]		/* idem précédent, séparé pour IE6 */
{
	FLOAT: right;
	MARGIN:0;
	MARGIN-LEFT: 0.3em;
	WIDTH: auto !important;	/* ie6 ne comprend pas cette directive */
	WIDTH: 33%; /* ie6 */
	HEIGHT: auto;
	max-width:33%;
}

img.full
{
	FLOAT: none;
	MARGIN:0;
	MARGIN-TOP: 0.3em;
	MARGIN-BOTTOM: 0.3em;
	WIDTH: 100%;
	HEIGHT: auto;
}

img.center
{
	FLOAT: none;
	MARGIN:0;
	MARGIN-LEFT: 25%;
	MARGIN-RIGHT: 25%;
	WIDTH: 50%;
	HEIGHT: auto
}
a img
{
    border:none;
}
a.node img
{
    height:1.4em;
    width:auto;
    vertical-align:middle;
}
/* title*/
.title a
{
    display:block;
    text-decoration:none;
}
.title a.node img
{
    display:none;
}


/* containers item*/
.item
{
    clear:both;
    display:block;
    width:100%;
    overflow:visible;
}

.item h1 a, .item h2 a, .item h3 a, .item h4 a, .item h5 a, .item h6 a
{
    display:block;
}

/* BARRE DE LECTURE */
.menu li a,
.item h1 a, .item h2 a, .item h3 a, .item h4 a, .item h5 a, .item h6 a
{
    text-decoration:none;
}
.menu li:hover > a,
.menu li.selected > a,
.item:hover h1 a, .item:hover h2 a, .item:hover h3 a, .item:hover h4 a, .item:hover h5 a, .item h6 a
{
    background-color:#ccf;
    color:#000;	
}


/* container description d'un node */
.desc
{
	display:block;
	width:100%;
}

.desc .create,
.desc .by,
.desc .localisation
{
	margin-right:1em;
	font-size:80%;
}

.desc .description
{
	display:block;
	width:100%;
	margin-top:0.5em;
}

.desc .description img.vignette
{
	float:right;
	width:auto !important;	/* IE 6 ne comprend pas */
	width:33%;	/*IE 6 */
	max-width:33%;
	height:auto !important;
	max-height:10em;
	margin-left:0.3em;
}

/* contact */
.contact
{
}
.contact textarea
{
	width:70%;
	height:130px;
}
.contact .CONTACT_ADRESSE
{
	width:70%;
}

/* comment-reply */
.comments
{
	clear:both;
	margin-top:1em;

}

.comments .pubcomment textarea
{
	width:70%;
	height:100px;
}

/* pagination */
.pagination
{
	clear:both;
	margin-top:1em;	
}
.pagination span.ctrenr
{
	float:left;
	background-color:#666;
	border:solid 1px #666;
	color:#fff;
	padding:0 0.5em 0 0.5em;
	cursor:default;
}
.pagination span.separator
{
	float:left;
	padding:0 0.3em 0 0.5em;
}
.pagination a
{
	float:left;
	color:#999;
	background-color:#eee;
	border:solid 1px;
	padding:0 0.5em 0 0.5em;
	margin: 0 0 0 0.3em;
	text-decoration:none;
}
.pagination a:hover,
.pagination .currentpage
{
	color:#666;
	background-color:#ccf;
	font-weight:bold;
}

/* box */
div.box
{
	border:solid 1px;
	padding:0.5em;
    background-color:#ccf;
    color:#000;
    position:relative;
}
div.box .imglegend
{
    font-size:smaller;
}

/* intertitre */
.intertitre
{
	font-weight: bold;
	text-align: center;
	font-size:larger;
	color:#f00;
}


/* search */
div.search input[type="text"]
{
	max-width:75%;
}

/* maps */
div.maps_carte
{
	float:right;
	width:50%;
	height:12em;
	background-color:#ccc;
	overflow:hidden;
}

/* selecteurs backoffice */
input[name="NODE_NAME"],
input[name="NODE_HELP"],
input[name="NODE_KEYWORDS"],
input[name="CLASS_CHILDREN"],
input[name="FIELD_VALUES"],
input[name="CONTENT_TITLE_URL"],
input[name="CONTENT_DIV_CLASS"],
input[name="MAPS_PERS"],
input[name="MAPS_ADR"],
input[name="MAPS_CITY"],
input[name="MAPS_HOURLY"],
input[name="MAPS_SPECIAL"],
input[name="MAPS_MARKS"],
input[name="MAPS_MAIL"],
input[name="MAPS_WEB"]
{
	width:50%;
}

textarea[name="NODE_DESCRIPTION"],
div[name="divNODE_DESCRIPTION"]
{
	float: left;
	width:74%;
	height:175px
}
#maps_backoffice_carte
{
	float: left;
	width:74%;
	height:200px;
	background-color:#ccc;
}

textarea[name="STYLE_TEXT"],
textarea[name="SCRIPT_TEXT"],
textarea[name="SECTION_TEXT"],
div[name="divSECTION_TEXT"],
textarea[name="CONTENT_TEXT"],
div[name="divCONTENT_TEXT"],
textarea[name="ARTICLE_TEXT"],
div[name="divARTICLE_TEXT"],
textarea[name="SHOP_TEXT"],
div[name="divSHOP_TEXT"],
textarea[name="SHELF_TEXT"],
div[name="divSHELF_TEXT"],
textarea[name="PROD_TEXT"],
div[name="divPROD_TEXT"]
{
	float: left;
	width:74%;
	height:500px
}

/* propulsé par */
.lrdn
{
	clear:both;
	width:90%;
	max-width:1024px;
	margin:auto;
	font-size:xx-small;
}
.lrdn a
{
	text-decoration:none;
}
.lrdn a:hover
{
	color:red;
}

/* readmore */
.rss a.readmore
{
	text-decoration:none;
	font-size:smaller;
}
.rss a.readmore img
{
	height:1.24em;
	vertical-align:top;
}