/* 
    Document   : site
    Created on : 2009-03-11, 14:47:43
    Author     : francois
    Description:
        Purpose of the stylesheet follows.
*/

body {
    margin: 0;
    background-color: #fff;
    color: #4F5155;
    font-family: Arial, Helvetica, sans-serif;
    font-size: 12px;
	text-align: center;
}

#header {
	max-width: 900px;
	margin: auto;
	text-align: left;
	background: url(medias/welcome_header_bg.jpg) center top no-repeat; }


/* le logo du site */
#header h1 { float: left; margin:0; border: 0; padding: 12px 0; }
#header h1 img { border: 0; }

/* lien login carrossier en haut à droite */
#link_login_carrossiers {
	float: right;
	width: 200px;
	background: #518401 url(medias/link_login_carrossier_bg.gif) bottom no-repeat;
	text-align: center;
	color: #fff; }
#link_login_carrossiers a {
	display: block;
	padding: 12px 0;
	color: #fff;
	text-decoration: none; }
#link_login_carrossiers a strong {
	font-weight: normal;
	text-decoration: underline; }


/* Navigation sur les pages publiques */
#nav {
	background: #09456c url(medias/nav_bg.gif) top repeat-x;
	border-bottom: 3px solid #84be00;
	color: #fff; }
#nav ul {
	list-style: none;
	margin: 0 auto; padding: 0;
	max-width: 900px; }
#nav ul li {
	margin: 0; padding: 0;
	float: left; }
#nav ul li a {
	display: block;
	padding: 9px 12px;
	text-decoration: none;
	font-size: 1.1em;
	color: #fff;
	-moz-text-shadow: 1px 1px 2px #333; -webkit-text-shadow: 1px 1px 2px #333; text-shadow: 1px 1px 2px #333; }
#nav ul li a:hover {
	background: #105989 url(medias/nav_bg_hover.gif) top repeat-x; }

	/* item menu language selection */
	#nav ul li#langselect { float: right; }

/* Split pour le titre Carrossiers - Particuliers H2 
#title_split h2 { padding: 0; margin-left: 12px; margin-right: 12px; margin-top: 6px; margin-bottom: 6px; color: #ffffff; font-size: 12px; text-transform: uppercase; }
#title_split .split_left { background-color: #cccccc; }
#title_split .split_right { background-color: #dddddd; }*/

/* Split de la page en 2 
.split_left { float: left; text-align: right; width: 50%; }
.split_right { float: right; text-align: left; width: 49.8%; left: 1px; }

.page_col_left { padding: 12px; }
.page_col_right { width: 360px; padding-left: 20px; padding-top: 12px; padding-bottom: 12px; background-image: url(medias/welcome_split_right_bg.gif); background-position: left; background-repeat: repeat-y; }
.page { max-width: 900px; 
		margin: auto;
		padding: 12px; }*/

#content {
	max-width: 900px;
	margin: 0 auto 24px auto;
	text-align: left; }

/* 2 colones page d'accueil */
#home_public {
	float: right;
	width: 360px;
	margin: 24px 0 0 24px; }
#home_shops {
	width: 470px; }
#home_shops h2 {
	margin: 0 0 12px 0; }
#home_shops p {
	margin: 0 0 12px 0;
	line-height: 1.5; }

#link_tour {
	text-align: right;
	margin: 24px 24px 0 0; }

/* pages à propos / contactez-nous */
.aboutpage, .contactpage {
	line-height: 1.5; }

.leftcol {
	width: 550px;
	float: left; }

/* Trucs généraux... h1, h2, a, ul, etc. */

img {  border: 0 none; }

h1, h2 {
 font-family: 'Century Gothic';
 font-size: 18px;
 color: #518401;
}

