/*
CSS Credit: http://www.templatemo.com/
*/

body { /*----------- Validé --------------*/
	margin: 0px;
	padding: 0px;
	line-height: 1.5em;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686f76;
	background: #121b24;
}

a:link, a:visited { /*----------- Validé --------------*/
	color: #aabdd0;
	text-decoration: none;
	font-weight: bold;
}

a:active, a:hover { /*----------- Validé --------------*/
	color: #aabdd0;
	text-decoration: underline;
}

h1 { /*----------- Validé --------------*/
	margin: 0px;
	padding: 0px 0px 15px 0px;
	font-size: 1.4em;
	font-weight: bold;
	color: #aabdd0;
}

h4 { /*----------- Validé --------------*/
	margin: 0px;
	padding: 0px;
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
}

p { /*----------- Validé --------------*/
	margin: 0px;
	padding: 0px 0px 10px 0px;
	text-align: justify;
}

.spacetobottom { /*----------- Validé --------------*/
	clear: both;
	height: 40px;
}

.spacetoright { /*----------- Validé --------------*/
	float: left;
	width: 10px;
	height: 10px;
}

.addThis {
	width: 425px;
	height: 30px;
	text-align:left;
	margin-top: 15px;
}

.addThis .tag {
	width: 170px;
	background-color:#172331;
	padding: 2px;
}

/* ----- Form ----- */

form {
	margin: 0px 10px 0px 0px;
	padding: 0px;
	text-align: right;	
}

label {
	margin-right: 10px;
}

input {
	color: #aabdd0;
	background: #070707;
	border: 1px solid #686f76;
	width: 130px;
	height: 15px;
}

textarea {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #aabdd0;
	background: #070707;
	border: 1px solid #686f76;
	width: 200px;
	height: 90px;
}

select {
	color: #aabdd0;
	background: #070707;
	border: 1px solid #686f76;
	width: 130px;
	height: 20px;
}

.checkbox {
	color: #aabdd0;
	background: #070707;
	border: 1px solid #686f76;
	width: 12px;
	height: 12px;
}

.form_row {
	padding: 3px 0px;
}

.button {
	color: #aabdd0;
	width: 60px;
	height: 25px;
}

.code_input {
	background: #0c1117;
	width: 50px;
}

.code_img {
	width: 70px;
	height: 20px;
	border: 2px solid #0f1721;
}

/* End of Form */

.more_button a {
	clear: both;
	display: block;
	width: 80px;
	height: 20px;
	margin: 10px 0px 0px 0px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #aabdd0;
	background: #0b1016;
	border: 1px solid #05070a;
}

.back_button a {
	clear: both;
	display: block;
	width: 130px;
	height: 20px;
	text-align: center;
	font-weight: bold;
	text-decoration: none;
	color: #aabdd0;
	background: #0b1016;
	border: 1px solid #05070a;
	margin-top: 15px;
	margin-right: 0px;
	margin-bottom: 15px;
	margin-left: 0px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

#templatemo_wrapper1 { /*----------- Validé --------------*/
	background: url(../images/maintopBG.gif) top repeat-x;
}

#templatemo_wrapper2 { /*----------- Validé --------------*/
	background: url(../images/mainbuttomBG.gif) bottom repeat-x;
}

#templatemo_container { /*----------- Validé --------------*/
	margin: auto;
	width: 960px;
}

/*------------- Menu ------------------*/
#templatemo_menu { /*----------- Validé --------------*/
	float: left;
	width: 930px;
	height: 40px;
	margin: 18px 0px 0px 0px;
	padding: 0px 0px 0px 30px;
}

#templatemo_menu ul { /*----------- Validé --------------*/
	margin: 0px;
	padding: 0px;
	list-style: none;
}

#templatemo_menu ul li { /*----------- Validé --------------*/
	display: inline;
}

#templatemo_menu ul li a { /*----------- Validé --------------*/
	float: left;
	width: 140px;
	height: 30px;
	padding: 10px 0px 0px 0px;
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
	text-decoration: none;
	color: #aabdd0;
	border-left: 1px solid #34373b;
}

#templatemo_menu ul li .lastmenu { /*----------- Validé --------------*/
	border-right: 1px solid #34373b;	
}

#templatemo_menu li a:hover, #templatemo_menu li .current { /*----------- Validé --------------*/
	color: #aabdd0;
	background: url(../images/menuhoverBG.gif) no-repeat;
}
#templatemo_menu img { /*----------- Validé --------------*/
	float: left;
	width: 20px;
	height: 10px;
	margin: 4px;
	padding: 0px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}

/* ----------------- end of menu----------------*/

/* header and banner */

