/* Conception et realisation de S. Montambeault */
/* Formattage general */
body          { color: #3e3e3e; font-size: 12px; font-family: Verdana, Arial, Helvetica, sans-serif; background-color: #808080; background-image: url(images/bkg_general.jpg); background-repeat: repeat-x
	; margin-left: 0; }


p  {
	text-align: left;
	margin-right: 15px;
	margin-left: 15px
	}


h1    {
	color: #2d4a76;
	font-size: 16px;
	font-style: oblique;
	font-weight: bold;
	margin: 0.67em 20px 0.67em 15px;
	border-bottom: 2px solid #2d4a76
	}



h4 {
	color: #dc4c25;
	font-size: 13px;
	font-style: oblique;
	font-weight: bold;
	text-align: center;
	margin-right: 35px;
	margin-left: 0;
	padding-left: 0;
	border-bottom: 2px solid #2d4a76
	}


/* Table contenant le texte principal */
#mainContent       {
	background-color: white;
	margin-left: 35px;
	vertical-align: top
	}

#mainContent p    {
	font-size: 12px;
	background-color: white
	}

#mainContent h1   {
	text-align: left;
	padding-right: 0
	}

#mainContent h2  {
	color: #dc4c25;
	font-size: 16px;
	font-style: italic;
	line-height: 40px;
	background-image: url("images/bande-titre.gif");
	background-repeat: no-repeat;
	text-align: left;
	margin-left: 35px;
	padding-right: 0
	}

#mainContent h3  {
	color: white;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	background-color: #da8f34;
	margin-right: 17px;
	margin-left: 15px
	}


#mainContent a  {
	font-size: 11px;
	text-decoration: none
	}


#mainContent a:link, #mainContent a:visited   {
	color: #3c6bb2;
	font-weight: bold
	}
#mainContent a:hover, #mainContent a:active    {
	color: #fff;
	font-weight: bold;
	background-color: #3c6bb2
	}
#mainContent ul   {
	font-size: 12px;
	line-height: 16px;
	list-style-type: square;
	list-style-image: url("images/ligne_bleue.gif");
	padding-right: 15px;
	padding-left: 0
	}



#mainContent .centre {
	text-align: center;
	border-bottom: 2px solid #da8f34
	}
#mainContent .index {
	font-size: 10px;
	text-align: right;
	padding-right: 15px
	}

#mainContent .photoCentre {
	text-align: center
	}
/* table servant a recevoir menu deroulant des choix */
#choix  {
	background-color: white;
	background-image: url("images/bkg_produits.gif");
	background-repeat: repeat-x
	}


/* encart des pages normales */
#sidebar       {
	color: #ffffff;
	font-size: 10px;
	background-color: transparent;
	background-image: url("images/sidebar_bkg.gif");
	background-repeat: repeat-y;
	background-position: 0 top;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0;
	width: 152px;
	vertical-align: top
	}
#sidebarLeft { color: #ffffff; font-size: 10px; background-color: transparent; background-image: url(images/sidebar_bkg.gif); background-repeat: repeat-y; background-position: 0 top; margin-right: 0; margin-left: 0; padding-right: 0; padding-left: 0; width: 152px; vertical-align: top; }
#sidebar p     {
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-align: left;
	margin-right: 0;
	margin-left: 0;
	padding-right: 12px;
	padding-left: 12px
	}
#sidebarLeft p { color: white; font-size: 10px; font-weight: bold; text-align: left; margin-right: 0; margin-left: 0; padding-right: 12px; padding-left: 12px; }
#sidebar .photoCentre  {
	color: white;
	font-size: 10px;
	font-weight: bold;
	text-align: center;
	margin-right: 0;
	margin-left: 0;
	padding: 12px
	}
#sidebarLeft .photoCentre { color: white; font-size: 10px; font-weight: bold; text-align: center; margin-right: 0; margin-left: 0; padding: 12px; }
#sidebar h1     {
	color: white;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	text-align: left;
	margin-right: 12px;
	margin-left: 12px;
	border-bottom: 0 none
	}
#sidebarLeft h1 { color: white; font-size: 12px; font-style: normal; font-weight: bold; text-align: left; margin-right: 12px; margin-left: 12px; border-bottom: 0 none; }
#sidebar h2  {
	color: white;
	font-size: 11px;
	font-style: italic;
	font-weight: bold;
	text-align: left;
	margin-right: 12px;
	margin-left: 12px;
	border-bottom: 2px solid #395e97
	}
#sidebarLeft h2 { color: white; font-size: 11px; font-style: italic; font-weight: bold; text-align: left; margin-right: 12px; margin-left: 12px; border-bottom: 2px solid #395e97; }
#sidebar a  {
	color: #000;
	font-size: 10px;
	font-weight: bold;
	text-decoration: none;
	letter-spacing: 1px
	}
