@charset "utf-8";
/* CSS Document */

/* --------------------------------------------- */
/*             CSS Template accueil              */
/* --------------------------------------------- */
#baseline h1 {
	margin: 0px;
	padding: 0px;
	font-variant: small-caps;
	line-height: normal;
	top: -6px;
	position: relative;

line-height:58px;
font-size: 1.7em; /*correction du 06/05/09 le titre en 2em apparait sur 2 lignes sous IE 7*/


}
#baseline h2 {
	margin: 0px;
	padding: 0px;
	font-variant: small-caps;
	line-height: 24px;
}
#top #logo {
	height: 115px;
	float: left;
	width: 225px;
	background-repeat: no-repeat;
	padding-top: 14px;
	padding-left: 15px;
	margin-left: 0px;
	margin-top: 2px;
}
#contenair #top {
	float: left;
	width: auto;
	height: 124px;
}

#top #baseline {
	float: left;
	width: 525px;
	height: auto;
	font-weight: bold;
	color: #FFFFFF;
	padding-left: 60px;
	padding-top: 25px;
}
#top #connexion {
	float: left;
	width: 165px;
	font-size: 0.6em;
	color: #FFFFFF; !important
	font-weight: 700;
	font-weight: 700;
	padding-top: 12px;
	z-index:2;
}

#menu {
	background-image: url(../images/accueil/liaison.png);
}

.formLabel {
	background-repeat: no-repeat;
	background-position: center center;
}
.formLabel  input {
	height: 15px;
	width: 100px;
	border: 1px solid #FFFFFF;
	margin: 0px;
	line-height: 14px;
	font-size: 1em;
	font-weight: bold;
	padding-top: 3px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-family: Verdana, Arial, Helvetica, sans-serif;
}
/* --------------------------------------------- */
/* --------------------------------------------- */
/* --------------------------------------------- */
.menuCol ul {
	font-size: 1em;
	font-weight: bold;
	list-style-type: none;
	float: left;
	padding-top: 17px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	border-bottom-width: 1px;
	border-bottom-style: solid;
	border-bottom-color: #bdbdbd;
	margin-top: 0px;
	margin-right: 0px;
	margin-bottom: 10px;
	margin-left: 0px;
	width: 88%;
}
.menuCol {
	float: left;
	width: 100%;
	padding-bottom: 10px;
}

.menuCol .btHover {
	background-repeat: repeat-x;
	font-size: 0.7em;
	border-bottom-style: none;
	margin: 0px;
	float: left;
	padding: 0px;
	position: relative;
	top: 5px;

}
.menuCol li {
	font-size: 0.6em;
	padding-top: 12px;
	padding-right: 15px;
	padding-left: 15px;
	padding-bottom: 5px;
	float: left;
}
.menuCol a {
	text-decoration: none;
}

/* --------------------------------------------- */
.btHover p {
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 0px;
	float: left;
}
.btHover .btDr {
	background-repeat: no-repeat;
	height: 24px;
	width: 19px;
	float: left;
}
.btHover .btGh {
	height: 29px;
	width: 18px;
	margin: 0px;
	padding: 0px;
	float: left;
}

/* ------------- Colonne 1 ------------- */
#content #col1 {
	width: 250px;
	height: auto;
	background-image: url(../images/accueil/bloc/blocBas1.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 65px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	position: absolute;
	top: 0px;
	left: 0px;
	text-align:left; //debug 06/05
}
#col1 #contentColl1 {
	position: absolute;
	width: 100%;
	top: 5px;
	left: 12px;
	font-size: 1em;
	font-weight: bold;
	padding-top: 5px;
}
#contentColl1  p {
	padding-left: 10px;
	padding-right: 10px;
}
#contentColl1  h3 {
	margin: 0px;
	padding-top: 40px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-size: 1.1em;
	font-family: Verdana, Arial, Helvetica, sans-serif;
	font-weight: bold;
}
#contentColl1 h5 {
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 10px;
	font-variant: small-caps;
	font-size: 0.9em;
	font-weight: bold;
}
#contentColl1 h6 {
	margin: 0px;
	padding-top: 8px;
	padding-right: 0px;
	padding-bottom: 0px;
	padding-left: 12px;
	
	font-size: 0.8em;
}
#contentColl1 .bl1, .bl2  {
	padding-top: 5px;
	height: 166px;
	width: 211px;
	background-repeat: no-repeat;
	background-position: left top;
}
#contentColl1 .bl1:hover , .bl2:hover {
cursor:pointer;
}

