@charset "iso-8859-1";


/*** MINI RESET ******************************************************************************/
a, img { border: 0; }
a:focus { outline: 0; }
.border_selected {
	width: 196px;
	height: 146px;
	border: 2px solid #d54207;
}
.border_orange {
	width: 198px;
	height: 148px;
	border: 1px solid #f8dca6;
}
.textarea_selected { color: #601b00; }
.textarea_grey { color: #f8dca6; }


/*** GENERAL *********************************************************************************/
body {
	margin: 0;
	padding: 0;
	text-align: center;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11px;
	color: #601b00;
	background: url(/media/images/background/bg-main.gif) repeat fixed;
}
h1, h2, h3, h4, h5, h6, a, table { color: #601b00; }
p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}
a {
	text-decoration: none;
	color: #601b00;
}


/*** HEADER **********************************************************************************/
h1#header {
	margin: 0 auto;
	padding: 25px 0 0 0;
	width: 844px;
	height: 23px;
}
h1#header img {
	float: left; 
	margin: 0;
	padding: 0;
}


/*** BOX MAIN *******************************************************************************/
div#box_main {
	margin: 0 auto;
	padding: 0;
	width: 844px;
	height: 934px;
	background-image: url(/media/images/background/box-main.gif);
	background-repeat: no-repeat;
	text-align: left;
}
div.box_index {
	margin: 0 auto;
	padding: 8px 30px 0 30px;
	width: 784px;
	height: 207px;
	background-image: url(/media/images/background/index-box.gif);
	background-repeat: no-repeat;
	text-align:left;
}
div.box_index p {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 18px;
}
div.box_index_illustrateur {
	margin: 0 auto;
	padding: 0;
	width: 844px;
	height: 215px;
	background-image: url(/media/images/background/index-box.gif);
	background-repeat: no-repeat;
	text-align:left;
}
div.index_vignette {
	float: left;
	margin: 35px 0 0 0;
	border: 1px solid #f8dca6;
}
div#box_main h1#illustrateur {
	float: left;
	margin: 0;
	padding: 15px 0 0 0;
	width: 573px;
	height: 102px;
}
div#box_main div#autres_illustrateurs {
	float: left;
	width: 271px;
	height: 142px;
}
div#box_main div#choisis_illustration {
	float: left;
	width: 451px;
	height: 66px;
}
div#box_main div#tit_message {
	float: left;
	width: 393px;
	height: 66px;
}

/*** ILLUSTRATIONS ***/
div#box_main div#illustration {
	float: left;
	margin: 0 0 0 30px;
	padding: 0;
	width: 420px;
}
div#box_main div#illustration img {
	float: left;
	margin: 0 10px 10px 0;
	padding: 0;
	cursor: pointer;
}

/*** FORMULAIRE ***/
div#box_main #textarea {
	float: right;
	margin: 0 30px 0 0;
	padding: 30px;
	width: 288px;
	height: 408px;
	border: 1px solid #f8dca6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	line-height: 26px;
	vertical-align: middle;
}
div#box_main div#input {
	float: left;
	margin: 15px 0 0 0;
	padding: 0 0  0 15px;
	width: 450px;
	height: 160px;
	background-image: url(/media/images/background/remplis-le-formulaire.jpg);
	background-repeat: no-repeat;
}
div#box_main .input_text {
	clear: both;
	float: left;
	margin: 0 0 4px 0;
	padding: 4px 4px 0 4px;
	width: 189px;
	height: 30px;
	border: 1px solid #f8dca6;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 22px;
	color: #601b00;
}
div#box_main div#liens {
	float: left;
	margin: 15px 0 0 0;
	padding: 0;
	width: 350px;
	height: 196px;
}
div#box_main div#liens img {
	float: left;
	margin: 0;
	padding: 0;
}
div#box_main div#liens #bt_form_envoyer {
	float: right;
	margin: 0;
	padding: 0;
}


/*** FOOTER **********************************************************************************/
div#footer {
	margin: 0 auto;
	padding: 0;
	width: 840px;
	height: 204px;
	background-image: url(/media/images/background/box-footer.gif);
	background-repeat: no-repeat;
	text-align: left;
}
div#footer a { text-decoration: none; }
div#footer_top {
	float: left;
	margin-left: 90px;
	width: 600px;
}
div#footer_top p {
	font-size: 11px;
	line-height: 15px;
	font-family: Arial, Helvetica, sans-serif;
}
div#footer_bottom {
	clear: left;
	float: left;
	margin: 15px 0 0 90px;
	width: 650px;
	font-weight: bold;
}
div#footer_bottom p {
	font-size: 9px;
	line-height: 9px;
	font-family: Arial, Helvetica, sans-serif;
}
div#footer_bottom a {
	margin: 0;
	padding: 0 4px;
}
div#footer_partager {
	float: right;
	margin: 34px 40px 0 0;
	width: 59px;
}




/*** POPIN AJAX **********************************************************************************/
div#popinAjaxFond {
	padding: 10px 0;
	background: url(/media/images/background/bg-main.gif) repeat fixed;
}
div#popinAjaxContenu {
	padding: 50px 30px;
	margin: 0 auto;
	width: 651px;
	height: 475px;
	background-image: url(/media/images/background/bg_nl.gif);
	background-repeat: no-repeat;
}