/*
Theme Name: BLEU MARINE 2009
Theme URI: http://www.coteo.com/
Description: SITE BLEU MARINE 2009.
Version: 0.1
Author: Philippe LAVIER
 
Creation Theme by Julien SPECKENS || http://www.coteo.net
Integration Theme by Philippe LAVIER || http://www.coteo.net
*/

body { font-family: Verdana, Arial; font-size: 11px; text-align: left; background: #396cad url(../img/fond_bleumarine.jpg) top center no-repeat; color: #000; margin: 0; }
#page { margin: 0 auto 0 auto; width: 980px; background: #083265; }

/************************* Header *********************************/
#header { width: 980px; }

/*************************  Main  *********************************/
#main { width: 980px; margin: 0 auto; }
#menu { width: 980px; height:36px; margin: 0 auto; padding: 0 12px; }
#menu li { float: left; }

#content { width: 924px; margin: 0 auto; padding: 4px 16px 16px 16px; background: #fff url(../img/degrad_ssmenu.jpg) 0 0 repeat-x; }
#content #breadcrumb { height: 14px; padding: 5px; }

#content h2 { color: #083264; font: bold italic 14px arial, verdana, Sans-serif; 	margin-bottom:10px; }

#content #pub { float: left; width: 219px; border: 3px solid #e5e5e5; height: 378px; }
#content #pub .img_pub { display: block; }
#content #pub .visible { display: block; }
#content #pub .hidden { display: none; }
#contenu_pub { margin: 1px; }
#titre_pub { margin: 1px 1px 0px 1px; height: 40px; background: #083165; color: #FFFFFF; font-size: 15px; text-align: center; font-weight: bold; }
#content #cases { float: left; }

#content #moteur_voile, #content #moteur, #content #voile, #content #prestige, #content #yacht { float: left; margin: 0 0 20px 8px; width: 219px; height: 158px; border: 3px solid #e5e5e5; /margin: 0 0 20px 2px;}
#content #moteur { margin: 0; }

#content #moteur_voile a { display: block; }
#content #img_voile_accueil { margin: 1px 1px 0px 1px; }
#content #img_moteur_accueil { margin: 1px 1px 0px 1px; }

#content ul { line-height: 17px; }
#content li {	display: block; color: #fff; }
#content .titre { height: 22px; border: 1px solid #fff; border-bottom: 0px; }
#content .img { height: 116px; border: 1px solid #fff; 	border-top: 0px; }
#content .list { background: #516983; height: 17px; border: 1px solid #fff; padding-left: 8px; border-top: 0px; }
#content #moteur .list:hover { background: #194070; }
#content .list a, #content .list a:link, #content .list a:visited, #content .list a:hover { color: #FFFFFF; display: block; text-decoration: none; }


#content #voile .list { background: #516983; }
#content #voile .list:hover { background: #245eb7; cursor: pointer; }

#content #prestige .list { background: #91893f; }
#content #prestige .list:hover { background: #caba4f; cursor: pointer; }

#content #yacht .list { background: #333333; }
#content #yacht .list:hover { background: #999999; cursor: pointer; }

#content #actu { margin: 11px 0 0 0; padding: 1px 0 0 1px; float: left; width: 218px; height: 183px; border: 3px solid #e5e5e5; }
#content #actu .contenu { width: 201px; height: 144px; background: #eef2f8; padding: 8px; }
#content #actu .contenu .articles { height: 137px; overflow: hidden; }
#content #actu .contenu .articles h2 { margin: 0; }
#content #actu .contenu .articles h2 a, #content #actu .contenu .articles h2 a:link,
#content #actu .contenu .articles h2 a:visited, #content #actu .contenu .articles h2 a:hover { color: #ea2f44; text-decoration: none; }
#content #actu .contenu .articles hr { color: #000000; width: 80%; border: none 0; border-top: 1px dashed #000; height: 1px; text-align: center; margin: 5px auto; /margin: 0 auto; }
#content #actu .contenu .link { color: #346eae; text-decoration: none; }
#content #actu .contenu .link:hover { text-decoration: underline; }
#content #actu .contenu .lien .fleche { display: block; margin: 0 auto; width: 120px; text-align: center; 
  background: url(../img/fleche.png) 0 2px no-repeat; padding-left: 10px; text-decoration: none; color: #083265; font-weight: bold; }
#content #actu .contenu .lien .fleche:hover { text-decoration: underline; }

#content #uship { margin: 11px 0 0 8px; padding: 1px 0 0 1px; float: left; width: 218px; height: 183px; border: 3px solid #e5e5e5; /margin: 11px 0 0 2px; }
#content #uship .contenu { width: 201px; height: 144px; background: #eef2f8; padding: 8px; }
#content #uship .contenu .fleche { display: block; margin: 6px auto 0; width: 190px; text-align: center; background: url(../img/fleche.png) 0 2px no-repeat;
	padding-left: 10px; text-decoration: none; color: #083265; font-weight: bold; }
#content #uship .contenu .fleche:hover { text-decoration: underline; }

#content #vetement { margin: 11px 0 0 8px; padding: 1px 0 0 1px; float: left; width: 218px; height: 183px; border: 3px solid #e5e5e5; /margin: 11px 0 0 2px; }
#content #vetement .contenu { width: 201px; height: 6px; background: #eef2f8; padding: 8px; }
#content #vetement .contenu .fleche { display: block; margin: 0 auto; width: 170px; text-align: center; background: url(../img/fleche.png) 0 2px no-repeat;
	padding-left: 10px; text-decoration: none; font-weight: bold; }