#col1 #col1content {
	background-image: url(../images/accueil/bloc/blocRepeat1.png);
	background-repeat: repeat-y;
	width: 100%;
	background-position: left;
	margin: 0px;
	padding: 0px;
}
#col1 .ht {
	background-image: url(../images/accueil/bloc/blochaut1.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 139px;
}
/* ------------- Colonne 2 ------------- */
#content #col2 {
	width: 250px;
	height: auto;
	background-image: url(../images/accueil/bloc/blocBas2.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 65px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	position: absolute;
	left: 249px;
	top: 0px;
}
#col2 #col2content {
	background-image: url(../images/accueil/bloc/blocRepeat2.png);
	background-repeat: repeat-y;
	width: 100%;
	background-position: left;
	margin: 0px;
	padding: 0px;
}
#col2 #contentColl2 {
	position: absolute;
	left: 12px;
	width: 220px;
	padding: 0px;
}
#contentColl2 #bl {
	padding-top: 24px;
	background-repeat: repeat-x;
	width: 180px;
	float: left;
	padding-left: 15px;
	padding-right: 15px;
	padding-bottom: 24px;
	height:184px;
	overflow:hidden;
	
}
#contentColl2 #coll2Bas {

	height: 61px;
	width: 196px;
	padding-left: 15px;
	background-repeat: no-repeat;
	background-position: bottom;
	color: #730E93;
	left:0px;

	bottom:0px;
}

#contentColl2 #coll2Bas a{
	font-size: 0.7em;
	font-weight: bold;
}
#col2 .ht {
	background-image: url(../images/accueil/bloc/blochaut2.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 139px;
}
/* ------------- Colonne 3 ------------- */
#content #col3 {
	width: 487px;
	height: auto;
	background-image: url(../images/accueil/bloc/blocBas3.png);
	background-repeat: no-repeat;
	background-position: left bottom;
	padding-bottom: 65px;
	margin: 0px;
	padding-top: 0px;
	padding-right: 0px;
	padding-left: 0px;
	float: left;
	position: absolute;
	left: 499px;
	top: 0px;
}
#contentColl3 #posCol3 {
	position: relative;
}

#col3 #col3content {
	background-image: url(../images/accueil/bloc/blocRepeat3.png);
	background-repeat: repeat-y;
	width: 100%;
	background-position: left;
	margin: 0px;
	padding: 0px;
}
#col3 #contentColl3 {
	position: absolute;
	width: 100%;
	left: 12px;
}
#contentColl3 .bl {
	padding-top: 5px;
	background-repeat: repeat-x;
	width: 460px;
	float: left;
}
#contentColl3 .encartFlash {
	position: absolute;
	top: 0px;
	left: 0px;
	z-index: 6;
	padding-left: 10px;
	display: none;
}


#contentColl3 .encartFlash p{
	font-size: 0.7em;
	color:#949494;
	padding-right: 40px;
	padding-left: 20px;
	padding-top: 20px;
	padding-bottom: 20px;
}

#col3 .ht {
	background-image: url(../images/accueil/bloc/blochaut3.png);
	background-repeat: no-repeat;
	background-position: left top;
	padding: 0px;
	margin: 0px;
	width: 100%;
	height: 139px;
}

/* --------------------------------------------- */
#content .bl h5, #content #bl h5 {
	font-weight: normal;
	color: #949494;
	margin: 0px;
	padding-top: 10px;
	padding-right: 0px;
	padding-bottom: 4px;
	padding-left: 0px;
	font-size: 0.65em;
}
#content .bl h4, #content #bl h4 {
	font-weight: bold;
	font-size: 0.8em;
	margin: 0px;
	padding: 0px;
}
/*-------------------------------------------------*/


