/*****************************************************/
/**********       Daniel Vaillancourt	    **********/
/**********  info@danielvaillancourt.com    **********/
/**********      Intégrateur Web            **********/
/*****************************************************/

body {
	margin: 0;
	padding: 0;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
}

/*****************************************************/
/*****	       STRUCTURE - Mise en page		     *****/
/*****************************************************/

#container {
	width: 980px;
	padding: 0;
	margin-top: 0;
	margin-right: auto;
	margin-bottom: 0;
	margin-left: auto;
}

#banner {
margin: 0;
padding: 0;
padding-top: 2px;
height: 138px;
background-image: url(images/bgHeaderMain.jpg);
background-repeat: no-repeat;
background-position: center;
}

#content {
margin: 0;
padding: 0;
}

#contentLeft {
	margin: 0;
	padding-top: 20px;
	float: left;
	width: 540px;
	padding-right: 0;
	padding-bottom: 0;
	
}

#contentRight {

margin-top: 25px;
padding: 0;
float: Right;
width:365px;
height: 336px;
}

#contentCFP {
margin: 10px auto;
padding: 20;
width: 930px;
}

#contentLeftCFP {
	margin-bottom: 25px;
	padding: 0;
	float: left;
	width: 450px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

#contentRightCFP {
	margin-bottom: 25px;
	padding: 0;
	float: right;
	width: 450px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}





#contentLeftCPGM{
	margin-bottom: 25px;
	padding: 0;
	float: left;
	width:350px;
	margin-top: 14px;
	margin-right: 0;
	margin-left: 0;
}

#contentRightPGM {
	margin-bottom: 25px;
	padding: 0;
	float: right;
	width: 400px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}






#footer {
clear: both;
margin: 0;
padding: 0;
width: 1000px;
background-color: #FFF;
}

/*****************************************************/
/*****	           Elements TEXTE			     *****/
/*****************************************************/

#banner h1 {
color: #009;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 14px;
font-weight: bold;
text-align: center;
margin:  0;
padding: 0;
}

#content p {
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	margin-right:20px;
	margin-left: 40px;
	line-height: 16px;
	color: #333;
}

#content p.first {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
margin-top: 0;
padding-top: 0;
margin-right: 20px;
}

#contentRightCFP p.titreSectionCFP {
background-color: #9E0508;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 4px 3px;
}




#contentLeftCFP p.titreSectionCFP {
background-color: #9E0508;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 4px 3px;
}




#contentRightCPGM p.titreSectionCPGM {
background-color: #9E0508;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 4px 3px;
}




#contentLeftCPGM p.titreSectionCPGM {
background-color: #9E0508;
color: #FFF;
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
font-weight: bold;
margin: 0;
padding: 4px 3px;
}

#contentRightCFP p.sousTitreSectionCPGM {
	color: #1B3F94;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}





#contentLeftCPGM p.sousTitreSectionCPGM {
	color: #1B3F94;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}





#contentCPGM {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}





#contentRightCPGM p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}





#contentLeftCFP p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}





#contentRightCFP p.sousTitreSectionCFP {
	color: #1B3F94;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}





#contentLeftCFP p.sousTitreSectionCFP {
	color: #1B3F94;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-size: 11px;
	font-weight: bold;
	padding: 0;
	margin-top: 3px;
	margin-right: 0;
	margin-bottom: 5px;
	margin-left: 0;
}

#contentCFP {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#contentRightCFP p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#contentLeftCFP p {
font-family: Verdana, Arial, Helvetica, sans-serif;
font-size: 11px;
}

#contentLeft p.titreIntro {
color: #009;
font-size: 24px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height:27px;
}

#contentLeft p.sousTitreIntro {
color: #009;
font-size: 14px;
font-weight: bold;
font-family: Verdana, Arial, Helvetica, sans-serif;
line-height: 18px;
}

#contentRight p.titreBold {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:  10px;
	margin-bottom:  5px;
	line-height: 22px;
}

#contentLeft p.titreBold {
	color: #333;
	font-size: 18px;
	font-weight: bold;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	margin-top:  10px;
	margin-bottom:  5px;
	line-height: 22px;
}

#contentLeft p {
font-size: 11px;

}

#listButtonBlue p {
font-style: italic;
font-family: Georgia, "Times New Roman", Times, serif;
}

/*****************************************************/
/*****	           Elements LIST			     *****/
/*****************************************************/

li {
font-size: 11px;
margin-left: 40px;
}

#contentLeft li {
margin: 5px 0;
margin-left: 40px;

}

.navlist {
margin: 0 auto;
padding: 0;
background-image: url(images/bgMenuMain.jpg);
background-position: left;
background-repeat: no-repeat;
width: 980px;
padding-top: 0px;
height: 24px;
text-align: center;
}