#sidebarLeft a { color: #000; font-size: 10px; font-weight: bold; text-decoration: none; letter-spacing: 1px; }
#sidebar a:link, a:visited   {
	color: #000
	}
#sidebarLeft a:link, a:visited { color: #000; }
#sidebar a:hover, a:active    {
	color: #fff;
	background-color: #2d4a76;
	border-top: solid;
	border-bottom: solid
	}
#sidebarLeft a:hover, a:active { color: #fff; background-color: #2d4a76; border-top: medium solid; border-bottom: medium solid; }
#sidebarLeft .adresse {
	color: white;
	font-size: 9px;
	font-weight: bold;
	line-height: 1em;
	text-align: left;
	margin-right: 0;
	margin-left: 0;
	padding-right: 12px;
	padding-left: 12px
	}

/* Nav de bas de page */
#navstrip  { text-align: center; }


#navstrip p   {
	font-size: 10px;
	text-align: center;
	padding-top: 0
	}
	
#navstrip a      {
	font-size: 11px;
	text-decoration: none;
	letter-spacing: 1px;
	background-color: transparent
	}

#navstrip a:link, a:visited   {
	color: #2d4a76;
	font-weight: bold;
	background-color: transparent
	}

#navstrip a:hover, a:active   {
	color: #da8f34;
	font-weight: bold;
	background-color: transparent;
	border-bottom: 2px solid #da8f34
	}

#navstrip .copyright  {
	font-size: 10px
	}

/* Pages produits */
#produits   {
	background-color: white
	}
	
#produits p     {
	font-size: 12px;
	background-color: white;
	text-align: left;
	padding-right: 10px
	}

#produits h1     {
	color: #da8f34;
	font-size: 16px;
	font-style: oblique;
	font-weight: bold;
	line-height: 2em;
	background-color: white;
	background-image: url("images/bande-titre.gif");
	background-repeat: no-repeat;
	background-position: 0 top;
	text-align: left;
	border-bottom: medium none
	}



#produits h3 {
	color: #395e97;
	font-size: 12px;
	font-style: oblique;
	font-weight: bold;
	background-color: white;
	background-repeat: no-repeat;
	text-align: left;
	margin-left: 24px;
	border-bottom: medium none
	}

#produits ul   {
	font-size: 12px;
	list-style-image: url("images/ul_orange.gif")
	}


#produits li   {
	font-size: 12px;
	list-style-image: url("images/ul_orange.gif")
	}

	
#produits a {
	font-weight: bold;
	text-decoration: none
	}
	
#produits a:link, a:visited {
	color: #3c6bb2;
	font-weight: bold
	}

#produits a:hover, a:active  {
	color: #fff;
	font-weight: bold;
	background-color: #3c6bb2
	}

#produits .droite  {
	font-size: 12px;
	line-height: 1;
	background-color: white;
	background-position: right 0;
	text-align: right;
	padding-right: 10px
	}

#produits .droite a:link, a:visited  {
	color: #808080;
	background-color: white;
	border-style: none
	}

	
#produits .droite a:hover, a:active   {
	color: #808080;
	font-weight: bold;
	background-color: white;
	border-style: none
	}




/* Pour la pages produits avec le texte a gauche */
#produitsG {
	padding-left: 20px
	}

#produitsG p {
	font-size: 12px;
	margin-left: 0;
	padding-right: 10px
	}

#produitsG h1   {
	color: #da8f34;
	font-size: 16px;
	font-style: oblique;
	font-weight: bold;
	line-height: 2em;
	background-color: white;
	background-image: url("images/bande-titre.gif");
	background-repeat: no-repeat;
	text-align: left;
	margin-right: 0;
	margin-left: 0;
	border-bottom: medium none
	}



#produits a, #produitsG a {
	font-weight: bold;
	text-decoration: none
	}

#produitsG a:link, a:visited  {
	color: #3c6bb2;
	font-weight: bold
	}

#produitsG a:hover, a:active  {
	color: #fff;
	font-weight: bold;
	background-color: #3c6bb2
	}

/* Images des pages produits */
#image  {
	background-color: #fff;
	padding: 10px
	}


/* Tableaux des pages produits */
#tableau  {
	color: black;
	font-size: 12px;
	background-color: white;
	text-align: left;
	padding: 10px;
	vertical-align: middle
	}

#tableau p  {
	font-size: 10px;
	line-height: 12px;
	text-align: left;
	margin: 0 0 0 10px;
	padding-top: 4px;
	padding-bottom: 4px
	}

#tableau .titre  {
	color: white;
	font-size: 14px;
	font-style: normal;
	font-weight: bold;
	line-height: 14px;
	text-align: left;
	border-bottom: none
	}

