/* 
	CSS Reset 
*/

html, body, div, span, object, iframe, h1, h2, h3, h4, h5, h6, blockquote, pre, a, abbr, acronym, address, code, del, dfn, em, img, q, dl, dt, dd, ol, ul, li, fieldset, form, label, legend, table, caption, tbody, tfoot, thead, tr, th, td, .search_box p
{
	margin:0;
	padding:0;
	border:0;
	font-weight:inherit;
	font-style:inherit;
	font-size:100%;
	font-family:inherit;
	vertical-align:baseline;
	font-family:Verdana, Geneva, sans-serif;
	list-style:none;
}
body 
{
	line-height:1.6;
}
blockquote:before, blockquote:after, q:before, q:after 
{
	content:"";
}
blockquote, q 
{
	quotes:"" "";
}
a img 
{
	border:none;
}


/*
	Global Layout
*/

body
{
	background: #ECECEC url(../img/bg.gif) repeat;
	font-size: 13px;
	font-family: Verdana,Arial,sans-serif;
	padding: 0;
	margin: 0;
	color: #333;
}

*::selection {
	background:#333;
	color:#fff;
}

*::-moz-selection {
	background:#333;
	color:#fff;
}

*::-webkit-selection {
	background:#333;
	color:#fff;
}
strong {font-size:1em; margin:0 0 1.53846em}

/*header*/

#header{background:#722A42 url(../img/bg_header7.jpg) no-repeat scroll center top;height:439px;border-bottom:7px solid #592739}
#header .contCheminFer {height:3px;top:96px;z-index:1;width:100%;}
#header .bkChemFer{height:33px;background:#592739;opacity:.50;filter:alpha(opacity=30);filter: "alpha(opacity=30)";top:96px;width:100%;z-index:0}
.pageType #header .contCheminFer{height:33px;background:#592739;top:96px;width:100%;z-index:0}
.pageType #header .contCheminFer ul {margin:0 auto;width:960px;padding:6px 0 0 20px;z-index:1}
.pageType #header .contCheminFer ul li:first-child {background:none;padding:0 10px 0 0;} 
.pageType #header .contCheminFer ul li {float:left;background: url(../img/chem_fer_ico_fleche.png) 0px 7px no-repeat;padding:0 10px 0 20px;display:block}
.pageType #header .contCheminFer ul li a {text-decoration:none;color:#fff;font-size:11px;outline:none}
.pageType #header .contCheminFer ul li a:hover {text-decoration:underline;outline:none}

#header h1 {width:960px;margin:0 auto;color:#fff;padding:56px 0 0 20px;font-weight:normal}

#header .titreCategorie {
	width: 960px;
	margin: 0 auto;
	color: white;
	padding: 56px 0 0 20px;
	font-weight: normal;
	font-size: 25px;
	line-height: 28px;
}

#header .conteneurIdent{width:980px;margin:0 auto;height:10px}

/***IDENTIFICATION***/
/*#header .conteneurIdent .identification{float:right;height:19px;width:98px;background-color:#4f1f31;padding:3px 0 3px 25px}
#header .conteneurIdent a {display:block;color:#fff;font-size:11px;background:url(../img/ico_ident.gif) left 3px no-repeat;padding-left:12px;text-decoration:none;outline:none}
#header .conteneurIdent a:hover {text-decoration:underline}*/

#header #topBar{
	background:url(../img/bg_top_bar.jpg);
	background-position:top left;
	background-repeat:repeat-x;
	height:86px;
	z-index:999
}
#header #topBarCont{width:980px;margin:0 auto;height:86px}
#header #topBarCont .logo {float:left;width:206px;padding:26px 0 0 0;height:60px}
#header #topBar2 {width:980px;height:350px;margin:0 auto;position:relative}
#header #navSlider {width:980px;margin:0 auto;height:52px;position:absolute;bottom:1px;-webkit-border-top-left-radius: 18px;-webkit-border-top-right-radius: 18px;
-moz-border-radius-topleft: 18px;-moz-border-radius-topright: 18px;border-top-left-radius: 18px;border-top-right-radius: 18px;
background:#471F2D;
background:-webkit-gradient(
    linear,
    left bottom,
    left top,
    color-stop(0.43, rgb(36,36,36)),
    color-stop(0.89, rgb(62,62,62))
);
background: -moz-linear-gradient(
    center bottom,
    rgb(36,36,36) 43%,
    rgb(62,62,62) 89%
);
opacity:.40;
filter:alpha(opacity=40);
filter: "alpha(opacity=40)";}

