 /** Reset **/
    body{margin:0;padding:0;border:0;/*font-size:100%;*/line-height:1.2em} /* 16x1.2=19.2px */

    /* Textes */
    blockquote,code,h1,h2,h3,h4,h5,h6,p,pre{margin:0;padding:0}
    abbr,acronym{border:0;font-variant:normal}
    address,cite,code,dfn,em,strong,var{font-style:normal;font-weight:normal}
    blockquote:before,blockquote:after,q:before,q:after{content:''}
    /*blockquote,q{quotes:'' ''}*/
    code,kbd,pre,samp,tt{font-size:115%;font-family:monospace}
    h1,h2,h3,h4,h5,h6{font-weight:normal;font-size:100%;line-height:1.2em}
    sup{vertical-align:text-top}
    sub{vertical-align:text-bottom}
    del,ins{text-decoration:none;}
	
	p i strong{font-style:italic; font-weight:bold;}

    /* Liens */
    a,a *{cursor:pointer}

    /* Listes */
    dd,dl,dt,ol,ul,li{margin:0;padding:0}
    ol,ul,dl{text-align:left}
	
	#inner-header li{list-style:none; list-style-image:none;}
	
    #texteOffre li{list-style:disc; list-style-type:disc; margin-left:20px;}
	#texteOffre ol li{list-style:decimal; list-style-type:decimal; margin-left:25px;}
	#texteOffre p{margin-bottom:10px}
	
	/**/
	#notre-histoire .inner-bloc ul li{list-style:disc; list-style-type:disc; list-style-position:inside; margin-left:20px;}
	#notre-histoire .inner-bloc ol li{list-style:decimal; list-style-type:decimal; list-style-position:inside; margin-left:25px;}
	#notre-histoire .inner-bloc ol li{line-height:1em;}
	
	.text_assoc p{margin-bottom:10px}
	.partenaire_liste_chapo p{margin-bottom:10px}
	
	.lesAssocies{}
	#notre-histoire .lesAssocies{width:100%;}
	#notre-histoire .lesAssocies ul li{list-style:none; list-style-image:none;margin-left:0px;} /**/	
	
	#temoignage_bloc_gauche p{margin-bottom:10px}
	
	#notre-temoignage_bloc_gauche ul li{list-style:disc; list-style-type:disc; list-style-position:inside; margin-left:20px;}
	#notre-temoignage_bloc_gauche ol li{list-style:decimal; list-style-type:decimal; list-style-position:inside; margin-left:25px;}
	#notre-temoignage_bloc_gauche ol li{line-height:1em;}
	/**/
	/**/
    /* Formulaires */
    button,fieldset,form,input,legend,textarea{margin:0;padding:0}
    fieldset{border:0}
    button,input,optgroup,option,select,textarea{font-style:normal;font-weight:normal;font-size:16px}
    button,input[type=button],input[type=submit],input[type=reset]{height:1.8em} /* 16x1.8=28.8px */

    /* Tableaux : mettre 'cellspacing="0"' dans la table */
    table{border-collapse:collapse;border-spacing:0;font-size:inherit}
    td,th{margin:0;padding:0}
    caption,th{font-style:normal;font-weight:normal;text-align:left}

    /* Autres */
    div{margin:0;padding:0;background-color:transparent;text-align:left}
    hr,a img{border:0}
    applet,iframe,object{border:0;margin:0;padding:0}
    
