* {
	margin:0;
	padding:0
}

p { padding-bottom:13px; }
strong {font-weight:bold}
a img { border:0 }

abbr, acronym { cursor: help; border-bottom: 1px dotted; }
del { text-decoration: line-through; }
ins {text-decoration: none; padding-left:5px }
ol { margin:14px 0 10px 20px; }
ol li { padding-bottom:6px }
ul { margin:10px 0 10px 20px; }
ul li { list-style-image:url(../img/read.jpg); margin-bottom:6px }
table {empty-cells: show;border-collapse: collapse}


a:link, a:visited , a:active {
text-decoration:none;
color:#fff}


a:hover {text-decoration:underline}

/* formulaires ***********************************************************/
input, textarea, select {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	width:180px;
	padding:4px 6px 2px 6px;
	margin: 3px 0px 3px 0;
	background:url(../img/bg_input.gif) no-repeat left top;
	border-width:0 1px 1px 0;
	border-color:#bdbbba;
	border-style:solid;
}

input[type=submit] {color:#fff;   cursor: pointer;  /* pour transformer de pointeur en main */}
input[type=text]:focus, textarea:focus, select:focus { background:url(../img/bg_input-focus.gif) no-repeat left top; }

select { padding-right:1px }
select option { background-color:#f4f9ee; padding:0 13px 0 0; }

input.fradio, input.fcheckbox, input.fimage {
	background:none;
	border:none;
	margin:0;
	padding:0 5px;
}

.fcheckbox, .fradio { margin-top:4px; float:left;}
.lcheckbox, .lradio { width:50px; padding:0 5px}

label {
	text-align: left;
	float: left;
	width: 100px;
	padding: 3px 4px 3px 0;
}

input.formError, textarea.formError {
	background-image:url(../img/bg_input_error.gif);
	color:#FFFFFF
}
input[type=file].formError {
	color:#ff0000
}
input[type=file] {
	background-color:#f4f9ee;
}

form br { clear:both; }
.fcheckbox, .fradio { padding:0 10px 0 5px; }



/* styles général ************************************************************/

.error {
	clear:both;
	margin:20px;
	background:url(../img/error.jpg);
	width:435px;
	font-size:11px;
	height:60px;
	padding:30px 20px 20px 150px;
	color:#c00809;
	font-weight:bold;
}

.succes {
	clear:both;
	margin:20px;
	background:url(../img/succes.jpg);
	width:435px;
	font-size:11px;
	height:40px;
	padding:50px 20px 20px 150px;
	color:#3a9805;
	font-weight:bold;
}

.read {
	vertical-align:middle;
	white-space:nowrap;
	padding-left:20px;
	width:131px;
	padding-top:2px;
	height:18px;
	background:url(../img/all_news.jpg) no-repeat left;
	float:right;
}

.read a:link {
	text-decoration:none;
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:11px
}

span.sW { background:#FFCC00; color:#000 }
.cl { clear:both; }	
.imageZ { cursor: pointer; cursor:-moz-zoom-in; cursor: url(img/z.ani) }


/* navigation ******************************************* */

#menu ul {margin:0; list-style-type:none;font-family:Verdana, Arial, Helvetica, sans-serif;padding-left:22px; }
#menu ul li { margin:0; list-style-image:none; font-size:11px; text-transform:uppercase;float:left }
#menu ul li a {
	display:inline;
	float:left;
	background:url(../img/menu.jpg) left no-repeat;
	color:#353535;
	text-decoration:none;
	padding:7px 15px 5px 15px;
	height:17px;
}
#menu ul li a:hover, #menu .m_5_active, #menu .m_4_active, #menu .m_3_active, #menu .m_2_active, #menu .m_1_active {
	height:17px;
	background:url(../img/menu_hover.jpg);
}



/* structure ******************************************* */

body {
	font-family:Verdana, Arial, Helvetica, sans-serif;
	font-size:12px;
	color:#fff;
	color:#343434;
	margin:0;
	background:url(../img/header.jpg) top no-repeat;
	background-color:#161616
	
}

#ct2 {
	width:100%;
	background:url(../img/header.jpg) top no-repeat;
}

#ct1 {
	width:100%;
	background:url(../img/bg.jpg) repeat ;	
	min-height:350px;
}


p {margin:5px 0 5px 0}

h1{
	font-size:24px;
	display:none
}

h2{font-size:21px;font-weight:bold}
h3{font-size:18px;font-weight:bold}
h4{font-size:16px;font-weight:bold}
h5{font-size:14px;font-weight:bold}

#links {width:253px;height:105px;padding-right:10px;}
#search {height:50px;width:253px;}

#search label {
	font-size:10px;
	width:85px;
	margin-top:8px;
	text-align:right;
	margin-left:15px;
	float:left;
	color:#FFF;
	text-transform:uppercase
}

