/*

-- -- -- -- -- -- -- -- -- --
benoit chartron
default.css
mozilla firefox site layout
-- -- -- -- -- -- -- -- -- --
	
	
*/
@import url("reset.css");
@import url("text.css");

	
* {
	padding: 0;
	margin: 0;
}
html {
	}
body {
	background: #010a0f;
	background-image: url(../img/top1.gif);
	background-repeat: repeat-x;
	background-position: top;
	font: 9pt/14pt Trebuchet MS, Verdana, georgia, sans-serif;
	width: 100%;
	margin-left: auto;
	margin-right: auto;
	}
	
#container {
	margin-top: 0px;
	margin-left: auto;
	margin-right: auto;
	}
#container2 {
	background: #664c20 url(../img/bas.png) repeat-x top;
	width: auto;
	height: 461px;
	margin-left: auto;
	margin-right: auto;
	}
	
#container3 {
	background: #000 url(../img/bgfooterrepeat.gif) repeat-x top;
	width: 100%;
	height: 360px;
	margin-left:inherit;
	margin-right:inherit;
	}

a:link { 
	text-decoration: none; 
	color: #cccccc;
	}
a:visited { 
	text-decoration: none; 
	}
a:hover, a:active { 
	text-decoration: underline; 
	}
acronym {
	border-bottom: none;
	}


/*************** BANDEAU ****************/

#bandeau {
	height: 128px;
	width: 1024px;
	margin-left: auto;
	margin-right: auto;
	}

#pageheader {
	background: url(../img/fond_bandeau.png) center;
	height: 110px;
	width: 1024px;
	position: absolute;
	margin-top: 17px;
	}
#pageheader h1 span, #pageheader h2 span {
	display:none;
	}
	
#pageheader h1 { 
	background: url(../img/logo_bc.png) no-repeat top left;
	position: relative;
	margin-left: 120px;
	margin-top:4px;
	width: 400px; 
	height: 102px;
	float: left;
	}

#pageheader h2 { 
	background: url(../img/h2_infographie.png) no-repeat top right; 
	width: 263px; 
	height: 54px;
	position: absolute;
	margin-top: 26px;
	margin-left: 600px;
	float:right;
	}
	
/*************** MILIEU ****************/

#milieu {
	background: url(../img/milieu.jpg) no-repeat top;
	width: 1024px;
	height:472px;
	margin-left: auto;
	margin-right: auto;
	margin-top: -1px;
	}
	
#blocgauche {
	background: transparent url(../img/fondblocgauche.png) no-repeat top left;
	width: 488px;
	height : 424px;
	margin-left: 80px;
	margin-top: 26px;
	float: left;
	}
	
#blocdroit {
	text-align: left;
	width: 354px;
	margin-left: 10px;
	margin-right: 0px;
	margin-top: 26px;
	float: left;
	}
	
.bulle {
	position: absolute;
	margin-left: 250px;
	margin-top: -55px;
	cursor:default;
	}
.bulle:hover, .bulle:active {
	background: url(../img/bulle_over.png);
	width: 58px;
	height: 51px;
	}
	
#slogan {
	margin-top: 15px;
	margin-left: 30px;
	}

#une li {
	display: inline;
	list-style-type: none;
	}
#une a {
	color: #2383a0;
	}
#une a:hover, a:active {
	color: #185a6e;
	text-decoration: none;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ddd;
	border-top: 1px;
	border-top-style: dotted;
	border-top-color: #ddd;
	}
#une .liensune {
	display: block;
	width : 210px;
	height: 16px;
	padding: 0px;
	float: left;
	}
#une .lien1 {
	display: block;
	padding-left: 20px;
	width: 33%;
	height: 18px;
	background: url(../img/pucelien1.jpg) no-repeat bottom left;
	float: left;
	}
#une .lien2 {
	display: block;
	background: url(../img/pucelien2.jpg) no-repeat bottom left;
	margin-left: 20px;
	padding-left: 22px;
	width: 33%;
	height: 18px;
	float: left;
	}
	
/*****UNE*****/

#une {
	padding: 10px;
	margin-bottom: 20px;
	margin-left: 12px;
	text-align: left;
	}

#une h3 span {
	display: none;
	}
	
#une h3 {
	background: transparent url(../img/h3bienvenue.png) no-repeat top left;
	width: 400px;
	height: 26px;
	border-bottom: 1px;
	border-bottom-style: dotted;
	margin-top: 10px;
	margin-bottom: 10px;
	}
