﻿/* ------------------------------------------------------------------------- */
/* ----- RESET ------------------------------------------------------------- */
/* ------------------------------------------------------------------------- */
html,body,div,ul,ol,li,dl,dt,dd,h1,h2,h3,h4,h5,h6,pre,form,p,blockquote,fieldset,input,hr {margin:0; padding:0;}
body,table,h1,h2,h3,h4,h5,h6,p,a,ul,pre,code,address,caption,cite,code,em,th {font:normal 13px Arial, Helvetica, sans-serif;}
ul {list-style:none;}
fieldset,img,hr {border:none;}
caption,th {text-align:left;}
table {border-collapse:collapse; border-spacing:0;}
td {vertical-align:top;}
a {text-decoration:none;}



html, body, form {
	/*height:100%;*/
}
body {
  color:#333333;
  background:#ffffff url(../images/bg_body.jpg) no-repeat center top;
  background-attachment:fixed;
}
a {
  color:#0088EE;
  font-size:12px;
  font-weight:bold;
}
a:hover {
  color:#59B9FF;
}
.clearAll {
	clear:both;
}
.print {
  display:none;
}
hr.separateur {
  border:none;
  border:1px solid #DBE0E7;
  margin:20px 0;
}

/* ----- CONTENEURS PRINCIPAUX --------------------------------------------- */

#conteneur {
	margin:0 auto;
	width:980px;
}
#top {
  margin:10px;
  width:960px;
}
#page {
  margin:0 20px 20px;
  width:960px;
}
#footer {
  background-color:#f7f7f7;
  clear:both;
  height:auto;
  width:980px;
}

/* ----- HEADER ------------------------------------------------------------ */

#header {
  height:50px;
  width:100%;
}
#header .services h1 {
  color:#C41816;
  font-size:11px;
  font-weight:bold;
  padding-top:2px;
  width:400px;
}
#header .services img {
  margin:0 5px;
}
#header .commandez {
  background:#ffffff url(../images/btn_commander.gif) no-repeat;
  width:184px;
  height:23px;
  text-align:center;
  padding-top:3px;
  font-weight:bold;
  font-size:11px;
  margin-top:7px;
}
#header .commandez a {
  color:#C41816;
}
#mainMenu {
  background: url(../images/bg_mainMenu.jpg) no-repeat;
  height:47px;
  width:960px;
}
#mainMenu td {
  font-weight:bold;
  padding-top:15px;
  text-align:center;
}
#mainMenu a {
  color:#ffffff;
  display:block;
  font-size:14px;
  text-decoration:none;
}
#mainMenu a:hover {
  color:#e6e6e6;
}
#widget {
  float:right;
  margin:5px 10px 30px;
}
#widget table td {
  padding-left:20px;
}
#widget table a {
  color:#999999;
  font-size:11px;
  font-weight:bold;
  text-decoration:none;
}
#widget table a:hover {
  color:#cccccc;
}
#headerPrint {
  display:none;
}

/* ----- SOUS-MENU COLONNE GAUCHE ------------------------------------------ */

#pageGauche {
  float:left;
  width:276px;
}
#pageGauche h1 {
  color:#042656;
  font-size:18px;
  margin-bottom:10px;
}
#pageGauche li a {
  border-top:1px solid #eeeeee;
  display:block;
  padding:8px 3px;
}
#pageGauche .active a {
  background:#ffffff url(../images/bg_menuPageActive.jpg) repeat-y;
  color:#042656;
  cursor:default;
}

/* ----- TEMOIGNAGES COLONNE GAUCHE ---------------------------------------- */

#temoignagesGauche {
  background-color:#FAFAFA;
  width:276px;
}
#temoignagesGauche h2 {
  font-size:16px;
  margin:10px 20px 10px;
}
#temoignagesGauche p {
  font-style:italic;
  line-height:20px;
  margin:0 20px 20px;
}

/* ----- CONTENU COLONNE DROITE ---------------------------------------- */

#pageDroit {
  width:560px;
  margin-left:80px;
  margin-bottom:40px;
  float:left;
}
#pageDroit .pageIntro {
  margin-bottom:50px;
}
#pageDroit .pageIntro p {
  margin-top:10px;
}
#pageDroit h1 {
  color:#042656;
  font-size:20px;
}
#pageDroit h2 {
  color:#042656;
  font-size:16px;
}
#pageDroit h3 {
  color:#C41816;
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px;
}
#pageDroit ul.niveau1 {
  margin:5px 20px 20px 25px;
}
#pageDroit ul.niveau1 li {
  list-style:url(../images/puce_crochet2.gif);
  padding-bottom:4px;
}
#pageDroit ul.niveau2 {
  margin:0 20px 0 25px;
}
#pageDroit ul.niveau2 li {
  list-style:url(../images/puce_carre.gif);
  padding-bottom:4px;
}
#pageDroit .prix {
  border-top:3px solid #cccccc;
  width:100%;
}
#pageDroit .prix td {
  padding-top:15px;
}
#pageDroit .prix h4 {
  color:#C41816;
  font-size:20px;
  font-weight:bold;
}

/* ----- PAGE ACCUEIL  ----------------------------------------------------- */

