/*

	Rémy Savard [iXmedia.com]
	global.css - Mise en page
	Dernière modification: 11 mai 09
	
------------------------------------------------- */

@import url("reset.css"); /* Éric Meyer's Reset */
body { behavior: url("../css/csshover3.htc"); } 

																						/* -- Styles générales -- */

* {margin: 0; padding: 0;}
html, body {height: 100%;}
html {font-size: 62.5%; /* Resets 1em to 10px */}
body {
	font-size:1.5em; /* 16px => Base font */
	line-height:1.25; /* line-height de base */
	font-family: Arial, Helvetica, Verdana, Sans-Serif;
	color:#68747a;
	background:#eeeeee url('../img/fond.gif') repeat-x left top;
}
a:link {color:#00aeef;text-decoration:underline;} /* Liens de base */
a:visited {color:#8FB2BF;}
a:hover, a:active {text-decoration:none;} /* Lien:hover de base */
a img {border: none;}
abbr, acronym {border-bottom:.1em dotted;cursor:help;}
em {font-style:italic;}
strong {font-weight:bold;}
p, ul, ol, dl, table {margin:0 0 1em 0;}
ul, ol, dd {margin-left: 2.5em;}
ul ul, ol ul, ul ol, ol ol {margin-bottom:0;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}
blockquote{font-style:italic;}
/* Headings ---------*/
h1 {
	font-size:2.1em;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-weight:normal;
	line-height:1;
	margin-bottom:.7em;
}
#accueil h1 {font-size:2.6em;}
h2 {
	font-size:1.3em;
	font-weight:bold;
	line-height:1;
	margin-bottom:1.5em;
}

h3 {
	font-size:1.1em;
	font-weight:bold;
	line-height:1;
	margin-bottom:.7em;
}

/* Forms ---------*/
form ul {list-style:none;}
form ul li {width:100%;margin-bottom:5px;}
form ul li label, form ul li span {line-height:16px;text-align:right;width:200px;float:left;margin-right:10px;}
form ul li span {}
form ul li input, form ul li select, form ul li textarea {display:block;float:left;margin-right:10px;}



																						/* -- Wrap -- */

#enrobage {
	min-height: 100%;
	height: auto !important;
	height: 100%;
}

#page {
	margin:0 auto;
	width:941px;
	position:relative;
	background:url(../img/fond-enrobage2.gif) repeat-y center top;
}
#accueil #page, #calendrier #page {
	background:#fff;
}
																					/* -- Entete -- */

#entete {
	background: url('../img/fond-entete.gif') repeat-x left top;
	height:120px;
	padding-bottom:40px;
}

#entete #logo {
	background: url('../img/logo-sage.png') no-repeat center center;
	display:block;
	height:70px;
	left:39px;
	position:absolute;
	text-indent:-9999px;
	top:25px;
	width:221px;
}

#entete #logo img {
	display:none;
}

#entete #fRecherche {
	position:absolute;
	right:9px;
	top:86px;
	width:230px;
}


#entete #fRecherche #champ_recherche {
	background:#fff;
	border:none;
	float:left;
	font-size:14px;
	padding:3px 4px;
	width:197px;
}

#entete #fRecherche #champ_recherche.couleurValeurParDefault {
	color:#aeb3b5;
	padding-left:44px;
	text-transform:uppercase;
	width:157px;
}

#entete #fRecherche #soumettre_recherche {
	background: url('../img/bouton-soumettre.gif') no-repeat center center;
	border:none;
	cursor:pointer;
	display:block;
	float:right;
	height:24px;
	text-indent:-9999px;
	width:24px;
}

#menu {
	font-size:1.1em;
	height:44px;
	margin:0;
	padding:0 20px;
	position:absolute;
	top:120px;
	left:0;
	z-index:4;
}

#menu li {
	float:left;
	position:relative;
}

#menu li a:link, #menu li a:visited {
	color:#bfbfbf;
	float:left;
	padding:0 12px;
	height:40px;
	line-height:40px;
	text-decoration:none;
}

#menu li a:hover, #menu li a:active {
	color:#00aeef;
}

#menu li.current_page_item a:link,
#menu li.current_page_item a:visited,
#menu li.current_page_ancestor a:link,
#menu li.current_page_ancestor a:visited,
#menu li.current-cat a:link,
#menu li.current-cat a:visited,
#menu li.current-cat-parent a:link,
#menu li.current-cat-parent a:visited {
	color:#00aeef;
}



