body {
 background: #f6f4f7;
 font-family: Arial, Helvetica, sans-serif;
 margin: 0;
 padding: 0;
}

#header {
 width: 1000px;
 margin: auto;
 }

#pageCorps {
 width: 1000px;
 background: url(/images/corps_fd.gif) 0% 0% repeat-y;
 margin: auto;
}

a.lienrouge:link {color: #dc0030; text-decoration: underline}
a.lienrouge:visited {color: #dc0030; text-decoration: underline}
a.lienrouge:hover {color: #dc0030; text-decoration: none}

a.liennoir:link {color: #000; text-decoration: underline}
a.liennoir:visited {color: #000; text-decoration: underline}
a.liennoir:hover {color: #000; text-decoration: none}

a.liennoir2:link {color: #000; text-decoration: underline}
a.liennoir2:visited {color: #024b94; text-decoration: underline}
a.liennoir2:hover {color: #000; text-decoration: none}

a.lienblanc {
	color: #ffffff; 
	font-weight: bold;
	text-decoration: underline;
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px 0px 0px 0px;
	margin: 0px 0px 0px 0px;
	}
a.lienblanc:hover {color: #ffffff; font-weight: bold;text-decoration: none}

#elegia {
 width: 1000px;
 background: url(/images/corps_fd.gif) 0% 0% repeat-y;
 float: left;
}

form { margin: 0; padding: 0;}

.rouge { color: #dc0030;}
.blue { color: #04276e;}
.bold {font-weight: bold;}

span.catatitle {
 font-size: 14px;
 color: #e4ff00;
 font-weight: bold;
 text-transform: uppercase;
}

span.mention {
 width: 160px;
 display: block;
 float: left;
 font-weight: bold;
 color: #fff;
 border-top: 6px solid #fff;
 border-bottom: 6px solid #fff;
 font-size: 11px; 
 line-height: 14px;
 padding: 5px 16px 5px 8px;
 margin: 0;
}

a.demander {
 font-size: 12px;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 line-height: 12px;
 display: block;
 text-transform: none;
 background: url(/images/BL_cat_puce.gif) 90% 8px no-repeat;
 padding: 5px 15px 5px 0px;
}

a.demander:hover {
 color: #e4ff00;
}

a#catalogue {
 background: green;
 display: block;
 background: url(/images/BL_cat_puce.gif) 96% 8px no-repeat;
 margin: 35px 0px 10px 0px;
}


/***************** paniet *********************/
.txtpanier {
	font-size: 11px;
	color: #ffffff;
	margin: 0px 0px 0px 0px;}

/***************** header *********************/

#header_menu {
	float: right;
	width: 780px;
	background: #dc0030 url(/images/header_fd.gif) 0% 100% no-repeat;
	padding: 0px 0px 0px 20px;}

#pub {
	width: 468px;
	height: 60px;
	background-color: #ffffff;
	margin: 0px 0px 0px 20px;}


/***************** header - accès client *********************/
#accesclient {
 float: left;
 width: 210px;
 background-color: #7d0026;
 padding: 5px;
 margin: 6px 0px 0px 0px;}

#accesclient p {
 float: left;
 font-size: 11px;
 color: #e16a74;
 font-weight: bold;
 margin: 0px;
 padding: 0px 0px 0px 0px;
}

#accesclient label {
 float: left;
 font-size: 10px;
 color: #fff;
 margin: 2px 0px 0px 0px;
}

#accesclient input {
 font-size: 10px;
 border: 0px;
 color: #7d0026;
 padding: 1px 0px 1px 8px;
}

#accesclient input#login {
 width: 130px;
 display: block;
 margin: 2px 0px 0px 67px;
}

#accesclient input#mdp {
 width: 100px;
 margin: 2px 0px 0px 4px;
}

#accesclient input.bt {
 width: 23px;
 height: 15px;
 font-size: 10px;
 color: #fff;
 background-color: #e16a74;
 padding: 0px;
 margin: 2px 0px 0px 5px;
}

#accesclient a {
 float: right;
 font-size: 10px;
 color: #fff;
 text-decoration: underline;
 margin: 2px 0px 0px 0px;
 padding: 0 0px 5px 0px;
}

