* {margin: 0; padding: 0;}

body {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 11pt;
	color: #666;
}

a {
	text-decoration: none;
	color: #c50b18;
}
a:hover {
	text-decoration: underline;
	color: #000;
}

#page {
	width: 950px;
	margin: 0 auto;
}

/* bloc HEADER contenant le logo (img), le titre-slogan (p) et le menu des langues du site (ul) */

#header {
	height: 45px;
	background: #dbdcdd url(../img/header-border.gif) left bottom repeat-x scroll;
	padding-right: 10px;
	padding-top: 8px;
}
#header img {
	float: left;
	margin-top: -8px;
	border: none;
}
#header p {
	width: 650px;
	position: relative;
	top: 15px;
	left: 135px;
	color: #c50b18;
	font-weight: bold;
}
#header p.slogan-fr {
	left: 105px;
}
#header ul {
	float: right;
	font-size: 8pt;
	font-weight: bold;
	letter-spacing: -.5pt;
}
#header li {display: inline;}
#header li a {color: #000;}
#header li span {color: #c50b18;}

/* bloc BANNER contenant l'image, le slogan et (éventuellement) les miniatures de photos */

#banner {
	height: 244px;
	background: transparent url(../img/banner-bg-a.gif) top left no-repeat scroll;
}
#banner #banner-main, #banner #Bigimg, #banner #fading1, #banner #fading2 {
	margin-left: 123px;
	float: left:
}

#banner #notool {
	float: right;
	background: url(../img/banner-bg-c.gif) top left no-repeat scroll;
	width: 386px;
	height: 244px;
}

#banner #tool {
	float: right;
	background: url(../img/banner-bg-c-tool.gif) top left no-repeat scroll;
	width: 386px;
	height: 244px;
}

#banner #tool #instruct {
	color: #fff;
	font-size: .7em;
	text-align: ;
	height: 60px;
	padding: 100px 18px 15px 18px;
}
#banner #tool #instruct p {margin: 1em 0;}


#banner #tool #motioncontainer {
	text-align: center;
	margin: 0 18px;
	margin:0 auto;
	width: 350px;
	height: 60px;
}
#statusdiv {visibility: hidden;}
#motioncontainer a:hover {color: red;}	/* règle bidon pour contourner un bug d'IE */
#banner #tool #motioncontainer a {border: none;}
#banner #tool #motioncontainer a img {border: 1px solid #000;}
#banner #tool #motioncontainer a:hover img {border: 1px solid #fff;}

/* bloc MAIN contenant le menu 1 (horizontal), le menu2 (vertical) et le contenu principal */

#main {
	width: 550px;
	padding-bottom: 5px;
}

#menu1 {
	font-size: 9pt;
	margin: 5px 10px 30px 127px;
/*	letter-spacing: -.4pt; /* si le menu est trop long; plus nécessaire depuis la suppression de l'entrée "pay online" dans le menu */
}
#menu1 li {display: inline;}
#menu1 a {color: #8a8a8a;}
#menu1 span {
	color: #d81f2a;
	text-decoration: underline;
}
#menu1 span a {color: #d81f2a;}

#menu2 {
	float: left;
	text-align: right;
	width: 123px;
	font-size: 8pt;
}
#menu2 ul {
	list-style: none;
	margin: 7px 9px 24px 0;
	line-height: 9.3pt;
}
#menu2 li {}
#menu2 a, #menu2 span {color: #c50b18;}
#menu2 span {font-weight: bold; color: #000;}
#menu2 p {
	height: 350px;
	background-position: right 11px;
	background-repeat: no-repeat;
	background-attachment: scroll;
}
#menu2 .feedback {margin-top: 1em;}

#content {
	font-size: 9pt;
	color: #666;
	margin: 0 18px 0 135px;
}
#content h1 {
	color: #c50b18;
	font-size: 13.5pt;
	margin: 43px 0 0 0;
}
#content p {margin: 12px 0 10px 0;}
#content ul {
	list-style-image: url(../img/bullet.gif);
	margin: 12px 0 10px 40px;
}
#content ul ul {
	list-style-type: circle;
	list-style-image: none;
}
#content .gp {
	font-weight: bold;
	font-size: 115%;
}
#content .apply {
	display: block;
	font-weight: bold;
	font-size: 115%;
	background: #dcdadc;
	border: 1px solid #666666;
	padding: 1em;
	margin: 2em 0 1em;
	text-align: center;
}
#content .apply:hover {
	background: #ffbfbf;
	border: 1px solid #c00000;
	color: #000;
}
#content .center {text-align: center;}
#content .big {
	color: #c50b18;
	font-weight: bold;
	font-size: 115%;
}
#content a.big {text-decoration: underline;}
#content a.big:hover {text-decoration: none;}

