/* stylesheet by SophieWeb - http://sophieweb.com - 2004-07 */

body
{ background: #FFEFCF url("../images/orange/fondVerHaut.gif") repeat-x;
color: #212431;
margin: 0;
padding: 10px 0 0;
text-align: center;
font-size: 75%;
}
body.hautBleu
{ background: #3565A1 url("../images/bleu/fondVerHaut.gif") repeat-x;
color:#FFF;
}
body.hautNoir
{ background: #000 url("../images/noir/fondVerHaut.gif") repeat-x;
color:#FFF;
}
body.popup
{ background:#FFF;
padding:0;
}

/* zone logo */
#divLogo
{ background-position:50% 50%;
background-repeat:no-repeat;
width: 270px;
height: 200px;
margin: 0;
padding: 0;
}
body.haut #divLogo
{ background-image: url("../images/orange/logoHaut.gif");
}
.hautBleu #divLogo
{ background-image: url("../images/bleu/logoHaut.gif");
}
.hautNoir #divLogo
{ background-image: url("../images/noir/logoHaut.gif");
}
#divLogo a
{ display: block;
border: 0 none;
width: 180px;
height: 180px;
}
#divLogo a img
{ display: none;
}
#info
{ height:70px;
}
#info p#date
{ color:#00135F;
font-size:1.1em;
padding-top:1em;
text-align:center;
}
.hautBleu #info p#date
{ color:#FE8F26;
}
.hautNoir #info p#date
{ color:#999;
}
address
{ text-align: center;
line-height:1.2em;
padding: 0;
width:270px;
}

/* zone de contenu */
#wrapper
{ max-width: 930px;
min-width: 730px;
height: 100%;
margin: 0 auto;
position:relative;
text-align: left;
padding: 0;
}
#shop #wrapper
{ width: 930px;
}
#content
{ margin: 0 0 0 320px;
max-width: 550px;
min-width: 320px;
padding: 0;
font-size: 120%;
}
#textContent, #blogContent
{ margin: 25px 0;
max-width: 530px;
min-width: 300px;
padding: 0;
}
#flashContent
{ padding: 0;
margin: 10px 0;
width: 510px;
}
body.haut #flashContent.style00 #flashAnim2
{ background: transparent url("../images/orange/photos/00Haut.jpg") no-repeat;
}
body.haut #flashContent.style01 #flashAnim2
{ background: transparent url("../images/orange/photos/01Haut.jpg") no-repeat;
}
body.haut #flashContent.style02 #flashAnim2
{ background: transparent url("../images/orange/photos/02Haut.jpg") no-repeat;
}
body.haut #flashContent.style03 #flashAnim2
{ background: transparent url("../images/orange/photos/03Haut.jpg") no-repeat;
}
.hautBleu #flashContent.style00 #flashAnim2
{ background: transparent url("../images/bleu/photos/00Haut.jpg") no-repeat;
}
.hautBleu #flashContent.style01 #flashAnim2
{ background: transparent url("../images/bleu/photos/01Haut.jpg") no-repeat;
}
.hautBleu #flashContent.style02 #flashAnim2
{ background: transparent url("../images/bleu/photos/02Haut.jpg") no-repeat;
}
.hautBleu #flashContent.style03 #flashAnim2
{ background: transparent url("../images/bleu/photos/03Haut.jpg") no-repeat;
}
.hautNoir #flashContent.style00 #flashAnim2
{ background: transparent url("../images/noir/photos/00Haut.jpg") no-repeat;
}
.hautNoir #flashContent.style01 #flashAnim2
{ background: transparent url("../images/noir/photos/01Haut.jpg") no-repeat;
}
.hautNoir #flashContent.style02 #flashAnim2
{ background: transparent url("../images/noir/photos/02Haut.jpg") no-repeat;
}
.hautNoir #flashContent.style03 #flashAnim2
{ background: transparent url("../images/noir/photos/03Haut.jpg") no-repeat;
}
#flashAnim, #flashAnim2, #utilities
{ background: transparent none;
margin:0;
width: 510px;
height: 240px;
}
#flashAnim .textePetit, #flashAnim2 .textePetit
{ margin: 0;
font-size: 80%;
padding: 60px 0 0 0;
text-align: center;
}
#flashAnim a, #flashAnim2 a
{ font-weight: normal;
}
#flashAnim a:hover, #flashAnim2 a:hover, #flashAnim a:focus, #flashAnim2 a:focus
{ color: #FFF;
}
#flashAnim2 object
{ display: inline;
clear: none;
}
#blogContent p, #textContent p, #blogContent ul, #textContent ul
{ line-height: 150%;
text-align: justify;
margin: 10px 20px 0 0;
}
#blogContent p, #blogContent ul
{ margin-right: 0;
}
#textContent form p, #blogContent form p
{ margin: 10px 0 0 0;
}
#blogContent p.top, #textContent p.top
{ text-align: right;
font-size: 70%;
margin: 0 20px;
}
#blogContent ul, #textContent ul
{ list-style-type: square;
list-style-position:inside;
padding: 0;
}
.textePetit, #textContent .textePetit, #blogContent .textePetit
{ font-size: 90%;
}
#blogContent li, #textContent li
{ margin: 10px 0 0 0;
}
h1, h2, h3
{ font-size: 160%;
color: #FE8F26;
border-bottom: 1px solid #FE8F26 !important;
padding: 10px 0 0;
margin: 10px 20px 5px 0;
text-align: left;
font-family: Skia, "Trebuchet MS", Trebuchet, Candara, sans-serif;
}
.hautNoir h1, .hautNoir h2, .hautNoir h3
{ border-bottom: 1px solid #FFC !important;
color: #FFC;
}
#blogContent h2, #blogContent h3
{ margin:0;
}
#blogContent h3#comments, #blogContent .commentlist, #blogContent #respond
{ margin-right:20px;
}
#blogContent h2
{ font-size:150%;
margin-top:15px;
}
#textContent h2
{ margin: 30px 20px 0 0;
}
h2 a
{ margin:0;
}
h2 a:link, h2 a:visited
{ color: #FE8F26;
text-decoration: none;
}
.hautNoir h2 a:link, .hautNoir h2 a:visited
{ color: #FFC;
}
#utilities a:hover
{ color:#FFF;
}
h2, h3
{ margin: 5px 20px 0 0;
padding: 0;
font-size: 120%;
}
h3
{ border-bottom:none;
font-size: 100%;
}

