/* CSS CDC MÉKINAC */
@import url("../css/base.css");

.hr, .hr2 {border-top:1px solid #364D65; padding-bottom:3px;}
.hr {margin:5px 0 0 55px;}
.hr2 {margin:5px 12px 0 55px;}

div.clear {clear:both;}
div#left .ariane {
	color:#0E2A47;
	margin-top:-10px;
}

div#left .up {
	font-size:10px;
	text-align:right; 
}

div#left .up img {margin-left:5px;}


/*  Content */
div#content {
	margin:0 auto;
	text-align: left;
	width: 961px;
	background: url(../img/bg_content.jpg) repeat-y top left;
}

/*  top */
div#content #top {
	background: url(../img/bg_top.gif) no-repeat top left;
	width:961px;
	height: 522px;
	margin-top:-8px;
}


/*  dans le top ...header */
div#header .image {
	background: url(../img/img_header.jpg) no-repeat top left;
	width: 689px;
	height: 286px;
	margin: 45px 0 0 135px;
}

div#header .menu {margin: -10px 0 0 103px; }/*  dans le top ...header ...menu */

div#header .menu ul {
	text-align: center;
	width: 691px;
}

div#header .menu li {
	float: left;
	list-style-image: none;
	list-style-position: outside;
	list-style-type: none;
	margin:4px 1px 0 0;
}

div#header .menu li a {
	display: block;
	width: 137px;  height: 42px;
	
	background: url(../img/btn_menu.gif) no-repeat left top;
	color: #fff;
	text-decoration: none;
	font-size: 12px;
	line-height: 3.5em;
}

div#header .menu li.fierte a {
	display:block;
	width:138px; height:52px;
	background:url(../img/btn_menufierte.gif) no-repeat left top;
	font-size:9px;
	line-height:1.25em;
	padding-top:9px;
	color:#0E2A47;
}	

div#header .menu li.fierte a:hover, div#header .menu li.fierte .current a, div#header .menu li.fierte .current a:hover {
	background:url(../img/btn_menufierte.gif) no-repeat right top;
	color:#F7C520;
}

div#header .menu li a:hover, div#header .menu li a:focus, div#header .menu li a:active, div#header .menu li.current a, div#header .menu li.current a:hover {background: url(../img/btn_menu.gif) no-repeat right top; color:#F7B41F;}


/*  dans le top ...adresse */
div#top .adresse {
	text-align:right;
	font-size:10px;
	color:#fff;
	padding: 50px 137px 0 0;
}

div#top .bleu, div#top .bleu a {color: #0E2A47;}


/*  centre... gauche */
div#content_center {
	width: 745px;
	margin-left: 79px;
	background:url(../img/imagetest.jpg) no-repeat 555px 79px;
}


div#left {width:510px; float:left; margin-bottom:40px;}

div#left h1, div#bottom h1, div#left p, div#left h3, div#left h4, div#left .partenaire img {margin-left:55px;}
div#left h1 {margin-bottom:15px;}
div#left h1, div#bottom h1 {color: #0E2A47;}

div#bottom p {margin-left:7px; color:#254666;}

div#bottom p.emploi {color:#081644;}

div#left li {list-style-type:square; margin-left:38px;}

div#left h2 {
	background: url(../img/h2_title.gif) no-repeat;
	width: 470px; height: 130px;
	color:#fff;
	font-size:38px;
	padding: 57px 0 0 50px;
	margin:-18px 0 -30px 0;
	position:relative; z-index:1;
}

div#left h3 {color:#0F2A47;}

div#left h1, div#left .ariane {position:relative; z-index:2;}


div#left .partenaire {
	float:left;
	width:100%;
}

div#left .partenaire h4 {
	background:#FFDF6F;
	color:#193C5E;
	padding:5px;
	text-align:center;
}

/* tableau - membres (liste des membres) */
table {
	width:455px;
	margin:0 0 20px 55px;
	padding-top:10px;
}

	.ie table {margin:12px 0 20px 55px;}
	
	
th {
	color:#193C5E;
	background:#FFDF6F;
	padding:4px;
	line-height:1.4;
	text-align:center;
}

tr.alt td {
    font-style: italic;
	padding-top:5px;
	line-height:1.4;
}

.archives {margin:30px 0 10px 0;}


/* fierté */ 

div#left .lightbox1 ul li, div#left .lightbox2 ul li {
	list-style-type: none;
	float: left;
	margin:20px 0 10px 22px;
}


/*  centre... droite (memo cdc) */
div#right {
	float:right;
	background:url(../img/bg_memocdc.gif) no-repeat top right;
	width:197px; height:337px;
	margin-top:80px;
}

div#right h1 {
	color:#F7C520;
	font-size:12px;
	padding: 60px 20px 5px 24px;
}

div#right h2 {
	color:#fff;
	font-size:10px;
	padding-left:24px;
}

div#right ul {
	list-style-type:square;
	padding:5px 20px 5px 5px;
	color:#fff;
	line-height:15px;
}

div#right li {margin-bottom:10px;}




/*  centre... bas */
div#bottom {clear:both; padding-bottom:10px;}

.accToggler, .accToggler2, .accToggler3 {
	width: 744px; height:55px;
	color: #fff;
	cursor: pointer;
}
.accToggler {background: #fff url(../img/formvenir.gif) no-repeat;}
.accToggler2 {background: #fff url(../img/intercom.gif) no-repeat;}
.accToggler3 {background: #fff url(../img/photos.gif) no-repeat;}

.accContent {
	width:750px;
}
.accContent p {
	padding-left:50px;
}



/* Section Photos... */

div.photoleft {float:left;width:310px; margin-top:20px;}
div.photoright {float:left; width:400px; margin-left:30px;}
ul#photos_list {margin-left:55px; list-style-type:none;}
.photo_description {margin-top:-5px;}
.photo_title {
	color:#081644;
	background:#E0E4EF;
	padding:4px;
	margin-top:-1px;
}

	.ie .photo_title {margin-top:4px;}

div.photoright img {width:400px; height:300px;}
a.selected {color:#081644;}

div#photo_container {height:400px; margin:20px 0 40px 0;}





/*  footer */
div#footer {
	background: url(../img/bg_footer.gif) no-repeat top left;
	width:868px; height:65px;
	color: #364D65;
	font-size: 9px;
	line-height:0.7;
	left:-79px; position:relative;
}

div#footer a {color:#0E2A47;}

div#footer .oz {
	float:left;
	width:25px; height:21px;
	margin:21px 0 0 125px;
}

		.ie6 div#footer .oz {margin:21px 0 0 65px;}

div#footer .copyright {	
	float:left;
	width:824px; height:10px;
	margin-top:-24px;
}


div#footer .copyright p {text-align: right;}