#piedDePage {
	height: 20px;
	width:700px;
	margin-right: auto;
	margin-left: auto;
	padding-left: 200px;
	padding-right: 0px;
	padding-bottom: 0px;
	/*position: relative;*/ /* modification matthieu */ 
	top:20px;
	text-align:left;
}
#piedDePage a {
	cursor: pointer;
}
#piedDePage a:hover{
cursor:pointer;
}
	
#piedDePage h5{
	color: #730E93;
	font-size: 0.7em;
}
#piedDePage h5 a{
	font-size: 12px;
}
#bottom {
	position: absolute;
	left: 0px;
	bottom: 0px;
}

/* --------------------------------------------- */
/*             Ajout pour affichage bloc gauche  */
/* --------------------------------------------- */
.bl1, .bl2 {
	background-position:left top;
	background-repeat:no-repeat;
	height:166px;
	padding-top:5px;
	width:211px;
}
.bl3 {
	position: absolute;
	background-repeat: no-repeat;
	background-position: 12px bottom;
	margin: 0px;
	padding: 0px;
	top: 20px;
	width: 100%;
}
.bl3 ul {
	position: relative;
	color:#9798b1;
	font-size:.7em;
	line-height:18px;
	list-style-type:none;
	left: 10px;
	
	
}
.bl3 li:hover {
	background-position:left center;
	background-repeat:no-repeat;
}
.bl3 li {
	padding-left:20px;
}
.bl3 h4, .bl6 h4, .bl7 h4 {
	border-bottom-color:#CCC;
	border-bottom-style:solid;
	border-bottom-width:1px;
	font-weight:bolder;
	text-transform:uppercase;
	width:160px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 10px;
	margin-left: 10px;
	padding-top: 2px;
	padding-right: 0;
	padding-bottom: 8px;
	padding-left: 0;
}
.bl3 h4 {
	font-size:.7em;
}
.bl6 h4 {
	font-size:1em;
}
.bl7 h4 {
	font-size:1em;
	text-align:right;
	width:180px;
}
.blocBT {
	position: absolute;
	top: 5px;
	width: 100%;
	padding: 0px;
	margin-top: 0px;
	margin-right: 0px;
	padding-bottom: 0px;
	margin-left: 13px;
}
*:first-child+html .blocBT {
	padding-bottom: 8px;
}
.bl4, .bl5 {
	background-position:left top;
	background-repeat:repeat-x;
	height:166px;
	width:211px;
	margin: 0;
	padding: 0;
	float: left;
}
.bl4 {
	margin-bottom:20;
	margin-top:25px;
}
.bl5 {
	margin-bottom:6px;
	margin-top:5px;
}
.bl6, .bl7 {
	background-position:left bottom;
	background-repeat:no-repeat;
	font-size:.7em;
	font-weight:400;
	padding-bottom:50px;
	padding-right:10px;
	padding-top:26px;
	width:201px;
	position: absolute;
	top: 2px;
	left: 13px;
	margin-top: 0;
	margin-right: 0;
	margin-bottom: 4px;
	margin-left: 0;
	padding-left: 10px;
}

h5>p.bodytext {
	padding:0px;
	margin:0px;
	display:inline;
}


#copyRight {
	font-family:Verdana,Arial,Helvetica,sans-serif;
	font-size:0.8em;
	width: 400px;
	margin: auto;
	padding-top: 25px;
	clear: both;
}

/* --------------------------------------------- */
/*             CSS Template accueil              */
/* --------------------------------------------- */
/* --------------------------------------------- */
/*             CSS Template accueil              */
/* --------------------------------------------- */
/* --------------------------------------------- */
/*             CSS Template accueil              */
/* --------------------------------------------- */
/* --------------------------------------------- */
/*             CSS Template accueil              */
/* --------------------------------------------- */