/* ------ NOTES ---------------------------------------------------------------

Master Screen Style for CREP, http://www.icilecrep.qc.ca.

--------- UPDATE INFO ---------------------------------------------------------

Last updated: 09 Juillet 2008
Last update made by: Gwenvael Ballu (gwen@prospek.ca)

--------- CONTENTS ------------------------------------------------------------

1: BODY AND UNIVERSAL RESET
2: GLOBAL NAVIGATION
	a) Top navigation and user box
	b) Footer navigation
	c) Header nav
	d) Content nav
3: PAGE STRUCTURE
	a) Contianers
	b) Header
	c) Main content
	d) Footer
4: SECTION SPECIFIC STYLES
	a) Home page
	b) Signup page
	c) Start page
	d) Your list
	e) Gift tips and News
	f) Your profile and Tools
5: LISTS
6: FORMS & TABLES
	a) Standard forms
	b) Forms on Edit list page
	c) Tables for forms
7: GLOBALS
	a) Links
	b) Typography
8: MISC

---------------------------------------------------------------------------- */

/* IE/WIN STYLES ONLY
============================================================================ */

/*\*/ @import "crep-iewin.css"; /**/


/* 1: BODY AND UNIVERSAL RESET
============================================================================ */

html, body {
	margin: 0px;
	padding: 0px;
	background-color: #292929;
	color: #555;
	font: 12px/160% 'Trebuchet MS', Verdana, Arial, 'Bitstream Vera Sans', sans-serif;
	text-align: center;
	height:100%;
	min-height: 100%;
	width: 100%;
	}



/* Reset margin and padding for all elements */

* {margin: 0; padding: 0;}


/* 2: NAVIGATION
============================================================================ */

/* a) Top navigation and user box */

/* b) Footer navigation */

ul#footer-nav-l, ul#footer-nav-r {
	list-style: none;
	float: left;
}
ul#footer-nav-l li, ul#footer-nav-r li {
	width: 265px;
	border-bottom: 1px solid #888;
	padding-bottom: 5px;
	padding-top: 5px;
	}

/* c) Header nav */

ul#header-nav {
	list-style: none;
	float: right;
	margin: 27px 0 0 0;
	padding: 0;
	text-align: right;
	}
ul#header-nav li {
	/*display: inline;*/
	margin: 0 0 8px 0;
	color: #697987;
	font-size: 17px;
	font-weight: bold;
	}
ul#header-nav li a, ul#header-nav li img {
	margin: 0;
	padding: 0;
	color: #fff;
	border: none;
	background: none;
	text-decoration: none;
	}

ul#header-nav li a:hover {color: #d5e5f2}

/** d) CONTENT NAV **/

/* Menu principal */
ul#main-nav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 7px 0 5px 0;
	width: 580px;
  	border-bottom: 1px solid #D9D9D9;
  	font-weight: bold;
  	text-align: left;
  	word-spacing: 2px;
  	white-space: nowrap;
  	}
ul#main-nav li {
	display: inline;
	margin: 0 6px;
	}
ul#main-nav li a{
	text-decoration: none;
	padding: 0 0 6px 0;
  	border-bottom: none;
  	font-weight: bold;
  	color: #9A9A9A;
  	}
ul#main-nav li a:hover{
	background: url(images/template/fleche.gif) center bottom no-repeat;
	color: #F8971D;
}
ul#main-nav li a:active{
	background: url(images/template/fleche.gif) center bottom no-repeat;
	color: #F8971D;
}
ul#main-nav li a#current{
	background: url(images/template/fleche.gif) center bottom no-repeat;
	color: #F8971D;
	}

/* Menu principal droit */
ul#side-nav {
	float: right;
	list-style: none;
	margin: 0;
	padding: 7px 0 5px 0;
	width: 280px;
  	border-bottom: 1px solid #D9D9D9;
  	font-weight: bold;
  	text-align: right;
  	word-spacing: 2px;
  	white-space: nowrap;
  	}
ul#side-nav li {
	display: inline;
	margin: 0 6px;
}
ul#side-nav li a{
	text-decoration: none;
	padding: 0 0 6px 0;
	border-bottom: none;
	font-weight: bold;
  	color: #9A9A9A;
}
ul#side-nav li a:hover{
	background: url(images/template/fleche.gif) center bottom no-repeat;
	color: #F8971D;
}
ul#side-nav li a:active{
	background: url(images/template/fleche.gif) center bottom no-repeat;
	color: #F8971D;
}
ul#side-nav li a#current{
	background: url(images/template/fleche.gif) center bottom no-repeat;
	color: #F8971D;
}