h3 { font-size: 15px; color: #999; }

a { color: #4f739e; background-color: transparent; }
a:hover, a:active { color: #7fa3ce; }

p { text-align: justify; }

ul { list-style: square; }

/* Colonne de gauche, Carrossiers */


/* Colonne de droite, particuliers */

#client_identification { width: 350px; padding: 0; }
#client_identification_content { margin: 0; padding: 25px; text-align: center; background: #09456c url(medias/welcome_bg_top.gif) top no-repeat; color: #dddddd; }
#client_identification p { font-size: 12px; }
#client_identification h3 { font-size: 24px; font-family: 'Century Gothic'; color: #ffffff; font-weight: bold; margin-bottom: 6px; padding-bottom: 0; margin: 0; padding: 0; -moz-text-shadow: 1px 1px 2px #444; -webkit-text-shadow: 1px 1px 2px #444; text-shadow: 1px 1px 2px #444; }
#client_identification p { font-size: 12px; padding-top: 0; margin-top: 6px; margin-bottom: 0; padding-bottom: 0; text-align: center; }
#client_identification a { color: #fff; }
#client_identification a:hover { color: #ccddee; }
#client_identification_footer { background-image: url(medias/welcome_bg_bottom.gif); background-position: top; background-repeat: no-repeat; height: 15px; width: 100%; }

#client_identification input { font-size: 24px; padding: 6px; color: #336699; margin-top: 8px; margin-bottom: 8px; }
#client_identification input.code { background-image: url(medias/welcome_input_bg.gif); background-position: top left; background-repeat: no-repeat; }

/* Footer */

#footer_developper { border-top: 1px solid #B3B6BC; background-color: #e0e6e3; font-size: 11px;
          padding:12px; clear: both; }
#footer_developper_content {
	width: 900px;
	margin: auto; }
#footer_developper p {
	padding: 3px 0 0 0;
	margin: 0;
	line-height: 1.5; }
#footer_developper #footer_developper_logo {
	float: left;
	margin: 0 24px 0 0; }

#footer_copyright {
	border-top: 1px solid #B3B6BC;
	font-size: 11px;
	padding: 6px;
	text-align: center; }
#footer_copyright_content {
	width: 900px;
	margin: auto; }
#footer_copyright p {
	text-align: center; }
#footer_copyright span#footer_tel {
	font-size: 14px;
	font-weight: bold;
	color: #09456c; }


/* sert a simuler un vrai lien, quand le <A> pointe a une fonction javascript */
.link { cursor: pointer; text-decoration: underline; }
.hand { cursor: pointer; }


/*
 * Pour les messages à l'utilisateur
 */

.warnings { max-width: 770px; margin: auto; text-align: left; }

.error, .notice, .message { 
    border: 2px solid;
    padding: 10px 20px 10px 20px;
    margin: 10px;
    }

.error { border-color: #990000;
          background-color: #FFCCCC;
}

.notice { border-color: #DDDF3B;
          background-color: #F6F7CF;
}

.message {  border-color: #4EB12F;
            background-color: #D4F1CB;
}



/*
 * Style pour les formulaires
 */

fieldset .submit input { font-size: 16px; }

fieldset input, fieldset select, fieldset textarea { padding: 4px;
           color: #336699;  border: 1px solid #336699 }
fieldset .small  { width: 40px; }
fieldset .medium { width: 150px; }
fieldset .large  { width: 300px; }

fieldset .submit input { color: #000; background: #ffa20f; border: 2px outset #d7b9c9 }

/* --- Style pour page de "tour" --- */

h2.tourh2 { background-color: #c0c6c3; color: #ffffff; padding: 6px; text-align: center; margin: 0; -moz-text-shadow: 1px 1px 2px #444; -webkit-text-shadow: 1px 1px 2px #444; text-shadow: 1px 1px 2px #444; }
#tour, #tour p { text-align: left; }
#tour hr { clear: both; margin: 24px 0; }
img.tour_screenshot, img.tour_screenshot_stroked { border: none; padding: 2px; margin: 0 0 24px 24px; float: right; }
img.tour_screenshot_stroked { border: 5px solid #999999; }
#tour ul, #tour ol { text-align: justify; font-weight: bold; font-size: 1.4em; color: #587d1d; font-family: 'Century Gothic'; }
#tour ul p, #tour ol p { font-size: 0.8em; font-weight: normal; color: #444; font-family: Arial, Helvetica, sans-serif; }
#tour h3 { color: #587d1d; font-size: 18px; }
#tour p strong, #tour ol strong { font-size: 16px; font-weight: bold; }

// End of file //