h@charset "utf-8";
/*-----------------------------------------------------------------------------

Splash Style Sheet (www.pasdeboucanedansmacabane.ca)



version:   1.0

author:    samuel paquet paré

email:     paquet@infivia.com

website:   www.infivia.com

*/


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

body.zone{
font-family:Arial, Helvetica, sans-serif;
font-size:13px;
color:#363636;
margin:0;
padding:0;
background-color:#812990;
background:url(http://www.famillesansfumee.ca/var/fsf/storage/images/ta-zone.-ton-oxygene/le-transformeur/2853-2-fre-CA/Le-transformeur.gif) transparent left top repeat;
}



#containerMain{
width:824px;
margin:15px auto;
}


#containerHeader
{
width:824px;
height:91px;
background:url(../images/bg_header.gif) transparent left top no-repeat;
}

#containerHeader.zone
{
width:824px;
height:183px;
background:url(../images/bg_header_zone.gif) transparent left top no-repeat;
}

#containerHeader #headerLeft
{
width:598px;
height:32px;
margin-left:50px;
padding-top:31px;
float:left;
}

#containerHeader.zone #headerLeft
{
width:598px;
height:32px;
margin-left:50px;
padding-top:31px;
float:left;
}

#containerHeader #headerLeft h1
{
width:615px;
height:32px;
background:url(../images/pas_de_boucane.gif) transparent left top no-repeat;
text-indent: -10000px;
display: block;
margin:0;
padding:0;
}

#containerHeader.zone #headerLeft h2
{
width:342px;
height:99px;
background:url(../images/ta_zone.gif) transparent left top no-repeat;
text-indent: -10000px;
display: block;
margin-left:188px;

}

#containerHeader #headerRight 
{
width:80px;
margin-left:74px;
margin-top:8px;
float:left;
}

#containerHeader img
{
width:80px;
height:39px;
}

#containerMainMenu
{
width:824px;
}

#containerContent
{
padding-top: 30px;
padding-left: 50px;
width:824px;
height:100%;
background-color: transparent;
background-image: url(../images/bg_content.gif);
background-repeat: repeat-y;
background-attachment: scroll;
}


#containerContent #containerBottomAccueil #containerTaZone #TaZoneRight .visite
{
margin-left:35px;
font-size:17px;
}

#containerContent #containerRightAccueil
{
width:267px;
float:left;
margin-left:20px;
}

#containerContent #containerRightAccueil #containerNbInscrit
{
width:130px;
height:110px;
margin-left:40px;
}

#containerContent #containerRightAccueil #containerNbInscrit .txtNbInscrit
{
float:left;
}

#containerContent #containerRightAccueil #containerNbInscrit span.nbInscritPink
{
font-size:17px;
}


#containerContent #containerRightAccueil #containerNbInscrit span.nbInscritPurple
{
font-size:16px;
}



#containerContent #containerRightAccueil #containerYellowBox
{
width:210px;
height:241px;
margin-top:27px;
background-image: url(../images/bg_patch.gif);
background-repeat: no-repeat;
padding-top:25px;
}

#containerContent #containerRightAccueil #containerYellowBox .defi_sante
{
margin-top:21px;
margin-left:8px;
}

#containerContent #containerRightAccueil #containerYellowBox .defi_jarrete
{
margin-top:15px;
margin-left:8px;
}

#containerContent #containerRightAccueil #containerYellowBox h2
{
width: 173px;
height: 22px;
background-color: transparent;
background-image: url(../images/titles/t_relevez_defi.gif);
background-repeat: no-repeat;
text-indent: -10000px;
display: block;
margin-left:15px;
margin-top:0px;
margin-bottom:0px;

}


#containerContent #containerBottomAccueil
{
width:100%;
}

#containerContent #containerBottomAccueil #containerTaZone
{
width:498px;
height:122px;
background-image: url(../images/bg_box_zone.gif);
float:left;
}



#containerContent #containerBottomAccueil #containerTaZone #TaZoneLeft
{
width:325px;
float:left;
}

#containerContent #containerBottomAccueil #containerTaZone #TaZoneRight
{
width:153px;
float:left;
margin-top:3px;
margin-left:3px;
}

