@charset "utf-8";
/* CSS Document */
html, body{
	background-color:#ad0c0f;
	height:100%;
}
body{
	background-image:url(../images/bg.gif);
	background-repeat:repeat-x;
}
body *{
	font-family:Arial, Helvetica, sans-serif;
}
body, p, form {
	margin:0px;
	padding:0px;
	font-size:14px;
	color:#333333;
}
p{
	margin-bottom:6px;
}
a{
	color:#333333
}

/************************************ STYLE */
.blue, .blue a, a.blue{
	color:#003e7e;
}
a.green{
	color:#009900;
}
.notes{
	font-size:11px;
}
h1{
	clear:both;
	font-size:18px;
	color:#b70004;
	text-decoration:none;
	margin:0px;
	margin-bottom:10px;
}
h2{
	clear:both;
	font-size:16px;
	color:#b70004;
	text-decoration:none;
	margin:0px;
	margin-bottom:10px;
}
.texte-red,.texte-red a, a.texte-red{
	color:#b70004;
}
/************************************ BASE */
.template-holder{
	width:100%;
}
.template{
	width:961px;
	margin:0px auto;
	background-color:#4e4e50;
}

.header{
	width:961px;
	height:220px;
	background-repeat:no-repeat;
}
	
.menu-top{
	position:absolute;
	float:right;
	display:inline-block;
	z-index:99;
	text-align:center;
	height:20px;
	width:310px;
	color:#ffffff;
	font-size:12px;
	top:6px;
	margin-left:650px;
}
.menu-top a{
	color:#ffffff;
	font-size:12px;
	text-decoration:none;
}
.menu-top a:hover, .menu-top a.select{
	color:#ad0c0f;
}
.menu-contact-link{
	z-index:100;
}
.menu-contact-link a.link-pourquoi{
	position:relative;
	float:left;
	clear:both;
	width:133px;
	border:none;
	height:20px;
	margin:3px 0px 0px 35px;
}
.menu-contact-link a.link-pourquoi img{
	width:135px;
	border:none;
	height:20px;
}
.menu-contact-link a.link-joindre{
	position:relative;
	float:left;
	clear:both;
	width:163px;
	border:none;
	height:30px;
	margin:14px 0px 0px 3px;
}
.menu-contact-link a.link-joindre img{
	width:163px;
	border:none;
	height:30px;
}

.main{
	position:relative;
	float:inherit;
	width:961px;
	display:inline-block;
}

.main .column-left{
	float:left;
	width:179px;
	padding-top:28px;
}
.main .column-center{
	float:left;
	width:780px;
	border:#9c9e9f 1px solid;
	border-bottom:none;
	background-color:#FFFFFF;
}
.main .column-right{
	float:right;
	width:202px;
	background-color:#eeeeee;
}
.main .column-center .content{
	float:left;
	width:533px;
	padding:20px;
	background-repeat:no-repeat;
}
.main .column-center .content2{
	float:left;
	width:740px;
	padding:20px;
}
.main-footer{
	position:relative;
	float:left;
	height:7px;
	width:782px;
	margin-left:179px;
}
	.main-footer-1{
		background-image:url(../images/footer.gif);
		background-repeat:no-repeat;
	}
	.main-footer-2{
		background-image:url(../images/footer2.gif);
		background-repeat:no-repeat;
	}
	
.menu-buttons{
	float:left;
	width:781px;
	height:72px;
	background-color:#eeeeee;
}

.slideshow{
	overflow:hidden;
	margin-bottom:10px;
}
.slideshow-holder{
	padding-left:49px;
	padding-bottom:10px;
}