#accesclient a:hover {
 text-decoration: none;
}

/***************** header - menu *********************/
#header_menu ul {
	float: left;
	font-size: 12px;
	color: #fff;
	font-weight: bold;
	margin: 15px 0px 0px 0px;
	padding: 0px 0px 0px 0px;}

#header_menu ul li {
	display: inline;
	list-style: none;
	padding: 0px 5px 0px 0px;}

#header_menu ul li a {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 12px;
	color: #ffffff;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 5px 0px 0px;}

#header_menu ul li a:hover {
	color: #e4ff00;}

#header_menu .select {
	color: #e4ff00;}

#header_menu span.rappel {
	float: right;
	width: 104px;
	height: 22px;
	background: url(/images/header_rappel_fd.gif) 0% 0% no-repeat;
	font-size: 12px;
	color: #7d0026;
	font-weight: bold;
	margin: 6px 0px 0px 0px;
	padding: 8px 0px 0px 80px;}

#header_menu span.rappel a {
	font-size: 12px;
	color: #7d0026;
	background: url(/images/header_rappel_puce.gif) 100% 2px no-repeat;
	text-decoration: none;
	font-weight: bold;
	padding: 0px 15px 0 0px;}

#header_menu span.rappel a:hover {
	color: #e16a74;
	background: url(/images/header_rappel_puce.gif) 100% 2px no-repeat;}

/********************* Colonne gauche ********************************/

div.colonne_gauche {
 width: 200px;
 float: left;
}

div.colonne_gauche ul#simplemenu {
 font-size: 11px;
 color: #fff;
 font-weight: bold;
 margin: 0px 0 0 0;
 padding: 0px 0 20px 0px;
}

div.colonne_gauche ul#simplemenu li {
 list-style-type: square;
 list-style-position: outside;
 line-height: 18px;
 padding: 0 5px 0 0px;
 margin: 0 0px 0 10px;
}

div.colonne_gauche ul#simplemenu li a {
 font-size: 11px;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 padding: 0 5px 0 0;
}

div.colonne_gauche ul#simplemenu li a:hover {
 color: #e4ff00;
}

div.colonne_gauche td.doublemenu {
 font-size: 11px;
 color: #000000;
 line-height: 11px;
 vertical-align:top;
 z-index:1;
 font-weight: none;
 margin: 0px 0 0 0;
 padding: 0px 0 2px 0px;
}
div.colonne_gauche td.doublemenu a {
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 font-weight: none;
 padding: 0 5px 0 0;
}

div.colonne_gauche td.doublemenu a:hover {
 color: #630360;
}
div.colonne_gauche td.doublemenu a.open {
 color: #630360;
}

div.colonne_gauche ul#doublemenu {
 font-size: 11px;
 color: #fff;
 z-index:1;
 font-weight: none;
 margin: 0px 0 0 0;
 padding: 0px 0 20px 0px;
}

div.colonne_gauche ul#doublemenu li {
 list-style: none;
 background: url(/images/doublemenu_puce.gif) 0% 2px no-repeat;
 line-height: 13px;
 padding: 0 0px 4px 15px;
}

div.colonne_gauche ul#doublemenu li a {
 font-size: 11px;
 color: #000000;
 text-decoration: none;
 font-weight: normal;
 padding: 0 5px 0 0;
}

div.colonne_gauche ul#doublemenu li a:hover {
 color: #630360;
}

div.colonne_gauche ul#doublemenu li.open {
 background: url(/images/doublemenu_puce_open.gif) 0% 2px no-repeat;
}

div.colonne_gauche ul#doublemenu li a.open {
 color: #630360;
}


div.colonne_gauche ul#n2 {
 font-size: 10px;
 color: #fff;
 font-weight: normal;
 display: black;
 z-index: 8;
 margin: 5px 10px 0px 0px;
 padding: 0px 0 0px 0px;
}
/****************************************************************************************************/
div.colonne_gauche ul#n2 li {
 list-style: none;
 line-height: 12px;
 display: black;
 border-bottom: 1px solid #e091a7;
 background: #fcdce5;
 margin: 0px 0 0 0;
 padding: 5px 5px 5px 15px;
}

