body {
	margin: 0;
	padding: 0;
	background-image: url(../images/fond_page.gif);
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	text-align: center;
}

img {
	border: none;
}

table {
	font: 11px Arial, Helvetica, sans-serif;
}

.bleu {
	color: #0F1573;
}

.orange {
	color: #FE3F00;
}

#site {
	width: 830px;
	margin: 0 auto 50px auto;
	text-align: left;
}

/*********************** HEADER ***********************/
#header {
	height: 30px;
	background-image: url(../images/fond_header.gif);
	background-color: #0f1e45;
}

#header tr, #header td {
	height: 30px;
}

#header img {
	 vertical-align: middle;
}

#header a {
	margin: 0 5px;
	font: 9px Arial, Helvetica, sans-serif;
	color: #FFFFFF;
	text-decoration: none;
}

#header a img {
	margin: -2px 0 0 0;
}

#header a:hover {
	text-decoration: underline;
}

#header_left {
	text-align: left;
	vertical-align: middle;
}

#header a.accueil {
	margin: 0 5px 0 0;
	color: #F9C013;
}

#header_right {
	width: 130px;
	background-image: url(../images/fond_header.gif);
	background-color: #F9C013;
	text-align: center;
}

#header_right a {
	margin: 0;
	color: #FFFFFF;
	text-transform: uppercase;
}

/*********************** BANDEAU ***********************/
#bandeau {
	height: 201px;
}

/*********************** MENU ***********************/
#content_menu {
	width: 830px;
	height: 40px;
	background-image: url(../images/fond_menu.gif);
}

.menu_item, .menu_separator {
	position: relative;
	text-align: left;
}

.menu_separator {
	width: 2px;
	background: url(../images/menu_separator.gif) no-repeat center center;
}

.menu_item {
	padding: 12px 0px 0px 0px;
}

.submenu_item_link a {
	display: block;
	padding: 0px 0px 4px 0px;
	text-align: center;
	text-transform: uppercase;
	text-decoration: none;
	font-weight: bold;
	color: #6E6E72;
}

.submenu_item {
	position: absolute;
	width: 120px;
	background: #2C3B61;
	visibility: hidden;
	text-align: left;
	text-transform: none;
	font-weight: normal;
	color: #FFFFFF;
}

.submenu_item div a {
	display: block;
	padding: 3px 2px 3px 2px;
	text-align: left;
	color: #FFFFFF;
	text-decoration: none;
}

.submenu_item div a:hover {
	background: #FE3F00;
}

/*********************** FOOTER ***********************/
#footer {
	height: 40px;
	background-image: url(../images/fond_footer.gif);
	font: 9px Arial, Helvetica, sans-serif;
	color: #373737;
}

#footer_left {
	padding: 15px 0 0 5px;
	font: 9px Arial, Helvetica, sans-serif;
	color: #373737;
}

#footer_left a {
	color: #373737;
	text-decoration: none;
}

#footer_left a:hover {
	text-decoration: underline;
}

#footer_right {
	padding: 15px 20px 0 50px;
	text-align: right;
	font: 9px Arial, Helvetica, sans-serif;
	color: #373737;
}

/*********************** FORM ***********************/
#content form {
	margin: 0;
}

#content form img {
	vertical-align: text-bottom;
}

#content form input, #content form textarea, #content form select {
	font: 10px Arial, Helvetica, sans-serif;
	color: #858585;
}

/*********************** FORM NEWSLETTER ***********************/
#content form.newsletter input {
	font: 9px Arial, Helvetica, sans-serif;
}

#content form.newsletter input.text {
	border: solid 1px #858585;
	width: 180px;
	height: 16px;
}

/*********************** FORM contact, faq ***********************/

#content form.contact .text {
	border: solid 1px #858585;
	margin: 3px 0 3px 0;
}

#content form.contact input.text {
	width: 250px;
}

#content form.contact textarea.text {
	width: 505px;
}

/*********************** CONTENT ***********************/
#content_container {
	margin: 0;
	padding: 0;
	background-image: url(../images/fond_content.jpg);
	width: 830px;
}

