/*

	Rémy Savard [iXmedia.com]
	global.css - Mise en page
	Dernière modification: 21 avril 09

    Marc-Antoine Sirois [msirois@iXmedia.com]
    global.css - Formulaire GravityForm
    Dernière modification: 19 septembre 18

------------------------------------------------- */

@import url("reset.css"); /* Éric Meyer's Reset */

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

* {margin: 0; padding: 0;}
html, body {height:100%;}
html {font-size: 62.5%; /* Resets 1em to 10px */}
body {
	behavior: url("/css/csshover3.htc");
	font-size:1.35em; /* 16px => Base font */
	line-height:1.35; /* line-height de base */
	font-family: 'Lucida Grande', Arial, Sans-Serif;
	color:#4d4d4f;
	background:#fff;
}
a:link, a:visited {color:#f46523;font-weight:bold;text-decoration:none;} /* Liens de base */
a:hover, a:active {text-decoration:underline;} /* 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;}
sup {font-size: smaller; vertical-align: 0.5em; line-height: 1px;}

/* Headings ---------*/
h1 {font-family: Georgia, "Times New Roman", Times, serif;font-size:1.8em;font-weight:normal;line-height:1.1;margin-bottom:.3em;}
h1 a:link, h1 a:visited {color:#4D4D4F;font-weight:normal;}
h1 a:hover, h1 a:active {color:#f46523;font-weight:normal;}
h2 {color:#8d8d8f;font-family: Arial, Helvetica, Sans-Serif;font-weight:normal;font-size:1.4em;}
h2 a:link, h2 a:visited {color:#9F9F9F;font-weight:normal;}
#pages h1 {margin-bottom:1em;}
h3 {font-size:1.1em;margin-bottom:1em;}

/* 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 -- */
/* */
.gform_button {
    float: left;
    background:#f46523;
    color:#fff;
    font-size:1.2em;
    font-weight:normal;
    margin-left:15px;
    padding:3px 10px;
    text-decoration:none;
    cursor: pointer;
}

.gform_button:hover {
    text-decoration:underline!important;
}

.page-abonnement h2 {
    padding-top: 20px;
}

.bouton-abonnement {
    padding-right: 25px;
}

.bouton-abonnement a {
    float: left;
    background:#f46523;
    color:#fff;
    font-size:1.2em;
    font-weight:normal;
    margin-left:15px;
    padding:3px 10px;
    text-decoration:none;
    cursor: pointer;
}

.bouton-abonnement a:before {
    content: "« ";
}

.bouton-abonnement a:hover {
    text-decoration:underline!important;
}

.wrapper-bouton-abonnement {
    display: flex;
    justify-content: space-between;
    padding: 20px 0 10px;
}
.abonnement-paragraphe {
    padding: 10px 0;
}

.abonnement-paragraphe td, .abonnement-paragraphe th {
    border: 1px solid black;
    width: 32%;
}

.abonnement-paragraphe table{
    border-collapse: collapse;
    width: 100%;
}

.abonnement-table-first {
    border: 0px !important;
}

.abonnement-table {
    background-color: #e2e2e3;
}

#enrobage {
	min-height: 100%;
	height: auto !important;
	height: 100%;
	position:relative;
	min-width:900px;
}

#page {
	padding-bottom:50px;
	margin:0 auto;
	width:961px;
}

																						/* -- Entete -- */
#enrobage-secondaire {background: url(/img/fond-enrobage.gif) repeat-x left top;}
#entete {border-bottom:38px solid #fff;height:137px;padding-top:18px;margin:0 auto;width:961px;}
#entete .plein {height:101px;}
#entete #logo {background: url(/img/logo-sequences.gif) no-repeat center center;display:block;float:left;height:75px; width:520px;text-indent:-9999px;}
#entete h2 img {display:none;}
#entete div.droite {float:right;padding-top:13px;width: auto!important; width:340px; max-width:340px;}

/* Formulaire de recherche -----------*/
#entete div.droite #recherche {margin-bottom:18px;}
#entete div.droite #recherche #champRecherche {background:#98989a;border:none;color:#fff;float:left;font-size:1em;margin-top:2px;padding:4px 5px;width:266px;}
#entete div.droite #recherche #soumettreRecherche {background: url(/img/bouton-envoyer.gif) no-repeat center center;border:none;cursor:pointer;display:block;float:left;height:27px; width:27px;text-indent:-9999px!important;margin-left:8px;}
#entete div.droite ul {
	float:left;
	margin: 0;
}

#entete div.droite ul li {
	float:left;
	border-right:1px solid #fff;
}

#entete div.droite ul li.dernier {
	border:none;
}