.chaponews {
	color: #09384d;
	width: 400px;
	line-height: 1.0em;
	}

#une img {
	padding-right: 14px;
	float: left;
	}
	
.p1 {
	margin-right: 20px;
	}
.p2 {
	margin-right: 20px;
	margin-bottom: 15px;
	}

/**********NEWS**********/
#news {
	background-image: url(../img/blancalpha.png);
	background-repeat: no-repeat;
	background-position: top left;
	width: 325px;
	height: 314px;
	padding: 24px;
	margin-top: 24px;
	margin-left: 0px;
	}
#news h3 {
	padding-bottom: 16px;
	}
#news .p1 {
	color: #ffffff;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ffffff;
	}
#news1, #news2 {
	padding-bottom: 15px;
	}
#news a:link {
	color: #29b3bA;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #29b3bA;
	}
#news a:hover, a:active {
	color: #ccc;
	text-decoration: none;
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #ccc;
	}
#news a:visited {
	color: #B36B00;
	}
	
.date {
	display: block;
	background: transparent url(../img/date.png) no-repeat top left;
	width: 44px;
	height: 44 px;
	text-align: center;
	padding-right: 12px;
	float: left;
	}
.jour {
	margin-bottom: 2px;
	}

/*************** BAS ****************/

#bas {
	background: #664c20 url(../img/bas.png) repeat-x top;
	width: 1024px;
	height: 500px;
	margin-left: inherit;
	margin-right: inherit;
	margin-top: 0px;
	padding-top: 30px;
	padding-bottom: 0px;
	}
#listes {
	margin-left: auto;
	margin-right: auto;
	width: 860px;
	text-align: left;
	}
#listeprojets a {
	color: #d69f42;
	width: 180px;
	height: 59px;
	padding-left: 0px;
	}
.listeimg {
	margin-bottom: 1px;
	}

/*--------ROLLOVER--------*/
#listeprojets a:hover {
	color: #fff;
	}
#listeprojets .px a {
	display: block;
	background: url(../img/mini_pixelnoir.jpg) no-repeat top left;
	width: 180px;
	height: 59px;
	}
#listeprojets .px a:hover {
	background: url(../img/mini_pixelnoirover.jpg) no-repeat top left;
	width: 180px;
	height: 59px;
	}
#listeprojets .fc a {
	display: block;
	background: url(../img/mini_franckchartron.jpg) no-repeat top left;
	width: 180px;
	height: 59px;
	}
#listeprojets .fc a:hover {
	background: url(../img/mini_franckchartronover.jpg) no-repeat top left;
	width: 180px;
	height: 59px;
	}
#listeprojets .dut a {
	display: block;
	background: url(../img/mini_dut.jpg) no-repeat top left;
	width: 180px;
	height: 59px;
	}
#listeprojets .dut a:hover {
	background: url(../img/mini_dutover.jpg) no-repeat top left;
	width: 180px;
	height: 59px;
	}
/*--------*/
/*-------Rounded Corners-------*/
.boxhead {
	background: url(../img/boxhead.png) no-repeat top left;
	width: 100%;
	height: 26px;
	padding: 0;
	}
#boxbody {
	background-image: url(../img/boxbody.png);
	background-position: top left;
	background-repeat: repeat-y;
	width: 100%;
	height: 340px;
	}
.boxbottom {
	background: url(../img/boxbottom.png) no-repeat top left;
	width: 100%;
	height: 12px;
	}
#listeprojets li {
	position: relative;
	color: #cccc99;
	list-style-type: none;
	padding-left: 18px; 
	padding-bottom: 2px;
	}
#listeprojets {
	position: relative;
	padding: 0px;
	float: left;
	width: 220px;
	}
#listeprojets ul {
	width: 200px;
	float: left;
	}
#listeprojets .soustitre {
	margin-top: -5px;
	padding-bottom: 10px;
	}
#listeprojets h3 span, #listeressources h3 span, #listedesigners h3 span {
	display: none;
	}
#listeprojets .p3 {
	padding-right: 10px;
	padding-bottom: 10px;
	}
#listeressources {
	float: left;
	width: 45%;
	margin-right: 0px;
	padding-left: 10px;
	}
