/* CSS BY GUILLAUME H.- START */

/* PRINCIPAL */

body {
	margin:0; 
	padding:0;
	line-height:1.4em;
	background:url("../images/bg_body.png") top left repeat-x #f9f9f9;
	color:#000000;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.8em;
}

body#index {
	margin:0; 
	padding:0;
	line-height:1.4em;
	background:url("../images/bg_body_index.png") top left repeat-x #f9f9f9;
	color:#000000;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:0.8em;
}

#principal {
	position:relative;
	width:1000px;
	left:50%;
	margin-left:-500px;
}


/* TOP OF PAGE | HAUT DE LA PAGE */		
		
#top1 {
	margin:0;
	padding:0;
	height:200px;
	background:url("../images/bg_header.png") no-repeat;
}

#top2 {
	margin:0;
	padding:0;
	height:45px;
	background:url("../images/bg_menuheader.gif") bottom repeat-x;
}

#top_right {
	width:50px;
	float:right;
	margin:0;
	margin-top:10px;
	padding:0;
}

/* BOTTOM OF PAGE | BAS DE LA PAGE */
#bottom { 
    width:100%;
    height:110px;
    margin:14px 0 0 0; 
    padding:0;
    background:url("../images/bg_footer.gif") top left repeat-x #f9f9f9;
}

#column_bottom {
	position:relative;
    width:1000px;
	left:50%;
	margin:0 0 0 -500px;
    padding:20px 0 0 0;
	text-align:center;
}

/* MENU */		
#main1 {
	margin:0;
	padding:0;
	background-color:#f9f9f9;
}
		
#main2 {
	margin:0;
	padding:0;
	background-color:#f9f9f9;
}

#main1index {
	margin:0;
	padding:0;
	background-color:#ffffff;
}
		
#main2index {
	margin:0;
	padding:0;
	background-color:#ffffff;
}
		
#left {
	float:left;
	width:0;
	margin:0; 
	padding:0;
}
		
#right {
	float:right;
	width:0;
	margin:0;
	padding:0;
}

/* MENU TOP */
#menutop {
	margin:0;
	padding:0;
	height:45px;
	font-size:0.8em;
	text-align:center;
	text-transform:uppercase;
}

#menutop ul {
	margin:0;
	padding:0;
	list-style-type:none;
}

#menutop li {
	margin:0;
	padding:0;
	float:left;
	width:110px;
	display:inline;
	font-weight:bold;
}

#menutop li#referencement {
	display:inline;
	float:left;
	width:110px;
	margin:0;
	padding:0;
}

#menutop li#annuaire {
	display:inline;
	float:left;
	width:110px;
	margin:0;
	padding:0;
}

#menutop li#emploi {
	display:inline;
	float:left;
	width:110px;
	margin:0;
	padding:0;
}

#menutop li#forum {
	display:inline;
	float:left;
	width:110px;
	margin:0;
	padding:0;
}

#menutop li#creation {
	display:inline;
	float:right;
	width:170px;
	margin:0;
	padding:0;
}

#menutop li#referencement a {
	display:block;
	height:33px;
	line-height:33px;
	padding:0px;
	padding-top:12px;
	color:#5e5e5e;
	text-decoration:none;
	background:url(../images/bg_nav_r.gif) left bottom no-repeat;
}

#menutop li#referencement a:hover, #menutop li#referencement a:focus, #menutop li#referencement a:active {
	color:#333333;
	background:url(../images/bg_nav_r.gif) right bottom no-repeat;
}

#menutop li#annuaire a {
	display:block;
	height:33px;
	line-height:33px;
	padding:0px;
	padding-top:12px;
	color:#5e5e5e;
	text-decoration:none;
	background:url(../images/bg_nav_a.gif) left bottom no-repeat;
}

#menutop li#annuaire a:hover, #menutop li#annuaire a:focus, #menutop li#annuaire a:active {
	color:#333333;
	background:url(../images/bg_nav_a.gif) right bottom no-repeat;
}