div.colonne_gauche ul#n2 li a.on {
 color: #970272;
}
div.colonne_gauche ul#n2 li.open {
	background:none;
 background-color:#ffffff;
}

/********************* Colonne gauche : rechercher ********************************/
#rechercher {
 background: #ff9000 url(/images/BL_rechercher_fd.gif) 100% 0% no-repeat;

 width: 200px;
 height: 230px;
 padding: 0px 0 0px 0;
}

#rechercher input {
 font-size: 10px;
 color: #ab4900;
 border: 0;
}

#rechercher input#search {
 width: 130px;
 height: 15px;
 margin: 0px 0 0 15px;
 padding: 1px 0 1px 5px;
}

#rechercher input.bt {
 width: 25px;
 height: 17px;
 font-size: 10px;
 color: #fff;
 background: #ab4900;
 padding: 0px 0 3px 0;
 _padding: 1px 0 1px 0;
 margin: 0px 0 0 5px;
}

#rechercher input#date {
 font-size: 9px;
 width: 80px;
 margin: 0px 3px 0px 0px;
}

#rechercher label {
 display: inline;
 float: left;
 font-size: 12px;
 color: #000000;
 font-weight: bold;
 padding: 8px 0px 0px 15px;
 margin: 0px 0px 0px 0px;
}

#rechercher select {
 width: 180px;
 height: 20px;
 float: left;
 display: inline;
 font-size: 11px;
 background: #ffffff;
 border: 1px solid #ab4900;
 color: #000000;
 padding: 2px 0 2px 0px;
 margin: 5px 0 0 15px;
}

#rechercher span.datesearch {
 width: 180px;
 float: left;
 font-size: 11px;
 color: #000000;
 padding: 0;
 margin: 5px 0 10px 15px;
}

#rechercher img { 
 border: 0;
 margin: 0px 0px 0px 0px;
}

#rechercher p {
 font-size: 11px;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 padding: 0px 0px 0px 15px;
}

#rechercher a.voir {
 font-size: 11px;
 color: #fff;
 background: #ab4900 url(/images/voir_puce.gif) 85% 6px no-repeat;;
 text-decoration: none;
 font-weight: bold;
 padding: 2px 20px 4px 10px;
 margin: 0px 0px 0 15px;
}

#rechercher a:hover {
 color: #e16a74;
 background: #ab4900 url(/images/voir_puce.gif) 85% 6px no-repeat;;
}

/********************* Colonne left : bloc au millieu ********************************/
#bl_menuG {
 background: #e091a7 url(/images/BL_menuG_fd.gif) 100% 0% no-repeat;
 width: 185px;
 float: left;

 padding: 15px 0 0 15px;
 margin: 0px 0 0 0;

}
#bl_menuG img.logo {
 float: left;
 border: 1px solid #e4b7c4;
 margin: 0px 10px 0 0px;
} 

/********************* Colonne gauche : bloc en bas ********************************/
#bl_menuGB {
 background: #df3c35 url(/images/BL_menuGB_fd.gif) 100% 0% no-repeat;
 float: left;
 width: 185px;
 padding: 15px 0 0 15px;
}


#bl_menuGB img {
 border: 1px solid #dbc1c0;
 margin: 6px 0 25px 0px;
}

/**************************** Centre ***************************/


#centre {
	width: 612px;
	font-family:Arial, Helvetica, sans-serif;}

#centre .txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px 10px 10px 0px;
	margin: 0px;}
#centre .txt11 {
font-family:Arial, Helvetica, sans-serif;
font-size:11px;
}

#centre .txt10 {
font-family:Arial, Helvetica, sans-serif;
font-size:10px;
}

#centre .date {
	font-family:Arial, Helvetica, sans-serif;
	color:#dc0030;
	font-size:10px;
	padding: 15px 0px 0 60px;
 	margin: 0px 0px 0px 0px;}
	
