/***************************************************************************************
	Reset
***************************************************************************************/

html, body, div, span, applet, object, iframe,
h1, h2, h3, h4, h5, h6, p, blockquote, pre,
a, abbr, acronym, address, big, cite, code,
del, dfn, em, font, img, ins, kbd, q, s, samp,
small, strike, strong, sub, sup, tt, var,
dl, dt, dd, ol, ul, li,
fieldset, form, label, legend,
table, caption, tbody, tfoot, thead, tr, th, td {
	margin: 0;
	padding: 0;
	border: 0;
	outline: 0;
	font-weight: inherit;
	font-style: inherit;
	font-size: 100%;
	font-family: inherit;
	vertical-align: baseline;
}
body {color: black; background: white; font:85%/1.25 "Trebuchet MS" }
ol, ul {list-style: none;}
/* Fixes incorrect placement of numbers in ol's in IE6/7 */
ol { margin:0 0 1em 2em; }
/* tables still need 'cellspacing="0"' in the markup */
table {border-collapse: separate; border-spacing: 0;}
img { border: 0; display:block; }
em {font-style:italic;}

ol li {
	list-style:decimal;
	margin-bottom:5px;
}

/***************************************************************************************
	Globals
***************************************************************************************/
html, body { height:100%;}
body {background:#3de0ff url(../img/background.jpg) repeat-x top left; }
h3 { margin-bottom:1em; font-size:1.25em;}
strong { font-weight:bold}
abbr, acronym {border-bottom: .1em dotted; cursor: help;}

/***************************************************************************************
	Page
***************************************************************************************/

#page {
	height: auto !important;
	height: 100%; /* Pour IE6*/
	min-height: 100%;
	position:relative;
	width:1000px;
	margin:0 auto;
}

/***************************************************************************************
	Entête
***************************************************************************************/

#entete {
	height:242px;
}
#entete_photos {
	background:url(../img/entete.png) center center no-repeat;
	height:234px;
	width:514px;
	margin:0 auto;
}
#entete #logo_sourdine {
	position:absolute;
	top:50px;
}
#entete #logo_oraliste {
	position:absolute;
	top:70px;
	right:0;
}
#entete #slogan {
	font-weight:bold;
	position:absolute;
	top:183px;
	left:3px;
	color:#fff;
	background:url(../img/slogan.gif) top left no-repeat;
	width:287px;
	height:15px;
	padding:10px 0 10px 25px;
}
#entete #menu_entete {
	position:absolute;
	right:0;
	top:5px;
}
#entete #menu_entete li {
	display:inline;
	margin:0 0 0 10px;
}
#entete #menu_entete li a{
	padding:5px;
	color:#fff;
	text-decoration:none;
}

#entete #menu_entete li a.active {
	background:#007dc3;
}

#entete #menu_entete li a:hover{
	background:#007dc3;
}
/***************************************************************************************
	Menu
***************************************************************************************/

#menu {
	float:left;
	width:229px;
	background:#00d6ff url(../img/top-menu.jpg) top left no-repeat;
	margin:-40px 0 0 0;
}
#menu div{
	background:url(../img/bottom-menu.jpg) bottom left no-repeat;
}
#menu ul#principale {
	padding:75px 20px 50px 20px;
}
#menu ul#principale li a {
	font-size:1.25em;
	border-bottom:1px dotted #fff;
	padding:10px 0 10px 0;
	display:block;
	text-decoration:none;
	color:#fff;
	height:1%;
}
#menu ul#principale li a.top_border{
	border-top:1px dotted #fff;
}
#menu ul#principale li a:hover{
	color:#007DC3;
}
a.selected{
	color:#007DC3!important;
	padding:10px 5px 10px 0;
	background:url(../img/fleche-1.gif) top right no-repeat;
}

#menu ul#principale ul.secondaire li a {
	font-size:.85em;
	padding:3px 0 3px 10px;
	border-bottom:1px dotted  #00FFFF;
	height:1%;
}

#menu ul#principale ul.secondaire li a:hover{
	background:url(../img/fleche-2.gif) top left no-repeat;
}
#menu ul#principale li a.ici{
	color:#007DC3;
}

/***************************************************************************************
	Menu-top
***************************************************************************************/

