/*--------------
 *
 * css leruste.com - leruste - mars 2006
 *
 *--------------*/
 

/* --------------------*/
/* -----conteneurs-----*/
/* --------------------*/

* { margin:0; padding:0 
}

body {
	background-color: #FFF ;
	color: #333 ;
}

#conteneur {
    width:725px;	margin:auto;
    margin-top:10px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px ;
}

/* --------------------*/
/* -----en-tete--------*/
/* --------------------*/
#header {
	border: 1px solid #003399;
    border-bottom:0;
    position:relative;
    width:725px;    height:85px;
	background-image:url(bck_up.gif);
	background-repeat:no-repeat;
	background-position: right bottom;
}
#leruste_logo {
    position:absolute;
    top:10px; left:10px;
}

/* --------------------*/
/* -----menu-----------*/
/* --------------------*/
#menu {
	border: 1px solid #003399;
    border-top:1px dashed #003399;
    border-bottom:0;
    position:relative;
    width:725px;    height:30px;
} 
#menu a {
	font-family: Georgia, "Times New Roman", Times, serif;
    font-size:13px;
	color:#3399CC;
	font-weight: bold;
	text-decoration:none;
	padding-top:10px;
	padding-left:40px;
	padding-right:20px;
	background-image:url(on.jpg);
	background-repeat:no-repeat;
	background-position:15px 12px;
    float:left;
}
#menu a:hover, #menu a.sel {
	background-image:url(off.jpg);
	background-position:15px 12px;
	color: #003399;
}

/* -----------------*/
/* -----home--------*/
/* -----------------*/
#content_home {
	border: 1px solid #003399;
    border-top:1px dashed #3399CC;
    position:relative;
    width:725px;
    background-repeat: no-repeat;
    background-position: bottom right;
}
#europe_carte {
    border-right: 1px dashed #3399CC;
}
#home {
    position:absolute;
    width:250px;
    top:0px;    left:440px;
}
#home h1 {
    margin: 5px;
    margin-top:50px;
    font-size: 17px;
    font-weight:bold;
    color: #003399;
}
#home h2 {
    margin: 25px;
    margin-top:10px;
    font-size: 14px;
    font-weight:bold;
	color:#3399CC;
}
#home a {
	text-decoration:none;
    font-size: 14px;
	color:#960;
	padding-left:40px;
	padding-top:3px;
	padding-bottom:10px;
	background-image:url(goon.jpg);
	background-repeat:no-repeat;
	margin-left:60px;
}
#home a:hover {
	text-decoration:underline;
}


/* --------------------*/
/* -----contenu--------*/
/* --------------------*/
#contenu {
	border: 1px solid #003399;
    border-top:1px dashed #3399CC;
    position:relative;
    width:725px;
    background-repeat: no-repeat;
    background-position: bottom right;
	padding-bottom:200px;
}

#contenu h1 {
    margin: 20px;
    margin-top:35px;
    font-size: 16px;
    font-weight:bold;
    color: #003399;
}
#contenu h2 {
    margin:10px;
	padding-left:60px;
    font-size: 13px;
    font-weight:bold;
    color: #003399;
}
#contenu a {
    color: #960;
}
#contenu p {
    margin: 25px;
    color: #960;
    text-align: justify;
/*    text-indent: 5px;*/
}
#contenu p.one {
    padding-left: 25px;
	font-weight:bold;
}
#contenu p.devise {
    font-size: 13px;
	font-weight:bold;
    color: #960;
	text-align:center;
    margin: 30px;
}
#contenu p.two {
    margin-left: 50px;
}
#contenu .lg {
	margin:5px;
}
#contenu label {
    color: #960;
    width: 120px;
    margin-right:5px;
    text-align: right;
    float: left;
}
/* -----------------------------*/
/* -----contenu colleft--------*/
/* -----------------------------*/
#colleft {
    position:relative;
    width:475px;
    top:0px;    left:250px; 
}
#colleft img {
	margin-top:-30px;
	padding:5px;
	float:right;
}

/* -----------------------------*/
/* -----contenu colright--------*/
/* -----------------------------*/
#colright {
    border-right: 1px dashed #3399CC;
    position:absolute;
    width:250px;
    top:0px;    left:0px;
}
#colright a {
	text-decoration:none;
}
#colright a:hover {
	text-decoration:underline;
}
#colright p {
    margin-left: 20px;
/*    text-indent: 0;
*/   line-height: 150%;
}
#colright .domaines {
    font-size: 12px;
    font-weight:bold;
    color: #003399;
}
#colright .domaines a {
    color: #003399;
}
#colright .domaines a:hover {
    color: #003399;
}
#colright .sel {
    color: #003399;
    font-size: 12px;
    font-weight:bold;
}

/* --------------------*/
/* -----footer---------*/
/* --------------------*/
#footer {
    position:relative;
    width:725px;    height:70px;
    color: #003399;
    font-size:10px;
    text-align:center;
    margin-top: 10px;
	background-image:url(bck_down.gif);
	background-repeat:no-repeat;
	background-position: left top;
}
#footer a {
    color: #3399CC;
}
#footer a:hover {
    color: #3399CC ;
}