#content #vetement .contenu .fleche:hover { text-decoration: underline; }
#content #occas { margin: 11px 0 0 8px; padding: 1px 0 0 1px; float: left; width: 218px; height: 183px; border: 3px solid #e5e5e5; /margin: 11px 0 0 2px; }
#content #occas .contenu { width: 201px; height: 6px; background: #eef2f8; padding: 8px; }
#content #occas .contenu .fleche { display: block; margin: 0 auto; width: 170px; text-align: center; background: url(../img/fleche.png) 0 2px no-repeat;
	padding-left: 10px; text-decoration: none; color: #083265; font-weight: bold; }
#content #occas .contenu .fleche:hover { text-decoration: underline; }

#content #accastillage h2 { color: #ee8033; font: bold italic 14px arial, verdana, Sans-serif; margin: 5px 0; }
#content #accastillage h3 { color: #083264; font: 12px arial, verdana, Sans-serif; margin-bottom: 10px; }
#content #catalogue { float: left; }
#content #bdc { float: left; width: 300px; margin-top: 100px; padding-left: 10px; text-align: left; }
#content #bdc p { text-align:center; }
#content #bdc a { background: url(../img/fleche.png) 0 2px no-repeat; padding-left: 10px; text-decoration: none; font-weight: bold; cursor: pointer; }

/******************* Personnel Accastillage ****************/
	#accastillage #personnel { width: 924px; height: 172px; margin-bottom: 10px; }
	#accastillage #personnel #sections { overflow-x: hidden; overflow-y: hidden; width: 924px; height: 172px; float: left; vertical-align: middle; }
	#accastillage #personnel #sections ul { padding: 0px; margin: 0px; width: 6000px; }
	#accastillage #personnel #sections li { 	float: left; 	width: 924px; height: 172px; list-style-type: none; }
	#accastillage #personnel #sections li div { float: left; width: 211px; height: 18px; border: 2px solid #E5E5E5; margin-right: 14px; font-size: 10px;
		padding-top: 150px; padding-left: 5px; font-weight: bold; color: #083265; }
	#accastillage #personnel #sections li div#francois { background: url(../img/personnel/accastillage/francois.jpg) no-repeat; }
	#accastillage #personnel #sections li div#francois_a { background: url(../img/personnel/accastillage/francois-ayello-magasinier.jpg) no-repeat; }
	#accastillage #personnel #sections li div#gaelle { background: url(../img/personnel/accastillage/gaelle-gestion-commande-client.jpg) no-repeat; }
	#accastillage #personnel #sections li div#nicole { background: url(../img/personnel/accastillage/nicole.jpg) no-repeat; }
	#accastillage #personnel #sections li div#pierre_emmanuel { background: url(../img/personnel/accastillage/pierre-emmanuel.jpg) no-repeat; }
	#accastillage #personnel #sections li div#richard { background: url(../img/personnel/accastillage/richard.jpg) no-repeat; }
	#accastillage #personnel #sections li div#thomas { background: url(../img/personnel/accastillage/thomas.jpg) no-repeat; }
	#accastillage #personnel #sections li div#francois2 { background: url(../img/personnel/accastillage/francois.jpg) no-repeat; }
	#accastillage #personnel #sections li div.last { margin-right: 0px; }
