@charset "utf-8";
/* CSS Document */

* {
	margin: 0;
	padding: 0;
}

html, body {
	height: 100%;
}
* a { /* Obtenir l'affichage des liens sur un background en PNG */
	position: relative;
}
a { /* Retrait des lignes pointillées autour d'un lien sous Firefox */
	outline: none;
}
a img { /* Retrait des bord bleu d'une image sous IE */
	border: none;
}
/* HTML elements */

body {
	background: #FFFFFF url(body-background.gif);
	font: normal normal normal 10px/1.3em Arial, Verdana, Geneva, Helvetica, sans-serif;
}
img{
border:none;}
a {
	text-decoration: none;
}
.article a {
	color:#E54F25;
	}
.article #one { float: left; }
.article #two { float: left; margin-left: 21px; margin-bottom: 5px; }
.clear { clear:both; }

#ruban {
	position: absolute;
	top: 90px;
	left: 0px;
	width: 100%;
	height: 330px;
	background: transparent url(ruban.gif) repeat-x;
}

#site {
	position: relative;
	width: 970px;
	margin: 0 auto;
	height: auto !important;
	min-height: 100%;
	height: 100%;
	background: transparent ;
}

/* Entete */

#header {
	position: relative;
	width: 970px;
	height: 410px;
	background: transparent url(header.png) no-repeat;
}

/* Logo */

#logo {
	width: 320px;
	height: 89px;
	background: #FFFFFF url(logo-background.gif) repeat-y right;
}

#logo h1 {
	display: none;
}

#logo img {
	border: none;
	margin: 17px 0 2px 28px;
}

#logo p {
	color: #8d8f91;
	margin: 0 0 0 37px;
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	text-transform: uppercase;	
}

/* Menu principal */

#mainmenu {
	position: absolute;
	left: 320px;
	top: 40px;
	width: 620px;
	height: 50px;
	list-style: none;
}

#mainmenu li {
	float: left;
}

#mainmenu a {
	display: block;
	width: 155px;
	height: 50px;
	padding: 12px 0 0 0;
	background: transparent url(mainmenu-item.gif) no-repeat;
	font-size: 14px;
	text-transform: uppercase;
	text-align: center;
	color: #FFFFFF;
}

#mainmenu li.selected a {
	background: transparent url(mainmenu-selected.gif) no-repeat;
}



/* Projet */

#project {
	position: absolute;
	top: 310px;
	width: 200px;
	height: 70px;
	background: transparent url(project.gif) no-repeat 24px bottom;
	padding: 30px 20px 0 100px;
}

#project h2 {
	font-size: 13px;
	color: #a40d12;
	text-transform: uppercase;
	text-align: right;
	margin: 0 0 5px 0;
}

#project p {
	font-size: 13px;
	color: #be1e2d;
	text-align: right;
	margin: 0 0 5px 0;
}

#project a {
	display: block;
	height: 20px;
	text-indent: -5000px;
	background: transparent url(project-link.gif) no-repeat right;
	
}

/* Banner */

#banner {
	position: absolute;
	left: 320px;
	top: 90px;
	width: 620px;
	height: 290px;
	z-index:1;
}

#banner a {
	display: block;
	width: 620px;
	height: 290px;
	overflow: hidden;
}
#info{	z-index:10;
	position:absolute;}
#dropline{	z-index:10;
	position:absolute;}
#banner img {
	border:none;
	z-index:1;
	position:absolute;
}

#banner ul.nav {
	list-style: none;
}

#banner a.previous, #banner a.next {
	position: absolute;
	width: 18px;
	height: 50px;
	background: transparent url(banner-buttons.gif) no-repeat;
	text-indent: -5000px;
	overflow: hidden;
}

#banner a.previous {
	left: -18px;
	top: 106px;
}

#banner a.next {
	left: 620px;
	top: 106px;
	background-position: right;
}

/* Tools */

#tools {
	position: absolute;
	left: 320px;
	top: 380px;
	width: 620px;
	height: 30px;
	background: #b8b733;
}

#tools ul {
	float: right;
	list-style: none;
}

#tools li {
	float: left;
}

#tools li {
	width: 28px;
	height: 30px;
	border-left: solid 1px #a4ab18;
	border-right: solid 1px #d8da1f;
}