/************************************ BOX */
.box-small {float:left; position:relative; margin-right:16px;width:167px; padding-top:10px;}
.box-small img{border:#c2c2c2 1px solid;}
.box-small p{margin:0px;margin-left:4px; width:157px;}
.box-small p.img{ text-align:center;}
.box-small .box {width:167px;}
.box-small .box {margin:0px;font-family:Tahoma;padding:0px;}
.box-small .boxrtop, .box-small .boxrbottom{display:block;background:none;}
.box-small .boxrtop *, .box-small .boxrbottom *{display:block;height:1px;overflow:hidden;background-color:#f1f1f1}
.box-small .boxrtop *, .box-small .boxtitre{background-color:#f1f1f1; border:none;}
.box-small .boxrbottom *, .box-small .box{}
.box-small .boxr1{margin:0 5px;background-color:#c2c2c2;}
.box-small .boxr2{margin:0 3px;border-right:#c2c2c2 2px solid;border-left:#c2c2c2 2px solid;}
.box-small .boxr3{margin:0 2px}
.box-small .boxr1,.box-small .boxr3,.box-small .boxr4,.box-small .boxtitre,.box-small .boxcontent{border-left:#c2c2c2 1px solid;border-right:#c2c2c2 1px solid;}
.box-small .boxtitre{padding:0 5px 4px 5px;font-size:11px;text-transform:uppercase;color:#FFFFFF;font-weight:bold;border-bottom:#c2c2c2 1px solid;}
.box-small .boxr4{margin:0 1px;height:2px;}
.box-small .boxcontent{font-size:12px;color:#555555;padding:0px; background-color:#f1f1f1;}
.box-small p.link{
	width:155px;
	margin-right:6px;
	margin-top:3px;
	text-align:right;
}
.box-small a{
	text-decoration:none;
	font-size:12px;
	color:#555555;
	position:relative;
	width:155px;
	background-image:url(../images/tabs-arrow-red.gif);
	background-position:center right;
	background-repeat:no-repeat;
	padding-right:10px;
}


/************************************ MENU TABS */
.menu-tabs{
	position:absolute;
	float:right;
	display:inline-block;
	z-index:90;
	height:22px;
	width:781px;
	margin-top:141px;
	margin-left:180px;
}
.menu-tabs a{
	position:relative;
	float:left;
	border-bottom:#9c9e9f 1px solid;
	color:#888888;
	font-size:12px;
	text-decoration:none;
	height:22px;
	text-transform:uppercase;
	letter-spacing:1px;
	margin-right:10px;
}
.menu-tabs a span{
	position:relative;
	float:left;
}
.menu-tabs a span.tl, .menu-tabs a span.tr{
	height:22px;
	width:8px;
}
.menu-tabs a span.tl{
	background-image:url(../images/tabs-left.gif);
	background-repeat:no-repeat;
}
.menu-tabs a span.tr{
	background-image:url(../images/tabs-right.gif);
	background-repeat:no-repeat;
}
.menu-tabs a span.tc{
	padding:3px 10px 0px 5px;;
	height:18px;
	border-top:#9c9e9f 1px solid;
	background-color:#ffffff;
	background-image:url(../images/tabs-arrow-grey.gif);
	background-repeat:no-repeat;
	background-position:center right;
}
.menu-tabs a:hover, .menu-tabs a.select{
	border-bottom:#ffffff 1px solid;
}
.menu-tabs a:hover span.tc{
	background-image:url(../images/tabs-arrow-red.gif);
}
.menu-tabs a.select span.tc{
	background-image:url(../images/tabs-arrow-active.gif);
	color:#b70004;
}

/************************************ MENU MAIN */
.menu-main{
	position:relative;
	width:179px;
}
.menu-main a{
	position:relative;
	float:left;
	clear:both;
	width:173px;
	height:34px;
	padding-top:14px;
	padding-right:6px;
	background-image:url(../images/menu-bg.jpg);
	background-repeat:no-repeat;
	font-size:16px;
	color:#ffffff;
	text-decoration:none;
	text-align:right;
	margin-bottom:10px;
}
.menu-main a.bg2{
	height:44px;
	padding-top:4px;
}
.menu-main a:hover, .menu-main a.select{
	background-image:url(../images/menu-bg-over.jpg);
}

/************************************ RIGHT */

.column-right p{
	width:190px;
	padding:0px 6px;
	clear:both;
	text-align:left;
}
.column-right p.titre-right{
	position:relative;
	float:left;
	clear:both;
	width:154px;
	height:33px;
	padding-top:15px;
	padding-left:42px;
	background-image:url(../images/right-title.jpg);
	background-repeat:no-repeat;
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
	text-align:left;
	margin-bottom:10px;
}
.column-right p.titre-right a{
	font-size:13px;
	color:#ffffff;
	text-decoration:none;
}

/************************************ MISC */
img.adjust-height{
	clear:both;
	float:left;
	position:relative;
	width:100%;
	height:2px;
	margin:0px;
	padding:0px;
}

/************************************ REALISATIONS */
.realisation{
	width:150px;
	position:relative;
	float:left;
	margin-left:15px;
	text-align:center;
	margin-bottom:15px;
}
.realisation img{
	border:none;
}
.realisation p,
.realisation div{
	font-size:11px;
}

/************************************ REALISATIONS */

/************************************ REALISATIONS */
.develop{
	width:540px;
	min-height:100px;
	position:relative;
	margin-left:15px;
	text-align:left;
	margin-bottom:15px;
}
.develop-photo{
	width:150px;
	min-height:100px;
	position:relative;
	float:left;
}
.develop-contenu{
	width:300px;
	min-height:100px;
	margin-left:10px;
	text-align:left;
	position:relative;
	float:left;
}
.develop img{
	border:none;
}
.develop p,
.develop div{
	font-size:11px;
}

/************************************ REALISATIONS */

#form-emplois table td,
#form-soumission table td{
	padding:5px 0px;
}
input,
textarea{
	border:#999999 1px solid;
	width:330px;
	font-family:Arial, Helvetica, sans-serif;
	font-size:13px;
	float:left;
	clear:both;
}
div.fileinputs {
	position: relative;
	text-align:left;
}

div.fakefile {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 1;
	cursor:pointer;
}

input.file-hidden {
	cursor: pointer;
	height: 23px;
	opacity: 1;
	position: relative;
	width: 100px;
	
	opacity: 0;
	-ms-filter:"progid:DXImageTransform.Microsoft.Alpha(Opacity=0)";
	filter: alpha(opacity=0);
}
.file-trigger, .file-button{
	position:relative;
	display:inline-block;
	float:right;
	z-index:2;
	width:100px;
	height:23px;
	overflow:hidden;
	cursor:pointer;
}
.file-button{
	clear:none;
	cursor:pointer;
}
.file-trigger{
	height:23px;
	position:absolute;
	display:inline-block;
	margin-left:229px;
	z-index:99;
}
.file-input{
	width:229px;
	height:19px;
	border-right:none;
	float:left;
}
.file-note{
	font-size:10px;
	color:#888888;
}
.fakefile-note{
	float:left;
	clear:both;
}
input.error {
	border-color:#FF0000;
}
label.error {
	color:#FF0000;
	font-size:10px;
	float:left;
	clear:both;
	width:330px;
}
.fakefile label.error{
	position:absolute;
	display:inline-block;
	margin-top:35px;
	z-index:99;
}

a.green{
	color:#009900;
}

/* JOBS */
.job-holder{
	display:inline-block;
	padding:5px;
	border-bottom:#dedede 1px dashed;
	border-top:#dedede 1px dashed;
	width:530px;
}
.job-title{
	width:450px;
	float:left;
}
.job-more{
	width:60px;
	float:right;
	color:#B70004;
	text-align:right;
}

.ftp table{
	margin-bottom:10px;
	border:#cccccc 1px solid;
}
.ftp table td{
	font-size:12px;
	color:#000000;
}
.ftp table td.th{
	font-size:12px;
	color:#666666;
	font-weight:bold;
	border-collapse:collapse;
	border:#cccccc 1px solid;
}