#containerContent #containerBottomAccueil #containerTaZone #TaZoneRight h3
{
width:166px;
height:115px;
background:url(../images/loft.gif) transparent left top no-repeat;
text-indent: -10000px;
display: block;
margin:0;
}

#containerContent #containerBottomAccueil #containerTaZone #TaZoneLeft h2
{
width:325px;
height:80px;
background:url(../images/box_tazone.gif) transparent left top no-repeat;
text-indent: -10000px;
display: block;
margin-left:3px;
margin-top:17px;
}

#containerContent #containerBottomAccueil #containerBlueBox
{
width:204px;
height:119px;
margin-left:20px;
float:left;
}


#containerContent #containerFooter #containerPartenaires
{
width:739px;
margin-top:37px;
}

#containerContent #containerFooter #containerPartenaires span
{
font-size:10px;
color:#812990;
}

#containerContent #containerFooter #containerPartenaires span.partenariat
{
margin-left:106px;
}

#containerContent #containerFooter #containerPartenaires div.line
{
width:100%;
height:1px;
background-color:#812990;
}

#containerCarteCardeau{
width:800px;
margin-left:40px;
margin-top:30px;
}

#containerCarteCardeau h3{
margin:0;
font-size:15px;
}



#containerContent #containerFooter #containerPartenaires #contentPartenairesLogos
{
width:739px;
float:left;
}

#containerContent #containerFooter #footerList
{
width:642px;
margin-left:50px;
margin-top:25px;

}

#containerContent #containerFooter #footerList ul
{
margin: 0 0 0 0;
padding:0 0 0 0;
font-size:12px;	
}

#containerContent #containerFooter #footerList li
{
margin:0 8px 0 0;
list-style:none; 
float:left;
}

#containerContent #containerFooter #footerList a 
{
	color:#812990;
	text-decoration:none;
}	

#containerContent #containerFooter #footerList a:hover 
{
	text-decoration:underline;
}	

#containerContent #containerFooter #copyright
{
width:591px;
text-align:center;
font-size:10px;
color:#c49acb;
margin-left:90px;
}	



/*------------------------ Interne ------------------------------------*/


#containerContent #containerLeft
{
width:509px;
float:left;
}

#containerContent #containerLeft #mainTitle h1
{
margin:0;
padding:0;
font-size:37px;
}

#containerContent #containerLeft #mainTitle h2
{
margin:15px 0 0 0;
font-size:24px;
}

#containerContent #containerLeft #mainTitleChooser h2
{
margin:15px 0 0 0;
font-size:24px;
}

#containerContent #containerLeft #mainTitleZone h2
{
font-size:36px;
margin:0;
}

#containerContent #containerLeft #content
{
width:434px;
}

#containerContent #containerLeft #content p
{
margin-top:16px;
}

#containerContent #containerLeft #content .teaser
{
width:178px;
margin-left:10px;
margin-top:10px;
float:left;
}

#containerContent #containerLeft #content h3
{
font-size:15px;
color:#757575;
}


#containerContent #containerLeft #content .anchorParagraphe
{
margin-top:30px;
}

#containerContent #containerLeft #content #containerMenuTop ul
{
margin:0;
padding:0;
}

#containerContent #containerLeft #content #containerMenuTop ul li
{
color:#00bdf2;
font-size:12px;
font-weight:bold;
list-style:none;
}

#containerContent #containerLeft #content #containerMenuTop ul li a
{
color:#00bdf2;
font-size:12px;
font-weight:bold;
}

#containerContent #containerLeft #content p.general
{

}

#containerContent #containerRight
{
width:205px;
float:left;
margin-left:30px;
}

#containerContent #containerRight #containerIcon
{
margin-left:140px;
}

#containerContent #containerRight #containerRightMenu
{
width:205px;
}

#containerContent #containerRight .containerBtRightMenu
{
width:205px;
margin-top:3px;
}

#containerContent #containerRight .containerBtRightMenu .btRightMenuHeader
{
width:205px;
height:13px;
background:url(../images/bt/bt_mright_header.gif);
}

#containerContent #containerRight .containerBtRightMenu .btRightMenuHeaderSelected
{
width:205px;
height:13px;
background:url(../images/bt/bt_mright_header_selected.gif);
}

#containerContent #containerRight .containerBtRightMenu .btRightMenuContent
{
width:200px;
background-color: transparent;
background:url(../images/bt/bt_mright_content.gif);
background-repeat: repeat-y;
background-attachment: scroll;
padding-left:12px;
padding-right:20px;
}

