/*--- CSS du site caroline-kieffer.com ---
---   MUSIXONE & MEDIAS / oct 2009   ---*/

/*tr {position: relative}
td {background-image: none}*/

/*a.bleu {
  text-decoration:underline;
  color:#0000FF;
  font-weight: bold;
}*/

a.mentions {
  text-decoration:underline;
  color:#EEEEEE;
  font-family: Arial, Helvetica, sans-serif; 
  font-weight: bold; 
  font-size: 13px;  
  margin-left:30px
}

body {
	background-color: #0066FF;
	background: url(images/image092.jpg) no-repeat;
    margin: 0px;
    padding: 0px;
}

#global {
  clear: both;
  width: 994px; /* mme taille pour opaban.png*/
  height: 600px;
  /*  background-image:url(images/opacity.png);*/
	margin-left: auto;
	margin-right: auto;
	margin-top: 0px;
	margin-bottom:30px;
}

#header {
  clear: both;
  /*background-color:#0066FF;*/
  /*width: 100%; /* mme taille pour opaban.png*/
  height: 100px;
  background:url(images/opaban.png) no-repeat;
  text-align:center;
  /* font-size:xx-large;*/
  padding:15px 30px 15px 30px;
}

#soustitre {
  /*background-color:red;*/
  line-height: 0;
  padding:0 20px 20px 40px;
  margin:0;
}

#left {
  float: left;
  background-color:#0066FF;
  background: url(images/opaleft.png) no-repeat;
  width: 390px;  /* 400 + 20 + 70 (padding left et right) = 480 px */
  height:750px;
  padding:0px 20px 20px 70px;
}

#right {
  float: right; /* force col de droite  conserver la frontire de la col prcdente (elle ne passe pas en dessous la col de gauche quand elle est contient plus de lignes)*/
  background-color:#0066FF;
  background: url(images/oparight.png) no-repeat;
  width: 434px; /* 434 + 60 + 20px  du padding L er R = 514 (434 : taille exacte pour tre contre col left)*/
  height:750px;  
  padding: 0px 60px 20px 20px;
  font-weight: bold; 
  font-family: Arial, Helvetica, sans-serif;
  text-align: justify;
  color: #FFFFFF /* white */
}

/* left2 right2 et center2 utiliss pour les galeries */
#left2 {
  float: left;
  /*background-color:#0066FF;*/
  background: url(images/opaleft2.png) no-repeat;
  width: 60px;
  height:790px;
  }
  
#center2 { /* en solo sur galerie */
	float: left;
    /*background: #00FF00; */
	background: url(images/opacity.png) repeat ;
	width: 874px; /* 874 + 60 +60 = 994 */
	height:790px;
}

#galerie {
  position:relative; left:50%; margin-left:-390px; 
  /* background: #FFFF00; */
  /* border-style:ridge; */
  border-style:solid;
  border-width:12px;
  border-color:#000000;
  width: 772px; 
}

#right2 {
/*overflow:hidden;  */
  float: right;/* force col de droite  conserver la frontire de la col prcdente (elle ne passe pas en dessous la col de gauche quand elle est contient plus de lignes)*/
  /*background-color:#FFFF00;*/
  background: url(images/oparight2.png) no-repeat;
  width: 60px; /* 434 + 60 + 20px  du padding L er R = 514 (434 : taille exacte pour tre contre col left)*/
  height:790px;  
} 
  
#btnleft {
  clear:both;
  float: left;

 /* background-color:#6666FF;*/
  background: url(images/opaleft.png) no-repeat;
  width: 160px; 
  padding-top:     20px; 
  padding-bottom:  25px;
  padding-left:   270px;
  padding-right:   50px;
}

#btnright {
  float: right;
  /*background-color:#FF0099;*/
  background: url(images/oparight.png) no-repeat;
  width: 120px; /*(taille exacte pour tre contre col left) 170 + 344 du padding right = 514 px */
  padding: 20px 374px 25px 20px;
}

#btncentre {
  clear:both;
  float: left;
}



#footer {
    clear: both; /* sinon passe  la suite de col de gauche qd col droite plus grande que col gauche */
    /*background-color:#0066FF;*/
	background: url(images/opafoot2.png) no-repeat;
	padding: 5px 0 15px 370px;
}

.titre1 {color: #FFFFFF;font-weight: bold; font-family: Arial, Helvetica, sans-serif}
.titre2 {color: #000000; font-weight: bold; font-family: "Courier New", Courier, mono}
.titre3 {color:#CC0000;	font-weight: bold;font-family: Geneva, Arial, Helvetica, sans-serif;font-style: italic}
.lettre1 {color: #CCCCCC}
.info {font-size: 17px; font-family: Arial, Helvetica, sans-serif; font-weight: bold; color: #990000}
.noticegal{font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; color: #000000}
.contact  {font-family: Arial, Helvetica, sans-serif; font-weight: bold; font-size: 17px; color: #FFFFFF}
.link {color: #66FFFF}

img, div { behavior: url(iepngfix.htc) } /* IE6 et IE 7 FIX bug PNG transparent */