/*

	-- -- -- -- -- -- --
	Rémy Savard [iXmedia.com]
	global.css - Mise en page
	Dernière modification: 5 nov 08
	-- -- -- -- -- -- --

*/
																									/* -- Imports -- */

@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 {
	font-size:1.3em; /* Base font */
	line-height:1.4; /* line-height de base */
	font-family: 'Lucida Grande', Arial, Verdana, Sans-Serif;
	color:#e6bcbf;
	background:#870416 url(/img/fond.gif) repeat-x left top;
}

a:link, a:visited{text-decoration:underline;font-weight:bold;color:#fff;} /* Liens de base */
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{color:#fff;font-weight:bold;}
p{margin:0 0 1em 0;}
ul, ol{margin:0 0 1em 0;padding-left: 2.5em;}
sup{font-size: smaller; vertical-align: 0.5em; line-height: 1px;}

																									/* -- Wrap -- */



#enrobage {width:100%;}
#page {width:960px;position:relative;left:50%;margin-left:-480px;}
#wrap {margin-bottom:110px;}
#colonne-gauche {width:229px;float:left;}
#colonne-droite {width:708px;float:right;position:relative;}
.accueil #colonne-droite p { padding-left:180px; background:none;}

																									/* -- Entete -- */

#entete {position:relative;height:161px; background: url(../img/concours-lettres-attachees.jpg) no-repeat 0 0;}
#entete h1 a {background: url(/img/logo.gif) no-repeat;left:1px;top:35px;position:absolute;display:block;height:80px;width:400px;;text-indent:-9999px;}																						/* -- Menu -- */
#entete #lien-cegep {background: url(/img/logo-cegep.gif) no-repeat;right:0;top:68px;position:absolute;display:block;height:45px;width:140px;;text-indent:-9999px;}

#fil {margin-bottom:21px;padding-left:14px;color:#fff;height:24px;border-top:1px solid #b34a4d;border-bottom:1px solid #b34a4d;font-size:.85em;}
#fil li {display:inline;line-height:24px;}
#fil a:link, #fil a:visited {color:#e6bcbf;text-decoration:none;font-weight:normal;}
#fil a:hover, #fil a:active {color:#fff;}

																									/* -- Menu -- */
/* Menu -------------*/
#menu {font-size:1.2em;line-height:1.2;border:1px solid #b34a4d;padding:0;margin-bottom:24px;}
#menu li {float:left;width:227px;}
#menu li a:link, #menu li a:visited {background: url(/img/img-fleche.gif) no-repeat 13px .6em;color:#d1969b;text-decoration:none;padding:7px 0 7px 35px;display:block;}

/* Sous-menu -------------*/
#menu li ul {font-size:.9em;margin:0;padding:0 0 10px 0;}
#menu li ul li {width:192px;}
#menu li.active ul {border-bottom:1px solid #b34a4d;}
#menu li ul li a:link, #menu li ul li a:visited {color:#451a1b;padding:0 0 0 35px;line-height:1.5;border:none;display:block;background: none;}
#menu li ul li a:hover, #menu li ul li a:active {color:#fff;}

/* Couleurs de menu -------*/
#menu li a:hover, #menu li a:active {border-top:1px solid #b34a4d;border-bottom:1px solid #b34a4d;background:url(/img/img-fleche.gif) no-repeat 13px .6em;color:#fff;}
#menu li.section-galeries a:hover, #menu li.section-galeries a:active, #menu li.section-galeries ul, .galeries-photos .active a:link, .galeries-photos .active a:visited {background-color:#5c84a8!important;color:#fff!important;padding:6px 0 6px 35px;}
#menu li.section-apprendre-plus a:hover, .apprendre-plus .active a:link, .apprendre-plus .active a:visited {background-color:#cb7317!important;color:#fff!important;padding:6px 0 6px 35px;}
#menu li.section-le-concours a:hover, .le-concours .active a:link, .le-concours .active a:visited {background-color:#70ad7a!important;color:#fff!important;padding:6px 0 6px 35px;}
#menu li.section-le-concours a:hover, #menu li.section-le-concours a:active, #menu li.section-le-concours ul, .le-concours .active a:link, .le-concours .active a:visited {background-color:#70ad7a!important;color:#fff!important;padding:6px 0 6px 35px;}
#menu li.section-nous-joindre a:hover, #menu li.section-nous-joindre a:active, .nous-joindre .active a:link, .nous-joindre .active a:visited {background-color:#e5b20d!important;color:#fff!important;padding:6px 0 6px 35px;}
#menu li.active , #menu li.active {border-top:1px solid #b34a4d;}
#menu li.active ul li.active, #menu li.active  ul li.active {border:none;}
#menu li.active a:link, #menu li.active a:visited {background-image:none;}
#menu li.active ul li.active a:link, #menu li.active ul li.active a:visited {background:url(/img/img-fleche.gif) no-repeat 13px center;}
#menu li.active ul li a:link, #menu li.active ul li a:visited {color:#451a1b!important;}
#menu li.active ul li a:hover, #menu li.active ul li a:active {color:#fff!important;padding:0 0 0 35px!important;border:none;}
#menu li.active ul li.active a:link, #menu li.active ul li.active a:visited {color:#fff!important;}
#menu li.active ul {padding:6px 0!important;}

																									/* -- Videos -- */
#videos h5 {font-weight:bold;color:#fff;font-size:1.2em;margin:0 0 11px 15px;line-height:1;}
#videos ul {margin:0 0 0 15px;padding:0;}
#videos ul li {float:left;margin:0 4px 4px 0;}
#videos ul li a:link, #videos ul li a:visited {border:1px solid #d2989d;float:left;}

																									/* -- Contenu -- */
#colonne-gauche {width:229px;float:left;}
#colonne-droite {width:708px;float:right;position:relative;}

#contenu {background:#95383B none repeat scroll 0 0;padding:0 0 12px 0;}
/*.accueil #contenu { background:#95383B url(../img/img-rouleau-peinture.gif) no-repeat -25px 100%; padding-bottom:20px; overflow:visible; position:relative; z-index:100;}*/

.texte {padding:0 43px; background:none; position:relative; z-index:999; overflow:visible;}
.inscription .texte {padding:0 210px 0 43px;}
.inscription #les-questions {padding-right: 43px;}
.texte h1 {font-weight:bold;font-size:2.5em;color:#fff;letter-spacing:1px;line-height:61px;margin-bottom:20px;}
.texte h2 {font-weight:bold;font-size:1.6em;color:#fff;letter-spacing:1px;margin-bottom:.7em;}
.texte h3 {font-weight:bold;font-size:1.1em;color:#fff;letter-spacing:1px;margin-bottom:.5em;}
.texte img {margin:0; display:block; float:left}
.texte ul {list-style:disc;}
.texte ul li{margin-bottom:5px;}

.texte ul.liste-images {list-style:none;margin:0;padding:0;}
.texte ul.liste-images li {float:left;margin:0 18px 18px 0;}
.texte ul.liste-images li.marge-0 {margin-right:0;}
.texte ul.liste-images a:link, .texte ul.liste-images a:visited  {float:left;border:1px solid #641B1D;}
.texte ul.liste-images img {margin:0;}
																									/* -- Pied -- */

#pied {font-size:.85em;width:930px;padding:0 15px;margin:0 auto;clear: both;border-top:1px solid #b34a4d;border-bottom:1px solid #b34a4d;line-height:2;}
#pied a:link, #pied a:visited {text-decoration:none;font-weight:normal;}
#droits {float:left;margin:0;}

																									/* -- Formulaires -- */
form ul {list-style:none!important;margin:0;padding:0;width:450px;}
ul.form-questions {list-style:none!important;margin:0;padding:0;width:auto;}
form ul li {width:100%;margin-bottom:10px;}
ul.form-questions li {margin-bottom:15px; background: transparent url(/img/img-fleche.gif) no-repeat 0 4px; padding-left:15px; }
form ul li label, #contenu  .label {float:left;text-align:right;width:150px;margin-right:10px;}
ul.form-questions li label span {display:block; color:#fff; font-weight:bold;}
form ul li input {width:200px;}
ul.form-questions li input {width:350px; margin-bottom:1em; display:block;}
form ul.form-questions li label {float:left;text-align:left;width:100%;margin-right:10px; padding-bottom:0.5em;}
ul.form-questions label { position:relative; overflow:visible; z-index:1000; padding-bottom:3px; display:block;}
form ul li input.petit {width:125px;}
form ul li input.tpetit {width:75px;}
form ul li strong {margin:0 0 3px 160px;display:block;width:251px;color:#E5B20D;font-size:.9em;font-weight:normal;}


form ul.fichiers {margin:30px 0 35px 0;}
#fichier-2, #fichier-3 {margin-left:160px;}
li.lien {display:none;margin-left:160px;}
form ul.fichiers li a:link, form ul.fichiers li a:visited {color:#e6bcbf;text-decoration:none;font-weight:normal;}
button {background: url(/img/bouton-inscris-toi.gif) no-repeat center top;width:269px;height:54px;border:none;text-indent:-9999px;cursor:pointer;display:block;margin:0 auto;}
button.email { margin: 25px 0 0 0;}
button:hover, button.hover {background: url(/img/bouton-inscris-toi.gif) no-repeat center bottom;}

input.erreur {border:1px solid red;}
label.erreur {padding:0 5px;border:1px solid red;color:red;background:red;float:none;margin:0 0 0 10px;width:100%;text-align:left;}
p.erreur {color:#E5B20D;font-weight:bold;width:472px;font-size:.9em;font-weight:normal;}
																								/* -- Class -- */
.sous-titre {font-weight:bold;font-size:1.45em;color:#fff;}
.texte-centre {text-align:center;width:550px;}
.message-confirmation {height:355px;width:450px;}

/* Accueil ---------*/
.accueil #enrobage {background: url(/img/fond-accueil.jpg) no-repeat center top;}
.accueil #colonne-droite .top {background: url(/img/fond-accueil-haut.png) no-repeat;position:absolute;height:39px;width:551px;;top:-39px;;left:0;}
.accueil #contenu {margin-top:281px;}



/* Galeries ---------*/
.galeries-photos #contenu {background:#95383B url(/img/fond-galeries.gif) no-repeat center top;}
/* Apprendre-plus ---------*/
.apprendre-plus #contenu {background:#95383B url(/img/fond-apprendre-plus.gif) no-repeat center top;}
.apprendre-plus .texte ul {list-style:none;padding-left:1.5em;}
.apprendre-plus .texte ul li {background: url(/img/fleche-page.gif) no-repeat left .4em;padding-left:20px;}
/* Concours ---------*/
.concours #contenu {background:#95383B url(/img/fond-concours.gif) no-repeat center top;}
.enbref #enrobage {background: url(/img/fond-en-bref.jpg) no-repeat center 208px;}
.enbref #colonne-droite .droite {background: url(/img/photo-en-bref-droite.jpg) no-repeat;position:absolute;height:507px;width:188px;top:79px;right:0;}
.enbref .etroit {width:475px;}
#rouleau .etroit {width:340px;}
.enbref .etroit2 {width:300px;margin-left:150px;}
.inscription #enrobage {background: url(/img/fond-inscription.jpg) no-repeat center 208px;}
.inscription #colonne-droite .droite {background: url(/img/photo-inscription-droite.jpg) no-repeat;position:absolute;height:381px;width:208px;top:122px;right:0;}

#rouleau { clear:left;margin-left:-66px; padding-left:220px; padding-right:20px; background:none; overflow:visible; display:block;}
.accueil #rouleau { padding-left:50px; padding-bottom:25px;}
.prix-reglements .texte h3 {margin-top:30px;}
/* Nous-joindre ---------*/
.nous-joindre #contenu {background:#95383B url(/img/fond-nous-joindre.gif) no-repeat center top;}
/* 404  ---------*/
.s404 #contenu {background:#95383B url(/img/fond-404.gif) no-repeat center top;}
/* Vidéos  ---------*/
.video {background:#870416 url(/img/fond.gif) repeat-x left top;color:#fff;width:100%;}
.video div {margin:0 auto;width:352px;}
.video p.titre-video {background:#000;text-transform:uppercase;font-size:1.1em;height:35px;line-height:35px;padding-left:18px;font-weight:bold;margin:0;}

.reponse { font-weight:bold; color:#fff; padding-top:0; display:block; margin-bottom:1em;}
#tube {display:none;}
.pied-contenu { padding-left:43px;}
																			/* -- Clearfix -- */
/* Ajouter à un contenant pour ne pas que le contenu déborde */
.clearfix {display: inline-block; }
.clearfix:after, .container:after { content: "."; display: block; height: 0; clear: both; visibility: hidden;}
* html .clearfix { height: 1%; }
.clearfix { display: block; }
.gagnante { float:right; padding:0 0 10px 15px; width:126px;}
.gagnante img { float:left;}
.accueil #colonne-droite .gagnante p { float:left; padding:0!important; margin:0 !important; font-size:0.8em;}
/* -------------------------*/