#entete div.droite ul li a:link, #entete div.droite ul li a:visited {
	color:#fff;
	float:left;
	font-size:.9em;
	line-height:1;
	padding:3px 5px;
}

#entete div.droite ul li a:hover, #entete div.droite ul li a:active,
#entete div.droite ul li.actif a:link, #entete div.droite ul li.actif a:visited,
#entete div.droite ul li.current_page_item a:link, #entete div.droite ul li.current_page_item a:visited,
#entete div.droite ul li.current_page_parent a:link, #entete div.droite ul li.current_page_parent a:visited {
	background:#F46523;
	text-decoration:none;
}



/*  Menu ------------------- */
#entete #menu {border-left:1px solid #fff;margin:0;font-family: Arial, Helvetica, Sans-Serif;font-size:1.1em;}

#entete #menu ul {margin:0;}
#entete #menu li {border-right:1px solid #fff;float:left;position:relative;}
#entete #menu ul li:first-child {border-left:1px solid #fff;}
#entete #menu li a:link, #entete #menu li a:visited {color:#fff;display:block;float:left;font-weight:bold;height:36px;line-height:36px;padding:0 8px;text-decoration:none;}

#entete #menu li a:hover, #entete #menu li a:active {text-decoration:none!important;}
#entete #menu li:hover a, #entete #menu li.actif a:link,
#entete #menu li.actif a:visited, #entete #menu li.current-cat a:link, #entete #menu li.current-cat a:visited {background:#4d4d4f;}
#entete #menu li.actif ul li a:link, #entete #menu li.actif ul li a:visited {background:none;}

/* Niveau 2 ----------------*/
#entete #menu li ul {background:#e2e2e3;border-top:1px solid #fff;display:none;font-size:.9em;left:0; top:40px;padding:8px 12px 10px 12px;position:absolute;width:180px;}
#entete #menu li ul li {border:none;}
#entete #menu li ul li a:link, #entete #menu li ul li a:visited, #entete #menu li.current_page_item ul li a:link, #entete #menu li.current_page_item ul li a:visited, #entete #menu li.current_page_parent ul li a:link, #entete #menu li.current_page_parent ul li a:visited {background:none;color:#4d4d4f;height:auto;line-height:1.3;padding:0;font-weight:normal;}
#entete #menu li ul li a:link span, #entete #menu li ul li a:visited span {padding:8px 5px;width:170px;float:left;}
#entete #menu li ul li a:hover, #entete #menu li ul li a:active, #entete #menu  li ul li.current-cat a:link, #entete #menu  li ul li.current-cat a:visited, #entete #menu li.actif ul li a:hover, #entete #menu li.actif ul li a:active, #entete #menu li.current_page_item ul li a:hover, #entete #menu li.current_page_item ul li a:active, #entete #menu li ul li.current_page_item a:link, #entete #menu li ul li.current_page_item a:visited, #entete #menu li.current_page_parent ul li a:hover, #entete #menu li.current_page_parent ul li a:active {background: #4d4d4f url(/img/menu-hover.gif) repeat-x left top; color:#fff;}
#entete #menu li ul li a:hover span, #entete #menu li ul li a:active span, #entete #menu  li ul li.current-cat a:link span, #entete #menu  li ul li.current-cat a:visited span, #entete #menu li ul li.current_page_item a:link span, #entete #menu li ul li.current_page_item a:visited span {background:  url(/img/menu-hover.gif) repeat-x left bottom;}
#entete #menu li:hover ul {display:block;}

																						/* -- Contenu -- */


