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

/* body */
body {
	background:#fff;
	color:#666;
	font:0.70em/100% verdana, sans-serif;
	line-height: 1em;}

/* general */
a {
	color: #59c600;
	text-decoration:none;
}
a:hover {
	color:#555;
	text-decoration:none;
}

/* logo */
#logo {
	background:#fff url('image/background_logo2.gif') center no-repeat;
    width:100%;
	height:100px;
}
#logo:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#logo_inside {
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	margin:0 auto;
	width:960px;
	height:100px;
}
#logo_inside h1 {
	color: #5A5B5B;
	font: bolder 14px Verdana, Helvetica, Arial, sans-serif;
    margin:0 0 0 0px;
    padding-top: 40px;
    padding-right: 80px;
    text-align: right;}
#logo_inside h2 {
	color: #5A5B5B;
	font: bolder 12px Verdana, Helvetica, Arial, sans-serif;
    margin:0 0 0 0px;
    padding-top: 7px;
    padding-left: 915px;
}

/* header */
#header {
	background:#343434 url('image/background_header3.gif') center repeat-y;
	width:100%;
}
#header:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#header_inside {
  background:url('image/menua.gif') repeat-x;
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	margin:0 auto;
	width:960px;
}
/*#header_inside_img {
   background:url('image/animation1.gif') no-repeat;
    color:#fff;
	float: right;
	width:394px;
	height:80px;	
  position: relative;
  right: +50px;
}*/
#header_inside h1 span {
	color:#9c0;
}
#header_inside ul {
	float:left;
	height:80px;
	list-style:none;
	width:500px;
}
#header_inside ul li {
	border-right:1px solid #C0C0C0;
	float:left;
	height:80px;
	list-style:none;
	width:75px;
}
#header_inside ul li a {
    background:url('image/menuactif4.gif') repeat-x;
	color:#111;
	display:block;
	height:50px;
	line-height:50px;
	padding:30px 0 0;
	text-align:center;
	width:75px;
}
#header_inside ul li a:hover {
	background:url('image/menua.gif') repeat-x;
	color: #fff;
}
#header_inside ul li a.active {
  background:url('image/menuahover43.gif') repeat-x;
	color:#111;
}

#header_inside ul li a.menu {
  background:url('image/menua.gif') repeat-x;
	color:#FFF;
font-weight: bolder;}

/* content */
#content {
	background:#fff url('image/background_content.jpg') center repeat-y;
	width:100%;
}
#content:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#content_inside {
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	margin: auto auto auto auto;
	width:960px;
    visibility: visible;
    position: relative;
    height: auto;
}
#content_inside_sidebar {
	float: left;
	line-height:175%;
	margin: 5px 0px 5px 0px;
	position: absolute;
	width:180px;
    padding-left:15px;
}
.sidebar_menu {
    border-top:1px solid #e9e9e9;
    border-bottom:1px solid #e9e9e9;
	color:#59c600;
	font-size:110%;
	font-weight: bolder;
	padding:5px 0;
	text-align: left;
}
#content_inside_sidebar img {
    overflow: visible;
    padding-left: 20px;
}
#content_inside_sidebar ul {
	letter-spacing:-1px;
	list-style:none;
	padding: 0px 0px 10px 20px
}
#content_inside_sidebar ul li {
	list-style:none;
	text-align:left;
  color:#FF6600;
  background-image: url(image/text-link-arrow.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px 10px 0px 10px;
}
#content_inside_sidebar ul li a {
  color:#3491BC;
	display: block;
	width:140px;
}
#content_inside_sidebar ul li a:hover {
	background:#ddd;
	color:#000;
	width:140px;
}
#content_inside_main {
	letter-spacing:0px;
	line-height:175%;
	width:710px;
  padding-left:210px;
}
#content_inside_main h1 {
	border-bottom:0px solid #ccc;
	color: #ca1b0f;
	font-size:125%;
	padding: 10px 0px 0px 10px;
    margin-right: 0px;
    margin-left: 20px;
    margin-bottom: 10px;}
