/* Styles generiques */

body {
    margin: 0px 0px 0px 0px; 
    font-family: arial;
    font-size: 12px;
    color:#000000;
    background-color:#ebebeb;
     }

body.print, body.popup {
    background-color:#ffffff;
		padding: 8px;
}

body.popup {
		padding-top:16px;
		background-color:#ffffff;
		background-image:url(../images/background-main.gif);
		background-repeat:repeat-x;
		background-position:top;
		border-top: 1px solid #a763ff;		
}

h1, .title {
		font-size:1.9em;
}

.droite {
		float:right;
		margin:0px 0px 10px 10px;
}

.gauche {
		float:left;
		margin:0px 10px 10px 0px;
}

small {
		font-size:0.8em;
}

a {
		color:#545ED9;
}

a:active, a:visited, a:hover {
		color:#7E4BC0;
}

hr {
		border: none 0;	
		height:1px;
		border-bottom: solid #dcc1ff 1px;
}



/* Containers principaux */

#global {
		margin-left: auto;
		margin-right: auto;
		width: 950px;
		text-align: left;
		background-color:#ffffff;
    }
    
#global-popup {
		width: 480px;
		margin: 10px;
}    

#banner	{
		height:109px;
		background-color:#f5f5f5;
}   

#logo {
		float:left;
		width:247px;
}

#topbanner {
		text-align:center;
		height:74px;
		padding-top:5px;
		background-color:#f5f5f5;		
}

#utilities {
		width:200px;
		float:right;
}

#content {
		padding-top:16px;
		background-color:#ffffff;
		background-image:url(../images/background-main.gif);
		background-repeat:repeat-x;
		background-position:top;
		border-top: 1px solid #a763ff;	
}

#main, #main-activites {
		margin-left: 250px;
		padding-right:0px;
		width:695px;
	
}

#main-activites #maintext {
		width:520px;
		background-image:url(../images/fond-activites.gif);
		background-repeat:no-repeat;
		background position: top left;
}


#main-popup {
		margin:0px;
}

/* styles de la homepage */

#blocprincipal {

}

#bloc1 {
		width:320px;
		padding:10px;
}

#bloc2 {
		width:320px;
		float:right;
		padding:10px;
}


/* containers zones specifiques */

div.livre img {
		height:200px;
}

div.livre {
		height:210px;
		width:160px;
		padding:5px;
		float:left;
}



/* formulaires */

form#EmailForm fieldset {
		border:0px;
		margin:0px;
}

input, textarea {
		font-family:arial;
		font-size:90%;
		border:1px solid #ABABAB;
}

fieldset {
		border:0px;
}

form#EmailForm input {
		margin:2px;
}

p.error {
		color:red;
}

#utilities ul {
		font-size:90%;
}

#utilities form {
		margin:0px 0px 0px 0px;
		}
		
#ajaxSearch_submit, #feedbackForm_submit, #Send2Friend image {
		border:0px;
		vertical-align:middle;
		}		

#ajaxSearch_submit {
		vertical-align:middle;
		}

/* utilitaires */

#utilities ul {
		padding: 0;
		margin: 5px 0px 0px 0px;
		list-style: none;
}



/* breadcrumb trail */

#breadcrumbs {
		height:15px;
}


/* Fonctionnalites envoyer a  un ami et imprimer */

#fonctions {
		float:right;
		margin-bottom:10px;
}

#fonctions img {
		vertical-align:middle;
}


   
/* navigation principale */

#mainnav {
		width:700px;
		margin-left:250px;
		position:relative;
		}

#mainnav ul {
		padding: 0;
		margin: 0;
		list-style: none;
}

#item1 a, #item2 a, #item4 a, #item5 a, #item6 a, #item7 a, #item8 a, #item1 span, #item2 span, #item4 span, #item5 span, #item6 span, #item7 span, #item8 span  {
		background-position:top left;
		background-repeat:no-repeat;
		color:#FFFFFF;
		display:block;
}

#mainnav li {
		float:left;
		position:relative;
	}

.linktext {
		display:none;
}

#item1 a {
		margin:0px 1px;
		height:30px;
		width:63px;
		background-image:url(../images/bt-accueil.gif);
}


#item1 a:hover, #item1 span, #item1 .active {
		margin:0px 1px;
		height:30px;
		width:63px;
		background-image:url(../images/bt-accueil-over.gif);
}

#item2 a {
		margin:0px 1px;
		height:30px;
		width:64px;
		background-image:url(../images/bt-activites.gif);
}


#item2 a:hover, #item2 span, #item2 .active {
		margin:0px 1px;		
		height:30px;
		width:64px;
		background-image:url(../images/bt-activites-over.gif);
}

