/* ------------------------------
Tutorial de cssdebutant.com (merci de laisser ce commentaire)
------------------------------
 text-align: center;
position: absolute; top: 50%; left: 50%; margin-left: -375px; margin-top: -280px;
 */
body{margin:0;
  background-image: url(images/bg_global.jpg);
  background-position: top;
  background-repeat: repeat-x;
  font-family: Arial, Helvetica, sans-serif;
}


#container{position:absolute; width:920px; height:600px; top:40px; left:50%; margin-left:-460px; background: #FFFFFF;}

#topbar{width:920px; display:block; height:94px;}
#logo_top{width:140px; height:90px; float:left; background: transparent url(images/logo.jpg) no-repeat left; margin: 2px;}
#banner_top{width:630px; height:90px; float:left; background: transparent; margin-top: 2px; margin-left:5px; }
#tel_top{width:130px; height:54px; float:right; background: transparent; margin-top: 12px; text-align:center;}
#flag_top{width:130px; height:24px; float:right; background: transparent; margin-top: 2px; text-align:center;}
#spacer_top{width:920px; height:16px; background: transparent url(images/bg_spacer_top.gif) no-repeat center; }

#main{width:920px; display:block; height:465px; background: transparent;}
#column_left{width:150px; height:450px; margin-left:0; float:left; background:  transparent}
#menu_left{width:150px; height:330px; font-size: 4px; margin-top:5px; background: transparent }
#menu_left h1{
  font-size: 15px;
}


#login_left{width:150px; height:50px; margin-top:5px; margin-left:0; background: transparent; }
#content{width:640px; height:455px; margin-top:5px; float:left; background: transparent;}
#onglet_content{width:635px; height:32px; text-align:center; float:left; background: url(images/bg_content.gif) no-repeat;}
#onglet_content_1{width:132px; height:32px; text-align:center; float:left; }
/*#onglet_content_1 a:hover{ background-image: url(../bg_onglets_acceuil_on.gif) }
*/
#onglet_content_2{width:132px; height:32px; float:left; background: transparent no-repeat;}
#onglet_content_3{width:132px; height:32px; float:left; background: transparent no-repeat;}
#onglet_content_4{width:132px; height:32px; float:left; background: transparent no-repeat;}
#article_content{clear:both; width:635px; height:428px; background: transparent url(images/bg_article_content.gif) no-repeat; }
#article_content_int{width:632px; height:425px; overflow:auto; }
#column_right{width:130px; height:450px; margin-top:5px;float:left; background: transparent;}
#search_right{width:130px; height:30px; background: transparent; }
#partenaire_right{width:130px; height:390px; margin-top:5px; background: transparent; text-align: center; }
#RSS_right{width:125px; height:20px; margin-top:5px; margin-left:5px; background: transparent; text-align: center;}

/*
div.spacer, permet de faire deux colonne dans #container
*/

/*div.spacer{clear:both; height:6px; display:block; background: #999933 }*/

#footer{width:920px; display:block; height:38px; margin-top:10px; background: #FFFFFF; }
#certification_footer{width:920px; float:left; height:22px; background: transparent; }
#copyright_footer_left{width:460px; float:left; height:16px; background: transparent; }
#copyright_footer_right{width:460px; float:left; height:16px; background: transparent; }


/********************************************/
/* General Rules for Title & Paragraph font */
/********************************************/
/* Class to define title h1 for Firt level */
.titre_h1 {
  font-size: 18px;
  font-weight: bold;
  line-height:25px;
  margin: 5px;
  text-align: center;
  background-color: #CCCCFF;
  }

/******************************************/
/* CSS for Particuliers_default.php page  */
/******************************************/
.article_section{
font-family: Arial, Helvetica, sans-serif;
font-size: 12px;
margin-left: 10px;
clear:both;
}
/* Class to define Title used in Sections of article content */
.photo_section {
  text-align:center;
  float: left;
  height:110px;
  width: 104px;
  text-decoration: none;
  margin-right:10px;
  }
/* Class to define Title used in Sections of article content */
.titre_section {
  font-family: Arial, Helvetica, sans-serif;
  height:22px;
  color: #FF6600;
  font-variant: small-caps;
  font-weight: bold;
  line-height:20px;
  font-size: 14px;
  }
/* Class to define Title used in Sections of article content */
.content_section {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000099;
  }
  
