/* CSS Reset */
html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend {
        margin: 0; padding: 0; border: 0; outline: 0; font-weight: inherit; font-style: inherit; font-size: 100%;
        font-family: inherit; vertical-align: baseline;
}
/* remember to define focus styles! */
:focus { outline: 0; }
body {line-height: 1;        color: black; background: white; }
ol, ul { list-style: none;}

/* tables still need 'cellspacing="0"' in the markup */
blockquote:before, blockquote:after, q:before, q:after { content: ""; }
blockquote, q {        quotes: "" "";}

/* HTML Elements */

* {margin:0; padding:0;}

body {
        font: 12px arial;
        color: #505050;
        }

p { margin: 15px 0; }

a:link, a:visited {
        color: #000000;
        text-decoration:underline;
        }

a:hover, a:active {
        color: #3333ff;
        text-decoration:none;
        }

a img { border:0;}

strong { font-weight:bold;  }

em {  font-style:italic; }

* Text*/

h1 {
        font:32px Helvetica;
        font-weight:bold;
        }

h2 {
        font:25px Helvetica;
        font-weight:bold;
        }

h3 {
        font:20px Helvetica;
        margin-bottom:3px;
        color:#303030;
        font-weight:bold;
        }

h4 {
        font:16px Helvetica;
        font-weight:bold;
        }

.titrePrincipalBleu {
text-align: center;
margin: 20px 0 30px 0;
}
.titrePrincipalBleu h1 {
display: inline;
border: 1px dotted #23cdff;
padding: 6px;
font:25px Helvetica;
font-weight:bold;
background:#FFF url(images/fond-bleu.png) repeat-x top center;
}

.clearfloat {
        display:block;
        clear: both;
        }

.tresPetit { font-size: 10px; }
.sup { vertical-align: super; font-size: 50%; }
.petit { font-size: 11px; }
.grand { font-size: 23px; }
.grand1 { font-size: 28px; }
.grand2 { font-size: 16px; }
.grand3 { font-size: 14px; }
.exe { font-size: 30px; line-height:30px;}
.gras { font-weight:bolder; }
.LignePetite { line-height:12px; }
.centrer { text-align:center; }
.margeBas { margin-bottom: 15px; }
.margeHaut { margin-top: 15px; }
.margeHaut1 { margin-top: 25px; }

.bleu { color: #3333ff; }
.rose { color: #cc0099; }
.noir { color: #000000; }
.orange { color: #ea4d00; }
.rouge { color: #FF0000; }
.beigeClair { color: #cdbd9b; }
.beige { color: #847359; }
.gris { color: #505050; }
.jaune { color: #ffff00; }

/* Structure */
#content { background:url(images/fd0.png) top center repeat-y; }

#haut { background:url(images/fd6.png) top center repeat-x; border-bottom:2px solid #adadad;}
#haut1 { width:930px;
		 margin:0 auto;
         padding: 5px;
         text-align: right;
}
#haut1 img { margin:0 2px 0 0; vertical-align:middle; }
#haut1 ul { list-style: none; }
#haut1 li { display: inline; margin-right: 15px; }
#haut1 a,a:hover { text-decoration: none; color:#666666;}

#haut_logo {
/*background:url(images/fd11.png) top center repeat-x;
*/
height: 112px;
border-bottom:2px solid #adadad;
}
#haut_logo1 { width:940px;
		 margin:0 auto;
}

#page {
        width:930px;
        margin:0 auto;
        padding:10px 5px 15px 5px;
        background:#fff;
        min-height: 400px;
        }

#menui {
        margin:0 auto;
        padding:0px 5px 0px 5px;
        background:#000000 url(images/fd-menu.png) repeat-x;
        width:930px;
        font-size:13px;
        min-height: 35px;
        border-bottom:5px solid #ea4d00;
        }
#menui ul { list-style: none; }
#menui li { float:left;
        list-style:none;
        cursor: pointer;
        display:block;
        border-right:1px solid #adadad;
        }
#menui li:hover {
        background-color:#000000;
        }
#menui a, #menui a:visited {
        margin: 0px;
        padding:9px 18px;
        font-weight:bold;
        font-size:13px;
        text-transform:uppercase;
        color:#eeeeee;
        display:block;
        }

#menui a:hover {
        text-decoration:none;
        display:block;
        background:#000000 url(images/fd4.png) bottom center no-repeat;
        }
