body {
background-color: #FFFFFF;
margin:0px;
padding:0px;
font: 10px  verdana, arial, helvetica;

}

#main_container{
width:1000px;
height: auto;
margin:auto;
/*background: url(images/fond.jpg) repeat-x; */
}

#menu_container{
width:650px;
display: block;
 float: right;

}

#header{
width:1000px;
height: 140px;
margin:auto;
background-color:#00EEEE;
background: url(images/header.jpg) no-repeat;
}
#logo{
  float:left;
  margin:0;
  padding:0;
}

#logo h1 {
 display: block;
 float: left;
 width: 320px;
 height: 115px;
 text-indent: -9999px;
 margin:0;
}

#logo h1 a {
 display: block;
 width: 100%;
 height: 100%;
 outline: none;
 background: url(images/logo.jpg) no-repeat 0 0;
}

/*----------------------menu-------------------------*/
div.LigneMenu {
 	clear: both;
 }

 div.LigneMenu span.type1 {
	 float: right;
 	width: 100%;
 	text-align: left;
	/*background-color: #FF6600 ;*/
	border-bottom: 0px solid #0A00B0;
	border-top: 0px solid #0A00B0;
	border-left: 0px solid #0A00B0;
	border-right: 0px solid #0A00B0;
	height:50px;
 } 

 div.LigneMenu span.type2 {
 	 float: right;
 	width: 100%;
    margin-top: 25px;
 	text-align: left;
	/*background-color: #FF0000 ;*/
	border-bottom: 0px solid #0A00B0;
	border-top: 0px solid #0A00B0;
	border-left: 0px solid #0A00B0;
	border-right: 0px solid #0A00B0;
	height:auto;
 } 


#menu{
/*background-color: #0000FF;*/
margin-top: 25px;
float: right;
}
#menu ul{
list-style:none;padding:0 0 0 20px;margin: auto;display:block;
}
#menu ul li{
list-style:none;display:inline;float:left;width:auto;height:38px;padding:0px;line-height:38px; font-family:Arial, Helvetica, sans-serif; font-size:13px;
}
#menu ul li a{
height:42px; width: auto;float:left;text-decoration:none;padding:0 10px 0 0px; margin:0px 3px 0px 3px;color:#fff;text-align:center;
}
#menu ul li a:hover{
height:42px;width: auto;text-decoration:none;color: #fff;padding:0 10px 0 0px;
}
#menu ul li a.current{
height:42px;width: auto;float:left;text-decoration:none;padding:0px;color: #fff;padding:0 0 0 25px; background:url(images/menu_arrow.gif) no-repeat left;
}


#menuSmall{/*background-color:#00FF00;*/
padding-top:24px;
float: right;
}
#menuSmall ul{
list-style:none;padding:0px 20px 0px 0px;margin: auto;display:block;
}
#menuSmall ul li{
list-style:none;display:inline;float:left;width:auto;padding:0px; font-family:Arial, Helvetica, sans-serif; font-size:13px;
}
#menuSmall ul li a{/*background-color: #0000FF;*/
 width: auto;float:left;text-decoration:none;padding:0 0 0 25px; margin:0px 3px 0px 3px;color:#000;text-align:center;
}

/* main */

a.button {
    /* Sliding right image */
    /*background: url('images/24_DD.png) no-repeat scroll top right;*/
    display: block;
    float: left;
    height: 36px; /* CHANGE THIS VALUE ACCORDING TO IMAGE HEIGHT */
    width: 300px;
    margin-right: 6px;
    padding:0 20px 0px 0;
    /* FONT PROPERTIES */
    text-decoration: none;
    color: #ffffff;
    font-family: Verdana, Arial, Helvetica, sans-serif;
    font-size:24px;
    font-weight:bold;
    text-align: center;
}
a.button span {
/* Background left image */
background: transparent url('images/24_GG.png') no-repeat;
display: block;
line-height: 36px; /* CHANGE THIS VALUE ACCORDING TO BUTTONG HEIGHT */
padding: 0px 0 5px 0px;
} 
a.button:hover span{
text-decoration:underline;
}


.mainCont{
 width:965px;
 margin:auto;
 clear: both;
}


#description {
  margin-top:10px;
  width:530px;
  /*margin:55px 0 55px 20px;*/
  float:right;
/*  background-color: #8E8E8E;     */
}