/* tableaux intranet */
#textContent table
{ margin: 5px 0;
width: 510px;
border-collapse:collapse;
}
#textContent th, #textContent td
{ border:1px solid #FFF;
background-color:#FFF;
color:#000;
padding:2px;
}
#textContent td a:link
{ color:#000;
}
#textContent td a:visited
{ color:#666;
}
#textContent td a:hover, #textContent td a:active
{ color: #FE8F26;
}
.hautNoir #textContent td a:hover, .hautNoir #textContent td a:active
{ color: #FFC;
}
#textContent tr.pair td
{ background-color:#F0F0F0;
}
body.haut #textContent th
{ background-color:#FFE3C9;
}
.hautBleu #textContent th
{ background-color:#BFCDDE;
}
.hautNoir #textContent th
{ background-color:#999;
}
#blogContent div.meta
{ margin: 5px 0 10px 0;
}
#blogContent p.feedback
{ text-align: right;
font-size: 80%;
}
#blogContent div.post
{ border-bottom: 1px solid #FE8F26;
margin:0 20px 15px 0;
}
.hautNoir #blogContent div.post
{ border-color:#FFC;
}

/* menu */
#menu
{ margin:0;
width: 270px;
float: left;
}
#menu #nav-main
{ margin: 20px 0 0 0;
padding: 0;
}
#menu ul
{ list-style-type: none;
height:270px;
margin: 0;
padding: 0;
}
#menu ul span
{ display: none;
}
#menu li
{ float: left;
margin: 0;
padding: 0;
}
#menu li.empty
{ display:block;
width: 90px;
height: 90px;
}
.haut #menu li
{ background: url("../images/orange/boutons.gif") no-repeat 0 -300px;
}
.hautBleu #menu li
{ background: url("../images/bleu/boutons.gif") no-repeat 0 -300px;
}
.hautNoir #menu li
{ background: url("../images/noir/boutons.gif") no-repeat 0 -300px;
}
body #menu li a
{ background: url("../images/orange/boutons.gif") no-repeat 0 0;
display: block;
width: 90px;
height: 90px;
line-height: 90px;
text-decoration: none;
text-align: center;
font-weight: normal;
}
.hautBleu #menu li a
{ background: url("../images/bleu/boutons.gif") no-repeat 0 0;
}
.hautNoir #menu li a
{ background: url("../images/noir/boutons.gif") no-repeat 0 0;
}
#menu li#lienBoutique a:link, #menu li#lienBoutique a:visited
{ background-position:0 -450px;
color: #FE8F26;
}
.hautBleu #menu li#lienBoutique a:link, .hautBleu #menu li#lienBoutique a:visited
{ color:#00135F;
}
.hautNoir #menu li#lienBoutique a:link, .hautNoir #menu li#lienBoutique a:visited
{ color:#000;
}
#menu li a:link
{ color: #FE8F26;
}
.hautBleu #menu li a:link
{ color: #FFF;
}
.hautNoir #menu li a:link
{ color: #FFC;
}
#menu li a:visited
{ color: #CC9C6F;
}
.hautBleu #menu li a:visited
{ color: #CCC;
}
.hautNoir #menu li a:visited
{ color: #A8A886;
}
#menu li a:hover, #menu li a:active, #menu li a:focus
{ color:#FFF !important;
background-position:0 -150px !important;
}
.hautBleu #menu li a:hover, .hautBleu #menu li a:active, .hautBleu #menu li a:focus
{ color:#00135F !important;
}
.hautNoir #menu li a:hover, .hautNoir #menu li a:active, .hautNoir #menu li a:focus
{ color:#000 !important;
}
#services #servicesMenu:visited, #actu #actuMenu:visited, #rencontre #rencontreMenu:visited, #accueil #accueilMenu:link, #accueil #accueilMenu:visited, #weblog #weblogMenu:link, #weblog #weblogMenu:visited, #philo #philoMenu:visited, #contact #contactMenu:visited, #doc #docMenu:visited, #shop #shopMenu:visited, #partner #partnerMenu:visited, #inter #interMenu:visited, #config #configMenu:visited, #paiement #paiementMenu:visited, #web #webMenu:visited
{ color: #FFF;
background-position:0 -150px !important;
cursor: default;
}
#services.hautBleu #servicesMenu:visited, #actu.hautBleu #actuMenu:visited,  #rencontre.hautBleu #rencontreMenu:visited, #accueil.hautBleu #menu #accueilMenu:link, #accueil.hautBleu #menu #accueilMenu:visited, #weblog.hautBleu #weblogMenu:link, #weblog.hautBleu #weblogMenu:visited, #philo.hautBleu #philoMenu:visited, #contact.hautBleu #contactMenu:visited, #doc.hautBleu #docMenu:visited, #shop #shopMenu:visited, #partner.hautBleu #partnerMenu:visited, #inter.hautBleu #interMenu:visited, #config.hautBleu #configMenu:visited, #paiement.hautBleu #paiementMenu:visited, #web.hautBleu #webMenu:visited
{ color:#00135F;
background-position:0 -150px !important;
}
#services.hautNoir #servicesMenu:visited, #actu.hautNoir #actuMenu:visited,  #rencontre.hautNoir #rencontreMenu:visited, #accueil.hautNoir #menu #accueilMenu:link, #accueil.hautNoir #menu #accueilMenu:visited, #weblog.hautNoir #weblogMenu:link, #weblog.hautNoir #weblogMenu:visited, #philo.hautNoir #philoMenu:visited, #contact.hautNoir #contactMenu:visited, #doc.hautNoir #docMenu:visited, #shop #shopMenu:visited, #partner.hautNoir #partnerMenu:visited, #inter.hautNoir #interMenu:visited, #config.hautNoir #configMenu:visited, #paiement.hautNoir #paiementMenu:visited, #web.hautNoir #webMenu:visited
{ color:#000;
background-position:0 -150px !important;
}
#menu #nav-main p
{ margin:10px 5px;
}
#menu #nav-side
{ position:absolute;
top:0;
right:0;
width:6em;
}
#menu #nav-side li
{ background:none !important;
}
#menu #nav-side li a:link, #menu #nav-side li a:visited, p.button a:link, p.button a:visited
{ background: none;
border:1px solid #FFCE9B;
color:#FFF;
display: block;
width: 6em;
height: 1.7em;
line-height: 2em;
margin:0 0 .4em;
padding:0 .1em;
text-decoration: none;
text-align: right;
font-weight: normal;
}
p.button a:link, p.button a:visited
{ border-color:#FE8F26;
color:#FE8F26;
text-align:center;
width:12em;
}
.hautBleu #menu #nav-side li a:link, .hautBleu #menu #nav-side li a:visited, .hautBleu p.button a:link, .hautBleu p.button a:visited
{ border:1px solid #476EA1;
color:#FFF;
}
.hautNoir #menu #nav-side li a:link, .hautNoir #menu #nav-side li a:visited
{ border:1px solid #4D5054;
color:#FFF;
}
.hautBleu p.button a:link, .hautBleu p.button a:visited
{ background:#3565A1;
border-color:#FE8F26;
}
.hautNoir p.button a:link, .hautNoir p.button a:visited
{ background:#000;
border-color:#FFC;
color:#FFC;
}
#menu #nav-side li a:hover, #menu #nav-side li a:active, #menu #nav-side li a:focus
{ background: #FFF;
color:#FE8F26 !important;
}
p.button a:hover, p.button a:focus, p.button a:active
{ background:#3565A1;
border-color:#3565A1;
color:#FFF;
}
.hautBleu #menu #nav-side li a:hover, .hautBleu  #menu #nav-side li a:active, .hautBleu  #menu #nav-side li a:focus
{ color:#00135F;
}
.hautBleu p.button a:hover, .hautBleu p.button a:focus, .hautBleu p.button a:active
{ background:#FE8F26;
border-color:#FE8F26;
color:#00135F;
}
.hautNoir #menu #nav-side li a:hover, .hautNoir  #menu #nav-side li a:active, .hautNoir  #menu #nav-side li a:focus
{ border-color:#FFC;
background:#FFC;
color:#000;
}
.hautNoir p.button a:hover, .hautNoir p.button a:focus, .hautNoir p.button a:active
{ background:#FFC;
color:#000;
}
#contact #menu #nav-side #contactMenu:visited, #recherche #menu #nav-side #clientsMenu:visited
{ border-color:#FFF;
color: #FE8F26;
background:#FFF;
cursor: default;
}
#contact.hautBleu #menu #nav-side #contactMenu:visited, #recherche.hautBleu #menu #nav-side #clientsMenu:visited
{ color:#00135F;
}
#contact.hautNoir #menu #nav-side #contactMenu:visited, #recherche.hautNoir #menu #nav-side #clientsMenu:visited
{ border-color:#FFC;
background:#FFC;
color:#000;
}