.select { background:#000000 url(images/fd4.png) bottom center no-repeat; }

#drapeaux {
		float:right;
        text-align:right;
        margin-right:10px;
        padding-top: 8px;
        width: 110px;
        }
#drapeaux a, #drapeaux a:visited {
        margin: 0px;
        padding:0px;
        display:inline;
        background:none;
        }
#drapeaux a:hover {
         background:none;
        }
#drapeaux img:hover {border: 1px solid #ea4d00;}
#drapeaux img.selection {border: 1px solid #cccccc;}
#drapeaux img.selection:hover {border: 1px solid #ea4d00;}
#drapeaux div {
         float:left;
         width:28px;
         margin-right: 8px;
        }

table#maTable td
{
	padding:5px;
	vertical-align : top;
	text-align: left;
}

/* Taille de la page : 930 Px*/
/* -----------------------------------
CONFIGURATIONS DE COLONNES
--------------------------------------*/
#config-1-1 {/* ----------	2 Colonnes : 620 et 300	---------*/
        width: 610px;
        float:left;
        margin-top:10px;
        margin-right:20px;
        min-height: 380px;
        }
#config-1-2 {
        width: 300px;
        float:left;
        margin-top:10px;
        min-height: 380px;
        }

#config-2-1 {
        width: 216px;
        float:left;
        margin-top:20px;
        margin-right:20px;
        min-height: 100px;
        background:transparent url(images/fd9.png) top center repeat-x;
        border: 1px solid #ea4d00;
        }
#config-2-1:hover { border: 1px solid #000;  }
#config-2-2 {
        width: 214px;
        float:left;
        margin-top:20px;
        min-height: 100px;
        background:transparent url(images/fd9.png) top center repeat-x;
        border: 1px solid #ea4d00;
        }
#config-2-2:hover { border: 1px solid #000;  }

#config-3-1 {
        width: 145px;
        float:left;
        margin-right:5px;
        min-height: 395px;
        padding:10px 5px 5px 5px;
        background:transparent url(images/fd_produit.png) top center no-repeat;
        }
#config-3-2 {
        width: 82px;
        float:left;
        margin-right:10px;
        min-height: 395px;
        margin-top:30px;
        padding:10px 5px 5px 3px;
        background:transparent url(images/fd_sproduit.png) top center no-repeat;
        }
#config-3-3 {
        width: 501px;
        float:left;
        margin-right:10px;
        min-height: 395px;
        }
#config-3-4 {
        width: 159px;
        float:left;
        min-height: 395px;
        }
#config-3-5 {
        width: 581px;
        float:left;
        margin-right:10px;
        min-height: 395px;
        }
#config-3-6 {
        width: 150px;
        float:left;
        padding:4px;
        margin:0 8px 10px 0;
        background:transparent url(images/fd10.png) top left no-repeat;
        border: 1px solid #e6e6e6;
        text-align:center;
        }
#config-3-6:hover { border: 1px solid #ea4d00; }
#config-3-6 p, #config-3-7 p { text-align:left; margin:0; padding:0; }
#config-3-7 {
        width: 150px;
        float:left;
        padding:4px;
        margin:0 0 10px 0;
        background:transparent url(images/fd10.png) top left no-repeat;
        border: 1px solid #e6e6e6;
        text-align:center;
        }
#config-3-7:hover { border: 1px solid #ea4d00; }
#config-3-8 {
        width: 165px;
        float:left;
        padding:4px;
        margin:20px 10px 10px 0;
        background:transparent url(images/fd10.png) top left repeat-x;
        border: 1px solid #e6e6e6;
        text-align:center;
        }