#centre .txtpg {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px 10px 10px 19px;
	margin: 0px;}
	
#popbox{
font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px 10px 10px 19px;
	margin: 0px;

}
#centre .txt12 {
	font-family:Arial, Helvetica, sans-serif;
	font-size:12px;
}
	
#centre ul#acceschemin {
	font-size: 10px;
	color: #19171c;
	padding: 15px 0px 4px 0px;
	border-bottom: 1px solid #d0d2d3;
	margin: 0px 20px 20px 19px;}

#centre ul#acceschemin li {
	list-style: none;
	display: inline;
	padding: 0px 0px 0px 0px;}

#centre ul#acceschemin li a {
	font-size: 10px;
	color: #19171c;
	text-decoration: none;}

#centre ul#acceschemin li a:hover {
	text-decoration: underline;}

#centre a.liennav, #centre a.liennav:link, #centre a.liennav:active, #centre a.liennav:visited {
	font-size: 12px;
	font-weight:bold;
	color:#19171c;
	text-decoration:underline;}

#centre a.liennav:hover {
	color:#dc0030;
	text-decoration:none;
	font-weight:bold;	
	padding-left:0px;}
	
#centre a.lienpanier, #centre a.lienpanier:link, #centre a.lienpanier:active, #centre a.lienpanier:visited {
	font-size: 12px;
	font-weight:bold;
	color:#ffffff;
	text-decoration:underline;}

#centre a.lienpanier:hover {
	color:#ffffff;
	text-decoration:none;
	font-weight:bold;
	padding-left:0px;}

#centre a.select {
	font-size: 11px;
	font-weight:bold;
	color:#ff9000;
	text-decoration:underline;
	font-weight:bold;
	padding-left:0px;}


#centre input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 18px;
	width:350px;
	border: 1px solid #ff9000;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	font-size: 11px;}
 
#centre select {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ff9000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;}
#contenu_pop select {
	font-family: Arial, Helvetica, sans-serif;
	border: 1px solid #ff9000;
	margin: 0px;
	padding: 0px 0px 0px 0px;
	font-size: 11px;}
	
#centre textarea {
	font-family: Arial, Helvetica, sans-serif;
	width:350px;
	border: 1px solid #ff9000;
	margin: 0px;
	padding: 0px 4px 0px 4px;
	font-size: 11px;}

#centre input.radio {
	height: 14px;
	width: 14px;
	margin: 0px;
	border: 0px solid #ffffff;}


#centre input.bt {
	color: #ffffff;
	background:#ff9000;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	width:100px;
	height:30px;
	font-size: 12px;
	font-weight:bold;
}	
/***************************** Produit page **************************/
#centre h1 {
 font-size: 18px;
 color: #19171c;
 padding: 0 0px 0 19px;
 margin: 0;
}

#centre h2.noir {
 font-size: 14px;
 color: #000000;
 padding: 15px 0px 0 19px;
 margin: 0;}

#centre h2.titre {
 font-size: 14px;
 color: #19171c;
 padding: 0px 0px 0px 0px;
 margin: 0px;
}

#centre h2 {
 float: left;
 font-size: 14px;
 color: #19171c;
 padding: 15px 0px 0 19px;
 margin: 0;
}
#centre h2.stage {
 float: left;
 display:block;
 font-size: 14px;
 color: #19171c;
 padding: 15px 0px 0 19px;
 margin: 0;
}

#centre h2.stage_obj {
 float: left;
 display:block;
 font-size: 14px;
 color: #19171c;
 padding: 15px 0px 0 0px;
 margin: 0;
}

#centre h2.orange {
 float: left;
 font-size: 14px;
 color: #ff9000;
 padding: 15px 0px 0 19px;
 margin: 0;
}

#centre h2.rouge {
 float: left;
 font-size: 14px;
 color: #dc0030;
 padding: 15px 0px 0 19px;
 margin: 0;
}

#centre h2.rouge2 {
 float: left;
 font-size: 14px;
 color: #dc0030;
 padding: 15px 0px 0 0px;
 margin: 0;
}