#search input {
	height:13px;
	font-size:10px;
	padding:2px;
	color:#333;
	border:0
}

#search input[type=submit] {
	width:26px;
	height:19px;
	background:url(../img/input_submit_search.png);
	margin-left:5px;
	color:#FFF;
}

a.accueil {
	float:none;color:#FFF;
	text-align:right;
	text-decoration:none;
	margin-bottom:3px;
	padding-right:20px;
	display:block;
	background:url(../img/picto_accueil.jpg) right no-repeat;
	}

a.contact {
	float:none;color:#FFF;
	text-align:right;
	text-decoration:none;
	width:50px;
	float:right;
	margin-bottom:3px;
	padding-right:20px;
	display:block;
	background:url(../img/picto_contact.jpg) right no-repeat;
}

a.logo {
	width:420px;
	height:120px;
	float:right;
	margin-right:75px
}

#container {
	width:970px;
	margin:0 auto;

}

#header #content{
	width:970px;
	height:317px;
	margin:0 auto;
	background-image:url(../img/header_content.jpg)
}



#header #content #left {
	width:263px;
	height:317px;
	float:left
}

#header #content #right{
	width:707px;
	height:317px;
	float:left
}

#header #content #right #top{
	width:707px;
	height:271px;
	float:left
}

#header #content #right #menu{
	width:707px;
	height:46px;
	float:left
}

#container #content {
	width:970px;
	background:url(../img/bg_content.jpg);
	float:left;
	min-height:500px
}

#container #content #right a{color:#ce010c}
#container #content #right #bloc #bot a
#container #content #right #bloc #bot a:visited
#container #content #right #bloc #bot a:active
#container #content #right #bloc #bot a:hover{color:#fff}


#container #content #right {
	float:right;
	padding:10px 30px 10px 30px;
	width:645px;
}

p.intro {
	font-size:14px;
	line-height:20px
}

#container #content #right h2{
	height:30px;
	color:#484848;
	padding-left:58px;
	margin-bottom:7px;
	padding-top:10px;
	text-transform:uppercase;
	background:url(../img/h2_content.jpg) left no-repeat;
}

#bloc a, #bloc a:hover, #bloc a:active, #bloc a:visited, #bloc {color:#fff;float:left;text-decoration:none}
#container #content #right #bloc.a #top, #container #content #right #bloc.b #top{height:135px;padding:10px;font-size:12px;color:#fff;line-height:16px}
#container #content #right #bloc.c #top {height:95px;padding:10px;padding-top:10px;font-size:11px;color:#fff;line-height:16px;padding-right:250px;}
#container #content #right #bloc #bot a:visited, #container #content #right #bloc #bot a:hover, #container #content #right #bloc #bot a:visited a  {color:#fff}
#container #content #right #bloc #bot a {padding:3px 5px 0 10px;width:105px;height:20px} 
#container #content #right #bloc.a #bot a {float:right;background:url(../img/savoir_plus_bloc1.jpg) top;color:#fff}
#container #content #right #bloc.b #bot a {float:right;background:url(../img/savoir_plus_bloc2.jpg) top;color:#fff}
#container #content #right #bloc.c #bot a {float:left;background:url(../img/savoir_plus_bloc3.jpg) top; margin-left:270px;margin-top:5px;}
#container #content #right #bloc.a #bot a:hover {background:url(../img/savoir_plus_bloc1.jpg) bottom;text-decoration:underline}
#container #content #right #bloc.b #bot a:hover {background:url(../img/savoir_plus_bloc2.jpg) bottom;text-decoration:underline}
#container #content #right #bloc.c #bot a:hover {background:url(../img/savoir_plus_bloc3.jpg) bottom;text-decoration:underline}

#container #content #right #bloc.a {
	width:270px;
	height:178px;
	background:url(../img/bg_bloc1.jpg)
}

#container #content #right #bloc.b {
	width:354px;
	margin-left:21px;
	height:178px;
}

#container #content #right #bloc.c {
	width:640px;
	height:143px;
	margin-top:15px;
	background:url(../img/bg_bloc3.jpg)
}

#container #content #left {
width:265px;
float:left}

#container #content #left #actu {
	width:265px;
	background:url(../img/bg_content_left_actu.jpg);
	float:left
}

#container #content #left #actu p {line-height:15px}

#container #content #left #actu h4 {
	color:#d31919;
	text-decoration:underline;
	font-size:14px;
}

#container #content #left #actu #top {
	width:225px;
	font-size:11px;
	padding:20px;
	color:#333;
	float:left
}

#container #content #left #actu #top  h2{
	background:url(../img/h2_actu.jpg) no-repeat;
	padding-left:55px;
	text-transform:uppercase;
	padding-top:5px;
	height:36px
}