#description h1 { /* style des en-tête et en-pied */
  font-size: 22px; /* taille de la police */
  font-family: Verdana, Arial, Helvetica, sans-serif;
  color : #ffffff;
  text-align:left ; /* le texte est a gauche */
  display:list-item;
  list-style-image:url("./images/puce_orange.png");
  list-style-position:inside;
  margin:0;
  padding : 0;
  margin-bottom:10px;
  margin-left: 10px;
}


#description h3{margin: 0px;padding:0px;font: bold 20px  verdana, arial, helvetica;}
#description p{
  margin:0;
  padding : 0;
}

#preview {
  margin-top:0px;
  padding-left:0px;
  width:405px;
  /*margin:55px 20px 55px 0;*/
  float:left;
}

#description p.Butt {height:50px;
  padding-right: 20px;
  float:right;
}

#description p.small {
  font:bold 14px "Verdana", sans-serif;
  color:#000;
  margin: 0;/*background-color: #ff00ff;*/
  margin-left: 30px;
}

#description p.middle {
  font:bold 12px/14px "Verdana", sans-serif;
  color:#FFFFFF;
  margin: 0;/*background-color: #f000ff;*/
  padding-top: 10px;
  margin-left: 10px;
  margin-bottom:5px;
}

#description p.middleLeft {
  font:bold 12px/14px "Verdana", sans-serif;
  color:#FFFFFF;
  margin: 0;/*background-color: #f000ff;*/
  padding-top: 10px;
  float:left;
  margin-left: 10px;
}

#description p.margButt {/*background-color: #ff0000;*/
  margin:0;
  padding : 0;
                           clear: both;
}


/* 3col */
#bloc1 {

   background:url(images/bloc_1.jpg) no-repeat;
   width:320px;
   height:220px; /*hauteur de ton div*/
  margin-left:0px;
  margin-top:10px;
  float:left;
  display: inline
}

#bloc0_1 p.titre {
  font:bold 20px/22px "Verdana Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#ED7F10;
  text-align: center;
  padding: 0;
 margin: 20px 15px 0px 0px;
/* background-color: #ffff00; */
}

#bloc0 p.titre {
  font:bold 20px/22px "Verdana Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#ED7F10;
  text-align: center;
  padding: 0;
 margin: 20px 15px 0px 0px;
/* background-color: #ffff00; */
}

#bloc0_1 p.texte {
  font:bold 11px/14px "Verdana Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#000000;
  text-align: left;
  margin: 5px 15px 0px 10px;
  padding: 0;
}

#bloc0 p.texte {
  font:bold 11px/14px "Verdana Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#000000;
  text-align: left;
  margin: 5px 15px 0px 10px;
  padding: 0;
}

#bloc0 p.texte1 {
  font:bold 11px/14px "Verdana Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#000000;
  text-align: left;
  margin: 0px 15px 0px 5px;
  padding: 0;
}

#bloc1 p.centre{padding-top: 130px;text-align: center;}
#bloc2 p.centre{padding-top: 130px;text-align: center;}
#bloc3 p.centre{padding-top: 130px;text-align: center;}

#bloc0 {
   width:190px;
  float:right;
  /*background:url(images/red.png);*/
}

#bloc0_1 {
   width:180px;
  float:right;
  /*background:url(images/red.png);*/
}

#bloc2 {
   background:url(images/bloc_2.jpg) no-repeat;
   width:320px;
   height:220px; /*hauteur de ton div*/
  margin-left:0px;
  margin-top:10px;
  float:left;
  display: inline
}
#bloc3 {
   background:url(images/bloc_3.jpg) no-repeat;
   width:320px;
   height:220px; /*hauteur de ton div*/
  margin-right:5px;
  margin-top:10px;
  float:right;
  display: inline;
}
/* 2 col */
#bloc5 H1{ margin-top:0px;
}
#bloc5 {
/*background-color:#00EE00;   */
  margin-left:0px;
  margin-left:20px;
  margin-top:0px;
  float:left; 
  width:420px;
  padding-left: 0px;

}

#bloc6 {
   width:400px;
  margin-left:0px;
  margin-top:205px;
  float:right;
  display: inline;
}