/* Sous-Menu */
ul#sub-nav {
	float: left;
	list-style: none;
	margin: 0;
	padding: 5px 0;
	width: 800px;
  	/*border-bottom: 1px solid #D9D9D9;*/
  	font-weight: bold;
  	text-align: left;
  	}
ul#sub-nav li {
	display: inline;
	margin: 0 6px;

	}
ul#sub-nav li a{
	text-decoration: none;
	padding: 0 0 6px 0;
  	border-bottom: none;
  	font-weight: bold;
  	color: #9A9A9A;
  	}
ul#sub-nav li a:hover{
	/*background: url(images/template/fleche.gif) center bottom no-repeat;*/
	color: #F8971D;
}
ul#sub-nav li a:active{
	/*background: url(images/template/fleche.gif) center bottom no-repeat;*/
	color: #F8971D;
}
ul#sub-nav li a#current{
	/*background: url(images/template/fleche.gif) center bottom no-repeat;*/
	color: #F8971D;
	}

ul#sub-nav li a.tooltip{
  	color: #F8971D;
  }


/* 3: PAGE STRUCTURE
============================================================================ */

/* a) Containers */

#container {float: left; width: 100%; background: #fff;}

.wrapper, #wrapper, #main-wrapper {width: 880px; margin: 0 auto; text-align: left;}



#content {	float: left;
			width: 100%;
			padding: 0 0 10px 0;
			background: #fff;
}

/* b) Header */

#logo {
	float: left;
	width: 280px;
	margin: 29px 0;
	color: #fff;
	}
#logo span, #logo a {
	display: block;
	width: 280px;
	height: 64px;
	border: none;
	background: url(images/fr/logo_crep.gif) no-repeat;
	}
#logo img  {display: block; border: none;}

#header {
	float: left;
	width: 100%;
	height: 122px;
	background: #262f35 url(images/template/background_header.gif) top left repeat-x;
	}

#header h2 {display: none;}



/* c) Main content */


/* d) Footer */

#footer {
	float: left;
	width: 100%;
	padding: 0;
	margin: 0;
	height: 265px;
	background: #292929 url(images/template/background_footer.gif) repeat-x top left;
	color: #999;
	font-size: 11px;
	text-align: left;
	width: 100%;
	}
#footer a {border: none;}
#footer p {
	margin: 0 0 1px 0;
	padding: 0;
	line-height: 135%;
	text-align: left;
	clear: both;
	}

#footer ul {
	margin: 0;
	padding: 16px 0 0 0;
	text-align: left;
	clear: both;
	}


/* 4: SECTION SPECIFIC STYLES
============================================================================ */

/* a) Home page */

#home .twocolumn_img {	float: left;
						width: 580px;
						margin: 15px 20px 30px 0;}
#home .onecolumn_img {	float: left;
						width: 280px;
						margin: 25px 0 0 0;
						}
object{margin:0; padding:0;}

.border-bottom{
	border-bottom: 1px solid #D9D9D9;
}

.border-left{
	border-left: 1px solid #D9D9D9;
}

.margin_crep {
	margin: 50px 0 0 -25px;
}


#home h2#bienvenue, #home h2#mission, #home h2#actualite, #home h2#seeit,
#home h2#search, #home h2#screenshots {
	height: 21px;
	margin: 0 0 20px 0;
	padding: 0;
	/*text-indent: -9000px;*/
	}
#home h2#bienvenue {border-bottom: 1px solid #D9D9D9; color: #888;}
#home h2#mission {border-bottom: 1px solid #D9D9D9; color: #888;}
#home h2#actualite {border-bottom: 1px solid #D9D9D9; color: #F8971D;}
#home h2#search {border-bottom: 1px solid #D9D9D9; color: #888;}
#home h2#screenshots {border-bottom: 1px solid #D9D9D9; color: #888;}

#home h3#bienvenue, #home h3#mission, #home h3#actualite, #home h3#seeit,
#home h3#search, #home h3#screenshots {
	height: 18px;
	margin: 0 0 23px 0;
	padding: 0;
	/*text-indent: -9000px;*/
	}