/* Sous-menu --------------------*/
#menu li ul {
	background:#cbced0;
	border-bottom:1px solid #A0A2A3;
	border-left:1px solid #A0A2A3;
	border-right:1px solid #A0A2A3;
	display:none;
	font-size:.9em;
	padding:13px 2px 7px;
	margin:0;
	position:absolute;
	top:40px;
	left:0;
	width:226px;
	z-index:2;
}

#menu li:hover ul, #menu li:hover ul {
	display:block;
}

#menu li ul li {
	background:#fff;
	float:left;
	position:relative;
	width:226px;
}

#menu li ul li a:link,
#menu li ul li a:visited,
#menu li.current_page_item ul li a:link,
#menu li.current_page_item ul li a:visited,
#menu li.current_page_ancestor ul li a:link,
#menu li.current_page_ancestor ul li a:visited{
	background:#fff;
	border-bottom:1px solid #f3f4f4;
	color:#737373;
	float:left;
	height:auto;
	line-height:1;
	padding:6px 19px;
	text-decoration:none;
	width:188px;
}

#menu li ul li a:hover,
#menu li ul li a:active,
#menu li.current_page_item ul li a:hover,
#menu li.current_page_item ul li a:active,
#menu li.current_page_ancestor ul li a:hover,
#menu li.current_page_ancestor ul li a:active {
	color:#00aeef;
}

#menu li ul li.current_page_item a:link,
#menu li ul li.current_page_item a:visited,
#menu li.current_page_item ul li.current_page_item a:link,
#menu li.current_page_item ul li.current_page_item a:visited,
#menu li.current_page_ancestor ul li.current_page_item a:link,
#menu li.current_page_ancestor ul li.current_page_item a:visited{
	background:url(../img/fleche-bleu.gif) no-repeat 6px .5em;
	color:#00aeef;
}


.fleche {
	background:#cbced0 url(../img/fleche.gif) no-repeat right center;
	height:13px;
}

																						/* -- Contenu -- */


#contenu {
	padding:9px 0 0 0;
}

#contenu #colonne-principal {
	float:right;
	padding:29px 50px 190px 50px;
	width:552px;
}

#contenu #colonne-principal ul {
	list-style:disc;
}

#contenu #colonne-principal blockquote {
	padding:0 50px;
}

#contenu #colonne-principal .evenement {
	border-bottom:1px solid #DDDEDE;
	margin:0 0 30px 0;	
}

#contenu #colonne-principal .evenement h3 {
	font-size:1.3em;
	margin-bottom:1em;
}

#contenu #colonne-principal .evenement .date {
	font-size:.7em;
	
}

#contenu #colonne-secondaire {
	float:left;
	padding:29px 10px 190px 32px;
	width:235px;
}

#contenu #colonne-secondaire h2 {
	color:#00aeef;
	font-size:1.5em;
	font-weight:bold;
	line-height:1;
	margin-bottom:12px;
}

#contenu #colonne-secondaire #navigation {
	margin:0 0 2em;
}

#contenu #colonne-secondaire #navigation li {
	margin:0 0 8px 0;
	padding:0;
}

#contenu #colonne-secondaire #navigation li a:link, #contenu #colonne-secondaire #navigation li a:visited {
	color:#68747a;
	display:block;
	padding-left:19px;
	text-decoration:none;
}

#contenu #colonne-secondaire #navigation li a:hover, #contenu #colonne-secondaire #navigation li a:active {
	color:#00aeef;
}

#contenu #colonne-secondaire #navigation li.current_page_item a:link, #contenu #colonne-secondaire #navigation li.current_page_item a:visited,
#contenu #colonne-secondaire #navigation li.current-cat a:link, #contenu #colonne-secondaire #navigation li.current-cat a:visited{
	background:url(../img/fleche-bleu.gif) no-repeat left .25em;
	color:#00aeef;
}


/* Page du calendrier */

#calendrier #contenu #colonne-principal {
	float:none;
	padding:5px 50px 190px 50px;
	width:auto;
}