/************************************************/

#slide { width: 924px; height: 110px; margin: 0 auto; padding: 4px 16px 16px 16px; 	background: #fff url(../img/degrad_ssmenu.jpg) 0 0 repeat-x; }
#slide h2 { color: #083264; font: bold italic 14px arial, verdana, Sans-serif; margin-bottom: 10px; }
#slide_wrapper { text-align: center; vertical-align: middle; width: 924px; height: 80px; overflow: hidden; /position: relative; }
#slide_wrapper #slide_container { margin: auto 0; height: 80px; position: relative; top: 0px; left: 0px; }
#slide_wrapper #slide_container img { margin-left: 20px; }

#bas { width: 924px; height: 90px; margin: 0 auto; padding: 4px 16px 0px 16px; background: #d8e1f0; }
#expo, #accas, #maison { float: left; width: 217px; height: 80px; padding-left: 8px }
#accas, #maison { margin-left: 8px; }
#expo h2, #accas h2, #maison h2 { color: #083264; font: bold 12px arial, verdana, Sans-serif; background: url(../img/double_fleche.png) 0 3px no-repeat;
	padding-left: 14px; margin-bottom: 2px; }
#newsletter { float: left; width: 217px; height: 85px; padding-left: 8px }
#newsletter #info_news_vert { font-size: 10px; font-style: italic; color: #12a115; font-weight: bold; }
#newsletter #info_news_rouge { font-size: 10px; font-style: italic; color: #FF0000; font-weight: bold; }
#newsletter h2 { color: #083264; font: bold italic 16px arial, verdana, Sans-serif; margin: 3px 0; }
#newsletter p { margin: 3px 0; color: #59698a; font: bold 14px arial, verdana, Sans-serif; }
#newsletter input[type="text"] { 	border: 1px solid #59698a; width: 178px; height: 20px; line-height: 22px; padding-left: 2px; vertical-align: middle }
#newsletter input[type="image"] { vertical-align: middle }
#expo img, #accas img, #maison img { float: left; }

#addr, #tel, #fax, #contact { float: left; margin: 2px 0 0 3px; width: 134px; font-size: 10px; }
#tel { color: #083264; font-weight: bold; }
#fax { margin-top: 0; }
#contact a { color: #083264; font-weight: bold; text-decoration: none; }
#contact a:hover { text-decoration: underline; }

#bas .horaire { clear: both; }
#bas .horaire a, #bas .horaire a:link, #bas .horaire a:visited, #bas .horaire a:hover { text-decoration: underline; font-size: 10px; font-weight: bold; display: block; }
#horaires_hall { position: absolute; z-index: 999; display: none; background: #083265; color: #FFFFFF; width: 270px; height: 40px; border: 3px solid #e5e5e5; 
	padding: 5px; }
#horaires_accas { position: absolute; z-index: 999; display: none; background: #083265; color: #FFFFFF; width: 290px; height: 140px; border: 3px solid #e5e5e5; 
	padding: 5px; }
#horaires_vetements { position: absolute; z-index: 999; display: none; background: #083265; color: #FFFFFF; width: 280px; height: 70px; border: 3px solid #e5e5e5; 
	padding: 5px; }