#centre h2.home {
 padding: 0px 0px 0 0px;
 margin: 0;
 display:inline;
}

#centre h2 img.puce {
 margin: 0 15px 0 0;
}

h3 {
 font-size: 13px;
 color: #19171c;
 float: left;
 padding: 15px 0px 0 19px;
 margin: 0;
}

h3 a:link, a:active {
 text-decoration: underline;
 color: #dc0030;
 padding: 0 0px 0 0px;
}
h3 a:visited {
 text-decoration: underline;
 color: #630360;
 padding: 0 0px 0 0px;
}
 h3 a:hover {
 text-decoration: none;

 color: #dc0030;
}

 h3 a.on {
 color: #dc0030;
}

#centre span.formationnote{
 font-size: 11px;
 color: #dc0030;
 padding: 5px 20px 0 0px;
 margin: 0;
}

#centre span.formationnote img.icons {
 margin: 0 5px 0 0;
}

#centre dl.contentdetaille {
 padding: 0 0 0 58px;
 margin: 0;
}
#centre dl.contentdetaille2 {
 padding: 0 0 0 0px;
 margin: 0;
}
#centre dl.contentdetaille_obj {
 padding: 0 0 0 40px;
 margin: 0;
}
#centre dl.contentdetaille_obj dd {
 font-size: 11px;
 color: #19171c;
 line-height: 14px;
 margin: 0;
}
#centre dl.contentdetaille_obj li {
 list-style: none;
 background: url(/images/produit_page_puce.gif) 0% 3px no-repeat;
 padding: 0 15px 2px 15px;
}

#centre dl.contentdetaille_obj2 {
 padding: 0 0 0 40px;
 margin: 0;
}
#centre dl.contentdetaille_obj2 dd {
 font-size: 11px;
 color: #19171c;
 line-height: 14px;
 margin: 0;
}
#centre dl.contentdetaille_obj2 li {
 list-style: none;
 background: url(/images/produit_page_puce2.gif) 0% 3px no-repeat;
 padding: 0 15px 2px 15px;
}

#header_pop dl.contentdetaille_obj2 {
 padding: 0 0 0 40px;
 margin: 0;
}
#header_pop dl.contentdetaille_obj2 dd {
 font-size: 11px;
 color: #19171c;
 line-height: 14px;
 margin: 0;
}
#header_pop dl.contentdetaille_obj2 li {
 list-style: none;
 background: url(/images/produit_page_puce2.gif) 0% 3px no-repeat;
 padding: 0 15px 2px 15px;
}

#centre  dt {
 font-size: 12px;
 color: #6b0559;
 font-weight: bold;
 padding: 0 0 0px 0;
 margin: 8px 0 0 0;
}

#centre dl.contentdetaille dd {
 font-size: 11px;
 color: #19171c;
 line-height: 14px;
 margin: 0;
}

#centre dd.withpuce {
 background: url(/images/produit_page_puce.gif) 0% 3px no-repeat;
 padding: 0 15px 2px 15px;
}
#centre dd.withpuce2 {
 background: url(/images/produit_page_puce.gif) 0% 3px no-repeat;
 margin: 0;
 padding: 0 15px 2px 15px;
}

.infobulle{
    position: absolute;   
    visibility : hidden;
    border: 1px solid Black;
    font-size: 11px;
    background-color: #FFFFCC;
}
#centre dl.contentdetaille li {
 list-style: none;

 background: url(/images/produit_page_puce.gif) 0% 3px no-repeat;
 padding: 0 15px 2px 15px;
}

#header_pop dl.contentdetaille li {
 list-style: none;

 background: url(/images/produit_page_puce.gif) 0% 3px no-repeat;
 padding: 0 15px 2px 15px;
}

#centre span.fondviolet {
 background: #eeebf2;
 padding: 0px 0 0px 15px;
 margin: 2px 5px 2px 0;
}

/***************************** Produit liste **************************/
div.present_content {
 width: 559px;
 float: left;
 display: inline;
 background: url(/images/produit_liste_bloc_fd.gif) 0% 0% repeat-y;
 margin: 8px 0 0 19px;
}
 
