/* CSS Document */

/*
Copyright 2007 All rights reserved
/GRAFITAR/ Mathieu Bruzeaud
contact@grafitar.com
http://www.grafitar.com
Juillet 2007
*/
	
/* CSS global reset for all browsers */


/* GLOBAL */

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

	
body	
	{
	
	font: 80% Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
	
	background-color: #359e6d;
	
	height: 100%;

	} 

#all
	{
	background-color:#fff;
	width: 980px;
	height: 100%;
	margin-left: auto;
    margin-right: auto;
	}
	
#left
	{
	width: 145px;
	float: left;
	}

#left01
	{
	background: url(images/left01.gif) no-repeat;
	width: 145px;
	height: 117px;
	float: left;
	}

#left02
	{
	background: url(images/left02.gif) no-repeat;
	width: 145px;
	height: 73px;
	float: left;
	}
	
#left03_pres
	{
	background: url(images/left_03.gif) ;
	width: 145px;
	height: 739px;
	_height: 738px;
	
	float: left;
	}
	
#left03_index
	{
	background: url(images/left_03.gif) ;
	width: 145px;
	height: 754px;
	_height: 758px;
	
	float: left;
	}
	
#left03_raval
	{
	background: url(images/left_03.gif) ;
	width: 145px;
	height: 759px;
	_height: 754px;
	
	float: left;
	}
	
#left03_mentions
	{
	background: url(images/left_03.gif) ;
	width: 145px;
	height: 809px;
	_height: 738px;
	
	float: left;
	}
	
#left03_pres_activite
	{
	background: url(images/left_03.gif) ;
	width: 145px;
	height: 559px;
	_height: 568px;
	
	float: left;
	}


#header
	{
	width: 668px;
	height: 239px;
	float: left;
	}

#logo
	{
	background: url(images/logo.jpg) no-repeat;
	width: 236px;
	height: 80px;
	float: left;
	}

#top
	{
	background: url(images/top_header.jpg) no-repeat;
	width: 432px;
	height: 80px;
	float: left;
	}
	
#bottom
	{
	background: url(images/bottom_header.jpg) no-repeat;
	width: 668px;
	height: 159px;
	float: left;
	}	

#middle
	{
	width: 668px;
	float: left;
	background-color:#FFFFFF;
	}	

#bloc
	{
	width: 142px;
	float: left;
	
	}
#top_middle
	{
	background: url(images/top_middle01.jpg) no-repeat;
	width: 142px;
	height: 39px;
	float: left;
	
	}
	



ul {
        list-style: none;
        margin: 0;
        padding: 0;
        }

/*[Menu]*/





#menu {
        width: 142px;
        
		font-family: Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
        font-size: 80%;
        font-weight: normal;
		float: left;
        }

#menu li a {
        height: 39px;
        voice-family: "\"}\"";
        voice-family: inherit;
        height: 28px;
        text-decoration: none;
        }

#menu li a:link, #menu li a:visited 
		{
        color: #b8baba;
        display: block;
        }

#menu li a:hover, #menu li #iamactiv_presentation, #menu li #iamactiv_activites,#menu li #iamactiv_contact, #menu li #iamactiv_credits {
        color: #97c46f;
        }

#presentation
		{
		background: url(images/pres.gif);
		padding: 13px 0 0 40px;
		}
#presentation:hover
		{
		background: url(images/pres.gif) 0 -39px ;
        padding: 13px 0 0 50px;
		}
#iamactiv_presentation
	{
	background: url(images/pres.gif) 0 -39px ;
        padding: 13px 0 0 50px;
	}
		
		
#activites
		{
		background: url(images/references.gif);
		padding: 13px 0 0 40px;
		}
#activites:hover
		{
		background: url(images/references.gif) 0 -39px ;
        padding: 13px 0 0 50px;
		}
		
#iamactiv_activites
	{
	background: url(images/references.gif) 0 -39px ;
        padding: 13px 0 0 50px;
	}
		
#contact
		{
		background: url(images/contact.gif);
		padding: 13px 0 0 40px;
		}
#contact:hover
		{
		background: url(images/contact.gif) 0 -39px ;
        padding: 13px 0 0 50px;
		}
		
#iamactiv_contact
	{
	background: url(images/contact.gif) 0 -39px ;
        padding: 13px 0 0 50px;
	}
		
#credits
		{
		background: url(images/credits.gif);
		padding: 13px 0 0 40px;
		}