#tools li a {
	display: block;
	width: 29px;
	height: 30px;
	text-indent: -5000px;
	background: transparent url(tools.gif) no-repeat;
}

#tools li.first {
	border-left: none;
}

#tools li.last {
	border-right: none;
}

#tools li.print a {
	background-position: -28px 0;
}

#tools li.contact a {
	background-position: -56px 0;
}

#tools li.send a {
	background-position: -84px 0;
}

/* Recherche */

#tools #search {
	position: relative;
	width: 158px ;
	height: 22px;
	padding: 4px 10px;
}

#tools #search form {
	width: 158px ;
	height: 22px;
	background: transparent url(search.gif) no-repeat;
}

#search label {
	display: none;
}

#search input {
	background: none;
	border: none;
	color: #8e9a2e;
	font-size: 10px;
	width: 130px;
	padding: 4px 0px 4px 4px;
}

#search input.btsend {
	position: absolute;
	background-color: blue;
	text-indent: -5000px;
	width: 24px;
	height: 22px;
	cursor: pointer;
	background: transparent url(search.gif) no-repeat right;
}

/* Centre */

#center {
	position: relative;
	width: 940px;
	padding: 22px 30px 70px 0;
	overflow: auto;
	background: transparent url(center.png) repeat-y !important;
	background: transparent url(center-ie6.gif) repeat-y; /* Hack IE6 */
}

#center.infos {
	background: transparent url(center-infos.png) repeat-y !important;
	background: transparent url(center-infos-ie6.gif) repeat-y; /* Hack IE6 */
}
#center.infos2 {
	font-size: 12px;
}
#center.infos2 ul {
	color:#e54f25;
	padding-left:10px;
}
#center.infos2 ul li {
	background:url(fleche2.jpg) no-repeat;
	list-style-type:none;
	padding-left:15px;
	color:#e54f25;
}
#center.infos2 img {
	padding-left:10px;
	border:0;
}
#center.infos2 img a {
	border:0;
}
#center.infos2 table {
	width:560px;
	margin:5px;
	text-align:center;
}
#center.infos2 tr#tabletop {
	background-color:#cdccba;
	color:#787445;
}
#center.infos2 tr.infos {
	color:#e54f25;
}
#center.infos2 table .line {
	border-right:1px solid #787445;
	/*border-bottom:1px solid #CDCCBA;*/
}
#center.infos2 table .line_horizontale {
height:1px;
background-color:#CDCCBA;
}
#center.infos2 #bloc_contact {
	height:24px;
	width:129px;
	float:right;
	background-color:#e54f25;
	margin:12px 35px 30px 0;
}
#center.infos2 #bloc_contact h2 {
	font-size:10px;
	color:#FFFFFF;
	margin:0;
	font-weight:bold;
	padding:0;
	text-align:right;
	text-transform:uppercase;
	padding-right:8px;
	padding-top:6px
}
#center.infos2 #col_droite #bloc_contact img {
	margin-right:5px;
	float:left;
	padding-top:6px;
}
#center.infos2 #col_droite #bloc_telecharge {
	height:24px;
	width:239px;
	float:right;
	background-color:#e54f25;
	margin:12px 35px 10px 0;
}
#center.infos2 #col_droite #bloc_telecharge h2 {
	font-size:10px;
	color:#FFFFFF;
	margin:0;
	font-weight:bold;
	padding:0;
	text-align:right;
	text-transform:uppercase;
	padding-right:8px;
	padding-top:6px;
	}
#center.infos2 #col_droite #bloc_telecharge img {
	padding-left:5px;
	float:left;
}

/* Colonne gauche */

#column {
	position: relative;
	float: left;
	width: 288px;
	padding: 0 19px 60px 13px;
	z-index: 2;
}

#column p {
	color: #501117;
	font-weight: bold;
	font-size: 11px;
}


/* Bloc contact */

#contact {
	background: transparent url(contact.gif) no-repeat;
	width: 184px;
	height: 91px;
	margin: 0 0 15px 0;
	padding: 10px 0 0 100px;
}

#contact h2 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
	color: #501117;
	margin: 0 0 0 6px;
}

#contact p.tel {
	font-size: 23px;
	font-weight: bold;
	margin: 15px 0 0 12px;
	color: #FFFFFF;
}

#contact p.mail {
	margin: 12px 0 0 0px;
}

#contact p.mail a {
	font-size: 18px;
	color: #FFFFFF;
}

