/*
Theme Name: Matthieu
Theme URI: http://www.newslettux.fr
Description: The first theme created by Matthieu LACROIX
Version: 1.0
Author: Matthieu Lacroix

Creation Theme by Matthieu LACROIX || http://www.newslettux.fr

*/

html
{
	margin:0;
	padding:0;
}



body
{
	background:url(_img/theme/header.png) repeat-x top left;
	color:#606060;
	font-family: Lucida Grande, Arial, Helvetica, Sans-serif;
	font-size:0.8em;
	margin:0;
	padding:0;
	text-align:left;
}



/* **********************************************************************************
 * MAIN TEMPLATE
 * ******************************************************************************** */
#tpl_container
{
	background:url(_img/theme/footer.png) repeat-x bottom left;
	border:1px solid #1D4B65;
	margin:0;
	padding:0;
}

#tpl_header
{
	background:url(_img/theme/logo_header.png) no-repeat top right;
	font-family: Trebuchet MS, Lucida Grande, Arial, Helvetica, Georgia, Sans-serif;
	height:170px;
	margin:0 auto;
	padding:0;
	width:900px;
	/* C1 : 05344E   C2 : 316b74   C3 : FFFFFF */
}

#tpl_page
{
	/*background:url(img/central_page_bw.png) repeat-y left;*/
	margin:0 auto;
	padding:0;
	width:900px;
}

#tpl_toppage
{
	/*background:url(img/top_page_bw.png) no-repeat center bottom;*/
	margin:1em auto;
	padding:0;
	width:900px;
}

#tpl_content
{
	float:left;
	padding:10px 10px 40px 10px;
	margin-bottom:4em;
	text-align:justify;
	width:630px;
}

#footer_boundary
{
	clear: both;
	height:14px;
	width: 740px;
}

#tpl_footer
{
	color:#FFF;
	font-size: 1em;
	padding: 15px 10px 0 0;
	margin:0 auto 0 auto;
	width: 740px;
}

#tpl_footer p
{
	font-size: 1em;
	padding: 0 10px 20px 0;
	text-align: right;
}

/* **********************************************************************************
 * TOP MENU
 * ******************************************************************************** */
#tpl_topmenulinks
{
	margin:0 auto 0 auto;
	padding:0;
	top:0;
	width:900px;
}


#tpl_topmenulinks ul
{
	display:inline;
	margin:0 auto 0 auto;
	padding:0;
}

#tpl_topmenulinks li
{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}

#tpl_topmenulinks ul li a:link, #tpl_topmenulinks ul li a:hover, #tpl_topmenulinks ul li a:visited
{
	color:#DCE0DF;
	display:block;
	height:27px;
	padding-top:8px;
	text-align:center;
	text-decoration:none;
	width:150px;
}

#tpl_topmenulinks ul li a:hover
{
	background:url(_img/theme/topmenulink_hover.png) no-repeat top left;
	color:#FFF;
}




/* **********************************************************************************
 * SIDEBAR
 * ******************************************************************************** */
#tpl_sidebar
{
	background:url(_img/theme/sidebar_top.png) no-repeat top center;
	float:right;
	margin:0 0 20px 25px;
	padding:20px;
	width:185px;
}


.sidebar_content
{
	background:url(_img/theme/sidebar_bottom.png) no-repeat bottom center;
	margin:0px 0 0 -20px;
	padding:5px 20px 20px 20px;
	width:185px;
}

#tpl_sidebar ul
{
	list-style-type: none;
	margin: 0;
	padding: 0 5px;
}

#tpl_sidebar h2
{
	border-bottom:1px dotted #006699;
	font-size: 1.2em;
	margin-top:2em;
	text-align:right;
}

#tpl_sidebar a:hover
{
	border-bottom: 1px dotted;
	text-decoration: none;
}


#tpl_sidebar li
{
	margin-bottom:1.5em;
}

#tpl_sidebar li img
{
	border:0;
	vertical-align:bottom;
}




/* **********************************************************************************
 * HEADER
 * ******************************************************************************** */
#tpl_header h1
{
	font-size:2em;
	margin:0;
	padding:40px 20px 0 0;
	text-align:left;
}

#tpl_header h1 a
{
	color:#FFF;
	text-decoration:none;
}

#tpl_header p
{
	color:#FFF;
	font-size: 1em;
	font-style:italic;
	padding: 0 20px 0 0;
	text-align:left;
}


/* **********************************************************************************
 * MAIN PAGE
 * ******************************************************************************** */