/** Paramètrages de base **/
    /* Fond de page */
    body{background:white url(../images/bg.gif) 0 0 repeat}

    /* Textes */
    body,button,input,optgroup,option,select,textarea{font-family:arial,helvetica,verdana,"Bitstream Vera Sans",clean,sans-serif;font-size:12px;color:#666}
    strong{font-weight:bold}
    em{font-style:italic}
    /*ins{text-decoration: none}*/
    del{text-decoration:line-through}

    /* Titres */
    h1{font-size:25px;color:#999}
    h2{font-size:18px;color:#999}
    h3{font-size:16px;color:#CB3398}
    h4{font-size:16px;color:#999; line-height:10px;}
    h5{color:#CB3398;font-size:20px;}
    h6{font-size:18px;color:#999}

    /* Liens */
    /* LVHA order :link, :visited, :hover, :focus, :active */
    a,a:link,a:active,a:visited{text-decoration:none;color:#CB3398}
    a:focus,a:hover{text-decoration:underline;color:#CB3398}
	
/** Utiles **/
	/**
	 * Pour le curseur "pointer" sur les boutons de formulaite
	 * label : marche pas sur safari...
	 **/
	button,input[type=button],input[type=image],input[type=reset],input[type=submit],label{cursor:pointer}
	
	/**
	 * Pour cacher le texte replacé par une image
	 **/
	.hidden{position:absolute;left:-9999px}
	/*.hidden{display:none}*/
	
	/**
	 * Pour cacher du contenu qui ne doit apparaitre qu'à l'impression
	 **/
	.printOnly{display:none}
	/**
	 * Force l'assenceur de scroll vertical sur FF.
	 * Evite les sauts lors de la navigation entre une page avec et une page sans barre de scroll
	 * dans les sites centrés horizontalement.
	 **/
	body{height:101%}
	html{overflow-y:scroll;}

/** Paramétrages spécifiques **/

	/* Layout */
	body{padding:26px 0}
	#outer-wraper{text-align:center}
		#inner-wraper{background-color:white;width:970px;margin:0 auto}
			#outer-header{padding:10px 10px 0 10px}
				#inner-header{overflow:hidden;}
					#header-logo{margin-bottom:10px;float:left}	
					#header-elements{float:right;text-align-right;}
					#inner-header object{overflow:hidden;display:block;clear:both}
					#header-nav{overflow:hidden;clear:both;width:100%}
						#header-nav li{float:left}
					#header-sous-nav{overflow:hidden;height:25px; clear:both}
						#header-sous-nav li{float:left}
			#outer-content{padding:0 10px}
				#inner-content{overflow:hidden}
			#outer-footer{padding:0 10px 10px}
				#inner-footer{overflow:hidden;width:100%;margin-top:10px}
					#footer-adresse{float:left;margin:4px}
					#footer-copyright{float:right;padding-left:4px;border-left:1px solid #CB3398;margin:4px}
					#footer-mentions{float:right;margin-top:4px}
	
	/* Header */
		/* Header elements */
			#header-logo{height:92px;width:183px;background:transparent url(../images/logo.jpg) 0 0 no-repeat}
				#header-logo a{display:block;height:100%}
			#contact{text-align:right;}
			#aide-en-ligne{margin-top:10px;height:37px;width:112px;background:transparent url(../images/assistance2.gif) 0 0 no-repeat}
				#aide-en-ligne a{display:block;height:100%}
		
		/* Nav */
			#header-nav{background-color:#666;font-family:"Arial Narrow",Frutiger,Geneva,Helvetica,Swiss,SunSans-Regular}
				#header-nav li{text-align:center;text-transform:uppercase;font-size:15px;text-decoration:none}
					#header-nav a{border:1px solid #666;display:block;padding:4px 0;color:white}
					#header-nav a.current{background-color:#CB3398}
					#header-nav a:hover {color:#999;text-decoration:none}
				#header-nav-home{width:100px}
				#header-nav-societe{width:125px}
				#header-nav-offres-de-services{width:200px}
				#header-nav-methodologie{width:160px}
				#header-nav-references-clients{width:200px}
		
		/* Sous Nav */
			#header-sous-nav{background-color:#CB3398;padding-left:25px}
				#header-sous-nav li{padding:5px 20px 0 0}
					#header-sous-nav a{color:white}

	/* Footer */
	#inner-footer{background-color:#E5E5E5;font-size:10px;}
	
	/* Content */
	h1{padding-bottom:10px;margin:10px;border-bottom:1px solid #666}
	
	/* Spécifique à la page index" */
	#index{width:100%}
		#index .outer-bloc{width:37%;float:left}
		#index .outer-bloc2{width:30%;float:left}
		#index .outer-bloc3{width:25%;float:left}
			#index .inner-bloc{margin:10px;padding-right:10px;border-right:1px solid #ccc}
				#index h2{margin-bottom:20px}
				#index p{margin-bottom:10px}
				#index strong{font-weight:bold}
				#index .inquiero{text-align:center}
	

	
	/* Spécifique à la page "contact acces" */
	#contact-acces{overflow:hidden;clear:both;width:100%}
		#contact-acces .outer-bloc{width:49%;float:left}
			#contact-acces .inner-bloc{margin:10px}
				#contact-acces h2{margin-bottom:20px}
				#contact-acces fieldset{display:block;width:218px;float:left;margin:10px 0;text-align:left}
				#contact-acces label{font-size:10px;display:block;font-weight:bold;clear:both}
				#contact-acces .box{padding:1px;display:block;clear:both;border:1px solid #ccc;color:#333;font-size:11px;height:15px;margin:5px 0 10px;width:205px}
				#contact-acces .box2{padding:1px;display:block;clear:both;border:1px solid #ccc;color:#333;font-size:11px;height:63px;margin:5px 0 10px;text-indent:1pt;vertical-align:middle;width:205px}
				#contact-acces #bt-submit{overflow:hidden;clear:both;text-align:center;margin:10px 0}
					#contact-acces #bt-submit span{font-size:10px}
		#contact-acces .sep{width:1px;height:350px;margin:35px 5px;background-color:#ccc;float:left}
	
	/* Spécifique à la page "assistance" */
	#assistance{width:100%}
		#assistance .outer-bloc{width:55%}
			#assistance .inner-bloc{margin:10px;padding-right:10px;border-right:1px solid #ccc}
				#assistance h2{margin-bottom:20px}
				#assistance p{margin-bottom:10px}
				#assistance strong{font-size:16px}
				#assistance .inquiero{text-align:center}
				#assistance a,
				#assistance a:link,
				#assistance a:active,
				#assistance a:visited{text-decoration:none;color:#666}
				#assistance a:focus,
				#assistance a:hover{text-decoration:underline;color:#666}
	
	/* Spécifique à la page "mentions légales" */
	#mentions{width:100%}
		#mentions .outer-bloc{width:55%}
			#mentions .inner-bloc{margin:10px;padding-right:10px;border-right:1px solid #ccc}
				#mentions h2{margin-bottom:20px}
				#mentions p{margin-bottom:10px}
	
	#mentions ul li{list-style:disc; list-style-type:disc; list-style-position:inside; margin-left:20px;}
	#mentions ol li{list-style:decimal; list-style-type:decimal; list-style-position:inside; margin-left:25px;}
	#mentions ol li{line-height:1em;}	
			
	
	/* Spécifique à la page "mentions légales" */
	#notre-histoire{overflow:hidden;clear:both;width:100%}
		#notre-histoire .outer-bloc{width:25%;float:left}
		#notre-histoire .outer-bloc.first{width:72%}
			#notre-histoire .first .inner-bloc{margin:10px 20px 10px 10px;padding-right:20px;border-right:1px solid #ccc}
				#notre-histoire h2{margin-bottom:20px}
				#notre-histoire p{margin-bottom:0px}
				#notre-histoire li img{margin-right:20px;float:left}
				#notre-histoire a,
				#notre-histoire a:link{text-transform:uppercase;font-size:14px}

	#notre-histoire ul li{list-style:disc; list-style-type:disc; list-style-position:inside; margin-left:29x@px;}
	#notre-histoire ol li{list-style:decimal; list-style-type:decimal; list-style-position:inside; margin-top:1px;}
	#notre-histoire .lesAssocies li{overflow:hidden;clear:both}
	
#bloc_principal {
	margin:10px 20px 10px 10px;
}
	
.nav_active {
	background-color:#cb3398;
}

.offre0 {
	float : left;
	border-right:1px solid #CCCCCC;
	margin:10px;
	padding-right:10px;
	width:420px;
	height : 200px;
}

.offre1 {
	float : left;
	margin:10px;
	padding-right:10px;
	width:420px;
	height : 200px;
}

.offre_logo_left {
	float:left;
	width : 100px;
	margin-bottom:25px;
}

.offre_liste_chapo{
	float:left;
	margin-left:12px;
	margin-right:10px;
	width:290px;
}

.offre_chapo_right {
	float:left;
	font-size:14px;
	font-weight:bold;
	line-height:22px;
	margin-left:75px;
	margin-right:10px;
	margin-top:25px;
	position:relative;
	width:400px;
}

#texteOffre{float:none; clear:both;}



.big_rose,.big_rose a {
	color:#cb3398;
	font-size: 14px;
	font-weight : bold;
	text-decoration:none;
}

.small_rose,.small_rose a {
	color:#cb3398;
	font-size: 12px;
	text-decoration:none;
	background:url(../../pics/puce_rose.png) no-repeat;
	background-position : bottom left;
	padding-left : 15px;
}
	
.logo_offre {
	width : 100px;
}
	
.assoc_select{
background:url(../../pics/assoc/onglet_select.png) no-repeat;
width:313px;
height:131px;
padding-top:5px;
float:left;
}

.assoc_select img {
margin-right:10px;
margin-top:5px;
margin-left:5px;
}

.assoc_select a{
color:#666666;
}

.assoc_no_select{
background:url(../../pics/assoc/onglet_no_select.png) no-repeat;
width:190px;
height:131px;
padding-top:10px;
float:left;
}

.assoc_no_select img {
margin-right:10px;
margin-left:5px;
}

.assoc_no_select a{
color:#666666;
}

.text_assoc{
padding-left:20px;
}

.assoc_bordure{
background:url(../../pics/assoc/onglet_barre_bordure.png) no-repeat;
width:10px;
height:131px;
padding-top:5px;
float:left;
}

.assoc_bordure a{
	color:#666666;
}

.assoc_horiz{
	background:url(../../pics/assoc/onglet_barre_droite.png) repeat;
	height:131px;
	padding-top:5px;
	float:left;
}

.assoc_horiz a{
	color:#666666;
}


#methodo_col_1{
	float:left;
	margin-left:5px;
	margin-right:15px;
	padding-top:40px;
	width:260px;
}
#methodo_col_3{
	float:left;
	position:relative;
	left:40px;
	top:40px;
	width:230px;
	z-index:50;
}

#methodo_col_4{
	margin-left:300px;
	padding-top:45px;
	width:400px;
}

#methodo_col_center{
	float:left;
	padding-top:60px;
	position:relative;
	width:390px;
	z-index:10;
}

#methodo_col_right{
	float:right;
	margin-bottom:35px;
	padding-top:10px;
	position:relative;
	z-index:15;
}

#clients_bloc_gauche{
	float:left;
	width:300px;
}

#texte_clients_left{
	font-size:11px;
	line-height:18px;
	padding-top:15px;
	margin-bottom:60px;
}

#box_temoignages_clients{
	border-top:1px solid #CCCCCC;
	padding-top:15px;
}

#clients_bloc_droit{
border-left:1px solid #CCCCCC;
float:left;
margin-left:20px;
padding-left:20px;
}

