/*
  Auteur : Techgrafik (http://www.techgrafik.com/)
*/

/* ********** Background ********** */
html, body {
	height: 100%;
	margin: 0 0 1px;
	padding: 0;
}

body { background: #fff url(../medias/images/bg_repeat.gif) repeat-x left top; font-family: Arial, Helvetica, sans-serif; font-size: 12px; }
/* ******************************** */

/*#conteneur_general { width: 100%; height: 546px; margin: 0 auto 0 auto; padding: 0; background: url(../medias/images/bg_motifs.gif) no-repeat 90% top; position: absolute; }*/
#conteneur_personnalise { width: 924px; min-height: 800px; margin: 0 auto 0 auto; padding: 0; text-align: center; position: relative; }

#header { width: 924px; height: 89px; margin: 0; padding: 15px 0 0 0; background: url(../medias/images/logo.png) no-repeat left top; text-align: right; }
#header p { margin: 0; padding: 0; font-size: 11px; }
#header a { font-weight: bold; color: #a80000; text-decoration: none; }
#header a:hover { color: #000; text-decoration: underline; }
#header_g { width: 462px; height: 89px; float: left; }
#header_d { width: 462px; height: 89px; float: left; }

#menu_principal { width: 924px; height: 40px; margin: 0; padding: 0; background: url(../medias/images/bg_menu.gif) no-repeat left top; }

#footer { width: 924px; height: 80px; margin: 60px 0 0 0; padding: 0; background: url(../medias/images/bg_footer.gif) no-repeat left top; }
#footer p { margin: 0; padding: 22px 0 0 0; color: #333333; font-size: 10px; line-height: 18px; }
#footer a { color: #a80000; text-decoration: none; }
#footer a:hover { color: #000; text-decoration: underline; }

#accueil_image { width: 924px; height: 151px; margin: 0; padding: 0; background: url(../medias/images/accueil_image.jpg) no-repeat left top; }
#accueil_main { width: 924px; height: auto; margin: 5px 0 0 0; padding: 0; background: url(../medias/images/accueil_main_bg.gif) repeat-x left top; text-align: left; }
#accueil_colonne_g, #accueil_colonne_c, #accueil_colonne_d { width: 262px; min-height: 246px; margin: 0; padding: 0 20px 0 25px; border-left: 1px solid #fff; background: url(../medias/images/accueil_onglet.jpg) no-repeat left top; float: left; }
#accueil_colonne_g h1, #accueil_colonne_c h1, #accueil_colonne_d h1 { margin: 10px 0 20px 0; padding: 0; color: #fff; font-weight: bold; font-size: 12px; }
#accueil_colonne_g h2, #accueil_colonne_c h2, #accueil_colonne_d h2 { margin: 10px 0 0 0; padding: 0; color: #a80000; font-weight: bold; font-size: 12px; }
#accueil_colonne_g p, #accueil_colonne_c p, #accueil_colonne_d p { margin: 5px 0 0 0; padding: 0; color: #333333; font-size: 12px; }
#accueil_colonne_g a, #accueil_colonne_c a, #accueil_colonne_d a { color: #a80000; font-size: 12px; text-decoration: none; }
#accueil_colonne_g a:hover, #accueil_colonne_c a:hover, #accueil_colonne_d a:hover { color: #000; font-size: 12px; text-decoration: underline; }
#accueil_colonne_g hr, #accueil_colonne_c hr, #accueil_colonne_d hr { height: 1px; margin: 10px 0 10px 0; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px dotted #878d96; }
#more_g a, #more_c a, #more_d a, #more_g a:hover, #more_c a:hover, #more_d a:hover { width: 49px; height: 15px; margin: 15px 0 0 0; padding: 0; background: url(../medias/images/more.gif) repeat-x left top; display:block; position: relative; }
#more_g a, #more_c a, #more_d a { background: url(../medias/images/more.gif) repeat-x left top; }
#more_g a:hover, #more_c a:hover, #more_d a:hover { background: url(../medias/images/more.gif) repeat-x left -15px; }

#secondaire_image { width: 924px; height: 74px; margin: 0; padding: 0; background: url(../medias/images/secondaire_image.jpg) no-repeat left top; }
#secondaire_main { width: 924px; height: auto; margin: 5px 0 0 0; padding: 0; text-align: left; }
#secondaire_colonne_g, #secondaire_colonne_c, #secondaire_colonne_d, #secondaire_colonne_c_f {  min-height: 246px; margin: 0; float: left; }
#secondaire_colonne_g { width: 208px; padding: 25px 0 0 0; background: url(../medias/images/secondaire_header.gif) no-repeat left top; }
#secondaire_colonne_g ul { margin: 0 0 0 15px; padding: 0 15px 0 20px; }
#secondaire_colonne_g ul li { margin: 5px 0 0 0; padding: 5px 0 0 0; list-style-image: url(../medias/images/puce.gif); font-weight: bold; font-size: 12px; border-top: 1px dotted #878d96; }
#secondaire_colonne_g ul li a { color: #a80000; font-weight: bold; font-size: 12px; text-decoration: none; }
#secondaire_colonne_g ul li a:hover { color: #000; font-weight: bold; font-size: 12px; text-decoration: underline; }
#secondaire_colonne_g ul ul { margin: 0 0 15px 0; padding: 0 0 0 15px; }
#secondaire_colonne_g ul ul li { margin: 3px 0 0 0; padding: 0; list-style-image: url(../medias/images/puce.gif); font-weight: normal; font-size: 10px; border-top: none; }
#secondaire_colonne_g ul ul li a { color: #a80000; font-weight: normal; font-size: 10px; text-decoration: none; }
#secondaire_colonne_g ul ul li a:hover { color: #000; font-weight: normal; font-size: 10px; text-decoration: underline; }
#secondaire_colonne_c_b { width: 716px; margin: 0; padding: 0; background: none; float: left; }
#secondaire_colonne_c { width: 490px; padding: 0 20px 0 35px; /*background: url(../medias/images/secondaire_separateur.gif) no-repeat right 200px;*/ }
#secondaire_colonne_c_f { width: 661px; padding: 0 20px 0 35px; background: none; }
#secondaire_colonne_d { width: 151px; padding: 20px 0 0 20px; }
#secondaire_colonne_c_f h1, #secondaire_colonne_c h1 { margin: 0 0 20px 0; padding: 0; color: #a80000; font-weight: normal; font-size: 18px; }
#secondaire_colonne_d h1 a, #secondaire_colonne_d h1 a:hover { margin: 15px 0 10px 0; padding: 0; color: #a80000; font-weight: bold; font-size: 12px; text-decoration: none; }
#secondaire_colonne_d h1 a:hover { color: #000; text-decoration: underline; }
#secondaire_colonne_g p, #secondaire_colonne_c p, #secondaire_colonne_d p { margin: 10px 0 15px 0; padding: 0; color: #333333; font-size: 12px; }
#secondaire_colonne_g a,  { color: #a80000; font-size: 12px; text-decoration: none; }
#secondaire_colonne_g a:hover { color: #000; font-size: 12px; text-decoration: underline; }
#secondaire_colonne_g hr { margin: 10px 0 10px 0; margin: 10px 0 10px 0; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px dotted #878d96; }
#secondaire_colonne_c hr, #secondaire_colonne_d hr { height: 1px; margin: 7px 0 7px 0; padding:0; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px dotted #c1c4c9; }

#secondaire_colonne_c hr, #secondaire_colonne_c_f hr { height: 1px; margin-top: 25px; margin-bottom: 20px; border-top: 0px; border-left: 0px; border-right: 0px; border-bottom: 1px dotted #c1c4c9; }

ul.liavecpadding li { padding-bottom: 15px; }
ul.codesample { list-style-type: decimal; padding: 10px 10px 10px 35px; }
ul.codesample li {  }

#secondaire_main_unique { width: 924px; height: auto; min-height: 246px; margin: 5px 0 0 0; padding: 0 26px 0 26px; background: url(../medias/images/bg_prod_serv.jpg) no-repeat left top; text-align: left; }
#secondaire_main_unique h1 { margin: 0; padding: 10px 0 20px 0; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #fff; font-size: 12px; }

#secondaire_main_unique_g { float: left; margin: 25px 0 0 19px; }
#secondaire_main_unique_c { width: 166px; height: 183px; margin: 35px 0 0 45px; float: left; }
#secondaire_main_unique_d { float: left; margin: 25px 0 0 55px; }

#ariane { text-align: right; margin: 0; padding: 5px 0 0 0; font-size: 10px; line-height: 12px; }
#ariane a { color: #a80000; }
#ariane a:hover { color: #000; text-decoration: none; }

a.bouton_prod_serv { width: 240px; height: 37px; margin: 0 0 10px 0; padding: 23px 0 0 44px; display: block; background: url(../medias/images/bouton_prod_serv.gif) no-repeat left top; font-family:Verdana, Arial, Helvetica, sans-serif; font-weight: bold; font-size: 12px; color: #a80000; text-decoration: none; }
a:hover.bouton_prod_serv { display: block; background: url(../medias/images/bouton_prod_serv.gif) no-repeat left -60px; color: #000; }

.img_left { float: left; }
.img_right { float: right; }
.img_left_pad { float: left; padding: 0 25px 25px 0; }
.img_right_pad { float: right; padding: 0 0 25px 25px; }
.spacer { clear: both; }

.bleu { color: #000099; }
.rouge { color: #FF0000; }
.vert { color: #339900; }

h6 { font-size: 10px; line-height: 12px; padding: 0; margin:  10px 0;}


/* ***************** FAQ accordeon ***************** */
#nested { width: 600px; list-style:none; color: #000; margin: 0 0 30px 0; padding: 0; }
#nested p { padding: 5px 0 5px 0; margin: 0; }
#nested ul { margin:0; padding:0; }
#nested li { margin:0; padding:0; }
#nested h3, #nested .acc-selected { height: 22px; margin: 0;  padding: 8px 0 3px 0; border-top: none; border-bottom: 1px #C9D2DF dotted; font-weight: bold; font-size: 12px; }
#nested h3 { background: url(../medias/images/faqArrowClose.gif) 7px 9px no-repeat;color: #a80000; padding: 5px 0 0 28px; }
#nested .acc-selected {padding: 5px 0 0 28px; background: url(../medias/images/faqArrowOpen.gif) 7px 9px no-repeat; color: #313131; }
#nested h3:hover { cursor: pointer; color: #313131; }
#nested .acc-section { overflow:hidden; padding: 0; }
#nested .acc-content { width: 512px; border:0px; border-top: none; border-bottom: 1px #C9D2DF dotted; padding: 10px 0 10px 28px;}
#nested .acc-content p {  font: normal 12px Arial, Helvetica, sans-serif; /*color: #969696;*/ line-height: 17px; }
ul.paddingfaq li {margin-left: 25px; list-style:square;}

/* ************************************************** */