/*****TITRE*****/
@font-face {
	font-family: VAGRoundedStd-Thin;
	src: url('/font/VAGRoundedStd-Thin.otf');
}
h1 {
	margin: 0;
	font-size: 25px;
	line-height: 28px;
	margin-bottom: 28px;
}


/*CONTENU*/
#contenu .conteneurPage {width:980px;margin:0 auto;background:url(../img/bg_contenu.jpg) top center repeat-y;padding:20px 10px 0 10px;overflow:visible}
#contenu .page {width:940px;padding:20px;height:100%}

/*FOOTER*/
#footer{background:url(../img/rayures_footer2.gif) top left repeat;background-color:#222222;height:250px;padding-top:6px;}
#footer .degradeFooter{background:url(../img/footer_deg.png) top center no-repeat;height:250px;margin:0 auto}
#footer .conteneurFooter{height:220px;width:980px;margin:0 auto;position:relative;}
#footer .bkFooter{position:absolute;background-color:#616060;opacity:.15;filter:alpha(opacity=15);filter: "alpha(opacity=15)";width:100%;height:100%;top:0}
#footer .contenuFooter{z-index:99999;position:absolute;color:#fff;padding:30px 20px 0 20px}
#footer .contenuFooter h3 {font-size:14px;line-height:18px;margin-bottom:18px;text-shadow: 1px 1px 2px #000;filter: dropshadow(color=#000, offx=1, offy=1)}
#footer .contenuFooter ul.margTop{padding-top:36px}
#footer .contenuFooter ul li{padding:5px 0 9px 5px;list-style:inside disc;color:#000;border-bottom: 1px dashed #414141;}
#footer .contenuFooter ul li:last-child { border-bottom:none}
#footer .contenuFooter ul li a {font-size:11px;color:#bfbfbf;text-decoration:none;outline:none;}
#footer .contenuFooter ul li a:hover { text-decoration:underline}
#footer .contenuFooter div {float:left;width:215px;margin-right:20px}
#footer .contenuFooter div:last-child {margin-right:0}
/*CLEARFIX*/
.clearfix:after {content: ".";display: block;clear: both;visibility: hidden;line-height: 0;height: 0;}
 
.clearfix {
	display: inline-block;
}
 
html[xmlns] .clearfix {
	display: block;
}
 
* html .clearfix {
	height: 1%;
}

/*CLEAR*/
.clear{clear:both}

/* PAGE TYPE */
.pageType #header{height:100px;height:380px !important;}

.pageType #contenu .page{margin-top:-200px;background:#fff;-webkit-border-top-left-radius: 18px;-webkit-border-top-right-radius: 18px;
-moz-border-radius-topleft: 18px;-moz-border-radius-topright: 18px;border-top-left-radius: 18px;border-top-right-radius: 18px;padding:30px 20px 20px 20px}




