/*****************************
* debut de la css de la template principale
* projet refonte du site web kineocam.com
* cette page defini les attributs (styles)
* de balises html ou de la mise en page
******************************/

/* les attributs d'images */

img.ban {border:0; height:150px;z-index:1;}

img.addonHaut{width:200px;position:absolute; margin-bottom:-3px;}
img.addonBas{width:200px;position:absolute;	margin-top:-3px}

img.logo{width:150px}

img.avecBordure{
border-style:solid; 
border-width:1px; 
border-color:#336633;
max-width:80%;
}
img.avecTexte{
float:left;
border-style:solid; 
border-width:1px; 
border-color:#336633;
max-width:80%;
margin-right:10px;
}


/*************************
* attribut de texte
*************************/
.repertoire {font-style:italic}

blockquote{background-color:#CCFFCC;text-indent:15px;margin-left:10px;margin-right:10px;width:80%;color:#003333}

.bold {font-weight:bold}
.underline{text-decoration:underline}
.highlight{background-color:yellow;}

input.newsletter{color:#FFFFFF;font-family:Univers;background:#99CC99;font-weight:bold;border-width:1px;border-color:black;border-style:bordureridge;}

.homeCell{background:url(image/fond_menu.gif) repeat-y;
background-position:100%;}

.error{color:blue; text-align:center}
h1 {
font-family:Univers;
color:red;
font-size:1.5em;
margin-left:5px;
text-decoration:none;
}

h2{
font-family:Univers;
font-size:1.5em;
margin-left:25px;
margin-top:15px
}
/********************************
* Partie concernant l'affichage de donnée
********************************/

a.lien{text-decoration:none;color:#4F5CA3;margin-left:0px;font-size:1em;}
a.lien:hover{text-decoration:none;color:#4F2CD3}
  a.menulien{text-decoration:none;color:#EEEEEE;margin-left:0px;font-size:1em;}
a.menulien:hover{text-decoration:none;color:#CCCCCC}


/********************************
* Partie concernant la mise en page de la template principale
********************************/

/* la page d'accueil*/
.gauche{width:700px;background:url(image/fond_menu.gif) repeat-y;background-position:100%;}
.gauche p{margin-right:10px}
.droite{background-color:yellow; }

/* encapsulateur*/
body {
font-family:  Arial, Helvetica, sans-serif;
background:white;
}
#page{
width:850px;
}

/* la partie haute de la page */
#header {
position:absolute;
top:00px;
left:150px;
font-size:28px;
/*background-color:#576B86;*/
width:100%;
height:115px;
}

/* la partie haute de la page */
#headerText {
position:absolute;
top:40px;
left:30px;
font-size:28px;
color:#576B86;

}

#headerBan {
position:absolute;
top:80px;
height:5px;
width:350px;
font-size:28px;

}

/* le menu */
#wholeMenu {
position:absolute;
background-position:100%;
top:0px;
left:0px;
width:150px;
height:730px;

font-family:Arial;
text-decoration:none;
font-weight:bold;
background-color:#576B86;/*lightblue;*/
}

#menuText{
  position:absolute;
  top:130px;
  left:20px;
  font-family:Arial;
  text-decoration:none;
  font-weight:bold;
  font-size:16px;
  line-height:1.5em;
}

#encartPhoto{
position:absolute;
  top:280px;
  left:0px;
  height:150px;
  width:150px;
    background-color:white;
}
#menuPhoto{
position:absolute;
  left:20px;
  font-family:Arial;
  text-decoration:none;
  font-weight:bold;
  font-size:16px;
  line-height:1.5em;
}
#menuGradient{
position:absolute;
left:0px;
top:450px;


}

#logo{
position:absolute;
  top:20px;
  left:40px;

}

/*la partie centrale de la page, celle qui contiendra l'information*/
#centre {
	position:absolute;
  left:180px;
	top:135px;
	font-size:12px;
	width:550px;
	background-color:white;
	/*top:100px;*/
}
#centre p {