#content #home  {padding-top: 25px;}
#content #page  {padding-top: 8px;}

#content #home  img {float: left; margin: 10px 15px 5px 0;}
#content #home  img.less {margin-top: 5px;}

.twocolumn {float: left; width: 480px; margin: 0 0 20px 0; padding:0;}
.onecolumn {float: left; width: 280px; margin: 0 20px 20px 0; padding:0;}
.onehalfcolumn_left {float: left; width: 414px; margin: 0 25px 20px 0; padding:0;}
.onehalfcolumn_right {float: left; width: 414px; margin: 0 0 20px 0; padding:0 0 0 25px;}

.half {float: left; width: 136px; margin: 0; padding:0;  border-left: 1px solid #ddd;}

.small {float: left; width: 176px; margin: 0 0 20px 0; padding:0;}
.big {float: left; width: 700px; margin: 0 0 20px 0; padding:0;}

.random {height:350px; }

ul#plan {
	margin:  0 0 0 10px;
	padding: 0 0 0 10px;
	color: #9a9a9a;
}
ul#plan li {
	margin:  0;
	padding: 0;
	font-weight: 900;
	font-size: 12px;
}

ul#plan2 {
	margin:  0 0 0 10px;
	padding: 0 0 0 10px;
}
ul#plan2 li  {
	margin:  0 0 -5px 0;
	padding: 0;
	font-weight: 100;
	font-size: 11px;
}



#home .twocolumn {float: left; width: 480px; margin: 0 0 20px 0;}

.onecolumn img{margin: 0 0 10px 0; padding:0;}

.onecolumn.last {margin-right: 0 !important;}
.onecolumn.first {margin-left: 20px !important;}

/* b) Page */

#galerie_photos{width:582px; margin:5px 0; padding:0;}
.boxtop{ margin:0; padding:0; height: 10px; width:582px; background: url(images/template/boxtop.gif) left top no-repeat;}
.boxcentre{ text-align: left; margin:0; padding:0 10px 0 10px; width:562px; min-height: 200px;background: #fff url(images/template/boxcentre.gif) left top repeat-x;}
.boxbottom{ margin:0; padding:0; height: 10px; width:582px; }

#galerie_video{width:582px;  margin:5px 0; padding:0;}

.boxcentre img{margin:-5px 10px 10px 0; padding:0;}
#galerie_video .boxcentre img{float: right; margin:-40px 0 0; padding:0;}
#galerie_video .boxcentre p{float: left; margin:5px 0; padding:0;}

.equipe {width:370px; height: 70px; margin: 0 0 30px 0; padding:0;}
.equipe img{float:right; margin-top:0; padding:0; }

.galerie{
	/*margin-top: 18px;*/
	font-weight: bold;
	font-size:14px;
	text-align: left;
	color: #797878;
}

#page h1{
	height: 18px;
	margin: 0 0 0 0;
	padding: 0 0 20px 0;
}

#page {float: left; margin: 0; padding:0;}

#page .twocolumn {float: left; width: 560px; margin: 0 0 20px 0; padding:0;}





.plan{
		font-weight: bold;
		font-size: 12px;
		color: #000;
		margin: 10px 0 10px 10px;
	}

div.onehalfcolumn_right img{
		margin: 0 0 57px 25px;
	}

div.onehalfcolumn_right p{
		margin: 0 0 0 25px;

	}

#map{
	border:1px solid #9a9a9a;
}


/* b) Footer */

#footer .onecolumn {
	list-style: none;
	padding: 22px 0 0 0;
	margin: 23px 20px 20px 0;
	font-size: 11px;
	line-height: 160%;
	}
#footer .last{
	margin-top:0;
	}


/* b) Signup page */


/* c) Start page */


/* d) Your list and Friends */


/* d) Gift tips and News */


/* f) Your profile and Tools */

/* 5: LISTS
============================================================================ */

ul.square {list-style: none; margin: 1em 0;}
ul.square li {
	padding: 0 0 0 15px;
	background: url(images/template/bullet_square.gif) no-repeat 0 12px;
}
ul.square li.nobullet {list-style: none;}

ul.nobullet {list-style: none; margin: 1em 0;}
ul.nobullet li {
	margin: 0 0 0 -15px;
	padding: 0 0 0 15px;
	background: url(images/template/hr.gif) no-repeat 0 0px;
}

