body,p,h1,h2,h3,h4,ul,li,a,span,dl,dt{
	margin:0;
	padding:0;
}
body{
	color:#323031;
	font-size: 13px;
	font-family: Arial, Helvetica, sans-serif;
	text-align: center;
	line-height:16px;
}
a {
	text-decoration:none;
	color:#323031;	
}
a:hover {
	text-decoration:none;
	color:#06F;
}


.page{
	background: #333 url(../images/fd.gif) top center no-repeat;
}
.wrapping{
    top:0;
	width:950px;
	min-height:850px;
	background: url(../images/fdpage.jpg) no-repeat top;
}
.wrapping2{
	width:950px;
	min-height:1100px;
	background: url(../images/fdpage.jpg) no-repeat top;
}
.wrapping3{
	width:950px;
	min-height:1200px;
	background: url(../images/fdpage.jpg) no-repeat top;
}
.wrapping4{
	width:950px;
	min-height:1600px;
	background: url(../images/fdpage.jpg) no-repeat top;
}
#contact{
	float: left;
	margin: 180px 18px 0 23px;
	width: 137px;
	height:241px;
	line-height:14px;
	font-weight: normal;
	text-align:right;
}
#container_1{
    top:0;
	float: right;
	width: 772px;
	margin: 0;
	padding:0;
	height: auto;
    background: url(../images/pied-de-page.jpg) left bottom no-repeat;
}
#container_2{
    top:0;
	float: right;
	width: 748px;
	margin: 0 23px 23px 1px;
	padding:0;
	height: auto;
}
#entete {
	float: left;
	margin: 3px 36px 0 0;
	width:712px;
	height:100px;
}
#logo {
	float: left;
	width:219px;
	height:95px;
}
#menu-top {
	float:right;
	margin: 3px 0 0 0;
	width: auto;
	height:18px;
	font-size:11px;
	font-weight:bold;
	color:#323031;
}
#menu-top a {
	text-decoration:none;
	color:#323031;
}
#menu-top a:hover {
	text-decoration:none;
	color:#2E8ADE;
}


/* offres */
#offres {
	float:right;
	width:238px;
	height:60px;
}

/* intro *******************************************/
#intro {
	float:left;
	width:748px;
	height:267px;
	background:url(../images/fd-intro1.jpg) no-repeat;
}
#intro-inter {
	float:left;
	width:748px;
	height:156px;
	background:url(../images/fd-intro2.jpg) no-repeat;
}

#col1 {
	float:left;
	width:520px;
	height:230px;
	margin:14px 0 0 0;
}
#col-inter1 {
	float:left;
	text-align:left;
	width:505px;
	height:auto;
	margin:26px 0 0 18px;
}
#col2 {
	float:right;
	text-align:left;
	width:190px;
	height:210px;
	margin:18px 10px 0 0;
}
#col-inter2 {
	font-size:12px;
	font-weight:normal;
	float:right;
	text-align:left;
	width:178px;
	height:auto;
	margin:18px 10px 0 0;
	color:#CCC;
}
#col-inter2 a {
	text-decoration:none;
	color:#CCC;
}
#col-inter2 a:hover {
	text-decoration:none;
	color:#2E8ADE;
}
#col-inter3 {
	float:left;
	text-align:justify;
	width:470px;
	height:auto;
	margin:0;
	padding:0 18px 0 0;
}
#col-inter33 {
	float:left;
	text-align:justify;
	width:470px;
	height:auto;
	margin:0;
	padding:5px 18px 5px 0;
	border-bottom:dotted 1px #999;
}
#col-inter333 {
	float:left;
	text-align:justify;
	width:400px;
	height:auto;
	margin: 0 0 0 36px;
	padding:0 0 0 18px;
	border-left:dotted 1px #999;
}

#col-inter4 {
	float:right;
	text-align:left;
	width:160px;
	min-height:384px;
	height:auto;
	margin:0;
	padding:0;
}

#col-inter5 {
	float:left;
	text-align: justify;
	width:462px;
	height:auto;
	margin:32px 0 0 0;
	padding:0;
}

#col-inter6 {
	float:left;
	text-align: justify;
	width:650px;
	height:auto;
	margin:0;
	padding:0;
}


