/* andreas06 - an open source xhtml/css website layout by Andreas Viklund - http://andreasviklund.com . Free to use for any purpose as long as the proper credits are given for the original design work.

Version: 1.1, November 28, 2005 */

body{
background:#f0f0f0 url("/gif/body_bg.gif") repeat-x;
color:#363636;
font-family:Verdana,Arial,sans-serif; 
margin:0;
padding:0;
text-align:center;
}

p{
line-height:8.5pt;
margin:0 0 15px;
}

hr{
height:1px;
margin:10px 0;
width:98%;
}

dt{
font-weight:700;
}

dd{
margin:1px 0 12px 15px;
}

#container{
background: #ffffff ;
margin:0 auto;
text-align:left;
width:980px;
padding: 0;
}

#nav{
background: #ffffff;
float: left;
height: 43px;
width:980px;
margin: 0;
padding: 0;
}

#nav ul{
list-style:none;
margin:0;
padding:0;
}

#nav a{
display: block;
height: 161px;
float: left;
}

#background_flash{
background: url("/gif/Flash_background.gif") ;
clear:both;
height:215px;
width:980px;
}

#flash_gauche{
background: url("/gif/Flash_gauche.gif") right no-repeat;
height:215px;
width:5px;
margin: 0 0 0 0px;
padding: 0 0 0 69px;
border: 0;
display: block;
float:left;
}

#flash_droit{
background: url("/gif/Flash_droit.gif") top no-repeat;
height:215px;
width:5px;
margin: 0 0 0 0px;
padding: 0;
border: 0;
display: block;
float:left;
}

#content{
  margin: 1 0 0 0;
  padding: 20px 20px 0 20px;
  border: 0;
  min-height: 400px;
  _height: 400px;
  background: #ffffff;
}

#accueil_gauche{
background:#ffffff top left ;
height:215px;
width:330px;
float: left;
}
#accueil_droite{
background:#ffffff top right ;
height:215px;
width:600px;
float: right;
}

#flash{
float:left;
height:215px;
width:550px;
}

#flash_orange{
background: url("/gif/Flash_orange.gif") ;
float:left;
height:215px;
width:275px;
margin: 0 0 0 0px;
padding: 0;
border: 0;
display: block;
}

#flash_orange div.bouton_vert{
  margin: 0 0 0 0;
  padding: 0 0 0 0;
  border: 0;
  min-height: 30px;
  _height: 30px;
}
#flash_orange div.bouton_vert #image_bouton_1{
  padding: 20px 0 0 48px;
  ?padding: 10px 0 0 48px;
  border: 0;
  float: left;
}

#flash_orange div.bouton_vert #image_bouton_2{
  padding: 13px 0 0 48px;
  border: 0;
  float: left;
}

#flash_orange div.bouton_vert #image_bouton_3{
  padding: 13px 0 0 48px;
  border: 0;
  float: left;
}

#texte_1{
background: url("/gif/Texte_1.gif") no-repeat;
height:21px;
width:127px;
margin: 19px 0 0 61px;
?margin: 19px 0 0 35px;
padding: 0;
border: 0;
float:left;
}

#texte_2{
background: url("/gif/Texte_2.gif") no-repeat;
height:22px;
width:235px;
margin: 4px 0 0 16px;
?margin: 4px 0 0 14px;
padding: 0;
border: 0;
float:left;
}

#header_droite{
background: url("/gif/header_droite.gif") ;
height:105px;
width:81px;
float:right;
}

#header{
background: url("/gif/header.gif") top left repeat-x;
clear:both;
height:105px;
width:980px;
}

#header a#logo{
height:65px;
width:160px;
margin: 0px 0 0 0px;
padding: 33px 0 0 90px;
border: 0;
display: block;
float:left;
}

#header p{
font:Verdana,Arial,sans-serif;
color:#363636;
font-size:8pt;
width:440px;
margin: 0px 0px 0px 0px;
padding: 20px 0px 0px 0px;
text-align:center;
float:right;
}

#header a{
color:#000000;
font-weight:500;
margin: 0px 5px;
text-decoration:none;
}

#slogan_texte a{
color:#000000;
font-weight:500;
text-decoration:none;
}

#succes_orange_{
background: url("/gif/Succes_orange.gif") repeat;
height:34px;
width:57px;
display: block;
float:left;
}