text-indent:0px;
text-align:justify;

}

#adressePerso {
	position:absolute;
	top:95px;
 	font-size:12px;
	background-color:white;
	text-align:left;
	/*top:100px;*/
}

#etatCivil {
	position:absolute;
	top:250px;
 	font-size:12px;
	background-color:white;
	text-align:justify;
	/*top:100px;*/
}

#adresseProf {
	position:absolute;
  left:350px;
	top:95px;
	font-size:12px;
  text-align:right;
	background-color:white;
	/*top:100px;*/
}

#centre table{ 
font-size:12px
 }

#centre sup{ 
font-size:8px;
}

/* titre principal de chaque page*/
#title1
{
  text-align:center;
  font-size:25px;
  font-weight:bold;
}
/* titre principal bis de chaque page*/
#title1bis
{
  text-align:center;
  font-size:20px;
  font-weight:bold;
}
/* titre secondaire de chaque page*/
#title2
{
  text-indent:0px;
  text-align:justify;
  font-size:18px;
  font-weight:bold;
}
/* titre tertiaire de chaque page*/
#title3
{
  text-indent:0px;
  text-align:justify;
  font-size:15px;
  color: #576B86;
  font-weight:bold;
  /*font-style:italic;*/
}
/* titre quaternaire de chaque page*/
#title4
{
  text-indent:0px;
  text-align:center;
  font-size:15px;
  font-weight:bold;
}

#light
{
  text-align:center;
  line-height:1.3em;
}

#lightwithborder
{
  text-align:center;
  line-height:1.3em;
  border-bottom-style:solid;
  border-width: thin;
}

#lightwithborderleft
{
  text-align:center;
  line-height:1.3em;
  border-bottom-style:solid;
  border-left-style:solid;
  border-width: thin;
}

#lightwithborderleftonly
{
  text-align:center;
  line-height:1.3em;
  border-left-style:solid;
  border-width: thin;
}

#lightwithborderrightonly
{
  text-align:center;
  line-height:1.3em;
  border-right-style:solid;
  border-width: thin;
}

#lightwithborderright
{
  text-align:center;
  line-height:1.3em;
  border-bottom-style:solid;
  border-right-style:solid;
  border-width: thin;
}

#dark
{
  text-align:center;
  line-height:1.5em;
  background-color:/*lightgray*/#ACB6C2;
  border-top-style:solid;
  border-bottom-style:solid;
  border-width: medium;
}
#darkborderleft
{
  text-align:center;
  line-height:1.5em;
  background-color:#ACB6C2;
  border-top-style:solid;
  border-bottom-style:solid;
  border-left-style:solid;
  border-width: medium;
}
#darkborderright
{
  text-align:center;
  line-height:1.5em;
  background-color:#ACB6C2;
  border-top-style:solid;
  border-bottom-style:solid;
  border-right-style:solid;
  border-width: medium;
}

#legende
{
  text-align:center;
  font-weight:bold;
}

/* une boite d'info optionnelle */
#addon{
	position:absolute;
	right:15px;
    top:160px;
	/* 	border-spacing:0px 0px;	width:200px;*/
}

#addon .titre {background-color:#99CC99;
	color:#FFFFFF;
	font-weight:bold;
	text-align:center}
	
#addon .corps {font-size:1em;text-align:left;
				margin-top:5px}
				
#addon .corps a {margin-left:0px;}
#addon .corps li {margin-left:-20px;list-style-image: URL(image/carre.gif) }
a.demo{}
img.demo{border-color:red;border-width:1px;border-style:solid; }


/* le bas de page */
#footer {
margin-top:5px;
height: 30px;
}

a.privacy {position:absolute;color:#336633;left:30%}
a.privacy:hover{text-decoration:underline}
a.map {position:absolute;color:#336633;margin-left:60%}
a.map:hover{text-decoration:underline}