#credits:hover
		{
		background: url(images/credits.gif) 0 -39px ;
        padding: 13px 0 0 50px;
		}
		
#iamactiv_credits
	{
	background: url(images/credits.gif) 0 -39px ;
        padding: 13px 0 0 50px;
	}

#ss_menu_pres
	{
	background: url(images/ss_menu.jpg) repeat-y;
	
	width: 142px;
	height: 380px;
	_height: 379px;
	float: left;
	
	}
	
#ss_menu_index
	{
	background: url(images/ss_menu.jpg) repeat-y;
	
	width: 142px;
	height: 395px;
	_height: 399px;
	float: left;
	
	}
	
#ss_menu_raval
	{
	background: url(images/ss_menu.jpg) repeat-y;
	
	width: 142px;
	height: 400px;
	_height: 395px;
	float: left;
	
	}
	
#ss_menu_mentions
	{
	background: url(images/ss_menu.jpg) repeat-y;
	
	width: 142px;
	height: 450px;
	_height: 379px;
	float: left;
	
	}
	
#ss_menu_pres_activite
	{
	background: url(images/ss_menu.jpg) repeat-y;
	
	width: 142px;
	height: 200px;
	_height: 209px;
	float: left;
	
	}
	
#adresse
	{
	background: url(images/adresse1.jpg) no-repeat;
	width: 142px;
	height: 58px;
	float: left;
	}
	
#content
	{
	width: 526px;
	height: 600px;
	float: right;
	}

#logo_licef
	{
	background: url(images/logo_licef.jpg) no-repeat;
	width: 45px;
	height: 34px;
	float: left;
	margin-top: 5px;
	_margin-top: 0px;
	}
	
#content_activite
	{
	width: 526px;
	height: 454px;
	float: right;
	}
	
	
#filet
	{
	background: url(images/filet.jpg) no-repeat;
	width: 526px;
	height: 7px;
	float: right;
	
	
	}
	
#footer
	{
	
	width: 668px;
	height:49px;
	float: left;	
	background-color: #FFFFFF;
				
	}
	
#ref
	{
	width: 526px;
	height:24px;
	padding-top: 25px;
	_padding-top: 20px;
	float: right;				
	}	

#qualibat
	{
	background: url(images/qualibat.jpg) no-repeat;
	
	width: 109px;
	height: 24px;
	float: left;				
	}						

#btp
	{
	background: url(images/btp.jpg) no-repeat;
	
	width: 92px;
	height: 24px;
	float: left;			
	}					

#vivrelec
	{
	background: url(images/vivrelec.jpg) no-repeat;
	
	width: 99px;
	height: 24px;
	float: left;				
	}					

#sofrev	
	{
	background: url(images/sofrev.jpg) no-repeat;
	
	width: 200px;
	height: 24px;
	float: left;			
	}				

#bandeau_footer
	{
	background: url(images/footer1.jpg) no-repeat;
	
	width: 668px;
	height: 49px;
	float: left;				
	}				
		
#right
	{
	width: 167px;
	height: 100%;
	float: right;
	}

	
#right01
	{
	background: url(images/right01.gif) no-repeat;
	width: 167px;
	height: 133px;
	float: right;
	}
	
#right02_pres
	{
	background: url(images/right_02.gif) no-repeat;
	
	width: 167px;
	height: 796px;
	_height: 795px;
	float: right;

	}
	
#right02_index
	{
	background: url(images/right_02.gif) no-repeat;
	
	width: 167px;
	height: 811px;
	_height: 815px;
	float: right;

	}
	
#right02_raval
	{
	background: url(images/right_02.gif) no-repeat;
	
	width: 167px;
	height: 816px;
	_height: 811px;
	float: right;

	}
	
#right02_activite
	{
	background: url(images/right_02.gif) no-repeat;
	
	width: 167px;
	height: 616px;
	_height: 625px;
	float: right;

	}
	
#right02_mentions
	{
	background: url(images/right_02.gif) no-repeat;
	
	width: 167px;
	height: 866px;
	_height: 795px;
	float: right;

	}
	

#photo_pres_01
	{
	background: url(images/photo_pres_01.jpg) no-repeat;
	width: 177px;
	height: 136px;
	float: left;
	}
	
#rencontres_batimat
	{
	background: url(images/rencontres_batimat.jpg) no-repeat;
	width: 177px;
	height: 136px;
	float: left;
	}