#succes_orange{
background: url("/gif/Succes_orange.gif") repeat;
height:34px;
width:489px;
display: block;
float:left;
}

#texte_6{
background: url("/gif/Texte_6.gif") no-repeat;
height:17px;
width:166px;
margin: 11px 0 0 0;
padding: 0;
border: 0;
float:left;
}

#texte_7{
background: url("/gif/Texte_7.gif") no-repeat;
height:23px;
width:130px;
margin: 4px 0 0 110px;
padding: 0;
border: 0;
float:left;
}

#succes_orange_end{
background: url("/gif/Succes_orange_end.gif") no-repeat;
height:34px;
width:4px;
display: block;
float:left;
}

#starter_bleu_begin{
background: url("/gif/Starter_bleu_begin.gif") no-repeat;
height:34px;
width:3px;
display: block;
float:left;
}

#starter_bleu{
background: url("/gif/Starter_bleu.gif") repeat;
height:34px;
width:205px;
display: block;
float:left;
}

#starter_bleu_{
background: url("/gif/Starter_bleu.gif") repeat;
height:34px;
width:67px;
display: block;
float:left;
}

#texte_8{
background: url("/gif/Texte_8.gif") no-repeat;
height:17px;
width:137px;
margin: 11px 0 0 0;
border: 0;
float:left;
}

#bande_1{
background: url("/gif/bande_2.gif") repeat;
height:35px;
width:269px;
display:block;
float:left;
}

#bande_2{
background: url("/gif/bande_1.gif") repeat;
height:35px;
width:287px;
float:left;
display: block;
}

#bande_2_texte{
font:Verdana,Arial,sans-serif;
color:#ffffff;
font-size:13pt;
width:287px;
margin-top: 5px;
?margin-top: 7px;
text-align:center;
float:left;
}
#bande_2_sat{
background: url("/gif/bande_1.gif") repeat;
height:35px;
width:825px;
float:left;
display: block;
}

#bande_2_sat_texte{
font:Verdana,Arial,sans-serif;
color:#ffffff;
font-size:13pt;
width:820px;
margin-top: 5px;
?margin-top: 7px;
text-align:center;
float:left;
}


#bande_4{
background: url("/gif/bande_2.gif") repeat;
height:35px;
width:269px;
?width:266px;
display:block;
float:left;
}

#bande_1_{
background: url("/gif/bande_2_.gif") repeat;
height:35px;
width:269px;
display:block;
float:left;
}

#bande_2_{
background: url("/gif/bande_1_.gif") repeat;
height:35px;
width:287px;
float:left;
display: block;
}

#bande_2_texte_{
font:Verdana,Arial,sans-serif;
color:#ffffff;
font-size:13pt;
width:287px;
margin-top: 5px;
?margin-top: 7px;
text-align:center;
float:left;
}

#bande_4_{
background: url("/gif/bande_2_.gif") repeat;
height:35px;
width:269px;
?width:266px;
display:block;
float:left;
}

#video_background_{
background: url("/gif/Background_orange.gif") repeat;
height:253px;
width:32px;
display: block;
float:left;
}

#video_background{
background: url("/gif/Background_orange.gif") repeat;
height:253px;
width:225px;
display: block;
float:left;
}

#video{
background: url("/gif/Video.gif") no-repeat;
height:170px;
width:220px;
margin: 30px 0 0 0px;
padding: 0;
border: 0;
float:left;
}

#succes{
height:253px;
width:293px;
display: block;
float:left;
}

#starter{
height:253px;
width:275px;
display: block;
float:left;
}

#white{
color:#000000;
height:28px;
width:208px;
display: block;
float:left;
}

#white_{
color:#000000;
height:28px;
width:282px;
display: block;
float:left;
}

#white__{
color:#000000;
height:28px;
width:58px;
display: block;
float:left;
}

#content div.bouton{
  margin: 0 0 0 0;
  padding: 0;
  border: 0;
  min-height: 30px;
  _height: 30px;
}
#content div.bouton #image_bouton_orange{
  margin: 0 0 0 0px;
  padding: 0;
  border: 0;
  float:left;
}

#content div.bouton #image_bouton_bleu{
  margin: 0 0px 0 0px;
  padding: 0;
  border: 0;
  float:left;
}

.menublock{
margin-bottom:10px;
}