#config-3-8:hover { border: 1px solid #ea4d00; }

#config-4-1 {
        width: 170px;
        float:left;
        margin-right:10px;
        min-height: 395px;
        background-color:#ccc;
        }
#config-4-2 {
        width: 70px;
        float:left;
        margin-right:10px;
        min-height: 395px;
        background-color:#ccc;
        }
#config-4-3 {
        width: 610px;
        float:left;
        margin-right:10px;
        min-height: 395px;
        }
#config-4-4 {
        width: 50px;
        float:left;
        min-height: 395px;
        padding: 30px 0 0 0;
        text-align:center;
        }

#config-5-1 {
        width: 120px;
        float:left;
        padding:2px;
        margin:0 4px 10px 0;
        border: 1px solid #d2d1d1;
        background:transparent url(images/fd15.png) top left no-repeat;
        text-align:center;
        }
#config-5-1:hover { border: 1px solid #6d6d6d; }

/* Présentation des produits */

#config-3-1 li {
list-style:none;
padding-top:1px;
}
#config-3-1 li:hover { background:url(images/fd_1.png) repeat-y top; }
#config-3-1 ul li a {
padding:2px;
display:block;
text-decoration:none;
}



/* SimpleTabs: default style */
div.simpleTabs { padding:10px;}
ul.simpleTabsNavigation { margin:0 10px; padding:0; text-align:left; }
ul.simpleTabsNavigation li { list-style:none; display:inline; margin:0; padding:0; }
ul.simpleTabsNavigation li a { border:1px solid #ea4d00; padding:5px 8px; background:#F0F0F0; font-size:14px; text-decoration:none; font-family:Helvetica; font-weight:bold; color:#3333ff;}
ul.simpleTabsNavigation li a:hover { text-decoration:none; background-color:#F6F6F6; font-family:Helvetica; font-weight:bold; color:#ea4d00;}
ul.simpleTabsNavigation li a.current { background:#fff; color:#222; border-bottom:1px solid #fff; }
div.simpleTabsContent { border:1px solid #ea4d00; padding:5px 15px 15px 15px; margin-top:5px; display:none; min-height: 210px;}
div.simpleTabsContent.currentTab { display:block; }

/*  SLIDER */
.slider-wrap								{ width: 610px; }
.stripViewer .panelContainer
.panel ul									{ text-align: left; margin: 0 15px 0 30px; }
.stripViewer								{ position: relative; overflow: hidden; width: 610px; height: 300px; }
.stripViewer .panelContainer				{ position: relative; left: 0; top: 0; }
.stripViewer .panelContainer .panel			{ float: left; height: 100%; position: relative; width: 610px; }
.stripNavL, .stripNavR, .stripNav			{ display: none; }
.nav-thumb 									{ border: 1px solid black; margin-right: 5px; }
#movers-row									{ margin: 5px auto 0 60px; }
#movers-row div								{ width: 110px; float: left; margin-right:15px; text-align:center;}
#movers-row div a.cross-link 				{ float: left; }
.photo-meta-data							{ background: url(images/transpBlack.png); padding: 5px; height: 40px;
											  margin-top: -50px; position: relative; z-index: 9999; color: white; }
.photo-meta-data span 						{ font-size: 13px; }
.photo-meta-data h4 						{ margin: 0 0 5px 0; padding:0; color:#ffff00; }
.cross-link									{ display: block; width: 110px; margin-top: -18px;
											  position: relative; padding-top: 24px; z-index: 9999; }
.active-thumb img							{ border: 2px solid black; margin-top: 5px; padding:3px; }



#config-footer-1 {/* ----------	2 Colonnes : 610 et 300	---------*/
        width: 570px;
        margin-right:20px;
        float:left;
        }
#config-footer-2 {
        width: 340px;
        float:left;
        text-align:right;
        }

#coquille {
        margin: 10px 0 20px 0;
        }

#footerBord {
        background:transparent url(images/fd2.png) repeat-x;
        min-height: 17px;
        }
#footer { background:url(images/fd3.png) top center repeat-x;
height: 50px;
}
#footer1 { width:930px;
		 margin:0 auto;
         padding: 10px 5px 0 5px;
         color:#FFF;
         font-weight:bold;
}
#footer1 a, #footer1 a:visited {
        text-decoration:underline;
        font-weight:bold;
        color:#FFF;
        font-size:12px;
        }
