@charset "UTF-8";
/* CSS Document */

/*
-- Sujet : CSS Structure
-- Historique : Création le 6 février 2009
-- Author : Cynthia Roy
-- Absolu communication marketing
*/

/* Couleurs */
/*
	Bleu: #0096D6
	Bleu moyen: #00ADE6
	Bleu pâle: #00CDFF
	Vert: #7AC142
	Vert texte: #59A537
*/

/******************** Container ********************/
* {
	font-family: "Trebuchet MS", Arial, Helvetica, sans-serif;
}
BODY {
	margin: 25px 10px 10px 10px;
}

#container {
	width: 761px; max-width: none; min-width: 761px;
	border: 5px solid #0096D6;
}
/***************************************************/

/********************* Header **********************/
#header { position: relative; z-index: 100; border-bottom: 5px solid #0096D6; }

#header UL.menu { 
	position: relative;
	list-style-type: none; height: 22px;
	font-size: 125%; font-weight: normal;
	margin: 0; padding: 0;
	background-color: #0096D6;
}
#header UL.menu LI { 
	float: left; height: 100%;
	font-weight: bold; text-transform: uppercase;
	border-left: 1px solid #FFFFFF; 
	margin: 0; padding: 0;
}
#header UL.menu LI:first-child, #header UL.menu LI.first { border: none; }
#header UL.menu A { display: block; color: #FFFFFF; text-decoration: none; text-align: center; height: 100%; background-repeat: no-repeat; background-position: 50% 0; text-indent: -9999px; }
#header UL.menu A SPAN { display: block; padding: 3px 10px 0 10px; }
#header UL.menu A:hover { color: #FFFFFF; text-decoration: none; background-color: #00CDFF; background-position: 50% -22px; }
#header UL.menu LI.actif A, #header UL.menu LI.actif A:hover { color: #FFFFFF; background-color: #00CDFF; background-position: 50% -22px; }

#header UL.menu UL { 
	display: none;
	position: absolute; top: 22px; left: 0; z-index: 10; width: 100%; height: 25px;
	font-size: 80%; font-weight: bold;
	list-style-type: none; margin: 0; padding: 0 0 0 0;
	border-top: 5px solid #0096D6;
	border-bottom: 1px solid #0096D6;
}
#header UL.menu LI:hover UL, #header UL.menu LI.hover UL, #header UL.menu UL.actif { display: block; }
#header UL.menu UL LI { border-color: #0096D6; }
#header UL.menu UL A { color: #00CDFF !important; background-color: #FFFFFF !important; background-position: 50% 0 !important; }
#header UL.menu UL A SPAN { padding: 5px 2px 0px 2px; }
#header UL.menu UL A:hover { color: #FFFFFF !important; text-decoration: none !important; background-color: #00CDFF !important; background-position: 50% -25px !important; }
#header UL.menu UL LI.actif A, #header UL.menu UL LI.actif A:hover { color: #FFFFFF !important; background-color: #00CDFF !important; background-position: 50% -25px !important; }

#mHome { width: 120px; }
#mHome A { background-image: url(../images/menu-accueil.gif); }
#mServices { width: 137px; }
#mServices A { background-image: url(../images/menu-services.gif); }
#mBienfaits { width: 149px; }
#mBienfaits A { background-image: url(../images/menu-bienfaits.gif); }
#mIntervenants { width: 185px; }
#mIntervenants A { background-image: url(../images/menu-intervenants.gif); }
#mContact { width: 166px; }
#mContact A { background-image: url(../images/menu-contact.gif); }

#mMessage { width: 249px; }
#mMessage A { background-image: url(../images/menu-message.gif); }
#mFamilles { width: 262px; }
#mFamilles A { background-image: url(../images/menu-familles.gif); }
#mObjectifs { width: 248px; }
#mObjectifs A { background-image: url(../images/menu-objectifs.gif); }

#mServices2 { width: 198px; }
#mServices2 A { background-image: url(../images/menu-services2.gif); }
#mLocaux { width: 194px; }
#mLocaux A { background-image: url(../images/menu-locaux.gif); }
#mQuestionnaire { width: 181px; }
#mQuestionnaire A { background-image: url(../images/menu-questionnaire.gif); }
#mVideos { width: 185px; }
#mVideos A { background-image: url(../images/menu-videos.gif); }

#mIntervenants2 { width: 119px; }
#mIntervenants2 A { background-image: url(../images/menu-intervenants2.gif); }
#mMission { width: 148px; }
#mMission A { background-image: url(../images/menu-mission.gif); }
#mFamillesInter { width: 149px; }
#mFamillesInter A { background-image: url(../images/menu-famillesinter.gif); }
#mApproche { width: 85px; }
#mApproche A { background-image: url(../images/menu-approche.gif); }
#mServicesInter { width: 78px; }
#mServicesInter A { background-image: url(../images/menu-servicesinter.gif); }
#mOutils { width: 59px; }
#mOutils A { background-image: url(../images/menu-outils.gif); }
#mTemoignages { width: 117px; }
#mTemoignages A { background-image: url(../images/menu-temoignages.gif); }
/***************************************************/

/******************** Content **********************/
#photo-left {
	position: relative; z-index: 50; float: left; width: 361px; height: 517px;
	margin: 1px 34px 10px 1px;	
	background-repeat: no-repeat; background-position: 0 0;
}

#content {
	position: relative; z-index: 25; min-height: 518px;
	margin: 0 1px 1px 0;
}

#content .content { 
	line-height: 16px;
	padding: 45px 15px 10px 15px;
}

.sidephoto { margin-left: 381px !important; }

H1 {
	float: left;
	position: relative; width: 340px;
	color: #FFFFFF; font-size: 140%; font-weight: normal; text-transform: uppercase;
	background-color: #7AC142;
	margin: 0 0 15px 0; padding: 3px 10px 2px 10px;
}
H1 .big { display: block; font-size: 140%; }
H1 .small { display: block; font-size: 75%; font-weight: bold; text-transform: none; }

H2 { color: #7ac142; font-size: 130%; margin: 25px 0 0px 0; }

H3 { font-size: 110%; margin: 25px 0 15px 0; }
LI H3 { margin-bottom: 5px; }

A { color: #59A537; }
A:hover { color: #7AC142; }

DIV.photo-fondatrice { height: 230px; }

DIV.box {
	position: relative;
	border: 1px solid #7AC142;
	margin: 0 0 25px 0; padding: 10px 10px 2px 10px;
}

P.signature {
	font-size: 90%; line-height: 110%; text-align: right;	
}

TABLE.miseenpage, TABLE.miseenpage TD {
	border: none; padding: 0;	
}

#container.contact H2 { color: #59A537; margin-bottom: 0; }
#container.contact STRONG { color: #59A537; }
#container.contact P.map { text-align: center; margin-top: 40px; margin-bottom: 0px; }
#container.contact P.map IMG { border: 2px solid #59A537; }
/***************************************************/