#containerContent #containerRight .containerBtRightMenu .btRightMenuContentSelected
{
width:200px;
background-color: transparent;
background:url(../images/bt/bt_mright_content_selected.gif);
background-repeat: repeat-y;
background-attachment: scroll;
padding-left:12px;
padding-right:20px;
margin:0;
}




#containerContent #containerRight .containerBtRightMenu .btRightMenuFooter
{
width:205px;
height:12px;
background:url(../images/bt/bt_mright_footer.gif);
}

#containerContent #containerRight .containerBtRightMenu .btRightMenuFooterSelected
{
width:205px;
height:12px;
background:url(../images/bt/bt_mright_footer_selected.gif);
}

#containerContent #containerRight #containerRightMenu ul
{
margin:0;
padding:0;
list-style:none;
}



#containerContent #containerRight #containerRightMenu li
{
list-style:none;
font-weight:bold;
font-size:11px;
margin:0;
padding-right:20px;
display:inline;

}



#containerContent #containerRight #containerRightMenu li a
{
color:#FFFFFF;
margin:0;
text-decoration:none;
}

#containerContent #containerRight #containerRightMenu .btRightMenuContentSelected li a
{
color:#007b9d;
margin:0;
text-decoration:none;
}





.clearfix:after {
    content: "."; 
    display: block; 
    height: 0; 
    clear: both; 
    visibility: hidden;
}

#footerBottom
{
width:824px;
height:20px;
background:url(../images/bg_footer.gif) transparent left top no-repeat;
}

.topPage
{
margin-top:25px;
}

.topPage a
{
padding-left:18px;
font-size:11px;
background-image:url(../images/hautdepage.gif);
background-repeat:no-repeat;
background-position:bottom left;
}

.lastModif
{
font-size:10px;
color:#999999;
margin-top:20px;
}


#containerContent .containerEncadreBlue
{
color:#424242;
width:494px;
margin-top:30px;
}

#containerContent .containerEncadreBlue .containerEncadreBlueHeader
{
background:url(../images/tem_bluebox_header.gif) transparent left top no-repeat;
width:494px;
height:12px;
}

#containerContent .containerEncadreBlue .containerEncadreBlueContent
{
background-color:#f6ebf8;
width:475px;
padding-left:12px;
padding-right:60px;
padding-top:10px;
padding-bottom:10px;
background-color: transparent;
background:url(../images/tem_bluebox_content.gif);
background-repeat: repeat-y;
background-attachment: scroll;
}




#containerContent .containerEncadreBlue .containerEncadreBlueContent .titleEncadre h2
{
font-size:19px;
margin:0;
padding:0;
}


#containerContent .containerEncadreBlue .containerEncadreBlueContent li
{
margin:0;
padding:0;
list-style-type:none;
}


#containerContent .containerEncadreBlue .containerEncadreBlueContent ul
{
margin:0;
padding:0;
}

#containerContent .containerEncadreBlue .containerEncadreBlueFooter
{
background:url(../images/tem_bluebox_footer.gif) transparent left top no-repeat;
width:494px;
height:11px;
}

#content #listEngagement h2
{
font-size:24px;
}







/*------------------------ Quizz ------------------------------------*/

#containerContent #containerQuizz{
width:434px;
margin-top:10px;
}

#containerContent #containerQuizz .containerQuizzHeader{
width:434px;
height:18px;
background:url(../images/quizz_box_header.gif) transparent left top no-repeat;
}

#containerContent #containerQuizz .containerQuizzContent{
background-color:#f6ebf8;
width:430px;
padding-left:12px;
padding-right:40px;
padding-top:10px;
padding-bottom:10px;
background-color: transparent;
background:url(../images/quizz_box_content.gif);
background-repeat: repeat-y;
background-attachment: scroll;
}


#containerContent #containerQuizz .containerQuizzFooter{
width:434px;
height:17px;
background:url(../images/quizz_box_footer.gif) transparent left top no-repeat;
}


#containerContent .containerQuizzResultHeader{
width:412px;
height:73px;
background:url(../images/quizz_result_header.gif) transparent left top no-repeat;
}

