@charset "utf-8";

/* ///////////////////////////////////////////// */
/* A T E L I E R X X I I /////////////////////// */
/* FEUILLE DE STYLES CSS /////////////////////// */
/* ///////////////////////////////////////////// */


/* Base ---------------------------------------- */

body {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 12px;
	line-height: 16px;
	color: #14a4b3;
	text-align: center;
	margin: 0px;
	padding: 0px;
	background-color: #14a4b3;
	background-image: url(../images/bg.jpg);
	background-repeat: repeat-x;
	background-position: top;
}

p { margin: 0px 0px 15px 0px; }

/* Mise en page -------------------------------- */

#container { width: 983px; margin: 0 auto; text-align:left; background-image: url(../images/header.jpg); background-repeat: no-repeat; background-position: center top; }
#header { width: 360px; height:180px; float:left; margin: 250px 0px 0px 38px; }
#flash { width: 585px; height:390px; float:right; margin-top:10px; }
#content { width: 900px; }
#col1 { width:525px; float:left; margin: 0px 0px 0px 38px;  }
#col2 { width:525px; float:left; margin: 0px 0px 0px 38px; }
#col3 { width:250px; float:right; margin: 0px 38px 0px 0px;  }
#footer { width:862px; height:157px; padding: 30px 0px 0px 38px; text-align: left; background-image: url(../images/footer.jpg); background-repeat: no-repeat; background-position: center top; }

#banniere {
	width: 900px;
	height: 100px;
	text-align: left;
	margin-top: 20;
	float: left;
}

/* Textes -------------------------------------- */

h1 { color: #fff; font-size:19px; line-height: 24px; letter-spacing:-1px; font-weight:normal; margin:0px 0px 20px 0px; }
h2 { font-size:18px; line-height: 24px; font-weight:normal; margin: 17px 0px 0px 0px; }
h3 { font-size:18px; line-height: 24px; font-weight:normal; margin: 5px 0px 0px 0px; }
h4 { font-size:21px; line-height: 24px; font-weight:normal; margin: 0px 0px 15px 0px; padding: 0px; }
h5 { font-size:14px; line-height: 18px; font-weight:normal; margin: 0px; padding: 0px; }

/* Liens --------------------------------------- */

a:link, a:visited, a:active {}
a:hover {}

/* Listes -------------------------------------- */

ul {}
li {}

/* Autres -------------------------------------- */

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.img { background-color: #e3f4f6; padding: 5px; border: 1px solid #3c9fad; float: left; margin: 0px 15px 0px 0px; }
.fiche { height: 100px; }
.logo { margin-left: 30px; }
.btn1 { float:left; margin: 0px 0px 30px 0px; }
.btn2 { float:left; margin: 0px 0px 30px 38px; }
.voyage { float:right; }