/* Header */
#header{
	background: url(/FRONT/COINTREAU/client/img/common/bg_header.gif) top repeat-x;
	position: absolute;
	left: 0;
	top: 0;
	text-align: center;
   width: 100%;
}
.headerContent{
	width: 861px;
	margin: 0 auto;
	text-align: left;
	padding-top: 2px;
}
.headerSearch{
	width: 320px;
	float: left;
	color: #EB6E07;
	margin-bottom: 10px;
}
.headerSearch .textField{
	font-size: 1em;
	width: 140px;
	background-color: #9F958F;
	border: none;
	padding: 1px 2px;
}
.headerSearch .btOk{
	border: 0;
	padding: 0;
	background: transparent;
	color: #EB6E07;
	font-size: 1em;
}

.headerRight{
	
	float: right;
	text-align: right;
	margin-top: -1.1px;
	}
.headerRight, .headerRight a{
	color: #EB6E07;
}
.headerRight ul li{
	display: inline;
	margin-left: 3px;
	

}

.headerCenter{
	<!--width: 50%;-->
	float: center;
	text-align: center;
	margin-top: -3px;
	}
.headerCenter, .headerCenter a{
	color: #EB6E07;
}


.logo{
	float: left;
}

.headerNav{
	float: right;
	width: 720px;
	text-align: right;
	margin-top: 10px;
	font-size: 1.2em;
}

.headerNav li{
	/* display: inline; */
   float: right;
	margin-left: 14px;
	position: relative;
}
/*
.headerNav li a, .headerNav li span{
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 2px;
	line-height: 20px;
}
*/
.headerNav li a {
	font-weight: bold;
	text-transform: uppercase;
	padding: 2px 2px;
	line-height: 20px;
}

.headerNav li.headerNavLastItems ul{
   left: auto;
   right: 0;
   text-align: right !important;
}

.headerNav li a:hover, .headerNav li a.active, .headerNav li span{
	text-decoration: none;
	background-color: #EB6E07;
	color: White;
}
.headerNav li ul{
	position: absolute;
	left: -14px;
	top: 20px;
   white-space: nowrap;
   text-align: left !important;
   width: 500px;
}

.headerNav li ul li{
   display: inline;
   float: none;
}
.headerNav li.headerNavLastItems ul{
   left: auto;
   right: 4px;
   text-align: right !important;
}

/* Fin Header */

/* Contenu principal */
#mainContainer{
   width: 861px;   
   margin: 150px auto 0 auto;
   text-align: left;
	padding-bottom: 10px;
}
/* Fin Contenu principal */

/* Footer */
#footer{
	padding-top: 5px;
	clear: both;
}
#footer ul{
	float: left;
}
#footer li{
	display: inline;
	margin-right: 3px;
}
#footer blockquote{
	float: right;
}
/* Fin Footer */

/* Classes communes */
.outsideBorder{
   border: solid 1px #fdf1e8;
}

.insideBorder{
   border: solid 1px #ebb474;
   padding: 5px;
   background-color: White;
}
.insideBorder2{
   border: solid 1px #ebb474;
   padding: 5px;
}

.insideBorder3{
   border: solid 1px #ebb474;
   padding: 5px;
   height: 1080px;
}

.blocContentLarge, .blocContentSmall{
	background-color: White;
}
.blocContentLarge2{

background: url(/FRONT/COINTREAU/client/img/common/cointreau04.jpg) no-repeat;
}
.blocContentLarge .insideBorder{
   width: 847px;
}
.blocContentLarge2 .insideBorder{
   width: 420px;
}
.toKnowMore{
   margin-bottom: 0 !important;
}
.toKnowMore a{
   background: url(/FRONT/COINTREAU/client/img/common/arrow_brown.gif) no-repeat right center;
   padding-right: 8px;
}
.blocInsert .toKnowMore{
	text-align: right;
}
.pushAmbassade .toKnowMore{
	position: absolute;
	right: 0;
	bottom: 5px;
}
.pushAmbassade .toKnowMore a{
	color: White;
	background-image: url(/FRONT/COINTREAU/client/img/common/arrow_white.gif);
	padding-right: 12px;
}
.pushAmbassade .toKnowMore a:hover{
   color: #eb6e07;
}