/* Colonne-pricinpal ------------------------------*/
#colonne-principal {
	float:left;
	width:590px;
	text-align: left!important;
}

/* Billets ----------------*/

#colonne-principal .billet {margin-bottom:35px;}
#colonne-principal .billet h2 {color:#4D4D4F;margin-bottom:.5em;}
#colonne-principal .billet img {margin-bottom:15px;}
#colonne-principal .billet li {list-style: square;}
#colonne-principal .billet .date,
#colonne-principal .billet .metadata {font-size:.8em;font-family: Arial, Helvetica, Sans-Serif;}
#colonne-principal .billet .date {margin-bottom:1.1em;}
#colonne-principal .billet .metadata {margin-top:1.1em;}
#colonne-principal .billet a.more-link:link, #colonne-principal .billet a.more-link:visited {background:#f46523;color:#fff;margin-left:4px;padding:1px 5px;text-decoration:none;font-size:0.8em;font-weight:normal;}
#colonne-principal .billet a.more-link:hover, #colonne-principal .billet a.more-link:active {background:none;border:1px solid #f46523;color:#f46523;}

/* Colonne-secondaire ------------------------------*/
#colonne-secondaire {
	float:right;
	width:330px;
}

#en-kiosque, #en-lumiere, #en-image, #acces-culture, #agenda, #lectures {
	background: url(/img/fond-secondaire-2.gif) repeat-y top center;
	margin-bottom:25px;
	padding:10px 15px;
	width:300px;
}

#colonne-secondaire #en-kiosque a.sommaire:link, #colonne-secondaire #en-kiosque a.sommaire:visited {
	float: left;
	background:#f46523;
	color:#fff;
	font-size:1.2em;
	font-weight:normal;
	margin-left:15px;
	padding:3px 10px;
	text-decoration:none;
}

#colonne-secondaire #en-kiosque a.sommaire:hover, #colonne-secondaire #en-kiosque a.sommaire:active {
	background:none;
	border:1px solid #f46523;
	color:#f46523;
}

#colonne-secondaire #en-image a:link, #colonne-secondaire #en-image a:visited {
	color:#fff;
}

#colonne-secondaire #en-image a:hover, #colonne-secondaire #en-image a:active {
	color: #f46523 !important;
	text-decoration:underline!important;
}

#colonne-secondaire #en-image a:link, #colonne-secondaire #en-image a:visited {
	color:#4c4c4e;
}

#colonne-secondaire #en-image h1 {
	font-size: 1.2em;
}

#colonne-secondaire #en-image img {
	display: block;
	border-top:1px solid #a6a6a8;
	padding-top:1px;
	margin-left: -15px;}

#colonne-secondaire h6 {
	font-size:1.6em;
	font-weight:bold;
	margin-bottom:10px;
	padding-left:15px;
}

#colonne-secondaire img, #colonne-secondaire img.alignright {
	padding: 0;
	margin: 0 0 15px;
	text-align: left;
}

#colonne-secondaire h1 {
	font-size:1.5em;
	margin-bottom:.5em;
	padding-left:15px;
}

#colonne-secondaire h2 {
	color:#4D4D4F;
	font-size:1.3em;
	font-weight:bold;
	margin-bottom:.5em;
	text-transform:uppercase;
}

#colonne-secondaire h3 {
	font-size:1em;
	font-weight:normal;
}

#colonne-secondaire p, #colonne-secondaire ul {
	margin:0 0 1em 0;
	font-size:.9em;
}

#colonne-secondaire span {
	display:block;
	margin:0 0 1em 0;
	font-size:.9em;
	padding-left:15px;
}

#colonne-secondaire #en-lumiere ul, #colonne-secondaire #acces-culture ul, #colonne-secondaire #agenda ul, #colonne-secondaire #lectures ul {
	margin:0;
}

