/*****************************
* 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; left:-100px; height:150px;}

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

img.logo{max-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;
}

img.link{
margin-left:0px;
margin-right:0px;
border-width:0px;
border-style:none;
}

a.imgLink{
margin-left:0px;
margin-right:0px;
text-decoration:none;
}

/*************************
* 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:Arial;
color:red;
font-size:1.2em;
margin-left:0px;
top:55px;
text-decoration:none;
}

h2{
font-family:Arial;
font-size:1.2em;
margin-left:25px;
margin-top:15px
}

h3{
font-family:Arial;
font-size:1.2em;
margin-left:0px;
margin-top:15px;
}

/********************************
* Partie concernant l\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'affichage de donnée
********************************/

.siteMap{margin-top:50px;width:650px;}
.siteMap ul{}
.siteMap li{margin-left:0px;list-style-image: URL(image/carre.gif)}
.siteMap a{color:#4FAC53;margin-left:0px;font-size:1em;}
.siteMap a:hover{text-decoration:underline;color:#1C5A3A}
.siteMap a.labelMap{color:red;margin-top:0px}
.siteMap a.cellMap{margin-left:0px}

.logoAnime{position:absolute;top:13px;left:-20px;}
.compatibilite{position:absolute;top:-1px;left:0px; width:320px}

a.newsletter{margin-left:150px;color:#CC0000;font-weight:bold;font-size:15px}
a.autoLink{color:#4FAC53;margin-left:0px;font-size:1em;}
a.autoLink:hover{text-decoration:underline;color:#1C5A3A}

a.lien{color:#4FAC53;margin-left:0px;font-size:1em;}
a.lien:hover{text-decoration:underline;color:#1C5A3A}

a.ancre{margin-left:0px;font-size:1em;}

a.copy{margin-left:30%}
a.sitemap{margin-left:70%}





ul.decale{margin-left:25px}

.warning{text-align:left;color:red;}

.login{font-style:bold;}
.download{
padding : 0;
font-size: 1em;
font-weight: normal;
}
.download th{border: 1px solid #336633;}
.download td{border: 1px solid #99CC99;}

td.center{text-align:center}

.partners{padding : 0;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: normal;
margin-left:auto;
margin-right:auto;
height:100px;
width:350px;
margin-bottom:5px;
text-align:center
}
.partners td.logo{width:200px;}
.partners td.description{font-style:italic;}

#cadre {display:table-cell;width:100%;margin-left:auto;margin-right:auto;margin-top:10px}
.titreBox {
	height: auto !important;
	height:20px;
	min-height: 20px;
	color:#336633;
	text-align:center;
	border-style:solid; 
	border-width:1px; 
	border-color:#336633;
	font-weight:bold}
.conteneurBox{border-style:solid; border-width:1px; width:100%; border-color:#99CC99;margin-top:5px}
.texteBox{width:80%;text-align:justify;}
#cadre p{line-height:18px;margin-top:2px;font-family:  Arial, Helvetica, sans-serif;}
.texteBoxFull{text-align:justify;margin-right:9px; margin-left:9px;}

.suiteBox{margin-top:20px;text-align:right;text-align:center;}
.suiteBox a{text-decoration:none;font-weight:bold;font-family:Univers;color:CC0000;}
.suiteBox a:visited{color:#663333}

/********************************
* 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;
}

#content{
display:table-cell;
height:auto !important;
height:295px;
}


#page{
width:850px;
}

/* la partie haute de la page */
#header {
height:115px;
}

#header .ban{position:absolute;
top:0px;
left:-100px;
}

/* la map de la banniere */

#header a{color:#336633;margin-left:0px;font-size:10pt;}
#header a:hover{text-decoration:underline;color:#1C5A3A}

#header .home {position:absolute; top:110px;left:550px;}
#header .search{position:absolute; top:110px;left:700px;}
#header .contact{position:absolute; top:110px;left:850px;}

/* le menu */
#menu {
position:absolute;
background:url(image/fond_menu.gif) repeat-y;
background-position:100%;
top:195px;
left:10px;
width: 225px;
height:250px;

font-family:Arial;
text-decoration:none;
font-weight:bold;
}

/* morceau ouverte */
/* ancien morceau openlibelle
#menu .openlibelle { height:30px;background:no-repeat left url(image/fond_cellule_ouverte.gif); }
#menu .openlibelle  a{ vertical-align:middle; margin-left:37px; text-decoration:none; color:#99CC99; font-size:11px; }
*/
#menu .openlibelle {height:30px;background:no-repeat left url(image/fond_cellule_ferme.gif);}
#menu .openlibelle  a{
font-size:13px;
margin-left:37px;
vertical-align:middle;
color:#336633;
text-decoration:none;
}

#menu .openlibelle a:hover{color:#5E2217}

#menu .opencellule a{
margin-left:37px;
font-size:13px;
color:#336633;
text-decoration:none;
}

#menu .opencellule a:hover{/*color:#5E2217*/color:#99CC99}


/* morceau fermé */
#menu .closelibelle {height:30px;background:no-repeat left url(image/fond_cellule_ferme.gif);}
#menu .closelibelle  a{
font-size:13px;
margin-left:37px;
vertical-align:middle;
color:#336633;
text-decoration:none;
}

/*pour changer la couleur des liens visité en vert clair, decommenter la ligne
#menu .closelibelle a:visited{color:#99CC99}
#menu .opencellule a:visited{color:#99CC99}
#menu .openlibelle a:visited{color:#99CC99}*/

#menu .closelibelle a:hover{color:#5E2217}
#menu .closecellule{display:none;}

/*la partie centrale de la page, celle qui contiendra l\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\\'information*/
#centre {
	margin-right:215px; /*180*/
	margin-left:235px;
	min-height:295px;
	margin-top:10px;
	font-size:12px
	/*top:100px;*/
}
#centre p {
text-indent:0px;
text-align:justify;
}

#centre .small{
	text-indent:0px;
	text-align:justify;
	font-size:10px;
}

#centre table{ 
font-size:12px
 }

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

#centre .h3 
{
	font-size:12px;
}

#centre .formlabel
{
  position : relative;
  top:2px;
  vertical-align: center;
}

/* 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 {
top:25px;
margin-top:5px;
height: 30px;
}
#full
{margin-top:20px;}



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}


/********************************
* partie concernant le reader
********************************/
.pageReader{
background:url(image/mini_logo.jpg) no-repeat;
margin-top:40px;
}

#conteneur{
font-family:  Arial, Helvetica, sans-serif;
margin-left: auto;
margin-right: auto;
width: 100%;
text-align:center;
}