#templatemo_header_banner { /*----------- Validé --------------*/
	float: left;
	width: 900px;
	height: 268px;
	padding: 0px 30px;
	margin-top: 2px;
}

#templatemo_header { /*----------- Validé --------------*/
	float: left;
	width: 310px;
	height: 268px;	
	background: url(../images/header.jpg) no-repeat;
}

#templatemo_sitetitle { /*----------- Validé --------------*/
	padding: 180px 0px 10px 40px;
	font-size: 2.8em;
	font-weight: bold;
	color: #ff6000;
}

#templatemo_sitetitle span { /*----------- Validé --------------*/
	font-weight: normal;
	color: #FFFFFF;
}

#templatemo_tagline { /*----------- Validé --------------*/
	padding: 0px 0px 0px 43px;
	font-size: 1.0em;
	color: #FFFFFF;
}

#templatemo_banner { /*----------- Validé --------------*/
	float: left;
	width: 590px;
	height: 268px;
	background: url(../images/banner.jpg) no-repeat;
}

#templatemo_bannertext { /*----------- Validé --------------*/
	text-align: right;
	padding: 190px 20px 0px 0px;
	font-size: 14px;
	color: #FFFFFF;	
}
#templatemo_bannertext span { /*----------- Validé --------------*/
	font-size: 24px;
	font-weight: bold;
	color: #ff6000;	
}
/* end of header and banner */

/* ----------------- Content ----------------------- */

#templatemo_content { /*----------- Validé --------------*/
	float: left;
	width: 900px;
	padding: 0px 30px;
}

#templatemo_leftcolumn { /*----------- Validé --------------*/
	float: left;
	width: 280px;
	padding: 50px 20px 0px 10px;
	background: url(../images/leftcolumnBG.gif) top center no-repeat;
}

#templatemo_leftcolumn .links { /*----------- Validé --------------*/
	width: 280px;
	text-align: center;
	vertical-align: top;
	padding-top: 20px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.login_form { /*----------- Validé --------------*/
	background: #06080a;
	width: 240px;
	padding: 15px;
	border: 5px solid #070707;
}

.newssection { /*----------- Validé --------------*/
	padding: 0px 0px 5px 0px;
	border: 1px solid #121b24;
}

.newssection:hover { /*----------- Validé --------------*/
	border: 1px solid #686f76;
}

.newssection img { /*----------- Validé --------------*/
	float: left;
	padding: 5px;
	border: 0px solid #000000;
}

.newssection span { /*----------- Validé --------------*/
	font-size: 12px;
	color: #686f76;
}

#templatemo_rightcolumn { /*----------- Validé --------------*/
	float: left;
	width: 530px;
	padding: 50px 20px 0px 40px;
}

.onecolumn { /*----------- Validé --------------*/
	width: 530px;
}

.onecolumn img { /*----------- Validé --------------*/
	float: right;
	clear: both;	
	margin: 0px 0px 5px 10px;
	border: 3px solid #0e121d;
}

.twocolumn { /*----------- Validé --------------*/
	width: 530px;
}

.twocolumn_box { /*----------- Validé --------------*/
	float: left;
	width: 230px;
	padding: 10px;
	background: #0c1117 url(../images/boxBG.gif) top right no-repeat;
	border: 5px solid #0f1721;
}

.twocolumn_box img { /*----------- Validé --------------*/
	float: left;
	margin: 2px 10px 0px 0px;
	border: 3px solid #0e121d;
}

.twocolumn_box p { /*----------- Validé --------------*/
	text-align: left;
}

/*-- .twocolumn_box ul {
	margin: 0px 0px 0px 10px;
	padding: 0px;
}

.twocolumn_box li {
	list-style: none;
	padding: 10px 0px 10px 20px;
	background: url(../images/listicon.gif) center left no-repeat; -*/
}

#gallery {
	width: 530px;
}

.gallery_column {
	float: left;
	width: 165px;
}

.gallery_column img{
	border: 2px solid #000000;
	margin: 0px 0px 10px 0px;
}

.gallery_column p{
	text-align: left;
}

.liens {
	width: 530px;
}

.liens .titre {
	font-size: 12px;
	font-weight: bold;
	color: #FFFFFF;
	padding-top: 20px;
}

#agenda {
	width: 530px;
}

#agenda p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686f76;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

#agenda .italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686f76;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

.agenda_box {
	float: left;
	width: 480px;
	height: 20px;
	padding: 15px;
	background: #0c1117;
	border: 5px solid #0f1721;
}

.agenda_box1 {
	float: left;
	width: 490px;
	height: 150px;
	padding: 10px;
	background: #0c1117 url(../images/boxBG.gif) top right no-repeat;
	border: 5px solid #0f1721;
}