/* footer */
#footer {
 clear: both; 
 margin:auto;
 width:965px;
}
#footer-content {
 height: 25px;
 margin:auto;
 background: url(images/footer.bmp) repeat-x bottom;
}
#footer-content p {
 color: #fff;
 text-align: center;
 padding-top: 5px;
 margin: 0;
}
#blocCouleur {   width:100%;

  float:left;
  background-color: #FF0000;
  background: url(images/SimulD.jpg) no-repeat right top;
  }

#blocCouleurBas {   width:100%;
  float:left;
  background-color: #E8E8E8;
  }
  
#blocHeaderDocRequis {  
  width:100%;
  float:left;
  height:50px;
  background: url(images/sousheaderDocRequis.jpg) no-repeat right top;
  }
  
#blocMainDocRequis {   width:100%;
  float:left;
  height:475px;
  background: url(images/DocRequismain.jpg) no-repeat right top;
  }
  
#blocFooterDocRequis {
  margin: 0;
  padding: 0;
  height:35px;
  width:100%;
  float:left;
  background: url(images/footerDocRequis.jpg) no-repeat right top;
}

#SousblocDocRequis {
   width:660px;
   height:300px;
  margin-left:45px;
  margin-top:0px;
  float:left;
  display: inline

}

#blocHeaderCP {
  width:100%;
  float:left;
  height:50px;
  background: url(images/sousheaderCP.jpg) no-repeat right top;
  }
  
#blocMainCP {   width:100%;
  float:left;
  height:315px;
  background: url(images/CPmain.jpg) no-repeat right top;
  }
  
#blocFooterCP {
  margin: 0;
  padding: 0;
  height:35px;
  width:100%;
  float:left;
  background: url(images/footerCP.jpg) no-repeat right top;
}

#blocHeaderAuto {
  width:100%;
  float:left;
  height:50px;
  background: url(images/sousheaderAuto.jpg) no-repeat right top;
  }
  
#blocMainAuto {   width:100%;
  float:left;
  height:315px;
  background: url(images/Automain.jpg) no-repeat right top;
  }
  
#blocFooterAuto {
  margin: 0;
  padding: 0;
  height:35px;
  width:100%;
  float:left;
  background: url(images/footerAuto.jpg) no-repeat right top;
}

#blocHeaderKreditAblo {
  width:100%;
  float:left;
  height:50px;
  background: url(images/sousheaderKreditAblo.jpg) no-repeat right top;
  }
  
#blocMainKreditAblo {   width:100%;
  float:left;
  height:315px;
  background: url(images/KreditAblomain.jpg) no-repeat right top;
  }
  
#blocFooterKreditAblo {
  margin: 0;
  padding: 0;
  height:35px;
  width:100%;
  float:left;
  background: url(images/footerKreditAblo.jpg) no-repeat right top;
}

#blocHeaderCondition {  
  width:100%;
  float:left;
  height:50px;
  background: url(images/sousheaderCondition.jpg) no-repeat right top;
  }
  
#blocMainCondition {   width:100%;
  float:left;
  height:315px;
  background: url(images/conditionmain.jpg) no-repeat right top;
  }
  
#blocFooterCondition {
  margin: 0;
  padding: 0;
  height:35px;
  width:100%;
  float:left;
  background: url(images/footerCondition.jpg) no-repeat right top;
}

#blocHeaderContact {  
  width:100%;
  float:left;
  height:50px;
  background: url(images/sousheaderContact.jpg) no-repeat right top;
  }
  
#blocMainContact {   width:100%;
  float:left;
  height:426px;
  background: url(images/Contactmain.jpg) no-repeat right top;
  }
  
#blocFooterContact {
  margin: 0;
  padding: 0;
  height:35px;
  width:100%;
  float:left;
  background: url(images/footerContact.jpg) no-repeat right top;
}

#blocHeaderQui {
  width:100%;
  float:left;
  height:50px;
  background: url(images/sousheaderqui.jpg) no-repeat right top;
  }

#blocMainQui {   width:100%;
  float:left;
  height:315px;
  background: url(images/quimain.jpg) no-repeat right top;
  }
  
#SousblocQui {
   width:425px;
   height:300px;
  margin-left:45px;
  margin-top:0px;
  float:left;
  display: inline

}

#SousblocQui p.centre{
  font:12px/14px "Verdana Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#000000;
  text-align: justify;
  margin-right:45px;}