#menu_top{
	float:left;
	width:722px;
	margin:0 0 0 16px;
}
#menu_top li{
	float:left;
	display:inline;
	width:229px;
	height:113px;
}
#menu_top li a{
	font-size:2em;
	display:block;
	width:229px;
	height:80px;
	font-weight:bold;
	text-decoration:none;
	line-height:.85;
}
#menu_top span{
	display:block;
	padding:20px 0 0 20px;
}
#menu_top span.espace_haut{
	padding-top:30px;
}
#menu_top li a.selection{
	color:#fff!important;
	text-decoration:underline;
}
#menu_top li.bouton_1{
	background:url(../img/bouton-1.png) no-repeat top left;
	margin-right:17px;
}
#menu_top li.bouton_1 a{
	color:#eaf4c8;
}
#menu_top li.bouton_2{
	background:url(../img/bouton-2.png) no-repeat top left;
	margin-right:17px;
}
#menu_top li.bouton_2 a{
	color:#ffb7d7;
}
#menu_top li.bouton_3{
	background:url(../img/bouton-3.png) no-repeat top left;
}
#menu_top li.bouton_3 a{
	color:#fedec4;
}
#menu_top li a:hover{
	color:#fff;
}
/***************************************************************************************
	Contenu
***************************************************************************************/

#contenu {
	float:left;
	padding:25px 25px 0 25px;
	width:680px;
}
#fil{
	font-size:.9em;
	color:#007dc3;
}
#fil li{
	display:inline;
}
#fil li a{
	text-decoration:none;
	color:#007dc3;
}
#fil li a:hover{
	background:none;
}
#contenu h1{
	font-size:1.65em;
	font-weight:bold;
	color:#fff;
	border-bottom:1px dotted #fff;
	border-top:1px dotted #fff;
	padding:5px 0;
	margin:10px 0;
}

#contenu p{
	margin:0 0 1em 0;}
#contenu a{
	color:#007dc3;
}
#contenu a:hover{
	text-decoration:none;
	color:#fff;
}

ul.hfeed li {
	margin-bottom:10px;
	border-bottom:1px dotted #fff;
	padding-bottom:10px;
}

ul.hfeed li span.date {
	font-weight:bold;
	font-size:.9em;
}

ul.hfeed h4 {
	font-size:1.25em;
	margin:0 0 .3px 0;
}

ul.liste_puces {
	margin:0 0 1em 10px;
	padding-left:20px;
	list-style:disc;
}
ul.liste_puces li {
	margin-bottom:10px;
}
div.nouvelle {
	float:left;
	width:695px;
	border-bottom:1px dotted #fff;
	margin:0 0 20px 0;
	padding-bottom:1em;
}
#contenu div.nouvelle h2{
	font-size:1.45em;
	margin:0 0 1em 0;
}


#contenu div.nouvelle h2 a {
	color:#000;
	text-decoration:none;
}

#contenu div.nouvelle h2 a:hover {
	text-decoration:underline;
}

#contenu div.nouvelle h2 span.date{
	font-size:.70em;
	font-weight:normal;
}

#page #contenu div.nouvelle img {
	float:left;
	margin:0 20px 5px 0;
}

#page.accueil #contenu div.nouvelle img {
	float:none;
	margin: 0;
}

#page.mots #contenu div.nouvelle img {
	float:right;
	margin:0 0 5px 20px;
}

#page #detail_nouvelle a.thickbox {
	width:300px;
	display:block;
}

div.txtpresident {
	width:525px;
}

.liste_d {
	margin:10px 0;
}
.liste_d dt {
	font-weight:bold;
	margin:0 0 10px 0;
}
.liste_d dd {
	margin:0 0 10px 1em;
}

dt.sous_titre { margin-bottom:1em; font-size:1.25em; font-weight:normal;}

dt.filet {
	border-top:1px dotted #fff;
	padding-top:10px;
}

/***************************************************************************************
	Section == Accueil
***************************************************************************************/

#page.accueil div.wrap {
	float:left;
	margin:0 20px 5px 0;
}

p.description {
	font-size:12px;
	width:300px;
}

/***************************************************************************************
	Section == Moments magique
***************************************************************************************/

#moments li {
	width:200px;
	display:block;
	float:left;
	margin-right:25px;
	height:230px;
}

#moments li.tall {
	height:325px;
}

#moments li img {
	margin-bottom:5px;
}

#moments li p {
	font-size:.9em;
}

/***************************************************************************************
	Section == Gala
***************************************************************************************/

#page.gala #contenu div.nouvelle {
	padding-bottom:10px;
 }

#page.gala #contenu div.nouvelle img {
	margin:0 15px 15px 0;
 }

/***************************************************************************************
	Section == Dirigeants
***************************************************************************************/


