* {
	padding: 0;
	margin: 0;
}

body {
font-family:Arial;
font-size: 0.8em;
margin: 0;
padding: 0;
background:url(images/fd-acc2.gif) repeat-x;
}
#entete {
width:100%;
height:122px;

}
#entete #nav {
width:984px;
height:122px;
margin: 0 auto 0 auto;
}
#entete #nav #logo  {
float:left;
width:325px;
height:94px;
padding: 27px 0 0 0;
}
#entete #nav #menu  {
float:left;
height:55px;
margin-top:39px;
}
#center {
width:100%;
}
#centerOffre {
width:100%;
}
.centerOffre p {
padding:0px;
margin: 0;
}
#centerContenu {
position:relative;
width:100%;
height:572px;
margin:0 auto 0 auto;
background:url(images/backdegrade.png) center top no-repeat;
}
#centerContenuOffre {
width:100%;
margin:0 auto 0 auto;
background:url(images/backdegrade.png) center top no-repeat;
}
#contenugenerique {
margin:0 auto 0 auto;
background:url(images/backconcept.png) no-repeat center top;
width:984px;
padding:0 0 0 150px;
}

#contenugenerique2 {
margin:0 auto 0 auto;
background:url(images/backconcept2a.png) no-repeat center top;
width:984px;
padding:0 0 0 107px;
}
#contenugenerique2End {
clear:both;
margin:0 auto 0 auto;
padding:0 0 0 107px;
background:url(images/backconcept2.png) no-repeat center top;
width:984px;
height:100px;
}
#contenugenerique2End img {
position: relative;
top: 45px;
left:550px;

}
#pixH {
clear:both;
width:1px;
height:1px;
}
#contenu {
width:984px;
margin: 0 auto 0 auto;
}

#col1 {
float:left;
margin-left:15px;
width:119px;
height:283px;
}
#col1 img {
margin-top:160px;
width:119px;
height:123px;
}
#col2 {
float:left;
background:url(images/zoneimg.png) no-repeat;
width:309px;
height:283px;
}
#col2 #diap {
width:229px;
height:166px;
margin-left:35px;
margin-top:45px;
}
#col2 #voirLogos{
width:229px;
padding:8px 0 0 0;
margin:0px 0 0 35px;
text-align:right;
}
#col2 #voirLogos a{
font-size:8pt;
color:#b56103;
text-decoration:none;
}
#col3 {
float:left;
width:360px;
height:243px;
margin:35px 0 0 0;
background:url(images/backzonetexte.png) top left no-repeat;
text-align:left;
padding-left:40px;
padding-top:12px;
}
#col3 #titre{
font-weight:bold;
font-size:13pt;
color:#000000;
}
#col3 #titre H1{
font-weight:bold;
font-size:13pt;
color:#000000;
margin:0 0 15px 0;
padding:0;
}
#col3 #texte {
font-size:11pt;
color:#432401;
font-family: Arial, Helvetica, sans-serif;
}
#offre {
width:984px;
margin:0 auto 0 auto;
padding:0;
}
#offreDetail {
width:984px;
margin:0 auto 0 auto;
padding:0;
}
#asterisque {
float:left;
font-family:Verdana, Arial, Helvetica, sans-serif;
clear:both;
color:#e37904;
font-size:11px;
margin:0;
padding:6px 0 0 0;
}

.titrepage {
font-size:16pt;
font-weight:bold;
color:black;
padding:22px 0px 0 30px;
background:url(images/titrepage.png) 0 20px no-repeat;
top:30px;
margin:0px 45px 0px 0px;
text-transform:uppercase;
}

.titrepageConcept {
padding:22px 0px 0 30px;
background:url(images/titrepage.png) 0 20px no-repeat;
top:30px;
margin:0px 145px 0px 28px;
}
.titrepageConcept H1 {
	font-size:16pt;
	font-weight:bold;
	color:black;
	text-transform:uppercase;
	padding: 0;
	margin: 0;

}
.contenuoffre {
width:830px;
color:black;
font-size:8pt;
font-weight:bold;
padding:5px 0px 5px 35px;
}
.contenuoffreImg {
width:850px;
color:black;
font-size:8pt;
font-weight:bold;
padding:0px 0px 0px 20px;
}

.contenuconditionparagraphe {
position:relative;
width:790px;
height:auto;
color:black;
font-size:9pt;
font-weight:normal;
padding-left:26px;
margin-bottom:20px;
margin-left:10px;
}

#divref {
position:relative;
margin:0 0 0 22px;
width:850px;
}

#divref #ref {
position:relative;
float:left;
background-image:url(images/cartouche.png);
width:268px;
height:270px;
/*background-color:red;*/
margin:5px;

}

#divref #ref img  {
position:relative;
border:0px;
top:45px;
left:18px;
right:18px;
}


#divref #ref .plus  {
position:absolute;
margin-left:222px;
margin-top:224px;
border:0px;
}