.more{
margin-left: auto;
margin-right: auto;
border-style:solid; 
border-width:2px; 
border-color:#336633;
width:400px;
text-align:left;
text-decoration:none;
margin-top:5px
}

#entete {background-color:#99CC99; font-family:Univers;font-size:1em;
text-align:center;


}
#entete a{text-decoration:none;color:white;font-weight:bold;}
#entete img{border:0px;float:left;}

#entete td {
border-style:solid; 
border-width:2px; 
border-color:#336633;}

#openClose {
display:none;
color:black;	
text-align:left;

}
#openClose p,a{margin-left:25px;text-decoration:none;font-size:13px}

/**************************
la partie administration
**************************/
#adminHead {
width:100%;
height:110px;
text-align:center;
background:url(image/banniereAdmin.jpg) no-repeat;
}

#adminHead .home{position:absolute;width:160px;height:50px;left:14px;top:2px;}

.form {border-style:solid; 
border-width:1px; 
border-color:#336633;
background-color:#99cc99;
}
.ligne {clear: both;padding-top: 5px;}
.ligne select{/* float: right;width:250px;text-align:left;*/}
.ligne label{font-weight:bold; float:left; width: 200px; text-align: right;}
.validation {text-align:center;margin-top:25px;}
.ligne label.delet {color:red;}

.hidden {display:none}
.hidden .validation{display:none}

.formLigne {display:inline;}
.formLigne .validation {margin-top:0px}