#page.dirigeants #contenu div.nouvelle img {
	float:right;
	margin:0 0 5px 20px;
}

/***************************************************************************************
	Section == Liens participation
***************************************************************************************/

a.lien_form {
	text-decoration:none;
	padding-left:50px;
	background:url(../img/pdf.gif) left -2px no-repeat;
	height:45px;
	display:block;
	width:185px;
}

/***************************************************************************************
	Section == Faire un don
***************************************************************************************/

#etape1 {
	margin-bottom:1em;
	background:#fff;
	padding:10px;
	width:660px;
}

#etape1 ul {
	margin-bottom:1em;
}

#etape1 h6 {
	font-size:1.25em;
	font-weight:bold;
	margin-bottom:.5em;
}

#etape1 h6.top_border {
	margin-top:15px;
	padding-top:20px;
	border-top:1px solid #ccc;
}

#etape1 ul li ul li {
	margin:0 0 5px 5px
}

#etape1 ul li ul.horizontal li {
	display:inline;
	margin:0 7px 0 0;
}

#etape1 .send{ float:right; margin:0 50px 1em 0;}
#etape1 input.dollards{ margin-left:5px; width:75px; text-align:right;}
#etape1 input.cents{ width:50px;}

ul.liste-form {

}

ul.liste-form li {
	width:100%;
	margin-bottom:5px;
}

ul.liste-form li label {
	text-align:right;
	width:100px;
	margin-right:10px;
	float:left;
}

div.encadre {
	margin:15px auto;
	padding:10px;
	background:#efefef;
}

#etape1 a:hover {
	color:#007DC3;
	text-decoration:none!important;
}

div.partenaires div.nouvelle {
	border:none!important;
}

div.partenaires div.wrap {
	background:#fff;
	padding:10px;
	border:1px solid #000;
	width:660px;
}

#page div.partenaires div.wrap div.nouvelle ul.image li {
	float:left;
}

#page div.partenaires div.wrap div.nouvelle ul li img {
	margin:0!important;
	padding:0!important;
}

p.carte_credit {
	line-height:28px;
	font-size:.8em;
}

span.carte_credit {
	margin-left:20px;
	text-indent:-9999px;
	display:block;
	width:49px;
	height:28px;
	float:left;
}

span.mastercard {
	margin-left:30px;
	background:url(/faire-don/img/carte_mc.gif) no-repeat center center;
}

span.visa {
	background:url(/faire-don/img/carte_visa.gif) no-repeat center center;
}

/***************************************************************************************
	Section == Plan de site
***************************************************************************************/

.liste_p {
	margin:10px 0;
}
.liste_p dt {
	font-weight:bold;
	margin:10px 0 5px 0;
}
.liste_p a {
	text-decoration:none;
}
.liste_p dt a:hover{
	color:#fff!important;
}
.liste_p dd {
	margin:0 0 5px 10px;
}

/***************************************************************************************
	Section == Carte
***************************************************************************************/

#joindre {
	width:250px;
	float:left;
}

#carte {
	height:300px;
	width:350px;
	float:right;
	margin:0 15px 1em 0;
}

a.vcard {
	padding-left:29px;
	background:url(../img/vcard.gif) no-repeat;
	display:block;
	margin:50px 0 20px 0;
	width:300px;
}

a.hcard {
	padding-left:29px;
	display:block;
	width:300px;
	background:url(../img/hcard.gif) no-repeat;
}

.org {
	font-weight:bold;
}

.exemple-de-carte {
	padding: 5px 0;
	text-align:center;
}
.exemple-de-carte a, .exemple-de-carte td {
	vertical-align:top;
}
.exemple-de-carte td.gauche {
	padding-right:35px;
}
.exemple-de-carte a#drouin, .exemple-de-carte a#belanger {
	display:block;
	text-indent:-9999px;
	background-position: 0 0;
	background-repeat: no-repeat;
	height:143px;
	width:191px;
	background-image:url(../img/sarah-anne-cloutier-vignette.jpg);
}
.exemple-de-carte a#belanger:hover {
	background-image:url(../img/sarah-anne-cloutier-vignette-over.jpg);
}
.exemple-de-carte a#drouin {
	height:195px;
	width:141px;
	background-image:url(../img/thomas-boutet-vignette.jpg);
}
.exemple-de-carte a#drouin:hover {
	background-image:url(../img/thomas-boutet-vignette-over.jpg);
}
.exemple-de-carte img {
	float:left;
	clear:left;
	display:block;
	vertical-align:top !important;
}
.exemple-de-carte p {
	float:left;
	clear:left;
	display:block;
	white-space:nowrap;
	text-align:left;
	vertical-align:bottom;
}
.exemple-de-carte p span {
	font-weight:bold;
	color:#fff;

}