#container #content #left #actu #bot{
	width:265px;
	height:15px;
	background:url(../img/bg_content_left_actu_bot.jpg);
	float:left
}

#container #content #left #express {
	width:225px;
	padding:0 20px 20px 20px;
	float:left
}

#footer {
	height:170px;
	font-size:11px;
	background:url(../img/bg_footer.jpg) top no-repeat
}

#footer a, #footer a:active, #footer a:visited {color:#fff}
#footer a:hover {text-decoration:none;color:#999}

.cl {clear:both}

#map { width: 640px; height: 300px; clear:both; color:#000000;font-size:12px; }
#map strong {color:#c00809}
#map img {
	float:left;
	margin-right:10px;
	margin-top:15px;
	margin-bottom:20px
}

#copyright {
	width:940px;
	height:50px;
	padding:32px 15px 0 15px;
	background:url(../img/bottom_content.jpg) top no-repeat;
	height:19px;
	color:#FFF;
	margin:0 auto;
}

#footerLeft {float:left}
#footerRight {float:right}

.formLeft {
	float:left;
	margin-right:12px;
	width:300px
}

.formRight {
	float:right;
	padding-left:12px;
	border-left:1px dashed #990000;
	width:320px
}

#right.contact input[type="submit"] {
	float:right;
	margin-right:15px;
	border:0;
	padding:15px;
	padding-left:40px;
	color::#fff;
	padding-bottom:5px;
	margin-top:0px;
	margin-bottom:15px;
	background:url(../img/submit_contact.jpg);
	height:46px;
	width:120px
}

#right.contact  select {width:193px;}

.formLocation label {
	width:370px;
	margin-top:3px;
	font-size:11px;
	margin-right:20px;
	color:#c00809;
	border-bottom:1px dotted #c00809;
	padding-left:20px;
	background:url(../img/label_location.jpg) left no-repeat
}

.formLocation input {width:200px;}
.formLocation select {width:214px}

.location {
	float:right;
	border:0;
	margin-right:15px;
	text-transform:uppercase;
	color:#fff;
	padding:23px;
	padding-left:50px;
	background:url(../img/submit_location.jpg);
	height:46px;
	width:193px
}

#vehicule_location {
	width:180px;
	background:url(../img/vehicule_location.jpg) bottom left no-repeat;
	padding:10px;
	margin:15px 5px 5px 5px;
	height:180px;
	float:left
}

#vehicule_location h3 {color:#333;font-size:16px}

#identite {
	width:180px;
	background:url(../img/vehicule_location.jpg) bottom left no-repeat;
	padding:10px;
	margin:15px 5px 5px 5px;
	height:180px;
	float:left
}
#identite em {
color:#990000}

#identite h3 {color:#333;font-size:16px}


.location:active, .location:hover, .location:visited {background:url(../img/submit_location.jpg);
}

#right.contact select option , .formLocation select option {background-color:#F5FBFC}
#right.contact textarea {width:180px;height:100px}

.fradio {width:15px;height:15px}

#img_left {
	height:157px;
	margin-top:-172px;
	background:url(../img/img_bot_accueil.png);
	margin-left:701px;
	position:absolute;
	width:242px;
	z-index:1;
}



.listing {
	float:left;
	width:620px;
}

.listing h2{font-size:13px;width:500px;float:left}
.listingLeft {width:500px;float:left}
.listingRight{width:100px;float:right;padding-top:10px;}
.listingRight em {
	background:url(../img/date.jpg);
	width:108px;
	color:#fff;
	display:block;
	text-align:center;
	padding-top:2px;
	height:16px;
}

.listingContent {
	border-bottom:1px dotted #990000;
	float:left
}

.result {
	width:621px;
	padding:2px;
	margin-top:15px;
	height:21px;
	color:#fff;
	background:url(../img/result.jpg)
}

.resultNavInfos {
	width:260px;height:19px;
	padding-right:10px;
	padding-top:2px;
	text-align:right;
	float:right
}

.resultNav{
	width:315px;height:19px;
	padding-left:10px;
	padding-top:2px;
	float:left
}


.pageNav {
	width:620px;
	height:50px;
	float:left
}

.pageNavSearch {
	float:left;
	width:240px;
	border-right:1px dotted #990000
}

.pageNavCats {
	float:left;
	padding-left:15px;
	width:250px
}

.pageNavCats input[type="submit"], .pageNavSearch input[type="submit"]  {
	background:url(../img/submit_actu.jpg);
	width:30px;
	margin-bottom:2px;
	border:0;
	height:22px
}


.colis_basrhin {
width:100px; height:151px; margin-bottom:10px; background:#FF0000; float:left}

#right.basrhin { background:url(../img/bg_basrhin.jpg) no-repeat top left; height:700px;}