.agenda_box1:hover {
	border: 5px solid #686f76;
}

.agenda_box1 img {
	float: left;
	padding: 5px;
	border: 0px solid #000000;
}

.agenda_box1 .divImg {
	float: left;
	padding: 5px;
	width: 80px;
}

.agenda_box1 .divTxt {
	float: left;
	padding: 5px;
	width: 390px;
}

#guide {
	width: 530px;
}

#guide a {
	text-decoration: none;
}

#guide img {
	border: 2px solid #000000;
	margin: 0px 0px 10px 0px;
}

#guide p {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686f76;
	font-style: normal;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

#guide .italic {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #686f76;
	font-style: italic;
	font-weight: normal;
	font-variant: normal;
	text-transform: none;
	text-decoration: none;
}

#guide .more_button:hover {
	text-decoration: underline;
}

.guide_box {
	float: left;
	width: 480px;
	height: 20px;
	padding: 15px;
	background: #0c1117;
	border: 5px solid #0f1721;
}

.guide_box h1 {
	font-size: 18px;
}

.guide_box1 {
	float: left;
	width: 230px;
	height: 200px;
	padding: 10px;
	background: #0c1117 url(../images/boxBG.gif) top right no-repeat;
	border: 5px solid #0f1721;
}

.guide_box1:hover {
	border: 5px solid #686f76;
}

.guide_box1 h1:hover {
	text-decoration: underline;
}

.guide_box2 {
	float: left;
	width: 230px;
	height: 200px;
	padding: 10px;
	background: #0c1117 url(../images/boxBG.gif) top right no-repeat;
	border: 5px solid #0f1721;
}

.guide_box3 {
	float: left;
	width: 10px;
	padding: 5px;
	border: 0px solid #0f1721;
}

.guide_box4 {
	float: left;
	text-align: center;
	width: 440px;
	padding: 10px;
	background-color: #172331;
	border: 2px solid #0f1721;
}

.guide_box4 h1 {
	font-size: 22px;
	padding: 0px 0px 2px 0px;
}

.guide_box4 img {
	border: 0px none #FFFFFF;
	padding: 15px;
}

.guide_box4 p {
	text-align: center;
}

#guide_com {
	width: 425px;
}

#guide_com .top {
	float: left;
	background-color: #0c1117;
	background-image: url(../images/commentTopBG.JPG);
	background-repeat: no-repeat;
	background-position: left top;
}

#guide_com .left {
	float: left;
	width: 200px;
	text-align:left;
}

#guide_com .right {
	float: left;
	width: 200px;
	text-align:right;
}

#guide_com .bottom {
	float: left;
	padding: 3px;
	text-align:justify;
	width: 425px;
}

#contact {
	text-align: center;
	width: 530px;
}

#contact form {
	float: left;
	width: 500px;
	padding: 10px;
	background: #0c1117 url(../images/boxBG.gif) top right no-repeat;
	border: 5px solid #0f1721;
}

#contact input {
	background: #0c1117;
	width: 250px ;
}

#contact textarea {
	background: #0c1117;
	width: 250px ;
	height: 90px;
}

#contact .button {
	color: #aabdd0;
	width: 130px;
	height: 25px;
}

.contact_column1 {
	text-align: right;
	width: 180px;
	padding: 5px;
	float: left;
}

.contact_column2 {
	text-align: left;
	width: 280px;
	padding: 5px;
	float: left;
}

#rss {
	width: 530px;
}

.rss_column {
	float: left;
	width: 165px;
	padding-top: 5px;
	padding-right: 0px;
	padding-bottom: 5px;
	padding-left: 0px;
}

.rss_column img {
	float: left;
	border: 0px solid #0e121d;
}

#newsletter {
	width: 530px;
}

#newsletter form {
	float: left;
	width: 500px;
	padding: 10px;
	background: #0c1117 url(../images/boxBG.gif) top right no-repeat;
	border: 5px solid #0f1721;
}

#newsletter .input_form {
	background: #0c1117;
	width: 250px ;
}

#newsletter .checkbox {
	background: #0c1117;
	width: 10px ;
}

#newsletter .button {
	color: #aabdd0;
	width: 130px;
	height: 25px;
}

.newsletter_column {
	text-align: left;
	width: 500px;
	padding: 10px;
	float: left;
}

/* end of content */

/* ----- Footer ----- */

#templatemo_footer { /*----------- Validé --------------*/
	clear: both;
	padding: 20px 0px 0px 0px;
	width: 960px;
	height: 60px;
	text-align: center;
}

#templatemo_footer a{ /*----------- Validé --------------*/
	font-weight: normal;
}

/* ----- End of Footer ----- */