/* Contenu des pages - Colonne large*/
#page .twocolumn ul {
	margin: 0 0 20px 50px;
	font-size: 12px;
	line-height: 1.2em;
	color: #000;
	}
#page .twocolumn li {
	padding: 0 0 5px 2px;
	background: none;
	font-weight: normal;
	}


/* Contenu des pages - Colonne petite*/
#page .onecolumn ul {
	list-style: none;
	margin: 0 0 10px;
	font-size: 12px;
	line-height: 100%;
	}
#page .onecolumn li {
	padding: 0 0 10px 2px;
	background: none;
	font-weight: bold;
	}

#page .onecolumn ul li a{
	text-decoration: none;
  	border-bottom: none;
  	font-weight: bold;
  	color: #9A9A9A;
  	}
#page .onecolumn ul li a:hover{
	/*background: url(images/template/fleche.gif) center bottom no-repeat;*/
	color: #F8971D;
}
#page .onecolumn ul li a:active{
	/*background: url(images/template/fleche.gif) center bottom no-repeat;*/
	color: #F8971D;
}
#page .onecolumn ul li a#current{
	/*background: url(images/template/fleche.gif) center bottom no-repeat;*/
	color: #F8971D;
	font-size: 14px;
	}

/* Page Intervenir où sont nos besoins*/
#page .small ul {
	color: #000;
	list-style: none;
	margin: 0;
	padding: 0 0 0 20px;
	font-size: 13px;
	font-weight: bold;
	line-height: 100%;
	}
#page .small ul li {
	margin: 5px 0 20px 0;
	}
#page .small ul li a:link, #page .small ul li a:visited{
	color: #000;
	font-weight: bold;
	}
#page .small ul li a:hover{
	color: #F8971D;
	font-weight: bold;
	}

#page .small ul li img{
	padding: 0 3px 0 0;
	margin: 0 0 0 -20px;
	}

#page .small ul ul{
	color: #9a9a9a;
	font-weight: normal;
	padding: 0;
	margin: -10px 0 0 0;
	}
#page .small ul ul a:link, #page .small ul ul a:visited {
	color: #9a9a9a;
	font-weight: normal;
	}
#page .small ul ul a:hover{
	color: #F8971D;
	font-weight: normal;
	}
#page .small ul ul li {
	margin-top: -12px;
	text-indent:-20px;
	}
#page .small ul ul li img{
	padding: 0;
	margin: 0;
	}


/* Icons as bullets */


/* 6: FORMS & TABLES
============================================================================ */

/* a) Standard forms */

a:link#valid, a:visited#valid{
	text-decoration:none;
	font-size: 14px;
	color:#FFF;
	margin: 0;
	padding: 15px 21px;
	background: url(images/template/bouton.gif) center 12px no-repeat;
	}
a:hover#valid{
	text-decoration:none;
	color:#FFF;
	margin: 0;
	padding: 15px 21px;
	background: url(images/template/bouton_hover.gif) center 12px  no-repeat;
	}

/*Formulaire de login ZoneCREP */
label.login
{
    display			: block;
    padding			: 4px 25px 0 0;
    float			: left;
    margin-right	: 3px;
}

fieldset {
	margin: 5px 0 19px 0;
	border: 0;
	}

.texteErrorBold{
	color: #F8971d;
	font-size: 11px;
	font-weight: bold;
	font-family: Trebuchet, Arial, Helvetica, Verdana, sans-serif;
	padding-left: 5px;
	}

form {
	margin: 0;
	text-align: center;
}

form.alt {margin: 0;}


fieldset.last {padding: 0; border: 0;}





label.contact {
	width: 200px;
	color: #000;
	font-size: 13px;
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
}

input{ margin: 3px 0;}

input.textfield{
	width: 280px;
	padding: 2px;
	border: 1px solid #d5d5d5;
	color: #666;
	background: #f2f2f2;
	font-size: 14px;
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
}

input.textfieldMini{
	width: 280px;
	padding: 2px;
	border: 1px solid #d5d5d5;
	color: #666;
	background: #f2f2f2;
	font-size: 14px;
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
}

textarea {
	width: 570px;
	height: 100px;
	padding: 2px;
	border: 1px solid #d5d5d5;
	color: #666;
	background: #f2f2f2;
	font-size: 14px;
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
}

input.textfield:focus, input.textfieldMini:focus, textarea:focus {
	border: 1px solid #F8971D;
	color: #000;
}




