/* :::::  RESET  ::::::  */

html {
	margin:0;
	padding:0;
	border:0;
}

body, div, span, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, code,
del, dfn, em, img, q, dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td,
article, aside, dialog, figure, footer, header,
hgroup, nav, section {
  margin: 0;
  padding: 0;
  border: 0;
  font-weight: inherit;
  font-style: inherit;
  font-size: 100%;
  font-family: inherit;
  vertical-align: baseline;
}

a img { border: none; }

/* CSS Document border:#FF0000 solid 1px;  */
body { 	font-family : Arial; margin:0px; font-size:11px;  background: url('../images/body_background.gif') repeat-x 0 0; }
img { border:none; }
ul, li { list-style-type:none;}
a { text-decoration:none; font-family: Arial, Helvetica, sans-serif; color: #367dbd; }
a:hover, a.on { color:#004088; text-decoration:underline; }

.clearfix{display:block}
.clearfix:after, .container:after {content:"\0020";display:block;height:0;clear:both;visibility:hidden;overflow:hidden;}
.left {float:left !important;}
.right {float:right !important;}
#content p.focus{
  background: url("../images/background_focus.png") no-repeat scroll 0 0 transparent;
  color: white;
  font-weight: bold;
  height: 47px;
  padding-left: 55px;
  padding-top: 8px;
  text-transform: uppercase;
  margin-left: 50px;
}

#content ul {
  margin-bottom: 20px;
}

#content ul li{
  color: #004489;
  font-size: 13px;
  list-style-type: none;
  padding-left: 25px;
  background: url(../images/list_type.gif) no-repeat scroll transparent 0 3px;
}

#content ul li a{
  color: #004489;
  text-decoration: none;
}

#content ul li a:hover{
  color: #f29400;
}

h1 { margin-top: 25px; height: 80px; overflow: hidden; text-indent: -9999px; }
h2{ background: url("../images/background_h2.png") no-repeat scroll 0 0 transparent;
    color: white;
    font-size: 16px;
    font-weight: bold;
    height: 24px;
    margin: 25px 0;
    padding: 7px 0 0 10px;
    text-transform: uppercase; }
h3{
  font-size: 16px;
  font-weight: bold;
  color: #004489;
  text-transform: uppercase;
  margin: 30px 0 2px 0;
}

h3 sup{
  font-size: 8px;
}
h4{ margin:0 0 8px 0; font-family: Verdana, Arial, Helvetica, sans-serif; font-weight: normal; font-size:14px; color:#FFFFFF }
#content p{color: #004489; font-size: 13px;}
/* :::::  LAYOUT  ::::::  */

/* HOMEPAGE */

.homepage_layout .contenus{
  background: url(../images/background_homepage.jpg) no-repeat scroll transparent 0 0;
  height: auto !important;
  height: 694px;
  min-height: 694px;
}

.homepage_layout #pied{
  background: url(../images/background_pied_homepage.gif) no-repeat scroll transparent 0 0;
}

/* BURN */

.burn_layout h1{
  background: url(../images/title/burn.png) no-repeat scroll transparent 0 0;
  margin-bottom: 40px;
}

.burn_layout #content div{
  width: 533px;
  height: 444px;
  background: url(../images/content_burn.png) no-repeat scroll transparent 0 0;
}

.burn_layout #content div .link_burn_sun{
  color: #004489;
  display: block;
  font-size: 17px;
  font-weight: bold;
  height: 35px;
  padding: 74px 0 0 368px;
  text-transform: uppercase;
  width: 100px;
}

.burn_layout #content div .link_burn_domestic{
  color: #004489;
  display: block;
  font-size: 17px;
  font-weight: bold;
  height: 35px;
  padding: 254px 0 0 84px;
  text-align: right;
  text-transform: uppercase;
  width: 123px;
}
.burn_layout #content div a:hover{
  color:#F39501;
  text-decoration: none;
}

/* BURN WHAT */

.burn_what h1{
  background: url(../images/title/burn_what.png) no-repeat scroll transparent 0 0;
}

.burn_what #content img{
  margin-top: 100px;
}

/* BURN DOMESTIC */

.burn_domestic h1{
  background: url(../images/title/burn_domestic.png) no-repeat scroll transparent 0 0;
}

.burn_domestic #content p.focus{
  height: 43px;
  padding-top: 12px;
}

/* BURN SUN */

.burn_sun h1{
  background: url(../images/title/burn_sun.png) no-repeat scroll transparent 0 0;
}

.burn_sun #content p.focus{
  height: 34px;
  padding-top: 21px;
  margin-bottom: 20px
}

