/* 
Date : 25 décembre 2013
Auteur : Samuel Fedorawiez
Version : 1.0
Site : Aksios.org
*/

html, body, div {
	margin:0px;
	padding:0px;
}

body {
	background:#fff url(images1/backGroundAksios.jpg) center top repeat-x;	
	font-family: verdana,arial, sans-cherif;
	color:#373737;
}

#wrapper {
	background:#fff url(images1/backGroundImage.jpg) center top no-repeat;
	width:940px;
	height:536px;
	margin:0 auto 0 auto;

}
#wrapperLien {
	background:#fff url(images1/backGroundImageLien.jpg) center top no-repeat;
	width:940px;
	height:536px;
	margin:0 auto 0 auto;

}

#wrapperNews {
	background:#fff url(images1/backGroundImage1.jpg) center top no-repeat;
	width:940px;
	height:536px;
	margin:0 auto 0 auto;
}

#wrapperPro {
	background:#fff url(images1/backGroundImage2.jpg) center top no-repeat;
	width:940px;
	height:536px;
	margin:0 auto 0 auto;
}
#wrapperApropos {
	background:#fff url(images1/backGroundImage3.jpg) center top no-repeat;
	width:940px;
	height:536px;
	margin:0 auto 0 auto;
}
#wrapperDon {
	background:#fff url(images1/backGroundImage4.jpg) center top no-repeat;
	width:940px;
	height:536px;
	margin:0 auto 0 auto;
}
#wrapperContact {
	background:#fff url(images1/backGroundImage5.jpg) center top no-repeat;
	width:940px;
	height:536px;
	margin:0 auto 0 auto;
}
#wrapperLetter {
	background:#fff url(images1/backGroundImage6.jpg) center top no-repeat;
	width:940px;
	height:536px;
	margin:0 auto 0 auto;
}
#main{
	float:left;
	width:940px;
	margin:0px;
	padding:0px;
}

#header{
	margin:7px 0px 0px 0px;
	width:940px;
	float:right;
}
#link{
	margin:0px 0px 0px 0px;
	width:100%;
	height:30px;
	background-color:#222;
	float:right;
}
#menu-haut{
	margin:25px 0px 0px 0px;
	width:400px;
	float:right;
	
}
#menu-haut-gauche{
	margin:0px 0px 0px 30px;
	width:223px;
	float:left;
	
}
#menu-haut{
	margin:25px 0px 0px 0px;
	width:400px;
	float:right;
	
}
#haut{
	margin:0px 0px 0px 00px;
	width:940px;
	float:left;
	
}
#header #menu-haut li{
	list-style:none;
	display:inline;
	padding:0px;
	font-weight:bold;
	float:right;
	margin:0px 7px 0px 7px;
}
.menuhaut {
	color:#FF8C00;
	font-size:14px;
	font-family:Arial;
	text-decoration:none;
	padding-right:27px
}
.menuhautGris {
	color:#555;
	font-size:14px;
	font-family:Arial;
	text-decoration:none;
	padding-right:27px
}

.menuhaut:hover {
	color:#FFF;
}
#header #menu-bas{
	margin:300px 0px 0px 0px;
	padding-top:12px;
	padding-left:35px;
	width:605px;
	height:33px;
	float:left;
	background-color:#FF8C00;
}
#header #menu-bas li{
	list-style:none;
	display:inline;
	margin:0px 24px 0px 0px;
}
.menubas {
	color:#555;
	font-size:16px;
	font-family:Arial;
	text-decoration:none;
	padding-right:16px;
	font-weight:bold;
	color: #FFF;

}
.menubas:hover {
	color:#555;


}
#complement{
	float:left;
	width:552px;
	padding:23px 54px 0px 34px;
	height:37px;
	background-color:#FFF;
	color:#333333;
	font-size:32px;
	letter-spacing: -2px; 
	font-family: Arial, sans-serif;
	text-decoration:none;

}
#space{
	float:left;
	width:100%;
	height:30px;
}
#don{
	display:block;
	float:left;
	width:300px;
	height:65px;
	text-align:center;
	background-color:#EEE;
	padding-top:35px;
	
}
.fairedon{
	color:#FF8C00;
	font-size:22px;
	font-family:Arial;
	text-decoration:none;
	font-weight:bold;
}
.fairedon:hover{
	color:#000;
}
#gauche{
	background-color:#FFF;
	float:left;
	width:552px;
	height:auto;
	padding:0px 54px 50px 34px;
	color:#333333;
	font-size:15px;
	font-family:Arial;
	text-decoration:none;
	text-align:justify;
	line-height: 22px;
}