/* Contenu colonne gauche */

#column h4 {
	font-size: 12px;
	font-weight: bold;
	text-transform: uppercase;
}

#column h3 {
	height: 20px;
	margin: 10px 0 10px 0 ;
	padding: 8px 0 0 29px;
	background: #cdccba url(arrow-darkgreen.gif) no-repeat 10px 9px;
	color: #787445;
}

#column h4 {
	margin: 15px 0 8px 0 ;
	padding: 0px 0 0 29px;
	background: transparent url(square-orange.gif) no-repeat 13px 4px;
	color: #a40d12;
}

#column a {
	color:#787445;
	text-decoration: none;
}
#column a:hover {
	text-decoration: underline;
}

#column ul {
	list-style: circle outside none;
	margin: 0 0 0 40px;
	font-size: 11px;
	color: #787445;
}

#column ul li {
	margin: 2px 0;
}

/* Contenu */

#content {
	margin: 0 0 0 320px;
	padding: 0 13px;
	z-index: 2;
}

#center.infos #content {
	margin: 0 310px 0 320px;
}

#content h3 {
	color: #a40d12;
	background: transparent url(arrow-red.gif) no-repeat 0 1px;
}

#content h4 {
	color: #e54f25;
	background: transparent url(arobase-red.gif) no-repeat 0 0px;
}

#content p {
	color: #787445;
	font-size: 12px;
	padding: 0 0 10px 20px;
}

#content a {
	color: #787445;
	font-weight: bold;
	font-size: 11px;
}

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


/* article */

div.article {
	margin: 0 0 20px 0;
}

/* Info */

#infos {
	width: 284px;
	padding: 0 13px;
	background-color: #dddcd0;
	float: right;
	z-index: 2;
}

#infos h3 {
	color: #787445;
	background: transparent url(arrow-darkgreen.gif) no-repeat 0px 1px;
	margin: 0 0 10px 0;
}

#logosbox {
	position: relative;
	background: #FFFFFF url(logosbox-top.gif) no-repeat right top;
	font-size: 11px;
	text-align: center;
}

#logosbox img {
	margin: 10px auto;
	overflow: hidden;
}

#logosbox h4 {
	background: #a2a07f;
	text-align: left;
	padding: 0px 0 0 0;
	margin: 0;
	font-size: 10px;
	font-weight: bold;
	color: #787445;
	text-transform: uppercase;
}

#logosbox h4 span {
	padding: 1px 25px 3px 10px;
	background: #FFFFFF url(logosbox-middle.gif) no-repeat right 0;
}

#logosbox p {
	background: #a2a07f url(logosbox-bottom.gif) no-repeat right bottom;
	text-align: left;
	padding: 7px 0 6px 10px;
	color: #FFFFFF;
}

#logosbox a {
	color: #FFFFFF;
}

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

#infos #logosbox {
	width: 284px;
}

/* Images miniatures */

div.thumbs img {
	margin: 0px 2px 2px 0px;
	border: solid 1px #b5b399;
}

div.thumbs a:hover img {
	border: solid 1px #ffffff;
}

#infos div.thumbs {
	width: 284px;
	margin-top: 5px;
}


/* Footer */

#footer {
	position: absolute;
	bottom: 0px;
	width: 100%;
	height: 80px;
	clear: both;
	background: transparent url(footer.gif) no-repeat left bottom;
}

/* Formulaire */

#formcontact {
}
#formcontact p{
	padding: 0 0 4px 20px;
	margin: 1px;
}
#formcontact div.subform{
	width: 50px;
	text-align: left;
}
#formcontact label {
	display: block;
	width: 110px;
	font-size: 11px;
	text-align: left;
	float: left;
	margin: 1px 2px 0 0 ;
	color: #787445;
}
#formcontact .petit {
	font-size: 10px;
}
#formcontact input {
	width: 135px;
	font: normal normal 11px/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #787445;
	padding: 2px;
	border: 1px solid #7F9DB9;
}
#formcontact input.radio {
	width: 5px;
	font: normal normal 11px/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #787445;
	padding: 2px;
	border: 1px solid #7F9DB9;
}
#formcontact .frmdate {
	width: 68px;
	}
#formcontact .code {
	position: relative;
	margin: 0px auto ;
	FONT-WEIGHT: bold;
	color: #20306B;
	FONT-SIZE: 24px;
	text-align:center;
	height: 32px;
	width: 135px;
	}