.burn_sun #content a,
.burn_domestic #content a{
    background: url("../images/background_a.png") no-repeat scroll 0 0 transparent;
    display: block;
    font-size: 15px;
    font-weight: bold;
    height: 20px;
    margin: 25px 0 25px 20px;
    padding-left: 33px;
    padding-top: 2px;
    text-transform: uppercase;
}

.burn_sun #content a:hover,
.burn_domestic #content a:hover{
  color: #F29400;
  text-decoration: none;
}

/* WHAT TO DO */

.what_to_do h1{
  background: url(../images/title/what_to_do.png) no-repeat scroll transparent 0 0;
  margin-bottom: 20px;
}

.what_to_do #content img{
  margin: 60px 0 0 50px;
}

/* PRODUCT */

.product .contenus{
  background: url(../images/background_product.jpg) no-repeat scroll transparent 0 0;
  height: auto !important;
  height: 880px;
  min-height: 880px;
}

.product h1{
  background: url(../images/title/product.png) no-repeat scroll transparent 0 0;
  margin-bottom: 20px;
}

.product h1.last{
  background: url(../images/title/product_last.png) no-repeat scroll transparent 0 0;
  margin-top: 80px;
}

.product #content p.focus{
  font-size: 13px;
  height: 50px;
  padding-top: 5px;
}

/* SITEMAP */

.sitemap h1{
  background: url(../images/title/sitemap.png) no-repeat scroll transparent 0 0;
}

.sitemap #content p{
  font-size: 13px;
}

/* LEGAL */

.legal h1{
  background: url(../images/title/legal.png) no-repeat scroll transparent 0 0;
}

.legal .contenus{
  background: url(../images/background_legal.jpg) no-repeat scroll #c7e7f2 0 0;
  height: auto !important;
  height: 880px;
  min-height: 880px;
}

.legal #content{
  margin-bottom: 40px;
}
.legal #content p{
  text-align: justify;
}

/* Service */

.service h1{
  background: url(../images/title/service.png) no-repeat scroll transparent 0 0;
}

/* :::::  GENERAL  ::::::  */
#top {height: 20px; background-color: #55bfcf;}
#page { margin:0 auto 0 auto; width:992px; }
#header { width: 992px; background-color: #efefef; clear: both;background: url('../images/background_menu.jpg') repeat-x 0 0;}
#pied { height:100px; background:url("../images/index-cont-bas-2.gif") no-repeat scroll top center transparent; clear:both; margin-bottom: 25px;}

/* :::::  HEADER  ::::::  */
.logo{ margin: 0 0 0 20px; }
#menu{ display: block; margin-top: 15px;  }
#menu li{ background: url("../images/background_menu_li.jpg") no-repeat scroll right top transparent; float: left; padding: 13px 5px 0; text-align: center; text-transform: uppercase; height: 50px;  width: 118px;line-height: 12px; }
#menu li.last{ background: none; }
#menu li.link1{ padding-top: 19px;}
#menu li.link3{ width: 100px; padding-top: 19px;}
#menu li.link4{ width: 95px;}
#menu li a{ color: #293D82;
    font-size: 11px;
    font-weight: bold;}
#menu li a:hover{ color: #55BFCF;text-decoration: none; }
.small-logo{ background: url("../images/small-logo.gif") no-repeat scroll 0 0 transparent;
    float: left;
    font-size: 8px;
    font-weight: bold;
    height: 13px;
    margin-left: 22px;
    margin-top: 32px;
    overflow: hidden;
    padding: 27px 0 0 37px;
    text-transform: uppercase;
    width: 140px;}
.small-logo a{
      color: #008FCD;
}