div.present_content dl {
 float: left;
 width: 420px;

 padding: 0px 8px 0px 35px;
 margin: 0;
}

div.present_content dl dt {
 font-size: 11px;
 color: #19171c;
 font-weight: none;
 line-height: 10px;

 padding: 0 0 5px 0;
 margin: 0;
}

div.present_content dd {
 padding: 0;
 margin: 0;
}


div.present_content li {
 font-size: 11px;
 font-weight: none;
 color: #19171c;
 line-height: 16px;
 list-style: none;
 background: url(/images/produit_liste_puce.gif) 0% 3px no-repeat;
 padding: 0 0 0 15px;
 margin: 0;
}

div.present_content span.blocpicto{
 width: 90px;
 float: right;
 margin: 15px 0px 0 0px;
}

div.present_content span.blocpicto img.picto1 {
 margin: 0 8px 10px 0;
 border: 0;
}

div.present_content span.blocpicto img.picto2 {
 margin: 0 0px 0 15px;
 border: 0;
}

div.present_content span.blocpicto a {
 text-decoration: none;
}

/**************************** Corps center - home ***************************/
#bloc_center p.accroche {
 width:580px;
 font-size: 14px;
 font-weight: bold;
 margin: 15px 0px 05px 15px;
}
#bloc_center p.sousaccroche {
 width:580px;
 font-size: 12px;
 font-weight: none;
 margin: 0px 0px 25px 15px;
}

#bloc_center img.guillmetopen {
 padding: 0px 10px 0px 0px;
}

#bloc_center img.guillmetclose {
 padding: 0px 0px 0px 10px;
}

#left {
 float:left;
 width: 290px;
}

#right {
 float:right;
 width: 290px;
 padding: 0px 15px 0px 0px;
}

div.proposition_formations {
 width: 280px;
 border-bottom: 1px dotted #ccc;
 display: inline;
 float: left;
 margin: 0 0 20px 15px;
 padding: 0 0 5px 0;
}

div.proposition_formations a {
 color: #19171c;
 text-decoration: none;
 margin: 0;
}

div.proposition_formations a:hover {
 color: #db002f;
}

div.proposition_formations span.txt {
 font-size: 11px;
 line-height: 12px;
 color: #000;
 font-weight: normal;
}

div.proposition_formations img {
 float: left;
 border: 0;
 padding: 0px 10px 20px 0px;
}

div.proposition_formations ul, div.proposition_formations p {
 font-size: 11px;
 line-height: 16px;
 color: #000;
 margin: 5px 0 0 0;
 padding: 0 0 0 40px;
}

div.proposition_formations ul li {
 list-style-type: square;
 list-style-position: outside;
}

div.proposition_formations p {
 font-weight: bold;
}

div.proposition_formations p a {
 font-size: 11px;
 text-decoration: none;
 color: #000;
}

div.proposition_formations p a:hover {
 text-decoration: underline;
}

/**************************** Corps right ***************************/
#bloc_right {
 width: 184px;
 float: right;
}

div.smallbloc {
 width: 184px;
 margin: 0;
}

div.smallbloc p, div.fondcouleurvin p {
 width: 150px;
 float: left;
 font-size: 12px;
 line-height: 14px;
 color: #fff;
 text-decoration: none;
 font-weight: bold;
 margin: 0;
 padding: 0;
}

div.smallbloc p a, div.fondcouleurvin p a {
 color: #fff;
 text-decoration: none;
 font-weight: bold;
}

div.smallbloc p a:hover, div.fondcouleurvin p a:hover {
 color: #e16a74;
}

a.catatitle2 {
 font-size: 13px;
 color: #e4ff00;
 font-weight: bold;
 text-decoration: none;
}

a.catatitle2:hover {
 font-size: 13px;
 color: #e48ea7;
 font-weight: bold;
 text-decoration: none;
}

/**************************** eleaning ***************************/
#elearning {
 float: left;
 background: #ff9000;
 border-top: 7px solid #fff;
 border-bottom: 7px solid #fff;
}

#elearning img.photo {
 float: left;
 margin: 0 10px 0 0;
}