#formcontact select {
	width: 135px;
	font: normal normal 11px/1.2em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #787445;
	padding: 1px 2px 1px 2px;
	border: 1px solid #7F9DB9;
}
#formcontact textarea {
	width: 245px;
	height: 60px;
	font: normal normal 11px/1.3em Verdana, Geneva, Arial, Helvetica, sans-serif;
	color: #787445;
	padding: 2px;
}

#formcontact #imgsecurity_code {
	float: right;
	position: absolute;
	width: 110px;
	height: 40px;
	}
#formcontact .texte_rouge_selection {
	margin-left:130px;
	font-family: Verdana,Arial, Tahoma;
	font-size: 10px;
	color: #E22626;
	font-weight: bold;
	text-align:justify;
	}

#formcontact #submitbutton {
	width: 120px !important;
	height: 24px !important;
	margin: 5px 0 0 158px;
	padding: 0 0 3px 0  !important;
	/*border-style:none;*/
	border: 1px solid #0d4f90 ;
	/*cursor: pointer;*/
}

#formcontact #submitbutton:hover {
	border: 1px solid #B22222;
}


/* Acc?s client */

#customersaccess {
	position: absolute;
	top: -60px;
	width: 267px;
	height: 100px;
	padding: 5px 30px 0 23px;
	background: transparent url(footer.gif) no-repeat left top;
}

#customersaccess h2 {
	font-size: 11px;
	font-weight: bold;
	color: #FFFFFF;
	text-transform: uppercase;
	background: transparent url(arrow-white.gif) no-repeat 0 1px;
	padding: 0px 0 0 18px;
}

#formextranet {
	margin: 15px 0 0 0;
}

#formextranet div {
	height: 20px;
	margin: 5px 0;
}

#formextranet label {
	color: #FFFFFF;
	font-size: 11px;
	text-transform: uppercase;
	width: 100px;
	float: left;
	text-align: right;
	padding: 3px 0 0 0 ;
}

#formextranet input {
	float: left;
	height: 14px;
	margin: 0 0 0 5px;
}

#formextranet input.textinput {
	color: #FFFFFF;
	font-size: 11px;
	width: 114px;
	border: 1px solid #d32320;
	background: #f27121;
	padding: 2px;
}

#formextranet input.btsend {
	float: right;
	width: 29px;
	height: 20px;
	background: transparent url(customers-btsend.gif) repeat-x;
	border: 1px solid #b01f16;
	color: #FFFFFF;
	font-size: 10px;
	text-transform: uppercase;
	padding: 0px 0 3px 0;
}

/* Menu principal en bas */

#mainmenu2 {
	position: absolute;
	left: 517px;
	top: 0px;
	width: 620px;
	height: 31px;
	list-style: none;
	margin: 9px 0 0 10px
}

#mainmenu2 li {
	float: left;
	height: 12px;
	padding: 5px 10px;
	border-left: 1px solid #c9201e;
	border-right: 1px solid #ea6320;
}

#mainmenu2 li.first {
	border-left: none;
}

#mainmenu2 li.last {
	border-right: none;
}

#mainmenu2 li a {
	color: #FFFFFF;
	text-transform: uppercase;
	font-size: 10px;
}
#mainmenu2 li a:hover {
text-decoration:underline;
}
/* copyright */

#copyright {
	position: relative;
	top: 40px;
	list-style: none;
	float: right;
	margin: 10px 40px 0 0;
}

#copyright li {
	float: left;
	padding: 0 10px;
	border-right: 1px solid #e54f25;
	color:#E54F25;
}

#copyright li a {
	display: block;
	color: #e54f25;
}
#copyright li a:hover {
text-decoration:underline;
}
#copyright li a.rss {
	background: transparent url(logoRSS.gif) no-repeat 0 0px;
	padding: 0 0 4px 20px;
}

#copyright li.last {
	padding-right: 0;
	border-right: none;
}

/* tags */

h3 {
	text-transform: uppercase;
	font-size: 12px;
	font-weight: bold;
	padding: 0 0 0 20px;
	margin: 0 0 10px 0;
}

h4 {
	font-size: 11px;
	font-weight: normal;
	padding: 0 0 0 20px;
	margin: 10px 0 5px 0;
}