#listeressources h3 {
	background: transparent url(../img/h3_ressources.png) no-repeat top left;
	width: auto;
	height: 26px;
	border-bottom: 1px;
	border-bottom-style: dotted;
	margin-bottom: 14px;
	}
#listeressources .p3 {
	padding-right: 30px;
	padding-bottom: 10px;
	}
#liensressources a {
	display: block;
	background: url(../img/pucelisteressources.png) no-repeat top left;
	color: #bea682;
	width: auto;
	height: 30px;
	padding-left: 0px;
	padding-bottom: 4px;
	}
#listeressources ul {
	list-style-type: none;
	}

#liensressources li:hover {
	background: #5C451C;
	cursor:auto;
	}

#liensressources li {
	border-bottom: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #cccc99;
	padding-bottom: 4px;
	padding-top: 8px;
	}
#liensressources span {
	padding-left: 20px;
	color: #d69f42;
	}

/*       ROLLOVER LISTE RESSOURCES        */
#listeressources li a {
	text-decoration: none;
	width:310px;
	}
#liensressources li a:hover {
	color: #fff;
	width:310px;
	}
#liensressources a:hover {
	display: block;
	width: auto;
	height: 30px;
	background: url(../img/pucelisteressourcesover.png) no-repeat top left;
	}
/*       FIN ROLLOVER LISTE RESSOURCES        */

#listedesigners {
	float: left;
	width: 190px;
	margin-left: 30px;
	padding-right: 10px;
	}
#listedesigners h3 {
	background: transparent url(../img/h3_designers.png) no-repeat top left;
	width: 190px;
	height: 26px;
	border-bottom: 1px;
	border-bottom-style: dotted;
	margin-bottom: 14px;
	}
#listedesigners .p3 {
	padding-right: 10px;
	padding-bottom: 10px;
	}
#listedesigners .p4 {
	padding-top: 5px;
	}

#listedesigners .clair {
	display: block;
	background: url(../img/pucelistdesigners2.png) no-repeat left;
	width: 160px;
	height: 22px;
	padding-left: 26px;
	border-bottom: 1px;
	border-bottom-color: #58421b;
	border-bottom-style: dotted;
	border-top: 1px;
	border-top-color: #58421b;
	border-top-style: dotted;
	}
#listedesigners .fonce {
	background: url(../img/pucelistdesigners2.png) no-repeat left;
	display: block;
	width: 160px;
	height: 22px;
	padding-left: 26px;
	}

#listedesigners li:hover, #listedesigners li:hover {
	background: #5C451C;
	}

#listedesigners li {
	list-style-type: none;
	line-height: 22px;
	padding-bottom: 0px;
	}
#listedesigners a {
	color: #bea682;
	}
/********ROLLOVER LISTE DESIGNERS********/
#listedesigners li a {
	text-decoration: none;
	}
#listedesigners a:hover {
	color: #fff;
	}
#listedesigners li a:hover {
	display: block;
	background: url(../img/pucelistdesigners2over.png) no-repeat left;
	margin-left: 4px;
	width: 160px;
	height: 22px;
	}

/********  FOOTER  **********/
#mentions {
	color: #666;
	position: absolute;
	width: 800px;
	padding-top: 214px;
	padding-left: 190px;
	font-size:0.8em;
	}
#mentions .linkemail {
	margin-left: 5px;
	}
#mentions .navimg {
	margin-top: 11px;
	}

#footer .w3c {
	position: absolute;
	margin-left:90px;
	margin-top:245px;
	}

.copyright, .agcs {
	font-family: Georgia, Tahoma, Verdana, Arial;
	width: auto;
	float: left;
	}
.copyright span {
	color: #666;
	padding-right: 5px;
	}
.copyright a, .agcs a {
	text-decoration: none;
	}
.copyright a:hover, .agcs a:hover {
	color: #f90;
	}

.copyright a:visited, .agcs a:visited {
	color: #b36b00;
	}

.agcs {
	position: relative;
	margin-left: 358px;
	}
.affichage {
	font-family: Tahoma, Verdana, Arial, sans serif;
	float: left;
	margin-top: 11px;
	}

#footer {
	background: #000;
	background-image: url(../img/bgfooter.png);
	background-repeat: repeat-x;
	background-position: top;
	margin-left: auto;
	margin-right: auto;
	width: 1024px;
	height: 360px;
	clear: both;
	}