#content {
	text-align: left;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	padding: 10px;
}

#content h1 {
	margin: 0;
	padding: 0 0 10px 0;
	font: 20px Verdana, Arial, Helvetica, sans-serif;
	color: #0F1573;
	font-weight: bold;
	font-style: italic;
	line-height: 30px;
}

#content h2 {
	margin: 0;
	padding: 5px 0 10px 0;
	font: 12px Verdana, Arial, Helvetica, sans-serif;
	color: #0F1573;
	font-weight: bold;
}

#content p {
	margin: 0;
	padding: 5px 0 10px 0;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #858585;
}

#content hr, #content div.hr {
	border: 0;
	height: 1px;
	margin: 5px 0 5px 0;
	padding: 0;
	background: url(../images/pointille.gif) repeat-x;
	clear: both;
}

#content a {
	font: 11px Arial, Helvetica, sans-serif;
	color: #FF4600;
	text-decoration: none;
}	

#content a:hover {
	text-decoration: underline;
}

#content td {
	vertical-align: top;
}

#content td.colonne_droite {
	padding-left: 10px;
	background: url(../images/pointille.gif) repeat-y;
}

#content .petit {
	color: #FE3F00;
	font-size: 10px;
	font-style: italic;
}

#content td.actualites_vignette {
	width: 100px;
	text-align: center;
	padding: 5px 10px 5px 0;
	background: url(../images/pointille.gif) repeat-y right;
}

#content ul {
	margin: 0;
	padding: 0 0 0 20px;
}

#content li {
	margin: 0 0 5px 0;
	padding: 0 0 0 17px;
	list-style-image: none;
	list-style-type: none;
	background: url(../images/puce_content.gif) no-repeat 0px 1px;
	
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #858585;
}

#content .pro_reparateurs td {
	width: 200px;
	font: 11px Verdana, Arial, Helvetica, sans-serif;
	color: #FFF;
	vertical-align: middle;
	text-align: center;
	background-color: #999;
	height: 40px;
	border-bottom: 1px solid #FFF;
	border-left: 1px solid #FFF;
	empty-cells: show;
	border-collapse: collapse;
}

#content .pro_reparateurs a {
	color: #FFF;
	text-decoration:underline;
}


/*********************** CONTENT > FORFAITS ***********************/
#content .forfaits {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
}

#content .forfaits td {
	height: 70px;
	vertical-align: middle;
	background: #FFF;
	font-weight: bold;
	padding: 0 0 0 5px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
}

#content .montage {
	border-top: 1px solid #000;
	border-left: 1px solid #000;
	width: 510px;
}

#content .montage td {
	height: 40px;
	font-size: 1.3em;
	padding: 0 0 0 5px;
	border-right: 1px solid #000;
	border-bottom: 1px solid #000;
	vertical-align:middle;
	font-weight: bold;
}

#content .forfait_type a {
	color: #FE3F00;
	width: 130px;
	display: block;
	line-height: 15px;
	font-weight: bold;
}

#content .forfait_type a:hover {
	color: #FFF;
	width: 130px;
	background: #F9C013;
	text-decoration: none;
	display: block;
	line-height: 15px;
	font-weight: bold;
}

/***** PAGE MEMBRES *****/

.bienvenue {
	background-image: url(../images/puce_fleche.gif);
	background-repeat: no-repeat;
	background-position: 20px 12px;
	padding: 10px 0 0 0;
}

.bienvenue strong {
	margin: 0 0 0 35px;
}

/***** MEMBRES *****/

#membres h2 {
	font-size: 16px;
}

.fichier_pdf {
	width: 110px;
	padding: 20px 0 0 0;
	text-align: center;
}

.fichier_pdf span {
	color: #ff3506;
	font-size: 11px;
}

.desc_pdf {
	padding: 40px 0 0 0;
	color: #898989;
}

.bleu {
	color: #050752;
}

#membres h3 {
	color: #fa4500;
}

#membres li {
	color: #0c187a;
	background: none;
	padding: 0;
}

#membres li a {
	color: #0c187a;
}