@charset "utf-8";

/* ************** */
/* Design général */
/* ************** */

* {
	padding: 0 0 0 0;
	margin: 0 0 0 0;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #66676b;
}

body {
	background-image: url(images/bg_grey.jpg);
	background-position: center top;
}

#container {
	margin: 5px auto 0 auto;
	width: 100%;
	background-color: #f3f1eb;
	background-image: url(images/bg.jpg);
	background-position: center top;
}

#header {
	margin: 0 auto 0 auto;
	padding: 0 9px 0 10px;
	width: 931px;
	height: 250px;
	background-image: url(images/bg_header.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#headercontent {
	margin: 0 auto 0 auto;
	padding: 0 9px 0 10px;
	width: 931px;
	height: 105px;
	background-image: url(images/bg_header.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#headercontentP {
	margin: 0 auto 0 auto;
	padding: 0 9px 0 10px;
	width: 640px;
	height: 105px;
	background-image: url(images/bg_header.png);
	background-repeat: no-repeat;
	background-position: center top;
}

#logo {
	float: left;
	padding: 11px 0 0 2px;
	width: 250px;
	height: 92px;
}

#headerright {
	float: right;
	padding: 11px 0 0 1px;
	width: 187px;
	height: 92px;
}

#headerright p {
	padding-top: 10px;
	font-size: 12px;
}

#headerright a {
	font-size: 12px;
	color: #e5322c;
	text-decoration: none;
}

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

#imgheader {
	margin-top: 11px;
}

#menu {
	margin: 0 auto 0 auto;
	padding: 0 10px 0 11px;
	width: 929px;
	height: 44px;
	background-image: url(images/bg_menu.png);
	background-repeat: no-repeat;
	background-position: center bottom;
}

#content {
	margin: 0 auto 0 auto;
	padding: 11px 10px 15px 11px;
	width: 931px;
	min-height: 347px;
}

#contentP {
	margin: 0 auto 0 auto;
	padding: 11px 10px 11px 11px;
	width: 640px;
	min-height: 347px;
}

#leftmenu {
	width: 270px;
	float: left;
}

#contentint {
	float: left;
	padding: 0 10px 15px 11px;
	width: 632px;
}

#footer {
	margin: 0 auto 0 auto;
	padding: 0 10px 0 11px;
	width: 929px;
	color: #899196;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

#footerP {
	margin: 0 auto 0 auto;
	padding: 0 10px 0 11px;
	width: 640px;
	color: #899196;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-align: center;
}

#modificationdate {
	float: left;
	color: #899196;
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 12px;
}

/* ************ */
/* Encarts home */
/* ************ */

#homemaincontent {
	width: 915px;
}

#homemaincontentbutton {
	text-align: right;
	width: 923px;
	padding: 0 0 8px 8px;
}

#encart1, #encart2, #encart3 {
	float: left;
	width:287px;
}

#encart1, #encart2{
	margin-right: 34px;
}

#encartcontent1, #encartcontent2, #encartcontent3 {
	background-image: url(images/encart_bg.png);
	width: 238px;
	padding: 0 10px 0 39px;
}

/* ************** */
/* Menu principal */
/* ************** */

ul.ulmenu {
	margin-top: 10px;
}

li.menu, li.menuon { 
     display:inline; 
     list-style:none; 
} 
  
li.menu a { 
     background:transparent url(images/button_off_left.png) no-repeat left; 
     display:block; 
     float:left; 
     height:24px; 
     margin-right:14px; 
	 margin-left:0;
     padding:0 0 5px 4px;
	 text-decoration:none;
	 text-shadow: 0px -1px 0px #787060;
} 

li.menuon a { 
     background:transparent url(images/button_on_left.png) no-repeat left; 
     display:block; 
     float:left; 
     height:24px; 
     margin-right:14px; 
	 margin-left:0;
     padding:0 0 5px 4px;
	 text-decoration:none;
	 text-shadow: 0px -1px 0px #1a2125;
} 
  
li.menu a span { 
     background:transparent url(images/button_off_right.png) no-repeat right; 
     cursor:pointer; 
     display:inline; 
     float:left; 
     height:19px; 
     padding:4px 8px 6px 4px; 
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 15px;
	 font-weight: bold;
	 color: #FFF;
} 