#footer1 a:hover {
         text-decoration: none;
         font-weight:bold;
         color:#ea4d00;
         font-size:12px;
        }
#footer1 input[type=text]{
		width: 160px;
		color: #999;
		text-transform:lowercase;
		}

.panel-overlay h2,
.panel-overlay p{
	margin: .3em 0;
}
.panel-overlay p {
	line-height: 1.2em;
}

.encadre{
margin: 20px 0 20px 0;
color: #000000;
font-size:12px;
border: 1px dotted #000000;
background: #ffffff url(images/strip.gif) repeat-x;
background-position: top;
padding: 10px;
}


        A.lien1:link {text-decoration: none; color:#000000; font:10px arial;}
        A.lien1:visited {text-decoration: none; color:#000000; font:10px arial;}
        A.lien1:active {text-decoration: none; color:#000000; font:10px arial;}
        A.lien1:hover {text-decoration: underline; color:#9900cc; font:10px arial;}

        A.lien2:link {text-decoration: none; color:#000000;}
        A.lien2:visited {text-decoration: none; color:#000000;}
        A.lien2:active {text-decoration: none; color:#000000;}
        A.lien2:hover {text-decoration: underline; color:#3333ff;}

        A.lien3:link {text-decoration: underline; color:#3333ff;}
        A.lien3:visited {text-decoration: underline; color:#3333ff;}
        A.lien3:active {text-decoration: underline; color:#3333ff;}
        A.lien3:hover {text-decoration: none; color:#cc0099;}

        A.lien4:link, A.lien4:visited, A.lien4:active, A.lien4:hover {text-decoration: none;}

        A.lien5:link, A.lien5:visited, A.lien5:active, A.lien5:hover {text-decoration: underline;}

        A.lien6:link, A.lien6:visited, A.lien6:active, A.lien6:hover {text-decoration: none; color:#505050;}

A.lien7:link, A.lien7:visited, A.lien7:active, A.lien7:hover
{font:12px arial; font-weight:bold; text-decoration: none; color:#000;}

A.lien8:link, A.lien8:visited, A.lien8:active, A.lien8:hover
{font:16px arial; font-weight:bold; text-decoration: underline; color:#ea4d00;}

A.lien9:link, A.lien9:visited, A.lien9:active, A.lien9:hover
{font:12px arial; font-weight:bold; text-decoration: none; color:#ea4d00;}

A.bleu:link, A.bleu:visited, A.bleu:active { color:#3333ff; }
   		  A.bleu:hover {color:#000000; }

   		  A.l5:link, A.l5:visited, A.l5:active {text-decoration: none; color:#0000FF; padding: 2px 4px 2px 4px;  margin: 2px; border: 1px solid #d9d9d9; background-color: #eeeeec;}
   		  A.l5:hover {text-decoration: none; color:#0000FF; padding: 2px 4px 2px 4px;  margin: 2px; border: 1px solid #ea4d00; background-color: #cdffcc;}

  		  A.l51:link, A.l51:visited, A.l51:active {text-decoration: none; color:#0000FF; font-weight:bolder; padding: 2px 4px 2px 4px;  margin: 2px; border: 1px solid #0000FF; background-color: #FFFFFF;}
   		  A.l51:hover {text-decoration: none; color:#000066; font-weight:bolder; padding: 2px 4px 2px 4px;  margin: 2px; border: 1px solid #0000FF; background-color: #CCFFFF;}