/************************* Footer *********************************/
#footer { font-size: 1em; clear: both; width: 980px; height: 85px; margin: 0 auto; }
#footer #copyright { width: 200px; margin: 10px auto 0 auto; text-align: center; font-size: 11px; color: #c0dbfc; }
#footer #logo { float: right; width: 161px; margin-right:20px; }

/******************************* Bateaux à voile *************************************/
#content_voile { width: 924px; margin: 0 auto; padding: 4px 16px 16px 16px; background: #fff url(../img/degrad_ssmenu.jpg) 0 0 repeat-x; }
#content_voile h2 { color: #083264; font: bold italic 14px arial, verdana, Sans-serif; margin-bottom:10px; }
#content_voile #breadcrumb { height: 14px; padding: 5px; }
#contenu_voile { width: 924px; padding: 0px; margin: 0px; }

/******************* Personnel Voile ****************/
	#contenu_voile #personnel { 	width: 924px; height: 172px; margin-bottom: 10px; }
	#contenu_voile #personnel #sections { overflow-x: hidden; overflow-y: hidden; width: 924px; height: 172px; float: left; vertical-align: middle; }
	#contenu_voile #personnel #sections ul { padding: 0px; margin: 0px; width: 6000px; }
	#contenu_voile #personnel #sections li { float: left; width: 924px; 	height: 172px; list-style-type: none; } 
	#contenu_voile #personnel #sections li div { float: left; width: 211px; height: 18px; border: 2px solid #E5E5E5; margin-right: 14px; font-size: 10px;
		padding-top: 150px; padding-left: 5px; font-weight: bold; color: #083265; }
	#contenu_voile #personnel #sections li div#christophe { background: url(../img/personnel/bateaux/christophe.jpg) no-repeat; }
	#contenu_voile #personnel #sections li div#jacques { background: url(../img/personnel/bateaux/jacques-mecanicien.jpg) no-repeat; }
	#contenu_voile #personnel #sections li div#michel { background: url(../img/personnel/bateaux/michel-dupre.jpg) no-repeat; }
	#contenu_voile #personnel #sections li div#olivier { background: url(../img/personnel/bateaux/olivier-ventes.jpg) no-repeat; }
	#contenu_voile #personnel #sections li div#patrice_e { background: url(../img/personnel/bateaux/patrice-electricite.jpg) no-repeat; }
	#contenu_voile #personnel #sections li div#patrice_f { background: url(../img/personnel/bateaux/patrice-fabio.jpg) no-repeat; }
	#contenu_voile #personnel #sections li div#thierry { background: url(../img/personnel/bateaux/thierry-grutier.jpg) no-repeat; }
	#contenu_voile #personnel #sections li div#valerie { background: url(../img/personnel/bateaux/valerie-secretariat.jpg) no-repeat; }
	#contenu_voile #personnel #sections li div.last { margin-right: 0px; }
/************************************************/

#contenu_voile_voile { width: 462px; background: #516983; float: left; height: 377px; }
#contenu_voile_yacht { width: 462px; background: #333333; float: left; height: 377px; }
#img_voile { position: relative; top: 80px; left: 214px; width: 229px; height: 223px; background: url(../img/voiles/bateau-voile_reflet.jpg) no-repeat 0px 148px; }
#img_yacht { position: relative; top: 80px; left: 19px; width: 229px; height: 223px; background: url(../img/voiles/bateau-yacht_reflet.jpg) no-repeat 0px 148px; }

/******************************* Bateaux à Moteur *************************************/
#content_moteur { width: 924px; margin: 0 auto; padding: 4px 16px 16px 16px; background: #fff url(../img/degrad_ssmenu.jpg) 0 0 repeat-x; }