.toKnowMore2 a{
	color: White;
	background-image: url(/FRONT/COINTREAU/client/img/common/arrow_white.gif);
	background-repeat: no-repeat;
	background-position: right center;
	padding-right: 12px;
}
.toKnowMore2 a:hover{
   color: #eb6e07;
}

.seeAll{
   text-align: right;
   margin-bottom: 0 !important;
}
.seeAll a{
   background: url(/FRONT/COINTREAU/client/img/common/arrow_white.gif) no-repeat right center #433024;
   color: White;
   padding: 2px 13px 2px 5px;
   line-height: 20px;
}
.seeAll a:hover{
   background-color: #eb6e07;
   color: White;
}
.seeAlls{
   text-align: left;
   margin-bottom: 0 !important;
}
.seeAlls a{
   background: url(/FRONT/COINTREAU/client/img/common/arrow_white.gif) no-repeat right center #433024;
   color: White;
   padding: 2px 13px 2px 5px;
   line-height: 20px;
}
.seeAlls a:hover{
   background-color: #eb6e07;
   color: White;
}

.newsContainer .seeAll{
   margin-right: 10px;
   margin-bottom: 5px !important;
}
.detailsContainer .seeAll{
	margin-top: 15px;
}
.latestNews .seeAll{
   position: absolute;
   right: 3px;
   bottom: 5px;
}
.pushHtml .seeAll{
   position: absolute;
   right: 0;
   bottom: 0;
}
.pushHtml2 .seeAll{
   position: absolute;
   right: 0;
   bottom: 0;
}


.listTools{
	text-align: right;
}
.listTools li{
	display: inline;
	margin-left: 10px;
}
.pictPrint, .pictMail, .pictGoogleMap{
	background: no-repeat;
	padding-left: 18px;
	padding-bottom: 5px;
	line-height: 18px;
}
.pictPrint{
	background-image: url(/FRONT/COINTREAU/client/img/common/pict_print.gif);
}
.pictMail{
	background-image: url(/FRONT/COINTREAU/client/img/common/pict_mail.gif);
}
.pictGoogleMap{
	background-image: url(/FRONT/COINTREAU/client/img/common/pict_google_map.gif);
}
/* Fin Classes communes */

/* Titres */
h1, h2{
	text-transform: uppercase;
}
h1, h2, h2 a, h3, h3 a{   
   color: #eb6e07;  
}
h2 a:hover, h3 a:hover{
   text-decoration: none;
}
/* Fin Titres */

/* Bloc news communs a la page d'accueil et autres pages internes */
.blocNews img{
	border: solid 1px #FBE0CB;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.blocNews2 img{

	background: transparent;
	float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}
.blocNews3 img{

float: left;
	margin-right: 2px;
	margin-bottom: 2px;
}
.blocNews{
	margin-left: 5px;
   margin-right: 10px;
   width: 408px;
   float: left;
	display: inline;
}
.blocNews2{
	margin-left: 2px;
   margin-right: 2px;
   //width: 320px;
   float: left;
	
}
.blocNews3{
	margin-left: 10px;
   margin-right: 10px;
   width: 470px;
   float: left;
   display: inline;	
}

.blocNews4{
	margin-left: 5px;
   margin-right: 10px;
   width: 408px;
   float: left;
	display: inline;
}
.blocNews4 img{
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}
.blocNews5{
	margin-left: 5px;
   margin-right: 10px;
   width: 150px;
   float: left;
	display: inline;
}


.newsHighlight .blocNews{
   width: auto;
	margin-left: 0;
}
/* Fin Bloc news communs a la page d'accueil et autres pages internes */