#navlist li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0 7px;
}

*html #navlist li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0 5px;
}

*+html #navlist li {
display: inline;
list-style-type: none;
margin: 0;
padding: 0 5px;
}

ul#CFP {
margin: 0;
padding: 0;
}

ul#CFP li {
list-style-type: none;
background-image: url(images/bulletCFP.gif);
background-position:  0 1px;
background-repeat: no-repeat;
font-size: 11px;
padding-left: 13px;
margin: 5px 0;
}

*html ul#CFP li {
list-style-type: none;
background-image: url(images/bulletCFP.gif);
background-position:  0 6px;
background-repeat: no-repeat;
font-size: 11px;
margin: 3px 0;
padding: 3px 0;
padding-left: 13px;
}

*+html ul#CFP li {
list-style-type: none;
background-image: url(images/bulletCFP.gif);
background-position:  0 6px;
background-repeat: no-repeat;
font-size: 11px;
margin: 3px 0;
padding: 3px 0;
padding-left: 13px;
}

#simpleListe {
margin: 0;
padding: 0;
}

#simpleListe li {
margin: 3px 0;
padding: 0;
list-style-type: none;
font-size: 11px;
}

/*****************************************************/
/*****	           Elements LIENS			     *****/
/*****************************************************/

a {
outline: none;
}

ul.MenuBarHorizontal li a.active {
color: #900;
}

/*****************************************************/
/*****	           Elements FORMS			     *****/
/*****************************************************/



/*****************************************************/
/*****	           Elements TABLES			     *****/
/*****************************************************/

table#buttonBlue {
	width: 450px;
	margin-bottom: 20px;
	margin-top: 0;
	margin-right: 0;
	margin-left: 0;
}

table#buttonBlue td {
width: 60px;
background-color: #1B3F94;
padding: 0 10px;
height: 40px;
vertical-align: middle;
text-align: center;
}

table#buttonBlue td.spacer {
width: 10px;
background-color: #FFF;
padding: 0;
height: 40px;
vertical-align: middle;
text-align: center;
}

table#buttonBlue td a {
color: #FFF;
font-size: 11px;
font-weight: bold;
text-decoration: none;
}




/*****************************************************/
/*****	           Elements STYLES			     *****/
/*****************************************************/

.save {
behavior: url(#default#savehistory);
}

a.dsphead:visited {
text-decoration:none;
color: #000;
}

a.dsphead:active {
text-decoration:none;
color: #000;
}

a.dsphead:hover {
text-decoration:none;
}

a.dsphead span.dspchar {
}

.dspcont {
display:none;
margin-left: 20px;
}

.Accordion {
border-top: solid 1px #AAA;
border-bottom: solid 1px #CCC;
margin: 10px 0;
padding: 2px;
cursor: pointer;
-moz-user-select: none;
-khtml-user-select: none;
font-size: 12px;
font-family: "Lucida Grande";
font-weight: bold;
}

.Accordion a {
color: #333;
text-decoration: none;
}

* {
	outline: none;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 2px;
	margin-left: 0px;
}

.menu {width:750px; height:20px; position:relative; font-size:11px; z-index:100;}
.menu ul li a:visited {display:block; text-decoration:none; color:#000; width:auto; height:20px; text-align:center; color:#000; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul li a {display:block; text-decoration:none; color:#000; width:auto; height:20px; text-align:center; color:#000; line-height:20px; font-size:11px; overflow:hidden;}
.menu ul {padding:0; margin:0; list-style: none;}
.menu ul li {float:left; position:relative;}
.menu ul li ul {display: none;}

/* specific to non IE browsers */
.menu ul li:hover a {color:#900;}
.menu ul li:hover ul {display:block; position:absolute; top:21px; left:0; width:105px;}
.menu ul li:hover ul li a.hide {background:#6a3; color:#fff;}
.menu ul li:hover ul li:hover a.hide { color:#900;}
.menu ul li:hover ul li ul {display: none;}
.menu ul li:hover ul li a {display:block; background:#ddd; color:#000;}
.menu ul li:hover ul li a:hover {background:#CCC; color:#FFF;}
.menu ul li:hover ul li:hover ul {display:block; position:absolute; left:105px; top:0;}
.menu ul li:hover ul li:hover ul.left {left:-105px;}

div p.punchLine {
	font-family: Georgia, "Times New Roman", Times, serif;
	font-size: 26px;
	color: #B92400;
	margin-top: -40px;
	margin-bottom: 10px;
	margin-right: 10px;
	padding: 0;
	text-align: right;
	font-style: italic;
	margin-left: 0;
}

.texteRouge {
color: #F00;
}

.grasSouligne {
font-weight: bold;
text-decoration: underline;
}

/*****************************************************/