#menutop li#emploi a {
	display:block;
	height:33px;
	line-height:33px;
	padding:0px;
	padding-top:12px;
	color:#5e5e5e;
	text-decoration:none;
	background:url(../images/bg_nav_e.gif) left bottom no-repeat;
}

#menutop li#emploi a:hover, #menutop li#emploi a:focus, #menutop li#emploi a:active {
	color:#333333;
	background:url(../images/bg_nav_e.gif) right bottom no-repeat;
}

#menutop li#forum a {
	display:block;
	height:33px;
	line-height:33px;
	padding:0px;
	padding-top:12px;
	color:#5e5e5e;
	text-decoration:none;
	background:url(../images/bg_nav_f.gif) left bottom no-repeat;
}

#menutop li#forum a:hover, #menutop li#forum a:focus, #menutop li#forum a:active {
	color:#333333;
	background:url(../images/bg_nav_f.gif) right bottom no-repeat;
}

#menutop li#creation a {
	display:block;
	height:33px;
	line-height:33px;
	padding:0px;
	padding-top:12px;
	color:#5e5e5e;
	text-decoration:none;
	background:url(../images/bg_nav_c.gif) left bottom no-repeat;
}

#menutop li#creation a:hover, #menutop li#creation a:focus, #menutop li#creation a:active {
	color:#333333;
	background:url(../images/bg_nav_c.gif) right bottom no-repeat;
}


#menutop li#current a:link, #menutop li#current a:visited, #menutop li#current a:hover, #menutop li#current a:active {
	padding:0px;
	padding-top:12px;
	display: block;
	line-height:33px;
	height:33px;
	color:#333333;
	text-decoration:none;
	background:url(../images/bg_nav_on.gif) no-repeat left bottom;
}

/* MENU LEFT, RIGHT */
.menuright {
	float:left;
	width:200px;
	margin:7px 0 0 0;
	padding:0;
	background:url("../images/bg_menu_r_l.gif") left repeat-y transparent;
}

.menuright ul {
	padding:0;
	margin:0;
	list-style-type:none;
}  

.menuright li {
	padding:0;
	margin:0;
	display:inline;
}

.menuright li.header {
	display:block;
	margin:0;
	padding:9px 0 5px 5px;
	font-weight:bold;
	font-size:1.1em;
	color:#333333;
	border-bottom:1px #ff6b00 solid;
    background:url("../images/bg_menu_header.png") top left no-repeat transparent;
}

.menuright li.text {
	display:block;
	margin:0;
	padding:3px 0 2px 6px;
	color:#000000;
	background:url("../images/bg_menu_r_l.gif") left repeat-y transparent;
}

.menuright li.text_last {
	display:block;
	margin:0;
	padding:0 0 0 6px;
	color:#000000;
	background-color:transparent;
	border-bottom:1px #9f9f9f solid;
}

.menuright li a, .menuright li a:link, .menuright li a:visited, .menuright li.last a, .menuright li.last a:link, .menuright li.last a:visited{
	display:block;
	line-height:1.1em;
	padding:3px 0 2px 5px;
	color:#000000;
	text-decoration:none;
}

.menuright li.last a, .menuright li.last a:link, .menuright li.last a:visited {
	border-bottom:1px #bfbfbf solid;
}

.menuright li a:hover, .menuright li a:active, .menuright li.last a:hover, .menuright li.last a:active {
	padding:3px 0 2px 5px;
	color:#ffffff;
	background-color:#ff6b00;
	text-decoration:none;
}

.menuright li.last a:hover, .menuright li.last a:active {
	border-bottom:1px #bfbfbf solid;
}

/* SLIDER */

.panel-wrapper {
background-color:#ffffff;
}

div.coda_title {
	float:left;
	display:none;
	width:600px;
	margin:0;
	padding:0;
}
.panel h2.title { margin-bottom: 10px }

/* Most common stuff you'll need to change */
.coda-slider-wrapper {
	float:left;
	width:790px;
	margin:7px 0 0 0;
	padding:0;
}
	
/* Use this to keep the slider content contained in a box even when JavaScript is disabled */
.coda-slider-no-js .coda-slider { height: 200px; overflow: auto !important; padding-right: 0; }
	
	/* Change the width of the entire slider (without dynamic arrows) */