/* Gabarit POPIN */
#mask{
	position: absolute;
	width: 100%;
	left: 0;
	top: 0;
	background-color: Black;
	opacity: .7;
	-moz-opacity: .7;
	filter: alpha(opacity=70);
}
#popin{
	position: absolute;
	z-index: 1000;
	top: 150px;
	left: 50%;
	margin-left: -430px;
}
#popinBody .insideBorder{
	position: relative;
	text-align: left;
}

a.closePopin, a.closePopinIdentification{
	background: url(/FRONT/COINTREAU/client/img/common/pict_close.gif) right no-repeat #433024;
	position: absolute;
	right: 10px;
	top: 10px;
	color: White;
	padding: 2px 20px 2px 5px;
}
a.closePopin:hover{
	background-image: url(/FRONT/COINTREAU/client/img/common/pict_close_hover.gif);
	text-decoration: none;
}

a.closePopinIdentification:hover{
	background-image: url(/FRONT/COINTREAU/client/img/common/pict_close_hover.gif);
	text-decoration: none;
}

#popinBody .cocktailChoice{
	margin: 0 40px 10px 40px;
   width: 743px;
}

/* Gabarit Contact */


.blocContentSmall{
	margin-left: 250px;
}
.blocContentSmall .insideBorder{
   width: 360px;
}
.contact{
	padding: 10px 20px;
	font-size: 1.1em;
}
.listFields li{
	clear: both;
	margin-bottom: 10px;
}
.formLabel{
	width: 115px;
	margin-right: 10px;
	float: left;
	line-height: 13px;
	vertical-align: middle;
}
.captcha{
	line-height: 13px;
	vertical-align: middle;
}

.textField, .smallTextField, .selectField, .textareaField{
	background: url(/FRONT/COINTREAU/client/img/common/bg_input.gif) repeat-x transparent;
	border: solid 1px #644C3C;
	padding: 1px 2px;
	font-size: 1em;
	width: 180px;
}
.smallTextField{
	width: 80px;
}
.selectField{
	padding: 0;
	width: 190px;
}

.placeSearch  .selectField{
	padding: 0;
	width: 246px;
}
.textareaField{
	background-image: url(/FRONT/COINTREAU/client/img/common/bg_textarea.gif);
}
.listFields li .listRadios{
	display: inline;
}
.listFields LI .listRadios li{
	clear: none;
	display: inline;
	margin-right: 25px;
	margin-bottom: 0;
}
.listFields li .listRadios li input, .listInscriptions li input{
	vertical-align: middle;
}
.listInscriptions{
   margin-left: 100px;
}
.listInscriptions li{
   display: block;
   clear: none;
   margin-bottom: 0;
}
.mentionCNIL{
   margin-top: 10px;
   margin-bottom: 10px;
   font-size: 0.9em;
   float: left;
}
.btSubmit{
	background: url(/FRONT/COINTREAU/client/img/common/arrow_white.gif) right no-repeat #433024;
	color: White;
	border: none;	
	padding: 3px 8px 4px 2px;
	vertical-align: middle;
}
* html body .btSubmit{
   padding-bottom: 1px;
}
.contact .btSubmit{
	font-size: 0.9em;
	float: right;
   margin-right: 3px;
}
.msgError{
   color: Red;
   margin-bottom: 0 !important;
}
.contact .msgError{
	font-size: 0.9em;
}
.msgConfirmation{
	padding: 50px;
}
/* Fin Gabarit Contact */

/* Fin Gabarit POPIN */

/* Identification */
body#bodyIdentification{
   background: url(/FRONT/COINTREAU/client/img/common/bg_identification.jpg) center top no-repeat;
}
#identContainer{
   width: 412px;
   height: 360px;
   margin: 0 auto;
   padding-top: 174px;
   text-align: left;
}
.identContent{
   margin-left: 40px;
   margin-right: 30px;
   /* text-transform: uppercase;*/
   font-size: 1.5em;
   font-weight:bolder;
}
.identContent h2{
   margin-bottom: 30px;
}
.identContent .selectField, .identContent2 .selectField{
   font-size: 0.57em;
   vertical-align: middle;
   width: 155px;
   color: #5c4231;
}
.margB30{
   margin-bottom: 30px;
}
.identContent LABEL{
   vertical-align: middle;
}

