@charset "utf-8";

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

/* Reset --------------------------------------- */

html, body, div, span, applet, object, iframe, h1, h2, h3, h4, h5, h6, p, blockquote, pre, a, abbr, acronym, address, big, cite, code, del, dfn, em, font, img, ins, kbd, q, s, samp, small, strike, strong, sub, sup, tt, var, b, u, i, center, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td { margin: 0; padding: 0; border: 0; outline: 0; font-size: 100%; vertical-align: baseline; background: transparent; } :focus { outline: 0; }

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

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	line-height: 16px;
	color: #666666;
	background-image: url(/imports/images/bg.jpg);
	background-repeat: no-repeat;
	background-position: center top;
}
p { margin: 0px 0px 10px 0px; }

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

#container 	{ width: 960px; margin: 0 auto; }

#header 	{ width: 920px; height: 210px; margin: 80px 0px 0px 20px; }

#nav		{ width: 960px; height: 100px; }
	#nav li { margin: 0; padding: 0; list-style-type:none; display:inline; float: left; }
	#nav span { display: none; }
	#nav_1  { width: 240px; height: 100px; display: block; background: url(/imports/images/nav1.jpg) no-repeat 0 0; }
		#nav_1:hover { background-position: 0 -100px; }
	#nav_2  { width: 240px; height: 100px; display: block; background: url(/imports/images/nav2.jpg) no-repeat 0 0; }
		#nav_2:hover { background-position: 0 -100px; }
	#nav_3  { width: 240px; height: 100px; display: block; background: url(/imports/images/nav3.jpg) no-repeat 0 0; }
		#nav_3:hover { background-position: 0 -100px; }
	#nav_4  { width: 240px; height: 100px; display: block; background: url(/imports/images/nav4.jpg) no-repeat 0 0; }
		#nav_4:hover { background-position: 0 -100px; }
		
#content { width: 960px; height: 365px; }
	#con_col_1 { width: 200px; padding: 35px 20px 0px 20px; float:left; }
	#con_col_2 { width: 200px; padding: 35px 20px 0px 20px; float:left; }
	#con_col_3 { width: 200px; padding: 35px 20px 0px 20px; float:left; }
	#con_col_4 { width: 200px; padding: 35px 20px 0px 20px; float:left; }
	#con_col_4_right { width: 200px; padding: 35px 20px 0px 20px; float:right; }
	#con_full { width: 920px; height: 335px; padding: 35px 20px 0px 20px; font-size:13px; line-height:18px; background-image: url(/imports/images/bgfull.jpg); background-repeat: no-repeat; background-position: 0px 0px; }
	
#zoom { font-size: 11px; letter-spacing: 1px; text-align:right; padding: 5px; }

#footer { text-align:right; padding:20px; }

/* Navigation ---------------------------------- */



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

h1 { font-size:24px; line-height: 24px; font-weight: normal; letter-spacing: -1px; color:#bb1b3f; margin: 0px 0px 20px 0px; }
h2 { font-size:12px; line-height: 16px; font-weight: bold; color:#bb1b3f; margin: 0px 0px 10px 0px; }
h3 { font-size:14px; line-height: 18px; font-weight: bold; color:#bb1b3f; margin: 0px 0px 10px 0px; }

.txt_bleu { color:#2281ad; }

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

a:link, a:visited, a:active { font-weight: bold; color:#bb1b3f; text-decoration:none; }
a:hover { text-decoration:underline; }

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

.nav_list_niv_1 {
	list-style: none;
	border-bottom-width: 1px;
	border-bottom-style: dashed;
	border-bottom-color: #CCCCCC;
	padding: 5px;
	background-image: url(/imports/images/arrow.gif);
	background-repeat: no-repeat;
	background-position: 185px center;
}

.nav_list_niv_2 { list-style: none; border: 0px; margin: 0px; padding: 0px; font-size: 11px; }

.list { margin: 0px 0px 0px 40px; }

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

.clearfloat { clear:both; height:0; font-size: 1px; line-height: 0px; }
.img_left { float:left; margin-right:40px; }