input#search-field {
	width: 561px;
	margin: 4px 15px 0 0;
	font-size: 170%;
	}

#searchform label {display: block !important;}
#searchform input {vertical-align: middle;}

textarea {font-size: 120%;}
tr.alt textarea {
	width: 350px;
	color: #00f;
	font-size: 90%;
	font-family: Monaco, Courier, 'Courier New', sans-serif;
	}
input.img-btn {display: inline;}


ul#header-nav li a.btn_acc_head_form:link, ul#header-nav li a.btn_acc_head_form:visited, ul#header-nav li a.btn_acc_head_form:active{
	display:block;
	margin:0px;
	padding:0px;
	background:url(images/fr/navigation/acces_formulaire_csdm.gif) left top no-repeat;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	text-indent:-9999px;
	width:230px;
	height:26px;
	text-align:left;
	margin:0px 0px 20px 2px;
	outline:none;
	font-size:13px;
	font-weight:bold;
}

ul#header-nav li a.btn_acc_head_form:hover{
	background:url(images/fr/navigation/acces_formulaire_csdm_o.gif) left top no-repeat;
	text-indent:-9999px
}

.list_header_heros{
	height:37px;
}

.btntxt_acc_head_form{
	display:block;
	font-family:Trebuchet MS, Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	width:230px;
	height:26px;
	text-align:left;
	margin-bottom:20px;
	outline:none;
	float:left;
	font-size:13px;
	font-weight:bold;
	line-height:16px;
	color:#b7b7b7 !important;
}

.btntxt_acc_head_form:hover{
	color:#fff !important;
}

/* b) Tables */


table.formtable_full  {border-collapse: collapse; width: 870px; table-layout: fixed;}


.formtable_full_title{
	width:280px;
}


.formtable_full td{
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	text-align: left;
	vertical-align: top;
	}

.formtable_full td input{
	font-size:10px;
}

.formtable_full td.valid{
	text-align: center;
	}



table.formtable  {border-collapse: collapse; width: 580px; table-layout: fixed;}

.formtable th, .formtablesubmit th {
	padding: 5px 15px 5px 0;
	text-align: left;
	vertical-align: middle;

}

.formtable td, .formtablesubmit td, .formtable td.alt {
	width: 300px;
	margin: 0 0 0 0;
	padding: 5px 0 5px 0;
	text-align: left;
	vertical-align: top;
	}
.formtable td.valid, .formtablelogin td.valid{
	text-align: center;
	}


table.formtablelogin {border-collapse: collapse;}

.formtablelogin th {
	width: 140px;
	padding: 0 15px 5px 0;
	/*border-bottom: 1px solid #ddd;*/
	text-align: left;
	vertical-align: middle;
	}

.formtablelogin td {
	width: 280px;
	margin: 0 0 0 0;
	padding: 0 0 5px 0;
	/*border-bottom: 1px solid #ddd;*/
	text-align: left;
	vertical-align: top;
	}

.texteError {
		color:#F8971D;
		font-size: 13px;
		font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
	}



.formtable tr.alt td {width: 350px;}
.formtablesubmit td {
	padding: 20px 15px 20px 0;
	border: 1px solid #c4e3ff;
	border-width: 4px 0 1px;
  background: #e1f1ff url(/images/bg-listbox.gif) repeat-x;
  }
.formtable tr.last td, .formtable tr.last th {
	border-bottom: none;
	}
.formtable td.info, .formtablesubmit td.info {
	color: #999;
	font-size: 11px;
	line-height: 130%;
	}
.formtablesubmit td.info {padding-top: 30px;}
.formtable td.info img {display: block; margin: 10px 0 -10px; border: none;}

textarea.linkroll, tr.alt textarea {
	width: 350px;
	color: #11b;
	font-size: 90%;
	font-family: Monaco, Courier, 'Courier New', sans-serif;
	}
textarea.linkroll {
	width: 600px;
	margin: 1em 30px 2em 30px;
	font-size: 100%;
	}


/* 7: GLOBALS
============================================================================ */

/* a) Links */

a:link, a:visited {
	/*border-bottom: 1px solid #797878;*/
	color: #797878;
	text-decoration: none;
	background: none;
	font-weight: normal;
	}