li.menuon a span { 
     background:transparent url(images/button_on_right.png) no-repeat right; 
     cursor:pointer; 
     display:inline; 
     float:left; 
     height:19px; 
     padding:4px 8px 6px 4px; 
	 font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	 font-size: 15px;
	 font-weight: bold;
	 color: #FFF;
} 
  
li.menu a:hover, li.menuon a:hover { 
    background:transparent url(images/button_on_left.png) no-repeat left; 
    color:#fff; 
    padding:0 0 5px 4px;
} 
  
li.menu a:hover span, li.menuon a:hover span { 
    background:transparent url(images/button_on_right.png) no-repeat right; 
    color:#fff; 
    padding:4px 8px 6px 4px; 
}

/* *************** */
/* Menu secondaire */
/* *************** */

#subbutton h3 a, #subbuttonOn h3 a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	height: 29px;
	width: 263px;
	padding-left: 14px;
	padding-top: 7px;
	background-repeat: no-repeat;
	font-size: 16px;
	color: #4b575f;
	text-decoration: none;
	background-image: url(images/sbutton_off.png);
}

#subbutton h3 a:hover, #subbuttonOn h3 a {
	background-image: url(images/sbutton_on.png);
	color: #e5322c;
}

#subbutton1 h3 a, #subbutton1On h3 a {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	display: block;
	height: 29px;
	width: 263px;
	padding-left: 14px;
	padding-top: 0px;
	background-repeat: no-repeat;
	font-size: 16px;
	color: #4b575f;
	text-decoration: none;
	background-image: url(images/sbutton1_off.png);
	background-position: left bottom;
}

#subbutton1 h3 a:hover, #subbutton1On h3 a {
	background-image: url(images/sbutton1_on.png);
	background-position: left bottom;
	color: #e5322c;
}

/* ******* */
/* Polices */
/* ******* */

#content h1, #contentP h1 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 23px;
	padding-bottom: 14px;
}

#content h2, #contentP h2 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 16px;
	padding-bottom: 6px;
}

#content h3, #contentP h3 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 6px;
}

#content h4, #contentP h4 {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 13px;
	font-weight: normal;
	color: #e5322c;
	padding-bottom: 13px;
}

#content p, #contentP p { 
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 13px;
}

#content a, #contentP a {
	color: #e5322c;
}

#content a:hover, #contentP a:hover {
	color: #87110d;
}

#content hr, #contentP hr {
	margin-bottom: 9px;
}

.clearfloat { 
	clear:both;
    height:0;
    font-size: 1px;
    line-height: 0px;
}

sup {
	vertical-align: baseline;
	font-size: 0.9em;
	position: relative;
	top: -0.5em;
	}

#content li {
	margin: 0 0 9px 22px;
	}
	
/* ********** */
/* Formulaire */
/* ********** */

FORM TABLE.csc-mailform TR TD.csc-form-labelcell { }

FORM {
		margin: 0px;
	}

TEXTAREA,INPUT,LABEL,BUTTON,ISINDEX {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	color: #66676b;
} 


.csc-mailform, .csc-form-label-req, .csc-form-fieldcell, .csc-mailform-label  {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	padding-bottom: 3px;
}

.csc-mailform  {
    border: 0px;
	margin-left: 0px;
	padding-left: 0px;
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.csc-mailform-field {
	border: 0px;
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 5px 0 0 0;
	padding-bottom: 3px;
}

.csc-mailform-radio  {
	border: 0px;
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin: 0 4px 0 0;
	padding-bottom: 0px;
	vertical-align: middle;
}

.csc-form-label-req  {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

fieldset { 
	border:none;
	}

legend {
		display:none;
	}
	
SELECT {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
}

.csc-form-fieldcell {
	font-family:  "Trebuchet MS", Arial, Helvetica, sans-serif;
	font-size: 13px;
	margin-left: 190px;
}

LABEL {
	DISPLAY: block;
	/*float:left;*/
	FONT-WEIGHT: bold;
	MARGIN: 3px 20px 0px 0px;
	}

.csc-mailform-radio label {
	display:inline;
	float:none;
	margin: 0 0 0 0;
	vertical-align:middle;
	}

.csc-mailform-submit {
		background-color:#CCCCCC;
		color: #000000;
}

form div {
  clear: left;
}

#searchleft {
	float: left;
	}
	
#stats {
	float: right;
	}

ul.wt_directory_pagebrowser {
	padding: 0;
	margin: 0;
	}	
.wt_directory_pagebrowser li {
	display:inline; 
    list-style:none; 
	padding: 0;
	margin: 0;
	}