.bandeaumsg
{
	color:#006699;
	text-align:justify;
	height:256px;
	width:750px;
}

.bandeaumsg h2
{
	font-variant:small-caps;
}

.bandeaumsg p
{
	font-weight:bold;
	padding-top:2em;
	width:450px;
}

#msg1
{
	background:url(_img/pictos/ico_msg1.png) no-repeat center right;
}

#msg2
{
	background:url(_img/pictos/ico_msg2.png) no-repeat center right;
}

#msg3
{
	background:url(_img/pictos/ico_msg3.png) no-repeat center right;
}

#msg4
{
	background:url(_img/pictos/ico_msg4.png) no-repeat center right;
}

#msg5
{
	background:url(_img/pictos/ico_msg5.png) no-repeat center right;
}

#msg6
{
	background:url(_img/pictos/ico_msg6.png) no-repeat center right;
}

#bandeau
{
	background:url(_img/theme/bandeau.jpg) no-repeat top left;
	margin:15px auto 0 auto;
	height:70px;
	padding:0;
	width:750px;
}


#bandeau ul
{
	display:inline;
	margin:0 auto 0 auto;
	padding:0;
}

#bandeau li
{
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}

#bandeau ul li a:link, #bandeau ul li a:hover, #bandeau ul li a:visited
{
	/*background:url(img/bandeau_background_link.png) no-repeat top left;*/
	color:#AEC8D3;
	display:block;
	height:50px;
	padding-top:20px;
	text-align:center;
	text-decoration:none;
	width:125px;
}

#bandeau ul li a:hover
{
	/*background:url(img/bandeau_background_linkhover.png) no-repeat top left;*/
	color:#FFF;
	font-weight:bold;
}

/* **********************************************************************************
 * COMMON CLASSES
 * ******************************************************************************** */
a:link, .pseudo_lien
{
	color:#0074A9;
	cursor:pointer;
	/*font-weight:bold;*/
	text-decoration:none;
}


a:hover
{
	color:#606060;
	text-decoration:underline;
}

h1, h2, h3
{
	color:#005178;
}

h2
{
	background:url(_img/ico/32/mail.png) no-repeat center left;
	height:35px;
	margin-bottom:1em;
	padding-left:35px;
}

h3
{
	margin-top:2em;
}

img
{
	border:0;
}

.ok
{
	background:#DDEEAA url(_img/ico/16/ok.png) no-repeat center left;
	border:1px solid #009900;
	color: #009900;
	font-weight: bold;
	margin:2em;
  padding:1em 1em 1em 25px;
}

.nok
{
	background:#FFFDDB url(_img/ico/16/nok.png) no-repeat center left;
	border:1px solid #FF0000;
	color: #FF0000;
	font-weight: bold;
	margin:2em;
  padding:1em 1em 1em 25px;
}


.info
{
	background-color:#D8E5F8;
	border-top:2px solid #629DE3;
	border-bottom:2px solid #629DE3;
	color:#3366FF;
	font-weight:bold;
	margin:2em 0;
	padding:15px;
}

.warning
{
	background-color:#FFD6D6;
	border-top:2px solid #FE7B7A;
	border-bottom:2px solid #FE7B7A;
	color:#FF0000;
	font-weight:bold;
	margin:2em 0;
	padding:15px;
}

.hiddenitem
{
	border:1px solid #000;
	background-color:#FFFDDB;
	list-style-type:none;
	margin:1em;
	padding:.5em;
}

.obligatoire
{
	color:#F00;
	font-weight:bold;
}

.cell_hover
{
	background-color:#FFFDDB;
}

pre
{
	background-color:#FFFFDD;
	background-image:url(_img/img_code.png);
	background-position:top right;
	background-repeat:no-repeat;
	border:1px dotted #FD9191;
	color:#009;
	font-family:Courier New;
	font-size:0.9em;
	margin:2em auto;
	max-height:400px;
	overflow:auto;
	width:80%;
}

blockquote
{
	background-color:#E5F6DF;
	background-image:url(_img/img_quote.png);
	background-position:top right;
	background-repeat:no-repeat;
	border:1px dotted #7c8eae;
	padding-right:50px;
}

#multipages .letters li
{
	display:inline;
	padding:0 1em 0 0;
}


/* **********************************************************************************
 * NEWSLETTUX BOXES
 * ******************************************************************************** */
ul.boxes
{
	margin:0;
	padding:0;
}

ul.boxes li
{
	/*display:inline;*/
	float:left;
	list-style-type:none;
	margin:0;
	padding:0;
}