a:hover {border-color: #F8971D; color: #F8971D; background: none; text-decoration: none;}
a:link img, a:hover img, a:visited img {border: none; background: none;}
a.link {color: #F8971D; border: none; background: none;}

.twocolumn p a{
	color: #797878;
	text-decoration: underline;
	background: none;
	}
.twocolumn p a:hover {color: #F8971D; background: none;}

.twocolumn p a.tooltip{
	text-decoration: none;
}

div.onehalfcolumn_right a:link,div.onehalfcolumn_right a:visited, div.onehalfcolumn_left a:link, div.onehalfcolumn_left a:visited{
		text-decoration:underline;
	}

ul#footer-nav-l li a:link, ul#footer-nav-l li a:visited,
ul#footer-nav-r li a:link, ul#footer-nav-r li a:visited{
	font-size: 12px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #F4821A;
}
ul#footer-nav-l li a:hover, ul#footer-nav-r li a:hover{
	font-size: 12px;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
	font-weight: normal;
	color: #888;
}

.plan a:link, .plan a:visited {
		font-weight: bold;
		font-size: 12px;
		color: #000;
		margin: 10px 0 10px 0px;
	}
.plan a:hover {
		color: #F8971D;
	}



/* b) Typography */

h1 {
	margin: 0;
	padding: 0;
	color: #F8971D;
	font-size: 18px;
	font-family: 'Trebuchet MS', Arial, sans-serif;
	}

h2 {
	margin: 0;
	padding: 0;
	color: #4d5762;
	font-size: 21px;
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
	}

h3 {
	padding: 0.5em 0;
	color: #F8971d;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
	}

h4 {
	padding: 0 0 0.5em;
	color: #797878;
	font-size: 14px;
	font-weight: bold;
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
	display:inline;
	}

.enligne{
	display:inline;
	}


h5 {
	padding: 0 0 1em;
	margin: 0;
	color: #9A9A9A;
	font-size: 12px;
	font-weight: normal;
	font-family: 'Trebuchet MS', Arial, Helvtica, sans-serif;
	clear: both;
	}

h6 {
	padding: 0.5em 0;
	margin:0;
	color: #797878;
	font-size: 13px;
	font-weight: bold;
	font-family: Trebuchet, Arial, Helvetica, Verdana, sans-serif;
	line-height: 14px;
}

p {margin: 0 0 1.5em;}

h3.faq {
	padding: 0.5em 0;
	color: #F8971d;
	font-size: 13px;
	font-weight: bold;
	font-family: 'Trebuchet MS', Arial, Helvetica, Verdana, sans-serif;
	}

.black {color: #000;}

h3.grey{
	color: #797878;
	padding: 0 0 8px 0;
	}

.grey{
	color: #797878;
	padding: 0;
	}
.orange{
	color: #F8971D;
	font-weight: bold;
	font-size: 11px;
	}
h3.joindre{
	padding: 0;
	}

.textright { text-align:right;}

.right { float:right;}
.left {float: left;}
.align_right {text-align:right; font-weight: bold;}
.align_right a{text-align:right; font-weight: bold; text-decoration: underline;}

p.left {float: left;}
p.right {float: right;}
#home p.right {padding:0; margin:0;}
p.big {font-size: 13px;}
p.small {font-size: 11px; color: #999; margin-bottom: 10px;}
p.center {
	margin: 0 0 40px !important;
	font: normal 16px 'Helvetica Neue', Arial, Verdana, sans-serif;
	text-align: center;
	}
p.centersmall {margin-top: -10px; text-align: center;}

#page p.intro {
	color: #9A9A9A;
	font: bold 13px 'Trebuchet MS', Arial, Helvetica, sans-serif;
	}
#page p.interligne {
		margin-top: -5px;
		line-height: 200%;
	}
#page p.alinea {
	text-indent: 20px ;
	}

#home p {
	font-size: 13px;
	color: #000;
	font-weight: normal;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#page p {
	font-size: 12px;
	color: #000;
	font: normal 12px 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

#page p.bold {
	font-weight: bold;
	}

#footer p {
	font-size: 11px;
	color: #888;
	font-weight: normal;
	font-family: 'Trebuchet MS', Arial, Helvetica, sans-serif;
}

.uppercase{
	text-transform : uppercase;
	}