#content_inside_main h2 {
    border-bottom:1px solid #ccc;
	color:#2866cb;
	font-size:115%;
	text-align:left;
	padding: 0em 2px 0em 10px;
	margin-left: 20px;
}
#content_inside_main h3 {
	color: #555;
	font-size:115%;
	text-align:left;
	padding: 0em 2px 0em 10px;
	margin-left: 10px;
    font-weight: bold;
    text-decoration: underline;
    margin-top: 10px;
    margin-bottom: 5px;}
#content_inside_main p {
    margin-left: +20px;
    text-align: justify;
}
#content_inside_main p span {
    margin-left: 0px;
    text-align: justify;
    color: #0033ff;
}
#content_inside_main img {
    overflow: visible;
    float: left;
    margin-left: 10px;
    margin-right: 1em;
    margin-top: 1em;}

.linkh2 {
	color: #2866cb;
	text-decoration:none;
}
.linkh2:hover {
	color:#555;
	text-decoration:none;
}
.linkh3 {
	color: #555; 
	text-decoration:none;
}
.linkh3:hover {
	color:#2866cb;
	text-decoration:none;
}
#content_inside_main ul {
	letter-spacing:-1px;
	list-style:none;
	padding: 0px 0px 10px 20px
}
#content_inside_main ul li {
	list-style:none;
	text-align:left;
  color: #0033ff;
  background-image: url(image/text-link-arrow.gif);
  background-repeat: no-repeat;
  background-position: left center;
  padding: 0px 10px 0px 10px;
  text-transform: none;}
#content_inside_main ul li span{
	list-style:none;
	text-align:left;
  color: #FF6600;
  font-weight: bold;
  font-size: 12px;}
.titre {
	color:#555;
	text-decoration:none;
}
/* footer */
#footer {
	background:#323232 url('image/background_footer.jpg') center repeat-y;
	height:100px;
	width:100%;
}
#footer:after {
	clear:both;
	content:'.';
	display:block;
	height:0;
	visibility:hidden;
}
#footer_inside {
	border-left:1px solid #bbb;
	border-right:1px solid #bbb;
	height:100px;
	margin:0 auto;
	width:960px;
}
#footer_inside p {
	color:#fff;
	line-height:100px;
	text-align:center;
}



/* image alternee souris */
#image_qualipv a {
display:block;
width:160px;
height: 120px;
text-decoration:none;
background-image:url('image/qualipv_logo.jpg') ;
background-repeat: no-repeat;
position: relative;
left: 10px;}
#image_qualipv a:hover {
display:block;
width:160px;
height: 120px;
background-image:url('image/solaire_perpignan_01.jpg');
background-repeat: no-repeat;
position: relative;
left: 10px;}
img{border:0;} 


/*
Feuille de styles pour formulaire contact.php
màj du 17.05.2005
*/
#formulaire FORM {
	margin: 0;
    margin-top: 15px;
margin-left: 100px;}
#formulaire FORM * {
    font-size:11px;
    font-weight:normal;
    color:#3985AB;
}

#formulaire TEXTAREA, INPUT, SELECT {
	margin: 0px 15px 0px 50px;
}
#formulaire TEXTAREA, INPUT, SELECT {
    position: relative;
    margin: 0px 0px 0px 50px;
	border: #666 1px solid; 
	background-color: #fff;
	width: 300px;
    left: 20px;}
#formulaire TEXTAREA {
	width: 300px; 
	height: 120px;
}
#formulaire FORM P {
	clear: both; margin: 0;
}
#formulaire FORM LABEL {
    position: absolute;
	width: 50px; text-align: right;
}
#submit {
	border: 1px solid; margin:0 0 0px 50px; cursor: pointer; padding: 1px; color: #000000; background-color: #ece9d8; width: 300px;
}
#submit:hover {
	border: 1px #F7AB17 solid;
}
.alerte {
	font-weight: bold; font-size: 12px;
}
.focus {
	background: #ff9;
}

/*Mise en forme du tableau origine
*/

#origine {
    background-color:#FFFFCC;
    border: solid #000 0px;
    width: 480px;
    margin-left: 20px;
    cellspacing="0";

}

#origine td {
    padding: 0px;
    border: solid #000000 0px;

}