.pageType .colGauche{width:280px;float:left;}
.pageType .colGauche ul li {list-style:none;height:32px;padding-top:10px;border-bottom:1px dotted #dadada}
.pageType .colGauche ul li.current{border-right:4px solid #dd1262} 
.pageType .colGauche ul li a {text-decoration:none;display:block;outline:none;}
.pageType .colGauche ul li.current a{padding-left:10px;color:#dd1262;font-weight:bold}
.pageType .colGauche ul li a:hover, .pageType .colGauche ul li:hover a {padding-left:10px;color:#dd1262;-moz-transition-duration: 0.2s;-moz-transition-property: padding-left;-moz-transition-timing-function: ease-in;-webkit-transition-duration: 0.2s;-webkit-transition-property: padding-left;-webkit-ransition-timing-function: ease-in;-o-transition-duration: 0.2s;-o-transition-property: padding-left;-o-transition-timing-function: ease-in}


.pageType .colDroite{width:639px;float:left;padding-left:20px;border-left:1px solid #dadada;}

.pageType .colDroite ul {padding-left:15px}
.pageType .colDroite li {list-style-type:disc;color:#dd1262}
.pageType .colDroite li p {color:#333333}
.pageType .colDroite p.citation {color:#666; font-family:Georgia, "Times New Roman", Times, serif;font-size:18px;font-style:oblique;}
.pageType .colDroite div.textActus {padding-bottom:25px;margin-bottom:25px;border-bottom:1px dashed #dadada;}
.pageType .colDroite a {color:#dd1262;text-decoration:underline}
.pageType .colDroite h2 {font-size:25px;color:#333;margin-bottom:20px;}
.pageType  h2 {font-weight:normal}
.pageType  h3{font-weight:normal}
.pageType  h4{font-weight:normal}
.pageType .colDroite b, .pageType .colDroite strong {font-size:12px}

/*ACTUS*/
.colDroite.actus h3 {color:#333;font-size:18px;margin-bottom:20px}
.colDroite.actus span.date{font-style:italic;font-size:14px;color:#dd1262}


/*FORMULAIRE*/
.pageType .formulaire .colGauche {width:300px;border-right:1px solid #DADADA;padding-bottom:20px}
.pageType .formulaire .colDroite {}
.pageType .formulaire .conteneurImg{height:311px; background: url(../img/ombre_imgx5.jpg) bottom left no-repeat;}
.pageType .formulaire ul {padding-left:0}
.pageType .formulaire li {list-style:none;}
.pageType .formulaire h2 {font-size:20px;margin-bottom:20px}
.pageType .formulaire .adr {}
.pageType .formulaire .adr span {color:#dd1262}
.pageType .conteneurForm { border-top:1px dashed #DADADA;}
.pageType .conteneurForm  h2 {margin-bottom:0}
/******Contact*****/
.formulaire .colDroite {width:619px;border:none}
.formulaire .contAdr.first {padding-top:0}
.formulaire .contAdr { padding:15px 0 20px 0;border-bottom: 1px dashed #DADADA}
.formulaire .contAdr p {font-size:11px}
.formulaire .contAdr p.titreMark {font-weight:bold;font-size:12px;}
.formulaire .contAdr .btnLocal{display:block;background:url(../img/btn_localize.jpg) left top no-repeat;width:150px;height:22px;padding:4px 0 0 32px;font-size:10px;font-weight:bold;text-decoration:none;margin-top:15px}
.formulaire .contAdr .btnLocal:hover {background-position:bottom left;color:#d1105c}

/* PAGINATION*/
#pagination {
    margin: 1em 0;
    padding: 0;
}
#pagination li {
    display: inline-block;
    float: left;
    margin: 0 2px;
}
#pagination li a {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
    cursor: pointer;
    display: block;
    font-family: 'Lucida Grande',Verdana,Arial,'Bitstream Vera Sans',sans-serif;
    height: 27px;
    line-height: 27px;	
    outline: medium none !important;
    padding: 0 10px;
    text-align: center;
    text-decoration: none;
	color:#666;
}
#pagination li a.current {
    background:url(../img/deg_btn_pagination_on.jpg) top left repeat-x;
	border: 1px solid #b80a4d;
	color:#fff;
}
.button-red {
    background:url(../img/deg_btn_pagination.jpg) top left repeat-x;
    border: 1px solid #d1d1d1;
    color: #666666;
}
.button-red:hover, .button-red:focus, .button-red.hover {
    color: #ea1669;
}
.button {
	-webkit-border-radius: 3px;
	-moz-border-radius: 3px;
    border-radius: 3px;
	height: 27px;
    line-height: 25px;
	background:url(../img/deg_btn_pagination_on.jpg) top left repeat-x;
	border: 1px solid #b80a4d;
	color:#fff;
	cursor:pointer;
	padding:0 10px 0 10px;
	font-size:12px;
}
.button:hover {
-webkit-box-shadow: inset 0px 2px 2px 1px #ff006f;
-moz-box-shadow: inset 0px 2px 2px 1px #ff006f;
box-shadow: inset 0px 2px 2px 1px #ff006f; 
	
}
/***INDEX***/
.index h2 {font-size:22px;color:#DD1262;margin-bottom:18px}
.index #contenu .page {padding:10px 20px 40px 20px}
.index .contCheminFer{background:#592739;opacity:.50;filter:alpha(opacity=30);filter: "alpha(opacity=30)";}
.index .marques{border-top: 1px solid #DADADA;margin-top:18px;padding-top:20px}
.index .marques h3 {color:#333;font-size:18px;margin-bottom:18px}
.index .marques .conteneurLogos{background:url(../img/conteneur_logos.jpg) top left no-repeat;width:900px;height:104px;position:relative;padding:10px 20px 0 20px}
.index .marques .conteneurLogos a.navLeft{background:url(../img/fleche_logo_left.jpg) top left no-repeat;display:block;width:18px;height:21px;position:absolute;left:0;top:46px}
.index .marques .conteneurLogos a.navRight{background:url(../img/fleche_logo_right.jpg) top left no-repeat;display:block;width:18px;height:21px;position:absolute;right:0;top:46px}
.index .marques .conteneurLogos a.navRight:hover, .index .marques .conteneurLogos a.navLeft:hover {background-position:bottom left;}
.index .marques .conteneurLogos ul {width:890px;height:94px;}
.index .marques .conteneurLogos ul li {float:left; width:200px;padding:0 10px 0 10px;border-left:1px solid #DADADA;}
.index .marques .conteneurLogos ul li:first-child {border-left:none}
.index .marques .conteneurLogos ul li a {display:block;width:200px;height:90px}

.index .marques .conteneurLogos ul li a.abc {background:url(../img/logo/abc.jpg) bottom left no-repeat}
.index .marques .conteneurLogos ul li a.prima{background:url(../img/logo/primaphot.jpg) bottom left no-repeat}
.index .marques .conteneurLogos ul li a.studio{background:url(../img/logo/studionational.jpg) bottom left no-repeat}
.index .marques .conteneurLogos ul li a.maine{background:url(../img/logo/mainecolor.jpg) bottom left no-repeat}
.index .marques .conteneurLogos ul li a.tourte{background:url(../img/logo/tourte.jpg) bottom left no-repeat}
.index .marques .conteneurLogos ul li a.etrenceinte{background: url(../img/logo/etreenceinte.jpg) bottom left no-repeat}
.index .marques .conteneurLogos ul li a.mvm{background: url(../img/logo/mvm.jpg) bottom left no-repeat}
.index .marques .conteneurLogos ul li a:hover {background-position:left top}

/****SLIDER****/
@font-face {
	font-family: VAGRoundedStd-Thin;
	src: url('/font/VAGRoundedStd-Thin.otf');
}
#firstSlider li{}
#firstSlider li div.conteneurSlider{position:relative;}
#firstSlider li div.conteneurSlider p.titre1 {color:#fff;font-size:35px;margin-bottom:15px;font-family: VAGRoundedStd-Thin, Verdana;line-height:45px}
#firstSlider li div.conteneurSlider p.titre2 {color:#6c1635;font-size:18px}
#firstSlider li div.conteneurSlider .illusSlide1{background:url(../img/slider/slider_famille.png) top left no-repeat;width:431px;height:267px;position:absolute;top:30px;left:50px}
#firstSlider li div.conteneurSlider .illusSlide2 {background:url(../img/slider/slider_metiers.png) top left no-repeat;width:431px;height:267px;position:absolute;top:30px;left:60px;}
#firstSlider li div.conteneurSlider .illusSlide3 {background:url(../img/slider/slider_agence.png) top left no-repeat;width:446px;height:297px;position:absolute;top:0px;left:100px;}
#firstSlider li div.conteneurSlider .contText{width:380px;height:150px;position:absolute;top:50px;right:80px;}
#firstSlider li div.conteneurSlider .contText.metiers{top:80px;right:70px;}
#firstSlider li div.conteneurSlider .contText.agence{top:80px;right:70px;}
#firstSlider li div.conteneurSlider a {display:block;outline:none;position:absolute;top:0;left:40px;width:900px;height:290px;z-index:2;color:#442631}
/* HISTORIQUE */
.colDroite.historique p {margin:20px 0 20px 0;}
.colDroite.historique  h3 {font-size:18px;color:#DD1262;font-style:oblique}


/* MANAGEMENT */
.colDroite.management p {margin:20px 0 20px 0;}
.colDroite.management strong {font-size:12px}

/* Co-direction */
.colDroite.codir ul {padding:0}
.colDroite.codir ul li {list-style:none}
.colDroite.codir ul li div.photoDir{height:148px;background:url(../img/bk_photocodir.jpg) bottom left no-repeat;}
.colDroite.codir ul li div.text.x6{margin-right:0}
.colDroite.codir h2 {font-size:25px;color:#333;line-height:25px;padding:0 0 30px 0}
.colDroite.codir h3 {font-size:18px;color:#DD1262}
.colDroite.codir ul li strong{color:#333;font-size:12px}
.colDroite.codir ul li p {margin-top:15px}
.colDroite.codir ul li {padding:25px 0 20px 0;border-bottom:1px dotted #dadada}
.colDroite.codir ul li:last-child {border-bottom:none}
.colDroite.codir ul li:first-child {padding-top:0} 

/*DIGITAL*/
.colDroite.digital .presSite {padding-bottom:20px;border-bottom:1px dotted #DADADA}
.colDroite.digital div.text.x4{margin-top:10px;width:300px;}
.colDroite.digital div.text.x4.last{margin-right:0;width:299px}
.colDroite.digital h3 {font-size:18px;color:#DD1262;margin-top:30px} 
.colDroite.digital p {margin:20px 0 20px 0}
.colDroite.digital ul li p{margin:5px 0 5px 0}
.colDroite.digital ul li {font-size:12px}
.colDroite.digital strong, .colDroite.digital ul li span, .colDroite.digital p.lgd span {color:#DD1262}
.colDroite.digital p.lgd {color:#999;font-style:oblique;font-size:12px}
.colDroite.digital div.text.x4.imgSite{padding-bottom:7px; background:url(../img/bk_capt_sites.jpg) bottom left no-repeat;}

/************************ METIER PHOTO ************************/

.colDroite.metierPhoto .intro{margin-bottom:25px;}
.colDroite.metierPhoto .intro img {float:left;}
.colDroite.metierPhoto .intro p {margin-left:20px;float:left;width:350px}
.colDroite.metierPhoto .intro p .lettrine {display: block;float: left;font-size: 38px;line-height: 38px;margin: 0 8px 0 0;}

/*TABS*/
.tab_container { }
.colDroite.metierPhoto ul.tabs {margin: 0;padding: 0;float: left;list-style: none;height: 39px;border-bottom: 1px solid #DADADA;width: 100%;padding:0;}
.colDroite.metierPhoto ul.tabs li {float:left;margin:0;padding:0;height:39px;line-height:39px;margin-bottom: -1px;margin-right:5px;background:#fff;overflow: hidden;position: relative;}
.colDroite.metierPhoto ul.tabs li a {border:1px solid #DADADA;text-decoration:none;color:#222;display:block;font-size:1.2em;padding:0 20px;outline:none;color:#666;}
.colDroite.metierPhoto ul.tabs li a:hover, .colDroite.metierPhoto ul.tabs li.active a {background: url(../img/bk_tabs_on.jpg) top left repeat-x; border: 1px solid #e5015b;color:#fff}	
.colDroite.metierPhoto .tab_content_container {clear:both;float:left;width:100%;background:#fff;}
.colDroite.metierPhoto .tab_content {padding:20px 0px 0px;}
.colDroite.metierPhoto.tab_content:first-child {display:block;}
.colDroite.metierPhoto .tab_content_container h3 {color:#DD1262;font-size:18px;margin-bottom:20px}

/*Produits*/
.colDroite.metierPhoto .produits .presProduit{margin-bottom:25px}
.colDroite.metierPhoto .produits .presProduit img {float:left}
.colDroite.metierPhoto .produits .presProduit p {float:left;padding:5px 0 5px 15px;width:223px;border-left:1px solid #DADADA;margin-top:30px;font-size:11px}
.colDroite.metierPhoto .produits .presProduit strong {display:block}
.colDroite.metierPhoto .produits .presProduit.droite img {float:right}
.colDroite.metierPhoto .produits .presProduit.droite p{ text-align:right;border-right:1px solid #DADADA;border-left:none;padding:5px 15px 5px 0;}

/*MARQUES*/
.colDroite.metierPhoto .marques {font-size:12px;}
.colDroite.metierPhoto .presMarques {margin-bottom:40px}
.colDroite.metierPhoto .imgMarque {float:left;width:140px;margin-right:40px}
.colDroite.metierPhoto .desMarque {float:left;width:438px;padding-left:20px;border-left:1px solid #DADADA}
.colDroite.metierPhoto .desMarque strong{display:block;margin:20px 0 10px 0; color:#DD1262}

/*LABORATOIRES*/
.colDroite.metierPhoto .labos p {margin-bottom:20px}
.colDroite.metierPhoto .labos {margin-bottom:80px}

/*****TROUSSES*****/
.colDroite.troussesj, .colDroite.extraSco {padding-bottom:40px}
.colDroite.trousses h3, .colDroite.extraSco h3 {color:#DD1262;font-size:18px;margin:35px 0 10px 0;}
.colDroite.trousses .presTrousse{padding: 30px 0 20px 0;border-bottom:1px dotted #DADADA}
.colDroite.trousses .presTrousse img {float:left;}
.colDroite.trousses .presTrousse p {float:left;width:379px;margin-left:20px}
.colDroite.trousses .presTrousse p strong {display:block}

/*****EXTRA-SCOLAIRE*****/
.colDroite.extraSco .presReport p{float:left;margin-right:20px}
.colDroite.extraSco .presReport p.last{margin-right:0}
.colDroite.extraSco h3.oblique {font-style:oblique}

/*****AGENCE*****/
.colDroite.agence a.btnDl{background:url(../img/agence/btn_dl_br.jpg) top left no-repeat;width:190px;height:31px;display:block;color:#fff;padding:22px 0 0 55px;outline:none;text-decoration:none;margin:auto}
.colDroite.agence a.btnDl:hover{background-position:left bottom;}
.colDroite.agence div.introAgence{margin-bottom:20px;padding-bottom:20px;border-bottom:1px solid #DADADA}
.colDroite.agence .presService {margin-bottom:30px}
.colDroite.agence .presService img {float:left;width:160px;margin-right:10px}
.colDroite.agence .presService .desc{background-color:#f5f5f5;float:left;width:469px;border-bottom:4px solid #9c9c9c;margin-bottom:20px}
.colDroite.agence .presService h3 {font-size:18px;color:#333;margin:20px 0 20px 20px;}
.colDroite.agence .presService .desc p {color:#666;margin:0 20px 20px 20px;}
.colDroite.agence .presService .desc1 {border-top:1px dotted #DADADA}
.colDroite.agence .presService ul {padding:0 20px 20px 20px}
.colDroite.agence .presService li {list-style-type:none;color:#666}

/*****Boutons*****/

#contenu .btnContact{display:block;-webkit-border-radius: 3px;-moz-border-radius: 3px;border-radius: 3px;height: 27px;line-height: 25px;background:url(../img/deg_btn_pagination_on.jpg) top left repeat-x;border: 1px solid #b80a4d;color:#fff;cursor:pointer;padding:0 10px 0 10px;font-size:12px;float:right;text-decoration:none;}
a.btnContact:hover {-webkit-box-shadow: inset 0px 0px 1px 0px #95043c;-moz-box-shadow: inset 0px 0px 1px 0px #95043c;box-shadow: inset 0px 0px 1px 0px #95043c;}

/*****Presse*****/
.colGauche .categorie{padding-top:30px}
.colGauche .categorie.first {padding-top:0}
.colGauche .categorie h2 {font-size:18px;color:#ce0051;margin-bottom:10px}
.colGauche .categorie a span { font-style:oblique}
.colDroite.presse p.detaille{color:#ce0051;font-weight:bold;margin-bottom:5px}
.colDroite.presse p.detaille span {font-style:oblique}
.colDroite.presse p {margin:0 0 20px 0}

/*****Recrutement****/
.colDroite.recrutement .offreEmploi {margin:0 0 20px 0}
.colDroite.recrutement h3 {font-size:18px;margin-bottom:10px;color:#DD1262}
.colDroite.recrutement p {margin:0 0 20px 0}
.colDroite.recrutement a.offreRecentes{display:block;margin-top:10px}


/****CGU******/
.page.cgu h3 {font-size:18px;margin-bottom:10px;color:#DD1262}
.page.cgu p{margin:0 0 20px 0; text-align:justify}

/****Mentions légales****/
.page.mL strong{font-size:12px}
.page.mL p{margin:0 0 20px 0}
.page.mL a{color:#DD1262} 
.pageType #contenu .page.mL {padding-bottom:200px}

/****COPYWRITE****/
div.copywrite p{margin:0 auto;width:980px;padding-top:5px;text-align:right;color:#545454;font-size:11px}

/****BOX****/
div.text{float:left}
div.text.x2{width:140px;margin-right:20px}
div.text.x3{width:220px;margin-right:20px}
div.text.x4{width:300px;margin-right:20px}
div.text.x5{width:380px;margin-right:20px}
div.text.x6{width:459px;margin-right:20px}
div.text.x8{width:619px}
div.text.last{margin:0}