/*Ara Anthony Ramet Architecture (c)

Css by Benjamin Athlan
benjamin(at)athlan(dot)fr
*/
/*CSS RESET*/
html, body
{
    width: 100%;
    height: 100%;
}

body,div,dl,dt,dd,ul,ol,li,h1,h2,h3,h4,h5,h6,pre,form,fieldset,input,textarea,p,blockquote,th,td { 
	padding: 0;
	margin: 0;
	}
table {
	border-collapse: collapse;
	border-spacing: 0;
	}
fieldset,img { 
	border: 0;
	}
address,caption,cite,code,dfn,em,strong,th,var {
	font-weight: normal;
	font-style: normal;
	}
ol,ul {
	list-style: none;
	}
caption,th {
	text-align: left;
	}
h1,h2,h3,h4,h5,h6 {
	font-weight: normal;
	font-size: 100%;
	}
q:before,q:after {
	content:'';
	}
abbr,acronym { border: 0;
	}

/*CSS SET*/
div {
	padding:0 10px;
}

.no_padding{padding:0px;}

.align_left{
	float:left;
}

.align_right{
	float:right;
}

em{ font-style: italic;}

body{
	background: white;
	font-family: Arial, "MS Trebuchet", sans-serif;
	height:100%;
	font-size:small;
	position:relative;
}

#container{
	height:450px;
	width:600px;
	background:#49E160;
	position:absolute;
	left:50%;
	top:50%;
	margin-top:-225px;
	margin-left:-300px;
	-webkit-border-radius: 20px;
	-moz-border-radius: 20px;
	border-radius: 20px;
/*	border: 5px solid #c4c8cc;*/
  	-moz-box-shadow: 1px 1px 20px grey;
  	-webkit-box-shadow: 1px 1px 20px grey;
	filter: progid:DXImageTransform.Microsoft.Shadow(color='green', Direction=20, Strength=1);
	padding:0;
}

#box_left{
	height:100%;
	background:white;
	width:150px;
	-webkit-border-top-left-radius: 20px;
	-webkit-border-bottom-left-radius: 20px;
	-moz-border-radius-topleft: 20px;
	-moz-border-radius-bottomleft: 20px;
	border-top-left-radius: 20px;
	border-bottom-left-radius: 20px;
	float:left;
}
#box_left .rotate {
	-webkit-transform: rotate(-90deg);
	-moz-transform: rotate(-90deg);
	filter: progid:DXImageTransform.Microsoft.BasicImage(rotation=3);
	width:415px;
	margin:0;
	padding:0;
	background:;
	height:150px;
}

#box_left .title {
	background:;
	font-size:169px;
	height:140px;
	line-height:141px;
	margin:0 0 0 -307px;
	padding:0px 322px 0px 0 ;
	text-align:left;
}
#box_left .under_title{
	background:;
	font-size:29px;
	height:22px;
	line-height:13px;
	padding:0;
}

#box_left .under_title em{
	font-style: normal;
	font-weight: bold;
}
#box_right{
	padding:10px 10px 0 180px ;
}

#box_right .content {
	background:;
	padding:0;
	width:100%;
	color:white;
	text-align:center;
}

.content p {
	width:100%;
}

.content a, .content a:hover, .content a:visited{
	text-decoration:none;
	color:green;
	text-shadow:0 0 6px white;
}

.content a:hover {
	text-shadow:none;
}

.content h1{
	color:green;
	font-size:1.5em;
	text-shadow:0 0 6px white;
	padding-top:10px;
}

.content form{
	margin: 15px 0;
	display:none;
}

strong {
	font-weight: bold;
}

#carousel{}