#droite{
	float:left;
	width:300px;
	background-color:#EEE;
	height:400px;
	margin:0px;
	padding:0px;
}
#bas {
	width:940px;
	float:left;
	height:23px;
	background-color:#777;
	padding:12px 0px 0px 34px;
	color:#FFF;
	font-size:12px;
	font-family:Arial;
}
#suivre{
	float:left;
	padding:40px 0px 10px 0px;	
}
#suivreImg{
	float:left;
	width:188px;
	height:auto;
}
#suivreImga{
	float:left;
	width:170px;
	height:auto;
}
#suivreTxt{
	padding:0px 21px 0px 5px;
	text-align:left;
}
.imgSuivre{
	margin-right:16px;
}

.style1{
	color:#333;
	font-size:14px;
	font-family:Arial;
	text-decoration:none;
}
.style1:hover{
	text-decoration:underline;
}

.top_scroll {
  bottom: 30px;
  position: fixed;
  right: 30px;
}
.top_scroll a {
  background-image: url("images1/top.png");
  background-position: 50% 50%;
  background-repeat: no-repeat;
  background-color:#353535;
  display:none;
  padding: 10px 20px;
  text-indent: -9999px;
  float:right;
}

a.button {
border-radius:4px;
float:left;
background-color:#FF8C00;
display:block;
color:#FFF;
font-weight:700;
height:37px;
line-height:37px;
margin-bottom:0px;
text-decoration:none;
padding-right:12px;
padding-left:12px;
}

.address{
	float:left;
	width:290px;
}
.formulaire{
	float:left;
	width:605px;
}
#magazineDroite {
float:left;
width:534px;
padding-left:0px;
margin:25px 20px 0 0;
color:#999;
}
.magazineTitre {
font-size:22px;
font-family:Arial;
text-decoration:none;
color:#000;
font-weight:700;
}
#blocAlign {
float:left;
width:545px;
border-bottom:1px solid #CCC;
padding:20px 0 0;
}
#magazinePhoto {
float:left;
width:180px;
height:124px;
margin:0 0 15px;
padding:0;
}
#magazineExtrait {
float:left;
width:355px;
margin:0 0 10px 10px;
}

#magazineSuite {
float:left;
height:20px;
background-color:#FF8C00;
margin:0 0 40px 10px;
padding:0px 7px 3px;
}
.lireLasuite {
font-size:12px;
font-family:Arial;
text-decoration:none;
color:#FFF;
font-weight:700;
}
.auteur,.day,.auteur {
font-size:11px;
color:#666;
font-weight:700;
text-transform:uppercase;
font-family:Arial, Helvetica, sans-serif;
text-decoration:none;
padding-right:5px;
}
.par {
font-family:Georgia;
font-size:12px;
color:#666;
font-style:italic;
font-weight:400;
text-transform:lowercase;
}

.le {
font-family:Georgia;
font-size:12px;
color:#666;
font-style:italic;
font-weight:400;
text-transform:lowercase;
padding-left:5px;
}

.auteur:hover {
color:#FF8C00;
}
span.alert, span.valid  {
	display: block;
	padding: 8px 20px 8px 20px;
	margin: 15px 31px 0px 3px ;
	}
span.alert {
	color: #CF3738;border: 1px solid #FFACAD;
	background: #FFD5D5;
	font-size: 12px;
	font-family: tahoma;
	line-height: 18px;
}
span.valid {
	color: #648434;border: 1px solid #9BCC54;
	background: #CDEFA6;
		font-size: 12px;
	font-family: arial;
	line-height: 18px;
}