/******************* Personnel Moteur ****************/
	#contenu_moteur #personnel { width: 924px; height: 172px; margin-bottom: 10px; }
	#contenu_moteur #personnel #sections { overflow-x: hidden; overflow-y: hidden; width: 924px; height: 172px; float: left; vertical-align: middle; }
	#contenu_moteur #personnel #sections ul { padding: 0px; margin: 0px; width: 6000px; }
	#contenu_moteur #personnel #sections li { float: left; width: 924px; height: 172px; list-style-type: none; }
	#contenu_moteur #personnel #sections li div { float: left; width: 211px; height: 18px; border: 2px solid #E5E5E5; margin-right: 14px; padding-top: 150px;
		padding-left: 5px; font-size: 10px; font-weight: bold; color: #083265; }
	#contenu_moteur #personnel #sections li div#christophe { background: url(../img/personnel/bateaux/christophe.jpg) no-repeat; }
	#contenu_moteur #personnel #sections li div#jacques { background: url(../img/personnel/bateaux/jacques-mecanicien.jpg) no-repeat; }
	#contenu_moteur #personnel #sections li div#michel { background: url(../img/personnel/bateaux/michel-dupre.jpg) no-repeat; }
	#contenu_moteur #personnel #sections li div#olivier { background: url(../img/personnel/bateaux/olivier-ventes.jpg) no-repeat; }
	#contenu_moteur #personnel #sections li div#patrice_e { background: url(../img/personnel/bateaux/patrice-electricite.jpg) no-repeat; }
	#contenu_moteur #personnel #sections li div#patrice_f { background: url(../img/personnel/bateaux/patrice-fabio.jpg) no-repeat; }
	#contenu_moteur #personnel #sections li div#thierry { background: url(../img/personnel/bateaux/thierry-grutier.jpg) no-repeat; }
	#contenu_moteur #personnel #sections li div#valerie { background: url(../img/personnel/bateaux/valerie-secretariat.jpg) no-repeat; }
	#contenu_moteur #personnel #sections li div.last { margin-right: 0px; }
/************************************************/

#content_moteur h2 { color: #083264; font: bold italic 14px arial, verdana, Sans-serif; margin-bottom:10px; }
#content_moteur #breadcrumb { height: 14px; padding: 5px; }

#contenu_moteur { width: 924px; padding: 0px; margin: 0px; }
#contenu_moteur_moteur { width: 462px; background: #516983; float: left;  height: 377px; }
#contenu_moteur_prestige { width: 462px; background: #91893F; float: left; height: 377px; }
#img_moteur { position: relative; top: 80px; left: 214px; width: 229px; height: 223px; background: url(../img/moteurs/bateau-moteur_reflet.jpg) no-repeat 0px 148px; }
#img_prestige { 	position: relative; top: 80px; left: 19px; width: 229px; height: 223px; background: url(../img/moteurs/bateau-prestige_reflet.jpg) no-repeat 0px 148px; }


/******************************* Bateaux d'occasion *************************************/
#content_occasion { width: 924px; margin: 0 auto; padding: 4px 16px 16px 16px; background: #fff url(../img/degrad_ssmenu.jpg) 0 0 repeat-x; }
#content_occasion h2 { color: #083264; font: bold italic 14px arial, verdana, Sans-serif; margin-bottom:10px; }
#content_occasion #breadcrumb { height: 14px; padding: 5px; }
#contenu_occasion { width: 924px; padding: 0px; margin: 0px; }

#contenu_occasion_voile { width: 462px; background: #CBDEF3; float: left; height: 377px; }
#contenu_occasion_moteur { width: 462px; background: #BFC8D8; float: left; height: 377px; }
#img_occasion_voile { position: relative; top: 80px; left: 214px; width: 229px; height: 223px; background: url(../img/occasions/occasions-voiliers_reflet.jpg) no-repeat 0px 148px; }
#img_occasion_moteur { position: relative; top: 80px; left: 19px; width: 229px; height: 223px; background: url(../img/occasions/occasions-moteurs_reflet.jpg) no-repeat 0px 148px; }