#containerContent .containerQuizzResultHeader2{
width:412px;
height:73px;
background:url(../images/quizz_result_header2.gif) transparent left top no-repeat;
}

#containerContent .containerQuizzResultHeader p{
color:#fff42d;
font-weight:bold;
font-size:12px;
padding-top:45px;
padding-left:12px;
padding-right:65px;
}

#containerContent .containerQuizzResultHeader2 p.zone{
color:#fff42d;
font-weight:bold;
font-size:12px;
padding-top:53px;
padding-left:12px;
padding-right:65px;
}

#containerContent .containerQuizzResultHeader2 p{
color:#fff42d;
font-weight:bold;
font-size:12px;
padding-top:45px;
padding-left:12px;
padding-right:65px;
}

#containerContent .containerQuizzResultContent{
background-color:#f6ebf8;
width:412px;
padding-left:12px;
padding-top:0;
padding-bottom:10px;
background-color: transparent;
background:url(../images/quizz_result_content.gif);
background-repeat: repeat-y;
background-attachment: scroll;
}

#containerContent .containerQuizzResultContent p{
color:#FFFFFF;
font-size:12px;
}

#containerContent .containerQuizzResultFooter{
width:412px;
height:19px;
background:url(../images/quizz_result_footer.gif) transparent left top no-repeat;
}


<!------------------- Formulaire -------------------------->
#containerForm
{
font-size:16px;
font-weight:bold;
}

#containerForm legend
{
font-size:16px;
font-weight:bold;

}

#containerForm p {

padding:5px;
}

#containerForm input
{
font-size: 12px;
color:#000000;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
font-weight: bold;
margin-bottom: 3px;


}

#containerForm textfield
{
font-size: 12px;
color:#666666;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
font-weight: bold;
margin-bottom: 3px;
}

#containerForm textarea
{
font-size: 12px;
color:#666666;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
font-weight: bold;
margin-bottom: 3px;
}

#containerForm select
{
font-size: 12px;
color:#666666;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left:3px;
font-weight: bold;
margin-bottom: 3px;
}


#containerForm table th
{
text-align: left;
padding-top: 7px;
font-weight: normal;
font-size: 11px;
}


#containerForm table td

{
padding-bottom: 5px;
font-size: 11px;
}

#containerForm .smallInput

{
font-size: 10px;
padding-top: 3px;
padding-right: 3px;
padding-bottom: 3px;
padding-left: 3px;
font-weight: bold;
margin-bottom: 3px;
margin-left:0;
margin-right:0;
}

#containerForm .containerButton{
width:126px;
height:34px;
}

#containerForm input.buttonEnvoyer
{
margin-top:10px;
width:126px;
height:34px;
background-image:url(../images/bt/bt_form.gif);
background-repeat:no-repeat;
background-color: transparent;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
cursor: pointer;
}

#containerForm input.buttonConnexion
{
margin-top:10px;
width:126px;
height:34px;
background-image:url(../images/bt/bt_form_connexion.gif);
background-repeat:no-repeat;
background-color: transparent;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
cursor: pointer;
}

#containerForm input.buttonPatientez
{
margin-top:10px;
width:126px;
height:34px;
background-image:url(../images/bt/bt_form_patientez.gif);
background-repeat:no-repeat;
background-color: transparent;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
cursor: pointer;
}

#containerForm .error{
color:#FF0000;
text-decoration:underline;
margin-left:10px;
}

#containerForm #erreur img{
margin-right:10px;
}

#containerForm #result{
color:#FF0000;
}

input.buttonRightMenuForm
{
margin-top:3px;
padding-right:52px;
font-family:Arial, Helvetica, sans-serif;
color:#FFFFFF;
font-size:11px;
font-weight:bold;
width:205px;
height:41px;
background-image:url(../images/bt/bt_right_menu_form.gif);
background-repeat:no-repeat;
background-color: transparent;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
cursor: pointer;
}

input.buttonCommentaire
{
width:211px;
height:34px;
background-image:url(../images/bt/bt_ajout_commentaire.gif);
background-repeat:no-repeat;
background-color: transparent;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
cursor: pointer;
float:left;
}

input.buttonTemoignage
{
width:211px;
height:34px;
color:#9900CC;
background-image:url(../images/bt/bt_soumettre_histoire.gif);
background-repeat:no-repeat;
background-color: transparent;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
cursor: pointer;
}