#item4 a {
		margin:0px 1px;
		height:30px;
		width:64px;
		background-image:url(../images/bt-tarifs.gif);
}


#item4 a:hover, #item4 span, #item4 .active {
		margin:0px 1px;		
		height:30px;
		width:64px;
		background-image:url(../images/bt-tarifs-over.gif);
}

#item5 a {
		margin:0px 1px;
		height:30px;
		width:144px;
		background-image:url(../images/bt-services.gif);
}


#item5 a:hover, #item5 span, #item5 .active {
		margin:0px 1px;		
		height:30px;
		width:144px;
		background-image:url(../images/bt-services-over.gif);
}

#item6 a {
		margin:0px 1px;
		height:30px;
		width:94px;
		background-image:url(../images/bt-temoignages.gif);
}


#item6 a:hover, #item6 span, #item6 .active {
		margin:0px 1px;		
		height:30px;
		width:94px;
		background-image:url(../images/bt-temoignages-over.gif);
}

#item7 a {
		margin:0px 1px;
		height:30px;
		width:64px;
		background-image:url(../images/bt-librairie.gif);
}


#item7 a:hover, #item7 span, #item7 .active {
		margin:0px 1px;		
		height:30px;
		width:64px;
		background-image:url(../images/bt-librairie-over.gif);
}

#item8 a {
		margin:0px 1px;
		height:30px;
		width:109px;
		background-image:url(../images/bt-presse.gif);
}


#item8 a:hover, #item8 span, #item8 .active {
		margin:0px 1px;		
		height:30px;
		width:109px;
		background-image:url(../images/bt-presse-over.gif);
}


#mainnav li a, #mainnav li span {
		text-decoration: none;
		display:block;	
	}



/* sidebars */

#sidebar1 {
		width:240px;
		float:left;
		padding-top:30px;
}

#contactform {
		width:215px;
		border:0px;
		margin-left:10px;
}

#contactform input {
		font-size:90%;
}

/* navigation locale */

#localnav {
		width:154px;
		color:#000000;
		float:right;
}

#localnav .top {
		height:14px;
		background-image:url(../images/localnav-top.gif);
		background-repeat:no-repeat;
		background-position:bottom;
}

#localnav .bottom {
		height:13px;
		background-image:url(../images/localnav-bottom.gif);
		background-repeat:no-repeat;
		background-position:top;
}

#localnav ul {
		padding: 0;
		margin: 0;
		list-style: none;
		border-right:1px solid #A763FF;
		border-left:1px solid #A763FF;
		background-color:#EDE0FF;
}

#localnav li {
		background-color:#EDE0FF;		
	}

#localnav li a, #localnav li span {
		font-size:0.9em;
		text-decoration: none;
		display:block;	
		color:#000000;	
		padding:5px;
		height:5px;
		height: 15px !important;
	}

#localnav li.level1 a:hover, #localnav li.level1 a:active, #localnav li.level1 span  {
		background-color:#DCC1FF;
		font-weight:bold;
		}	


/* footer */

#footer	{
		color:#505050;	
		padding:5px;
		background-color:#f5f5f5;
		font-size:90%;
		border-top: 1px solid #a763ff;
		height:15px;
     }


#footer ul {
		padding: 0;
		margin: 0;
		list-style: none;
}

#footer li {
		float:left;
		padding: 0 5px 0 0;
}

#footer .navigation {
margin-left:250px;
}

#footer .copyright {
float:left;
left:0;
height:15px;
}

/* tables */

table.contenu {
		border: 1px solid #ABABAB;
		border-collapse: collapse;
}

.contenu td, .contenu th {
		border: 1px solid #ABABAB;
		padding:4px;
		border-collapse: collapse;
}

.contenu th {
		background-color:#7e4bc0;
		color:white;
}

.col1 {
		background-color:#ede0ff;
}

/* images */

.thumbnail {
		height:100px;;
		border:0px;
}

#main img {
		border:0px;
}

.preload {
		display:none;
}

/* temoignages */

.temoignage {
		background-color:#f5f5f5;
}

.temoignagegauche {
		background-image:url(../images/quote-gauche.gif);
		background-position:top left;
		background-repeat:no-repeat;
		width:35px;
		height:50px;
		float:left;
}

.temoignagedroite {
		background-image:url(../images/quote-droite.gif);
		background-position:bottom right;
		background-repeat:no-repeat;
		padding:10px 35px 10px 0px;
		margin-left:35px;
}

/*mises en avant*/

blockquote {
		margin:0;
		background-image:url(../images/fleche1.gif);
		background-repeat:no-repeat;
		background-position:left center;
		height:35px;
}

blockquote p {
		padding:10px 5px 10px 5px;
		margin:0 24px;
		border-left:6px solid #DCC1FF;
		background-color:#F6EFFF;
}