/* formulaire */
form
{ margin: 10px 20px 50px 0;
}
.libelleForm
{ display: block;
padding: 15px 0 0 0;
}
.contenuForm
{ padding: 0;
}
#message, #suggest
{ width:305px;
}
#titre, #nom, #from
{ width:300px;
}

/* liens */
a img
{ border: 0px none;
vertical-align: middle;
}
a
{ font-weight: normal;
}
a:link
{ color: #00135F;
}
.hautBleu a:link
{ color: #FFF;
}
.hautNoir a:link
{ color: #FFC;
}
a:visited
{ color: #5C6070;
}
.hautBleu a:visited
{ color: #B6BACB;
}
.hautNoir a:visited
{ color: #A8A886;
}
a:hover, a:active, a:focus, .hautBleu a:hover, .hautBleu a:active, .hautBleu a:focus
{ color: #FE8F26;
}
.hautNoir a:hover, .hautNoir a:active, .hautNoir a:focus
{ color: #FFC;
}

/* liens sites */
#web #textContent a.site
{ background: url("../images/orange/siteShadow.gif") 100% 100%;
}
#web.hautBleu #textContent a.site
{ background: url("../images/bleu/siteShadow.gif") 100% 100%;
}
#web.hautNoir #textContent a.site
{ background: url("../images/noir/siteShadow.gif") 100% 100%;
}
#web #textContent h4 a
{ text-decoration:none;
}
#web #textContent h4 a span
{ background: url("../images/orange/develop.gif") no-repeat 100% 0;
color: #FE8F26;
display:block;
text-decoration:none;
}
#web #textContent h4.reduced a span
{ background-position: 100% -100px;
}
#web.hautBleu #textContent h4 a span
{ background-image: url("../images/bleu/develop.gif");
color: #FFF;
}
#web.hautNoir #textContent h4 a span
{ background-image: url("../images/noir/develop.gif");
color: #FFC;
}
#web #textContent h4 a:hover span, #web #textContent h4 a:focus span, #web #textContent h4 a:active span
{ text-decoration:underline;
}
#web #textContent h4
{ border-bottom:1px solid #FFCE9B;
line-height:2em;
}
#web.hautBleu #textContent h4
{ border-color:#FE8F26;
}
#web.hautNoir #textContent h4
{ border-color:#4D5054;
}