#colonne-secondaire #en-lumiere ul li, #colonne-secondaire #acces-culture ul li, #colonne-secondaire #agenda ul li, #colonne-secondaire #lectures ul li {
	border-top:1px solid #a6a6a8;
	float:left;
	padding-top:1px;
}
#colonne-secondaire #en-lumiere ul li a, #colonne-secondaire #acces-culture ul li a, #colonne-secondaire #agenda ul li a, #colonne-secondaire #lectures ul li a {
	display: block;
	margin-bottom:1px;
	padding:7px 6px 5px 0;
	width:294px;
	text-decoration:none;
	background:#fff;
	color:#4c4c4e;
}

#colonne-secondaire #en-lumiere ul li a:hover, #colonne-secondaire #acces-culture ul li a:hover, #colonne-secondaire #agenda ul li a:hover, #colonne-secondaire #lectures ul li a:hover {
	color: #f46523;
}

#colonne-secondaire #en-lumiere ul li a em, #colonne-secondaire #acces-culture ul li a em, #colonne-secondaire #agenda ul li a em, #colonne-secondaire #lectures ul li a em {
	float:left;
	margin:0;
	padding:10px 0 10px 15px;
	width:210px;
	font-family: Georgia, "Times New Roman", Times, serif;
	font-style: normal;
	font-size:1.5em;
	line-height: normal;
	font-weight: normal;
	cursor: pointer;
}

#colonne-secondaire #en-lumiere ul li a img, #colonne-secondaire #acces-culture ul li a img, #colonne-secondaire #agenda ul li a img, #colonne-secondaire #lectures© ul li a img {
	float:right;
	margin:0;
	width:59px;
	border: 1px solid #8d8d8d;
}


																						/* -- Pied -- */

#pied {
	clear:both;
	font-family: Arial, Helvetica, Sans-Serif;
	font-size:.8em;
	height:44px;
	line-height:44px;
	margin:-45px auto 0 auto;
	min-width:900px;
	position:relative;
	width:100%;
}

#pied div {margin:0 auto;width:961px;}

#pied p {
	border-top:1px solid #8d8d8f;
	margin:0;
	width:478px;
}
																						/* -- Class -- */

/* Styles ramassés de Worpress -----------------*/
.hilite {background:#D3E18A;}
blockquote {margin: 15px 30px 0 10px;padding-left: 20px;border-left: 5px solid #ddd;}
blockquote cite {margin: 5px 0 0;display: block;}

.meta-revue {
	font-size:.9em;
	margin:-20px 0 2em 0;
}

.alt {
margin: 0;
padding: 10px;
}
.commentlist {
padding: 0;
margin:0 0 35px 0;
}
.commentlist li {
background:#f7f7f7;
border:1px solid #d3d3d3;
margin: 15px 0 3px;
padding: 5px 10px 3px;
list-style: none;
}
.commentlist li .avatar {
float: right;
border: 1px solid #eee;
padding: 2px;
background: #fff;
}
.commentlist p {
margin: 10px 5px 10px 0;
}
.commentlist .comment-author, .commentlist .comment-meta {
	font-size:.8em;
}
#respond {margin-bottom:35px;}

#commentform ul {
	margin:0;
}
#commentform label {
	width:100px;
}
#commentform label.obligatoire {
	text-align:left;
	margin-left:5px;
	font-style:italic;
}
#commentform input {
	border:1px solid #d3d3d3;
	margin: 0;
	padding: 5px;
	width: 300px;
}
#commentform textarea {
	border:1px solid #d3d3d3;
	margin:0 0 5px 110px;
	padding: 5px;
	width: 411px;
}
#commentform #submit {
	background: #F7F7F7;
	border:1px solid #d3d3d3;
	color:#4D4D4F;
	cursor:pointer;
	margin: 0 57px 0 0;
	padding:5px;
	float: right;
	width:auto;
}