#photo_pres_02
	{
	background: url(images/photo_pres_02.jpg) no-repeat;
	width: 98px;
	height: 123px;
	float: left;
	margin-top: 5px;
	_margin-top: 0px;
	}
	
#photo_pres_03
	{
	background: url(images/photo_pres_03.jpg) no-repeat;
	width: 177px;
	height: 123px;
	float: left;
	margin-top: 5px;
	_margin-top: 0px;
	}
	
/* contact */

#sep
	{
	background: url(images/separation.jpg) no-repeat;
	width: 500px;
	height: 1px;
	float: right;
	margin: 15px 0 15px 0 ;
	_margin: 15px 0 0 0 ;
	}



#contenttxt
	{
	width: 500px;
	
	float: right;
	padding-right:10px;
	
	
	}
	
#col_01
	{
	width: 154px;
	float: left;
	padding: 108px 0 0 10px;
	}
	
#col_02
	{
	width: 184px;
	float: left;
	padding: 38px 0 0 0px;
	}
	
#col_03
	{
	width: 156px;
	float: left;
	padding: 108px 0 0 0 ;
	}
	
#deco
	{
	background: url(images/deco.jpg) no-repeat;
	width: 154px;
	height: 107px;
	float: left;
	}
	
#peint_exter
	{
	background: url(images/peint_exter.jpg) no-repeat;
	width: 154px;
	height: 108px;
	float: left;
	margin-top: 23px;	
	}
	
#peint_inter
	{
	background: url(images/peint_inter.jpg) no-repeat;
	width: 184px;
	height: 107px;
	float: left;
	
	}

#logo_ref
	{
	background: url(images/logo_ref.jpg) no-repeat;
	width: 184px;
	height: 168px;
	float: left;
	
	}
	
#ite
	{
	background: url(images/ite.jpg) no-repeat;
	width: 184px;
	height: 109px;
	float: left;
		
	}
	
#revet_sol
	{
	background: url(images/revet_sol.jpg) no-repeat;
	width: 156px;
	height: 107px;
	float: left;
	
	}
	
#ravalement
	{
	background: url(images/ravalement.jpg) no-repeat;
	width: 156px;
	height: 108px;
	float: left;
	margin-top: 23px;	
	}
	
#container_img
	{
	width: 450px;
	float: left;
	padding-left:50px;
	}
	
#container_img02
	{
	width: 100px;
	float: left;
	
	}
	
#image
	{
	border: none;
	padding: 10px 25px 10px 60px ;
	}
	
#image02
	{
	border: none;
	padding: 10px 75px 10px 75px ;
	}
	
#image03
	{
	border: none;
	padding: 10px 25px 20px 60px ;
	}
	
#image04
	{
	border: none;
	padding: 10px 25px 20px 30px ;
	}
	
#image05
	{
	border: none;
	padding: 10px 25px 20px 0px ;
	}
	
#image06
	{
	border: none;
	padding: 10px 50px 20px 0px ;
	}

#container_deco
	{
	float: left;
	padding-left:50px;
	_padding-left:30px;
	
	}

p 
	{
	font: 0.85em Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
	color: #402b12;
	padding:5px;
	_padding:0px;
	text-align:justify;
	line-height: 1.5em;
	
	}
.h1 {
	font: 0.90em Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#97c46f;
	padding: 10px 10px 0 10px;
	_padding: 5px 15px 10px 15px;
	font-weight:bold;
	
	letter-spacing:2px;
	_letter-spacing:0px;
	}	

.stripe {
	font: 0.90em Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#97c46f;
	padding: 10px 10px 5px 10px;
	_padding: 5px 15px 5px 15px;
	font-weight:bold;
	border-bottom: 1px solid #007f45;
	letter-spacing:2px;
	_letter-spacing:0px;
	}	

.txt
	{
	text-indent:10px;
	font: 10px Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing: 1px;
	_letter-spacing: 1px;
	_padding-bottom: 5px;
	}
	
.txt01
	{
	
	font: 10px Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing: 1px;
	_letter-spacing: 1px;
	_padding-bottom: 5px;
	}
	
.list
	{
	width:250px;
	float:left;
	font: 0.80em Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing:1px;
	padding: 25px 20px 0;
	}
	
.list2
	{
	width:180px;
	float:left;
	font: 0.80em Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing:1px;
	padding: 15px 20px 0;
	}
	