/* :::::  INDEX  ::::::  */
#pied-contenus { padding:30px 0px 0px 20px ;text-align:left; font-size:11px;  font-family: Arial, Helvetica, sans-serif; font-weight:bold; color:#25b1bb;}
#pied-contenus a, #pied-contenus a:visited  { text-decoration:none; color:#25b1bb;} 
#pied-contenus a:hover  { color:#227777; text-decoration:underline;}
.separateur1 { width: 1px; height: 23px; background-color: #2a4080;  }
.separateur2 { margin: 0 5px 0 5px;}
.mentions_footer{ font-size:10px; margin:0 0 0 10px; color:black; color:#25b1bb; }
p.mentions_footer{ width: 700px; font-size: 9px; }
.td_cont_Gche {width:245px; background-color:#62bdce; background-image:url(../images/index-flacon.jpg); background-repeat:no-repeat; }
.td_cont_haut {width:405px; background-color:#62bdce; background-image:url(../images/index-fond-flash.gif); background-repeat:no-repeat; background-position: 0px 0px; }
.td_cont_bas {width:405px; height:90px; background-color:#62bdce; }
.td_cont_dte { width:200px; background-image:url(../images/index-fond-boutons.gif); background-repeat:no-repeat; background-position: 0px 0px; padding-top:90px; }
#texte_1-2 { font-family: Arial, Helvetica, sans-serif; color: #004088; font-size:9px; text-align:left; width:400px; margin:0; padding:0px; }
#texte_1-2 p { margin:0; }

/* :::::  BOUTONS  ::::::  */
.bouton{ height:160px; background-image: url(../images/bouton.gif); background-repeat: no-repeat; background-position: 0px 0px; font-family: Arial, Helvetica, sans-serif; font-size: 13px; text-transform: uppercase; font-weight:bold; margin:0 0 0 auto; }
.bouton .hide{ display:none; }
.bouton .left{  padding:0 0 0 7px; }
.bouton .left .conteneur-bleu,.bouton .left .conteneur-rouge, .bouton .left .conteneur-neutre{ width:99px; height:110px; text-align:center; border-bottom:12px solid; padding:0 5px; }
.bouton .left .conteneur-bleu{ border-bottom-color:#5491cd; }
.bouton .left .conteneur-bleu a{ color:#215997; }
.bouton .left .conteneur-rouge{ border-bottom-color:#de0023; }
.bouton .left .conteneur-rouge a{ color:#de0023; }
.bouton .image-conteneur{ width:68px; height:146px; background-repeat: no-repeat; background-position: 0px 0px; }


.actualite{ margin:0 0 15px 0; }
.image-actualite{ margin:0 10px 10px 0; float:left; }
.clr{clear:both;}


/* :::::  CONTENUS  ::::::  */
#contenus-haut { height:90px; background-image:url(../images/contenus-haut.gif)}
.contenus{ background: url("../images/main_background.jpg") no-repeat scroll 0 0 #B0DFF3; height: auto !important; height: 690px; min-height: 690px; width: 995px; }
#aside, #content, #column_right{
  height: auto !important;
  height: 690px;
  min-height: 690px;
  float: left;
}

/* :::::  ASIDE  ::::::  */

#aside{
  width: 175px;
  color: #FFFFFF;
  float: left;
  font-size: 12px;
}
#aside h3 {
  font-size: 13px;
  font-weight: normal;
  margin: 20px 0 5px 24px;
  text-transform: uppercase;
  color: #367DBD;
  font-weight: bold;
}
#aside ul li {
    height: 1%;
    vertical-align: middle;
}

#aside ul a {
    display: block;
    padding: 5px 5px 5px 24px;
    position: relative;
}

/* :::::  CONTENT  ::::::  */

#content{
width: 602px;
}

/* :::::  COLUMN RIGHT  ::::::  */

#column_right{
  width: 215px;
  padding-top: 40px;
  height: auto !important;
  height: 650px;
  min-height: 650px;
}

#column_right .button_right{
  width: 190px;
  height: 150px;
  float: right;
  margin-top: 20px;
  overflow: hidden;
}

#column_right .burn{
  background: url('../images/button/right_button_burn.png') no-repeat 0 0;
}

#column_right .protect{
  background: url('../images/button/right_button_protect.png') no-repeat 0 0;
}

#column_right .discover{
  background: url('../images/button/right_button_offer.png') no-repeat 0 0;
}

#column_right .tv{
  background: url('../images/button/right_button_tv.png') no-repeat 0 0;
  height: 43px;
  width: 136px;
}

#column_right a:hover,
#column_right a.current{
  background-position: 70px 0px;
}

body #column_right a.tv:hover {
  background-position: 0px 0px;
}