.coda-slider { 
	float:left;
	width:788px;
	margin:0;
	padding:0;
	border:1px #9f9f9f solid;
	border-top:1px #ff6b00 solid;
	background-color:#ffffff;
} 
	
.panel  {
	float:left;
	width:788px;
	margin:0;
	padding:0;
	background-color:#ffffff;
}
	
.panel-in {
	float:left;
	width:774px;
	margin:0;
	padding:7px;
	text-align:justify;
	background-color:#ffffff;
}
	
/* Preloader */
.coda-slider p.loading { padding: 20px; text-align: center }


/* Tabbed nav */
.coda-nav { float:left; margin:0; }
.coda-nav ul { display: block; width:790px; margin:0; padding:0; }
.coda-nav li { display: inline; margin:0; padding:0  }
.coda-nav li a {
	display:block;
	float:left;
	width:195px;
	margin:0;
	padding:9px 0 5px 0;
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
	color:#333333;
    background:url("../images/bg_menu_slide.png") top left no-repeat transparent;
}

.coda-nav li a.current {
	float:left;
	width:200px;
	margin:0;
	padding:9px 0 5px 0;
	font-weight:bold;
	font-size:1.1em;
	text-align:center;
	color:#ffffff;
    background:url("../images/bg_menu_slide_c.png") top left no-repeat transparent;
}

.coda-nav li a:hover, .coda-nav li a:active {
	color:#ff6b00;
}

.coda-nav li a.current:hover, .coda-nav li a.current:active {
	color:#ffffff;
}
	
	/* Miscellaneous */
	.coda-slider-wrapper { clear: both; overflow: auto; }
	.coda-slider { float: left; overflow: hidden; position: relative }
	.coda-slider .panel { display: block; float: left }
	.coda-slider .panel-container { position: relative }
	.coda-nav-left, .coda-nav-right { float: left }
	.coda-nav-left a, .coda-nav-right a { display: block; text-align: center; text-decoration: none }


.items ul { display: block; margin:0; padding:0; list-style-type:none; background-color:#f8f8f8; }
.items li { display: block; width:720px; margin:0 0 0 -20px; padding:0 0 0 20px;  list-style-type:none; line-height:1.7em; background:url("../images/ok.png") left no-repeat transparent; }

/* CENTRAL PAGE */
#middle {
	margin:0;
	background-color:#ffffff;
}
		
.column {
	margin:0;
	padding:0;
}

#column_full {
    float:left;
    width:1000px;
	height:492px;
    margin:20px 0 0 0;
    padding:0;
	background-color:#383838;
}

#column_pack {
    float:right;
	width:339px;
    margin:55px 0 10px 0;
    padding:0;
	background-color:transparent;
}

#column_pack_desc {
	width:650px;
    float:left;
    margin:10px 0 10px 0;
    padding:0;
	text-align:justify;
	color:#ffffff;
	background-color:#383838;
}

#column_left {
    float:left;
    width:790px;
    margin:13px 0 0 0;
    padding:0;
}

#column_right {
    float:right;
    width:200px;
    margin:13px 0 0 0;
    padding:0;
}

.column_in {
	float:left;
	width:774px;
	margin:0;
	padding:7px;
	border:1px #9f9f9f solid;
	border-top:1px #ff6b00 solid;
	background-color:#ffffff;
}

.column_in_just {
	float:left;
	width:774px;
	margin:0;
	padding:7px;
	text-align:justify;
	border:1px #9f9f9f solid;
	border-top:1px #ff6b00 solid;
	background-color:#ffffff;
}

.show_arbo {
	float:left;
	width:750px;
	margin:0;
	padding-top:3px;
	padding-bottom:3px;
	padding-left:7px;
	padding-right:7px;
	border:1px #c1c1c1 solid;
}

ul.fon { 
	margin:0;
	padding:0;
	padding-top:10px;
	padding-bottom:22px;
	padding-left:30px;
}

/* title */
.title_h_1 {
    float:left;
	width:776px;
    margin:7px 0 0 0;
    padding:9px 7px 5px 7px;
	background:url("../images/bg_title.png") top left no-repeat #ececec;
}