#teaserServices, #teaserComplements {
  margin-bottom:20px;
  width:960px;
}
#teaserServices .borderServices {
  border-left:20px solid #ffffff;
  border-right:20px solid #ffffff;
}
#teaserComplements td {
  width:490px;
}
#teaserServices .constitution {
  background:#ffffff url(../images/bg_constitution.jpg) no-repeat;
  height:91px;
  width:300px;
}
#teaserServices .domiciliation {
  background:#ffffff url(../images/bg_domiciliation.jpg) no-repeat;
  height:91px;
  width:300px;
}
#teaserServices .marques {
  background:#ffffff url(../images/bg_marques.jpg) no-repeat;
  height:91px;
  padding:0 10px;
  width:300px;
}
#teaserServices .description {
  background:#ffffff url(../images/bg_services.jpg) no-repeat;
  font-size:11px;
  font-weight:bold;
  padding:10px;
}
#teaserServices .description ul {
  margin:5px 20px 20px;
}
#teaserComplements ul {
  margin:5px 20px 20px 25px;
}
#teaserServices .description li, #teaserComplements li {
  list-style:url(../images/puce_crochet.gif);
  padding-bottom:4px;
}
#teaserServices .description .details, #teaserComplements .details {
  margin:10px 20px 0;
}
#teaserServices .constitution h1, #teaserServices .domiciliation h1, #teaserServices .marques h1, #teaserComplements h1 {
  color:#114579;
  font-size:16px;
  font-weight:bold;
}
#teaserServices .constitution h1 span {
  color:#C41816;
  font-style:italic;
}
#teaserComplements img.delaware{
  float:left;
  margin:0 20px 20px 20px; 
}
#teaserComplements p.delaware {
  margin:10px 0 20px 0; 
}

/* ----- EQUIPE  ----------------------------------------------------------- */

.equipe {
  width:100%;
}
table.equipe td {
  vertical-align:bottom;
}
.equipe .bg {
  background:#ffffff url(../images/bg_equipe.jpg) no-repeat;
  height:197px;
  padding:0;
  width:55%;
}
.equipe .bg img {
  margin:13px 0 15px 0;
  width:254px;
  height:169px;
 }
 .equipe .identite {
  width:45%;
}
.equipe .identite p {
  margin:0 0 10px 0px;
  padding:0;
}
.equipe p {
  margin:10px 0 0;
}

/* ----- COMMANDER  -------------------------------------------------------- */

.commander {
  border-bottom:1px solid #cccccc;
  margin-bottom:40px;
  width:100%;
}
.commander td {
  border-top:1px solid #cccccc;
  padding:5px 0;
}
.commander h5 {
  font-weight:bold;
}
.commander h6 {
  color:#666666;
  font-size:12px;
  font-weight:bold;
  margin-left:10px;
}
.commander .info {
  background:#ffffff url(../images/bg_infoCommander.jpg) repeat-y;
}
.commander .info h6 {
  margin:4px 0;
}
.commander a {
  font-size:11px;
} 
/* ----- FORMULAIRES DE COMMANDE ---------------------------------------- */

#pageOrderForm {
}
#pageOrderForm .pageIntro {
  margin-bottom:50px;
}
#pageOrderForm .pageIntro p {
  margin-top:10px;
}
#pageOrderForm h1 {
  color:#042656;
  font-size:20px;
}
#pageOrderForm h2 {
  color:#042656;
  font-size:16px;
}
#pageOrderForm h3 {
  color:#C41816;
  font-size:16px;
  font-weight:bold;
  margin-bottom:10px;
}
#pageOrderForm h4 {
  color:#042656;
  font-style:italic;
}
#ppageOrderForm ul.niveau1 {
  margin:5px 20px 20px 25px;
}
#pageOrderForm ul.niveau1 li {
  list-style:url(../images/puce_crochet2.gif);
  padding-bottom:4px;
}
#pageOrderForm ul.niveau2 {
  margin:0 20px 0 25px;
}
#pageOrderForm ul.niveau2 li {
  list-style:url(../images/puce_carre.gif);
  padding-bottom:4px;
}
#pageOrderForm .prix {
  border-top:3px solid #cccccc;
  width:100%;
}
#pageOrderForm .prix td {
  padding-top:15px;
}
#pageOrderForm .prix h4 {
  color:#C41816;
  font-size:20px;
  font-weight:bold;
}

/* ----- FOOTER  ----------------------------------------------------------- */

.foot td {
  padding:20px;
  width:25%;
}
.foot span {
  float:left;
  font-weight:bold;
  width:90px;
}
.foot p, .foot a, .foot li, .foot h5 {
  font-size:11px;
}
.foot h5 {
  font-weight:bold;
  margin:5px 0;
}
.foot li {
  padding:0 0 4px 5px;
}
.foot a {
  color:#666666;
  font-weight:normal;
}
.foot a:hover {
  color:#333333;
}
#bas p {
  float:left;
  color:#666666;
  display:inline;
  font-size:11px;
  margin:15px 20px;
  width:450px;
}
#bas a {
  color:#666666;
  font-size:11px;
  font-weight:normal;
}
#bas a:hover {
  color:#333333;
}