.list3
	{
	width:250px;
	float:left;
	font: 0.80em Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif;
	color:#000;
	letter-spacing:1px;
	padding: 5px 20px 0;
	_padding: 5px 10px 0;
	
	}
	



/* highslide */

.highslide 
	{
	cursor: url(js/graphics/zoomin.cur), pointer;
    outline: none;
	}
	
.highslide img 
	{
	border: 2px solid gray;
	}
	
.highslide:hover img 
	{
	border: 2px solid white;
	}

.highslide-image 
	{
	border: 10px solid white;
	}
	
.highslide-image-blur 
	{
	}
	
.highslide-caption 
	{
    display: none;
    border: 5px solid white;
    border-top: none;
    padding: 5px;
    background-color: white;
	}
	
.highslide-loading 
	{
    display: block;
	color: white;
	font-size: 9px;
	font-weight: bold;
	text-transform: uppercase;
    text-decoration: none;
	padding: 3px;
	border-top: 1px solid white;
	border-bottom: 1px solid white;
    background-color: black;
  	padding-left: 22px;
    background-image: url(highslide/graphics/loader.gif);
    background-repeat: no-repeat;
    background-position: 3px 1px;
   }
   
a.highslide-credits,
a.highslide-credits i 
	{
    padding: 2px;
    color: silver;
    text-decoration: none;
	font-size: 10px;
	}
	
a.highslide-credits:hover,
a.highslide-credits:hover i 
	{
    color: white;
    background-color: gray;
	}

.highslide-display-block 
	{
    display: block;
	}
	
.highslide-display-none 
	{
    display: none;
	}

/* fin highslide */

/* SWEET-TITLE */

body div#toolTip 
	{ 
	position: absolute;
	z-index:1000;
	width: 150px;
	background:#000;
	border:2px solid #c7e463;
	text-align:left;
	padding:5px;
	min-height:1em;
	-moz-border-radius:0px; 
	}

body div#toolTip p 
	{ 
	margin:0;
	padding:0;
	color:#c7e463;
	font:0.85em Tahoma, Trebuchet MS, Arial, Helvetica, sans-serif; 
	}
	
body div#toolTip p em 
	{ 
	display:block;
	margin-top:3px;
	color:#b9d657;
	font-style:normal;
	font-weight:bold; 
	}
	
body div#toolTip p em span 
	{ 
	font-weight:bold;
	color:#fff; 
	}
	
/* fin SWEET-TITLE */

a.lien1
	{   
	color:#ccc;    
	text-decoration:none;     
	font-weight:bold;   
	}      
	
a.lien1:hover   
	{     
	color:#97c46f;     
	text-decoration:underline;     
	font-weight:bold;   
	} 
	
/*---------------------------------------------------------------------------------------------------------------------------------------------------------------

 contact 

-------------------------------------------------------------------------------------------------------------------------------------------------------------- */


.cssform p
	{
	float: left;
	margin-top:30px;
	_margin-top:40px;
	}

.cssform label	
	{
	float: left;
	width:100px; 
	padding-left: 10px;
	_width:100px;
	_padding-left: 20px;
	}

.champs_txt
	{ 
	border: 1px solid #8c8c8c;
	border-left:3px solid #97c46f;
	width: 200px;
	_width: 300px;
	}

.cssform textarea
	{
	width:380px;
	height: 150px;
	border: 1px solid #8c8c8c;
	border-left:3px solid #97c46f;
	float: left;
	
	}

/*--------------------------------------------------------------------------------------------------------------------------------------------------------------- 
fin contact 

-------------------------------------------------------------------------------------------------------------------------------------------------------------- */


/*--------------------------------------------------------------------------------------------------------------------------------------------------------------- 
Button contact 

-------------------------------------------------------------------------------------------------------------------------------------------------------------- */

.buttonSubmit, .buttonSubmitHovered 
	{
	background-color: #8c8c8c;
	color:#fff;
	font-weight:normal;
	padding:1px 2px;
	cursor:pointer;
	border:1px solid #97c46f;
	margin-left: 110px;
	_margin-left: 120px;
	}

.buttonSubmitHovered 
	{
	
	background-position:left bottom;
	}


a
	{
	color:#97c46f;
	text-decoration:none;
	}
	
a:focus, a:hover,  
	{
	color: #97c46f;
	text-decoration: none;
	}
/*--------------------------------------------------------------------------------------------------------------------------------------------------------------- 
fin Button contact 

-------------------------------------------------------------------------------------------------------------------------------------------------------------- */