ul.boxes li a
{
	border:1px solid #FFF;
	color:#0074A9;
	cursor:pointer;
	display:block;
	font-weight:bold;
	height:350px;
	padding-top:15px;
	margin-right:5px;
	text-align:center;
	text-decoration:none;
	width:200px;
}

ul.boxes a#box_0:link, ul.boxes a#box_0:visited
{
	background:url(_img/boite_newslettux3_standard_out.png) no-repeat bottom left;
}

ul.boxes a#box_0:hover, .box_0_hover
{
	background:url(_img/boite_newslettux3_standard.png) no-repeat bottom left;
	border:1px dotted #0074A9;
	color:#606060;
	text-decoration:underline;
}


ul.boxes a#box_1:link, ul.boxes a#box_1:visited
{
	background:url(_img/boite_newslettux3_professionnel_out.png) no-repeat bottom left;
}

ul.boxes a#box_1:hover, .box_1_hover
{
	background:url(_img/boite_newslettux3_professionnel.png) no-repeat bottom left;
	border:1px dotted #0074A9;
	color:#606060;
	text-decoration:underline;
}

ul.boxes a#box_2:link, ul.boxes a#box_2:visited
{
	background:url(_img/boite_newslettux3_atomic_out.png) no-repeat bottom left;
}

ul.boxes a#box_2:hover, .box_2_hover
{
	background:url(_img/boite_newslettux3_atomic.png) no-repeat bottom left;
	border:1px dotted #0074A9;
	color:#606060;
	text-decoration:underline;
}


/* **********************************************************************************
 * NEWSLETTUX VERSIONS
 * ******************************************************************************** */
.comparatif
{
	border:1px solid #00648A;
}

.comparatif thead th, .comparatif tfoot td
{
	border:1px solid #99DFF9;
}

.comparatif thead
{
	text-align:center;
}

.comparatif tbody td
{
	border:1px solid #99DFF9;
}

.comparatif .bg_se
{
	background-color:#BADF63;
}

.comparatif .bg_pe
{
	background-color:#A7CED6;
}

.comparatif .bg_ae
{
	background-color:#FFB862;
}


.comparatif .separateur_td
{
	background:none;
}


/* **********************************************************************************
 * UPDATES
 * ******************************************************************************** */
dl.bloc_update
{
	margin:2em 0 2em 0;
	padding:0;
}

.bloc_update dt
{
	background-color:#78A4BE;
	border:1px solid #3C647B;
	color:#FFFFFF;
	font-weight:bold;
	padding:.5em .5em;
	text-transform:uppercase;
}

.bloc_update dt a
{
	color:#FFF;
	text-decoration:underline;
}

.bloc_update dd
{
	background:#DFE9EF;
	border-bottom:1px solid #3C647B;
	border-left:1px solid #3C647B;
	border-right:1px solid #3C647B;
	font-style:italic;
	margin:0 0 1em 0;
	padding:1em .5em;
}


/* **********************************************************************************
 * DIRECTORY
 * ******************************************************************************** */
ul.directory_cats
{
	margin:0px;
	padding:0px;
	list-style-type:none;
	text-align:left;
}

ul.directory_cats li
{
	list-style-type:none;
	float:left;
}

ul.directory_cats li a
{
	border:1px solid #FFF;
	background-repeat:no-repeat;
	background-position:center left;
	display:block;
	/*font-size:10px/12px;*/
	font-size:12px;
	height:55px;
	margin:10px;
	padding:15px 8px 8px 80px;
	text-align:left;
	text-decoration: none;
	width:100px;
}

ul.directory_cats li a:hover
{
	background-color:#DFE9EF;
	border:1px solid #3C647B;
	color:#000000;
}


dl.directory_site
{
	margin:2em 0;
	padding:0;
	font-family:georgia, times, serif;
}

.directory_site dt
{
	float:left;
	padding:15px 0 0 5px;
	text-align:center;
	width:140px;
}

.directory_site dd
{
	border-left:1px solid #000;
	float:left;
	margin-bottom:3em;
	padding-left:10px;
}


/* **********************************************************************************
 * FORMS
 * ******************************************************************************** */
.paypal_form
{
	margin:2em 1em 2em 1em;
	text-align:center;
}

form
{
	width:100%;
}

form .formhead
{
	background:url(_img/theme/formhead.png) no-repeat top left;
	color:#FFF;
	padding:5px 0 0 15px;
	margin:0;
	height:42px;
}

form .formhead h3
{
	color:#005178;
	margin:0;
	padding-top:5px;
}