#tableau .colonne {
	color: #395e97;
	font-size: 12px;
	font-style: oblique;
	font-weight: bold;
	line-height: 12px;
	text-align: left;
	margin-left: 10px;
	border-bottom: none
	}

#tableau .entete  {
	color: #395e97;
	font-size: 12px;
	font-weight: bold;
	line-height: 12px;
	margin-left: 10px
	}
	
/* Index des produits */
#indexProduits  {
	font-size: 10px;
	width: 250px
	}


#indexProduits p  {
	font-size: 11px;
	margin-left: 0;
	padding-left: 0
	}

#indexProduits ul    {
	font-size: 11px;
	list-style-image: url("images/ul_orange.gif");
	margin-left: 10px;
	padding-left: 10px
	}


#indexProduits li    {
	font-size: 11px;
	list-style-image: url("images/ul_orange.gif");
	margin-left: 0;
	padding-left: 0
	}


#indexProduits a  {
	font-weight: bold;
	text-decoration: none
	}

#indexProduits a:link, a:visited  {
	color: #3c6bb2;
	font-weight: bold
	}

#indexProduits a:hover, a:active  {
	color: #fff;
	font-weight: bold;
	background-color: #3c6bb2
	}

#indexEncart  {
	color: #fff;
	font-weight: bold;
	margin-right: 0;
	margin-left: 0;
	padding-right: 0;
	padding-left: 0
	}

#indexEncart p {
	text-align: center;
	margin-right: 0;
	margin-left: 0;
	padding-right: 10px;
	padding-left: 10px
	}
	
/* Page login */
#login  {
	background-color: white;
	vertical-align: top
	}
	
#login .bouton {
	background-color: white;
	text-align: center;
	vertical-align: top
	}

/* Page nouvelles */
#news {
	background-color: white
	}
#news p {
	background-color: white;
	margin-left: 44px;
	padding-right: 10px;
	padding-left: 15px;
	border-left: 2px dashed #abbacf
	}
#news h1     {
	color: #395e97;
	font-style: normal;
	background-color: white;
	background-image: url("../images/icon_checklist.gif");
	background-repeat: no-repeat;
	background-position: 0 -3px;
	margin-top: 30px;
	padding-top: 15px;
	padding-left: 44px;
	vertical-align: super;
	border-bottom: 2px dashed #abbacf
	}




#news h2  {
	color: #da8f34;
	font-size: 12px;
	font-style: italic;
	background-color: white;
	margin-right: 15px;
	margin-left: 44px;
	padding-right: 20px;
	padding-left: 15px;
	border-bottom: none;
	border-left: 2px dashed #abbacf
	}

#news a {
	text-decoration: none
	}

#news a:link,  #mainContent a:visited {
	color: #3c6bb2;
	font-weight: bold
	}

#news a:hover,  #mainContent a:active {
	color: #fff;
	font-weight: bold;
	background-color: #3c6bb2
	}

#news .final  {
	line-height: 2em;
	background-color: white;
	background-image: url("images/news_fin_icon.gif");
	background-repeat: no-repeat;
	background-position: 10px 0;
	margin-left: 44px;
	padding-right: 10px;
	padding-left: 15px;
	border-left: 2px dashed #abbacf
	}
/* Page Contacts */
#contacts p  {
	text-align: left
	}


#contacts .bold {
	font-weight: bold
	}
/*Boutons video*/
#video       { background-color: white; text-align: center; margin-left: 35px; vertical-align: top
	; padding: 0; }
#video p    {
	font-size: 10px;
	background-color: white
	}
#video h1   {
	text-align: left;
	padding-right: 0
	}
#video h2  {
	color: #dc4c25;
	font-size: 16px;
	font-style: italic;
	line-height: 40px;
	background-image: url(images/bande-titre.gif);
	background-repeat: no-repeat;
	text-align: left;
	margin-left: 35px;
	padding-right: 0
	}
#video h3  {
	color: white;
	font-size: 13px;
	font-style: italic;
	font-weight: bold;
	background-color: #da8f34;
	margin-right: 17px;
	margin-left: 15px
	}
#video a  {
	font-size: 11px;
	text-decoration: none
	}
#video a:link, #video a:visited   {
	color: #3c6bb2;
	font-weight: bold
	}
#video a:hover, #video a:active    {
	color: #fff;
	font-weight: bold;
	background-color: #3c6bb2
	}
#video ul   {
	font-size: 12px;
	line-height: 16px;
	list-style-type: square;
	list-style-image: url(images/ligne_bleue.gif);
	padding-right: 15px;
	padding-left: 0
	}
#video .centre {
	text-align: center;
	border-bottom: 2px solid #da8f34
	}
#video .centre_italiques { font-style: italic; text-align: center; }
.titreGras {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-style: normal;
	font-weight: bold;
	color: #3c6bb2;
}
.titreNoir {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 12px;
	font-weight: bold;
	color: #000000;
}