.metro{
	background: url(images/template/metro.gif) left 2px no-repeat;
	padding: 10px 0 0 25px;
	margin: 0;
	height: 25px;
}
.bus{
	background: url(images/template/bus.gif) left 2px no-repeat;
	padding: 10px 0 0 25px;
	margin: 0 0 0 0;
}
.adapte{
	background: url(images/template/adapte.gif) left 2px no-repeat;
	padding: 10px 0 0 25px;
	margin: 0 0 0 0;
}

p.formulaire a{

	text-decoration: none;
}


/* Bas de sous-section */
span.imprim img{
	margin: 0 0 0 0;
	padding: 0 0 1px 0;
	vertical-align: top;
	/*background: url(images/template/imprim_black.gif) no-repeat top right;*/
	}

span.toppage {
	margin: 0 10px 0 20px;
	padding: 1px 15px 1px 0;
	/*background: url(images/template/fleche_retour.gif) no-repeat top right;*/
	}





.pdf {
	margin: 0 20px 0 0;
	padding: 1px 30px 1px 25px;
	background: url(images/template/pdficon_small.gif) no-repeat top left;
	}


blockquote {
	margin: 0 30px 2em;
	padding-left: 15px;
	border-left: 5px solid #ccc;
	color: #888;
	font-size: 11px;
	}

abbr, acronym {border-bottom: 1px dotted #666; cursor: help;}

/* 8: MISC
============================================================================ */

/* Horisontal ruler */

hr {visibility: hidden;}
.hr {
	height: 1px;
	margin: 20px 0 25px 0;
	background: url(images/template/hr.gif) repeat-x top left;
	font-size: 1px;
	line-height: 1px;
	clear: both;
	}

.titre {
	margin: 0 0 25px 0;
}
.menu {
	background: url(images/template/hr_menu.gif) top left no-repeat;
	margin: -5px 0 5px 0;
	padding: 0;
}
.carte {
	margin: 0 0 10px 0;
}


/* Images */

img.avatar {margin-top: 0;}
img.steps {margin-bottom: 1em; border: 1px solid #666;}
img.floatleft {float: left; margin: 3px 15px 5px 0;}


/* Clear floats */

.clear {clear: both;}
.clearleft {clear: left;}

.clearall {
	display: block;
	clear: both;
	height: 1px;
	margin: 0;
	font-size: 1px;
	line-height: 1px;
	}

html {height: 100%; margin-bottom: 1px;}

/* Specials */

#special {text-align: center;}
#special img {margin: 10px;}
#special div.float-left {float: left; width: 188px; padding: 15px 40px 0 20px;}
#special div.float-right {float: right; width: 188px; padding: 15px 20px 0 40px;}

/* Bookmarklet */

#marklet #header {height: 102px;}

/* Flash */

#flash-content {margin: 10px 0 20px;}

/* Search Box */

#applesearch .sbox_l  {
        background: url(images/recherche/searchfield_leftcap.png) top left no-repeat;
 		float: left;
        width: 12px;
        height: 20px;
}


a:link#search, a:visited#search{
        float: left;
        width: 39px;
        height: 20px;
        background: url(images/recherche/searchfield_rightcap.gif) top left no-repeat ;
}

a:hover#search {
        float: left;
        width: 39px;
        height: 20px;
        background: url(images/recherche/searchfield_rightcap_hover.gif) top left no-repeat;
}


#applesearch .sbox input {
        background: url(images/recherche/searchfield_repeat.png) top left repeat-x;
		float: left;
		padding: 2px;
		margin: 0;
        width: 180px;
        height: 20px;
        border: 0;
        font-size: 13px;
        color: #000;
}


#applesearch .sbox input:focus {
		outline: 0 none;
		border:0;

}

/* =si_clear_children */
.pc, .sc {
	position:absolute;
	top: 0;
	left: 0;
}
.clear_children,.cc_tallest { position: relative; } /*\*/* html .clear_children { display: inline;}/**/
.cc_tallest:after { content: ''; } /* PREVENTS A REDRAW BUG IN SAFARI */



.list_form_services,
.list_form_services li
{
    list-style:none;
    width:230px;
    float:left;
    margin:0 0 10px 0;
}

.list_form_services
{
    margin:10px 0 10px 0;
}

.list_form_services li input
{
    float:left;
    display:block;
    margin:2px 5px 0 0;
}

.list_form_services li label
{
    float:left;
    display:block;
    margin:-3px 0 0 0;
}

.formarrondissement input,
.formarrondissement select
{
    margin:0 0 0 7px;
}