#elearning img.puce {
 width: 8px;
 float: left;
 margin: 10px 0px 0 15px;
}

/**************************** nav right ***************************/
#menuright {
 width: 174px;
 float: left;
 display: inline;
 background: #ffb133;
 margin: 6px 0 8px 5px;
}

#menuright h5 {
 font-size: 12px;
 background: #fff;
 display: block;
 padding: 2px 0px 2px 5px;
 margin: 0;
}

#menuright p, #menuright ul, #menuright div {
 font-size: 10px;
 color: #000000;
 padding: 5px 0px 15px 5px;
 margin: 0;
}

#menuright li {
 list-style-type: square;
 list-style-position: inside;
 line-height: 16px;
 padding: 0 5px 0 0;
}

#menuright ul li a {
 font-size: 10px;
 color: #000000;
 text-decoration: none;
 font-weight: bold;
 padding: 0 5px 0 0;
 margin: 0 0 0px 0;

}

#menuright ul li a:hover {
 text-decoration: underline;
}

#menuright p a, #menuright div a {
 font-size: 10px;
 color: #000000;
 text-decoration: underline;
 font-weight: bold;
 padding: 0 5px 0 8px;
 margin: 0 0 0px 0;
}

#menuright a:hover {
 text-decoration: none;
}


/**************************** right bloc en couleur du bordeaux ***************************/
div.fondcouleurvin {
 width: 174px;
 float: left;
 background: #ac2249;
 padding: 4px 0px 2px 10px;
 margin: 0px 0 0 0;
}

div.fondcouleurvin img.logo {
 float: left;
 border: 1px solid #e4b7c4;
 margin: 0px 10px 0 0px;
} 

#formation {
 border-top: 7px solid #fff;
}

#formation img {
 width: 8px;
 float: left;
 margin: 8px 0px 0 5px;
}


/*********************** Produit page bloc spécial **********************/
#blocsuppelementair {
 width: 179px;
 float: left;
  font-size: 11px;

 background: url(/images/produit_page_bloc_supple_fd.gif) 0% 100% no-repeat;
 margin: 0;
 padding: 0px 0px 40px 0;
}

#blocsuppelementair ul.txt {
 font-size: 11px;
 color: #333;
 padding: 8px 5px 0 5px;
 margin: 0;
}

#blocsuppelementair ul.txt li {
 list-style: none;
 background: url(/images/puce_grey.gif) 0% 3px no-repeat;
 line-height: 12px;
 padding: 0 0px 8px 15px;
}

#blocsuppelementair img.picto {
 border: 0;
 float: left;
 padding: 0px 8px 0 5px;
}

#blocsuppelementair a.pictolien {
 font-size: 11px;
 color: #dc0030;
 float: left;
 text-decoration: underline;
 font-weight: bold;
 margin: 10px 0 10px 0px;
}
#blocsuppelementair a.pictolien:hover {
 font-size: 11px;
 color: #dc0030;
 float: left;
 text-decoration: none;
 font-weight: bold;
 margin: 10px 0 10px 0px;
}
#blocsuppelementair a.pictolien2 {
 font-size: 11px;
 color: #dc0030;
 text-decoration: underline;
 font-weight: bold;
 margin: 10px 0 10px 0px;
}
#blocsuppelementair a.pictolien2:hover {
 font-size: 11px;
 color: #dc0030;
 text-decoration: none;
 font-weight: bold;
 margin: 10px 0 10px 0px;
}

/*********************** ONGLETS **********************/
div.navonglet {
 float: left;
 display: inline;
 width: 173px;
 margin:0 0 10px 0px;
}

/* les onglets */
ul.onglets {
 float: left;
 display: inline;
 clear: both;
 width: 173px;
 margin: 0;
 padding: 0;
}

ul.onglets li {
 float: left;
 display: inline;
 list-style: none;
 background: url("/images/onglet_right.gif") 100% 100% no-repeat;
 margin: 0 3px 0 0;
 padding: 0 15px 0 0;
}

