/* CSS Document */


/* -------------------------------------------------------------------- BACKGROUND --------------------------*/

#page {
		
}
#page_wrapper {
	width: 900px;
	background: #1B2D3D url(pix/content-bg-02.jpg) repeat-y;
	margin-top: 0px;
	margin-right: auto;
	margin-bottom: 20px;
	margin-left: auto;
}
#header {
	background-color: #FFFFFF;
	/*background-image: url(pix/Header-02-B.jpg);
	background-repeat: no-repeat;*/
	height: 120px;
	position: relative;
	width: 900px;
}
#footer-bg {
	margin: 0px auto;
	width: 900px;
	/*background-color: #1B2D3D;
	background-image: url(pix/Bot-Blue.jpg);
	background-repeat: no-repeat;*/
	height: 48px;
	border-top-width: 0px;
	border-right-width: 0px;
	border-bottom-width: 0px;
	border-left-width: 0px;
}
#headerimg {
	position: absolute;
	top: 18px;
	left: 160px;
}
/*#content-bg {
	margin: 0px auto;
	width: 900px;
	background-image: url(pix/content-bg-02.jpg);
	background-repeat: repeat-y;
	height: 500px;
}*/


/* --------------------------------------------------------------- NAVIGATION MENU ----------------------*/


/* ------------------------ header mini --------------------------- */


#header_nav {
	float:right;
	margin: 0px;
	position: absolute;
	right: 17px;
	bottom: 52px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	font-size: 70%;
}
#header a.contact {
	color:#339933;
	text-decoration: none;
	margin-left: 15px;
	
}
#header a.contact:visited {
	color:#339933;
	text-decoration: none;
}
#header a.contact:hover {
	color:#ffffff;
	text-decoration: none;
}
#header a.situation {
	color:#FF9933;
	text-decoration: none;
	margin-left: 15px;
}
#header a.situation:visited {
	color:#FF9933;
}
#header a.situation:hover {
	color:#ffffff;
	text-decoration: none;
}
#header a.resources {
	color:#3366CC;
	text-decoration: none;
	margin-left: 15px;
}
#header a.resources:visited {
	color:#3366CC;
	text-decoration: none;
}
#header a.resources:hover {
	color:#ffffff;
	text-decoration: none;
}
#header a.connect {
	color:#CC0000;
	text-decoration: none;
	margin-left: 15px;
}
#header a.connect:visited {
	color:#CC0000;
	text-decoration: none;
}
#header a.connect:hover {
	color:#ffffff;
	text-decoration: none;
}


/* ------------------------ header  --------------------------- */
#nav {
	list-style:none;
	padding: 0px;
	clear:both;
	float:right;
	line-height:0px;
	margin-top: 94px;
	margin-right: 10px;
	margin-bottom: 0px;
	margin-left: 0px;
}
#nav li{
	margin-left:5px;
	float:left;
}
#nav li a{
	height: 22px;
	display:block;
	float:left;
	text-decoration:none;
	text-indent: -900em;
}
#nav #nav-print a{
	width: 92px;
	height: 22px;
	background-image: url(pix/Btn01.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nav #nav-print a:hover{
	background-image: url(pix/Btn01.jpg);
	background-repeat: no-repeat;
	background-position: 0 -22px;
}
#nav #nav-print a.select{
	background-image: url(pix/Btn01.jpg);
	background-repeat: no-repeat;
	background-position: 0 -22px;
}
#nav #nav-creation a{
	width: 92px;
	height: 22px;
	background-image: url(pix/Btn02.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nav #nav-creation a:hover{
	background-image: url(pix/Btn02.jpg);
	background-repeat: no-repeat;
	background-position: 0 -22px;
}
#nav #nav-creation a.select{
	background-image: url(pix/Btn02.jpg);
	background-repeat: no-repeat;
	background-position: 0 -22px;
}	
#nav #nav-web a{
	width: 92px;
	height: 22px;
	background-image: url(pix/Btn03.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nav #nav-web a:hover{
	background-image: url(pix/Btn03.jpg);
	background-repeat: no-repeat;
	background-position: 0 -22px;
}
#nav #nav-web a.select{
	background-image: url(pix/Btn03.jpg);
	background-repeat: no-repeat;
	background-position: 0 -22px;
}
#nav #nav-video a{
	width: 92px;
	height: 22px;
	background-image: url(pix/Btn04.jpg);
	background-repeat: no-repeat;
	background-position: 0 0;
}
#nav #nav-video a:hover{
	background-image: url(pix/Btn04.jpg);
	background-repeat: no-repeat;
	background-position: 0 -22px;
}
#nav #nav-video a.select{
	background-image: url(pix/Btn04.jpg);
	background-repeat: no-repeat;
	background-position: 0 -22px;
}


/* -------------------------------------------------------------------------- Content Area BackGround ----------------------------------------- */