form .formbody
{
	background-color:#dceaf1;
	border-left:1px solid #346269;
	border-right:1px solid #346269;
	padding:1em 0 1em 0;
	margin:0;
}

form .formfoot
{
	background:url(_img/theme/formfoot.png) no-repeat top left;
	/*background-color:#8dbfe2;*/
	color:#FFF;
	height:43px;
	margin:0;
	padding:5px 10px 0 15px;
	text-align:right;
}

form fieldset
{
	border:0;
	border-top:1px dotted #8dbfe2;
	margin:2em 0 0 0;
	padding:0 1em;
}

form fieldset legend
{
	background-color:#DCEAF1;
	font-weight:bold;
	margin-left:10px;
	padding:0 3px; /* For IE */
}

form fieldset label
{
	float:left;
	line-height:24px;
	padding-right:10px;
	text-align:right;
	vertical-align:top;
	width:150px;
}

input[type=text]
{
	background:url(_img/theme/input_310_bg.png) no-repeat top left;
	border:0;
	height:24px;
	padding:0 0 3px 3px;
	width:310px;
}

textarea
{
	background:url(_img/theme/textarea_310_bg.png) no-repeat top left;
	border:0;
	height:168px;
	padding:4px;
	width:310px;
}


/* **********************************************************************************
 * BIG ICONS
 * ******************************************************************************** */
.big_link a:link, .big_link a:visited
{
	/*background-position:middle left;*/
	background-position:left;
	background-repeat:no-repeat;
	border:1px dashed #FFF;
	display:block;
	font-weight:bold;
	height:78px;
	margin:10px;
	padding:50px 0 0 70px;
	text-decoration:none;
}

.big_link ul, .big_link li
{
	list-style-type:none;
	margin:0;
	padding:0;
}

.big_link a:hover
{
	border:1px dashed #009;
}
/* **********************************************************************************
 * FAQ
 * ******************************************************************************** */
dl.faq_comment
{
	margin:2em 0;
	padding:0;
	width:100%;
}

.faq_comment dt
{
	background-color:#FFFDDB;
	border-left:1px solid #069DDA;
	border-right:1px solid #069DDA;
	border-top:1px solid #069DDA;
	color:#959289;
	font-weight: bold;
	padding: .5em .5em;
	text-align: center;
}

.faq_comment dd
{
	border-left:1px solid #069DDA;
	border-right:1px solid #069DDA;
	border-bottom:1px solid #069DDA;
	margin:0 0 1em 0;
	padding:1em .5em;
	text-align:left;
}




/* **********************************************************************************
 * SPECIAL VALUES FOR FORUM
 * ******************************************************************************** */
#forum form
{
	width:100%;
}

#forum form fieldset
{
	border:0;
	margin:auto;
	padding:auto;
}

#forum form fieldset legend
{
	background-color:none;
	font-weight:normal;
	margin-left:auto;
	padding:auto;
}

#forum form fieldset label, #forum label
{
	float:none;
	line-height:1em;
	padding-right:auto;
	text-align:auto;
	width:auto;
}

#forum input[type=text]
{
	background:#dceaf1;
	border:1px solid #3485BD;
	height:auto;
	padding:auto;
	width:auto;
}

#forum textarea
{
	background:#dceaf1;
	border:1px solid #3485BD;
	height:auto;
	padding:auto;
	width:auto;
}



/* BUTTONS */

.buttons a, .buttons button{
	display:block;
	float:left;
	margin:0 7px 0 0;
	background-color:#f5f5f5;
	border:1px solid #dedede;
	border-top:1px solid #eee;
	border-left:1px solid #eee;

	font-family:"Lucida Grande", Tahoma, Arial, Verdana, sans-serif;
	font-size:100%;
	line-height:130%;
	text-decoration:none;
	font-weight:bold;
	color:#565656;
	cursor:pointer;
	padding:5px 10px 6px 7px; /* Links */
}

.buttons button{
	width:auto;
	overflow:visible;
	padding:4px 10px 3px 7px; /* IE6 */
}

	.buttons button[type]{
	padding:5px 10px 5px 7px; /* Firefox */
	line-height:17px; /* Safari */
}

*:first-child+html button[type]{
	padding:4px 10px 3px 7px; /* IE7 */
}

.buttons button img, .buttons a img{
	margin:0 3px -3px 0 !important;
	padding:0;
	border:none;
	width:16px;
	height:16px;
}


.buttons a:hover
{
	background-color:#DDD;
	color:#000;
}