ul.onglets li a {
 float: left;
 display: block;
 background: url("/images/onglet_left.gif") 0% 100% no-repeat;
 font-size: 11px;
 font-weight: bold;
 color: #c56580;
 text-decoration: none;
 padding: 8px 0 3px 12px;
 margin: 0 0 0 0;
}
ul.onglets li a:hover {color: #fff;}

ul.onglets li.on {background: url("/images/onglet_right_on.gif") 100% 100% no-repeat; color: #fff;}
ul.onglets li.on a {background: url("/images/onglet_left_on.gif") 0% 100% no-repeat; color: #fff;}


div.filiales_infos {
 float: left;
 display: inline;
 clear: both;
 width: 173px;
 border: 1px solid #c56580;
 padding: 0px 0 0px 0;
 margin: 0;
}

div.filiales_infos p {
 float: left;
 color: #c56580;
 font-size: 11px;
 margin: 0;
 padding: 5px 0 5px 10px;
}

div.filiales_infos img.panier {
 border: 0;
 float: right;
 padding: 0px 8px 0 5px;
}

div.filiales_infos a.panierlien {
 text-decoration: none;
}

/**************************** footer ***************************/

#footer {
 width: 1000px;
 background: #ffffff url(/images/footer_fd.gif) 0% 0% repeat-x;
 margin: auto;
 padding: 35px 0 30px 0px;
}

#footer ul, #footer p {
 font-size: 11px;
 line-height: 16px;
 margin: 0px 0 0 0;
 padding: 0 0 0 15px;
}

#footer ul li {
 list-style: none;
 display: inline;
 padding: 0 5px 0 0px;
}

#footer ul li a {
 font-size: 11px;
 color: #000;
 text-decoration: none;
 padding: 0 5px 0 0;
}

#footer ul li a:hover {
 text-decoration: underline;
}

#footer p a {
 font-size: 11px;
 color: #dc0030;
 text-decoration: underline;
 padding: 0 0px 0 10px;
}

#footer p a:hover {
 text-decoration: none;
}

#footer img#logolegistrative {
 float: right;
 margin: 0;
 padding: 0 20px 0 0;
}

#header_pop {
	margin:auto;
	width: 600px;
	margin-top: 0px;
	padding: 10px 0px 0px 0px;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	line-height:14px;}
	
#contenu_pop {
	width: 600px;
	margin-top: 0px;
	padding: 0px 0px 0px 0px;
	overflow:auto;
	height:460px;
	background-color:#FFFFFF;
	font-family: Arial, Helvetica, sans-serif;
	font-size:11px;
	color: #000000;
	scrollbar-face-color: #ff7e26;
	scrollbar-shadow-color: #ff7e26;
	scrollbar-darkshadow-color: #ffffff;
	scrollbar-track-color: #e1e1e1;
	scrollbar-arrow-color: #ffffff;}

#contenu_pop h1 {
 font-size: 18px;
 color: #19171c;
 padding: 0 0px 0 19px;
 margin: 0;
}	
#header_pop input.bt {
	color: #ffffff;
	background:#ff9000;
	border: 0px;
	font-family: Arial, Helvetica, sans-serif;
	width:100px;
	height:30px;
	font-size: 12px;
	font-weight:bold;
}	


	
#contenu_pop h2 img.puce {
 margin: 0 15px 0 0;
}

#contenu_pop input {
	font-family: Arial, Helvetica, sans-serif;
	font-size: 10px;
	height: 18px;
	width:350px;
	border: 1px solid #ff9000;
	margin: 0px;
	padding: 0px 0px 0px 4px;
	font-size: 11px;}
	
#contenu_pop textarea {
	font-family: Arial, Helvetica, sans-serif;
	width:350px;
	border: 1px solid #ff9000;
	margin: 0px;
	padding: 0px 4px 0px 4px;
	font-size: 11px;}

#contenu_pop .txt {
	font-family:Arial, Helvetica, sans-serif;
	font-size:11px;
	padding: 0px 10px 10px 0px;
	margin: 0px;}
	
#contenu_pop input.radio {
	height: 14px;
	width: 14px;
	margin: 0px;
	border: 0px solid #ffffff;}