input.buttonAnnuler
{
width:112px;
height:34px;
color:#9900CC;
background-image:url(../images/bt/bt_annuler.gif);
background-repeat:no-repeat;
background-color: transparent;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
cursor: pointer;
}

.buttonRetourTemoignages
{
width:211px;
height:34px;
background-image:url(../images/bt/bt_retour_aux_temoignages.gif);
background-repeat:no-repeat;
background-color: transparent;
cursor: pointer;
float:left;
margin-right:5px;
}

input.buttonAjouterTemoignages
{
width:211px;
height:34px;
background-image:url(../images/bt/bt_ajouter_temoignages.gif);
background-repeat:no-repeat;
background-color: transparent;
background-attachment: scroll;
background-x-position: 0%;
background-y-position: 0%;
border-top-width: 0pt;
border-right-width: 0pt;
border-bottom-width: 0pt;
border-left-width: 0pt;
border-top-style: none;
border-right-style: none;
border-bottom-style: none;
border-left-style: none;
border-top-color: -moz-use-text-color;
border-right-color: -moz-use-text-color;
border-bottom-color: -moz-use-text-color;
border-left-color: -moz-use-text-color;
cursor: pointer;
}

.warning{
color:#FF0000;
}

.formAjoutTemoignage .ezcca-temoignage_engagement_1 {
position:relative;
top:-17px;
left:-3px;
float:left;
}

.formAjoutTemoignage .ezcca-temoignage_engagement_2 {
position:relative;
top:-17px;
left:-3px;
float:left;
}

.formAjoutTemoignage .ezcca-temoignage_engagement_3 {
position:relative;
top:-17px;
left:-3px;
float:left;
}

.formAjoutTemoignage .ezcca-temoignage_engagement_4 {
position:relative;
top:-17px;
left:-3px;
float:left;
}

.formAjoutTemoignage .ezcca-temoignage_engagement_5 {
position:relative;
top:-17px;
left:-3px;
float:left;
}

.formAjoutTemoignage .ezcca-temoignage_engagement_6 {
position:relative;
top:-17px;
left:-3px;
float:left;
}

.formAjoutTemoignage label{
clear:both;
}

.formAjoutTemoignage .engagements {
padding-top:30px;
padding-bottom:45px;
}
.formAjoutTemoignage .engagements label {
margin-left:30px;
}

.formAjoutTemoignage .labelbreak {
display:none;
}


.buttonblock {
padding-top:30px;
}



/*------------------------ Classes contenu dynamique ------------------------------------*/

.petit{
font-size:11px;
}

.rose{
background-color:#f6ebf8;
padding-left:10px;
padding-right:12px;
padding-bottom:13px;
}

.bleu{
background-color:#e7f7fd;
padding-left:10px;
padding-right:12px;
padding-bottom:13px;
}


.jaune{
background-color:#fcfde7;
padding-left:10px;
padding-right:12px;
padding-bottom:13px;
}


/*------------------------ Partenaires ------------------------------------*/
.containerContentPartenaires
{
width:100%;
margin-top:30px;
}

.containerContentPartenaires .contentLogoPartenaires
{
}

.containerContentPartenaires .contentDescPartenaires
{
width:100%;

}

.containerContentPartenaires .contentDescPartenaires p
{
margin:0 0 0 0;
}


/*------------------------ Teasers ------------------------------------*/
.containerTeaser
{
width:100%;
margin-top:20px;
}

.containerTeaser .iconTeaser
{
float:left;
width:56px;
}

.containerTeaser .descTeaser
{
width:370px;
float:left;
}

.containerTeaser .descTeaser p
{
padding-bottom:20px;
}

.containerTeaser .descTeaser a h3
{
text-decoration:none;
}

.lineTeaser
{
width:100%;
height:1px;
background-color:#999999;
clear:both;
}

.containerTeaser .descTeaser h3
{
color:#757575;
margin:0;
padding:0;
}

.lineTem {
background-attachment:scroll;
background-color:transparent;
background-image:url("../images/ligne.gif");
background-repeat:repeat-x;
display:block;
font-size:0;
height:1px;
width:100%;
}




/* Hides from IE-mac \*/
* html .clearfix {height: 1%;}
/* End hide from IE-mac */