#content {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	/*font-size: 75%;*/
}
#content_bg_index {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	background-image: url(pix/bg_creartbox.jpg);
	background-repeat: no-repeat;
	background-position: 280px 50px;	
}
#content_bg_print {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	background-image: url(pix/bg_print.jpg);
	background-repeat: no-repeat;
	background-position: 290px 20px;
}
#content_bg_iclassic {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	background-image: url(pix/bg_iclassic-02.jpg);
	background-repeat: no-repeat;
	background-position: 400px 10px;
}
#content_bg_happy-print {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	background-image: url(pix/bg_Happy-print.jpg);
	background-repeat: no-repeat;
	background-position: 340px 10px;
}
#content_bg_happy-mark {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	background-image: url(pix/bg_Happy-mark.jpg);
	background-repeat: no-repeat;
	background-position: 340px 10px;
}
#content_bg_imark {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	background-image: url(pix/bg_imark-04.jpg);
	background-repeat: no-repeat;
	background-position: 370px 20px;
}
#content_bg_creation {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	background-image: url(pix/bg_creation.jpg);
	background-repeat: no-repeat;
	background-position: right 20px;
}
#content_bg_web {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	background-image: url(pix/bg_internext.jpg);
	background-repeat: no-repeat;
	background-position: 10px 20px;
}
#content_bg_video {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	background-image: url(pix/bg_video.jpg);
	background-repeat: no-repeat;
	background-position: 450px 10px;
}
#content_bg_contact {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
/*	background-image: url(pix/bg_creartbox.jpg);
	background-repeat: no-repeat;
	background-position: 100px 40px;	*/
}
#content_bg_situ {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	background-image: url(pix/bg_situ.jpg);
	background-repeat: no-repeat;
	background-position: 80px 10px;
}
#content_bg_resources {
	float: left;
	padding: 5px 0px 10px 10px;
	width: 630px;
	background-image: url(pix/bg_creartbox.jpg);
	background-repeat: no-repeat;
	background-position: 100px 120px;	
}

/* -------------------------------------------------------------------------- Content Area ----------------------------------------- */



#title {
	float: left;
	padding: 0px;
	width: 350px;
	font-size: 75%;
	font-weight: bold;
/*	border-bottom-width: 1px;
	border-bottom-style: dotted;
	border-bottom-color: #666666;
*/}
#content_01 {
	float: left;
	width: 600px;
	font-size: 100%;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-family: "Trebuchet MS", Tahoma, Arial;
}
#content_form {
	float: left;
	padding: 0px 0px 0px 100px;
	width: 450px;
	font-size: 75%;
	font-weight: bold;
	height: 460px;
}
#content_print {
	float: left;
	width: 600px;
	font-size: 100%;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-family: "Trebuchet MS", Tahoma, Arial;
}
#content_creation {
	float: left;
	width: 600px;
	font-size: 100%;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-family: "Trebuchet MS", Tahoma, Arial;
}
#content_resources {
	float: left;
	width: 600px;
	font-size: 100%;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-family: "Trebuchet MS", Tahoma, Arial;
}
#content_situ {
	float: left;
	width: 600px;
	font-size: 100%;
	font-weight: bold;
	padding: 20px 0px 0px 0px;
	margin: 0px 0px 0px 30px;
	font-family: "Trebuchet MS", Tahoma, Arial;
	height: 300px;
}
#content a.situ {
	color:#339933;
	text-decoration: none;
}
#content a.situ:visited {
	color:#339933;
	text-decoration: none;
}
#content a.situ:hover {
	color:#ffffff;
	text-decoration: none;
}
#sidebar {
	float: right;
	padding: 5px 10px 20px 0px;
	width: 220px;
	color: #FFFFFF;
	font-size: 75%;
}
.wait {
	width: 380px;
	text-align: center;
	margin-left: 100px;
	margin-top: 100px;
	border: thin dashed #006699;
}

/* -------------------------------------------------------------------------- FOOTER area ----------------------------------------- */

#footer-lines {
	width: 800px;
	margin: 0px 0px 0px 55px;
}
#footer-nav {
	width: 220px;
	float: right;
	padding-right: 10px;
	padding-left: 10px;
	text-align: right;
	border-top: 1px solid #222222;
	clear: both;
	margin: 10px 0px 0px 0px;
	font-size: 65%;
	color: #666666;
	text-decoration: none;
	
	/*background: url(images/footer-right-bg.gif) no-repeat;*/
}
#footer a.copyright {
	color: #c6c6c6;
	font-size: 65%;
	color: #666666;
	text-decoration: none;
}
#footer a.copyright:visited {
	color:#339933;
	font-size: 65%;
	color: #666666;
	text-decoration: none;
}
#footer a.copyright:hover {
	color:#ffffff;
	font-size: 65%;
	color: #666666;
	text-decoration: none;
}
#footer-selecteur {
	width: 220px;
	float: left;
	margin: 0px 0px 0px 100px;
	font-size: 60%;
	color: #666666;
	text-decoration: none;
}