/*
Kris Kardiak d'après un
#354066
Design by Metamorphosis Design
http://www.metamorphozis.com
Released for free under a Creative Commons Attribution 2.5 License
*/

*
{
border: 0;
margin: 0;
}

img
{
border: 0px;
}

.cache {

position:absolute;
left:0;
top:-5000px;
}

body{
	font: 12px Arial, Helvetica, sans-serif;
	color: #000000;
	/*background: url(images/bg.jpg) top repeat-x #E4E4E4;*/
	background-color: #00294A;
	line-height: 18px;
}

.bg_png { background:url(images/bg_png.png) center top no-repeat;}

	
#main {
	width: 1014px;
	margin: 0px auto 0px auto;
	}

#header { 
	height: 110px;
}

#logo {	
		height: 40px;
		padding: 26px 0px 0px 13px;
		text-align: left;
		background: url(images/logo.gif) top repeat-x;
		
}

#logo a {
	text-decoration: none;
	font-size: 50px;
	color: #354066;
	font-style: italic;
	font-weight: bolder;
	
}
	
#logo H2 a{
	font-size: 14px;
	font-family: Arial, Helvetica, sans-serif;
	font-weight:100;
	color: #354066;
	font-style: italic;
	text-align:right;
}

.slogan {
margin-top:-20px;
padding-right:20px;
float:right;

}

#buttons{
	text-align:center;
	height: 44px;
	padding-left: 0px;
	background: url(images/buttons.gif) top repeat-x;
	padding: 0px 0px 0px 7px;
}

#buttons a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 14px;
	display: block;
	float: left;
	text-decoration: none;
	color: #ffffff;
	text-align: center;
	padding-top: 10px;
	height: 34px;
	
}

.but {
	width: 200px;
}

#buttons .but:hover {
	background: url(images/but_hover.gif) top repeat-x;
	}
	
	
	
.top_top {
	height: 15px;
	background: url(images/top_top.jpg) left top no-repeat;}
	
.top { height:321px;
	   background: #E4E4E4;
	   padding-top: 13px;}

.top_bot {
	height: 15px;
	background: url(images/top_bot.jpg) left top no-repeat;}

#content{
	padding: 10px 0px 10px 0px;
	background: #ffffff;
}


.home_box {
	float: left;
	width: 303px;
	text-align:center; }

.img_l {	float:left;
		margin: 3px 18px 6px 0px;
}

.img_r {	float: right;
		margin: 9px 10px 3px 10px;
}

.span_cont {	color: #003574;
	font-size:12px;
	font-weight:bold;
}

 h1{
	font-size:16px;
	font-weight: 700;
	color: #FFFFFF;
	text-align: left;
	padding: 0px 0px 0px 0px;
	background:url(images/h1.jpg) left top no-repeat;
	padding: 4px 0px 4px 8px;
	
}

 h2{
	font-size:16px;
	font-weight: bold;
	color: #003574;
	
	font-style: italic;
	padding: 0px 0px 0px 0px;
	
}


.text { padding: 0px 14px 0px 14px;}

.razd_h { border-top: 1px solid #E4E4E4;}

.span_bot {
	color: #ffffff;
	font-weight: bold;}
	
	
#bottom {
	background: url(images/bottom.gif) top repeat-x #354066;
	color: #000000;
}

#bottom_bot {
	background: url(images/bottom.gif) 43px bottom no-repeat;
	color: #FFFFFF;
}

#bottom h1 { 
	color: #ffffff;
	font-size: 16px;
	font-weight: bold;
	text-align: left;
	padding: 10px 0px 15px 0px;
	background: none;
	font-style: italic;
			}

#b_col1 {
	width: 324px;
	float: left;
	margin-left: 14px;
	color:#9DABDE;
}

#b_col1 a {
color:#FFFFFF;
font-weight:bold;
}

#b_col1 a:hover {
color: #FF0000;
font-weight:bold;
}

.fnaim {
text-align:right;
padding-right:100px;}


#b_col2 {
	width: 305px;
	float: left;
	margin-left: 34px;
}
#b_col3 {
	width: 290px;
	float: left;
	margin-left: 34px;
	text-align: left;
}

#b_col3 a {
color:#FFFFFF;

}

#b_col3 a:hover {
color: #FF0000;
}

.b_col4 {
text-align:left;
width: 500px;
}

.b_col5 {
width:300px;
float:right;
text-align:right;

}


.spis_bot {
	list-style:none;
	padding: 0px 0px 0px 0px;}

.spis_bot li {
	padding: 2px 0px 0px 0px;
	}
	
.spis_bot a {
	color:#9DABDE;
	text-decoration:none;
	font-weight: bold;
	background: url(images/fish2.png) 2px 8px no-repeat;
	display: block;
	font-weight:bold;
	padding: 5px 0px 3px 23px;}
.spis_bot a:hover {
	color:#ffffff;
	padding: 5px 0px 3px 28px;
	text-decoration: none;
	background:url(images/fish2_hover2.gif) left top no-repeat;
	}
	
.fu_i {
	
	float: right;
}


.a_fu_i{ padding: 5px 0px 0px 0px;
		margin: 0px 20px 0px 0px;
		display:block;
		width: 32px;
		height:32px;
		float: right;}
.a_fu_i:hover { padding: 0px 0px 0px 0px;
				display:block;}
				

.input_txt {
	width: 210px;
	border: none;
	background: #C9C7C7;
	padding: 3px 10px 3px 10px;
	color:#000000;
	font-weight:bold;
	float: left;
	border: 1px solid #656565;
}

.label {

float:left;
width: 65px;
font-weight:bold;
line-height: 25px;
}

.adresse {
width: 268px;
	height:90px;
	border: none;
	background: #C9C7C7;
	padding: 3px 10px 3px 10px;
	color:#000000;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #656565;
	max-height: 90px;
max-width: 350px;
font-weight:bold;
}

.text_area {
	width: 350px;
	height:150px;
	border: none;
	background: #C9C7C7;
	padding: 3px 10px 3px 10px;
	color:#000000;
	font-size: 12px;
	font-family:Arial, Helvetica, sans-serif;
	border: 1px solid #656565;
	max-height: 150px;
max-width: 350px;
}
.submit {
	background:url(images/submit.gif) right 0px no-repeat;
	text-align: center;
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
	font-weight:500;
	padding: 1px 6px 3px 0px;
	font-size:12px;
	color: #ffffff;
	text-decoration: none;
	padding-right: 2px;
	width: 44px;
	margin: 0px 0px 0px 0px;
	cursor: pointer;
}				
				
.submit a {
text-decoration:none;
}

.text_area a {
text-decoration:none;}					
				

#footer{
	height: 30px;
	font-size: 10px;
	color: #ffffff;
	text-align: left;
	padding: 12px 25px 0px 25px;
	background:  #354066;
	border-top: 1px solid #ffffff;
	
}

#footer a{
	color: #354066;
	font-size: 10px;
	text-decoration: none;
}

#footer a:hover{
	color: #354066;
	font-size: 10px;
	
}

.lh {
	line-height: 22px;
}


/* wrapper du diaporama*/

#slider-wrapper {
    background:url(images/top.jpg) no-repeat;
    width:984px;
    height: 327px;
    margin:0 auto;
}