#SousblocQui p.droite{
  font:12px/14px "Verdana Lucida Sans Unicode", "Lucida Grande", sans-serif;
  color:#000000;
  text-align: right;}

#blocTexte {   width:90%;
  background-color: #E8E8E8;
  margin:auto
  }

#blocFooter {
  margin: 0;
  padding: 0;
  width:100%;
  float:left;
  background-color: #E8E8E8;
}

#blocFooterQui {
  margin: 0;
  padding: 0;
  height:35px;
  width:100%;
  float:left;
  background: url(images/footerqui.jpg) no-repeat right top;
}


#blocFooterLeft {
  float:left;
  width:400px;
  display: inline;
}



#blocFooterRight {
  float:right;
  width:400px;
  display: inline;
}

#basFooter {
background: url(images/basfooter.jpg) center top no-repeat;
padding-top: 10px;
width: 965px;
float: left;
margin-left: 00px;
}

p.droite {
  text-align: right;
  padding-right:10px;
  margin: 3px 0 3px 0;
}

p.gauche {
  text-align: left;
  padding-left:10px;
  margin: 3px 0 3px 0;
}


/* Formu Style */
fieldset { border: 1px solid #8B8C8E;
           margin: 15px 15px 0 15px;
           }

/* Formulaire credit */
div#ContainerFormulaire {
    width: 100%;
    text-align: left;
    margin-left: 0px;
    margin-right: 0px;
    padding:0px;

}

div#ContainerFormG {
    width: 620px;
    text-align: left;
    margin-left: 10px;
    margin-right: 0px;
    margin-bottom: 10px;
    float: left;
    padding:0px;
}

div#blocTexte a, div#blocTexte a:link, div#blocTexte a:visited, div#blocTexte a:active, div#blocTexte a:focus, div#blocTexte a:hover {
  text-decoration : underline;
  color:black;
}
div#blocTexte a:hover
{ color: orange; }

div#blocFooter a, div#blocFooter a:link, div#blocFooter a:visited, div#blocFooter a:active, div#blocFooter a:focus, div#blocFooter a:hover {
  text-decoration : none;
}

div#blocFooterRight a, div#blocFooterRight a:link, div#blocFooterRight a:visited, div#blocFooterRight a:active, div#blocFooterRight a:focus, div#blocFooterRight a:hover {
  text-decoration : none;
}

#bloc0 a, #bloc0 a:link, #bloc0 a:visited, #bloc0 a:active, #bloc0 a:focus, #bloc0 a:hover, #bloc0_1 a, #bloc0_1 a:link, #bloc0_1 a:visited, #bloc0_1 a:active, #bloc0_1 a:focus, #bloc0_1 a:hover{
  text-decoration : none;
  color:#ED7F10;
}

#bloc0 a:hover, #bloc0_1 a:hover
  {
  text-decoration: underline;
  }

  div#blocFooterRight a
  {
  text-decoration: none;
  color: #000000;
  }
div#blocFooterRight a:hover
  {
  text-decoration: underline;
  color: orange;
  }

div#blocFooter a
  {
  text-decoration: none;
  color: #000000;
  }
div#blocFooter a:hover
  {
  text-decoration: underline;
  color: orange;
  }

div#blocFooterQui a, div#blocFooterQui a:link, div#blocFooterQui a:visited, div#blocFooterQui a:active, div#blocFooterQui a:focus, div#blocFooterQui a:hover {
  text-decoration : none;
}
div#blocFooterQui a
  {
  text-decoration: none;
  color: #000000;
  }
div#blocFooterQui a:hover
  {
  text-decoration: underline;
  color: orange;
  }

div#footer-content a, div#footer-content a:link, div#footer-content a:visited, div#footer-content a:active, div#footer-content a:focus, div#footer-content a:hover {
  text-decoration : none;
}
div#footer-content a
  {
  text-decoration: none;
  color: #FFFFFF;
  }
div#footer-content a:hover
  {
  text-decoration: underline;
  color: orange;
  }

div#ContainerFormG a, div#ContainerFormG a:link, div#ContainerFormG a:visited, div#ContainerFormG a:active, div#ContainerFormG a:focus, div#ContainerFormG a:hover {
  text-decoration : none;
}

div#ContainerFormG a
  {
  text-decoration: none;
  color: #8E8E8E;
  }
  
div#ContainerFormG a:hover
  {
  text-decoration: underline;
  color: orange;
  }