#occasion_contenu { width: 900px; margin: 0 auto; margin-top: 10px; background: url(../img/occasions/fond_total.gif) repeat-y; }
#occasion_left { width: 600px; float: left; background: url(../img/occasions/fond_titre_bleumarine.jpg) repeat-x 0 0 #E5E5E5; }
#occasion_left #titre { width: 600px; height: 42px; vertical-align: middle; text-align: center; font-size: 15px; color: #FFFFFF; font-weight: bold; padding-top: 5px; }
#occasion_left #titre span { color: #6CABDE; font-size: 15px; font-weight: bold; }
#occasion_left #contenu { width: 590px; padding: 10px; }
#occasion_left #contenu #search_occasion { margin: 5px auto; width: 270px; }
#occasion_left #contenu #menu_occasion { text-align: right; padding: 5px; }
#occasion_left #contenu #eyb_table { width: 98%; padding: 5px; }
#occasion_left #contenu #eyb_table th { text-align: center; padding: 5px; }
#occasion_left #contenu #eyb_table td { padding: 5px;  }
#occasion_left #contenu #eyb_table .pair { background: #FFFFFF; }
#occasion_left #contenu #eyb_table .impair { background: #E5E5E5; }


#occasion_right { width: 270px; float: left; padding: 0px; margin: 0px 0px 0px 15px; background: url(../img/occasions/fond_titre_bleumarine.jpg) repeat-x 0 0 #E5E5E5; }
#occasion_right #titre { width: 270px; height: 42px; vertical-align: middle; text-align: center; font-size: 15px; color: #FFFFFF; font-weight: bold; padding-top: 5px; }
#occasion_right #titre span { color: #6CABDE; font-size: 15px; font-weight: bold; }
#occasion_right #contenu { width: 250px; padding: 10px; }
#occasion_right #contenu .bateau  { padding-bottom: 5px; }
#occasion_right #contenu .bateau .photo { float: left; width: 100px; }
#occasion_right #contenu .bateau .description  { float: left; width: 140px; margin-left: 10px; }
#occasion_right #contenu .bateau .description .modele a, 
#occasion_right #contenu .bateau .description .modele a:link, 
#occasion_right #contenu .bateau .description .modele a:visited { font-weight: bold; color: #376CAC; font-size: 14px; text-decoration: none; }
#occasion_right #contenu .bateau .description .modele a:hover  { font-weight: bold; color: #376CAC; font-size: 14px; text-decoration: underline; }
#occasion_right #contenu .bateau .description .constructeur { padding-top: 3px; font-weight: bold; color: #000000; font-size: 12px; }
#occasion_right #contenu .bateau .description .prix { padding-top: 3px; color: #7E7E7E; font-size: 12px; }

#occasion_fiche_contenu { width: 900px; margin: 0 auto; margin-top: 10px; }
#occasion_fiche_contenu .tab_contour { border: 1px solid #CCCCCC; }
#occasion_fiche_contenu .tab_titre { font-size: 11px; font-weight: bold; background: #345A87; color: #FFFFFF; width: 900px; margin-top: 10px; }
#occasion_fiche_contenu .tab_contenu { font-size: 10px; background-color: #E5E5E5; color: #000000; border-bottom: 1px solid #E5E5E5; }
#occasion_fiche_contenu .tab_titre .col { float: left; width: 292px; padding: 4px; background: #345A87; }
#occasion_fiche_contenu .tab_contenu .col { float: left; width: 292px; padding: 4px; background: #E5E5E5; }
#occasion_fiche_contenu #photo_fiche { width: 297px; float: left; overflow: hidden; }
#occasion_fiche_contenu #photo_fiche #autres_photos { text-align: center; padding: 5px; }
#occasion_fiche_contenu #infos_generales { margin-left: 3px; width: 297px; float: left; }
#occasion_fiche_contenu #infos_generales #prix {  background: url(../img/vetements/fond-degrade-titre.gif) repeat-x; height: 20px; color: #FFFFFF; padding: 5px; font-size: 18px; font-weight: bold; }
#occasion_fiche_contenu #infos_generales #infos_generiques {  padding: 5px; }
#occasion_fiche_contenu #infos_generales #contact_fiche { margin-top: 5px; background: #29568D; padding: 5px; }
#occasion_fiche_contenu #infos_generales #contact_fiche #contact_text { float: left; font-size: 10px; color: #FFFFFF; }
#occasion_fiche_contenu #infos_generales #contact_fiche #contact_img1 { float: left; margin-left: 10px; }
#occasion_fiche_contenu #infos_generales #contact_fiche #contact_img2 { float: left; margin-left: 10px; }
#occasion_fiche_contenu #infos_generales #visible_a { margin-top: 5px; padding: 5px; }
#occasion_fiche_contenu #modele { margin-left: 3px; width: 287px; float: left; padding: 5px; }
#occasion_fiche_contenu #modele #bateau{ width: 172px; float: left; }
#occasion_fiche_contenu #modele #sgb { margin-left: 5px; width: 100px; float: left; }
#occasion_fiche_contenu #boutons { text-align: center; margin: 5px 0px; }