.class1 A:link {text-decoration: none; color:#000099;}
.class1 A:visited {text-decoration: none; color:#000099;}
.class1 A:active {text-decoration: none; color:#000099;}
.class1 A:hover {text-decoration: none; color: #0000CC;}

.class2 A:link {text-decoration: none; color:#FF6600;}
.class2 A:visited {text-decoration: none; color:#FF6600;}
.class2 A:active {text-decoration: none; color:#FF6600;}
.class2 A:hover {text-decoration: none; color:#FF6600;}

/*******************************************/
/* CSS for Professionnels_default.php page */
/*******************************************/
.photo_intro_pro_section {
  width: 130px;
  margin-top:10px;
  text-align:center;
  height:110px;
  text-decoration: none;
  float: left;

  }
.pro_intro_section {
  width: 460px;
  margin-top:10px;
  margin-right: 5px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000099;
  float: left;
  }
.pro_content_section {
  clear:both;
  width: 600px;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  color: #000099;
  }
  
/*************************************/
/* CSS for Login & Password formular */
/*************************************/
/* Rules for label */
label {
  float:left;
  margin-top: 5px;
  margin-left: 2px;
  color:#333333;
  font-size: 11px;
  }

/* Rules for Input Login field */
#login {
  float:right;
  width: 100px;
  height: 15px;
  margin: 2px;
  font-size: 10px;
}

 /* Rules for Input Password field */
#password {
  float:right;
  width: 100px;
  height: 15px;
  margin: 2px;
  font-size: 10px;
 }

 /* Rules for Submit Button field */
#submit {
  width: 100px;
  height: 20px;
  float: right;
  font-size: 10px;
 }

/*************************************************/
/* Class to define <a href> for footer left menu */
/*************************************************/
.copy_href_footer_left {
  color: #000000;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 10px;
  font-weight: normal;
  padding: 2px;;
  text-decoration: none;
}


/********************************************************/
/* Class to define Title1 used in Mentions Legales text */
/********************************************************/
.titre1_mentions_legales {
  color: #0000CC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  font-weight: bold;
  line-height:20px;
  margin-left: 150px;
  }

/* Class to define Paragraph used in Mentions Legales text */
.p_mentions_legales {
  color: #000000;
  font-size: 11px;
  margin-left: 150px;
  display: block;
  }


/****************************************/
/* Style CSS for Formulaire_contact.php */
/****************************************/
#formulaire {
  background-color: #CCCCFF;
  margin: 5px;
}

#p_contact_adresse1 {
  font-size: 11px;
  text-align: center;
  margin-bottom: 10px;
  margin-top: 10px;
}

/* Left Div for Madame, Nom, Prenom, Sujet block */
#d_civilform{
  width: 305px;
  height: 140px;
  margin: 5px;
  float: left;
}

/* Div for label, input block inside d_civilform */
.d_form {
    float: left;
}

/* Right Div for label & Textarea block */
#d_messageform {
  width: 300px;
  height: 140px;
  margin-left: 5px;
  float: left;
}

/* Div for captcha, label, image, input block */
#d_captchaform {
  clear: left;
  margin-left: 5px;
  height: 80px;
  border: thin;
  border-color: #000000;
  background: #CCCCFF;
}

/* Div for Submit button */
#d_envoyerform {
  margin-bottom: 5px;
  text-align: center;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
}

/* Rules for label field */
.labelform {
  font-size: 11px;
  width: 110px;
  margin: 2px;
}

/* Rules for select field */
.selectform {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  width: 100px;
  margin: 2px;
}

/* Rules for text input & text area message field */
.inputform {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  margin: 2px;
}

#textareaform {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 11px;
  overflow: auto;
}


#imgcaptcha {
    margin-left: 90px;
    margin-top: 5px;
    float: left;
}

/* End Formulaire_contact.php */

/*************************************/
/* CSS for Accueil_default.php page  */
/*************************************/
#titre_part_pro {
  font-size: 18px;
  font-weight: bold;
  line-height:25px;
  margin: 5px;
  text-align: center;
  }

#accueil_part_pro{
margin-left: 10px;
}

#accueil_part_section{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
width:300px;
height:340px;
float: left;
background-image:url(images/particuliers.jpg);
background-position: top;
background-repeat:no-repeat;
/*background: red;*/
}
#accueil_pro_section{
font-family: Arial, Helvetica, sans-serif;
font-size: 13px;
width:309px;
height:340px;
float: left;
background-image:url(images/professionnels.jpg);
background-position: top;
background-repeat:no-repeat;
/*background: yellow;*/
}

.petit_br_pro {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 6px;
  line-height:5px;
}
/* class to define Title1 used in Mentions Legales text */
.titre1_section {
  color: #0000CC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 14px;
  font-weight: bold;
  font-variant: small-caps;
  }

.contact_section {
  color: #0000CC;
  font-family: Arial, Helvetica, sans-serif;
  font-size: 16px;
/*  line-height:15px;*/
  text-align: center;
/*  background: #00FFFF;*/
  }
.petite_marge {
margin-left:8px;
}
.moyenne_marge {
margin-left:16px;
}
.marge {
margin-left:24px;
}
.grande_marge {
margin-left:32px;
}
.super_marge {
margin-left:40px;
}

.petit_br {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 6px;
  line-height:8px;
}

#texte_blink{
  font-family: Arial, Helvetica, sans-serif;
  color: #000000;
  font-size: 13px;
  text-decoration: blink;
  font-style: italic;
  font-weight: normal;
}


/*************************************/
/* CSS for Table style               */
/*************************************/
.table_style {
  font-family: Arial, Helvetica, sans-serif;
  font-size: 12px;
  text-align: center;
  border-style: inset;
}

.tr_header {
  background: #CC99CC;
}

.th_header {
  background: #CC99CC;
  border-style: groove;
  padding: 8px;
}

.tr_data {
}

.td_data {
  border-style: groove;
  padding: 8px;
}

/*************************************/
/* CSS for RSS                       */
/*************************************/
#table_rss {
 border-style: none;
}


/* End default_accueil.php */