.nav{
color:#d04a10;
display:block;
font-size:8pt;
font-weight:700;
margin-bottom:1px;
padding:2px 2px 2px 10px;
position:relative;
text-decoration:none;
width:125px;
}

.nav:hover{
border:1px solid #fa9035;
color:#505050;
padding:1px 1px 1px 9px;
}

.sub{
font-size:8pt;
margin-left:20px;
padding:1px 1px 1px 6px;
width:105px;
}

.sub:hover{
border:1px solid #fa9035;
color:#505050;
padding:0 0 0 5px;
}

.intro{
font-weight:700;
}

.active{
border:1px solid #fa9035;
padding:1px 1px 1px 9px;
}

.box{
background:#f8f8f8 url("/gif/boxbg.gif") top left repeat-y;
border:1px solid #d0d4d4;
color:#505050;
margin:15px auto;
padding:10px 10px 10px 20px;
width:75%;
}

.photo{
margin:5px auto 15px;
padding:5px;
}

.smallcaps{
font-variant:small-caps;
}

.mini{
color:#a0a0a0;
font-size:7pt;
font-weight:400;
line-height:11pt;
margin:20px 0 10px 8px;
}

.small{
font-size:7pt;
}

.large{
font-size:13pt;
}

.soft{
color:#808080;
}

.normal{
font-weight:400;
}

.sharp{
color:#101010;
}

.center{
text-align:center;
}

.hide{
display:none;
}

h1.titre{
padding-left: 10px;
color: #000000;
font-size: 15pt;
font-weight: bold;
text-align:center;
}
.clear {
  clear: both;
  width: 100%;
  display: block;
  height: 1px;
  overflow:hidden;
}
input.btn_grand {
margin-right: 400px;
float:right;
color:#000000; 
font-size:11pt; 
font-family:Verdana,Arial,sans-serif; 
font-style:normal; 
font-weight:bold;
}
input.btn_petit {
margin-right: 415px;
float:right;
color:#000000; 
font-size:7pt; 
font-family:Verdana,Arial,sans-serif; 
font-style:normal; 
font-weight:bold;
}

.titre_page { font-size: 16pt; color: #000000; }
.titre_rub  { font-size: 14pt; color: #000000; }
.titre_art  { font-size: 12pt; color: #000000; }
.titre_bloc { font-size: 12pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold; }
.texte { font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }
.texte_rouge { color:red; font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }

.font_sommaire_link {color:#DBC781; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }
.font_article_link {color:#DBC781; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_titre_prix {color:#111111; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }
.font_prix {color:darkred; font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold; }
.font_prix_unite {color:#111111; font-size:9pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_contenu {color:#000000; font-size:8pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; text-align:justify; }
.font_ref {color:#000000; font-size:8pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font_10 {color:#000000; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal;}
.font10_b {color:#000000; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}
.font10_u {color:#000000; font-size:10pt; font-family:Verdana,Arial,sans-serif; font-style:normal; text-decoration:underline;}
.font12_b {color:#000000; font-size:12pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}
.font_photo {color:#000000; font-size:6pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold; }
.font_accueil {font-size: 28px; font-style:normal; font-weight:bold; }

.font_accueil  { font-size: 14pt; color: #000000; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }
.font_accueil_p  { font-size: 10pt; color: #000000; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:normal; }

.font8_b {color:#000066; font-size:8pt; font-family:Verdana,Arial,sans-serif; font-style:normal; font-weight:bold;}

#boite_nav{
  width:750px;
  margin-left: 30px;	
}

#content_container1 {
  padding: 0;
  border: 0;
  background: url("/gif/nav_bg.gif") top left repeat-y;
}

#content_container2 {
  padding: 0;
  border: 0;
  background: url("/gif/nav_top_bg.gif") top left no-repeat;
}

#content{
  padding: 0px 0px 0 0px;
  border: 0;
  background: url("/gif/nav_bottom_bg.gif") bottom left no-repeat;
}
#content_nav{
  width:825px;
  margin-left: 74px;
  min-height: 415px;
  _height: 415px;
}

#content_nav p{
  /*width:400px;*/
  /*margin-left: 100px;*/
}

#footer{
background: url("/gif/footer_bg.gif") ;
clear:both;
height:155px;
width:980px;
}

#footer p{
color:#363636;
font-size:7.5pt;
width:500px;
margin: 0px auto;
padding: 26px 0px 0px 0px;
text-align:center;
}

#footer a{
color:#000000;
font-weight:500;
margin: 0px 5px;
text-decoration:none;
}

#footer_texte{
font:Verdana,Arial,sans-serif;
color:#363636;
font-size:8pt;
width:580px;
margin: 0px auto;
padding: 24px 0px 0px 0px;
text-align:center;
}

#footer_gauche{
background: url("/gif/footer_gauche.gif") ;
height:155px;
width: 230px;
float:left;
}

#footer_droite{
background: url("/gif/footer_droite.gif") ;
height:155px;
width:132px;
float:right;
}

#adresse{
width:825px;
text-align : center;
}

#devis{
margin-left:0px;
width:825px;
text-align : center;
}