/* Box error et info */
.error { border: 1px solid #FF0000; color: #FF0000; background: #fce3e3; margin: 5px; height: 25px; font-weight: bold; vertical-align: middle; line-height: 25px; text-align: center; }
.info { border: 1px solid #00FF00; color: #12a115; background: #e1f8e1; margin: 5px; height: 25px; font-weight: bold; vertical-align: middle; line-height: 25px; text-align: center; }
.info2 { border: 1px solid #00FF00; color: #12a115; background: #e1f8e1; margin: 5px; font-weight: bold; vertical-align: middle; text-align: center; }
.important { display: none; }

.secured { display: none; }
.input { font-size: 11px; }
.bouton { background: #396CAD; border: 1px solid #083265; color: #FFFFFF; font-size: 11px; }

/* page marques */
#fournisseur_contenu { width: 900px; margin: 0 auto; margin-top: 10px; }
#fournisseur_left { width: 270px; float: left; }
#fournisseur_pub { width: 600px; float: left; padding: 0px 0px 0px 15px; }
#fournisseur_titre { font-size: 16px; color: #083264; font-weight: bold; }
#fournisseur_desc { margin: 15px; }

/* Page vetements */
#vetements { width: 924px; }
#haut_vetement {width: 924px; margin-bottom: 10px; }
/******************* Personnel Vetements ****************/
	#vetements #haut_vetement #personnel { width: 454px; height: 172px; float: left; margin-right: 16px; }
	#vetements #haut_vetement #personnel #sections { overflow-x: hidden; overflow-y: hidden; width: 454px; height: 172px; float: left; vertical-align: middle; }
	#vetements #haut_vetement #personnel #sections ul { 	padding: 0px; margin: 0px; width: 6000px; }
	#vetements #haut_vetement #personnel #sections li { float: left; width: 454px; height: 172px; list-style-type: none; }
	#vetements #haut_vetement #personnel #sections li div { float: left; width: 211px; height: 18px; border: 2px solid #E5E5E5; margin-right: 12px; font-size: 10px;
		padding-top: 150px; padding-left: 5px; font-weight: bold; color: #083265; }
	#vetements #haut_vetement #personnel #sections li div#aurelie { background: url(../img/personnel/vetements/aurelie.jpg) no-repeat; }
	#vetements #haut_vetement #personnel #sections li div#aurelie2 { background: url(../img/personnel/vetements/aurelie.jpg) no-repeat; }
	#vetements #haut_vetement #personnel #sections li div#catherine { background: url(../img/personnel/vetements/catherine.jpg) no-repeat; }
	#vetements #haut_vetement #personnel #sections li div#catherine_n { background: url(../img/personnel/vetements/catherine-notelars.jpg) no-repeat; }
	#vetements #haut_vetement #personnel #sections li div.last { margin-right: 0px; }
/************************************************/

#vetements #haut_vetement #marques { width: 450px; border: 2px solid #E5E5E5; height: 168px; background: #E5E5E5; float: left; }
#vetements #haut_vetement #marques #marque_titre { background: url(../img/vetements/fond-degrade-titre.gif) repeat-x; width: 435px; height:25px; color: #073264; font-size: 16px; font-weight: bold; padding: 5px 0px 0px 15px; }
#vetements #haut_vetement #marques #marque_contenu { height: 138px; background: url(../img/vetements/logos-marques.gif) no-repeat center center; }

#middle_vetement {width: 924px; margin-bottom: 10px; }
#vetements #middle_vetement #promos { width: 450px; border: 2px solid #E5E5E5; background: #E5E5E5; float: left; margin-right: 16px; }
#vetements #middle_vetement #promos #promos_titre { background: url(../img/vetements/fond-degrade-titre.gif) repeat-x; width: 435px; height:25px; color: #073264; font-size: 16px; font-weight: bold; padding: 5px 0px 0px 15px; }
#vetements #middle_vetement #promos #promos_contenu { color: #073264; }
#vetements #middle_vetement #promos #promos_contenu div { margin-bottom: 5px; }
#vetements #middle_vetement #promos #promos_contenu .photo_promo { float: left; margin: 0px 3px 3px 0px;  cursor: pointer; }
#vetements #middle_vetement #promos #promos_contenu a { float: left; }

#vetements #middle_vetement #nouveautes { width: 450px; border: 2px solid #E5E5E5; background: #E5E5E5; float: left; }
#vetements #middle_vetement #nouveautes #nouveautes_titre { background: url(../img/vetements/fond-degrade-titre.gif) repeat-x; width: 435px; height:25px; color: #073264; font-size: 16px; font-weight: bold; padding: 5px 0px 0px 15px; }
#vetements #middle_vetement #nouveautes #nouveautes_contenu { color: #073264; }
#vetements #middle_vetement #nouveautes #nouveautes_contenu div { margin-bottom: 5px; }
#vetements #middle_vetement #nouveautes #nouveautes_contenu .photo_nouveaute { float: left; margin: 0px 3px 3px 0px; cursor: pointer; }
#vetements #middle_vetement #nouveautes #nouveautes_contenu a { float: left; }

#bas_vetement {width: 924px; margin-bottom: 10px; }
#vetements #bas_vetement #cadeaux { width: 920px; border: 2px solid #E5E5E5; background: #E5E5E5; }
#vetements #bas_vetement #cadeaux #cadeaux_titre { background: url(../img/vetements/fond-degrade-titre.gif) repeat-x; width: 905px; height:25px; color: #073264; font-size: 16px; font-weight: bold; padding: 5px 0px 0px 15px; }
#vetements #bas_vetement #cadeaux #cadeaux_contenu { color: #073264; margin: 0 3px 0 1px; }
#vetements #bas_vetement #cadeaux #cadeaux_contenu div { margin: 2px 3px; float: left; width: 145px; }
#vetements #bas_vetement #cadeaux #cadeaux_contenu div .photo_cadeaux { cursor: pointer; }

#photo_ventements { position: absolute; z-index: 999; display: none; background: #083265; color: #FFFFFF; border: 3px solid #e5e5e5; padding: 5px; }

/* Page service */
#services { width: 924px; }
#services h2 { color: #D61824; font: bold 14px arial, verdana, Sans-serif; margin: 5px 0 15px 0px; }

#services #col1 { width: 457px; margin-right: 7px; text-align: center; float: left; }
#services #col2 { width: 460px; text-align: center; float: left; }

#popup { background: #396cad; } 
#popup #contact-eyb { margin: 20px; padding: 20px; height: 470px; background: #FFFFFF; }
#popup #contact-eyb #titre-eyb {  background: url(../img/vetements/fond-degrade-titre.gif) repeat-x; height: 20px; color: #FFFFFF; padding: 5px; font-size: 18px; font-weight: bold; }
#popup #contact-eyb #ss-titre-eyb {  background: #E5E5E5; height: 20px; color: #000000; padding: 5px; font-size: 13px; font-weight: bold; }
#popup #contact-eyb #content-eyb {  background: #E5E5E5; color: #000000; padding: 5px; font-size: 11px; }