body {
margin : 5px 2%;
padding : 0;
background : #ffffff;
color : #000;
font-family : Geneva, sans-serif;
}
*{margin : 0 ;padding : 0;}

a {
color : #000000;
text-decoration : none;
}
a:hover {
text-decoration : none;
color : red;
}
#containerouter {
background : #ffffff;
border : 1px solid #000;
margin : 0;
padding : 0;
}
#header {
height : 157px;
background-image : url(../images/fleche2.gif);
background-position : 26em 1.5em;
background-repeat : no-repeat;

}
#logo {
margin : 0;
padding : 0;
width : 100%;
}

#logo img {
float : left;
height : 131px;
width : 111px;
margin : 0.9em 0 0 1.9em;
}
#logo h1 {
color : #999999;
font-size : 3.5em;
margin : 0 0 0 25%;
padding-top : 0.1em;
font-family : "Century Gothic", Geneva, sans-serif;
}
#logo h2 {
color : #999999;
font-weight : normal;
font-size : 1.9em;
margin : -18px 0 0 16.8em;
padding-top : 0.2em;
font-family : "Century Gothic", Geneva, sans-serif;
}

#breadcrumbzone {
margin : 15px 0 0 0;
background-color : transparent;
font-size : 0.7em;
}
#breadcrumbzone a {
color : black;text-decoration : underline;
}
#breadcrumbzone a:hover {
text-decoration : underline;
}
#breadcrumbzone a.b {
color : black;text-decoration : underline;
}
#breadcrumbzone a.b:hover {
text-decoration : underline;
}
.clearfix:after {
content : ".";
display : block;
height : 0;
clear : both;
visibility : hidden;
}
/* Hides from IE-mac \*/

* html .clearfix {
height : 1%;
}
.clearfix {
display : block;
}
/*end backslash hack*/
#middlecontainer {
margin-left : 9px;
margin-right : 9px;
height : 1%;
}
#center {
width : 100%;
color : #000000;
}

/* mac hide and combat ie's 3 pixel jog \*/
* html #centre{overflow:hidden;float:left;width:100%}

/* end hide*/
#box {
width : 90%;
background-color : #e4e4e4;
margin : 1em auto 0 auto;
}
#container {
width : 90%;
background : #ccc;
border : 10px solid #ccc;
margin : 10px auto;
background-color : #fff;
color : #333;
line-height : 130%;
}
#leftcol {
background-color : #ccc;
font-family : Geneva, sans-serif;
float : left;
width : 20%;
padding : 1em 1em 1em 0.5em;

}
.right {
float : right;
}
#leftcol p {
color : #000000;
font-size : 0.8em;
margin : 1em 1em 1em 0.3em;
font-weight : normal;
}

#leftcoltestimonial {
float : left;
width : 20%;
background-image:url(../images/fleche2.gif);
background-position:0.6em 0;background-repeat : no-repeat;
height:154px;
}

#leftcolchoose {
float : left;
width : 20%;background-repeat : no-repeat;
background-image:url(../images/fleche2.gif);
background-position:0.6em 0;
height:154px;
}
#leftcolchoose p{
background-color : #ccc;
margin : 0;
}
#leftcoldiag {
float : left;
width : 20%;background-repeat : no-repeat;
background-image:url(../images/fleche2.gif);
background-position:0.6em 0;
height:154px;
}
#leftcolcontact{
float : left;
width : 20%;background-repeat : no-repeat;
background-image:url(../images/fleche2.gif);
background-position:0.6em 0;
height:154px;
}
#leftcol h1 {
color : #ffffff;
font-size : 2em;
margin : 1.5em 0 1em 0;
padding : 0;
font-family : "Century Gothic", Geneva, sans-serif;
}
#leftcol h2 {
color : #000000;
font-size : 1.5em;
margin : 1em 0 1em 0;
padding : 0;
font-family : "Century Gothic", Geneva, sans-serif;
}
#leftcol h3 {
color : #000000;
font-size : 1.3em;
margin : 1em 0 1em 0;
font-family : "Century Gothic", Geneva, sans-serif;
}
#leftcol a {
text-decoration : none;
color : #000000;
display : block;
font-family : Geneva, sans-serif;
border-left : 5px solid #ccc;
padding : 0 0 0 5px;
font-weight : bold;
}
#leftcol a:hover {
color : #ff8c00;
display : block;
border-left : 5px solid #ffcc00;
}
#leftcol-NL {
background : #ccc;
font-family : Geneva, sans-serif;
float : left;
width : 35%;
padding : 3em 1em 1em 0.5em;
}
#leftcol-NL p {
font-size : 0.70em;
margin : 0.5em 0 0 0.5em;
}
#content-NL {
margin-left : 38%;
font-family : Geneva, sans-serif;
padding : 0 3.5em 1em 2em;
max-width : 40em;
}
#content-NL p {
font-size : 0.75em;
margin : 0.5em 0 0 0.5em;
}