#pack_texte{
color: #000000; 
width:825px;
height:220px;
float:left;
}

#pack_succes_texte{
font:Verdana,Arial,sans-serif;
font-size:10pt;
width:515px;
height:210px;
float:left;
padding-left: 15px;
}

#pack_starter_texte{
font:Verdana,Arial,sans-serif;
font-size:10pt;
width:255px;
height:210px;
float:right;
padding-left: 15px;
padding-right: 15px;
}

#pack_starter_php{
height:506px;
width:825px;
display: block;
clear:both;
background: url("/gif/pack_starter_php.gif") ;
}

#pack_starter_php_texte_1{
font:Verdana,Arial,sans-serif;
font-size:9pt;
width:500px;
height:103px;
float:left;
padding-left: 300px;
padding-top: 277px;
}

#pack_starter_php_texte_2{
font:Verdana,Arial,sans-serif;
font-size:9pt;
width:500px;
height:100px;
float:left;
padding-left: 300px;
padding-top: 18px;
}

#pack_succes_php{
height:501px;
width:825px;
display: block;
clear:both;
background: url("/gif/pack_succes_php.gif") ;
}

#pack_succes_php_texte_1{
font:Verdana,Arial,sans-serif;
font-size:9pt;
width:500px;
height:103px;
float:left;
padding-left: 300px;
padding-top: 277px;
}

#pack_succes_php_texte_2{
font:Verdana,Arial,sans-serif;
font-size:9pt;
width:500px;
height:100px;
float:left;
padding-left: 300px;
padding-top: 18px;
}

#pack_1{
height:425px;
width:416px;
display: block;
float:left;
}

#pack_2{
height:425px;
width:409px;
display: block;
float:left;
}

#utilisation{
width:765px;
margin-left:30px;
margin-right:30px;
}

#contenu_sat{
background: #40acbe;
font:Verdana,Arial,sans-serif;
font-size:8pt;
width:697px;
min-height: 400px;
  _height: 400px;
margin:0px;
margin-left:35px;
}
#contenu_sat_top{
background: url("/gif/contenu_sat_top_devis.gif") top left no-repeat;
width:697px;
height: 126px;
}
#contenu_sat_content{
padding: 0px;
}
#contenu_sat_bottom{
background: url("/gif/contenu_sat_bottom_devis.gif") bottom right no-repeat;
width:697px;
height: 17px;
}

#votre_projet{
background: url("/gif/contenu_sat_bg.gif") top left repeat-y;
width:697px;
}
#votre_projet_top{
background: url("/gif/contenu_sat_top.gif") top left no-repeat;
width:697px;
height: 6px;
padding: 0px;
}
#votre_projet_content{
min-height: 150px;
  _height: 150px;
padding: 0px;
padding-top: 10px;
padding-left: 20px;
}
#votre_projet_bottom{
background: url("/gif/contenu_sat_bottom.gif") bottom right no-repeat;
width:697px;
height: 5px;
padding: 0px;
}

#votre_identite{
background: url("/gif/contenu_sat_bg.gif") top left repeat-y;
width:697px;
}
#votre_identite_top{
background: url("/gif/contenu_sat_top.gif") top left no-repeat;
width:697px;
height: 6px;
padding: 0px;
}
#votre_identite_content{
min-height: 200px;
  _height: 200px;
padding: 0px;
padding-top: 10px;
padding-left: 20px;
}
#votre_identite_bottom{
background: url("/gif/contenu_sat_bottom.gif") bottom right no-repeat;
width:697px;
height: 5px;
padding: 0px;
}