.col1{
    color: #ca1b0f;
    font-weight: bold;
    font-size:15px;
    text-align: center;
    background-color: #FFFFCC;

}
.col2{
    color: #2866cb;
    font-weight: bold;
    font-size:12px;
    text-align: center;
    background-color: #FFFFCC;

}
.col3{
    width: 150px;
    color: #000000;
    font-size:11px;
    font-weight: bold;
    text-align: center;
    background-color: #FFFFCC;

}
.col4{
    width: 150px; 
    font-weight: bold;  
    text-align: left;
    background-color: #FFFFCC;

}

/*Mise en forme du tableau origine2
*/

#origine2 {
    background-color:#FFFFCC;
    border: solid #000 0px;
    width: 580px;
    margin-left: 20px;
    cellspacing="0";

}

#origine2 td {
    padding: 0px;
    border: solid #000000 0px;

}

.col1{
    color: #ca1b0f;
    font-weight: bold;
    font-size:15px;
    text-align: center;
    background-color: #FFFFCC;

}
.col2{
    color: #2866cb;
    font-weight: bold;
    font-size:12px;
    text-align: center;
    background-color: #FFFFCC;

}
.col3{
    width: 150px;
    color: #000000;
    font-size:11px;
    font-weight: bold;
    text-align: center;
    background-color: #FFFFCC;

}
.col4{
    width: 150px; 
    font-weight: bold;  
    text-align: left;
    background-color: #FFFFCC;

}

/*Mise en forme du tableau sample
*/

#sample {
    background-color:#FFFFCC;
    border: solid #000 0px;
    width: 380px;
    margin-left: 20px;

}

#sample td {
    padding: 0px;
    border: solid #FFFFCC 0px;

}

.data {
    color: #000000;
    text-align: left;
    background-color: #FFFFCC;

}
.data1 {
    color: #000000;
    text-align: center;
    background-color: #FFFFCC;

}
.age {
    color: #ca1b0f;
    font-weight: bold;
    text-align: left;
    width: 150px;
    background-color: #FFFFCC;

}

.toprow {
    color : #000;
    font-style: italic;
    font-weight: bold;
    text-align: center;
    background-color: #FFFFCC;

}

.toprow2 {
    font-style: italic;
    font-weight: bold;
    text-align: left;
    background-color: #FFFFCC;

}

.leftcol {
    text-align: left;
    width: 150px;
    background-color: #FFFFCC;

}
/*
Feuille de styles pour lightbox
*/
#lightbox{
	position: absolute;
	left: 0;
	width: 100%;
	z-index: 100;
	text-align: center;
	line-height: 0;
	}

#lightbox a img{ border: none; }

#outerImageContainer{
	position: relative;
	background-color: #fff;
	width: 250px;
	height: 250px;
	margin: 0 auto;
	}

#imageContainer{
	padding: 10px;
	}

#loading{
	position: absolute;
	top: 40%;
	left: 0%;
	height: 25%;
	width: 100%;
	text-align: center;
	line-height: 0;
	}
#hoverNav{
	position: absolute;
	top: 0;
	left: 0;
	height: 100%;
	width: 100%;
	z-index: 10;
	}
#imageContainer>#hoverNav{ left: 0;}
#hoverNav a{ outline: none;}

#prevLink, #nextLink{
	width: 49%;
	height: 100%;
	background: transparent url(../images/blank.gif) no-repeat; /* Trick IE into showing hover */
	display: block;
	}
#prevLink { left: 0; float: left;}
#nextLink { right: 0; float: right;}
#prevLink:hover, #prevLink:visited:hover { background: url(../images/prev.gif) left 15% no-repeat; }
#nextLink:hover, #nextLink:visited:hover { background: url(../images/next.gif) right 15% no-repeat; }


#imageDataContainer{
	font: 10px Verdana, Helvetica, sans-serif;
	background-color: #fff;
	margin: 0 auto;
	line-height: 1.4em;
	overflow: auto;
	width: 100%	
	}

#imageData{	padding:0 10px; color: #666; }
#imageData #imageDetails{ width: 70%; float: left; text-align: left; }	
#imageData #caption{ font-weight: bold;	}
#imageData #numberDisplay{ display: block; clear: left; padding-bottom: 1.0em;	}			
#imageData #bottomNavClose{ width: 66px; float: right;  padding-bottom: 0.7em;	}	
		
#overlay{
	position: absolute;
	top: 0;
	left: 0;
	z-index: 90;
	width: 100%;
	height: 500px;
	background-color: #9E9C9D;
	}