/*--------------------------------------content_left--------------------------------------*/

a {
text-decoration: none;
}

#fd_bloc_left {
	width:465px;
	height:469px;
	behavior:url(pages/_css/iepngfix.htc);
	background:url(../../pages/_img/contact/bloc_left.png) top left no-repeat;
	position:absolute;
	top:7px;
	left:26px;
	z-index:1;
}

#content_left {
	width:450px;
	height:434px;
	position:absolute;
	top:26px;
	left:45px;
	z-index:2;
}


#form_btn {
    background: #000;
    color: #fff;
    padding: 4px;
    margin-top: 3px;
    margin-right: 10px;
    letter-spacing: 1px;
    font-weight: bold;
    float:right;
}

#message_confirm {
    position:absolute;
    top: 40px;
    left:10px;
    color: #000;
    font-weight:bold;
}

#back {
    position:absolute;
    top: 80px;
    left:60px;
    color: #000;
    font-weight:bold;
}

#back a{
    color: red;
}

#back a:hover{
    color: black;
}

/*--------- contact_title --------*/

#contact_title {
    position:absolute;
	left:0px;
	top:0px;
	font:12px Arial, Helvetica, sans-serif;
	color:#888;
	text-decoration:none;
	width:300px;
    text-transform:uppercase;
}

#contact_title span {
    font:bold 14px Arial, Helvetica, sans-serif;
	color:#F00;
}

/*---------------- contact_form --------------*/
table {
    font:normal 11px Arial, Helvetica, sans-serif;
    color:#444;
}

/*----------------article_contact------------*/

#contact_form {
	left:0;
	width: 430px;
}

#contact_form h2 {
	color:#010101;
	font:normal 12px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:12px;
}

#contact_form h3 {
	color:#ee3a34;
	font:bold 18px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:18px;
}

#contact_form h4 {
	color:#87888a;
	font:normal 11px Arial, Helvetica, sans-serif;
	text-transform:uppercase;
	line-height:11px;
}

#contact_form h5 {
	color:#707173;
	font:bold 11px Arial, Helvetica, sans-serif;
	margin-top:15px;
}

#contact_form #article_overflow {
	width:424px;
	height:390px;
	font:normal 11px Arial, Helvetica, sans-serif;
	position:absolute;
	top:20px;
	left:0px;
}

#contact_form .article_overflow {
	overflow:auto;
	overflow-x:hidden;
}

#contact_form #article_overflow p {
	color:#707173;
	line-height:14px;
	width:400px;	
}

/*----------------nav_contact------------*/

#nav_contact {
	width:432px;
	height:60px;
	position:absolute;
	top:345px;
	left:0;
}

#nav_contact a#previous_contact, #nav_contact a#next_contact {
    display:block;
    width: 12px;
    height: 30px;
    padding:4px;
    margin-top:10px;
}

#nav_contact a#previous_contact {
    float:left;
    margin-right:5px;
	background:url(../../pages/_img/general/precedent.gif) no-repeat center center;
}

#nav_contact a#next_contact {
    float:right;
    margin-left:5px;
	background:url(../../pages/_img/general/suivant.gif) no-repeat center center;
}

#nav_contact #scrollable_contact {
    position:relative;
    float: left;
    width:382px;
    height:60px;
    overflow:hidden;
}
#nav_contact #scrollable_contact .items {
    position:absolute;
    width:20000em;
}

#nav_contact #scrollable_contact .items .item { /* largeur totale 190px */
	float: left;
	height: 58px;
    width:182px;
	margin: 0 3px;
	border: 1px solid white;
	cursor:pointer;
	overflow: none;
}
#nav_contact #scrollable_contact .items .itemHover {
	border-color: #666;
}
#nav_contact #scrollable_contact .items .item img {
	margin: 2px 5px 2px 2px;
}

#nav_contact #scrollable_contact .items .item p.date {
	color:#636363;
	font:normal 11px Arial, Helvetica, sans-serif;
}

#nav_contact #scrollable_contact .items .item p.titre {
	color:#000;
	font:bold 11px Arial, Helvetica, sans-serif;
}

/*--------------------------------------content_right--------------------------------------*/

#fd_bloc_right {
	position:absolute;
	top:7px;
	left:500px;
	width:430px;
	height:469px;
	behavior:url(pages/_css/iepngfix.htc);
	background:url(../../pages/_img/contact/bloc_right_ttouch.png) top left no-repeat;
}

#content_right {
	position:absolute;
	top:38px;
	left:510px;
	height:410px;
    width:410px;
	z-index:2;
}

#content_right #address {
    position:absolute;
    top: 260px;
    left:20px;    
}

#content_right #address table tr td {
    padding: 1px 15px;
    font-weight:bold;
}

#content_right #address .title {
    font-weight: bold;
    color:#EE3A34;
    font-size:14px;
}

a.buttonwhiteflat {
    margin-left:40%;
    margin-top: 10px;
    position:absolute;
    top:300px;
    color:#444444;
	font:normal 10px Arial, Helvetica, sans-serif;
	line-height: 16px;
	padding: 4px 5px;
	border:1px solid #aaa;
	background: #FFF url(../../pages/_img/contact/bg_button_white.png) repeat-x center left;
	text-decoration: none;
	font-size:12px;
}

a.buttonwhiteflat:hover {
    color: #E5312A;
}