.bloc_client{
margin-top:8px;
}

.clients_liste_chapo{
float:left;
margin-left:12px;
margin-right:10px;
width:300px;
}

.client_logo_left{
float:left;
text-align:center;
width:200px;

}

.bloc_temoignage{
margin-top:20px;
}

.temoignage_logo_left{
float:left;
width:110px;
}

.temoignage_client_lien{
margin-left:10px;
font-size:11px
}


.temoignage_bloc_top{
margin-top:15px;
border-bottom:1px solid #CCCCCC;
}


.chapo_temoignage{
float:left;
width:144px;
}

.bloc_chapo_temoignage{
/*margin-top:15px;*/
}

#temoignage_bloc_gauche{
border-right:1px solid #CCCCCC;
float:left;
padding-right:25px;
padding-top:25px;
width:475px;
}

#temoignage_bloc_droit{
float:left;
margin-left:20px;
padding-left:20px;
padding-top:25px;
width:375px;
}


#partenaires_liste{
margin-top:10px;
}

.bloc_partenaire{
border-bottom:1px solid #CCCCCC;
margin-top:8px;
width:930px;
}

.partenaire_logo_left{
float:left;
text-align:left;
width:240px;
margin-top:10px;
}

.partenaire_liste_chapo{
float:left;
margin-left:12px;
margin-right:10px;
width:650px;
}


/*			
.titre_actu_index{
	background-color:#666666;
	color:white;
	font-size:15px;
	height:20px;
	padding-bottom:5px;
	padding-left:5px;
	padding-right:5px;
	padding-top:5px;
	width:290px;
}*/

.texte_actu_index{
	/*background-color:white; */
	background-color:#eeeeee;
	color:#666666;
	font-family:arial,helvetica,verdana,"Bitstream Vera Sans",clean,sans-serif;
	font-size:12px;
	padding:8px;
	width : 294px;
}


#accordion {
	margin:20px 0px;
}

h3.toggler {
	background:#CB3398 none repeat scroll 0 0;
	border-color:#F5F5F5 #DDDDDD #DDDDDD #F5F5F5;
	border-style:solid;
	border-width:1px;
	color:white;
	cursor:pointer;
	font-size:12px;
	font-weight:bold;
	height:22px;
	margin:0 0 4px;
	padding:8px 5px 1px;
	text-transform:uppercase;
}

div.element p, div.element h4 {
	margin:0px;
	padding:3px 3px 15px 3px;
}

blockquote {
	padding:5px 20px;
}