#identContainer2{
   width: 412px;
   height: 360px;
   margin: 150px auto 0 auto;
   text-align: left;
																							   
}

#popin-confirm-body div.identContent2{
   margin-left: 30px;
   margin-right: 30px;
   margin-top: -35px;
   /* text-transform: uppercase;*/
    font-size: 1em;																
}

.identContent #birthDate{
	background: url(/FRONT/COINTREAU/client/img/common/bg_identification.jpg) center -347px no-repeat;
	position: absolute;
	top:65px;
	left: -120px;
	width: 360px;
	height: 175px;
}

.identContent2 #birthDate {
	/*background: url(/FRONT/COINTREAU/client/img/common/bg_identification.jpg) center -347px no-repeat;*/
	background-color:#FEFAEF;
	position: absolute;
	top: 65px;
	width: 360px;
	height: 160px;
																							
}

html>body .identContent #birthDate  {
	top: 65px;
	left: 0;
}



.identContent .birth  {
	font-size: 0.8em;
	margin : 5px 0 5px 0;
}

.identContent p.birth2{
color:#E7BB7E;
display:block;
font-size:0.6em;
line-height:1em;
margin-top:10px;
width:355px
}


#popin-confirm-body div.identContent2 .birth {
	font-size: 1.2em;
}

.identContent .link a, #popin-confirm-body div.identContent2 .link a {
	font-size: 0.9em; font-weight: normal; text-decoration: underline;
}
.identContent #birthDate input, .identContent2 #birthDate input {
	width: 45px;
	padding: 2px 4px;
	margin-right: 5px;
	margin-top: 8px;
	margin-bottom :5px;
	text-align: center;
}
.identContent #birthDate input.half, .identContent2 #birthDate input.half {
	width: 30px;
}

/* Fin Identification */



/* Popin de confirmation
-------------------------------------------------------------------------------------- */

#popin-confirm-body {
   width:400px;
   height:346px;
   background:url(/FRONT/COINTREAU/client/img/common/bg_popin.png) no-repeat;
   margin:0 0 0 250px;
																							
}

#popin-confirm-ttl {
   margin:68px 0 0 0;
}

#popin-confirm-body p {
	font-size:1.7em;
	font-weight: bolder;
	text-align:left;
	line-height: 1em;
}

#popin-confirm-body p.birth2{
color:#E7BB7E;
display:block;
font-size:0.9em;
line-height:1em;
margin-top:1Opx;
width:355px
}

#popin-confirm-body h1 {
	padding:5px 10px 0 5px;
}

#popin-confirm-body div {
	margin:10px 0 0 0;
}

#popin-confirm-body div a {
	margin:0 
}

/* cointreau */

.info{
margin-left: 5px;
   margin-right: 5px;
   width: 398px;
   float: left;
display: inline;
}

.info img{
	border: solid 1px #FBE0CB;
	float: left;
	margin-right: 10px;
	margin-bottom: 5px;
}

.CointreauLight .info {
margin-left:0pt;
width:auto;
margin-bottom: 10px
}

.CointreauContainer{
   padding-top: 15px;
}

.CointreauContainer{
   background: url(/FRONT/COINTREAU/client/img/common/bg_news.gif) repeat-x;
   padding-top: 15px;
}
.CointreauLight{
   padding: 0 5px 10px 5px;
   font-size: 1em;
}
.CointreauLight h2{
   font-size: 1.27em;
	text-transform: none;
}
.CointreauContainer h2{
   font-size: 1.1em;
   margin-bottom: 0;
	text-transform: none;
}