/**********************************************************************/
/***************** DEFINITION CSS DES BALISES DU SITE *****************/

html { height: 100%; margin: 0; }

body {	min-height: 100%; margin: 0; padding: 0; position: relative; background-color: #C6C6C6; text-align: center; 
		font-family: Tahoma, Geneva, Arial, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration: none; }

img { border: none; }

form { margin: 0; }

table {	border-collapse: collapse; margin: 0 auto 0 auto;}

td { margin: 0; padding: 0; }

li { font-family: Tahoma, Geneva, Arial, sans-serif; color: #FFFFFF; font-size: 11px; }

a { font-family: Tahoma, Geneva, Arial, sans-serif; color: #FFFFFF; font-size: 11px; text-decoration: underline; }
a:hover { text-decoration: none; }

/* PAGES CONTENU FIXE (partie TUCANA - pages de thèmes,  */
p { font-family: Tahoma, Geneva, Arial, sans-serif; color: #000000; font-size: 11px; text-decoration: none; }


/************************************************** CONTAINERS ***********************************************/

#gabarit { width: 960px; margin: 0 auto; background-color: #E5E5E5; border-left: solid 2px; border-right: solid 2px; }

#banniere { width: 960px; height: 188px; background: url('../images/banniere/banniere_html.jpg') no-repeat; text-align: right; background-color: #E5E5E5; }

#erreur { color: #CC0000; }
#erreur a { color: #CC0000; font-weight: bold; }

#message_mail { color: #FFCE00; }

#fondgris { height: auto; margin: 0 auto; padding: 10px 0 10px 0; background: url('../images/gabarit/fondgris600.png') repeat-x; background-color: #969696; }

#repetition { margin: 0 0 5px 105px; text-align: left; color: #969696; }
#repetition a { color: #969696; }

#contenu { width:800px; margin: 0 auto 0 auto; padding: 0 0 20px 0; }

#container_flash { display: none; position: fixed; width: 100%; height: 100%; left: 0; top: 0; }
#container_background { width: 100%; height: 100%; background-color: #000000; filter: alpha(opacity=88); opacity: 0.88; -moz-opacity: 0.88; }
#container_flash_object { position: absolute; z-index: 2; width: 100%; }
#div_flash_object { margin: 0 auto 0 auto;}


/************************************** CADRE  PRINCIPAL **************************************************/

/* CONTOURS - TITRE SOUS TITRE*/
.premier_cadre { width:780px; background-color: #FFFFFF; border:solid 7px; }
.premier_cadre_titre { width: 780px; height: 75px; background-color:#969696; text-align: left; vertical-align: top; }
.premier_cadre_ligne_jaune { width: 780px; height: 55px; background-color:#FFCE00; text-align: right; }
.premier_cadre_texte { width: 780px; padding:0; background-color: #6F6F6F; }
td.padding_jaune { padding: 0 20px 0 0; color: #000000; font-size: 14px; }

/*  SOLUTIONS */
td.article_1col { width: 100%; padding: 10px; text-align: left; vertical-align: top; }
.article_solutions_cadre { border: dotted 1px #000000; padding: 5px 5px 15px 5px; color: #000000; }
.article_solutions_titre { color: #000000; font-weight: bold; font-size: 12px; }
.article_solutions_texte { color: #000000; font-size: 11px; }

/* RESUME ARTICLE (en savoir +) */
td.article_2col { width: 50%; padding: 10px; text-align: left; vertical-align: top; }
.article_resume_cadre { border: dotted 1px #000000; padding: 5px 5px 10px 5px; color: #000000; }
.article_resume_titre { color: #000000; font-weight: bold; font-size: 12px; }
.plus { text-align: right; }


/********************************* ARTICLES + REFERENCES *******************************************/

/* COUTOURS */
.article_cadre { width:780px; background-color: #FFFFFF; border:solid 7px; }
.article_cadre_ligne_jaune { width: 780px; height: 30px; background-color:#FFCE00; text-align: left; }
.article_cadre_texte { width: 780px; padding: 0; background-color: #6F6F6F; }
.article_cadre_retour { width: 780px; height: 30px; background-color:#969696; text-align: right; }
.article_cadre_espacement { width: 780px; height: 50px; }

/* TITRE - HAUT DE PAGE */
.article_titre { padding: 15px; color: #000000; font-size: 16px; }
.article_contenu { color: #000000; font-size: 11px; }
td.padding_retour { padding: 0 20px 0 0; }

/* REFERENCES */
.reference_contenu { width: 100%; padding: 10px; text-align: left; vertical-align: top; }
.reference_cadre { border: dotted 1px #000000; padding: 10px; color: #000000; }
.reference_image { width: 170px; height: 110px; padding: 5px; background-color:#FFFFFF; }
.reference_titre { color: #000000; font-weight: bold; }
.reference_lien { color: #000000; font-weight: bold; text-decoration: none; }
.reference_lien:hover { text-decoration: underline; }
.float_left { float: left; margin: 0 20px 0 0; }


/******************************************* MENUS ***********************************************/

/* MENU TUCANA */
#menu_tucana h1, #menu_tucana h2, #menu_tucana h3 { display: none; }
#menu_tucana ul { padding: 5px 10px 8px 0; margin: 0; text-align: right; background-color: #E5E5E5; }
#menu_tucana li { display: inline; padding: 0 6px; color: #6F6F6F; }
#menu_tucana a { color: #6F6F6F; }
#menu_tucana a:hover { text-decoration: none; }

/* MENU PRINCIPAL */
#menu_produits { margin: 10px 0 70px 0; }
#menu_produits ul { padding: 6px 0 0 0; margin: 0 0 0 0; border-top: solid 1px #969696; border-bottom: solid 1px #969696; }
#menu_produits li { display: inline; padding: 0 20px; }

/* MENUS SECONDAIRES */
#smenu2, #smenu3, #smenu4, #smenu5, #smenu6 { position: absolute; display: none; width: 960px; }
#smenu2 ul, #smenu3 ul, #smenu4 ul, #smenu5 ul, #smenu6 ul { padding: 0 0 1px 0; margin: 3px 0 0 0; border: none; border-bottom: solid 1px #969696; }
#smenu2 li, #smenu3 li, #smenu4 li, #smenu5 li, #smenu6 li { display: inline; padding: 0 8px; }

/* FOOTER */
#footer { padding: 10px 0 0 0; }
#footer ul { padding: 0; margin: 0; }
#footer li { display: inline; padding: 0 12px; }