/* paragraphe *******************************************/
#paragraphe {
	float:left;
	width:748px;
	height:auto;
}
#fil-d-ariane {
	float:left;
	width:700px;
	height:18px;
	margin:0 0 3px 12px;
	text-align:left;
	background:url(../images/pointille.png) left bottom no-repeat;
	font-size:11px;
	color:#ccc;
}
#fil-d-ariane a {
	color:#ccc;
}
#fil-d-ariane a:hover {
color:#2E8ADE;
}




/* accordion ****************************************/

#accordion {
	float:left;
	width:740px;
	height:auto;
	margin: 24px 8px 24px 0;
}

#onglets {
	float:left;
	width:auto;
	height:auto;
	margin-left:2px;
}

#onglet {
	height:24px;
	padding: 0 37px 0 37px;
	background:url(../images/curv-fd.jpg) repeat;
}

h3.toggler {
	cursor: pointer;
	color:#41464D;
	font-weight:bold;
	font-size:12px;
	padding-top:4px;
}
h2.toggler {
	cursor: pointer;
	color:#41464D;
	font-weight:bold;
	font-size:13px;
	padding-top:4px;
}

#curv {
	float:left;
	width:740px;
	height:10px;
	background:url(../images/dev2-curv.png) no-repeat;
}
#fd_curv {
	float:left;
	width:740px;
	height:290px;
	background:url(../images/dev2-fd.png) bottom no-repeat;
}
#fd_curv-inter {
	float:left;
	width:740px;
	height:auto;
	background:url(../images/dev2-fd.png) bottom no-repeat;
}

#elem {
	float:left;
	width:732px;
	margin-right:8px;
	height:auto;
}
#elem-inter {
	float:left;
	text-align:left;
	width:670px;
	margin: 26px 18px 48px 42px;
	height:auto;
}
#elemTxt {
	text-align:left;
	line-height:14px;
	margin: 9px 26px 20px 26px;
}
div.element p, div.element h4 {
	margin:0px;
	padding:0px;
}

/* pied-de-page */

#pied-de-page {
	float:left;
	width:728px;
	height:26px;
	text-align:left;
	padding: 0 0 12px 26px;
	font-size:11px;
	border-bottom:dotted 1px #333;
}
#copyright {
	float:left;
	width:720px;
	height:48px;
	text-align:right;
	margin: 0;
	font-size:11px;
}
#logo2 {
	float: left;
	width:81px;
	height:34px;
	margin: 11px 0 0 7px;
}
#CR {
	float: right;
	width:auto;
	height:21px;
	margin: 30px 0 0 0;
	text-align:right;
	font-size:11px;
}

#citation {
	float:left;
	text-align: justify;
	width:438px;
	height:auto;
	padding-left:24px;
	font-family:Verdana, Geneva, sans-serif;
	font-weight:bold;
	font-style:italic;
	font-size:11px;
	line-height:13px;
	border-left:solid 1px #232122;
}

#bloc_formulaire {
	float:left;
	margin:0;
	padding:0;
	width:500px;
	min-height:600px;
	background:url(../images/formulaire.gif) top center no-repeat;
}
.form_input{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#232122;
height: 12px;
width: 210px;
border-left: 1px solid #232122;
border-right: 1px solid #323031;
border-top: 1px solid #323031;
border-bottom: 1px solid #232122;
}
.form_input2{
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
font-weight:normal;
color:#232122;
height: 12px;
width: 100px;
border-left: 1px solid #232122;
border-right: 1px solid #323031;
border-top: 1px solid #323031;
border-bottom: 1px solid #232122;
}
.txtArea {
	text-align:left;
	line-height:13px;
	font-size:11px;
	width:350px;
    height:100px;
	border-bottom: 1px solid #232122;
	border-left: 1px solid #232122;
	border-right: 1px solid #323031;
	border-top: 1px solid #323031;
}

.imageContour {
    padding: 3px;
	border-bottom: 1px dotted #999;
	border-left: 1px dotted #999;
	border-right: 1px dotted #999;
	border-top: 1px dotted #999;
}
.lagitane{
font-family:Arial;
font-size:11px;
text-align:center;
width:100px;
height:31px;
background-color:#00435a;
border:1px dotted #000000;
color:#ffffff;
} 
.lagitane a{
color:#ffffff;
text-decoration:none} 
.lagitane a:hover{
text-decoration:none;color:#fd9706
}