#shop #content 
{
width:530px;
}
#shop .wpsc_container
{
width:500px;
}
#shop pre 
{
margin-right:20px;
}
.PeCatsBrands ul a:link, .PeCatsBrands ul a:visited 
{ 
color:#FE8F26 !important;
}
.PeCatsBrands ul a:hover, .PeCatsBrands ul a:focus, .PeCatsBrands ul a:active 
{ 
color:#3565A1 !important;
}
.hautBleu .PeCatsBrands ul a:link, .hautBleu .PeCatsBrands ul a:visited, .hautNoir .PeCatsBrands ul a:link, .hautNoir .PeCatsBrands ul a:visited
{ 
color:#FFF !important;
}
.hautBleu .PeCatsBrands ul a:hover, .hautBleu .PeCatsBrands ul a:focus, .hautBleu .PeCatsBrands ul a:active 
{ 
color:#FE8F26 !important;
}
.hautNoir .PeCatsBrands ul a:hover, .hautNoir .PeCatsBrands ul a:focus, .hautNoir .PeCatsBrands ul a:active 
{ 
color:#FFC !important;
}
#shopping-cart
{
background: #FFEFCF;
border: 1px solid #FE8F26;
margin-bottom:45px;
padding:2px;
}
.hautBleu #shopping-cart
{
background: #3565A1;
border: 1px solid #FE8F26;
}
.hautNoir #shopping-cart
{
background:#000;
border: 1px solid #FFC;
}
#fancy_notification
{ background: #FFEFCF;
color: #212431;
}
.hautBleu #fancy_notification
{ background: #3565A1;
color:#FFF;
}
.hautNoir #fancy_notification
{ background:#000;
color:#FFF;
}
.widget_wpsc_categorisation
{ position:absolute;
right:-15px;
margin-top:39px;
text-align:right;
width:90px;
}
#content .widget_wpsc_categorisation h2
{ font-size:1em;
text-align:right;
}
#shop #menu #nav-side
{
height:5em;
overflow:hidden;
right:-15px;
width:6.5em;
}
#shop div.single_product_display div.textcol div.imagecol
{
margin-left:0 !important;
}

/* bas de page */
#footer img
{ float:right;
}
#footer #OSXLogo
{ margin-top: 11px;
}
#footer #CertificationLogo
{ margin-top: 7px;
}
#footer
{ border-top: 1px solid #FE8F26;
margin:50px 40px 10px -315px;
padding: 0;
}
.hautNoir #footer
{ border-color:#FFC;
}
#footer p
{ line-height:35px;
position: static;
text-align:left;
margin: 5px 0 0 0;
padding: 10px 0 0 0;
font-size: 80%;
}