.tab-contenus {background: url('../images/main_background.jpg') no-repeat 0 0}
.td-titre { height:80px; padding:0 0 0 20px; background-color:#62bdcd; font-family: Verdana, Arial, Helvetica, sans-serif; text-align:left; font-size:32px; text-transform:uppercase; }
.td-illustr { width:150px; height:450px; }
.td-contenus { text-align:left; padding:0 0 0 10px; }
.td-boutons { width:200px; }

a.btn_brûlures_dom{
	background: url(../images/brûlures_domestiques.jpg) no-repeat;
	position: absolute;
	_margin-left: -430px;
	width: 251px;
	height: 418px;
}

a.btn_brûlures_sol{
	background: url(../images/brûlures_solaires.jpg) no-repeat;
	position: absolute;
	margin-left: 250px;
	_margin-left: -430px;
	width: 251px;
	height: 418px;
}

a.btn_brûlures_domestiques{
	background: url(../images/btn_brûlures-dom.jpg) no-repeat 0 -81px;
	position: absolute;
	margin-left: 100px;
	width: 141px;
	height: 81px;
}
a.btn_brûlures_domestiques:hover{
	background: url(../images/btn_brûlures-dom.jpg) no-repeat 0 0px;
}

a.btn_brûlures_solaires{
	background: url(../images/btn_brûlures-sol.jpg) no-repeat 0 -81px;
	position: absolute;
	margin-left: 250px;
	width: 141px;
	height: 81px;
}
a.btn_brûlures_solaires:hover{
	background: url(../images/btn_brûlures-sol.jpg) no-repeat 0 0px;
}

#cas_soleil { background-color:#ffe495; position: relative; margin-top: 20px; }
#illu_soleil { width:160px; height:154px; background-image:url(../images/bg_soleil.jpg); position: relative; top: -9px; left: -8px; float: left; }
#cas_soleil_coinhd { width:12px; height:12px; background-image:url(../images/coin_hd.gif); position: absolute; top: 0px; right: 0px; }
#cas_soleil_coinbd { width:12px; height:12px; background-image:url(../images/coin_bd.gif); position: absolute; bottom: 0px; right: 0px; }
#cas_soleil_coinbg { width:12px; height:12px; background-image:url(../images/coin_bg.gif); position: absolute; bottom: 0px; left: 0px; }


/* :::::  TEXTES  ::::::  */
.sousous-titre-cas_soleil {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:14px; color:#de7800; padding: 10px 10px 0 10px; margin:10px 0 0 0;}
.texte-base-cas_soleil {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:12px; color:#de7800; padding: 10px; margin:10px 0 10px 0;}
.sous-titre {font-family: Arial, Helvetica, Verdana, sans-serif; font-size:16px; font-weight:bold; color:#004087; margin:10px 0 10px 0;}
.sousous-titre {font-family:  Arial, Helvetica, Verdana, sans-serif; font-size:14px; color: #ffe345; font-weight:bold; margin-bottom:5px; }
.texte-bold {font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:12px; font-weight:bold; margin:0 0 0 0; color:#FFFFFF;}
ol { margin:10px 0 5px 0; padding:0 0 0 20px; font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:14px; color: #e46026; font-weight:bold;}
.texte-base { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:13px; color:#FFFFFF; margin:3px 0 0 0; font-weight:normal; }
.texte-base-pt { font-family:  Verdana, Arial, Helvetica, sans-serif; font-size:12px; color:#FFFFFF; margin:3px 0 0 0; line-height:16px; }


/* :::::  Bepanthen Spray Mouse  ::::::  */

#debut-texte { height:100px; background-image:url(../images/logo-brûlure.gif); background-repeat:no-repeat; background-position:left top; padding:10px 0 0 85px; }
#visuel-main { height:200px; background-image:url(../images/main-brulee.jpg); background-repeat:no-repeat; background-position:right; padding:20px 225px 0 0;}
#encart { width:350px; background-color:#0d64c5; padding:3px 15px 3px 0; margin:20px 0 20px 40px}
/**************************************************************/
#myForm {
	padding: 5px;
	margin:0px 0px 0px 30px;
}

#myForm p {
	margin-bottom: 5px;
}

#myForm label {
	float: left;
	width: 180px;
	font-weight:bold;
}

#myForm input, #myForm textarea, #myForm select {
	border: 1px solid #cac9b9;
}

#myForm .red {
	border: 1px solid red;
}

#myForm label.red {
	border: none;
	color: red;
}

#myForm .customRed {
	border: none;
	color: red;
}

#validationMessage {
	padding: 5px;
	/*background-color: #eee;*/
	border: 1px solid red;
	margin-bottom: 10px;
	color: red;
	font-weight: bold;
	display: none;
}

#myForm .errorMessage {
	color: red;
	margin-left: 10px;
	font-size: 0.8em;
}
/*************************************************************/
.linking a {
	color:#ffffff;
	text-decoration:none;
}
.linking a:hover {
	color:#ffffff;
	text-decoration:none;
}
.linking a:visited {
	color:#ffffff;
	text-decoration:none;
}
.linkingor a {
	color:#de7800;
	text-decoration:none;
}
.linkingor a:hover {
	color:#de7800;
	text-decoration:none;
}
.linkingor a:visited {
	color:#de7800;
	text-decoration:none;
}