div#ContainerFormD {
    width: 300px;
    text-align: left;
    margin-left: 0px;
    margin-right: 10px;
    float: right;

    padding:0px;
}
div.row {
   clear: both;
   padding-top: 0px;
}

div.row  span.formw1 {
	 float: right;
 	width: 280px;
 	text-align: left;
  	border: 0px;
	padding-bottom: 5px;
	margin-right: 10px;
 }

.titreOrange
{
font-size: 16px; /* taille de la police */
  color : #FF6600;}
  
  
  
  
#ContainerFormulaire div#CreditBar
  {
  margin-left: 17px;

  height: 45px;
  }

#ContainerFormulaire #CreditBar ul
  {
  display: block;

  margin: 0;
  padding: 0;
  height: 30px;
  }


#ContainerFormulaire #CreditBar ul li
  {
  display: block;
  float: left;
  list-style: none;
  text-align: center;
  height: 15px;
  margin-right: 0px;
  padding-top: 15px;
  color: #A5A5B5;
  }
  
#ContainerFormulaire #CreditBar #etap1,
#ContainerFormulaire #CreditBar ul li#etap1_old,
#ContainerFormulaire #CreditBar ul li#etap1_current
  {
  width: 120px;
  }

#ContainerFormulaire #CreditBar #etap1
  {
  background :  url("./images/checkoutBar_120.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap1_old
  {
  background :  url("./images/checkoutBar_120_old.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap1_current
  {
  background :  url("./images/checkoutBar_120_ok.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar #etap2,
#ContainerFormulaire #CreditBar ul li#etap2_old,
#ContainerFormulaire #CreditBar ul li#etap2_current
  {
  width: 120px;
  }

#ContainerFormulaire #CreditBar #etap2
  {
  background :  url("./images/checkoutBar_120.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap2_old
  {
  background : url("./images/checkoutBar_120_old.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap2_current
  {
  background : url("./images/checkoutBar_120_ok.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar #etap3,
#ContainerFormulaire #CreditBar ul li#etap3_old,
#ContainerFormulaire #CreditBar ul li#etap3_current
  {
  width: 120px;
  }

  #ContainerFormulaire #CreditBar #etap3
  {
  background : url("./images/checkoutBar_120.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap3_old
  {
  background : url("./images/checkoutBar_120_old.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap3_current
  {
  background : url("./images/checkoutBar_120_ok.gif") no-repeat scroll 0 0;
  }
#ContainerFormulaire #CreditBar #etap4,
#ContainerFormulaire #CreditBar ul li#etap4_old,
#ContainerFormulaire #CreditBar ul li#etap4_current
  {
  width: 120px;
  }

  #ContainerFormulaire #CreditBar #etap4
  {
  background : url("./images/checkoutBar_120.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap4_old
  {
  background : url("./images/checkoutBar_120_old.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap4_current
  {
  background : url("./images/checkoutBar_120_ok.gif") no-repeat scroll 0 0;
  }
#ContainerFormulaire #CreditBar #etap5,
#ContainerFormulaire #CreditBar ul li#etap5_old,
#ContainerFormulaire #CreditBar ul li#etap5_current
  {
  width: 120px;
  }
  #ContainerFormulaire #CreditBar #etap5
  {
  background : url("./images/checkoutBar_120.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap5_old
  {
  background : url("./images/checkoutBar_120_old.gif") no-repeat scroll 0 0;
  }

#ContainerFormulaire #CreditBar ul li#etap5_current
  {
  background : url("./images/checkoutBar_120_ok.gif") no-repeat scroll 0 0;
  }

  /*orange buttons*/
button.submitBtnOrange {
  background:url(./images/gg.png) right no-repeat;
  font-size:14px;
  border:0;
  cursor:pointer;
  font-weight:bold;
  padding:0 10px 0 0;
  text-align:center;
  /* style exceptions for all IE browsers */
  /width:auto; 
  /overflow:visible
}
button.submitBtnOrange span {
  height:30px;
  line-height:30px;
  background:url(./images/dd.png) left no-repeat;
  color:#fff;
  position:relative;
  display:block;
  white-space:nowrap;
  padding:0 0 0 10px;
  /* style exceptions for all IE browsers */
  /margin-top:1px;
}


a.btnGris{
        font:18px/20px "Verdana Lucida Sans Unicode", "Lucida Grande", sans-serif;
        background:url(images/button_0.png);
        background-repeat:no-repeat;
        background-position: top center;
	display:block;
	color:#000000;
	height:30px;
	line-height:31px;
	margin-bottom:14px;
	text-decoration:none;
	width:200;
	text-align: center;
	}

#bloc4 {
   width:100%;
   height:30px;
}

#bloc41 {
   margin:auto;
   text-align: center;
}

div#aideO {
    background-image:  url(images/buttonAideO.jpg);
    background-repeat: no-repeat;
    height: 30px;
    width: 275px;
    padding-bottom: 5px;
    margin-left : 12px;
}

div#Aidetext {
    position: relative;
    height: auto;
    width: 275px;
    top: 7px;
    font: 16px  verdana, arial, helvetica;
    font-weight:bold;
    text-align: center;
}

div#AidetextBlanc {
    position: relative;
    height: auto;
    width: 275px;
    top: 7px;
    font: 16px  verdana, arial, helvetica;
    font-weight:bold;
    text-align: center;
    color: #ffffff;
}

div#aideG {
    background-image:  url(images/buttonAideG.jpg);
    background-repeat: no-repeat;
    height: 30px;
    width: 275px;
    padding-bottom: 5px;
    margin-left : 12px;
}

.boxAide {
background: url(images/AideHaut.png) center top no-repeat;
padding-top: 10px;
width: 300px;
float: left;
margin-left: 00px;
}

.boxAide a{
  text-decoration: none;
  color: black;
  }
  
.boxAide a:hover
  {
  text-decoration: underline;
  color: orange;
  }
  
.content-boxAide {
background: url(images/AideMilieu.png) center top repeat-y;
}
.bottom-boxAide {
background: url(images/AideBas.png) center bottom no-repeat;
height: 10px;
}
.content-boxAide P{
margin: 0 30px 0 30px;
}

.boxForm h3{margin: 0px;padding:0px;font: bold 14px  verdana, arial, helvetica;}
.boxForm {
background: url(images/formHaut.png) center top no-repeat;
padding-top: 10px;
width: 615px;
float: left;
margin-left: 00px;
}
.content-boxForm {
background: url(images/formMilieu.png) center top repeat-y;
padding-bottom:5px;
}
.bottom-boxForm {
background: url(images/formBas.png) center bottom no-repeat;
height: 10px;
}

#blocFormBasG {
  float:left;
  width:40%;
  display: inline;
  margin: 0;
}
#blocFormBasD {
  float:right;
  width:40%;
  display: inline;
  margin: 0;
}




.bottom-boxForm1 {
background: url(images/formBas1.jpg) center bottom no-repeat;
height: 17px;
margin-bottom: 20px;
}
.content-boxForm P{
margin: 0 30px 0 30px;
}

.boxDesignDroite {
background: url(images/designdroithaut.jpg) center top no-repeat;
padding-top: 0px;
width: 337px;
float: left;
margin-left: 00px;
margin-bottom: 40px;
}
.content-boxDesignDroite {
background: url(images/designdroitmilieu.jpg) center top repeat-y;
}
.bottom-boxDesignDroite {
background: url(images/designdroitbas.jpg) center bottom no-repeat;
height: 15px;
}
.content-boxDesignDroite P{
margin: 10px 30px 0 30px;
}

div#DesignTitre {
    background-image:  url(images/buttonDesign.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 260px;
    margin-top : 0px;
    margin-left : 12px;
}

div#DesignTexteBlanc {
    position: relative;
    height: auto;
    top: 7px;
    font: 16px  verdana, arial, helvetica;
    font-weight:bold;
    text-align: left;
    color: #ffffff;
    margin-left : 30px;
}

div#ContactBtnSenden {
    position: relative;
    height: auto;
    text-align: left;
    margin-left : 100px;
    color: #ffffff;
}

.boxDesignGauche {
background: url(images/designgauchehaut.jpg) center top no-repeat;
padding-top: 0px;
width: 394px;
float: left;
margin-left: 00px;
margin-bottom: 40px;
}
.content-boxDesignGauche {
background: url(images/designgauchemilieu.jpg) center top repeat-y;
}
.bottom-boxDesignGauche {
background: url(images/designgauchebas.jpg) center bottom no-repeat;
height: 33px;
}
.content-boxDesignGauche P{
margin: 10px 30px 0 30px;
}

div#DesignButton {
    background-image:  url(images/buttonDesign.png);
    background-repeat: no-repeat;
    height: 32px;
    width: 394px;
    margin-top : 0px;
    margin-left : 90px;
}

.formContact input[type=submit]{
    background-color: #FFF;
    background-image: url(images/buttonDesign.png);
    background-repeat: no-repeat;
    height:32px;
	font: 16px  verdana, arial, helvetica;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	width: 260px;
	cursor: pointer;
	border:0;

}

.test{
	background-color: #FFF;
    background-image: url(images/buttonDesign.png);
    background-repeat: no-repeat;
    height:32px;
	font: 16px  verdana, arial, helvetica;
	color: #ffffff;
	font-weight:bold;
	text-align: center;
	width: 260px;
	cursor: pointer;
	border:0;}

.boxInter {
/*background-color:#00EE00;                         */
background: url(images/interhaut.jpg) center top no-repeat;
padding-top: 0px;
width: 100%;
float: left;
margin-left: 00px;
margin-bottom: 0px;
height: 40px;
}
.content-boxInter {
/*background: url(images/intermilieu.jpg) center top repeat-y;*/
background-color:#EEEE00;
}
.bottom-boxInter {
/*background-color:#00EEEE;*/
background: url(images/interbas.jpg) center bottom no-repeat;
padding-top: 0px;
width: 100%;
float: left;
margin-left: 00px;
margin-bottom: 15px;
height: 20px;
}
.content-boxInter P{
margin: 0px 30px 0 30px;
}


.boxInter2 {
background: url(images/interhaut2.jpg) center top no-repeat;
padding-top: 0px;
width: 100%;
float: left;
margin-left: 00px;
margin-bottom: 0px;
height: 40px;
}
.bottom-boxInter2 {
background: url(images/interbas2.jpg) center bottom no-repeat;
padding-top: 0px;
width: 100%;
float: left;
margin-left: 00px;
margin-bottom: 15px;
height: 20px;
}


div#InterTexteNoir {
    position: relative;
    height: auto;
    width: 33%;
    top: 7px;
    font: 24px  verdana, arial, helvetica;
    font-weight:normal;
    text-align: center;
    color: #000000;
    background-color:#E8E8E8;
    margin-left: auto;
  margin-right: auto;
}

div#InterTexteNoir1 {
    position: relative;
    height: auto;
    width: 40%;
    top: 7px;
    font: 24px  verdana, arial, helvetica;
    font-weight:normal;
    text-align: center;
    color: #000000;
    background-color:#E8E8E8;
    margin-left: auto;
  margin-right: auto;
}
/********************/
#bloc31 {

   background:url(images/bloc_31.jpg) no-repeat;
   width:320px;
   height:220px;
  margin-left:0px;
  margin-top:0px;
  float:left;
  display: inline
}

#blocDocRequis p.centre{padding-top: 150px;text-align: center;}
#blocCondition p.centre{padding-top: 150px;text-align: center;}
#bloc11 p.centre{padding-top: 150px;text-align: center;}
#bloc21 p.centre{padding-top: 150px;text-align: center;}
#bloc31 p.centre{padding-top: 150px;text-align: center;}


#bloc21 {
   background:url(images/bloc_21.jpg) no-repeat;
   width:320px;
   height:220px;
  margin-left:0px;
  margin-top:0px;
  float:left;
  display: inline
}
#bloc11 {
   background:url(images/bloc_11.jpg) no-repeat;
   width:320px;
   height:220px;
  margin-right:5px;
  margin-top:0px;
  float:right;
  display: inline
}

#blocDocRequis {
   background:url(images/bloc_docrequis.jpg) no-repeat;
   width:320px;
   height:220px;
  margin-right:70px;
  margin-top:0px;
  float:right;
  display: inline
}

#blocCondition {
   background:url(images/bloc_condition.jpg) no-repeat;
   width:320px;
   height:220px;
  margin-left:70px;
  margin-top:0px;
  float:left;
  display: inline
}

.dmc { width:100px; }
.dmc { width:75px;# }

div#res p
{
margin:0;
padding:0;
text-align:justify;
}
div#res img
{
float:left;
margin:0 10px 25px 0;
}