/***************************************************************************************
	Section == Pied de page
***************************************************************************************/

#pied_de_page {
	clear:both;
	position:relative;
	width:100%;
	background:#3DE0FF url(../img/pied-de-page.jpg) repeat-x top left;
	height:125px;
}

#pied_de_page div {
	width:1000px;
	margin:0 auto;
}

#pied_de_page div p {
	float:left;
	margin:70px 0 0 0;
	color:#fff;
}

#pied_de_page div a {
	cursor:pointer;
	margin:68px 30px 0 0;
	float:right;
	text-indent:-9999px;
	background:url(../img/logo-ixmedia.png) bottom left no-repeat;
	width:89px;
	height:57px;
}


/***************************************************************************************
	Section == Class
***************************************************************************************/

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

.nowrap {
	white-space:nowrap;
}
.floatleft {
	float:left;
}
.floatright {
	float:right;
}
.hide {
	text-indent: -9999px;
}
.emphase {
	font-style:italic;
}
.red {
	color:red;
}

.txtcenter {
	text-align:center;
}

.txtright {
	text-align:right;
}

.txtgrand {
	font-size:1.1em;
}

.clearboth {
	clear:both;
}

.last {
	float:none!important;
}


/* =Gestion des erreurs-------------*/

input.erreur {
	border:1px solid #FF9900;
}

label.erreur {
	padding:0 5px!important;
	border:1px solid #FF9900!important;
	color:#FF9900!important;
	background:#FFFF99!important;
	float:none!important;
	margin:0 0 0 10px!important;
	width:100%!important;
	text-align:left!important;
}

ul.erreur li {margin-left:10px;color:#8a1f11;}
ul.erreur li.erreur_titre {margin-left:0;font-weight:bold;}


span.obligatoire {
	color:red;
}

p.obligatoire {
	color:red;
	float:right;
}

div#erreur {
	color:red;
	margin-bottom:1em;
}

div#erreur ul {
	list-style:disc;
	margin-left:2em;
}

/***************************************************************************************
	Section == Photo en ballon
***************************************************************************************/

div.png {
	float:right;
	width:215px;
	height:197px;
	display:block;
	text-indent:-9999px;
	margin:0 0 5px 10px;
}

div.png.boisclair {
	background:url(../img/boisclair.png) top left no-repeat;
}

div.png.julie {
	background:url(../img/julie-houle.png) top left no-repeat;
}

div.png.david {
	background:url(../img/david.png) top left no-repeat;
}

/***************************************************************************************
	Section == Photo montage
***************************************************************************************/

div.defi {
	background:url(../img/defi.png) top left no-repeat;
	width:537px;
	height:336px;
	display:block;
	text-indent:-9999px;
	margin:10px;
}

div.theatre {
	background:url(../img/theatre.png) top left no-repeat;
	width:666px;
	height:336px;
	display:block;
	text-indent:-9999px;
	margin:10px;
}

div.parrains {
	background:url(../img/parrains.png) top left no-repeat;
	width:468px;
	height:205px;
	display:block;
	text-indent:-9999px;
	margin:10px 10px 0 10px;
}

div.president {
	background:url(../img/president.png) top left no-repeat;
	width:665px;
	height:343px;
	display:block;
	text-indent:-9999px;
	margin:10px;
}

div.benevoles {
	background:url(../img/benevoles.png) top left no-repeat;
	width:658px;
	height:343px;
	display:block;
	text-indent:-9999px;
	margin:10px;
}

.small {
	font-size:.9em;
}

ul.pages li {
	display:inline;
	float:left;
	margin-right:5px;
}

ul.pages li.suivant a {
	display:block;
	width:5px;
	background: url(/img/fleche-suivant.gif) center center no-repeat;
	text-indent:-9999px;
}

ul.pages li.suivant a:hover {
	background: url(/img/fleche-suivant-h.gif) center center no-repeat;
}

ul.pages li.precedent a {
	display:block;
	width:5px;
	background: url(/img/fleche-precedent.gif) center center no-repeat;
	text-indent:-9999px;
}

ul.pages li.precedent a:hover {
	background: url(/img/fleche-precedent-h.gif) center center no-repeat;
}