#commentform #submit:hover {
	background: #FDEFE8;
	border:1px solid #FFD6C2;
	color: #F46523;
}

.nocomments {
text-align: center;
margin: 0;
padding: 0;
}
.commentmetadata {
margin: 0;
display: block;
}
.comment-author-admin {
	background:#fdefe8!important;
	border:1px solid #ffd6c2!important;
	/*#f3aa88;*/
}
.metadata {
clear: both; 
}
.clear { 
clear: both; 
}
/* Begin Images */
p img {
padding: 0;
max-width: 100%;
}
/*	Using 'class="alignright"' on an image will (who would've
thought?!) align the image to the right. And using 'class="centered',
will of course center the image. This is much better than using
align="center", being much more futureproof (and valid) */
img.centered {
display: block;
margin-left: auto;
margin-right: auto;
}
img.alignright {
padding: 4px;
margin: 0 0 2px 7px;
display: inline;
}
img.alignleft {
padding: 4px;
margin: 0 7px 2px 0;
display: inline;
}
.alignright {
float: right;
}
.alignleft, .wp-caption.alignleft {
float: left;
margin: 0 1em 1.5em 0;
}
.entry form {
/* This is mainly for password protected posts, makes them look better. */
text-align: center;
}
select {
width: 130px;
}
.center {
text-align: center;
}
.hidden { 
display: none; 
}
hr {
display: none;
}
a img {
border: none;
}
/* End Various Tags & Classes*/

/* Captions */
.aligncenter,
div.aligncenter {
display: block;
margin-left: auto;
margin-right: auto;
}
.wp-caption {
border: 1px solid #8d8d8d;
text-align: center;
background-color: #f0f0f1;
padding-top: 5px;
margin: 0 1em 1em;
/*-moz-border-radius: 5px;
-khtml-border-radius: 5px;
-webkit-border-radius: 5px;
border-radius: 5px;*/
}
.wp-caption img {
margin: 0;
padding: 0;
border: 1px solid #8d8d8d;
}
.wp-caption p.wp-caption-text {
font-size: .8em;
padding: 7px 9px 9px;
margin: 0;
text-align:center;
}
.navigation {
display: block;
text-align: center;
margin-top: 10px;
margin-bottom: 30px;
}

.navigation a:link, .navigation a:visited {background:#f46523;color:#fff;padding:1px 5px;text-decoration:none;font-size:0.9em;font-weight:normal;}
.navigation a:hover, .navigationt a:active {background:none;border:1px solid #f46523;color:#f46523;}

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

.marge {
	margin-bottom:25px;
}

h2.marge {
	border-bottom:1px solid #8d8d8d;
	padding-bottom:5px;
}

/* Archives */

#archives ul {
	margin: 0;
	list-style: none;
}

#colonne-principal .billet #archives li {
	float: left;
	list-style: none;
	margin-right: 15px;
	margin-bottom: 15px;
	font-size: .9em;
	text-align: center;
}

#colonne-principal .billet #archives li img {
	display: block;
	margin-bottom: 3px;
}

#text-plain .billet div p, #text-plain .billet div span, #text-plain .billet div em,
#text-plain .billet div h1, #text-plain .billet div h2, #text-plain .billet div h3,
#text-plain .billet div h4, #text-plain .billet div h5, #text-plain .billet div h6 {
	/*color:#4D4D4F!important;*/
	color:#2E2E2E!important;
	font-style:normal!important;
}

p.archives-articles{
	font-size:0.8em!important;
	margin-top: 20px!important;
}

#colonne-secondaire #en-image p.archives-articles a:link,
#colonne-secondaire #en-image p.archives-articles a:active,
#colonne-secondaire #en-image p.archives-articles a:visited,
p.archives-articles a{
	background-color: #F46523;
	color: #FFF;
	padding: 5px;
}

#colonne-secondaire #en-image p.archives-articles a:hover, p.archives-articles a:hover{
	color: #FFF!important;
	text-decoration: underline;
}




/* -- 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; }
/* -------------------------*/