#content-NL h2 {
margin : 0.7em 0 0.5em 0;
color : #000000;
font-size : 2em;
font-family : "Century Gothic", Geneva, sans-serif;
}



/*meet the coach page--------------------*/
#leftcolmeet {
background-color : #ccc;
font-family : Geneva, sans-serif;
float : left;
width : 20%;
padding : 1em 1em 1em 0.5em;
height : 12em;
background : #ccc url(../images/deux.jpg) no-repeat 10px 10px;
}

#leftcolmeetmyriam  {
background-color : #ccc;
font-family : Geneva, sans-serif;
float : left;
width : 20%;
padding : 1em 1em 1em 0.5em;
height : 15em;
background : #ccc url(../images/myriam5b.gif) no-repeat 10px 10px;
}

#leftcolmeetcathy{
background-color : #ccc;
font-family : Geneva, sans-serif;
float : left;
width : 20%;
padding : 1em 1em 1em 0.5em;
height : 15em;
background : #ccc url(../images/cathy.jpg) no-repeat 10px 10px;
}

#content {
margin-left : 24%;
font-family : Geneva, sans-serif;
padding : 0 4.5em 1em 2em;
max-width : 37em;
}
#content h2 {
margin : 0.7em 0 0.5em 0;
color : #000000;
font-size : 2em;
font-family : "Century Gothic", Geneva, sans-serif;
}
#content p {
color : #000000;
font-size : 0.8em;
margin : 2em 0 0 0;
}
#content img {
margin : 0 0.5em -10px 0.5em;
padding : 0;
}
#content a {
text-decoration : underline;
color : #000;
}
#content a:hover {
color : red;
}
#content ul,li {
color : #000000;
font-size : 0.9em;
margin-left : 1em;
}


.encadre{display:block;}
.sansencadre{display:block; border:none;text-decoration:none;}

#listcontent {
padding : 10px 4px 0 5px;
font-size : 0.8em;
}
#listcontent p {
font-size : 0.8em;
margin : 1em 0 0 0;
}
#listcontent ul {
margin : 0 20px 5px 10px;
padding-left : 5px;
}
#listcontent li {
list-style-type : circle;
}
.floatit {
float : left;
}
/*mission-our values----*/
#boxourvalue {
background-color : #e4e4e4;
float : left;
margin : 0 0.9em 0 0;
width : 9em;
}
#ourvalueswrap {
text-align : center;
padding : 0.5em 1em 0.5em 1em;
}
#contentmission {
margin-left : 12%;
max-width : 40em;
padding : 0 1em 1em 1em;
}
#ourvalueswrap p {
color : #000000;
font-size : 0.9em;
margin : 1em;
}

#ourvalueswrap h3 {
color : #D24D4D;
font-size : 1em;
margin : 0;
padding : 0;
font-family : Geneva, sans-serif;
}
#leftcolmission {
background-color : #fff;
font-family : Geneva, sans-serif;
float : left;
width : 12%;
background-repeat : no-repeat;
background-image:url(../images/fleche2.gif);
background-position:0.6em 0;
height:154px;
}



#contentmission h2 {
margin : 0.5em 0 0.5em 0;
color : #000000;
font-size : 2em;
font-family : "Century Gothic", Geneva, sans-serif;
}
#contentmission p {
color : #000000;
font-size : 0.8em;
margin : 1em 0 1em 0;
}

#listcontentmission {
padding : 10px 5px 0 5px;
}
#listcontentmission p {
color : #000000;
font-size : 0.8em;
}
#listcontentmission ul {
margin : 0 20px 0 10px;
padding-left : 5px;
font-size : 0.8em;
}
#listcontentmission li {
list-style-type : circle;
}
#hautgauche, #hautdroit, #basgauche, #basdroit {
height : 19px;
width : 19px;
background-repeat : no-repeat;
font-size : 1px;
}
#hautgauche {
background : url(../images/hautgauche.gif);
}
#hautdroit {
float : right;
background : url(../images/hautdroit.gif);
}
#basgauche {
background : url(../images/basgauche.gif);
}
#basdroit {
float : right;
background : url(../images/basdroite.gif);
}
.fat {
font-weight : bold;
}
.fatred {
font-weight : bold;
color : red;
}
.fatorange {
font-weight : bold;
color : #ff8c00;
}
.clear{clear:both;}

/*----------------- RAJOUT MODIFICATION DU 9 9 09-----------------*/
#paypall-button{
	height:25px;float:right;
	margin:0.2em 0 1em 0;
	}

h5{margin:0.5em 0 0em 0;
font-size:1.5em;
}

.fatfatorange
{

font-weight: bolder;

font-size: 2em;

color: #ff8c00;

}