.title_h_2 {
    float:left;
	width:776px;
    margin:7px 0 0 0;
    padding:9px 7px 5px 7px;
	background:url("../images/bg_title.png") top left no-repeat #ececec;
}

.title_h_2_out {
	float:left;
	width:715px;
	margin:0;
	padding:0;
}		
		
.fixe {
	clear:both;
	height:1px;
	font-size:1px;
	border:none;
	margin:0;
	padding:0;
	background:transparent;
}
	   
.fixe1 {
	line-height:0.1em;
	margin:0;
	padding:0;
	background:transparent;
}
								

/* LINKS AND TEXT STYLE */

a { font-family:Tahoma, Verdana, Arial, sans-serif; }
a:link, a:visited { color:#000000; text-decoration:none; }
a:hover, a:active { color:#ef560a; text-decoration:none; }

a.link_orange { font-family:Tahoma, Verdana, Arial, sans-serif; }
a.link_orange:link, a.link_orange:visited { color:#ed4d00; text-decoration:none; }
a.link_orange:hover, a.link_orange:active { color:#ed4d00; text-decoration:underline; }

a.link_footer_small{ font-family:Tahoma, Verdana, Arial, sans-serif; font-size:0.9em; }
a.link_footer_small:link, a.link_footer_small:visited { color:#000000; text-decoration:none; }
a.link_footer_small:hover, a.link_footer_small:active { color:#000000; text-decoration:none; }

h1 {
    margin:0;
    padding:0;
    display:inline;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:1.1em;
    font-weight:bold;
	color:#ffffff;
    background-color:transparent;
}

h1#pack_desc {
    margin:0;
    padding:0;
    display:inline;
	font-size:1.8em;
    font-family:Tahoma, Verdana, Arial, sans-serif;
	color:#ffffff;
    background-color:transparent;
}

h2 {
    margin:0;
    padding:0;
    display:inline;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:1.1em;
    font-weight:bold;
	color:#ffffff;
    background-color:transparent;
}

h2.title {
    margin:0;
    padding:0;
    display:inline;
    font-family:Tahoma, Verdana, Arial, sans-serif;
    font-size:1.1em;
    font-weight:bold;
	color:#000000;
    background-color:transparent;
}

h3 {
	margin:0;
	padding:0;
	display:inline;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1em;
	font-weight:bold;
	color:#ed4d00;
	text-decoration:underline;
}

.text_pack_desc {
}


/* FORM, INPUT, TEXTAREA, IMG */

form { 
	margin:0;
	padding:0;
}		

input { 
	margin:0;
	padding:0;
}	
	 
img { 
	border:0;
	margin:0;
	padding:0;
}

img.pack { 
	float:left;
	margin:0 20px 7px 0;
	padding:0;
}

img.pack_flip { 
	float:right;
	margin:0;
	padding:0;
}

img.arfooo_front { 
	float:right;
	width:270px;
	margin:0 0 0 7px;
	padding:0;
	border:1px #ff6b00 solid;
}

img.center_image { 
	border:0;
	margin:0;
	padding:0;
	text-align:center;
}

checkbox {
	border:1px black solid;
	background-color:#ffffff;
}

select	{
	font-size:1em;
	border:1px #000000 solid;
}

input.button, a.button a.button:link, a.button:visited, a.button:active {
	margin:0;
	padding:0;
	padding-left:4px;
	padding-right:4px;
	width:auto;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1em;
	color:#000000;
	background-color:#ffffff;
	cursor:pointer;
}

input.button2, a.button2 a.button2:link, a.button2:visited, a.button2:active {
	margin:0;
	padding:0;
	padding-left:4px;
	padding-right:4px;
	width:125px;
	font-family:Tahoma, Verdana, Arial, sans-serif;
	font-size:1em;
	color:#000000;
	background-color:#ffffff;
	cursor:pointer;
}

a.button:hover, input.button:hover, a.button2:hover, input.button2:hover {
	background-color:#ffffff;
	color:#ef560a;
}