#info {
float:right;
margin:0;
padding:4px 80px 0 0;
}
#footerRef {
clear:both;
margin:0 auto 0 auto;
padding:0 0 0 0px;
width:984px;
height:79px;
text-align:center;
}
#footer {
width:100%;
background:url(images/footerbg.jpg) repeat-x;
}
#footer p{
margin:2px;
padding:2px;
}
#footer #cadre {
clear:both;
width:984px;
height:228px;
padding:0px 0px 0 0;
margin:0 auto 0 auto;
background:url(images/footerarbre.png) no-repeat center top;
}
#elm1 {
width:469px;
height:64px;
padding:0px 0px 0 515px;
} 
#elm2 {
clear:both;
width:984px;
margin:0 auto 0 auto;
text-align:center;
}
#elm3 {
clear:both;
width:984px;
margin:0 auto 0 auto;
text-align:center;
}
#elm3 p {
word-spacing:10px;
padding:0px 0px 2px 0;
}
#elm3 a:link,
#elm3 a:visited,
#elm3 a:active {
text-decoration:none;
font-size:10px;
color:#fcc282;
word-spacing:15px;
margin-top:125px;
text-align:center;
}
#elm3 a:hover {
text-decoration:underline;
}
#elm4 {
clear:both;
width:984px;
height:2px;
text-align:center;
}
#elm5 {
clear:both;
font-family:Verdana, Arial, Helvetica, sans-serif;
font-size:9px;
color:#fcc282;
width:984px;
height:16px;
padding:0;
margin:0;
text-align:center;
}
.contenuparagraphe {
position:relative;
width:790px;
height:auto;
color:black;
font-size:10pt;
font-weight:normal;
padding-left:52px;
margin-bottom:20px;
margin-left:10px;
margin-top:10px;
line-height:18px;
}
.titrepara {
position:static;
width:694px;
height:36px;
color:#633c13;
font-size:14pt;
font-weight:bold;
padding-top:7px;
padding-left:62px;
}

.warning {
position:relative;
width:790px;
height:auto;
color:#985900;
font-size:7pt;
font-weight:bold;
padding-left:52px;
margin-bottom:20px;
margin-left:10px;
margin-top:80px;
line-height:2em;
}

.warning a:visited,
.warning a:active,
.warning a:hover {
color:#985900;
text-decoration:none;
}
#centernav {
position:relative;
margin:0 auto 0 auto;
background:url(images/backdegrade.png) center top no-repeat;
height:572px;
width:100%;
}
.retour_message {
font-size:10px;
color: #FFF;
background-color:#ea7d04;
padding:2px 2px 4px 2px;
}


#contact {
width:600px;
height:500px;
margin:0 auto;
}

#contact #texte {
position:absolute;
width:auto;
height:auto;
margin-top:110px;
margin-left:-30px;
}

#contact #texte p  {
text-align:right;
color:#864802;
font-size:12pt;
margin-bottom:10px;
font-weight:bold;
}


#contact #texte .important {
color:#3b1f01;
font-size:19pt;
font-weight:bold;
}

#contact #texte .titre {
color:#6f4a21;
text-transform:uppercase;
font-size:14pt;
font-weight:bold;
}

#contact #texte .adresse {
color:#bd7323;
}

#contact #formulaire {
position:absolute;
margin: -35px 0 0 240px;
width:323px;
height:614px;
background-image:url(images/iphone.png);
}

#contact #texte a:active,
#contact #texte a:link,
#contact #texte a:visited {
color:#bd7323;
text-decoration:none;
}

#contact #texte a:hover {
color:#bd7323;
text-decoration:underline;
}

#contact #formulaire form {
/*background-color:red;*/
position:absolute;
margin-left:20px;
margin-top:130px;
color:white;
font-weight:bold;
}

#contact #formulaire form .forminput {
width:215px; 
height:20px;
border:0;
margin-top:5px;
background-color:transparent;
margin-left:30px;
margin-bottom:7px;
}

.formtext {
width:215px; 
height:20px;
border:0;
margin-top:4px;
background-color:transparent;
margin-left:30px;
margin-bottom:5px;
}

#contact #formulaire form .forminput1 {
width:215px; 
height:20px;
border:0;
margin-top:4px;
background-color:transparent;
margin-left:30px;
margin-bottom:7px;
}


#contact #formulaire form input {
display:block;
color:white;
font-weight:bold;
font-size:10px;
}

#contact #formulaire form textarea {
border:0;
background-color:transparent;
display:block;
margin-left:33px;
margin-top:10px;
width:218px;
height:205px;
color:white;
font-weight:bold;
font-family:arial;
font-size:10px;}

#contact #formulaire form .envoie {
position:relative;
margin-left:92px;
margin-top:13px;
}


*.text {
font-size:18px;
}

*.middle {
vertical-align:middle;
}

/* fin contact */

.cgvgenerique {
position:absolute;
margin-left:505px;
margin-top:-7px;
}

.titrepara1{
position:static;
margin:0 0 0 0px;
width:694px;
height:36px;
color:#633c13;
font-size:16pt;
font-weight:bold;
padding-top:7px;
padding-left:62px;
background-image:url(images/titreparagraphe.png);
background-repeat:no-repeat;
}