#content form {margin: 30px 0;}
#content form .erreur {
	border: 1px solid #C50B18;
	text-align: center;
	width: 370px;
	padding: 1em 10px;
	background: #ffdfe2;
	color: #000;
}
#content form label {
	display: block;
	width: 150px;
	float: left;
	margin: 3px 0;
}
#content form strong {
	color: #C50B18;
	font-weight: bold;
}
#content form input, #content form select {
	border: 1px solid #919191;
	width: 240px;
	margin: 3px 0;
	color: #C50B18;
}
#content form table.rating {border-collapse: collapse;}
#content form .rating td {text-align: center; border-bottom: 1px solid #d4d6d4;}
#content form .rating .critere {text-align: right; padding-right: 4px;}
#content form .rating input {width: auto; margin: 3px 0; border: none;}
#content form select {text-align: center; width: 242px;}
#content form textarea {
	border: 1px solid #919191;
	width: 390px;
	height: 120px;
	margin: 3px 0;
	color: #C50B18;
}
#location #content form textarea {
	width: 240px;
	height: 50px;
}
#location #content form p {
	margin-bottom: 0;
	margin-top: 0;
}
#location #content form .note {
	text-align: right;
	margin-top: 0;
	margin-bottom: 10px;
	font-style: italic;
}
#content form input#go {
	border: 1px solid #919191;
	width: 120px;
	text-align: center;
	margin: 10px 0 20px 272px;
	background: #d7d7d7;
}
#content form#pay {				/* sur la page "pay online" */
	background: url(../img/paypal.gif) no-repeat 200px 20px scroll;
}
#content form#pay label {width: 120px;}
#content form#pay input {
	width: 64px;
	text-align: right;
	padding: 0 3px;
}
#content form#pay input#ok {
	border: 1px solid #919191;
	width: 72px;
	text-align: center;
	margin: 0 0 0 120px;
	background: #d7d7d7;
}

#content #ref-logos {margin: 25px 0;}
#content #ref-logos img {border: 1px solid #919191; }

#content h2 {
	font-size: 10.5pt;
	margin: 1em 0;
	border-bottom: 1px solid #c50b18;
}
#utile #content ul {margin: 0 0 0 1.2em;}
#utile #content li {border-bottom: 1px solid #ccc; list-style: none; margin: 1em 0;}
#utile #content strong {display: block; width: 210px; float: left;}
#utile #content em {display: block; width: 165px; float: right; text-align: right;}
#utile #content span {display: block;}
#utile #content a {display: block;}

/* bloc SIDEBAR contenant une image et divers modules (pay online, newsletter, call us) */

#sidebar {
	float: right;
	width: 386px;
	font-size: 9pt;
	text-align: right;
}
#sidebar img {border-bottom: 6px solid #dbdbdb;}
#sidebar p {
	margin: 15px;
	clear: both;
}
#sidebar .button {
	text-transform: uppercase;
	font-weight: bold;
	font-size: 10pt;
	color: #fff;
	background: #ccc;
	width: 95px;
	padding: 2px 15px 2px 5px;
	margin: 0;
	float: right;
}
#sidebar .button a {color: #fff;}
#sidebar .button a:hover {color: #c50b18;}
#sidebar .spacer {
	border-bottom: 6px solid #dbdbdb;
	margin: 30px 0 5px 0;
	width: 386px;
	float: right;
}
#sidebar .callus {
	color: #fff;
	background: #c50b18;
	font-size: 11pt;
	width: 250px;
	padding: 4px 15px 4px 5px;
	margin: 10px 0 50px;
	float: right;
	text-align: center;
}

/* bloc FOOTER contenant le copyright et les coordonnées de contact */

#footer {
	font-size: 7.5pt;
	text-align: right;
	clear: both;
}
#footer #copy {margin: 3px 8px;}
#footer #contact {
	color: #fff;
	background: #e0364e url(../img/footer-bg.gif) repeat-x bottom left scroll;
	padding: 6px 8px 11px 0;
}
#footer #contact a {color: #fff;}