/*CSS screen style originally made for www.marcushellberg.com*/
/*You can modify and use it freely, comments can be sent to marcus.hellberg@gmail.com*/

/*html elements*/


html {
    height: 100%;
}

body{
    overflow-y: scroll;	
    height: 100%;
    margin: 0;
    padding: 0;
	background:#EEEEEE url(gradient.jpg) repeat-x;
	font-family:"Trebuchet MS", Arial, Helvetica, sans-serif;
	line-height:130%;
	font-size: 14px;
	font-style:normal;
	font-variant:normal;
	font-weight:normal;
	color: #535353;
}


img{
	border:0;
	margin-left:5px;
	margin-right:5px;
	padding:0;
}
.image{
	border:1px solid #55719E;
}
a{
text-decoration:none;
}

input, textarea{
border:1px solid #000000;
background-color:#FFFFFF;
}

input:focus, textarea:focus{
border:1px solid #000000;
background-color:#D0DCFF;
}
/*end html elements*/


/*layout divs*/
#contenu {font-size: 0.9em;}

#container{
width:800px;
margin:0px auto;
padding-top:20px;
}

#header{
width:785px;
height:65px;
background:url(header.png) no-repeat 0 100%;
margin:15px auto 0px;
}

#header h1{
font-size: 25px;
color: #FFFFFF;
padding: 20px 15px 20px 5px;
text-align:right;
}

#flag{
	margin-top: 10px;
	text-align:right;
	width:790px;
}
#flag a:link {
	color: #333333;
}
#flag a:visited {
	color: #333333;
}
#flag a:hover {
	text-decoration:none;
}

#nav{
font-size: 1.14em;	
float:right;
width:200px;
padding:5px 5px 5px 10px;
z-index:1;
margin-bottom:50px;
}

#nav ul, #nav li{
font-weight:normal;
margin: 5px 0px 0px 0px;
padding: 0px;
}

#nav ul {
list-style-type:none;
list-style-position:inside;
border-bottom: 0px;
padding:52px 5px 5px 20px;
}

#nav ul ul{
padding-top:0px;
}

#nav a:link {
	color: #333333;
}
#nav a:visited {
	color: #333333;
}
#nav a:hover {
	display:block;
	background-color: #fff;
}


.menu_current {
font-weight: bold;
}

.tarif {font-size: 12px;}

#content{
width: 540px;
margin-bottom:50px;
margin-right:15px;
border-right: 1px dotted #CCCCCC;
padding:40px 10px 0px 10px;
z-index:10;
}

#content h1{
width:95%;
background: transparent url(asterisk.png) no-repeat;
padding-left: 20px;
padding-bottom: 3px;
font-size:1.6em;
font-weight:bold;
col//or:#333;
color:#68707C;
margin-top:30px;
border-bottom: 1px solid #CCCCCC;
}

#content h2{
width:95%;
font-size:1.22em;
color:#68707C;
margin-top:15px;
border-bottom: 1px solid #CCCCCC;
}

#content a:link {
	color: #55719E;
}

#content a:visited {
	color: #55719E;
}

#content a:hover {
	background-color:#FFF;
}

#content a:active {
	color: #55719E;
}

table td {
    text-align: center;
}

#crea{
width: 540px;
margin-bottom:50px;
margin-right:15px;
border-right: 1px dotted #CCCCCC;
padding:40px 10px 0px 10px;
z-index:10;
}

#crea h1{
width:95%;
background: transparent url(asterisk.png) no-repeat;
padding-left: 20px;
padding-bottom: 3px;
font-size:1.6em;
font-weight:bold;
col//or:#333;
color:#68707C;
margin-top:30px;
border-bottom: 1px solid #CCCCCC;
}

#crea h2{
width:95%;
font-size:1.22em;
color:#68707C;
margin-top:15px;
border-bottom: 1px solid #CCCCCC;
}

#crea a:link {
	display:block;
	color: #55719E;
}

#crea a:visited {
	display:block;	
	color: #55719E;
}

#crea a:hover {
	display:block;	
	background-color:#FFF;
}

#crea a:active {
	display:block;	
	color: #55719E;
}
#footer{
height:400px;	
clear:both;
margin:0px auto;
position:relative;
width:100%;
border-top: 1px solid #CCCCCC;
padding:10px 5px 0px 5px;
color:#999999;
font-size:0.8em;
text-align:left;
}

#footer a:link {
	color: #55719E;
}

#footer a:visited {
	color: #55719E;
}

#footer a:hover {
	background-color:#FFF;
}

#footer a:active {
	color: #55719E;
}

blockquote{
margin-left:20px;
position:relative;
width:90%;
background:#D8DEE9;
border:1px solid #000000;
padding:5px;
}
/*end layout divs*/