/* CSS Document */

* {
	margin:0; padding:0;
	font-size:100%;
}

body{
	background: url(images/bg.gif) top;
	text-align:center;
}

h1 {
	font-size: 1.7em;
	color: #CCCCCC;
	font-variant: small-caps;
	line-height: 1.1em;
}
h2 {
	font-size: 1.4em;
	color: #CCCCCC;
	line-height: 1.1em;
}


h3 {
	font-size: 1.1em;
	color: #CCCCCC;
	line-height: 1.1em;
}


h4 {
	font-size: 1em;
	color: #CCCCCC;
	line-height: 1.1em;
}


img {vertical-align:top;}
a img { border:0;}

ul { list-style:none;}

.left { float:left;}
.right {float:right;}
.clear  { clear:both;}

.align-center { text-align:center;}
.align-left { text-align:left;}
.align-right {
	text-align:right;
}

html, input, textarea
	{
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size:0.8125em;
	line-height:1.154em;
	color:#999999;
	}

input, select { vertical-align:middle; font-weight:normal;}

object{outline:none;}
a{
	text-decoration:none;
	color: #EFB949;
}
a:hover {color:#FFFFFF; text-decoration:underline; outline:none;}

p {
	padding-top:0px;
	font-size: 1.15em;
	line-height: 1.33em;
}


.link {
	font-size:0.90em;
	text-align: right;
	display: block;
}
.linkcontact {
	font-size: 1.5em;
	font-variant: small-caps;
	font-weight: bold;
	letter-spacing: 1px;
}

.link1 { color:#FFAA00;}
.link2 { font-size:1.077em; margin-right:14px;}

/* ============================= main layout ====================== */

.imgindent {
	float:left;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	padding-top: 7px;
	padding-left: 7px;
}
.imgindent1 {
	margin-left: 8px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}
.imgindent1b {
	margin-left: 20px;
	padding-top: 10px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}

.imgindent2 { padding:0 0 0 5px; vertical-align:middle;}
.imgindent_ref {
	float:left;
	margin-top: 0;
	margin-right: 15px;
	margin-bottom: 0;
	margin-left: 0;
	padding-left: 70px;
}
.moduleengagement {
	background-color: #121212;
	padding: 5px;
	border: 1px solid #282828;
	margin-right: 10px;
	margin-left: 10px;
}
.moduleoffre {
	background-color: #121212;
	padding: 5px;
	border: 1px solid #282828;
	margin-right: 10px;
	margin-left: 10px;
}

.moduleaction {
	height: 50px;
	margin-bottom: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #272727;
	margin-top: 2px;
	background-image: url(images/fleche.png);
	background-repeat: no-repeat;
	background-position: left center;
	padding-left: 70px;
}
#offreDD, #offreTVT, #offreTSF, #offrePI {
	height: 50px;
	margin-bottom: 1px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #272727;
	background-color: #000000;
	margin-top: 2px;
}
#offreDD h4, #offreTVT h4, #offreTSF h4, #offrePI h4 {


}
#offreDD {
}
#offreTVT {

}
#offreTSF {
}
#offrePI {
}

.moduleoffre .indent1 li {
	border-top-width: 1px;
	border-bottom-width: 1px;
	border-top-style: solid;
	border-bottom-style: solid;
	border-top-color: #272727;
	border-right-color: #272727;
	border-bottom-color: #272727;
	border-left-color: #272727;
	height: 40px;
	display: block;
}

.moduleoffreA {
	background-color: #121212;
	border: 1px solid #282828;
}
.moduleoffreB {
	background-color: #121212;
	padding: 5px;
	border: 1px solid #282828;
}
.moduleA {
	background-color: #121212;
	border: 1px solid #282828;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
}
.moduleA li {
	background-image: url(images/marker.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
	vertical-align: top;
}
.moduleA h4 {
	font-size: 0.95em;
	text-align: center;
	display: block;
	margin-bottom: 5px;
}

.moduleB {
	background-color: #181818;
	border: 1px solid #282828;
	margin-bottom: 5px;
	padding-top: 5px;
	padding-right: 5px;
	padding-bottom: 5px;
	padding-left: 7px;
}
.moduleB li {
	background-image: url(images/marker.gif);
	background-repeat: no-repeat;
	background-position: 1px 3px;
}
.moduleB h4 {
	font-size: 0.95em;
	text-align: center;
	display: block;
	margin-bottom: 5px;
}
.introprix {
	background-color: #121212;
	padding: 5px;
	border: 1px solid #282828;
	margin-bottom: 5px;
	background-image: url(images/990euros.png);
	background-repeat: no-repeat;
	background-position: 535px 145px;
}
.intro {
	background-color: #121212;
	padding: 5px;
	border: 1px solid #282828;
	margin-bottom: 5px;
}
.intro li {
	background-image: url(images/marker.gif);
	background-repeat: no-repeat;
	background-position: 1px 8px;	
}
.imgintro {
	margin-right: 0px;
	margin-bottom: 0;
	margin-left: 0;
	position: relative;
	top: -50px;
	left: 475px;
	display: inline;
	float: left;
}
.chapeau {
	padding-right: 10px;
	padding-left: 10px;
	height: auto;
	margin-right: 52px;
	margin-left: 20px;
	border-left-width: 1px;
	border-left-style: solid;
	border-left-color: #333333;
}

.idees {
	height: 100px;
	border-top-width: 1px;
	border-top-style: solid;
	border-top-color: #2A2A2A;
	padding-top: 5px;
	margin-right: 10px;
}

#resum {
	border: 1px solid #333333;
	background-color: #151515;
	padding: 10px;
	height: 120px;
	font-size: 1.3em;
}
#offre {
	border: 1px solid #333333;
	background-color: #151515;
	padding: 10px;
	height: 200px;
	font-size: 1.3em;
}
#resum li {
	padding-left: 20px;
}