#colonne-secondaire ul#widgets, #colonne-secondaire ul#widgets ul {
	margin: 0;
	padding: 0;
}
#colonne-secondaire #evenements {
	width: 210px;
	font-size: .9em;
}
#accueil #colonne-secondaire #evenements {
	width: 210px;
	margin-left: 14px;
}
#colonne-secondaire h2#evenements-titre {
	background: url(../img/img-evenements.gif) no-repeat left center;
	height:28px;
	text-indent:-9999px;
}
#accueil #colonne-secondaire h2#evenements-titre {
	margin-left: 14px;
}
#colonne-secondaire #evenements h3 {
	font-size: 1em;
	margin: 0 0 1em;
}
																						/* -- Pied -- */

#pied {
	background: url(../img/fond-pied.gif) repeat-x left bottom;
	clear:both;
	height:141px;
	/*margin-top:-141px;*/
}

#pied div.wrap {
	background: url(../img/fond-pied2.gif) repeat-x left top;
	color:#939497;
	height:105px;
	font-size:.9em;
	margin:0 auto;
	padding:36px 0 0 41px;
	position:relative;
	width:900px;
}

#pied div.wrap .titre {
	margin-bottom:3px;
}

#pied div.wrap .titre p {
	float:left;
	font-size:1.3em;
	margin:0 5px 0 0;
}

#pied div.wrap .titre img {
}

#pied div p.copyright {
	color:#6d8490;
	font-size:.8em;
	margin:0;
	position:absolute;
	left:40px;
	bottom:13px;
}

/* Accueil ---------------------*/

#accueil h2 {
	font-family: Tahoma, Geneva, sans-serif;
	font-size:1.4em;
	font-weight:bold;
	line-height:1;
	margin-bottom:.2em;
}

#accueil h2 a:link, #accueil h2 a:visited {
	text-decoration:none;
}

#accueil #contenu {height:1095px; padding:0 0 20px 0;position:relative;/*height:770px;*/}
/* new clearfix */
#accueil #contenu:after {
	visibility: hidden;
	display: block;
	font-size: 0;
	content: " ";
	clear: both;
	height: 0;
	}
* html #accueil #contenu             { zoom: 1; } /* IE6 */
*:first-child+html #accueil #contenu { zoom: 1; } /* IE7 */
#accueil #contenu #colonne-principal {float:left;padding:40px 0px 0 40px;width:600px;}
#accueil #contenu #colonne-principal p {font-size:1.1em;}
#accueil #contenu #colonne-principal .introduction {margin-top:40px;}
#accueil #contenu #colonne-principal .entrepreneur {background:url(../img/fond-entrepreneur.gif) no-repeat center center;height:102px;margin-bottom:9px;padding:26px 0 0 23px;width:577px;}
#accueil #contenu #colonne-principal .entrepreneur h2 {font-size:1.95em;}
#accueil #contenu #colonne-principal .mentors {background:url(../img/fond-mentors.gif) no-repeat center center;float:left;height:89px;padding:24px 0 0 23px;width:252px;}
#accueil #contenu #colonne-principal .partenaires {background:url(../img/fond-partenaires.gif) no-repeat center center;float:right;height:89px;padding:24px 0 0 23px;width:292px;}
#accueil #contenu #colonne-secondaire {background: url(../img/fond-accueil.png) no-repeat top center;height:630px; float:left; width:275px;padding:12px 0 0 21px; z-index:3;}
#accueil #colonne-secondaire #partenaires {
	margin-bottom:25px;
	padding:3px 0 0 27px;
	height:219px;
}

#accueil #colonne-secondaire #partenaires h6 {
	background: url(../img/img-partenaires.gif) no-repeat center center;
	height:35px;
	margin-bottom:26px;
	text-indent:-9999px;
	width:174px;
}

#accueil #colonne-secondaire #partenaires ul {
	margin:0 0 5px 0;
}

#accueil #colonne-secondaire #partenaires a.tous-partenaires {
	background: url(../img/img-nos-partenaires.gif) no-repeat center center;
	display:block;
	height:16px;
	margin-left:22px;
	text-indent:-9999px;
	width:166px;
}


																						/* -- Class -- */

.keyword {background:#FFFAC2;color:#000;}


.click_widget{margin-left:15px;} 



/* -- Clearfix -- */
.clearfix {display: inline-block; } .clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;} * html .clearfix { height: 1%; } .clearfix { display: block; }
/* -------------------------*/