#DD {
	background-image: url(images/img_dd3.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 200px;
	margin-right: 2px;
	border: 1px solid #333333;
	background-color: #151515;
	margin-left: 10px;
}
#valter {
	background-image: url(images/img_valter3.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 200px;
	margin-right: 2px;
	margin-left: 10px;
	border: 1px solid #333333;
	background-color: #151515;
}

#tersav {
	background-image: url(images/img_tersav3.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 200px;
	margin-right: 2px;
	margin-left: 10px;
	border: 1px solid #333333;
	background-color: #151515;
}
#proinn {
	background-image: url(images/img_proinn3.jpg);
	background-repeat: no-repeat;
	height: auto;
	width: 200px;
	margin-right: 2px;
	margin-left: 10px;
	border: 1px solid #333333;
	background-color: #151515;
}

.indent1 {
	padding-top:20px;
}


.indent1b {
	margin-top: 20px;
	padding-left: 3px;

}
.indent2 {
	padding-top:10px;
	padding-bottom: 10px;
	height: auto;
}

.indent3 { padding-top:30px;}
.indent4 { padding-top:15px;}
.indent5 { padding-top:40px;}
.indent6 { padding-top:10px;}
.indent7 { padding-top:70px;}
.indent7b {
	margin-top: 100px;
	padding-left: 10px;
}
.indent8 { padding-top:13px;}

.text1b {
	
}
.text3 {
	color:#CCCCCC;
	margin-right: 18px;
	margin-left: 18px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #161616;
	padding-bottom: 10px;
}
.text2b {
	font-size: 1.1em;
	font-weight: bold;
	text-align: center;
}

.text2b a{
	text-decoration:none;
	color: #CCCCCC;
	display: block;
}
.text2b a:hover {color:#FFFFFF; text-decoration:underline; outline:none;}

.text2c {
	color:#9B9B9B;
	padding-left: 19px;
	padding-right: 10px;
}

/* ============================= header 1 ====================== */
#header1 {
	width:920px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header1 img {
	float: left;
	padding-left: 8px;
}

#header1 h1 {
	font-size: 2.2em;
	height: 30px;
	padding-top: 15px;
	padding-left: 10px;
	color: #ecb748;
	font-variant: small-caps;
}
#header1  h2 {
	font-size: 1.4em;
	font-variant: small-caps;
	text-align: right;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 12px;
	height: 30px;
	margin-right: 10px;
	padding-top: 5px;
}


/* ============================= header ====================== */
#header {
	width:920px;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}
#header img {
	float: left;
	padding-left: 8px;
}

#header h1 {
	font-size: 2.2em;
	height: 30px;
	padding-top: 15px;
	padding-left: 10px;
	color: #ecb748;
	font-variant: small-caps;
}
#header  h2 {
	font-size: 1.4em;
	font-variant: small-caps;
	text-align: right;
	background-repeat: no-repeat;
	background-position: left top;
	margin-top: 12px;
	height: 30px;
	margin-right: 10px;
	padding-top: 5px;
}



.logo { position:absolute; margin:26px 0 0 1px;}

.row-1 {
	height:50px;
}
.row-1 ul { font-size:0.923em; color:#262626; padding:52px 4px 0 0; line-height:1em;}
.row-1 li { display:inline; padding-left:3px; background:none;}
.row-1 li a { color:#494949; padding-right:6px; text-decoration:none;}
.row-1 li a:hover { color:#FFFFFF;}

#header .col-1 {
	width:850px;
}
#header .col-2 { width:240px;}

.row-2 { width:899px; height:47px; margin-left:11px; background:url(images/tail2.gif) bottom repeat-x;}
.row-2 ul { font-size:1.077em; line-height:1em;}
.row-2 li { float:left; background:none; }
.row-2 li a {
	display:inline-block;
	height:29px;
	color:#999999;
	text-decoration:none;
	padding:16px 13px 0 12px;
}
.row-2 li a:hover, .row-2 .active a { background:#262626; color:#FFFFFF;}

/* ============================= content ====================== */
#content { width:899px; margin:0 auto; background: url(images/tail.gif) bottom repeat-x #000000; text-align:left;}


.phone { float:left; width:76px;}
.phone2 { float:left; width:81px;}

/* ============================= footer ====================== */
#footer { width:920px; height:133px; margin:0 auto; text-align:left;	}
.index { font-size:1.154em; padding:29px 0px 0px 30px; }
.policy { font-size:1.154em; padding:29px 0px 0px 30px; }
.rs { position:absolute; margin:27px 0px 0px 842px;}
.rs a { color:#494949; background:url(images/rs.gif) top right no-repeat; padding-right:21px; text-decoration:none;}
.rs a:hover { color:#FFFFFF;}
/* ============================= forms ============================= */

label { height:30px; display:block;} 
#ContactForm {height:33px; line-height:1em;}
#ContactForm input {width:176px; height:18px; border:1px solid #525252; font-size:1em; background:#C4C4C4; padding:1px 0 0 3px; }
#ContactForm textarea {width:176px; height:171px; border:1px solid #525252; font-size:1em; background:#C4C4C4; padding:0 0 0 2px; overflow:auto;    }